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