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