ymy-components 0.0.61 → 0.0.64

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),w=require("react"),Pr=require("react-dom"),N=require("styled-components"),Et=require("@reduxjs/toolkit"),Tr=e=>e&&e.__esModule?e:{default:e};function Er(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const V=Er(w),_=Tr(N);var It=De(),P=e=>Ce(e,It),At=De();P.write=e=>Ce(e,At);var et=De();P.onStart=e=>Ce(e,et);var Rt=De();P.onFrame=e=>Ce(e,Rt);var Ot=De();P.onFinish=e=>Ce(e,Ot);var ae=[];P.setTimeout=(e,t)=>{const n=P.now()+t,r=()=>{const s=ae.findIndex(o=>o.cancel==r);~s&&ae.splice(s,1),Z-=~s?1:0},i={time:n,handler:e,cancel:r};return ae.splice(An(n),0,i),Z+=1,Rn(),i};var An=e=>~(~ae.findIndex(t=>t.time>e)||~ae.length);P.cancel=e=>{et.delete(e),Rt.delete(e),Ot.delete(e),It.delete(e),At.delete(e)};P.sync=e=>{yt=!0,P.batchedUpdates(e),yt=!1};P.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function r(...i){t=i,P.onStart(n)}return r.handler=e,r.cancel=()=>{et.delete(n),t=null},r};var jt=typeof window<"u"?window.requestAnimationFrame:()=>{};P.use=e=>jt=e;P.now=typeof performance<"u"?()=>performance.now():Date.now;P.batchedUpdates=e=>e();P.catch=console.error;P.frameLoop="always";P.advance=()=>{P.frameLoop!=="demand"?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):jn()};var X=-1,Z=0,yt=!1;function Ce(e,t){yt?(t.delete(e),e(0)):(t.add(e),Rn())}function Rn(){X<0&&(X=0,P.frameLoop!=="demand"&&jt(On))}function Ir(){X=-1}function On(){~X&&(jt(On),P.batchedUpdates(jn))}function jn(){const e=X;X=P.now();const t=An(X);if(t&&($n(ae.splice(0,t),n=>n.handler()),Z-=t),!Z){Ir();return}et.flush(),It.flush(e?Math.min(64,X-e):16.667),Rt.flush(),At.flush(),Ot.flush()}function De(){let e=new Set,t=e;return{add(n){Z+=t==e&&!e.has(n)?1:0,e.add(n)},delete(n){return Z-=t==e&&e.has(n)?1:0,e.delete(n)},flush(n){t.size&&(e=new Set,Z-=t.size,$n(t,r=>r(n)&&e.add(r)),Z+=e.size,t=e)}}}function $n(e,t){e.forEach(n=>{try{t(n)}catch(r){P.catch(r)}})}var Ar=Object.defineProperty,Rr=(e,t)=>{for(var n in t)Ar(e,n,{get:t[n],enumerable:!0})},G={};Rr(G,{assign:()=>jr,colors:()=>J,createStringInterpolator:()=>Ct,skipAnimation:()=>Dn,to:()=>Cn,willAdvance:()=>Dt});function vt(){}var Or=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),p={arr:Array.isArray,obj:e=>!!e&&e.constructor.name==="Object",fun:e=>typeof e=="function",str:e=>typeof e=="string",num:e=>typeof e=="number",und:e=>e===void 0};function Q(e,t){if(p.arr(e)){if(!p.arr(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}return e===t}var E=(e,t)=>e.forEach(t);function q(e,t,n){if(p.arr(e)){for(let r=0;r<e.length;r++)t.call(n,e[r],`${r}`);return}for(const r in e)e.hasOwnProperty(r)&&t.call(n,e[r],r)}var L=e=>p.und(e)?[]:p.arr(e)?e:[e];function be(e,t){if(e.size){const n=Array.from(e);e.clear(),E(n,t)}}var ve=(e,...t)=>be(e,n=>n(...t)),$t=()=>typeof window>"u"||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent),Ct,Cn,J=null,Dn=!1,Dt=vt,jr=e=>{e.to&&(Cn=e.to),e.now&&(P.now=e.now),e.colors!==void 0&&(J=e.colors),e.skipAnimation!=null&&(Dn=e.skipAnimation),e.createStringInterpolator&&(Ct=e.createStringInterpolator),e.requestAnimationFrame&&P.use(e.requestAnimationFrame),e.batchedUpdates&&(P.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Dt=e.willAdvance),e.frameLoop&&(P.frameLoop=e.frameLoop)},we=new Set,F=[],ut=[],qe=0,tt={get idle(){return!we.size&&!F.length},start(e){qe>e.priority?(we.add(e),P.onStart($r)):(Ln(e),P(bt))},advance:bt,sort(e){if(qe)P.onFrame(()=>tt.sort(e));else{const t=F.indexOf(e);~t&&(F.splice(t,1),Nn(e))}},clear(){F=[],we.clear()}};function $r(){we.forEach(Ln),we.clear(),P(bt)}function Ln(e){F.includes(e)||Nn(e)}function Nn(e){F.splice(Cr(F,t=>t.priority>e.priority),0,e)}function bt(e){const t=ut;for(let n=0;n<F.length;n++){const r=F[n];qe=r.priority,r.idle||(Dt(r),r.advance(e),r.idle||t.push(r))}return qe=0,ut=F,ut.length=0,F=t,F.length>0}function Cr(e,t){const n=e.findIndex(t);return n<0?e.length:n}var Dr={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199},U="[-+]?\\d*\\.?\\d+",Qe=U+"%";function nt(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}var Lr=new RegExp("rgb"+nt(U,U,U)),Nr=new RegExp("rgba"+nt(U,U,U,U)),Vr=new RegExp("hsl"+nt(U,Qe,Qe)),zr=new RegExp("hsla"+nt(U,Qe,Qe,U)),Mr=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Fr=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Br=/^#([0-9a-fA-F]{6})$/,Ur=/^#([0-9a-fA-F]{8})$/;function Gr(e){let t;return typeof e=="number"?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Br.exec(e))?parseInt(t[1]+"ff",16)>>>0:J&&J[e]!==void 0?J[e]:(t=Lr.exec(e))?(se(t[1])<<24|se(t[2])<<16|se(t[3])<<8|255)>>>0:(t=Nr.exec(e))?(se(t[1])<<24|se(t[2])<<16|se(t[3])<<8|Qt(t[4]))>>>0:(t=Mr.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=Ur.exec(e))?parseInt(t[1],16)>>>0:(t=Fr.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Vr.exec(e))?(Ht(qt(t[1]),Fe(t[2]),Fe(t[3]))|255)>>>0:(t=zr.exec(e))?(Ht(qt(t[1]),Fe(t[2]),Fe(t[3]))|Qt(t[4]))>>>0:null}function lt(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 Ht(e,t,n){const r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,s=lt(i,r,e+1/3),o=lt(i,r,e),a=lt(i,r,e-1/3);return Math.round(s*255)<<24|Math.round(o*255)<<16|Math.round(a*255)<<8}function se(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function qt(e){return(parseFloat(e)%360+360)%360/360}function Qt(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(t*255)}function Fe(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function Wt(e){let t=Gr(e);if(t===null)return e;t=t||0;const n=(t&4278190080)>>>24,r=(t&16711680)>>>16,i=(t&65280)>>>8,s=(t&255)/255;return`rgba(${n}, ${r}, ${i}, ${s})`}var Se=(e,t,n)=>{if(p.fun(e))return e;if(p.arr(e))return Se({range:e,output:t,extrapolate:n});if(p.str(e.output[0]))return Ct(e);const r=e,i=r.output,s=r.range||[0,1],o=r.extrapolateLeft||r.extrapolate||"extend",a=r.extrapolateRight||r.extrapolate||"extend",l=r.easing||(c=>c);return c=>{const u=qr(c,s);return Hr(c,s[u],s[u+1],i[u],i[u+1],l,o,a,r.map)}};function Hr(e,t,n,r,i,s,o,a,l){let c=l?l(e):e;if(c<t){if(o==="identity")return c;o==="clamp"&&(c=t)}if(c>n){if(a==="identity")return c;a==="clamp"&&(c=n)}return r===i?r:t===n?e<=t?r:i:(t===-1/0?c=-c:n===1/0?c=c-t:c=(c-t)/(n-t),c=s(c),r===-1/0?c=-c:i===1/0?c=c+r:c=c*(i-r)+r,c)}function qr(e,t){for(var n=1;n<t.length-1&&!(t[n]>=e);++n);return n-1}var Qr={linear:e=>e},ke=Symbol.for("FluidValue.get"),ue=Symbol.for("FluidValue.observers"),z=e=>!!(e&&e[ke]),C=e=>e&&e[ke]?e[ke]():e,Yt=e=>e[ue]||null;function Wr(e,t){e.eventObserved?e.eventObserved(t):e(t)}function Pe(e,t){const n=e[ue];n&&n.forEach(r=>{Wr(r,t)})}var Vn=class{constructor(e){if(!e&&!(e=this.get))throw Error("Unknown getter");Yr(this,e)}},Yr=(e,t)=>zn(e,ke,t);function de(e,t){if(e[ke]){let n=e[ue];n||zn(e,ue,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function Te(e,t){const n=e[ue];if(n&&n.has(t)){const r=n.size-1;r?n.delete(t):e[ue]=null,e.observerRemoved&&e.observerRemoved(r,t)}}var zn=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Ue=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Kr=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Kt=new RegExp(`(${Ue.source})(%|[a-z]+)`,"i"),Xr=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,rt=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Mn=e=>{const[t,n]=Zr(e);if(!t||$t())return e;const r=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(r)return r.trim();if(n&&n.startsWith("--")){const i=window.getComputedStyle(document.documentElement).getPropertyValue(n);return i||e}else{if(n&&rt.test(n))return Mn(n);if(n)return n}return e},Zr=e=>{const t=rt.exec(e);if(!t)return[,];const[,n,r]=t;return[n,r]},dt,Jr=(e,t,n,r,i)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(r)}, ${i})`,Fn=e=>{dt||(dt=J?new RegExp(`(${Object.keys(J).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map(s=>C(s).replace(rt,Mn).replace(Kr,Wt).replace(dt,Wt)),n=t.map(s=>s.match(Ue).map(Number)),i=n[0].map((s,o)=>n.map(a=>{if(!(o in a))throw Error('The arity of each "output" value must be equal');return a[o]})).map(s=>Se({...e,output:s}));return s=>{var l;const o=!Kt.test(t[0])&&((l=t.find(c=>Kt.test(c)))==null?void 0:l.replace(Ue,""));let a=0;return t[0].replace(Ue,()=>`${i[a++](s)}${o||""}`).replace(Xr,Jr)}},Lt="react-spring: ",Bn=e=>{const t=e;let n=!1;if(typeof t!="function")throw new TypeError(`${Lt}once requires a function parameter`);return(...r)=>{n||(t(...r),n=!0)}},ei=Bn(console.warn);function ti(){ei(`${Lt}The "interpolate" function is deprecated in v9 (use "to" instead)`)}var ni=Bn(console.warn);function ri(){ni(`${Lt}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`)}function it(e){return p.str(e)&&(e[0]=="#"||/\d/.test(e)||!$t()&&rt.test(e)||e in(J||{}))}var Nt=$t()?w.useEffect:w.useLayoutEffect,ii=()=>{const e=w.useRef(!1);return Nt(()=>(e.current=!0,()=>{e.current=!1}),[]),e};function Un(){const e=w.useState()[1],t=ii();return()=>{t.current&&e(Math.random())}}function si(e,t){const[n]=w.useState(()=>({inputs:t,result:e()})),r=w.useRef(),i=r.current;let s=i;return s?t&&s.inputs&&oi(t,s.inputs)||(s={inputs:t,result:e()}):s=n,w.useEffect(()=>{r.current=s,i==n&&(n.inputs=n.result=void 0)},[s]),s.result}function oi(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}var Gn=e=>w.useEffect(e,ai),ai=[];function Xt(e){const t=w.useRef();return w.useEffect(()=>{t.current=e}),t.current}var Ee=Symbol.for("Animated:node"),ci=e=>!!e&&e[Ee]===e,H=e=>e&&e[Ee],Vt=(e,t)=>Or(e,Ee,t),st=e=>e&&e[Ee]&&e[Ee].getPayload(),Hn=class{constructor(){Vt(this,this)}getPayload(){return this.payload||[]}},Le=class extends Hn{constructor(e){super(),this._value=e,this.done=!0,this.durationProgress=0,p.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new Le(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return p.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value===e?!1:(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,p.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}},Ie=class extends Le{constructor(e){super(0),this._string=null,this._toString=Se({output:[e,e]})}static create(e){return new Ie(e)}getValue(){const e=this._string;return e??(this._string=this._toString(this._value))}setValue(e){if(p.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else if(super.setValue(e))this._string=null;else return!1;return!0}reset(e){e&&(this._toString=Se({output:[this.getValue(),e]})),this._value=0,super.reset()}},We={dependencies:null},ot=class extends Hn{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return q(this.source,(n,r)=>{ci(n)?t[r]=n.getValue(e):z(n)?t[r]=C(n):e||(t[r]=n)}),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&E(this.payload,e=>e.reset())}_makePayload(e){if(e){const t=new Set;return q(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){We.dependencies&&z(e)&&We.dependencies.add(e);const t=st(e);t&&E(t,n=>this.add(n))}},qn=class extends ot{constructor(e){super(e)}static create(e){return new qn(e)}getValue(){return this.source.map(e=>e.getValue())}setValue(e){const t=this.getPayload();return e.length==t.length?t.map((n,r)=>n.setValue(e[r])).some(Boolean):(super.setValue(e.map(ui)),!0)}};function ui(e){return(it(e)?Ie:Le).create(e)}function wt(e){const t=H(e);return t?t.constructor:p.arr(e)?qn:it(e)?Ie:Le}var Zt=(e,t)=>{const n=!p.fun(e)||e.prototype&&e.prototype.isReactComponent;return w.forwardRef((r,i)=>{const s=w.useRef(null),o=n&&w.useCallback(y=>{s.current=fi(i,y)},[i]),[a,l]=di(r,t),c=Un(),u=()=>{const y=s.current;if(n&&!y)return;(y?t.applyAnimatedValues(y,a.getValue(!0)):!1)===!1&&c()},d=new li(u,l),f=w.useRef();Nt(()=>(f.current=d,E(l,y=>de(y,d)),()=>{f.current&&(E(f.current.deps,y=>Te(y,f.current)),P.cancel(f.current.update))})),w.useEffect(u,[]),Gn(()=>()=>{const y=f.current;E(y.deps,m=>Te(m,y))});const g=t.getComponentProps(a.getValue());return V.createElement(e,{...g,ref:o})})},li=class{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){e.type=="change"&&P.write(this.update)}};function di(e,t){const n=new Set;return We.dependencies=n,e.style&&(e={...e,style:t.createAnimatedStyle(e.style)}),e=new ot(e),We.dependencies=null,[e,n]}function fi(e,t){return e&&(p.fun(e)?e(t):e.current=t),t}var Jt=Symbol.for("AnimatedComponent"),hi=(e,{applyAnimatedValues:t=()=>!1,createAnimatedStyle:n=i=>new ot(i),getComponentProps:r=i=>i}={})=>{const i={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:r},s=o=>{const a=en(o)||"Anonymous";return p.str(o)?o=s[o]||(s[o]=Zt(o,i)):o=o[Jt]||(o[Jt]=Zt(o,i)),o.displayName=`Animated(${a})`,o};return q(e,(o,a)=>{p.arr(e)&&(a=en(o)),s[a]=s(o)}),{animated:s}},en=e=>p.str(e)?e:e&&p.str(e.displayName)?e.displayName:p.fun(e)&&e.name||null;function ne(e,...t){return p.fun(e)?e(...t):e}var xe=(e,t)=>e===!0||!!(t&&e&&(p.fun(e)?e(t):L(e).includes(t))),Qn=(e,t)=>p.obj(e)?t&&e[t]:e,Wn=(e,t)=>e.default===!0?e[t]:e.default?e.default[t]:void 0,pi=e=>e,zt=(e,t=pi)=>{let n=mi;e.default&&e.default!==!0&&(e=e.default,n=Object.keys(e));const r={};for(const i of n){const s=t(e[i],i);p.und(s)||(r[i]=s)}return r},mi=["config","onProps","onStart","onChange","onPause","onResume","onRest"],gi={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function yi(e){const t={};let n=0;if(q(e,(r,i)=>{gi[i]||(t[i]=r,n++)}),n)return t}function Yn(e){const t=yi(e);if(t){const n={to:t};return q(e,(r,i)=>i in t||(n[i]=r)),n}return{...e}}function Ae(e){return e=C(e),p.arr(e)?e.map(Ae):it(e)?G.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function vi(e){for(const t in e)return!0;return!1}function xt(e){return p.fun(e)||p.arr(e)&&p.obj(e[0])}function bi(e,t){var n;(n=e.ref)==null||n.delete(e),t==null||t.delete(e)}function wi(e,t){var n;t&&e.ref!==t&&((n=e.ref)==null||n.delete(e),t.add(e),e.ref=t)}var xi={default:{tension:170,friction:26}},_t={...xi.default,mass:1,damping:1,easing:Qr.linear,clamp:!1},_i=class{constructor(){this.velocity=0,Object.assign(this,_t)}};function Si(e,t,n){n&&(n={...n},tn(n,t),t={...n,...t}),tn(e,t),Object.assign(e,t);for(const o in _t)e[o]==null&&(e[o]=_t[o]);let{frequency:r,damping:i}=e;const{mass:s}=e;return p.und(r)||(r<.01&&(r=.01),i<0&&(i=0),e.tension=Math.pow(2*Math.PI/r,2)*s,e.friction=4*Math.PI*i*s/r),e}function tn(e,t){if(!p.und(t.decay))e.duration=void 0;else{const n=!p.und(t.tension)||!p.und(t.friction);(n||!p.und(t.frequency)||!p.und(t.damping)||!p.und(t.mass))&&(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}}var nn=[],ki=class{constructor(){this.changed=!1,this.values=nn,this.toValues=null,this.fromValues=nn,this.config=new _i,this.immediate=!1}};function Kn(e,{key:t,props:n,defaultProps:r,state:i,actions:s}){return new Promise((o,a)=>{let l,c,u=xe(n.cancel??(r==null?void 0:r.cancel),t);if(u)g();else{p.und(n.pause)||(i.paused=xe(n.pause,t));let y=r==null?void 0:r.pause;y!==!0&&(y=i.paused||xe(y,t)),l=ne(n.delay||0,t),y?(i.resumeQueue.add(f),s.pause()):(s.resume(),f())}function d(){i.resumeQueue.add(f),i.timeouts.delete(c),c.cancel(),l=c.time-P.now()}function f(){l>0&&!G.skipAnimation?(i.delayed=!0,c=P.setTimeout(g,l),i.pauseQueue.add(d),i.timeouts.add(c)):g()}function g(){i.delayed&&(i.delayed=!1),i.pauseQueue.delete(d),i.timeouts.delete(c),e<=(i.cancelId||0)&&(u=!0);try{s.start({...n,callId:e,cancel:u},o)}catch(y){a(y)}}})}var Mt=(e,t)=>t.length==1?t[0]:t.some(n=>n.cancelled)?ce(e.get()):t.every(n=>n.noop)?Xn(e.get()):B(e.get(),t.every(n=>n.finished)),Xn=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),B=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),ce=e=>({value:e,cancelled:!0,finished:!1});function Zn(e,t,n,r){const{callId:i,parentId:s,onRest:o}=t,{asyncTo:a,promise:l}=n;return!s&&e===a&&!t.reset?l:n.promise=(async()=>{n.asyncId=i,n.asyncTo=e;const c=zt(t,(v,b)=>b==="onRest"?void 0:v);let u,d;const f=new Promise((v,b)=>(u=v,d=b)),g=v=>{const b=i<=(n.cancelId||0)&&ce(r)||i!==n.asyncId&&B(r,!1);if(b)throw v.result=b,d(v),v},y=(v,b)=>{const S=new rn,x=new sn;return(async()=>{if(G.skipAnimation)throw Re(n),x.result=B(r,!1),d(x),x;g(S);const T=p.obj(v)?{...v}:{...b,to:v};T.parentId=i,q(c,(A,R)=>{p.und(T[R])&&(T[R]=A)});const k=await r.start(T);return g(S),n.paused&&await new Promise(A=>{n.resumeQueue.add(A)}),k})()};let m;if(G.skipAnimation)return Re(n),B(r,!1);try{let v;p.arr(e)?v=(async b=>{for(const S of b)await y(S)})(e):v=Promise.resolve(e(y,r.stop.bind(r))),await Promise.all([v.then(u),f]),m=B(r.get(),!0,!1)}catch(v){if(v instanceof rn)m=v.result;else if(v instanceof sn)m=v.result;else throw v}finally{i==n.asyncId&&(n.asyncId=s,n.asyncTo=s?a:void 0,n.promise=s?l:void 0)}return p.fun(o)&&P.batchedUpdates(()=>{o(m,r,r.item)}),m})()}function Re(e,t){be(e.timeouts,n=>n.cancel()),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}var rn=class extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.")}},sn=class extends Error{constructor(){super("SkipAnimationSignal")}},St=e=>e instanceof Ft,Pi=1,Ft=class extends Vn{constructor(){super(...arguments),this.id=Pi++,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=H(this);return e&&e.getValue()}to(...e){return G.to(this,e)}interpolate(...e){return ti(),G.to(this,e)}toJSON(){return this.get()}observerAdded(e){e==1&&this._attach()}observerRemoved(e){e==0&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Pe(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||tt.sort(this),Pe(this,{type:"priority",parent:this,priority:e})}},re=Symbol.for("SpringPhase"),Jn=1,er=2,tr=4,ft=e=>(e[re]&Jn)>0,K=e=>(e[re]&er)>0,fe=e=>(e[re]&tr)>0,on=(e,t)=>t?e[re]|=er|Jn:e[re]&=-3,an=(e,t)=>t?e[re]|=tr:e[re]&=-5,Ti=class extends Ft{constructor(e,t){if(super(),this.animation=new ki,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!p.und(e)||!p.und(t)){const n=p.obj(e)?{...e}:{...t,from:e};p.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(K(this)||this._state.asyncTo)||fe(this)}get goal(){return C(this.animation.to)}get velocity(){const e=H(this);return e instanceof Le?e.lastVelocity||0:e.getPayload().map(t=>t.lastVelocity||0)}get hasAnimated(){return ft(this)}get isAnimating(){return K(this)}get isPaused(){return fe(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,n=!1;const r=this.animation;let{toValues:i}=r;const{config:s}=r,o=st(r.to);!o&&z(r.to)&&(i=L(C(r.to))),r.values.forEach((c,u)=>{if(c.done)return;const d=c.constructor==Ie?1:o?o[u].lastPosition:i[u];let f=r.immediate,g=d;if(!f){if(g=c.lastPosition,s.tension<=0){c.done=!0;return}let y=c.elapsedTime+=e;const m=r.fromValues[u],v=c.v0!=null?c.v0:c.v0=p.arr(s.velocity)?s.velocity[u]:s.velocity;let b;const S=s.precision||(m==d?.005:Math.min(1,Math.abs(d-m)*.001));if(p.und(s.duration))if(s.decay){const x=s.decay===!0?.998:s.decay,T=Math.exp(-(1-x)*y);g=m+v/(1-x)*(1-T),f=Math.abs(c.lastPosition-g)<=S,b=v*T}else{b=c.lastVelocity==null?v:c.lastVelocity;const x=s.restVelocity||S/10,T=s.clamp?0:s.bounce,k=!p.und(T),A=m==d?c.v0>0:m<d;let R,ie=!1;const O=1,te=Math.ceil(e/O);for(let D=0;D<te&&(R=Math.abs(b)>x,!(!R&&(f=Math.abs(d-g)<=S,f)));++D){k&&(ie=g==d||g>d==A,ie&&(b=-b*T,g=d));const W=-s.tension*1e-6*(g-d),Y=-s.friction*.001*b,kr=(W+Y)/s.mass;b=b+kr*O,g=g+b*O}}else{let x=1;s.duration>0&&(this._memoizedDuration!==s.duration&&(this._memoizedDuration=s.duration,c.durationProgress>0&&(c.elapsedTime=s.duration*c.durationProgress,y=c.elapsedTime+=e)),x=(s.progress||0)+y/this._memoizedDuration,x=x>1?1:x<0?0:x,c.durationProgress=x),g=m+s.easing(x)*(d-m),b=(g-c.lastPosition)/e,f=x==1}c.lastVelocity=b,Number.isNaN(g)&&(console.warn("Got NaN while animating:",this),f=!0)}o&&!o[u].done&&(f=!1),f?c.done=!0:t=!1,c.setValue(g,s.round)&&(n=!0)});const a=H(this),l=a.getValue();if(t){const c=C(r.to);(l!==c||n)&&!s.decay?(a.setValue(c),this._onChange(c)):n&&s.decay&&this._onChange(l),this._stop()}else n&&this._onChange(l)}set(e){return P.batchedUpdates(()=>{this._stop(),this._focus(e),this._set(e)}),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(K(this)){const{to:e,config:t}=this.animation;P.batchedUpdates(()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()})}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let n;return p.und(e)?(n=this.queue||[],this.queue=[]):n=[p.obj(e)?e:{...t,to:e}],Promise.all(n.map(r=>this._update(r))).then(r=>Mt(this,r))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),Re(this._state,e&&this._lastCallId),P.batchedUpdates(()=>this._stop(t,e)),this}reset(){this._update({reset:!0})}eventObserved(e){e.type=="change"?this._start():e.type=="priority"&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:n,from:r}=e;n=p.obj(n)?n[t]:n,(n==null||xt(n))&&(n=void 0),r=p.obj(r)?r[t]:r,r==null&&(r=void 0);const i={to:n,from:r};return ft(this)||(e.reverse&&([n,r]=[r,n]),r=C(r),p.und(r)?H(this)||this._set(n):this._set(r)),i}_update({...e},t){const{key:n,defaultProps:r}=this;e.default&&Object.assign(r,zt(e,(o,a)=>/^on/.test(a)?Qn(o,n):o)),un(this,e,"onProps"),pe(this,"onProps",e,this);const i=this._prepareNode(e);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const s=this._state;return Kn(++this._lastCallId,{key:n,props:e,defaultProps:r,state:s,actions:{pause:()=>{fe(this)||(an(this,!0),ve(s.pauseQueue),pe(this,"onPause",B(this,he(this,this.animation.to)),this))},resume:()=>{fe(this)&&(an(this,!1),K(this)&&this._resume(),ve(s.resumeQueue),pe(this,"onResume",B(this,he(this,this.animation.to)),this))},start:this._merge.bind(this,i)}}).then(o=>{if(e.loop&&o.finished&&!(t&&o.noop)){const a=nr(e);if(a)return this._update(a,!0)}return o})}_merge(e,t,n){if(t.cancel)return this.stop(!0),n(ce(this));const r=!p.und(e.to),i=!p.und(e.from);if(r||i)if(t.callId>this._lastToId)this._lastToId=t.callId;else return n(ce(this));const{key:s,defaultProps:o,animation:a}=this,{to:l,from:c}=a;let{to:u=l,from:d=c}=e;i&&!r&&(!t.default||p.und(u))&&(u=d),t.reverse&&([u,d]=[d,u]);const f=!Q(d,c);f&&(a.from=d),d=C(d);const g=!Q(u,l);g&&this._focus(u);const y=xt(t.to),{config:m}=a,{decay:v,velocity:b}=m;(r||i)&&(m.velocity=0),t.config&&!y&&Si(m,ne(t.config,s),t.config!==o.config?ne(o.config,s):void 0);let S=H(this);if(!S||p.und(u))return n(B(this,!0));const x=p.und(t.reset)?i&&!t.default:!p.und(d)&&xe(t.reset,s),T=x?d:this.get(),k=Ae(u),A=p.num(k)||p.arr(k)||it(k),R=!y&&(!A||xe(o.immediate||t.immediate,s));if(g){const D=wt(u);if(D!==S.constructor)if(R)S=this._set(k);else throw Error(`Cannot animate between ${S.constructor.name} and ${D.name}, as the "to" prop suggests`)}const ie=S.constructor;let O=z(u),te=!1;if(!O){const D=x||!ft(this)&&f;(g||D)&&(te=Q(Ae(T),k),O=!te),(!Q(a.immediate,R)&&!R||!Q(m.decay,v)||!Q(m.velocity,b))&&(O=!0)}if(te&&K(this)&&(a.changed&&!x?O=!0:O||this._stop(l)),!y&&((O||z(l))&&(a.values=S.getPayload(),a.toValues=z(u)?null:ie==Ie?[1]:L(k)),a.immediate!=R&&(a.immediate=R,!R&&!x&&this._set(l)),O)){const{onRest:D}=a;E(Ii,Y=>un(this,t,Y));const W=B(this,he(this,l));ve(this._pendingCalls,W),this._pendingCalls.add(n),a.changed&&P.batchedUpdates(()=>{var Y;a.changed=!x,D==null||D(W,this),x?ne(o.onRest,W):(Y=a.onStart)==null||Y.call(a,W,this)})}x&&this._set(T),y?n(Zn(t.to,t,this._state,this)):O?this._start():K(this)&&!g?this._pendingCalls.add(n):n(Xn(T))}_focus(e){const t=this.animation;e!==t.to&&(Yt(this)&&this._detach(),t.to=e,Yt(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;z(t)&&(de(t,this),St(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;z(e)&&Te(e,this)}_set(e,t=!0){const n=C(e);if(!p.und(n)){const r=H(this);if(!r||!Q(n,r.getValue())){const i=wt(n);!r||r.constructor!=i?Vt(this,i.create(n)):r.setValue(n),r&&P.batchedUpdates(()=>{this._onChange(n,t)})}}return H(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,pe(this,"onStart",B(this,he(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),ne(this.animation.onChange,e,this)),ne(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;H(this).reset(C(e.to)),e.immediate||(e.fromValues=e.values.map(t=>t.lastPosition)),K(this)||(on(this,!0),fe(this)||this._resume())}_resume(){G.skipAnimation?this.finish():tt.start(this)}_stop(e,t){if(K(this)){on(this,!1);const n=this.animation;E(n.values,i=>{i.done=!0}),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Pe(this,{type:"idle",parent:this});const r=t?ce(this.get()):B(this.get(),he(this,e??n.to));ve(this._pendingCalls,r),n.changed&&(n.changed=!1,pe(this,"onRest",r,this))}}};function he(e,t){const n=Ae(t),r=Ae(e.get());return Q(r,n)}function nr(e,t=e.loop,n=e.to){const r=ne(t);if(r){const i=r!==!0&&Yn(r),s=(i||e).reverse,o=!i||i.reset;return Oe({...e,loop:t,default:!1,pause:void 0,to:!s||xt(n)?n:void 0,from:o?e.from:void 0,reset:o,...i})}}function Oe(e){const{to:t,from:n}=e=Yn(e),r=new Set;return p.obj(t)&&cn(t,r),p.obj(n)&&cn(n,r),e.keys=r.size?Array.from(r):null,e}function Ei(e){const t=Oe(e);return p.und(t.default)&&(t.default=zt(t)),t}function cn(e,t){q(e,(n,r)=>n!=null&&t.add(r))}var Ii=["onStart","onRest","onChange","onPause","onResume"];function un(e,t,n){e.animation[n]=t[n]!==Wn(t,n)?Qn(t[n],e.key):void 0}function pe(e,t,...n){var r,i,s,o;(i=(r=e.animation)[t])==null||i.call(r,...n),(o=(s=e.defaultProps)[t])==null||o.call(s,...n)}var Ai=["onStart","onChange","onRest"],Ri=1,Oi=class{constructor(t,n){this.id=Ri++,this.springs={},this.queue=[],this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),n&&(this._flush=n),t&&this.start({default:!0,...t})}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every(t=>t.idle&&!t.isDelayed&&!t.isPaused)}get item(){return this._item}set item(t){this._item=t}get(){const t={};return this.each((n,r)=>t[r]=n.get()),t}set(t){for(const n in t){const r=t[n];p.und(r)||this.springs[n].set(r)}}update(t){return t&&this.queue.push(Oe(t)),this}start(t){let{queue:n}=this;return t?n=L(t).map(Oe):this.queue=[],this._flush?this._flush(this,n):(ar(this,n),kt(this,n))}stop(t,n){if(t!==!!t&&(n=t),n){const r=this.springs;E(L(n),i=>r[i].stop(!!t))}else Re(this._state,this._lastAsyncId),this.each(r=>r.stop(!!t));return this}pause(t){if(p.und(t))this.start({pause:!0});else{const n=this.springs;E(L(t),r=>n[r].pause())}return this}resume(t){if(p.und(t))this.start({pause:!1});else{const n=this.springs;E(L(t),r=>n[r].resume())}return this}each(t){q(this.springs,t)}_onFrame(){const{onStart:t,onChange:n,onRest:r}=this._events,i=this._active.size>0,s=this._changed.size>0;(i&&!this._started||s&&!this._started)&&(this._started=!0,be(t,([l,c])=>{c.value=this.get(),l(c,this,this._item)}));const o=!i&&this._started,a=s||o&&r.size?this.get():null;s&&n.size&&be(n,([l,c])=>{c.value=a,l(c,this,this._item)}),o&&(this._started=!1,be(r,([l,c])=>{c.value=a,l(c,this,this._item)}))}eventObserved(t){if(t.type=="change")this._changed.add(t.parent),t.idle||this._active.add(t.parent);else if(t.type=="idle")this._active.delete(t.parent);else return;P.onFrame(this._onFrame)}};function kt(e,t){return Promise.all(t.map(n=>rr(e,n))).then(n=>Mt(e,n))}async function rr(e,t,n){const{keys:r,to:i,from:s,loop:o,onRest:a,onResolve:l}=t,c=p.obj(t.default)&&t.default;o&&(t.loop=!1),i===!1&&(t.to=null),s===!1&&(t.from=null);const u=p.arr(i)||p.fun(i)?i:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):E(Ai,m=>{const v=t[m];if(p.fun(v)){const b=e._events[m];t[m]=({finished:S,cancelled:x})=>{const T=b.get(v);T?(S||(T.finished=!1),x&&(T.cancelled=!0)):b.set(v,{value:null,finished:S||!1,cancelled:x||!1})},c&&(c[m]=t[m])}});const d=e._state;t.pause===!d.paused?(d.paused=t.pause,ve(t.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(t.pause=!0);const f=(r||Object.keys(e.springs)).map(m=>e.springs[m].start(t)),g=t.cancel===!0||Wn(t,"cancel")===!0;(u||g&&d.asyncId)&&f.push(Kn(++e._lastAsyncId,{props:t,state:d,actions:{pause:vt,resume:vt,start(m,v){g?(Re(d,e._lastAsyncId),v(ce(e))):(m.onRest=a,v(Zn(u,m,d,e)))}}})),d.paused&&await new Promise(m=>{d.resumeQueue.add(m)});const y=Mt(e,await Promise.all(f));if(o&&y.finished&&!(n&&y.noop)){const m=nr(t,o,i);if(m)return ar(e,[m]),rr(e,m,!0)}return l&&P.batchedUpdates(()=>l(y,e,e.item)),y}function ln(e,t){const n={...e.springs};return t&&E(L(t),r=>{p.und(r.keys)&&(r=Oe(r)),p.obj(r.to)||(r={...r,to:void 0}),or(n,r,i=>sr(i))}),ir(e,n),n}function ir(e,t){q(t,(n,r)=>{e.springs[r]||(e.springs[r]=n,de(n,e))})}function sr(e,t){const n=new Ti;return n.key=e,t&&de(n,t),n}function or(e,t,n){t.keys&&E(t.keys,r=>{(e[r]||(e[r]=n(r)))._prepareNode(t)})}function ar(e,t){E(t,n=>{or(e.springs,n,r=>sr(r,e))})}var at=({children:e,...t})=>{const n=w.useContext(Ye),r=t.pause||!!n.pause,i=t.immediate||!!n.immediate;t=si(()=>({pause:r,immediate:i}),[r,i]);const{Provider:s}=Ye;return V.createElement(s,{value:t},e)},Ye=ji(at,{});at.Provider=Ye.Provider;at.Consumer=Ye.Consumer;function ji(e,t){return Object.assign(e,V.createContext(t)),e.Provider._context=e,e.Consumer._context=e,e}var $i=()=>{const e=[],t=function(r){ri();const i=[];return E(e,(s,o)=>{if(p.und(r))i.push(s.start());else{const a=n(r,s,o);a&&i.push(s.start(a))}}),i};t.current=e,t.add=function(r){e.includes(r)||e.push(r)},t.delete=function(r){const i=e.indexOf(r);~i&&e.splice(i,1)},t.pause=function(){return E(e,r=>r.pause(...arguments)),this},t.resume=function(){return E(e,r=>r.resume(...arguments)),this},t.set=function(r){E(e,(i,s)=>{const o=p.fun(r)?r(s,i):r;o&&i.set(o)})},t.start=function(r){const i=[];return E(e,(s,o)=>{if(p.und(r))i.push(s.start());else{const a=this._getProps(r,s,o);a&&i.push(s.start(a))}}),i},t.stop=function(){return E(e,r=>r.stop(...arguments)),this},t.update=function(r){return E(e,(i,s)=>i.update(this._getProps(r,i,s))),this};const n=function(r,i,s){return p.fun(r)?r(s,i):r};return t._getProps=n,t};function Ci(e,t,n){const r=p.fun(t)&&t;r&&!n&&(n=[]);const i=w.useMemo(()=>r||arguments.length==3?$i():void 0,[]),s=w.useRef(0),o=Un(),a=w.useMemo(()=>({ctrls:[],queue:[],flush(b,S){const x=ln(b,S);return s.current>0&&!a.queue.length&&!Object.keys(x).some(k=>!b.springs[k])?kt(b,S):new Promise(k=>{ir(b,x),a.queue.push(()=>{k(kt(b,S))}),o()})}}),[]),l=w.useRef([...a.ctrls]),c=[],u=Xt(e)||0;w.useMemo(()=>{E(l.current.slice(e,u),b=>{bi(b,i),b.stop(!0)}),l.current.length=e,d(u,e)},[e]),w.useMemo(()=>{d(0,Math.min(u,e))},n);function d(b,S){for(let x=b;x<S;x++){const T=l.current[x]||(l.current[x]=new Oi(null,a.flush)),k=r?r(x,T):t[x];k&&(c[x]=Ei(k))}}const f=l.current.map((b,S)=>ln(b,c[S])),g=w.useContext(at),y=Xt(g),m=g!==y&&vi(g);Nt(()=>{s.current++,a.ctrls=l.current;const{queue:b}=a;b.length&&(a.queue=[],E(b,S=>S())),E(l.current,(S,x)=>{i==null||i.add(S),m&&S.start({default:g});const T=c[x];T&&(wi(S,T.ref),S.ref?S.queue.push(T):S.start(T))})}),Gn(()=>()=>{E(a.ctrls,b=>b.stop(!0))});const v=f.map(b=>({...b}));return i?[v,i]:v}function Ne(e,t){const n=p.fun(e),[[r],i]=Ci(1,n?e:[e],n?[]:t);return n||arguments.length==2?[r,i]:r}var Di=class extends Ft{constructor(e,t){super(),this.source=e,this.idle=!0,this._active=new Set,this.calc=Se(...t);const n=this._get(),r=wt(n);Vt(this,r.create(n))}advance(e){const t=this._get(),n=this.get();Q(t,n)||(H(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&dn(this._active)&&ht(this)}_get(){const e=p.arr(this.source)?this.source.map(C):L(C(this.source));return this.calc(...e)}_start(){this.idle&&!dn(this._active)&&(this.idle=!1,E(st(this),e=>{e.done=!1}),G.skipAnimation?(P.batchedUpdates(()=>this.advance()),ht(this)):tt.start(this))}_attach(){let e=1;E(L(this.source),t=>{z(t)&&de(t,this),St(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))}),this.priority=e,this._start()}_detach(){E(L(this.source),e=>{z(e)&&Te(e,this)}),this._active.clear(),ht(this)}eventObserved(e){e.type=="change"?e.idle?this.advance():(this._active.add(e.parent),this._start()):e.type=="idle"?this._active.delete(e.parent):e.type=="priority"&&(this.priority=L(this.source).reduce((t,n)=>Math.max(t,(St(n)?n.priority:0)+1),0))}};function Li(e){return e.idle!==!1}function dn(e){return!e.size||Array.from(e).every(Li)}function ht(e){e.idle||(e.idle=!0,E(st(e),t=>{t.done=!0}),Pe(e,{type:"idle",parent:e}))}G.assign({createStringInterpolator:Fn,to:(e,t)=>new Di(e,t)});var cr=/^--/;function Ni(e,t){return t==null||typeof t=="boolean"||t===""?"":typeof t=="number"&&t!==0&&!cr.test(e)&&!(_e.hasOwnProperty(e)&&_e[e])?t+"px":(""+t).trim()}var fn={};function Vi(e,t){if(!e.nodeType||!e.setAttribute)return!1;const n=e.nodeName==="filter"||e.parentNode&&e.parentNode.nodeName==="filter",{className:r,style:i,children:s,scrollTop:o,scrollLeft:a,viewBox:l,...c}=t,u=Object.values(c),d=Object.keys(c).map(f=>n||e.hasAttribute(f)?f:fn[f]||(fn[f]=f.replace(/([A-Z])/g,g=>"-"+g.toLowerCase())));s!==void 0&&(e.textContent=s);for(const f in i)if(i.hasOwnProperty(f)){const g=Ni(f,i[f]);cr.test(f)?e.style.setProperty(f,g):e.style[f]=g}d.forEach((f,g)=>{e.setAttribute(f,u[g])}),r!==void 0&&(e.className=r),o!==void 0&&(e.scrollTop=o),a!==void 0&&(e.scrollLeft=a),l!==void 0&&e.setAttribute("viewBox",l)}var _e={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},zi=(e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1),Mi=["Webkit","Ms","Moz","O"];_e=Object.keys(_e).reduce((e,t)=>(Mi.forEach(n=>e[zi(n,t)]=e[t]),e),_e);var Fi=/^(matrix|translate|scale|rotate|skew)/,Bi=/^(translate)/,Ui=/^(rotate|skew)/,pt=(e,t)=>p.num(e)&&e!==0?e+t:e,Ge=(e,t)=>p.arr(e)?e.every(n=>Ge(n,t)):p.num(e)?e===t:parseFloat(e)===t,Gi=class extends ot{constructor({x:e,y:t,z:n,...r}){const i=[],s=[];(e||t||n)&&(i.push([e||0,t||0,n||0]),s.push(o=>[`translate3d(${o.map(a=>pt(a,"px")).join(",")})`,Ge(o,0)])),q(r,(o,a)=>{if(a==="transform")i.push([o||""]),s.push(l=>[l,l===""]);else if(Fi.test(a)){if(delete r[a],p.und(o))return;const l=Bi.test(a)?"px":Ui.test(a)?"deg":"";i.push(L(o)),s.push(a==="rotate3d"?([c,u,d,f])=>[`rotate3d(${c},${u},${d},${pt(f,l)})`,Ge(f,0)]:c=>[`${a}(${c.map(u=>pt(u,l)).join(",")})`,Ge(c,a.startsWith("scale")?1:0)])}}),i.length&&(r.transform=new Hi(i,s)),super(r)}},Hi=class extends Vn{constructor(e,t){super(),this.inputs=e,this.transforms=t,this._value=null}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return E(this.inputs,(n,r)=>{const i=C(n[0]),[s,o]=this.transforms[r](p.arr(i)?i:n.map(C));e+=" "+s,t=t&&o}),t?"none":e}observerAdded(e){e==1&&E(this.inputs,t=>E(t,n=>z(n)&&de(n,this)))}observerRemoved(e){e==0&&E(this.inputs,t=>E(t,n=>z(n)&&Te(n,this)))}eventObserved(e){e.type=="change"&&(this._value=null),Pe(this,e)}},qi=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];G.assign({batchedUpdates:Pr.unstable_batchedUpdates,createStringInterpolator:Fn,colors:Dr});var Qi=hi(qi,{applyAnimatedValues:Vi,createAnimatedStyle:e=>new Gi(e),getComponentProps:({scrollTop:e,scrollLeft:t,...n})=>n}),le=Qi.animated;function Bt({animate:e=!0,content:t,textStyles:n,htmlElement:r,fadeIn:i,characterPreference:s="simplified",maxDelay:o=15e3}){const a=r??"div",[l,c]=w.useState(!1),[u,d]=Ne(()=>({opacity:i?0:1,transform:i?"scale(0)":"scale(1)",config:{duration:200}})),f=w.useRef(e);w.useEffect(()=>{if(!e){f.current=e;return}const te=!f.current&&e;f.current=e;const D=te?500:Math.floor(Math.random()*(o-3500+1))+3500,W=setTimeout(()=>{d.start({opacity:0,transform:"translateY(15px)",onRest:()=>{c(Y=>!Y),d.start({opacity:1,transform:"translateY(0px)"})}})},D);return()=>clearTimeout(W)},[l,e,d,o]);const g=s==="traditional"?t.traditional:t.simplified,y=e&&l?g:t.english,{fontSize:m,fontFamily:v,fontWeight:b,fontStyle:S,letterSpacing:x,lineHeight:T,...k}=n||{},A={fontSize:m,fontFamily:v,fontWeight:b,fontStyle:S,letterSpacing:x,lineHeight:T},R={...k,display:"inline-grid",alignContent:"center"},ie={...A,gridArea:"1 / 1"},O={...A,gridArea:"1 / 1",visibility:"hidden"};return h.jsx(le.div,{style:{...u,display:"inline-block"},children:h.jsxs(a,{style:R,children:[h.jsx("span",{style:ie,children:y}),h.jsx("span",{style:O,children:t.english}),h.jsx("span",{style:O,children:t.simplified}),h.jsx("span",{style:O,children:t.traditional})]})})}const Wi=N.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),w=require("react"),Pr=require("react-dom"),N=require("styled-components"),Et=require("@reduxjs/toolkit"),Tr=e=>e&&e.__esModule?e:{default:e};function Er(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const V=Er(w),_=Tr(N);var It=De(),P=e=>Ce(e,It),At=De();P.write=e=>Ce(e,At);var et=De();P.onStart=e=>Ce(e,et);var Rt=De();P.onFrame=e=>Ce(e,Rt);var Ot=De();P.onFinish=e=>Ce(e,Ot);var ae=[];P.setTimeout=(e,t)=>{const n=P.now()+t,r=()=>{const s=ae.findIndex(o=>o.cancel==r);~s&&ae.splice(s,1),Z-=~s?1:0},i={time:n,handler:e,cancel:r};return ae.splice(An(n),0,i),Z+=1,Rn(),i};var An=e=>~(~ae.findIndex(t=>t.time>e)||~ae.length);P.cancel=e=>{et.delete(e),Rt.delete(e),Ot.delete(e),It.delete(e),At.delete(e)};P.sync=e=>{yt=!0,P.batchedUpdates(e),yt=!1};P.throttle=e=>{let t;function n(){try{e(...t)}finally{t=null}}function r(...i){t=i,P.onStart(n)}return r.handler=e,r.cancel=()=>{et.delete(n),t=null},r};var jt=typeof window<"u"?window.requestAnimationFrame:()=>{};P.use=e=>jt=e;P.now=typeof performance<"u"?()=>performance.now():Date.now;P.batchedUpdates=e=>e();P.catch=console.error;P.frameLoop="always";P.advance=()=>{P.frameLoop!=="demand"?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):jn()};var X=-1,Z=0,yt=!1;function Ce(e,t){yt?(t.delete(e),e(0)):(t.add(e),Rn())}function Rn(){X<0&&(X=0,P.frameLoop!=="demand"&&jt(On))}function Ir(){X=-1}function On(){~X&&(jt(On),P.batchedUpdates(jn))}function jn(){const e=X;X=P.now();const t=An(X);if(t&&($n(ae.splice(0,t),n=>n.handler()),Z-=t),!Z){Ir();return}et.flush(),It.flush(e?Math.min(64,X-e):16.667),Rt.flush(),At.flush(),Ot.flush()}function De(){let e=new Set,t=e;return{add(n){Z+=t==e&&!e.has(n)?1:0,e.add(n)},delete(n){return Z-=t==e&&e.has(n)?1:0,e.delete(n)},flush(n){t.size&&(e=new Set,Z-=t.size,$n(t,r=>r(n)&&e.add(r)),Z+=e.size,t=e)}}}function $n(e,t){e.forEach(n=>{try{t(n)}catch(r){P.catch(r)}})}var Ar=Object.defineProperty,Rr=(e,t)=>{for(var n in t)Ar(e,n,{get:t[n],enumerable:!0})},G={};Rr(G,{assign:()=>jr,colors:()=>J,createStringInterpolator:()=>Ct,skipAnimation:()=>Dn,to:()=>Cn,willAdvance:()=>Dt});function vt(){}var Or=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),p={arr:Array.isArray,obj:e=>!!e&&e.constructor.name==="Object",fun:e=>typeof e=="function",str:e=>typeof e=="string",num:e=>typeof e=="number",und:e=>e===void 0};function Q(e,t){if(p.arr(e)){if(!p.arr(t)||e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}return e===t}var E=(e,t)=>e.forEach(t);function q(e,t,n){if(p.arr(e)){for(let r=0;r<e.length;r++)t.call(n,e[r],`${r}`);return}for(const r in e)e.hasOwnProperty(r)&&t.call(n,e[r],r)}var L=e=>p.und(e)?[]:p.arr(e)?e:[e];function be(e,t){if(e.size){const n=Array.from(e);e.clear(),E(n,t)}}var ve=(e,...t)=>be(e,n=>n(...t)),$t=()=>typeof window>"u"||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent),Ct,Cn,J=null,Dn=!1,Dt=vt,jr=e=>{e.to&&(Cn=e.to),e.now&&(P.now=e.now),e.colors!==void 0&&(J=e.colors),e.skipAnimation!=null&&(Dn=e.skipAnimation),e.createStringInterpolator&&(Ct=e.createStringInterpolator),e.requestAnimationFrame&&P.use(e.requestAnimationFrame),e.batchedUpdates&&(P.batchedUpdates=e.batchedUpdates),e.willAdvance&&(Dt=e.willAdvance),e.frameLoop&&(P.frameLoop=e.frameLoop)},we=new Set,F=[],ut=[],qe=0,tt={get idle(){return!we.size&&!F.length},start(e){qe>e.priority?(we.add(e),P.onStart($r)):(Ln(e),P(bt))},advance:bt,sort(e){if(qe)P.onFrame(()=>tt.sort(e));else{const t=F.indexOf(e);~t&&(F.splice(t,1),Nn(e))}},clear(){F=[],we.clear()}};function $r(){we.forEach(Ln),we.clear(),P(bt)}function Ln(e){F.includes(e)||Nn(e)}function Nn(e){F.splice(Cr(F,t=>t.priority>e.priority),0,e)}function bt(e){const t=ut;for(let n=0;n<F.length;n++){const r=F[n];qe=r.priority,r.idle||(Dt(r),r.advance(e),r.idle||t.push(r))}return qe=0,ut=F,ut.length=0,F=t,F.length>0}function Cr(e,t){const n=e.findIndex(t);return n<0?e.length:n}var Dr={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199},U="[-+]?\\d*\\.?\\d+",Qe=U+"%";function nt(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}var Lr=new RegExp("rgb"+nt(U,U,U)),Nr=new RegExp("rgba"+nt(U,U,U,U)),Vr=new RegExp("hsl"+nt(U,Qe,Qe)),zr=new RegExp("hsla"+nt(U,Qe,Qe,U)),Mr=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Fr=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,Br=/^#([0-9a-fA-F]{6})$/,Ur=/^#([0-9a-fA-F]{8})$/;function Gr(e){let t;return typeof e=="number"?e>>>0===e&&e>=0&&e<=4294967295?e:null:(t=Br.exec(e))?parseInt(t[1]+"ff",16)>>>0:J&&J[e]!==void 0?J[e]:(t=Lr.exec(e))?(se(t[1])<<24|se(t[2])<<16|se(t[3])<<8|255)>>>0:(t=Nr.exec(e))?(se(t[1])<<24|se(t[2])<<16|se(t[3])<<8|Qt(t[4]))>>>0:(t=Mr.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+"ff",16)>>>0:(t=Ur.exec(e))?parseInt(t[1],16)>>>0:(t=Fr.exec(e))?parseInt(t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+t[4]+t[4],16)>>>0:(t=Vr.exec(e))?(Ht(qt(t[1]),Fe(t[2]),Fe(t[3]))|255)>>>0:(t=zr.exec(e))?(Ht(qt(t[1]),Fe(t[2]),Fe(t[3]))|Qt(t[4]))>>>0:null}function lt(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 Ht(e,t,n){const r=n<.5?n*(1+t):n+t-n*t,i=2*n-r,s=lt(i,r,e+1/3),o=lt(i,r,e),a=lt(i,r,e-1/3);return Math.round(s*255)<<24|Math.round(o*255)<<16|Math.round(a*255)<<8}function se(e){const t=parseInt(e,10);return t<0?0:t>255?255:t}function qt(e){return(parseFloat(e)%360+360)%360/360}function Qt(e){const t=parseFloat(e);return t<0?0:t>1?255:Math.round(t*255)}function Fe(e){const t=parseFloat(e);return t<0?0:t>100?1:t/100}function Wt(e){let t=Gr(e);if(t===null)return e;t=t||0;const n=(t&4278190080)>>>24,r=(t&16711680)>>>16,i=(t&65280)>>>8,s=(t&255)/255;return`rgba(${n}, ${r}, ${i}, ${s})`}var Se=(e,t,n)=>{if(p.fun(e))return e;if(p.arr(e))return Se({range:e,output:t,extrapolate:n});if(p.str(e.output[0]))return Ct(e);const r=e,i=r.output,s=r.range||[0,1],o=r.extrapolateLeft||r.extrapolate||"extend",a=r.extrapolateRight||r.extrapolate||"extend",l=r.easing||(c=>c);return c=>{const u=qr(c,s);return Hr(c,s[u],s[u+1],i[u],i[u+1],l,o,a,r.map)}};function Hr(e,t,n,r,i,s,o,a,l){let c=l?l(e):e;if(c<t){if(o==="identity")return c;o==="clamp"&&(c=t)}if(c>n){if(a==="identity")return c;a==="clamp"&&(c=n)}return r===i?r:t===n?e<=t?r:i:(t===-1/0?c=-c:n===1/0?c=c-t:c=(c-t)/(n-t),c=s(c),r===-1/0?c=-c:i===1/0?c=c+r:c=c*(i-r)+r,c)}function qr(e,t){for(var n=1;n<t.length-1&&!(t[n]>=e);++n);return n-1}var Qr={linear:e=>e},ke=Symbol.for("FluidValue.get"),ue=Symbol.for("FluidValue.observers"),z=e=>!!(e&&e[ke]),C=e=>e&&e[ke]?e[ke]():e,Yt=e=>e[ue]||null;function Wr(e,t){e.eventObserved?e.eventObserved(t):e(t)}function Pe(e,t){const n=e[ue];n&&n.forEach(r=>{Wr(r,t)})}var Vn=class{constructor(e){if(!e&&!(e=this.get))throw Error("Unknown getter");Yr(this,e)}},Yr=(e,t)=>zn(e,ke,t);function de(e,t){if(e[ke]){let n=e[ue];n||zn(e,ue,n=new Set),n.has(t)||(n.add(t),e.observerAdded&&e.observerAdded(n.size,t))}return t}function Te(e,t){const n=e[ue];if(n&&n.has(t)){const r=n.size-1;r?n.delete(t):e[ue]=null,e.observerRemoved&&e.observerRemoved(r,t)}}var zn=(e,t,n)=>Object.defineProperty(e,t,{value:n,writable:!0,configurable:!0}),Ue=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,Kr=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,Kt=new RegExp(`(${Ue.source})(%|[a-z]+)`,"i"),Xr=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,rt=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Mn=e=>{const[t,n]=Zr(e);if(!t||$t())return e;const r=window.getComputedStyle(document.documentElement).getPropertyValue(t);if(r)return r.trim();if(n&&n.startsWith("--")){const i=window.getComputedStyle(document.documentElement).getPropertyValue(n);return i||e}else{if(n&&rt.test(n))return Mn(n);if(n)return n}return e},Zr=e=>{const t=rt.exec(e);if(!t)return[,];const[,n,r]=t;return[n,r]},dt,Jr=(e,t,n,r,i)=>`rgba(${Math.round(t)}, ${Math.round(n)}, ${Math.round(r)}, ${i})`,Fn=e=>{dt||(dt=J?new RegExp(`(${Object.keys(J).join("|")})(?!\\w)`,"g"):/^\b$/);const t=e.output.map(s=>C(s).replace(rt,Mn).replace(Kr,Wt).replace(dt,Wt)),n=t.map(s=>s.match(Ue).map(Number)),i=n[0].map((s,o)=>n.map(a=>{if(!(o in a))throw Error('The arity of each "output" value must be equal');return a[o]})).map(s=>Se({...e,output:s}));return s=>{var l;const o=!Kt.test(t[0])&&((l=t.find(c=>Kt.test(c)))==null?void 0:l.replace(Ue,""));let a=0;return t[0].replace(Ue,()=>`${i[a++](s)}${o||""}`).replace(Xr,Jr)}},Lt="react-spring: ",Bn=e=>{const t=e;let n=!1;if(typeof t!="function")throw new TypeError(`${Lt}once requires a function parameter`);return(...r)=>{n||(t(...r),n=!0)}},ei=Bn(console.warn);function ti(){ei(`${Lt}The "interpolate" function is deprecated in v9 (use "to" instead)`)}var ni=Bn(console.warn);function ri(){ni(`${Lt}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`)}function it(e){return p.str(e)&&(e[0]=="#"||/\d/.test(e)||!$t()&&rt.test(e)||e in(J||{}))}var Nt=$t()?w.useEffect:w.useLayoutEffect,ii=()=>{const e=w.useRef(!1);return Nt(()=>(e.current=!0,()=>{e.current=!1}),[]),e};function Un(){const e=w.useState()[1],t=ii();return()=>{t.current&&e(Math.random())}}function si(e,t){const[n]=w.useState(()=>({inputs:t,result:e()})),r=w.useRef(),i=r.current;let s=i;return s?t&&s.inputs&&oi(t,s.inputs)||(s={inputs:t,result:e()}):s=n,w.useEffect(()=>{r.current=s,i==n&&(n.inputs=n.result=void 0)},[s]),s.result}function oi(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}var Gn=e=>w.useEffect(e,ai),ai=[];function Xt(e){const t=w.useRef();return w.useEffect(()=>{t.current=e}),t.current}var Ee=Symbol.for("Animated:node"),ci=e=>!!e&&e[Ee]===e,H=e=>e&&e[Ee],Vt=(e,t)=>Or(e,Ee,t),st=e=>e&&e[Ee]&&e[Ee].getPayload(),Hn=class{constructor(){Vt(this,this)}getPayload(){return this.payload||[]}},Le=class extends Hn{constructor(e){super(),this._value=e,this.done=!0,this.durationProgress=0,p.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new Le(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,t){return p.num(e)&&(this.lastPosition=e,t&&(e=Math.round(e/t)*t,this.done&&(this.lastPosition=e))),this._value===e?!1:(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,p.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}},Ie=class extends Le{constructor(e){super(0),this._string=null,this._toString=Se({output:[e,e]})}static create(e){return new Ie(e)}getValue(){const e=this._string;return e??(this._string=this._toString(this._value))}setValue(e){if(p.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else if(super.setValue(e))this._string=null;else return!1;return!0}reset(e){e&&(this._toString=Se({output:[this.getValue(),e]})),this._value=0,super.reset()}},We={dependencies:null},ot=class extends Hn{constructor(e){super(),this.source=e,this.setValue(e)}getValue(e){const t={};return q(this.source,(n,r)=>{ci(n)?t[r]=n.getValue(e):z(n)?t[r]=C(n):e||(t[r]=n)}),t}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&E(this.payload,e=>e.reset())}_makePayload(e){if(e){const t=new Set;return q(e,this._addToPayload,t),Array.from(t)}}_addToPayload(e){We.dependencies&&z(e)&&We.dependencies.add(e);const t=st(e);t&&E(t,n=>this.add(n))}},qn=class extends ot{constructor(e){super(e)}static create(e){return new qn(e)}getValue(){return this.source.map(e=>e.getValue())}setValue(e){const t=this.getPayload();return e.length==t.length?t.map((n,r)=>n.setValue(e[r])).some(Boolean):(super.setValue(e.map(ui)),!0)}};function ui(e){return(it(e)?Ie:Le).create(e)}function wt(e){const t=H(e);return t?t.constructor:p.arr(e)?qn:it(e)?Ie:Le}var Zt=(e,t)=>{const n=!p.fun(e)||e.prototype&&e.prototype.isReactComponent;return w.forwardRef((r,i)=>{const s=w.useRef(null),o=n&&w.useCallback(y=>{s.current=fi(i,y)},[i]),[a,l]=di(r,t),c=Un(),u=()=>{const y=s.current;if(n&&!y)return;(y?t.applyAnimatedValues(y,a.getValue(!0)):!1)===!1&&c()},d=new li(u,l),f=w.useRef();Nt(()=>(f.current=d,E(l,y=>de(y,d)),()=>{f.current&&(E(f.current.deps,y=>Te(y,f.current)),P.cancel(f.current.update))})),w.useEffect(u,[]),Gn(()=>()=>{const y=f.current;E(y.deps,m=>Te(m,y))});const g=t.getComponentProps(a.getValue());return V.createElement(e,{...g,ref:o})})},li=class{constructor(e,t){this.update=e,this.deps=t}eventObserved(e){e.type=="change"&&P.write(this.update)}};function di(e,t){const n=new Set;return We.dependencies=n,e.style&&(e={...e,style:t.createAnimatedStyle(e.style)}),e=new ot(e),We.dependencies=null,[e,n]}function fi(e,t){return e&&(p.fun(e)?e(t):e.current=t),t}var Jt=Symbol.for("AnimatedComponent"),hi=(e,{applyAnimatedValues:t=()=>!1,createAnimatedStyle:n=i=>new ot(i),getComponentProps:r=i=>i}={})=>{const i={applyAnimatedValues:t,createAnimatedStyle:n,getComponentProps:r},s=o=>{const a=en(o)||"Anonymous";return p.str(o)?o=s[o]||(s[o]=Zt(o,i)):o=o[Jt]||(o[Jt]=Zt(o,i)),o.displayName=`Animated(${a})`,o};return q(e,(o,a)=>{p.arr(e)&&(a=en(o)),s[a]=s(o)}),{animated:s}},en=e=>p.str(e)?e:e&&p.str(e.displayName)?e.displayName:p.fun(e)&&e.name||null;function ne(e,...t){return p.fun(e)?e(...t):e}var xe=(e,t)=>e===!0||!!(t&&e&&(p.fun(e)?e(t):L(e).includes(t))),Qn=(e,t)=>p.obj(e)?t&&e[t]:e,Wn=(e,t)=>e.default===!0?e[t]:e.default?e.default[t]:void 0,pi=e=>e,zt=(e,t=pi)=>{let n=mi;e.default&&e.default!==!0&&(e=e.default,n=Object.keys(e));const r={};for(const i of n){const s=t(e[i],i);p.und(s)||(r[i]=s)}return r},mi=["config","onProps","onStart","onChange","onPause","onResume","onRest"],gi={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function yi(e){const t={};let n=0;if(q(e,(r,i)=>{gi[i]||(t[i]=r,n++)}),n)return t}function Yn(e){const t=yi(e);if(t){const n={to:t};return q(e,(r,i)=>i in t||(n[i]=r)),n}return{...e}}function Ae(e){return e=C(e),p.arr(e)?e.map(Ae):it(e)?G.createStringInterpolator({range:[0,1],output:[e,e]})(1):e}function vi(e){for(const t in e)return!0;return!1}function xt(e){return p.fun(e)||p.arr(e)&&p.obj(e[0])}function bi(e,t){var n;(n=e.ref)==null||n.delete(e),t==null||t.delete(e)}function wi(e,t){var n;t&&e.ref!==t&&((n=e.ref)==null||n.delete(e),t.add(e),e.ref=t)}var xi={default:{tension:170,friction:26}},_t={...xi.default,mass:1,damping:1,easing:Qr.linear,clamp:!1},_i=class{constructor(){this.velocity=0,Object.assign(this,_t)}};function Si(e,t,n){n&&(n={...n},tn(n,t),t={...n,...t}),tn(e,t),Object.assign(e,t);for(const o in _t)e[o]==null&&(e[o]=_t[o]);let{frequency:r,damping:i}=e;const{mass:s}=e;return p.und(r)||(r<.01&&(r=.01),i<0&&(i=0),e.tension=Math.pow(2*Math.PI/r,2)*s,e.friction=4*Math.PI*i*s/r),e}function tn(e,t){if(!p.und(t.decay))e.duration=void 0;else{const n=!p.und(t.tension)||!p.und(t.friction);(n||!p.und(t.frequency)||!p.und(t.damping)||!p.und(t.mass))&&(e.duration=void 0,e.decay=void 0),n&&(e.frequency=void 0)}}var nn=[],ki=class{constructor(){this.changed=!1,this.values=nn,this.toValues=null,this.fromValues=nn,this.config=new _i,this.immediate=!1}};function Kn(e,{key:t,props:n,defaultProps:r,state:i,actions:s}){return new Promise((o,a)=>{let l,c,u=xe(n.cancel??(r==null?void 0:r.cancel),t);if(u)g();else{p.und(n.pause)||(i.paused=xe(n.pause,t));let y=r==null?void 0:r.pause;y!==!0&&(y=i.paused||xe(y,t)),l=ne(n.delay||0,t),y?(i.resumeQueue.add(f),s.pause()):(s.resume(),f())}function d(){i.resumeQueue.add(f),i.timeouts.delete(c),c.cancel(),l=c.time-P.now()}function f(){l>0&&!G.skipAnimation?(i.delayed=!0,c=P.setTimeout(g,l),i.pauseQueue.add(d),i.timeouts.add(c)):g()}function g(){i.delayed&&(i.delayed=!1),i.pauseQueue.delete(d),i.timeouts.delete(c),e<=(i.cancelId||0)&&(u=!0);try{s.start({...n,callId:e,cancel:u},o)}catch(y){a(y)}}})}var Mt=(e,t)=>t.length==1?t[0]:t.some(n=>n.cancelled)?ce(e.get()):t.every(n=>n.noop)?Xn(e.get()):B(e.get(),t.every(n=>n.finished)),Xn=e=>({value:e,noop:!0,finished:!0,cancelled:!1}),B=(e,t,n=!1)=>({value:e,finished:t,cancelled:n}),ce=e=>({value:e,cancelled:!0,finished:!1});function Zn(e,t,n,r){const{callId:i,parentId:s,onRest:o}=t,{asyncTo:a,promise:l}=n;return!s&&e===a&&!t.reset?l:n.promise=(async()=>{n.asyncId=i,n.asyncTo=e;const c=zt(t,(v,b)=>b==="onRest"?void 0:v);let u,d;const f=new Promise((v,b)=>(u=v,d=b)),g=v=>{const b=i<=(n.cancelId||0)&&ce(r)||i!==n.asyncId&&B(r,!1);if(b)throw v.result=b,d(v),v},y=(v,b)=>{const S=new rn,x=new sn;return(async()=>{if(G.skipAnimation)throw Re(n),x.result=B(r,!1),d(x),x;g(S);const T=p.obj(v)?{...v}:{...b,to:v};T.parentId=i,q(c,(A,R)=>{p.und(T[R])&&(T[R]=A)});const k=await r.start(T);return g(S),n.paused&&await new Promise(A=>{n.resumeQueue.add(A)}),k})()};let m;if(G.skipAnimation)return Re(n),B(r,!1);try{let v;p.arr(e)?v=(async b=>{for(const S of b)await y(S)})(e):v=Promise.resolve(e(y,r.stop.bind(r))),await Promise.all([v.then(u),f]),m=B(r.get(),!0,!1)}catch(v){if(v instanceof rn)m=v.result;else if(v instanceof sn)m=v.result;else throw v}finally{i==n.asyncId&&(n.asyncId=s,n.asyncTo=s?a:void 0,n.promise=s?l:void 0)}return p.fun(o)&&P.batchedUpdates(()=>{o(m,r,r.item)}),m})()}function Re(e,t){be(e.timeouts,n=>n.cancel()),e.pauseQueue.clear(),e.resumeQueue.clear(),e.asyncId=e.asyncTo=e.promise=void 0,t&&(e.cancelId=t)}var rn=class extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.")}},sn=class extends Error{constructor(){super("SkipAnimationSignal")}},St=e=>e instanceof Ft,Pi=1,Ft=class extends Vn{constructor(){super(...arguments),this.id=Pi++,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=H(this);return e&&e.getValue()}to(...e){return G.to(this,e)}interpolate(...e){return ti(),G.to(this,e)}toJSON(){return this.get()}observerAdded(e){e==1&&this._attach()}observerRemoved(e){e==0&&this._detach()}_attach(){}_detach(){}_onChange(e,t=!1){Pe(this,{type:"change",parent:this,value:e,idle:t})}_onPriorityChange(e){this.idle||tt.sort(this),Pe(this,{type:"priority",parent:this,priority:e})}},re=Symbol.for("SpringPhase"),Jn=1,er=2,tr=4,ft=e=>(e[re]&Jn)>0,K=e=>(e[re]&er)>0,fe=e=>(e[re]&tr)>0,on=(e,t)=>t?e[re]|=er|Jn:e[re]&=-3,an=(e,t)=>t?e[re]|=tr:e[re]&=-5,Ti=class extends Ft{constructor(e,t){if(super(),this.animation=new ki,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!p.und(e)||!p.und(t)){const n=p.obj(e)?{...e}:{...t,from:e};p.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(K(this)||this._state.asyncTo)||fe(this)}get goal(){return C(this.animation.to)}get velocity(){const e=H(this);return e instanceof Le?e.lastVelocity||0:e.getPayload().map(t=>t.lastVelocity||0)}get hasAnimated(){return ft(this)}get isAnimating(){return K(this)}get isPaused(){return fe(this)}get isDelayed(){return this._state.delayed}advance(e){let t=!0,n=!1;const r=this.animation;let{toValues:i}=r;const{config:s}=r,o=st(r.to);!o&&z(r.to)&&(i=L(C(r.to))),r.values.forEach((c,u)=>{if(c.done)return;const d=c.constructor==Ie?1:o?o[u].lastPosition:i[u];let f=r.immediate,g=d;if(!f){if(g=c.lastPosition,s.tension<=0){c.done=!0;return}let y=c.elapsedTime+=e;const m=r.fromValues[u],v=c.v0!=null?c.v0:c.v0=p.arr(s.velocity)?s.velocity[u]:s.velocity;let b;const S=s.precision||(m==d?.005:Math.min(1,Math.abs(d-m)*.001));if(p.und(s.duration))if(s.decay){const x=s.decay===!0?.998:s.decay,T=Math.exp(-(1-x)*y);g=m+v/(1-x)*(1-T),f=Math.abs(c.lastPosition-g)<=S,b=v*T}else{b=c.lastVelocity==null?v:c.lastVelocity;const x=s.restVelocity||S/10,T=s.clamp?0:s.bounce,k=!p.und(T),A=m==d?c.v0>0:m<d;let R,ie=!1;const O=1,te=Math.ceil(e/O);for(let D=0;D<te&&(R=Math.abs(b)>x,!(!R&&(f=Math.abs(d-g)<=S,f)));++D){k&&(ie=g==d||g>d==A,ie&&(b=-b*T,g=d));const W=-s.tension*1e-6*(g-d),Y=-s.friction*.001*b,kr=(W+Y)/s.mass;b=b+kr*O,g=g+b*O}}else{let x=1;s.duration>0&&(this._memoizedDuration!==s.duration&&(this._memoizedDuration=s.duration,c.durationProgress>0&&(c.elapsedTime=s.duration*c.durationProgress,y=c.elapsedTime+=e)),x=(s.progress||0)+y/this._memoizedDuration,x=x>1?1:x<0?0:x,c.durationProgress=x),g=m+s.easing(x)*(d-m),b=(g-c.lastPosition)/e,f=x==1}c.lastVelocity=b,Number.isNaN(g)&&(console.warn("Got NaN while animating:",this),f=!0)}o&&!o[u].done&&(f=!1),f?c.done=!0:t=!1,c.setValue(g,s.round)&&(n=!0)});const a=H(this),l=a.getValue();if(t){const c=C(r.to);(l!==c||n)&&!s.decay?(a.setValue(c),this._onChange(c)):n&&s.decay&&this._onChange(l),this._stop()}else n&&this._onChange(l)}set(e){return P.batchedUpdates(()=>{this._stop(),this._focus(e),this._set(e)}),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(K(this)){const{to:e,config:t}=this.animation;P.batchedUpdates(()=>{this._onStart(),t.decay||this._set(e,!1),this._stop()})}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,t){let n;return p.und(e)?(n=this.queue||[],this.queue=[]):n=[p.obj(e)?e:{...t,to:e}],Promise.all(n.map(r=>this._update(r))).then(r=>Mt(this,r))}stop(e){const{to:t}=this.animation;return this._focus(this.get()),Re(this._state,e&&this._lastCallId),P.batchedUpdates(()=>this._stop(t,e)),this}reset(){this._update({reset:!0})}eventObserved(e){e.type=="change"?this._start():e.type=="priority"&&(this.priority=e.priority+1)}_prepareNode(e){const t=this.key||"";let{to:n,from:r}=e;n=p.obj(n)?n[t]:n,(n==null||xt(n))&&(n=void 0),r=p.obj(r)?r[t]:r,r==null&&(r=void 0);const i={to:n,from:r};return ft(this)||(e.reverse&&([n,r]=[r,n]),r=C(r),p.und(r)?H(this)||this._set(n):this._set(r)),i}_update({...e},t){const{key:n,defaultProps:r}=this;e.default&&Object.assign(r,zt(e,(o,a)=>/^on/.test(a)?Qn(o,n):o)),un(this,e,"onProps"),pe(this,"onProps",e,this);const i=this._prepareNode(e);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const s=this._state;return Kn(++this._lastCallId,{key:n,props:e,defaultProps:r,state:s,actions:{pause:()=>{fe(this)||(an(this,!0),ve(s.pauseQueue),pe(this,"onPause",B(this,he(this,this.animation.to)),this))},resume:()=>{fe(this)&&(an(this,!1),K(this)&&this._resume(),ve(s.resumeQueue),pe(this,"onResume",B(this,he(this,this.animation.to)),this))},start:this._merge.bind(this,i)}}).then(o=>{if(e.loop&&o.finished&&!(t&&o.noop)){const a=nr(e);if(a)return this._update(a,!0)}return o})}_merge(e,t,n){if(t.cancel)return this.stop(!0),n(ce(this));const r=!p.und(e.to),i=!p.und(e.from);if(r||i)if(t.callId>this._lastToId)this._lastToId=t.callId;else return n(ce(this));const{key:s,defaultProps:o,animation:a}=this,{to:l,from:c}=a;let{to:u=l,from:d=c}=e;i&&!r&&(!t.default||p.und(u))&&(u=d),t.reverse&&([u,d]=[d,u]);const f=!Q(d,c);f&&(a.from=d),d=C(d);const g=!Q(u,l);g&&this._focus(u);const y=xt(t.to),{config:m}=a,{decay:v,velocity:b}=m;(r||i)&&(m.velocity=0),t.config&&!y&&Si(m,ne(t.config,s),t.config!==o.config?ne(o.config,s):void 0);let S=H(this);if(!S||p.und(u))return n(B(this,!0));const x=p.und(t.reset)?i&&!t.default:!p.und(d)&&xe(t.reset,s),T=x?d:this.get(),k=Ae(u),A=p.num(k)||p.arr(k)||it(k),R=!y&&(!A||xe(o.immediate||t.immediate,s));if(g){const D=wt(u);if(D!==S.constructor)if(R)S=this._set(k);else throw Error(`Cannot animate between ${S.constructor.name} and ${D.name}, as the "to" prop suggests`)}const ie=S.constructor;let O=z(u),te=!1;if(!O){const D=x||!ft(this)&&f;(g||D)&&(te=Q(Ae(T),k),O=!te),(!Q(a.immediate,R)&&!R||!Q(m.decay,v)||!Q(m.velocity,b))&&(O=!0)}if(te&&K(this)&&(a.changed&&!x?O=!0:O||this._stop(l)),!y&&((O||z(l))&&(a.values=S.getPayload(),a.toValues=z(u)?null:ie==Ie?[1]:L(k)),a.immediate!=R&&(a.immediate=R,!R&&!x&&this._set(l)),O)){const{onRest:D}=a;E(Ii,Y=>un(this,t,Y));const W=B(this,he(this,l));ve(this._pendingCalls,W),this._pendingCalls.add(n),a.changed&&P.batchedUpdates(()=>{var Y;a.changed=!x,D==null||D(W,this),x?ne(o.onRest,W):(Y=a.onStart)==null||Y.call(a,W,this)})}x&&this._set(T),y?n(Zn(t.to,t,this._state,this)):O?this._start():K(this)&&!g?this._pendingCalls.add(n):n(Xn(T))}_focus(e){const t=this.animation;e!==t.to&&(Yt(this)&&this._detach(),t.to=e,Yt(this)&&this._attach())}_attach(){let e=0;const{to:t}=this.animation;z(t)&&(de(t,this),St(t)&&(e=t.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;z(e)&&Te(e,this)}_set(e,t=!0){const n=C(e);if(!p.und(n)){const r=H(this);if(!r||!Q(n,r.getValue())){const i=wt(n);!r||r.constructor!=i?Vt(this,i.create(n)):r.setValue(n),r&&P.batchedUpdates(()=>{this._onChange(n,t)})}}return H(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,pe(this,"onStart",B(this,he(this,e.to)),this))}_onChange(e,t){t||(this._onStart(),ne(this.animation.onChange,e,this)),ne(this.defaultProps.onChange,e,this),super._onChange(e,t)}_start(){const e=this.animation;H(this).reset(C(e.to)),e.immediate||(e.fromValues=e.values.map(t=>t.lastPosition)),K(this)||(on(this,!0),fe(this)||this._resume())}_resume(){G.skipAnimation?this.finish():tt.start(this)}_stop(e,t){if(K(this)){on(this,!1);const n=this.animation;E(n.values,i=>{i.done=!0}),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),Pe(this,{type:"idle",parent:this});const r=t?ce(this.get()):B(this.get(),he(this,e??n.to));ve(this._pendingCalls,r),n.changed&&(n.changed=!1,pe(this,"onRest",r,this))}}};function he(e,t){const n=Ae(t),r=Ae(e.get());return Q(r,n)}function nr(e,t=e.loop,n=e.to){const r=ne(t);if(r){const i=r!==!0&&Yn(r),s=(i||e).reverse,o=!i||i.reset;return Oe({...e,loop:t,default:!1,pause:void 0,to:!s||xt(n)?n:void 0,from:o?e.from:void 0,reset:o,...i})}}function Oe(e){const{to:t,from:n}=e=Yn(e),r=new Set;return p.obj(t)&&cn(t,r),p.obj(n)&&cn(n,r),e.keys=r.size?Array.from(r):null,e}function Ei(e){const t=Oe(e);return p.und(t.default)&&(t.default=zt(t)),t}function cn(e,t){q(e,(n,r)=>n!=null&&t.add(r))}var Ii=["onStart","onRest","onChange","onPause","onResume"];function un(e,t,n){e.animation[n]=t[n]!==Wn(t,n)?Qn(t[n],e.key):void 0}function pe(e,t,...n){var r,i,s,o;(i=(r=e.animation)[t])==null||i.call(r,...n),(o=(s=e.defaultProps)[t])==null||o.call(s,...n)}var Ai=["onStart","onChange","onRest"],Ri=1,Oi=class{constructor(t,n){this.id=Ri++,this.springs={},this.queue=[],this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),n&&(this._flush=n),t&&this.start({default:!0,...t})}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every(t=>t.idle&&!t.isDelayed&&!t.isPaused)}get item(){return this._item}set item(t){this._item=t}get(){const t={};return this.each((n,r)=>t[r]=n.get()),t}set(t){for(const n in t){const r=t[n];p.und(r)||this.springs[n].set(r)}}update(t){return t&&this.queue.push(Oe(t)),this}start(t){let{queue:n}=this;return t?n=L(t).map(Oe):this.queue=[],this._flush?this._flush(this,n):(ar(this,n),kt(this,n))}stop(t,n){if(t!==!!t&&(n=t),n){const r=this.springs;E(L(n),i=>r[i].stop(!!t))}else Re(this._state,this._lastAsyncId),this.each(r=>r.stop(!!t));return this}pause(t){if(p.und(t))this.start({pause:!0});else{const n=this.springs;E(L(t),r=>n[r].pause())}return this}resume(t){if(p.und(t))this.start({pause:!1});else{const n=this.springs;E(L(t),r=>n[r].resume())}return this}each(t){q(this.springs,t)}_onFrame(){const{onStart:t,onChange:n,onRest:r}=this._events,i=this._active.size>0,s=this._changed.size>0;(i&&!this._started||s&&!this._started)&&(this._started=!0,be(t,([l,c])=>{c.value=this.get(),l(c,this,this._item)}));const o=!i&&this._started,a=s||o&&r.size?this.get():null;s&&n.size&&be(n,([l,c])=>{c.value=a,l(c,this,this._item)}),o&&(this._started=!1,be(r,([l,c])=>{c.value=a,l(c,this,this._item)}))}eventObserved(t){if(t.type=="change")this._changed.add(t.parent),t.idle||this._active.add(t.parent);else if(t.type=="idle")this._active.delete(t.parent);else return;P.onFrame(this._onFrame)}};function kt(e,t){return Promise.all(t.map(n=>rr(e,n))).then(n=>Mt(e,n))}async function rr(e,t,n){const{keys:r,to:i,from:s,loop:o,onRest:a,onResolve:l}=t,c=p.obj(t.default)&&t.default;o&&(t.loop=!1),i===!1&&(t.to=null),s===!1&&(t.from=null);const u=p.arr(i)||p.fun(i)?i:void 0;u?(t.to=void 0,t.onRest=void 0,c&&(c.onRest=void 0)):E(Ai,m=>{const v=t[m];if(p.fun(v)){const b=e._events[m];t[m]=({finished:S,cancelled:x})=>{const T=b.get(v);T?(S||(T.finished=!1),x&&(T.cancelled=!0)):b.set(v,{value:null,finished:S||!1,cancelled:x||!1})},c&&(c[m]=t[m])}});const d=e._state;t.pause===!d.paused?(d.paused=t.pause,ve(t.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(t.pause=!0);const f=(r||Object.keys(e.springs)).map(m=>e.springs[m].start(t)),g=t.cancel===!0||Wn(t,"cancel")===!0;(u||g&&d.asyncId)&&f.push(Kn(++e._lastAsyncId,{props:t,state:d,actions:{pause:vt,resume:vt,start(m,v){g?(Re(d,e._lastAsyncId),v(ce(e))):(m.onRest=a,v(Zn(u,m,d,e)))}}})),d.paused&&await new Promise(m=>{d.resumeQueue.add(m)});const y=Mt(e,await Promise.all(f));if(o&&y.finished&&!(n&&y.noop)){const m=nr(t,o,i);if(m)return ar(e,[m]),rr(e,m,!0)}return l&&P.batchedUpdates(()=>l(y,e,e.item)),y}function ln(e,t){const n={...e.springs};return t&&E(L(t),r=>{p.und(r.keys)&&(r=Oe(r)),p.obj(r.to)||(r={...r,to:void 0}),or(n,r,i=>sr(i))}),ir(e,n),n}function ir(e,t){q(t,(n,r)=>{e.springs[r]||(e.springs[r]=n,de(n,e))})}function sr(e,t){const n=new Ti;return n.key=e,t&&de(n,t),n}function or(e,t,n){t.keys&&E(t.keys,r=>{(e[r]||(e[r]=n(r)))._prepareNode(t)})}function ar(e,t){E(t,n=>{or(e.springs,n,r=>sr(r,e))})}var at=({children:e,...t})=>{const n=w.useContext(Ye),r=t.pause||!!n.pause,i=t.immediate||!!n.immediate;t=si(()=>({pause:r,immediate:i}),[r,i]);const{Provider:s}=Ye;return V.createElement(s,{value:t},e)},Ye=ji(at,{});at.Provider=Ye.Provider;at.Consumer=Ye.Consumer;function ji(e,t){return Object.assign(e,V.createContext(t)),e.Provider._context=e,e.Consumer._context=e,e}var $i=()=>{const e=[],t=function(r){ri();const i=[];return E(e,(s,o)=>{if(p.und(r))i.push(s.start());else{const a=n(r,s,o);a&&i.push(s.start(a))}}),i};t.current=e,t.add=function(r){e.includes(r)||e.push(r)},t.delete=function(r){const i=e.indexOf(r);~i&&e.splice(i,1)},t.pause=function(){return E(e,r=>r.pause(...arguments)),this},t.resume=function(){return E(e,r=>r.resume(...arguments)),this},t.set=function(r){E(e,(i,s)=>{const o=p.fun(r)?r(s,i):r;o&&i.set(o)})},t.start=function(r){const i=[];return E(e,(s,o)=>{if(p.und(r))i.push(s.start());else{const a=this._getProps(r,s,o);a&&i.push(s.start(a))}}),i},t.stop=function(){return E(e,r=>r.stop(...arguments)),this},t.update=function(r){return E(e,(i,s)=>i.update(this._getProps(r,i,s))),this};const n=function(r,i,s){return p.fun(r)?r(s,i):r};return t._getProps=n,t};function Ci(e,t,n){const r=p.fun(t)&&t;r&&!n&&(n=[]);const i=w.useMemo(()=>r||arguments.length==3?$i():void 0,[]),s=w.useRef(0),o=Un(),a=w.useMemo(()=>({ctrls:[],queue:[],flush(b,S){const x=ln(b,S);return s.current>0&&!a.queue.length&&!Object.keys(x).some(k=>!b.springs[k])?kt(b,S):new Promise(k=>{ir(b,x),a.queue.push(()=>{k(kt(b,S))}),o()})}}),[]),l=w.useRef([...a.ctrls]),c=[],u=Xt(e)||0;w.useMemo(()=>{E(l.current.slice(e,u),b=>{bi(b,i),b.stop(!0)}),l.current.length=e,d(u,e)},[e]),w.useMemo(()=>{d(0,Math.min(u,e))},n);function d(b,S){for(let x=b;x<S;x++){const T=l.current[x]||(l.current[x]=new Oi(null,a.flush)),k=r?r(x,T):t[x];k&&(c[x]=Ei(k))}}const f=l.current.map((b,S)=>ln(b,c[S])),g=w.useContext(at),y=Xt(g),m=g!==y&&vi(g);Nt(()=>{s.current++,a.ctrls=l.current;const{queue:b}=a;b.length&&(a.queue=[],E(b,S=>S())),E(l.current,(S,x)=>{i==null||i.add(S),m&&S.start({default:g});const T=c[x];T&&(wi(S,T.ref),S.ref?S.queue.push(T):S.start(T))})}),Gn(()=>()=>{E(a.ctrls,b=>b.stop(!0))});const v=f.map(b=>({...b}));return i?[v,i]:v}function Ne(e,t){const n=p.fun(e),[[r],i]=Ci(1,n?e:[e],n?[]:t);return n||arguments.length==2?[r,i]:r}var Di=class extends Ft{constructor(e,t){super(),this.source=e,this.idle=!0,this._active=new Set,this.calc=Se(...t);const n=this._get(),r=wt(n);Vt(this,r.create(n))}advance(e){const t=this._get(),n=this.get();Q(t,n)||(H(this).setValue(t),this._onChange(t,this.idle)),!this.idle&&dn(this._active)&&ht(this)}_get(){const e=p.arr(this.source)?this.source.map(C):L(C(this.source));return this.calc(...e)}_start(){this.idle&&!dn(this._active)&&(this.idle=!1,E(st(this),e=>{e.done=!1}),G.skipAnimation?(P.batchedUpdates(()=>this.advance()),ht(this)):tt.start(this))}_attach(){let e=1;E(L(this.source),t=>{z(t)&&de(t,this),St(t)&&(t.idle||this._active.add(t),e=Math.max(e,t.priority+1))}),this.priority=e,this._start()}_detach(){E(L(this.source),e=>{z(e)&&Te(e,this)}),this._active.clear(),ht(this)}eventObserved(e){e.type=="change"?e.idle?this.advance():(this._active.add(e.parent),this._start()):e.type=="idle"?this._active.delete(e.parent):e.type=="priority"&&(this.priority=L(this.source).reduce((t,n)=>Math.max(t,(St(n)?n.priority:0)+1),0))}};function Li(e){return e.idle!==!1}function dn(e){return!e.size||Array.from(e).every(Li)}function ht(e){e.idle||(e.idle=!0,E(st(e),t=>{t.done=!0}),Pe(e,{type:"idle",parent:e}))}G.assign({createStringInterpolator:Fn,to:(e,t)=>new Di(e,t)});var cr=/^--/;function Ni(e,t){return t==null||typeof t=="boolean"||t===""?"":typeof t=="number"&&t!==0&&!cr.test(e)&&!(_e.hasOwnProperty(e)&&_e[e])?t+"px":(""+t).trim()}var fn={};function Vi(e,t){if(!e.nodeType||!e.setAttribute)return!1;const n=e.nodeName==="filter"||e.parentNode&&e.parentNode.nodeName==="filter",{className:r,style:i,children:s,scrollTop:o,scrollLeft:a,viewBox:l,...c}=t,u=Object.values(c),d=Object.keys(c).map(f=>n||e.hasAttribute(f)?f:fn[f]||(fn[f]=f.replace(/([A-Z])/g,g=>"-"+g.toLowerCase())));s!==void 0&&(e.textContent=s);for(const f in i)if(i.hasOwnProperty(f)){const g=Ni(f,i[f]);cr.test(f)?e.style.setProperty(f,g):e.style[f]=g}d.forEach((f,g)=>{e.setAttribute(f,u[g])}),r!==void 0&&(e.className=r),o!==void 0&&(e.scrollTop=o),a!==void 0&&(e.scrollLeft=a),l!==void 0&&e.setAttribute("viewBox",l)}var _e={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},zi=(e,t)=>e+t.charAt(0).toUpperCase()+t.substring(1),Mi=["Webkit","Ms","Moz","O"];_e=Object.keys(_e).reduce((e,t)=>(Mi.forEach(n=>e[zi(n,t)]=e[t]),e),_e);var Fi=/^(matrix|translate|scale|rotate|skew)/,Bi=/^(translate)/,Ui=/^(rotate|skew)/,pt=(e,t)=>p.num(e)&&e!==0?e+t:e,Ge=(e,t)=>p.arr(e)?e.every(n=>Ge(n,t)):p.num(e)?e===t:parseFloat(e)===t,Gi=class extends ot{constructor({x:e,y:t,z:n,...r}){const i=[],s=[];(e||t||n)&&(i.push([e||0,t||0,n||0]),s.push(o=>[`translate3d(${o.map(a=>pt(a,"px")).join(",")})`,Ge(o,0)])),q(r,(o,a)=>{if(a==="transform")i.push([o||""]),s.push(l=>[l,l===""]);else if(Fi.test(a)){if(delete r[a],p.und(o))return;const l=Bi.test(a)?"px":Ui.test(a)?"deg":"";i.push(L(o)),s.push(a==="rotate3d"?([c,u,d,f])=>[`rotate3d(${c},${u},${d},${pt(f,l)})`,Ge(f,0)]:c=>[`${a}(${c.map(u=>pt(u,l)).join(",")})`,Ge(c,a.startsWith("scale")?1:0)])}}),i.length&&(r.transform=new Hi(i,s)),super(r)}},Hi=class extends Vn{constructor(e,t){super(),this.inputs=e,this.transforms=t,this._value=null}get(){return this._value||(this._value=this._get())}_get(){let e="",t=!0;return E(this.inputs,(n,r)=>{const i=C(n[0]),[s,o]=this.transforms[r](p.arr(i)?i:n.map(C));e+=" "+s,t=t&&o}),t?"none":e}observerAdded(e){e==1&&E(this.inputs,t=>E(t,n=>z(n)&&de(n,this)))}observerRemoved(e){e==0&&E(this.inputs,t=>E(t,n=>z(n)&&Te(n,this)))}eventObserved(e){e.type=="change"&&(this._value=null),Pe(this,e)}},qi=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];G.assign({batchedUpdates:Pr.unstable_batchedUpdates,createStringInterpolator:Fn,colors:Dr});var Qi=hi(qi,{applyAnimatedValues:Vi,createAnimatedStyle:e=>new Gi(e),getComponentProps:({scrollTop:e,scrollLeft:t,...n})=>n}),le=Qi.animated;function Bt({animate:e=!0,content:t,textStyles:n,htmlElement:r,fadeIn:i,characterPreference:s="simplified",maxDelay:o=15e3}){const a=r??"div",[l,c]=w.useState(!1),[u,d]=Ne(()=>({opacity:i?0:1,config:{duration:600}})),f=w.useRef(e);w.useEffect(()=>{if(!e){f.current=e;return}const te=!f.current&&e;f.current=e;const D=te?500:Math.floor(Math.random()*(o-3500+1))+3500,W=setTimeout(()=>{d.start({opacity:0,onRest:()=>{c(Y=>!Y),d.start({opacity:1})}})},D);return()=>clearTimeout(W)},[l,e,d,o]);const g=s==="traditional"?t.traditional:t.simplified,y=e&&l?g:t.english,{fontSize:m,fontFamily:v,fontWeight:b,fontStyle:S,letterSpacing:x,lineHeight:T,...k}=n||{},A={fontSize:m,fontFamily:v,fontWeight:b,fontStyle:S,letterSpacing:x,lineHeight:T},R={...k,display:"inline-grid",alignContent:"center"},ie={...A,gridArea:"1 / 1"},O={...A,gridArea:"1 / 1",visibility:"hidden"};return h.jsx(le.div,{style:{...u,display:"inline-block"},children:h.jsxs(a,{style:R,children:[h.jsx("span",{style:ie,children:y}),h.jsx("span",{style:O,children:t.english}),h.jsx("span",{style:O,children:t.simplified}),h.jsx("span",{style:O,children:t.traditional})]})})}const Wi=N.keyframes`
   0% {
     transform: scale(1);
   }

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as g, jsxs as $, Fragment as Kt } from "react/jsx-runtime";
+import { jsx as g, jsxs as I, Fragment as Kt } from "react/jsx-runtime";
 import * as Rt from "react";
