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,"&").replace(/</g,"<").replace(/>/g,">"),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,""").replace(/\r/g," ").replace(/\n/g," ").replace(/\t/g,"	"),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.