https://memorylink.app/assets/motion-flow-C0Lju8pQ.js

1import{s as e,t}from"./react-CtTwWkI9.js";import{t as n}from"./jsx-runtime-Deq3KfO3.js";import{t as r}from"./compiler-runtime-Bx0QOiZF.js";import{t as i}from"./proxy-DjGprnBa.js";import{t as ee}from"./use-transform-BRIwtdul.js";import{t as te}from"./use-motion-value-event-OjlydELi.js";import{t as ne}from"./use-time-DVf4ydd3.js";import{d as re,f as ie,h as ae,i as oe,l as se,n as ce,o as le,s as ue}from"./stage-chrome-C-RvBIJL.js";import{t as de}from"./browser-frame-DtRGUC6B.js";import{t as fe}from"./FakeSite-BPaaBchX.js";import{A as pe,C as me,D as he,F as ge,S as a,T as _e,_ as ve,a as o,b as s,c,f as l,g as ye,i as u,k as be,l as d,m as xe,n as f,o as Se,p,r as m,s as Ce,t as h,u as g,v as we,w as Te,x as _,y as Ee}from"./timeline-BS6RGaYL.js";var De=r(),v=e(t()),y=e(n()),b=e=>e/l,x={duration:l,times:void 0,repeat:1/0,ease:`linear`};function S(e,t={}){return{...x,times:e,...t}}var C={x:1160,y:96},Oe=(()=>{let e=[],t=[],n=[],r=(r,i)=>{e.push(b(r)),t.push(i.x),n.push(i.y)};return r(0,C),r(h.panIn-g,C),p.forEach((e,t)=>{let n=ge(e.rect);r(e.at,n);let i=p[t+1];r(i?i.at-g:h.toolbarHover-g,n)}),r(h.toolbarHover,me),r(h.toolbarZoomOut,me),r(h.cropResizeStart,{x:d.x,y:d.y}),r(h.cropResizeEnd,{x:c.x,y:c.y}),r(l,{x:c.x,y:c.y}),{times:e,x:t,y:n}})(),ke=[m,m,o,o,u,u,o,o,m];function Ae(e){let t=(0,De.c)(55),{scale:n}=e,r=n===void 0?1:n,me=ne(),ge=ee(me,Pe),[o,l]=(0,v.useState)(`selection`),[u,m]=(0,v.useState)(!1),[C,Ae]=(0,v.useState)(0),[w,Fe]=(0,v.useState)(-1),[Ie,Le]=(0,v.useState)(!1),[Re,ze]=(0,v.useState)(!1),[Be,Ve]=(0,v.useState)(-1),T;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(T=e=>{let t=e>=h.cropEnter&&e<h.savedOut?`crop`:`selection`;l(e=>e===t?e:t);let n=e>=h.select&&e<h.save;m(e=>e===n?e:n);let r=e<h.select?be(e):-1;Fe(e=>e===r?e:r);let i=e>=h.select&&e<h.cropEnter;Le(e=>e===i?e:i);let ee=he(e);ze(e=>e===ee?e:ee);let te=ve.findIndex((t,n)=>pe(e,n)>.5);Ve(e=>e===te?e:te);let ne=e<=h.save?0:e>=h.captureEnd?100:(e-h.save)/(h.captureEnd-h.save)*100,re=Math.round(ne/4)*4;Ae(e=>e===re?e:re)},t[0]=T):T=t[0],te(ge,`change`,T);let He=Ee*r,Ue=we*r,E;t[1]!==He||t[2]!==Ue?(E={width:He,height:Ue,overflow:`hidden`},t[1]=He,t[2]=Ue,t[3]=E):E=t[3];let We=`scale(${r})`,D;t[4]===We?D=t[5]:(D={width:Ee,height:we,background:`#faf7f2`,transform:We,transformOrigin:`top left`},t[4]=We,t[5]=D);let O,k,A;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(k={position:`absolute`,inset:0,transformOrigin:`top left`},A={scale:ke.map(Ne),x:ke.map(Me),y:ke.map(je)},O=S([0,b(h.cameraPullBack),b(h.cameraWide),b(h.toolbarZoomIn),b(h.toolbarClose),b(h.toolbarZoomOut),b(h.toolbarWide),b(h.savedOut),1],{ease:[`linear`,[...f],`linear`,[...f],`linear`,[...f],`linear`,[...f]]}),t[6]=O,t[7]=k,t[8]=A):(O=t[6],k=t[7],A=t[8]);let j;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(j=(0,y.jsx)(`div`,{style:{position:`absolute`,inset:0,overflow:`hidden`},children:(0,y.jsx)(fe,{})}),t[9]=j):j=t[9];let M;t[10]===w?M=t[11]:(M=w>=0&&(0,y.jsx)(i.div,{style:ue,initial:!1,animate:{left:p[w].rect.x,top:p[w].rect.y,width:p[w].rect.width,height:p[w].rect.height},transition:{duration:.1,ease:[...xe]}}),t[10]=w,t[11]=M);let N;t[12]===Ie?N=t[13]:(N=Ie&&(0,y.jsx)(re,{rect:ye,opacity:1}),t[12]=Ie,t[13]=N);let P,F;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(P={opacity:[0,0,1,1,0,0],left:[d.x,d.x,d.x,c.x,c.x,c.x],top:[d.y,d.y,d.y,c.y,c.y,c.y],width:[d.width,d.width,d.width,c.width,c.width,c.width],height:[d.height,d.height,d.height,c.height,c.height,c.height]},F=S([0,b(h.cropEnter),b(h.cropResizeStart),b(h.cropResizeEnd),b(h.save),1]),t[14]=P,t[15]=F):(P=t[14],F=t[15]);let I;t[16]===Symbol.for(`react.memo_cache_sentinel`)?(I=(0,y.jsx)(i.div,{className:`screenshot-crop-selection`,animate:P,transition:F,children:(0,y.jsx)(i.div,{animate:{opacity:[0,0,1,1,0,0]},transition:S([0,b(h.cropHandles-.1),b(h.cropHandles),b(h.cropResizeEnd),b(h.save),1]),children:(0,y.jsx)(oe,{opacity:1})})}),t[16]=I):I=t[16];let L,R;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(L={opacity:[0,0,1,1,1,1,1,1,0,0,1,0,0],scale:[.94,.94,1,1,1,1,1,1,1,1,1,1,.94],left:[_.x,_.x,_.x,_.x,a.x,a.x,s.x,s.x,s.x,s.x,s.x,s.x,_.x],top:[_.y,_.y,_.y,_.y,a.y,a.y,s.y,s.y,s.y,s.y,s.y,s.y,_.y]},R=S([0,b(h.cameraWide-.12),b(h.cameraWide),b(h.select),b(h.select+_e),b(h.cropResizeStart),b(h.cropResizeEnd),b(h.save),b(h.save+.1),b(h.captureEnd),b(h.savedIn),b(h.savedOut),1],{ease:[`linear`,`linear`,`linear`,[...Te],`linear`,`linear`,`linear`,`linear`,`linear`,`linear`,`linear`,`linear`]}),t[17]=L,t[18]=R):(L=t[17],R=t[18]);let z;t[19]!==u||t[20]!==Re||t[21]!==o?(z=(0,y.jsx)(ae,{mode:o,canSave:u,cropHovered:Re}),t[19]=u,t[20]=Re,t[21]=o,t[22]=z):z=t[22];let B;t[23]!==o||t[24]!==z?(B=(0,y.jsx)(i.div,{className:`screenshot-tool-toolbar`,role:`toolbar`,"aria-label":`Screenshot tools`,"data-mode":o,animate:L,transition:R,children:z}),t[23]=o,t[24]=z,t[25]=B):B=t[25];let V,H,U;t[26]===Symbol.for(`react.memo_cache_sentinel`)?(V={position:`absolute`,transformOrigin:`top left`},H={left:Oe.x,top:Oe.y},U=S(Oe.times),t[26]=V,t[27]=H,t[28]=U):(V=t[26],H=t[27],U=t[28]);let W;t[29]===Symbol.for(`react.memo_cache_sentinel`)?(W={opacity:[0,0,1,1,0,0],scale:[1,1,1,.82,1,1,.82,1,1]},t[29]=W):W=t[29];let G;t[30]===Symbol.for(`react.memo_cache_sentinel`)?(G={...x,times:[0,b(h.panIn-g-.06),b(h.panIn-g),b(h.cropResizeEnd),b(h.save),1]},t[30]=G):G=t[30];let K;t[31]===Symbol.for(`react.memo_cache_sentinel`)?(K=(0,y.jsx)(i.div,{style:V,animate:H,transition:U,children:(0,y.jsx)(i.div,{animate:W,transition:{...x,opacity:G,scale:{...x,times:[0,b(h.select-.07),b(h.select-.02),b(h.select),b(h.select+.13),b(h.cropEnter-.05),b(h.cropEnter),b(h.cropEnter+.13),1]}},style:{transformOrigin:`top left`},children:(0,y.jsx)(le,{x:0,y:0,opacity:1,pressed:0})})}),t[31]=K):K=t[31];let q,J;t[32]===Symbol.for(`react.memo_cache_sentinel`)?(q={opacity:[1,1,0,0,1]},J=S([0,b(Ce),b(h.armed),b(h.savedOut),1]),t[32]=q,t[33]=J):(q=t[32],J=t[33]);let Y;t[34]===Be?Y=t[35]:(Y=ve.map((e,t)=>({label:e,pressed:+(t===Be)})),t[34]=Be,t[35]=Y);let X;t[36]===Y?X=t[37]:(X=(0,y.jsx)(i.div,{animate:q,transition:J,children:(0,y.jsx)(ie,{opacity:1,caps:Y})}),t[36]=Y,t[37]=X);let Ge,Ke;t[38]===Symbol.for(`react.memo_cache_sentinel`)?(Ge={opacity:[0,0,1,1,0,0]},Ke=S([0,b(h.save),b(h.save+.12),b(h.captureEnd-.1),b(h.captureEnd),1]),t[38]=Ge,t[39]=Ke):(Ge=t[38],Ke=t[39]);let Z;t[40]===C?Z=t[41]:(Z=(0,y.jsx)(i.div,{animate:Ge,transition:Ke,children:(0,y.jsx)(ce,{opacity:1,progressPercent:C,left:Se.left,top:Se.top})}),t[40]=C,t[41]=Z);let qe;t[42]===Symbol.for(`react.memo_cache_sentinel`)?(qe=(0,y.jsx)(i.div,{animate:{o

1pacity:[0,0,1,1,0,0]},transition:S([0,b(h.savedIn-.08),b(h.savedIn),b(h.savedOut-.2),b(h.savedOut),1]),children:(0,y.jsx)(se,{rect:c,opacity:1})}),t[42]=qe):qe=t[42];let Q;t[43]!==M||t[44]!==N||t[45]!==B||t[46]!==X||t[47]!==Z?(Q=(0,y.jsx)(i.div,{style:k,animate:A,transition:O,children:(0,y.jsxs)(de,{pageHeight:820,children:[j,M,N,I,B,K,X,Z,qe]})}),t[43]=M,t[44]=N,t[45]=B,t[46]=X,t[47]=Z,t[48]=Q):Q=t[48];let $;t[49]!==Q||t[50]!==D?($=(0,y.jsx)(`div`,{className:`screenshot-stage`,style:D,children:Q}),t[49]=Q,t[50]=D,t[51]=$):$=t[51];let Je;return t[52]!==$||t[53]!==E?(Je=(0,y.jsx)(`div`,{style:E,children:$}),t[52]=$,t[53]=E,t[54]=Je):Je=t[54],Je}function je(e){return e.y}function Me(e){return e.x}function Ne(e){return e.zoom}function Pe(e){return e/1e3%l}export{Ae as t};