(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77974],{89223:(s,r,e)=>{"use strict";e.d(r,{A:()=>b});var n=e(95751),t=e(88655),a=e(70785),c=e(10779),l=e(32692);let o=t.forwardRef(function(s,r){let{Icon:e,iconSide:t="left",iconProps:a={},backgroundColor:c,highlightColor:o,boopEffect:b={rotation:10},children:I,style:f={},discouraged:v=!1,href:j,textAlign:A="center",...h}=s,[y,g]=(0,l.A)(b);return(0,n.jsxs)(p,{ref:r,onMouseEnter:()=>{g()},style:{"--pb-background-color":c,"--pb-highlight-color":o,...f},"data-discouraged":v,href:j,as:"string"==typeof j?"a":"button",...h,children:[e&&(0,n.jsx)(d,{style:{order:"left"===t?1:3},children:(0,n.jsx)(u,{children:(0,n.jsx)(m,{style:y,children:(0,n.jsx)(e,{size:20,...a})})})}),I&&(0,n.jsx)(x,{style:{order:2},children:I}),"true-center"===A&&(0,n.jsx)(i,{style:{order:"left"===t?3:1}})]})}),p=(0,a.I)("button")({name:"Wrapper",class:"w19mrn5v",propsAsIs:!1}),i=(0,a.I)("span")({name:"Col",class:"c1rpf4ut",propsAsIs:!1}),d=(0,a.I)(i)({name:"IconCol",class:"iwv8n0j",propsAsIs:!0}),u=(0,a.I)("span")({name:"IconBox",class:"i1qpbbb9",propsAsIs:!1}),m=(0,a.I)(c.CS.span)({name:"IconWrapper",class:"i1m1cbkp",propsAsIs:!0}),x=(0,a.I)("span")({name:"ChildWrapper",class:"c7sw782",propsAsIs:!1}),b=o;e(82467)},89754:(s,r,e)=>{"use strict";e.d(r,{A:()=>a});var n=e(70785),t=e(89223);let a=(0,n.I)(t.A)({name:"ButtonPrimary",class:"bcww6zb",propsAsIs:!0});e(62160)},20798:(s,r,e)=>{"use strict";e.d(r,{A:()=>p});var n=e(95751),t=e(88655),a=e(70785),c=e(34584);let l=(0,a.I)("svg")({name:"Svg",class:"s876rwi",propsAsIs:!1}),o=(0,a.I)("line")({name:"Axis",class:"aalvasc",propsAsIs:!0}),p=t.memo(function(s){let{numOfRows:r=12,numOfCols:e=12,axisLines:t,...a}=s,p=(0,c.y1)(r-1).map(s=>(0,c.y1)(e-1).map(a=>{let c=a===e/2-1;return t&&(s===r/2-1||c)?null:(0,n.jsx)("circle",{cx:(a+1)/e*200,cy:(s+1)/r*200,r:1,fill:"var(--dot-color, var(--color-gray-300))",fillOpacity:"var(--dot-opacity, 0.5)"},a)}));return(0,n.jsxs)(l,{viewBox:"0 0 200 200",...a,children:[t&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o,{x1:0,y1:100,x2:200,y2:100}),(0,n.jsx)(o,{x1:100,y1:0,x2:100,y2:200})]}),(0,n.jsx)("g",{children:p})]})});e(25996)},87532:(s,r,e)=>{"use strict";e.d(r,{Ay:()=>d,K1:()=>a});var n=e(95751),t=e(70785);let a=228,c=(0,t.I)("div")({name:"BlockWrapper",class:"bba74ff",propsAsIs:!1}),l=(0,t.I)("div")({name:"BackgroundLayer",class:"by3bjmz",propsAsIs:!1}),o=(0,t.I)("div")({name:"Block",class:"b7i16se",propsAsIs:!1}),p=(0,t.I)("div")({name:"Track",class:"tx8tqis",propsAsIs:!1}),i=(0,t.I)(o)({name:"GhostBlock",class:"g5ze39b",propsAsIs:!0}),d=function(s){let{style:r,blockAs:e="div",...t}=s;return(0,n.jsxs)(c,{...t,children:[(0,n.jsxs)(l,{children:[(0,n.jsx)(i,{}),(0,n.jsx)(p,{}),(0,n.jsx)(i,{})]}),(0,n.jsx)(o,{as:e,style:r})]})};e(74490)},77974:(s,r,e)=>{"use strict";e.r(r),e.d(r,{default:()=>W});var n=e(95751),t=e(88655),a=e(70785),c=e(63832),l=e(89754),o=e(88630),p=e(20798);let{sqrt:i,exp:d,sin:u,cos:m}=Math,x=(0,a.I)("div")({name:"Wrapper",class:"w1202yov",propsAsIs:!1}),b=(0,a.I)("div")({name:"Label",class:"ltd11up",propsAsIs:!1}),I=(0,a.I)(b)({name:"YLabel",class:"y1v3019n",propsAsIs:!0}),f=(0,a.I)(b)({name:"XLabel",class:"xjkcmda",propsAsIs:!0}),v=(0,a.I)(p.A)({name:"Background",class:"b11cft50",propsAsIs:!0}),j=(0,a.I)("svg")({name:"Svg",class:"s19f1uwv",propsAsIs:!1}),A=(0,a.I)("path")({name:"SpringPath",class:"s1k5idw",propsAsIs:!0}),h=t.memo(function(s){let{stiffness:r,damping:e,mass:t}=s,a=function(s,r,e){let n=[];for(let t=0;t<200;t++){let a=function(s,r,e,n,t){let[a]=(function(s,r,e,n,t,a,c){let l=function(s){let{k:r,c:e,m:n,x0:t,v0:a}=s,c=e*e-4*r*n;if(c>0){let s=(-e+i(c))/(2*n),r=(-e-i(c))/(2*n),l=(t*s-a)/(s-r),o=(a-t*r)/(s-r);return e=>[l*d(r*e)+o*d(s*e),l*r*d(r*e)+o*s*d(s*e)]}if(c<0){let s=-e/(2*n),r=i(-c)/(2*n),l=(a-s*t)/r;return e=>[d(s*e)*(t*m(r*e)+l*u(r*e)),d(s*e)*((l*r+t*s)*m(r*e)-(t*r-l*s)*u(r*e))]}{let s=-e/(2*n),r=a-s*t;return e=>[(t+r*e)*d(s*e),(r+t*s+r*s*e)*d(s*e)]}}({k:t,c:a,m:c,x0:150,v0:0});return s=>{let[r,e]=l((s-0)/1e3);return[0-r,e]}})(0,-150,0,0,r,e,n)(t);return a}(0,s,r,e,10.050251256281408*t),c=t/199*300,l=150-a;n.push({x:c,y:l})}return 0===n.length?"":n.map((s,r)=>0===r?"M ".concat(s.x," ").concat(s.y):"L ".concat(s.x," ").concat(s.y)).join(" ")}(r,e,t);return(0,n.jsxs)(x,{children:[(0,n.jsx)(I,{children:(0,n.jsx)("span",{children:"— Progress —"})}),(0,n.jsx)(f,{children:"— Time —"}),(0,n.jsx)(v,{numOfRows:10,numOfCols:10}),(0,n.jsx)(j,{viewBox:"0 0 ".concat(300," ").concat(300),children:(0,n.jsx)(A,{d:a})})]})});e(79282);var y=e(10779),g=e(87532);let w=function(s){let{stiffness:r,damping:e,direction:t}=s,a=(0,y.zh)({transform:"translateX(".concat("left"===t?0:g.K1,"px)"),config:{tension:r,friction:e}});return(0,n.jsx)(g.Ay,{blockAs:y.CS.div,style:a})},k=(0,a.I)(o.Ay)({name:"OuterWrapper",class:"o1gugn2u",propsAsIs:!0}),z=(0,a.I)("div")({name:"GraphWrapper",class:"g1crtnyl",propsAsIs:!1}),q=(0,a.I)("div")({name:"BlockWrapper",class:"b4pbmtr",propsAsIs:!1}),B=(0,a.I)("div")({name:"HorizontalRule",class:"h1h1z17j",propsAsIs:!1}),C=(0,a.I)(l.A)({name:"ActionButton",class:"avq0dv5",propsAsIs:!0}),W=function(s){let{stiffness:r=200,damping:e=20,mass:a=1}=s,[l,o]=t.useState(null),[p,i]=t.useState("left");return(0,n.jsxs)(k,{colorMode:"dark",children:[(0,n.jsx)(z,{children:(0,n.jsx)(h,{stiffness:r,damping:e,mass:a})}),(0,n.jsx)(q,{children:(0,n.jsx)(w,{stiffness:r,damping:e,mass:a,triggeredAt:l,direction:p})}),(0,n.jsx)(B,{}),(0,n.jsx)(C,{Icon:c.A,onClick:()=>{o(performance.now()),i("left"===p?"right":"left")},children:"Run Animation"})]})};e(86729)},82467:s=>{s.exports={w19mrn5v:"w19mrn5v",c1rpf4ut:"c1rpf4ut",iwv8n0j:"iwv8n0j",i1qpbbb9:"i1qpbbb9",i1m1cbkp:"i1m1cbkp",c7sw782:"c7sw782"}},62160:s=>{s.exports={bcww6zb:"bcww6zb",d16kq653:"d16kq653"}},25996:s=>{s.exports={s876rwi:"s876rwi",aalvasc:"aalvasc"}},74490:s=>{s.exports={bba74ff:"bba74ff",by3bjmz:"by3bjmz",b7i16se:"b7i16se",tx8tqis:"tx8tqis",g5ze39b:"g5ze39b"}},79282:s=>{s.exports={w1202yov:"w1202yov",ltd11up:"ltd11up",y1v3019n:"y1v3019n",xjkcmda:"xjkcmda",b11cft50:"b11cft50",s19f1uwv:"s19f1uwv",s1k5idw:"s1k5idw"}},86729:s=>{s.exports={o1gugn2u:"o1gugn2u",g1crtnyl:"g1crtnyl",b4pbmtr:"b4pbmtr",h1h1z17j:"h1h1z17j",avq0dv5:"avq0dv5"}}}]);
//# sourceMappingURL=77974.73719baf8ec7448a.js.map