var Component=(()=>{var bt=Object.create;var N=Object.defineProperty;var xt=Object.getOwnPropertyDescriptor;var Ot=Object.getOwnPropertyNames;var kt=Object.getPrototypeOf,Et=Object.prototype.hasOwnProperty;var Rt=(e,t)=>()=>(e&&(t=e(e=0)),t);var Mt=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Q=(e,t)=>{for(var n in t)N(e,n,{get:t[n],enumerable:!0})},Z=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ot(t))!Et.call(e,r)&&r!==n&&N(e,r,{get:()=>t[r],enumerable:!(o=xt(t,r))||o.enumerable});return e};var St=(e,t,n)=>(n=e!=null?bt(kt(e)):{},Z(t||!e||!e.__esModule?N(n,"default",{value:e,enumerable:!0}):n,e)),tt=e=>Z(N({},"__esModule",{value:!0}),e);var et={};Q(et,{Children:()=>Dt,Component:()=>At,Fragment:()=>Pt,Profiler:()=>Gt,PureComponent:()=>qt,StrictMode:()=>Xt,Suspense:()=>Bt,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:()=>ce,cloneElement:()=>Tt,createContext:()=>zt,createElement:()=>It,createFactory:()=>Nt,createRef:()=>jt,default:()=>Ct,forwardRef:()=>Lt,isValidElement:()=>Ft,lazy:()=>Wt,memo:()=>$t,startTransition:()=>Vt,useCallback:()=>Ut,useContext:()=>Jt,useDebugValue:()=>Ht,useDeferredValue:()=>Yt,useEffect:()=>Kt,useId:()=>Qt,useImperativeHandle:()=>Zt,useInsertionEffect:()=>te,useLayoutEffect:()=>ee,useMemo:()=>ne,useReducer:()=>oe,useRef:()=>re,useState:()=>ie,useSyncExternalStore:()=>se,useTransition:()=>ae});var Ct,Dt,Tt,At,zt,It,Nt,jt,Lt,Pt,Ft,Wt,$t,Gt,qt,Vt,Xt,Bt,Ut,Jt,Ht,Yt,Kt,Qt,Zt,te,ee,ne,oe,re,ie,se,ae,ce,nt=Rt(()=>{Ct=React,{Children:Dt,cloneElement:Tt,Component:At,createContext:zt,createElement:It,createFactory:Nt,createRef:jt,forwardRef:Lt,Fragment:Pt,isValidElement:Ft,lazy:Wt,memo:$t,Profiler:Gt,PureComponent:qt,startTransition:Vt,StrictMode:Xt,Suspense:Bt,useCallback:Ut,useContext:Jt,useDebugValue:Ht,useDeferredValue:Yt,useEffect:Kt,useId:Qt,useImperativeHandle:Zt,useInsertionEffect:te,useLayoutEffect:ee,useMemo:ne,useReducer:oe,useRef:re,useState:ie,useSyncExternalStore:se,useTransition:ae,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:ce}=React});var rt=Mt(j=>{"use strict";var ue=(nt(),tt(et)),he=Symbol.for("react.element"),le=Symbol.for("react.fragment"),fe=Object.prototype.hasOwnProperty,de=ue.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,pe={key:!0,ref:!0,__self:!0,__source:!0};function ot(e,t,n){var o,r={},i=null,a=null;n!==void 0&&(i=""+n),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(a=t.ref);for(o in t)fe.call(t,o)&&!pe.hasOwnProperty(o)&&(r[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps,t)r[o]===void 0&&(r[o]=t[o]);return{$$typeof:he,type:e,key:i,ref:a,props:r,_owner:de.current}}j.Fragment=le;j.jsx=ot;j.jsxs=ot});var Re={};Q(Re,{default:()=>ke,meta:()=>xe});var it=St(rt()),{jsx:R,jsxs:L,Fragment:Ce}=it.default;var{MDXContext:Te,MDXProvider:Ae,useMDXComponents:q,withMDXComponents:ze}=__motif_mdx_react;var st=React,{Children:Ne,cloneElement:je,Component:Le,createContext:V,createElement:Pe,createFactory:Fe,createRef:We,forwardRef:$e,Fragment:Ge,isValidElement:qe,lazy:Ve,memo:Xe,Profiler:Be,PureComponent:Ue,startTransition:Je,StrictMode:He,Suspense:Ye,useCallback:P,useContext:X,useDebugValue:Ke,useDeferredValue:Qe,useEffect:z,useId:Ze,useImperativeHandle:tn,useInsertionEffect:en,useLayoutEffect:nn,useMemo:on,useReducer:me,useRef:A,useState:rn,useSyncExternalStore:sn,useTransition:an,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:cn}=React;var lt="http://www.w3.org/2000/svg",U=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 M(e,t,n,o,r){return{type:"path",ops:F(e,t,n,o,r)}}function ft(e,t,n){let o=(e||[]).length;if(o>2){let r=[];for(let i=0;i500?.4:-.0016668*c+1.233334;let d=r.maxRandomnessOffset||0;d*d*100>s&&(d=c/10);let v=d/2,p=.2+.2*dt(r),l=r.bowing*r.maxRandomnessOffset*(o-t)/200,u=r.bowing*r.maxRandomnessOffset*(e-n)/200;l=w(l,r,_),u=w(u,r,_);let h=[],m=()=>w(v,r,_),f=()=>w(d,r,_);return i&&(a?h.push({op:"move",data:[e+m(),t+m()]}):h.push({op:"move",data:[e+w(d,r,_),t+w(d,r,_)]})),a?h.push({op:"bcurveTo",data:[l+e+(n-e)*p+m(),u+t+(o-t)*p+m(),l+e+2*(n-e)*p+m(),u+t+2*(o-t)*p+m(),n+m(),o+m()]}):h.push({op:"bcurveTo",data:[l+e+(n-e)*p+f(),u+t+(o-t)*p+f(),l+e+2*(n-e)*p+f(),u+t+2*(o-t)*p+f(),n+f(),o+f()]}),h}function ut(e,t,n){let o=e.length,r=[];if(o>3){let i=[],a=1-n.curveTightness;r.push({op:"move",data:[e[1][0],e[1][1]]});for(let s=1;s+2b.setAttribute(g,y);for(let b of l){let g=document.createElementNS(lt,"path");if(f(g,"d",b),f(g,"fill","none"),f(g,"stroke",n.color||"currentColor"),f(g,"stroke-width",""+s),_){let y=g.getTotalLength();u.push(y),m+=y}e.appendChild(g),h.push(g)}if(_){let b=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 r=window.__rno_kf_s=document.createElement("style");r.textContent="@keyframes rough-notation-dash { to { stroke-dashoffset: 0; } }",document.head.appendChild(r)}})();let t=this._svg=document.createElementNS(lt,"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 o=this._config.type==="highlight";if(this._e.insertAdjacentElement(o?"beforebegin":"afterend",t),this._state="not-showing",o){let r=window.getComputedStyle(this._e).position;(!r||r==="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(r)===Math.round(i);return o(t.x,n.x)&&o(t.y,n.y)&&o(t.w,n.w)&&o(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 o=this._config;n&&(o=JSON.parse(JSON.stringify(this._config)),o.animate=!1);let r=this.rects(),i=0;r.forEach(c=>i+=c.w);let a=o.animationDuration||800,s=0;for(let c=0;c

Hi, I'm Riva!