var Component=(()=>{var F=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var pt=Object.prototype.hasOwnProperty;var mt=(e,t)=>{for(var n in t)F(e,n,{get:t[n],enumerable:!0})},gt=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of dt(t))!pt.call(e,o)&&o!==n&&F(e,o,{get:()=>t[o],enumerable:!(i=ft(t,o))||i.enumerable});return e};var vt=e=>gt(F({},"__esModule",{value:!0}),e);var St={};mt(St,{default:()=>Rt,meta:()=>Ot});var zt=__motif_jsx_runtime,{jsx:C,jsxs:T,Fragment:jt}=__motif_jsx_runtime;var{MDXContext:Pt,MDXProvider:Tt,useMDXComponents:G,withMDXComponents:Nt}=__motif_mdx_react;var U=React,{Children:It,cloneElement:Wt,Component:$t,createContext:X,createElement:Ft,createFactory:Gt,createRef:Xt,forwardRef:qt,Fragment:Jt,isValidElement:Vt,lazy:Bt,memo:Ht,Profiler:Kt,PureComponent:Qt,startTransition:Ut,StrictMode:Yt,Suspense:Zt,useCallback:N,useContext:q,useDebugValue:te,useDeferredValue:ee,useEffect:A,useId:ne,useImperativeHandle:oe,useInsertionEffect:ie,useLayoutEffect:re,useMemo:se,useReducer:_t,useRef:j,useState:ae,useSyncExternalStore:ce,useTransition:he}=React;var nt="http://www.w3.org/2000/svg",V=class{constructor(t){this.seed=t}next(){return this.seed?(2**31-1&(this.seed=Math.imul(48271,this.seed)))/2**31:Math.random()}};function R(e,t,n,i,o){return{type:"path",ops:L(e,t,n,i,o)}}function ot(e,t,n){let i=(e||[]).length;if(i>2){let o=[];for(let r=0;r500?.4:-.0016668*c+1.233334;let d=o.maxRandomnessOffset||0;d*d*100>s&&(d=c/10);let _=d/2,p=.2+.2*it(o),l=o.bowing*o.maxRandomnessOffset*(i-t)/200,h=o.bowing*o.maxRandomnessOffset*(e-n)/200;l=w(l,o,v),h=w(h,o,v);let u=[],m=()=>w(_,o,v),f=()=>w(d,o,v);return r&&(a?u.push({op:"move",data:[e+m(),t+m()]}):u.push({op:"move",data:[e+w(d,o,v),t+w(d,o,v)]})),a?u.push({op:"bcurveTo",data:[l+e+(n-e)*p+m(),h+t+(i-t)*p+m(),l+e+2*(n-e)*p+m(),h+t+2*(i-t)*p+m(),n+m(),i+m()]}):u.push({op:"bcurveTo",data:[l+e+(n-e)*p+f(),h+t+(i-t)*p+f(),l+e+2*(n-e)*p+f(),h+t+2*(i-t)*p+f(),n+f(),i+f()]}),u}function tt(e,t,n){let i=e.length,o=[];if(i>3){let r=[],a=1-n.curveTightness;o.push({op:"move",data:[e[1][0],e[1][1]]});for(let s=1;s+2y.setAttribute(g,b);for(let y of l){let g=document.createElementNS(nt,"path");if(f(g,"d",y),f(g,"fill","none"),f(g,"stroke",n.color||"currentColor"),f(g,"stroke-width",""+s),v){let b=g.getTotalLength();h.push(b),m+=b}e.appendChild(g),u.push(g)}if(v){let y=0;for(let g=0;g{this._resizing||(this._resizing=!0,setTimeout(()=>{this._resizing=!1,this._state==="showing"&&this.haveRectsChanged()&&this.show()},400))},this._e=t,this._config=JSON.parse(JSON.stringify(n)),this.attach()}get animate(){return this._config.animate}set animate(t){this._config.animate=t}get animationDuration(){return this._config.animationDuration}set animationDuration(t){this._config.animationDuration=t}get iterations(){return this._config.iterations}set iterations(t){this._config.iterations=t}get color(){return this._config.color}set color(t){this._config.color!==t&&(this._config.color=t,this.refresh())}get strokeWidth(){return this._config.strokeWidth}set strokeWidth(t){this._config.strokeWidth!==t&&(this._config.strokeWidth=t,this.refresh())}get padding(){return this._config.padding}set padding(t){this._config.padding!==t&&(this._config.padding=t,this.refresh())}attach(){if(this._state==="unattached"&&this._e.parentElement){(function(){if(!window.__rno_kf_s){let o=window.__rno_kf_s=document.createElement("style");o.textContent="@keyframes rough-notation-dash { to { stroke-dashoffset: 0; } }",document.head.appendChild(o)}})();let t=this._svg=document.createElementNS(nt,"svg");t.setAttribute("class","rough-annotation");let n=t.style;n.position="absolute",n.top="0",n.left="0",n.overflow="visible",n.pointerEvents="none",n.width="100px",n.height="100px";let i=this._config.type==="highlight";if(this._e.insertAdjacentElement(i?"beforebegin":"afterend",t),this._state="not-showing",i){let o=window.getComputedStyle(this._e).position;(!o||o==="static")&&(this._e.style.position="relative")}this.attachListeners()}}detachListeners(){window.removeEventListener("resize",this._resizeListener),this._ro&&this._ro.unobserve(this._e)}attachListeners(){this.detachListeners(),window.addEventListener("resize",this._resizeListener,{passive:!0}),!this._ro&&"ResizeObserver"in window&&(this._ro=new window.ResizeObserver(t=>{for(let n of t)n.contentRect&&this._resizeListener()})),this._ro&&this._ro.observe(this._e)}haveRectsChanged(){if(this._lastSizes.length){let t=this.rects();if(t.length!==this._lastSizes.length)return!0;for(let n=0;nMath.round(o)===Math.round(r);return i(t.x,n.x)&&i(t.y,n.y)&&i(t.w,n.w)&&i(t.h,n.h)}isShowing(){return this._state!=="not-showing"}refresh(){this.isShowing()&&!this.pendingRefresh&&(this.pendingRefresh=Promise.resolve().then(()=>{this.isShowing()&&this.show(),delete this.pendingRefresh}))}show(){switch(this._state){case"unattached":break;case"showing":this.hide(),this._svg&&this.render(this._svg,!0);break;case"not-showing":this.attach(),this._svg&&this.render(this._svg,!1)}}hide(){if(this._svg)for(;this._svg.lastChild;)this._svg.removeChild(this._svg.lastChild);this._state="not-showing"}remove(){this._svg&&this._svg.parentElement&&this._svg.parentElement.removeChild(this._svg),this._svg=void 0,this._state="unattached",this.detachListeners()}render(t,n){let i=this._config;n&&(i=JSON.parse(JSON.stringify(this._config)),i.animate=!1);let o=this.rects(),r=0;o.forEach(c=>r+=c.w);let a=i.animationDuration||800,s=0;for(let c=0;c

Hi, I'm Riva!