@telegraph/tag 0.0.94 → 0.0.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react/jsx-runtime"),be=require("@telegraph/button"),Ds=require("@telegraph/icon"),Os=require("@telegraph/layout"),Is=require("@telegraph/tooltip"),Es=require("@telegraph/typography"),ks=require("clsx"),we=require("lucide-react"),y=require("react"),Ns=y.createContext({});function Bs(e){const t=y.useRef(null);return t.current===null&&(t.current=e()),t.current}const rt=typeof window<"u",Ls=rt?y.useLayoutEffect:y.useEffect,cn=y.createContext(null);function Ks(e,t){e.indexOf(t)===-1&&e.push(t)}function js(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}const U=(e,t,n)=>n>t?t:n<e?e:n;let fe=()=>{},H=()=>{};process.env.NODE_ENV!=="production"&&(fe=(e,t)=>{!e&&typeof console<"u"&&console.warn(t)},H=(e,t)=>{if(!e)throw new Error(t)});const K={},ln=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function Ws(e){return typeof e=="object"&&e!==null}const fn=e=>/^0[^.\s]+$/u.test(e);function ot(e){let t;return()=>(t===void 0&&(t=e()),t)}const Q=e=>e,$s=(e,t)=>n=>t(e(n)),Pe=(...e)=>e.reduce($s),dn=(e,t,n)=>{const s=t-e;return s===0?1:(n-e)/s};class hn{constructor(){this.subscriptions=[]}add(t){return Ks(this.subscriptions,t),()=>js(this.subscriptions,t)}notify(t,n,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,n,s);else for(let r=0;r<i;r++){const o=this.subscriptions[r];o&&o(t,n,s)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const N=e=>e*1e3,L=e=>e/1e3;function pn(e,t){return t?e*(1e3/t):0}const Rt=new Set;function mn(e,t,n){e||Rt.has(t)||(console.warn(t),Rt.add(t))}const gn=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,_s=1e-7,Gs=12;function zs(e,t,n,s,i){let r,o,a=0;do o=t+(n-t)/2,r=gn(o,s,i)-e,r>0?n=o:t=o;while(Math.abs(r)>_s&&++a<Gs);return o}function de(e,t,n,s){if(e===t&&n===s)return Q;const i=r=>zs(r,0,1,e,n);return r=>r===0||r===1?r:gn(i(r),t,s)}const yn=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,bn=e=>t=>1-e(1-t),vn=de(.33,1.53,.69,.99),at=bn(vn),Tn=yn(at),wn=e=>(e*=2)<1?.5*at(e):.5*(2-Math.pow(2,-10*(e-1))),ut=e=>1-Math.sin(Math.acos(e)),Us=bn(ut),xn=yn(ut),Hs=de(.42,0,1,1),qs=de(0,0,.58,1),Sn=de(.42,0,.58,1),Ys=e=>Array.isArray(e)&&typeof e[0]!="number",Vn=e=>Array.isArray(e)&&typeof e[0]=="number",Dt={linear:Q,easeIn:Hs,easeInOut:Sn,easeOut:qs,circIn:ut,circInOut:xn,circOut:Us,backIn:at,backInOut:Tn,backOut:vn,anticipate:wn},Xs=e=>typeof e=="string",Ot=e=>{if(Vn(e)){H(e.length===4,"Cubic bezier arrays must contain four numerical values.");const[t,n,s,i]=e;return de(t,n,s,i)}else if(Xs(e))return H(Dt[e]!==void 0,`Invalid easing type '${e}'`),Dt[e];return e},ge=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function Zs(e,t){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(u){o.has(u)&&(l.schedule(u),e()),u(a)}const l={schedule:(u,d=!1,f=!1)=>{const b=f&&i?n:s;return d&&o.add(u),b.has(u)||b.add(u),u},cancel:u=>{s.delete(u),o.delete(u)},process:u=>{if(a=u,i){r=!0;return}i=!0,[n,s]=[s,n],n.forEach(c),n.clear(),i=!1,r&&(r=!1,l.process(u))}};return l}const Js=40;function An(e,t){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},r=()=>n=!0,o=ge.reduce((g,A)=>(g[A]=Zs(r),g),{}),{setup:a,read:c,resolveKeyframes:l,preUpdate:u,update:d,preRender:f,render:h,postRender:b}=o,v=()=>{const g=K.useManualTiming?i.timestamp:performance.now();n=!1,K.useManualTiming||(i.delta=s?1e3/60:Math.max(Math.min(g-i.timestamp,Js),1)),i.timestamp=g,i.isProcessing=!0,a.process(i),c.process(i),l.process(i),u.process(i),d.process(i),f.process(i),h.process(i),b.process(i),i.isProcessing=!1,n&&t&&(s=!1,e(v))},w=()=>{n=!0,s=!0,i.isProcessing||e(v)};return{schedule:ge.reduce((g,A)=>{const T=o[A];return g[A]=(V,P=!1,x=!1)=>(n||w(),T.schedule(V,P,x)),g},{}),cancel:g=>{for(let A=0;A<ge.length;A++)o[ge[A]].cancel(g)},state:i,steps:o}}const{schedule:k,cancel:$e,state:xe}=An(typeof requestAnimationFrame<"u"?requestAnimationFrame:Q,!0);let ve;function Qs(){ve=void 0}const E={now:()=>(ve===void 0&&E.set(xe.isProcessing||K.useManualTiming?xe.timestamp:performance.now()),ve),set:e=>{ve=e,queueMicrotask(Qs)}},Mn=e=>t=>typeof t=="string"&&t.startsWith(e),Cn=Mn("--"),ei=Mn("var(--"),ct=e=>ei(e)?ti.test(e.split("/*")[0].trim()):!1,ti=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,ee={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},ae={...ee,transform:e=>U(0,1,e)},ye={...ee,default:1},oe=e=>Math.round(e*1e5)/1e5,lt=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ni(e){return e==null}const si=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,ft=(e,t)=>n=>!!(typeof n=="string"&&si.test(n)&&n.startsWith(e)||t&&!ni(n)&&Object.prototype.hasOwnProperty.call(n,t)),Pn=(e,t,n)=>s=>{if(typeof s!="string")return s;const[i,r,o,a]=s.match(lt);return{[e]:parseFloat(i),[t]:parseFloat(r),[n]:parseFloat(o),alpha:a!==void 0?parseFloat(a):1}},ii=e=>U(0,255,e),ke={...ee,transform:e=>Math.round(ii(e))},$={test:ft("rgb","red"),parse:Pn("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:s=1})=>"rgba("+ke.transform(e)+", "+ke.transform(t)+", "+ke.transform(n)+", "+oe(ae.transform(s))+")"};function ri(e){let t="",n="",s="",i="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),s=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),s=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,s+=s,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const _e={test:ft("#"),parse:ri,transform:$.transform},he=e=>({test:t=>typeof t=="string"&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),j=he("deg"),Z=he("%"),m=he("px"),oi=he("vh"),ai=he("vw"),It={...Z,parse:e=>Z.parse(e)/100,transform:e=>Z.transform(e*100)},Y={test:ft("hsl","hue"),parse:Pn("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:s=1})=>"hsla("+Math.round(e)+", "+Z.transform(oe(t))+", "+Z.transform(oe(n))+", "+oe(ae.transform(s))+")"},C={test:e=>$.test(e)||_e.test(e)||Y.test(e),parse:e=>$.test(e)?$.parse(e):Y.test(e)?Y.parse(e):_e.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?$.transform(e):Y.transform(e),getAnimatableNone:e=>{const t=C.parse(e);return t.alpha=0,C.transform(t)}},ui=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function ci(e){var t,n;return isNaN(e)&&typeof e=="string"&&(((t=e.match(lt))==null?void 0:t.length)||0)+(((n=e.match(ui))==null?void 0:n.length)||0)>0}const Fn="number",Rn="color",li="var",fi="var(",Et="${}",di=/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 ue(e){const t=e.toString(),n=[],s={color:[],number:[],var:[]},i=[];let r=0;const a=t.replace(di,c=>(C.test(c)?(s.color.push(r),i.push(Rn),n.push(C.parse(c))):c.startsWith(fi)?(s.var.push(r),i.push(li),n.push(c)):(s.number.push(r),i.push(Fn),n.push(parseFloat(c))),++r,Et)).split(Et);return{values:n,split:a,indexes:s,types:i}}function Dn(e){return ue(e).values}function On(e){const{split:t,types:n}=ue(e),s=t.length;return i=>{let r="";for(let o=0;o<s;o++)if(r+=t[o],i[o]!==void 0){const a=n[o];a===Fn?r+=oe(i[o]):a===Rn?r+=C.transform(i[o]):r+=i[o]}return r}}const hi=e=>typeof e=="number"?0:C.test(e)?C.getAnimatableNone(e):e;function pi(e){const t=Dn(e);return On(e)(t.map(hi))}const te={test:ci,parse:Dn,createTransformer:On,getAnimatableNone:pi};function Ne(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function mi({hue:e,saturation:t,lightness:n,alpha:s}){e/=360,t/=100,n/=100;let i=0,r=0,o=0;if(!t)i=r=o=n;else{const a=n<.5?n*(1+t):n+t-n*t,c=2*n-a;i=Ne(c,a,e+1/3),r=Ne(c,a,e),o=Ne(c,a,e-1/3)}return{red:Math.round(i*255),green:Math.round(r*255),blue:Math.round(o*255),alpha:s}}function Se(e,t){return n=>n>0?t:e}const Fe=(e,t,n)=>e+(t-e)*n,Be=(e,t,n)=>{const s=e*e,i=n*(t*t-s)+s;return i<0?0:Math.sqrt(i)},gi=[_e,$,Y],yi=e=>gi.find(t=>t.test(e));function kt(e){const t=yi(e);if(fe(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`),!t)return!1;let n=t.parse(e);return t===Y&&(n=mi(n)),n}const Nt=(e,t)=>{const n=kt(e),s=kt(t);if(!n||!s)return Se(e,t);const i={...n};return r=>(i.red=Be(n.red,s.red,r),i.green=Be(n.green,s.green,r),i.blue=Be(n.blue,s.blue,r),i.alpha=Fe(n.alpha,s.alpha,r),$.transform(i))},Ge=new Set(["none","hidden"]);function bi(e,t){return Ge.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function vi(e,t){return n=>Fe(e,t,n)}function dt(e){return typeof e=="number"?vi:typeof e=="string"?ct(e)?Se:C.test(e)?Nt:xi:Array.isArray(e)?In:typeof e=="object"?C.test(e)?Nt:Ti:Se}function In(e,t){const n=[...e],s=n.length,i=e.map((r,o)=>dt(r)(r,t[o]));return r=>{for(let o=0;o<s;o++)n[o]=i[o](r);return n}}function Ti(e,t){const n={...e,...t},s={};for(const i in n)e[i]!==void 0&&t[i]!==void 0&&(s[i]=dt(e[i])(e[i],t[i]));return i=>{for(const r in s)n[r]=s[r](i);return n}}function wi(e,t){const n=[],s={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){const r=t.types[i],o=e.indexes[r][s[r]],a=e.values[o]??0;n[i]=a,s[r]++}return n}const xi=(e,t)=>{const n=te.createTransformer(t),s=ue(e),i=ue(t);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?Ge.has(e)&&!i.values.length||Ge.has(t)&&!s.values.length?bi(e,t):Pe(In(wi(s,i),i.values),n):(fe(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),Se(e,t))};function En(e,t,n){return typeof e=="number"&&typeof t=="number"&&typeof n=="number"?Fe(e,t,n):dt(e)(e,t)}const Si=e=>{const t=({timestamp:n})=>e(n);return{start:(n=!0)=>k.update(t,n),stop:()=>$e(t),now:()=>xe.isProcessing?xe.timestamp:E.now()}},kn=(e,t,n=10)=>{let s="";const i=Math.max(Math.round(t/n),2);for(let r=0;r<i;r++)s+=Math.round(e(r/(i-1))*1e4)/1e4+", ";return`linear(${s.substring(0,s.length-2)})`},Ve=2e4;function ht(e){let t=0;const n=50;let s=e.next(t);for(;!s.done&&t<Ve;)t+=n,s=e.next(t);return t>=Ve?1/0:t}function Vi(e,t=100,n){const s=n({...e,keyframes:[0,t]}),i=Math.min(ht(s),Ve);return{type:"keyframes",ease:r=>s.next(i*r).value/t,duration:L(i)}}const Ai=5;function Nn(e,t,n){const s=Math.max(t-Ai,0);return pn(n-e(s),t-s)}const M={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},Le=.001;function Mi({duration:e=M.duration,bounce:t=M.bounce,velocity:n=M.velocity,mass:s=M.mass}){let i,r;fe(e<=N(M.maxDuration),"Spring duration must be 10 seconds or less");let o=1-t;o=U(M.minDamping,M.maxDamping,o),e=U(M.minDuration,M.maxDuration,L(e)),o<1?(i=l=>{const u=l*o,d=u*e,f=u-n,h=ze(l,o),b=Math.exp(-d);return Le-f/h*b},r=l=>{const d=l*o*e,f=d*n+n,h=Math.pow(o,2)*Math.pow(l,2)*e,b=Math.exp(-d),v=ze(Math.pow(l,2),o);return(-i(l)+Le>0?-1:1)*((f-h)*b)/v}):(i=l=>{const u=Math.exp(-l*e),d=(l-n)*e+1;return-Le+u*d},r=l=>{const u=Math.exp(-l*e),d=(n-l)*(e*e);return u*d});const a=5/e,c=Pi(i,r,a);if(e=N(e),isNaN(c))return{stiffness:M.stiffness,damping:M.damping,duration:e};{const l=Math.pow(c,2)*s;return{stiffness:l,damping:o*2*Math.sqrt(s*l),duration:e}}}const Ci=12;function Pi(e,t,n){let s=n;for(let i=1;i<Ci;i++)s=s-e(s)/t(s);return s}function ze(e,t){return e*Math.sqrt(1-t*t)}const Fi=["duration","bounce"],Ri=["stiffness","damping","mass"];function Bt(e,t){return t.some(n=>e[n]!==void 0)}function Di(e){let t={velocity:M.velocity,stiffness:M.stiffness,damping:M.damping,mass:M.mass,isResolvedFromDuration:!1,...e};if(!Bt(e,Ri)&&Bt(e,Fi))if(e.visualDuration){const n=e.visualDuration,s=2*Math.PI/(n*1.2),i=s*s,r=2*U(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:M.mass,stiffness:i,damping:r}}else{const n=Mi(e);t={...t,...n,mass:M.mass},t.isResolvedFromDuration=!0}return t}function Ae(e=M.visualDuration,t=M.bounce){const n=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:t}:e;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:l,mass:u,duration:d,velocity:f,isResolvedFromDuration:h}=Di({...n,velocity:-L(n.velocity||0)}),b=f||0,v=l/(2*Math.sqrt(c*u)),w=o-r,p=L(Math.sqrt(c/u)),S=Math.abs(w)<5;s||(s=S?M.restSpeed.granular:M.restSpeed.default),i||(i=S?M.restDelta.granular:M.restDelta.default);let g;if(v<1){const T=ze(p,v);g=V=>{const P=Math.exp(-v*p*V);return o-P*((b+v*p*w)/T*Math.sin(T*V)+w*Math.cos(T*V))}}else if(v===1)g=T=>o-Math.exp(-p*T)*(w+(b+p*w)*T);else{const T=p*Math.sqrt(v*v-1);g=V=>{const P=Math.exp(-v*p*V),x=Math.min(T*V,300);return o-P*((b+v*p*w)*Math.sinh(x)+T*w*Math.cosh(x))/T}}const A={calculatedDuration:h&&d||null,next:T=>{const V=g(T);if(h)a.done=T>=d;else{let P=T===0?b:0;v<1&&(P=T===0?N(b):Nn(g,T,V));const x=Math.abs(P)<=s,O=Math.abs(o-V)<=i;a.done=x&&O}return a.value=a.done?o:V,a},toString:()=>{const T=Math.min(ht(A),Ve),V=kn(P=>A.next(T*P).value,T,30);return T+"ms "+V},toTransition:()=>{}};return A}Ae.applyToOptions=e=>{const t=Vi(e,100,Ae);return e.ease=t.ease,e.duration=N(t.duration),e.type="keyframes",e};function Ue({keyframes:e,velocity:t=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:r=500,modifyTarget:o,min:a,max:c,restDelta:l=.5,restSpeed:u}){const d=e[0],f={done:!1,value:d},h=x=>a!==void 0&&x<a||c!==void 0&&x>c,b=x=>a===void 0?c:c===void 0||Math.abs(a-x)<Math.abs(c-x)?a:c;let v=n*t;const w=d+v,p=o===void 0?w:o(w);p!==w&&(v=p-d);const S=x=>-v*Math.exp(-x/s),g=x=>p+S(x),A=x=>{const O=S(x),I=g(x);f.done=Math.abs(O)<=l,f.value=f.done?p:I};let T,V;const P=x=>{h(f.value)&&(T=x,V=Ae({keyframes:[f.value,b(f.value)],velocity:Nn(g,x,f.value),damping:i,stiffness:r,restDelta:l,restSpeed:u}))};return P(0),{calculatedDuration:null,next:x=>{let O=!1;return!V&&T===void 0&&(O=!0,A(x),P(x)),T!==void 0&&x>=T?V.next(x-T):(!O&&A(x),f)}}}function Oi(e,t,n){const s=[],i=n||K.mix||En,r=e.length-1;for(let o=0;o<r;o++){let a=i(e[o],e[o+1]);if(t){const c=Array.isArray(t)?t[o]||Q:t;a=Pe(c,a)}s.push(a)}return s}function Ii(e,t,{clamp:n=!0,ease:s,mixer:i}={}){const r=e.length;if(H(r===t.length,"Both input and output ranges must be the same length"),r===1)return()=>t[0];if(r===2&&t[0]===t[1])return()=>t[1];const o=e[0]===e[1];e[0]>e[r-1]&&(e=[...e].reverse(),t=[...t].reverse());const a=Oi(t,s,i),c=a.length,l=u=>{if(o&&u<e[0])return t[0];let d=0;if(c>1)for(;d<e.length-2&&!(u<e[d+1]);d++);const f=dn(e[d],e[d+1],u);return a[d](f)};return n?u=>l(U(e[0],e[r-1],u)):l}function Ei(e,t){const n=e[e.length-1];for(let s=1;s<=t;s++){const i=dn(0,t,s);e.push(Fe(n,1,i))}}function ki(e){const t=[0];return Ei(t,e.length-1),t}function Ni(e,t){return e.map(n=>n*t)}function Bi(e,t){return e.map(()=>t||Sn).splice(0,e.length-1)}function X({duration:e=300,keyframes:t,times:n,ease:s="easeInOut"}){const i=Ys(s)?s.map(Ot):Ot(s),r={done:!1,value:t[0]},o=Ni(n&&n.length===t.length?n:ki(t),e),a=Ii(o,t,{ease:Array.isArray(i)?i:Bi(t,i)});return{calculatedDuration:e,next:c=>(r.value=a(c),r.done=c>=e,r)}}const Li=e=>e!==null;function pt(e,{repeat:t,repeatType:n="loop"},s,i=1){const r=e.filter(Li),a=i<0||t&&n!=="loop"&&t%2===1?0:r.length-1;return!a||s===void 0?r[a]:s}const Ki={decay:Ue,inertia:Ue,tween:X,keyframes:X,spring:Ae};function Bn(e){typeof e.type=="string"&&(e.type=Ki[e.type])}class mt{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(t=>{this.resolve=t})}notifyFinished(){this.resolve()}then(t,n){return this.finished.then(t,n)}}const ji=e=>e/100;class gt extends mt{constructor(t){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{var s,i;const{motionValue:n}=this.options;n&&n.updatedAt!==E.now()&&this.tick(E.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(i=(s=this.options).onStop)==null||i.call(s))},this.options=t,this.initAnimation(),this.play(),t.autoplay===!1&&this.pause()}initAnimation(){const{options:t}=this;Bn(t);const{type:n=X,repeat:s=0,repeatDelay:i=0,repeatType:r,velocity:o=0}=t;let{keyframes:a}=t;const c=n||X;process.env.NODE_ENV!=="production"&&c!==X&&H(a.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`),c!==X&&typeof a[0]!="number"&&(this.mixKeyframes=Pe(ji,En(a[0],a[1])),a=[0,100]);const l=c({...t,keyframes:a});r==="mirror"&&(this.mirroredGenerator=c({...t,keyframes:[...a].reverse(),velocity:-o})),l.calculatedDuration===null&&(l.calculatedDuration=ht(l));const{calculatedDuration:u}=l;this.calculatedDuration=u,this.resolvedDuration=u+i,this.totalDuration=this.resolvedDuration*(s+1)-i,this.generator=l}updateTime(t){const n=Math.round(t-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(t,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:l=0,keyframes:u,repeat:d,repeatType:f,repeatDelay:h,type:b,onUpdate:v,finalKeyframe:w}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-i/this.speed,this.startTime)),n?this.currentTime=t:this.updateTime(t);const p=this.currentTime-l*(this.playbackSpeed>=0?1:-1),S=this.playbackSpeed>=0?p<0:p>i;this.currentTime=Math.max(p,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let g=this.currentTime,A=s;if(d){const x=Math.min(this.currentTime,i)/a;let O=Math.floor(x),I=x%1;!I&&x>=1&&(I=1),I===1&&O--,O=Math.min(O,d+1),!!(O%2)&&(f==="reverse"?(I=1-I,h&&(I-=h/a)):f==="mirror"&&(A=o)),g=U(0,1,I)*a}const T=S?{done:!1,value:u[0]}:A.next(g);r&&(T.value=r(T.value));let{done:V}=T;!S&&c!==null&&(V=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const P=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&V);return P&&b!==Ue&&(T.value=pt(u,this.options,w,this.speed)),v&&v(T.value),P&&this.finish(),T}then(t,n){return this.finished.then(t,n)}get duration(){return L(this.calculatedDuration)}get time(){return L(this.currentTime)}set time(t){var n;t=N(t),this.currentTime=t,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.playbackSpeed),(n=this.driver)==null||n.start(!1)}get speed(){return this.playbackSpeed}set speed(t){this.updateTime(E.now());const n=this.playbackSpeed!==t;this.playbackSpeed=t,n&&(this.time=L(this.currentTime))}play(){var i,r;if(this.isStopped)return;const{driver:t=Si,startTime:n}=this.options;this.driver||(this.driver=t(o=>this.tick(o))),(r=(i=this.options).onPlay)==null||r.call(i);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(E.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var t,n;this.notifyFinished(),this.teardown(),this.state="finished",(n=(t=this.options).onComplete)==null||n.call(t)}cancel(){var t,n;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(n=(t=this.options).onCancel)==null||n.call(t)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}attachTimeline(t){var n;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(n=this.driver)==null||n.stop(),t.observe(this)}}function Wi(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}const _=e=>e*180/Math.PI,He=e=>{const t=_(Math.atan2(e[1],e[0]));return qe(t)},$i={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:He,rotateZ:He,skewX:e=>_(Math.atan(e[1])),skewY:e=>_(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},qe=e=>(e=e%360,e<0&&(e+=360),e),Lt=He,Kt=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),jt=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),_i={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:Kt,scaleY:jt,scale:e=>(Kt(e)+jt(e))/2,rotateX:e=>qe(_(Math.atan2(e[6],e[5]))),rotateY:e=>qe(_(Math.atan2(-e[2],e[0]))),rotateZ:Lt,rotate:Lt,skewX:e=>_(Math.atan(e[4])),skewY:e=>_(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function Ye(e){return e.includes("scale")?1:0}function Xe(e,t){if(!e||e==="none")return Ye(t);const n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(n)s=_i,i=n;else{const a=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=$i,i=a}if(!i)return Ye(t);const r=s[t],o=i[1].split(",").map(zi);return typeof r=="function"?r(o):o[r]}const Gi=(e,t)=>{const{transform:n="none"}=getComputedStyle(e);return Xe(n,t)};function zi(e){return parseFloat(e.trim())}const ne=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],se=new Set(ne),Wt=e=>e===ee||e===m,Ui=new Set(["x","y","z"]),Hi=ne.filter(e=>!Ui.has(e));function qi(e){const t=[];return Hi.forEach(n=>{const s=e.getValue(n);s!==void 0&&(t.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),t}const G={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>Xe(t,"x"),y:(e,{transform:t})=>Xe(t,"y")};G.translateX=G.x;G.translateY=G.y;const z=new Set;let Ze=!1,Je=!1,Qe=!1;function Ln(){if(Je){const e=Array.from(z).filter(s=>s.needsMeasurement),t=new Set(e.map(s=>s.element)),n=new Map;t.forEach(s=>{const i=qi(s);i.length&&(n.set(s,i),s.render())}),e.forEach(s=>s.measureInitialState()),t.forEach(s=>{s.render();const i=n.get(s);i&&i.forEach(([r,o])=>{var a;(a=s.getValue(r))==null||a.set(o)})}),e.forEach(s=>s.measureEndState()),e.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Je=!1,Ze=!1,z.forEach(e=>e.complete(Qe)),z.clear()}function Kn(){z.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(Je=!0)})}function Yi(){Qe=!0,Kn(),Ln(),Qe=!1}class yt{constructor(t,n,s,i,r,o=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...t],this.onComplete=n,this.name=s,this.motionValue=i,this.element=r,this.isAsync=o}scheduleResolve(){this.state="scheduled",this.isAsync?(z.add(this),Ze||(Ze=!0,k.read(Kn),k.resolveKeyframes(Ln))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:n,element:s,motionValue:i}=this;if(t[0]===null){const r=i==null?void 0:i.get(),o=t[t.length-1];if(r!==void 0)t[0]=r;else if(s&&n){const a=s.readValue(n,o);a!=null&&(t[0]=a)}t[0]===void 0&&(t[0]=o),i&&r===void 0&&i.set(t[0])}Wi(t)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(t=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,t),z.delete(this)}cancel(){this.state==="scheduled"&&(z.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const Xi=e=>e.startsWith("--");function Zi(e,t,n){Xi(t)?e.style.setProperty(t,n):e.style[t]=n}const Ji=ot(()=>window.ScrollTimeline!==void 0),Qi={};function er(e,t){const n=ot(e);return()=>Qi[t]??n()}const jn=er(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),re=([e,t,n,s])=>`cubic-bezier(${e}, ${t}, ${n}, ${s})`,$t={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:re([0,.65,.55,1]),circOut:re([.55,0,1,.45]),backIn:re([.31,.01,.66,-.59]),backOut:re([.33,1.53,.69,.99])};function Wn(e,t){if(e)return typeof e=="function"?jn()?kn(e,t):"ease-out":Vn(e)?re(e):Array.isArray(e)?e.map(n=>Wn(n,t)||$t.easeOut):$t[e]}function tr(e,t,n,{delay:s=0,duration:i=300,repeat:r=0,repeatType:o="loop",ease:a="easeOut",times:c}={},l=void 0){const u={[t]:n};c&&(u.offset=c);const d=Wn(a,i);Array.isArray(d)&&(u.easing=d);const f={delay:s,duration:i,easing:Array.isArray(d)?"linear":d,fill:"both",iterations:r+1,direction:o==="reverse"?"alternate":"normal"};return l&&(f.pseudoElement=l),e.animate(u,f)}function $n(e){return typeof e=="function"&&"applyToOptions"in e}function nr({type:e,...t}){return $n(e)&&jn()?e.applyToOptions(t):(t.duration??(t.duration=300),t.ease??(t.ease="easeOut"),t)}class sr extends mt{constructor(t){if(super(),this.finishedTime=null,this.isStopped=!1,!t)return;const{element:n,name:s,keyframes:i,pseudoElement:r,allowFlatten:o=!1,finalKeyframe:a,onComplete:c}=t;this.isPseudoElement=!!r,this.allowFlatten=o,this.options=t,H(typeof t.type!="string",`animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);const l=nr(t);this.animation=tr(n,s,i,l,r),l.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!r){const u=pt(i,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(u):Zi(n,s,u),this.animation.cancel()}c==null||c(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){var t,n;(n=(t=this.animation).finish)==null||n.call(t)}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:t}=this;t==="idle"||t==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){var t,n;this.isPseudoElement||(n=(t=this.animation).commitStyles)==null||n.call(t)}get duration(){var n,s;const t=((s=(n=this.animation.effect)==null?void 0:n.getComputedTiming)==null?void 0:s.call(n).duration)||0;return L(Number(t))}get time(){return L(Number(this.animation.currentTime)||0)}set time(t){this.finishedTime=null,this.animation.currentTime=N(t)}get speed(){return this.animation.playbackRate}set speed(t){t<0&&(this.finishedTime=null),this.animation.playbackRate=t}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return Number(this.animation.startTime)}set startTime(t){this.animation.startTime=t}attachTimeline({timeline:t,observe:n}){var s;return this.allowFlatten&&((s=this.animation.effect)==null||s.updateTiming({easing:"linear"})),this.animation.onfinish=null,t&&Ji()?(this.animation.timeline=t,Q):n(this)}}const _n={anticipate:wn,backInOut:Tn,circInOut:xn};function ir(e){return e in _n}function rr(e){typeof e.ease=="string"&&ir(e.ease)&&(e.ease=_n[e.ease])}const _t=10;class or extends sr{constructor(t){rr(t),Bn(t),super(t),t.startTime&&(this.startTime=t.startTime),this.options=t}updateMotionValue(t){const{motionValue:n,onUpdate:s,onComplete:i,element:r,...o}=this.options;if(!n)return;if(t!==void 0){n.set(t);return}const a=new gt({...o,autoplay:!1}),c=N(this.finishedTime??this.time);n.setWithVelocity(a.sample(c-_t).value,a.sample(c).value,_t),a.stop()}}const Gt=(e,t)=>t==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(te.test(e)||e==="0")&&!e.startsWith("url("));function ar(e){const t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function ur(e,t,n,s){const i=e[0];if(i===null)return!1;if(t==="display"||t==="visibility")return!0;const r=e[e.length-1],o=Gt(i,t),a=Gt(r,t);return fe(o===a,`You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`),!o||!a?!1:ar(e)||(n==="spring"||$n(n))&&s}function Gn(e){return Ws(e)&&"offsetHeight"in e}const cr=new Set(["opacity","clipPath","filter","transform"]),lr=ot(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function fr(e){var l;const{motionValue:t,name:n,repeatDelay:s,repeatType:i,damping:r,type:o}=e;if(!Gn((l=t==null?void 0:t.owner)==null?void 0:l.current))return!1;const{onUpdate:a,transformTemplate:c}=t.owner.getProps();return lr()&&n&&cr.has(n)&&(n!=="transform"||!c)&&!a&&!s&&i!=="mirror"&&r!==0&&o!=="inertia"}const dr=40;class hr extends mt{constructor({autoplay:t=!0,delay:n=0,type:s="keyframes",repeat:i=0,repeatDelay:r=0,repeatType:o="loop",keyframes:a,name:c,motionValue:l,element:u,...d}){var b;super(),this.stop=()=>{var v,w;this._animation&&(this._animation.stop(),(v=this.stopTimeline)==null||v.call(this)),(w=this.keyframeResolver)==null||w.cancel()},this.createdAt=E.now();const f={autoplay:t,delay:n,type:s,repeat:i,repeatDelay:r,repeatType:o,name:c,motionValue:l,element:u,...d},h=(u==null?void 0:u.KeyframeResolver)||yt;this.keyframeResolver=new h(a,(v,w,p)=>this.onKeyframesResolved(v,w,f,!p),c,l,u),(b=this.keyframeResolver)==null||b.scheduleResolve()}onKeyframesResolved(t,n,s,i){this.keyframeResolver=void 0;const{name:r,type:o,velocity:a,delay:c,isHandoff:l,onUpdate:u}=s;this.resolvedAt=E.now(),ur(t,r,o,a)||((K.instantAnimations||!c)&&(u==null||u(pt(t,s,n))),t[0]=t[t.length-1],s.duration=0,s.repeat=0);const f={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>dr?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...s,keyframes:t},h=!l&&fr(f)?new or({...f,element:f.motionValue.owner.current}):new gt(f);h.finished.then(()=>this.notifyFinished()).catch(Q),this.pendingTimeline&&(this.stopTimeline=h.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=h}get finished(){return this._animation?this.animation.finished:this._finished}then(t,n){return this.finished.finally(t).then(()=>{})}get animation(){var t;return this._animation||((t=this.keyframeResolver)==null||t.resume(),Yi()),this._animation}get duration(){return this.animation.duration}get time(){return this.animation.time}set time(t){this.animation.time=t}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(t){this.animation.speed=t}get startTime(){return this.animation.startTime}attachTimeline(t){return this._animation?this.stopTimeline=this.animation.attachTimeline(t):this.pendingTimeline=t,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){var t;this._animation&&this.animation.cancel(),(t=this.keyframeResolver)==null||t.cancel()}}const pr=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function mr(e){const t=pr.exec(e);if(!t)return[,];const[,n,s,i]=t;return[`--${n??s}`,i]}const gr=4;function zn(e,t,n=1){H(n<=gr,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);const[s,i]=mr(e);if(!s)return;const r=window.getComputedStyle(t).getPropertyValue(s);if(r){const o=r.trim();return ln(o)?parseFloat(o):o}return ct(i)?zn(i,t,n+1):i}function Un(e,t){return(e==null?void 0:e[t])??(e==null?void 0:e.default)??e}const Hn=new Set(["width","height","top","left","right","bottom",...ne]),yr={test:e=>e==="auto",parse:e=>e},qn=e=>t=>t.test(e),Yn=[ee,m,Z,j,ai,oi,yr],zt=e=>Yn.find(qn(e));function br(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||fn(e):!0}const vr=new Set(["brightness","contrast","saturate","opacity"]);function Tr(e){const[t,n]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[s]=n.match(lt)||[];if(!s)return e;const i=n.replace(s,"");let r=vr.has(t)?1:0;return s!==n&&(r*=100),t+"("+r+i+")"}const wr=/\b([a-z-]*)\(.*?\)/gu,et={...te,getAnimatableNone:e=>{const t=e.match(wr);return t?t.map(Tr).join(" "):e}},Ut={...ee,transform:Math.round},xr={rotate:j,rotateX:j,rotateY:j,rotateZ:j,scale:ye,scaleX:ye,scaleY:ye,scaleZ:ye,skew:j,skewX:j,skewY:j,distance:m,translateX:m,translateY:m,translateZ:m,x:m,y:m,z:m,perspective:m,transformPerspective:m,opacity:ae,originX:It,originY:It,originZ:m},bt={borderWidth:m,borderTopWidth:m,borderRightWidth:m,borderBottomWidth:m,borderLeftWidth:m,borderRadius:m,radius:m,borderTopLeftRadius:m,borderTopRightRadius:m,borderBottomRightRadius:m,borderBottomLeftRadius:m,width:m,maxWidth:m,height:m,maxHeight:m,top:m,right:m,bottom:m,left:m,padding:m,paddingTop:m,paddingRight:m,paddingBottom:m,paddingLeft:m,margin:m,marginTop:m,marginRight:m,marginBottom:m,marginLeft:m,backgroundPositionX:m,backgroundPositionY:m,...xr,zIndex:Ut,fillOpacity:ae,strokeOpacity:ae,numOctaves:Ut},Sr={...bt,color:C,backgroundColor:C,outlineColor:C,fill:C,stroke:C,borderColor:C,borderTopColor:C,borderRightColor:C,borderBottomColor:C,borderLeftColor:C,filter:et,WebkitFilter:et},Xn=e=>Sr[e];function Zn(e,t){let n=Xn(e);return n!==et&&(n=te),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const Vr=new Set(["auto","none","0"]);function Ar(e,t,n){let s=0,i;for(;s<e.length&&!i;){const r=e[s];typeof r=="string"&&!Vr.has(r)&&ue(r).values.length&&(i=e[s]),s++}if(i&&n)for(const r of t)e[r]=Zn(n,i)}class Mr extends yt{constructor(t,n,s,i,r){super(t,n,s,i,r,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:n,name:s}=this;if(!n||!n.current)return;super.readKeyframes();for(let c=0;c<t.length;c++){let l=t[c];if(typeof l=="string"&&(l=l.trim(),ct(l))){const u=zn(l,n.current);u!==void 0&&(t[c]=u),c===t.length-1&&(this.finalKeyframe=l)}}if(this.resolveNoneKeyframes(),!Hn.has(s)||t.length!==2)return;const[i,r]=t,o=zt(i),a=zt(r);if(o!==a)if(Wt(o)&&Wt(a))for(let c=0;c<t.length;c++){const l=t[c];typeof l=="string"&&(t[c]=parseFloat(l))}else G[s]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:n}=this,s=[];for(let i=0;i<t.length;i++)(t[i]===null||br(t[i]))&&s.push(i);s.length&&Ar(t,s,n)}measureInitialState(){const{element:t,unresolvedKeyframes:n,name:s}=this;if(!t||!t.current)return;s==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=G[s](t.measureViewportBox(),window.getComputedStyle(t.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&t.getValue(s,i).jump(i,!1)}measureEndState(){var a;const{element:t,name:n,unresolvedKeyframes:s}=this;if(!t||!t.current)return;const i=t.getValue(n);i&&i.jump(this.measuredOrigin,!1);const r=s.length-1,o=s[r];s[r]=G[n](t.measureViewportBox(),window.getComputedStyle(t.current)),o!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=o),(a=this.removedTransforms)!=null&&a.length&&this.removedTransforms.forEach(([c,l])=>{t.getValue(c).set(l)}),this.resolveNoneKeyframes()}}function Cr(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e=="string"){let s=document;const i=(n==null?void 0:n[e])??s.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}const Jn=(e,t)=>t&&typeof e=="number"?t.transform(e):e,Ht=30,Pr=e=>!isNaN(parseFloat(e));class Fr{constructor(t,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=(s,i=!0)=>{var o,a;const r=E.now();if(this.updatedAt!==r&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),this.current!==this.prev&&((o=this.events.change)==null||o.notify(this.current),this.dependents))for(const c of this.dependents)c.dirty();i&&((a=this.events.renderRequest)==null||a.notify(this.current))},this.hasAnimated=!1,this.setCurrent(t),this.owner=n.owner}setCurrent(t){this.current=t,this.updatedAt=E.now(),this.canTrackVelocity===null&&t!==void 0&&(this.canTrackVelocity=Pr(this.current))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return process.env.NODE_ENV!=="production"&&mn(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,n){this.events[t]||(this.events[t]=new hn);const s=this.events[t].add(n);return t==="change"?()=>{s(),k.read(()=>{this.events.change.getSize()||this.stop()})}:s}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,n){this.passiveEffect=t,this.stopPassiveEffect=n}set(t,n=!0){!n||!this.passiveEffect?this.updateAndNotify(t,n):this.passiveEffect(t,this.updateAndNotify)}setWithVelocity(t,n,s){this.set(n),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-s}jump(t,n=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var t;(t=this.events.change)==null||t.notify(this.current)}addDependent(t){this.dependents||(this.dependents=new Set),this.dependents.add(t)}removeDependent(t){this.dependents&&this.dependents.delete(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=E.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||t-this.updatedAt>Ht)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,Ht);return pn(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(t){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=t(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(){var t,n;(t=this.dependents)==null||t.clear(),(n=this.events.destroy)==null||n.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Me(e,t){return new Fr(e,t)}const{schedule:Rr}=An(queueMicrotask,!1),Dr={y:!1};function Or(){return Dr.y}function Qn(e,t){const n=Cr(e),s=new AbortController,i={passive:!0,...t,signal:s.signal};return[n,i,()=>s.abort()]}function qt(e){return!(e.pointerType==="touch"||Or())}function Ir(e,t,n={}){const[s,i,r]=Qn(e,n),o=a=>{if(!qt(a))return;const{target:c}=a,l=t(c,a);if(typeof l!="function"||!c)return;const u=d=>{qt(d)&&(l(d),c.removeEventListener("pointerleave",u))};c.addEventListener("pointerleave",u,i)};return s.forEach(a=>{a.addEventListener("pointerenter",o,i)}),r}const es=(e,t)=>t?e===t?!0:es(e,t.parentElement):!1,Er=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1,kr=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Nr(e){return kr.has(e.tagName)||e.tabIndex!==-1}const Te=new WeakSet;function Yt(e){return t=>{t.key==="Enter"&&e(t)}}function Ke(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}const Br=(e,t)=>{const n=e.currentTarget;if(!n)return;const s=Yt(()=>{if(Te.has(n))return;Ke(n,"down");const i=Yt(()=>{Ke(n,"up")}),r=()=>Ke(n,"cancel");n.addEventListener("keyup",i,t),n.addEventListener("blur",r,t)});n.addEventListener("keydown",s,t),n.addEventListener("blur",()=>n.removeEventListener("keydown",s),t)};function Xt(e){return Er(e)&&!0}function Lr(e,t,n={}){const[s,i,r]=Qn(e,n),o=a=>{const c=a.currentTarget;if(!Xt(a))return;Te.add(c);const l=t(c,a),u=(h,b)=>{window.removeEventListener("pointerup",d),window.removeEventListener("pointercancel",f),Te.has(c)&&Te.delete(c),Xt(h)&&typeof l=="function"&&l(h,{success:b})},d=h=>{u(h,c===window||c===document||n.useGlobalTarget||es(c,h.target))},f=h=>{u(h,!1)};window.addEventListener("pointerup",d,i),window.addEventListener("pointercancel",f,i)};return s.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",o,i),Gn(a)&&(a.addEventListener("focus",l=>Br(l,i)),!Nr(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),r}const D=e=>!!(e&&e.getVelocity),Kr=[...Yn,C,te],jr=e=>Kr.find(qn(e)),ts=y.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"}),vt=y.createContext({strict:!1}),Zt={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"]},J={};for(const e in Zt)J[e]={isEnabled:t=>Zt[e].some(n=>!!t[n])};function Jt(e){for(const t in e)J[t]={...J[t],...e[t]}}function Wr({children:e,features:t,strict:n=!1}){const[,s]=y.useState(!je(t)),i=y.useRef(void 0);if(!je(t)){const{renderer:r,...o}=t;i.current=r,Jt(o)}return y.useEffect(()=>{je(t)&&t().then(({renderer:r,...o})=>{Jt(o),i.current=r,s(!0)})},[]),F.jsx(vt.Provider,{value:{renderer:i.current,strict:n},children:e})}function je(e){return typeof e=="function"}const $r=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function Ce(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||$r.has(e)}let ns=e=>!Ce(e);function _r(e){typeof e=="function"&&(ns=t=>t.startsWith("on")?!Ce(t):e(t))}try{_r(require("@emotion/is-prop-valid").default)}catch{}function Gr(e,t,n){const s={};for(const i in e)i==="values"&&typeof e.values=="object"||(ns(i)||n===!0&&Ce(i)||!t&&!Ce(i)||e.draggable&&i.startsWith("onDrag"))&&(s[i]=e[i]);return s}const Re=y.createContext({});function De(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}function ce(e){return typeof e=="string"||Array.isArray(e)}const Tt=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],wt=["initial",...Tt];function Oe(e){return De(e.animate)||wt.some(t=>ce(e[t]))}function ss(e){return!!(Oe(e)||e.variants)}function zr(e,t){if(Oe(e)){const{initial:n,animate:s}=e;return{initial:n===!1||ce(n)?n:void 0,animate:ce(s)?s:void 0}}return e.inherit!==!1?t:{}}function Ur(e){const{initial:t,animate:n}=zr(e,y.useContext(Re));return y.useMemo(()=>({initial:t,animate:n}),[Qt(t),Qt(n)])}function Qt(e){return Array.isArray(e)?e.join(" "):e}const Hr=Symbol.for("motionComponentSymbol");function is(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function qr(e,t,n){return y.useCallback(s=>{s&&e.onMount&&e.onMount(s),t&&(s?t.mount(s):t.unmount()),n&&(typeof n=="function"?n(s):is(n)&&(n.current=s))},[t])}const xt=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),Yr="framerAppearId",rs="data-"+xt(Yr),Xr=y.createContext({});function Zr(e,t,n,s,i){var v,w;const{visualElement:r}=y.useContext(Re),o=y.useContext(vt),a=y.useContext(cn),c=y.useContext(ts).reducedMotion,l=y.useRef(null);s=s||o.renderer,!l.current&&s&&(l.current=s(e,{visualState:t,parent:r,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:c}));const u=l.current,d=y.useContext(Xr);u&&!u.projection&&i&&(u.type==="html"||u.type==="svg")&&Jr(l.current,n,i,d);const f=y.useRef(!1);y.useInsertionEffect(()=>{u&&f.current&&u.update(n,a)});const h=n[rs],b=y.useRef(!!h&&!((v=window.MotionHandoffIsComplete)!=null&&v.call(window,h))&&((w=window.MotionHasOptimisedAnimation)==null?void 0:w.call(window,h)));return Ls(()=>{u&&(f.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),Rr.render(u.render),b.current&&u.animationState&&u.animationState.animateChanges())}),y.useEffect(()=>{u&&(!b.current&&u.animationState&&u.animationState.animateChanges(),b.current&&(queueMicrotask(()=>{var p;(p=window.MotionHandoffMarkAsComplete)==null||p.call(window,h)}),b.current=!1))}),u}function Jr(e,t,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:c,layoutRoot:l,layoutCrossfade:u}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:os(e.parent)),e.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:!!o||a&&is(a),visualElement:e,animationType:typeof r=="string"?r:"both",initialPromotionConfig:s,crossfade:u,layoutScroll:c,layoutRoot:l})}function os(e){if(e)return e.options.allowProjection!==!1?e.projection:os(e.parent)}function Qr({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:s,Component:i}){function r(a,c){let l;const u={...y.useContext(ts),...a,layoutId:eo(a)},{isStatic:d}=u,f=Ur(a),h=s(a,d);if(!d&&rt){to(u,e);const b=no(u);l=b.MeasureLayout,f.visualElement=Zr(i,h,u,t,b.ProjectionNode)}return F.jsxs(Re.Provider,{value:f,children:[l&&f.visualElement?F.jsx(l,{visualElement:f.visualElement,...u}):null,n(i,a,qr(h,f.visualElement,c),h,d,f.visualElement)]})}r.displayName=`motion.${typeof i=="string"?i:`create(${i.displayName??i.name??""})`}`;const o=y.forwardRef(r);return o[Hr]=i,o}function eo({layoutId:e}){const t=y.useContext(Ns).id;return t&&e!==void 0?t+"-"+e:e}function to(e,t){y.useContext(vt).strict,process.env.NODE_ENV}function no(e){const{drag:t,layout:n}=J;if(!t&&!n)return{};const s={...t,...n};return{MeasureLayout:t!=null&&t.isEnabled(e)||n!=null&&n.isEnabled(e)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}const so={};function as(e,{layout:t,layoutId:n}){return se.has(e)||e.startsWith("origin")||(t||n!==void 0)&&(!!so[e]||e==="opacity")}const io={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},ro=ne.length;function oo(e,t,n){let s="",i=!0;for(let r=0;r<ro;r++){const o=ne[r],a=e[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 l=Jn(a,bt[o]);if(!c){i=!1;const u=io[o]||o;s+=`${u}(${l}) `}n&&(t[o]=l)}}return s=s.trim(),n?s=n(t,i?"":s):i&&(s="none"),s}function St(e,t,n){const{style:s,vars:i,transformOrigin:r}=e;let o=!1,a=!1;for(const c in t){const l=t[c];if(se.has(c)){o=!0;continue}else if(Cn(c)){i[c]=l;continue}else{const u=Jn(l,bt[c]);c.startsWith("origin")?(a=!0,r[c]=u):s[c]=u}}if(t.transform||(o||n?s.transform=oo(t,e.transform,n):s.transform&&(s.transform="none")),a){const{originX:c="50%",originY:l="50%",originZ:u=0}=r;s.transformOrigin=`${c} ${l} ${u}`}}const Vt=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function us(e,t,n){for(const s in t)!D(t[s])&&!as(s,n)&&(e[s]=t[s])}function ao({transformTemplate:e},t){return y.useMemo(()=>{const n=Vt();return St(n,t,e),Object.assign({},n.vars,n.style)},[t])}function uo(e,t){const n=e.style||{},s={};return us(s,n,e),Object.assign(s,ao(e,t)),s}function co(e,t){const n={},s=uo(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=s,n}const lo={offset:"stroke-dashoffset",array:"stroke-dasharray"},fo={offset:"strokeDashoffset",array:"strokeDasharray"};function ho(e,t,n=1,s=0,i=!0){e.pathLength=1;const r=i?lo:fo;e[r.offset]=m.transform(-s);const o=m.transform(t),a=m.transform(n);e[r.array]=`${o} ${a}`}function cs(e,{attrX:t,attrY:n,attrScale:s,pathLength:i,pathSpacing:r=1,pathOffset:o=0,...a},c,l,u){if(St(e,a,l),c){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:d,style:f}=e;d.transform&&(f.transform=d.transform,delete d.transform),(f.transform||d.transformOrigin)&&(f.transformOrigin=d.transformOrigin??"50% 50%",delete d.transformOrigin),f.transform&&(f.transformBox=(u==null?void 0:u.transformBox)??"fill-box",delete d.transformBox),t!==void 0&&(d.x=t),n!==void 0&&(d.y=n),s!==void 0&&(d.scale=s),i!==void 0&&ho(d,i,r,o,!1)}const ls=()=>({...Vt(),attrs:{}}),fs=e=>typeof e=="string"&&e.toLowerCase()==="svg";function po(e,t,n,s){const i=y.useMemo(()=>{const r=ls();return cs(r,t,fs(s),e.transformTemplate,e.style),{...r.attrs,style:{...r.style}}},[t]);if(e.style){const r={};us(r,e.style,e),i.style={...r,...i.style}}return i}const mo=["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 At(e){return typeof e!="string"||e.includes("-")?!1:!!(mo.indexOf(e)>-1||/[A-Z]/u.test(e))}function go(e=!1){return(n,s,i,{latestValues:r},o)=>{const c=(At(n)?po:co)(s,r,o,n),l=Gr(s,typeof n=="string",e),u=n!==y.Fragment?{...l,...c,ref:i}:{},{children:d}=s,f=y.useMemo(()=>D(d)?d.get():d,[d]);return y.createElement(n,{...u,children:f})}}function en(e){const t=[{},{}];return e==null||e.values.forEach((n,s)=>{t[0][s]=n.get(),t[1][s]=n.getVelocity()}),t}function Mt(e,t,n,s){if(typeof t=="function"){const[i,r]=en(s);t=t(n!==void 0?n:e.custom,i,r)}if(typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"){const[i,r]=en(s);t=t(n!==void 0?n:e.custom,i,r)}return t}function yo(e){return D(e)?e.get():e}function bo({scrapeMotionValuesFromProps:e,createRenderState:t},n,s,i){return{latestValues:vo(n,s,i,e),renderState:t()}}const ds=e=>(t,n)=>{const s=y.useContext(Re),i=y.useContext(cn),r=()=>bo(e,t,s,i);return n?r():Bs(r)};function vo(e,t,n,s){const i={},r=s(e,{});for(const f in r)i[f]=yo(r[f]);let{initial:o,animate:a}=e;const c=Oe(e),l=ss(e);t&&l&&!c&&e.inherit!==!1&&(o===void 0&&(o=t.initial),a===void 0&&(a=t.animate));let u=n?n.initial===!1:!1;u=u||o===!1;const d=u?a:o;if(d&&typeof d!="boolean"&&!De(d)){const f=Array.isArray(d)?d:[d];for(let h=0;h<f.length;h++){const b=Mt(e,f[h]);if(b){const{transitionEnd:v,transition:w,...p}=b;for(const S in p){let g=p[S];if(Array.isArray(g)){const A=u?g.length-1:0;g=g[A]}g!==null&&(i[S]=g)}for(const S in v)i[S]=v[S]}}}return i}function Ct(e,t,n){var r;const{style:s}=e,i={};for(const o in s)(D(s[o])||t.style&&D(t.style[o])||as(o,e)||((r=n==null?void 0:n.getValue(o))==null?void 0:r.liveStyle)!==void 0)&&(i[o]=s[o]);return i}const To={useVisualState:ds({scrapeMotionValuesFromProps:Ct,createRenderState:Vt})};function hs(e,t,n){const s=Ct(e,t,n);for(const i in e)if(D(e[i])||D(t[i])){const r=ne.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[r]=e[i]}return s}const wo={useVisualState:ds({scrapeMotionValuesFromProps:hs,createRenderState:ls})};function xo(e,t){return function(s,{forwardMotionProps:i}={forwardMotionProps:!1}){const o={...At(s)?wo:To,preloadedFeatures:e,useRender:go(i),createVisualElement:t,Component:s};return Qr(o)}}const So=xo();function le(e,t,n){const s=e.getProps();return Mt(s,t,n!==void 0?n:s.custom,e)}const tt=e=>Array.isArray(e);function Vo(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,Me(n))}function Ao(e){return tt(e)?e[e.length-1]||0:e}function Mo(e,t){const n=le(e,t);let{transitionEnd:s={},transition:i={},...r}=n||{};r={...r,...s};for(const o in r){const a=Ao(r[o]);Vo(e,o,a)}}function Co(e){return!!(D(e)&&e.add)}function Po(e,t){const n=e.getValue("willChange");if(Co(n))return n.add(t);if(!n&&K.WillChange){const s=new K.WillChange("auto");e.addValue("willChange",s),s.add(t)}}function Fo(e){return e.props[rs]}const Ro=e=>e!==null;function Do(e,{repeat:t,repeatType:n="loop"},s){const i=e.filter(Ro),r=t&&n!=="loop"&&t%2===1?0:i.length-1;return i[r]}const Oo={type:"spring",stiffness:500,damping:25,restSpeed:10},Io=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),Eo={type:"keyframes",duration:.8},ko={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},No=(e,{keyframes:t})=>t.length>2?Eo:se.has(e)?e.startsWith("scale")?Io(t[1]):Oo:ko;function Bo({when:e,delay:t,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:r,repeatType:o,repeatDelay:a,from:c,elapsed:l,...u}){return!!Object.keys(u).length}const Lo=(e,t,n,s={},i,r)=>o=>{const a=Un(s,e)||{},c=a.delay||s.delay||0;let{elapsed:l=0}=s;l=l-N(c);const u={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:t.getVelocity(),...a,delay:-l,onUpdate:f=>{t.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{o(),a.onComplete&&a.onComplete()},name:e,motionValue:t,element:r?void 0:i};Bo(a)||Object.assign(u,No(e,u)),u.duration&&(u.duration=N(u.duration)),u.repeatDelay&&(u.repeatDelay=N(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let d=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(u.duration=0,u.delay===0&&(d=!0)),(K.instantAnimations||K.skipAnimations)&&(d=!0,u.duration=0,u.delay=0),u.allowFlatten=!a.type&&!a.ease,d&&!r&&t.get()!==void 0){const f=Do(u.keyframes,a);if(f!==void 0){k.update(()=>{u.onUpdate(f),u.onComplete()});return}}return a.isSync?new gt(u):new hr(u)};function Ko({protectedKeys:e,needsAnimating:t},n){const s=e.hasOwnProperty(n)&&t[n]!==!0;return t[n]=!1,s}function ps(e,t,{delay:n=0,transitionOverride:s,type:i}={}){let{transition:r=e.getDefaultTransition(),transitionEnd:o,...a}=t;s&&(r=s);const c=[],l=i&&e.animationState&&e.animationState.getState()[i];for(const u in a){const d=e.getValue(u,e.latestValues[u]??null),f=a[u];if(f===void 0||l&&Ko(l,u))continue;const h={delay:n,...Un(r||{},u)},b=d.get();if(b!==void 0&&!d.isAnimating&&!Array.isArray(f)&&f===b&&!h.velocity)continue;let v=!1;if(window.MotionHandoffAnimation){const p=Fo(e);if(p){const S=window.MotionHandoffAnimation(p,u,k);S!==null&&(h.startTime=S,v=!0)}}Po(e,u),d.start(Lo(u,d,f,e.shouldReduceMotion&&Hn.has(u)?{type:!1}:h,e,v));const w=d.animation;w&&c.push(w)}return o&&Promise.all(c).then(()=>{k.update(()=>{o&&Mo(e,o)})}),c}function nt(e,t,n={}){var c;const s=le(e,t,n.type==="exit"?(c=e.presenceContext)==null?void 0:c.custom:void 0);let{transition:i=e.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(i=n.transitionOverride);const r=s?()=>Promise.all(ps(e,s,n)):()=>Promise.resolve(),o=e.variantChildren&&e.variantChildren.size?(l=0)=>{const{delayChildren:u=0,staggerChildren:d,staggerDirection:f}=i;return jo(e,t,l,u,d,f,n)}:()=>Promise.resolve(),{when:a}=i;if(a){const[l,u]=a==="beforeChildren"?[r,o]:[o,r];return l().then(()=>u())}else return Promise.all([r(),o(n.delay)])}function jo(e,t,n=0,s=0,i=0,r=1,o){const a=[],c=e.variantChildren.size,l=(c-1)*i,u=typeof s=="function",d=u?f=>s(f,c):r===1?(f=0)=>f*i:(f=0)=>l-f*i;return Array.from(e.variantChildren).sort(Wo).forEach((f,h)=>{f.notify("AnimationStart",t),a.push(nt(f,t,{...o,delay:n+(u?0:s)+d(h)}).then(()=>f.notify("AnimationComplete",t)))}),Promise.all(a)}function Wo(e,t){return e.sortNodePosition(t)}function $o(e,t,n={}){e.notify("AnimationStart",t);let s;if(Array.isArray(t)){const i=t.map(r=>nt(e,r,n));s=Promise.all(i)}else if(typeof t=="string")s=nt(e,t,n);else{const i=typeof t=="function"?le(e,t,n.custom):t;s=Promise.all(ps(e,i,n))}return s.then(()=>{e.notify("AnimationComplete",t)})}function ms(e,t){if(!Array.isArray(t))return!1;const n=t.length;if(n!==e.length)return!1;for(let s=0;s<n;s++)if(t[s]!==e[s])return!1;return!0}const _o=wt.length;function gs(e){if(!e)return;if(!e.isControllingVariants){const n=e.parent?gs(e.parent)||{}:{};return e.props.initial!==void 0&&(n.initial=e.props.initial),n}const t={};for(let n=0;n<_o;n++){const s=wt[n],i=e.props[s];(ce(i)||i===!1)&&(t[s]=i)}return t}const Go=[...Tt].reverse(),zo=Tt.length;function Uo(e){return t=>Promise.all(t.map(({animation:n,options:s})=>$o(e,n,s)))}function Ho(e){let t=Uo(e),n=tn(),s=!0;const i=c=>(l,u)=>{var f;const d=le(e,u,c==="exit"?(f=e.presenceContext)==null?void 0:f.custom:void 0);if(d){const{transition:h,transitionEnd:b,...v}=d;l={...l,...v,...b}}return l};function r(c){t=c(e)}function o(c){const{props:l}=e,u=gs(e.parent)||{},d=[],f=new Set;let h={},b=1/0;for(let w=0;w<zo;w++){const p=Go[w],S=n[p],g=l[p]!==void 0?l[p]:u[p],A=ce(g),T=p===c?S.isActive:null;T===!1&&(b=w);let V=g===u[p]&&g!==l[p]&&A;if(V&&s&&e.manuallyAnimateOnMount&&(V=!1),S.protectedKeys={...h},!S.isActive&&T===null||!g&&!S.prevProp||De(g)||typeof g=="boolean")continue;const P=qo(S.prevProp,g);let x=P||p===c&&S.isActive&&!V&&A||w>b&&A,O=!1;const I=Array.isArray(g)?g:[g];let q=I.reduce(i(p),{});T===!1&&(q={});const{prevResolvedValues:Pt={}}=S,Rs={...Pt,...q},Ft=R=>{x=!0,f.has(R)&&(O=!0,f.delete(R)),S.needsAnimating[R]=!0;const B=e.getValue(R);B&&(B.liveStyle=!1)};for(const R in Rs){const B=q[R],Ie=Pt[R];if(h.hasOwnProperty(R))continue;let Ee=!1;tt(B)&&tt(Ie)?Ee=!ms(B,Ie):Ee=B!==Ie,Ee?B!=null?Ft(R):f.add(R):B!==void 0&&f.has(R)?Ft(R):S.protectedKeys[R]=!0}S.prevProp=g,S.prevResolvedValues=q,S.isActive&&(h={...h,...q}),s&&e.blockInitialAnimation&&(x=!1),x&&(!(V&&P)||O)&&d.push(...I.map(R=>({animation:R,options:{type:p}})))}if(f.size){const w={};if(typeof l.initial!="boolean"){const p=le(e,Array.isArray(l.initial)?l.initial[0]:l.initial);p&&p.transition&&(w.transition=p.transition)}f.forEach(p=>{const S=e.getBaseTarget(p),g=e.getValue(p);g&&(g.liveStyle=!0),w[p]=S??null}),d.push({animation:w})}let v=!!d.length;return s&&(l.initial===!1||l.initial===l.animate)&&!e.manuallyAnimateOnMount&&(v=!1),s=!1,v?t(d):Promise.resolve()}function a(c,l){var d;if(n[c].isActive===l)return Promise.resolve();(d=e.variantChildren)==null||d.forEach(f=>{var h;return(h=f.animationState)==null?void 0:h.setActive(c,l)}),n[c].isActive=l;const u=o(c);for(const f in n)n[f].protectedKeys={};return u}return{animateChanges:o,setActive:a,setAnimateFunction:r,getState:()=>n,reset:()=>{n=tn(),s=!0}}}function qo(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!ms(t,e):!1}function W(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function tn(){return{animate:W(!0),whileInView:W(),whileHover:W(),whileTap:W(),whileDrag:W(),whileFocus:W(),exit:W()}}class ie{constructor(t){this.isMounted=!1,this.node=t}update(){}}class Yo extends ie{constructor(t){super(t),t.animationState||(t.animationState=Ho(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();De(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){var t;this.node.animationState.reset(),(t=this.unmountControls)==null||t.call(this)}}let Xo=0;class Zo extends ie{constructor(){super(...arguments),this.id=Xo++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===s)return;const i=this.node.animationState.setActive("exit",!t);n&&!t&&i.then(()=>{n(this.id)})}mount(){const{register:t,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),t&&(this.unmount=t(this.id))}unmount(){}}const Jo={animation:{Feature:Yo},exit:{Feature:Zo}};function nn(e,t,n,s={passive:!0}){return e.addEventListener(t,n,s),()=>e.removeEventListener(t,n)}function ys(e){return{point:{x:e.pageX,y:e.pageY}}}function Qo({top:e,left:t,right:n,bottom:s}){return{x:{min:t,max:n},y:{min:e,max:s}}}function ea(e,t){if(!t)return e;const n=t({x:e.left,y:e.top}),s=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}const sn=()=>({min:0,max:0}),bs=()=>({x:sn(),y:sn()});function ta(e,t){return Qo(ea(e.getBoundingClientRect(),t))}function rn(e,t,n){const{props:s}=e;e.animationState&&s.whileHover&&e.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,r=s[i];r&&k.postRender(()=>r(t,ys(t)))}class na extends ie{mount(){const{current:t}=this.node;t&&(this.unmount=Ir(t,(n,s)=>(rn(this.node,s,"Start"),i=>rn(this.node,i,"End"))))}unmount(){}}class sa extends ie{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!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=Pe(nn(this.node.current,"focus",()=>this.onFocus()),nn(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function on(e,t,n){const{props:s}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&s.whileTap&&e.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),r=s[i];r&&k.postRender(()=>r(t,ys(t)))}class ia extends ie{mount(){const{current:t}=this.node;t&&(this.unmount=Lr(t,(n,s)=>(on(this.node,s,"Start"),(i,{success:r})=>on(this.node,i,r?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const st=new WeakMap,We=new WeakMap,ra=e=>{const t=st.get(e.target);t&&t(e)},oa=e=>{e.forEach(ra)};function aa({root:e,...t}){const n=e||document;We.has(n)||We.set(n,{});const s=We.get(n),i=JSON.stringify(t);return s[i]||(s[i]=new IntersectionObserver(oa,{root:e,...t})),s[i]}function ua(e,t,n){const s=aa(t);return st.set(e,n),s.observe(e),()=>{st.delete(e),s.unobserve(e)}}const ca={some:0,all:1};class la extends ie{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:r}=t,o={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:ca[i]},a=c=>{const{isIntersecting:l}=c;if(this.isInView===l||(this.isInView=l,r&&!l&&this.hasEnteredView))return;l&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",l);const{onViewportEnter:u,onViewportLeave:d}=this.node.getProps(),f=l?u:d;f&&f(c)};return ua(this.node.current,o,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(fa(t,n))&&this.startObserver()}unmount(){}}function fa({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const da={inView:{Feature:la},tap:{Feature:ia},focus:{Feature:sa},hover:{Feature:na}},it={current:null},vs={current:!1};function ha(){if(vs.current=!0,!!rt)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>it.current=e.matches;e.addEventListener("change",t),t()}else it.current=!1}const pa=new WeakMap;function ma(e,t,n){for(const s in t){const i=t[s],r=n[s];if(D(i))e.addValue(s,i);else if(D(r))e.addValue(s,Me(i,{owner:e}));else if(r!==i)if(e.hasValue(s)){const o=e.getValue(s);o.liveStyle===!0?o.jump(i):o.hasAnimated||o.set(i)}else{const o=e.getStaticValue(s);e.addValue(s,Me(o!==void 0?o:i,{owner:e}))}}for(const s in n)t[s]===void 0&&e.removeValue(s);return t}const an=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class ga{scrapeMotionValuesFromProps(t,n,s){return{}}constructor({parent:t,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=yt,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=E.now();this.renderScheduledAt<f&&(this.renderScheduledAt=f,k.render(this.render,!1,!0))};const{latestValues:c,renderState:l}=o;this.latestValues=c,this.baseTarget={...c},this.initialValues=n.initial?{...c}:{},this.renderState=l,this.parent=t,this.props=n,this.presenceContext=s,this.depth=t?t.depth+1:0,this.reducedMotionConfig=i,this.options=a,this.blockInitialAnimation=!!r,this.isControllingVariants=Oe(n),this.isVariantNode=ss(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:u,...d}=this.scrapeMotionValuesFromProps(n,{},this);for(const f in d){const h=d[f];c[f]!==void 0&&D(h)&&h.set(c[f],!1)}}mount(t){this.current=t,pa.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,s)=>this.bindToMotionValue(s,n)),vs.current||ha(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:it.current,process.env.NODE_ENV!=="production"&&mn(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),$e(this.notifyUpdate),$e(this.render),this.valueSubscriptions.forEach(t=>t()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features){const n=this.features[t];n&&(n.unmount(),n.isMounted=!1)}this.current=null}bindToMotionValue(t,n){this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)();const s=se.has(t);s&&this.onBindTransform&&this.onBindTransform();const i=n.on("change",a=>{this.latestValues[t]=a,this.props.onUpdate&&k.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0)}),r=n.on("renderRequest",this.scheduleRender);let o;window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,t,n)),this.valueSubscriptions.set(t,()=>{i(),r(),o&&o(),n.owner&&n.stop()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}updateFeatures(){let t="animation";for(t in J){const n=J[t];if(!n)continue;const{isEnabled:s,Feature:i}=n;if(!this.features[t]&&i&&s(this.props)&&(this.features[t]=new i(this)),this.features[t]){const r=this.features[t];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):bs()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,n){this.latestValues[t]=n}update(t,n){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let s=0;s<an.length;s++){const i=an[s];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const r="on"+i,o=t[r];o&&(this.propEventSubscriptions[i]=this.on(i,o))}this.prevMotionValues=ma(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]: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(t){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(t),()=>n.variantChildren.delete(t)}addValue(t,n){const s=this.values.get(t);n!==s&&(s&&this.removeValue(t),this.bindToMotionValue(t,n),this.values.set(t,n),this.latestValues[t]=n.get())}removeValue(t){this.values.delete(t);const n=this.valueSubscriptions.get(t);n&&(n(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,n){if(this.props.values&&this.props.values[t])return this.props.values[t];let s=this.values.get(t);return s===void 0&&n!==void 0&&(s=Me(n===null?void 0:n,{owner:this}),this.addValue(t,s)),s}readValue(t,n){let s=this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:this.getBaseTargetFromProps(this.props,t)??this.readValueFromInstance(this.current,t,this.options);return s!=null&&(typeof s=="string"&&(ln(s)||fn(s))?s=parseFloat(s):!jr(s)&&te.test(n)&&(s=Zn(t,n)),this.setBaseTarget(t,D(s)?s.get():s)),D(s)?s.get():s}setBaseTarget(t,n){this.baseTarget[t]=n}getBaseTarget(t){var r;const{initial:n}=this.props;let s;if(typeof n=="string"||typeof n=="object"){const o=Mt(this.props,n,(r=this.presenceContext)==null?void 0:r.custom);o&&(s=o[t])}if(n&&s!==void 0)return s;const i=this.getBaseTargetFromProps(this.props,t);return i!==void 0&&!D(i)?i:this.initialValues[t]!==void 0&&s===void 0?void 0:this.baseTarget[t]}on(t,n){return this.events[t]||(this.events[t]=new hn),this.events[t].add(n)}notify(t,...n){this.events[t]&&this.events[t].notify(...n)}}class Ts extends ga{constructor(){super(...arguments),this.KeyframeResolver=Mr}sortInstanceNodePosition(t,n){return t.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(t,n){return t.style?t.style[n]:void 0}removeValueFromRenderState(t,{vars:n,style:s}){delete n[t],delete s[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;D(t)&&(this.childSubscription=t.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function ws(e,{style:t,vars:n},s,i){const r=e.style;let o;for(o in t)r[o]=t[o];i==null||i.applyProjectionStyles(r,s);for(o in n)r.setProperty(o,n[o])}function ya(e){return window.getComputedStyle(e)}class ba extends Ts{constructor(){super(...arguments),this.type="html",this.renderInstance=ws}readValueFromInstance(t,n){var s;if(se.has(n))return(s=this.projection)!=null&&s.isProjecting?Ye(n):Gi(t,n);{const i=ya(t),r=(Cn(n)?i.getPropertyValue(n):i[n])||0;return typeof r=="string"?r.trim():r}}measureInstanceViewportBox(t,{transformPagePoint:n}){return ta(t,n)}build(t,n,s){St(t,n,s.transformTemplate)}scrapeMotionValuesFromProps(t,n,s){return Ct(t,n,s)}}const xs=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 va(e,t,n,s){ws(e,t,void 0,s);for(const i in t.attrs)e.setAttribute(xs.has(i)?i:xt(i),t.attrs[i])}class Ta extends Ts{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=bs}getBaseTargetFromProps(t,n){return t[n]}readValueFromInstance(t,n){if(se.has(n)){const s=Xn(n);return s&&s.default||0}return n=xs.has(n)?n:xt(n),t.getAttribute(n)}scrapeMotionValuesFromProps(t,n,s){return hs(t,n,s)}build(t,n,s){cs(t,n,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(t,n,s,i){va(t,n,s,i)}mount(t){this.isSVGTag=fs(t.tagName),super.mount(t)}}const wa=(e,t)=>At(e)?new Ta(t):new ba(t,{allowProjection:e!==y.Fragment}),xa={renderer:wa,...Jo,...da},un=So("span"),Sa={Root:{0:{h:"5"},1:{h:"6"},2:{h:"8"}}},Ss={Root:{0:"1",1:"1_5",2:"2"},Text:{0:"1",1:"1_5",2:"2"}},pe={Root:{solid:{default:"gray-12",accent:"accent-9",gray:"gray-9",red:"red-9",blue:"blue-9",green:"green-9",yellow:"yellow-9",purple:"purple-9"},soft:{default:"gray-3",accent:"accent-3",gray:"gray-3",red:"red-3",blue:"blue-3",green:"green-3",yellow:"yellow-3",purple:"purple-3"}},Icon:{solid:{default:"white",gray:"white",red:"white",accent:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Text:{solid:{default:"white",gray:"white",accent:"white",red:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Button:{solid:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"},soft:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}}},me=y.createContext({size:"1",color:"default",variant:"soft"}),Vs=({as:e="span",size:t="1",color:n="default",variant:s="soft",className:i,...r})=>F.jsx(me.Provider,{value:{size:t,color:n,variant:s},children:F.jsx(Os.Stack,{as:e,align:"center",rounded:"1",display:"inline-flex",pl:Ss.Root[t],backgroundColor:pe.Root[s][n],h:Sa.Root[t].h,className:ks.clsx("tgph-tag",i),...r,"data-tag":!0})}),As=({as:e="span",maxW:t="40",overflow:n="hidden",style:s,...i})=>{const r=y.useContext(me);return F.jsx(Es.Text,{as:e,size:r.size,color:pe.Text[r.variant][r.color],weight:"medium",mr:Ss.Text[r.size],maxW:t,overflow:n,internal_optionalAs:!0,style:{whiteSpace:"nowrap",textOverflow:"ellipsis",...s},...i})},Ms=({onClick:e,textToCopy:t,...n})=>{const s=y.useContext(me),[i,r]=y.useState(!1);return y.useEffect(()=>{if(i){const o=setTimeout(()=>r(!1),2e3);return()=>clearTimeout(o)}},[i]),F.jsx(Wr,{features:xa,children:F.jsx(Is.Tooltip,{label:"Copy text",children:F.jsxs(be.Button.Root,{onClick:o=>{var a;e==null||e(o),r(!0),t&&navigator.clipboard.writeText(t),(a=o.currentTarget)==null||a.blur()},size:s.size,color:pe.Button[s.variant][s.color],variant:s.variant,roundedTopRight:"1",roundedBottomRight:"1",roundedTopLeft:"0",roundedBottomLeft:"0",position:"relative",overflow:"hidden",p:"2",...n,children:[F.jsx(be.Button.Icon,{as:un,initial:!1,animate:{y:i?0:"150%",opacity:1},transition:{duration:.15,type:"spring",bounce:0},icon:we.Check,alt:"Copied text","aria-hidden":!i}),F.jsx(be.Button.Icon,{as:un,initial:!1,animate:{y:i?"-150%":0,opacity:1},transition:{duration:.15,type:"spring",bounce:0},icon:we.Copy,position:"absolute",alt:"Copy text","aria-hidden":i})]})})})},Cs=({...e})=>{const t=y.useContext(me);return F.jsx(be.Button,{size:t.size,color:pe.Button[t.variant][t.color],variant:t.variant,icon:{icon:we.X,alt:"close"},roundedTopRight:"1",roundedBottomRight:"1",roundedTopLeft:"0",roundedBottomLeft:"0",...e})},Ps=({icon:e,alt:t,"aria-hidden":n,...s})=>{const i=y.useContext(me),r=t?{alt:t}:{"aria-hidden":n};return F.jsx(Ds.Icon,{icon:e,size:i.size,color:pe.Icon[i.variant][i.color],mr:"1",...r,...s})},Fs=({color:e="default",size:t="1",variant:n="soft",icon:s,onRemove:i,onCopy:r,textToCopy:o,textProps:a={maxW:"40"},children:c,...l})=>F.jsxs(Vs,{color:e,size:t,variant:n,...l,children:[s&&F.jsx(Ps,{...s}),F.jsx(As,{as:"span",...a,children:c}),i&&F.jsx(Cs,{onClick:i,icon:{icon:we.X,alt:"Remove"}}),r&&F.jsx(Ms,{onClick:r,textToCopy:o})]});Object.assign(Fs,{Root:Vs,Button:Cs,Text:As,Icon:Ps,CopyButton:Ms});const Va=Fs;exports.Tag=Va;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react/jsx-runtime"),ve=require("@telegraph/button"),Es=require("@telegraph/icon"),Ls=require("@telegraph/layout"),Ns=require("@telegraph/tooltip"),Bs=require("@telegraph/typography"),Ks=require("clsx"),Se=require("lucide-react"),y=require("react"),js=y.createContext({});function Ws(e){const t=y.useRef(null);return t.current===null&&(t.current=e()),t.current}const at=typeof window<"u",$s=at?y.useLayoutEffect:y.useEffect,dn=y.createContext(null);function _s(e,t){e.indexOf(t)===-1&&e.push(t)}function Gs(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}const U=(e,t,n)=>n>t?t:n<e?e:n;function $e(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}let he=()=>{},q=()=>{};process.env.NODE_ENV!=="production"&&(he=(e,t,n)=>{!e&&typeof console<"u"&&console.warn($e(t,n))},q=(e,t,n)=>{if(!e)throw new Error($e(t,n))});const K={},hn=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function zs(e){return typeof e=="object"&&e!==null}const pn=e=>/^0[^.\s]+$/u.test(e);function ut(e){let t;return()=>(t===void 0&&(t=e()),t)}const ne=e=>e,Hs=(e,t)=>n=>t(e(n)),De=(...e)=>e.reduce(Hs),mn=(e,t,n)=>{const s=t-e;return s===0?1:(n-e)/s};class gn{constructor(){this.subscriptions=[]}add(t){return _s(this.subscriptions,t),()=>Gs(this.subscriptions,t)}notify(t,n,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,n,s);else for(let r=0;r<i;r++){const o=this.subscriptions[r];o&&o(t,n,s)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const N=e=>e*1e3,B=e=>e/1e3;function yn(e,t){return t?e*(1e3/t):0}const It=new Set;function bn(e,t,n){e||It.has(t)||(console.warn($e(t,n)),It.add(t))}const Tn=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,Us=1e-7,qs=12;function Ys(e,t,n,s,i){let r,o,a=0;do o=t+(n-t)/2,r=Tn(o,s,i)-e,r>0?n=o:t=o;while(Math.abs(r)>Us&&++a<qs);return o}function pe(e,t,n,s){if(e===t&&n===s)return ne;const i=r=>Ys(r,0,1,e,n);return r=>r===0||r===1?r:Tn(i(r),t,s)}const vn=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,wn=e=>t=>1-e(1-t),xn=pe(.33,1.53,.69,.99),ct=wn(xn),Sn=vn(ct),Vn=e=>(e*=2)<1?.5*ct(e):.5*(2-Math.pow(2,-10*(e-1))),lt=e=>1-Math.sin(Math.acos(e)),Xs=wn(lt),An=vn(lt),Zs=pe(.42,0,1,1),Js=pe(0,0,.58,1),Mn=pe(.42,0,.58,1),Qs=e=>Array.isArray(e)&&typeof e[0]!="number",Cn=e=>Array.isArray(e)&&typeof e[0]=="number",kt={linear:ne,easeIn:Zs,easeInOut:Mn,easeOut:Js,circIn:lt,circInOut:An,circOut:Xs,backIn:ct,backInOut:Sn,backOut:xn,anticipate:Vn},ei=e=>typeof e=="string",Et=e=>{if(Cn(e)){q(e.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[t,n,s,i]=e;return pe(t,n,s,i)}else if(ei(e))return q(kt[e]!==void 0,`Invalid easing type '${e}'`,"invalid-easing-type"),kt[e];return e},be=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function ti(e,t){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(u){o.has(u)&&(l.schedule(u),e()),u(a)}const l={schedule:(u,f=!1,d=!1)=>{const b=d&&i?n:s;return f&&o.add(u),b.has(u)||b.add(u),u},cancel:u=>{s.delete(u),o.delete(u)},process:u=>{if(a=u,i){r=!0;return}i=!0,[n,s]=[s,n],n.forEach(c),n.clear(),i=!1,r&&(r=!1,l.process(u))}};return l}const ni=40;function Pn(e,t){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},r=()=>n=!0,o=be.reduce((g,A)=>(g[A]=ti(r),g),{}),{setup:a,read:c,resolveKeyframes:l,preUpdate:u,update:f,preRender:d,render:h,postRender:b}=o,T=()=>{const g=K.useManualTiming?i.timestamp:performance.now();n=!1,K.useManualTiming||(i.delta=s?1e3/60:Math.max(Math.min(g-i.timestamp,ni),1)),i.timestamp=g,i.isProcessing=!0,a.process(i),c.process(i),l.process(i),u.process(i),f.process(i),d.process(i),h.process(i),b.process(i),i.isProcessing=!1,n&&t&&(s=!1,e(T))},w=()=>{n=!0,s=!0,i.isProcessing||e(T)};return{schedule:be.reduce((g,A)=>{const v=o[A];return g[A]=(V,P=!1,x=!1)=>(n||w(),v.schedule(V,P,x)),g},{}),cancel:g=>{for(let A=0;A<be.length;A++)o[be[A]].cancel(g)},state:i,steps:o}}const{schedule:L,cancel:_e,state:Ve}=Pn(typeof requestAnimationFrame<"u"?requestAnimationFrame:ne,!0);let we;function si(){we=void 0}const E={now:()=>(we===void 0&&E.set(Ve.isProcessing||K.useManualTiming?Ve.timestamp:performance.now()),we),set:e=>{we=e,queueMicrotask(si)}},Fn=e=>t=>typeof t=="string"&&t.startsWith(e),Dn=Fn("--"),ii=Fn("var(--"),ft=e=>ii(e)?ri.test(e.split("/*")[0].trim()):!1,ri=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,se={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},le={...se,transform:e=>U(0,1,e)},Te={...se,default:1},ce=e=>Math.round(e*1e5)/1e5,dt=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function oi(e){return e==null}const ai=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,ht=(e,t)=>n=>!!(typeof n=="string"&&ai.test(n)&&n.startsWith(e)||t&&!oi(n)&&Object.prototype.hasOwnProperty.call(n,t)),Rn=(e,t,n)=>s=>{if(typeof s!="string")return s;const[i,r,o,a]=s.match(dt);return{[e]:parseFloat(i),[t]:parseFloat(r),[n]:parseFloat(o),alpha:a!==void 0?parseFloat(a):1}},ui=e=>U(0,255,e),Ee={...se,transform:e=>Math.round(ui(e))},_={test:ht("rgb","red"),parse:Rn("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:s=1})=>"rgba("+Ee.transform(e)+", "+Ee.transform(t)+", "+Ee.transform(n)+", "+ce(le.transform(s))+")"};function ci(e){let t="",n="",s="",i="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),s=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),s=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,s+=s,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const Ge={test:ht("#"),parse:ci,transform:_.transform},me=e=>({test:t=>typeof t=="string"&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),j=me("deg"),Q=me("%"),m=me("px"),li=me("vh"),fi=me("vw"),Lt={...Q,parse:e=>Q.parse(e)/100,transform:e=>Q.transform(e*100)},Z={test:ht("hsl","hue"),parse:Rn("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:s=1})=>"hsla("+Math.round(e)+", "+Q.transform(ce(t))+", "+Q.transform(ce(n))+", "+ce(le.transform(s))+")"},C={test:e=>_.test(e)||Ge.test(e)||Z.test(e),parse:e=>_.test(e)?_.parse(e):Z.test(e)?Z.parse(e):Ge.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?_.transform(e):Z.transform(e),getAnimatableNone:e=>{const t=C.parse(e);return t.alpha=0,C.transform(t)}},di=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function hi(e){var t,n;return isNaN(e)&&typeof e=="string"&&(((t=e.match(dt))==null?void 0:t.length)||0)+(((n=e.match(di))==null?void 0:n.length)||0)>0}const On="number",In="color",pi="var",mi="var(",Nt="${}",gi=/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 fe(e){const t=e.toString(),n=[],s={color:[],number:[],var:[]},i=[];let r=0;const a=t.replace(gi,c=>(C.test(c)?(s.color.push(r),i.push(In),n.push(C.parse(c))):c.startsWith(mi)?(s.var.push(r),i.push(pi),n.push(c)):(s.number.push(r),i.push(On),n.push(parseFloat(c))),++r,Nt)).split(Nt);return{values:n,split:a,indexes:s,types:i}}function kn(e){return fe(e).values}function En(e){const{split:t,types:n}=fe(e),s=t.length;return i=>{let r="";for(let o=0;o<s;o++)if(r+=t[o],i[o]!==void 0){const a=n[o];a===On?r+=ce(i[o]):a===In?r+=C.transform(i[o]):r+=i[o]}return r}}const yi=e=>typeof e=="number"?0:C.test(e)?C.getAnimatableNone(e):e;function bi(e){const t=kn(e);return En(e)(t.map(yi))}const ie={test:hi,parse:kn,createTransformer:En,getAnimatableNone:bi};function Le(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function Ti({hue:e,saturation:t,lightness:n,alpha:s}){e/=360,t/=100,n/=100;let i=0,r=0,o=0;if(!t)i=r=o=n;else{const a=n<.5?n*(1+t):n+t-n*t,c=2*n-a;i=Le(c,a,e+1/3),r=Le(c,a,e),o=Le(c,a,e-1/3)}return{red:Math.round(i*255),green:Math.round(r*255),blue:Math.round(o*255),alpha:s}}function Ae(e,t){return n=>n>0?t:e}const Re=(e,t,n)=>e+(t-e)*n,Ne=(e,t,n)=>{const s=e*e,i=n*(t*t-s)+s;return i<0?0:Math.sqrt(i)},vi=[Ge,_,Z],wi=e=>vi.find(t=>t.test(e));function Bt(e){const t=wi(e);if(he(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!t)return!1;let n=t.parse(e);return t===Z&&(n=Ti(n)),n}const Kt=(e,t)=>{const n=Bt(e),s=Bt(t);if(!n||!s)return Ae(e,t);const i={...n};return r=>(i.red=Ne(n.red,s.red,r),i.green=Ne(n.green,s.green,r),i.blue=Ne(n.blue,s.blue,r),i.alpha=Re(n.alpha,s.alpha,r),_.transform(i))},ze=new Set(["none","hidden"]);function xi(e,t){return ze.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function Si(e,t){return n=>Re(e,t,n)}function pt(e){return typeof e=="number"?Si:typeof e=="string"?ft(e)?Ae:C.test(e)?Kt:Mi:Array.isArray(e)?Ln:typeof e=="object"?C.test(e)?Kt:Vi:Ae}function Ln(e,t){const n=[...e],s=n.length,i=e.map((r,o)=>pt(r)(r,t[o]));return r=>{for(let o=0;o<s;o++)n[o]=i[o](r);return n}}function Vi(e,t){const n={...e,...t},s={};for(const i in n)e[i]!==void 0&&t[i]!==void 0&&(s[i]=pt(e[i])(e[i],t[i]));return i=>{for(const r in s)n[r]=s[r](i);return n}}function Ai(e,t){const n=[],s={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){const r=t.types[i],o=e.indexes[r][s[r]],a=e.values[o]??0;n[i]=a,s[r]++}return n}const Mi=(e,t)=>{const n=ie.createTransformer(t),s=fe(e),i=fe(t);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?ze.has(e)&&!i.values.length||ze.has(t)&&!s.values.length?xi(e,t):De(Ln(Ai(s,i),i.values),n):(he(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),Ae(e,t))};function Nn(e,t,n){return typeof e=="number"&&typeof t=="number"&&typeof n=="number"?Re(e,t,n):pt(e)(e,t)}const Ci=e=>{const t=({timestamp:n})=>e(n);return{start:(n=!0)=>L.update(t,n),stop:()=>_e(t),now:()=>Ve.isProcessing?Ve.timestamp:E.now()}},Bn=(e,t,n=10)=>{let s="";const i=Math.max(Math.round(t/n),2);for(let r=0;r<i;r++)s+=Math.round(e(r/(i-1))*1e4)/1e4+", ";return`linear(${s.substring(0,s.length-2)})`},Me=2e4;function mt(e){let t=0;const n=50;let s=e.next(t);for(;!s.done&&t<Me;)t+=n,s=e.next(t);return t>=Me?1/0:t}function Pi(e,t=100,n){const s=n({...e,keyframes:[0,t]}),i=Math.min(mt(s),Me);return{type:"keyframes",ease:r=>s.next(i*r).value/t,duration:B(i)}}const Fi=5;function Kn(e,t,n){const s=Math.max(t-Fi,0);return yn(n-e(s),t-s)}const M={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},Be=.001;function Di({duration:e=M.duration,bounce:t=M.bounce,velocity:n=M.velocity,mass:s=M.mass}){let i,r;he(e<=N(M.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let o=1-t;o=U(M.minDamping,M.maxDamping,o),e=U(M.minDuration,M.maxDuration,B(e)),o<1?(i=l=>{const u=l*o,f=u*e,d=u-n,h=He(l,o),b=Math.exp(-f);return Be-d/h*b},r=l=>{const f=l*o*e,d=f*n+n,h=Math.pow(o,2)*Math.pow(l,2)*e,b=Math.exp(-f),T=He(Math.pow(l,2),o);return(-i(l)+Be>0?-1:1)*((d-h)*b)/T}):(i=l=>{const u=Math.exp(-l*e),f=(l-n)*e+1;return-Be+u*f},r=l=>{const u=Math.exp(-l*e),f=(n-l)*(e*e);return u*f});const a=5/e,c=Oi(i,r,a);if(e=N(e),isNaN(c))return{stiffness:M.stiffness,damping:M.damping,duration:e};{const l=Math.pow(c,2)*s;return{stiffness:l,damping:o*2*Math.sqrt(s*l),duration:e}}}const Ri=12;function Oi(e,t,n){let s=n;for(let i=1;i<Ri;i++)s=s-e(s)/t(s);return s}function He(e,t){return e*Math.sqrt(1-t*t)}const Ii=["duration","bounce"],ki=["stiffness","damping","mass"];function jt(e,t){return t.some(n=>e[n]!==void 0)}function Ei(e){let t={velocity:M.velocity,stiffness:M.stiffness,damping:M.damping,mass:M.mass,isResolvedFromDuration:!1,...e};if(!jt(e,ki)&&jt(e,Ii))if(e.visualDuration){const n=e.visualDuration,s=2*Math.PI/(n*1.2),i=s*s,r=2*U(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:M.mass,stiffness:i,damping:r}}else{const n=Di(e);t={...t,...n,mass:M.mass},t.isResolvedFromDuration=!0}return t}function Ce(e=M.visualDuration,t=M.bounce){const n=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:t}:e;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:l,mass:u,duration:f,velocity:d,isResolvedFromDuration:h}=Ei({...n,velocity:-B(n.velocity||0)}),b=d||0,T=l/(2*Math.sqrt(c*u)),w=o-r,p=B(Math.sqrt(c/u)),S=Math.abs(w)<5;s||(s=S?M.restSpeed.granular:M.restSpeed.default),i||(i=S?M.restDelta.granular:M.restDelta.default);let g;if(T<1){const v=He(p,T);g=V=>{const P=Math.exp(-T*p*V);return o-P*((b+T*p*w)/v*Math.sin(v*V)+w*Math.cos(v*V))}}else if(T===1)g=v=>o-Math.exp(-p*v)*(w+(b+p*w)*v);else{const v=p*Math.sqrt(T*T-1);g=V=>{const P=Math.exp(-T*p*V),x=Math.min(v*V,300);return o-P*((b+T*p*w)*Math.sinh(x)+v*w*Math.cosh(x))/v}}const A={calculatedDuration:h&&f||null,next:v=>{const V=g(v);if(h)a.done=v>=f;else{let P=v===0?b:0;T<1&&(P=v===0?N(b):Kn(g,v,V));const x=Math.abs(P)<=s,O=Math.abs(o-V)<=i;a.done=x&&O}return a.value=a.done?o:V,a},toString:()=>{const v=Math.min(mt(A),Me),V=Bn(P=>A.next(v*P).value,v,30);return v+"ms "+V},toTransition:()=>{}};return A}Ce.applyToOptions=e=>{const t=Pi(e,100,Ce);return e.ease=t.ease,e.duration=N(t.duration),e.type="keyframes",e};function Ue({keyframes:e,velocity:t=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:r=500,modifyTarget:o,min:a,max:c,restDelta:l=.5,restSpeed:u}){const f=e[0],d={done:!1,value:f},h=x=>a!==void 0&&x<a||c!==void 0&&x>c,b=x=>a===void 0?c:c===void 0||Math.abs(a-x)<Math.abs(c-x)?a:c;let T=n*t;const w=f+T,p=o===void 0?w:o(w);p!==w&&(T=p-f);const S=x=>-T*Math.exp(-x/s),g=x=>p+S(x),A=x=>{const O=S(x),I=g(x);d.done=Math.abs(O)<=l,d.value=d.done?p:I};let v,V;const P=x=>{h(d.value)&&(v=x,V=Ce({keyframes:[d.value,b(d.value)],velocity:Kn(g,x,d.value),damping:i,stiffness:r,restDelta:l,restSpeed:u}))};return P(0),{calculatedDuration:null,next:x=>{let O=!1;return!V&&v===void 0&&(O=!0,A(x),P(x)),v!==void 0&&x>=v?V.next(x-v):(!O&&A(x),d)}}}function Li(e,t,n){const s=[],i=n||K.mix||Nn,r=e.length-1;for(let o=0;o<r;o++){let a=i(e[o],e[o+1]);if(t){const c=Array.isArray(t)?t[o]||ne:t;a=De(c,a)}s.push(a)}return s}function Ni(e,t,{clamp:n=!0,ease:s,mixer:i}={}){const r=e.length;if(q(r===t.length,"Both input and output ranges must be the same length","range-length"),r===1)return()=>t[0];if(r===2&&t[0]===t[1])return()=>t[1];const o=e[0]===e[1];e[0]>e[r-1]&&(e=[...e].reverse(),t=[...t].reverse());const a=Li(t,s,i),c=a.length,l=u=>{if(o&&u<e[0])return t[0];let f=0;if(c>1)for(;f<e.length-2&&!(u<e[f+1]);f++);const d=mn(e[f],e[f+1],u);return a[f](d)};return n?u=>l(U(e[0],e[r-1],u)):l}function Bi(e,t){const n=e[e.length-1];for(let s=1;s<=t;s++){const i=mn(0,t,s);e.push(Re(n,1,i))}}function Ki(e){const t=[0];return Bi(t,e.length-1),t}function ji(e,t){return e.map(n=>n*t)}function Wi(e,t){return e.map(()=>t||Mn).splice(0,e.length-1)}function J({duration:e=300,keyframes:t,times:n,ease:s="easeInOut"}){const i=Qs(s)?s.map(Et):Et(s),r={done:!1,value:t[0]},o=ji(n&&n.length===t.length?n:Ki(t),e),a=Ni(o,t,{ease:Array.isArray(i)?i:Wi(t,i)});return{calculatedDuration:e,next:c=>(r.value=a(c),r.done=c>=e,r)}}const $i=e=>e!==null;function gt(e,{repeat:t,repeatType:n="loop"},s,i=1){const r=e.filter($i),a=i<0||t&&n!=="loop"&&t%2===1?0:r.length-1;return!a||s===void 0?r[a]:s}const _i={decay:Ue,inertia:Ue,tween:J,keyframes:J,spring:Ce};function jn(e){typeof e.type=="string"&&(e.type=_i[e.type])}class yt{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(t=>{this.resolve=t})}notifyFinished(){this.resolve()}then(t,n){return this.finished.then(t,n)}}const Gi=e=>e/100;class bt extends yt{constructor(t){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{var s,i;const{motionValue:n}=this.options;n&&n.updatedAt!==E.now()&&this.tick(E.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(i=(s=this.options).onStop)==null||i.call(s))},this.options=t,this.initAnimation(),this.play(),t.autoplay===!1&&this.pause()}initAnimation(){const{options:t}=this;jn(t);const{type:n=J,repeat:s=0,repeatDelay:i=0,repeatType:r,velocity:o=0}=t;let{keyframes:a}=t;const c=n||J;process.env.NODE_ENV!=="production"&&c!==J&&q(a.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`,"spring-two-frames"),c!==J&&typeof a[0]!="number"&&(this.mixKeyframes=De(Gi,Nn(a[0],a[1])),a=[0,100]);const l=c({...t,keyframes:a});r==="mirror"&&(this.mirroredGenerator=c({...t,keyframes:[...a].reverse(),velocity:-o})),l.calculatedDuration===null&&(l.calculatedDuration=mt(l));const{calculatedDuration:u}=l;this.calculatedDuration=u,this.resolvedDuration=u+i,this.totalDuration=this.resolvedDuration*(s+1)-i,this.generator=l}updateTime(t){const n=Math.round(t-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(t,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:l=0,keyframes:u,repeat:f,repeatType:d,repeatDelay:h,type:b,onUpdate:T,finalKeyframe:w}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-i/this.speed,this.startTime)),n?this.currentTime=t:this.updateTime(t);const p=this.currentTime-l*(this.playbackSpeed>=0?1:-1),S=this.playbackSpeed>=0?p<0:p>i;this.currentTime=Math.max(p,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let g=this.currentTime,A=s;if(f){const x=Math.min(this.currentTime,i)/a;let O=Math.floor(x),I=x%1;!I&&x>=1&&(I=1),I===1&&O--,O=Math.min(O,f+1),!!(O%2)&&(d==="reverse"?(I=1-I,h&&(I-=h/a)):d==="mirror"&&(A=o)),g=U(0,1,I)*a}const v=S?{done:!1,value:u[0]}:A.next(g);r&&(v.value=r(v.value));let{done:V}=v;!S&&c!==null&&(V=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const P=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&V);return P&&b!==Ue&&(v.value=gt(u,this.options,w,this.speed)),T&&T(v.value),P&&this.finish(),v}then(t,n){return this.finished.then(t,n)}get duration(){return B(this.calculatedDuration)}get time(){return B(this.currentTime)}set time(t){var n;t=N(t),this.currentTime=t,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.playbackSpeed),(n=this.driver)==null||n.start(!1)}get speed(){return this.playbackSpeed}set speed(t){this.updateTime(E.now());const n=this.playbackSpeed!==t;this.playbackSpeed=t,n&&(this.time=B(this.currentTime))}play(){var i,r;if(this.isStopped)return;const{driver:t=Ci,startTime:n}=this.options;this.driver||(this.driver=t(o=>this.tick(o))),(r=(i=this.options).onPlay)==null||r.call(i);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(E.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var t,n;this.notifyFinished(),this.teardown(),this.state="finished",(n=(t=this.options).onComplete)==null||n.call(t)}cancel(){var t,n;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(n=(t=this.options).onCancel)==null||n.call(t)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}attachTimeline(t){var n;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(n=this.driver)==null||n.stop(),t.observe(this)}}function zi(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}const G=e=>e*180/Math.PI,qe=e=>{const t=G(Math.atan2(e[1],e[0]));return Ye(t)},Hi={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:qe,rotateZ:qe,skewX:e=>G(Math.atan(e[1])),skewY:e=>G(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},Ye=e=>(e=e%360,e<0&&(e+=360),e),Wt=qe,$t=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),_t=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),Ui={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:$t,scaleY:_t,scale:e=>($t(e)+_t(e))/2,rotateX:e=>Ye(G(Math.atan2(e[6],e[5]))),rotateY:e=>Ye(G(Math.atan2(-e[2],e[0]))),rotateZ:Wt,rotate:Wt,skewX:e=>G(Math.atan(e[4])),skewY:e=>G(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function Xe(e){return e.includes("scale")?1:0}function Ze(e,t){if(!e||e==="none")return Xe(t);const n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(n)s=Ui,i=n;else{const a=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=Hi,i=a}if(!i)return Xe(t);const r=s[t],o=i[1].split(",").map(Yi);return typeof r=="function"?r(o):o[r]}const qi=(e,t)=>{const{transform:n="none"}=getComputedStyle(e);return Ze(n,t)};function Yi(e){return parseFloat(e.trim())}const re=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],oe=new Set(re),Gt=e=>e===se||e===m,Xi=new Set(["x","y","z"]),Zi=re.filter(e=>!Xi.has(e));function Ji(e){const t=[];return Zi.forEach(n=>{const s=e.getValue(n);s!==void 0&&(t.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),t}const z={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>Ze(t,"x"),y:(e,{transform:t})=>Ze(t,"y")};z.translateX=z.x;z.translateY=z.y;const H=new Set;let Je=!1,Qe=!1,et=!1;function Wn(){if(Qe){const e=Array.from(H).filter(s=>s.needsMeasurement),t=new Set(e.map(s=>s.element)),n=new Map;t.forEach(s=>{const i=Ji(s);i.length&&(n.set(s,i),s.render())}),e.forEach(s=>s.measureInitialState()),t.forEach(s=>{s.render();const i=n.get(s);i&&i.forEach(([r,o])=>{var a;(a=s.getValue(r))==null||a.set(o)})}),e.forEach(s=>s.measureEndState()),e.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Qe=!1,Je=!1,H.forEach(e=>e.complete(et)),H.clear()}function $n(){H.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(Qe=!0)})}function Qi(){et=!0,$n(),Wn(),et=!1}class Tt{constructor(t,n,s,i,r,o=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...t],this.onComplete=n,this.name=s,this.motionValue=i,this.element=r,this.isAsync=o}scheduleResolve(){this.state="scheduled",this.isAsync?(H.add(this),Je||(Je=!0,L.read($n),L.resolveKeyframes(Wn))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:n,element:s,motionValue:i}=this;if(t[0]===null){const r=i==null?void 0:i.get(),o=t[t.length-1];if(r!==void 0)t[0]=r;else if(s&&n){const a=s.readValue(n,o);a!=null&&(t[0]=a)}t[0]===void 0&&(t[0]=o),i&&r===void 0&&i.set(t[0])}zi(t)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(t=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,t),H.delete(this)}cancel(){this.state==="scheduled"&&(H.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const er=e=>e.startsWith("--");function tr(e,t,n){er(t)?e.style.setProperty(t,n):e.style[t]=n}const nr=ut(()=>window.ScrollTimeline!==void 0),sr={};function ir(e,t){const n=ut(e);return()=>sr[t]??n()}const _n=ir(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),ue=([e,t,n,s])=>`cubic-bezier(${e}, ${t}, ${n}, ${s})`,zt={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:ue([0,.65,.55,1]),circOut:ue([.55,0,1,.45]),backIn:ue([.31,.01,.66,-.59]),backOut:ue([.33,1.53,.69,.99])};function Gn(e,t){if(e)return typeof e=="function"?_n()?Bn(e,t):"ease-out":Cn(e)?ue(e):Array.isArray(e)?e.map(n=>Gn(n,t)||zt.easeOut):zt[e]}function rr(e,t,n,{delay:s=0,duration:i=300,repeat:r=0,repeatType:o="loop",ease:a="easeOut",times:c}={},l=void 0){const u={[t]:n};c&&(u.offset=c);const f=Gn(a,i);Array.isArray(f)&&(u.easing=f);const d={delay:s,duration:i,easing:Array.isArray(f)?"linear":f,fill:"both",iterations:r+1,direction:o==="reverse"?"alternate":"normal"};return l&&(d.pseudoElement=l),e.animate(u,d)}function zn(e){return typeof e=="function"&&"applyToOptions"in e}function or({type:e,...t}){return zn(e)&&_n()?e.applyToOptions(t):(t.duration??(t.duration=300),t.ease??(t.ease="easeOut"),t)}class ar extends yt{constructor(t){if(super(),this.finishedTime=null,this.isStopped=!1,!t)return;const{element:n,name:s,keyframes:i,pseudoElement:r,allowFlatten:o=!1,finalKeyframe:a,onComplete:c}=t;this.isPseudoElement=!!r,this.allowFlatten=o,this.options=t,q(typeof t.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const l=or(t);this.animation=rr(n,s,i,l,r),l.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!r){const u=gt(i,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(u):tr(n,s,u),this.animation.cancel()}c==null||c(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){var t,n;(n=(t=this.animation).finish)==null||n.call(t)}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:t}=this;t==="idle"||t==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){var t,n;this.isPseudoElement||(n=(t=this.animation).commitStyles)==null||n.call(t)}get duration(){var n,s;const t=((s=(n=this.animation.effect)==null?void 0:n.getComputedTiming)==null?void 0:s.call(n).duration)||0;return B(Number(t))}get time(){return B(Number(this.animation.currentTime)||0)}set time(t){this.finishedTime=null,this.animation.currentTime=N(t)}get speed(){return this.animation.playbackRate}set speed(t){t<0&&(this.finishedTime=null),this.animation.playbackRate=t}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return Number(this.animation.startTime)}set startTime(t){this.animation.startTime=t}attachTimeline({timeline:t,observe:n}){var s;return this.allowFlatten&&((s=this.animation.effect)==null||s.updateTiming({easing:"linear"})),this.animation.onfinish=null,t&&nr()?(this.animation.timeline=t,ne):n(this)}}const Hn={anticipate:Vn,backInOut:Sn,circInOut:An};function ur(e){return e in Hn}function cr(e){typeof e.ease=="string"&&ur(e.ease)&&(e.ease=Hn[e.ease])}const Ht=10;class lr extends ar{constructor(t){cr(t),jn(t),super(t),t.startTime&&(this.startTime=t.startTime),this.options=t}updateMotionValue(t){const{motionValue:n,onUpdate:s,onComplete:i,element:r,...o}=this.options;if(!n)return;if(t!==void 0){n.set(t);return}const a=new bt({...o,autoplay:!1}),c=N(this.finishedTime??this.time);n.setWithVelocity(a.sample(c-Ht).value,a.sample(c).value,Ht),a.stop()}}const Ut=(e,t)=>t==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(ie.test(e)||e==="0")&&!e.startsWith("url("));function fr(e){const t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function dr(e,t,n,s){const i=e[0];if(i===null)return!1;if(t==="display"||t==="visibility")return!0;const r=e[e.length-1],o=Ut(i,t),a=Ut(r,t);return he(o===a,`You are trying to animate ${t} from "${i}" to "${r}". "${o?r:i}" is not an animatable value.`,"value-not-animatable"),!o||!a?!1:fr(e)||(n==="spring"||zn(n))&&s}function tt(e){e.duration=0,e.type}const hr=new Set(["opacity","clipPath","filter","transform"]),pr=ut(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function mr(e){var u;const{motionValue:t,name:n,repeatDelay:s,repeatType:i,damping:r,type:o}=e;if(!(((u=t==null?void 0:t.owner)==null?void 0:u.current)instanceof HTMLElement))return!1;const{onUpdate:c,transformTemplate:l}=t.owner.getProps();return pr()&&n&&hr.has(n)&&(n!=="transform"||!l)&&!c&&!s&&i!=="mirror"&&r!==0&&o!=="inertia"}const gr=40;class yr extends yt{constructor({autoplay:t=!0,delay:n=0,type:s="keyframes",repeat:i=0,repeatDelay:r=0,repeatType:o="loop",keyframes:a,name:c,motionValue:l,element:u,...f}){var b;super(),this.stop=()=>{var T,w;this._animation&&(this._animation.stop(),(T=this.stopTimeline)==null||T.call(this)),(w=this.keyframeResolver)==null||w.cancel()},this.createdAt=E.now();const d={autoplay:t,delay:n,type:s,repeat:i,repeatDelay:r,repeatType:o,name:c,motionValue:l,element:u,...f},h=(u==null?void 0:u.KeyframeResolver)||Tt;this.keyframeResolver=new h(a,(T,w,p)=>this.onKeyframesResolved(T,w,d,!p),c,l,u),(b=this.keyframeResolver)==null||b.scheduleResolve()}onKeyframesResolved(t,n,s,i){this.keyframeResolver=void 0;const{name:r,type:o,velocity:a,delay:c,isHandoff:l,onUpdate:u}=s;this.resolvedAt=E.now(),dr(t,r,o,a)||((K.instantAnimations||!c)&&(u==null||u(gt(t,s,n))),t[0]=t[t.length-1],tt(s),s.repeat=0);const d={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>gr?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...s,keyframes:t},h=!l&&mr(d)?new lr({...d,element:d.motionValue.owner.current}):new bt(d);h.finished.then(()=>this.notifyFinished()).catch(ne),this.pendingTimeline&&(this.stopTimeline=h.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=h}get finished(){return this._animation?this.animation.finished:this._finished}then(t,n){return this.finished.finally(t).then(()=>{})}get animation(){var t;return this._animation||((t=this.keyframeResolver)==null||t.resume(),Qi()),this._animation}get duration(){return this.animation.duration}get time(){return this.animation.time}set time(t){this.animation.time=t}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(t){this.animation.speed=t}get startTime(){return this.animation.startTime}attachTimeline(t){return this._animation?this.stopTimeline=this.animation.attachTimeline(t):this.pendingTimeline=t,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){var t;this._animation&&this.animation.cancel(),(t=this.keyframeResolver)==null||t.cancel()}}const br=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Tr(e){const t=br.exec(e);if(!t)return[,];const[,n,s,i]=t;return[`--${n??s}`,i]}const vr=4;function Un(e,t,n=1){q(n<=vr,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[s,i]=Tr(e);if(!s)return;const r=window.getComputedStyle(t).getPropertyValue(s);if(r){const o=r.trim();return hn(o)?parseFloat(o):o}return ft(i)?Un(i,t,n+1):i}function qn(e,t){return(e==null?void 0:e[t])??(e==null?void 0:e.default)??e}const Yn=new Set(["width","height","top","left","right","bottom",...re]),wr={test:e=>e==="auto",parse:e=>e},Xn=e=>t=>t.test(e),Zn=[se,m,Q,j,fi,li,wr],qt=e=>Zn.find(Xn(e));function xr(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||pn(e):!0}const Sr=new Set(["brightness","contrast","saturate","opacity"]);function Vr(e){const[t,n]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[s]=n.match(dt)||[];if(!s)return e;const i=n.replace(s,"");let r=Sr.has(t)?1:0;return s!==n&&(r*=100),t+"("+r+i+")"}const Ar=/\b([a-z-]*)\(.*?\)/gu,nt={...ie,getAnimatableNone:e=>{const t=e.match(Ar);return t?t.map(Vr).join(" "):e}},Yt={...se,transform:Math.round},Mr={rotate:j,rotateX:j,rotateY:j,rotateZ:j,scale:Te,scaleX:Te,scaleY:Te,scaleZ:Te,skew:j,skewX:j,skewY:j,distance:m,translateX:m,translateY:m,translateZ:m,x:m,y:m,z:m,perspective:m,transformPerspective:m,opacity:le,originX:Lt,originY:Lt,originZ:m},vt={borderWidth:m,borderTopWidth:m,borderRightWidth:m,borderBottomWidth:m,borderLeftWidth:m,borderRadius:m,radius:m,borderTopLeftRadius:m,borderTopRightRadius:m,borderBottomRightRadius:m,borderBottomLeftRadius:m,width:m,maxWidth:m,height:m,maxHeight:m,top:m,right:m,bottom:m,left:m,padding:m,paddingTop:m,paddingRight:m,paddingBottom:m,paddingLeft:m,margin:m,marginTop:m,marginRight:m,marginBottom:m,marginLeft:m,backgroundPositionX:m,backgroundPositionY:m,...Mr,zIndex:Yt,fillOpacity:le,strokeOpacity:le,numOctaves:Yt},Cr={...vt,color:C,backgroundColor:C,outlineColor:C,fill:C,stroke:C,borderColor:C,borderTopColor:C,borderRightColor:C,borderBottomColor:C,borderLeftColor:C,filter:nt,WebkitFilter:nt},Jn=e=>Cr[e];function Qn(e,t){let n=Jn(e);return n!==nt&&(n=ie),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const Pr=new Set(["auto","none","0"]);function Fr(e,t,n){let s=0,i;for(;s<e.length&&!i;){const r=e[s];typeof r=="string"&&!Pr.has(r)&&fe(r).values.length&&(i=e[s]),s++}if(i&&n)for(const r of t)e[r]=Qn(n,i)}class Dr extends Tt{constructor(t,n,s,i,r){super(t,n,s,i,r,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:n,name:s}=this;if(!n||!n.current)return;super.readKeyframes();for(let c=0;c<t.length;c++){let l=t[c];if(typeof l=="string"&&(l=l.trim(),ft(l))){const u=Un(l,n.current);u!==void 0&&(t[c]=u),c===t.length-1&&(this.finalKeyframe=l)}}if(this.resolveNoneKeyframes(),!Yn.has(s)||t.length!==2)return;const[i,r]=t,o=qt(i),a=qt(r);if(o!==a)if(Gt(o)&&Gt(a))for(let c=0;c<t.length;c++){const l=t[c];typeof l=="string"&&(t[c]=parseFloat(l))}else z[s]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:n}=this,s=[];for(let i=0;i<t.length;i++)(t[i]===null||xr(t[i]))&&s.push(i);s.length&&Fr(t,s,n)}measureInitialState(){const{element:t,unresolvedKeyframes:n,name:s}=this;if(!t||!t.current)return;s==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=z[s](t.measureViewportBox(),window.getComputedStyle(t.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&t.getValue(s,i).jump(i,!1)}measureEndState(){var a;const{element:t,name:n,unresolvedKeyframes:s}=this;if(!t||!t.current)return;const i=t.getValue(n);i&&i.jump(this.measuredOrigin,!1);const r=s.length-1,o=s[r];s[r]=z[n](t.measureViewportBox(),window.getComputedStyle(t.current)),o!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=o),(a=this.removedTransforms)!=null&&a.length&&this.removedTransforms.forEach(([c,l])=>{t.getValue(c).set(l)}),this.resolveNoneKeyframes()}}function Rr(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e=="string"){let s=document;const i=(n==null?void 0:n[e])??s.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}const es=(e,t)=>t&&typeof e=="number"?t.transform(e):e;function Or(e){return zs(e)&&"offsetHeight"in e}const Xt=30,Ir=e=>!isNaN(parseFloat(e));class kr{constructor(t,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=s=>{var r;const i=E.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),this.current!==this.prev&&((r=this.events.change)==null||r.notify(this.current),this.dependents))for(const o of this.dependents)o.dirty()},this.hasAnimated=!1,this.setCurrent(t),this.owner=n.owner}setCurrent(t){this.current=t,this.updatedAt=E.now(),this.canTrackVelocity===null&&t!==void 0&&(this.canTrackVelocity=Ir(this.current))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return process.env.NODE_ENV!=="production"&&bn(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,n){this.events[t]||(this.events[t]=new gn);const s=this.events[t].add(n);return t==="change"?()=>{s(),L.read(()=>{this.events.change.getSize()||this.stop()})}:s}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,n){this.passiveEffect=t,this.stopPassiveEffect=n}set(t){this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t)}setWithVelocity(t,n,s){this.set(n),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-s}jump(t,n=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var t;(t=this.events.change)==null||t.notify(this.current)}addDependent(t){this.dependents||(this.dependents=new Set),this.dependents.add(t)}removeDependent(t){this.dependents&&this.dependents.delete(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=E.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||t-this.updatedAt>Xt)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,Xt);return yn(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(t){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=t(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(){var t,n;(t=this.dependents)==null||t.clear(),(n=this.events.destroy)==null||n.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Pe(e,t){return new kr(e,t)}const{schedule:Er}=Pn(queueMicrotask,!1),Lr={y:!1};function Nr(){return Lr.y}function ts(e,t){const n=Rr(e),s=new AbortController,i={passive:!0,...t,signal:s.signal};return[n,i,()=>s.abort()]}function Zt(e){return!(e.pointerType==="touch"||Nr())}function Br(e,t,n={}){const[s,i,r]=ts(e,n),o=a=>{if(!Zt(a))return;const{target:c}=a,l=t(c,a);if(typeof l!="function"||!c)return;const u=f=>{Zt(f)&&(l(f),c.removeEventListener("pointerleave",u))};c.addEventListener("pointerleave",u,i)};return s.forEach(a=>{a.addEventListener("pointerenter",o,i)}),r}const ns=(e,t)=>t?e===t?!0:ns(e,t.parentElement):!1,Kr=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1,jr=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Wr(e){return jr.has(e.tagName)||e.tabIndex!==-1}const xe=new WeakSet;function Jt(e){return t=>{t.key==="Enter"&&e(t)}}function Ke(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}const $r=(e,t)=>{const n=e.currentTarget;if(!n)return;const s=Jt(()=>{if(xe.has(n))return;Ke(n,"down");const i=Jt(()=>{Ke(n,"up")}),r=()=>Ke(n,"cancel");n.addEventListener("keyup",i,t),n.addEventListener("blur",r,t)});n.addEventListener("keydown",s,t),n.addEventListener("blur",()=>n.removeEventListener("keydown",s),t)};function Qt(e){return Kr(e)&&!0}function _r(e,t,n={}){const[s,i,r]=ts(e,n),o=a=>{const c=a.currentTarget;if(!Qt(a))return;xe.add(c);const l=t(c,a),u=(h,b)=>{window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",d),xe.has(c)&&xe.delete(c),Qt(h)&&typeof l=="function"&&l(h,{success:b})},f=h=>{u(h,c===window||c===document||n.useGlobalTarget||ns(c,h.target))},d=h=>{u(h,!1)};window.addEventListener("pointerup",f,i),window.addEventListener("pointercancel",d,i)};return s.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",o,i),Or(a)&&(a.addEventListener("focus",l=>$r(l,i)),!Wr(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),r}const R=e=>!!(e&&e.getVelocity),Gr=[...Zn,C,ie],zr=e=>Gr.find(Xn(e)),ss=y.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"}),wt=y.createContext({strict:!1}),en={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"]},te={};for(const e in en)te[e]={isEnabled:t=>en[e].some(n=>!!t[n])};function tn(e){for(const t in e)te[t]={...te[t],...e[t]}}function Hr({children:e,features:t,strict:n=!1}){const[,s]=y.useState(!je(t)),i=y.useRef(void 0);if(!je(t)){const{renderer:r,...o}=t;i.current=r,tn(o)}return y.useEffect(()=>{je(t)&&t().then(({renderer:r,...o})=>{tn(o),i.current=r,s(!0)})},[]),F.jsx(wt.Provider,{value:{renderer:i.current,strict:n},children:e})}function je(e){return typeof e=="function"}const Ur=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 Fe(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||Ur.has(e)}let is=e=>!Fe(e);function qr(e){typeof e=="function"&&(is=t=>t.startsWith("on")?!Fe(t):e(t))}try{qr(require("@emotion/is-prop-valid").default)}catch{}function Yr(e,t,n){const s={};for(const i in e)i==="values"&&typeof e.values=="object"||(is(i)||n===!0&&Fe(i)||!t&&!Fe(i)||e.draggable&&i.startsWith("onDrag"))&&(s[i]=e[i]);return s}const Oe=y.createContext({});function Ie(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}function de(e){return typeof e=="string"||Array.isArray(e)}const xt=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],St=["initial",...xt];function ke(e){return Ie(e.animate)||St.some(t=>de(e[t]))}function rs(e){return!!(ke(e)||e.variants)}function Xr(e,t){if(ke(e)){const{initial:n,animate:s}=e;return{initial:n===!1||de(n)?n:void 0,animate:de(s)?s:void 0}}return e.inherit!==!1?t:{}}function Zr(e){const{initial:t,animate:n}=Xr(e,y.useContext(Oe));return y.useMemo(()=>({initial:t,animate:n}),[nn(t),nn(n)])}function nn(e){return Array.isArray(e)?e.join(" "):e}const Jr={};function os(e,{layout:t,layoutId:n}){return oe.has(e)||e.startsWith("origin")||(t||n!==void 0)&&(!!Jr[e]||e==="opacity")}const Qr={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},eo=re.length;function to(e,t,n){let s="",i=!0;for(let r=0;r<eo;r++){const o=re[r],a=e[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 l=es(a,vt[o]);if(!c){i=!1;const u=Qr[o]||o;s+=`${u}(${l}) `}n&&(t[o]=l)}}return s=s.trim(),n?s=n(t,i?"":s):i&&(s="none"),s}function Vt(e,t,n){const{style:s,vars:i,transformOrigin:r}=e;let o=!1,a=!1;for(const c in t){const l=t[c];if(oe.has(c)){o=!0;continue}else if(Dn(c)){i[c]=l;continue}else{const u=es(l,vt[c]);c.startsWith("origin")?(a=!0,r[c]=u):s[c]=u}}if(t.transform||(o||n?s.transform=to(t,e.transform,n):s.transform&&(s.transform="none")),a){const{originX:c="50%",originY:l="50%",originZ:u=0}=r;s.transformOrigin=`${c} ${l} ${u}`}}const At=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function as(e,t,n){for(const s in t)!R(t[s])&&!os(s,n)&&(e[s]=t[s])}function no({transformTemplate:e},t){return y.useMemo(()=>{const n=At();return Vt(n,t,e),Object.assign({},n.vars,n.style)},[t])}function so(e,t){const n=e.style||{},s={};return as(s,n,e),Object.assign(s,no(e,t)),s}function io(e,t){const n={},s=so(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=s,n}const ro={offset:"stroke-dashoffset",array:"stroke-dasharray"},oo={offset:"strokeDashoffset",array:"strokeDasharray"};function ao(e,t,n=1,s=0,i=!0){e.pathLength=1;const r=i?ro:oo;e[r.offset]=m.transform(-s);const o=m.transform(t),a=m.transform(n);e[r.array]=`${o} ${a}`}function us(e,{attrX:t,attrY:n,attrScale:s,pathLength:i,pathSpacing:r=1,pathOffset:o=0,...a},c,l,u){if(Vt(e,a,l),c){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:f,style:d}=e;f.transform&&(d.transform=f.transform,delete f.transform),(d.transform||f.transformOrigin)&&(d.transformOrigin=f.transformOrigin??"50% 50%",delete f.transformOrigin),d.transform&&(d.transformBox=(u==null?void 0:u.transformBox)??"fill-box",delete f.transformBox),t!==void 0&&(f.x=t),n!==void 0&&(f.y=n),s!==void 0&&(f.scale=s),i!==void 0&&ao(f,i,r,o,!1)}const cs=()=>({...At(),attrs:{}}),ls=e=>typeof e=="string"&&e.toLowerCase()==="svg";function uo(e,t,n,s){const i=y.useMemo(()=>{const r=cs();return us(r,t,ls(s),e.transformTemplate,e.style),{...r.attrs,style:{...r.style}}},[t]);if(e.style){const r={};as(r,e.style,e),i.style={...r,...i.style}}return i}const co=["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 Mt(e){return typeof e!="string"||e.includes("-")?!1:!!(co.indexOf(e)>-1||/[A-Z]/u.test(e))}function lo(e,t,n,{latestValues:s},i,r=!1){const a=(Mt(e)?uo:io)(t,s,i,e),c=Yr(t,typeof e=="string",r),l=e!==y.Fragment?{...c,...a,ref:n}:{},{children:u}=t,f=y.useMemo(()=>R(u)?u.get():u,[u]);return y.createElement(e,{...l,children:f})}function sn(e){const t=[{},{}];return e==null||e.values.forEach((n,s)=>{t[0][s]=n.get(),t[1][s]=n.getVelocity()}),t}function Ct(e,t,n,s){if(typeof t=="function"){const[i,r]=sn(s);t=t(n!==void 0?n:e.custom,i,r)}if(typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"){const[i,r]=sn(s);t=t(n!==void 0?n:e.custom,i,r)}return t}function fo(e){return R(e)?e.get():e}function ho({scrapeMotionValuesFromProps:e,createRenderState:t},n,s,i){return{latestValues:po(n,s,i,e),renderState:t()}}function po(e,t,n,s){const i={},r=s(e,{});for(const d in r)i[d]=fo(r[d]);let{initial:o,animate:a}=e;const c=ke(e),l=rs(e);t&&l&&!c&&e.inherit!==!1&&(o===void 0&&(o=t.initial),a===void 0&&(a=t.animate));let u=n?n.initial===!1:!1;u=u||o===!1;const f=u?a:o;if(f&&typeof f!="boolean"&&!Ie(f)){const d=Array.isArray(f)?f:[f];for(let h=0;h<d.length;h++){const b=Ct(e,d[h]);if(b){const{transitionEnd:T,transition:w,...p}=b;for(const S in p){let g=p[S];if(Array.isArray(g)){const A=u?g.length-1:0;g=g[A]}g!==null&&(i[S]=g)}for(const S in T)i[S]=T[S]}}}return i}const fs=e=>(t,n)=>{const s=y.useContext(Oe),i=y.useContext(dn),r=()=>ho(e,t,s,i);return n?r():Ws(r)};function Pt(e,t,n){var r;const{style:s}=e,i={};for(const o in s)(R(s[o])||t.style&&R(t.style[o])||os(o,e)||((r=n==null?void 0:n.getValue(o))==null?void 0:r.liveStyle)!==void 0)&&(i[o]=s[o]);return i}const mo=fs({scrapeMotionValuesFromProps:Pt,createRenderState:At});function ds(e,t,n){const s=Pt(e,t,n);for(const i in e)if(R(e[i])||R(t[i])){const r=re.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[r]=e[i]}return s}const go=fs({scrapeMotionValuesFromProps:ds,createRenderState:cs}),yo=Symbol.for("motionComponentSymbol");function hs(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function bo(e,t,n){return y.useCallback(s=>{s&&e.onMount&&e.onMount(s),t&&(s?t.mount(s):t.unmount()),n&&(typeof n=="function"?n(s):hs(n)&&(n.current=s))},[t])}const Ft=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),To="framerAppearId",ps="data-"+Ft(To),vo=y.createContext({});function wo(e,t,n,s,i){var T,w;const{visualElement:r}=y.useContext(Oe),o=y.useContext(wt),a=y.useContext(dn),c=y.useContext(ss).reducedMotion,l=y.useRef(null);s=s||o.renderer,!l.current&&s&&(l.current=s(e,{visualState:t,parent:r,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:c}));const u=l.current,f=y.useContext(vo);u&&!u.projection&&i&&(u.type==="html"||u.type==="svg")&&xo(l.current,n,i,f);const d=y.useRef(!1);y.useInsertionEffect(()=>{u&&d.current&&u.update(n,a)});const h=n[ps],b=y.useRef(!!h&&!((T=window.MotionHandoffIsComplete)!=null&&T.call(window,h))&&((w=window.MotionHasOptimisedAnimation)==null?void 0:w.call(window,h)));return $s(()=>{u&&(d.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),u.scheduleRenderMicrotask(),b.current&&u.animationState&&u.animationState.animateChanges())}),y.useEffect(()=>{u&&(!b.current&&u.animationState&&u.animationState.animateChanges(),b.current&&(queueMicrotask(()=>{var p;(p=window.MotionHandoffMarkAsComplete)==null||p.call(window,h)}),b.current=!1),u.enteringChildren=void 0)}),u}function xo(e,t,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:c,layoutRoot:l,layoutCrossfade:u}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:ms(e.parent)),e.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:!!o||a&&hs(a),visualElement:e,animationType:typeof r=="string"?r:"both",initialPromotionConfig:s,crossfade:u,layoutScroll:c,layoutRoot:l})}function ms(e){if(e)return e.options.allowProjection!==!1?e.projection:ms(e.parent)}function So(e,{forwardMotionProps:t=!1}={},n,s){const i=Mt(e)?go:mo;function r(a,c){let l;const u={...y.useContext(ss),...a,layoutId:Vo(a)},{isStatic:f}=u,d=Zr(a),h=i(a,f);if(!f&&at){Ao(u,n);const b=Mo(u);l=b.MeasureLayout,d.visualElement=wo(e,h,u,s,b.ProjectionNode)}return F.jsxs(Oe.Provider,{value:d,children:[l&&d.visualElement?F.jsx(l,{visualElement:d.visualElement,...u}):null,lo(e,a,bo(h,d.visualElement,c),h,f,t)]})}r.displayName=`motion.${typeof e=="string"?e:`create(${e.displayName??e.name??""})`}`;const o=y.forwardRef(r);return o[yo]=e,o}function Vo({layoutId:e}){const t=y.useContext(js).id;return t&&e!==void 0?t+"-"+e:e}function Ao(e,t){y.useContext(wt).strict,process.env.NODE_ENV}function Mo(e){const{drag:t,layout:n}=te;if(!t&&!n)return{};const s={...t,...n};return{MeasureLayout:t!=null&&t.isEnabled(e)||n!=null&&n.isEnabled(e)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}function Co({top:e,left:t,right:n,bottom:s}){return{x:{min:t,max:n},y:{min:e,max:s}}}function Po(e,t){if(!t)return e;const n=t({x:e.left,y:e.top}),s=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}function Fo(e,t){return Co(Po(e.getBoundingClientRect(),t))}const rn=()=>({min:0,max:0}),gs=()=>({x:rn(),y:rn()}),st={current:null},ys={current:!1};function Do(){if(ys.current=!0,!!at)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>st.current=e.matches;e.addEventListener("change",t),t()}else st.current=!1}const Ro=new WeakMap;function Oo(e,t,n){for(const s in t){const i=t[s],r=n[s];if(R(i))e.addValue(s,i);else if(R(r))e.addValue(s,Pe(i,{owner:e}));else if(r!==i)if(e.hasValue(s)){const o=e.getValue(s);o.liveStyle===!0?o.jump(i):o.hasAnimated||o.set(i)}else{const o=e.getStaticValue(s);e.addValue(s,Pe(o!==void 0?o:i,{owner:e}))}}for(const s in n)t[s]===void 0&&e.removeValue(s);return t}const on=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Io{scrapeMotionValuesFromProps(t,n,s){return{}}constructor({parent:t,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=Tt,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 d=E.now();this.renderScheduledAt<d&&(this.renderScheduledAt=d,L.render(this.render,!1,!0))};const{latestValues:c,renderState:l}=o;this.latestValues=c,this.baseTarget={...c},this.initialValues=n.initial?{...c}:{},this.renderState=l,this.parent=t,this.props=n,this.presenceContext=s,this.depth=t?t.depth+1:0,this.reducedMotionConfig=i,this.options=a,this.blockInitialAnimation=!!r,this.isControllingVariants=ke(n),this.isVariantNode=rs(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:u,...f}=this.scrapeMotionValuesFromProps(n,{},this);for(const d in f){const h=f[d];c[d]!==void 0&&R(h)&&h.set(c[d])}}mount(t){var n;this.current=t,Ro.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((s,i)=>this.bindToMotionValue(i,s)),ys.current||Do(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:st.current,process.env.NODE_ENV!=="production"&&bn(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled"),(n=this.parent)==null||n.addChild(this),this.update(this.props,this.presenceContext)}unmount(){var t;this.projection&&this.projection.unmount(),_e(this.notifyUpdate),_e(this.render),this.valueSubscriptions.forEach(n=>n()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),(t=this.parent)==null||t.removeChild(this);for(const n in this.events)this.events[n].clear();for(const n in this.features){const s=this.features[n];s&&(s.unmount(),s.isMounted=!1)}this.current=null}addChild(t){this.children.add(t),this.enteringChildren??(this.enteringChildren=new Set),this.enteringChildren.add(t)}removeChild(t){this.children.delete(t),this.enteringChildren&&this.enteringChildren.delete(t)}bindToMotionValue(t,n){this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)();const s=oe.has(t);s&&this.onBindTransform&&this.onBindTransform();const i=n.on("change",o=>{this.latestValues[t]=o,this.props.onUpdate&&L.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let r;window.MotionCheckAppearSync&&(r=window.MotionCheckAppearSync(this,t,n)),this.valueSubscriptions.set(t,()=>{i(),r&&r(),n.owner&&n.stop()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}updateFeatures(){let t="animation";for(t in te){const n=te[t];if(!n)continue;const{isEnabled:s,Feature:i}=n;if(!this.features[t]&&i&&s(this.props)&&(this.features[t]=new i(this)),this.features[t]){const r=this.features[t];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):gs()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,n){this.latestValues[t]=n}update(t,n){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let s=0;s<on.length;s++){const i=on[s];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const r="on"+i,o=t[r];o&&(this.propEventSubscriptions[i]=this.on(i,o))}this.prevMotionValues=Oo(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]: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(t){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(t),()=>n.variantChildren.delete(t)}addValue(t,n){const s=this.values.get(t);n!==s&&(s&&this.removeValue(t),this.bindToMotionValue(t,n),this.values.set(t,n),this.latestValues[t]=n.get())}removeValue(t){this.values.delete(t);const n=this.valueSubscriptions.get(t);n&&(n(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,n){if(this.props.values&&this.props.values[t])return this.props.values[t];let s=this.values.get(t);return s===void 0&&n!==void 0&&(s=Pe(n===null?void 0:n,{owner:this}),this.addValue(t,s)),s}readValue(t,n){let s=this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:this.getBaseTargetFromProps(this.props,t)??this.readValueFromInstance(this.current,t,this.options);return s!=null&&(typeof s=="string"&&(hn(s)||pn(s))?s=parseFloat(s):!zr(s)&&ie.test(n)&&(s=Qn(t,n)),this.setBaseTarget(t,R(s)?s.get():s)),R(s)?s.get():s}setBaseTarget(t,n){this.baseTarget[t]=n}getBaseTarget(t){var r;const{initial:n}=this.props;let s;if(typeof n=="string"||typeof n=="object"){const o=Ct(this.props,n,(r=this.presenceContext)==null?void 0:r.custom);o&&(s=o[t])}if(n&&s!==void 0)return s;const i=this.getBaseTargetFromProps(this.props,t);return i!==void 0&&!R(i)?i:this.initialValues[t]!==void 0&&s===void 0?void 0:this.baseTarget[t]}on(t,n){return this.events[t]||(this.events[t]=new gn),this.events[t].add(n)}notify(t,...n){this.events[t]&&this.events[t].notify(...n)}scheduleRenderMicrotask(){Er.render(this.render)}}class bs extends Io{constructor(){super(...arguments),this.KeyframeResolver=Dr}sortInstanceNodePosition(t,n){return t.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(t,n){return t.style?t.style[n]:void 0}removeValueFromRenderState(t,{vars:n,style:s}){delete n[t],delete s[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;R(t)&&(this.childSubscription=t.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function Ts(e,{style:t,vars:n},s,i){const r=e.style;let o;for(o in t)r[o]=t[o];i==null||i.applyProjectionStyles(r,s);for(o in n)r.setProperty(o,n[o])}function ko(e){return window.getComputedStyle(e)}class Eo extends bs{constructor(){super(...arguments),this.type="html",this.renderInstance=Ts}readValueFromInstance(t,n){var s;if(oe.has(n))return(s=this.projection)!=null&&s.isProjecting?Xe(n):qi(t,n);{const i=ko(t),r=(Dn(n)?i.getPropertyValue(n):i[n])||0;return typeof r=="string"?r.trim():r}}measureInstanceViewportBox(t,{transformPagePoint:n}){return Fo(t,n)}build(t,n,s){Vt(t,n,s.transformTemplate)}scrapeMotionValuesFromProps(t,n,s){return Pt(t,n,s)}}const vs=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 Lo(e,t,n,s){Ts(e,t,void 0,s);for(const i in t.attrs)e.setAttribute(vs.has(i)?i:Ft(i),t.attrs[i])}class No extends bs{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=gs}getBaseTargetFromProps(t,n){return t[n]}readValueFromInstance(t,n){if(oe.has(n)){const s=Jn(n);return s&&s.default||0}return n=vs.has(n)?n:Ft(n),t.getAttribute(n)}scrapeMotionValuesFromProps(t,n,s){return ds(t,n,s)}build(t,n,s){us(t,n,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(t,n,s,i){Lo(t,n,s,i)}mount(t){this.isSVGTag=ls(t.tagName),super.mount(t)}}const Bo=(e,t)=>Mt(e)?new No(t):new Eo(t,{allowProjection:e!==y.Fragment});function ee(e,t,n){const s=e.getProps();return Ct(s,t,n!==void 0?n:s.custom,e)}const it=e=>Array.isArray(e);function Ko(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,Pe(n))}function jo(e){return it(e)?e[e.length-1]||0:e}function Wo(e,t){const n=ee(e,t);let{transitionEnd:s={},transition:i={},...r}=n||{};r={...r,...s};for(const o in r){const a=jo(r[o]);Ko(e,o,a)}}function $o(e){return!!(R(e)&&e.add)}function _o(e,t){const n=e.getValue("willChange");if($o(n))return n.add(t);if(!n&&K.WillChange){const s=new K.WillChange("auto");e.addValue("willChange",s),s.add(t)}}function Go(e){return e.props[ps]}const zo=e=>e!==null;function Ho(e,{repeat:t,repeatType:n="loop"},s){const i=e.filter(zo),r=t&&n!=="loop"&&t%2===1?0:i.length-1;return i[r]}const Uo={type:"spring",stiffness:500,damping:25,restSpeed:10},qo=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),Yo={type:"keyframes",duration:.8},Xo={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Zo=(e,{keyframes:t})=>t.length>2?Yo:oe.has(e)?e.startsWith("scale")?qo(t[1]):Uo:Xo;function Jo({when:e,delay:t,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:r,repeatType:o,repeatDelay:a,from:c,elapsed:l,...u}){return!!Object.keys(u).length}const Qo=(e,t,n,s={},i,r)=>o=>{const a=qn(s,e)||{},c=a.delay||s.delay||0;let{elapsed:l=0}=s;l=l-N(c);const u={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:t.getVelocity(),...a,delay:-l,onUpdate:d=>{t.set(d),a.onUpdate&&a.onUpdate(d)},onComplete:()=>{o(),a.onComplete&&a.onComplete()},name:e,motionValue:t,element:r?void 0:i};Jo(a)||Object.assign(u,Zo(e,u)),u.duration&&(u.duration=N(u.duration)),u.repeatDelay&&(u.repeatDelay=N(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let f=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(tt(u),u.delay===0&&(f=!0)),(K.instantAnimations||K.skipAnimations)&&(f=!0,tt(u),u.delay=0),u.allowFlatten=!a.type&&!a.ease,f&&!r&&t.get()!==void 0){const d=Ho(u.keyframes,a);if(d!==void 0){L.update(()=>{u.onUpdate(d),u.onComplete()});return}}return a.isSync?new bt(u):new yr(u)};function ea({protectedKeys:e,needsAnimating:t},n){const s=e.hasOwnProperty(n)&&t[n]!==!0;return t[n]=!1,s}function ws(e,t,{delay:n=0,transitionOverride:s,type:i}={}){let{transition:r=e.getDefaultTransition(),transitionEnd:o,...a}=t;s&&(r=s);const c=[],l=i&&e.animationState&&e.animationState.getState()[i];for(const u in a){const f=e.getValue(u,e.latestValues[u]??null),d=a[u];if(d===void 0||l&&ea(l,u))continue;const h={delay:n,...qn(r||{},u)},b=f.get();if(b!==void 0&&!f.isAnimating&&!Array.isArray(d)&&d===b&&!h.velocity)continue;let T=!1;if(window.MotionHandoffAnimation){const p=Go(e);if(p){const S=window.MotionHandoffAnimation(p,u,L);S!==null&&(h.startTime=S,T=!0)}}_o(e,u),f.start(Qo(u,f,d,e.shouldReduceMotion&&Yn.has(u)?{type:!1}:h,e,T));const w=f.animation;w&&c.push(w)}return o&&Promise.all(c).then(()=>{L.update(()=>{o&&Wo(e,o)})}),c}function xs(e,t,n,s=0,i=1){const r=Array.from(e).sort((l,u)=>l.sortNodePosition(u)).indexOf(t),o=e.size,a=(o-1)*s;return typeof n=="function"?n(r,o):i===1?r*s:a-r*s}function rt(e,t,n={}){var c;const s=ee(e,t,n.type==="exit"?(c=e.presenceContext)==null?void 0:c.custom:void 0);let{transition:i=e.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(i=n.transitionOverride);const r=s?()=>Promise.all(ws(e,s,n)):()=>Promise.resolve(),o=e.variantChildren&&e.variantChildren.size?(l=0)=>{const{delayChildren:u=0,staggerChildren:f,staggerDirection:d}=i;return ta(e,t,l,u,f,d,n)}:()=>Promise.resolve(),{when:a}=i;if(a){const[l,u]=a==="beforeChildren"?[r,o]:[o,r];return l().then(()=>u())}else return Promise.all([r(),o(n.delay)])}function ta(e,t,n=0,s=0,i=0,r=1,o){const a=[];for(const c of e.variantChildren)c.notify("AnimationStart",t),a.push(rt(c,t,{...o,delay:n+(typeof s=="function"?0:s)+xs(e.variantChildren,c,s,i,r)}).then(()=>c.notify("AnimationComplete",t)));return Promise.all(a)}function na(e,t,n={}){e.notify("AnimationStart",t);let s;if(Array.isArray(t)){const i=t.map(r=>rt(e,r,n));s=Promise.all(i)}else if(typeof t=="string")s=rt(e,t,n);else{const i=typeof t=="function"?ee(e,t,n.custom):t;s=Promise.all(ws(e,i,n))}return s.then(()=>{e.notify("AnimationComplete",t)})}function Ss(e,t){if(!Array.isArray(t))return!1;const n=t.length;if(n!==e.length)return!1;for(let s=0;s<n;s++)if(t[s]!==e[s])return!1;return!0}const sa=St.length;function Vs(e){if(!e)return;if(!e.isControllingVariants){const n=e.parent?Vs(e.parent)||{}:{};return e.props.initial!==void 0&&(n.initial=e.props.initial),n}const t={};for(let n=0;n<sa;n++){const s=St[n],i=e.props[s];(de(i)||i===!1)&&(t[s]=i)}return t}const ia=[...xt].reverse(),ra=xt.length;function oa(e){return t=>Promise.all(t.map(({animation:n,options:s})=>na(e,n,s)))}function aa(e){let t=oa(e),n=an(),s=!0;const i=c=>(l,u)=>{var d;const f=ee(e,u,c==="exit"?(d=e.presenceContext)==null?void 0:d.custom:void 0);if(f){const{transition:h,transitionEnd:b,...T}=f;l={...l,...T,...b}}return l};function r(c){t=c(e)}function o(c){const{props:l}=e,u=Vs(e.parent)||{},f=[],d=new Set;let h={},b=1/0;for(let w=0;w<ra;w++){const p=ia[w],S=n[p],g=l[p]!==void 0?l[p]:u[p],A=de(g),v=p===c?S.isActive:null;v===!1&&(b=w);let V=g===u[p]&&g!==l[p]&&A;if(V&&s&&e.manuallyAnimateOnMount&&(V=!1),S.protectedKeys={...h},!S.isActive&&v===null||!g&&!S.prevProp||Ie(g)||typeof g=="boolean")continue;const P=ua(S.prevProp,g);let x=P||p===c&&S.isActive&&!V&&A||w>b&&A,O=!1;const I=Array.isArray(g)?g:[g];let Y=I.reduce(i(p),{});v===!1&&(Y={});const{prevResolvedValues:Dt={}}=S,Is={...Dt,...Y},Rt=D=>{x=!0,d.has(D)&&(O=!0,d.delete(D)),S.needsAnimating[D]=!0;const k=e.getValue(D);k&&(k.liveStyle=!1)};for(const D in Is){const k=Y[D],W=Dt[D];if(h.hasOwnProperty(D))continue;let X=!1;it(k)&&it(W)?X=!Ss(k,W):X=k!==W,X?k!=null?Rt(D):d.add(D):k!==void 0&&d.has(D)?Rt(D):S.protectedKeys[D]=!0}S.prevProp=g,S.prevResolvedValues=Y,S.isActive&&(h={...h,...Y}),s&&e.blockInitialAnimation&&(x=!1);const Ot=V&&P;x&&(!Ot||O)&&f.push(...I.map(D=>{const k={type:p};if(typeof D=="string"&&s&&!Ot&&e.manuallyAnimateOnMount&&e.parent){const{parent:W}=e,X=ee(W,D);if(W.enteringChildren&&X){const{delayChildren:ks}=X.transition||{};k.delay=xs(W.enteringChildren,e,ks)}}return{animation:D,options:k}}))}if(d.size){const w={};if(typeof l.initial!="boolean"){const p=ee(e,Array.isArray(l.initial)?l.initial[0]:l.initial);p&&p.transition&&(w.transition=p.transition)}d.forEach(p=>{const S=e.getBaseTarget(p),g=e.getValue(p);g&&(g.liveStyle=!0),w[p]=S??null}),f.push({animation:w})}let T=!!f.length;return s&&(l.initial===!1||l.initial===l.animate)&&!e.manuallyAnimateOnMount&&(T=!1),s=!1,T?t(f):Promise.resolve()}function a(c,l){var f;if(n[c].isActive===l)return Promise.resolve();(f=e.variantChildren)==null||f.forEach(d=>{var h;return(h=d.animationState)==null?void 0:h.setActive(c,l)}),n[c].isActive=l;const u=o(c);for(const d in n)n[d].protectedKeys={};return u}return{animateChanges:o,setActive:a,setAnimateFunction:r,getState:()=>n,reset:()=>{n=an(),s=!0}}}function ua(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!Ss(t,e):!1}function $(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function an(){return{animate:$(!0),whileInView:$(),whileHover:$(),whileTap:$(),whileDrag:$(),whileFocus:$(),exit:$()}}class ae{constructor(t){this.isMounted=!1,this.node=t}update(){}}class ca extends ae{constructor(t){super(t),t.animationState||(t.animationState=aa(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();Ie(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){var t;this.node.animationState.reset(),(t=this.unmountControls)==null||t.call(this)}}let la=0;class fa extends ae{constructor(){super(...arguments),this.id=la++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===s)return;const i=this.node.animationState.setActive("exit",!t);n&&!t&&i.then(()=>{n(this.id)})}mount(){const{register:t,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),t&&(this.unmount=t(this.id))}unmount(){}}const da={animation:{Feature:ca},exit:{Feature:fa}};function un(e,t,n,s={passive:!0}){return e.addEventListener(t,n,s),()=>e.removeEventListener(t,n)}function As(e){return{point:{x:e.pageX,y:e.pageY}}}function cn(e,t,n){const{props:s}=e;e.animationState&&s.whileHover&&e.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,r=s[i];r&&L.postRender(()=>r(t,As(t)))}class ha extends ae{mount(){const{current:t}=this.node;t&&(this.unmount=Br(t,(n,s)=>(cn(this.node,s,"Start"),i=>cn(this.node,i,"End"))))}unmount(){}}class pa extends ae{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!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=De(un(this.node.current,"focus",()=>this.onFocus()),un(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function ln(e,t,n){const{props:s}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&s.whileTap&&e.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),r=s[i];r&&L.postRender(()=>r(t,As(t)))}class ma extends ae{mount(){const{current:t}=this.node;t&&(this.unmount=_r(t,(n,s)=>(ln(this.node,s,"Start"),(i,{success:r})=>ln(this.node,i,r?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const ot=new WeakMap,We=new WeakMap,ga=e=>{const t=ot.get(e.target);t&&t(e)},ya=e=>{e.forEach(ga)};function ba({root:e,...t}){const n=e||document;We.has(n)||We.set(n,{});const s=We.get(n),i=JSON.stringify(t);return s[i]||(s[i]=new IntersectionObserver(ya,{root:e,...t})),s[i]}function Ta(e,t,n){const s=ba(t);return ot.set(e,n),s.observe(e),()=>{ot.delete(e),s.unobserve(e)}}const va={some:0,all:1};class wa extends ae{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:r}=t,o={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:va[i]},a=c=>{const{isIntersecting:l}=c;if(this.isInView===l||(this.isInView=l,r&&!l&&this.hasEnteredView))return;l&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",l);const{onViewportEnter:u,onViewportLeave:f}=this.node.getProps(),d=l?u:f;d&&d(c)};return Ta(this.node.current,o,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(xa(t,n))&&this.startObserver()}unmount(){}}function xa({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const Sa={inView:{Feature:wa},tap:{Feature:ma},focus:{Feature:pa},hover:{Feature:ha}},Va={renderer:Bo,...da,...Sa};function Aa(e,t){return So(e,t)}const fn=Aa("span"),Ma={Root:{0:{h:"5"},1:{h:"6"},2:{h:"8"}}},Ms={Root:{0:"1",1:"1_5",2:"2"},Text:{0:"1",1:"1_5",2:"2"}},ge={Root:{solid:{default:"gray-12",accent:"accent-9",gray:"gray-9",red:"red-9",blue:"blue-9",green:"green-9",yellow:"yellow-9",purple:"purple-9"},soft:{default:"gray-3",accent:"accent-3",gray:"gray-3",red:"red-3",blue:"blue-3",green:"green-3",yellow:"yellow-3",purple:"purple-3"}},Icon:{solid:{default:"white",gray:"white",red:"white",accent:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Text:{solid:{default:"white",gray:"white",accent:"white",red:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Button:{solid:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"},soft:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}}},ye=y.createContext({size:"1",color:"default",variant:"soft"}),Cs=({as:e="span",size:t="1",color:n="default",variant:s="soft",className:i,...r})=>F.jsx(ye.Provider,{value:{size:t,color:n,variant:s},children:F.jsx(Ls.Stack,{as:e,align:"center",rounded:"1",display:"inline-flex",pl:Ms.Root[t],backgroundColor:ge.Root[s][n],h:Ma.Root[t].h,className:Ks.clsx("tgph-tag",i),...r,"data-tag":!0})}),Ps=({as:e="span",maxW:t="40",overflow:n="hidden",style:s,...i})=>{const r=y.useContext(ye);return F.jsx(Bs.Text,{as:e,size:r.size,color:ge.Text[r.variant][r.color],weight:"medium",mr:Ms.Text[r.size],maxW:t,overflow:n,internal_optionalAs:!0,style:{whiteSpace:"nowrap",textOverflow:"ellipsis",...s},...i})},Fs=({onClick:e,textToCopy:t,...n})=>{const s=y.useContext(ye),[i,r]=y.useState(!1);return y.useEffect(()=>{if(i){const o=setTimeout(()=>r(!1),2e3);return()=>clearTimeout(o)}},[i]),F.jsx(Hr,{features:Va,children:F.jsx(Ns.Tooltip,{label:"Copy text",children:F.jsxs(ve.Button.Root,{onClick:o=>{var a;e==null||e(o),r(!0),t&&navigator.clipboard.writeText(t),(a=o.currentTarget)==null||a.blur()},size:s.size,color:ge.Button[s.variant][s.color],variant:s.variant,roundedTopRight:"1",roundedBottomRight:"1",roundedTopLeft:"0",roundedBottomLeft:"0",position:"relative",overflow:"hidden",p:"2",...n,children:[F.jsx(ve.Button.Icon,{as:fn,initial:!1,animate:{y:i?0:"150%",opacity:1},transition:{duration:.15,type:"spring",bounce:0},icon:Se.Check,alt:"Copied text","aria-hidden":!i}),F.jsx(ve.Button.Icon,{as:fn,initial:!1,animate:{y:i?"-150%":0,opacity:1},transition:{duration:.15,type:"spring",bounce:0},icon:Se.Copy,position:"absolute",alt:"Copy text","aria-hidden":i})]})})})},Ds=({...e})=>{const t=y.useContext(ye);return F.jsx(ve.Button,{size:t.size,color:ge.Button[t.variant][t.color],variant:t.variant,icon:{icon:Se.X,alt:"close"},roundedTopRight:"1",roundedBottomRight:"1",roundedTopLeft:"0",roundedBottomLeft:"0",...e})},Rs=({icon:e,alt:t,"aria-hidden":n,...s})=>{const i=y.useContext(ye),r=t?{alt:t}:{"aria-hidden":n};return F.jsx(Es.Icon,{icon:e,size:i.size,color:ge.Icon[i.variant][i.color],mr:"1",...r,...s})},Os=({color:e="default",size:t="1",variant:n="soft",icon:s,onRemove:i,onCopy:r,textToCopy:o,textProps:a={maxW:"40"},children:c,...l})=>F.jsxs(Cs,{color:e,size:t,variant:n,...l,children:[s&&F.jsx(Rs,{...s}),F.jsx(Ps,{as:"span",...a,children:c}),i&&F.jsx(Ds,{onClick:i,icon:{icon:Se.X,alt:"Remove"}}),r&&F.jsx(Fs,{onClick:r,textToCopy:o})]});Object.assign(Os,{Root:Cs,Button:Ds,Text:Ps,Icon:Rs,CopyButton:Fs});const Ca=Os;exports.Tag=Ca;
2
2
  //# sourceMappingURL=index.js.map