PageSourceSearch

https://coinection.eu/_next/static/chunks/3csjr7gkmb_qs.js

js coinection.eu collected 2026-09-25 18:39:08 UTC 413,981 bytes, 3,295 lines download raw bytes

1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="1a7d7491-b5fe-a562-80ee-2476fd97e0a1")}catch(e){}}();
2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,12354,e=>{"use strict";let t,r,n,i,o,a,l,s,c;var u,d,p,h,m,f,g,v,b,w,y,x=e.i(843476);let k="bippy-0.5.43",_=Object.defineProperty,N=Object.prototype.hasOwnProperty,S=()=>{},E=e=>{try{Function.prototype.toString.call(e).indexOf("^_^")>-1&&setTimeout(()=>{throw Error("React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build")})}catch{}},C=(e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__)=>!!(e&&"getFiberRoots"in e),T=!1,A,z=(e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__)=>!!T||(e&&"function"==typeof e.inject&&(A=e.inject.toString()),!!A?.includes("(injected)")),$=new Set,M=new Set,R=e=>{e&&$.add(e);try{let t=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!t)return;if(!t._instrumentationSource){t.checkDCE=E,t.supportsFiber=!0,t.supportsFlight=!0,t.hasUnsupportedRendererAttached=!1,t._instrumentationSource=k,t._instrumentationIsActive=!1;let e=C(t);if(e||(t.on=S),t.renderers.size){t._instrumentationIsActive=!0,$.forEach(e=>e());return}let r=t.inject,n=z(t);n&&!e&&(T=!0,t.inject({scheduleRefresh(){}})&&(t._instrumentationIsActive=!0)),t.inject=e=>{let i=r(e);return M.add(e),n&&t.renderers.set(i,e),t._instrumentationIsActive=!0,$.forEach(e=>e()),i}}(t.renderers.size||t._instrumentationIsActive||z())&&e?.()}catch{}},F=e=>N.call(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__")?(R(e),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__):(e=>{let t=new Map,r=0,n={_instrumentationIsActive:!1,_instrumentationSource:k,checkDCE:E,hasUnsupportedRendererAttached:!1,inject(e){let i=++r;return t.set(i,e),M.add(e),n._instrumentationIsActive||(n._instrumentationIsActive=!0,$.forEach(e=>e())),i},on:S,onCommitFiberRoot:S,onCommitFiberUnmount:S,onPostCommitFiberRoot:S,renderers:t,supportsFiber:!0,supportsFlight:!0};try{_(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__",{configurable:!0,enumerable:!0,get:()=>n,set(t){if(t&&"object"==typeof t){let r=n.renderers;n=t,r.size>0&&(r.forEach((e,r)=>{M.add(e),t.renderers.set(r,e)}),R(e))}}});let t=window.hasOwnProperty,r=!1;_(window,"hasOwnProperty",{configurable:!0,value:function(...e){try{if(!r&&"__REACT_DEVTOOLS_GLOBAL_HOOK__"===e[0])return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=void 0,r=!0,-0}catch{}return t.apply(this,e)},writable:!0})}catch{R(e)}return n})(e);try{"u">typeof window&&(window.document?.createElement||window.navigator?.product==="ReactNative")&&F()}catch{}let O=e=>{switch(e.tag){case 5:case 26:case 27:return!0;default:return"string"==typeof e.type}},j=e=>{switch(e.tag){case 1:case 11:case 0:case 14:case 15:return!0;default:return!1}},D=e=>{let t=e.memoizedProps,r=e.alternate?.memoizedProps||{},n=e.flags??e.effectTag??0;switch(e.tag){case 1:case 9:case 11:case 0:case 14:case 15:return(1&n)==1;default:return!e.alternate||r!==t||e.alternate.memoizedState!==e.memoizedState||e.alternate.ref!==e.ref}},L=e=>!!(13374&e.flags||13374&e.subtreeFlags),P=e=>{switch(e.tag){case 18:case 7:case 6:case 23:case 22:return!0;case 3:return!1;default:{let t="object"==typeof e.type&&null!==e.type?e.type.$$typeof:e.type;switch("symbol"==typeof t?t.toString():t){case 60111:case"Symbol(react.concurrent_mode)":case"Symbol(react.async_mode)":return!0;default:return!1}}}};function I(e,t,r=!1){if(!e)return null;let n=t(e);if(n instanceof Promise)return(async()=>{if(await n===!0)return e;let i=r?e.return:e.child;for(;i;){let e=await U(i,t,r);if(e)return e;i=r?null:i.sibling}return null})();if(!0===n)return e;let i=r?e.return:e.child;for(;i;){let e=W(i,t,r);if(e)return e;i=r?null:i.sibling}return null}let W=(e,t,r=!1)=>{if(!e)return null;if(!0===t(e))return e;let n=r?e.return:e.child;for(;n;){let e=W(n,t,r);if(e)return e;n=r?null:n.sibling}return null},U=async(e,t,r=!1)=>
2{if(!e)return null;if(await t(e)===!0)return e;let n=r?e.return:e.child;for(;n;){let e=await U(n,t,r);if(e)return e;n=r?null:n.sibling}return null},H=e=>{let t=e?.actualDuration??0,r=t,n=e?.child??null;for(;t>0&&null!=n;)r-=n.actualDuration??0,n=n.sibling;return{selfTime:r,totalTime:t}},B=e=>!!e.updateQueue?.memoCache,V=e=>"function"==typeof e?e:"object"==typeof e&&e?V(e.type||e.render):null,q=e=>{if("string"==typeof e)return e;if("function"!=typeof e&&!("object"==typeof e&&e))return null;let t=e.displayName||e.name||null;if(t)return t;let r=V(e);return r&&(r.displayName||r.name)||null},G=e=>{try{if("string"==typeof e.version&&e.bundleType>0)return"development"}catch{}return"production"},J=0,Y=new WeakMap,X=e=>{let t=Y.get(e);return!t&&e.alternate&&(t=Y.get(e.alternate)),t||((e,t=J++)=>{Y.set(e,t)})(e,t=J++),t},K=(e,t,r)=>{let n=t;for(;null!=n;){if(Y.has(n)||X(n),!P(n)&&D(n)&&e(n,"mount"),13===n.tag)if(null!==n.memoizedState){let t=n.child,r=t?t.sibling:null;if(r){let t=r.child;null!==t&&K(e,t,!1)}}else{let t=null;null!==n.child&&(t=n.child.child),null!==t&&K(e,t,!1)}else null!=n.child&&K(e,n.child,!0);n=r?n.sibling:null}},Z=(e,t,r,n)=>{if(Y.has(t)||X(t),!r)return;Y.has(r)||X(r);let i=13===t.tag,o=!P(t);o&&D(t)&&e(t,"update");let a=i&&null!==r.memoizedState,l=i&&null!==t.memoizedState;if(a&&l){let n=t.child?.sibling??null,i=r.child?.sibling??null;null!==n&&null!==i&&Z(e,n,i,t)}else if(a&&!l){let r=t.child;null!==r&&K(e,r,!0)}else if(!a&&l){ee(e,r);let n=t.child?.sibling??null;null!==n&&K(e,n,!0)}else if(t.child!==r.child){let r=t.child;for(;r;){if(r.alternate){let i=r.alternate;Z(e,r,i,o?t:n)}else K(e,r,!1);r=r.sibling}}},Q=(e,t)=>{3!==t.tag&&P(t)||e(t,"unmount")},ee=(e,t)=>{let r=13===t.tag&&null!==t.memoizedState,n=t.child;for(r&&(n=(t.child?.sibling??null)?.child??null);null!==n;)null!==n.return&&(Q(e,n),ee(e,n)),n=n.sibling},et=0,er=new WeakMap;Error();var en,ei,eo,ea,el,es,ec,eu,ed,ep,eh,em,ef,eg,ev,eb={},ew=[],ey=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,ex=Array.isArray;function ek(e,t){for(var r in t)e[r]=t[r];return e}function e_(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function eN(e,t,r){var n,i,o,a={};for(o in t)"key"==o?n=t[o]:"ref"==o?i=t[o]:a[o]=t[o];if(arguments.length>2&&(a.children=arguments.length>3?en.call(arguments,2):r),"function"==typeof e&&null!=e.defaultProps)for(o in e.defaultProps)void 0===a[o]&&(a[o]=e.defaultProps[o]);return eS(e,a,n,i,null)}function eS(e,t,r,n,i){var o={type:e,props:t,key:r,ref:n,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==i?++eo:i,__i:-1,__u:0};return null==i&&null!=ei.vnode&&ei.vnode(o),o}function eE(e){return e.children}function eC(e,t){this.props=e,this.context=t}function eT(e,t){if(null==t)return e.__?eT(e.__,e.__i+1):null;for(var r;t<e.__k.length;t++)if(null!=(r=e.__k[t])&&null!=r.__e)return r.__e;return"function"==typeof e.type?eT(e):null}function eA(e){(!e.__d&&(e.__d=!0)&&ea.push(e)&&!ez.__r++||el!=ei.debounceRendering)&&((el=ei.debounceRendering)||es)(ez)}function ez(){try{for(var e,t=1;ea.length;)ea.length>t&&ea.sort(ec),e=ea.shift(),t=ea.length,function(e){if(e.__P&&e.__d){var t=e.__v,r=t.__e,n=[],i=[],o=ek({},t);o.__v=t.__v+1,ei.vnode&&ei.vnode(o),ej(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[r]:null,n,null==r?eT(t):r,!!(32&t.__u),i),o.__v=t.__v,o.__.__k[o.__i]=o,eD(n,o,i),t.__e=t.__=null,o.__e!=r&&function e(t){if(null!=(t=t.__)&&null!=t.__c)return t.__e=t.__c.base=null,t.__k.some(function(e){if(null!=e&&null!=e.__e)return t.__e=t.__c.base=e.__e}),e(t)}(o)}}(e)}finally{ea.length=ez.__r=0}}function e$(e,t,r,n,i,o,a,l,s,c,u){var d,p,h,m,f,g,v=n&&n.__k||ew,b=t.length;for(s=function(e,t,r,n,i){var o,a,l,s,c,u=r.length,d=u,p=0;for(e.__k=Array(i),o=0;o<i;o++)null!=(a=t[o])&&"boolean"!=typeof a&&"function"!=typeof a?("string"==typeof a||"number"==typeof a||"bigint"==typeof a||a.constructor==String?a=e.__k[o]=eS(null,a,null,null,null):ex(a)?a=e.__k[o]=eS(eE,{children:a},null,null,null):void 0===a.constructor&&a.__b>0?a=e.__k[o]=eS(a.type,a.props,a.key,a.ref?a.ref:null,a.__v):e.__k[o]=a,s=o+p,a.__=e,a.__b=e.__b+1,l=null,-1!=(c=a.__i=function(e,t,r,n){var i,o,a,l=e.key,s=e.type,c=t[r],u=null!=c&&0==(2&c.__u);if(null===c&&null==l||u&&l==c.key&&s==c.type)return r;if(n>+!!u){for(i=r-1,o=r+1;i>=0||o<t.length;)if(null!=(c=t[a=i>=0?i--:o++])&&0==(2&c.__u)&&l==c.key&&s==c.type)return a}return -1}(a,r,s,d))&&(d--,(l=r[c])&&(l.__u|=2)),null==l||null==l.__v?(-1==c&&(i>u?p--:i<u&&p++),"function"!=typeof a.type&&(a.__u|=4)):c!=s&&(c==s-1?p--:c==s+1?p++:(c>s?p--:p++,a.__u|=4))):e.__k[o]=null;if(d)for(o=0;o<u;o++)null!=(l=r[o])&&0==(2&l.__u)&&(l.__e==n&&(n=eT(l)),function e(t,r,n){var i,o;if(ei.unmount&&ei.unmount(t),(i=t.ref)&&(i.current&&i.current!=t.__e||eL(i,null,r)),null!=(i=t.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(e){ei.__e(e,r)}i.base=i.__P=i.__n=null}if(i=t.__k)for(o=0;o<i.length;o++)i[o]&&e(i[o],r,n||"function"!=typeof t.type);n||e_(t.__e),t.__c=t.__=t.__e=void 0}(l,l));return n}(r,t,v,s,b),d=0;d<b;d++)null!=(h=r.__k[d])&&(p=-1!=h.__i&&v[h.__i]||eb,h.__i=d,g=ej(e,h,p,i,o,a,l,s,c,u),m=h.__e,h.ref&&p.ref!=h.ref&&(p.ref&&eL(p.ref,null,h),u.push(h.ref,h.__c||m,h)),null==f&&null!=m&&(f=m),4&h.__u?(s=function e(t,r,n){var i,o;if("function"==typeof t.type){for(i=t.__k,o=0;i&&o<i.length;o++)i[o]&&(i[o].__=t,r=e(i[o],r,n));return r}t.__e!=r&&(r&&t.type&&!r.parentNode&&(r=eT(t)),r=n.insertBefore(t.__e,r||null));do r=r&&r.nextSibling;while(null!=r&&8==r.nodeType)return r}(h,s,e),p.__e&&(p.__e=null)):"function"==typeof h.type&&void 0!==g?s=g:m&&(s=m.nextSibling),h.__u&=-7
vendor: 7,304 bytes, line 2
2);return r.__e=f,s}function eM(e,t){return t=t||[],null==e||"boolean"==typeof e||(ex(e)?e.some(function(e){eM(e,t)}):t.push(e)),t}function eR(e,t,r){"-"==t[0]?e.setProperty(t,null==r?"":r):e[t]=null==r?"":"number"!=typeof r||ey.test(t)?r:r+"px"}function eF(e,t,r,n,i){var o,a;e:if("style"==t)if("string"==typeof r)e.style.cssText=r;else{if("string"==typeof n&&(e.style.cssText=n=""),n)for(t in n)r&&t in r||eR(e.style,t,"");if(r)for(t in r)n&&r[t]==n[t]||eR(e.style,t,r[t])}else if("o"==t[0]&&"n"==t[1])o=t!=(t=t.replace(eh,"$1")),t=(a=t.toLowerCase())in e||"onFocusOut"==t||"onFocusIn"==t?a.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+o]=r,r?n?r[ep]=n[ep]:(r[ep]=em,e.addEventListener(t,o?eg:ef,o)):e.removeEventListener(t,o?eg:ef,o);else{if("http://www.w3.org/2000/svg"==i)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=t&&"height"!=t&&"href"!=t&&"list"!=t&&"form"!=t&&"tabIndex"!=t&&"download"!=t&&"rowSpan"!=t&&"colSpan"!=t&&"role"!=t&&"popover"!=t&&t in e)try{e[t]=null==r?"":r;break e}catch(e){}"function"==typeof r||(null==r||!1===r&&"-"!=t[4]?e.removeAttribute(t):e.setAttribute(t,"popover"==t&&1==r?"":r))}}function eO(e){return function(t){if(this.l){var r=this.l[t.type+e];if(null==t[ed])t[ed]=em++;else if(t[ed]<r[ep])return;return r(ei.event?ei.event(t):t)}}}function ej(e,t,r,n,i,o,a,l,s,c){var u,d,p,h,m,f,g,v,b,w,y,x,k,_,N,S,E=t.type;if(void 0!==t.constructor)return null;128&r.__u&&(s=!!(32&r.__u),o=[l=t.__e=r.__e]),(u=ei.__b)&&u(t);e:if("function"==typeof E){d=a.length;try{if(b=t.props,w=E.prototype&&E.prototype.render,y=(u=E.contextType)&&n[u.__c],x=u?y?y.props.value:u.__:n,r.__c?v=(p=t.__c=r.__c).__=p.__E:(w?t.__c=p=new E(b,x):(t.__c=p=new eC(b,x),p.constructor=E,p.render=eP),y&&y.sub(p),p.state||(p.state={}),p.__n=n,h=p.__d=!0,p.__h=[],p._sb=[]),w&&null==p.__s&&(p.__s=p.state),w&&null!=E.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=ek({},p.__s)),ek(p.__s,E.getDerivedStateFromProps(b,p.__s))),m=p.props,f=p.state,p.__v=t,h)w&&null==E.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),w&&null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else{if(w&&null==E.getDerivedStateFromProps&&b!==m&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(b,x),t.__v==r.__v||!p.__e&&null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(b,p.__s,x)){t.__v!=r.__v&&(p.props=b,p.state=p.__s,p.__d=!1),t.__e=r.__e,t.__k=r.__k,t.__k.some(function(e){e&&(e.__=t)}),ew.push.apply(p.__h,p._sb),p._sb=[],p.__h.length&&a.push(p),l=eT(r);break e}null!=p.componentWillUpdate&&p.componentWillUpdate(b,p.__s,x),w&&null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(m,f,g)})}if(p.context=x,p.props=b,p.__P=e,p.__e=!1,k=ei.__r,_=0,w)p.state=p.__s,p.__d=!1,k&&k(t),u=p.render(p.props,p.state,p.context),ew.push.apply(p.__h,p._sb),p._sb=[];else do p.__d=!1,k&&k(t),u=p.render(p.props,p.state,p.context),p.state=p.__s;while(p.__d&&++_<25)p.state=p.__s,null!=p.getChildContext&&(n=ek(ek({},n),p.getChildContext())),w&&!h&&null!=p.getSnapshotBeforeUpdate&&(g=p.getSnapshotBeforeUpdate(m,f)),N=null!=u&&u.type===eE&&null==u.key?function e(t){return"object"!=typeof t||null==t||t.__b>0?t:ex(t)?t.map(e):void 0!==t.constructor?null:ek({},t)}(u.props.children):u,l=e$(e,ex(N)?N:[N],t,r,n,i,o,a,l,s,c),p.base=t.__e,t.__u&=-161,p.__h.length&&a.push(p),v&&(p.__E=p.__=null)}catch(e){if(a.length=d,t.__v=null,s||null!=o){if(e.then){for(t.__u|=s?160:128;l&&8==l.nodeType&&l.nextSibling;)l=l.nextSibling;null!=o&&(o[o.indexOf(l)]=null),t.__e=l}else if(null!=o)for(S=o.length;S--;)e_(o[S])}else t.__e=r.__e;null==t.__k&&(t.__k=r.__k||[]),e.then||function e(t){t&&(t.__c&&(t.__c.__e=!0),t.__k&&t.__k.some(e))}(t),ei.__e(e,t,r)}}else null==o&&t.__v==r.__v?(t.__k=r.__k,t.__e=r.__e):l=t.__e=function(e,t,r,n,i,o,a,l,s){var c,u,d,p,h,m,f,g=r.props||eb,v=t.props,b=t.type;if("svg"==b?i="http://www.w3.org/2000/svg":"math"==b?i="http://www.w3.org/1998/Math/MathML":i||(i="http://www.w3.org/1999/xhtml"),null!=o){for(c=0;c<o.length;c++)if((h=o[c])&&"setAttribute"in h==!!b&&(b?h.localName==b:3==h.nodeType)){e=h,o[c]=null;break}}if(null==e){if(null==b)return document.createTextNode(v);e=document.createElementNS(i,b,v.is&&v),l&&(ei.__m&&ei.__m(t,o),l=!1),o=null}if(null==b)g===v||l&&e.data==v||(e.data=v);else{if(o="textarea"==b&&null!=v.defaultValue?null:o&&en.call(e.childNodes),!l&&null!=o)for(g={},c=0;c<e.attributes.length;c++)g[(h=e.attributes[c]).name]=h.value;for(c in g)h=g[c],"dangerouslySetInnerHTML"==c?d=h:"children"==c||c in v||"value"==c&&"defaultValue"in v||"checked"==c&&"defaultChecked"in v||eF(e,c,null,h,i);for(c in v)h=v[c],"children"==c?p=h:"dangerouslySetInnerHTML"==c?u=h:"value"==c?m=h:"checked"==c?f=h:l&&"function"!=typeof h||g[c]===h||eF(e,c,h,g[c],i);if(u)l||d&&(u.__html==d.__html||u.__html==e.innerHTML)||(e.innerHTML=u.__html),t.__k=[];else if(d&&(e.innerHTML=""),e$("template"==t.type?e.content:e,ex(p)?p:[p],t,r,n,"foreignObject"==b?"http://www.w3.org/1999/xhtml":i,o,a,o?o[0]:r.__k&&eT(r,0),l,s),null!=o)for(c=o.length;c--;)e_(o[c]);l&&"textarea"!=b||(c="value","progress"==b&&null==m?e.removeAttribute("value"):null==m||m===e[c]&&("progress"!=b||m)&&("option"!=b||m==g[c])||eF(e,c,m,g[c],i),c="checked",null!=f&&f!=e[c]&&eF(e,c,f,g[c],i))}return e}(r.__e,t,r,n,i,o,a,s,c);return(u=ei.diffed)&&u(t),128&t.__u?void 0:l}function eD(e,t,r){for(var n=0;n<r.length;n++)eL(r[n],r[++n],r[++n]);ei.__c&&ei.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){ei.__e(e,t.__v)}})}function eL(e,t,r){try{if("function"==typeof e){var n="function"==typeof e.__u;n&&e.__u(),n&&null==t||(e.__u=e(t))}else e.current=t}catch(e){ei.__e(e,r)}}function eP(e,t,r){return this.constructor(e,r)}function eI(e,t,r){var n,i,o,a;t==document&&(t=document.documentElement),ei.__&&ei.__(e,t),i=(n="function"==typeof r)?null:r&&r.__k||t.__k,o=[],a=[],ej(t,e=(!n&&r||t).__k=eN(eE,null,[e]),i||eb,eb,t.namespaceURI,!n&&r?[r]:i?null:t.firstChild?en.call(t.childNodes):null,o,!n&&r?r:i?i.__e:t.firstChild,n,a),eD(o,e,a),e.props.children=null}function eW(e){function t(e){var r,n;return this.getChildContext||(r=new Set,(n={})[t.__c]=this,this.getChildContext=function(){return n},this.componentWillUnmount=function(){r=null},this.shouldComponentUpdate=function(e){this.props.value!=e.value&&r.forEach(function(e){e.__e=!0,eA(e)})},this.sub=function(e){r.add(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){r&&r.delete(e),t&&t.call(e)}}),e.children}return t.__c="__cC"+ev++,t.__=e,t.Provider=t.__l=(t.Consumer=function(e,t){return e.children(t)}).contextType=t,t}en=ew.slice,ei={__e:function(e,t,r,n){for(var i,o,a;t=t.__;)if((i=t.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(e)),a=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(e,n||{}),a=i.__d),a)return i.__E=i}catch(t){e=t}throw e}},eo=0,eC.prototype.setState=function(e,t){var r;r=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=ek({},this.state),"function"==typeof e&&(e=e(ek({},r),this.props)),e&&ek(r,e),null!=e&&this.__v&&(t&&this._sb.push(t),eA(this))},eC.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),eA(this))},eC.prototype.render=eE,ea=[],es="function"==typeof Promise?Promise.prototype.then.bind(Prom
2ise.resolve()):setTimeout,ec=function(e,t){return e.__v.__b-t.__v.__b},ez.__r=0,ed="__d"+(eu=Math.random().toString(8)),ep="__a"+eu,eh=/(PointerCapture)$|Capture$/i,em=0,ef=eO(!1),eg=eO(!0),ev=0;var eU,eH,eB,eV,eq=0,eG=[],eJ=ei,eY=eJ.__b,eX=eJ.__r,eK=eJ.diffed,eZ=eJ.__c,eQ=eJ.unmount,e0=eJ.__;function e1(e,t){eJ.__h&&eJ.__h(eH,e,eq||t),eq=0;var r=eH.__H||(eH.__H={__:[],__h:[]});return e>=r.__.length&&r.__.push({}),r.__[e]}function e2(e){return eq=1,function(e,t){var r=e1(eU++,2);if(r.t=e,!r.__c&&(r.__=[ti(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=eH,!eH.__f)){var n=function(e,t,n){if(!r.__c.__H)return!0;var o=!1,a=r.__c.props!==e;if(r.__c.__H.__.some(function(e){if(e.__N){o=!0;var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(a=!0)}}),i){var l=i.call(this,e,t,n);return o?l||a:l}return!o||a};eH.__f=!0;var i=eH.shouldComponentUpdate,o=eH.componentWillUpdate;eH.componentWillUpdate=function(e,t,r){if(this.__e){var a=i;i=void 0,n(e,t,r),i=a}o&&o.call(this,e,t,r)},eH.shouldComponentUpdate=n}return r.__N||r.__}(ti,e)}function e5(e,t){var r=e1(eU++,3);!eJ.__s&&tn(r.__H,t)&&(r.__=e,r.u=t,eH.__H.__h.push(r))}function e4(e,t){var r=e1(eU++,4);!eJ.__s&&tn(r.__H,t)&&(r.__=e,r.u=t,eH.__h.push(r))}function e3(e){return eq=5,e6(function(){return{current:e}},[])}function e6(e,t){var r=e1(eU++,7);return tn(r.__H,t)&&(r.__=e(),r.__H=t,r.__h=e),r.__}function e8(e,t){return eq=8,e6(function(){return e},t)}function e7(e){var t=eH.context[e.__c],r=e1(eU++,9);return r.c=e,t?(null==r.__&&(r.__=!0,t.sub(eH)),t.props.value):e.__}function e9(){for(var e;e=eG.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(tt),t.__h.some(tr),t.__h=[]}catch(r){t.__h=[],eJ.__e(r,e.__v)}}}eJ.__b=function(e){eH=null,eY&&eY(e)},eJ.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),e0&&e0(e,t)},eJ.__r=function(e){eX&&eX(e),eU=0;var t=(eH=e.__c).__H;t&&(eB===eH?(t.__h=[],eH.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(tt),t.__h.some(tr),t.__h=[],eU=0)),eB=eH},eJ.diffed=function(e){eK&&eK(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==eG.push(t)&&eV===eJ.requestAnimationFrame||((eV=eJ.requestAnimationFrame)||function(e){var t,r=function(){clearTimeout(n),te&&cancelAnimationFrame(t),setTimeout(e)},n=setTimeout(r,35);te&&(t=requestAnimationFrame(r))})(e9)),t.__H.__.some(function(e){e.u&&(e.__H=e.u,e.u=void 0)})),eB=eH=null},eJ.__c=function(e,t){t.some(function(e){try{e.__h.some(tt),e.__h=e.__h.filter(function(e){return!e.__||tr(e)})}catch(r){t.some(function(e){e.__h&&(e.__h=[])}),t=[],eJ.__e(r,e.__v)}}),eZ&&eZ(e,t)},eJ.unmount=function(e){eQ&&eQ(e);var t,r=e.__c;r&&r.__H&&(r.__H.__.some(function(e){try{tt(e)}catch(e){t=e}}),r.__H=void 0,t&&eJ.__e(t,r.__v))};var te="function"==typeof requestAnimationFrame;function tt(e){var t=eH,r=e.__c;"function"==typeof r&&(e.__c=void 0,r()),eH=t}function tr(e){var t=eH;e.__c=e.__(),eH=t}function tn(e,t){return!e||e.length!==t.length||t.some(function(t,r){return t!==e[r]})}function ti(e,t){return"function"==typeof t?t(e):t}var to=Symbol.for("preact-signals");function ta(){if(tp>1)tp--;else{var e,t=!1,r=tg;for(tg=void 0;void 0!==r;){var n=r.S;if(n.v===r.v)for(var i=n.t;void 0!==i;i=i.x)i.i===r.i&&(i.i=n.i);r=r.o}for(;void 0!==td;){var o=td;for(td=void 0,th++;void 0!==o;){var a=o.u;if(o.u=void 0,o.f&=-3,!(8&o.f)&&tx(o))try{o.c()}catch(r){t||(e=r,t=!0)}o=a}}if(th=0,tp--,t)throw e}}function tl(e){if(tp>0)return e();tf=++tm,tp++;try{return e()}finally{ta()}}var ts,tc=void 0;function tu(e){var t=tc,r=ts;tc=void 0,ts=void 0;try{return e()}finally{tc=t,ts=r}}var td=void 0,tp=0,th=0,tm=0,tf=0,tg=void 0,tv=0;function tb(e){if(void 0!==tc){var t=e.n;if(void 0===t||t.t!==tc)return t={i:0,S:e,p:tc.s,n:void 0,t:tc,e:void 0,x:void 0,r:t},void 0!==tc.s&&(tc.s.n=t),tc.s=t,e.n=t,32&tc.f&&e.S(t),t;if(-1===t.i)return t.i=0,void 0!==t.n&&(t.n.p=t.p,void 0!==t.p&&(t.p.n=t.n),t.p=tc.s,t.n=void 0,tc.s.n=t,tc.s=t),t}}function tw(e,t){this.v=e,this.i=0,this.n=void 0,this.t=void 0,this.l=0,this.W=null==t?void 0:t.watched,this.Z=null==t?void 0:t.unwatched,this.name=null==t?void 0:t.name}function ty(e,t){return new tw(e,t)}function tx(e){for(var t=e.s;void 0!==t;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function tk(e){for(var t=e.s;void 0!==t;t=t.n){var r=t.S.n;if(void 0!==r&&(t.r=r),t.S.n=t,t.i=-1,void 0===t.n){e.s=t;break}}}function t_(e){for(var t=e.s,r=void 0;void 0!==t;){var n=t.p;-1===t.i?(t.S.U(t),void 0!==n&&(n.n=t.n),void 0!==t.n&&(t.n.p=n)):r=t,t.S.n=t.r,void 0!==t.r&&(t.r=void 0),t=n}e.s=r}function tN(e,t){tw.call(this,void 0,t),this.x=e,this.s=void 0,this.g=tv-1,this.f=4}function tS(e,t){return new tN(e,t)}function tE(e){var t=e.m;if(e.m=void 0,"function"==typeof t){tp++;var r=tc;tc=void 0;try{t()}catch(t){throw e.f&=-2,e.f|=8,tC(e),t}finally{tc=r,ta()}}}function tC(e){for(var t=e.s;void 0!==t;t=t.n)t.S.U(t);e.x=void 0,e.s=void 0,tE(e)}function tT(e){if(tc!==this)throw Error("Out-of-order effect");t_(this),tc=e,this.f&=-2,8&this.f&&tC(this),ta()}function tA(e,t){this.x=e,this.m=void 0,this.s=void 0,this.u=void 0,this.f=32,this.name=null==t?void 0:t.name,ts&&ts.push(this)}function tz(e,t){var r=new tA(e,t);try{r.c()}catch(e){throw r.d(),e}var n=r.d.bind(r);return n[Symbol.dispose]=n,n}tw.prototype.brand=to,tw.prototype.h=function(){return!0},tw.prototype.S=function(e){var t=this,r=this.t;r!==e&&void 0===e.e&&(e.x=r,this.t=e,void 0!==r?r.e=e:tu(function(){var e;null==(e=t.W)||e.call(t)}))},tw.prototype.U=function(e){var t=this;if(void 0!==this.t){var r=e.e,n=e.x;void 0!==r&&(r.x=n,e.e=void 0),void 0!==n&&(n.e=r,e.x=void 0),e===this.t&&(this.t=n,void 0===n&&tu(function(){var e;null==(e=t.Z)||e.call(t)}))}},tw.prototype.subscribe=function(e){var t=this;return tz(function(){var r=t.value;tu(function(){return e(r)})},{name:"sub"})},tw.prototype.valueOf=function(){return this.value},tw.prototype.toString=function(){return this.value+""},tw.prototype.toJSON=function(){return this.value},tw.prototype.peek=function(){var e=this;return tu(function(){return e.value})},Object.defineProperty(tw.prototype,"value",{get:function(){var e=tb(this);return void 0!==e&&(e.i=this.i),this.v},set:function(e){if(e!==this.v){if(th>100)throw Error("Cycle detected");0!==tp&&0===th&&this.l!==tf&&(this.l=tf,tg={S:this,v:this.v,i:this.i,o:tg}),this.v=e,this.i++,tv++,tp++;try{for(var t=this.t;void 0!==t;t=t.x)t.t.N()}finally{ta()}}}}),tN.prototype=new tw,tN.prototype.h=function(){if(this.f&=-3,1&this.f)return!1;if(32==(36&this.f)||(this.f&=-5,this.g===tv))return!0;
2if(this.g=tv,this.f|=1,this.i>0&&!tx(this))return this.f&=-2,!0;var e=tc;try{tk(this),tc=this;var t=this.x();(16&this.f||this.v!==t||0===this.i)&&(this.v=t,this.f&=-17,this.i++)}catch(e){this.v=e,this.f|=16,this.i++}return tc=e,t_(this),this.f&=-2,!0},tN.prototype.S=function(e){if(void 0===this.t){this.f|=36;for(var t=this.s;void 0!==t;t=t.n)t.S.S(t)}tw.prototype.S.call(this,e)},tN.prototype.U=function(e){if(void 0!==this.t&&(tw.prototype.U.call(this,e),void 0===this.t)){this.f&=-33;for(var t=this.s;void 0!==t;t=t.n)t.S.U(t)}},tN.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var e=this.t;void 0!==e;e=e.x)e.t.N()}},Object.defineProperty(tN.prototype,"value",{get:function(){if(1&this.f)throw Error("Cycle detected");var e=tb(this);if(this.h(),void 0!==e&&(e.i=this.i),16&this.f)throw this.v;return this.v}}),tA.prototype.c=function(){var e=this.S();try{if(8&this.f||void 0===this.x)return;var t=this.x();"function"==typeof t&&(this.m=t)}finally{e()}},tA.prototype.S=function(){if(1&this.f)throw Error("Cycle detected");this.f|=1,this.f&=-9,tE(this),tk(this),tp++;var e=tc;return tc=this,tT.bind(this,e)},tA.prototype.N=function(){2&this.f||(this.f|=2,this.u=td,td=this)},tA.prototype.d=function(){this.f|=8,1&this.f||tC(this)},tA.prototype.dispose=function(){this.d()};var t$,tM,tR="u">typeof window&&!!window.__PREACT_SIGNALS_DEVTOOLS__,tF=[],tO=[];function tj(e,t){ei[e]=t.bind(null,ei[e]||function(){})}function tD(e){if(tM){var t=tM;tM=void 0,t()}tM=e&&e.S()}function tL(e){var t=this,r=e.data,n=tP(r);n.name="ReactiveDom",n.value=r;var i=e6(function(){for(var e=t.__v;e=e.__;)if(e.__c){e.__c.__$f|=4;break}var r=tS(function(){var e=n.value.value;return 0===e?0:!0===e?"":e||""}),i=tS(function(){var e;return!Array.isArray(r.value)&&(null==(e=r.value)||void 0!==e.constructor)}),o=tz(function(){if(this.N=tV,i.value){var e=r.value;t.__v&&t.__v.__e&&3===t.__v.__e.nodeType&&(t.__v.__e.data=e)}}),a=t.__$u.d;return t.__$u.d=function(){o(),a.call(this)},[i,r]},[]),o=i[0],a=i[1];return o.value?a.peek():a.value}function tP(e,t){return e6(function(){return ty(e,t)},[])}tz(function(){t$=this.N})(),tL.displayName="ReactiveTextNode",Object.defineProperties(tw.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:tL},props:{configurable:!0,get:function(){var e=this;return{data:{get value(){return e.value}}}}},__b:{configurable:!0,value:1}}),tj("__b",function(e,t){if("string"==typeof t.type){var r,n=t.props;for(var i in n)if("children"!==i){var o=n[i];o instanceof tw&&(r||(t.__np=r={}),r[i]=o,n[i]=o.peek())}}e(t)}),tj("__r",function(e,t){if(e(t),t.type!==eE){tD();var r,n,i=t.__c;i&&(i.__$f&=-2,void 0===(n=i.__$u)&&(tz(function(){r=this},{name:"function"==typeof t.type?t.type.displayName||t.type.name:""}),r.c=function(){var e;tR&&(null==(e=this.y)||e.call(this)),i.__$f|=1,i.setState({})},i.__$u=n=r)),tD(n)}}),tj("__e",function(e,t,r,n){tD(),e(t,r,n)}),tj("diffed",function(e,t){if(tD(),"string"==typeof t.type&&(r=t.__e)){var r,n=t.__np,i=t.props,o=r.U;if(o)for(var a in o){var l=o[a];void 0===l||n&&a in n||(l.d(),o[a]=void 0)}if(n)for(var s in o||(o={},r.U=o),n){var c=o[s],u=n[s];void 0===c?(c=function(e,t,r,n){var i=t in e&&void 0===e.ownerSVGElement,o=ty(r);return{o:function(e,t){o.value=e,n=t},d:tz(function(){this.N=tV;var r=o.value.value;n[t]!==r&&(n[t]=r,i?e[t]=r:null!=r&&(!1!==r||"-"===t[4])?e.setAttribute(t,r):e.removeAttribute(t))})}}(r,s,u,i),o[s]=c):c.o(u,i)}}e(t)}),tj("unmount",function(e,t){if("string"==typeof t.type){var r=t.__e;if(r){var n=r.U;if(n)for(var i in r.U=void 0,n){var o=n[i];o&&o.d()}}var a=t.__np;if(a){var l=t.props;for(var s in a)l[s]=a[s]}t.__np=void 0}else{var c=t.__c;if(c){var u=c.__$u;u&&(c.__$u=void 0,u.d())}}e(t)}),tj("__h",function(e,t,r,n){n<3&&(t.__$f|=2),e(t,r,n)}),eC.prototype.shouldComponentUpdate=function(e,t){if(this.__R)return!0;var r=this.__$u,n=r&&void 0!==r.s;for(var i in t)return!0;if(this.__f||"boolean"==typeof this.u&&!0===this.u){var o=2&this.__$f;if(!(n||o||4&this.__$f)||1&this.__$f)return!0}else if(!(n||4&this.__$f)||3&this.__$f)return!0;for(var a in e)if("__source"!==a&&e[a]!==this.props[a])return!0;for(var l in this.props)if(!(l in e))return!0;return!1};var tI="u"<typeof requestAnimationFrame?setTimeout:function(e){var t=function(){clearTimeout(r),cancelAnimationFrame(n),e()},r=setTimeout(t,35),n=requestAnimationFrame(t)},tW=function(e){queueMicrotask(function(){queueMicrotask(e)})};function tU(){tl(function(){for(var e;e=tF.shift();)t$.call(e)})}function tH(){1===tF.push(this)&&(ei.requestAnimationFrame||tI)(tU)}function tB(){tl(function(){for(var e;e=tO.shift();)t$.call(e)})}function tV(){1===tO.push(this)&&(ei.requestAnimationFrame||tW)(tB)}function tq(e,t){var r=e3(e);r.current=e,e5(function(){return tz(function(){return this.N=tH,r.current()},t)},[])}function tG(e,t){for(var r in t)e[r]=t[r];return e}function tJ(e,t){for(var r in e)if("__source"!==r&&!(r in t))return!0;for(var n in t)if("__source"!==n&&e[n]!==t[n])return!0;return!1}function tY(e){var t,r;try{return((t=e.__)!==(r=e.u())||0===t&&1/t!=1/r)&&(t==t||r==r)}catch(e){return!0}}function tX(e,t){this.props=e,this.context=t}function tK(e,t){function r(e){var r=this.props.ref;return r!=e.ref&&r&&("function"==typeof r?r(null):r.current=null),t?!t(this.props,e)||r!=e.ref:tJ(this.props,e)}function n(t){return this.shouldComponentUpdate=r,eN(e,t)}
2return n.displayName="Memo("+(e.displayName||e.name)+")",n.__f=n.prototype.isReactComponent=!0,n.type=e,n}(tX.prototype=new eC).isPureReactComponent=!0,tX.prototype.shouldComponentUpdate=function(e,t){return tJ(this.props,e)||tJ(this.state,t)};var tZ=ei.__b;ei.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),tZ&&tZ(e)};var tQ="u">typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function t0(e){function t(t){var r=tG({},t);return delete r.ref,e(r,t.ref||null)}return t.$$typeof=tQ,t.render=e,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}var t1=ei.__e;ei.__e=function(e,t,r,n){if(e.then){for(var i,o=t;o=o.__;)if((i=o.__c)&&i.__c)return null==t.__e&&(t.__e=r.__e,t.__k=r.__k||[]),i.__c(e,t)}t1(e,t,r,n)};var t2=ei.unmount;function t5(){this.__u=0,this.o=null,this.__b=null}function t4(e){var t=e.__&&e.__.__c;return t&&t.__a&&t.__a(e)}function t3(){this.i=null,this.l=null}ei.unmount=function(e){var t=e.__c;t&&(t.__z=!0),t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),t2&&t2(e)},(t5.prototype=new eC).__c=function(e,t){var r=t.__c,n=this;null==n.o&&(n.o=[]),n.o.push(r);var i=t4(n.__v),o=!1,a=function(){o||n.__z||(o=!0,r.__R=null,i?i(s):s())};r.__R=a;var l=r.__P;r.__P=null;var s=function(){if(!--n.__u){if(n.state.__a){var e,t=n.state.__a;n.__v.__k[0]=function e(t,r,n){return t&&n&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return e(t,r,n)}),t.__c&&t.__c.__P===r&&(t.__e&&n.appendChild(t.__e),t.__c.__e=!0,t.__c.__P=n)),t}(t,t.__c.__P,t.__c.__O)}for(n.setState({__a:n.__b=null});e=n.o.pop();)e.__P=l,e.forceUpdate()}};n.__u++||32&t.__u||n.setState({__a:n.__b=n.__v.__k[0]}),e.then(a,a)},t5.prototype.componentWillUnmount=function(){this.o=[]},t5.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=function e(t,r,n){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(e){"function"==typeof e.__c&&e.__c()}),t.__c.__H=null),null!=(t=tG({},t)).__c&&(t.__c.__P===n&&(t.__c.__P=r),t.__c.__e=!0,t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return e(t,r,n)})),t}(this.__b,r,n.__O=n.__P)}this.__b=null}var i=t.__a&&eN(eE,null,e.fallback);return i&&(i.__u&=-33),[eN(eE,null,t.__a?null:e.children),i]};var t6=function(e,t,r){if(++r[1]===r[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(r=e.i;r;){for(;r.length>3;)r.pop()();if(r[1]<r[0])break;e.i=r=r[2]}};function t8(e){return this.getChildContext=function(){return e.context},e.children}function t7(e){var t=this,r=e.h;if(t.componentWillUnmount=function(){eI(null,t.v),t.v=null,t.h=null},t.h&&t.h!==r&&t.componentWillUnmount(),!t.v){for(var n=t.__v;null!==n&&!n.__m&&null!==n.__;)n=n.__;t.h=r,t.v={nodeType:1,parentNode:r,childNodes:[],__k:{__m:n.__m},contains:function(){return!0},namespaceURI:r.namespaceURI,insertBefore:function(e,r){this.childNodes.push(e),t.h.insertBefore(e,r)},removeChild:function(e){this.childNodes.splice(this.childNodes.indexOf(e)>>>1,1),t.h.removeChild(e)}}}eI(eN(t8,{context:t.context},e.__v),t.v)}(t3.prototype=new eC).__a=function(e){var t=this,r=t4(t.__v),n=t.l.get(e);return n[0]++,function(i){var o=function(){t.props.revealOrder?(n.push(i),t6(t,e,n)):i()};r?r(o):o()}},t3.prototype.render=function(e){this.i=null,this.l=new Map;var t=eM(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var r=t.length;r--;)this.l.set(t[r],this.i=[1,0,this.i]);return e.children},t3.prototype.componentDidUpdate=t3.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,r){t6(e,r,t)})};var t9="u">typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,re=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,rt=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,rr=/[A-Z0-9]/g,rn="u">typeof document;eC.prototype.isReactComponent=!0,["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(eC.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var ri=ei.event;ei.event=function(e){return ri&&(e=ri(e)),e.persist=function(){},e.isPropagationStopped=function(){return this.cancelBubble},e.isDefaultPrevented=function(){return this.defaultPrevented},e.nativeEvent=e};var ro={configurable:!0,get:function(){return this.class}},ra=ei.vnode;ei.vnode=function(e){"string"==typeof e.type&&function(e){var t=e.props,r=e.type,n={},i=-1==r.indexOf("-");for(var o in t){var a=t[o];if(!("value"===o&&"defaultValue"in t&&null==a||rn&&"children"===o&&"noscript"===r||"class"===o||"className"===o)
2){var l,s=o.toLowerCase();"defaultValue"===o&&"value"in t&&null==t.value?o="value":"download"===o&&!0===a?a="":"translate"===s&&"no"===a?a=!1:"o"===s[0]&&"n"===s[1]?"ondoubleclick"===s?o="ondblclick":"onchange"!==s||"input"!==r&&"textarea"!==r||(l=t.type,("u">typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(l))?"onfocus"===s?o="onfocusin":"onblur"===s?o="onfocusout":rt.test(o)&&(o=s):s=o="oninput":i&&re.test(o)?o=o.replace(rr,"-$&").toLowerCase():null===a&&(a=void 0),"oninput"===s&&n[o=s]&&(o="oninputCapture"),n[o]=a}}"select"==r&&(n.multiple&&Array.isArray(n.value)&&(n.value=eM(t.children).forEach(function(e){e.props.selected=-1!=n.value.indexOf(e.props.value)})),null!=n.defaultValue&&(n.value=eM(t.children).forEach(function(e){e.props.selected=n.multiple?-1!=n.defaultValue.indexOf(e.props.value):n.defaultValue==e.props.value}))),t.class&&!t.className?(n.class=t.class,Object.defineProperty(n,"className",ro)):t.className&&(n.class=n.className=t.className),e.props=n}(e),e.$$typeof=t9,ra&&ra(e)};var rl=ei.__r;ei.__r=function(e){rl&&rl(e),e.__c};var rs=ei.diffed;ei.diffed=function(e){rs&&rs(e);var t=e.props,r=e.__e;null!=r&&"textarea"===e.type&&"value"in t&&t.value!==r.value&&(r.value=null==t.value?"":t.value)};var rc=0;function ru(e,t,r,n,i,o){t||(t={});var a,l,s=t;if("ref"in s)for(l in s={},t)"ref"==l?a=t[l]:s[l]=t[l];var c={type:e,props:s,key:r,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--rc,__i:-1,__u:0,__source:i,__self:o};if("function"==typeof e&&(a=e.defaultProps))for(l in a)void 0===s[l]&&(s[l]=a[l]);return ei.vnode&&ei.vnode(c),c}let rd=null,rp=(()=>{if(null!==rd)return rd;try{rd=window.matchMedia("(color-gamut: p3)").matches}catch{rd=!1}return rd})(),rh=e=>rp?`color(display-p3 0.84 0.19 0.78 / ${e})`:`rgba(210, 57, 192, ${e})`,rm=["/components/ui/","/packages/ui/","/design-system/","/design-systems/","/primitives/"],rf=8e3,rg=1e4,rv=(rh(.4),rh(.05),rh(.5),rh(.08),rh(.15),["id","class","aria-label","data-testid","role","name","title"]),rb=new Set(["id","data-testid","aria-label","href","src","alt","type","name","placeholder","role","for","action","method","title","disabled","checked","readonly","required","selected","open"]),rw=new Set(["a","button","code","label","option","pre","summary","text"]),ry=new Set(["script","style","template","noscript"]),rx="data-react-grab-frozen",rk=new Set("display.position.top.right.bottom.left.z-index.overflow.overflow-x.overflow-y.width.height.min-width.min-height.max-width.max-height.margin-top.margin-right.margin-bottom.margin-left.padding-top.padding-right.padding-bottom.padding-left.flex-direction.flex-wrap.justify-content.align-items.align-self.align-content.flex-grow.flex-shrink.flex-basis.order.gap.row-gap.column-gap.grid-template-columns.grid-template-rows.grid-template-areas.font-family.font-size.font-weight.font-style.line-height.letter-spacing.text-align.text-decoration-line.text-decoration-style.text-transform.text-overflow.text-shadow.white-space.word-break.overflow-wrap.vertical-align.color.background-color.background-image.background-position.background-size.background-repeat.border-top-width.border-right-width.border-bottom-width.border-left-width.border-top-style.border-right-style.border-bottom-style.border-left-style.border-top-color.border-right-color.border-bottom-color.border-left-color.border-top-left-radius.border-top-right-radius.border-bottom-left-radius.border-bottom-right-radius.box-shadow.opacity.transform.filter.backdrop-filter.object-fit.object-position".split(".")),r_=e=>"object"==typeof e&&!!e&&"nodeType"in e&&e.nodeType===Node.ELEMENT_NODE,rN=new WeakMap,rS=e=>{if(!e)return null;try{return e.frameElement}catch{return null}},rE="bippy-0.6.1",rC=Object.defineProperty,rT=Object.prototype.hasOwnProperty,rA=()=>{},rz=e=>{try{Function.prototype.toString.call(e).indexOf("^_^")>-1&&setTimeout(()=>{throw Error("React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build")})}catch{}},r$=(e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__)=>!!(e&&"getFiberRoots"in e),rM=!1,rR,rF=(e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__)=>!!rM||(e&&"function"==typeof e.inject&&(rR=e.inject.toString()),!!rR?.includes("(injected)")),rO=new Set,rj=new Set,rD=e=>{e&&rO.add(e);try{let t=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!t)return;if(!t._instrumentationSource){t.checkDCE=rz,t.supportsFiber=!0,t.supportsFlight=!0,t.hasUnsupportedRendererAttached=!1,t._instrumentationSource=rE,t._instrumentationIsActive=!1;let e=r$(t);if(e||(t.on=rA),t.renderers.size){t._instrumentationIsActive=!0,rO.forEach(e
2=>e());return}let r=t.inject,n=rF(t);n&&!e&&(rM=!0,t.inject({scheduleRefresh(){}})&&(t._instrumentationIsActive=!0)),t.inject=e=>{let i=r(e);return rj.add(e),n&&t.renderers.set(i,e),t._instrumentationIsActive=!0,rO.forEach(e=>e()),i}}(t.renderers.size||t._instrumentationIsActive||rF())&&e?.()}catch{}},rL=e=>rT.call(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__")?(rD(e),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__):(e=>{e&&rO.add(e);let t=new Map,r=0,n={_instrumentationIsActive:!1,_instrumentationSource:rE,checkDCE:rz,hasUnsupportedRendererAttached:!1,inject(e){let i=++r;return t.set(i,e),rj.add(e),n._instrumentationIsActive||(n._instrumentationIsActive=!0,rO.forEach(e=>e())),i},on:rA,onCommitFiberRoot:rA,onCommitFiberUnmount:rA,onPostCommitFiberRoot:rA,renderers:t,supportsFiber:!0,supportsFlight:!0};try{rC(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__",{configurable:!0,enumerable:!0,get:()=>n,set(t){if(t&&"object"==typeof t){let r=n.renderers;n=t,r.size>0&&(r.forEach((e,r)=>{rj.add(e),t.renderers.set(r,e)}),rD(e))}}});let t=window.hasOwnProperty,r=!1;rC(window,"hasOwnProperty",{configurable:!0,value:function(...e){try{if(!r&&"__REACT_DEVTOOLS_GLOBAL_HOOK__"===e[0])return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=void 0,r=!0,-0}catch{}return t.apply(this,e)},writable:!0})}catch{rD(e)}return n})(e);try{"u">typeof window&&(window.document?.createElement||window.navigator?.product==="ReactNative")&&rL()}catch{}let rP=e=>{switch(e.tag){case 1:case 11:case 0:case 14:case 15:return!0;default:return!1}};function rI(e,t,r=!1){if(!e)return null;let n=t(e);if(n instanceof Promise)return(async()=>{if(await n===!0)return e;let i=r?e.return:e.child;for(;i;){let e=await rU(i,t,r);if(e)return e;i=r?null:i.sibling}return null})();if(!0===n)return e;let i=r?e.return:e.child;for(;i;){let e=rW(i,t,r);if(e)return e;i=r?null:i.sibling}return null}let rW=(e,t,r=!1)=>{if(!e)return null;if(!0===t(e))return e;let n=r?e.return:e.child;for(;n;){let e=rW(n,t,r);if(e)return e;n=r?null:n.sibling}return null},rU=async(e,t,r=!1)=>{if(!e)return null;if(await t(e)===!0)return e;let n=r?e.return:e.child;for(;n;){let e=await rU(n,t,r);if(e)return e;n=r?null:n.sibling}return null},rH=e=>"function"==typeof e?e:"object"==typeof e&&e?rH(e.type||e.render):null,rB=e=>{if("string"==typeof e)return e;if("function"!=typeof e&&!("object"==typeof e&&e))return null;let t=e.displayName||e.name||null;if(t)return t;let r=rH(e);return r&&(r.displayName||r.name)||null},rV=()=>{let e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;return!!e?._instrumentationIsActive||r$(e)||rF(e)},rq=new Set,rG=e=>{let t=e.alternate;if(!t)return e;if(t.actualStartTime&&e.actualStartTime)return t.actualStartTime>e.actualStartTime?t:e;for(let t of rq){let r=rI(t.current,t=>{if(t===e)return!0});if(r)return r}return e},rJ=new WeakMap,rY=e=>{if(!rT.call(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__"))return null;let t=e;for(;t.return;)t=t.return;let r=r1.get(t.stateNode);return void 0===r?null:rL().renderers?.get(r)??null},rX=new Set,rK=new Set,rZ=new Set,rQ=new Set,r0=new WeakMap,r1=new WeakMap,r2=e=>{let t,r=rL(e.onActive);r._instrumentationSource=e.name??rE,(e=>{let t=r0.get(e)??{};if(r0.set(e,t),!t.onCommitFiberRoot||e.onCommitFiberRoot!==t.onCommitFiberRoot){let r=e.onCommitFiberRoot,n=(t,i,o)=>{if(r?.(t,i,o),r0.get(e)?.onCommitFiberRoot===n)for(let e of(rq.add(i),r1.set(i,t),rX))e(t,i,o)};t.onCommitFiberRoot=n,e.onCommitFiberRoot=n}if(!t.onCommitFiberUnmount||e.onCommitFiberUnmount!==t.onCommitFiberUnmount){let r=e.onCommitFiberUnmount,n=(t,i)=>{if(r?.(t,i),r0.get(e)?.onCommitFiberUnmount===n)for(let e of rK)e(t,i)};t.onCommitFiberUnmount=n,e.onCommitFiberUnmount=n}if(!t.onPostCommitFiberRoot||e.onPostCommitFiberRoot!==t.onPostCommitFiberRoot){let r=e.onPostCommitFiberRoot,n=(t,i)=>{if(r?.(t,i),r0.get(e)?.onPostCommitFiberRoot===n)for(let e of rZ)e(t,i)};t.onPostCommitFiberRoot=n,e.onPostCommitFiberRoot=n}if(!t.onScheduleFiberRoot||e.onScheduleFiberRoot!==t.onScheduleFiberRoot){let r=e.onScheduleFiberRoot,n=(t,i,o)=>{if(r?.(t,i,o),r0.get(e)?.onScheduleFiberRoot===n)for(let e of rQ)e(t,i,o)};t.onScheduleFiberRoot=n,e.onScheduleFiberRoot=n}})(r);let{onActive:n,onCommitFiberRoot:i,onCommitFiberUnmount:o,onPostCommitFiberRoot:a,onScheduleFiberRoot:l}=e;return i&&rX.add(i),o&&rK.add(o),a&&rZ.add(a),l&&rQ.add(l),Object.assign(t=()=>{n&&rO.delete(n),i&&rX.delete(i),o&&rK.delete(o),a&&rZ.delete(a),l&&rQ.delete(l)},{[Symbol.dispose]:t})},r5=new Set,r4=e=>e.startsWith("__reactContainer$")||e.startsWith("__reactInternalInstance$")||e.startsWith("__reactFiber"),r3=ne
2w WeakMap,r6=e=>r3.get(e)??null,r8=e=>r6(e)?.getFiber()??(e=>{let t=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t?.renderers)for(let r of t.renderers.values())try{let t=r.findFiberByHostInstance?.(e);if(t)return t}catch{}if("object"==typeof e&&e){if("_reactRootContainer"in e)return e._reactRootContainer?._internalRoot?.current?.child;let t=e.__internalInstanceHandle??e._internalInstanceHandle;if(t&&"object"==typeof t&&"pendingProps"in t&&!("containerInfo"in t))return t;for(let t of r5){let r=e[t];if(r)return r}for(let t of Object.keys(e))if(r4(t))return r5.add(t),e[t]||null;for(let t of rq){if(rY(t.current)?.findFiberByHostInstance)continue;let r=rI(t.current,t=>t.stateNode===e);if(r)return r}}return null})(e);new WeakMap,new WeakMap;let r7=e=>{let t=e.ownerDocument?.defaultView;return!!(t&&e instanceof t.ShadowRoot)};var r9=class extends Error{constructor(e,t){super(e,t),this.name="ReactGrabError"}},ne=class extends r9{constructor(){super("Can't generate CSS selector for non-element node type."),this.name="NonElementNodeError"}},nt=class extends r9{constructor(e){super(`Timeout: Can't find a unique selector after ${e}ms`),this.name="SelectorTimeoutError",this.timeoutMs=e}},nr=class extends r9{constructor(){super("Selector was not found."),this.name="SelectorNotFoundError"}};let nn=e=>r6(e)?.getTagName()??(e.tagName||"").toLowerCase(),ni=(new WeakMap,e=>"object"==typeof e&&!!e&&"nodeType"in e&&9===e.nodeType),no=e=>{if(e.assignedSlot)return e.assignedSlot;if(e.parentElement)return e.parentElement;let t=e.getRootNode();return r7(t)?t.host:ni(t)?rS(t.defaultView):null},na="u">typeof window,nl=na?(Object.getOwnPropertyDescriptor(Window.prototype,"requestAnimationFrame")?.value??window.requestAnimationFrame).bind(window):e=>0,ns=na?(Object.getOwnPropertyDescriptor(Window.prototype,"cancelAnimationFrame")?.value??window.cancelAnimationFrame).bind(window):e=>{},nc="u">typeof Element&&"function"==typeof Element.prototype.checkVisibility,nu={checkOpacity:!0,checkVisibilityCSS:!0,opacityProperty:!0,visibilityProperty:!0},nd={checkVisibilityCSS:!0,visibilityProperty:!0},np=new WeakMap,nh=new Set(["A","AUDIO","BUTTON","CANVAS","DETAILS","EMBED","IFRAME","IMG","INPUT","METER","OBJECT","OPTION","PROGRESS","SELECT","SUMMARY","SVG","TEXTAREA","VIDEO"]),nm=new Set(["button","checkbox","combobox","gridcell","link","listbox","menuitem","menuitemcheckbox","menuitemradio","option","radio","scrollbar","searchbox","slider","spinbutton","switch","tab","textbox","treeitem"]),nf=new Set("A.ABBR.B.BDI.BDO.BR.CITE.CODE.DATA.DEL.DFN.EM.I.INS.KBD.MARK.Q.S.SAMP.SMALL.SPAN.STRONG.SUB.SUP.TIME.U.VAR.WBR".split(".")),ng=new WeakMap,nv=new WeakMap,nb=(e,t)=>{if(0!==e.length)throw 1===e.length?e[0]:AggregateError(e,t)},nw=new Set,ny=new Set;new WeakMap,new WeakMap;let nx=new WeakMap,nk=new WeakMap,n_=new WeakMap,nN=e=>"object"==typeof e&&!!e,nS=(e,t)=>"function"==typeof e[t],nE=e=>{var t,r,n;let i,o,a,l,s;return nN(e)&&nN(t=e.gl)&&nN(i=t.domElement)&&"string"==typeof i.tagName&&"canvas"===i.tagName.toLowerCase()&&nS(i,"getContext")&&nN(n=r=e.scene)&&!0===n.isObject3D&&"string"==typeof n.uuid&&"string"==typeof n.name&&"string"==typeof n.type&&"boolean"==typeof n.visible&&nN(o=n.matrixWorld)&&nS(o,"clone")&&nS(o,"premultiply")&&nS(n,"updateWorldMatrix")&&!0===r.isScene&&Array.isArray(r.children)&&nN(a=e.camera)&&!0===a.isCamera&&nN(l=e.raycaster)&&nS(l,"setFromCamera")&&nS(l,"intersectObjects")&&nN(s=e.pointer)&&nS(s,"set")},nC=e=>nN(e)&&"number"==typeof e.elapsedTime,nT=(e,t)=>{let r=e.getState();if("function"!=typeof r.setFrameloop)return;let n=nC(r.clock)?r.clock.elapsedTime:null;r.setFrameloop(t);let i=e.getState().clock;null!==n&&nC(i)&&(i.elapsedTime=n)},nA=e=>{var t;let r,n=n_.get(e);n&&(n_.delete(e),nx.get(n.canvas)===n.root&&(nx.delete(n.canvas),t=n.canvas,(r=nk.get(t))&&(nk.delete(t),r())))};r2({name:"react-grab-three-selection",onCommitFiberRoot:(e,t)=>(e=>{let t=(e=>{let t,r=e.current.stateNode;if(!nN(r)||!("object"==typeof(t=r.containerInfo)&&t||"function"==typeof t))return null;let n=r.containerInfo,i=Reflect.get(n,"getState");if("function"!=typeof i)return null;let o=Reflect.apply(i,n,[]);return nE(o)?()=>{let e=Reflect.apply(i,n,[]);return nE(e)?e:o}:null})(e);if(!t)return void nA(e);let r=t().gl.domElement;if(!r.isConnected||!e.current.child)return void nA(e);let n=n_.get(e);n&&n.canvas!==r&&(nA(e),n=void 0),n?(n.root.getState=t,n.root.selectableObjects=null):(n={canvas:r,root:{getState:t,selectableObjects:null}},n_.set(e,n)),nx.set(r,n.root),(e=>{var t;if(nk.has(e))return;let r=null,n=(t={freeze:()=>{let t,n=nx.get(e);if(!n)return;let i=n.getState();if(("always"===(t=i.frameloop)||"demand"===t||"never"===t)&&"function"==typeof i.setFrameloop){let e=i.frameloop;nT(n,"never"),r=()=>nT(n,e)}},isConnected:()=>e.isConnected,unfreeze:()=>{r?.(),r=null}},nw.add(t),()=>{let e=[];((e,t)=>
2{if(ny.has(e))try{e.unfreeze()}catch(e){t.push(e)}finally{ny.delete(e)}})(t,e),nw.delete(t),nb(e,"Unregistering renderer freeze failed")});nk.set(e,n)})(r)})(t)});let nz=null,n$=!1,nM=new Map,nR=new WeakSet,nF=new WeakSet,nO=new WeakMap,nj=new Map,nD=new Map;"u">typeof window&&(window.requestAnimationFrame=e=>((e=>{if(nz===e&&(n$=!0),nR.has(e))return;if(nz===e){let t=(nO.get(e)??0)+1;return nO.set(e,t),!(t<4)&&nR.add(e)}return})(e),nl(t=>{let r=nz,n=n$;nz=e,n$=!1;try{e(t)}finally{let t=n$;nz=r,n$=n,t||nF.has(e)||(nR.delete(e),nO.delete(e))}})),window.cancelAnimationFrame=e=>{if(nM.has(e))return void nM.delete(e);let t=nD.get(e);if(void 0!==t){ns(t.nativeId),nD.delete(e);return}let r=nj.get(e);if(void 0!==r){nM.delete(r),nj.delete(e);return}ns(e)});new WeakMap,new WeakMap,new WeakMap,new WeakMap,new WeakMap,new WeakSet;let nL=new WeakMap;r2({name:"react-grab-freeze-updates",onCommitFiberRoot:(e,t)=>{let r=rL().renderers.get(e);r&&nL.set(t,r)}});let nP=/^[a-zA-Z][a-zA-Z\d+\-.]*:/,nI=["rsc://","file:///","webpack-internal://","webpack://","node:","turbopack://","metro://","/app-pages-browser/","/(app-pages-browser)/"],nW=["rsc://","about://React/"],nU=["<anonymous>","eval",""],nH=/\.(jsx|tsx|ts|js)$/,nB=/(\.min|bundle|chunk|vendor|vendors|runtime|polyfill|polyfills)\.(js|mjs|cjs)$|(chunk|bundle|vendor|vendors|runtime|polyfill|polyfills|framework|app|main|index)[-_.][A-Za-z0-9_-]{4,}\.(js|mjs|cjs)$|[\da-f]{8,}\.(js|mjs|cjs)$|[-_.][\da-f]{20,}\.(js|mjs|cjs)$|\/dist\/|\/build\/|\/.next\/|\/out\/|\/node_modules\/|\.webpack\.|\.vite\.|\.turbopack\./i,nV=/^\?[\w~.-]+(?:=[^&#]*)?(?:&[\w~.-]+(?:=[^&#]*)?)*$/,nq=/\(at [^)]+\)$/,nG=["react_stack_bottom_frame","react-stack-bottom-frame"],nJ=/(^|@)\S+:\d+/,nY=/^\s*at .*(\S+:\d+|\(native\))/m,nX=/^(eval@)?(\[native code\])?$/,nK=(e,t)=>{if(t?.includeInElement!==!1){let r=e.split(`
3`),n=[];for(let e of r)if(/^\s*at\s+/.test(e)){let t=n0(e,void 0)[0];t&&n.push(t)}else if(/^\s*in\s+/.test(e)){let t=e.replace(/^\s*in\s+/,"").replace(/\s*\(at .*\)$/,"");n.push({functionName:t,source:e})}else if(e.match(nJ)){let t=n1(e,void 0)[0];t&&n.push(t)}return nQ(n,t)}return e.match(nY)?n0(e,t):n1(e,t)},nZ=e=>{if(!e.includes(":"))return[e,void 0,void 0];let t=e.startsWith("(")&&/:\d+\)$/.test(e)?e.slice(1,-1):e,r=/(.+?)(?::(\d+))?(?::(\d+))?$/.exec(t);return r?[r[1],r[2]||void 0,r[3]||void 0]:[t,void 0,void 0]},nQ=(e,t)=>t&&null!=t.slice?Array.isArray(t.slice)?e.slice(t.slice[0],t.slice[1]):e.slice(0,t.slice):e,n0=(e,t)=>nQ(e.split(`
4`).filter(e=>!!e.match(nY)),t).map(e=>{let t=e;t.includes("(eval ")&&(t=t.replace(/eval code/g,"eval").replace(/(\(eval at [^()]*)|(,.*$)/g,""));let r=t.replace(/^\s+/,"").replace(/\(eval code/g,"(").replace(/^.*?\s+/,""),n=r.match(/ (\(.+\)$)/);r=n?r.replace(n[0],""):r;let i=nZ(n?n[1]:r);return{functionName:n&&r||void 0,fileName:["eval","<anonymous>"].includes(i[0])?void 0:i[0],lineNumber:i[1]?+i[1]:void 0,columnNumber:i[2]?+i[2]:void 0,source:t}}),n1=(e,t)=>nQ(e.split(`
5`).filter(e=>!e.match(nX)),t).map(e=>{let t=e;if(t.includes(" > eval")&&(t=t.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g,":$1")),!t.includes("@")&&!t.includes(":"))return{functionName:t};{let e=/(([^\n\r"\u2028\u2029]*".[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*(?:@[^\n\r"\u2028\u2029]*"[^\n\r@\u2028\u2029]*)*(?:[\n\r\u2028\u2029][^@]*)?)?[^@]*)@/,r=t.match(e),n=r&&r[1]?r[1]:void 0,i=nZ(t.replace(e,""));return{functionName:n,fileName:i[0],lineNumber:i[1]?+i[1]:void 0,columnNumber:i[2]?+i[2]:void 0,source:t}}}),n2=new WeakMap,n5=e=>nG.some(t=>e.includes(t)),n4=e=>{let t=e.getFunctionName?.()??"";if(t)return t;let r=e.getTypeName?.()??"",n=e.getMethodName?.()??"";return r&&n?`${r}.${n}`:n},n3=e=>{let t,r=n2.get(e);if(r)return r;let n=null,i=Error.prepareStackTrace;Error.prepareStackTrace=(e,t)=>{n=(e=>{let t=[];for(let r=1;r<e.length;r++){let n=e[r],i=n4(n);if(n5(i))return{frames:t,isTrusted:!0};if(n.isNative?.()){t.push({functionName:i||void 0});continue}
5let o=n.getScriptNameOrSourceURL?.()??"";!o&&n.isEval?.()&&(o=n.getEvalOrigin?.()??""),t.push({functionName:i&&"<anonymous>"!==i?i:void 0,fileName:o&&"<anonymous>"!==o?o:void 0,lineNumber:n.getLineNumber?.()??void 0,columnNumber:n.getColumnNumber?.()??void 0,enclosingLineNumber:n.getEnclosingLineNumber?.()??void 0,enclosingColumnNumber:n.getEnclosingColumnNumber?.()??void 0,source:`    at ${n.toString()}`})}return{frames:t,isTrusted:!1}})(t);let r=`${e.name||"Error"}: ${e.message||""}`;for(let e of t)r+=`
6    at ${e.toString()}`;return r};try{t=String(e.stack)}finally{Error.prepareStackTrace=i}let o=n??(e=>{let t=-1;for(let r of nG)if(-1!==(t=e.indexOf(r)))break;return{frames:nK(-1===t?e:e.slice(0,e.lastIndexOf(`
7`,t))).slice(1),isTrusted:-1!==t}})(t);return n2.set(e,o),o};var n6="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",n8=new Uint8Array(64),n7=new Uint8Array(128);for(let e=0;e<n6.length;e++){let t=n6.charCodeAt(e);n8[e]=t,n7[t]=e}function n9(e,t){let r=0,n=0,i=0;do r|=(31&(i=n7[e.next()]))<<n,n+=5;while(32&i)let o=1&r;return r>>>=1,o&&(r=-0x80000000|-r),t+r}function ie(e,t){return!(e.pos>=t)&&44!==e.peek()}var it=class{constructor(e){this.pos=0,this.buffer=e}next(){return this.buffer.charCodeAt(this.pos++)}peek(){return this.buffer.charCodeAt(this.pos)}indexOf(e){let{buffer:t,pos:r}=this,n=t.indexOf(e,r);return -1===n?t.length:n}};function ir(e){let{length:t}=e,r=new it(e),n=[],i=0,o=0,a=0,l=0,s=0;do{let e=r.indexOf(";"),t=[],c=!0,u=0;for(i=0;r.pos<e;){let n;(i=n9(r,i))<u&&(c=!1),u=i,ie(r,e)?(o=n9(r,o),a=n9(r,a),l=n9(r,l),n=ie(r,e)?[i,o,a,l,s=n9(r,s)]:[i,o,a,l]):n=[i],t.push(n),r.pos++}c||t.sort(ii),n.push(t),r.pos=e+1}while(r.pos<=t)return n}function ii(e,t){return e[0]-t[0]}let io=/^[a-zA-Z][a-zA-Z\d+\-.]*:/,ia=/^data:application\/json[^,]+base64,/,il=/(?:\/\/[@#][ \t]+sourceMappingURL=([^\s'"]+?)[ \t]*$)|(?:\/\*[@#][ \t]+sourceMappingURL=([^*]+?)[ \t]*(?:\*\/)[ \t]*$)/,is=new Map,ic=new Map,iu=(e,t,r,n,i)=>{if(r<0||r>=e.length)return null;let o=e[r];if(!o||0===o.length)return null;let a=null,l=0,s=o.length-1;for(;l<=s;){let e=l+s>>1;o[e][0]<=n?(a=o[e],l=e+1):s=e-1}if(!a||a.length<4)return null;let[,c,u,d]=a;if(void 0===c||void 0===u||void 0===d)return null;let p=t[c];return p?{columnNumber:d,fileName:p,lineNumber:u+1,isIgnoreListed:i?.has(c)??!1}:null},id=e=>{let t=e.ignoreList??e.x_google_ignoreList;return Array.isArray(t)&&t.length>0?new Set(t):void 0},ip=e=>{if(!e)return!1;let t=e.trim();if(!t)return!1;let r=t.match(io);if(!r)return!0;let n=r[0].toLowerCase();return"http:"===n||"https:"===n},ih=async(e,t=fetch)=>{if(!ip(e))return null;let r=await t(e);if(!r.ok)return null;let n=await r.text();if(!n)return null;let i=((e,t)=>{let r,n=t.length;for(;n>0&&!r;){let e=t.lastIndexOf(`
8`,n-1)+1,i=t.slice(e,n).match(il);i&&(r=i[1]||i[2]),n=e-1}if(!r)return null;let i=io.test(r);if(!(ia.test(r)||i||r.startsWith("/"))){let t=e.split("/");t[t.length-1]=r,r=t.join("/")}return r})(e,n);if(!i||!ip(i)&&!ia.test(i))return null;let o=await t(i);if(!o.ok)return null;try{let e=await o.json();return"sections"in e?(e=>{let t=e.sections.map(({map:e,offset:t})=>({map:{...e,ignoredSourceIndices:id(e),mappings:ir(e.mappings)},offset:t})),r=new Set;for(let e of t)for(let t of e.map.sources)r.add(t);return{file:e.file,mappings:[],names:[],sections:t,sourceRoot:void 0,sources:Array.from(r),sourcesContent:void 0,version:3}})(e):{file:e.file,ignoredSourceIndices:id(e),mappings:ir(e.mappings),names:e.names,sourceRoot:e.sourceRoot,sources:e.sources,sourcesContent:e.sourcesContent,version:3}}catch{return null}},im=async(e,t=!0,r)=>{if(t&&is.has(e))return is.get(e)??null;let n=t?ic.get(e):void 0;if(n)return(await n).sourceMap;let i=ih(e,r).then(e=>({sourceMap:e,isTransientFailure:!1}),()=>({sourceMap:null,isTransientFailure:!0}));t&&ic.set(e,i);let{sourceMap:o,isTransientFailure:a}=await i;return t&&(ic.delete(e),a||is.set(e,o)),o},ig=async(e,t=!0,r)=>await Promise.all(e.map(async e=>{if(!e.fileName)return e;let n=await im(e.fileName,t,r);if(!n||"number"!=typeof e.lineNumber||"number"!=typeof e.columnNumber)return e;let i=((e,t,r)=>{if(e.sections){let n=t-1,i=null;for(let t of e.sections)if(n>t.offset.line||n===t.offset.line&&r>=t.offset.column)i=t;else break;if(!i)return null;let o=n-i.offset.line,a=n===i.offset.line?r-i.offset.column:r;return iu(i.map.mappings,i.map.sources,o,a,i.map.ignoredSourceIndices)}return iu(e.mappings,e.sources,t-1,r,e.ignoredSourceIndices)})(n,e.lineNumber,e.columnNumber);return i?{...e,source:i.fileName&&e.source?e.source.replace(e.fileName,i.fileName):e.source,fileName:i.fileName,lineNumber:i.lineNumber,columnNumber:i.columnNumber,isIgnoreListed:i.isIgnoreListed,isSymbolicated:!0}:e})),iv=e=>e._debugStack instanceof Error&&"string"==typeof e._debugStack?.stack,ib=e=>"number"==typeof e.tag,iw=e=>e._debugOwner,iy=e=>{let t=null;if(rI(e,r=>{if(r===e)return!1;let n=r._debugOwner;return(n===e||null!==e.alternate&&n===e.alternate)&&r._debugStack instanceof Error&&(t=r._debugStack,!0)}),!t)return null;let{frames:r,isTrusted:n}=n3(t);if(!n)return null;for(let e=r.length-1;e>=0;e--){let t=r[e];if(t.fileName)return{...t,lineNumber:t.enclosingLineNumber||t.lineNumber,columnNumber:t.enclosingColumnNumber||t.columnNumber}}return null},ix=e=>{for(let t of rj){let r=t.currentDispatcherRef;r&&"object"==typeof r&&("H"in r?r.H=e:r.current=e)}}
8,ik=e=>`
9    in ${e}`,i_=(e,t)=>{let r=ik(e);return t&&(r+=` (at ${t})`),r},iN=!1,iS=new WeakMap,iE=(e,t)=>{if(!e||iN)return"";let r=iS.get(e);if(void 0!==r)return r;let n=Error.prepareStackTrace;Error.prepareStackTrace=void 0,iN=!0;let i=(()=>{let e=rL();for(let t of[...Array.from(rj),...Array.from(e.renderers.values())]){let e=t.currentDispatcherRef;if(e&&"object"==typeof e)return"H"in e?e.H:e.current}return null})();ix(null);let o=console.error,a=console.warn;console.error=()=>{},console.warn=()=>{};try{let r={DetermineComponentFrameRoot(){let r;try{if(t){let t=function(){throw Error()};if(Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){r=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){r=e}e.call(t.prototype)}}else{try{throw Error()}catch(e){r=e}let t=e();t&&"function"==typeof t.catch&&t.catch(()=>{})}}catch(e){if(e instanceof Error&&r instanceof Error&&"string"==typeof e.stack)return[e.stack,r.stack]}return[null,null]}};r.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot",Object.getOwnPropertyDescriptor(r.DetermineComponentFrameRoot,"name")?.configurable&&Object.defineProperty(r.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});let[n,i]=r.DetermineComponentFrameRoot();if(n&&i){let t=n.split(`
10`),r=i.split(`
11`),o=0,a=0;for(;o<t.length&&!t[o].includes("DetermineComponentFrameRoot");)o++;for(;a<r.length&&!r[a].includes("DetermineComponentFrameRoot");)a++;if(o===t.length||a===r.length)for(o=t.length-1,a=r.length-1;o>=1&&a>=0&&t[o]!==r[a];)a--;for(;o>=1&&a>=0;o--,a--)if(t[o]!==r[a]){if(1!==o||1!==a)do if(o--,--a<0||t[o]!==r[a]){let r=`
12${t[o].replace(" at new "," at ")}`,n=rB(e);return n&&r.includes("<anonymous>")&&(r=r.replace("<anonymous>",n)),iS.set(e,r),r}while(o>=1&&a>=0)break}}}finally{iN=!1,Error.prepareStackTrace=n,ix(i),console.error=o,console.warn=a}let l=e?rB(e):"",s=l?ik(l):"";return iS.set(e,s),s},iC=(e,t)=>{let r=e.tag,n="";switch(r){case 28:n=ik("Activity");break;case 1:n=iE(e.type,!0);break;case 11:n=iE(e.type.render,!1);break;case 0:case 15:n=iE(e.type,!1);break;case 5:case 26:case 27:n=ik(e.type);break;case 16:n=ik("Lazy");break;case 13:n=e.child!==t&&null!==t?ik("Suspense Fallback"):ik("Suspense");break;case 19:n=ik("SuspenseList");break;case 30:n=ik("ViewTransition");break;default:return""}return n},iT=e=>{let t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;let r=e;if(!r)return"";Error.prepareStackTrace=t,r.startsWith(`Error: react-stack-top-frame
13`)&&(r=r.slice(29));let n=r.indexOf(`
14`);-1!==n&&(r=r.slice(n+1));let i=Math.max(r.indexOf("react_stack_bottom_frame"),r.indexOf("react-stack-bottom-frame"));return(-1!==i&&(i=r.lastIndexOf(`
15`,i)),-1===i)?"":r=r.slice(0,i)},iA=e=>!!(e.functionName&&e.fileName&&i$(e.fileName)),iz=(e,t)=>e.fileName===t.fileName&&e.lineNumber===t.lineNumber&&e.columnNumber===t.columnNumber,i$=e=>nW.some(t=>e.startsWith(t)),iM=e=>!e.isServer&&e.fileName&&i$(e.fileName)?{...e,isServer:!0}:e,iR=async(e,t=!0,r)=>{let n,i=(n=[],rI(e,e=>{if(!iv(e))return;let t="string"==typeof e.type?e.type:rB(e.type)||"<anonymous>";n.push({componentName:t,stackFrames:nK(iT(e._debugStack?.stack))})},!0),n),o=nK((e=>{try{let t="",r=e,n=null;do{t+=iC(r,n);let e=r._debugInfo;if(e&&Array.isArray(e))for(let r=e.length-1;r>=0;r--){let n=e[r];"string"==typeof n.name&&(t+=i_(n.name,n.env))}n=r,r=r.return}while(r)return t}catch(e){return e instanceof Error?`
16Error generating stack: ${e.message}
17${e.stack}`:""}})(e)),a=(e=>{let t=new Map;for(let r of e)for(let e of r.stackFrames){if(!iA(e))continue;let r=e.functionName,n=t.get(r)??[];n.some(t=>iz(t,e))||(n.push(e),t.set(r,n))}return t})(i),l=new Map;return ig(o.map(e=>e.source?.includes("(at Server)")||null!=e.source&&nq.test(e.source)?((e,t,r)=>{if(!e.functionName)return{...e,isServer:!0};let n=t.get(e.functionName);if(!n||0===n.length)return{...e,isServer:!0};let i=r.get(e.functionName)??0,o=n[i%n.length];return r.set(e.functionName,i+1),{...e,isServer:!0,fileName:o.fileName,lineNumber:o.lineNumber,columnNumber:o.columnNumber,source:e.source?.replace("(at Server)",`(${o.fileName}:${o.lineNumber}:${o.columnNumber})`)}})(e,a,l):e).filter((e,t,r)=>{if(0===t)return!0;let n=r[t-1];return e.functionName!==n.functionName}),t,r)},iF=async(e,t=!0,r)=>{let n=(e=>{let t=[],r=e;for(;r;)if(ib(r)){let e=r;if((r=iw(e))&&iv(e)){let{frames:r,isTrusted:n}=n3(e._debugStack);if(n)for(let e of r)t.push(iM(e))}}else{let e=r;if((r=e.owner)&&e.debugStack instanceof Error)for(let r of n3(e.debugStack).frames)t.push({...r,isServer:!0})}return t})(e);if(n.length>0){let i=iy(e)??{};i.functionName=rB(e.type)??i.functionName;let o=await ig([i,...n],t,r);if(o.some((e,t)=>t>0&&!!e.fileName&&!e.isIgnoreListed))return o}return iR(e,t,r)},iO=e=>e.fileName?{fileName:e.fileName,lineNumber:e.lineNumber,columnNumber:e.columnNumber,functionName:e.functionName}:null,ij=async(e,t=!0,r)=>{let n;if((n=e._debugSource)&&"object"==typeof n&&n&&"fileName"in n&&"string"==typeof n.fileName&&"lineNumber"in n&&"number"==typeof n.lineNumber)return e._debugSource||null;let i=(e=>{if(!iv(e))return null;let{frames:t,isTrusted:r}=n3(e._debugStack);if(!r)return null;for(let e of t)if(e.fileName)return e;return null})(e)??iy(e);if(i){let[e]=await ig([i],t,r),n=iO(e);
17if(n)return n}for(let n of(await iR(e,t,r)))if(n.fileName)return iO(n);return null},iD=e=>e.split("/").filter(Boolean).length,iL=e=>{if(!e||nU.some(t=>t===e))return"";let t=e,r=t.startsWith("http://")||t.startsWith("https://");if(r)try{t=new URL(t).pathname}catch{}if(r&&(t=(e=>{let t=e.indexOf("/",1);if(-1===t||1!==iD(e.slice(0,t)))return e;let r=e.slice(t);if(!nH.test(r)||2>iD(r))return e;let n=r.split("/").filter(Boolean)[0]??null;return!n||n.startsWith("@")||n.length>4?e:r})(t)),t.startsWith("about://React/")){let e=t.slice(14),r=e.indexOf("/"),n=e.indexOf(":");t=-1!==r&&(-1===n||r<n)?e.slice(r+1):e}let n=!0;for(;n;)for(let e of(n=!1,nI))if(t.startsWith(e)){t=t.slice(e.length),"file:///"===e&&(t=`/${t.replace(/^\/+/,"")}`),n=!0;break}if(nP.test(t)){let e=t.match(nP);e&&(t=t.slice(e[0].length))}if(t.startsWith("//")){let e=t.indexOf("/",2);t=-1===e?"":t.slice(e)}let i=t.indexOf("?");if(-1!==i){let e=t.slice(i);nV.test(e)&&(t=t.slice(0,i))}return t},iP=Symbol.for("react.context"),iI=[],iW=null,iU=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render."),iH=()=>{let e=iW;return null!==e&&(iW=e.next),e},iB=e=>e._currentValue,iV=(e,t,r,n=null)=>{iI.push({displayName:n,primitive:e,stackError:Error(),value:t,dispatcherHookName:r})},iq=e=>(t,r)=>{let n=iH();iH(),iH();let i=Error(),{value:o,error:a}=((e,t)=>{let r,n=null;if(null!==e){let t=e.memoizedState;if("object"==typeof t&&t&&"then"in t&&"function"==typeof t.then)switch(t.status){case"fulfilled":r=t.value;break;case"rejected":n=t.reason;break;default:n=iU,r=t}else r=t}else r=t;return{value:r,error:n}})(n,r);if(iI.push({displayName:null,primitive:e,stackError:i,value:o,dispatcherHookName:e}),null!==a)throw a;return[o,()=>{},!1]},iG=iq("ActionState"),iJ={readContext:iB,use:e=>
17{if("object"==typeof e&&e){if("function"==typeof e.then){switch(e.status){case"fulfilled":return iV("Promise",e.value,"Use"),e.value;case"rejected":throw e.reason}throw iV("Unresolved",e,"Use"),iU}if(e.$$typeof===iP&&"_currentValue"in e){let t=iB(e);return iV("Context (use)",t,"Use",e.displayName||"Context"),t}}throw Error("An unsupported type was passed to use(): "+String(e))},useCallback:e=>{let t=iH();return iV("Callback",null===t?e:t.memoizedState[0],"Callback"),e},useContext:e=>{let t=iB(e);return iV("Context",t,"Context",e.displayName||null),t},useEffect:e=>{iH(),iV("Effect",e,"Effect")},useImperativeHandle:e=>{let t;iH(),"object"==typeof e&&e&&"current"in e&&(t=e.current),iV("ImperativeHandle",t,"ImperativeHandle")},useLayoutEffect:e=>{iH(),iV("LayoutEffect",e,"LayoutEffect")},useInsertionEffect:e=>{iH(),iV("InsertionEffect",e,"InsertionEffect")},useMemo:e=>{let t=iH(),r=null===t?e():t.memoizedState[0];return iV("Memo",r,"Memo"),r},useReducer:(e,t,r)=>{let n=iH(),i=null===n?void 0===r?t:r(t):n.memoizedState;return iV("Reducer",i,"Reducer"),[i,()=>{}]},useRef:e=>{let t=iH(),r=null===t?{current:e}:t.memoizedState;return iV("Ref",r.current,"Ref"),r},useState:e=>{let t=iH(),r=null===t?"function"==typeof e?e():e:t.memoizedState;return iV("State",r,"State"),[r,()=>{}]},useDebugValue:(e,t)=>{iV("DebugValue","function"==typeof t?t(e):e,"DebugValue")},useDeferredValue:e=>{let t=iH(),r=null===t?e:t.memoizedState;return iV("DeferredValue",r,"DeferredValue"),r},useTransition:()=>{let e=iH();iH();let t=null!==e&&e.memoizedState;return iV("Transition",t,"Transition"),[t,()=>{}]},useSyncExternalStore:(e,t)=>{let r=iH();iH();let n=null===r?t():r.memoizedState;return iV("SyncExternalStore",n,"SyncExternalStore"),n},useId:()=>{let e=iH(),t=null===e?"":e.memoizedState;return iV("Id",t,"Id"),t},useHostTransitionStatus:()=>{let e=iB({_currentValue:null});return iV("HostTransitionStatus",e,"HostTransitionStatus"),e},useFormState:iq("FormState"),useActionState:iG,useOptimistic:e=>{let t=iH(),r=null===t?e:t.memoizedState;return iV("Optimistic",r,"Optimistic"),[r,()=>{}]},useMemoCache:e=>[],useCacheRefresh:()=>{let e=iH();return iV("CacheRefresh",null===e?()=>{}:e.memoizedState,"CacheRefresh"),()=>{}},useEffectEvent:e=>(iH(),iV("EffectEvent",e,"EffectEvent"),e)};typeof Proxy>"u"||new Proxy(iJ,{get(e,t){if(Object.prototype.hasOwnProperty.call(e,t))return e[t];let r=Error("Missing method in Dispatcher: "+t);throw r.name="ReactDebugToolsUnsupportedHookError",r}});let iY=e=>void 0!==e&&Number.isFinite(e)?Math.max(0,Math.floor(e)):3,iX=/^(?:\.\/)?\/?\([a-z][a-z0-9-]*\)\//,iK=e=>{let t=iL(e);return(t=t.replace(iX,"")).startsWith("./")&&(t=t.slice(2)),t},iZ=e=>{try{return decodeURIComponent(e)}catch{return e}},iQ=/(?:^|[/\\])node_modules[/\\]/,i0=/[/\\]\.vite[/\\]deps[^/\\]*[/\\]/,i1=/\.[mc]?[jt]sx?$/i,i2=/^chunk-[A-Za-z0-9_-]+$/,i5=/[/\\]/,i4=/^(.+?)@v?\d/,i3=e=>e.split(i5).filter(Boolean),i6=e=>{let[t,r]=i3(e);return!t||t.startsWith(".")?null:t.startsWith("@")?r?`${t}/${r}`:null:t},i8=e=>{let t=i3(e)[0];if(!t)return null;let r=t.replace(i1,"");if(i2.test(r))return null;if(!r.startsWith("@"))return r;let n=r.indexOf("_");return -1===n?null:`${r.slice(0,n)}/${r.slice(n+1)}`},i7=(e,t,r)=>{let n=e.split(t);return n.length>1?r(n[n.length-1]):null},i9=e=>e?.match(i4)?.[1]??null,oe=/^@[A-Za-z0-9][A-Za-z0-9._-]*$/,ot=/^[A-Za-z0-9][A-Za-z0-9._-]*$/,or=new Set(["app","web","website","frontend","client","src"]),on=new Set(["app","src","components","pages","features","modules","hooks","lib","utils","ui","shared","common","core","styles","assets"]),oi=e=>{let t;if(!e)return{origin:"unknown",packageName:null};let r=e?(e=>{let t;if(!e)return null;let r=iL(e);return r&&((i7(t=iZ(r),i0,i8)??i7(t,iQ,i6))||(e=>{let t;try{t=new URL(e)}catch{return null}if(!t.hostname)return null;let r=i3(t.pathname).map(iZ);for(let[e,t]of r.entries()){if(t.startsWith("@")){let n=i9(r[e+1]);if(n)return`${t}/${n}`;continue}let n=i9(t);if(n)return n}return null})(e))||null})(e)??(e=>{let t=(e=>{let t=e;for(;t.startsWith("../")||t.startsWith("./");)t=t.slice(t.startsWith("../")?3:2);return t})(iZ(iL(e)));if(t.startsWith("/"))return null;let[r,n,...i]=i3(t);return!r||!n||0===i.length||!oe.test(r)||on.has(r.slice(1))||!ot.test(n)||i1.test(n)||or.has(n)?null:`${r}/${n}`})(e):null;return r?{origin:"package",packageName:r}:!(!(t=iL(e))||!nH.test(t)||nB.test(t))?{origin:"app",packageName:null}:{origin:"unknown",packageName:null}},oo=new Set(["role","name","aria-label","rel","href"]),oa=e=>{if(!/^[a-z-]{3,}$/i.test(e))return!1;for(let t of e.split(/-|[A-Z]/))if(t.length<=2||/[^aeiou]{4,}/i.test(t))return!1;return!0},ol=e=>{let t=e[0].name;for(let r=1;r<e.length;r++)t=`${e[r].name} > ${t}`;return t},os=e=>{let t=0;
17for(let r of e)t+=r.penalty;return t},oc=(e,t)=>os(e)-os(t),ou=(e,t)=>{let r=e.parentNode;if(!r)return;let n=r.firstChild;if(!n)return;let i=0;for(;n&&(r_(n)&&(void 0===t||n.tagName.toLowerCase()===t)&&i++,n!==e);)n=n.nextSibling;return i},od=(e,t)=>"html"===e?"html":`${e}:nth-of-type(${t})`,op=(e,t)=>{let r=[],n=e.getAttribute("id"),i=e.tagName.toLowerCase();for(let t of(n&&oa(n)&&r.push({name:`#${CSS.escape(n)}`,penalty:0}),e.classList))oa(t)&&r.push({name:`.${CSS.escape(t)}`,penalty:1});for(let n of e.attributes)t(n.name,n.value)&&r.push({name:`[${CSS.escape(n.name)}="${CSS.escape(n.value)}"]`,penalty:2});r.push({name:i,penalty:5});let o=ou(e,i);void 0!==o&&r.push({name:od(i,o),penalty:10});let a=ou(e);return void 0!==a&&r.push({name:"html"===i?"html":`${i}:nth-child(${a})`,penalty:50}),r},oh=(e,t=rg,r=[])=>{if(t<=0)return[];if(0===e.length)return[r];let n=[];for(let i of e[0]){let o=t-n.length;if(o<=0)break;n.push(...oh(e.slice(1),o,[...r,i]))}return n},om=(e,t)=>1===t.querySelectorAll(ol(e)).length,of=(e,t)=>{let r=e,n=[];for(;r&&r!==t;){let e=r.tagName.toLowerCase(),t=ou(r,e);if(void 0===t)return;n.push({name:od(e,t),penalty:10}),r=r.parentElement}return om(n,t)?n:void 0},og=/^[0-9a-f]{8}(?:-[0-9a-f]{4}){3}-[0-9a-f]{12}$/i,ov=/:r[a-z0-9]+:/i,ob=/_r_[a-z0-9]+_(?:$|-)/i,ow=/«r[a-z0-9]+»/i,oy=/^(?:downshift-\d+(?:-|$)|headlessui-[a-z-]+-\d+(?:-|$)|mui-\d+(?:-|$)|radix-\d+(?:-|$)|react-aria-\d+(?:-|$)|react-select-\d+(?:-|$))/i,ox=/^ember\d+$/i,ok=/^\d+$/,o_=e=>e.length>0&&e.length<=120&&!ov.test(e)&&!og.test(e)&&!ob.test(e)&&!ow.test(e)&&!oy.test(e)&&!ox.test(e)&&!ok.test(e),oN=new Set(["data-testid","data-test-id","data-test","data-cy","data-qa","aria-label","href","src","role","name","title","alt"]),oS=new Set(["button","link","checkbox","radio","switch","tab","menuitem","option","textbox","combobox","slider","spinbutton"]),oE=e=>e.ownerDocument.body??e.ownerDocument.documentElement,oC=(e,t)=>oN.has(e)&&t.length>0&&t.length<=120&&("role"!==e||t.split(/\s+/).some(e=>oS.has(e))),oT=(e,t)=>{try{let r=e.getRootNode(),n=(r7(r)?r:e.ownerDocument).querySelectorAll(t);return 1===n.length&&n[0]===e}catch{return!1}},oA=e=>{let t=e.getAttribute("id"),r=null;if(t){let n=`#${CSS.escape(t)}`;if(oT(e,n)){if(o_(t))return{selector:n,isSemantic:!0};r=n}}for(let t of oN){let r=e.getAttribute(t);if(!r||!oC(t,r))continue;let n=`[${t}=${JSON.stringify(r)}]`;if(oT(e,n))return{selector:n,isSemantic:!0};let i=`${e.tagName.toLowerCase()}${n}`;if(oT(e,i))return{selector:i,isSemantic:!0}}return r?{selector:r,isSemantic:!1}:null},oz=e=>{let t=r6(e);if(t)return{selector:t.getSelector(),isSemantic:!0};let r=oA(e);if(!r?.isSemantic)return null;let n=e.getRootNode();if(r7(n)){let e=oz(n.host);return e?{selector:`${e.selector} >>> ${r.selector}`,isSemantic:!0}:null}let i=rS(e.ownerDocument.defaultView);if(!i)return r;let o=oz(i);return o?{selector:`${o.selector} >>iframe>> ${r.selector}`,isSemantic:!0}:null},o$=e=>{let t=r6(e);if(t)return{selector:t.getSelector(),isSemantic:!0};let r=(e=>{let t=oA(e);if(t)return t;try{let t=((e,t,r)=>{let n;if(e.nodeType!==Node.ELEMENT_NODE)throw new ne;if("html"===e.tagName.toLowerCase())return"html";let i=r7(n=e.getRootNode())?n:ni(t)?t:t.ownerDocument,o=Date.now(),a=[],l=e,s=0,c;for(;l&&l!==i&&!c;)if(a.push(op(l,r)),l=l.parentElement,++s>=3){let t=oh(a);for(let r of(t.sort(oc),t)){if(Date.now()-o>200){let t=of(e,i);if(!t)throw new nt(200);return ol(t)}if(om(r,i)){c=r;break}}}if(!c&&s<3){let e=oh(a);for(let t of(e.sort(oc),e)){if(Date.now()-o>200)break;if(om(t,i)){c=t;break}}}if(!c)throw new nr;return ol(c)})(e,oE(e),(e,t)=>{let r,n;return r=oo.has(e)||e.startsWith("data-")&&oa(e),n=oa(t)&&t.length<100||t.startsWith("#")&&oa(t.slice(1)),r&&n||oC(e,t)});if(t)return{selector:t,isSemantic:!1}}catch{}return{selector:(e=>{let t=[],r=e.getRootNode(),n=r7(r)?r:oE(e),i=e;for(;i;){let e=i.getAttribute("id");if(e){t.unshift(`#${CSS.escape(e)}`);break}let r=i.parentNode;if(!r){t.unshift(i.tagName.toLowerCase());break}let o=Array.from(r.children).indexOf(i)+1;if(t.unshift(`${i.tagName.toLowerCase()}:nth-child(${o})`),r===n){r_(n)&&t.unshift(n.tagName.toLowerCase());break}i=r_(r)?r:null}return t.join(" > ")})(e),isSemantic:!1}})(e),n=e.getRootNode();if(r7(n)){let e=o$(n.host);return{selector:`${e.selector} >>> ${r.selector}`,isSemantic:e.isSemantic&&r.isSemantic}}let i=rS(e.ownerDocument.defaultView);if(!i)return r;let o=o$(i);return{selector:`${o.selector} >>iframe>> ${r.selector}`,isSemantic:o.isSemantic&&r.isSemantic}},oM=[...Array.from(oN).filter(e=>"role"!==e).map(e=>`[${e}]`),...Array.from(oS).map(e=>`[role~="${e}"]`)].join(","),oR=e=>{let t=e.getAttribute("id");return!!(t&&o_(t)||e.matches(oM))},oF=e=>oR(e)||e.matches("button,input,select,textarea"),oO=e=>{let{body:t,documentElement:r}=e.ownerDocument;if(e===t||e===r)return!0;
17if(!t)return!1;let n=t.getElementsByTagName("*").length;return 0!==n&&e.getElementsByTagName("*").length/n>=.5},oj=(e,t)=>{let r=e.getRootNode(),n=e;for(;n;){let i=oF(n),o=i&&oO(n);if(i){if(o&&n!==e)return e;if(!t||t(n)||o||!oR(n)&&n===e)return n}let a=no(n);n=a?.getRootNode()===r?a:null}return e},oD=[/\/assets\/[^/?#]+-[a-z0-9_-]{6,}\.(?:c|m)?js(?:[?#]|$)/,/\/_next\/static\/.*\.(?:c|m)?js(?:[?#]|$)/,/\/static\/chunks\/.*\.(?:c|m)?js(?:[?#]|$)/],oL=e=>{if(!e)return!1;let t=`/${iK(e)}`.toLowerCase();return oD.some(e=>e.test(t))},oP=(e=!1)=>{let t=new URL(document.baseURI);return Array.from(document.scripts).some(r=>{if(!r.src)return!1;try{let n=new URL(r.src,t);return(e||n.origin===t.origin)&&n.pathname.includes("/_next/static/")}catch{return!1}})},oI=e=>(e&&(t=void 0),t??="u">typeof document&&!!(document.getElementById("__NEXT_DATA__")||document.querySelector("nextjs-portal")||oP()||Array.from(document.scripts).some(e=>e.textContent?.includes("self.__next_f.push"))&&oP(!0))),oW=e=>e.map(e=>`
18  in ${e}`).join(""),oU=["about://React/","rsc://React/"],oH=e=>oU.some(t=>e.startsWith(t)),oB=e=>{for(let t of oU){if(!e.startsWith(t))continue;let r=e.indexOf("/",t.length);if(-1===r)continue;let n=r+1,i=e.lastIndexOf("?");return iZ(i>n?e.slice(n,i):e.slice(n))}return e},oV=e=>{if("object"!=typeof e||!e||!("status"in e)||"fulfilled"!==e.status||!("value"in e)||"object"!=typeof e.value||null===e.value||!("originalStackFrame"in e.value))return null;let t=e.value.originalStackFrame;return"object"==typeof t&&t&&"file"in t&&"string"==typeof t.file&&t.file&&(!("ignored"in t)||!t.ignored)?{file:t.file,line1:"line1"in t&&"number"==typeof t.line1?t.line1:null,column1:"column1"in t&&"number"==typeof t.column1?t.column1:null}:null},oq=async(e,t)=>{let n=[],i=[];for(let t=0;t<e.length;t++){let r=e[t];r.isServer&&r.fileName&&(n.push(t),i.push({file:oB(r.fileName),methodName:r.functionName??"<unknown>",line1:r.lineNumber??null,column1:r.columnNumber??null,arguments:[]}))}if(0===i.length)return e;let o=new AbortController,a=setTimeout(()=>o.abort(),5e3),l=()=>o.abort();t?.aborted&&o.abort(),t?.addEventListener("abort",l);try{let t=await fetch(`${(()=>{if(void 0!==r)return r;let e=document.querySelector('script[src*="/_next/"]')?.src,t=e?new URL(e).pathname:"",n=t.indexOf("/_next/");return r=n>0?t.slice(0,n):""})()}/__nextjs_original-stack-frames`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({frames:i,isServer:!0,isEdgeServer:!1,isAppDirectory:!0}),priority:"high",signal:o.signal});if(!t.ok)return e;let a=await t.json();if(!Array.isArray(a))return e;let l=[...e];for(let t=0;t<n.length;t++){let r=oV(a[t]);if(!r)continue;let i=n[t];l[i]={...e[i],fileName:r.file,lineNumber:r.line1??void 0,columnNumber:r.column1??void 0,isSymbolicated:!0}}return l}catch{return e}finally{clearTimeout(a),t?.removeEventListener("abort",l)}},oG=0,oJ=[],oY=async(e,t,r=rf,n)=>{if(!await (n?.aborted?Promise.resolve(!1):oG<3?(oG+=1,Promise.resolve(!0)):new Promise(e=>{let t={abortSignal:n,resolve:e};n&&(t.handleAbort=()=>{let r=oJ.indexOf(t);-1!==r&&(oJ.splice(r,1),e(!1))},n.addEventListener("abort",t.handleAbort,{once:!0})),oJ.push(t)})))return t;let i=new AbortController,o,a=new Promise(e=>{o=setTimeout(()=>{i.abort(),e(t)},r)}),l,s=new Promise(e=>{n&&(l=()=>{i.abort(),e(t)},n.aborted?l():n.addEventListener("abort",l,{once:!0}))});try{let t=e(i.signal);return t.catch(()=>{}),await Promise.race([t,a,s])}finally{clearTimeout(o),l&&n?.removeEventListener("abort",l),(()=>{let e=oJ.shift();if(e){e.abortSignal&&e.handleAbort&&e.abortSignal.removeEventListener("abort",e.handleAbort),e.resolve(!0);return}--oG})()}},oX=e=>e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),oK=(e,t)=>{if(e.length<=t)return e;let r=Math.max(0,t-3),n=e.slice(0,r),i=n.lastIndexOf("&");return`${i>n.lastIndexOf(";")?n.slice(0,i):n}...`.slice(0,t)},oZ=e=>e.startsWith("data-react-grab-"),oQ=e=>e.replace(/\s+/g," ").trim(),o0=e=>!!("true"===e.getAttribute("aria-hidden")||e.hasAttribute("hidden"))||ry.has(e.tagName.toLowerCase()),o1=(e,t,r)=>{if(e.nodeType===Node.TEXT_NODE){let n=oQ(e.textContent??"");return n?(t.push(n),r-n.length):r}if(!r_(e)||o0(e))return r;for(let n of e.childNodes)if((r=o1(n,t,r))<=0)break;return r},o2=(e,t,r)=>`${e}="${oK(oX(t).replace(/"/g,"&quot;").replace(/\r/g,"&#13;").replace(/\n/g,"&#10;").replace(/\t/g,"&#9;"),r)}"`,o5=e=>"class"===e||"className"===e||"style"===e,o4=e=>0===e.length?"":e.length<=2?e.map(e=>`<${nn(e)} ...>`).join(`
19  `):`(${e.length} elements)`,o3=e=>{let t=r6(e);if(t)return t.getPreview();let r=nn(e),n=(e=>{let t=(e=>{let t=[];for(let r of rv){if(t.length>=8)break;let n=e.getAttribute(r);if(!n)continue;let i="class"===r?15:120;t.push(o2(r,n,i))}return t})(e).map(e=>` ${e}`),r=[],n=[];for(let{name:t,value:i}of e.attributes)oZ(t)||rv.includes(t)||o5(t)||(rb.has(t)?r.push(i?` ${o2(t,i,120)}`:` ${t}`):i&&n.push(` ${o2(t,i,15)}`));return[...t,...r,...n].slice(0,8).join("")})(e),i=((e,t)=>{if(o0(e))return"";let r=(e=>{let t=[];for(let r of e.childNodes){if(r.nodeType!==Node.TEXT_NODE)continue;let e=oQ(r.textContent??"");e&&t.push(e)}return t.join(" ")})(e);if(!rw.has(t)||r&&0===e.children.length)return r;let n=[];return o1(e,n,100),n.join(" ")})(e,r),o=[],a=[],l=!1;
19for(let t of e.childNodes)t.nodeType!==Node.COMMENT_NODE&&(t.nodeType===Node.TEXT_NODE?t.textContent&&t.textContent.trim().length>0&&(l=!0):r_(t)&&(l?a.push(t):o.push(t)));let s=i.length>0&&rw.has(r),c="",u=o4(o);u&&!s&&(c+=`
20  ${u}`),i&&(c+=`
21  ${oK(oX(i),100)}`);let d=o4(a);return d&&!s&&(c+=`
22  ${d}`),c.length>0?`<${r}${n}>${c}
23</${r}>`:`<${r}${n} />`},o6=new Set(["_","$","motion.","styled.","chakra.","ark.","Primitive.","Slot."]),o8=new Set("AppRouter.AppRouterAnnouncer.AppDevOverlay.AppDevOverlayErrorBoundary.ClientPageRoot.ClientSegmentRoot.DevRootHTTPAccessFallbackBoundary.ErrorBoundary.ErrorBoundaryHandler.GracefulDegradeBoundary.HTTPAccessErrorFallback.HTTPAccessFallbackBoundary.HTTPAccessFallbackErrorBoundary.HandleRedirect.Head.HistoryUpdater.HotReload.InnerLayoutRouter.InnerScrollAndFocusHandler.InnerScrollAndFocusHandlerOld.InnerScrollAndMaybeFocusHandler.InnerScrollHandlerNew.LinkComponent.LoadableComponent.LoadingBoundary.LoadingBoundaryProvider.NotAllowedRootHTTPFallbackError.OfflineProvider.OuterLayoutRouter.RedirectBoundary.RedirectErrorBoundary.RenderFromTemplateContext.RenderValidationBoundaryAtThisLevel.ReplaySsrOnlyErrors.RootErrorBoundary.RootLevelDevOverlayElement.Router.ScrollAndFocusHandler.ScrollAndMaybeFocusHandler.SegmentBoundaryTrigger.SegmentBoundaryTriggerNode.SegmentStateProvider.SegmentTrieNode.SegmentViewNode.SegmentViewStateNode.ServerRoot.body.html".split(".")),o7=new Set(["<anonymous>","<unknown>","Anonymous","Unknown"]),o9=new Set(["Suspense","Fragment","StrictMode","Profiler","SuspenseList"]),ae=new Set(["MotionDOMComponent","Slot","SlotClone"]),at=[".Consumer",".Context",".Provider",".Slot",".SlotClone",".Slottable","ProviderProvider"],ar=(e,t=!1)=>{if(o7.has(e)||t&&o8.has(e)||o9.has(e)||ae.has(e))return!0;for(let t of at)if(e.endsWith(t))return!0;for(let t of o6)if(e.startsWith(t))return!0;return!1},an=(e,t,r)=>{e.get(t)===r&&e.delete(t)},ai=async(e,t)=>{for(let t=0;t<2;t+=1){let r=e();if(!r)break;let n=await r.valuePromise;if(r.isCurrent()||1===t)return n}return t()},ao=(e,t)=>!(e.length<=1||ar(e,t)||e[0]!==e[0].toUpperCase()),aa=(e,t)=>e&&ao(e,t)?e:null,al=e=>!(e=>{if(!e)return!1;let t=`/${iK(e)}/`.toLowerCase();return rm.some(e=>t.includes(e))})(e)&&!oL(e),as=e=>{if(!rV())return e;let t=e;for(;t?.ownerDocument===e.ownerDocument;){if(r8(t))return t;if(t.parentElement){t=t.parentElement;continue}let e=t.getRootNode();t=r7(e)?e.host:null}return e},ac=e=>{let t=e.return?.child??null;for(;t;){if(t!==e&&null!==t.key)return!0;t=t.sibling}return!1},au=new WeakMap,ad=new WeakMap,ap=e=>{let t,r,n,i,o=as(e),a=r8(o);if(!a)return null;let l=rG(a);return{element:o,fiber:l,revision:(t=l.alternate,r=l._debugOwner,n=l._debugSource,i=l._debugStack,{matches:e=>(e===l||e===t||e.alternate===l)&&e._debugOwner===r&&e._debugSource===n&&e._debugStack===i})}},ah=(e,t)=>{let r=ap(e);return!!(r&&r.element===t.element&&t.revision.matches(r.fiber))},am=e=>t=>fetch(t,{signal:e,priority:"high"}),af=async e=>{let[t,r]=await Promise.all([(e=>{let t,r=ad.get(e.element);if(r?.revision.matches(e.fiber))return r.promise;let n=new AbortController,i=(t=e.fiber,oY(async e=>{try{let r,n=await ij(t,!0,am(e));if(!n?.fileName)return null;let i=oI();return{filePath:iK(n.fileName),lineNumber:n.lineNumber??null,columnNumber:n.columnNumber??null,componentName:aa(n.functionName,i)??(r=t._debugOwner,r&&rP(r)?aa(rB(r.type),i):null),origin:oi(n.fileName).origin}}catch{return null}},null,void 0,n.signal));if(!ah(e.element,e))return i;let o={controller:n,promise:i,revision:e.revision};return ad.set(e.element,o),r?.controller.abort(),o.promise.then(t=>{t||an(ad,e.element,o)}),o.promise})(e),(e=>{let t;if(!rV())return Promise.resolve([]);let r=au.get(e.element);if(r?.revision.matches(e.fiber))return r.promise;let n=new AbortController,i=(t=e.fiber,oY(async e=>{try{let r=await iF(t,!0,am(e));return oI()?await oq(((e,t)=>{let r;if(!t.some(e=>e.isServer&&!e.fileName&&e.functionName))return t;let n=(r=new Map,rI(e,e=>{if(!iv(e))return!1;let t=iT(e._debugStack.stack);if(!t)return!1;for(let e of nK(t))!e.functionName||!e.fileName||oH(e.fileName)&&(r.has(e.functionName)||r.set(e.functionName,{...e,isServer:!0}));return!1},!0),r);return 0===n.size?t:t.map(e=>{if(!e.isServer||e.fileName||!e.functionName)return e;let t=n.get(e.functionName);return t?{...e,fileName:t.fileName,lineNumber:t.lineNumber,columnNumber:t.columnNumber}:e})})(t,r),e):r}catch{return null}},null,void 0,n.signal));if(!ah(e.element,e))return i;let o={controller:n,promise:i,revision:e.revision};return au.set(e.element,o),r?.controller.abort(),o.promise.then(t=>{null===t&&an(au,e.element,o)}),o.promise})(e)]);return{fiber:e.fiber,fiberSource:t,stack:r}},ag=(e,t)=>
23{let r=oI(),n=(e,t)=>{let n=e[0]??null;return n?.fileName?{filePath:iK(n.fileName),lineNumber:n.lineNumber??null,columnNumber:n.columnNumber??null,componentName:aa(n.functionName,r),origin:t}:null},i=t.filter(e=>"app"===oi(e.fileName).origin),o=i.filter(e=>al(e.fileName));return e?.origin==="app"&&al(e.filePath)?e:n(o,"app")||(e?.origin!=="app"||oL(e.filePath)?n(i,"app")||(e?.origin==="app"||e?.origin==="package"?e:n(t.filter(e=>"package"===oi(e.fileName).origin),"package")):e)},av=(e,t,r=()=>!0)=>{if(!rV())return[];let n=r8(e);if(!n)return[];let i=oI(),o=[];return rI(rG(n),e=>{if(o.length>=t)return!0;if(rP(e)){let t=rB(e.type);t&&((e,t=!1)=>!(!e||ar(e,t)))(t,i)&&r(t)&&o.push(t)}return!1},!0),o},ab=["/src/app/","/src/pages/","/app/","/pages/"],aw=(e,t)=>{let r=((e,t)=>{let r=iK(e);if(!t||!r.startsWith("/"))return r;for(let e of ab){let t=r.indexOf(e);if(-1!==t)return`/./${r.slice(t+1)}`}return r})(e.filePath,t),n=t&&e.lineNumber?`${r}:${e.lineNumber}${e.columnNumber?`:${e.columnNumber}`:""}`:r;return e.componentName?`
24  in ${e.componentName} (at ${n})`:`
25  in ${n}`},ay={isAppSource:!1,consumesBudget:!1},ax=(e,t,r,n)=>{let i=t.packageName,o="app"===t.origin?e.fileName:null;if(e.isServer&&!o&&(r||!e.functionName)){let e=i?`${i} at Server`:"at Server";return{text:`
26  in ${r??"<anonymous>"} (${e})`,...ay}}return!o&&r?{text:i?`
27  in ${r} (${i})`:`
28  in ${r}`,...ay}:i?{text:`
29  in ${i}`,...ay}:o?{text:aw({componentName:r,filePath:o,lineNumber:e.lineNumber??null,columnNumber:e.columnNumber??null},n),isAppSource:!0,consumesBudget:al(o)}:null},ak=(e,t,r)=>{var n,i,o;let a,l,s=((e,t,r)=>{let n,i=r.stack??[],o=(n=ag(r.fiberSource,i),n?.origin==="app"?n:null),a=iY(t.maxLines),l=((e,t={},r=null)=>{let n=iY(t.maxLines),i=Math.max(n,20),o=oI(),a=[],l=new Set,s=null,c=!1,u=!1,d=!1,p=0,h=e=>{e&&l.add(e)};if(r){let e="app"===r.origin&&al(r.filePath);u=e,e&&(p+=1),h(r.componentName),a.push(aw(r,o))}for(let t of e){if(!n||a.length>=i)break;let e=oi(t.fileName),l=aa(t.functionName,o),m=e.packageName?`${e.packageName}:${l??""}:${t.isServer?"server":"client"}`:null;if(m&&m===s)continue;if(!c&&l&&l===r?.componentName){c=!0;continue}let f=ax(t,e,l,o);null!==f&&(f.consumesBudget&&p>=n||f.text!==a[a.length-1]&&(f.isAppSource&&f.consumesBudget&&(u=!0),f.consumesBudget&&(p+=1,d=!0),h(l),a.push(f.text),s=m))}return{text:a.join(""),shouldAppendSelectorHint:!u,hasBudgetedStackFrame:d,renderedComponentNames:l,remainingHardLineCapacity:Math.max(0,i-a.length)}})(i,t,o);if(l.text)return l.hasBudgetedStackFrame?l:((e,t,r)=>{let n=Math.min(r,t.remainingHardLineCapacity);if(0===n)return t;let i=oI(),o=av(as(e),n,e=>ao(e,i)&&!t.renderedComponentNames.has(e));return 0===o.length?t:{...t,text:`${t.text}${oW(o)}`,remainingHardLineCapacity:t.remainingHardLineCapacity-o.length}})(e,l,a);let s=av(as(e),a),c=Math.max(a,20);return{text:oW(s),shouldAppendSelectorHint:!0,hasBudgetedStackFrame:!1,renderedComponentNames:new Set(s),remainingHardLineCapacity:Math.max(0,c-s.length)}})(e,t,r),c=as(e),u=((e,t)=>{let r,n=(e=>{if(!rV())return null;let t=r8(as(e)),r=t?rG(t):null,n=0;for(;r;){if(null!==r.key&&ac(r))return String(r.key);if(rP(r)&&2===(n+=1))break;r=r.return}return null})(e),i=null===n?"":`
30  key: ${JSON.stringify(n.length>120?`${n.slice(0,120)}...`:n)}`,o=t.shouldAppendSelectorHint?o$(oj(e)):(e=>{if(r6(e))return oz(e);let t=null;return oj(e,e=>{let r=oz(e);return!!r&&(t=r,!0)}),t})(e),a=o&&(r=t.shouldAppendSelectorHint,r||o.isSemantic)?o.selector:null,l=a?`
31  selector: ${a}`:"";return{selector:a,text:`${t.text}${i}${l}`}})(c,s);return{...(n=e,i=r,o=s,a=i.stack??[],l=ag(i.fiberSource,a),{componentName:av(as(n),1)[0]??null,fiber:i.fiber,source:l,stack:a,stackContext:o.text}),elementInfo:`${o3(c)}${u.text}`,selector:u.selector}},a_=new Map(["top","right","bottom","left"].flatMap(e=>[[`border-${e}-style`,e],[`border-${e}-color`,e]])),aN=null,aS=new Map,aE=(e,t)=>{let r=a_.get(e);if(!r)return!1;let n=t.getPropertyValue(`border-${r}-width`);return"0px"===n||"0"===n},aC=async e=>{let t=await ((e,t={})=>{let r,n;return r=()=>ak(e,t,{fiber:null,fiberSource:null,stack:[]}),n=async r=>ak(e,t,await af(r)),ai(()=>{let t=ap(e);return t?{isCurrent:()=>ah(e,t),valuePromise:n(t)}:null},r)})(e),r=o3(e),n=(e=>{if(r6(e)?.supportsDomEditing===!1)return"";let t=(e=>{let t=aS.get(e);if(t)return t;let r=aN||((aN=document.createElement("iframe")).style.cssText="position:fixed;left:-9999px;width:0;height:0;border:none;visibility:hidden;",document.body.appendChild(aN),aN),n=r.contentDocument,i=n.createElement(e);n.body.appendChild(i);let o=r.contentWindow.getComputedStyle(i),a=new Map;
31for(let e of rk){let t=o.getPropertyValue(e);t&&a.set(e,t)}return i.remove(),aS.set(e,a),a})(e.tagName.toLowerCase()),r=getComputedStyle(e),n=[];for(let e of rk){let i=r.getPropertyValue(e);i&&i!==t.get(e)&&(aE(e,r)||n.push(`${e}: ${i};`))}let i=e.getAttribute("class")?.trim(),o=n.join(`
32`);return i?o?`className: ${i}
33
34${o}`:`className: ${i}`:o})(e);return{element:e,snippet:t.elementInfo,htmlPreview:r,stackString:t.stackContext,stack:t.stack,componentName:t.componentName,filePath:t.source?.filePath??null,lineNumber:t.source?.lineNumber??null,columnNumber:t.source?.columnNumber??null,fiber:t.fiber,selector:t.selector,styles:n}};var aT=e.i(233902),aA=Object.defineProperty,az=(e,t,r)=>{let n;return(n="symbol"!=typeof t?t+"":t)in e?aA(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r};Array.prototype.toSorted||Object.defineProperty(Array.prototype,"toSorted",{value:function(e){return[...this].sort(e)},writable:!0,configurable:!0});var a$="u">typeof window;function aM(e,t){return t-e}var aR=e=>{let t="",r=new Map;for(let t of e){let{forget:e,time:n,aggregatedCount:i,name:o}=t;r.has(i)||r.set(i,[]);let a=r.get(i);a&&a.push({name:o,forget:e,time:null!=n?n:0})}let n=Array.from(r.keys()).sort(aM),i=[],o=0;for(let e of n){let t=r.get(e);if(!t)continue;let n=function(e){let t=e[0].name,r=Math.min(4,e.length);for(let n=1;n<r;n++)t+=`, ${e[n].name}`;return t}(t),a=function(e){let t=e[0].time;for(let r=1,n=e.length;r<n;r++)t+=e[r].time;return t}(t),l=function(e){for(let t=0,r=e.length;t<r;t++)if(e[t].forget)return!0;return!1}(t);o+=a,t.length>4&&(n+="…"),e>1&&(n+=` \xd7 ${e}`),l&&(n=`\u2728${n}`),i.push(n)}return(t=i.join(", ")).length?(t.length>40&&(t=`${t.slice(0,40)}\u2026`),o>=.01&&(t+=` (${Number(o.toFixed(2))}ms)`),t):null};function aF(e,t){return e===t||e!=e&&t!=t}var aO=()=>a$?(void 0===window.reactScanIdCounter&&(window.reactScanIdCounter=0),`${++window.reactScanIdCounter}`):"0",aj=e=>{let t=e.createOscillator(),r=e.createGain();t.connect(r),r.connect(e.destination);let n=[392,600],i=.3/n.length;n.forEach((r,n)=>{t.frequency.setValueAtTime(r,e.currentTime+n*i)}),t.type="sine",r.gain.setValueAtTime(.12,e.currentTime),r.gain.setTargetAtTime(0,e.currentTime+.21,.05),t.start(),t.stop(e.currentTime+.3)},aD=t0(({size:e=15,name:t,fill:r="currentColor",stroke:n="currentColor",className:i,externalURL:o="",style:a},l)=>{let s=Array.isArray(e)?e[0]:e,c=Array.isArray(e)?e[1]||e[0]:e,u=`${o}#${t}`;return ru("svg",{ref:l,width:`${s}px`,height:`${c}px`,fill:r,stroke:n,className:i,style:{...a,minWidth:`${s}px`,maxWidth:`${s}px`,minHeight:`${c}px`,maxHeight:`${c}px`},children:[ru("title",{children:t}),ru("use",{href:u})]})}),aL="react-scan-widget-settings-v2",aP="react-scan-widget-collapsed-v1",aI="react-scan-widget-last-view-v1",aW=(e=new Map,t=null,r)=>({nextPart:e,validators:t,classGroupId:r}),aU=[],aH=(e,t,r)=>{if(0==e.length-t)return r.classGroupId;let n=e[t],i=r.nextPart.get(n);if(i){let r=aH(e,t+1,i);if(r)return r}let o=r.validators;if(null===o)return;let a=0===t?e.join("-"):e.slice(t).join("-"),l=o.length;for(let e=0;e<l;e++){let t=o[e];if(t.validator(a))return t.classGroupId}},aB=(e,t)=>{let r=aW();for(let n in e)aV(e[n],r,n,t);return r},aV=(e,t,r,n)=>{let i=e.length;for(let o=0;o<i;o++)aq(e[o],t,r,n)},aq=(e,t,r,n)=>{"string"==typeof e?aG(e,t,r):"function"==typeof e?aJ(e,t,r,n):aY(e,t,r,n)},aG=(e,t,r)=>{(""===e?t:aX(t,e)).classGroupId=r},aJ=(e,t,r,n)=>{aK(e)?aV(e(n),t,r,n):(null===t.validators&&(t.validators=[]),t.validators.push({classGroupId:r,validator:e}))},aY=(e,t,r,n)=>{let i=Object.entries(e),o=i.length;for(let e=0;e<o;e++){let[o,a]=i[e];aV(a,aX(t,o),r,n)}},aX=(e,t)=>{let r=e,n=t.split("-"),i=n.length;for(let e=0;e<i;e++){let t=n[e],i=r.nextPart.get(t);i||(i=aW(),r.nextPart.set(t,i)),r=i}return r},aK=e=>"isThemeGetter"in e&&!0===e.isThemeGetter,aZ=[],aQ=(e,t,r,n,i)=>({modifiers:e,hasImportantModifier:t,baseClassName:r,maybePostfixModifierPosition:n,isExternal:i}),a0=/\s+/,a1=e=>{let t;if("string"==typeof e)return e;let r="";for(let n=0;n<e.length;n++)e[n]&&(t=a1(e[n]))&&(r&&(r+=" "),r+=t);return r},a2=[],a5=e=>{let t=t=>t[e]||a2;return t.isThemeGetter=!0,t},a4=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,a3=/^\((?:(\w[\w-]*):)?(.+)\)$/i,a6=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,a8=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,a7=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,a9=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,le=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,lt=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,lr=e=>a6.test(e),ln=e=>!!e&&!Number.isNaN(Number(e)),li=e=>!!e&&Number.isInteger(Number(e)),lo=e=>e.endsWith("%")&&ln(e.slice(0,-1)),la=e=>a8.test(e),ll=()=>!0,ls=e=>a7.test(e)&&!a9.test(e),lc=()=>!1,lu=e=>le.test(e),ld=e=>lt.test(e),lp=e=>!lm(e)&&!lk(e),lh=e=>lz(e,lF,lc),lm=e=>a4.test(e),lf=e=>lz(e,lO,ls),lg=e=>lz(e,lj,ln),lv=e=>lz(e,lL,ll),lb=e=>lz(e,lD,lc),lw=e=>lz(e,lM,lc),ly=e=>lz(e,lR,ld),lx=e=>lz(e,lP,lu),lk=e=>a3.test(e),l_=e=>l$(e,lO),lN=e=>l$(e,lD),lS=e=>l$(e,lM),lE=e=>l$(e,lF),lC=e=>l$(e,lR),lT=e=>l$(e,lP,!0),lA=e=>l$(e,lL,!0),lz=(e,t,r)=>{let n=a4.exec(e);return!!n&&(n[1]?t(n[1]):r(n[2]))},l$=(e,t,r=!1)=>{let n=a3.exec(e);return!!n&&(n[1]?t(n[1]):r)},lM=e=>"position"===e||"percentage"===e,lR=e=>"image"===e||"url"===e,lF=e=>"length"===e||"size"===e||"bg-size"===e,lO=e=>"length"===e,lj=e=>"number"===e,lD=e=>"family-name"===e,lL=e=>"number"===e||"weight"===e,lP=e=>
vendor: 4,418 bytes, line 34
34"shadow"===e,lI=(u=()=>{let e=a5("color"),t=a5("font"),r=a5("text"),n=a5("font-weight"),i=a5("tracking"),o=a5("leading"),a=a5("breakpoint"),l=a5("container"),s=a5("spacing"),c=a5("radius"),u=a5("shadow"),d=a5("inset-shadow"),p=a5("text-shadow"),h=a5("drop-shadow"),m=a5("blur"),f=a5("perspective"),g=a5("aspect"),v=a5("ease"),b=a5("animate"),w=()=>["auto","avoid","all","avoid-page","page","left","right","column"],y=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],x=()=>[...y(),lk,lm],k=()=>["auto","hidden","clip","visible","scroll"],_=()=>["auto","contain","none"],N=()=>[lk,lm,s],S=()=>[lr,"full","auto",...N()],E=()=>[li,"none","subgrid",lk,lm],C=()=>["auto",{span:["full",li,lk,lm]},li,lk,lm],T=()=>[li,"auto",lk,lm],A=()=>["auto","min","max","fr",lk,lm],z=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],$=()=>["start","end","center","stretch","center-safe","end-safe"],M=()=>["auto",...N()],R=()=>[lr,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...N()],F=()=>[lr,"screen","full","dvw","lvw","svw","min","max","fit",...N()],O=()=>[lr,"screen","full","lh","dvh","lvh","svh","min","max","fit",...N()],j=()=>[e,lk,lm],D=()=>[...y(),lS,lw,{position:[lk,lm]}],L=()=>["no-repeat",{repeat:["","x","y","space","round"]}],P=()=>["auto","cover","contain",lE,lh,{size:[lk,lm]}],I=()=>[lo,l_,lf],W=()=>["","none","full",c,lk,lm],U=()=>["",ln,l_,lf],H=()=>["solid","dashed","dotted","double"],B=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],V=()=>[ln,lo,lS,lw],q=()=>["","none",m,lk,lm],G=()=>["none",ln,lk,lm],J=()=>["none",ln,lk,lm],Y=()=>[ln,lk,lm],X=()=>[lr,"full",...N()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[la],breakpoint:[la],color:[ll],container:[la],"drop-shadow":[la],ease:["in","out","in-out"],font:[lp],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[la],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[la],shadow:[la],spacing:["px",ln],text:[la],"text-shadow":[la],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",lr,lm,lk,g]}],container:["container"],columns:[{columns:[ln,lm,lk,l]}],"break-after":[{"break-after":w()}],"break-before":[{"break-before":w()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:x()}],overflow:[{overflow:k()}],"overflow-x":[{"overflow-x":k()}],"overflow-y":[{"overflow-y":k()}],overscroll:[{overscroll:_()}],"overscroll-x":[{"overscroll-x":_()}],"overscroll-y":[{"overscroll-y":_()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:S()}],"inset-x":[{"inset-x":S()}],"inset-y":[{"inset-y":S()}],start:[{"inset-s":S(),start:S()}],end:[{"inset-e":S(),end:S()}],"inset-bs":[{"inset-bs":S()}],"inset-be":[{"inset-be":S()}],top:[{top:S()}],right:[{right:S()}],bottom:[{bottom:S()}],left:[{left:S()}],visibility:["visible","invisible","collapse"],z:[{z:[li,"auto",lk,lm]}],basis:[{basis:[lr,"full","auto",l,...N()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[ln,lr,"auto","initial","none",lm]}],grow:[{grow:["",ln,lk,lm]}],shrink:[{shrink:["",ln,lk,lm]}],order:[{order:[li,"first","last","none",lk,lm]}],"grid-cols":[{"grid-cols":E()}],"col-start-end":[{col:C()}],"col-start":[{"col-start":T()}
vendor: 4,193 bytes, line 34
34],"col-end":[{"col-end":T()}],"grid-rows":[{"grid-rows":E()}],"row-start-end":[{row:C()}],"row-start":[{"row-start":T()}],"row-end":[{"row-end":T()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":A()}],"auto-rows":[{"auto-rows":A()}],gap:[{gap:N()}],"gap-x":[{"gap-x":N()}],"gap-y":[{"gap-y":N()}],"justify-content":[{justify:[...z(),"normal"]}],"justify-items":[{"justify-items":[...$(),"normal"]}],"justify-self":[{"justify-self":["auto",...$()]}],"align-content":[{content:["normal",...z()]}],"align-items":[{items:[...$(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...$(),{baseline:["","last"]}]}],"place-content":[{"place-content":z()}],"place-items":[{"place-items":[...$(),"baseline"]}],"place-self":[{"place-self":["auto",...$()]}],p:[{p:N()}],px:[{px:N()}],py:[{py:N()}],ps:[{ps:N()}],pe:[{pe:N()}],pbs:[{pbs:N()}],pbe:[{pbe:N()}],pt:[{pt:N()}],pr:[{pr:N()}],pb:[{pb:N()}],pl:[{pl:N()}],m:[{m:M()}],mx:[{mx:M()}],my:[{my:M()}],ms:[{ms:M()}],me:[{me:M()}],mbs:[{mbs:M()}],mbe:[{mbe:M()}],mt:[{mt:M()}],mr:[{mr:M()}],mb:[{mb:M()}],ml:[{ml:M()}],"space-x":[{"space-x":N()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":N()}],"space-y-reverse":["space-y-reverse"],size:[{size:R()}],"inline-size":[{inline:["auto",...F()]}],"min-inline-size":[{"min-inline":["auto",...F()]}],"max-inline-size":[{"max-inline":["none",...F()]}],"block-size":[{block:["auto",...O()]}],"min-block-size":[{"min-block":["auto",...O()]}],"max-block-size":[{"max-block":["none",...O()]}],w:[{w:[l,"screen",...R()]}],"min-w":[{"min-w":[l,"screen","none",...R()]}],"max-w":[{"max-w":[l,"screen","none","prose",{screen:[a]},...R()]}],h:[{h:["screen","lh",...R()]}],"min-h":[{"min-h":["screen","lh","none",...R()]}],"max-h":[{"max-h":["screen","lh",...R()]}],"font-size":[{text:["base",r,l_,lf]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[n,lA,lv]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",lo,lm]}],"font-family":[{font:[lN,lb,t]}],"font-features":[{"font-features":[lm]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[i,lk,lm]}],"line-clamp":[{"line-clamp":[ln,"none",lk,lg]}],leading:[{leading:[o,...N()]}],"list-image":[{"list-image":["none",lk,lm]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",lk,lm]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:j()}],"text-color":[{text:j()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...H(),"wavy"]}],"text-decoration-thickness":[{decoration:[ln,"from-font","auto",lk,lf]}],"text-decoration-color":[{decoration:j()}],"underline-offset":[{"underline-offset":[ln,"auto",lk,lm]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:N()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",lk,lm]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",lk,lm]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:D()}],"bg-repeat":[{bg:L()}],"bg-size":[{bg:P()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},li,lk,lm],radial:["",lk,lm],conic:[li,lk,lm]},lC,ly]}],"bg-color":[{bg:j()}],"gradient-from-pos":[{from:I()}
vendor: 7,330 bytes, line 34
34],"gradient-via-pos":[{via:I()}],"gradient-to-pos":[{to:I()}],"gradient-from":[{from:j()}],"gradient-via":[{via:j()}],"gradient-to":[{to:j()}],rounded:[{rounded:W()}],"rounded-s":[{"rounded-s":W()}],"rounded-e":[{"rounded-e":W()}],"rounded-t":[{"rounded-t":W()}],"rounded-r":[{"rounded-r":W()}],"rounded-b":[{"rounded-b":W()}],"rounded-l":[{"rounded-l":W()}],"rounded-ss":[{"rounded-ss":W()}],"rounded-se":[{"rounded-se":W()}],"rounded-ee":[{"rounded-ee":W()}],"rounded-es":[{"rounded-es":W()}],"rounded-tl":[{"rounded-tl":W()}],"rounded-tr":[{"rounded-tr":W()}],"rounded-br":[{"rounded-br":W()}],"rounded-bl":[{"rounded-bl":W()}],"border-w":[{border:U()}],"border-w-x":[{"border-x":U()}],"border-w-y":[{"border-y":U()}],"border-w-s":[{"border-s":U()}],"border-w-e":[{"border-e":U()}],"border-w-bs":[{"border-bs":U()}],"border-w-be":[{"border-be":U()}],"border-w-t":[{"border-t":U()}],"border-w-r":[{"border-r":U()}],"border-w-b":[{"border-b":U()}],"border-w-l":[{"border-l":U()}],"divide-x":[{"divide-x":U()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":U()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...H(),"hidden","none"]}],"divide-style":[{divide:[...H(),"hidden","none"]}],"border-color":[{border:j()}],"border-color-x":[{"border-x":j()}],"border-color-y":[{"border-y":j()}],"border-color-s":[{"border-s":j()}],"border-color-e":[{"border-e":j()}],"border-color-bs":[{"border-bs":j()}],"border-color-be":[{"border-be":j()}],"border-color-t":[{"border-t":j()}],"border-color-r":[{"border-r":j()}],"border-color-b":[{"border-b":j()}],"border-color-l":[{"border-l":j()}],"divide-color":[{divide:j()}],"outline-style":[{outline:[...H(),"none","hidden"]}],"outline-offset":[{"outline-offset":[ln,lk,lm]}],"outline-w":[{outline:["",ln,l_,lf]}],"outline-color":[{outline:j()}],shadow:[{shadow:["","none",u,lT,lx]}],"shadow-color":[{shadow:j()}],"inset-shadow":[{"inset-shadow":["none",d,lT,lx]}],"inset-shadow-color":[{"inset-shadow":j()}],"ring-w":[{ring:U()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:j()}],"ring-offset-w":[{"ring-offset":[ln,lf]}],"ring-offset-color":[{"ring-offset":j()}],"inset-ring-w":[{"inset-ring":U()}],"inset-ring-color":[{"inset-ring":j()}],"text-shadow":[{"text-shadow":["none",p,lT,lx]}],"text-shadow-color":[{"text-shadow":j()}],opacity:[{opacity:[ln,lk,lm]}],"mix-blend":[{"mix-blend":[...B(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":B()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[ln]}],"mask-image-linear-from-pos":[{"mask-linear-from":V()}],"mask-image-linear-to-pos":[{"mask-linear-to":V()}],"mask-image-linear-from-color":[{"mask-linear-from":j()}],"mask-image-linear-to-color":[{"mask-linear-to":j()}],"mask-image-t-from-pos":[{"mask-t-from":V()}],"mask-image-t-to-pos":[{"mask-t-to":V()}],"mask-image-t-from-color":[{"mask-t-from":j()}],"mask-image-t-to-color":[{"mask-t-to":j()}],"mask-image-r-from-pos":[{"mask-r-from":V()}],"mask-image-r-to-pos":[{"mask-r-to":V()}],"mask-image-r-from-color":[{"mask-r-from":j()}],"mask-image-r-to-color":[{"mask-r-to":j()}],"mask-image-b-from-pos":[{"mask-b-from":V()}],"mask-image-b-to-pos":[{"mask-b-to":V()}],"mask-image-b-from-color":[{"mask-b-from":j()}],"mask-image-b-to-color":[{"mask-b-to":j()}],"mask-image-l-from-pos":[{"mask-l-from":V()}],"mask-image-l-to-pos":[{"mask-l-to":V()}],"mask-image-l-from-color":[{"mask-l-from":j()}],"mask-image-l-to-color":[{"mask-l-to":j()}],"mask-image-x-from-pos":[{"mask-x-from":V()}],"mask-image-x-to-pos":[{"mask-x-to":V()}],"mask-image-x-from-color":[{"mask-x-from":j()}],"mask-image-x-to-color":[{"mask-x-to":j()}],"mask-image-y-from-pos":[{"mask-y-from":V()}],"mask-image-y-to-pos":[{"mask-y-to":V()}],"mask-image-y-from-color":[{"mask-y-from":j()}],"mask-image-y-to-color":[{"mask-y-to":j()}],"mask-image-radial":[{"mask-radial":[lk,lm]}],"mask-image-radial-from-pos":[{"mask-radial-from":V()}],"mask-image-radial-to-pos":[{"mask-radial-to":V()}],"mask-image-radial-from-color":[{"mask-radial-from":j()}],"mask-image-radial-to-color":[{"mask-radial-to":j()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":y()}],"mask-image-conic-pos":[{"mask-conic":[ln]}],"mask-image-conic-from-pos":[{"mask-conic-from":V()}],"mask-image-conic-to-pos":[{"mask-conic-to":V()}],"mask-image-conic-from-color":[{"mask-conic-from":j()}],"mask-image-conic-to-color":[{"mask-conic-to":j()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:D()}],"mask-repeat":[{mask:L()}],"mask-size":[{mask:P()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",lk,lm]}],filter:[{filter:["","none",lk,lm]}],blur:[{blur:q()}],brightness:[{brightness:[ln,lk,lm]}],contrast:[{contrast:[ln,lk,lm]}],"drop-shadow":[{"drop-shadow":["","none",h,lT,lx]}],"drop-shadow-color":[{"drop-shadow":j()}],grayscale:[{grayscale:["",ln,lk,lm]}],"hue-rotate":[{"hue-rotate":[ln,lk,lm]}],invert:[{invert:["",ln,lk,lm]}],saturate:[{saturate:[ln,lk,lm]}],sepia:[{sepia:["",ln,lk,lm]}],"backdrop-filter":[{"backdrop-filter":["","none",lk,lm]}],"backdrop-blur":[{"backdrop-blur":q()}],"backdrop-brightness":[{"backdrop-brightness":[ln,lk,lm]}],"backdrop-contrast":[{"backdrop-contrast":[ln,lk,lm]}],"backdrop-grayscale":[{"backdrop-grayscale":["",ln,lk,lm]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[ln,lk,lm]}],"backdrop-invert":[{"backdrop-invert":["",ln,lk,lm]}],"backdrop-opacity":[{"backdrop-opacity":[ln,lk,lm]}],"backdrop-saturate":[{"backdrop-saturate":[ln,lk,lm]}],"backdrop-sepia":[{"backdrop-sepia":["",ln,lk,lm]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":N()}],"border-spacing-x":[{"border-spacing-x":N()}],"border-spacing-y":[{"border-spacing-y":N()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",lk,lm]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[ln,"initial",lk,lm]}],ease:[{ease:["linear","initial",v,lk,lm]}],delay:[{delay:[ln,lk,lm]}],animate:[{animate:["none",b,lk,lm]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[f,lk,lm]}],"perspective-origin":[{"perspective-origin":x()}],rotate:[{rotate:G()}],"rotate-x":[{"rotate-x":G()}],"rotate-y":[{"rotate-y":G()}],"rotate-z":[{"rotate-z":G()}],scale:[{scale:J()}],"scale-x":[{"scale-x":J()}],"scale-y":[{"scale-y":J()}],"scale-z":[{"scale-z":J()}],"scale-3d":["scale-3d"],skew:[{skew:Y()}],"skew-x":[{"skew-x":Y()}],"skew-y":[{"skew-y":Y()}],transform:[{transform:[lk,lm,"","none","gpu","cpu"]}],"transform-origin":[{origin:x()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:X()}],"translate-x":[{"translate-x":X()}],"translate-y":[{"translate-y":X()}],"translate-z":[{"translate-z":X()}],"translate-none":["translate-none"],accent:[{accent:j()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:j()}
34],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",lk,lm]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":N()}],"scroll-mx":[{"scroll-mx":N()}],"scroll-my":[{"scroll-my":N()}],"scroll-ms":[{"scroll-ms":N()}],"scroll-me":[{"scroll-me":N()}],"scroll-mbs":[{"scroll-mbs":N()}],"scroll-mbe":[{"scroll-mbe":N()}],"scroll-mt":[{"scroll-mt":N()}],"scroll-mr":[{"scroll-mr":N()}],"scroll-mb":[{"scroll-mb":N()}],"scroll-ml":[{"scroll-ml":N()}],"scroll-p":[{"scroll-p":N()}],"scroll-px":[{"scroll-px":N()}],"scroll-py":[{"scroll-py":N()}],"scroll-ps":[{"scroll-ps":N()}],"scroll-pe":[{"scroll-pe":N()}],"scroll-pbs":[{"scroll-pbs":N()}],"scroll-pbe":[{"scroll-pbe":N()}],"scroll-pt":[{"scroll-pt":N()}],"scroll-pr":[{"scroll-pr":N()}],"scroll-pb":[{"scroll-pb":N()}],"scroll-pl":[{"scroll-pl":N()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",lk,lm]}],fill:[{fill:["none",...j()]}],"stroke-w":[{stroke:[ln,l_,lf,lg]}],stroke:[{stroke:["none",...j()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},l=e=>{let t=i(e);if(t)return t;let r=((e,t)=>{let{parseClassName:r,getClassGroupId:n,getConflictingClassGroupIds:i,sortModifiers:o}=t,a=[],l=e.trim().split(a0),s="";for(let e=l.length-1;e>=0;e-=1){let t=l[e],{isExternal:c,modifiers:u,hasImportantModifier:d,baseClassName:p,maybePostfixModifierPosition:h}=r(t);if(c){s=t+(s.length>0?" "+s:s);continue}let m=!!h,f=n(m?p.substring(0,h):p);if(!f){if(!m||!(f=n(p))){s=t+(s.length>0?" "+s:s);continue}m=!1}let g=0===u.length?"":1===u.length?u[0]:o(u).join(":"),v=d?g+"!":g,b=v+f;if(a.indexOf(b)>-1)continue;a.push(b);let w=i(f,m);for(let e=0;e<w.length;++e){let t=w[e];a.push(v+t)}s=t+(s.length>0?" "+s:s)}return s})(e,n);return o(e,r),r},a=e=>{var t;let r;return i=(n={cache:(e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let t=0,r=Object.create(null),n=Object.create(null),i=(i,o)=>{r[i]=o,++t>e&&(t=0,n=r,r=Object.create(null))};return{get(e){let t=r[e];return void 0!==t?t:void 0!==(t=n[e])?(i(e,t),t):void 0},set(e,t){e in r?r[e]=t:i(e,t)}}})((t=[].reduce((e,t)=>
34t(e),u())).cacheSize),parseClassName:(e=>{let{prefix:t,experimentalParseClassName:r}=e,n=e=>{let t,r=[],n=0,i=0,o=0,a=e.length;for(let l=0;l<a;l++){let a=e[l];if(0===n&&0===i){if(":"===a){r.push(e.slice(o,l)),o=l+1;continue}if("/"===a){t=l;continue}}"["===a?n++:"]"===a?n--:"("===a?i++:")"===a&&i--}let l=0===r.length?e:e.slice(o),s=l,c=!1;return l.endsWith("!")?(s=l.slice(0,-1),c=!0):l.startsWith("!")&&(s=l.slice(1),c=!0),aQ(r,c,s,t&&t>o?t-o:void 0)};if(t){let e=t+":",r=n;n=t=>t.startsWith(e)?r(t.slice(e.length)):aQ(aZ,!1,t,void 0,!0)}if(r){let e=n;n=t=>r({className:t,parseClassName:e})}return n})(t),sortModifiers:(r=new Map,t.orderSensitiveModifiers.forEach((e,t)=>{r.set(e,1e6+t)}),e=>{let t=[],n=[];for(let i=0;i<e.length;i++){let o=e[i],a="["===o[0],l=r.has(o);a||l?(n.length>0&&(n.sort(),t.push(...n),n=[]),t.push(o)):n.push(o)}return n.length>0&&(n.sort(),t.push(...n)),t}),...(e=>{let t=(e=>{let{theme:t,classGroups:r}=e;return aB(r,t)})(e),{conflictingClassGroups:r,conflictingClassGroupModifiers:n}=e;return{getClassGroupId:e=>{if(e.startsWith("[")&&e.endsWith("]")){var r;let t,n,i;return -1===(r=e).slice(1,-1).indexOf(":")?void 0:(n=(t=r.slice(1,-1)).indexOf(":"),(i=t.slice(0,n))?"arbitrary.."+i:void 0)}let n=e.split("-"),i=+(""===n[0]&&n.length>1);return aH(n,i,t)},getConflictingClassGroupIds:(e,t)=>{if(t){let t=n[e],i=r[e];if(t){if(i){let e=Array(i.length+t.length);for(let t=0;t<i.length;t++)e[t]=i[t];for(let r=0;r<t.length;r++)e[i.length+r]=t[r];return e}return t}return i||aU}return r[e]||aU}}})(t)}).cache.get,o=n.cache.set,a=l,l(e)},(...e)=>a(((...e)=>{let t,r,n=0,i="";for(;n<e.length;)(t=e[n++])&&(r=a1(t))&&(i&&(i+=" "),i+=r);return i})(...e))),lW=(...e)=>lI(function(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=function e(t){var r,n,i="";if("string"==typeof t||"number"==typeof t)i+=t;else if("object"==typeof t)if(Array.isArray(t)){var o=t.length;for(r=0;r<o;r++)t[r]&&(n=e(t[r]))&&(i&&(i+=" "),i+=n)}else for(n in t)t[n]&&(i&&(i+=" "),i+=n);return i}(e))&&(n&&(n+=" "),n+=t);return n}(e));"u">typeof navigator&&navigator.userAgent.includes("Firefox");var lU=(e,t)=>{let r=0;return n=>{let i=Date.now();if(i-r>=t)return r=i,e(n)}},lH=e=>{if(!a$)return null;try{let t=localStorage.getItem(e);return t?JSON.parse(t):null}catch{return null}},lB=(e,t)=>{if(a$)try{window.localStorage.setItem(e,JSON.stringify(t))}catch{}},lV=e=>{if(a$)try{window.localStorage.removeItem(e)}catch{}},lq=e=>{if(!e)return{name:"Unknown",wrappers:[],wrapperTypes:[]};let{tag:t,type:r,elementType:n}=e,i=q(r),o=[],a=[];if(B(e)||15===t||14===t||(null==r?void 0:r.$$typeof)===Symbol.for("react.memo")||(null==n?void 0:n.$$typeof)===Symbol.for("react.memo")){let t=B(e);a.push({type:"memo",title:t?"This component has been auto-memoized by the React Compiler.":"Memoized component that skips re-renders if props are the same",compiler:t})}if(24===t&&a.push({type:"lazy",title:"Lazily loaded component that supports code splitting"}),13===t&&a.push({type:"suspense",title:"Component that can suspend while content is loading"}),12===t&&a.push({type:"profiler",title:"Component that measures rendering performance"}),"string"==typeof i){let e=/^(\w+)\((.*)\)$/,t=i;for(;e.test(t);){let r=t.match(e);if((null==r?void 0:r[1])&&(null==r?void 0:r[2]))o.unshift(r[1]),t=r[2];else break}i=t}return{name:i||"Unknown",wrappers:o,wrapperTypes:a}},lG=e=>"number"==typeof e&&Number.isFinite(e)&&e>=0,lJ=e=>!!e&&"object"==typeof e&&!Array.isArray(e),lY=()=>{let e=dP.options.value.safeArea;if(lG(e))return{top:e,right:e,bottom:e,left:e};if(lJ(e)){let t=e.top,r=e.right,n=e.bottom,i=e.left;return{top:lG(t)?t:24,right:lG(r)?r:24,bottom:lG(n)?n:24,left:lG(i)?i:24}}return{top:24,right:24,bottom:24,left:24}},lX=ty(!1),lK=ty(null),lZ=()=>({corner:"bottom-right",dimensions:{isFullWidth:!1,isFullHeight:!1,width:550,height:350,position:{x:24,y:24}},lastDimensions:{isFullWidth:!1,isFullHeight:!1,width:550,height:350,position:{x:24,y:24}},componentsTree:{width:240}});lZ();var lQ=ty((s=lZ(),(c=lH(aL))?{corner:null!=(d=c.corner)?d:s.corner,dimensions:null!=(p=c.dimensions)?p:s.dimensions,lastDimensions:null!=(m=null!=(h=c.lastDimensions)?h:c.dimensions)?m:s.lastDimensions,componentsTree:null!=(f=c.componentsTree)?f:s.componentsTree}:(lB(aL,{corner:s.corner,dimensions:s.dimensions,lastDimensions:s.lastDimensions,componentsTree:s.componentsTree}
34),s))),l0=()=>{if(!a$)return;let{dimensions:e}=lQ.value,{width:t,height:r,position:n}=e,i=lY();lQ.value={...lQ.value,dimensions:{isFullWidth:t>=window.innerWidth-i.left-i.right,isFullHeight:r>=window.innerHeight-i.top-i.bottom,width:t,height:r,position:n}}},l1=ty({view:"none"}),l2=lH(aP),l5=ty(null!=l2?l2:null);function l4(){return!1}function l3(e){function t(t){return this.shouldComponentUpdate=l4,eN(e,t)}return t.displayName=`Memo(${e.displayName||e.name})`,t.prototype.isReactComponent=!0,t._forwarded=!0,t}var l6=new WeakMap,l8={activeFlashes:new Map,create(e){let t,r,n,i=e.querySelector(".react-scan-flash-overlay"),o=i instanceof HTMLElement?i:((t=document.createElement("div")).className="react-scan-flash-overlay",e.appendChild(t),r=(()=>{e.querySelector(".react-scan-flash-overlay")&&this.create(e)}).bind(null,e),document.addEventListener("scroll",r,{passive:!0,capture:!0}),n=()=>{document.removeEventListener("scroll",r,{capture:!0})},this.activeFlashes.set(e,{element:e,overlay:t,scrollCleanup:n}),t),a=l6.get(o);a&&(clearTimeout(a),l6.delete(o)),requestAnimationFrame(()=>{o.style.transition="none",o.style.opacity="0.9";let t=setTimeout(()=>{o.style.transition="opacity 150ms ease-out",o.style.opacity="0";let t=setTimeout(()=>{o.parentNode&&o.parentNode.removeChild(o);let t=this.activeFlashes.get(e);(null==t?void 0:t.scrollCleanup)&&t.scrollCleanup(),this.activeFlashes.delete(e),l6.delete(o)},150);l6.set(o,t)},300);l6.set(o,t)})},cleanup(e){let t=this.activeFlashes.get(e);if(t){let r=l6.get(t.overlay);r&&(clearTimeout(r),l6.delete(t.overlay)),t.overlay.parentNode&&t.overlay.parentNode.removeChild(t.overlay),t.scrollCleanup&&t.scrollCleanup(),this.activeFlashes.delete(e)}},cleanupAll(){for(let[,e]of this.activeFlashes)this.cleanup(e.element)}},l7={updates:[],currentFiber:null,totalUpdates:0,windowOffset:0,currentIndex:0,isViewingHistory:!1,latestFiber:null,isVisible:!1,playbackSpeed:1},l9=ty(l7),se=ty(0),st=[],sr=null,sn=ty({query:"",matches:[],currentMatchIndex:-1}),si=ty(!1),so=(e,t=0,r=null)=>e.reduce((e,n,i)=>{var o,a;let l=n.element?(e=>{var t;let r=[],n=e;for(;n;){let e=n.elementType,i="function"==typeof e?e.displayName||e.name:"string"==typeof e?e:"Unknown",o=void 0!==n.index?`[${n.index}]`:"";r.unshift(`${i}${o}`),n=null!=(t=n.return)?t:null}return r.join("::")})(n.fiber):`${r}-${i}`,s=(null==(o=n.fiber)?void 0:o.type)?cx(n.fiber):void 0,c={...n,depth:t,nodeId:l,parentId:r,fiber:n.fiber,renderData:s};return e.push(c),(null==(a=n.children)?void 0:a.length)&&e.push(...so(n.children,t+1,l)),e},[]),sa=["memo","forwardRef","lazy","suspense"],sl=e=>{let t=e.match(/\[(.*?)\]/);if(!t)return null;let r=[];for(let e of t[1].split(",")){let t=e.trim().toLowerCase();t&&r.push(t)}return r},ss=(e,t)=>{if(0===e.length)return!0;if(!t.length)return!1;for(let r of e){let e=!1;for(let n of t)if(n.type.toLowerCase().includes(r)){e=!0;break}if(!e)return!1}return!0},sc=e=>e>0?e<.1-Number.EPSILON?"< 0.1":e<1e3?Number(e.toFixed(1)).toString():`${(e/1e3).toFixed(1)}k`:"0",su=({node:e,nodeIndex:t,hasChildren:r,isCollapsed:n,handleTreeNodeClick:i,handleTreeNodeToggle:o,searchValue:a})=>{var l,s,c;let u=e3(null),d=e3(null!=(s=null==(l=e.renderData)?void 0:l.renderCount)?s:0),{highlightedText:p,typeHighlight:h}=e6(()=>{let{query:t,matches:r}=a,n=r.some(t=>t.nodeId===e.nodeId),i=sl(t)||[],o=t?t.replace(/\[.*?\]/,"").trim():"";if(!t||!n)return{highlightedText:ru("span",{className:"truncate",children:e.label}),typeHighlight:!1};let l=!0;if(i.length>0)if(e.fiber){let{wrapperTypes:t}=lq(e.fiber);l=ss(i,t)}else l=!1;let s=ru("span",{className:"truncate",children:e.label});if(o)try{if(o.startsWith("/")&&o.endsWith("/")){let t=o.slice(1,-1),r=RegExp(`(${t})`,"i"),n=e.label.split(r);s=ru("span",{className:"tree-node-search-highlight",children:n.map((t,i)=>r.test(t)?ru("span",{className:lW("regex",{start:r.test(t)&&0===i,middle:r.test(t)&&i%2==1,end:r.test(t)&&i===n.length-1,"!ml-0":1===i}),children:t},`${e.nodeId}-${t}`):t)})}else{let t=e.label.toLowerCase(),r=o.toLowerCase(),n=t.indexOf(r);n>=0&&(s=ru("span",{className:"tree-node-search-highlight",children:[e.label.slice(0,n),ru("span",{className:"single",children:e.label.slice(n,n+o.length)}),e.label.slice(n+o.length)]}))}}catch{}return{highlightedText:s,typeHighlight:l&&i.length>0}},[e.label,e.nodeId,e.fiber,a]);e5(()=>{var t;let r=null==(t=e.renderData)?void 0:t.renderCount,n=u.current;n&&d.current&&r&&d.current!==r&&(n.classList.remove("count-flash"),n.offsetWidth,n.classList.add("count-flash"),d.current=r)},[null==(c=e.renderData)?void 0:c.renderCount]);let m=e6(()=>
34{if(!e.renderData)return null;let{selfTime:t,totalTime:r,renderCount:n}=e.renderData;return n?ru("span",{className:lW("flex items-center gap-x-0.5 ml-1.5","text-[10px] text-neutral-400"),children:ru("span",{ref:u,title:`Self time: ${sc(t)}ms
35Total time: ${sc(r)}ms`,className:"count-badge",children:["×",n]})}):null},[e.renderData]),f=e6(()=>{if(!e.fiber)return null;let{wrapperTypes:t}=lq(e.fiber),r=t[0];return ru("span",{className:lW("flex items-center gap-x-1","text-[10px] text-neutral-400 tracking-wide","overflow-hidden"),children:[r&&ru(eE,{children:[ru("span",{title:null==r?void 0:r.title,className:lW("rounded py-[1px] px-1","bg-neutral-700 text-neutral-300","truncate","memo"===r.type&&"bg-[#8e61e3] text-white",h&&"bg-yellow-300 text-black"),children:r.type},r.type),r.compiler&&ru("span",{className:"text-yellow-300 ml-1",children:"✨"})]}),t.length>1&&`\xd7${t.length}`,m]})},[e.fiber,h,m]);return ru("button",{type:"button",title:e.title,"data-index":t,className:lW("flex items-center gap-x-1","pl-1 pr-2","w-full h-7","text-left","rounded","cursor-pointer select-none"),onClick:i,children:[ru("button",{type:"button","data-index":t,onClick:o,className:lW("w-6 h-6 flex items-center justify-center","text-left"),children:r&&ru(aD,{name:"icon-chevron-right",size:12,className:lW("transition-transform",!n&&"rotate-90")})}),p,f]})},sd=()=>{let e=e3(null),t=e3(null),r=e3(null),n=e3(null),i=e3(null),o=e3(0),a=e3(!1),l=e3(!1),s=e3(null),[c,u]=e2([]),[d,p]=e2(new Set),[h,m]=e2(void 0),[f,g]=e2(sn.value),v=e6(()=>{let e=[],t=new Map(c.map(e=>[e.nodeId,e]));for(let r of c){let n=!0,i=r;for(;i.parentId;){let e=t.get(i.parentId);if(!e)break;if(d.has(e.nodeId)){n=!1;break}i=e}n&&e.push(r)}return e},[d,c]),{virtualItems:b,totalSize:w}=(e=>{let{count:t,getScrollElement:r,estimateSize:n,overscan:i=5}=e,[o,a]=e2(0),[l,s]=e2(0),c=e3(),u=e3(null),d=e3(null),p=n(),h=e8(e=>{var t,r;u.current&&s(null!=(r=null==(t=null==e?void 0:e[0])?void 0:t.contentRect.height)?r:u.current.getBoundingClientRect().height)},[]),m=e8(()=>{null!==d.current&&cancelAnimationFrame(d.current),d.current=requestAnimationFrame(()=>{h(),d.current=null})},[h]);e5(()=>{let e=r();if(!e)return;u.current=e;let t=()=>{u.current&&a(u.current.scrollTop)};h(),c.current||(c.current=new ResizeObserver(()=>{m()})),c.current.observe(e),e.addEventListener("scroll",t,{passive:!0});let n=new MutationObserver(m);return n.observe(e,{attributes:!0,childList:!0,subtree:!0}),()=>{e.removeEventListener("scroll",t),c.current&&c.current.disconnect(),n.disconnect(),null!==d.current&&cancelAnimationFrame(d.current)}},[r,h,m]);let f=e6(()=>{let e=Math.floor(o/p);return{start:Math.max(0,e-i),end:Math.min(t,e+Math.ceil(l/p)+i)}},[o,p,l,t,i]);return{virtualItems:e6(()=>{let e=[];for(let t=f.start;t<f.end;t++)e.push({key:t,index:t,start:t*p});return e},[f,p]),totalSize:t*p,scrollTop:o,containerHeight:l}})({count:v.length,getScrollElement:()=>e.current,estimateSize:()=>28,overscan:5}),y=e8(t=>{var r;a.current=!0,null==(r=n.current)||r.blur(),si.value=!0;let{parentCompositeFiber:i}=sI(t);if(!i)return;dL.inspectState.value={kind:"focused",focusedDomElement:t,fiber:i};let o=v.findIndex(e=>e.element===t);if(-1!==o){m(o);let t=28*o,r=e.current;if(r){let e=r.clientHeight,n=r.scrollTop;(t<n||t+28>n+e)&&r.scrollTo({top:Math.max(0,t-e/2),behavior:"instant"})}}},[v]),x=e8(e=>{let t=Number(e.currentTarget.dataset.index);if(Number.isNaN(t))return;let r=v[t].element;r&&y(r)},[v,y]),k=e8(e=>{p(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},[]),_=e8(e=>{e.stopPropagation();let t=Number(e.target.dataset.index);Number.isNaN(t)||k(v[t].nodeId)},[v,k]),N=e8(t=>{var n,i,o,a,l;null==(n=r.current)||n.classList.remove("!border-red-500");let s=[];if(!t){sn.value={query:t,matches:s,currentMatchIndex:-1};return}if(t.includes("[")&&!t.includes("]")&&t.length>t.indexOf("[")+1){null==(i=r.current)||i.classList.add("!border-red-500");return}let u=sl(t)||[];if(t.includes("[")&&!(e=>{if(0===e.length)return!1;for(let t of e){let e=!1;for(let r of sa)if(r.toLowerCase().includes(t)){e=!0;break}if(!e)return!1}return!0})(u)){null==(o=r.current)||o.classList.add("!border-red-500");return}let d=t.replace(/\[.*?\]/,"").trim(),p=/^\/.*\/$/.test(d),h=e=>!1;if(d.startsWith("/")&&!p&&d.length>1){null==(a=r.current)||a.classList.add("!border-red-500");return}if(p)try{let e=d.slice(1,-1),t=RegExp(e,"i");h=e=>t.test(e)}catch{null==(l=r.current)||l.classList.add("!border-red-500");return}else if(d){let e=d.toLowerCase();h=t=>t.toLowerCase().includes(e)}for(let e of c){let t=!0;if(d&&(t=h(e.label)),t&&u.length>0)if(e.fiber){let{wrapperTypes:r}=lq(e.fiber);t=ss(u,r)}else t=!1;t&&s.push(e)}if(sn.value={query:t,matches:s,currentMatchIndex:s.length>0?0:-1},s.length>0){let t=s[0],r=v.findIndex(e=>e.nodeId===t.nodeId);if(-1!==r){let t=e.current;if(t){let e=t.clientHeight;t.scrollTo({top:Math.max(0,28*r-e/2),behavior:"instant"})}}}},[c,v]),S=e8(e=>{let t=e.currentTarget;t&&N(t.value)},[N]),E=e8(t=>{let{matches:r,currentMatchIndex:n}=sn.value;if(0===r.length)return;let i="next"===t?(n+1)%r.length:(n-1+r.length)%r.length;sn.value={...sn.value,currentMatchIndex:i};let o=r[i],a=v.findIndex(e=>e.nodeId===o.nodeId);if(-1!==a){m(a);let t=28*a,r=e.current;if(r){let e=r.clientHeight;r.scrollTo({top:Math.max(0,t-e/2),behavior:"instant"})}}},[v]),C=e8(r=>{if(t.current&&(t.current.style.width=`${r}px`),e.current){e.current.style.width=`${r}px`;let t=((e,t)=>{if(t<=0)return 24;let r=Math.max(0,e-240);return r<24?0:Math.max(0,Math.min(24,Math.min(.3*r,24*t)/t))})(r,o.current);e.current.style.setProperty("--indentation-size",`${t}px`)}},[]),T=e8(e=>{if(!s.current)return;let t=Math.floor(lQ.value.dimensions.width-120);s.current.classList.remove("cursor-ew-resize","cursor-w-resize","cursor-e-resize"),e<=240?s.current.classList.add("cursor-w-resize"):e>=t?s.current.classList.add("cursor-e-resize"):s.current.classList.add("cursor-ew-resize")},[]),A=e8(t=>{if(t.preventDefault(),t.stopPropagation(),!e.current)return;e.current.style.setProperty("pointer-events","none"),l.current=!0;let r=t.clientX,n=e.current.offsetWidth,i=Math.floor(lQ.value.dimensions.width-120);T(n);let o=e=>{let t=n+(r-e.clientX);T(t),C(Math.min(i,Math.max(240,t)))},a=()=>{e.current&&(e.current.style.removeProperty("pointer-events"),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",a),lQ.value={...lQ.value,componentsTree:{...lQ.value.componentsTree,width:e.current.offsetWidth}},lB(aL,lQ.value),l.current=!1)};document.addEventListener("pointermove",o),document.addEventListener("pointerup",a)},[C,T]);e5(()=>
35{if(e.current)return T(e.current.offsetWidth),lQ.subscribe(()=>{e.current&&T(e.current.offsetWidth)})},[T]);let z=e8(()=>{a.current=!1},[]);return e5(()=>{let t=!0,r=()=>{let r=i.current;if(!r)return;let n=(e=>{let t=new Map,r=[];for(let{element:r,name:n,fiber:i}of e){if(!r)continue;let e=n,{name:o,wrappers:a}=lq(i);o&&(e=a.length>0?`${a.join("(")}(${o})${")".repeat(a.length)}`:o),t.set(r,{label:o||n,title:e,children:[],element:r,fiber:i})}for(let{element:n,depth:i}of e){if(!n)continue;let e=t.get(n);if(e)if(0===i)r.push(e);else{let r=n.parentElement;for(;r;){let n=t.get(r);if(n){n.children=n.children||[],n.children.push(e);break}r=r.parentElement}}}return r})(sV());if(n.length>0){let i=so(n);if(o.current=i.reduce((e,t)=>Math.max(e,t.depth),0),C(lQ.value.componentsTree.width),u(i),t){t=!1;let n=i.findIndex(e=>e.element===r);if(-1!==n){let t=28*n,r=e.current;r&&setTimeout(()=>{r.scrollTo({top:t,behavior:"instant"})},96)}}}},n=dL.inspectState.subscribe(e=>{"focused"===e.kind&&(si.value||(N(""),i.current=e.focusedDomElement,r()))}),a=0,s=se.subscribe(()=>{"focused"===dL.inspectState.value.kind&&(cancelAnimationFrame(a),l.current||(a=requestAnimationFrame(()=>{si.value=!1,r()})))});return()=>{n(),s(),sn.value={query:"",matches:[],currentMatchIndex:-1}}},[]),e5(()=>{let e=e=>{if(a.current&&h)switch(e.key){case"ArrowUp":if(e.preventDefault(),e.stopPropagation(),h>0){let e=v[h-1];(null==e?void 0:e.element)&&y(e.element)}return;case"ArrowDown":if(e.preventDefault(),e.stopPropagation(),h<v.length-1){let e=v[h+1];(null==e?void 0:e.element)&&y(e.element)}return;case"ArrowLeft":case"ArrowRight":{e.preventDefault(),e.stopPropagation();let t=v[h];(null==t?void 0:t.nodeId)&&k(t.nodeId);return}}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[h,v,y,k]),e5(()=>sn.subscribe(g),[]),e5(()=>lQ.subscribe(e=>{var r;null==(r=t.current)||r.style.setProperty("transition","width 0.1s"),C(e.componentsTree.width),setTimeout(()=>{var e;null==(e=t.current)||e.style.removeProperty("transition")},500)}),[]),ru("div",{className:"react-scan-components-tree flex",children:[ru("div",{ref:s,onPointerDown:A,className:"relative resize-v-line",children:ru("span",{children:ru(aD,{name:"icon-ellipsis",size:18})})}),ru("div",{ref:t,className:"flex flex-col h-full",children:[ru("div",{className:"p-2 border-b border-[#1e1e1e]",children:ru("div",{ref:r,title:`Search components by:
36
37\u2022 Name (e.g., "Button") \u2014 Case insensitive, matches any part
38
39\u2022 Regular Expression (e.g., "/^Button/") \u2014 Use forward slashes
40
41\u2022 Wrapper Type (e.g., "[memo,forwardRef]"):
42   - Available types: memo, forwardRef, lazy, suspense
43   - Matches any part of type name (e.g., "mo" matches "memo")
44   - Use commas for multiple types
45
46\u2022 Combined Search:
47   - Mix name/regex with type: "button [for]"
48   - Will match components satisfying both conditions
49
50\u2022 Navigation:
51   - Enter \u2192 Next match
52   - Shift + Enter \u2192 Previous match
53   - Cmd/Ctrl + Enter \u2192 Select and focus match
54`,className:lW("relative","flex items-center gap-x-1 px-2","rounded","border border-transparent","focus-within:border-[#454545]","bg-[#1e1e1e] text-neutral-300","transition-colors","whitespace-nowrap","overflow-hidden"),children:[ru(aD,{name:"icon-search",size:12,className:" text-neutral-500"}),ru("div",{className:"relative flex-1 h-7 overflow-hidden",children:ru("input",{ref:n,type:"text",value:sn.value.query,onClick:e=>{e.stopPropagation(),e.currentTarget.focus()},onPointerDown:e=>{e.stopPropagation()},onKeyDown:e=>{"Escape"===e.key&&e.currentTarget.blur(),sn.value.matches.length&&("Enter"===e.key&&e.shiftKey?E("prev"):"Enter"===e.key&&(e.metaKey||e.ctrlKey?(e.preventDefault(),e.stopPropagation(),y(sn.value.matches[sn.value.currentMatchIndex].element),e.currentTarget.focus()):E("next")))},onChange:S,className:"absolute inset-y-0 inset-x-1",placeholder:"Component name, /regex/, or [type]"})}),sn.value.query?ru(eE,{children:[ru("span",{className:"flex items-center gap-x-0.5 text-xs text-neutral-500",children:[sn.value.currentMatchIndex+1,"|",sn.value.matches.length]}),!!sn.value.matches.length&&ru(eE,{children:[ru("button",{type:"button",onClick:e=>{e.stopPropagation(),E("prev")},className:"button rounded w-4 h-4 flex items-center justify-center text-neutral-400 hover:text-neutral-300",children:ru(aD,{name:"icon-chevron-right",className:"-rotate-90",size:12})}),ru("button",{type:"button",onClick:e=>{e.stopPropagation(),E("next")},className:"button rounded w-4 h-4 flex items-center justify-center text-neutral-400 hover:text-neutral-300",children:ru(aD,{name:"icon-chevron-right",className:"rotate-90",size:12})})]}),ru("button",{type:"button",onClick:e=>{e.stopPropagation(),N("")},className:"button rounded w-4 h-4 flex items-center justify-center text-neutral-400 hover:text-neutral-300",children:ru(aD,{name:"icon-close",size:12})})]}):!!c.length&&ru("span",{className:"text-xs text-neutral-500",children:c.length})]})}),ru("div",{className:"flex-1 overflow-hidden",children:ru("div",{ref:e,onPointerLeave:z,className:"tree h-full overflow-auto will-change-transform",children:ru("div",{className:"relative w-full",style:{height:w},children:b.map(e=>{var t;let r=v[e.index];if(!r)return null;let n="focused"===dL.inspectState.value.kind&&r.element===dL.inspectState.value.focusedDomElement,i=e.index===h;return ru("div",{className:lW("absolute left-0 w-full overflow-hidden","text-neutral-400 hover:text-neutral-300","bg-transparent hover:bg-[#5f3f9a]/20",(n||i)&&"text-neutral-300 bg-[#5f3f9a]/40 hover:bg-[#5f3f9a]/40"),style:{to
54p:e.start,height:28},children:ru("div",{className:"w-full h-full",style:{paddingLeft:`calc(${r.depth} * var(--indentation-size))`},children:ru(su,{node:r,nodeIndex:e.index,hasChildren:!!(null==(t=r.children)?void 0:t.length),isCollapsed:d.has(r.nodeId),handleTreeNodeClick:x,handleTreeNodeToggle:_,searchValue:f})})},r.nodeId)})})})})]})]})},sp=tK(({text:e,children:t,onCopy:r,className:n,iconSize:i=14})=>{let[o,a]=e2(!1);e5(()=>{if(o){let e=setTimeout(()=>a(!1),600);return()=>{clearTimeout(e)}}},[o]);let l=e8(t=>{t.preventDefault(),t.stopPropagation(),navigator.clipboard.writeText(e).then(()=>{a(!0),null==r||r(!0,e)},()=>{null==r||r(!1,e)})},[e,r]),s=ru("button",{onClick:l,type:"button",className:lW("z-10","flex items-center justify-center","hover:text-dev-pink-400","transition-colors duration-200 ease-in-out","cursor-pointer",`size-[${i}px]`,n),children:ru(aD,{name:`icon-${o?"check":"copy"}`,size:[i],className:lW(o&&"text-green-500")})});return t?t({ClipboardIcon:s,onClick:l}):s}),sh=({length:e,expanded:t,onToggle:r,isNegative:n})=>ru("div",{className:"flex items-center gap-1",children:[ru("button",{type:"button",onClick:r,className:"flex items-center p-0 opacity-50",children:ru(aD,{name:"icon-chevron-right",size:12,className:lW("transition-[color,transform]",n?"text-[#f87171]":"text-[#4ade80]",t&&"rotate-90")})}),ru("span",{children:["Array(",e,")"]})]}),sm=({value:e,path:t,isNegative:r})=>{let[n,i]=e2(!1);if(null===e||"object"!=typeof e||e instanceof Date)return ru("div",{className:"flex items-center gap-1",children:[ru("span",{className:"text-gray-500",children:[t,":"]}),ru("span",{className:"truncate",children:sX(e)})]});let o=Object.entries(e);return ru("div",{className:"flex flex-col",children:[ru("div",{className:"flex items-center gap-1",children:[ru("button",{type:"button",onClick:()=>i(!n),className:"flex items-center p-0 opacity-50",children:ru(aD,{name:"icon-chevron-right",size:12,className:lW("transition-[color,transform]",r?"text-[#f87171]":"text-[#4ade80]",n&&"rotate-90")})}),ru("span",{className:"text-gray-500",children:[t,":"]}),!n&&ru("span",{className:"truncate",children:e instanceof Date?sX(e):`{${Object.keys(e).join(", ")}}`})]}),n&&ru("div",{className:"pl-5 border-l border-[#333] mt-0.5 ml-1 flex flex-col gap-0.5",children:o.map(([e,t])=>ru(sm,{value:t,path:e,isNegative:r},e))})]})},sf=({value:e,expanded:t,onToggle:r,isNegative:n})=>{let{value:i,error:o}=sK(e);return o?ru("span",{className:"text-gray-500 font-italic",children:o}):null===i||"object"!=typeof i||i instanceof Promise?ru("span",{children:sX(i)}):Array.isArray(i)?ru("div",{className:"flex flex-col gap-1 relative",children:[ru(sh,{length:i.length,expanded:t,onToggle:r,isNegative:n}),t&&ru("div",{className:"pl-2 border-l border-[#333] mt-0.5 ml-1 flex flex-col gap-0.5",children:i.map((e,t)=>ru(sm,{value:e,path:t.toString(),isNegative:n},t.toString()))}),ru(sp,{text:sq(i),className:"absolute top-0.5 right-0.5 opacity-0 transition-opacity group-hover:opacity-100 self-end",children:({ClipboardIcon:e})=>ru(eE,{children:e})})]}):ru("div",{className:"flex items-start gap-1 relative",children:[ru("button",{type:"button",onClick:r,className:lW("flex items-center","p-0 mt-0.5 mr-1","opacity-50"),children:ru(aD,{name:"icon-chevron-right",size:12,className:lW("transition-[color,transform]",n?"text-[#f87171]":"text-[#4ade80]",t&&"rotate-90")})}),ru("div",{className:"flex-1",children:t?ru("div",{className:"pl-2 border-l border-[#333] mt-0.5 ml-1 flex flex-col gap-0.5",children:Object.entries(i).map(([e,t])=>ru(sm,{value:t,path:e,isNegative:n},e))}):ru("span",{children:sX(i)})}),ru(sp,{text:sq(i),className:"absolute top-0.5 right-0.5 opacity-0 transition-opacity group-hover:opacity-100 self-end",children:({ClipboardIcon:e})=>ru(eE,{children:e})})]})};ty({fiber:null,fiberProps:{current:[],changes:new Set},fiberState:{current:[],changes:new Set},fiberContext:{current:[],changes:new Set}});var sg=e=>{switch(e.kind){case"initialized":return e.changes.currentValue;case"partially-initialized":return e.value}},sv=(e,t)=>{for(let r of e){let e=t.get(r.name);if(e){t.set(e.name,{count:e.count+1,currentValue:r.value,id:e.name,lastUpdated:Date.now(),name:e.name,previousValue:r.prevValue});continue}t.set(r.name,{count:1,currentValue:r.value,id:r.name,lastUpdated:Date.now(),name:r.name,previousValue:r.prevValue})}},sb=(e,t)=>
54{let r=new Map;return e.forEach((e,t)=>{r.set(t,e)}),t.forEach((e,t)=>{let n=r.get(t);n?r.set(t,{count:n.count+e.count,currentValue:e.currentValue,id:e.id,lastUpdated:e.lastUpdated,name:e.name,previousValue:e.previousValue}):r.set(t,e)}),r},sw=e=>Array.from(e.propsChanges.values()).reduce((e,t)=>e+t.count,0)+Array.from(e.stateChanges.values()).reduce((e,t)=>e+t.count,0)+Array.from(e.contextChanges.values()).filter(e=>"initialized"===e.kind).reduce((e,t)=>e+t.changes.count,0),sy=tK(()=>{let[e,t]=e2(!0),r=(()=>{let e=e3({queue:[]}),[t,r]=e2({propsChanges:new Map,stateChanges:new Map,contextChanges:new Map}),n="focused"===dL.inspectState.value.kind?dL.inspectState.value.fiber:null,i=n?X(n):null;return e5(()=>{let t=setInterval(()=>{0!==e.current.queue.length&&(r(t=>{var r;let n,i,o=(r=e.current.queue,n={contextChanges:new Map,propsChanges:new Map,stateChanges:new Map},r.forEach(e=>{for(let t of e.contextChanges){let e=n.contextChanges.get(t.contextType);if(e){if(aF(sg(e),t.value))continue;if("partially-initialized"===e.kind){n.contextChanges.set(t.contextType,{kind:"initialized",changes:{count:1,currentValue:t.value,id:t.contextType.toString(),lastUpdated:Date.now(),name:t.name,previousValue:e.value}});continue}n.contextChanges.set(t.contextType,{kind:"initialized",changes:{count:e.changes.count+1,currentValue:t.value,id:t.contextType.toString(),lastUpdated:Date.now(),name:t.name,previousValue:e.changes.currentValue}});continue}n.contextChanges.set(t.contextType,{kind:"partially-initialized",i
54d:t.contextType.toString(),lastUpdated:Date.now(),name:t.name,value:t.value})}sv(e.stateChanges,n.stateChanges),sv(e.propsChanges,n.propsChanges)}),n),a=(i=new Map,t.contextChanges.forEach((e,t)=>{i.set(t,e)}),o.contextChanges.forEach((e,t)=>{let r=i.get(t);if(!r)return void i.set(t,e);if(sg(e)!==sg(r))switch(r.kind){case"initialized":switch(e.kind){case"initialized":return void i.set(t,{kind:"initialized",changes:{...e.changes,count:e.changes.count+r.changes.count+1,currentValue:e.changes.currentValue,previousValue:e.changes.previousValue}});case"partially-initialized":return void i.set(t,{kind:"initialized",changes:{count:r.changes.count+1,currentValue:e.value,id:e.id,lastUpdated:e.lastUpdated,name:e.name,previousValue:r.changes.currentValue}})}case"partially-initialized":switch(e.kind){case"initialized":return void i.set(t,{kind:"initialized",changes:{count:e.changes.count+1,currentValue:e.changes.currentValue,id:e.changes.id,lastUpdated:e.changes.lastUpdated,name:e.changes.name,previousValue:r.value}});case"partially-initialized":return void i.set(t,{kind:"initialized",changes:{count:1,currentValue:e.value,id:e.id,lastUpdated:e.lastUpdated,name:e.name,previousValue:r.value}})}}}),{contextChanges:i,propsChanges:sb(t.propsChanges,o.propsChanges),stateChanges:sb(t.stateChanges,o.stateChanges)});return sw(t),sw(a),a}),e.current.queue=[])},50);return()=>{clearInterval(t)}},[n]),e5(()=>{if(!i)return;let t=t=>{var r;null==(r=e.current)||r.queue.push(t)},n=dL.changesListeners.get(i);return n||(n=[],dL.changesListeners.set(i,n)),n.push(t),()=>{var n,o;r({propsChanges:new Map,stateChanges:new Map,contextChanges:new Map}),e.current.queue=[],dL.changesListeners.set(i,null!=(o=null==(n=dL.changesListeners.get(i))?void 0:n.filter(e=>e!==t))?o:[])}},[i]),e5(()=>()=>{r({propsChanges:new Map,stateChanges:new Map,contextChanges:new Map}),e.current.queue=[]},[i]),t})(),[n,i]=e2(!1),o=sw(r)>0;e5(()=>{if(!n&&o){let e=setTimeout(()=>{i(!0),requestAnimationFrame(()=>{t(!0)})},0);return()=>clearTimeout(e)}},[n,o]);let a=new Map(Array.from(r.contextChanges.entries()).filter(([,e])=>"initialized"===e.kind).map(([e,t])=>[e,"partially-initialized"===t.kind?null:t.changes])),l="focused"===dL.inspectState.value.kind?dL.inspectState.value.fiber:null;if(l)return ru(eE,{children:[ru(sk,{}),ru("div",{className:"overflow-hidden h-full flex flex-col gap-y-2",children:[ru("div",{className:"flex flex-col gap-2 px-3 pt-2",children:[ru("span",{className:"text-sm font-medium text-[#888]",children:["Why did"," ",ru("span",{className:"text-[#A855F7]",children:q(l)})," ","render?"]}),!o&&ru("div",{className:"text-sm text-[#737373] bg-[#1E1E1E] rounded-md p-4 flex flex-col gap-4",children:[ru("div",{children:"No changes detected since selecting"}),ru("div",{children:"The props, state, and context changes within your component will be reported here"})]})]}),ru("div",{className:lW("flex flex-col gap-y-2 pl-3 relative overflow-y-auto h-full"),children:[ru(sN,{changes:r.propsChanges,title:"Changed Props",isExpanded:e}),ru(sN,{renderName:e=>{var t;return sx(e,null!=(t=q(V(l)))?t:"Unknown Component")},changes:r.stateChanges,title:"Changed State",isExpanded:e}),ru(sN,{changes:a,title:"Changed Context",isExpanded:e})]})]})]})}),sx=(e,t)=>{if(Number.isNaN(Number(e)))return e;let r=Number.parseInt(e);return ru("span",{className:"truncate",children:[ru("span",{className:"text-white",children:[r,(e=>{let t=e%100;if(t>=11&&t<=13)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}})(r)," hook"," "]}),ru("span",{style:{color:"#666"},children:["called in ",ru("i",{className:"text-[#A855F7] truncate",children:t})]})]})},sk=tK(()=>{let e=e3(null),t=e3(null),r=e3(null),n=e3({isPropsChanged:!1,isStateChanged:!1,isContextChanged:!1});return e5(()=>{let i=lU(()=>{var n,i,o;let a=[];for(let l of((null==(n=e.current)?void 0:n.dataset.flash)==="true"&&a.push(e.current),(null==(i=t.current)?void 0:i.dataset.flash)==="true"&&a.push(t.current),(null==(o=r.current)?void 0:o.dataset.flash)==="true"&&a.push(r.current),a))l.classList.remove("count-flash-white"),l.offsetWidth,l.classList.add("count-flash-white")},400);return l9.subscribe(o=>{var a,l,s,c,u,d,p,h,m;if(!e.current||!t.current||!r.current)return;let{currentIndex:f,updates:g}=o,v=g[f];v&&0!==f&&(i(),n.current={isPropsChanged:(null!=(s=null==(l=null==(a=v.props)?void 0:a.changes)?void 0:l.size)?s:0)>0,isStateChanged:(null!=(d=null==(u=null==(c=v.state)?void 0:c.changes)?void 0:u.size)?d:0)>0,isContextChanged:(null!=(m=null==(h=null==(p=v.context)?void 0:p.changes)?void 0:h.size)?m:0)>0},"true"!==e.current.dataset.flash&&(e.current.dataset.flash=n.current.isPropsChanged.toString()),"true"!==t.current.dataset.flash&&(t.current.dataset.flash=n.current.isStateChanged.toString()),"true"!==r.current.dataset.flash&&(r.current.dataset.flash=n.current.isContextChanged.toString()))})},[]),ru("button",{type:"button",className:lW("react-section-header","overflow-hidden","max-h-0","transition-[max-height]"),children:ru("div",{className:lW("flex-1 react-scan-expandable"),children:ru("div",{className:"overflow-hidden",children:ru("div",{className:"flex items-center whitespace-nowrap",children:[ru("div",{className:"flex items-center gap-x-2",children:"What changed?"}),ru("div",{className:lW("ml-auto","change-scope","transition-opacity duration-300 delay-150"),children:[ru("div",{ref:e,children:"props"}),ru("div",{ref:t,children:"state"}),ru("div",{ref:r,children:"context"})]})]})})})})}),s_=e=>e,sN=tK(({title:e,changes:t,renderName:r=s_})=>{let[n,i]=e2(new Set),[o,a]=e2(new Set),l=Array.from(t.entries());return 0===t.size?null:ru("div",{children:[ru("div",{className:"text-xs text-[#888] mb-1.5",children:e}),ru("div",{className:"flex flex-col gap-2",children:l.map(([t,l])=>{let s=o.has(String(t)),{value:c,error:u}=sK(l.previousValue),{value:d,error:p}=sK(l.currentValue),h=sG(c,d);return ru("div",{children:[ru("button",{onClick:()=>{a(e=>{let r=new Set(e);return r.has(String(t))?r.delete(String(t)):r.add(String(t)),r})},className:"flex items-center gap-2 w-full bg-transparent border-none p-0 cursor-pointer text-white text-xs",children:ru("div",{className:"flex items-center gap-1.5 flex-1",children:[ru(aD,{name:"icon-chevron-right",size:12,className:lW("text-[#666] transition-transform duration-200 ease-[
54cubic-bezier(0.25,0.1,0.25,1)]",{"rotate-90":s})}),ru("div",{className:"whitespace-pre-wrap break-words text-left font-medium flex items-center gap-x-1.5",children:[r(l.name),ru(sT,{count:l.count,isFunction:"function"==typeof l.currentValue,showWarning:0===h.changes.length,forceFlash:!0})]})]})}),ru("div",{className:lW("react-scan-expandable",{"react-scan-expanded":s}),children:ru("div",{className:"pl-3 text-xs font-mono border-l-1 border-[#333]",children:ru("div",{className:"flex flex-col gap-0.5",children:u||p?ru(sS,{currError:p,prevError:u}):h.changes.length>0?ru(sE,{change:l,diff:h,expandedFns:n,renderName:r,setExpandedFns:i,title:e}):ru(sC,{currValue:d,entryKey:t,expandedFns:n,prevValue:c,setExpandedFns:i})})})})]},t)})})]})}),sS=({prevError:e,currError:t})=>ru(eE,{children:[e&&ru("div",{className:"text-[#f87171] bg-[#2a1515] pr-1.5 py-[3px] rounded italic",children:e}),t&&ru("div",{className:"text-[#4ade80] bg-[#1a2a1a] pr-1.5 py-[3px] rounded italic mt-0.5",children:t})]}),sE=({diff:e,title:t,renderName:r,change:n,expandedFns:i,setExpandedFns:o})=>e.changes.map((a,l)=>{let s,{value:c,error:u}=sK(a.prevValue),{value:d,error:p}=sK(a.currentValue),h="function"==typeof c||"function"==typeof d;return"Props"===t&&(s=a.path.length>0?`${r(String(n.name))}.${sJ(a.path)}`:void 0),"State"===t&&a.path.length>0&&(s=`state.${sJ(a.path)}`),s||(s=sJ(a.path)),ru("div",{className:lW("flex flex-col gap-y-1",l<e.changes.length-1&&"mb-4"),children:[s&&ru("div",{className:"text-[#666] text-[10px]",children:s}),ru("button",{type:"button",className:lW("group","flex items-start","py-[3px] px-1.5","text-left text-[#f87171] bg-[#2a1515]","rounded","overflow-hidden break-all",h&&"cursor-pointer"),onClick:h?()=>{let e=`${sJ(a.path)}-prev`;o(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})}:void 0,children:[ru("span",{className:"w-3 flex items-center justify-center opacity-50",children:"-"}),ru("span",{className:"flex-1 whitespace-nowrap font-mono",children:u?ru("span",{className:"italic text-[#f87171]",children:u}):h?ru("div",{className:"flex gap-1 items-start flex-col",children:[ru("div",{className:"flex gap-1 items-start w-full",children:[ru("span",{className:"flex-1 max-h-40",children:sY(c,i.has(`${sJ(a.path)}-prev`))}),"function"==typeof c&&ru(sp,{text:c.toString(),className:"opacity-0 transition-opacity group-hover:opacity-100",children:({ClipboardIcon:e})=>ru(eE,{children:e})})]}),(null==c?void 0:c.toString())===(null==d?void 0:d.toString())&&ru("div",{className:"text-[10px] text-[#666] italic",children:"Function reference changed"})]}):ru(sf,{value:c,expanded:i.has(`${sJ(a.path)}-prev`),onToggle:()=>{let e=`${sJ(a.path)}-prev`;o(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},isNegative:!0})})]}),ru("button",{type:"button",className:lW("group","flex items-start","py-[3px] px-1.5","text-left text-[#4ade80] bg-[#1a2a1a]","rounded","overflow-hidden break-all",h&&"cursor-pointer"),onClick:h?()=>{let e=`${sJ(a.path)}-current`;o(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})}:void 0,children:[ru("span",{className:"w-3 flex items-center justify-center opacity-50",children:"+"}),ru("span",{className:"flex-1 whitespace-pre-wrap font-mono",children:p?ru("span",{className:"italic text-[#4ade80]",children:p}):h?ru("div",{className:"flex gap-1 items-start flex-col",children:[ru("div",{className:"flex gap-1 items-start w-full",children:[ru("span",{className:"flex-1",children:sY(d,i.has(`${sJ(a.path)}-current`))}),"function"==typeof d&&ru(sp,{text:d.toString(),className:"opacity-0 transition-opacity group-hover:opacity-100",children:({ClipboardIcon:e})=>ru(eE,{children:e})})]}),(null==c?void 0:c.toString())===(null==d?void 0:d.toString())&&ru("div",{className:"text-[10px] text-[#666] italic",children:"Function reference changed"})]}):ru(sf,{value:d,expanded:i.has(`${sJ(a.path)}-current`),onToggle:()=>{let e=`${sJ(a.path)}-current`;o(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},isNegative:!1})})]})]},`${s}-${n.name}-${l}`)}),sC=({prevValue:e,currValue:t,entryKey:r,expandedFns:n,setExpandedFns:i})=>
54ru(eE,{children:[ru("div",{className:"group flex gap-0.5 items-start text-[#f87171] bg-[#2a1515] py-[3px] px-1.5 rounded",children:[ru("span",{className:"w-3 flex items-center justify-center opacity-50",children:"-"}),ru("span",{className:"flex-1 overflow-hidden whitespace-pre-wrap font-mono",children:ru(sf,{value:e,expanded:n.has(`${String(r)}-prev`),onToggle:()=>{let e=`${String(r)}-prev`;i(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},isNegative:!0})})]}),ru("div",{className:"group flex gap-0.5 items-start text-[#4ade80] bg-[#1a2a1a] py-[3px] px-1.5 rounded mt-0.5",children:[ru("span",{className:"w-3 flex items-center justify-center opacity-50",children:"+"}),ru("span",{className:"flex-1 overflow-hidden whitespace-pre-wrap font-mono",children:ru(sf,{value:t,expanded:n.has(`${String(r)}-current`),onToggle:()=>{let e=`${String(r)}-current`;i(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},isNegative:!1})})]}),"object"==typeof t&&null!==t&&ru("div",{className:"text-[#666] text-[10px] italic mt-1 flex items-center gap-x-1",children:[ru(aD,{name:"icon-triangle-alert",className:"text-yellow-500 mb-px",size:14}),ru("span",{children:"Reference changed but objects are structurally the same"})]})]}),sT=({count:e,forceFlash:t,isFunction:r,showWarning:n})=>{let i=e3(!0),o=e3(null),a=e3(e);return e5(()=>
54{let t=o.current;t&&a.current!==e&&(t.classList.remove("count-flash"),t.offsetWidth,t.classList.add("count-flash"),a.current=e)},[e]),e5(()=>{if(i.current){i.current=!1;return}if(t){let e=setTimeout(()=>{var t;null==(t=o.current)||t.classList.add("count-flash-white"),e=setTimeout(()=>{var e;null==(e=o.current)||e.classList.remove("count-flash-white")},300)},500);return()=>{clearTimeout(e)}}},[t]),ru("div",{ref:o,className:"count-badge",children:[n&&ru(aD,{name:"icon-triangle-alert",className:"text-yellow-500 mb-px",size:14}),r&&ru(aD,{name:"icon-function",className:"text-[#A855F7] mb-px",size:14}),"x",e]})},sA={lastRendered:new Map,expandedPaths:new Set,cleanup:()=>{sA.lastRendered.clear(),sA.expandedPaths.clear(),l8.cleanupAll(),s6(),sr&&(clearTimeout(sr),sr=null),st=[],l9.value=l7}},sz=class extends eC{constructor(){super(...arguments),az(this,"state",{hasError:!1,error:null}),az(this,"handleReset",()=>{this.setState({hasError:!1,error:null}),sA.cleanup()})}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){var e;return this.state.hasError?ru("div",{className:"p-4 bg-red-950/50 h-screen backdrop-blur-sm",children:[ru("div",{className:"flex items-center gap-2 mb-3 text-red-400 font-medium",children:[ru(aD,{name:"icon-flame",className:"text-red-500",size:16}),"Something went wrong in the inspector"]}),ru("div",{className:"p-3 bg-black/40 rounded font-mono text-xs text-red-300 mb-4 break-words",children:(null==(e=this.state.error)?void 0:e.message)||JSON.stringify(this.state.error)}),ru("button",{type:"button",onClick:this.handleReset,className:"px-4 py-2 bg-red-500 hover:bg-red-600 text-white rounded-md text-sm font-medium transition-colors flex items-center justify-center gap-2",children:"Reset Inspector"})]}):this.props.children}},s$=tS(()=>lW("react-scan-inspector","flex-1","opacity-0","overflow-y-auto overflow-x-hidden","transition-opacity delay-0","pointer-events-none",!lX.value&&"opacity-100 delay-300 pointer-events-auto")),sM=l3(()=>{let e=e3(null),t=t=>{if(!t)return;e.current=t;let{data:r,shouldUpdate:n}=cr(t);if(n){var i={timestamp:Date.now(),fiberInfo:sQ(t),props:r.fiberProps,state:r.fiberState,context:r.fiberContext,stateNames:s3(t)},o=t;if(st.push({update:i,fiber:o}),!sr){let e=()=>{(()=>{let e;if(0===st.length)return;let t=[...st],{updates:r,totalUpdates:n,currentIndex:i,isViewingHistory:o}=l9.value,a=[...r],l=n;for(let{update:e}of t)a.length>=1e3&&a.shift(),a.push(e),l++;let s=Math.max(0,l-1e3);e=o?i===n-1?a.length-1:0===i?0:0===s?i:i-1:a.length-1;let c=t[t.length-1];l9.value={...l9.value,latestFiber:c.fiber,updates:a,totalUpdates:l,windowOffset:s,currentIndex:e,isViewingHistory:o},st=st.slice(t.length)})(),sr=null,st.length>0&&(sr=setTimeout(e,96))};sr=setTimeout(e,96)}}};return tq(()=>{let r=dL.inspectState.value;tu(()=>{var n;if("focused"!==r.kind||!r.focusedDomElement){e.current=null,sA.cleanup();return}"focused"===r.kind&&(lX.value=!1);let{parentCompositeFiber:i}=sW(r.focusedDomElement,r.fiber);if(!i){dL.inspectState.value={kind:"inspect-off"},l1.value={view:"none"};return}(null==(n=e.current)?void 0:n.type)!==i.type&&(e.current=i,sA.cleanup(),t(i))})}),tq(()=>{se.value,tu(()=>{let r=dL.inspectState.value;if("focused"!==r.kind||!r.focusedDomElement){e.current=null,sA.cleanup();return}let{parentCompositeFiber:n}=sW(r.focusedDomElement,r.fiber);if(!n){dL.inspectState.value={kind:"inspect-off"},l1.value={view:"none"};return}t(n),r.focusedDomElement.isConnected||(e.current=null,sA.cleanup(),dL.inspectState.value={kind:"inspecting",hoveredDomElement:null})})}),e5(()=>()=>{sA.cleanup()},[]),ru(sz,{children:ru("div",{className:s$,children:ru("div",{className:"w-full h-full",children:ru(sy,{})})})})}),sR=l3(()=>"focused"!==dL.inspectState.value.kind?null:ru(sz,{children:[ru(sM,{}),ru(sd,{})]})),sF=e=>{var t,r,n,i;if("__REACT_DEVTOOLS_GLOBAL_HOOK__"in window){let r=window.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!(null==r?void 0:r.renderers))return null;for(let[,n]of Array.from(r.renderers))try{let r=null==(t=n.findFiberByHostInstance)?void 0:t.call(n,e);if(r)return r}catch{}}if("_reactRootContainer"in e){let t=e._reactRootContainer;return null!=(i=null==(n=null==(r=null==t?void 0:t._internalRoot)?void 0:r.current)?void 0:n.child)?i:null}for(let t in e)if(t.startsWith("__reactInternalInstance$")||t.startsWith("__reactFiber"))return e[t];return null},sO=e=>{let t=e;for(;t;){if(t.stateNode instanceof Element)return t.stateNode;if(!t.child)break;t=t.child}for(;t;){if(t.stateNode instanceof Element)return t.stateNode;if(!t.return)break;t=t.return}return null},sj=e=>{if(!e)return null;try{let t=sF(e);if(!t)return null;let r=sD(t);return r?r[0]:null}catch{return null}},sD=e=>{let t=e,r=null;for(;t;){if(j(t))return[t,r];O(t)&&!r&&(r=t),t=t.return}return null},sL=(e,t)=>!!I(t,t=>t===e),sP=async e=>{let t=sj(e);if(!t)return null;let r=sO(t);return r?await new Promise(e=>{let t=new IntersectionObserver(r=>{var n,i;t.disconnect(),e(null!=(i=null==(n=r[0])?void 0:n.boundingClientRect)?i:null)});t.observe(r)}):null},sI=e=>{let t=sj(e);if(!t||!sO(t))return{};let r=sD(t);if(!r)return{};let[n]=r;return{parentCompositeFiber:n}},sW=(e,t)=>
54{var r,n,i,o;if(!e.isConnected)return{};let a=null!=t?t:sj(e);if(!a)return{};let l=a,s=null,c=null;for(;l;){if(!l.stateNode){l=l.return;continue}if(null==(r=dP.instrumentation)?void 0:r.fiberRoots.has(l.stateNode)){s=l,c=l.stateNode.current;break}l=l.return}if(!s||!c||!(a=sL(a,c)?a:null!=(n=a.alternate)?n:a)||!sO(a))return{};let u=null==(i=sD(a))?void 0:i[0];return u?{parentCompositeFiber:sL(u,c)?u:null!=(o=u.alternate)?o:u}:{}},sU=e=>{var t,r,n;let i=null!=(t=e.memoizedProps)?t:{},o=null!=(n=null==(r=e.alternate)?void 0:r.memoizedProps)?n:{},a=[];for(let e in i){if("children"===e)continue;let t=i[e],r=o[e];aF(t,r)||a.push({name:e,value:t,prevValue:r,type:1})}return a},sH=new Set(["HTML","HEAD","META","TITLE","BASE","SCRIPT","SCRIPT","STYLE","LINK","NOSCRIPT","SOURCE","TRACK","EMBED","OBJECT","PARAM","TEMPLATE","PORTAL","SLOT","AREA","XML","DOCTYPE","COMMENT"]),sB=(e,t=!0)=>{if(e.stateNode&&"nodeType"in e.stateNode){let r=e.stateNode;return t&&r.tagName&&sH.has(r.tagName.toLowerCase())?null:r}let r=e.child;for(;r;){let e=sB(r,t);if(e)return e;r=r.sibling}return null},sV=(e=document.body)=>{let t=[],r=(e,n=0)=>{var i;let o=(e=>{if(!e)return null;let{parentCompositeFiber:t}=sI(e);return t&&sB(t)===e?e:null})(e);if(o){let{parentCompositeFiber:e}=sI(o);if(!e)return;t.push({element:o,depth:n,name:null!=(i=q(e.type))?i:"Unknown",fiber:e})}for(let t of Array.from(e.children))r(t,o?n+1:n)};return r(e),t},sq=e=>{try{if(null===e)return"null";if(void 0===e)return"undefined";if(sZ(e))return"Promise";if("function"==typeof e){let t=e.toString();try{return t.replace(/\s+/g," ").replace(/{\s+/g,"{\n  ").replace(/;\s+/g,";\n  ").replace(/}\s*$/g,"\n}").replace(/\(\s+/g,"(").replace(/\s+\)/g,")").replace(/,\s+/g,", ")}catch{return t}}switch(!0){case e instanceof Date:return e.toISOString();case e instanceof RegExp:return e.toString();case e instanceof Error:return`${e.name}: ${e.message}`;case e instanceof Map:return JSON.stringify(Array.from(e.entries()),null,2);case e instanceof Set:return JSON.stringify(Array.from(e),null,2);case e instanceof DataView:return JSON.stringify(Array.from(new Uint8Array(e.buffer)),null,2);case e instanceof ArrayBuffer:return JSON.stringify(Array.from(new Uint8Array(e)),null,2);case ArrayBuffer.isView(e)&&"length"in e:return JSON.stringify(Array.from(e),null,2);case Array.isArray(e):case"object"==typeof e:return JSON.stringify(e,null,2);default:return String(e)}}catch{return String(e)}},sG=(e,t,r=[],n=new WeakSet)=>{if(e===t)return{type:"primitive",changes:[],hasDeepChanges:!1};if("function"==typeof e&&"function"==typeof t){let n=((e,t)=>{try{if("function"!=typeof e||"function"!=typeof t)return!1;return e.toString()===t.toString()}catch{return!1}})(e,t);return{type:"primitive",changes:[{path:r,prevValue:e,currentValue:t,sameFunction:n}],hasDeepChanges:!n}}if(null===e||null===t||void 0===e||void 0===t||"object"!=typeof e||"object"!=typeof t)return{type:"primitive",changes:[{path:r,prevValue:e,currentValue:t}],hasDeepChanges:!0};if(n.has(e)||n.has(t))return{type:"object",changes:[{path:r,prevValue:"[Circular]",currentValue:"[Circular]"}],hasDeepChanges:!1};n.add(e),n.add(t);let i=new Set([...Object.keys(e),...Object.keys(t)]),o=[],a=!1;for(let l of i){let i=e[l],s=t[l];if(i!==s)if("object"==typeof i&&"object"==typeof s&&null!==i&&null!==s){let e=sG(i,s,[...r,l],n);o.push(...e.changes),e.hasDeepChanges&&(a=!0)}else o.push({path:[...r,l],prevValue:i,currentValue:s}),a=!0}return{type:"object",changes:o,hasDeepChanges:a}},sJ=e=>0===e.length?"":e.reduce((e,t,r)=>/^\d+$/.test(t)?`${e}[${t}]`:0===r?t:`${e}.${t}`,""),sY=(e,t=!1)=>{try{let r=e.toString(),n=r.match(/(?:function\s*)?(?:\(([^)]*)\)|([^=>\s]+))\s*=>?/);if(!n)return"ƒ";let i=(n[1]||n[2]||"").replace(/\s+/g,"");if(!t)return`\u0192 (${i}) => ...`;return function(e){let t=e.replace(/\s+/g," ").trim(),r=[],n="";for(let e=0;e<t.length;e++){let i=t[e];if("="===i&&">"===t[e+1]){n.trim()&&r.push(n.trim()),r.push("=>"),n="",e++;continue}/[(){}[\];,<>:\?!]/.test(i)?(n.trim()&&r.push(n.trim()),r.push(i),n=""):/\s/.test(i)?(n.trim()&&r.push(n.trim()),n=""):n+=i}n.trim()&&r.push(n.trim());let i=[];for(let e=0;e<r.length;e++){let t=r[e],n=r[e+1];"("===t&&")"===n||"["===t&&"]"===n||"{"===t&&"}"===n||"<"===t&&">"===n?(i.push(t+n),e++):i.push(t)}let o=new Set,a=new Set;function l(e,t,r){let n=0;for(let o=r;o<i.length;o++){let r=i[o];if(r===e)n++;else if(r===t&&0==--n)return o}return -1}for(let e=0;e<i.length;e++)if("("===i[e]){let t=l("(",")",e);if(-1!==t&&"=>"===i[t+1])for(let r=e;r<=t;r++)o.add(r)}for(let e=1;e<i.length;e++){let t=i[e-1],r=i[e];if(/^[a-zA-Z0-9_$]+$/.test(t)&&"<"===r){let t=l("<",">",e);if(-1!==t)for(let r=e;r<=t;r++)a.add(r)}}let s=0,c=[],u="";function d(){u.trim()&&c.push(u.replace(/\s+$/,"")),u=""}function p(){d(),u="  ".repeat(s)}let h=[];function m(){return h.length?h[h.length-1]:null}function f(e,t=!1){u.trim()?t||/^[),;:\].}>]$/.test(e)?u+=e:u+=` ${e}`:u+=e}for(let e=0;e<i.length;e++){let t=i[e],r=i[e+1]||"";if(["(","{","[","<"].includes(t))f(t),h.push(t),"{"===t?(s++,p()):("("===t||"["===t||"<"===t)&&(o.has(e)&&"("===t||a.has(e)&&"<"===t||r!==({"(":")","[":"]","<":">"})[t]&&"()"!==r&&"[]"!==r&&"<>"!==r&&(s++,p()));else if([")","}","]",">"].includes(t)){let r=m();")"===t&&"("===r||"]"===t&&"["===r||">"===t&&"<"===r?o.has(e)&&")"===t||a.has(e)&&">"===t||(s=Math.max(s-1,0),p()):"}"===t&&"{"===r&&(s=Math.max(s-1,0),p()),h.pop(),f(t),"}"===t&&p()}else if(/^\(\)|\[\]|\{\}|\<\>$/.test(t))f(t);else if("=>"===t)f(t);else if(";"===t)f(t,!0),p();else if(","===t){f(t,!0);let r=m();!(o.has(e)&&"("===r)&&!(a.has(e)&&"<"===r)&&r&&["{","[","(","<"].includes(r)&&p()}else f(t)}return d(),c.join("\n").replace(/\n\s*\n+/g,"\n").trim()}(r)}catch{return"ƒ"}},sX=e=>{if(null===e)return"null";if(void 0===e)return"undefined";if("string"==typeof e)return`"${e.length>150?`${e.slice(0,20)}...`:e}"`;if("number"==typeof e||"boolean"==typeof e)return String(e);if("function"==typeof e)return sY(e);if(Array.isArray(e))return`Array(${e.length})`;if(e instanceof Map)return`Map(${e.size})`;if(e instanceof Set)return`Set(${e.size})`;if(e instanceof Date)return e.toISOString();if(e instanceof RegExp)return e.toString();if(e instanceof Error)return`${e.name}: ${e.message}`;if("object"==typeof e){let t=Object.keys(e);return`{${t.length>2?`${t.slice(0,2).join(", ")}, ...`:t.join(", ")}}`}return String(e)},sK=e=>{var t;if(null==e||"function"==typeof e||"object"!=typeof e)return{value:e};if(sZ(e))return{value:"Promise"};try{let r=Object.getPrototypeOf(e);if(r===Promise.prototype||(null==(t=null==r?void 0:r.constructor)?void 0:t.name)==="Promise")return{value:"Promise"};return{value:e}}catch{return{value:null,error:"Error accessing value"}}},sZ=e=>!!e&&(e instanceof Promise||"object"==typeof e&&"then"in e),sQ=e=>{var t,r;let n=H(e);return{displayName:q(e)||"Unknown",type:e.type,key:e.key,id:e.index,selfTime:null!=(t=null==n?void 0:n.selfTime)?t:null,totalTime:null!=(r=null==n?void 0:n.totalTime)?r:null}},s0=new Map,s1=new Map,s2=new Map,s5=null,s4=/\[(?<name>\w+),\s*set\w+\]/g,s3=e=>{var t,r;let n=(null==(r=null==(t=e.type)?void 0:t.toString)?void 0:r.call(t))||"";return n?Array.from(n.matchAll(s4),e=>{var t,r;return null!=(r=null==(t=e.groups)?void 0:t.name)?r:""}):[]},s6=()=>{s0.clear(),s1.clear(),s2.clear(),s5=null},s8=(e,t,r,n)=>{let i=e.get(t),o=e===s0||e===s2,a=!aF(r,n);if(!i)return e.set(t,{count:a&&o?1:0,currentValue:r,previousValue:n,lastUpdated:Date.now()}),{hasChanged:a,count:a&&o?1:+!o};if(!aF(i.currentValue,r)){let n=i.count+1;return e.set(t,{count:n,currentValue:r,previousValue:i.currentValue,lastUpdated:Date.now()}),{hasChanged:!0,count:n}}return{hasChanged:!1,count:i.count}},s7=e=>{if(!e)return{};if(0===e.tag||11===e.tag||15===e.tag||14===e.tag){let t=e.memoizedState,r={},n=0;for(;t;)t.queue&&void 0!==t.memoizedState&&(r[n]=t.memoizedState),t=t.next,n++;return r}return 1===e.tag&&e.memoizedState||{}},s9=e=>{var t;let r=e.memoizedProps||{},n=(null==(t=e.alternate)?void 0:t.memoizedProps)||{},i={},o={};for(let e of Object.keys(r))e in r&&(i[e]=r[e],o[e]=n[e]);return{current:i,prev:o,changes:sU(e).map(e=>({name:e.name,value:e.value,prevValue:e.prevValue}))}},ce=e=>{let t=s7(e),r=e.alternate?s7(e.alternate):{},n=[];for(let[i,o]of Object.entries(t)){let t=1===e.tag?i:Number(i);e.alternate&&!aF(r[i],o)&&n.push({name:t,value:o,prevValue:r[i]})}return{current:t,prev:r,changes:n}},ct=e=>{let t=ci(e),r=e.alternate?ci(e.alternate):new Map,n={},i={},o=[],a=new Set;
54for(let[e,l]of t){let t=l.displayName;if(a.has(e))continue;a.add(e),n[t]=l.value;let s=r.get(e);s&&(i[t]=s.value,aF(s.value,l.value)||o.push({name:t,value:l.value,prevValue:s.value,contextType:e}))}return{current:n,prev:i,changes:o}},cr=e=>{let t,r=()=>({current:[],changes:new Set,changesCounts:new Map});if(!e)return{data:{fiberProps:r(),fiberState:r(),fiberContext:r()},shouldUpdate:!1};let n=!1,i=(t=e.type!==s5,s5=e.type,t),o=r();if(e.memoizedProps){let{current:t,changes:r}=s9(e);for(let[e,r]of Object.entries(t))o.current.push({name:e,value:sZ(r)?{type:"promise",displayValue:"Promise"}:r});for(let e of r){let{hasChanged:t,count:r}=s8(s0,e.name,e.value,e.prevValue);t&&(n=!0,o.changes.add(e.name),o.changesCounts.set(e.name,r))}}let a=r(),{current:l,changes:s}=ce(e);for(let[t,r]of Object.entries(l)){let n=1===e.tag?t:Number(t);a.current.push({name:n,value:r})}for(let e of s){let{hasChanged:t,count:r}=s8(s1,e.name,e.value,e.prevValue);t&&(n=!0,a.changes.add(e.name),a.changesCounts.set(e.name,r))}let c=r(),{current:u,changes:d}=ct(e);for(let[e,t]of Object.entries(u))c.current.push({name:e,value:t});if(!i)for(let e of d){let{hasChanged:t,count:r}=s8(s2,e.name,e.value,e.prevValue);t&&(n=!0,c.changes.add(e.name),c.changesCounts.set(e.name,r))}return n||i||(o.changes.clear(),a.changes.clear(),c.changes.clear()),{data:{fiberProps:o,fiberState:a,fiberContext:c},shouldUpdate:n||i}},cn=new WeakMap,ci=e=>{var t;if(!e)return new Map;let r=cn.get(e);if(r)return r;let n=new Map,i=e;for(;i;){let e=i.dependencies;if(null==e?void 0:e.firstContext){let r=e.firstContext;for(;r;){let e=r.memoizedValue,i=null==(t=r.context)?void 0:t.displayName;if(n.has(e)||n.set(r.context,{value:e,displayName:null!=i?i:"UnnamedContext",contextType:null}),r===r.next)break;r=r.next}}i=i.return}return cn.set(e,n),n},co=e=>{let t=()=>({current:[],changes:new Set,changesCounts:new Map});
54if(!e)return{fiberProps:t(),fiberState:t(),fiberContext:t()};let r=t();if(e.memoizedProps){let{current:t,changes:n}=s9(e);for(let[e,n]of Object.entries(t))r.current.push({name:e,value:sZ(n)?{type:"promise",displayValue:"Promise"}:n});for(let e of n)r.changes.add(e.name),r.changesCounts.set(e.name,1)}let n=t();if(e.memoizedState){let{current:t,changes:r}=ce(e);for(let[e,r]of Object.entries(t))n.current.push({name:e,value:sZ(r)?{type:"promise",displayValue:"Promise"}:r});for(let e of r)n.changes.add(e.name),n.changesCounts.set(e.name,1)}let i=t(),{current:o,changes:a}=ct(e);for(let[e,t]of Object.entries(o))i.current.push({name:e,value:sZ(t)?{type:"promise",displayValue:"Promise"}:t});for(let e of a)i.changes.add(e.name),i.changesCounts.set(e.name,1);return{fiberProps:r,fiberState:n,fiberContext:i}},ca={mount:1,update:2,unmount:4},cl=0,cs=performance.now(),cc=0,cu=!1,cd=()=>{cc++;let e=performance.now();e-cs>=1e3&&(cl=cc,cc=0,cs=e),requestAnimationFrame(cd)},cp=()=>(cu||(cu=!0,cd(),cl=60),cl),ch=0,cm=new WeakMap;function cf(e,t){var r,n;let i;if(!e||!t)return;let o=e.memoizedValue,a={type:4,name:null!=(r=e.context.displayName)?r:"Context.Provider",value:o,contextType:(n=e.context,(i=cm.get(n))||(ch++,cm.set(n,ch),ch))};this.push(a)}var cg=new Map,cv=!1,cb=()=>Array.from(cg.values()),cw=new WeakMap;function cy(e){return String(X(e))}function cx(e){let t=cy(e),r=cw.get(V(e));if(r)return r.get(t)}var ck=(e,t)=>{let r=t-e;return .5>Math.abs(r)?t:e+.2*r},c_="115,97,230";function cN(e,t){return t[0]-e[0]}function cS([e,t]){let r=`${t.slice(0,4).join(", ")} \xd7${e}`;return r.length>40&&(r=`${r.slice(0,40)}\u2026`),r}var cE=e=>{let t=new Map;for(let{name:r,count:n}of e)t.set(r,(t.get(r)||0)+n);let r=new Map;for(let[e,n]of t){let t=r.get(n);t?t.push(e):r.set(n,[e])}let n=[...r.entries()].sort(cN),i=cS(n[0]);for(let e=1,t=n.length;e<t;e++)i+=", "+cS(n[e]);return i.length>40?`${i.slice(0,40)}\u2026`:i},cC=e=>{let t=0;for(let r of e)t+=r.width*r.height;return t},cT=(e,t)=>{for(let{id:r,name:n,count:i,x:o,y:a,width:l,height:s,didCommit:c}of t){let t={id:r,name:n,count:i,x:o,y:a,width:l,height:s,frame:0,targetX:o,targetY:a,targetWidth:l,targetHeight:s,didCommit:c},u=String(t.id),d=e.get(u);d?(d.count++,d.frame=0,d.targetX=o,d.targetY=a,d.targetWidth=l,d.targetHeight=s,d.didCommit=c):e.set(u,t)}},cA=(e,t,r)=>{for(let n of e.values()){let e=n.x-t,i=n.y-r;n.targetX=e,n.targetY=i}},cz=null,c$=null,cM=null,cR=1,cF=null,cO=new Map,cj=new Map,cD=new Set,cL=e=>{let t,r,n,i,o=e[0];if(1===e.length)return o;for(let o=0,a=e.length;o<a;o++){let a=e[o];t=null==t?a.x:Math.min(t,a.x),r=null==r?a.y:Math.min(r,a.y),n=null==n?a.x+a.width:Math.max(n,a.x+a.width),i=null==i?a.y+a.height:Math.max(i,a.y+a.height)}return null==t||null==r||null==n||null==i?e[0]:new DOMRect(t,r,n-t,i-r)};function cP(e,t){let r=[];for(let t of e){let e=t.target;this.seenElements.has(e)||(this.seenElements.add(e),r.push(t))}r.length>0&&this.resolveNext&&(this.resolveNext(r),this.resolveNext=null),this.seenElements.size===this.uniqueElements.size&&(t.disconnect(),this.done=!0,this.resolveNext&&this.resolveNext([]))}var cI=async function*(e){let t={uniqueElements:new Set(e),seenElements:new Set,resolveNext:null,done:!1},r=new IntersectionObserver(cP.bind(t));for(let e of t.uniqueElements)r.observe(e);for(;!t.done;){let e=await new Promise(e=>{t.resolveNext=e});e.length>0&&(yield e)}},cW="u">typeof SharedArrayBuffer?SharedArrayBuffer:ArrayBuffer,cU=async()=>{let e=[];for(let t of cD){let r=cj.get(t);if(r)for(let t=0;t<r.elements.length;t++)r.elements[t]instanceof Element&&e.push(r.elements[t])}let t=new Map;for await(let r of cI(e)){for(let e of r){let r=e.target,n=e.intersectionRect;e.isIntersecting&&n.width&&n.height&&t.set(r,n)}let e=[],n=[],i=[];for(let r of cD){let o=cj.get(r);if(!o)continue;let a=[];for(let e=0;e<o.elements.length;e++){let r=o.elements[e],n=t.get(r);n&&a.push(n)}a.length&&(e.push(o),n.push(cL(a)),i.push(X(r)))}if(e.length>0){let t,r=new cW(7*e.length*4),o=new Float32Array(r),a=Array(e.length);for(let r=0,l=e.length;r<l;r++){let l=e[r],s=i[r],{x:c,y:u,width:d,height:p}=n[r],{count:h,name:m,didCommit:f}=l;if(cz){let e=7*r;
54o[e]=s,o[e+1]=h,o[e+2]=c,o[e+3]=u,o[e+4]=d,o[e+5]=p,o[e+6]=f,a[r]=m}else t||(t=Array(e.length)),t[r]={id:s,name:m,count:h,x:c,y:u,width:d,height:p,didCommit:f}}cz?cz.postMessage({type:"draw-outlines",data:r,names:a}):c$&&cM&&t&&(cT(cO,t),cF||(cF=requestAnimationFrame(cH)))}}for(let e of cD)cj.delete(e),cD.delete(e)},cH=()=>{cM&&c$&&(cF=((e,t,r,n)=>{e.clearRect(0,0,t.width/r,t.height/r);let i=new Map,o=new Map;for(let e of n.values()){let{x:t,y:r,width:n,height:a,targetX:l,targetY:s,targetWidth:c,targetHeight:u,frame:d}=e;l!==t&&(e.x=ck(t,l)),s!==r&&(e.y=ck(r,s)),c!==n&&(e.width=ck(n,c)),u!==a&&(e.height=ck(a,u));let p=`${null!=l?l:t},${null!=s?s:r}`,h=`${p},${null!=c?c:n},${null!=u?u:a}`,m=i.get(p);m?m.push(e):i.set(p,[e]);let f=1-d/45;e.frame++;let g=o.get(h)||{x:t,y:r,width:n,height:a,alpha:f};f>g.alpha&&(g.alpha=f),o.set(h,g)}for(let{x:t,y:r,width:n,height:i,alpha:a}of o.values()){e.strokeStyle=`rgba(${c_},${a})`,e.lineWidth=1;let o=Math.round(t)+.5,l=Math.round(r)+.5,s=Math.round(n),c=Math.round(i);e.beginPath(),e.rect(o,l,s,c),e.stroke(),e.fillStyle=`rgba(${c_},${.1*a})`,e.fill()}e.font="11px Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace";let a=new Map;for(let t of(e.textRendering="optimizeSpeed",i.values())){let{x:r,y:i,frame:o}=t[0],l=1-o/45,s=cE(t),{width:c}=e.measureText(s);a.set(`${r},${i},${c},${s}`,{text:s,width:c,height:11,alpha:l,x:r,y:i,outlines:t});let u=i-11-4;if(u<0&&(u=0),o>45)for(let e of t)n.delete(String(e.id))}for(let[t,r]of Array.from(a.entries()).sort(([e,t],[r,n])=>cC(n.outlines)-cC(t.outlines)))if(a.has(t))for(let[n,i]of a.entries()){if(t===n)continue;let{x:o,y:l,width:s,height:c}=r,{x:u,y:d,width:p,height:h}=i;o+s>u&&u+p>o&&l+c>d&&d+h>l&&(r.text=cE(r.outlines.concat(i.outlines)),r.width=e.measureText(r.text).width,a.delete(n))}for(let t of a.values()){let{x:r,y:n,alpha:i,width:o,height:a,text:l}=t,s=n-a-4;s<0&&(s=0),e.fillStyle=`rgba(${c_},${i})`,e.fillRect(r,s,o+4,a+4),e.fillStyle=`rgba(255,255,255,${i})`,e.fillText(l,r+2,s+a)}return n.size>0})(cM,c$,cR,cO)?requestAnimationFrame(cH):null)},cB="u">typeof OffscreenCanvas&&"u">typeof Worker,cV=()=>Math.min(window.devicePixelRatio||1,2),cq=!1,cG=e=>!dV.has(e.memoizedProps),cJ=!1,cY=`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
55@layer properties;
56@layer theme, base, components, utilities;
57@layer theme {
58  :root, :host {
59    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
60      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
61    --color-red-300: oklch(80.8% 0.114 19.571);
62    --color-red-400: oklch(70.4% 0.191 22.216);
63    --color-red-500: oklch(63.7% 0.237 25.331);
64    --color-red-600: oklch(57.7% 0.245 27.325);
65    --color-red-950: oklch(25.8% 0.092 26.042);
66    --color-yellow-300: oklch(90.5% 0.182 98.111);
67    --color-yellow-500: oklch(79.5% 0.184 86.047);
68    --color-green-500: oklch(72.3% 0.219 149.579);
69    --color-purple-400: oklch(71.4% 0.203 305.504);
70    --color-purple-500: oklch(62.7% 0.265 303.9);
71    --color-purple-800: oklch(43.8% 0.218 303.724);
72    --color-gray-100: oklch(96.7% 0.003 264.542);
73    --color-gray-300: oklch(87.2% 0.01 258.338);
74    --color-gray-400: oklch(70.7% 0.022 261.325);
75    --color-gray-500: oklch(55.1% 0.027 264.364);
76    --color-zinc-200: oklch(92% 0.004 286.32);
77    --color-zinc-400: oklch(70.5% 0.015 286.067);
78    --color-zinc-500: oklch(55.2% 0.016 285.938);
79    --color-zinc-600: oklch(44.2% 0.017 285.786);
80    --color-zinc-700: oklch(37% 0.013 285.805);
81    --color-zinc-800: oklch(27.4% 0.006 286.033);
82    --color-zinc-900: oklch(21% 0.006 285.885);
83    --color-neutral-300: oklch(87% 0 0);
84    --color-neutral-400: oklch(70.8% 0 0);
85    --color-neutral-500: oklch(55.6% 0 0);
86    --color-neutral-700: oklch(37.1% 0 0);
87    --color-black: #000;
88    --color-white: #fff;
89    --spacing: 4px;
90    --container-md: 448px;
91    --text-xs: 12px;
92    --text-xs--line-height: calc(1 / 0.75);
93    --text-sm: 14px;
94    --text-sm--line-height: calc(1.25 / 0.875);
95    --font-weight-medium: 500;
96    --font-weight-semibold: 600;
97    --font-weight-bold: 700;
98    --tracking-wide: 0.025em;
99    --radius-sm: 4px;
100    --radius-md: 6px;
101    --radius-lg: 8px;
102    --ease-in: cubic-bezier(0.4, 0, 1, 1);
103    --ease-out: cubic-bezier(0, 0, 0.2, 1);
104    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
105    --blur-sm: 8px;
106    --default-transition-duration: 150ms;
107    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
108    --default-font-family: var(--font-sans);
109  }
110}
111@layer base {
112  *, ::after, ::before, ::backdrop, ::file-selector-button {
113    box-sizing: border-box;
114    margin: 0;
115    padding: 0;
116    border: 0 solid;
117  }
118  html, :host {
119    line-height: 1.5;
120    -webkit-text-size-adjust: 100%;
121    -moz-tab-size: 4;
122      -o-tab-size: 4;
123         tab-size: 4;
124    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
125    font-feature-settings: var(--default-font-feature-settings, normal);
126    font-variation-settings: var(--default-font-variation-settings, normal);
127    -webkit-tap-highlight-color: transparent;
128  }
129  hr {
130    height: 0;
131    color: inherit;
132    border-top-width: 1px;
133  }
134  abbr:where([title]) {
135    -webkit-text-decoration: underline dotted;
136    text-decoration: underline dotted;
137  }
138  h1, h2, h3, h4, h5, h6 {
139    font-size: inherit;
140    font-weight: inherit;
141  }
142  a {
143    color: inherit;
144    -webkit-text-decoration: inherit;
145    text-decoration: inherit;
146  }
147  b, strong {
148    font-weight: bolder;
149  }
150  code, kbd, samp, pre {
151    font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
152    font-feature-settings: normal;
153    font-variation-settings: normal;
154    font-size: 1em;
155  }
156  small {
157    font-size: 80%;
158  }
159  sub, sup {
160    font-size: 75%;
161    line-height: 0;
162    position: relative;
163    vertical-align: baseline;
164  }
165  sub {
166    bottom: -0.25em;
167  }
168  sup {
169    top: -0.5em;
170  }
171  table {
172    text-indent: 0;
173    border-color: inherit;
174    border-collapse: collapse;
175  }
176  :-moz-focusring {
177    outline: auto;
178  }
179  progress {
180    vertical-align: baseline;
181  }
182  summary {
183    display: list-item;
184  }
185  ol, ul, menu {
186    list-style: none;
187  }
188  img, svg, video, canvas, audio, iframe, embed, object {
189    display: block;
190    vertical-align: middle;
191  }
192  img, video {
193    max-width: 100%;
194    height: auto;
195  }
196  button, input, select, optgroup, textarea, ::file-selector-button {
197    font: inherit;
198    font-feature-settings: inherit;
199    font-variation-settings: inherit;
200    letter-spacing: inherit;
201    color: inherit;
202    border-radius: 0;
203    background-color: transparent;
204    opacity: 1;
205  }
206  :where(select:is([multiple], [size])) optgroup {
207    font-weight: bolder;
208  }
209  :where(select:is([multiple], [size])) optgroup option {
210    padding-inline-start: 20px;
211  }
212  ::file-selector-button {
213    margin-inline-end: 4px;
214  }
215  ::-moz-placeholder {
216    opacity: 1;
217  }
218  ::placeholder {
219    opacity: 1;
220  }
221  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
222    ::-moz-placeholder {
223      color: currentcolor;
224      @supports (color: color-mix(in lab, red, red)) {
225        color: color-mix(in oklab, currentcolor 50%, transparent);
226      }
227    }
228    ::placeholder {
229      color: currentcolor;
230      @supports (color: color-mix(in lab, red, red)) {
231        color: color-mix(in oklab, currentcolor 50%, transparent);
232      }
233    }
234  }
235  textarea {
236    resize: vertical;
237  }
238  ::-webkit-search-decoration {
239    -webkit-appearance: none;
240  }
241  ::-webkit-date-and-time-value {
242    min-height: 1lh;
243    text-align: inherit;
244  }
245  ::-webkit-datetime-edit {
246    display: inline-flex;
247  }
248  ::-webkit-datetime-edit-fields-wrapper {
249    padding: 0;
250  }
251  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-d
251ay-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
252    padding-block: 0;
253  }
254  ::-webkit-calendar-picker-indicator {
255    line-height: 1;
256  }
257  :-moz-ui-invalid {
258    box-shadow: none;
259  }
260  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
261    -webkit-appearance: button;
262       -moz-appearance: button;
263            appearance: button;
264  }
265  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
266    height: auto;
267  }
268  [hidden]:where(:not([hidden="until-found"])) {
269    display: none !important;
270  }
271}
272@layer utilities {
273  .pointer-events-auto {
274    pointer-events: auto;
275  }
276  .pointer-events-bounding-box {
277    pointer-events: bounding-box;
278  }
279  .pointer-events-none {
280    pointer-events: none;
281  }
282  .collapse {
283    visibility: collapse;
284  }
285  .visible {
286    visibility: visible;
287  }
288  .absolute {
289    position: absolute;
290  }
291  .fixed {
292    position: fixed;
293  }
294  .relative {
295    position: relative;
296  }
297  .static {
298    position: static;
299  }
300  .inset-0 {
301    inset: calc(var(--spacing) * 0);
302  }
303  .inset-x-1 {
304    inset-inline: calc(var(--spacing) * 1);
305  }
306  .inset-y-0 {
307    inset-block: calc(var(--spacing) * 0);
308  }
309  .start {
310    inset-inline-start: var(--spacing);
311  }
312  .end {
313    inset-inline-end: var(--spacing);
314  }
315  .-top-1 {
316    top: calc(var(--spacing) * -1);
317  }
318  .-top-2\\.5 {
319    top: calc(var(--spacing) * -2.5);
320  }
321  .top-0 {
322    top: calc(var(--spacing) * 0);
323  }
324  .top-0\\.5 {
325    top: calc(var(--spacing) * 0.5);
326  }
327  .top-1\\/2 {
328    top: calc(1 / 2 * 100%);
329  }
330  .top-2 {
331    top: calc(var(--spacing) * 2);
332  }
333  .-right-1 {
334    right: calc(var(--spacing) * -1);
335  }
336  .-right-2\\.5 {
337    right: calc(var(--spacing) * -2.5);
338  }
339  .right-0 {
340    right: calc(var(--spacing) * 0);
341  }
342  .right-0\\.5 {
343    right: calc(var(--spacing) * 0.5);
344  }
345  .right-2 {
346    right: calc(var(--spacing) * 2);
347  }
348  .right-4 {
349    right: calc(var(--spacing) * 4);
350  }
351  .bottom-0 {
352    bottom: calc(var(--spacing) * 0);
353  }
354  .bottom-4 {
355    bottom: calc(var(--spacing) * 4);
356  }
357  .left-0 {
358    left: calc(var(--spacing) * 0);
359  }
360  .left-3 {
361    left: calc(var(--spacing) * 3);
362  }
363  .z-10 {
364    z-index: 10;
365  }
366  .z-50 {
367    z-index: 50;
368  }
369  .z-100 {
370    z-index: 100;
371  }
372  .z-\\[214748365\\] {
373    z-index: 214748365;
374  }
375  .z-\\[214748367\\] {
376    z-index: 214748367;
377  }
378  .z-\\[124124124124\\] {
379    z-index: 124124124124;
380  }
381  .container {
382    width: 100%;
383    @media (width >= 640px) {
384      max-width: 640px;
385    }
386    @media (width >= 768px) {
387      max-width: 768px;
388    }
389    @media (width >= 1024px) {
390      max-width: 1024px;
391    }
392    @media (width >= 1280px) {
393      max-width: 1280px;
394    }
395    @media (width >= 1536px) {
396      max-width: 1536px;
397    }
398  }
399  .m-\\[2px\\] {
400    margin: 2px;
401  }
402  .mx-0\\.5 {
403    margin-inline: calc(var(--spacing) * 0.5);
404  }
405  .mt-0\\.5 {
406    margin-top: calc(var(--spacing) * 0.5);
407  }
408  .mt-1 {
409    margin-top: calc(var(--spacing) * 1);
410  }
411  .mt-4 {
412    margin-top: calc(var(--spacing) * 4);
413  }
414  .mr-0\\.5 {
415    margin-right: calc(var(--spacing) * 0.5);
416  }
417  .mr-1 {
418    margin-right: calc(var(--spacing) * 1);
419  }
420  .mr-1\\.5 {
421    margin-right: calc(var(--spacing) * 1.5);
422  }
423  .mr-16 {
424    margin-right: calc(var(--spacing) * 16);
425  }
426  .mr-auto {
427    margin-right: auto;
428  }
429  .mb-1\\.5 {
430    margin-bottom: calc(var(--spacing) * 1.5);
431  }
432  .mb-2 {
433    margin-bottom: calc(var(--spacing) * 2);
434  }
435  .mb-3 {
436    margin-bottom: calc(var(--spacing) * 3);
437  }
438  .mb-4 {
439    margin-bottom: calc(var(--spacing) * 4);
440  }
441  .mb-px {
442    margin-bottom: 1px;
443  }
444  .\\!ml-0 {
445    margin-left: calc(var(--spacing) * 0) !important;
446  }
447  .ml-1 {
448    margin-left: calc(var(--spacing) * 1);
449  }
450  .ml-1\\.5 {
451    margin-left: calc(var(--spacing) * 1.5);
452  }
453  .ml-auto {
454    margin-left: auto;
455  }
456  .block {
457    display: block;
458  }
459  .contents {
460    display: contents;
461  }
462  .flex {
463    display: flex;
464  }
465  .hidden {
466    display: none;
467  }
468  .inline {
469    display: inline;
470  }
471  .aspect-square {
472    aspect-ratio: 1 / 1;
473  }
474  .h-1 {
475    height: calc(var(--spacing) * 1);
476  }
477  .h-4 {
478    height: calc(var(--spacing) * 4);
479  }
480  .h-4\\/5 {
481    height: calc(4 / 5 * 100%);
482  }
483  .h-6 {
484    height: calc(var(--spacing) * 6);
485  }
486  .h-7 {
487    height: calc(var(--spacing) * 7);
488  }
489  .h-8 {
490    height: calc(var(--spacing) * 8);
491  }
492  .h-10 {
493    height: calc(var(--spacing) * 10);
494  }
495  .h-12 {
496    height: calc(var(--spacing) * 12);
497  }
498  .h-\\[28px\\] {
499    height: 28px;
500  }
501  .h-\\[48px\\] {
502    height: 48px;
503  }
504  .h-\\[50px\\] {
505    height: 50px;
506  }
507  .h-\\[150px\\] {
508    height: 150px;
509  }
510  .h-\\[235px\\] {
511    height: 235px;
512  }
513  .h-\\[calc\\(100\\%-25px\\)\\] {
514    height: calc(100% - 25px);
515  }
516  .h-\\[calc\\(100\\%-40px\\)\\] {
517    height: calc(100% - 40px);
518  }
519  .h-\\[calc\\(100\\%-48px\\)\\] {
520    height: calc(100% - 48px);
521  }
522  .h-\\[calc\\(100\\%-150px\\)\\] {
523    height: calc(100% - 150px);
524  }
525  .h-\\[calc\\(100\\%-200px\\)\\] {
526    height: calc(100% - 200px);
527  }
528  .h-fit {
529    height: -moz-fit-content;
530    height: fit-content;
531  }
532  .h-full {
533    height: 100%;
534  }
535  .h-screen {
536    height: 100vh;
537  }
538  .max-h-0 {
539    max-height: calc(var(--spacing) * 0);
540  }
541  .max-h-9 {
542    max-height: calc(var(--spacing) * 9);
543  }
544  .max-h-40 {
545    max-height: calc(var(--spacing) * 40);
546  }
547  .min-h-9 {
548    min-height: calc(var(--spacing) * 9);
549  }
550  .min-h-\\[48px\\] {
551    min-height: 48px;
552  }
553  .min-h-fit {
554    min-height: -moz-fit-content;
555    min-height: fit-content;
556  }
557  .w-1 {
558    width: calc(var(--spacing) * 1);
559  }
560  .w-1\\/2 {
561    width: calc(1 / 2 * 100%);
562  }
563  .w-1\\/3 {
564    width: calc(1 / 3 * 100%);
565  }
566  .w-2\\/4 {
567    width: calc(2 / 4 * 100%);
568  }
569  .w-3 {
570    width: calc(var(--spacing) * 3);
571  }
572  .w-4 {
573    width: calc(var(--spacing) * 4);
574  }
575  .w-4\\/5 {
576    width: calc(4 / 5 * 100%);
577  }
578  .w-6 {
579    width: calc(var(--spacing) * 6);
580  }
581  .w-80 {
582    width: calc(var(--spacing) * 80);
583  }
584  .w-\\[20px\\] {
585    width: 20px;
586  }
587  .w-\\[72px\\] {
588    width: 72px;
589  }
590  .w-\\[90\\%\\] {
591    width: 90%;
592  }
593  .w-\\[calc\\(100\\%-200px\\)\\] {
594    width: calc(100% - 200px);
595  }
596  .w-fit {
597    width: -moz-fit-content;
598    width: fit-content;
599  }
600  .w-full {
601    width: 100%;
602  }
603  .w-px {
604    width: 1px;
605  }
606  .w-screen {
607    width: 100vw;
608  }
609  .max-w-md {
610    max-width: var(--container-md);
611  }
612  .min-w-0 {
613    min-width: calc(var(--spacing) * 0);
614  }
615  .min-w-\\[200px\\] {
616    min-width: 200px;
617  }
618  .min-w-fit {
619    min-width: -moz-fit-content;
620    min-width: fit-content;
621  }
622  .flex-1 {
623    flex: 1;
624  }
625  .shrink-0 {
626    flex-shrink: 0;
627  }
628  .grow {
629    flex-grow: 1;
630  }
631  .-translate-y-1\\/2 {
632    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
633    translate: var(--tw-translate-x) var(--tw-translate-y);
634  }
635  .-translate-y-\\[200\\%\\] {
636    --tw-translate-y: calc(200% * -1);
637    translate: var(--tw-translate-x) var(--tw-translate-y);
638  }
639  .translate-y-0 {
640    --tw-translate-y: calc(var(--spacing) * 0);
641    translate: var(--tw-translate-x) var(--tw-translate-y);
642  }
643  .scale-110 {
644    --tw-scale-x: 110%;
645    --tw-scale-y: 110%;
646    --tw-scale-z: 110%;
647    scale: var(--tw-scale-x) var(--tw-scale-y);
648  }
649  .-rotate-90 {
650    rotate: calc(90deg * -1);
651  }
652  .rotate-90 {
653    rotate: 90deg;
654  }
655  .rotate-180 {
656    rotate: 180deg;
657  }
658  .transform {
659    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
660  }
661  .animate-fade-in {
662    animation: fadeIn ease-in forwards;
663  }
664  .cursor-default {
665    cursor: default;
666  }
667  .cursor-e-resize {
668    cursor: e-resize;
669  }
670  .cursor-ew-resize {
671    cursor: ew-resize;
672  }
673  .cursor-ew-resize {
674    cursor: ew-resize;
675  }
676  .cursor-move {
677    cursor: move;
678  }
679  .cursor-move {
680    cursor: move;
681  }
682  .cursor-nesw-resize {
683    cursor: nesw-resize;
684  }
685  .cursor-nesw-resize {
686    cursor: nesw-resize;
687  }
688  .cursor-ns-resize {
689    cursor: ns-resize;
690  }
691  .cursor-ns-resize {
692    cursor: ns-resize;
693  }
694  .cursor-nwse-resize {
695    cursor: nwse-resize;
696  }
697  .cursor-nwse-resize {
698    cursor: nwse-resize;
699  }
700  .cursor-pointer {
701    cursor: pointer;
702  }
703  .cursor-w-resize {
704    cursor: w-resize;
705  }
706  .\\[touch-action\\:none\\] {
707    touch-action: none;
708  }
709  .resize {
710    resize: both;
711  }
712  .flex-col {
713    flex-direction: column;
714  }
715  .items-center {
716    align-items: center;
717  }
718  .items-end {
719    align-items: flex-end;
720  }
721  .items-start {
722    align-items: flex-start;
723  }
724  .items-stretch {
725    align-items: stretch;
726  }
727  .justify-between {
728    justify-content: space-between;
729  }
730  .justify-center {
731    justify-content: center;
732  }
733  .justify-end {
734    justify-content: flex-end;
735  }
736  .justify-start {
737    justify-content: flex-start;
738  }
739  .gap-0\\.5 {
740    gap: calc(var(--spacing) * 0.5);
741  }
742  .gap-1 {
743    gap: calc(var(--spacing) * 1);
744  }
745  .gap-1\\.5 {
746    gap: calc(var(--spacing) * 1.5);
747  }
748  .gap-2 {
749    gap: calc(var(--spacing) * 2);
750  }
751  .gap-4 {
752    gap: calc(var(--spacing) * 4);
753  }
754  .space-y-1\\.5 {
755    :where(& > :not(:last-child)) {
756      --tw-space-y-reverse: 0;
757      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
758      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
759    }
760  }
761  .gap-x-0\\.5 {
762    -moz-column-gap: calc(var(--spacing) * 0.5);
763         column-gap: calc(var(--spacing) * 0.5);
764  }
765  .gap-x-1 {
766    -moz-column-gap: calc(var(--spacing) * 1);
767         column-gap: calc(var(--spacing) * 1);
768  }
769  .gap-x-1\\.5 {
770    -moz-column-gap: calc(var(--spacing) * 1.5);
771         column-gap: calc(var(--spacing) * 1.5);
772  }
773  .gap-x-2 {
774    -moz-column-gap: calc(var(--spacing) * 2);
775         column-gap: calc(var(--spacing) * 2);
776  }
777  .gap-x-3 {
778    -moz-column-gap: calc(var(--spacing) * 3);
779         column-gap: calc(var(--spacing) * 3);
780  }
781  .gap-x-4 {
782    -moz-column-gap: calc(var(--spacing) * 4);
783         column-gap: calc(var(--spacing) * 4);
784  }
785  .gap-y-0\\.5 {
786    row-gap: calc(var(--spacing) * 0.5);
787  }
788  .gap-y-1 {
789    row-gap: calc(var(--spacing) * 1);
790  }
791  .gap-y-2 {
792    row-gap: calc(var(--spacing) * 2);
793  }
794  .gap-y-4 {
795    row-gap: calc(var(--spacing) * 4);
796  }
797  .divide-y {
798    :where(& > :not(:last-child)) {
799      --tw-divide-y-reverse: 0;
800      border-bottom-style: var(--tw-border-style);
801      border-top-style: var(--tw-border-style);
802      border-top-width: calc(1px * var(--tw-divide-y-reverse));
803      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
804    }
805  }
806  .divide-zinc-800 {
807    :where(& > :not(:last-child)) {
808      border-color: var(--color-zinc-800);
809    }
810  }
811  .place-self-center {
812    place-self: center;
813  }
814  .self-end {
815    align-self: flex-end;
816  }
817  .truncate {
818    overflow: hidden;
819    text-overflow: ellipsis;
820    white-space: nowrap;
821  }
822  .\\!overflow-visible {
823    overflow: visible !important;
824  }
825  .overflow-auto {
826    overflow: auto;
827  }
828  .overflow-hidden {
829    overflow: hidden;
830  }
831  .overflow-x-auto {
832    overflow-x: auto;
833  }
834  .overflow-x-hidden {
835    overflow-x: hidden;
836  }
837  .overflow-y-auto {
838    overflow-y: auto;
839  }
840  .rounded {
841    border-radius: 4px;
842  }
843  .rounded-full {
844    border-radius: calc(infinity * 1px);
845  }
846  .rounded-lg {
847    border-radius: var(--radius-lg);
848  }
849  .rounded-md {
850    border-radius: var(--radius-md);
851  }
852  .rounded-sm {
853    border-radius: var(--radius-sm);
854  }
855  .rounded-t-lg {
856    border-top-left-radius: var(--radius-lg);
857    border-top-right-radius: var(--radius-lg);
858  }
859  .rounded-t-sm {
860    border-top-left-radius: var(--radius-sm);
861    border-top-right-radius: var(--radius-sm);
862  }
863  .rounded-l-md {
864    border-top-left-radius: var(--radius-md);
865    border-bottom-left-radius: var(--radius-md);
866  }
867  .rounded-l-sm {
868    border-top-left-radius: var(--radius-sm);
869    border-bottom-left-radius: var(--radius-sm);
870  }
871  .rounded-tl-lg {
872    border-top-left-radius: var(--radius-lg);
873  }
874  .rounded-r-md {
875    border-top-right-radius: var(--radius-md);
876    border-bottom-right-radius: var(--radius-md);
877  }
878  .rounded-r-sm {
879    border-top-right-radius: var(--radius-sm);
880    border-bottom-right-radius: var(--radius-sm);
881  }
882  .rounded-tr-lg {
883    border-top-right-radius: var(--radius-lg);
884  }
885  .rounded-br-lg {
886    border-bottom-right-radius: var(--radius-lg);
887  }
888  .rounded-bl-lg {
889    border-bottom-left-radius: var(--radius-lg);
890  }
891  .border {
892    border-style: var(--tw-border-style);
893    border-width: 1px;
894  }
895  .border-4 {
896    border-style: var(--tw-border-style);
897    border-width: 4px;
898  }
899  .border-t {
900    border-top-style: var(--tw-border-style);
901    border-top-width: 1px;
902  }
903  .border-r {
904    border-right-style: var(--tw-border-style);
905    border-right-width: 1px;
906  }
907  .border-b {
908    border-bottom-style: var(--tw-border-style);
909    border-bottom-width: 1px;
910  }
911  .border-l {
912    border-left-style: var(--tw-border-style);
913    border-left-width: 1px;
914  }
915  .border-l-0 {
916    border-left-style: var(--tw-border-style);
917    border-left-width: 0px;
918  }
919  .border-l-1 {
920    border-left-style: var(--tw-border-style);
921    border-left-width: 1px;
922  }
923  .border-none {
924    --tw-border-style: none;
925    border-style: none;
926  }
927  .\\!border-red-500 {
928    border-color: var(--color-red-500) !important;
929  }
930  .border-\\[\\#1e1e1e\\] {
931    border-color: #1e1e1e;
932  }
933  .border-\\[\\#222\\] {
934    border-color: #222;
935  }
936  .border-\\[\\#333\\] {
937    border-color: #333;
938  }
939  .border-\\[\\#27272A\\] {
940    border-color: #27272A;
941  }
942  .border-transparent {
943    border-color: transparent;
944  }
945  .border-zinc-800 {
946    border-color: var(--color-zinc-800);
947  }
948  .bg-\\[\\#0A0A0A\\] {
949    background-color: #0A0A0A;
950  }
951  .bg-\\[\\#1D3A66\\] {
952    background-color: #1D3A66;
953  }
954  .bg-\\[\\#1E1E1E\\] {
955    background-color: #1E1E1E;
956  }
957  .bg-\\[\\#1a2a1a\\] {
958    background-color: #1a2a1a;
959  }
960  .bg-\\[\\#1e1e1e\\] {
961    background-color: #1e1e1e;
962  }
963  .bg-\\[\\#2a1515\\] {
964    background-color: #2a1515;
965  }
966  .bg-\\[\\#4b4b4b\\] {
967    background-color: #4b4b4b;
968  }
969  .bg-\\[\\#5f3f9a\\] {
970    background-color: #5f3f9a;
971  }
972  .bg-\\[\\#5f3f9a\\]\\/40 {
973    background-color: color-mix(in oklab, #5f3f9a 40%, transparent);
974  }
975  .bg-\\[\\#6a369e\\] {
976    background-color: #6a369e;
977  }
978  .bg-\\[\\#8e61e3\\] {
979    background-color: #8e61e3;
980  }
981  .bg-\\[\\#7521c8\\] {
982    background-color: #7521c8;
983  }
984  .bg-\\[\\#18181B\\] {
985    background-color: #18181B;
986  }
987  .bg-\\[\\#18181B\\]\\/50 {
988    background-color: color-mix(in oklab, #18181B 50%, transparent);
989  }
990  .bg-\\[\\#27272A\\] {
991    background-color: #27272A;
992  }
993  .bg-\\[\\#44444a\\] {
994    background-color: #44444a;
995  }
996  .bg-\\[\\#141414\\] {
997    background-color: #141414;
998  }
999  .bg-\\[\\#214379d4\\] {
1000    background-color: #214379d4;
1001  }
1002  .bg-\\[\\#412162\\] {
1003    background-color: #412162;
1004  }
1005  .bg-\\[\\#EFD81A\\] {
1006    background-color: #EFD81A;
1007  }
1008  .bg-\\[\\#b77116\\] {
1009    background-color: #b77116;
1010  }
1011  .bg-\\[\\#b94040\\] {
1012    background-color: #b94040;
1013  }
1014  .bg-\\[\\#d36cff\\] {
1015    background-color: #d36cff;
1016  }
1017  .bg-\\[\\#efd81a6b\\] {
1018    background-color: #efd81a6b;
1019  }
1020  .bg-black {
1021    background-color: var(--color-black);
1022  }
1023  .bg-black\\/40 {
1024    background-color: color-mix(in srgb, #000 40%, transparent);
1025    @supports (color: color-mix(in lab, red, red)) {
1026      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
1027    }
1028  }
1029  .bg-green-500\\/50 {
1030    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
1031    @supports (color: color-mix(in lab, red, red)) {
1032      background-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
1033    }
1034  }
1035  .bg-green-500\\/60 {
1036    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 60%, transparent);
1037    @supports (color: color-mix(in lab, red, red)) {
1038      background-color: color-mix(in oklab, var(--color-green-500) 60%, transparent);
1039    }
1040  }
1041  .bg-neutral-700 {
1042    background-color: var(--color-neutral-700);
1043  }
1044  .bg-purple-500 {
1045    background-color: var(--color-purple-500);
1046  }
1047  .bg-purple-500\\/90 {
1048    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 90%, transparent);
1049    @supports (color: color-mix(in lab, red, red)) {
1050      background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent);
1051    }
1052  }
1053  .bg-purple-800 {
1054    background-color: var(--color-purple-800);
1055  }
1056  .bg-red-500 {
1057    background-color: var(--color-red-500);
1058  }
1059  .bg-red-500\\/90 {
1060    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 90%, transparent);
1061    @supports (color: color-mix(in lab, red, red)) {
1062      background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent);
1063    }
1064  }
1065  .bg-red-950\\/50 {
1066    background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 50%, transparent);
1067    @supports (color: color-mix(in lab, red, red)) {
1068      background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
1069    }
1070  }
1071  .bg-transparent {
1072    background-color: transparent;
1073  }
1074  .bg-white {
1075    background-color: var(--color-white);
1076  }
1077  .bg-yellow-300 {
1078    background-color: var(--color-yellow-300);
1079  }
1080  .bg-zinc-800 {
1081    background-color: var(--color-zinc-800);
1082  }
1083  .bg-zinc-900\\/30 {
1084    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 30%, transparent);
1085    @supports (color: color-mix(in lab, red, red)) {
1086      background-color: color-mix(in oklab, var(--color-zinc-900) 30%, transparent);
1087    }
1088  }
1089  .bg-zinc-900\\/50 {
1090    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 50%, transparent);
1091    @supports (color: color-mix(in lab, red, red)) {
1092      background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);
1093    }
1094  }
1095  .p-0 {
1096    padding: calc(var(--spacing) * 0);
1097  }
1098  .p-1 {
1099    padding: calc(var(--spacing) * 1);
1100  }
1101  .p-2 {
1102    padding: calc(var(--spacing) * 2);
1103  }
1104  .p-3 {
1105    padding: calc(var(--spacing) * 3);
1106  }
1107  .p-4 {
1108    padding: calc(var(--spacing) * 4);
1109  }
1110  .p-5 {
1111    padding: calc(var(--spacing) * 5);
1112  }
1113  .p-6 {
1114    padding: calc(var(--spacing) * 6);
1115  }
1116  .px-1 {
1117    padding-inline: calc(var(--spacing) * 1);
1118  }
1119  .px-1\\.5 {
1120    padding-inline: calc(var(--spacing) * 1.5);
1121  }
1122  .px-2 {
1123    padding-inline: calc(var(--spacing) * 2);
1124  }
1125  .px-2\\.5 {
1126    padding-inline: calc(var(--spacing) * 2.5);
1127  }
1128  .px-3 {
1129    padding-inline: calc(var(--spacing) * 3);
1130  }
1131  .px-4 {
1132    padding-inline: calc(var(--spacing) * 4);
1133  }
1134  .py-0\\.5 {
1135    padding-block: calc(var(--spacing) * 0.5);
1136  }
1137  .py-1 {
1138    padding-block: calc(var(--spacing) * 1);
1139  }
1140  .py-1\\.5 {
1141    padding-block: calc(var(--spacing) * 1.5);
1142  }
1143  .py-2 {
1144    padding-block: calc(var(--spacing) * 2);
1145  }
1146  .py-3 {
1147    padding-block: calc(var(--spacing) * 3);
1148  }
1149  .py-4 {
1150    padding-block: calc(var(--spacing) * 4);
1151  }
1152  .py-\\[1px\\] {
1153    padding-block: 1px;
1154  }
1155  .py-\\[3px\\] {
1156    padding-block: 3px;
1157  }
1158  .py-\\[5px\\] {
1159    padding-block: 5px;
1160  }
1161  .pt-0 {
1162    padding-top: calc(var(--spacing) * 0);
1163  }
1164  .pt-2 {
1165    padding-top: calc(var(--spacing) * 2);
1166  }
1167  .pt-5 {
1168    padding-top: calc(var(--spacing) * 5);
1169  }
1170  .pr-1 {
1171    padding-right: calc(var(--spacing) * 1);
1172  }
1173  .pr-1\\.5 {
1174    padding-right: calc(var(--spacing) * 1.5);
1175  }
1176  .pr-2 {
1177    padding-right: calc(var(--spacing) * 2);
1178  }
1179  .pr-2\\.5 {
1180    padding-right: calc(var(--spacing) * 2.5);
1181  }
1182  .pb-2 {
1183    padding-bottom: calc(var(--spacing) * 2);
1184  }
1185  .pl-1 {
1186    padding-left: calc(var(--spacing) * 1);
1187  }
1188  .pl-2 {
1189    padding-left: calc(var(--spacing) * 2);
1190  }
1191  .pl-2\\.5 {
1192    padding-left: calc(var(--spacing) * 2.5);
1193  }
1194  .pl-3 {
1195    padding-left: calc(var(--spacing) * 3);
1196  }
1197  .pl-5 {
1198    padding-left: calc(var(--spacing) * 5);
1199  }
1200  .pl-6 {
1201    padding-left: calc(var(--spacing) * 6);
1202  }
1203  .text-left {
1204    text-align: left;
1205  }
1206  .font-mono {
1207    font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
1208  }
1209  .text-sm {
1210    font-size: var(--text-sm);
1211    line-height: var(--tw-leading, var(--text-sm--line-height));
1212  }
1213  .text-xs {
1214    font-size: var(--text-xs);
1215    line-height: var(--tw-leading, var(--text-xs--line-height));
1216  }
1217  .text-\\[8px\\] {
1218    font-size: 8px;
1219  }
1220  .text-\\[10px\\] {
1221    font-size: 10px;
1222  }
1223  .text-\\[11px\\] {
1224    font-size: 11px;
1225  }
1226  .text-\\[13px\\] {
1227    font-size: 13px;
1228  }
1229  .text-\\[14px\\] {
1230    font-size: 14px;
1231  }
1232  .text-\\[17px\\] {
1233    font-size: 17px;
1234  }
1235  .leading-6 {
1236    --tw-leading: calc(var(--spacing) * 6);
1237    line-height: calc(var(--spacing) * 6);
1238  }
1239  .leading-none {
1240    --tw-leading: 1;
1241    line-height: 1;
1242  }
1243  .font-bold {
1244    --tw-font-weight: var(--font-weight-bold);
1245    font-weight: var(--font-weight-bold);
1246  }
1247  .font-medium {
1248    --tw-font-weight: var(--font-weight-medium);
1249    font-weight: var(--font-weight-medium);
1250  }
1251  .font-semibold {
1252    --tw-font-weight: var(--font-weight-semibold);
1253    font-weight: var(--font-weight-semibold);
1254  }
1255  .tracking-wide {
1256    --tw-tracking: var(--tracking-wide);
1257    letter-spacing: var(--tracking-wide);
1258  }
1259  .text-wrap {
1260    text-wrap: wrap;
1261  }
1262  .break-words {
1263    overflow-wrap: break-word;
1264  }
1265  .break-all {
1266    word-break: break-all;
1267  }
1268  .whitespace-nowrap {
1269    white-space: nowrap;
1270  }
1271  .whitespace-pre-wrap {
1272    white-space: pre-wrap;
1273  }
1274  .text-\\[\\#4ade80\\] {
1275    color: #4ade80;
1276  }
1277  .text-\\[\\#5a5a5a\\] {
1278    color: #5a5a5a;
1279  }
1280  .text-\\[\\#6E6E77\\] {
1281    color: #6E6E77;
1282  }
1283  .text-\\[\\#6F6F78\\] {
1284    color: #6F6F78;
1285  }
1286  .text-\\[\\#8E61E3\\] {
1287    color: #8E61E3;
1288  }
1289  .text-\\[\\#666\\] {
1290    color: #666;
1291  }
1292  .text-\\[\\#888\\] {
1293    color: #888;
1294  }
1295  .text-\\[\\#999\\] {
1296    color: #999;
1297  }
1298  .text-\\[\\#7346a0\\] {
1299    color: #7346a0;
1300  }
1301  .text-\\[\\#65656D\\] {
1302    color: #65656D;
1303  }
1304  .text-\\[\\#737373\\] {
1305    color: #737373;
1306  }
1307  .text-\\[\\#A1A1AA\\] {
1308    color: #A1A1AA;
1309  }
1310  .text-\\[\\#A855F7\\] {
1311    color: #A855F7;
1312  }
1313  .text-\\[\\#E4E4E7\\] {
1314    color: #E4E4E7;
1315  }
1316  .text-\\[\\#d36cff\\] {
1317    color: #d36cff;
1318  }
1319  .text-\\[\\#f87171\\] {
1320    color: #f87171;
1321  }
1322  .text-black {
1323    color: var(--color-black);
1324  }
1325  .text-gray-100 {
1326    color: var(--color-gray-100);
1327  }
1328  .text-gray-300 {
1329    color: var(--color-gray-300);
1330  }
1331  .text-gray-400 {
1332    color: var(--color-gray-400);
1333  }
1334  .text-gray-500 {
1335    color: var(--color-gray-500);
1336  }
1337  .text-green-500 {
1338    color: var(--color-green-500);
1339  }
1340  .text-neutral-300 {
1341    color: var(--color-neutral-300);
1342  }
1343  .text-neutral-400 {
1344    color: var(--color-neutral-400);
1345  }
1346  .text-neutral-500 {
1347    color: var(--color-neutral-500);
1348  }
1349  .text-purple-400 {
1350    color: var(--color-purple-400);
1351  }
1352  .text-red-300 {
1353    color: var(--color-red-300);
1354  }
1355  .text-red-400 {
1356    color: var(--color-red-400);
1357  }
1358  .text-red-500 {
1359    color: var(--color-red-500);
1360  }
1361  .text-white {
1362    color: var(--color-white);
1363  }
1364  .text-white\\/30 {
1365    color: color-mix(in srgb, #fff 30%, transparent);
1366    @supports (color: color-mix(in lab, red, red)) {
1367      color: color-mix(in oklab, var(--color-white) 30%, transparent);
1368    }
1369  }
1370  .text-white\\/70 {
1371    color: color-mix(in srgb, #fff 70%, transparent);
1372    @supports (color: color-mix(in lab, red, red)) {
1373      color: color-mix(in oklab, var(--color-white) 70%, transparent);
1374    }
1375  }
1376  .text-yellow-300 {
1377    color: var(--color-yellow-300);
1378  }
1379  .text-yellow-500 {
1380    color: var(--color-yellow-500);
1381  }
1382  .text-zinc-200 {
1383    color: var(--color-zinc-200);
1384  }
1385  .text-zinc-400 {
1386    color: var(--color-zinc-400);
1387  }
1388  .text-zinc-500 {
1389    color: var(--color-zinc-500);
1390  }
1391  .text-zinc-600 {
1392    color: var(--color-zinc-600);
1393  }
1394  .uppercase {
1395    text-transform: uppercase;
1396  }
1397  .italic {
1398    font-style: italic;
1399  }
1400  .opacity-0 {
1401    opacity: 0%;
1402  }
1403  .opacity-50 {
1404    opacity: 50%;
1405  }
1406  .opacity-100 {
1407    opacity: 100%;
1408  }
1409  .shadow-lg {
1410    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1411    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1412  }
1413  .ring-1 {
1414    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1415    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1416  }
1417  .ring-white\\/\\[0\\.08\\] {
1418    --tw-ring-color: color-mix(in srgb, #fff 8%, transparent);
1419    @supports (color: color-mix(in lab, red, red)) {
1420      --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent);
1421    }
1422  }
1423  .outline {
1424    outline-style: var(--tw-outline-style);
1425    outline-width: 1px;
1426  }
1427  .filter {
1428    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
1429  }
1430  .backdrop-blur-sm {
1431    --tw-backdrop-blur: blur(var(--blur-sm));
1432    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1433  }
1434  .transition {
1435    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
1436    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1437    transition-duration: var(--tw-duration, var(--default-transition-duration));
1438  }
1439  .transition-\\[border-radius\\] {
1440    transition-property: border-radius;
1441    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1442    transition-duration: var(--tw-duration, var(--default-transition-duration));
1443  }
1444  .transition-\\[color\\,transform\\] {
1445    transition-property: color,transform;
1446    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1447    transition-duration: var(--tw-duration, var(--default-transition-duration));
1448  }
1449  .transition-\\[max-height\\] {
1450    transition-property: max-height;
1451    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1452    transition-duration: var(--tw-duration, var(--default-transition-duration));
1453  }
1454  .transition-\\[opacity\\] {
1455    transition-property: opacity;
1456    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1457    transition-duration: var(--tw-duration, var(--default-transition-duration));
1458  }
1459  .transition-all {
1460    transition-property: all;
1461    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1462    transition-duration: var(--tw-duration, var(--default-transition-duration));
1463  }
1464  .transition-colors {
1465    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1466    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1467    transition-duration: var(--tw-duration, var(--default-transition-duration));
1468  }
1469  .transition-opacity {
1470    transition-property: opacity;
1471    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1472    transition-duration: var(--tw-duration, var(--default-transition-duration));
1473  }
1474  .transition-transform {
1475    transition-property: transform, translate, scale, rotate;
1476    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1477    transition-duration: var(--tw-duration, var(--default-transition-duration));
1478  }
1479  .transition-none {
1480    transition-property: none;
1481  }
1482  .delay-0 {
1483    transition-delay: 0ms;
1484  }
1485  .delay-150 {
1486    transition-delay: 150ms;
1487  }
1488  .delay-300 {
1489    transition-delay: 300ms;
1490  }
1491  .\\!duration-0 {
1492    --tw-duration: 0ms !important;
1493    transition-duration: 0ms !important;
1494  }
1495  .duration-0 {
1496    --tw-duration: 0ms;
1497    transition-duration: 0ms;
1498  }
1499  .duration-120 {
1500    --tw-duration: 120ms;
1501    transition-duration: 120ms;
1502  }
1503  .duration-200 {
1504    --tw-duration: 200ms;
1505    transition-duration: 200ms;
1506  }
1507  .duration-300 {
1508    --tw-duration: 300ms;
1509    transition-duration: 300ms;
1510  }
1511  .ease-\\[cubic-bezier\\(0\\.25\\,0\\.1\\,0\\.25\\,1\\)\\] {
1512    --tw-ease: cubic-bezier(0.25,0.1,0.25,1);
1513    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
1514  }
1515  .ease-in {
1516    --tw-ease: var(--ease-in);
1517    transition-timing-function: var(--ease-in);
1518  }
1519  .ease-in-out {
1520    --tw-ease: var(--ease-in-out);
1521    transition-timing-function: var(--ease-in-out);
1522  }
1523  .ease-out {
1524    --tw-ease: var(--ease-out);
1525    transition-timing-function: var(--ease-out);
1526  }
1527  .will-change-transform {
1528    will-change: transform;
1529  }
1530  .select-none {
1531    -webkit-user-select: none;
1532    -moz-user-select: none;
1533         user-select: none;
1534  }
1535  .animation-delay-0 {
1536    animation-delay: 0s;
1537  }
1538  .animation-delay-100 {
1539    animation-delay: .1s;
1540  }
1541  .animation-delay-150 {
1542    animation-delay: .15s;
1543  }
1544  .animation-delay-200 {
1545    animation-delay: .2s;
1546  }
1547  .animation-delay-300 {
1548    animation-delay: .3s;
1549  }
1550  .animation-delay-500 {
1551    animation-delay: .5s;
1552  }
1553  .animation-delay-700 {
1554    animation-delay: .7s;
1555  }
1556  .animation-delay-1000 {
1557    animation-delay: 1s;
1558  }
1559  .animation-duration-0 {
1560    animation-duration: 0s;
1561  }
1562  .animation-duration-100 {
1563    animation-duration: .1s;
1564  }
1565  .animation-duration-200 {
1566    animation-duration: .2s;
1567  }
1568  .animation-duration-300 {
1569    animation-duration: .3s;
1570  }
1571  .animation-duration-500 {
1572    animation-duration: .5s;
1573  }
1574  .animation-duration-700 {
1575    animation-duration: .7s;
1576  }
1577  .animation-duration-1000 {
1578    animation-duration: 1s;
1579  }
1580  .group-hover\\:bg-\\[\\#5b2d89\\] {
1581    &:is(:where(.group):hover *) {
1582      @media (hover: hover) {
1583        background-color: #5b2d89;
1584      }
1585    }
1586  }
1587  .group-hover\\:bg-\\[\\#6a6a6a\\] {
1588    &:is(:where(.group):hover *) {
1589      @media (hover: hover) {
1590        background-color: #6a6a6a;
1591      }
1592    }
1593  }
1594  .group-hover\\:bg-\\[\\#21437982\\] {
1595    &:is(:where(.group):hover *) {
1596      @media (hover: hover) {
1597        background-color: #21437982;
1598      }
1599    }
1600  }
1601  .group-hover\\:bg-\\[\\#efda1a2f\\] {
1602    &:is(:where(.group):hover *) {
1603      @media (hover: hover) {
1604        background-color: #efda1a2f;
1605      }
1606    }
1607  }
1608  .group-hover\\:opacity-100 {
1609    &:is(:where(.group):hover *) {
1610      @media (hover: hover) {
1611        opacity: 100%;
1612      }
1613    }
1614  }
1615  .peer-hover\\/bottom\\:rounded-b-none {
1616    &:is(:where(.peer\\/bottom):hover ~ *) {
1617      @media (hover: hover) {
1618        border-bottom-right-radius: 0;
1619        border-bottom-left-radius: 0;
1620      }
1621    }
1622  }
1623  .peer-hover\\/left\\:rounded-l-none {
1624    &:is(:where(.peer\\/left):hover ~ *) {
1625      @media (hover: hover) {
1626        border-top-left-radius: 0;
1627        border-bottom-left-radius: 0;
1628      }
1629    }
1630  }
1631  .peer-hover\\/right\\:rounded-r-none {
1632    &:is(:where(.peer\\/right):hover ~ *) {
1633      @media (hover: hover) {
1634        border-top-right-radius: 0;
1635        border-bottom-right-radius: 0;
1636      }
1637    }
1638  }
1639  .peer-hover\\/top\\:rounded-t-none {
1640    &:is(:where(.peer\\/top):hover ~ *) {
1641      @media (hover: hover) {
1642        border-top-left-radius: 0;
1643        border-top-right-radius: 0;
1644      }
1645    }
1646  }
1647  .after\\:absolute {
1648    &::after {
1649      content: var(--tw-content);
1650      position: absolute;
1651    }
1652  }
1653  .after\\:inset-0 {
1654    &::after {
1655      content: var(--tw-content);
1656      inset: calc(var(--spacing) * 0);
1657    }
1658  }
1659  .after\\:top-\\[100\\%\\] {
1660    &::after {
1661      content: var(--tw-content);
1662      top: 100%;
1663    }
1664  }
1665  .after\\:left-1\\/2 {
1666    &::after {
1667      content: var(--tw-content);
1668      left: calc(1 / 2 * 100%);
1669    }
1670  }
1671  .after\\:h-\\[6px\\] {
1672    &::after {
1673      content: var(--tw-content);
1674      height: 6px;
1675    }
1676  }
1677  .after\\:w-\\[10px\\] {
1678    &::after {
1679      content: var(--tw-content);
1680      width: 10px;
1681    }
1682  }
1683  .after\\:-translate-x-1\\/2 {
1684    &::after {
1685      content: var(--tw-content);
1686      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1687      translate: var(--tw-translate-x) var(--tw-translate-y);
1688    }
1689  }
1690  .after\\:animate-\\[fadeOut_1s_ease-out_forwards\\] {
1691    &::after {
1692      content: var(--tw-content);
1693      animation: fadeOut 1s ease-out forwards;
1694    }
1695  }
1696  .after\\:border-t-\\[6px\\] {
1697    &::after {
1698      content: var(--tw-content);
1699      border-top-style: var(--tw-border-style);
1700      border-top-width: 6px;
1701    }
1702  }
1703  .after\\:border-r-\\[5px\\] {
1704    &::after {
1705      content: var(--tw-content);
1706      border-right-style: var(--tw-border-style);
1707      border-right-width: 5px;
1708    }
1709  }
1710  .after\\:border-l-\\[5px\\] {
1711    &::after {
1712      content: var(--tw-content);
1713      border-left-style: var(--tw-border-style);
1714      border-left-width: 5px;
1715    }
1716  }
1717  .after\\:border-t-white {
1718    &::after {
1719      content: var(--tw-content);
1720      border-top-color: var(--color-white);
1721    }
1722  }
1723  .after\\:border-r-transparent {
1724    &::after {
1725      content: var(--tw-content);
1726      border-right-color: transparent;
1727    }
1728  }
1729  .after\\:border-l-transparent {
1730    &::after {
1731      content: var(--tw-content);
1732      border-left-color: transparent;
1733    }
1734  }
1735  .after\\:bg-purple-500\\/30 {
1736    &::after {
1737      content: var(--tw-content);
1738      background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent);
1739      @supports (color: color-mix(in lab, red, red)) {
1740        background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
1741      }
1742    }
1743  }
1744  .after\\:content-\\[\\"\\"\\] {
1745    &::after {
1746      --tw-content: "";
1747      content: var(--tw-content);
1748    }
1749  }
1750  .focus-within\\:border-\\[\\#454545\\] {
1751    &:focus-within {
1752      border-color: #454545;
1753    }
1754  }
1755  .hover\\:bg-\\[\\#0f0f0f\\] {
1756    &:hover {
1757      @media (hover: hover) {
1758        background-color: #0f0f0f;
1759      }
1760    }
1761  }
1762  .hover\\:bg-\\[\\#5f3f9a\\]\\/20 {
1763    &:hover {
1764      @media (hover: hover) {
1765        background-color: color-mix(in oklab, #5f3f9a 20%, transparent);
1766      }
1767    }
1768  }
1769  .hover\\:bg-\\[\\#5f3f9a\\]\\/40 {
1770    &:hover {
1771      @media (hover: hover) {
1772        background-color: color-mix(in oklab, #5f3f9a 40%, transparent);
1773      }
1774    }
1775  }
1776  .hover\\:bg-\\[\\#18181B\\] {
1777    &:hover {
1778      @media (hover: hover) {
1779        background-color: #18181B;
1780      }
1781    }
1782  }
1783  .hover\\:bg-\\[\\#34343b\\] {
1784    &:hover {
1785      @media (hover: hover) {
1786        background-color: #34343b;
1787      }
1788    }
1789  }
1790  .hover\\:bg-red-600 {
1791    &:hover {
1792      @media (hover: hover) {
1793        background-color: var(--color-red-600);
1794      }
1795    }
1796  }
1797  .hover\\:bg-zinc-700 {
1798    &:hover {
1799      @media (hover: hover) {
1800        background-color: var(--color-zinc-700);
1801      }
1802    }
1803  }
1804  .hover\\:bg-zinc-800\\/50 {
1805    &:hover {
1806      @media (hover: hover) {
1807        background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 50%, transparent);
1808        @supports (color: color-mix(in lab, red, red)) {
1809          background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);
1810        }
1811      }
1812    }
1813  }
1814  .hover\\:text-neutral-300 {
1815    &:hover {
1816      @media (hover: hover) {
1817        color: var(--color-neutral-300);
1818      }
1819    }
1820  }
1821  .hover\\:text-white {
1822    &:hover {
1823      @media (hover: hover) {
1824        color: var(--color-white);
1825      }
1826    }
1827  }
1828}
1829* {
1830  outline: none !important;
1831  text-rendering: optimizeLegibility;
1832  -webkit-font-smoothing: antialiased;
1833  -moz-osx-font-smoothing: grayscale;
1834  &::-webkit-scrollbar {
1835    width: 6px;
1836    height: 6px;
1837  }
1838  &::-webkit-scrollbar-track {
1839    border-radius: 10px;
1840    background: transparent;
1841  }
1842  &::-webkit-scrollbar-thumb {
1843    border-radius: 10px;
1844    background: rgba(255, 255, 255, 0.3);
1845  }
1846  &::-webkit-scrollbar-thumb:hover {
1847    background: rgba(255, 255, 255, 0.4);
1848  }
1849  &::-webkit-scrollbar-corner {
1850    background: transparent;
1851  }
1852}
1853@-moz-document url-prefix() {
1854  * {
1855    scrollbar-width: thin;
1856    scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
1857    scrollbar-width: 6px;
1858  }
1859}
1860button {
1861  &:hover {
1862    @media (hover: hover) {
1863      background-image: none;
1864    }
1865  }
1866  --tw-outline-style: none;
1867  outline-style: none;
1868  --tw-border-style: none;
1869  border-style: none;
1870  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1871  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1872  transition-duration: var(--tw-duration, var(--default-transition-duration));
1873  --tw-ease: var(--ease-out);
1874  transition-timing-function: var(--ease-out);
1875  cursor: pointer;
1876}
1877input {
1878  --tw-outline-style: none;
1879  outline-style: none;
1880  --tw-border-style: none;
1881  border-style: none;
1882  background-color: transparent;
1883  background-image: none;
1884  &::-moz-placeholder {
1885    font-size: var(--text-xs);
1886    line-height: var(--tw-leading, var(--text-xs--line-height));
1887  }
1888  &::placeholder {
1889    font-size: var(--text-xs);
1890    line-height: var(--tw-leading, var(--text-xs--line-height));
1891  }
1892  &::-moz-placeholder {
1893    color: var(--color-neutral-500);
1894  }
1895  &::placeholder {
1896    color: var(--color-neutral-500);
1897  }
1898  &::-moz-placeholder {
1899    font-style: italic;
1900  }
1901  &::placeholder {
1902    font-style: italic;
1903  }
1904  &:-moz-placeholder {
1905    overflow: hidden;
1906    text-overflow: ellipsis;
1907    white-space: nowrap;
1908  }
1909  &:placeholder-shown {
1910    overflow: hidden;
1911    text-overflow: ellipsis;
1912    white-space: nowrap;
1913  }
1914}
1915svg {
1916  height: auto;
1917  width: auto;
1918  pointer-events: none;
1919}
1920.with-data-text {
1921  overflow: hidden;
1922  &::before {
1923    content: attr(data-text);
1924    display: block;
1925    overflow: hidden;
1926    text-overflow: ellipsis;
1927    white-space: nowrap;
1928  }
1929}
1930#react-scan-toolbar {
1931  position: fixed;
1932  top: calc(var(--spacing) * 0);
1933  left: calc(var(--spacing) * 0);
1934  display: flex;
1935  flex-direction: column;
1936  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
1937  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
1938  font-size: 13px;
1939  color: var(--color-white);
1940  background-color: var(--color-black);
1941  -webkit-user-select: none;
1942  -moz-user-select: none;
1943       user-select: none;
1944  cursor: move;
1945  opacity: 0%;
1946  z-index: 2147483678;
1947  animation: fadeIn ease-in forwards;
1948  animation-delay: .3s;
1949  animation-duration: .3s;
1950  --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(0,0,0,0.2));
1951  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1952  place-self: start;
1953  will-change: transform;
1954  backface-visibility: hidden;
1955}
1956#react-scan-toolbar pre,
1957#react-scan-toolbar textarea,
1958#react-scan-toolbar input[type='text'],
1959#react-scan-toolbar input[type='search'],
1960#react-scan-toolbar [data-react-scan-selectable] {
1961  -webkit-user-select: text;
1962  -moz-user-select: text;
1963       user-select: text;
1964  cursor: text;
1965}
1966.button {
1967  &:hover {
1968    background: rgba(255, 255, 255, 0.1);
1969  }
1970  &:active {
1971    background: rgba(255, 255, 255, 0.15);
1972  }
1973}
1974.resize-line-wrapper {
1975  position: absolute;
1976  overflow: hidden;
1977}
1978.resize-line {
1979  position: absolute;
1980  inset: calc(var(--spacing) * 0);
1981  overflow: hidden;
1982  background-color: var(--color-black);
1983  transition-property: all;
1984  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1985  transition-duration: var(--tw-duration, var(--default-transition-duration));
1986  svg {
1987    position: absolute;
1988    top: calc(1 / 2 * 100%);
1989    left: calc(1 / 2 * 100%);
1990    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1991    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1992    translate: var(--tw-translate-x) var(--tw-translate-y);
1993  }
1994}
1995.resize-right,
1996.resize-left {
1997  inset-block: calc(var(--spacing) * 0);
1998  width: calc(var(--spacing) * 6);
1999  cursor: ew-resize;
2000  .resize-line-wrapper {
2001    inset-block: calc(var(--spacing) * 0);
2002    width: calc(1 / 2 * 100%);
2003  }
2004  &:hover {
2005    .resize-line {
2006      --tw-translate-x: calc(var(--spacing) * 0);
2007      translate: var(--tw-translate-x) var(--tw-translate-y);
2008    }
2009  }
2010}
2011.resize-right {
2012  right: calc(var(--spacing) * 0);
2013  --tw-translate-x: calc(1 / 2 * 100%);
2014  translate: var(--tw-translate-x) var(--tw-translate-y);
2015  .resize-line-wrapper {
2016    right: calc(var(--spacing) * 0);
2017  }
2018  .resize-line {
2019    border-top-right-radius: var(--radius-lg);
2020    border-bottom-right-radius: var(--radius-lg);
2021    --tw-translate-x: -100%;
2022    translate: var(--tw-translate-x) var(--tw-translate-y);
2023  }
2024}
2025.resize-left {
2026  left: calc(var(--spacing) * 0);
2027  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2028  translate: var(--tw-translate-x) var(--tw-translate-y);
2029  .resize-line-wrapper {
2030    left: calc(var(--spacing) * 0);
2031  }
2032  .resize-line {
2033    border-top-left-radius: var(--radius-lg);
2034    border-bottom-left-radius: var(--radius-lg);
2035    --tw-translate-x: 100%;
2036    translate: var(--tw-translate-x) var(--tw-translate-y);
2037  }
2038}
2039.resize-top,
2040.resize-bottom {
2041  inset-inline: calc(var(--spacing) * 0);
2042  height: calc(var(--spacing) * 6);
2043  cursor: ns-resize;
2044  .resize-line-wrapper {
2045    inset-inline: calc(var(--spacing) * 0);
2046    height: calc(1 / 2 * 100%);
2047  }
2048  &:hover {
2049    .resize-line {
2050      --tw-translate-y: calc(var(--spacing) * 0);
2051      translate: var(--tw-translate-x) var(--tw-translate-y);
2052    }
2053  }
2054}
2055.resize-top {
2056  top: calc(var(--spacing) * 0);
2057  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2058  translate: var(--tw-translate-x) var(--tw-translate-y);
2059  .resize-line-wrapper {
2060    top: calc(var(--spacing) * 0);
2061  }
2062  .resize-line {
2063    border-top-left-radius: var(--radius-lg);
2064    border-top-right-radius: var(--radius-lg);
2065    --tw-translate-y: 100%;
2066    translate: var(--tw-translate-x) var(--tw-translate-y);
2067  }
2068}
2069.resize-bottom {
2070  bottom: calc(var(--spacing) * 0);
2071  --tw-translate-y: calc(1 / 2 * 100%);
2072  translate: var(--tw-translate-x) var(--tw-translate-y);
2073  .resize-line-wrapper {
2074    bottom: calc(var(--spacing) * 0);
2075  }
2076  .resize-line {
2077    border-bottom-right-radius: var(--radius-lg);
2078    border-bottom-left-radius: var(--radius-lg);
2079    --tw-translate-y: -100%;
2080    translate: var(--tw-translate-x) var(--tw-translate-y);
2081  }
2082}
2083.react-scan-header {
2084  display: flex;
2085  align-items: center;
2086  -moz-column-gap: calc(var(--spacing) * 2);
2087       column-gap: calc(var(--spacing) * 2);
2088  padding-right: calc(var(--spacing) * 2);
2089  padding-left: calc(var(--spacing) * 3);
2090  min-height: calc(var(--spacing) * 9);
2091  border-bottom-style: var(--tw-border-style);
2092  border-bottom-width: 1px;
2093  border-color: #222;
2094  overflow: hidden;
2095  white-space: nowrap;
2096}
2097.react-scan-replay-button,
2098.react-scan-close-button {
2099  display: flex;
2100  align-items: center;
2101  padding: calc(var(--spacing) * 1);
2102  min-width: -moz-fit-content;
2103  min-width: fit-content;
2104  border-radius: 4px;
2105  transition-property: all;
2106  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2107  transition-duration: var(--tw-duration, var(--default-transition-duration));
2108  --tw-duration: 300ms;
2109  transition-duration: 300ms;
2110}
2111.react-scan-replay-button {
2112  position: relative;
2113  overflow: hidden;
2114  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent) !important;
2115  @supports (color: color-mix(in lab, red, red)) {
2116    background-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent) !important;
2117  }
2118  &:hover {
2119    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 25%, transparent);
2120    @supports (color: color-mix(in lab, red, red)) {
2121      background-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent);
2122    }
2123  }
2124  &.disabled {
2125    opacity: 50%;
2126    pointer-events: none;
2127  }
2128  &:before {
2129    content: "";
2130    position: absolute;
2131    inset: calc(var(--spacing) * 0);
2132    --tw-translate-x: -100%;
2133    translate: var(--tw-translate-x) var(--tw-translate-y);
2134    animation: shimmer 2s infinite;
2135    background: linear-gradient(
2136      to right,
2137      transparent,
2138      rgba(142, 97, 227, 0.3),
2139      transparent
2140    );
2141  }
2142}
2143.react-scan-close-button {
2144  background-color: color-mix(in srgb, #fff 10%, transparent);
2145  @supports (color: color-mix(in lab, red, red)) {
2146    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
2147  }
2148  &:hover {
2149    background-color: color-mix(in srgb, #fff 15%, transparent);
2150    @supports (color: color-mix(in lab, red, red)) {
2151      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
2152    }
2153  }
2154}
2155@keyframes shimmer {
2156  100% {
2157    transform: translateX(100%);
2158  }
2159}
2160.react-section-header {
2161  position: sticky;
2162  z-index: 100;
2163  display: flex;
2164  align-items: center;
2165  -moz-column-gap: calc(var(--spacing) * 2);
2166       column-gap: calc(var(--spacing) * 2);
2167  padding-inline: calc(var(--spacing) * 3);
2168  height: calc(var(--spacing) * 7);
2169  width: 100%;
2170  overflow: hidden;
2171  text-overflow: ellipsis;
2172  white-space: nowrap;
2173  color: #888;
2174  border-bottom-style: var(--tw-border-style);
2175  border-bottom-width: 1px;
2176  border-color: #222;
2177  background-color: #0a0a0a;
2178}
2179.react-scan-section {
2180  display: flex;
2181  flex-direction: column;
2182  padding-inline: calc(var(--spacing) * 2);
2183  color: #888;
2184  &::before {
2185    content: var(--tw-content);
2186    color: var(--color-gray-500);
2187  }
2188  &::before {
2189    --tw-content: attr(data-section);
2190    content: var(--tw-content);
2191  }
2192  font-size: var(--text-xs);
2193  line-height: var(--tw-leading, var(--text-xs--line-height));
2194  > .react-scan-property {
2195    margin-left: calc(14px * -1);
2196  }
2197}
2198.react-scan-property {
2199  position: relative;
2200  display: flex;
2201  flex-direction: column;
2202  padding-left: calc(var(--spacing) * 8);
2203  border-left-style: var(--tw-border-style);
2204  border-left-width: 1px;
2205  border-color: transparent;
2206  overflow: hidden;
2207}
2208.react-scan-property-content {
2209  display: flex;
2210  flex: 1;
2211  flex-direction: column;
2212  min-height: calc(var(--spacing) * 7);
2213  max-width: 100%;
2214  overflow: hidden;
2215}
2216.react-scan-string {
2217  color: #9ecbff;
2218}
2219.react-scan-number {
2220  color: #79c7ff;
2221}
2222.react-scan-boolean {
2223  color: #56b6c2;
2224}
2225.react-scan-key {
2226  width: -moz-fit-content;
2227  width: fit-content;
2228  max-width: calc(var(--spacing) * 60);
2229  white-space: nowrap;
2230  color: var(--color-white);
2231}
2232.react-scan-input {
2233  color: var(--color-white);
2234  background-color: var(--color-black);
2235}
2236@keyframes blink {
2237  from {
2238    opacity: 1;
2239  }
2240  to {
2241    opacity: 0;
2242  }
2243}
2244.react-scan-arrow {
2245  position: absolute;
2246  top: calc(var(--spacing) * 0);
2247  left: calc(var(--spacing) * 7);
2248  display: flex;
2249  align-items: center;
2250  justify-content: center;
2251  cursor: pointer;
2252  height: calc(var(--spacing) * 7);
2253  width: calc(var(--spacing) * 6);
2254  --tw-translate-x: -100%;
2255  translate: var(--tw-translate-x) var(--tw-translate-y);
2256  z-index: 10;
2257  > svg {
2258    transition-property: transform, translate, scale, rotate;
2259    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2260    transition-duration: var(--tw-duration, var(--default-transition-duration));
2261  }
2262}
2263.react-scan-nested {
2264  position: relative;
2265  overflow: hidden;
2266  &:before {
2267    content: "";
2268    position: absolute;
2269    top: calc(var(--spacing) * 0);
2270    left: calc(var(--spacing) * 0);
2271    height: 100%;
2272    width: 1px;
2273    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 30%, transparent);
2274    @supports (color: color-mix(in lab, red, red)) {
2275      background-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent);
2276    }
2277  }
2278}
2279.react-scan-settings {
2280  position: absolute;
2281  inset: calc(var(--spacing) * 0);
2282  display: flex;
2283  flex-direction: column;
2284  gap: calc(var(--spacing) * 4);
2285  padding-inline: calc(var(--spacing) * 4);
2286  padding-block: calc(var(--spacing) * 2);
2287  color: #888;
2288  > div {
2289    display: flex;
2290    align-items: center;
2291    justify-content: space-between;
2292    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2293    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2294    transition-duration: var(--tw-duration, var(--default-transition-duration));
2295    --tw-duration: 300ms;
2296    transition-duration: 300ms;
2297  }
2298}
2299.react-scan-preview-line {
2300  position: relative;
2301  display: flex;
2302  min-height: calc(var(--spacing) * 7);
2303  align-items: center;
2304  -moz-column-gap: calc(var(--spacing) * 2);
2305       column-gap: calc(var(--spacing) * 2);
2306}
2307.react-scan-flash-overlay {
2308  position: absolute;
2309  inset: calc(var(--spacing) * 0);
2310  opacity: 0%;
2311  z-index: 50;
2312  pointer-events: none;
2313  transition-property: opacity;
2314  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2315  transition-duration: var(--tw-duration, var(--default-transition-duration));
2316  mix-blend-mode: multiply;
2317  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 90%, transparent);
2318  @supports (color: color-mix(in lab, red, red)) {
2319    background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent);
2320  }
2321}
2322.react-scan-toggle {
2323  position: relative;
2324  display: inline-flex;
2325  height: calc(var(--spacing) * 6);
2326  width: calc(var(--spacing) * 10);
2327  input {
2328    position: absolute;
2329    inset: calc(var(--spacing) * 0);
2330    z-index: 20;
2331    opacity: 0%;
2332    cursor: pointer;
2333    height: 100%;
2334    width: 100%;
2335  }
2336  input:checked {
2337    + div {
2338      background-color: #5f3f9a;
2339      &::before {
2340        --tw-translate-x: 100%;
2341        translate: var(--tw-translate-x) var(--tw-translate-y);
2342        left: auto;
2343        border-color: #5f3f9a;
2344      }
2345    }
2346  }
2347  > div {
2348    position: absolute;
2349    inset: calc(var(--spacing) * 1);
2350    background-color: var(--color-neutral-700);
2351    border-radius: calc(infinity * 1px);
2352    pointer-events: none;
2353    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2354    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2355    transition-duration: var(--tw-duration, var(--default-transition-duration));
2356    --tw-duration: 300ms;
2357    transition-duration: 300ms;
2358    &:before {
2359      --tw-content: '';
2360      content: var(--tw-content);
2361      position: absolute;
2362      top: calc(1 / 2 * 100%);
2363      left: calc(var(--spacing) * 0);
2364      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2365      translate: var(--tw-translate-x) var(--tw-translate-y);
2366      height: calc(var(--spacing) * 4);
2367      width: calc(var(--spacing) * 4);
2368      background-color: var(--color-white);
2369      border-style: var(--tw-border-style);
2370      border-width: 2px;
2371      border-color: var(--color-neutral-700);
2372      border-radius: calc(infinity * 1px);
2373      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2374      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2375      transition-property: all;
2376      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2377      transition-duration: var(--tw-duration, var(--default-transition-duration));
2378      --tw-duration: 300ms;
2379      transition-duration: 300ms;
2380    }
2381  }
2382}
2383.react-scan-flash-active {
2384  opacity: 40%;
2385  transition-property: opacity;
2386  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2387  transition-duration: var(--tw-duration, var(--default-transition-duration));
2388  --tw-duration: 300ms;
2389  transition-duration: 300ms;
2390}
2391.react-scan-inspector-overlay {
2392  display: flex;
2393  flex-direction: column;
2394  opacity: 0%;
2395  transition-property: opacity;
2396  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2397  transition-duration: var(--tw-duration, var(--default-transition-duration));
2398  --tw-duration: 200ms;
2399  transition-duration: 200ms;
2400  --tw-ease: var(--ease-out);
2401  transition-timing-function: var(--ease-out);
2402  will-change: opacity;
2403  &.fade-out {
2404    opacity: 0%;
2405  }
2406  &.fade-in {
2407    opacity: 100%;
2408  }
2409}
2410.react-scan-what-changed {
2411  ul {
2412    list-style-type: disc;
2413    padding-left: calc(var(--spacing) * 4);
2414  }
2415  li {
2416    white-space: nowrap;
2417    > div {
2418      display: flex;
2419      align-items: center;
2420      justify-content: space-between;
2421      -moz-column-gap: calc(var(--spacing) * 2);
2422           column-gap: calc(var(--spacing) * 2);
2423    }
2424  }
2425}
2426.count-badge {
2427  display: flex;
2428  align-items: center;
2429  -moz-column-gap: calc(var(--spacing) * 2);
2430       column-gap: calc(var(--spacing) * 2);
2431  padding-inline: calc(var(--spacing) * 1.5);
2432  padding-block: calc(var(--spacing) * 0.5);
2433  border-radius: 4px;
2434  font-size: var(--text-xs);
2435  line-height: var(--tw-leading, var(--text-xs--line-height));
2436  --tw-font-weight: var(--font-weight-medium);
2437  font-weight: var(--font-weight-medium);
2438  color: #a855f7;
2439  --tw-numeric-spacing: tabular-nums;
2440  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2441  background-color: color-mix(in oklab, #a855f7 10%, transparent);
2442  transform-origin: center;
2443  transition-property: all;
2444  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2445  transition-duration: var(--tw-duration, var(--default-transition-duration));
2446  transition-delay: 150ms;
2447  --tw-duration: 300ms;
2448  transition-duration: 300ms;
2449}
2450.count-flash {
2451  animation: countFlash .3s ease-out forwards;
2452}
2453.count-flash-white {
2454  animation: countFlashShake .3s ease-out forwards;
2455  transition-delay: 500ms !important;
2456}
2457.change-scope {
2458  display: flex;
2459  align-items: center;
2460  -moz-column-gap: calc(var(--spacing) * 1);
2461       column-gap: calc(var(--spacing) * 1);
2462  color: #666;
2463  font-size: var(--text-xs);
2464  line-height: var(--tw-leading, var(--text-xs--line-height));
2465  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
2466  > div {
2467    padding-inline: calc(var(--spacing) * 1.5);
2468    padding-block: calc(var(--spacing) * 0.5);
2469    border-radius: 4px;
2470    font-size: var(--text-xs);
2471    line-height: var(--tw-leading, var(--text-xs--line-height));
2472    --tw-font-weight: var(--font-weight-medium);
2473    font-weight: var(--font-weight-medium);
2474    --tw-numeric-spacing: tabular-nums;
2475    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2476    transform-origin: center;
2477    transition-property: all;
2478    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2479    transition-duration: var(--tw-duration, var(--default-transition-duration));
2480    transition-delay: 150ms;
2481    --tw-duration: 300ms;
2482    transition-duration: 300ms;
2483    &[data-flash="true"] {
2484      background-color: color-mix(in oklab, #a855f7 10%, transparent);
2485      color: #a855f7;
2486    }
2487  }
2488}
2489.react-scan-slider {
2490  position: relative;
2491  min-height: calc(var(--spacing) * 6);
2492  > input {
2493    position: absolute;
2494    inset: calc(var(--spacing) * 0);
2495    opacity: 0%;
2496  }
2497  &:before {
2498    --tw-content: '';
2499    content: var(--tw-content);
2500    position: absolute;
2501    inset-inline: calc(var(--spacing) * 0);
2502    top: calc(1 / 2 * 100%);
2503    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2504    translate: var(--tw-translate-x) var(--tw-translate-y);
2505    height: calc(var(--spacing) * 1.5);
2506    background-color: color-mix(in oklab, #8e61e3 40%, transparent);
2507    border-radius: var(--radius-lg);
2508    pointer-events: none;
2509  }
2510  &:after {
2511    --tw-content: '';
2512    content: var(--tw-content);
2513    position: absolute;
2514    inset-inline: calc(var(--spacing) * 0);
2515    inset-block: calc(var(--spacing) * -2);
2516    z-index: calc(10 * -1);
2517  }
2518  span {
2519    position: absolute;
2520    top: calc(1 / 2 * 100%);
2521    left: calc(var(--spacing) * 0);
2522    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2523    translate: var(--tw-translate-x) var(--tw-translate-y);
2524    height: calc(var(--spacing) * 2.5);
2525    width: calc(var(--spacing) * 2.5);
2526    border-radius: var(--radius-lg);
2527    background-color: #8e61e3;
2528    pointer-events: none;
2529    transition-property: transform, translate, scale, rotate;
2530    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2531    transition-duration: var(--tw-duration, var(--default-transition-duration));
2532    --tw-duration: 75ms;
2533    transition-duration: 75ms;
2534  }
2535}
2536.resize-v-line {
2537  display: flex;
2538  align-items: center;
2539  justify-content: center;
2540  max-width: calc(var(--spacing) * 1);
2541  min-width: calc(var(--spacing) * 1);
2542  height: 100%;
2543  width: 100%;
2544  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2545  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2546  transition-duration: var(--tw-duration, var(--default-transition-duration));
2547  &:hover,
2548  &:active {
2549    > span {
2550      background-color: #222;
2551    }
2552    svg {
2553      opacity: 100%;
2554    }
2555  }
2556  &::before {
2557    --tw-content: "";
2558    content: var(--tw-content);
2559    position: absolute;
2560    inset: calc(var(--spacing) * 0);
2561    left: calc(1 / 2 * 100%);
2562    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2563    translate: var(--tw-translate-x) var(--tw-translate-y);
2564    width: 1px;
2565    background-color: #222;
2566    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2567    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2568    transition-duration: var(--tw-duration, var(--default-transition-duration));
2569  }
2570  > span {
2571    position: absolute;
2572    top: calc(1 / 2 * 100%);
2573    left: calc(1 / 2 * 100%);
2574    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2575    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2576    translate: var(--tw-translate-x) var(--tw-translate-y);
2577    height: 18px;
2578    width: calc(var(--spacing) * 1.5);
2579    border-radius: 4px;
2580    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2581    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2582    transition-duration: var(--tw-duration, var(--default-transition-duration));
2583  }
2584  svg {
2585    position: absolute;
2586    top: calc(1 / 2 * 100%);
2587    left: calc(1 / 2 * 100%);
2588    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
2589    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
2590    translate: var(--tw-translate-x) var(--tw-translate-y);
2591    rotate: 90deg;
2592    color: var(--color-neutral-400);
2593    opacity: 0%;
2594    transition-property: opacity;
2595    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2596    transition-duration: var(--tw-duration, var(--default-transition-duration));
2597    z-index: 50;
2598  }
2599}
2600.tree-node-search-highlight {
2601  overflow: hidden;
2602  text-overflow: ellipsis;
2603  white-space: nowrap;
2604  span {
2605    padding-block: 1px;
2606    border-radius: var(--radius-sm);
2607    background-color: var(--color-yellow-300);
2608    --tw-font-weight: var(--font-weight-medium);
2609    font-weight: var(--font-weight-medium);
2610    color: var(--color-black);
2611  }
2612  .single {
2613    margin-right: 1px;
2614    padding-inline: 2px;
2615  }
2616  .regex {
2617    padding-inline: 2px;
2618  }
2619  .start {
2620    margin-left: 1px;
2621    border-top-left-radius: var(--radius-sm);
2622    border-bottom-left-radius: var(--radius-sm);
2623  }
2624  .end {
2625    margin-right: 1px;
2626    border-top-right-radius: var(--radius-sm);
2627    border-bottom-right-radius: var(--radius-sm);
2628  }
2629  .middle {
2630    margin-inline: 1px;
2631    border-radius: var(--radius-sm);
2632  }
2633}
2634.react-scan-toolbar-notification {
2635  position: absolute;
2636  inset-inline: calc(var(--spacing) * 0);
2637  display: flex;
2638  align-items: center;
2639  -moz-column-gap: calc(var(--spacing) * 2);
2640       column-gap: calc(var(--spacing) * 2);
2641  padding: calc(var(--spacing) * 1);
2642  padding-left: calc(var(--spacing) * 2);
2643  font-size: 10px;
2644  color: var(--color-neutral-300);
2645  background-color: color-mix(in srgb, #000 90%, transparent);
2646  @supports (color: color-mix(in lab, red, red)) {
2647    background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
2648  }
2649  transition-property: transform, translate, scale, rotate;
2650  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2651  transition-duration: var(--tw-duration, var(--default-transition-duration));
2652  &:before {
2653    --tw-content: '';
2654    content: var(--tw-content);
2655    position: absolute;
2656    inset-inline: calc(var(--spacing) * 0);
2657    background-color: var(--color-black);
2658    height: calc(var(--spacing) * 2);
2659  }
2660  &.position-top {
2661    top: 100%;
2662    --tw-translate-y: -100%;
2663    translate: var(--tw-translate-x) var(--tw-translate-y);
2664    border-bottom-right-radius: var(--radius-lg);
2665    border-bottom-left-radius: var(--radius-lg);
2666    &::before {
2667      top: calc(var(--spacing) * 0);
2668      --tw-translate-y: -100%;
2669      translate: var(--tw-translate-x) var(--tw-translate-y);
2670    }
2671  }
2672  &.position-bottom {
2673    bottom: 100%;
2674    --tw-translate-y: 100%;
2675    translate: var(--tw-translate-x) var(--tw-translate-y);
2676    border-top-left-radius: var(--radius-lg);
2677    border-top-right-radius: var(--radius-lg);
2678    &::before {
2679      bottom: calc(var(--spacing) * 0);
2680      --tw-translate-y: 100%;
2681      translate: var(--tw-translate-x) var(--tw-translate-y);
2682    }
2683  }
2684  &.is-open {
2685    --tw-translate-y: calc(var(--spacing) * 0);
2686    translate: var(--tw-translate-x) var(--tw-translate-y);
2687  }
2688}
2689.react-scan-header-item {
2690  position: absolute;
2691  inset: calc(var(--spacing) * 0);
2692  --tw-translate-y: calc(200% * -1);
2693  translate: var(--tw-translate-x) var(--tw-translate-y);
2694  transition-property: transform, translate, scale, rotate;
2695  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2696  transition-duration: var(--tw-duration, var(--default-transition-duration));
2697  --tw-duration: 300ms;
2698  transition-duration: 300ms;
2699  &.is-visible {
2700    --tw-translate-y: calc(var(--spacing) * 0);
2701    translate: var(--tw-translate-x) var(--tw-translate-y);
2702  }
2703}
2704.react-scan-components-tree:has(.resize-v-line:hover, .resize-v-line:active)
2705  .tree {
2706  overflow: hidden;
2707}
2708.react-scan-expandable {
2709  display: grid;
2710  grid-template-rows: 0fr;
2711  overflow: hidden;
2712  transition-property: all;
2713  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2714  transition-duration: var(--tw-duration, var(--default-transition-duration));
2715  --tw-duration: 75ms;
2716  transition-duration: 75ms;
2717  transition-timing-function: ease-out;
2718  > * {
2719    min-height: 0;
2720  }
2721  &.react-scan-expanded {
2722    grid-template-rows: 1fr;
2723    transition-duration: 100ms;
2724  }
2725}
2726@property --tw-translate-x {
2727  syntax: "*";
2728  inherits: false;
2729  initial-value: 0;
2730}
2731@property --tw-translate-y {
2732  syntax: "*";
2733  inherits: false;
2734  initial-value: 0;
2735}
2736@property --tw-translate-z {
2737  syntax: "*";
2738  inherits: false;
2739  initial-value: 0;
2740}
2741@property --tw-scale-x {
2742  syntax: "*";
2743  inherits: false;
2744  initial-value: 1;
2745}
2746@property --tw-scale-y {
2747  syntax: "*";
2748  inherits: false;
2749  initial-value: 1;
2750}
2751@property --tw-scale-z {
2752  syntax: "*";
2753  inherits: false;
2754  initial-value: 1;
2755}
2756@property --tw-rotate-x {
2757  syntax: "*";
2758  inherits: false;
2759}
2760@property --tw-rotate-y {
2761  syntax: "*";
2762  inherits: false;
2763}
2764@property --tw-rotate-z {
2765  syntax: "*";
2766  inherits: false;
2767}
2768@property --tw-skew-x {
2769  syntax: "*";
2770  inherits: false;
2771}
2772@property --tw-skew-y {
2773  syntax: "*";
2774  inherits: false;
2775}
2776@property --tw-space-y-reverse {
2777  syntax: "*";
2778  inherits: false;
2779  initial-value: 0;
2780}
2781@property --tw-divide-y-reverse {
2782  syntax: "*";
2783  inherits: false;
2784  initial-value: 0;
2785}
2786@property --tw-border-style {
2787  syntax: "*";
2788  inherits: false;
2789  initial-value: solid;
2790}
2791@property --tw-leading {
2792  syntax: "*";
2793  inherits: false;
2794}
2795@property --tw-font-weight {
2796  syntax: "*";
2797  inherits: false;
2798}
2799@property --tw-tracking {
2800  syntax: "*";
2801  inherits: false;
2802}
2803@property --tw-shadow {
2804  syntax: "*";
2805  inherits: false;
2806  initial-value: 0 0 #0000;
2807}
2808@property --tw-shadow-color {
2809  syntax: "*";
2810  inherits: false;
2811}
2812@property --tw-shadow-alpha {
2813  syntax: "<percentage>";
2814  inherits: false;
2815  initial-value: 100%;
2816}
2817@property --tw-inset-shadow {
2818  syntax: "*";
2819  inherits: false;
2820  initial-value: 0 0 #0000;
2821}
2822@property --tw-inset-shadow-color {
2823  syntax: "*";
2824  inherits: false;
2825}
2826@property --tw-inset-shadow-alpha {
2827  syntax: "<percentage>";
2828  inherits: false;
2829  initial-value: 100%;
2830}
2831@property --tw-ring-color {
2832  syntax: "*";
2833  inherits: false;
2834}
2835@property --tw-ring-shadow {
2836  syntax: "*";
2837  inherits: false;
2838  initial-value: 0 0 #0000;
2839}
2840@property --tw-inset-ring-color {
2841  syntax: "*";
2842  inherits: false;
2843}
2844@property --tw-inset-ring-shadow {
2845  syntax: "*";
2846  inherits: false;
2847  initial-value: 0 0 #0000;
2848}
2849@property --tw-ring-inset {
2850  syntax: "*";
2851  inherits: false;
2852}
2853@property --tw-ring-offset-width {
2854  syntax: "<length>";
2855  inherits: false;
2856  initial-value: 0px;
2857}
2858@property --tw-ring-offset-color {
2859  syntax: "*";
2860  inherits: false;
2861  initial-value: #fff;
2862}
2863@property --tw-ring-offset-shadow {
2864  syntax: "*";
2865  inherits: false;
2866  initial-value: 0 0 #0000;
2867}
2868@property --tw-outline-style {
2869  syntax: "*";
2870  inherits: false;
2871  initial-value: solid;
2872}
2873@property --tw-blur {
2874  syntax: "*";
2875  inherits: false;
2876}
2877@property --tw-brightness {
2878  syntax: "*";
2879  inherits: false;
2880}
2881@property --tw-contrast {
2882  syntax: "*";
2883  inherits: false;
2884}
2885@property --tw-grayscale {
2886  syntax: "*";
2887  inherits: false;
2888}
2889@property --tw-hue-rotate {
2890  syntax: "*";
2891  inherits: false;
2892}
2893@property --tw-invert {
2894  syntax: "*";
2895  inherits: false;
2896}
2897@property --tw-opacity {
2898  syntax: "*";
2899  inherits: false;
2900}
2901@property --tw-saturate {
2902  syntax: "*";
2903  inherits: false;
2904}
2905@property --tw-sepia {
2906  syntax: "*";
2907  inherits: false;
2908}
2909@property --tw-drop-shadow {
2910  syntax: "*";
2911  inherits: false;
2912}
2913@property --tw-drop-shadow-color {
2914  syntax: "*";
2915  inherits: false;
2916}
2917@property --tw-drop-shadow-alpha {
2918  syntax: "<percentage>";
2919  inherits: false;
2920  initial-value: 100%;
2921}
2922@property --tw-drop-shadow-size {
2923  syntax: "*";
2924  inherits: false;
2925}
2926@property --tw-backdrop-blur {
2927  syntax: "*";
2928  inherits: false;
2929}
2930@property --tw-backdrop-brightness {
2931  syntax: "*";
2932  inherits: false;
2933}
2934@property --tw-backdrop-contrast {
2935  syntax: "*";
2936  inherits: false;
2937}
2938@property --tw-backdrop-grayscale {
2939  syntax: "*";
2940  inherits: false;
2941}
2942@property --tw-backdrop-hue-rotate {
2943  syntax: "*";
2944  inherits: false;
2945}
2946@property --tw-backdrop-invert {
2947  syntax: "*";
2948  inherits: false;
2949}
2950@property --tw-backdrop-opacity {
2951  syntax: "*";
2952  inherits: false;
2953}
2954@property --tw-backdrop-saturate {
2955  syntax: "*";
2956  inherits: false;
2957}
2958@property --tw-backdrop-sepia {
2959  syntax: "*";
2960  inherits: false;
2961}
2962@property --tw-duration {
2963  syntax: "*";
2964  inherits: false;
2965}
2966@property --tw-ease {
2967  syntax: "*";
2968  inherits: false;
2969}
2970@property --tw-content {
2970
2971  syntax: "*";
2972  initial-value: "";
2973  inherits: false;
2974}
2975@property --tw-ordinal {
2976  syntax: "*";
2977  inherits: false;
2978}
2979@property --tw-slashed-zero {
2980  syntax: "*";
2981  inherits: false;
2982}
2983@property --tw-numeric-figure {
2984  syntax: "*";
2985  inherits: false;
2986}
2987@property --tw-numeric-spacing {
2988  syntax: "*";
2989  inherits: false;
2990}
2991@property --tw-numeric-fraction {
2992  syntax: "*";
2993  inherits: false;
2994}
2995@keyframes fadeIn {
2996  0% {
2997    opacity: 0;
2998  }
2999  100% {
3000    opacity: 1;
3001  }
3002}
3003@keyframes fadeOut {
3004  0% {
3005    opacity: 1;
3006  }
3007  100% {
3008    opacity: 0;
3009  }
3010}
3011@keyframes countFlash {
3012  0% {
3013    background-color: rgba(168, 85, 247, 0.3);
3014    transform: scale(1.05);
3015  }
3016  100% {
3017    background-color: rgba(168, 85, 247, 0.1);
3018    transform: scale(1);
3019  }
3020}
3021@keyframes countFlashShake {
3022  0% {
3023    transform: translateX(0);
3024  }
3025  25% {
3026    transform: translateX(-5px);
3027  }
3028  50% {
3029    transform: translateX(5px) scale(1.1);
3030  }
3031  75% {
3032    transform: translateX(-5px);
3033  }
3034  100% {
3035    transform: translateX(0);
3036  }
3037}
3038@layer properties {
3039  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
3040    *, ::before, ::after, ::backdrop {
3041      --tw-translate-x: 0;
3042      --tw-translate-y: 0;
3043      --tw-translate-z: 0;
3044      --tw-scale-x: 1;
3045      --tw-scale-y: 1;
3046      --tw-scale-z: 1;
3047      --tw-rotate-x: initial;
3048      --tw-rotate-y: initial;
3049      --tw-rotate-z: initial;
3050      --tw-skew-x: initial;
3051      --tw-skew-y: initial;
3052      --tw-space-y-reverse: 0;
3053      --tw-divide-y-reverse: 0;
3054      --tw-border-style: solid;
3055      --tw-leading: initial;
3056      --tw-font-weight: initial;
3057      --tw-tracking: initial;
3058      --tw-shadow: 0 0 #0000;
3059      --tw-shadow-color: initial;
3060      --tw-shadow-alpha: 100%;
3061      --tw-inset-shadow: 0 0 #0000;
3062      --tw-inset-shadow-color: initial;
3063      --tw-inset-shadow-alpha: 100%;
3064      --tw-ring-color: initial;
3065      --tw-ring-shadow: 0 0 #0000;
3066      --tw-inset-ring-color: initial;
3067      --tw-inset-ring-shadow: 0 0 #0000;
3068      --tw-ring-inset: initial;
3069      --tw-ring-offset-width: 0px;
3070      --tw-ring-offset-color: #fff;
3071      --tw-ring-offset-shadow: 0 0 #0000;
3072      --tw-outline-style: solid;
3073      --tw-blur: initial;
3074      --tw-brightness: initial;
3075      --tw-contrast: initial;
3076      --tw-grayscale: initial;
3077      --tw-hue-rotate: initial;
3078      --tw-invert: initial;
3079      --tw-opacity: initial;
3080      --tw-saturate: initial;
3081      --tw-sepia: initial;
3082      --tw-drop-shadow: initial;
3083      --tw-drop-shadow-color: initial;
3084      --tw-drop-shadow-alpha: 100%;
3085      --tw-drop-shadow-size: initial;
3086      --tw-backdrop-blur: initial;
3087      --tw-backdrop-brightness: initial;
3088      --tw-backdrop-contrast: initial;
3089      --tw-backdrop-grayscale: initial;
3090      --tw-backdrop-hue-rotate: initial;
3091      --tw-backdrop-invert: initial;
3092      --tw-backdrop-opacity: initial;
3093      --tw-backdrop-saturate: initial;
3094      --tw-backdrop-sepia: initial;
3095      --tw-duration: initial;
3096      --tw-ease: initial;
3097      --tw-content: "";
3098      --tw-ordinal: initial;
3099      --tw-slashed-zero: initial;
3100      --tw-numeric-figure: initial;
3101      --tw-numeric-spacing: initial;
3102      --tw-numeric-fraction: initial;
3103    }
3104  }
3105}
3106`,cX=async e=>{try{let t=await aC(e),r=`${t.htmlPreview}${t.stackString}`;if(!r.trim())return!1;return await navigator.clipboard.writeText(r),!0}catch{return!1}},cK=tS(()=>lW("absolute inset-0 flex items-center gap-x-2","translate-y-0","transition-transform duration-300",lX.value&&"-translate-y-[200%]")),cZ=()=>{let e=e3(null),t=e3(null),[r,n]=e2(null);tq(()=>{let e=dL.inspectState.value;"focused"===e.kind&&n(e.fiber)}),tq(()=>{let r=l9.value;tu(()=>{var n,i;let o;if("focused"!==dL.inspectState.value.kind||!e.current||!t.current)return;let{totalUpdates:a,currentIndex:l,updates:s,isVisible:c,windowOffset:u}=r,d=Math.max(0,a-1),p=c?`#${u+l} Re-render`:d>0?`\xd7${d}`:"";if(d>0&&l>=0&&l<s.length){let e=null==(i=null==(n=s[l])?void 0:n.fiberInfo)?void 0:i.selfTime;o=e>0?e<.1-Number.EPSILON?"< 0.1ms":`${Number(e.toFixed(1))}ms`:void 0}e.current.dataset.text=p?` \u2022 ${p}`:"",t.current.dataset.text=o?` \u2022 ${o}`:""})});let i=e6(()=>
3106{if(!r)return null;let{name:e,wrappers:t,wrapperTypes:n}=lq(r),i=t.length?`${t.join("(")}(${e})${")".repeat(t.length)}`:null!=e?e:"",o=n[0];return ru("span",{title:i,className:"flex items-center gap-x-1",children:[null!=e?e:"Unknown",ru("span",{title:null==o?void 0:o.title,className:"flex items-center gap-x-1 text-[10px] text-purple-400",children:!!o&&ru(eE,{children:[ru("span",{className:lW("rounded py-[1px] px-1","truncate",o.compiler&&"bg-purple-800 text-neutral-400",!o.compiler&&"bg-neutral-700 text-neutral-300","memo"===o.type&&"bg-[#5f3f9a] text-white"),children:o.type},o.type),o.compiler&&ru("span",{className:"text-yellow-300",children:"✨"})]})}),n.length>1&&ru("span",{className:"text-[10px] text-neutral-400",children:["×",n.length-1]})]})},[r]);return ru("div",{className:cK,children:[i,ru("div",{className:"flex items-center gap-x-2 mr-auto text-xs text-[#888]",children:[ru("span",{ref:e,className:"with-data-text cursor-pointer !overflow-visible",title:"Click to toggle between rerenders and total renders"}),ru("span",{ref:t,className:"with-data-text !overflow-visible"})]})]})},cQ=()=>{let e=((e,t=150)=>{let[r,n]=e2(e);return e5(()=>
3106{if(e===r)return;let i=setTimeout(()=>n(e),e?150:t);return()=>clearTimeout(i)},[e,150,t]),r})("focused"===dL.inspectState.value.kind,0),t=tP(!1),r=()=>{l1.value={view:"none"},dL.inspectState.value={kind:"inspect-off"}},n=async()=>{let e=dL.inspectState.value;"focused"!==e.kind||!e.focusedDomElement||await cX(e.focusedDomElement)&&(t.value=!0,setTimeout(()=>{t.value=!1,r()},600))},i=e3(n);if(i.current=n,e5(()=>{let e=e=>{var t;let r,n=dL.inspectState.value;!("focused"!==n.kind||!n.focusedDomElement||"u">typeof window&&window.__REACT_GRAB__)&&(e.metaKey||e.ctrlKey)&&!e.shiftKey&&!e.altKey&&("c"===e.key||"KeyC"===e.code)&&((()=>{let e=document.activeElement;if(!e)return!1;let t=e.tagName;return!!("INPUT"===t||"TEXTAREA"===t||"SELECT"===t||e instanceof HTMLElement&&e.isContentEditable)})()||(r=null==(t=window.getSelection)?void 0:t.call(window))&&r.toString().length>0||(e.preventDefault(),e.stopImmediatePropagation(),i.current()))};return document.addEventListener("keydown",e,{capture:!0}),()=>{document.removeEventListener("keydown",e,{capture:!0})}},[]),"notifications"===l1.value.view)return;let o="focused"===dL.inspectState.value.kind,a=(()=>{if("u"<typeof navigator)return!1;let e=navigator.platform||"";return e?/Mac|iPhone|iPad|iPod/i.test(e):/Mac|iPhone|iPad|iPod/i.test(navigator.userAgent)})()?"⌘C":"Ctrl+C";return ru("div",{className:"react-scan-header",children:[ru("div",{className:"relative flex-1 h-full",children:ru("div",{className:lW("react-scan-header-item is-visible",!e&&"!duration-0"),children:ru(cZ,{})})}),o&&ru("button",{type:"button",title:`Copy element (${a})`,className:"react-scan-close-button",onClick:n,children:ru(aD,{name:t.value?"icon-check":"icon-copy",className:lW(t.value&&"text-green-500")})}),ru("button",{type:"button",title:"Close",className:"react-scan-close-button",onClick:r,children:ru(aD,{name:"icon-close"})})]})},c0=({className:e,...t})=>ru("div",{className:lW("react-scan-toggle",e),children:[ru("input",{type:"checkbox",...t}),ru("div",{})]}),c1=({fps:e})=>ru("div",{className:lW("flex items-center gap-x-1 px-2 w-full","h-6","rounded-md","font-mono leading-none","bg-[#141414]","ring-1 ring-white/[0.08]"),children:[ru("div",{style:{color:e<30?"#EF4444":e<50?"#F59E0B":"rgb(214,132,245)"},className:"text-sm font-semibold tracking-wide transition-colors ease-in-out w-full flex justify-center items-center",children:e}),ru("span",{className:"text-white/30 text-[11px] font-medium tracking-wide ml-auto min-w-fit",children:"FPS"})]}),c2=()=>{let[e,t]=e2(null);return e5(()=>{let e=setInterval(()=>{t(cp())},200);return()=>clearInterval(e)},[]),ru("div",{className:lW("flex items-center justify-end gap-x-2 px-1 ml-1 w-[72px]","whitespace-nowrap text-sm text-white"),children:null===e?ru(eE,{children:"️"}):ru(c1,{fps:e})})},c5=e=>{},c4=class e extends Array{constructor(e=25){super(),az(this,"capacity",e)}push(...e){let t=super.push(...e);for(;this.length>this.capacity;)this.shift();return t}static fromArray(t,r){let n=new e(r);return n.push(...t),n}},c3=new class{constructor(e){az(this,"subscribers",new Set),az(this,"currentValue"),this.currentValue=e}subscribe(e){return this.subscribers.add(e),e(this.currentValue),()=>{this.subscribers.delete(e)}}setState(e){this.currentValue=e,this.subscribers.forEach(t=>t(e))}getCurrentState(){return this.currentValue}}(new c4(150)),c6=new class{constructor(){az(this,"channels",{})}publish(e,t,r=!0){let n=this.channels[t];if(!n){if(!r)return;this.channels[t]={callbacks:new c4(50),state:new c4(50)},this.channels[t].state.push(e);return}n.state.push(e),n.callbacks.forEach(t=>t(e))}getAvailableChannels(){return c4.fromArray(Object.keys(this.channels),50)}subscribe(e,t,r=!1){let n=()=>(r||this.channels[e].state.forEach(e=>{t(e)}),()=>{let r=this.channels[e].callbacks.filter(e=>e!==t);this.channels[e].callbacks=c4.fromArray(r,50)}),i=this.channels[e];return i?i.callbacks.push(t):(this.channels[e]={callbacks:new c4(50),state:new c4(50)},this.channels[e].callbacks.push(t)),n()}updateChannelState(e,t,r=!0){let n=this.channels[e];if(!n){if(!r)return;let n=new c4(50),i={callbacks:new c4(50),state:n};this.channels[e]=i,i.state=t(n);return}n.state=t(n.state)}getChannelState(e){var t;return null!=(t=this.channels[e].state)?t:new c4(50)}},c8={skipProviders:!0,skipHocs:!0,skipContainers:!0,skipMinified:!0,skipUtilities:!0,skipBoundaries:!0},c7=[/Provider$/,/^Provider$/,/^Context$/],c9=[/^with[A-Z]/,/^forward(?:Ref)?$/i,/^Forward(?:Ref)?\(/],ue=[/^(?:App)?Container$/,/^Root$/,/^ReactDev/],ut=[/^Fragment$/,/^Suspense$/,/^ErrorBoundary$/,/^Portal$/,/^Consumer$/,/^Layout$/,/^Router/,/^Hydration/],ur=[/^Boundary$/,/Boundary$/,/^Provider$/,/Provider$/],un=(e,t=c8)=>{let r=[];return t.skipProviders&&r.push(...c7),t.skipHocs&&r.push(...c9),t.skipContainers&&r.push(...ue),t.skipUtilities&&r.push(...ut),t.skipBoundaries&&r.push(...ur),!r.some(t=>t.test(e))},ui=[/^[a-z]$/,/^[a-z][0-9]$/,/^_+$/,/^[A-Za-z][_$]$/,/^[a-z]{1,2}$/],uo=e=>{var t,r;for(let t=0;t<ui.length;t++)if(ui[t].test(e))return!0;let n=!/[aeiou]/i.test(e),i=(null!=(r=null==(t=e.match(/\d/g))?void 0:t.length)?r:0)>e.length/2,o=/^[a-z]+$/.test(e),a=/[$_]{2,}/.test(e);return Number(n)+Number(i)+Number(o)+Number(a)>=2},ua=e=>{let t=q(e);return t?t.replace(/^(?:Memo|Forward(?:Ref)?|With.*?)\((?<inner>.*?)\)$/,"$<inner>"):""},ul="never-hidden",us=null,uc=new c4(25),uu=(e,t)=>
3106{let r=null,n=t=>{switch(e){case"pointer":if("start"===t.phase)return"pointerup";if(t.target instanceof HTMLInputElement||t.target instanceof HTMLSelectElement)return"change";return"click";case"keyboard":if("start"===t.phase)return"keydown";return"change"}},i={current:{kind:"uninitialized-stage",interactionUUID:aO(),stageStart:Date.now(),interactionType:e}},o=r=>{var o,l;if(r.composedPath().some(e=>e instanceof Element&&"react-scan-toolbar-root"===e.id)||(Date.now()-i.current.stageStart>2e3&&(i.current={kind:"uninitialized-stage",interactionUUID:aO(),stageStart:Date.now(),interactionType:e}),"uninitialized-stage"!==i.current.kind))return;let s=performance.now();null==(o=null==t?void 0:t.onStart)||o.call(t,i.current.interactionUUID);let c=(e=>{var t;let r=sF(e);if(!r)return;let n=r?q(null==r?void 0:r.type):"N/A";if(n||(n=null!=(t=((e,t=()=>!0)=>{let r=e;for(;r;){let e=q(r.type);if(e&&t(e))return e;r=r.return}return null})(r,e=>e.length>2))?t:"N/A"),n)return{componentPath:((e,t=c8)=>{if(!e||!q(e.type))return[];let r=[],n=e;for(;n.return;){let e=ua(n.type);e&&!uo(e)&&un(e,t)&&e.toLowerCase()!==e&&r.push(e),n=n.return}let i=Array(r.length);for(let e=0;e<r.length;e++)i[e]=r[r.length-e-1];return i})(r),childrenTree:{},componentName:n,elementFiber:r}})(r.target);if(!c){null==(l=null==t?void 0:t.onError)||l.call(t,i.current.interactionUUID);return}let u={},d=uh(u);i.current={...i.current,interactionType:e,blockingTimeStart:Date.now(),childrenTree:c.childrenTree,componentName:c.componentName,componentPath:c.componentPath,fiberRenders:u,kind:"interaction-start",interactionStartDetail
3106:s,stopListeningForRenders:d};let p=n({phase:"end",target:r.target});document.addEventListener(p,a,{once:!0}),requestAnimationFrame(()=>{document.removeEventListener(p,a)})};document.addEventListener(n({phase:"start"}),o,{capture:!0});let a=(n,o,a)=>{var l;if("interaction-start"!==i.current.kind&&o===r){if("pointer"===e&&n.target instanceof HTMLSelectElement){i.current={kind:"uninitialized-stage",interactionUUID:aO(),stageStart:Date.now(),interactionType:e};return}null==(l=null==t?void 0:t.onError)||l.call(t,i.current.interactionUUID),i.current={kind:"uninitialized-stage",interactionUUID:aO(),stageStart:Date.now(),interactionType:e},c5("pointer -> click");return}r=o,(({onMicroTask:e,onRAF:t,onTimeout:r,abort:n})=>{queueMicrotask(()=>{(null==n?void 0:n())===!0||e()&&requestAnimationFrame(()=>{(null==n?void 0:n())===!0||t()&&setTimeout(()=>{(null==n?void 0:n())!==!0&&r()},0)})})})({abort:a,onMicroTask:()=>"uninitialized-stage"!==i.current.kind&&(i.current={...i.current,kind:"js-end-stage",jsEndDetail:performance.now()},!0),onRAF:()=>{var r;return"js-end-stage"!==i.current.kind&&"raf-stage"!==i.current.kind?(null==(r=null==t?void 0:t.onError)||r.call(t,i.current.interactionUUID),c5("bad transition to raf"),i.current={kind:"uninitialized-stage",interactionUUID:aO(),stageStart:Date.now(),interactionType:e},!1):(i.current={...i.current,kind:"raf-stage",rafStart:performance.now()},!0)},onTimeout:()=>{var r;if("raf-stage"!==i.current.kind){null==(r=null==t?void 0:t.onError)||r.call(t,i.current.interactionUUID),i.current={kind:"uninitialized-stage",interactionUUID:aO(),stageStart:Date.now(),interactionType:e},c5("raf->timeout");return}let n=Date.now(),o=Object.freeze({...i.current,kind:"timeout-stage",blockingTimeEnd:n,commitEnd:performance.now()});i.current={kind:"uninitialized-stage",interactionUUID:aO(),stageStart:n,interactionType:e};let a=!1,l=e=>{var r;a=!0;let n={detailedTiming:o,latency:"auto-complete-race"===e.kind?e.detailedTiming.commitEnd-e.detailedTiming.interactionStartDetail
3106:e.entry.latency,completedAt:Date.now(),flushNeeded:!0};null==(r=null==t?void 0:t.onComplete)||r.call(t,o.interactionUUID,n,e);let i=uc.filter(e=>e.interactionUUID!==o.interactionUUID);return uc=c4.fromArray(i,25),n},s={completeInteraction:l,endDateTime:Date.now(),startDateTime:o.blockingTimeStart,type:e,interactionUUID:o.interactionUUID};if(uc.push(s),up())setTimeout(()=>{if(a)return;l({kind:"auto-complete-race",detailedTiming:o,interactionUUID:o.interactionUUID});let e=uc.filter(e=>e.interactionUUID!==o.interactionUUID);uc=c4.fromArray(e,25)},1e3);else{let e=uc.filter(e=>e.interactionUUID!==o.interactionUUID);uc=c4.fromArray(e,25),l({kind:"auto-complete-race",detailedTiming:o,interactionUUID:o.interactionUUID})}}})},l=e=>{let t=aO();a(e,t,()=>t!==r)};return"keyboard"===e&&document.addEventListener("keypress",l),()=>{document.removeEventListener(n({phase:"start"}),o,{capture:!0}),document.removeEventListener("keypress",l)}},ud=e=>{var t;return null==(t=I(e,e=>{if(O(e))return!0}))?void 0:t.stateNode},up=()=>"PerformanceEventTiming"in globalThis,uh=e=>{let t=t=>{var r,n,i,o,a,l,s;let c=q(t.type);if(!c)return;let u=e[c];if(!u){let n=new Set,i=t.return&&sD(t.return),o=i&&q(i[0]);o&&n.add(o);let{selfTime:a,totalTime:l}=H(t),s=co(t),u={current:[],changes:new Set,changesCounts:new Map},d={fiberProps:s.fiberProps||u,fiberState:s.fiberState||u,fiberContext:s.fiberContext||u};e[c]={renderCount:1,hasMemoCache:B(t),wasFiberRenderMount:uf(t),parents:n,selfTime:a,totalTime:l,nodeInfo:[{element:ud(t),name:null!=(r=q(t.type))?r:"Unknown",selfTime:H(t).selfTime}],changes:d};return}if(null==(i=null==(n=sD(t))?void 0:n[0])?void 0:i.type){let e=t.return&&sD(t.return),r=e&&q(e[0]);r&&u.parents.add(r)}let{selfTime:d,totalTime:p}=H(t),h=co(t),m={current:[],changes:new Set,changesCounts:new Map};u.wasFiberRenderMount=u.wasFiberRenderMount||uf(t),u.hasMemoCache=u.hasMemoCache||B(t),u.changes={fiberProps:um((null==(o=u.changes)?void 0:o.fiberProps)||m,h.fiberProps||m),fiberState:um((null==(a=u.changes)?void 0:a.fiberState)||m,h.fiberState||m),fiberContext:um((null==(l=u.changes)?void 0:l.fiberContext)||m,h.fiberContext||m)},u.renderCount+=1,u.selfTime+=d,u.totalTime+=p,u.nodeInfo.push({element:ud(t),name:null!=(s=q(t.type))?s:"Unknown",selfTime:H(t).selfTime})};return dL.interactionListeningForRenders=t,()=>{dL.interactionListeningForRenders===t&&(dL.interactionListeningForRenders=null)}},um=(e,t)=>{let r={current:[...e.current],changes:new Set,changesCounts:new Map};for(let e of t.current)r.current.some(t=>t.name===e.name)||r.current.push(e);for(let n of t.changes)if("string"==typeof n||"number"==typeof n){r.changes.add(n);let i=e.changesCounts.get(n)||0,o=t.changesCounts.get(n)||0;r.changesCounts.set(n,i+o)}return r},uf=e=>{if(!e.alternate)return!0;let t=e.alternate,r=t&&null!=t.memoizedState&&null!=t.memoizedState.element&&!0!==t.memoizedState.isDehydrated,n=null!=e.memoizedState&&null!=e.memoizedState.element&&!0!==e.memoizedState.isDehydrated;return!r&&n},ug=e=>{let t,r=new Set,n=(e,n)=>{let i="function"==typeof e?e(t):e;if(!Object.is(i,t)){let e=t;t=(null!=n?n:"object"!=typeof i||null===i)?i:Object.assign({},t,i),r.forEach(r=>r(t,e))}},i=()=>t,o={setState:n,getState:i,getInitialState:()=>a,subscribe:(e,n)=>{let i,o;n?(i=e,o=n):o=e;let a=i?i(t):void 0,l=(e,t)=>{if(i){let r=i(e),n=i(t);Object.is(a,r)||(a=r,o(r,n))}else o(e,t)};return r.add(l),()=>r.delete(l)}},a=t=e(n,i,o);return o},uv=e=>e?ug(e):ug,ub=null;uv()(e=>({state:{events:[]},actions:{addEvent:t=>{e(e=>({state:{events:[...e.state.events,t]}}))},clear:()=>{e({state:{events:[]}})}}}));var uw=uv()((e,t)=>{let r=new Set;return{state:{events:new c4(200)},actions:{addEvent:n=>{r.forEach(e=>e(n));let i=[...t().state.events,n],o=new Set;i.forEach(e=>{if("interaction"!==e.kind){let t;(t=i.find(t=>{if("long-render"!==t.kind&&t.id!==e.id&&(e.data.startAt<=t.data.startAt&&e.data.endAt<=t.data.endAt&&e.data.endAt>=t.data.startAt||t.data.startAt<=e.data.startAt&&t.data.endAt>=e.data.startAt||e.data.startAt<=t.data.startAt&&e.data.endAt>=t.data.endAt))return!0}))&&(()=>{o.add(e.id)})()}});let a=i.filter(e=>!o.has(e.id));e(()=>({state:{events:c4.fromArray(a,200)}}))},addListener:e=>(r.add(e),()=>{r.delete(e)}),clear:()=>{e({state:{events:new c4(200)}})}}}}),uy=null,ux=null,uk=null,u_=[],uN=e=>{var t;let r=e.filter(e=>e.length>2);return 0===r.length?null!=(t=e.at(-1))?t:"Unknown":r.at(-1)},uS=e=>{switch(e.kind){case"interaction":{let{renderTime:t,otherJSTime:r,framePreparation:n,frameConstruction:i,frameDraw:o}=e;return t+r+n+i+(null!=o?o:0)}case"dropped-frames":return e.otherTime+e.renderTime}},uE=e=>{let t=uS(e.timing);switch(e.kind){case"interaction":if(t<200)return"low";if(t<500)return"needs-improvement";return"high";case"dropped-frames":if(t<50)return"low";if(t<150)return"needs-improvement";return"high"}},uC=eW(null),uT=({size:e=24,className:t})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:lW(["lucide lucide-chevron-right",t]),children:ru("path",{d:"m9 18 6-6-6-6"})}),uA=({className:e="",size:t=24,events:r=[]})=>{let n=r.includes(!0),i=r.filter(e=>e).length,o=n?Math.max(.6*t,14):Math.max(.4*t,6);return ru("div",{className:"relative",children:[ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:`lucide lucide-bell ${e}`,children:[ru("path",{d:"M10.268 21a2 2 0 0 0 3.464 0"}),ru("path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"})]}),r.length>0&&i>0&&dP.options.value.showNotificationCount&&ru("div",{className:lW(["absolute",n?"-top-2.5 -right-2.5":"-top-1 -right-1","rounded-full","flex items-center justify-center","text-[8px] font-medium text-white","as
3106pect-square",n?"bg-red-500/90":"bg-purple-500/90"]),style:{width:`${o}px`,height:`${o}px`,padding:n?"0.5px":"0"},children:n&&(i>99?">99":i)})]})},uz=({className:e="",size:t=24})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:e,children:[ru("path",{d:"M18 6 6 18"}),ru("path",{d:"m6 6 12 12"})]}),u$=({className:e="",size:t=24})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:e,children:[ru("path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"}),ru("path",{d:"M16 9a5 5 0 0 1 0 6"}),ru("path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728"})]}),uM=({className:e="",size:t=24})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:e,children:[ru("path",{d:"M16 9a5 5 0 0 1 .95 2.293"}),ru("path",{d:"M19.364 5.636a9 9 0 0 1 1.889 9.96"}),ru("path",{d:"m2 2 20 20"}),ru("path",{d:"m7 7-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11"}),ru("path",{d:"M9.828 4.172A.686.686 0 0 1 11 4.657v.686"})]}),uR=({size:e=24,className:t})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:lW(["lucide lucide-arrow-left",t]),children:[ru("path",{d:"m12 19-7-7 7-7"}),ru("path",{d:"M19 12H5"})]}),uF=({className:e="",size:t=24})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:e,children:[ru("path",{d:"M14 4.1 12 6"}),ru("path",{d:"m5.1 8-2.9-.8"}),ru("path",{d:"m6 12-1.9 2"}),ru("path",{d:"M7.2 2.2 8 5.1"}),ru("path",{d:"M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"})]}),uO=({className:e="",size:t=24})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:e,children:[ru("path",{d:"M10 8h.01"}),ru("path",{d:"M12 12h.01"}),ru("path",{d:"M14 8h.01"}),ru("path",{d:"M16 12h.01"}),ru("path",{d:"M18 8h.01"}),ru("path",{d:"M6 8h.01"}),ru("path",{d:"M7 16h10"}),ru("path",{d:"M8 12h.01"}),ru("rect",{width:"20",height:"16",x:"2",y:"4",rx:"2"})]}),uj=({className:e="",size:t=24})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",className:e,style:{transform:"rotate(180deg)"},children:[ru("circle",{cx:"12",cy:"12",r:"10"}),ru("path",{d:"m4.9 4.9 14.2 14.2"})]}),uD=({className:e="",size:t=24})=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:e,children:[ru("polyline",{points:"22 17 13.5 8.5 8.5 13.5 2 7"}),ru("polyline",{points:"16 17 22 17 22 11"})]}),uL=({children:e,triggerContent:t,wrapperProps:r})=>{var n;let[i,o]=e2("closed"),[a,l]=e2(null),[s,c]=e2({width:window.innerWidth,height:window.innerHeight}),u=e3(null),d=e3(null),p=e7(dz),h=e3(!1);e5(()=>{let e=()=>{c({width:window.innerWidth,height:window.innerHeight}),m()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let m=()=>{if(u.current&&p){let e=u.current.getBoundingClientRect(),t=p.getBoundingClientRect(),r=e.left+e.width/2,n=e.top;l(new DOMRect(r-t.left,n-t.top,e.width,e.height))}};e5(()=>{m()},[u.current]),e5(()=>
3106{if("opening"===i){let e=setTimeout(()=>o("open"),120);return()=>clearTimeout(e)}if("closing"===i){let e=setTimeout(()=>o("closed"),120);return()=>clearTimeout(e)}},[i]),e5(()=>{let e=setInterval(()=>{h.current||"closed"===i||o("closing")},1e3);return()=>clearInterval(e)},[i]);let f=(()=>{var e;if(!a||!p)return{top:0,left:0};let t=p.getBoundingClientRect(),r=(null==(e=d.current)?void 0:e.offsetHeight)||40,n=a.x+t.left,i=a.y+t.top,o=n,l=i-4;return o-87.5<5?o=92.5:o+87.5>s.width-5&&(o=s.width-5-87.5),l-r<5&&(l=i+a.height+4),{top:l-t.top,left:o-t.left}})();return ru(eE,{children:[p&&a&&"closed"!==i&&((n=eN(t7,{__v:ru("div",{ref:d,className:lW(["absolute z-100 bg-white text-black rounded-lg px-3 py-2 shadow-lg","transition-[opacity] duration-120 ease-out",'after:content-[""] after:absolute after:top-[100%]',"after:left-1/2 after:-translate-x-1/2","after:w-[10px] after:h-[6px]","after:border-l-[5px] after:border-l-transparent","after:border-r-[5px] after:border-r-transparent","after:border-t-[6px] after:border-t-white","pointer-events-none","opening"===i||"closing"===i?"opacity-0":"opacity-100"]),style:{top:f.top+"px",left:f.left+"px",transform:`translate(-50%, calc(-100% - 4px)) scale(${"open"===i?1:.97})`,minWidth:"175px",willChange:"opacity, transform"},children:e}),h:p})).containerInfo=p,n),ru("div",{ref:u,onMouseEnter:()=>{h.current=!0,m(),o("opening")},onMouseLeave:()=>{h.current=!1,m(),o("closing")},...r,children:t})]})},uP=({selectedEvent:e})=>{let{notificationState:t,setNotificationState:r,setRoute:n}=e7(uC);return ru("div",{className:lW(["flex w-full justify-between items-center px-3 py-2 text-xs"]),children:[ru("div",{className:lW(["bg-[#18181B] flex items-center gap-x-1 p-1 rounded-sm"]),children:[ru("button",{onClick:()=>{n({route:"render-visualization",routeMessage:null})},className:lW(["w-1/2 flex items-center justify-center whitespace-nowrap py-[5px] px-1 gap-x-1","render-visualization"===t.route||"render-explanation"===t.route?"text-white bg-[#7521c8] rounded-sm":"text-[#6E6E77] bg-[#18181B] rounded-sm"]),children:"Ranked"}),ru("button",{onClick:()=>{n({route:"other-visualization",routeMessage:null})},className:lW(["w-1/2 flex items-center justify-center whitespace-nowrap py-[5px] px-1 gap-x-1","other-visualization"===t.route?"text-white bg-[#7521c8] rounded-sm":"text-[#6E6E77] bg-[#18181B] rounded-sm"]),children:"Overview"}),ru("button",{onClick:()=>{n({route:"optimize",routeMessage:null})},className:lW(["w-1/2 flex items-center justify-center whitespace-nowrap py-[5px] px-1 gap-x-1","optimize"===t.route?"text-white bg-[#7521c8] rounded-sm":"text-[#6E6E77] bg-[#18181B] rounded-sm"]),children:ru("span",{children:"Prompts"})})]}),ru(uL,{triggerContent:ru("button",{onClick:()=>{r(e=>{e.audioNotificationsOptions.enabled&&"closed"!==e.audioNotificationsOptions.audioContext.state&&e.audioNotificationsOptions.audioContext.close();let t=e.audioNotificationsOptions.enabled;localStorage.setItem("react-scan-notifications-audio",String(!t));let r=new AudioContext;return e.audioNotificationsOptions.enabled||aj(r),t&&r.close(),{...e,audioNotificationsOptions:t?{audioContext:null,enabled:!1}:{audioContext:r,enabled:!0}}})},className:"ml-auto",children:ru("div",{className:lW(["flex gap-x-2 justify-center items-center text-[#6E6E77]"]),children:[ru("span",{children:"Alerts"}),t.audioNotificationsOptions.enabled?ru(u$,{size:16,className:"text-[#6E6E77]"}):ru(uM,{size:16,className:"text-[#6E6E77]"})]})}),children:ru(eE,{children:"Play a chime when a slowdown is recorded"})})]})},uI=e=>{let t="";return e.toSorted((e,t)=>t.totalTime-e.totalTime).slice(0,30).filter(e=>e.totalTime>5).forEach(e=>{let r="";r+="Component Name:",r+=e.name,r+="\n",r+=`Rendered: ${e.count} times
3107`,r+=`Sum of self times for ${e.name} is ${e.totalTime.toFixed(0)}ms
3108`,e.changes.props.length>0&&(r+=`Changed props for all ${e.name} instances ("name:count" pairs)
3109`,e.changes.props.forEach(e=>{r+=`${e.name}:${e.count}x
3110`})),e.changes.state.length>0&&(r+=`Changed state for all ${e.name} instances ("hook index:count" pairs)
3111`,e.changes.state.forEach(e=>{r+=`${e.index}:${e.count}x
3112`})),e.changes.context.length>0&&(r+=`Changed context for all ${e.name} instances ("context display name (if exists):count" pairs)
3113`,e.changes.context.forEach(e=>{r+=`${e.name}:${e.count}x
3114`})),t+=r,t+="\n"}),t},uW=(e,t)=>(()=>{switch(e){case"data":switch(t.kind){case"dropped-frames":return(({renderTime:e,otherTime:t,formattedReactData:r})=>`I will provide you with a set of high level, and low level performance data about a large frame drop in a React App:
3115### High level
3116- react component render time: ${e.toFixed(0)}ms
3117- how long it took to run everything else (other JavaScript, hooks like useEffect, style recalculations, layerization, paint & commit and everything else the browser might do to draw a new frame after javascript mutates the DOM): ${t}ms
3118
3119### Low level
3120We also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.
3121${r}`)({formattedReactData:uI(t.groupedFiberRenders),renderTime:t.groupedFiberRenders.reduce((e,t)=>e+t.totalTime,0),otherTime:t.timing.otherTime});case"interaction":return(({renderTime:e,eHandlerTimeExcludingRenders:t,toRafTime:r,commitTime:n,framePresentTime:i,formattedReactData:o})=>`I will provide you with a set of high level, and low level performance data about an interaction in a React App:
3122### High level
3123- react component render time: ${e.toFixed(0)}ms
3124- how long it took to run javascript event handlers (EXCLUDING REACT RENDERS): ${t.toFixed(0)}ms
3125- how long it took from the last event handler time, to the last request animation frame: ${r.toFixed(0)}ms
3126	- things like prepaint, style recalculations, layerization, async web API's like observers may occur during this time
3127- how long it took from the last request animation frame to when the dom was committed: ${n.toFixed(0)}ms
3128	- during this period you will see paint, commit, potential style recalcs, and other misc browser activity. Frequently high times here imply css that makes the browser do a lot of work, or mutating expensive dom properties during the event handler stage. This can be many things, but it narrows the problem scope significantly when this is high
3129${null===i?"":`- how long it took from dom commit for the frame to be presented: ${i.toFixed(0)}ms. This is when information about how to paint the next frame is sent to the compositor threads, and when the GPU does work. If this is high, look for issues that may be a bottleneck for operations occurring during this time`}
3130
3131### Low level
3132We also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.
3133${o}`)({commitTime:t.timing.frameConstruction,eHandlerTimeExcludingRenders:t.timing.otherJSTime,formattedReactData:uI(t.groupedFiberRenders),framePresentTime:t.timing.frameDraw,renderTime:t.groupedFiberRenders.reduce((e,t)=>e+t.totalTime,0),toRafTime:t.timing.framePreparation})}case"explanation":switch(t.kind){case"dropped-frames":return(({renderTime:e,otherTime:t,formattedReactData:r})=>`Your goal will be to help me find the source of a performance problem in a React App. I collected a large dataset about this specific performance problem.
3134
3135We have the high level time of how much react spent rendering, and what else the browser spent time on during this slowdown
3136
3137- react component render time: ${e.toFixed(0)}ms
3138- other time (other JavaScript, hooks like useEffect, style recalculations, layerization, paint & commit and everything else the browser might do to draw a new frame after javascript mutates the DOM): ${t}ms
3139
3140
3141We also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.
3142
3143${r}
3144
3145You may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could have been memoized to avoid computation
3146
3147It's also important to remember if a component had no props/state/context change, and it was memoized, it would not render. So a flow we can go through is:
3148- find the most expensive components
3149- see what's causing them to render
3150- determine how you can make those state/props/context not change for a large set of the renders
3151- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. 
3152
3153
3154An important thing to note is that if you see a lot of react renders (some components with very high render counts), but other time is much higher than render time, it is possible that the components with lots of renders run hooks like useEffect/useLayoutEffect, which run outside of what we profile (just react render time).
3155
3156It's also good to note that react profiles hook times in development, and if many hooks are called (lets say 5,000 components all called a useEffect), it will have to profile every single one, and this can add significant overhead when thousands of effects ran.
3157
3158If it's not possible to explain the root problem from this data, please ask me for more data explicitly, and what we would need to know to find the source of the performance problem.
3159`)({formattedReactData:uI(t.groupedFiberRenders),renderTime:t.groupedFiberRenders.reduce((e,t)=>
3159e+t.totalTime,0),otherTime:t.timing.otherTime});case"interaction":return(({interactionType:e,name:t,time:r,renderTime:n,eHandlerTimeExcludingRenders:i,toRafTime:o,commitTime:a,framePresentTime:l,formattedReactData:s})=>`Your goal will be to help me find the source of a performance problem. I collected a large dataset about this specific performance problem.
3160
3161There was a ${e} on a component named ${t}. This means, roughly, the component that handled the ${e} event was named ${t}.
3162
3163We have a set of high level, and low level data about the performance issue.
3164
3165The click took ${r.toFixed(0)}ms from interaction start, to when a new frame was presented to a user.
3166
3167We also provide you with a breakdown of what the browser spent time on during the period of interaction start to frame presentation.
3168
3169- react component render time: ${n.toFixed(0)}ms
3170- how long it took to run javascript event handlers (EXCLUDING REACT RENDERS): ${i.toFixed(0)}ms
3171- how long it took from the last event handler time, to the last request animation frame: ${o.toFixed(0)}ms
3172	- things like prepaint, style recalculations, layerization, async web API's like observers may occur during this time
3173- how long it took from the last request animation frame to when the dom was committed: ${a.toFixed(0)}ms
3174	- during this period you will see paint, commit, potential style recalcs, and other misc browser activity. Frequently high times here imply css that makes the browser do a lot of work, or mutating expensive dom properties during the event handler stage. This can be many things, but it narrows the problem scope significantly when this is high
3175${null===l?"":`- how long it took from dom commit for the frame to be presented: ${l.toFixed(0)}ms. This is when information about how to paint the next frame is sent to the compositor threads, and when the GPU does work. If this is high, look for issues that may be a bottleneck for operations occurring during this time`}
3176
3177We also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.
3178
3179${s}
3180
3181
3182You may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could have been memoized to avoid computation
3183
3184It's also important to remember if a component had no props/state/context change, and it was memoized, it would not render. So a flow we can go through is:
3185- find the most expensive components
3186- see what's causing them to render
3187- determine how you can make those state/props/context not change for a large set of the renders
3188- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. 
3189
3190
3191An important thing to note is that if you see a lot of react renders (some components with very high render counts), but javascript excluding renders is much higher than render time, it is possible that the components with lots of renders run hooks like useEffect/useLayoutEffect, which run during the JS event handler period.
3192
3193It's also good to note that react profiles hook times in development, and if many hooks are called (lets say 5,000 components all called a useEffect), it will have to profile every single one. And it may also be the case the comparison of the hooks dependency can be expensive, and that would not be tracked in render time.
3194
3195If it's not possible to explain the root problem from this data, please ask me for more data explicitly, and what we would need to know to find the source of the performance problem.
3196`)({commitTime:t.timing.frameConstruction,eHandlerTimeExcludingRenders:t.timing.otherJSTime,formattedReactData:uI(t.groupedFiberRenders),framePresentTime:t.timing.frameDraw,interactionType:t.type,name:uN(t.componentPath),renderTime:t.groupedFiberRenders.reduce((e,t)=>e+t.totalTime,0),time:uS(t.timing),toRafTime:t.timing.framePreparation})}case"fix":switch(t.kind){case"dropped-frames":return(({renderTime:e,otherTime:t,formattedReactData:r})=>`You will attempt to implement a performance improvement to a large slowdown in a react app
3197
3198Your should split your goals into 2 parts:
3199- identifying the problem
3200- fixing the problem
3201	- it is okay to implement a fix even if you aren't 100% sure the fix solves the performance problem. When you aren't sure, you should tell the user to try repeating the interaction, and feeding the "Formatted Data" in the React Scan notifications optimize tab. This allows you to start a debugging flow with the user, where you attempt a fix, and observe the result. The user may make a mistake when they pass you the formatted data, so must make sure, given the data passed to you, that the associated data ties to the same interaction you were trying to debug.
3202
3203Make sure to check if the user has the react compiler enabled (project dependent, configured through build tool), so you don't unnecessarily memoize components. If it is, you do not need to worry about memoizing user components
3204
3205One challenge you may face is the performance problem lies in a node_module, not in user code. If you are confident the problem originates because of a node_module, there are multiple strategies, which are context dependent:
3206- you can try to work around the problem, knowing which module is slow
3207- you can determine if its possible to resolve the problem in the node_module by modifying non node_module code
3208- you can monkey patch the node_module to experiment and see if it's really the problem (you can modify a functions properties to hijack the call for example)
3209- you can determine if it's feasible to replace whatever node_module is causing the problem with a performant option (this is an extreme)
3210
3211
3212We have the high level time of how much react spent rendering, and what else the browser spent time on during this slowdown
3213
3214- react component render time: ${e.toFixed(0)}ms
3215- other time: ${t}ms
3216
3217
3218We also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.
3219
3220${r}
3221
3222You may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could have been memoized to avoid computation
3223
3224It's also important to remember if a component had no props/state/context change, and it was memoized, it would not render. So the flow should be:
3225- find the most expensive components
3226- see what's causing them to render
3227- determine how you can make those state/props/context not change for a large set of the renders
3228- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. 
3229
3230An important thing to note is that if you see a lot of react renders (some components with very high render counts), but other time is much higher than render time, it is possible that the components with lots of renders run hooks like useEffect/useLayoutEffect, which run outside of what we profile (just react render time).
3231
3232It's also good to note that react profiles hook times in development, and if many hooks are called (lets say 5,000 components all called a useEffect), it will have to profile every single one. And it may al
3232so be the case the comparison of the hooks dependency can be expensive, and that would not be tracked in render time.
3233
3234If a node_module is the component with high renders, you can experiment to see if that component is the root issue (because of hooks). You should use the same instructions for node_module debugging mentioned previously.
3235
3236If renders don't seem to be the problem, see if there are any expensive CSS properties being added/mutated, or any expensive DOM Element mutations/new elements being created that could cause this slowdown. 
3237`)({formattedReactData:uI(t.groupedFiberRenders),renderTime:t.groupedFiberRenders.reduce((e,t)=>e+t.totalTime,0),otherTime:t.timing.otherTime});case"interaction":return(({interactionType:e,name:t,componentPath:r,time:n,renderTime:i,eHandlerTimeExcludingRenders:o,toRafTime:a,commitTime:l,framePresentTime:s,formattedReactData:c})=>`You will attempt to implement a performance improvement to a user interaction in a React app. You will be provided with data about the interaction, and the slow down.
3238
3239Your should split your goals into 2 parts:
3240- identifying the problem
3241- fixing the problem
3242	- it is okay to implement a fix even if you aren't 100% sure the fix solves the performance problem. When you aren't sure, you should tell the user to try repeating the interaction, and feeding the "Formatted Data" in the React Scan notifications optimize tab. This allows you to start a debugging flow with the user, where you attempt a fix, and observe the result. The user may make a mistake when they pass you the formatted data, so must make sure, given the data passed to you, that the associated data ties to the same interaction you were trying to debug.
3243
3244
3245Make sure to check if the user has the react compiler enabled (project dependent, configured through build tool), so you don't unnecessarily memoize components. If it is, you do not need to worry about memoizing user components
3246
3247One challenge you may face is the performance problem lies in a node_module, not in user code. If you are confident the problem originates because of a node_module, there are multiple strategies, which are context dependent:
3248- you can try to work around the problem, knowing which module is slow
3249- you can determine if its possible to resolve the problem in the node_module by modifying non node_module code
3250- you can monkey patch the node_module to experiment and see if it's really the problem (you can modify a functions properties to hijack the call for example)
3251- you can determine if it's feasible to replace whatever node_module is causing the problem with a performant option (this is an extreme)
3252
3253The interaction was a ${e} on the component named ${t}. This component has the following ancestors ${r}. This is the path from the component, to the root. This should be enough information to figure out where this component is in the user's code base
3254
3255This path is the component that was clicked, so it should tell you roughly where component had an event handler that triggered a state change.
3256
3257Please note that the leaf node of this path might not be user code (if they use a UI library), and they may contain many wrapper components that just pass through children that aren't relevant to the actual click. So make you sure analyze the path and understand what the user code is doing
3258
3259We have a set of high level, and low level data about the performance issue.
3260
3261The click took ${n.toFixed(0)}ms from interaction start, to when a new frame was presented to a user.
3262
3263We also provide you with a breakdown of what the browser spent time on during the period of interaction start to frame presentation.
3264
3265- react component render time: ${i.toFixed(0)}ms
3266- how long it took to run javascript event handlers (EXCLUDING REACT RENDERS): ${o.toFixed(0)}ms
3267- how long it took from the last event handler time, to the last request animation frame: ${a.toFixed(0)}ms
3268	- things like prepaint, style recalculations, layerization, async web API's like observers may occur during this time
3269- how long it took from the last request animation frame to when the dom was committed: ${l.toFixed(0)}ms
3270	- during this period you will see paint, commit, potential style recalcs, and other misc browser activity. Frequently high times here imply css that makes the browser do a lot of work, or mutating expensive dom properties during the event handler stage. This can be many things, but it narrows the problem scope significantly when this is high
3271${null===s?"":`- how long it took from dom commit for the frame to be presented: ${s.toFixed(0)}ms. This is when information about how to paint the next frame is sent to the compositor threads, and when the GPU does work. If this is high, look for issues that may be a bottleneck for operations occurring during this time`}
3272
3273
3274We also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.
3275
3276${c}
3277
3278You may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could have been memoized to avoid computation
3279
3280It's also important to remember if a component had no props/state/context change, and it was memoized, it would not render. So the flow should be:
3281- find the most expensive components
3282- see what's causing them to render
3283- determine how you can make those state/props/context not change for a large set of the renders
3284- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. 
3285
3286An important thing to note is that if you see a lot of react renders (some components with very high render counts), but javascript excluding renders is much higher than render time, it is possible that the components with lots of renders run hooks like useEffect/useLayoutEffect, which run during the JS event handler period.
3287
3288It's also good to note that react profiles hook times in development, and if many hooks are called (lets say 5,000 components all called a useEffect), it will have to profile every single one. And it may also be the case the comparison of the hooks dependency can be expensive, and that would not be tracked in render time.
3289
3290If a node_module is the component with high renders, you can experiment to see if that component is the root issue (because of hooks). You should use the same instructions for node_module debugging mentioned previously.
3291
3292`)({commitTime:t.timing.frameConstruction,componentPath:t.componentPath.join(">"),eHandlerTimeExcludingRenders:t.timing.otherJSTime,formattedReactData:uI(t.groupedFiberRenders),framePresentTime:t.timing.frameDraw,interactionType:t.type,name:uN(t.componentPath),renderTime:t.groupedFiberRenders.reduce((e,t)=>e+t.totalTime,0),time:uS(t.timing),toRafTime:t.timing.framePreparation})}}})(),uU=({selectedEvent:e})=>{let[t,r]=e2("fix"),[n,i]=e2(!1);return ru("div",{className:lW(["w-full h-full"]),children:[ru("div",{className:lW(["border border-[#27272A] rounded-sm h-4/5 text-xs overflow-hidden"]),children:[ru("div",{className:lW(["bg-[#18181B] p-1 rounded-t-sm"]),children:ru("div",{className:lW(["flex items-center gap-x-1"]),children:[ru("button",{onClick:()=>r("fix"),className:lW(["flex items-center justify-center whitespace-nowrap py-1.5 px-3 rounded-sm","fix"===t?"text-white bg-[#7521c8]":"text-[#6E6E77] hover:text-white"]),children:"Fix"}),ru("button",{onClick:()=>r("explanation"),className:lW(["flex items-center justify-center whitespace-nowrap py-1.5 px-3 rounded-sm","explanation"===t?"text-white bg-[#7521c8]":"text-[#6E6E77] hover:text-white"]),children:"Explanation"}),ru("button",{onClick:()=>r("data"),className:lW(["flex items-center justify-center whitespace-nowrap py-1.5 px-3 rounded-sm","data"===t?"text-white bg-[#7521c8]":"text-[#6E6E77] hover:text-white"]),children:"Data"})]})}),ru("div",{className:lW(["overflow-y-auto h-full"]),children:ru("pre",{className:lW(["p-2 h-full","whitespace-pre-wrap break-words","text-gray-300 font-mono "]),children:uW(t,e)})})]}),ru("button",{onClick:async()=>{let r=uW(t,e);await navigator.clipboard.writeText(r),i(!0),setTimeout(()=>i(!1),1e3)},className:lW(["mt-4 px-4 py-2 bg-[#18181B] text-[#6E6E77] rounded-sm","hover:text-white transition-colors duration-200","flex items-center justify-center gap-x-2 text-xs"]),children:[ru("span",{children:n?"Copied!":"Copy Prompt"}),ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:lW(["transition-transform duration-200",n&&"scale-110"]),children:n?ru("path",{d:"M20 6L9 17l-5-5"}):ru(eE,{children:[ru("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),ru("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]})})]})]})},uH=({selectedEvent:e})=>{var t,r;let[n]=e2(null!=(t=dU())&&t),{notificationState:i}=e7(uC),[o,a]=e2((null==(r=i.routeMessage)?void 0:r.name)?[i.routeMessage.name]:[]),l=((e,t)=>{switch(e.kind){case"dropped-frames":return[...t?[{name:"Total Processing Time",time:uS(e.timing),color:"bg-red-500",kind:"total-processing-time"}]:[{name:"Renders",time:e.timing.renderTime,color:"bg-purple-500",kind:"render"},{name:"JavaScript, DOM updates, Draw Frame",time:e.timing.otherTime,color:"bg-[#4b4b4b]",kind:"other-frame-drop"}]];case"interaction":return[...t?[]:[{name:"Renders",time:e.timing.renderTime,color:"bg-purple-500",kind:"render"}],{name:t?"React Renders, Hooks, Other JavaScript":"JavaScript/React Hooks ",time:e.timing.otherJSTime,color:"bg-[#EFD81A]",kind:"other-javascript"},{name:"Update DOM and Draw New Frame",time:uS(e.timing)-e.timing.renderTime-e.timing.otherJSTime,color:"bg-[#1D3A66]",kind:"other-not-javascript"}]}})(e,n),s=e7(dz);e5(()=>{var e;if(null==(e=i.routeMessage)?void 0:e.name){let e=null==s?void 0:s.querySelector("#overview-scroll-container"),t=null==s?void 0:s.querySelector(`#react-scan-overview-bar-${i.routeMessage.name}`);if(e&&t){let r=t.getBoundingClientRect().top,n=e.getBoundingClientRect().top;e.scrollTop=e.scrollTop+(r-n)}}},[i.route]),e5(()=>{"other-visualization"===i.route&&a(e=>{var t;return(null==(t=i.routeMessage)?void 0:t.name)?[i.routeMessage.name]:e})},[i.route]);let c=l.reduce((e,t)=>
3292e+t.time,0);return ru("div",{className:"rounded-sm border border-zinc-800 text-xs",children:[ru("div",{className:"p-2 border-b border-zinc-800 bg-zinc-900/50",children:ru("div",{className:"flex items-center justify-between",children:[ru("h3",{className:"text-xs font-medium",children:"What was time spent on?"}),ru("span",{className:"text-xs text-zinc-400",children:["Total: ",c.toFixed(0),"ms"]})]})}),ru("div",{className:"divide-y divide-zinc-800",children:l.map(t=>{let r=o.includes(t.kind);return ru("div",{id:`react-scan-overview-bar-${t.kind}`,children:[ru("button",{onClick:()=>a(e=>e.includes(t.kind)?e.filter(e=>e!==t.kind):[...e,t.kind]),className:"w-full px-3 py-2 flex items-center gap-4 hover:bg-zinc-800/50 transition-colors",children:ru("div",{className:"flex-1",children:[ru("div",{className:"flex items-center justify-between mb-2",children:[ru("div",{className:"flex items-center gap-0.5",children:[ru("svg",{className:`h-4 w-4 text-zinc-400 transition-transform ${r?"rotate-90":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:ru("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),ru("span",{className:"font-medium flex items-center text-left",children:t.name})]}),ru("span",{className:" text-zinc-400",children:[t.time.toFixed(0),"ms"]})]}),ru("div",{className:"h-1 bg-zinc-800 rounded-full overflow-hidden",children:ru("div",{className:`h-full ${t.color} transition-all`,style:{width:`${t.time/c*100}%`}})})]})}),r&&ru("div",{className:"bg-zinc-900/30 border-t border-zinc-800 px-2.5 py-3",children:ru("p",{className:" text-zinc-400 mb-4 text-xs",children:(()=>{switch(e.kind){case"interaction":switch(t.kind){case"render":return ru(uJ,{input:uq(e)});case"other-javascript":return ru(uJ,{input:uG(e)});case"other-not-javascript":return ru(uJ,{input:uB(e)})}case"dropped-frames":switch(t.kind){case"total-processing-time":return ru(uJ,{input:{kind:"total-processing",data:{time:uS(e.timing)}}});case"render":return ru(eE,{children:ru(uJ,{input:{kind:"render",data:{topByTime:e.groupedFiberRenders.toSorted((e,t)=>t.totalTime-e.totalTime).slice(0,3).map(t=>({name:t.name,percentage:t.totalTime/uS(e.timing)}))}}})});case"other-frame-drop":return ru(uJ,{input:{kind:"other"}})}}})()})})]},t.kind)})})]})},uB=e=>{let t=e.groupedFiberRenders.reduce((e,t)=>e+t.count,0),r=e.timing.renderTime,n=uS(e.timing);return t>100?{kind:"high-render-count-update-dom-draw-frame",data:{count:t,percentageOfTotal:r/n*100,copyButton:ru(uV,{})}}:{kind:"update-dom-draw-frame",data:{copyButton:ru(uV,{})}}},uV=()=>{let[e,t]=e2(!1),{notificationState:r}=e7(uC);return ru("button",{onClick:async()=>{r.selectedEvent&&(await navigator.clipboard.writeText(uW("explanation",r.selectedEvent)),t(!0),setTimeout(()=>t(!1),1e3))},className:"bg-zinc-800 flex hover:bg-zinc-700 text-zinc-200 px-2 py-1 rounded gap-x-3",children:[ru("span",{children:e?"Copied!":"Copy Prompt"}),ru("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:lW(["transition-transform duration-200",e&&"scale-110"]),children:e?ru("path",{d:"M20 6L9 17l-5-5"}):ru(eE,{children:[ru("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),ru("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]})})]})},uq=e=>e.timing.renderTime/uS(e.timing)>.3?{kind:"render",data:{topByTime:e.groupedFiberRenders.toSorted((e,t)=>t.totalTime-e.totalTime).slice(0,3).map(t=>({percentage:t.totalTime/uS(e.timing),name:t.name}))}}:{kind:"other"},uG=e=>{let t=e.groupedFiberRenders.reduce((e,t)=>e+t.count,0);return e.timing.otherJSTime/uS(e.timing)<.2?{kind:"js-explanation-base"}:e.groupedFiberRenders.find(e=>e.count>200)||e.groupedFiberRenders.reduce((e,t)=>e+t.count,0)>500?{kind:"high-render-count-high-js",data:{renderCount:t,topByCount:e.groupedFiberRenders.filter(e=>e.count>100).toSorted((e,t)=>t.count-e.count).slice(0,3)}}:e.timing.otherJSTime/uS(e.timing)>.3?e.timing.renderTime>.2?{kind:"js-explanation-base"}:{kind:"low-render-count-high-js",data:{renderCount:t}}:{kind:"js-explanation-base"}},uJ=({input:e})=>{switch(e.kind){case"total-processing":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:["This is the time it took to draw the entire frame that was presented to the user. To be at 60FPS, this number needs to be ","<=16ms"]}
3292),ru("p",{children:'To debug the issue, check the "Ranked" tab to see if there are significant component renders'}),ru("p",{children:"On a production React build, React Scan can't access the time it took for component to render. To get that information, run React Scan on a development build"}),ru("p",{children:["To understand precisely what caused the slowdown while in production, use the ",ru("strong",{children:"Chrome profiler"})," and analyze the function call times."]}),ru("p",{})]});case"render":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:"This is the time it took React to run components, and internal logic to handle the output of your component."}),ru("div",{className:lW(["flex flex-col"]),children:[ru("p",{children:"The slowest components for this time period were:"}),e.data.topByTime.map(e=>ru("div",{children:[ru("strong",{children:e.name}),":"," ",(100*e.percentage).toFixed(0),"% of total"]},e.name))]}),ru("p",{children:'To view the render times of all your components, and what caused them to render, go to the "Ranked" tab'}),ru("p",{children:'The "Ranked" tab shows the render times of every component.'}),ru("p",{children:"The render times of the same components are grouped together into one bar."}),ru("p",{children:"Clicking the component will show you what props, state, or context caused the component to re-render."})]});case"js-explanation-base":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:"This is the period when JavaScript hooks and other JavaScript outside of React Renders run."}),ru("p",{children:["The most common culprit for high JS time is expensive hooks, like expensive callbacks inside of ",ru("code",{children:"useEffect"}),"'s or a large number of useEffect's called, but this can also be JavaScript event handlers (",ru("code",{children:"'onclick'"}),", ",ru("code",{children:"'onchange'"}),") that performed expensive computation."]}),ru("p",{children:"If you have lots of components rendering that call hooks, like useEffect, it can add significant overhead even if the callbacks are not expensive. If this is the case, you can try optimizing the renders of those components to avoid the hook from having to run."}),ru("p",{children:["You should profile your app using the"," ",ru("strong",{children:"Chrome DevTools profiler"})," to learn exactly which functions took the longest to execute."]})]});case"high-render-count-high-js":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:"This is the period when JavaScript hooks and other JavaScript outside of React Renders run."}),0===e.data.renderCount?ru(eE,{children:[ru("p",{children:"There were no renders, which means nothing related to React caused this slowdown. The most likely cause of the slowdown is a slow JavaScript event handler, or code related to a Web API"}),ru("p",{children:["You should try to reproduce the slowdown while profiling your website with the",ru("strong",{children:"Chrome DevTools profiler"})," to see exactly what functions took the longest to execute."]})]}):ru(eE,{children:[" ",ru("p",{children:["There were ",ru("strong",{children:e.data.renderCount})," renders, which could have contributed to the high JavaScript/Hook time if they ran lots of hooks, like ",ru("code",{children:"useEffects"}),"."]}),ru("div",{className:lW(["flex flex-col"]),children:[ru("p",{children:"You should try optimizing the renders of:"}),e.data.topByCount.map(e=>ru("div",{children:["- ",ru("strong",{children:e.name})," (rendered ",e.count,"x)"]},e.name))]}),"and then checking if the problem still exists.",ru("p",{children:["You can also try profiling your app using the"," ",ru("strong",{children:"Chrome DevTools profiler"})," to see exactly what functions took the longest to execute."]})]})]});case"low-render-count-high-js":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:"This is the peri
3292od when JavaScript hooks and other JavaScript outside of React Renders run."}),ru("p",{children:["There were only ",ru("strong",{children:e.data.renderCount})," renders detected, which means either you had very expensive hooks like"," ",ru("code",{children:"useEffect"}),"/",ru("code",{children:"useLayoutEffect"}),", or there is other JavaScript running during this interaction that took up the majority of the time."]}),ru("p",{children:["To understand precisely what caused the slowdown, use the"," ",ru("strong",{children:"Chrome profiler"})," and analyze the function call times."]})]});case"high-render-count-update-dom-draw-frame":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:"These are the calculations the browser is forced to do in response to the JavaScript that ran during the interaction."}),ru("p",{children:"This can be caused by CSS updates/CSS recalculations, or new DOM elements/DOM mutations."}),ru("p",{children:["During this interaction, there were"," ",ru("strong",{children:e.data.count})," renders, which was"," ",ru("strong",{children:[e.data.percentageOfTotal.toFixed(0),"%"]})," of the time spent processing"]}),ru("p",{children:"The work performed as a result of the renders may have forced the browser to spend a lot of time to draw the next frame."}),ru("p",{children:'You can try optimizing the renders to see if the performance problem still exists using the "Ranked" tab.'}),ru("p",{children:"If you use an AI-based code editor, you can export the performance data collected as a prompt."}),ru("p",{children:e.data.copyButton}),ru("p",{children:"Provide this formatted data to the model and ask it to find, or fix, what could be causing this performance problem."}),ru("p",{children:'For a larger selection of prompts, try the "Prompts" tab'})]});case"update-dom-draw-frame":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:"These are the calculations the browser is forced to do in response to the JavaScript that ran during the interaction."}),ru("p",{children:"This can be caused by CSS updates/CSS recalculations, or new DOM elements/DOM mutations."}),ru("p",{children:"If you use an AI-based code editor, you can export the performance data collected as a prompt."}),ru("p",{children:e.data.copyButton}),ru("p",{children:"Provide this formatted data to the model and ask it to find, or fix, what could be causing this performance problem."}),ru("p",{children:'For a larger selection of prompts, try the "Prompts" tab'})]});case"other":return ru("div",{className:lW(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[ru("p",{children:["This is the time it took to run everything other than React renders. This can be hooks like ",ru("code",{children:"useEffect"}),", other JavaScript not part of React, or work the browser has to do to update the DOM and draw the next frame."]}),ru("p",{children:["To get a better picture of what happened, profile your app using the"," ",ru("strong",{children:"Chrome profiler"})," when the performance problem arises."]})]})}},uY=null,uX=null,uK=ty({kind:"idle",current:null}),uZ=null,uQ=0,u0=1/60,u1=()=>{uZ&&cancelAnimationFrame(uZ),uZ=requestAnimationFrame(e=>{if(!uY||!uX)return;let t=uQ?Math.min((e-uQ)/1e3,.05):u0;uQ=e;let r=1.8*t;uX.clearRect(0,0,uY.width,uY.height);let n="hsl(271, 76%, 53%)",i=uK.value,{alpha:o,current:a}=(()=>{var e,t,r;switch(i.kind){case"transition":{let t=(null==(e=i.current)?void 0:e.alpha)&&i.current.alpha>0?i.current:i.transitionTo;return{alpha:t?t.alpha:0,current:t}}case"move-out":return{alpha:null!=(r=null==(t=i.current)?void 0:t.alpha)?r:0,current:i.current};case"idle":return{alpha:1,current:i.current}}})();switch(null==a||a.rects.forEach(e=>{uX&&(uX.shadowColor=n,uX.shadowBlur=6,uX.strokeStyle=n,uX.lineWidth=2,uX.globalAlpha=o,uX.beginPath(),uX.rect(e.left,e.top,e.width,e.height),uX.stroke(),uX.shadowBlur=0,uX.beginPath(),uX.rect(e.left,e.top,e.width,e.height),uX.stroke())}),i.kind){case"move-out":if(0===i.current.alpha){uK.value={kind:"idle",current:null},uQ=0;return}i.current.alpha<=.01&&(i.current.alpha=0),i.current.alpha=Math.max(0,i.current.alpha-r),u1();return;case"transition":if(i.current&&i.current.alpha>0){i.current.alpha=Math.max(0,i.current.alpha-r),u1();return}if(1===i.transitionTo.alpha){uK.value={kind:"idle",current:i.transitionTo},uQ=0;return}i.transitionTo.alpha=Math.min(i.transitionTo.alpha+r,1),u1();case"idle":uQ=0;return}})},u2=null;function u5(){(null==uY?void 0:uY.parentNode)&&uY.parentNode.removeChild(uY),uY=null,uX=null}var u4=()=>{var e,t;let r=uK.value.current?uK.value.current:"transition"===uK.value.kind?uK.value.transitionTo:null;if(r){if("transition"===uK.value.kind){uK.value={kind:"move-out",current:(null==(e=uK.value.current)?void 0:e.alpha)===0?uK.value.transitionTo:null!=(t=uK.value.current)?t:uK.value.transitionTo};return}uK.value={kind:"move-out",current:{alpha:0,...r}}}},u3=({selectedEvent:e})=>{let t=uS(e.timing),r=t-e.timing.renderTime,[n]=e2(dU()),i=e.groupedFiberRenders.map(e=>({event:e,kind:"render",totalTime:n?e.count:e.totalTime})),o=(()=>{switch(e.kind){case"dropped-frames":return e.timing.renderTime/t<.1;case"interaction":return(e.timing.otherJSTime+e.timing.renderTime)/t<.2}})();"interaction"!==e.kind||n||i.push({kind:"other-javascript",totalTime:e.timing.otherJSTime}),o&&!n&&("interaction"===e.kind?i.push({kind:"other-not-javascript",totalTime:uS(e.timing)-e.timing.renderTime-e.timing.otherJSTime}):i.push({kind:"other-frame-drop",totalTime:r}));let a=e3({lastCallAt:null,timer:null}),l=i.reduce((e,t)=>
3292e+t.totalTime,0);return ru("div",{className:lW(["flex flex-col h-full w-full gap-y-1"]),children:[n&&0===i.length?ru("div",{className:"flex flex-col items-center justify-center h-full text-zinc-400",children:[ru("p",{className:"text-sm w-full text-left text-white mb-1.5",children:"No data available"}),ru("p",{className:"text-x w-full text-lefts",children:"No data was collected during this period"})]}):0===i.length?ru("div",{className:"flex flex-col items-center justify-center h-full text-zinc-400",children:[ru("p",{className:"text-sm w-full text-left text-white mb-1.5",children:"No renders collected"}),ru("p",{className:"text-x w-full text-lefts",children:"There were no renders during this period"})]}):void 0,i.toSorted((e,t)=>t.totalTime-e.totalTime).map(e=>ru(u6,{bars:i,bar:e,debouncedMouseEnter:a,totalBarTime:l,isProduction:n},"render"===e.kind?e.event.id:e.kind))]})},u6=({bar:e,debouncedMouseEnter:t,totalBarTime:r,isProduction:n,bars:i,depth:o=0})=>{var a;let{setNotificationState:l,setRoute:s}=e7(uC),[c,u]=e2(!1),d="render"!==e.kind||0===e.event.parents.size,p=i.filter(t=>"render"===t.kind&&"render"===e.kind&&e.event.parents.has(t.event.name)&&t.event.name!==e.event.name),h="render"===e.kind?Array.from(e.event.parents).filter(e=>!i.some(t=>"render"===t.kind&&t.event.name===e)):[];return ru("div",{className:"w-full",children:[ru("div",{className:lW(["w-full flex items-center relative text-xs min-w-0"]),children:[ru("button",{onMouseLeave:()=>{t.current.timer&&clearTimeout(t.current.timer),u4()},onMouseEnter:async()=>{let r=async()=>{if(t.current.lastCallAt=Date.now(),"render"!==e.kind){let e=uK.value.current?uK.value.current:"transition"===uK.value.kind?uK.value.transitionTo:null;if(!e){uK.value={kind:"idle",current:null};return}uK.value={kind:"move-out",current:{alpha:0,...e}};return}let r=uK.value,n=(()=>{switch(r.kind){case"transition":return r.transitionTo;case"idle":case"move-out":return r.current}})(),i=[];if("transition"===r.kind){let t=r.current&&r.current.alpha>0?"fading-out":"fading-in";(()=>{switch(t){case"fading-in":uK.value={kind:"transition",current:r.transitionTo,transitionTo:{rects:i,alpha:0,name:e.event.name}};return;case"fading-out":uK.value={kind:"transition",current:uK.value.current?{alpha:0,...uK.value.current}:null,transitionTo:{rects:i,alpha:0,name:e.event.name}};return}})()}else uK.value={kind:"transition",transitionTo:{rects:i,alpha:0,name:e.event.name},current:n?{alpha:0,...n}:null};for await(let t of cI(e.event.elements.filter(e=>e instanceof Element)))t.forEach(({boundingClientRect:e})=>{i.push(e)}),u1()};if(t.current.lastCallAt&&Date.now()-t.current.lastCallAt<200){t.current.timer&&clearTimeout(t.current.timer),t.current.timer=setTimeout(()=>{r()},200);return}r()},onClick:()=>{"render"===e.kind?(l(t=>({...t,selectedFiber:e.event})),s({route:"render-explanation",routeMessage:null})):s({route:"other-visualization",routeMessage:{kind:"auto-open-overview-accordion",name:e.kind}})},className:lW(["h-full w-[90%] flex items-center hover:bg-[#0f0f0f] rounded-l-md min-w-0 relative"]),children:[ru("div",{style:{minWidth:"fit-content",width:`${e.totalTime/r*100}%`},className:lW(["flex items-center rounded-sm text-white text-xs h-[28px] shrink-0","render"===e.kind&&"bg-[#412162] group-hover:bg-[#5b2d89]","other-frame-drop"===e.kind&&"bg-[#44444a] group-hover:bg-[#6a6a6a]","other-javascript"===e.kind&&"bg-[#efd81a6b] group-hover:bg-[#efda1a2f]","other-not-javascript"===e.kind&&"bg-[#214379d4] group-hover:bg-[#21437982]"])}),ru("div",{className:lW(["absolute inset-0 flex items-center px-2","min-w-0"]),children:ru("div",{className:"flex items-center gap-x-2 min-w-0 w-full",children:[ru("span",{className:lW(["truncate"]),children:(()=>{switch(e.kind){case"other-frame-drop":return"JavaScript, DOM updates, Draw Frame";case"other-javascript":return"JavaScript/React Hooks";case"other-not-javascript":return"Update DOM and Draw New Frame";case"render":return e.event.name}})()}),"render"===e.kind&&!(a=e.event).wasFiberRenderMount&&!a.hasMemoCache&&0===a.changes.context.length&&0===a.changes.props.length&&0===a.changes.state.length&&ru("div",{style:{lineHeight:"10px"},className:lW(["px-1 py-0.5 bg-[#6a369e] flex items-center rounded-sm font-semibold text-[8px] shrink-0"]),children:"Memoizable"})]})})]}),ru("button",{onClick:()=>"render"===e.kind&&!d&&u(!c),className:lW(["flex items-center min-w-fit shrink-0 rounded-r-md h-[28px]",!d&&"hover:bg-[#0f0f0f]","render"!==e.kind||d?"cursor-default":"cursor-pointer"]),children:[ru("div",{className:"w-[20px] flex items-center justify-center",children:"render"===e.kind&&!d&&ru(uT,{className:lW("transition-transform",c&&"rotate-90"),size:16})}),ru("div",{style:{minWidth:d?"fit-content":n?"30px":"60px"},className:"flex items-center justify-end gap-x-1",children:["render"===e.kind&&ru("span",{className:lW(["text-[10px]"]),children:["x",e.event.count]}),("render"!==e.kind||!n)&&ru("span",{className:"text-[10px] text-[#7346a0] pr-1",children:[e.totalTime<1?"<1":e.totalTime.toFixed(0),"ms"]})]})]}),0===o&&ru("div",{className:lW(["absolute right-0 top-1/2 transition-none -translate-y-1/2 bg-white text-black px-2 py-1 rounded text-xs opacity-0 group-hover:opacity-100 transition-opacity mr-16","pointer-events-none"]),children:"Click to learn more"})]}),c&&(p.length>0||h.length>0)&&ru("div",{className:"pl-3 flex flex-col gap-y-1 mt-1",children:[p.toSorted((e,t)=>t.totalTime-e.totalTime).map((e,a)=>ru(u6,{depth:o+1,bar:e,debouncedMouseEnter:t,totalBarTime:r,isProduction:n,bars:i},a)),h.map(e=>ru("div",{className:"w-full",children:ru("div",{className:"w-full flex items-center relative text-xs",children:ru("div",{className:"h-full w-full flex items-center relative",children:[ru("div",{className:"flex items-center rounded-sm text-white text-xs h-[28px] w-full"}),ru("div",{className:"absolute inset-0 flex items-center px-2",children:ru("span",{className:"truncate whitespace-nowrap text-white/70 w-full",children:e})})]})})},e))]})]})},u8=({selectedEvent:e,selectedFiber:t})=>{let{setRoute:r}=e7(uC),[n,i]=e2(!0),[o]=e2(dU());e4(()=>{let e=localStorage.getItem("react-scan-tip-shown"),t="true"===e||"false"!==e&&null;if(null===t){i(!0),localStorage.setItem("react-scan-tip-is-shown","true");return}t||i(!1)},[]);let a=0===t.changes.context.length&&0===t.changes.props.length&&0===t.changes.state.length;return ru("div",{className:lW(["w-full min-h-fit h-full flex flex-col py-4 pt-0 rounded-sm"]),children:[ru("div",{className:lW(["flex items-start gap-x-4 "]),children:[ru("button",{onClick:()=>{r({route:"render-visualization",routeMessage:null})},className:lW(["text-white hover:bg-[#34343b] flex gap-x-1 justify-center items-center mb-4 w-fit px-2.5 py-1.5 text-xs rounded-sm bg-[#18181B]"]),children:[ru(uR,{size:14})," ",ru("span",{children:"Overview"})]}),ru("div",{className:lW(["flex flex-col gap-y-1"]),children:[ru("div",{className:lW(["text-sm font-bold text-white overflow-x-hidden"]),children:ru("div",{className:"flex items-center gap-x-2 truncate",children:t.name})}
3292),ru("div",{className:lW(["flex gap-x-2"]),children:[!o&&ru(eE,{children:ru("div",{className:lW(["text-xs text-gray-400"]),children:["• Render time: ",t.totalTime.toFixed(0),"ms"]})}),ru("div",{className:lW(["text-xs text-gray-400 mb-4"]),children:["• Renders: ",t.count,"x"]})]})]})]}),n&&!a&&ru("div",{className:lW(["w-full mb-4 bg-[#0A0A0A] border border-[#27272A] rounded-sm overflow-hidden flex relative"]),children:[ru("button",{onClick:()=>{i(!1),localStorage.setItem("react-scan-tip-shown","false")},className:lW(["absolute right-2 top-2 rounded-sm p-1 hover:bg-[#18181B]"]),children:ru(uz,{size:12})}),ru("div",{className:lW(["w-1 bg-[#d36cff]"])}),ru("div",{className:lW(["flex-1"]),children:[ru("div",{className:lW(["px-3 py-2 text-gray-100 text-xs font-semibold"]),children:"How to stop renders"}),ru("div",{className:lW(["px-3 pb-2 text-gray-400 text-[10px]"]),children:"Stop the following props, state and context from changing between renders, and wrap the component in React.memo if not already"})]})]}),a&&ru("div",{className:lW(["w-full mb-4 bg-[#0A0A0A] border border-[#27272A] rounded-sm overflow-hidden flex"]),children:[ru("div",{className:lW(["w-1 bg-[#d36cff]"])}),ru("div",{className:lW(["flex-1"]),children:[ru("div",{className:lW(["px-3 py-2 text-gray-100 text-sm font-semibold"]),children:"No changes detected"}),ru("div",{className:lW(["px-3 pb-2 text-gray-400 text-xs"]),children:"This component would not have rendered if it was memoized"})]})]}),ru("div",{className:lW(["flex w-full"]),children:[ru("div",{className:lW(["flex flex-col border border-[#27272A] rounded-l-sm overflow-hidden w-1/3"]),children:[ru("div",{className:lW(["text-[14px] font-semibold px-2 py-2 bg-[#18181B] text-white flex justify-center"]),children:"Changed Props"}),t.changes.props.length>0?t.changes.props.toSorted((e,t)=>t.count-e.count).map(e=>ru("div",{className:lW(["flex flex-col justify-between items-center border-t overflow-x-auto border-[#27272A] px-1 py-1 text-wrap bg-[#0A0A0A] text-[10px]"]),children:[ru("span",{className:lW(["text-white "]),children:e.name}),ru("div",{className:lW([" text-[8px]  text-[#d36cff] pl-1 py-1 "]),children:[e.count,"/",t.count,"x"]})]},e.name)):ru("div",{className:lW(["flex items-center justify-center h-full bg-[#0A0A0A] text-[#A1A1AA] border-t border-[#27272A]"]),children:"No changes"})]}),ru("div",{className:lW(["flex flex-col border border-[#27272A] border-l-0 overflow-hidden w-1/3"]),children:[ru("div",{className:lW([" text-[14px] font-semibold px-2 py-2 bg-[#18181B] text-white flex justify-center"]),children:"Changed State"}),t.changes.state.length>0?t.changes.state.toSorted((e,t)=>t.count-e.count).map(e=>ru("div",{className:lW(["flex flex-col justify-between items-center border-t overflow-x-auto border-[#27272A] px-1 py-1 text-wrap bg-[#0A0A0A] text-[10px]"]),children:[ru("span",{className:lW(["text-white "]),children:["index ",e.index]}),ru("div",{className:lW(["rounded-full  text-[#d36cff] pl-1 py-1 text-[8px]"]),children:[e.count,"/",t.count,"x"]})]},e.index)):ru("div",{className:lW(["flex items-center justify-center h-full bg-[#0A0A0A] text-[#A1A1AA] border-t border-[#27272A]"]),children:"No changes"})]}),ru("div",{className:lW(["flex flex-col border border-[#27272A] border-l-0 rounded-r-sm overflow-hidden w-1/3"]),children:[ru("div",{className:lW([" text-[14px] font-semibold px-2 py-2 bg-[#18181B] text-white flex justify-center"]),children:"Changed Context"}),t.changes.context.length>0?t.changes.context.toSorted((e,t)=>t.count-e.count).map(e=>ru("div",{className:lW(["flex flex-col justify-between items-center border-t  border-[#27272A] px-1 py-1 bg-[#0A0A0A] text-[10px] overflow-x-auto"]),children:[ru("span",{className:lW(["text-white "]),children:e.name}),ru("div",{className:lW(["rounded-full text-[#d36cff] pl-1 py-1 text-[8px] text-wrap"]),children:[e.count,"/",t.count,"x"]})]},e.name)):ru("div",{className:lW(["flex items-center justify-center h-full bg-[#0A0A0A] text-[#A1A1AA] border-t border-[#27272A] py-2"]),children:"No changes"})]})]})]})},u7=()=>{let{notificationState:e,setNotificationState:t}=e7(uC),[r,n]=e2("..."),i=e3(null);if(e5(()=>{let e=setInterval(()=>{n(e=>"..."===e?"":e+".")},500);return()=>clearInterval(e)},[]),!e.selectedEvent)return ru("div",{ref:i,className:lW(["h-full w-full flex flex-col items-center justify-center relative py-2 px-4"]),children:[ru("div",{className:lW(["p-2 flex justify-center items-center border-[#27272A] absolute top-0 right-0"]),children:ru("button",{onClick:()=>{l1.value={view:"none"}},children:ru(uz,{size:18,className:"text-[#6F6F78]"})})}),ru("div",{className:lW(["flex flex-col items-start pt-5 bg-[#0A0A0A] p-5 rounded-sm max-w-md"," shadow-lg"]),children:ru("div",{className:lW(["flex flex-col items-start gap-y-4"]),children:[ru("div",{className:lW(["flex items-center"]),children:ru("span",{className:lW(["text-zinc-400 font-medium text-[17px]"]),children:["Scanning for slowdowns",r]})}),0!==e.events.length&&ru("p",{className:lW(["text-xs"]),children:["Click on an item in the"," ",ru("span",{className:lW(["text-purple-400"]),children:"History"})," list to get started"]}),ru("p",{className:lW(["text-zinc-600 text-xs"]),children:"You don't need to keep this panel open for React Scan to record slowdowns"}),ru("p",{className:lW(["text-zinc-600 text-xs"]),children:"Enable audio alerts to hear a delightful ding every time a large slowdown is recorded"}),ru("button",{onClick:()=>
3292{if(e.audioNotificationsOptions.enabled)return void t(e=>{var t,r;return(null==(t=e.audioNotificationsOptions.audioContext)?void 0:t.state)!=="closed"&&(null==(r=e.audioNotificationsOptions.audioContext)||r.close()),localStorage.setItem("react-scan-notifications-audio","false"),{...e,audioNotificationsOptions:{audioContext:null,enabled:!1}}});localStorage.setItem("react-scan-notifications-audio","true");let r=new AudioContext;aj(r),t(e=>({...e,audioNotificationsOptions:{enabled:!0,audioContext:r}}))},className:lW(["px-4 py-2 bg-zinc-800 hover:bg-zinc-700 rounded-sm w-full"," text-sm flex items-center gap-x-2 justify-center"]),children:e.audioNotificationsOptions.enabled?ru(eE,{children:ru("span",{className:"flex items-center gap-x-1",children:"Disable audio alerts"})}):ru(eE,{children:ru("span",{className:"flex items-center gap-x-1",children:"Enable audio alerts"})})})]})})]});switch(e.route){case"render-visualization":return ru(u9,{children:ru(u3,{selectedEvent:e.selectedEvent})});case"render-explanation":if(!e.selectedFiber)throw Error("Invariant: must have selected fiber when viewing render explanation");return ru(u9,{children:ru(u8,{selectedFiber:e.selectedFiber,selectedEvent:e.selectedEvent})});case"other-visualization":return ru(u9,{children:ru("div",{className:lW(["flex w-full h-full flex-col overflow-y-auto"]),id:"overview-scroll-container",children:ru(uH,{selectedEvent:e.selectedEvent})})});case"optimize":return ru(u9,{children:ru(uU,{selectedEvent:e.selectedEvent})})}e.route},u9=({children:e})=>{let{notificationState:t}=e7(uC);if(!t.selectedEvent)throw Error("Invariant: d must have selected event when viewing render explanation");return ru("div",{className:lW(["w-full h-full flex flex-col gap-y-2"]),children:[ru("div",{className:lW(["h-[50px] w-full"]),children:ru(uP,{selectedEvent:t.selectedEvent})}),ru("div",{className:lW(["h-calc(100%-50px) flex flex-col overflow-y-auto px-3"]),children:e})]})},de=({selectedEvent:e})=>{let t=uE(e);switch(e.kind){case"interaction":return ru("div",{className:lW(["w-full flex border-b border-[#27272A] min-h-[48px]"]),children:ru("div",{className:lW(["min-w-fit w-full justify-start flex items-center border-r border-[#27272A] pl-5 pr-2 text-sm gap-x-4"]),children:[ru("div",{className:lW(["flex items-center gap-x-2 "]),children:[ru("span",{className:lW(["text-[#5a5a5a] mr-0.5"]),children:"click"===e.type?"Clicked ":"Typed in "}),ru("span",{children:uN(e.componentPath)}),ru("div",{className:lW(["w-fit flex items-center justify-center h-fit text-white px-1 rounded-sm font-semibold text-[10px] whitespace-nowrap","low"===t&&"bg-green-500/50","needs-improvement"===t&&"bg-[#b77116]","high"===t&&"bg-[#b94040]"]),children:[uS(e.timing).toFixed(0),"ms processing time"]})]}),ru("div",{className:lW(["flex items-center gap-x-2  justify-end ml-auto"]),children:ru("div",{className:lW(["p-2 flex justify-center items-center border-[#27272A]"]),children:ru("button",{onClick:()=>{l1.value={view:"none"}},title:"Close",children:ru(uz,{size:18,className:"text-[#6F6F78]"})})})})]})});case"dropped-frames":return ru("div",{className:lW(["w-full flex border-b border-[#27272A] min-h-[48px]"]),children:ru("div",{className:lW(["min-w-fit w-full justify-start flex items-center border-r border-[#27272A] pl-5 pr-2 text-sm gap-x-4"]),children:[ru("div",{className:lW(["flex items-center gap-x-2 "]),children:["FPS Drop",ru("div",{className:lW(["w-fit flex items-center justify-center h-fit text-white px-1 rounded-sm font-semibold text-[10px] whitespace-nowrap","low"===t&&"bg-green-500/50","needs-improvement"===t&&"bg-[#b77116]","high"===t&&"bg-[#b94040]"]),children:["dropped to ",e.fps," FPS"]})]}),ru("div",{className:lW(["flex items-center gap-x-2 w-2/4 justify-end ml-auto"]),children:ru("div",{className:lW(["p-2 flex justify-center items-center border-[#27272A]"]),children:ru("button",{onClick:()=>{l1.value={view:"none"}},children:ru(uz,{size:18,className:"text-[#6F6F78]"})})})})]})})}},dt=({item:e,shouldFlash:t})=>{var r,n;let[i,o]=e2(!1),a=e.events.map(uE).reduce((e,t)=>{switch(t){case"high":return"high";case"needs-improvement":return"high"===e?"high":"needs-improvement";case"low":return e}},"low"),l=(({flashingItemsCount:e,totalEvents:t})=>{let[r,n]=e2(!1),i=e3(0),o=e3(0);return e5(()=>
3292{if(i.current>=t)return;let e=Date.now()-o.current;if(e>=250){n(!1);let e=setTimeout(()=>{i.current=t,o.current=Date.now(),n(!0),setTimeout(()=>{n(!1)},2e3)},50);return()=>clearTimeout(e)}{let r=setTimeout(()=>{n(!1),setTimeout(()=>{i.current=t,o.current=Date.now(),n(!0),setTimeout(()=>{n(!1)},2e3)},50)},250-e);return()=>clearTimeout(r)}},[e]),r})({flashingItemsCount:e.events.reduce((e,r)=>t(r.id)?e+1:e,0),totalEvents:e.events.length});return ru("div",{className:lW(["flex flex-col gap-y-0.5"]),children:[ru("button",{onClick:()=>o(e=>!e),className:lW(["pl-2 py-1.5  text-sm flex items-center rounded-sm hover:bg-[#18181B] relative overflow-hidden",l&&!i&&"after:absolute after:inset-0 after:bg-purple-500/30 after:animate-[fadeOut_1s_ease-out_forwards]"]),children:[ru("div",{className:lW(["w-4/5 flex items-center justify-start h-full text-xs truncate gap-x-1.5"]),children:[ru("span",{className:lW(["min-w-fit"]),children:ru(uT,{className:lW(["text-[#A1A1AA] transition-transform",i?"rotate-90":""]),size:14},`chevron-${e.timestamp}`)}),ru("span",{className:lW(["text-xs"]),children:"collapsed-frame-drops"===e.kind?"FPS Drops":uN(null!=(n=null==(r=e.events.at(0))?void 0:r.componentPath)?n:[])})]}),ru("div",{className:lW(["ml-auto min-w-fit flex justify-end items-center"]),children:ru("div",{style:{lineHeight:"10px"},className:lW(["w-fit flex items-center text-[10px] justify-center h-full text-white px-1 py-1 rounded-sm font-semibold","low"===a&&"bg-green-500/60","needs-improvement"===a&&"bg-[#b77116] text-[10px]","high"===a&&"bg-[#b94040]"]),children:["x",e.events.length]})})]}),i&&ru(dr,{children:e.events.toSorted((e,t)=>t.timestamp-e.timestamp).map(e=>ru(dn,{event:e,shouldFlash:t(e.id)}))})]})},dr=({children:e})=>ru("div",{className:"relative pl-6 flex flex-col gap-y-1",children:[ru("div",{className:"absolute left-3 top-0 bottom-0 w-px bg-[#27272A]"}),e]}),dn=({event:e,shouldFlash:t})=>{var r,n;let{notificationState:i,setNotificationState:o}=e7(uC),a=uE(e),l=(({shouldFlash:e})=>{let[t,r]=e2(e);return e5(()=>
3292{if(e){r(!0);let e=setTimeout(()=>{r(!1)},1e3);return()=>clearTimeout(e)}},[e]),t})({shouldFlash:t});switch(e.kind){case"interaction":return ru("button",{onClick:()=>{o(t=>({...t,selectedEvent:e,route:"render-visualization",selectedFiber:null}))},className:lW(["pl-2 py-1.5  text-sm flex w-full items-center rounded-sm hover:bg-[#18181B] relative overflow-hidden",e.id===(null==(r=i.selectedEvent)?void 0:r.id)&&"bg-[#18181B]",l&&"after:absolute after:inset-0 after:bg-purple-500/30 after:animate-[fadeOut_1s_ease-out_forwards]"]),children:[ru("div",{className:lW(["w-4/5 flex items-center justify-start h-full gap-x-1.5"]),children:[ru("span",{className:lW(["min-w-fit text-xs"]),children:(()=>{switch(e.type){case"click":return ru(uF,{size:14});case"keyboard":return ru(uO,{size:14})}})()}),ru("span",{className:lW(["text-xs pr-1 truncate"]),children:uN(e.componentPath)})]}),ru("div",{className:lW([" min-w-fit flex justify-end items-center ml-auto"]),children:ru("div",{style:{lineHeight:"10px"},className:lW(["gap-x-0.5 w-fit flex items-end justify-center h-full text-white px-1 py-1 rounded-sm font-semibold text-[10px]","low"===a&&"bg-green-500/50","needs-improvement"===a&&"bg-[#b77116] text-[10px]","high"===a&&"bg-[#b94040]"]),children:ru("div",{style:{lineHeight:"10px"},className:lW(["text-[10px] text-white flex items-end"]),children:[uS(e.timing).toFixed(0),"ms"]})})})]});case"dropped-frames":return ru("button",{onClick:()=>{o(t=>({...t,selectedEvent:e,route:"render-visualization",selectedFiber:null}))},className:lW(["pl-2 py-1.5  w-full text-sm flex items-center rounded-sm hover:bg-[#18181B] relative overflow-hidden",e.id===(null==(n=i.selectedEvent)?void 0:n.id)&&"bg-[#18181B]",l&&"after:absolute after:inset-0 after:bg-purple-500/30 after:animate-[fadeOut_1s_ease-out_forwards]"]),children:[ru("div",{className:lW(["w-4/5 flex items-center justify-start h-full text-xs truncate"]),children:[ru(uD,{size:14,className:"mr-1.5"})," FPS Drop"]}),ru("div",{className:lW([" min-w-fit flex justify-end items-center ml-auto"]),children:ru("div",{style:{lineHeight:"10px"},className:lW(["w-fit flex items-center justify-center h-full text-white px-1 py-1 rounded-sm text-[10px] font-bold","low"===a&&"bg-green-500/60","needs-improvement"===a&&"bg-[#b77116] text-[10px]","high"===a&&"bg-[#b94040]"]),children:[e.fps," FPS"]})})]})}},di=(e=150)=>{let{notificationState:t}=e7(uC),[r,n]=e2(t.events);return e5(()=>{setTimeout(()=>{n(t.events)},e)},[t.events]),[r,n]},da=()=>{let{notificationState:e,setNotificationState:t}=e7(uC),r=(e=>{let t=e3([]),[r,n]=e2(new Set),i=e3(!0);return e5(()=>
3292{if(i.current){i.current=!1,t.current=e;return}let r=new Set(e.map(e=>e.id)),o=new Set(t.current.map(e=>e.id)),a=new Set;r.forEach(e=>{o.has(e)||a.add(e)}),a.size>0&&(n(a),setTimeout(()=>{n(new Set)},2e3)),t.current=e},[e]),e=>r.has(e)})(e.events),[n,i]=di(),o=n.reduce((e,t)=>{let r=e.at(-1);if(!r)return[{kind:"single",event:t,timestamp:t.timestamp}];switch(r.kind){case"collapsed-keyboard":if("interaction"===t.kind&&"keyboard"===t.type&&t.componentPath.join("-")===r.events[0].componentPath.join("-"))return[...e.filter(e=>e!==r),{kind:"collapsed-keyboard",events:[...r.events,t],timestamp:Math.max(...[...r.events,t].map(e=>e.timestamp))}];return[...e,{kind:"single",event:t,timestamp:t.timestamp}];case"single":if("interaction"===r.event.kind&&"keyboard"===r.event.type&&"interaction"===t.kind&&"keyboard"===t.type&&r.event.componentPath.join("-")===t.componentPath.join("-"))return[...e.filter(e=>e!==r),{kind:"collapsed-keyboard",events:[r.event,t],timestamp:Math.max(r.event.timestamp,t.timestamp)}];if("dropped-frames"===r.event.kind&&"dropped-frames"===t.kind)return[...e.filter(e=>e!==r),{kind:"collapsed-frame-drops",events:[r.event,t],timestamp:Math.max(r.event.timestamp,t.timestamp)}];return[...e,{kind:"single",event:t,timestamp:t.timestamp}];case"collapsed-frame-drops":if("dropped-frames"===t.kind)return[...e.filter(e=>e!==r),{kind:"collapsed-frame-drops",events:[...r.events,t],timestamp:Math.max(...[...r.events,t].map(e=>e.timestamp))}];return[...e,{kind:"single",event:t,timestamp:t.timestamp}]}},[]).toSorted((e,t)=>t.timestamp-e.timestamp);return ru("div",{className:lW(["w-full h-full gap-y-2 flex flex-col border-r border-[#27272A] overflow-y-auto"]),children:[ru("div",{className:lW(["text-sm text-[#65656D] pl-3 pr-1 w-full flex items-center justify-between"]),children:[ru("span",{children:"History"}),ru(uL,{wrapperProps:{className:"h-full flex items-center justify-center ml-auto"},triggerContent:ru("button",{className:lW(["hover:bg-[#18181B] rounded-full p-2"]),title:"Clear all events",onClick:()=>{uw.getState().actions.clear(),t(e=>({...e,selectedEvent:null,selectedFiber:null,route:"other-visualization"===e.route?"other-visualization":"render-visualization"})),i([])},children:ru(uj,{className:lW([""]),size:16})}),children:ru("div",{className:lW(["w-full flex justify-center"]),children:"Clear all events"})})]}),ru("div",{className:lW(["flex flex-col px-1 gap-y-1"]),children:[0===o.length&&ru("div",{className:lW(["flex items-center justify-center text-zinc-500 text-sm py-4"]),children:"No Events"}),o.map(e=>(()=>{switch(e.kind){case"collapsed-keyboard":case"collapsed-frame-drops":return ru(dt,{shouldFlash:r,item:e});case"single":return ru(dn,{event:e.event,shouldFlash:r(e.event.id)},e.event.id)}})())]})]})},dl=()=>{var e,t,r,n,i,o,a;let l=(e=uw.subscribe,i=(n=e2({t:{__:r=(t=uw.getState)(),u:t}}))[0].t,o=n[1],e4(function(){i.__=r,i.u=t,tY(i)&&o({t:i})},[e,r,t]),e5(function(){return tY(i)&&o({t:i}),e(function(){tY(i)&&o({t:i})})},[e]),r),s=[];return e5(()=>{let e=setInterval(()=>{a.forEach(e=>{e.groupedFiberRenders&&e.groupedFiberRenders.forEach(e=>{if(e.deletedAll)return;if(!e.elements||0===e.elements.length){e.deletedAll=!0;return}let t=e.elements.length;e.elements=e.elements.filter(e=>e&&e.isConnected),0===e.elements.length&&t>0&&(e.deletedAll=!0)})})},5e3);return()=>{clearInterval(e)}},[a=s]),l.state.events.forEach(e=>{let t=Object.values("interaction"===e.kind?e.data.meta.detailedTiming.fiberRenders:e.data.meta.fiberRenders).map(e=>({id:aO(),totalTime:e.nodeInfo.reduce((e,t)=>
3292e+t.selfTime,0),count:e.nodeInfo.length,name:e.nodeInfo[0].name,deletedAll:!1,parents:e.parents,hasMemoCache:e.hasMemoCache,wasFiberRenderMount:e.wasFiberRenderMount,elements:e.nodeInfo.map(e=>e.element),changes:{context:e.changes.fiberContext.current.filter(t=>e.changes.fiberContext.changesCounts.get(t.name)).map(t=>{var r;return{name:String(t.name),count:null!=(r=e.changes.fiberContext.changesCounts.get(t.name))?r:0}}),props:e.changes.fiberProps.current.filter(t=>e.changes.fiberProps.changesCounts.get(t.name)).map(t=>{var r;return{name:String(t.name),count:null!=(r=e.changes.fiberProps.changesCounts.get(t.name))?r:0}}),state:e.changes.fiberState.current.filter(t=>e.changes.fiberState.changesCounts.get(Number(t.name))).map(t=>{var r;return{index:t.name,count:null!=(r=e.changes.fiberState.changesCounts.get(Number(t.name)))?r:0}})}})),r=t.reduce((e,t)=>e+t.totalTime,0);switch(e.kind){case"interaction":{let{commitEnd:n,jsEndDetail:i,interactionStartDetail:o,rafStart:a}=e.data.meta.detailedTiming;i-o-r<0&&c5("js time must be longer than render time");let l=Math.max(0,i-o-r),c=Math.max(e.data.meta.latency-(n-o),0);s.push({componentPath:e.data.meta.detailedTiming.componentPath,groupedFiberRenders:t,id:e.id,kind:"interaction",memory:null,timestamp:e.data.startAt,type:"keyboard"===e.data.meta.detailedTiming.interactionType?"keyboard":"click",timing:{renderTime:r,kind:"interaction",otherJSTime:l,framePreparation:a-i,frameConstruction:n-a,frameDraw:c}});return}case"long-render":return void s.push({kind:"dropped-frames",id:e.id,memory:null,timing:{kind:"dropped-frames",renderTime:r,otherTime:e.data.meta.latency},groupedFiberRenders:t,timestamp:e.data.startAt,fps:e.data.meta.fps})}}),s},ds=()=>{let{notificationState:e,setNotificationState:t}=e7(uC),r=e3(null),n=e3(null),i=e3(0),[o]=di(),a=o.filter(e=>"high"===uE(e)).length;return e5(()=>{let e=localStorage.getItem("react-scan-notifications-audio");"false"!==e&&"true"!==e?localStorage.setItem("react-scan-notifications-audio","false"):"false"!==e&&t(e=>e.audioNotificationsOptions.enabled?e:{...e,audioNotificationsOptions:{enabled:!0,audioContext:new AudioContext}})},[]),e5(()=>{let{audioNotificationsOptions:t}=e;!t.enabled||0===a||r.current&&r.current>=a||(n.current&&clearTimeout(n.current),n.current=setTimeout(()=>{aj(t.audioContext),r.current=a,i.current=Date.now(),n.current=null},Math.max(0,1e3-(Date.now()-i.current))))},[a]),e5(()=>{0===a&&(r.current=null)},[a]),e5(()=>()=>{n.current&&clearTimeout(n.current)},[]),null},dc=t0((e,t)=>{var r;let n=dl(),[i,o]=e2({detailsExpanded:!1,events:n,filterBy:"latest",moreInfoExpanded:!1,route:"render-visualization",selectedEvent:null!=(r=n.toSorted((e,t)=>e.timestamp-t.timestamp).at(-1))?r:null,selectedFiber:null,routeMessage:null,audioNotificationsOptions:{enabled:!1,audioContext:null}});return i.events=n,ru(uC.Provider,{value:{notificationState:i,setNotificationState:o,setRoute:({route:e,routeMessage:t})=>{o(r=>{let n={...r,route:e,routeMessage:t};switch(e){case"render-visualization":case"optimize":case"other-visualization":return u4(),{...n,selectedFiber:null};case"render-explanation":return u4(),n}})}},children:[ru(ds,{}),ru(du,{ref:t})]})}),du=t0((e,t)=>{var r;let{notificationState:n}=e7(uC);return ru("div",{ref:t,className:lW(["h-full w-full flex flex-col"]),children:[n.selectedEvent&&ru("div",{className:lW(["w-full h-[48px] flex flex-col",n.moreInfoExpanded&&"h-[235px]",n.moreInfoExpanded&&"dropped-frames"===n.selectedEvent.kind&&"h-[150px]"]),children:[ru(de,{selectedEvent:n.selectedEvent}),n.moreInfoExpanded&&ru(dd,{})]}),ru("div",{className:lW(["flex ",n.selectedEvent?"h-[calc(100%-48px)]":"h-full",n.moreInfoExpanded&&"h-[calc(100%-200px)]",n.moreInfoExpanded&&(null==(r=n.selectedEvent)?void 0:r.kind)==="dropped-frames"&&"h-[calc(100%-150px)]"]),children:[ru("div",{className:lW(["h-full min-w-[200px]"]),children:ru(da,{})}),ru("div",{className:lW(["w-[calc(100%-200px)] h-full overflow-y-auto"]),children:ru(u7,{})})]})]})}),dd=()=>{let{notificationState:e}=e7(uC);if(!e.selectedEvent)throw Error("Invariant must have selected event for more info");let t=e.selectedEvent;return ru("div",{className:lW(["px-4 py-2 border-b border-[#27272A] bg-[#18181B]/50 h-[calc(100%-40px)]","dropped-frames"===t.kind&&"h-[calc(100%-25px
3292)]"]),children:ru("div",{className:lW(["flex flex-col gap-y-4 h-full"]),children:(()=>{switch(t.kind){case"interaction":return ru(eE,{children:[ru("div",{className:lW(["flex items-center gap-x-3"]),children:[ru("span",{className:"text-[#6F6F78] text-xs font-medium",children:"click"===t.type?"Clicked component location":"Typed in component location"}),ru("div",{className:"font-mono text-[#E4E4E7] flex items-center bg-[#27272A] pl-2 py-1 rounded-sm overflow-x-auto",children:t.componentPath.toReversed().map((e,r)=>ru(eE,{children:[ru("span",{style:{lineHeight:"14px"},className:"text-[10px] whitespace-nowrap",children:e},e),r<t.componentPath.length-1&&ru("span",{className:"text-[#6F6F78] mx-0.5",children:"‹"})]}))})]}),ru("div",{className:lW(["flex items-center gap-x-3"]),children:[ru("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Total Time"}),ru("span",{className:"text-[#E4E4E7] bg-[#27272A] px-1.5 py-1 rounded-sm text-xs",children:[uS(t.timing).toFixed(0),"ms"]})]}),ru("div",{className:lW(["flex items-center gap-x-3"]),children:[ru("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Occurred"}),ru("span",{className:"text-[#E4E4E7] bg-[#27272A] px-1.5 py-1 rounded-sm text-xs",children:`${((Date.now()-t.timestamp)/1e3).toFixed(0)}s ago`})]})]});case"dropped-frames":return ru(eE,{children:[ru("div",{className:lW(["flex items-center gap-x-3"]),children:[ru("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Total Time"}),ru("span",{className:"text-[#E4E4E7] bg-[#27272A] px-1.5 py-1 rounded-sm text-xs",children:[uS(t.timing).toFixed(0),"ms"]})]}),ru("div",{className:lW(["flex items-center gap-x-3"]),children:[ru("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Occurred"}),ru("span",{className:"text-[#E4E4E7] bg-[#27272A] px-1.5 py-1 rounded-sm text-xs",children:`${((Date.now()-t.timestamp)/1e3).toFixed(0)}s ago`})]})]})}})()})})},dp=l3(()=>{var e;let t=dl(),[r,n]=e2(t);e5(()=>{let e=setTimeout(()=>{n(t)},600);return()=>{clearTimeout(e)}},[t]);let i=dL.inspectState,o="inspecting"===i.value.kind,a="focused"===i.value.kind,[l,s]=e2([]),c=e8(()=>{switch(dL.inspectState.value.kind){case"inspecting":l1.value={view:"none"},dL.inspectState.value={kind:"inspect-off"};return;case"focused":l1.value={view:"inspector"},dL.inspectState.value={kind:"inspecting",hoveredDomElement:null};return;case"inspect-off":l1.value={view:"none"},dL.inspectState.value={kind:"inspecting",hoveredDomElement:null};return;case"uninitialized":return}},[]),u=e8(e=>{if(e.preventDefault(),e.stopPropagation(),!dP.instrumentation)return;let t=!dP.instrumentation.isPaused.value;dP.instrumentation.isPaused.value=t,lB("react-scan-options",{...lH("react-scan-options"),enabled:!t})},[]);tq(()=>{"uninitialized"===dL.inspectState.value.kind&&(dL.inspectState.value={kind:"inspect-off"})});let d=null,p="#999";return o?(d=ru(aD,{name:"icon-inspect"}),p="#8e61e3"):a?(d=ru(aD,{name:"icon-focus"}),p="#8e61e3"):(d=ru(aD,{name:"icon-inspect"}),p="#999"),e4(()=>{"notifications"!==l1.value.view||s([...new Set(t.map(e=>e.id)).values()])},[t.length,l1.value.view]),ru("div",{className:"flex max-h-9 min-h-9 flex-1 items-stretch overflow-hidden",children:[ru("div",{className:"h-full flex items-center min-w-fit",children:ru("button",{type:"button",id:"react-scan-inspect-element",title:"Inspect element",onClick:c,className:"button flex items-center justify-center h-full w-full pl-3 pr-2.5",style:{color:p},children:d})}),ru("div",{className:"h-full flex items-center justify-center",children:ru("button",{type:"button",id:"react-scan-notifications",title:"Notifications",onClick:()=>{switch("inspect-off"!==dL.inspectState.value.kind&&(dL.inspectState.value={kind:"inspect-off"}),l1.value.view){case"inspector":dL.inspectState.value={kind:"inspect-off"},s([...new Set(t.map(e=>e.id)).values()]),l1.value={view:"notifications"};return;case"notifications":l1.value={view:"none"};return;case"none":s([...new Set(t.map(e=>e.id)).values()]),l1.value={view:"notifications"};return}},className:"button flex items-center justify-center h-full pl-2.5 pr-2.5",style:{color:p},children:ru(uA,{events:r.filter(e=>!l.includes(e.id)).map(e=>"high"===uE(e)),size:16,className:lW(["text-[#999]","notifications"===l1.value.view&&"text-[#8E61E3]"])})})}
3292),ru(c0,{checked:!(null==(e=dP.instrumentation)?void 0:e.isPaused.value),onChange:u,className:"place-self-center",title:"Outline Re-renders"}),dP.options.value.showFPS&&ru(c2,{})]})}),dh=tS(()=>"inspecting"===dL.inspectState.value.kind),dm=tS(()=>lW("relative","flex-1","flex flex-col","rounded-t-lg","overflow-hidden","opacity-100","transition-[opacity]",dh.value&&"opacity-0 duration-0 delay-0")),df=tS(()=>"inspector"===l1.value.view),dg=tS(()=>"notifications"===l1.value.view),dv=()=>ru("div",{className:lW("flex flex-1 flex-col","overflow-hidden z-10","rounded-lg","bg-black","opacity-100","transition-[border-radius]","peer-hover/left:rounded-l-none","peer-hover/right:rounded-r-none","peer-hover/top:rounded-t-none","peer-hover/bottom:rounded-b-none"),children:[ru("div",{className:dm,children:[ru(cQ,{}),ru("div",{className:lW("relative","flex-1 flex","text-white","bg-[#0A0A0A]","transition-opacity delay-150","overflow-hidden","border-b border-[#222]"),children:[ru(db,{isOpen:df,children:ru(sR,{})}),ru(db,{isOpen:dg,children:ru(dc,{})})]})]}),ru(dp,{})]}),db=({isOpen:e,children:t})=>ru("div",{className:lW("flex-1","opacity-0","overflow-y-auto overflow-x-hidden","transition-opacity delay-0","pointer-events-none",e.value&&"opacity-100 delay-150 pointer-events-auto"),children:ru("div",{className:"absolute inset-0 flex",children:t})}),dw=(e,t,r)=>e+(t-e)*r,dy={frameInterval:1e3/60,speeds:{fast:.51,slow:.1,off:0}},dx=a$&&window.devicePixelRatio||1,dk=()=>{let e=e3(null),t=e3(null),r=e3(null),n=e3(null),i=e3(null),o=e3(0),a=e3(),l=e3(new Map),s=e3(!1),c=e3(0),u=(e,t,i,o)=>{if(!r.current)return;let a=r.current;t.clearRect(0,0,e.width,e.height),t.strokeStyle="rgba(142, 97, 227, 0.5)",t.fillStyle="rgba(173, 97, 230, 0.10)","locked"===i?t.setLineDash([]):t.setLineDash([4]),t.lineWidth=1,t.fillRect(a.left,a.top,a.width,a.height),t.strokeRect(a.left,a.top,a.width,a.height),((e,t,r,i)=>{var o;if(!i)return;let a=null!=(o=(null==i?void 0:i.type)&&q(i.type))?o:"Unknown";e.save(),e.font="12px system-ui, -apple-system, sans-serif";let l=e.measureText(a).width,s=14*("locked"===r),c=6*("locked"===r),u=t.left,d=t.top-24-4;if(e.fillStyle="rgb(37, 37, 38, .75)",e.beginPath(),e.roundRect(u,d,l+16+s+c,24,3),e.fill(),"locked"===r){let t,r,i,o=u+8,a=d+(24-s)/2+2;e.save(),e.strokeStyle="white",e.fillStyle="white",e.lineWidth=1.5,t=.6*s,r=.5*s,e.beginPath(),e.arc(o+(s-t)/2+t/2,a+r/2,t/2,Math.PI,0,!1),e.stroke(),i=.8*s,e.fillRect(o+(s-i)/2,a+r/2,i,.5*s),e.restore(),n.current={x:o,y:a,width:s,height:s}}else n.current=null;e.fillStyle="white",e.textBaseline="middle";e.fillText(a,u+8+("locked"===r?s+c:0),d+12),e.restore()})(t,a,i,o)},d=async(e,t,n,i)=>{if(!e||!t||!n)return;let{parentCompositeFiber:l}=sI(e),s=await sP(e);l&&s&&((e,t,n,i,l)=>{var s;let d,p,h;if(t.save(),!r.current){r.current=n,u(e,t,i,l),t.restore();return}d=dP.options.value.animationSpeed,p=null!=(s=dy.speeds[d])?s:dy.speeds.off,h=a=>{if(a-c.current<dy.frameInterval){o.current=requestAnimationFrame(h);return}(c.current=a,r.current)?(r.current={left:dw(r.current.left,n.left,p),top:dw(r.current.top,n.top,p),width:dw(r.current.width,n.width,p),height:dw(r.current.height,n.height,p)},u(e,t,i,l),Math.abs(r.current.left-n.left)>.1||Math.abs(r.current.top-n.top)>.1||Math.abs(r.current.width-n.width)>.1||Math.abs(r.current.height-n.height)>.1?o.current=requestAnimationFrame(h):(r.current=n,u(e,t,i,l),cancelAnimationFrame(o.current),t.restore())):cancelAnimationFrame(o.current)},cancelAnimationFrame(o.current),clearTimeout(a.current),o.current=requestAnimationFrame(h),a.current=setTimeout(()=>{cancelAnimationFrame(o.current),r.current=n,u(e,t,i,l),t.restore()},1e3)})(t,n,s,i,l)},p=t=>{if(!e.current||s.current)return;let o=a=>{if(e.current&&"opacity"===a.propertyName&&s.current){var l;let a;e.current.removeEventListener("transitionend",o),(a=(l=e.current).getContext("2d"))&&a.clearRect(0,0,l.width,l.height),r.current=null,n.current=null,i.current=null,l.classList.remove("fade-in"),s.current=!1,null==t||t()}},a=l.current.get("fade-out");a&&(a(),l.current.delete("fade-out")),e.current.addEventListener("transitionend",o),l.current.set("fade-out",()=>{var t;null==(t=e.current)||t.removeEventListener("transitionend",o)}),s.current=!0,e.current.classList.remove("fade-in"),requestAnimationFrame(()=>{var t;null==(t=e.current)||t.classList.add("fade-out")})},h=()=>{e.current&&(s.current=!1,e.current.classList.remove("fade-out"),requestAnimationFrame(()=>{var t;null==(t=e.current)||t.classList.add("fade-in")}))},m=lU(n=>{var o,l;if("inspecting"!==dL.inspectState.peek().kind||!t.current)return;t.current.style.pointerEvents="none";let c=document.elementFromPoint(null!=(o=null==n?void 0:n.clientX)?o:0,null!=(l=null==n?void 0:n.clientY)?l:0);if(t.current.style.removeProperty("pointer-events"),clearTimeout(a.current),c&&c!==e.current){let{parentCompositeFiber:e}=sI(c);if(e){let t=sB(e);if(t)return void(t!==i.current&&(i.current=t,sH.has(t.tagName)?p():h(),dL.inspectState.value={kind:"inspecting",hoveredDomElement:t}))}}r.current&&e.current&&!s.current&&p()},32),f=(e,t)=>{let r=n.current;if(!r)return!1;let i=t.getBoundingClientRect(),o=t.width/i.width,a=t.height/i.height,l=(e.clientX-i.left)*o,s=(e.clientY-i.top)*a,c=l/dx,u=s/dx;return c>=r.x&&c<=r.x+r.width&&u>=r.y&&u<=r.y+r.height},g=r=>{if(r.__reactScanSyntheticEvent)return;let n=dL.inspectState.peek(),o=e.current;if(o&&t.current){if(f(r,o)){r.preventDefault(),r.stopPropagation(),"focused"===n.kind&&(dL.inspectState.value={kind:"inspecting",hoveredDomElement:n.focusedDomElement});return}"inspecting"===n.kind&&(e=>{var t,r;let n=["react-scan-inspect-element","react-scan-power"];if(e.target instanceof HTMLElement&&n.includes(e.target.id))return;let o=null==(t=i.current)?void 0:t.tagName;if(o&&sH.has(o))return;e.preventDefault(),e.stopPropagation();let a=null!=(r=i.current)?r:document.elementFromPoint(e.clientX,e.clientY);if(!a)return;let l=e.composedPath().at(0);if(l instanceof HTMLElement&&n.includes(l.id)){let t=new MouseEvent(e.type,e);t.__reactScanSyntheticEvent=!0,l.dispatchEvent(t);return}let{parentCompositeFiber:s}=sI(a);if(!s)return;let c=sB(s);if(!c){i.current=null,dL.inspectState.value={kind:"inspect-off"};return}dL.inspectState.value={kind:"focused",focusedDomElement:c,fiber:s}})(r)}},v=t=>{var n;if("Escape"!==t.key)return;let o=dL.inspectState.peek();if(e.current&&(null==(n=document.activeElement)?void 0:n.id)!=="react-scan-root"&&(l1.value={view:"none"}
3292,"focused"===o.kind||"inspecting"===o.kind))switch(t.preventDefault(),t.stopPropagation(),o.kind){case"focused":h(),r.current=null,i.current=o.focusedDomElement,dL.inspectState.value={kind:"inspecting",hoveredDomElement:o.focusedDomElement};break;case"inspecting":p(()=>{lX.value=!1,dL.inspectState.value={kind:"inspect-off"}})}},b=(e,t)=>{let r=e.getBoundingClientRect();e.width=r.width*dx,e.height=r.height*dx,t.scale(dx,dx),t.save()},w=()=>{let t=dL.inspectState.peek(),n=e.current;if(!n)return;let i=null==n?void 0:n.getContext("2d");i&&(cancelAnimationFrame(o.current),clearTimeout(a.current),b(n,i),r.current=null,"focused"===t.kind&&t.focusedDomElement?d(t.focusedDomElement,n,i,"locked"):"inspecting"===t.kind&&t.hoveredDomElement&&d(t.hoveredDomElement,n,i,"inspecting"))},y=t=>{let r=dL.inspectState.peek(),n=e.current;n&&("inspecting"===r.kind||f(t,n))&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())};return e5(()=>{let n=e.current;if(!n)return;let s=null==n?void 0:n.getContext("2d");if(!s)return;b(n,s);let c=dL.inspectState.subscribe(e=>{((e,n,a)=>{var s;let c;switch(null==(s=l.current.get(e.kind))||s(),t.current&&"inspecting"!==e.kind&&(t.current.style.pointerEvents="none"),o.current&&cancelAnimationFrame(o.current),e.kind){case"inspect-off":p();return;case"inspecting":d(e.hoveredDomElement,n,a,"inspecting");break;case"focused":if(!e.focusedDomElement)return;i.current!==e.focusedDomElement&&(i.current=e.focusedDomElement),l1.value={view:"inspector"},d(e.focusedDomElement,n,a,"locked"),(c=dL.lastReportTime.subscribe(()=>{if(o.current&&r.current){let{parentCompositeFiber:t}=sI(e.focusedDomElement);t&&d(e.focusedDomElement,n,a,"locked")}}))&&l.current.set(e.kind,c)}})(e,n,s)});return window.addEventListener("scroll",w,{passive:!0}),window.addEventListener("resize",w,{passive:!0}),document.addEventListener("pointermove",m,{passive:!0,capture:!0}),document.addEventListener("pointerdown",y,{capture:!0}),document.addEventListener("click",g,{capture:!0}),document.addEventListener("keydown",v,{capture:!0}),()=>{for(let e of l.current.values())null==e||e();c(),window.removeEventListener("scroll",w),window.removeEventListener("resize",w),document.removeEventListener("pointermove",m,{capture:!0}),document.removeEventListener("click",g,{capture:!0}),document.removeEventListener("pointerdown",y,{capture:!0}),document.removeEventListener("keydown",v,{capture:!0}),o.current&&cancelAnimationFrame(o.current),clearTimeout(a.current)}},[]),ru(eE,{children:[ru("div",{ref:t,className:lW("fixed top-0 left-0 w-screen h-screen","z-[214748365]"),style:{pointerEvents:"none"}}),ru("canvas",{ref:e,dir:"ltr",className:lW("react-scan-inspector-overlay","fixed top-0 left-0 w-screen h-screen","pointer-events-none","z-[214748367]")})]})},d_=class{constructor(e,t,r){az(this,"width",e),az(this,"height",t),az(this,"safeArea",r),az(this,"maxWidth"),az(this,"maxHeight"),this.maxWidth=e-r.left-r.right,this.maxHeight=t-r.top-r.bottom}rightEdge(e){return this.width-e-this.safeArea.right}bottomEdge(e){return this.height-e-this.safeArea.bottom}isFullWidth(e){return e>=this.maxWidth}isFullHeight(e){return e>=this.maxHeight}},dN=()=>{let e,t=window.innerWidth,r=window.innerHeight,n=lY();return w&&w.width===t&&w.height===r&&(e=w.safeArea,e.top===n.top&&e.right===n.right&&e.bottom===n.bottom&&e.left===n.left)?w:w=new d_(t,r,n)},dS=(e,t,r)=>{let n,i,o="rtl"===getComputedStyle(document.body).direction,a=window.innerWidth,l=window.innerHeight,s=lY(),c=550===t,u=c?t:Math.min(t,a-s.left-s.right),d=c?r:Math.min(r,l-s.top-s.bottom),p=s.left,h=a-u-s.right,m=s.top,f=l-d-s.bottom,g=-s.right,v=-(a-u-s.left);switch(e){case"top-right":n=o?g:h,i=m;break;case"bottom-right":n=o?g:h,i=f;break;case"bottom-left":n=o?v:p,i=f;break;case"top-left":n=o?v:p,i=m;break;default:n=p,i=m}return c&&(n=o?Math.min(g,Math.max(n,v)):Math.max(p,Math.min(n,h)),i=Math.max(m,Math.min(i,f))),{x:n,y:i}},dE=(e,t,r)=>{let n=r?dN().maxWidth:dN().maxHeight;return Math.min(Math.max(r?550:400,e+t),n)},dC=({position:e})=>{let t=e3(null),r=e3(null),n=e3(null),i=e3(null);return e5(()=>{let o=t.current;if(!o)return;let a=()=>{var t,r,n;o.classList.remove("pointer-events-none");let i="focused"===dL.inspectState.value.kind,a="none"!==l1.value.view;(i||a)&&(t=lQ.value.corner,r=lQ.value.dimensions.isFullWidth,n=lQ.value.dimensions.isFullHeight,r&&n||(r||n?r?e!==t.split("-")[0]:!!n&&e!==t.split("-")[1]:((e,t)=>{let[r,n]=t.split("-");return e!==r&&e!==n})(e,t)))?o.classList.remove("hidden","pointer-events-none","opacity-0"):o.classList.add("hidden","pointer-events-none","opacity-0")},l=lQ.subscribe(e=>{(null===r.current||null===n.current||null===i.current||e.dimensions.width!==r.current||e.dimensions.height!==n.current||e.corner!==i.current)&&(a(),r.current=e.dimensions.width,n.current=e.dimensions.height,i.current=e.corner)}),s=dL.inspectState.subscribe(()=>{a()});return()=>{l(),s(),r.current=null,n.current=null,i.current=null}},[]),ru("div",{ref:t,onPointerDown:e8(t=>{t.preventDefault(),t.stopPropagation();let r=lK.value;if(!r)return;let n=r.style,{dimensions:i}=lQ.value,o=t.clientX,a=t.clientY,l=i.width,s=i.height,c=i.position;lQ.value={...lQ.value,dimensions:{...i,isFullWidth:!1,isFullHeight:!1,width:l,height:s,position:c}};let u=null,d=t=>{u||(n.transition="none",u=requestAnimationFrame(()=>{let{newSize:r,newPosition:i}=((e,t,r,n,i)=>{let o="rtl"===getComputedStyle(document.body).direction,a=lY(),l=window.innerWidth-a.left-a.right,s=window.innerHeight-a.top-a.bottom,c=t.width,u=t.height,d=r.x,p=r.y;if(o&&e.includes("right")){let e=-r.x+t.width-a.right;c=Math.min(l,Math.max(550,Math.min(t.width+n,e))),d=r.x+(c-t.width)}if(o&&e.includes("left")){let e=window.innerWidth-r.x-a.left;c=Math.min(l,Math.max(550,Math.min(t.width-n,e)))}if(!o&&e.includes("right")){let e=window.innerWidth-r.x-a.right;c=Math.min(l,Math.max(550,Math.min(t.width+n,e)))}if(!o&&e.includes("left")){let e=r.x+t.width-a.left;c=Math.min(l,Math.max(550,Math.min(t.width-n,e))),d=r.x-(c-t.width)}if(e.includes("bottom")){let e=window.innerHeight-r.y-a.bottom;u=Math.min(s,Math.max(400,Math.min(t.height+i,e)))}if(e.includes("top")){let e=r.y+t.height-a.top;u=Math.min(s,Math.max(400,Math.min(t.height-i,e))),p=r.y-(u-t.height)}let h=a.left,m=window.innerWidth-a.right-c,f=a.top,g=window.innerHeight-a.bottom-u,v=-a.right,b=-(window.innerWidth-c-a.left);return{newSize:{width:c,height:u},newPosition:{x:d=o?Math.min(v,Math.max(d,b)):Math.max(h,Math.min(d,m)),y:p=Math.max(f,Math.min(p,g))}}})(e,{width:l,height:s},c,t.clientX-o,t.clientY-a);n.transform=`translate3d(${i.x}px, ${i.y}px, 0)`,n.width=`${r.width}px`,n.height=`${r.height}px`;let d=Math.min(Math.floor(r.width-120),Math.max(240,lQ.value.componentsTree.width));lQ.value={...lQ.value,dimensions:{isFullWidth:!1,isFullHeight:!1,width:r.width,height:r.height,position:i},componentsTree:{...lQ.value.componentsTree,width:d}},u=null}))},p=()=>{u&&(cancelAnimationFrame(u),u=null),document.removeEventListener("pointermove",d),document.removeEventListener("pointerup",p);let{dimensions:e,corner:t}=lQ.value,i=dN(),o=i.isFullWidth(e.width),a=i.isFullHeight(e.height),l=t;(o&&a||o||a)&&(l=(e=>{let t=dN(),r={"top-left":Math.hypot(e.x,e.y),"top-right":Math.hypot(t.maxWidth-e.x,e.y),"bottom-left":Math.hypot(e.x,t.maxHeight-e.y),"bottom-right":Math.hypot(t.maxWidth-e.x,t.maxHeight-e.y)},n="top-left";for(let e in r)r[e]<r[n]&&(n=e);return n})(e.position));let s=dS(l,e.width,e.height),c=()=>{r.removeEventListener("transitionend",c)};r.addEventListener("transitionend",c),n.transform=`translate3d(${s.x}px, ${s.y}px, 0)`,lQ.value={...lQ.value,corner:l,dimensions:{isFullWidth:o,isFullHeight:a,width:e.width,height:e.height,position:s},lastDimensions:{isFullWidth:o,isFullHeight:a,width:e.width,height:e.height,position:s}},lB(aL,{corner:l,dimensions:lQ.value.dimensions,lastDimensions:lQ.value.lastDimensions,componentsTree:lQ.value.componentsTree})};document.addEventListener("pointermove",d,{passive:!0}),document.addEventListener("pointerup",p)},[]),onDblClick:e8(t=>{t.preventDefault(),t.stopPropagation();let r=lK.value;if(!r)return;let n=r.style,{dimensions:i,corner:o}=lQ.value,a=dN(),l=a.isFullWidth(i.width),s=a.isFullHeight(i.height),c=l&&s,u=(l||s)&&!c,d=i.width,p=i.height,h=((e,t,r,n,i)=>{if(r){if("top-left"===e)return"bottom-right";if("top-right"===e)return"bottom-left";if("bottom-left"===e)return"top-right";if("bottom-right"===e)return"top-left";let[r,n]=t.split("-");if("left"===e)return`${r}-right`;if("right"===e)return`${r}-left`;if("top"===e)return`bottom-${n}`;if("bottom"===e)return`top-${n}`}if(n){if("left"===e)return`${t.split("-")[0]}-right`;if("right"===e)return`${t.split("-")[0]}-left`}if(i){if("top"===e)return`bottom-${t.split("-")[1]}`;if("bottom"===e)return`top-${t.split("-")[1]}`}return t})(e,o,c,l,s);"left"===e||"right"===e?(d=l?i.width:a.maxWidth,u&&(d=l?550:a.maxWidth)):(p=s?i.height:a.maxHeight,u&&(p=s?400:a.maxHeight)),c&&("left"===e||"right"===e?d=550:p=400);let m=dS(h,d,p),f={isFullWidth:a.isFullWidth(d),isFullHeight:a.isFullHeight(p),width:d,height:p,position:m},g=Math.floor(d-275),v=lQ.value.componentsTree.width,b=Math.floor(.3*d),w=l?240:"left"!==e&&"right"!==e||l?Math.min(g,Math.max(240,v)):Math.min(g,Math.max(240,b));requestAnimationFrame(()=>{lQ.value={corner:h,dimensions:f,lastDimensions:i,componentsTree:{...lQ.value.componentsTree,width:w}},n.transition="all 0.25s cubic-bezier(0, 0, 0.2, 1)",n.width=`${d}px`,n.height=`${p}px`,n.transform=`translate3d(${m.x}px, ${m.y}px, 0)`}),lB(aL,{corner:h,dimensions:f,lastDimensions:i,componentsTree:{...lQ.value.componentsTree,width:w}})},[]),className:lW("absolute z-50","flex items-center justify-center","group","transition-colors select-none","peer",{"resize-left peer/left":"left"===e,"resize-right peer/right z-10":"right"===e,"resize-top peer/top":"top"===e,"resize-bottom peer/bottom":"bottom"===e}),children:ru("span",{className:"resize-line-wrapper",children:ru("span",{className:"resize-line",children:ru(aD,{name:"icon-ellipsis",size:18,className:lW("text-neutral-400",("left"
3292===e||"right"===e)&&"rotate-90")})})})})},dT={horizontal:{width:20,height:48},vertical:{width:48,height:20}},dA=()=>{let e=e3(null),t=e3(!1),r=e3(0),n=e3(0),i=e3(!1),o=e8((o=!0)=>{let a,l;if(!e.current)return;let{corner:s}=lQ.value;if(l5.value){let e=dT[l5.value.orientation||"horizontal"];a=e.width,l=e.height}else if(t.current){let e=lQ.value.lastDimensions;a=dE(e.width,0,!0),l=dE(e.height,0,!1),i.current&&(i.current=!1)}else a=r.current,l=n.current;let c=dS(s,a,l);if(l5.value){let{corner:e,orientation:t="horizontal"}=l5.value,r=dT[t],n=lY();switch(e){case"top-left":c="horizontal"===t?{x:-1,y:n.top}:{x:n.left,y:-1};break;case"bottom-left":c="horizontal"===t?{x:-1,y:window.innerHeight-r.height-n.bottom}:{x:n.left,y:window.innerHeight-r.height+1};break;case"top-right":c="horizontal"===t?{x:window.innerWidth-r.width+1,y:n.top}:{x:window.innerWidth-r.width-n.right,y:-1};break;default:c="horizontal"===t?{x:window.innerWidth-r.width+1,y:window.innerHeight-r.height-n.bottom}:{x:window.innerWidth-r.width-n.right,y:window.innerHeight-r.height+1}}}let u=a<550||l<400,d=e.current,p=d.style,h=null,m=()=>{l0(),d.removeEventListener("transitionend",m),h&&(cancelAnimationFrame(h),h=null)};d.addEventListener("transitionend",m),p.transition="all 0.25s cubic-bezier(0, 0, 0.2, 1)",h=requestAnimationFrame(()=>{p.width=`${a}px`,p.height=`${l}px`,p.transform=`translate3d(${c.x}px, ${c.y}px, 0)`,h=null});let f=lY(),g={isFullWidth:a>=window.innerWidth-f.left-f.right,isFullHeight:l>=window.innerHeight-f.top-f.bottom,width:a,height:l,position:c};lQ.value={corner:s,dimensions:g,lastDimensions:t?lQ.value.lastDimensions:a>r.current?g:lQ.value.lastDimensions,componentsTree:lQ.value.componentsTree},o&&!u&&lB(aL,{corner:lQ.value.corner,dimensions:lQ.value.dimensions,lastDimensions:lQ.value.lastDimensions,componentsTree:lQ.value.componentsTree}),l0()},[]),a=e8(t=>{if(t.target.closest("button, a, input, textarea, select, pre, [contenteditable], [data-react-scan-selectable]")||(t.preventDefault(),!e.current))return;let r=e.current,n=r.style,{dimensions:i}=lQ.value,a=t.clientX,l=t.clientY,s=i.position.x,c=i.position.y,u=s,d=c,p=null,h=!1,m=a,f=l,g=e=>{p||(h=!0,m=e.clientX,f=e.clientY,p=requestAnimationFrame(()=>{let e=m-a,t=f-l;u=Number(s)+e,d=Number(c)+t,n.transition="none",n.transform=`translate3d(${u}px, ${d}px, 0)`;let r=u+i.width,h=d+i.height,b=Math.max(0,-u),w=Math.max(0,r-window.innerWidth),y=Math.max(0,-d),x=Math.max(0,h-window.innerHeight),k=Math.min(i.width,b+w),_=Math.min(i.height,y+x),N=k*i.height+_*i.width-k*_>.35*(i.width*i.height);if(!N&&dP.options.value.showFPS){let e=u+i.width;N=e<=0||e-100>=window.innerWidth||d+i.height<=0||d>=window.innerHeight}if(N){let e,t=u+i.width/2,r=d+i.height/2,n=window.innerWidth/2,a=window.innerHeight/2;e=t<n?r<a?"top-left":"bottom-left":r<a?"top-right":"bottom-right";let l=Math.max(b,w),s=Math.max(y,x);lQ.value={...lQ.value,corner:e,lastDimensions:{...i,position:dS(e,i.width,i.height)}};let c={corner:e,orientation:l>s?"horizontal":"vertical"};l5.value=c,lB(aP,c),lB(aL,lQ.value),o(!1),document.removeEventListener("pointermove",g),document.removeEventListener("pointerup",v),p&&(cancelAnimationFrame(p),p=null)}p=null}))},v=()=>{if(!r)return;p&&(cancelAnimationFrame(p),p=null),document.removeEventListener("pointermove",g),document.removeEventListener("pointerup",v);let e=Math.abs(m-a),t=Math.abs(f-l),o=Math.sqrt(e*e+t*t);if(!h||o<60)return;let b=((e,t,r,n,i=100)=>{let o=void 0!==r?e-r:0,a=void 0!==n?t-n:0,l=window.innerWidth/2,s=window.innerHeight/2,c=o>i,u=a>i;if(c||o<-i){let e=t>s;return c?e?"bottom-right":"top-right":e?"bottom-left":"top-left"}if(u||a<-i){let t=e>l;return u?t?"bottom-right":"bottom-left":t?"top-right":"top-left"}return e>l?t>s?"bottom-right":"top-right":t>s?"bottom-left":"top-left"})(m,f,a,l,"focused"===dL.inspectState.value.kind?80:40);if(b===lQ.value.corner){n.transition="transform 0.25s cubic-bezier(0, 0, 0.2, 1)";let e=lQ.value.dimensions.position;requestAnimationFrame(()=>{n.transform=`translate3d(${e.x}px, ${e.y}px, 0)`});return}let w=dS(b,i.width,i.height);if(u===s&&d===c)return;let y=()=>{n.transition="none",l0(),r.removeEventListener("transitionend",y),p&&(cancelAnimationFrame(p),p=null)};r.addEventListener("transitionend",y),n.transition="transform 0.25s cubic-bezier(0, 0, 0.2, 1)",requestAnimationFrame(()=>{n.transform=`translate3d(${w.x}px, ${w.y}px, 0)`}),lQ.value={corner:b,dimensions:{isFullWidth:i.isFullWidth,isFullHeight:i.isFullHeight,width:i.width,height:i.height,position:w},lastDimensions:lQ.value.lastDimensions,componentsTree:lQ.value.componentsTree},lB(aL,{corner:b,dimensions:lQ.value.dimensions,lastDimensions:lQ.value.lastDimensions,componentsTree:lQ.value.componentsTree})};document.addEventListener("pointermove",g),document.addEventListener("pointerup",v)},[]),l=e8(t=>{if(t.preventDefault(),!e.current||!l5.value)return;let{corner:n,orientation:i="horizontal"}=l5.value,a=t.clientX,l=t.clientY,s=!1,c=t=>{if(s)return;let d=t.clientX-a,p=t.clientY-l,h=!1;"horizontal"===i?n.endsWith("left")&&d>50?h=!0:n.endsWith("right")&&d<-50&&(h=!0):n.startsWith("top")&&p>50?h=!0:n.startsWith("bottom")&&p<-50&&(h=!0),h&&(s=!0,l5.value=null,lB(aP,null),0===r.current&&e.current?requestAnimationFrame(()=>{if(e.current){e.current.style.width="min-content",r.current=e.current.offsetWidth||300;let n=lQ.value.lastDimensions,i=dE(n.width,0,!0),a=dE(n.height,0,!1),l=t.clientX-i/2,s=t.clientY-a/2,c=lY();l=Math.max(c.left,Math.min(l,window.innerWidth-i-c.right)),s=Math.max(c.top,Math.min(s,window.innerHeight-a-c.bottom)),lQ.value={...lQ.value,dimensions:{...lQ.value.dimensions,position:{x:l,y:s}}},o(!0),l1.value=lH(aI)||{view:"none"},setTimeout(()=>{if(e.current){let r=new PointerEvent("pointerdown",{clientX:t.clientX,clientY:t.clientY,pointerId:t.pointerId,bubbles:!0});e.current.dispatchEvent(r)}},100)}}):(o(!0),l1.value=lH(aI)||{view:"none"}),document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",u))},u=()=>{document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",u)};document.addEventListener("pointermove",c),document.addEventListener("pointerup",u)},[]);e5(()=>
3292{if(!e.current)return;lV(aI),l5.value?(n.current=36,r.current=0):(e.current.style.width="min-content",n.current=36,r.current=e.current.offsetWidth);let a=lY();e.current.style.maxWidth=`calc(100vw - ${a.left+a.right}px)`,e.current.style.maxHeight=`calc(100vh - ${a.top+a.bottom}px)`,o(),"focused"===dL.inspectState.value.kind||l5.value||i.current||(lQ.value={...lQ.value,dimensions:{isFullWidth:!1,isFullHeight:!1,width:r.current,height:n.current,position:lQ.value.dimensions.position}}),lK.value=e.current;let l=lQ.subscribe(t=>{if(!e.current)return;let{x:r,y:n}=t.dimensions.position,{width:i,height:o}=t.dimensions,a=e.current;requestAnimationFrame(()=>{a.style.transform=`translate3d(${r}px, ${n}px, 0)`,a.style.width=`${i}px`,a.style.height=`${o}px`})}),s=l1.subscribe(e=>{t.current="none"!==e.view,o(),l5.value||("none"!==e.view?lB(aI,e):lV(aI))}),c=dL.inspectState.subscribe(e=>{t.current="focused"===e.kind,o()}),u=()=>{o(!0)};return window.addEventListener("resize",u,{passive:!0}),()=>{window.removeEventListener("resize",u),s(),c(),l(),lB(aL,{...lZ(),corner:lQ.value.corner})}},[]);let[s,c]=e2(!1);e5(()=>{c(!0)},[]);let u=l5.value,d="";if(u){let{orientation:e="horizontal",corner:t}=u;d="horizontal"===e?(null==t?void 0:t.endsWith("right"))?"rotate-180":"":(null==t?void 0:t.startsWith("bottom"))?"-rotate-90":"rotate-90"}return ru(eE,{children:[ru(dk,{}),ru(dz.Provider,{value:e.current,children:ru("div",{id:"react-scan-toolbar",dir:"ltr",ref:e,onPointerDown:u?l:a,className:lW("fixed inset-0",u?(()=>{let{orientation:e="horizontal",corner:t}=u;return"horizontal"===e?(null==t?void 0:t.endsWith("right"))?"rounded-tl-lg rounded-bl-lg shadow-lg":"rounded-tr-lg rounded-br-lg shadow-lg":(null==t?void 0:t.startsWith("bottom"))?"rounded-tl-lg rounded-tr-lg shadow-lg":"rounded-bl-lg rounded-br-lg shadow-lg"})():"rounded-lg shadow-lg","flex flex-col","font-mono text-[13px]","user-select-none","opacity-0",u?"cursor-pointer":"cursor-move","z-[124124124124]","animate-fade-in animation-duration-300 animation-delay-300","will-change-transform","[touch-action:none]"),style:{WebkitAppRegion:"no-drag"},children:u?ru("button",{type:"button",onClick:()=>{l5.value=null,lB(aP,null),0===r.current&&e.current&&requestAnimationFrame(()=>{e.current&&(e.current.style.width="min-content",r.current=e.current.offsetWidth||300,o(!0))}),l1.value=lH(aI)||{view:"none"}},className:"flex items-center justify-center w-full h-full text-white",title:"Expand toolbar",children:ru(aD,{name:"icon-chevron-right",size:16,className:lW("transition-transform",d)})}):ru(eE,{children:[ru(dC,{position:"top"}),ru(dC,{position:"bottom"}),ru(dC,{position:"left"}),ru(dC,{position:"right"}),ru(dv,{})]})})})]})},dz=eW(null),d$=()=>ru("svg",{xmlns:"http://www.w3.org/2000/svg",style:"display: none;",children:[ru("title",{children:"React Scan Icons"}),ru("symbol",{id:"icon-inspect",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("path",{d:"M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z"}),ru("path",{d:"M5 3a2 2 0 0 0-2 2"}),ru("path",{d:"M19 3a2 2 0 0 1 2 2"}),ru("path",{d:"M5 21a2 2 0 0 1-2-2"}),ru("path",{d:"M9 3h1"}),ru("path",{d:"M9 21h2"}),ru("path",{d:"M14 3h1"}),ru("path",{d:"M3 9v1"}),ru("path",{d:"M21 9v2"}),ru("path",{d:"M3 14v1"})]}),ru("symbol",{id:"icon-focus",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("path",{d:"M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z"}),ru("path",{d:"M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6"})]}),ru("symbol",{id:"icon-next",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:ru("path",{d:"M6 9h6V5l7 7-7 7v-4H6V9z"})}),ru("symbol",{id:"icon-previous",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:ru("path",{d:"M18 15h-6v4l-7-7 7-7v4h6v6z"})}),ru("symbol",{id:"icon-close",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),ru("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),ru("symbol",{id:"icon-replay",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("path",{d:"M3 7V5a2 2 0 0 1 2-2h2"}),ru("path",{d:"M17 3h2a2 2 0 0 1 2 2v2"}),ru("path",{d:"M21 17v2a2 2 0 0 1-2 2h-2"}),ru("path",{d:"M7 21H5a2 2 0 0 1-2-2v-2"}),ru("circle",{cx:"12",cy:"12",r:"1"}),ru("path",{d:"M18.944 12.33a1 1 0 0 0 0-.66 7.5 7.5 0 0 0-13.888 0 1 1 0 0 0 0 .66 7.5 7.5 0 0 0 13.888 0"})]}),ru("symbol",{id:"icon-ellipsis",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("circle",{cx:"12",cy:"12",r:"1"}),ru("circle",{cx:"19",cy:"12",r:"1"}),ru("circle",{cx:"5",cy:"12",r:"1"})]}),ru("symbol",{id:"icon-copy",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),ru("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]}),ru("symbol",{id:"icon-check",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:ru("path",{d:"M20 6 9 17l-5-5"})}),ru("symbol",{id:"icon-chevron-right",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:ru("path",{d:"m9 18 6-6-6-6"})}),ru("symbol",{id:"icon-settings",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"}),ru("circle",{cx:"12",cy:"12",r:"3"})]}),ru("symbol",{id:"icon-flame",viewBox:"0 0 24 24",children:ru("path",{d:"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"})}),ru("symbol",{id:"icon-function",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"}),ru("path",{d:"M9 17c2 0 2.8-1 2.8-2.8V10c0-2 1-3.3 3.2-3"}),ru("path",{d:"M9 11.2h5.7"})]}),ru("symbol",{id:"icon-triangle-alert",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}),ru("path",{d:"M12 9v4"}),ru("path",{d:"M12 17h.01"})]}),ru("symbol",{id:"icon-gallery-horizontal-end",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("path",{d:"M2 7v10"}),ru("path",{d:"M6 5v14"}),ru("rect",{width:"12",height:"18",x:"10",y:"3",rx:"2"})]}),ru("symbol",{id:"icon-search",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("circle",{cx:"11",cy:"11",r:"8"}),ru("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),ru("symbol",{id:"icon-lock",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),ru("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),ru("symbol",{id:"icon-lock-open",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),ru("path",{d:"M7 11V7a5 5 0 0 1 9.9-1"})]}),ru("symbol",{id:"icon-sanil",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[ru("path",{d:"M2 13a6 6 0 1 0 12 0 4 4 0 1 0-8 0 2 2 0 0 0 4 0"}),ru("circle",{cx:"10",cy:"13",r:"8"}),ru("path",{d:"M2 21h12c4.4 0 8-3.6 8-8V7a2 2 0 1 0-4 0v6"}),ru("path",{d:"M18 3 19.1 5.2"})]})]}),dM=class extends eC{constructor(){super(...arguments),az(this,"state",{hasError:!1,error:null}),az(this,"handleReset",()=>{this.setState({hasError:!1,error:null})})}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){var e;return this.state.hasError?ru("div",{className:"fixed bottom-4 right-4 z-[124124124124]",children:ru("div",{className:"p-3 bg-black rounded-lg shadow-lg w-80",children:[ru("div",{className:"flex items-center gap-2 mb-2 text-red-400 text-sm font-medium",children:[ru(aD,{name:"icon-flame",className:"text-red-500",size:14}),"React Scan ran into a problem"]}),ru("div",{className:"p-2 bg-black rounded font-mono text-xs text-red-300 mb-3 break-words",children:(null==(e=this.state.error)?void 0:e.message)||JSON.stringify(this.state.error)}),ru("button",{type:"button",onClick:this.handleReset,className:"px-3 py-1.5 bg-red-500 hover:bg-red-600 text-white rounded text-xs font-medium transition-colors flex items-center justify-center gap-1.5",children:"Restart"})]})}):this.props.children}},dR=!1,dF=["top","right","bottom","left"],dO=e=>{if(lG(e))return{ok:!0,value:e};if(!lJ(e))return{ok:!1,error:`- safeArea must be a non-negative number or { top?, right?, bottom?, left? }. Got "${JSON.stringify(e)}"`};let t={};for(let r of dF){let n=e[r];
3292if(void 0!==n){if(!lG(n))return{ok:!1,error:`- safeArea.${r} must be a non-negative number. Got "${JSON.stringify(n)}"`};t[r]=n}}return{ok:!0,value:t}},dj=null,dD=null,dL={wasDetailsOpen:ty(!0),isInIframe:ty(a$&&window.self!==window.top),inspectState:ty({kind:"uninitialized"}),fiberRoots:new Set,reportData:new Map,legacyReportData:new Map,lastReportTime:ty(0),interactionListeningForRenders:null,changesListeners:new Map},dP={instrumentation:null,componentAllowList:null,options:ty({enabled:!0,log:!1,showToolbar:!0,animationSpeed:"fast",dangerouslyForceRunInProduction:!1,showFPS:!0,showNotificationCount:!0,allowInIframe:!1}),runInAllEnvironments:!1,onRender:null,Store:dL,version:"0.5.7"};a$&&window.__REACT_SCAN_EXTENSION__&&(window.__REACT_SCAN_VERSION__=dP.version);var dI=e=>{let t=[],r={};for(let n in e){let i=e[n];switch(n){case"enabled":case"log":case"showToolbar":case"showNotificationCount":case"dangerouslyForceRunInProduction":case"showFPS":case"allowInIframe":case"useOffscreenCanvasWorker":"boolean"!=typeof i?t.push(`- ${n} must be a boolean. Got "${i}"`):r[n]=i;break;case"animationSpeed":["slow","fast","off"].includes(i)?r[n]=i:t.push(`- Invalid animation speed "${i}". Using default "fast"`);break;case"safeArea":{let e=dO(i);e.ok?r.safeArea=e.value:t.push(e.error);break}case"onCommitStart":"function"!=typeof i?t.push(`- ${n} must be a function. Got "${i}"`):r.onCommitStart=i;break;case"onCommitFinish":"function"!=typeof i?t.push(`- ${n} must be a function. Got "${i}"`):r.onCommitFinish=i;break;case"onRender":"function"!=typeof i?t.push(`- ${n} must be a function. Got "${i}"`):r.onRender=i;break;default:t.push(`- Unknown option "${n}"`)}}return t.length>0&&console.warn(`[React Scan] Invalid options:
3293${t.join("\n")}`),r},dW=null,dU=()=>{if(!1===dW)return!1;null!=y||(y=F());let e=Array.from(y.renderers.values());if(0===e.length)return null;for(let t of e)if("production"!==G(t))return dW=!1,!1;return!0},dH=e=>{var t,r;let n,i,o,a,l,s,c,u,d,p,h,m,f,g,w;null==(t=window.reactScanCleanupListeners)||t.call(window);let y=(n=(e=>{let t;null==v||v(),t=()=>{document.hidden&&(ul=Date.now())},document.addEventListener("visibilitychange",t),v=()=>{document.removeEventListener("visibilitychange",t)};let r=new Map,n=new Map,i=t=>{if(!t.interactionId)return;if(t.interactionId&&t.target&&!n.has(t.interactionId)&&n.set(t.interactionId,t.target),t.target){let e=t.target;for(;e;){if("react-scan-toolbar-root"===e.id||"react-scan-root"===e.id)return;e=e.parentElement}}let i=r.get(t.interactionId);if(i)t.duration>i.latency?(i.entries=[t],i.latency=t.duration):t.duration===i.latency&&t.startTime===i.entries[0].startTime&&i.entries.push(t);else{var o;let n=["pointerup","click"].includes(o=t.name)?"pointer":(o.includes("key"),["keydown","keyup"].includes(o))?"keyboard":null;if(!n)return;let i={id:t.interactionId,latency:t.duration,entries:[t],target:t.target,type:n,startTime:t.startTime,endTime:Date.now(),processingStart:t.processingStart,processingEnd:t.processingEnd,duration:t.duration,inputDelay:t.processingStart-t.startTime,processingDuration:t.processingEnd-t.processingStart,presentationDelay:t.duration-(t.processingEnd-t.startTime),timestamp:Date.now(),timeSinceTabInactive:"never-hidden"===ul?"never-hidden":Date.now()-ul,visibilityState:document.visibilityState,timeOrigin:performance.timeOrigin,referrer:document.referrer};r.set(i.id,i),us||(us=requestAnimationFrame(()=>{requestAnimationFrame(()=>{e(r.get(i.id)),us=null})}))}},o=new PerformanceObserver(e=>{let t=e.getEntries();for(let e=0,r=t.length;e<r;e++)i(t[e])});try{o.observe({type:"event",buffered:!0,durationThreshold:16}),o.observe({type:"first-input",buffered:!0})}catch{}return()=>o.disconnect()})(e=>{c6.publish({kind:"entry-received",entry:e},"recording")}),i=e=>{b=e.composedPath().map(e=>e.id).filter(Boolean).includes("react-scan-toolbar")},document.addEventListener("mouseover",i),uk=i,o=()=>{uk&&document.removeEventListener("mouseover",uk)},a=()=>{uy=performance.now(),ux=performance.timeOrigin},document.addEventListener("visibilitychange",a),l=()=>{document.removeEventListener("visibilitychange",a)},u=function e(){let t=null;ub=null,t=uh(ub={});let r=performance.timeOrigin,n=performance.now();return s=requestAnimationFrame(()=>{c=setTimeout(()=>{let i=performance.now(),o=i-n,a=performance.timeOrigin;u_.push(i+a);let l=u_.filter(e=>i+a-e<=1e3),s=l.length;u_=l;let c=null!==uy&&null!==ux?i+a-(ux+uy)<100:null,u=null!==b&&b;!(o>150)||c||"visible"!==document.visibilityState||u||uw.getState().actions.addEvent({kind:"long-render",id:aO(),data:{endAt:a+i,startAt:n+r,meta:{fiberRenders:ub,latency:o,fps:s}}}),uy=null,ux=null,null==t||t(),e()},0)}),t}(),d=()=>{u(),cancelAnimationFrame(s),clearTimeout(c)},h=uu("pointer",{onComplete:p=async(e,t,r)=>{uw.getState().actions.addEvent({kind:"interaction",id:aO(),data:{startAt:t.detailedTiming.blockingTimeStart,endAt:performance.now()+performance.timeOrigin,meta:{...t,kind:r.kind}}});let n=c6.getChannelState("recording");t.detailedTiming.stopListeningForRenders(),n.length&&c6.updateChannelState("recording",()=>new c4(50))}}),m=uu("keyboard",{onComplete:p}
3293),r=e=>{c3.setState(c4.fromArray(c3.getCurrentState().concat(e),150))},f=c6.subscribe("recording",e=>{let t="auto-complete-race"===e.kind?uc.find(t=>t.interactionUUID===e.interactionUUID):((e,t)=>{let r=null;for(let n of t){if(n.type!==e.type)continue;if(null===r){r=n;continue}let t=(e,t)=>Math.abs(e.startDateTime)-(t.startTime+t.timeOrigin);t(n,e)<t(r,e)&&(r=n)}return r})(e.entry,uc);t&&r(t.completeInteraction(e))}),()=>{o(),l(),d(),n(),h(),f(),m()}),x=dB();window.reactScanCleanupListeners=()=>{y(),null==x||x()};let k=window.__REACT_SCAN_TOOLBAR_CONTAINER__;if(!e){null==k||k.remove();return}null==k||k.remove();let{shadowRoot:_}=(()=>{if(dj&&dD)return{rootContainer:dj,shadowRoot:dD};(dj=document.createElement("div")).id="react-scan-root",dD=dj.attachShadow({mode:"open"});let e=document.createElement("style");return e.textContent=cY,dD.appendChild(e),document.documentElement.appendChild(dj),{rootContainer:dj,shadowRoot:dD}})();(g=document.createElement("div")).id="react-scan-toolbar-root",window.__REACT_SCAN_TOOLBAR_CONTAINER__=g,_.appendChild(g),eI(ru(dM,{children:ru(eE,{children:[ru(d$,{}),ru(dA,{})]})}),g),w=g.remove.bind(g),g.remove=()=>{window.__REACT_SCAN_TOOLBAR_CONTAINER__=void 0,g.hasChildNodes()&&(eI(null,g),eI(null,g)),w()}},dB=()=>{try{let e=document.documentElement;return(e=>{if(!(uX=(uY=document.createElement("canvas")).getContext("2d",{alpha:!0})))return null;let t=window.devicePixelRatio||1,{innerWidth:r,innerHeight:n}=window;uY.style.width=`${r}px`,uY.style.height=`${n}px`,uY.width=r*t,uY.height=n*t,uY.style.position="fixed",uY.style.left="0",uY.style.top="0",uY.style.pointerEvents="none",uY.style.zIndex="2147483600",uX.scale(t,t),e.appendChild(uY),u2&&window.removeEventListener("resize",u2);let i=()=>{if(!uY||!uX)return;let e=window.devicePixelRatio||1,{innerWidth:t,innerHeight:r}=window;uY.style.width=`${t}px`,uY.style.height=`${r}px`,uY.width=t*e,uY.height=r*e,uX.scale(e,e),u1()};return u2=i,window.addEventListener("resize",i),uK.subscribe(()=>{requestAnimationFrame(()=>{u1()})}),u5})(e)}catch(e){"verbose"===dP.options.value._debug&&console.error("[React Scan Internal Error]","Failed to create notifications outline canvas",e)}},dV=new WeakSet,dq=e.i(271645);e.s(["ReactScan",0,function(){return(0,dq.useEffect)(()=>{((e={})=>{(e=>{var t;try{let r=dI(e);if(0===Object.keys(r).length)return;let n="showToolbar"in r&&void 0!==r.showToolbar,i={...dP.options.value,...r},{instrumentation:o}=dP;o&&"enabled"in r&&(o.isPaused.value=!1===r.enabled),dP.options.value=i;try{let e=null==(t=lH("react-scan-options"))?void 0:t.enabled;"boolean"==typeof e&&(i.enabled=e)}catch(e){"verbose"===dP.options.value._debug&&console.error("[React Scan Internal Error]","Failed to create notifications outline canvas",e)}return lB("react-scan-options",(e=>{let{onCommitStart:t,onRender:r,onCommitFinish:n,...i}=e;return i})(i)),n&&dH(!!i.showToolbar),i}catch(e){"verbose"===dP.options.value._debug&&console.error("[React Scan Internal Error]","Failed to create notifications outline canvas",e)}})(e),(!dL.isInIframe.value||dP.options.value.allowInIframe||dP.runInAllEnvironments)&&(!1!==e.enabled||!0===e.showToolbar)&&(()=>{try{if(!a$||!dP.runInAllEnvironments&&dU()&&!dP.options.value.dangerouslyForceRunInProduction)return;(()=>{if(!dR){if(dR=!0,!("u"<typeof window)&&!window.__REACT_GRAB__&&navigator.onLine&&aT.version)try{fetch(`https://www.react-grab.com/api/version?source=react-scan&v=${aT.version}&t=${Date.now()}`,{referrerPolicy:"origin",keepalive:!0,priority:"low",cache:"no-store"}).then(e=>e.ok?e.text():null).then(e=>{if(!e)return;let t=e.trim();/^\d+\.\d+\.\d+/.test(t)&&t!==aT.version&&console.warn(`[React Scan] react-grab v${aT.version} is outdated (latest: v${t}). Update react-scan to pick up the newer react-grab.`)}).catch(()=>null)}catch{}}})();let e=lH("react-scan-options");if(e){let t=dI(e);Object.keys(t).length>0&&(dP.options.value={...dP.options.value,...t})}let t=dP.options;(e=>{var t,r;let n,i,o;if(globalThis.__REACT_SCAN_STOP__||cJ)return;cJ=!0;let a=!1,l=()=>{a||(n&&cancelAnimationFrame(n),n=requestAnimationFrame(()=>{a=!0;let t=(()=>{var e;let t,r;(r=document.querySelector("[data-react-scan]"))&&r.remove();let n=document.createElement("div");n.setAttribute("data-react-scan","true");let i=n.attachShadow({mode:"open"}),o=document.createElement("canvas");if(o.style.position="fixed",o.style.top="0",o.style.left="0",o.style.pointerEvents="none",o.style.zIndex="2147483646",o.setAttribute("aria-hidden","true"),i.appendChild(o),!o)return null;cR=cV(),c$=o;let{innerWidth:a,innerHeight:l}=window;o.style.width=`${a}px`,o.style.height=`${l}px`;let s=a*cR,c=l*cR;o.width=s,o.height=c;let u=!1===dP.options.value.useOffscreenCanvasWorker;if(cB&&!window.__REACT_SCAN_EXTENSION__&&!u)try{let e=URL.createObjectURL(new Blob(['"use strict";(()=>{var D="Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace";
3293var T=(t,n)=>{let r=n-t;return Math.abs(r)<.5?n:t+r*.2};var x="115,97,230";function P(t,n){return n[0]-t[0]}function F(t){return[...t.entries()].sort(P)}function v([t,n]){let r=`${n.slice(0,4).join(", ")} \\xD7${t}`;return r.length>40&&(r=`${r.slice(0,40)}\\u2026`),r}var $=t=>{let n=new Map;for(let{name:e,count:u}of t)n.set(e,(n.get(e)||0)+u);let r=new Map;for(let[e,u]of n){let A=r.get(u);A?A.push(e):r.set(u,[e])}let d=F(r),a=v(d[0]);for(let e=1,u=d.length;e<u;e++)a+=", "+v(d[e]);return a.length>40?`${a.slice(0,40)}\\u2026`:a},H=t=>{let n=0;for(let r of t)n+=r.width*r.height;return n};var N=(t,n)=>{let r=t.getContext("2d",{alpha:!0});return r&&r.scale(n,n),r},X=(t,n,r,d)=>{t.clearRect(0,0,n.width/r,n.height/r);let a=new Map,e=new Map;for(let i of d.values()){let{x:o,y:c,width:l,height:g,targetX:s,targetY:f,targetWidth:h,targetHeight:m,frame:O}=i;s!==o&&(i.x=T(o,s)),f!==c&&(i.y=T(c,f)),h!==l&&(i.width=T(l,h)),m!==g&&(i.height=T(g,m));let M=`${s??o},${f??c}`,L=`${M},${h??l},${m??g}`,S=a.get(M);S?S.push(i):a.set(M,[i]);let C=1-O/45;i.frame++;let _=e.get(L)||{x:o,y:c,width:l,height:g,alpha:C};C>_.alpha&&(_.alpha=C),e.set(L,_)}for(let{x:i,y:o,width:c,height:l,alpha:g}of e.values()){t.strokeStyle=`rgba(${x},${g})`,t.lineWidth=1;let s=Math.round(i)+.5,f=Math.round(o)+.5,h=Math.round(c),m=Math.round(l);t.beginPath(),t.rect(s,f,h,m),t.stroke(),t.fillStyle=`rgba(${x},${g*.1})`,t.fill()}t.font=`11px ${D}`;let u=new Map;t.textRendering="optimizeSpeed";for(let i of a.values()){let o=i[0],{x:c,y:l,frame:g}=o,s=1-g/45,f=$(i),{width:h}=t.measureText(f),m=11;u.set(`${c},${l},${h},${f}`,{text:f,width:h,height:m,alpha:s,x:c,y:l,outlines:i});let O=l-m-4;if(O<0&&(O=0),g>45)for(let M of i)d.delete(String(M.id))}let A=Array.from(u.entries()).sort(([i,o],[c,l])=>H(l.outlines)-H(o.outlines));for(let[i,o]of A)if(u.has(i))for(let[c,l]of u.entries()){if(i===c)continue;let{x:g,y:s,width:f,height:h}=o,{x:m,y:O,width:M,height:L}=l;g+f>m&&m+M>g&&s+h>O&&O+L>s&&(o.text=$(o.outlines.concat(l.outlines)),o.width=t.measureText(o.text).width,u.delete(c))}for(let i of u.values()){let{x:o,y:c,alpha:l,width:g,height:s,text:f}=i,h=c-s-4;h<0&&(h=0),t.fillStyle=`rgba(${x},${l})`,t.fillRect(o,h,g+4,s+4),t.fillStyle=`rgba(255,255,255,${l})`,t.fillText(f,o+2,h+s)}return d.size>0};var p=null,w=null,b=1,y=new Map,E=null,R=()=>{if(!w||!p)return;X(w,p,b,y)?E=requestAnimationFrame(R):E=null};self.onmessage=t=>{let{type:n}=t.data;if(n==="init"&&(p=t.data.canvas,b=t.data.dpr,p&&(p.width=t.data.width,p.height=t.data.height,w=N(p,b))),!(!p||!w)){if(n==="resize"){b=t.data.dpr,p.width=t.data.width*b,p.height=t.data.height*b,w.resetTransform(),w.scale(b,b),R();return}if(n==="draw-outlines"){let{data:r,names:d}=t.data,a=new Float32Array(r);for(let e=0;e<a.length;e+=7){let u=a[e+2],A=a[e+3],i=a[e+4],o=a[e+5],c=a[e+6],l={id:a[e],name:d[e/7],count:a[e+1],x:u,y:A,width:i,height:o,frame:0,targetX:u,targetY:A,targetWidth:i,targetHeight:o,didCommit:c},g=String(l.id),s=y.get(g);s?(s.count++,s.frame=0,s.targetX=u,s.targetY=A,s.targetWidth=i,s.targetHeight=o,s.didCommit=c):y.set(g,l)}E||(E=requestAnimationFrame(R));return}if(n==="scroll"){let{deltaX:r,deltaY:d}=t.data;for(let a of y.values()){let e=a.x-r,u=a.y-d;a.targetX=e,a.targetY=u}}}};})();\n'],{type:"application/javascript"}));cz=new Worker(e);let t=o.transferControlToOffscreen();cz.postMessage({type:"init",canvas:t,width:o.width,height:o.height,dpr:cR},[t])}catch(e){cz=null,"verbose"===dP.options.value._debug&&console.warn("Failed to initialize OffscreenCanvas worker:",e)}cz||(e=cR,(t=o.getContext("2d",{alpha:!0}))&&t.scale(e,e),cM=t);let d=!1;window.addEventListener("resize",()=>{d||(d=!0,setTimeout(()=>{let e=window.innerWidth,t=window.innerHeight;cR=cV(),o.style.width=`${e}px`,o.style.height=`${t}px`,cz?cz.postMessage({type:"resize",width:e,height:t,dpr:cR}):(o.width=e*cR,o.height=t*cR,cM&&(cM.resetTransform(),cM.scale(cR,cR)),cH()),d=!1}))});let p=window.scrollX,h=window.scrollY,m=!1;return window.addEventListener("scroll",()=>{m||(m=!0,setTimeout(()=>{let{scrollX:e,scrollY:t}=window,r=e-p,n=t-h;p=e,h=t,cz?cz.postMessage({type:"scroll",deltaX:r,deltaY:n}):requestAnimationFrame(cA.bind(null,cO,r,n)),m=!1},32))}),setInterval(()=>{cD.size&&requestAnimationFrame(cU)},32),i.appendChild(o),n})();t&&document.documentElement.appendChild(t),e()}))},s=(t="react-scan-devtools-0.1.0",r={onCommitStart:()=>{var e,t;null==(t=(e=dP.options.value).onCommitStart)||t.call(e)},onActive:(i=!1,()=>{globalThis.__REACT_SCAN_STOP__||i||(i=!0,l(),window.__REACT_SCAN_EXTENSION__||(globalThis.__REACT_SCAN__={ReactScanInternals:dP}),clearInterval(g),g=setInterval(()=>{cq&&(dL.lastReportTime.value=Date.now(),cq=!1)},50),(()=>{if(window.hideIntro){window.hideIntro=void 0;return}console.log("%c[·] %cReact Scan","font-weight:bold;color:#7a68e8;font-size:20px;","font-weight:bold;font-size:14px;")})())}),onError:()=>{},isValidFiber:cG,onRender:(e,t)=>{var r,n,i,o;j(e)&&(null==(r=dL.interactionListeningForRenders)||r.call(dL,e,t));let a=null==(n=dP.instrumentation)?void 0:n.isPaused.value,l="inspect-off"===dL.inspectState.value.kind||"uninitialized"===dL.inspectState.value.kind;a&&l||(a||(e=>{if(!j(e))return;let t="string"==typeof e.type?e.type:q(e);if(!t)return;let r=cj.get(e),n=(e=>{let t=[],r=[];for(O(e)?t.push(e):e.child&&r.push(e.child);r.length;){let e=r.pop();if(!e)break;O(e)?t.push(e):e.child&&r.push(e.child),e.sibling&&r.push(e.sibling)}return t})(e),i=L(e);r?r.count++:(cj.set(e,{name:t,count:1,elements:n.map(e=>e.stateNode),didCommit:+!!i}),cD.add(e))})(e),dP.options.value.log&&(e=>{var t;let r=new Map;for(let n=0,i=e.length;n<i;n++){let i=e[n];if(!i.componentName)continue;let o=null!=(t=r.get(i.componentName))?t:[],a=aR([{aggregatedCount:1,computedKey:null,name:i.componentName,frame:null,...i,changes:{type:i.changes.reduce((e,t)=>
3293e|t.type,0),unstable:i.changes.some(e=>e.unstable)},phase:i.phase,computedCurrent:null}]);if(!a)continue;let l=null,s=null;if(i.changes)for(let e=0,t=i.changes.length;e<t;e++){let{name:t,prevValue:r,nextValue:n,unstable:a,type:c}=i.changes[e];1===c?(null!=l||(l={}),null!=s||(s={}),l[`${a?"⚠️":""}${t} (prev)`]=r,s[`${a?"⚠️":""}${t} (next)`]=n):o.push({prev:r,next:n,type:4===c?"context":"state",unstable:null!=a&&a})}l&&s&&o.push({prev:l,next:s,type:"props",unstable:!1}),r.set(a,o)}for(let[e,t]of Array.from(r.entries())){for(let{type:r,prev:n,next:i,unstable:o}of(console.group(`%c${e}`,"background: hsla(0,0%,70%,.3); border-radius:3px; padding: 0 2px;"),t))console.log(`${r}:`,o?"⚠️":"",n,"!==",i);console.groupEnd()}})(t),"focused"===dL.inspectState.value.kind&&(se.value=Date.now()),l||(e=>{var t,r;if(j(e)&&!1!==dP.options.value.showToolbar&&"focused"===dL.inspectState.value.kind){let{selfTime:n}=H(e),i=q(e.type),o=X(e),a=dL.reportData.get(o),l=null!=(t=null==a?void 0:a.count)?t:0,s=null!=(r=null==a?void 0:a.time)?r:0,c=dL.changesListeners.get(X(e));if(null==c?void 0:c.length){let t,r=sU(e).map(e=>({type:1,name:e.name,value:e.value,prevValue:e.prevValue,unstable:!1})),n=(e=>{var t,r;if(!e)return[];let n=[];if(0===e.tag||11===e.tag||15===e.tag||14===e.tag){let r=e.memoizedState,i=null==(t=e.alternate)?void 0:t.memoizedState,o=0;for(;r;){if(r.queue&&void 0!==r.memoizedState){let e={type:2,name:o.toString(),value:r.memoizedState,prevValue:null==i?void 0:i.memoizedState};aF(e.prevValue,e.value)||n.push(e)}r=r.next,i=null==i?void 0:i.next,o++}return n}if(1===e.tag){let t={type:3,name:"state",value:e.memoizedState,prevValue:null==(r=e.alternate)?void 0:r.memoizedState};aF(t.prevValue,t.value)||n.push(t)}return n})(e),i=(t=[],((e,t)=>{try{let r=e.dependencies,n=e.alternate?.dependencies;if(!r||!n||"object"!=typeof r||!("firstContext"in r)||"object"!=typeof n||!("firstContext"in n))return!1;let i=r.firstContext,o=n.firstContext;for(;i&&"object"==typeof i&&"memoizedValue"in i||o&&"object"==typeof o&&"memoizedValue"in o;){if(!0===t(i,o))return!0;i=i?.next,o=o?.next}}catch{}})(e,cf.bind(t)),t).map(e=>({name:e.name,type:4,value:e.value,contextType:e.contextType}));c.forEach(e=>{e({propsChanges:r,stateChanges:n,contextChanges:i})})}let u={count:l+1,time:s+n||0,renders:[],displayName:i,type:V(e.type)||null,changes:[]};dL.reportData.set(o,u),cq=!0}})(e),null==(o=(i=dP.options.value).onRender)||o.call(i,e,t))},onCommitFinish:()=>{var e,t;l(),null==(t=(e=dP.options.value).onCommitFinish)||t.call(e)},onPostCommitFiberRoot(){l()},trackChanges:!1},o={isPaused:ty(!dP.options.value.enabled),fiberRoots:new WeakSet},cg.set(t,{key:t,config:r,instrumentation:o}),cv||(cv=!0,(e=>{let t=F(e.onActive);t._instrumentationSource=e.name??k;let r=t.onCommitFiberRoot;if(e.onCommitFiberRoot){let n=(t,i,o)=>{r!==n&&(r?.(t,i,o),e.onCommitFiberRoot?.(t,i,o))};t.onCommitFiberRoot=n}let n=t.onCommitFiberUnmount;if(e.onCommitFiberUnmount){let r=(i,o)=>{t.onCommitFiberUnmount===r&&(n?.(i,o),e.onCommitFiberUnmount?.(i,o))};t.onCommitFiberUnmount=r}let i=t.onPostCommitFiberRoot;if(e.onPostCommitFiberRoot){let r=(n,o)=>{t.onPostCommitFiberRoot===r&&(i?.(n,o),e.onPostCommitFiberRoot?.(n,o))};t.onPostCommitFiberRoot=r}})({name:"react-scan",onActive:r.onActive,onCommitFiberRoot(e,t){o.fiberRoots.add(t);let r=cb();for(let e of r)e.config.onCommitStart();for(let e of(((e,t)=>{let r="current"in e?e.current:e,n=er.get(e);n||(n={id:et++,prevFiber:null},er.set(e,n));let{prevFiber:i}=n;if(r)if(null!==i){let e=i&&null!=i.memoizedState&&null!=i.memoizedState.element&&!0!==i.memoizedState.isDehydrated,n=null!=r.memoizedState&&null!=r.memoizedState.element&&!0!==r.memoizedState.isDehydrated;!e&&n?K(t,r,!1):e&&n?Z(t,r,r.alternate,null):e&&!n&&Q(t,r)}else K(t,r,!0);else Q(t,r);n.prevFiber=r})(t.current,(e,t)=>{let r=V(e.type);if(!r)return null;let n=cb(),i=[];for(let t=0,r=n.length;t<r;t++)n[t].config.isValidFiber(e)&&i.push(t);if(!i.length)return null;let o=[];if(n.some(e=>e.config.trackChanges)){let t=s9(e).changes,r=ce(e).changes,n=ct(e).changes;for(let n of(o.push.apply(null,t.map(e=>({type:1,name:e.name,value:e.value}))),r))1===e.tag?o.push({type:3,name:n.name.toString(),value:n.value}):o.push({type:2,name:n.name.toString(),value:n.value});o.push.apply(null,n.map(e=>({type:4,name:e.name,value:e.value,contextType:Number(e.contextType)})))}let{selfTime:a,totalTime:l}=H(e),s=cp(),c={phase:ca[t],componentName:q(r),count:1,changes:o,time:a,forget:B(e),unnecessary:null,didCommit:L(e),fps:s},u=o.length>0,d=(e=>{let t=[],r=[e];for(;r.length;){let e=r.pop();e&&(O(e)&&L(e)&&D(e)&&t.push(e),e.child&&r.push(e.child),e.sibling&&r.push(e.sibling))}return t})(e).length>0;"update"===t&&((e,t,r,n,i)=>{let o=Date.now(),a=cx(e);if((n||i)&&(!a||o-(a.lastRenderTimestamp||0)>16)){var l;let n,i,s,c=a||{selfTime:0,totalTime:0,renderCount:0,lastRenderTimestamp:o};c.renderCount=(c.renderCount||0)+1,c.selfTime=t||0,c.totalTime=r||0,c.lastRenderTimestamp=o,l={...c},n=V(e.type),i=cy(e),(s=cw.get(n))||(s=new Map,cw.set(n,s)),s.set(i,l)}})(e,a,l,u,d);for(let t=0,r=i.length;t<r;t++)n[i[t]].config.onRender(e,[c])}),r))e.config.onCommitFinish()},onPostCommitFiberRoot(){for(let e of cb())e.config.onPostCommitFiberRoot()}})),o);dP.instrumentation=s})(()=>{dH(!!t.value.showToolbar)}),a$&&setTimeout(()=>{let e;e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__,e?._instrumentationIsActive||C(e)||z(e)||console.error("[React Scan] Failed to load. Must import React Scan before React runs.")},5e3)}catch(e){"verbose"===dP.options.value._debug&&console.error("[React Scan Internal Error]","Failed to create notifications outline canvas",e)}})()})({enabled:!1})},[]),(0,x.jsx)(x.Fragment,{})}],12354)},840402,e=>{"use strict";var t=e.i(843476),r=e.i(363178);e.s(["ThemeProvider",0,function({children:e,...n}){return(0,t.jsx)(r.ThemeProvider,{...n,children:e})}])},203484,e=>{"use strict";var t=e.i(843476),r=e.i(363178),n=e.i(846696),i=e.i(456420);let o={name:"circle-check",size:24,node:[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m16 9-5.5 5.5L8 12",key:"xofnsj"}]],aliases:["check-circle-2"]};o.node;let a=(0,i.default)(o);var l=e.i(343420),l=l,s=e.i(755566),s=s;let c={name:"octagon-x",size:24,node:[["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",key:"2d38gg"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]],aliases:["x-octagon"]};c.node;let u=(0,i.default)(c);var d=e.i(758379),d=d;e.s(["Toaster",0,({...e})=>{let{theme:i="system"}=(0,r.useTheme)();return(0,t.jsx)(n.Toaster,{theme:i,className:"toaster group",icons:{success:(0,t.jsx)(a,{className:"size-4"}),info:(0,t.jsx)(l.default,{className:"size-4"}),warning:(0,t.jsx)(s.default,{className:"size-4"}),error:(0,t.jsx)(u,{className:"size-4"}),loading:(0,t.jsx)(d.default,{className:"size-4 animate-spin"})},style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)","--border-radius":"var(--radius)"},toastOptions:{classNames:{toast:"cn-toast"}},...e})}],203484)},751536,e=>{"use strict";var t=e.i(843476),r=e.i(271645),n=e.i(846696),i=e.i(456420);let o={name:"refresh-ccw",size:24,node:[["path",{d:"M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"14sxne"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16",key:"1hlbsb"}],["path",{d:"M16 16h5v5",key:"ccwih5"}]]};o.node;let a=(0,i.default)(o);var l=e.i(167881);function s(){let[e,n]=(0,r.useState)(!1);return(0,t.jsxs)("div",{className:"flex items-center p-4 border rounded-lg bg-background shadow-lg",children:[(0,t.jsx)("div",{className:"flex flex-1 items-center pr-1",children:(0,t.jsxs)("div",{className:"w-full flex flex-col gap-1",children:[(0,t.jsx)("p",{className:"text-sm font-medium",children:"A new version is available!"}),(0,t.jsx)("p",{className:"text-sm text-muted-foreground",children:"A new version of Coinection is available. Please refresh the page."})]})}),(0,t.jsxs)(l.Button,{disabled:e,onClick:()=>{n(!0),globalThis.window.location.reload()},children:[(0,t.jsx)(a,{size:16,className:e?"animate-spin":""}),"Refresh"]})]})}e.s(["default",0,function(){let{updateAvailable:e}=function(e=3e4){let[t,n]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let t=setInterval(async()=>{try{let e=await fetch("/api/version",{cache:"no-store"}),t=await e.text();200===e.status&&"f7818c7e377d72cbf15e25606013f4741e97ee1c"!==t&&n(!0)}catch(e){console.error("Failed to check for updates:",e)}},e);return()=>clearInterval(t)},[e]),{updateAvailable:t}}();return e?(n.toast.custom(()=>(0,t.jsx)(s,{}),{id:"version-update",duration:1/0,dismissible:!1,position:"bottom-right"}),(0,t.jsx)(t.Fragment,{})):null}],751536)},363178,e=>{"use strict";var t=e.i(271645),r=(e,t,r,n,i,o,a,l)=>{let s=document.documentElement,c=["light","dark"];function u(t){var r;
3293(Array.isArray(e)?e:[e]).forEach(e=>{let r="class"===e,n=r&&o?i.map(e=>o[e]||e):i;r?(s.classList.remove(...n),s.classList.add(o&&o[t]?o[t]:t)):s.setAttribute(e,t)}),r=t,l&&c.includes(r)&&(s.style.colorScheme=r)}if(n)u(n);else try{let e=localStorage.getItem(t)||r,n=a&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;u(n)}catch(e){}},n=["light","dark"],i="(prefers-color-scheme: dark)",o="u"<typeof window,a=t.createContext(void 0),l={setTheme:e=>{},themes:[]},s=["light","dark"],c=({forcedTheme:e,disableTransitionOnChange:r=!1,enableSystem:o=!0,enableColorScheme:l=!0,storageKey:c="theme",themes:m=s,defaultTheme:f=o?"system":"light",attribute:g="data-theme",value:v,children:b,nonce:w,scriptProps:y})=>{let[x,k]=t.useState(()=>d(c,f)),[_,N]=t.useState(()=>"system"===x?h():x),S=v?Object.values(v):m,E=t.useCallback(e=>{let t=e;if(!t)return;"system"===e&&o&&(t=h());let i=v?v[t]:t,a=r?p(w):null,s=document.documentElement,c=e=>{"class"===e?(s.classList.remove(...S),i&&s.classList.add(i)):e.startsWith("data-")&&(i?s.setAttribute(e,i):s.removeAttribute(e))};if(Array.isArray(g)?g.forEach(c):c(g),l){let e=n.includes(f)?f:null,r=n.includes(t)?t:e;s.style.colorScheme=r}null==a||a()},[w]),C=t.useCallback(e=>{let t="function"==typeof e?e(x):e;k(t);try{localStorage.setItem(c,t)}catch(e){}},[x]),T=t.useCallback(t=>{N(h(t)),"system"===x&&o&&!e&&E("system")},[x,e]);t.useEffect(()=>{let e=window.matchMedia(i);return e.addListener(T),T(e),()=>e.removeListener(T)},[T]),t.useEffect(()=>{let e=e=>{e.key===c&&(e.newValue?k(e.newValue):C(f))};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[C]),t.useEffect(()=>{E(null!=e?e:x)},[e,x]);let A=t.useMemo(()=>({theme:x,setTheme:C,forcedTheme:e,resolvedTheme:"system"===x?_:x,themes:o?[...m,"system"]:m,systemTheme:o?_:void 0}),[x,C,e,_,o,m]);return t.createElement(a.Provider,{value:A},t.createElement(u,{forcedTheme:e,storageKey:c,attribute:g,enableSystem:o,enableColorScheme:l,defaultTheme:f,value:v,themes:m,nonce:w,scriptProps:y}),b)},u=t.memo(({forcedTheme:e,storageKey:n,attribute:i,enableSystem:o,enableColorScheme:a,defaultTheme:l,value:s,themes:c,nonce:u,scriptProps:d})=>{let p=JSON.stringify([i,n,l,e,c,s,o,a]).slice(1,-1);return t.createElement("script",{...d,suppressHydrationWarning:!0,nonce:"u"<typeof window?u:"",dangerouslySetInnerHTML:{__html:`(${r.toString()})(${p})`}})}),d=(e,t)=>{let r;if(!o){try{r=localStorage.getItem(e)||void 0}catch(e){}return r||t}},p=e=>{let t=document.createElement("style");return e&&t.setAttribute("nonce",e),t.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(t),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(t)},1)}},h=e=>(e||(e=window.matchMedia(i)),e.matches?"dark":"light");e.s(["ThemeProvider",0,e=>t.useContext(a)?t.createElement(t.Fragment,null,e.children):t.createElement(c,{...e}),"useTheme",0,()=>{var e;return null!=(e=t.useContext(a))?e:l}])},233902,(e,t,r)=>{t.exports={name:"react-grab",version:"0.2.0",description:"Select context for coding agents directly from your website",keywords:["agent","context","grab","react","react-grab"],homepage:"https://react-grab.com",bugs:{url:"https://github.com/aidenybai/react-grab/issues"},license:"MIT",author:{name:"Aiden Bai",email:"[email protected]"},repository:{type:"git",url:"git+https://github.com/aidenybai/react-grab.git"},bin:{"react-grab":"./bin/cli.js"},files:["bin","dist","package.json","README.md","LICENSE"],type:"module",main:"dist/index.js",module:"dist/index.js",browser:"dist/index.global.js",types:"dist/index.d.ts",exports:{"./package.json":"./package.json",".":{import:{types:"./dist/index.d.ts",default:"./dist/index.js"},require:{types:"./dist/index.d.cts",default:"./dist/index.cjs"}},"./core":{import:{types:"./dist/core/index.d.ts",default:"./dist/core/index.js"},require:{types:"./dist/core/index.d.cts",default:"./dist/core/index.cjs"}},"./primitives":{import:{types:"./dist/primitives.d.ts",default:"./dist/primitives.js"},require:{types:"./dist/primitives.d.cts",default:"./dist/primitives.cjs"}},"./styles.css":"./dist/styles.css","./dist/styles.css":"./dist/styles.css","./dist/*":"./dist/*.js","./dist/*.js":"./dist/*.js","./dist/*.cjs":"./dist/*.cjs"},publishConfig:{access:"public"},dependencies:{bippy:"^0.6.1","@react-grab/cli":"0.2.0"},devDependencies:{"@babel/core":"^7.29.0","@babel/preset-typescript":"^7.28.5","@jridgewell/trace-mapping":"^0.3.31","@playwright/test":"^1.59.1","@tailwindcss/cli":"^4.3.0","@types/babel__core":"^7.20.5","@types/node":"^25.6.2","@types/react":"^19.2.14","babel-preset-solid":"^1.9.12",concurrently:"^9.2.1","expect-sdk":"^0.1.2","solid-js":"^1.9.12",tailwindcss:"^4.3.0",tsx:"^4.21.0","vite-plus":"^0.1.20","@react-grab/playwright-coverage":"0.1.47"}
3293,peerDependencies:{react:">=17.0.0"},peerDependenciesMeta:{react:{optional:!0}},scripts:{"css:watch":"tailwindcss -i ./src/styles.css -o ./dist/styles.css -w",prebuild:"mkdir -p dist && tailwindcss -i ./src/styles.css -o ./dist/styles.css -m && tsx scripts/css-rem-to-px.ts",build:"NODE_ENV=production vp pack","build:e2e-development":"pnpm run prebuild && NODE_ENV=development REACT_GRAB_SOURCE_LOCATIONS=true vp pack --out-dir ../../apps/e2e-react-grab-development/dist","build:e2e-development:coverage":"pnpm run prebuild && NODE_ENV=production REACT_GRAB_SOURCE_LOCATIONS=true REACT_GRAB_NO_MINIFY=true REACT_GRAB_SOURCEMAP=true vp pack --out-dir ../../apps/e2e-react-grab-development/dist","build:demo":"IS_DEMO=true pnpm build","build:profiling":"pnpm run prebuild && NODE_ENV=profiling REACT_GRAB_NO_MINIFY=true REACT_GRAB_SOURCEMAP=true vp pack","build:coverage":"pnpm run prebuild && NODE_ENV=production REACT_GRAB_NO_MINIFY=true REACT_GRAB_SOURCEMAP=true vp pack",dev:'concurrently "pnpm:css:watch" "vp pack --watch"',test:"vp test run tests && playwright test --grep-invert @perf && E2E_ENVIRONMENT=vite-plus-development playwright test --grep @perf --workers=1","test:unit":"vp test run tests","pretest:coverage":"pnpm --filter @react-grab/playwright-coverage build","test:coverage":"COVERAGE=1 playwright test","test:perf":"playwright test --grep @perf --reporter=list","test:perf:animation":"playwright test e2e/perf-bench.spec.ts --grep animation-scheduling-controls --reporter=list","test:perf:idle":"playwright test e2e/perf-bench.spec.ts --grep idle-after-activation --reporter=list","test:perf:dom-breakpoints":"PERF_DOM_BREAKPOINTS=1 playwright test e2e/perf-bench.spec.ts --grep dom-rerender-during-selection --reporter=list","test:perf:trace":"PERF_TRACE=1 playwright test --grep @perf --reporter=list","test:perf:render":"PERF_RENDER_TRACE=1 playwright test --grep @perf --reporter=list","test:perf:full":"PERF_TRACE=1 PERF_RENDER_TRACE=1 playwright test --grep @perf --reporter=list && node scripts/deopt-trace.mjs && node scripts/analyze-perf-trace.mjs perf/${PERF_LABEL:-current}","perf:analyze":"node scripts/analyze-perf-trace.mjs","test:perf:baseline":"PERF_LABEL=baseline playwright test --grep @perf --reporter=list","test:expect":"bun e2e/react-grab.expect.ts",typecheck:"tsc --noEmit","test:e2e:ui":"playwright test --ui","perf:deopt":"node scripts/deopt-trace.mjs"}}}]);
3294
3295//# debugId=1a7d7491-b5fe-a562-80ee-2476fd97e0a1

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.