-import W, { useState as B, useRef as R, useEffect as N, useLayoutEffect as Ar, forwardRef as $r, useCallback as Q, useContext as Ln, useMemo as Ue, memo as Ir } from "react";
+import W, { useState as B, useRef as R, useEffect as N, useLayoutEffect as Ar, forwardRef as Ir, useCallback as Q, useContext as Ln, useMemo as Ue, memo as $r } from "react";
 import { unstable_batchedUpdates as Or } from "react-dom";
 import _, { keyframes as X, css as ht } from "styled-components";
 import { createSlice as Cr, combineReducers as Rr, configureStore as Dr } from "@reduxjs/toolkit";
@@ -491,7 +491,7 @@ var ei = {
 function ti(e, t) {
   e.eventObserved ? e.eventObserved(t) : e(t);
 }
-function $e(e, t) {
+function Ie(e, t) {
   const n = e[he];
   n && n.forEach((r) => {
     ti(r, t);
@@ -511,7 +511,7 @@ function me(e, t) {
   }
   return t;
 }
-function Ie(e, t) {
+function $e(e, t) {
   const n = e[he];
   if (n && n.has(t)) {
     const r = n.size - 1;
@@ -755,7 +755,7 @@ var sn = (e, t) => {
     // re-rendered on every animation frame.
     !h.fun(e) || e.prototype && e.prototype.isReactComponent
   );
-  return $r((r, i) => {
+  return Ir((r, i) => {
     const s = R(null), o = n && // eslint-disable-next-line react-hooks/rules-of-hooks
     Q(
       (y) => {
@@ -771,11 +771,11 @@ var sn = (e, t) => {
     Ut(() => (f.current = d, T(l, (y) => me(y, d)), () => {
       f.current && (T(
         f.current.deps,
-        (y) => Ie(y, f.current)
+        (y) => $e(y, f.current)
       ), k.cancel(f.current.update));
     })), N(u, []), Xn(() => () => {
       const y = f.current;
-      T(y.deps, (p) => Ie(p, y));
+      T(y.deps, (p) => $e(p, y));
     });
     const m = t.getComponentProps(a.getValue());
     return /* @__PURE__ */ Rt.createElement(e, { ...m, ref: o });
@@ -919,12 +919,12 @@ var Ai = {
   damping: 1,
   easing: ei.linear,
   clamp: !1
-}, $i = class {
+}, Ii = class {
   constructor() {
     this.velocity = 0, Object.assign(this, Et);
   }
 };
-function Ii(e, t, n) {
+function $i(e, t, n) {
   n && (n = { ...n }, cn(n, t), t = { ...n, ...t }), cn(e, t), Object.assign(e, t);
   for (const o in Et)
     e[o] == null && (e[o] = Et[o]);
@@ -942,7 +942,7 @@ function cn(e, t) {
 }
 var un = [], Oi = class {
   constructor() {
-    this.changed = !1, this.values = un, this.toValues = null, this.fromValues = un, this.config = new $i(), this.immediate = !1;
+    this.changed = !1, this.values = un, this.toValues = null, this.fromValues = un, this.config = new Ii(), this.immediate = !1;
   }
 };
 function rr(e, { key: t, props: n, defaultProps: r, state: i, actions: s }) {
@@ -1017,8 +1017,8 @@ function sr(e, t, n, r) {
           throw De(n), w.result = U(r, !1), d(w), w;
         m(x);
         const P = h.obj(v) ? { ...v } : { ...b, to: v };
-        P.parentId = i, Y(c, (A, I) => {
-          h.und(P[I]) && (P[I] = A);
+        P.parentId = i, Y(c, (A, $) => {
+          h.und(P[$]) && (P[$] = A);
         });
         const S = await r.start(P);
         return m(x), n.paused && await new Promise((A) => {
@@ -1103,7 +1103,7 @@ var ln = class extends Error {
   }
   /** Tell our children about our new value */
   _onChange(e, t = !1) {
-    $e(this, {
+    Ie(this, {
       type: "change",
       parent: this,
       value: e,
@@ -1112,7 +1112,7 @@ var ln = class extends Error {
   }
   /** Tell our children about our new priority */
   _onPriorityChange(e) {
-    this.idle || st.sort(this), $e(this, {
+    this.idle || st.sort(this), Ie(this, {
       type: "priority",
       parent: this,
       priority: e
@@ -1198,9 +1198,9 @@ var ln = class extends Error {
           } else {
             b = c.lastVelocity == null ? v : c.lastVelocity;
             const w = s.restVelocity || x / 10, P = s.clamp ? 0 : s.bounce, S = !h.und(P), A = p == d ? c.v0 > 0 : p < d;
-            let I, ce = !1;
+            let $, ce = !1;
             const O = 1, se = Math.ceil(e / O);
-            for (let V = 0; V < se && (I = Math.abs(b) > w, !(!I && (f = Math.abs(d - m) <= x, f))); ++V) {
+            for (let V = 0; V < se && ($ = Math.abs(b) > w, !(!$ && (f = Math.abs(d - m) <= x, f))); ++V) {
               S && (ce = m == d || m > d == A, ce && (b = -b * P, m = d));
               const Z = -s.tension * 1e-6 * (m - d), J = -s.friction * 1e-3 * b, Er = (Z + J) / s.mass;
               b = b + Er * O, m = m + b * O;
@@ -1354,7 +1354,7 @@ var ln = class extends Error {
     const m = !K(u, l);
     m && this._focus(u);
     const y = Tt(t.to), { config: p } = a, { decay: v, velocity: b } = p;
-    (r || i) && (p.velocity = 0), t.config && !y && Ii(
+    (r || i) && (p.velocity = 0), t.config && !y && $i(
       p,
       oe(t.config, s),
       // Avoid calling the same "config" prop twice.
@@ -1368,11 +1368,11 @@ var ln = class extends Error {
       // except for declarative updates. When `reset` is defined, there
       // must exist a value to animate from.
       h.und(t.reset) ? i && !t.default : !h.und(d) && Pe(t.reset, s)
-    ), P = w ? d : this.get(), S = Re(u), A = h.num(S) || h.arr(S) || ct(S), I = !y && (!A || Pe(o.immediate || t.immediate, s));
+    ), P = w ? d : this.get(), S = Re(u), A = h.num(S) || h.arr(S) || ct(S), $ = !y && (!A || Pe(o.immediate || t.immediate, s));
     if (m) {
       const V = Pt(u);
       if (V !== x.constructor)
-        if (I)
+        if ($)
           x = this._set(S);
         else
           throw Error(
@@ -1383,9 +1383,9 @@ var ln = class extends Error {
     let O = M(u), se = !1;
     if (!O) {
       const V = w || !yt(this) && f;
-      (m || V) && (se = K(Re(P), S), O = !se), (!K(a.immediate, I) && !I || !K(p.decay, v) || !K(p.velocity, b)) && (O = !0);
+      (m || V) && (se = K(Re(P), S), O = !se), (!K(a.immediate, $) && !$ || !K(p.decay, v) || !K(p.velocity, b)) && (O = !0);
     }
-    if (se && ee(this) && (a.changed && !w ? O = !0 : O || this._stop(l)), !y && ((O || M(l)) && (a.values = x.getPayload(), a.toValues = M(u) ? null : ce == Ce ? [1] : z(S)), a.immediate != I && (a.immediate = I, !I && !w && this._set(l)), O)) {
+    if (se && ee(this) && (a.changed && !w ? O = !0 : O || this._stop(l)), !y && ((O || M(l)) && (a.values = x.getPayload(), a.toValues = M(u) ? null : ce == Ce ? [1] : z(S)), a.immediate != $ && (a.immediate = $, !$ && !w && this._set(l)), O)) {
       const { onRest: V } = a;
       T(Li, (J) => mn(this, t, J));
       const Z = U(this, ye(this, l));
@@ -1408,7 +1408,7 @@ var ln = class extends Error {
   }
   _detach() {
     const { to: e } = this.animation;
-    M(e) && Ie(e, this);
+    M(e) && $e(e, this);
   }
   /**
    * Update the current value from outside the frameloop,
@@ -1460,7 +1460,7 @@ var ln = class extends Error {
       const n = this.animation;
       T(n.values, (i) => {
         i.done = !0;
-      }), n.toValues && (n.onChange = n.onPause = n.onResume = void 0), $e(this, {
+      }), n.toValues && (n.onChange = n.onPause = n.onResume = void 0), Ie(this, {
         type: "idle",
         parent: this
       });
@@ -1573,7 +1573,7 @@ var Vi = ["onStart", "onChange", "onRest"], zi = 1, Ni = class {
    */
   start(t) {
     let { queue: n } = this;
-    return t ? n = z(t).map(Le) : this.queue = [], this._flush ? this._flush(this, n) : (pr(this, n), $t(this, n));
+    return t ? n = z(t).map(Le) : this.queue = [], this._flush ? this._flush(this, n) : (pr(this, n), It(this, n));
   }
   /** @internal */
   stop(t, n) {
@@ -1632,7 +1632,7 @@ var Vi = ["onStart", "onChange", "onRest"], zi = 1, Ni = class {
     k.onFrame(this._onFrame);
   }
 };
-function $t(e, t) {
+function It(e, t) {
   return Promise.all(t.map((n) => lr(e, n))).then(
     (n) => Gt(e, n)
   );
@@ -1788,9 +1788,9 @@ function Fi(e, t, n) {
       queue: [],
       flush(b, x) {
         const w = gn(b, x);
-        return s.current > 0 && !a.queue.length && !Object.keys(w).some((S) => !b.springs[S]) ? $t(b, x) : new Promise((S) => {
+        return s.current > 0 && !a.queue.length && !Object.keys(w).some((S) => !b.springs[S]) ? It(b, x) : new Promise((S) => {
           dr(b, w), a.queue.push(() => {
-            S($t(b, x));
+            S(It(b, x));
           }), o();
         });
       }
@@ -1862,7 +1862,7 @@ var Bi = class extends Qt {
   // Stop observing our sources once we have no observers.
   _detach() {
     T(z(this.source), (e) => {
-      M(e) && Ie(e, this);
+      M(e) && $e(e, this);
     }), this._active.clear(), vt(this);
   }
   /** @internal */
@@ -1882,7 +1882,7 @@ function yn(e) {
 function vt(e) {
   e.idle || (e.idle = !0, T(ut(e), (t) => {
     t.done = !0;
-  }), $e(e, {
+  }), Ie(e, {
     type: "idle",
     parent: e
   }));
@@ -2027,12 +2027,12 @@ var Wi = /^(matrix|translate|scale|rotate|skew)/, Yi = /^(translate)/, Ki = /^(r
       this.inputs,
       (t) => T(
         t,
-        (n) => M(n) && Ie(n, this)
+        (n) => M(n) && $e(n, this)
       )
     );
   }
   eventObserved(e) {
-    e.type == "change" && (this._value = null), $e(this, e);
+    e.type == "change" && (this._value = null), Ie(this, e);
   }
 }, Ji = [
   "a",
@@ -2192,8 +2192,7 @@ function gr({
 }) {
   const a = r ?? "div", [l, c] = B(!1), [u, d] = Me(() => ({
     opacity: i ? 0 : 1,
-    transform: i ? "scale(0)" : "scale(1)",
-    config: { duration: 200 }
+    config: { duration: 600 }
   })), f = R(e);
   N(() => {
     if (!e) {
@@ -2205,9 +2204,8 @@ function gr({
     const V = se ? 500 : Math.floor(Math.random() * (o - 3500 + 1)) + 3500, Z = setTimeout(() => {
       d.start({
         opacity: 0,
-        transform: "translateY(15px)",
         onRest: () => {
-          c((J) => !J), d.start({ opacity: 1, transform: "translateY(0px)" });
+          c((J) => !J), d.start({ opacity: 1 });
         }
       });
     }, V);
@@ -2228,7 +2226,7 @@ function gr({
     fontStyle: x,
     letterSpacing: w,
     lineHeight: P
-  }, I = {
+  }, $ = {
     ...S,
     display: "inline-grid",
     alignContent: "center"
@@ -2247,7 +2245,7 @@ function gr({
         ...u,
         display: "inline-block"
       },
-      children: /* @__PURE__ */ $(a, { style: I, children: [
+      children: /* @__PURE__ */ I(a, { style: $, children: [
         /* @__PURE__ */ g("span", { style: ce, children: y }),
         /* @__PURE__ */ g("span", { style: O, children: t.english }),
         /* @__PURE__ */ g("span", { style: O, children: t.simplified }),
@@ -2447,7 +2445,7 @@ const ba = ({
   let o;
   return e === "plus" ? o = /* @__PURE__ */ g(fs, {}) : e === "send" && (o = /* @__PURE__ */ g(hs, {})), /* @__PURE__ */ g(ns, { onClick: () => {
     r && r();
-  }, children: /* @__PURE__ */ $(rs, { className: n, children: [
+  }, children: /* @__PURE__ */ I(rs, { className: n, children: [
     /* @__PURE__ */ g(is, { children: o }),
     /* @__PURE__ */ g(
       gr,
@@ -2596,7 +2594,7 @@ const Es = _.input`
 	width: 0;
 	height: 0;
 	position: absolute;
-`, It = _.span`
+`, $t = _.span`
 	position: absolute;
 	top: 50%;
 	left: ${({ $checked: e }) => e ? "14px" : "0px"};
@@ -2616,7 +2614,7 @@ const Es = _.input`
 	-webkit-tap-highlight-color: transparent;
 
 	@media (hover: hover) {
-		&:hover ${It} {
+		&:hover ${$t} {
 			background-color: ${({ $checked: e, theme: t }) => {
   var n, r;
   return e ? ((n = t.colors) == null ? void 0 : n.toggleHoverOn) || "rgba(72, 159, 181, 0.08)" : ((r = t.colors) == null ? void 0 : r.toggleHoverOff) || "rgba(0, 0, 0, 0.04)";
@@ -2624,13 +2622,13 @@ const Es = _.input`
 		}
 	}
 
-	&:focus-within ${It} {
+	&:focus-within ${$t} {
 		background-color: ${({ $checked: e, theme: t }) => {
   var n, r;
   return e ? ((n = t.colors) == null ? void 0 : n.toggleFocusOn) || "rgba(72, 159, 181, 0.12)" : ((r = t.colors) == null ? void 0 : r.toggleFocusOff) || "rgba(0, 0, 0, 0.06)";
 }};
 	}
-`, $s = _.span`
+`, Is = _.span`
 	width: 34px;
 	height: 14px;
 	background-color: ${({ $checked: e, theme: t }) => {
@@ -2639,7 +2637,7 @@ const Es = _.input`
 }};
 	border-radius: 7px;
 	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
-`, Is = _.span`
+`, $s = _.span`
 	position: absolute;
 	top: 50%;
 	left: ${({ $checked: e }) => e ? "14px" : "0px"};
@@ -2673,7 +2671,7 @@ const Es = _.input`
   disabled: r = !1
 }) => {
   const [i, s] = B(t), o = e !== void 0, a = o ? e : i;
-  return /* @__PURE__ */ $(As, { $checked: a, onClick: (c) => c.stopPropagation(), children: [
+  return /* @__PURE__ */ I(As, { $checked: a, onClick: (c) => c.stopPropagation(), children: [
     /* @__PURE__ */ g(
       Es,
       {
@@ -2688,9 +2686,9 @@ const Es = _.input`
         disabled: r
       }
     ),
-    /* @__PURE__ */ g($s, { $checked: a }),
-    /* @__PURE__ */ g(It, { $checked: a }),
-    /* @__PURE__ */ g(Is, { $checked: a })
+    /* @__PURE__ */ g(Is, { $checked: a }),
+    /* @__PURE__ */ g($t, { $checked: a }),
+    /* @__PURE__ */ g($s, { $checked: a })
   ] });
 }, Cs = {
   translate: ks,
@@ -2719,10 +2717,10 @@ const Es = _.input`
       onChange: u
     }
   ) : /* @__PURE__ */ g(Ps, {});
-  return /* @__PURE__ */ $(ws, { onClick: y, style: l, children: [
+  return /* @__PURE__ */ I(ws, { onClick: y, style: l, children: [
     f && /* @__PURE__ */ g(tt, { $x: f.x, $y: f.y }, f.key),
-    /* @__PURE__ */ $(_s, { children: [
-      /* @__PURE__ */ $(xs, { children: [
+    /* @__PURE__ */ I(_s, { children: [
+      /* @__PURE__ */ I(xs, { children: [
         /* @__PURE__ */ g(_n, { children: /* @__PURE__ */ g(d, { size: "1rem" }) }),
         /* @__PURE__ */ g(Ss, { children: n ? /* @__PURE__ */ g(
           gr,
@@ -2746,7 +2744,7 @@ const Es = _.input`
 }, Ea = {
   tension: nt.tension * 3,
   friction: nt.friction
-}, Aa = { tension: 185, friction: 25 }, $a = { tension: 50, friction: 20 }, Ia = { tension: 280, friction: 22, mass: 1 }, Oa = { tension: 220, friction: 26, mass: 1 }, je = "cubic-bezier(0.4, 0.0, 0.2, 1)", Rs = X`
+}, Aa = { tension: 185, friction: 25 }, Ia = { tension: 50, friction: 20 }, $a = { tension: 280, friction: 22, mass: 1 }, Oa = { tension: 220, friction: 26, mass: 1 }, je = "cubic-bezier(0.4, 0.0, 0.2, 1)", Rs = X`
     0% {
         transform: translate(-50%, -50%) rotate(0deg);
     }
@@ -2927,7 +2925,7 @@ const Es = _.input`
         a(!1), t == null || t();
       }
     });
-  }, [e, c, t]), o ? /* @__PURE__ */ $(
+  }, [e, c, t]), o ? /* @__PURE__ */ I(
     Ns,
     {
       style: {
@@ -2937,7 +2935,7 @@ const Es = _.input`
       children: [
         /* @__PURE__ */ g(Us, { children: /* @__PURE__ */ g("defs", { children: /* @__PURE__ */ g("clipPath", { id: "rounded-pentagon", clipPathUnits: "objectBoundingBox", children: /* @__PURE__ */ g("path", { d: "M 0.5 0.05 Q 0.52 0.05, 0.54 0.07 L 0.93 0.34 Q 0.97 0.37, 0.96 0.41 L 0.81 0.92 Q 0.80 0.97, 0.75 0.97 L 0.25 0.97 Q 0.20 0.97, 0.19 0.92 L 0.04 0.41 Q 0.03 0.37, 0.07 0.34 L 0.46 0.07 Q 0.48 0.05, 0.5 0.05 Z" }) }) }) }),
         /* @__PURE__ */ g(Fs, { children: /* @__PURE__ */ g(Bs, {}) }),
-        /* @__PURE__ */ $(Ms, { children: [
+        /* @__PURE__ */ I(Ms, { children: [
           /* @__PURE__ */ g(xn, { $position: "top", $color: i, children: n }),
           /* @__PURE__ */ g(js, { $color: s, children: r }),
           /* @__PURE__ */ g(xn, { $position: "bottom", $color: i, children: n })
@@ -3089,7 +3087,7 @@ const Gs = _.div`
   row2: ["ㄆ", "ㄊ", "ㄍ", "ㄐ", "ㄔ", "ㄗ", "ㄧ", "ㄛ", "ㄟ", "ㄣ"],
   row3: ["ㄇ", "ㄋ", "ㄎ", "ㄑ", "ㄕ", "ㄘ", "ㄨ", "ㄜ", "ㄠ", "ㄤ"],
   row4: ["ㄈ", "ㄌ", "ㄏ", "ㄒ", "ㄖ", "ㄙ", "ㄩ", "ㄝ", "ㄡ", "ㄥ"]
-}, Zs = 400, Js = Ir(
+}, Zs = 400, Js = $r(
   ({
     onKeyPress: e,
     onBackspace: t,
@@ -3135,13 +3133,13 @@ const Gs = _.div`
       },
       `${S}-${A}`
     );
-    return /* @__PURE__ */ $(qs, { $shaking: l, children: [
+    return /* @__PURE__ */ I(qs, { $shaking: l, children: [
       /* @__PURE__ */ g(Xs, { style: { height: m.height.to((S) => `${S}rem`) }, children: /* @__PURE__ */ g(Qs, { $visible: !!i, children: c }) }),
       /* @__PURE__ */ g(be, { children: qe.row1.map(P) }),
       /* @__PURE__ */ g(be, { children: qe.row2.map(P) }),
       /* @__PURE__ */ g(be, { children: qe.row3.map(P) }),
       /* @__PURE__ */ g(be, { children: qe.row4.map(P) }),
-      /* @__PURE__ */ $(be, { $justify: "flex-start", children: [
+      /* @__PURE__ */ I(be, { $justify: "flex-start", children: [
         /* @__PURE__ */ g(
           we,
           {
@@ -3253,9 +3251,9 @@ function Ra({
         r();
     }
   };
-  return /* @__PURE__ */ $(eo, { children: [
+  return /* @__PURE__ */ I(eo, { children: [
     /* @__PURE__ */ g(to, { ref: s, $index: l }),
-    e.map((u) => /* @__PURE__ */ $(
+    e.map((u) => /* @__PURE__ */ I(
       no,
       {
         $isSelected: t === u.value,
@@ -3524,8 +3522,8 @@ class xo {
     if (r.hasCustomTransform ? (u[0] === !1 && (u[0] = Math.abs(o) >= l && d[0]), u[1] === !1 && (u[1] = Math.abs(a) >= c && d[1])) : (u[0] === !1 && (u[0] = Math.abs(o) >= l && Math.sign(o) * l), u[1] === !1 && (u[1] = Math.abs(a) >= c && Math.sign(a) * c)), n.intentional = u[0] !== !1 || u[1] !== !1, !n.intentional) return;
     const f = [0, 0];
     if (r.hasCustomTransform) {
-      const [A, I] = d;
-      f[0] = u[0] !== !1 ? A - u[0] : 0, f[1] = u[1] !== !1 ? I - u[1] : 0;
+      const [A, $] = d;
+      f[0] = u[0] !== !1 ? A - u[0] : 0, f[1] = u[1] !== !1 ? $ - u[1] : 0;
     } else
       f[0] = u[0] !== !1 ? o - u[0] : 0, f[1] = u[1] !== !1 ? a - u[1] : 0;
     this.restrictToAxis && !n._blocked && this.restrictToAxis(f);
@@ -3595,7 +3593,7 @@ class ko extends xo {
       }
   }
 }
-const $n = (e) => e, In = 0.15, Wt = {
+const In = (e) => e, $n = 0.15, Wt = {
   enabled(e = !0) {
     return e;
   },
@@ -3611,7 +3609,7 @@ const $n = (e) => e, In = 0.15, Wt = {
   rubberband(e = 0) {
     switch (e) {
       case !0:
-        return [In, In];
+        return [$n, $n];
       case !1:
         return [0, 0];
       default:
@@ -3625,13 +3623,13 @@ const $n = (e) => e, In = 0.15, Wt = {
   transform(e, t, n) {
     const r = e || n.shared.transform;
     if (this.hasCustomTransform = !!r, process.env.NODE_ENV === "development") {
-      const i = r || $n;
+      const i = r || In;
       return (s) => {
         const o = i(s);
         return (!isFinite(o[0]) || !isFinite(o[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${o[0]},${[1]}]`), o;
       };
     }
-    return r || $n;
+    return r || In;
   },
   threshold(e) {
     return C.toVector(e, 0);
@@ -3835,10 +3833,10 @@ function Sr() {
 function Ao() {
   return Sr() || Be && window.navigator.maxTouchPoints > 1;
 }
-function $o() {
+function Io() {
   return Be && "onpointerdown" in window;
 }
-function Io() {
+function $o() {
   return Be && "exitPointerLock" in window.document;
 }
 function Oo() {
@@ -3853,8 +3851,8 @@ const j = {
   gesture: Oo(),
   touch: Sr(),
   touchscreen: Ao(),
-  pointer: $o(),
-  pointerLock: Io()
+  pointer: Io(),
+  pointerLock: $o()
 }, Co = 250, Ro = 180, Do = 0.5, Lo = 50, Vo = 250, zo = 10, Cn = {
   mouse: 0,
   touch: 0,
@@ -4328,7 +4326,7 @@ function Da({
       eventOptions: { passive: !1 }
     }
   );
-  return c ? /* @__PURE__ */ $(Kt, { children: [
+  return c ? /* @__PURE__ */ I(Kt, { children: [
     /* @__PURE__ */ g(
       pe.div,
       {
@@ -4354,7 +4352,7 @@ function Da({
           zIndex: 50,
           transform: d.y.to((p) => `translateY(${p}px)`)
         },
-        children: /* @__PURE__ */ $(Xo, { ref: l, children: [
+        children: /* @__PURE__ */ I(Xo, { ref: l, children: [
           /* @__PURE__ */ g(ea, { children: r }),
           /* @__PURE__ */ g(
             "div",
@@ -4435,14 +4433,14 @@ function La({
   }, d = (f) => {
     l(f, "cancel"), o();
   };
-  return /* @__PURE__ */ $(ra, { children: [
+  return /* @__PURE__ */ I(ra, { children: [
     /* @__PURE__ */ g(ia, { children: e }),
     t && /* @__PURE__ */ g(sa, { children: t }),
-    /* @__PURE__ */ $(Dn, { $destructive: i, onClick: u, children: [
+    /* @__PURE__ */ I(Dn, { $destructive: i, onClick: u, children: [
       c("confirm") && a && /* @__PURE__ */ g(tt, { $x: a.x, $y: a.y }, a.key),
       n
     ] }),
-    /* @__PURE__ */ $(Dn, { onClick: d, children: [
+    /* @__PURE__ */ I(Dn, { onClick: d, children: [
       c("cancel") && a && /* @__PURE__ */ g(tt, { $x: a.x, $y: a.y }, a.key),
       r
     ] })
@@ -4496,7 +4494,7 @@ function Va({
   label: t,
   variant: n = "primary"
 }) {
-  return /* @__PURE__ */ $(aa, { $variant: n, children: [
+  return /* @__PURE__ */ I(aa, { $variant: n, children: [
     /* @__PURE__ */ g(ca, { $variant: n, children: e }),
     t && /* @__PURE__ */ g(ua, { children: t })
   ] });
@@ -4616,12 +4614,12 @@ export {
   ka as SPRING_COMFORTABLE_SLOW,
   Aa as SPRING_GENTLE,
   Ea as SPRING_INSTANT,
-  Ia as SPRING_LANDING,
+  $a as SPRING_LANDING,
   nt as SPRING_RESPONSIVE,
   Oa as SPRING_RISING,
   Pa as SPRING_SNAPPY,
   Ta as SPRING_STAGGERED,
-  $a as SPRING_VERY_SLOW,
+  Ia as SPRING_VERY_SLOW,
   Os as ToggleSwitch,
   xa as UnorderedListItemContainer,
   Js as ZhuyinKeyboard,

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "ymy-components",
 	"private": false,
-	"version": "0.0.61",
+	"version": "0.0.64",
 	"type": "module",
 	"main": "./dist/index.cjs",
 	"module": "./dist/index.js",