nisarg-test-this.js

'use client';
!function(e){"use strict";var t=Object.create,n=Object.defineProperty,r=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,s=(e,t)=>function(){return t||(0,e[o(e)[0]])((t={exports:{}}).exports,t),t.exports},l=s({"../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react.production.min.js"(e){var t=Symbol.for("react.element"),n=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),s=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),u=Symbol.for("react.lazy"),p=Symbol.iterator;var h={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},f=Object.assign,m={};function g(e,t,n){this.props=e,this.context=t,this.refs=m,this.updater=n||h}function v(){}function w(e,t,n){this.props=e,this.context=t,this.refs=m,this.updater=n||h}g.prototype.isReactComponent={},g.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=g.prototype;var b=w.prototype=new v;b.constructor=w,f(b,g.prototype),b.isPureReactComponent=!0;var x=Array.isArray,y=Object.prototype.hasOwnProperty,k={current:null},_={key:!0,ref:!0,__self:!0,__source:!0};function N(e,n,r){var o,i={},a=null,s=null;if(null!=n)for(o in void 0!==n.ref&&(s=n.ref),void 0!==n.key&&(a=""+n.key),n)y.call(n,o)&&!_.hasOwnProperty(o)&&(i[o]=n[o]);var l=arguments.length-2;if(1===l)i.children=r;else if(1<l){for(var c=Array(l),d=0;d<l;d++)c[d]=arguments[d+2];i.children=c}if(e&&e.defaultProps)for(o in l=e.defaultProps)void 0===i[o]&&(i[o]=l[o]);return{$$typeof:t,type:e,key:a,ref:s,props:i,_owner:k.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===t}var C=/\/+/g;function T(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function E(e,r,o,i,a){var s=typeof e;"undefined"!==s&&"boolean"!==s||(e=null);var l=!1;if(null===e)l=!0;else switch(s){case"string":case"number":l=!0;break;case"object":switch(e.$$typeof){case t:case n:l=!0}}if(l)return a=a(l=e),e=""===i?"."+T(l,0):i,x(a)?(o="",null!=e&&(o=e.replace(C,"$&/")+"/"),E(a,r,o,"",(function(e){return e}))):null!=a&&(S(a)&&(a=function(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(a,o+(!a.key||l&&l.key===a.key?"":(""+a.key).replace(C,"$&/")+"/")+e)),r.push(a)),1;if(l=0,i=""===i?".":i+":",x(e))for(var c=0;c<e.length;c++){var d=i+T(s=e[c],c);l+=E(s,r,o,d,a)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),c=0;!(s=e.next()).done;)l+=E(s=s.value,r,o,d=i+T(s,c++),a);else if("object"===s)throw r=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===r?"object with keys {"+Object.keys(e).join(", ")+"}":r)+"). If you meant to render a collection of children, use an array instead.");return l}function z(e,t,n){if(null==e)return e;var r=[],o=0;return E(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function A(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var $={current:null},M={transition:null},F={ReactCurrentDispatcher:$,ReactCurrentBatchConfig:M,ReactCurrentOwner:k};e.Children={map:z,forEach:function(e,t,n){z(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return z(e,(function(){t++})),t},toArray:function(e){return z(e,(function(e){return e}))||[]},only:function(e){if(!S(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},e.Component=g,e.Fragment=r,e.Profiler=i,e.PureComponent=w,e.StrictMode=o,e.Suspense=c,e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=F,e.cloneElement=function(e,n,r){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var o=f({},e.props),i=e.key,a=e.ref,s=e._owner;if(null!=n){if(void 0!==n.ref&&(a=n.ref,s=k.current),void 0!==n.key&&(i=""+n.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(c in n)y.call(n,c)&&!_.hasOwnProperty(c)&&(o[c]=void 0===n[c]&&void 0!==l?l[c]:n[c])}var c=arguments.length-2;if(1===c)o.children=r;else if(1<c){l=Array(c);for(var d=0;d<c;d++)l[d]=arguments[d+2];o.children=l}return{$$typeof:t,type:e.type,key:i,ref:a,props:o,_owner:s}},e.createContext=function(e){return(e={$$typeof:s,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:a,_context:e},e.Consumer=e},e.createElement=N,e.createFactory=function(e){var t=N.bind(null,e);return t.type=e,t},e.createRef=function(){return{current:null}},e.forwardRef=function(e){return{$$typeof:l,render:e}},e.isValidElement=S,e.lazy=function(e){return{$$typeof:u,_payload:{_status:-1,_result:e},_init:A}},e.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},e.startTransition=function(e){var t=M.transition;M.transition={};try{e()}finally{M.transition=t}},e.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},e.useCallback=function(e,t){return $.current.useCallback(e,t)},e.useContext=function(e){return $.current.useContext(e)},e.useDebugValue=function(){},e.useDeferredValue=function(e){return $.current.useDeferredValue(e)},e.useEffect=function(e,t){return $.current.useEffect(e,t)},e.useId=function(){return $.current.useId()},e.useImperativeHandle=function(e,t,n){return $.current.useImperativeHandle(e,t,n)},e.useInsertionEffect=function(e,t){return $.current.useInsertionEffect(e,t)},e.useLayoutEffect=function(e,t){return $.current.useLayoutEffect(e,t)},e.useMemo=function(e,t){return $.current.useMemo(e,t)},e.useReducer=function(e,t,n){return $.current.useReducer(e,t,n)},e.useRef=function(e){return $.current.useRef(e)},e.useState=function(e){return $.current.useState(e)},e.useSyncExternalStore=function(e,t,n){return $.current.useSyncExternalStore(e,t,n)},e.useTransition=function(){return $.current.useTransition()},e.version="18.2.0"}}),c=s({"../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"(e,t){t.exports=l()}}),d="bippy-0.3.8",u=Object.defineProperty,p=Object.prototype.hasOwnProperty,h=()=>{},f=e=>{try{Function.prototype.toString.call(e).indexOf("^_^")>-1&&setTimeout((()=>{throw new 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{}},m=(e=k())=>"getFiberRoots"in e,g=!1,v=void 0,w=(e=k())=>!!g||("function"==typeof e.inject&&(v=e.inject.toString()),Boolean(v?.includes("(injected)"))),b=new Set,x=e=>{const t=new Map;let n=0,r={checkDCE:f,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:t,onCommitFiberRoot:h,onCommitFiberUnmount:h,onPostCommitFiberRoot:h,inject(e){const o=++n;return t.set(o,e),r._instrumentationIsActive||(r._instrumentationIsActive=!0,b.forEach((e=>e()))),o},_instrumentationSource:d,_instrumentationIsActive:!1};try{u(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__",{get:()=>r,set(t){if(t&&"object"==typeof t){const n=r.renderers;r=t,n.size>0&&(n.forEach(((e,n)=>{t.renderers.set(n,e)})),y(e))}},configurable:!0,enumerable:!0});const t=window.hasOwnProperty;let n=!1;u(window,"hasOwnProperty",{value:function(){try{return n||"__REACT_DEVTOOLS_GLOBAL_HOOK__"!==arguments[0]?t.apply(this,arguments):(globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=void 0,n=!0,-0)}catch{return t.apply(this,arguments)}},configurable:!0,writable:!0})}catch{y(e)}return r},y=e=>{e&&b.add(e);try{const t=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!t)return;if(!t._instrumentationSource){if(t.checkDCE=f,t.supportsFiber=!0,t.supportsFlight=!0,t.hasUnsupportedRendererAttached=!1,t._instrumentationSource=d,t._instrumentationIsActive=!1,t.renderers.size)return t._instrumentationIsActive=!0,void b.forEach((e=>e()));const e=t.inject;if(w(t)&&!m()){g=!0;t.inject({scheduleRefresh(){}})&&(t._instrumentationIsActive=!0)}t.inject=n=>{const r=e(n);return t._instrumentationIsActive=!0,b.forEach((e=>e())),r}}(t.renderers.size||t._instrumentationIsActive||w())&&e?.()}catch{}},k=e=>p.call(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__")?(y(e),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__):x(e),_=e=>{switch(e.tag){case 5:case 26:case 27:return!0;default:return"string"==typeof e.type}},N=e=>{switch(e.tag){case 0:case 1:case 15:case 14:case 11:return!0;default:return!1}},S=e=>{const t=e.memoizedProps,n=e.alternate?.memoizedProps||{},r=e.flags??e.effectTag??0;switch(e.tag){case 1:case 0:case 9:case 11:case 14:case 15:return!(1&~r);default:return!e.alternate||(n!==t||e.alternate.memoizedState!==e.memoizedState||e.alternate.ref!==e.ref)}},C=e=>Boolean(!!(13374&e.flags)||!!(13374&e.subtreeFlags)),T=e=>{switch(e.tag){case 18:case 6:case 7:case 23:case 22:return!0;case 3:return!1;default:{const 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}}}},E=(e,t,n=!1)=>{if(!e)return null;if(!0===t(e))return e;let r=n?e.return:e.child;for(;r;){const e=E(r,t,n);if(e)return e;r=n?null:r.sibling}return null},z=e=>{const t=e?.actualDuration??0;let n=t,r=e?.child??null;for(;t>0&&null!=r;)n-=r.actualDuration??0,r=r.sibling;return{selfTime:n,totalTime:t}},A=e=>Boolean(e.updateQueue?.memoCache),$=e=>{const t=e;return"function"==typeof t?t:"object"==typeof t&&t?$(t.type||t.render):null},M=e=>{const t=e;if("string"==typeof t)return t;if("function"!=typeof t&&("object"!=typeof t||!t))return null;const n=t.displayName||t.name||null;if(n)return n;const r=$(t);return r&&(r.displayName||r.name)||null},F=e=>{try{if("string"==typeof e.version&&e.bundleType>0)return"development"}catch{}return"production"},R=()=>{const e=k();return Boolean(e._instrumentationIsActive)||m()||w()},j=0,P=new WeakMap,D=e=>{let t=P.get(e);return!t&&e.alternate&&(t=P.get(e.alternate)),t||(t=j++,((e,t=j++)=>{P.set(e,t)})(e,t)),t},I=(e,t,n)=>{let r=t;for(;null!=r;){P.has(r)||D(r);if(!T(r)&&S(r)&&e(r,"mount"),13===r.tag){if(null!==r.memoizedState){const t=r.child,n=t?t.sibling:null;if(n){const t=n.child;null!==t&&I(e,t,!1)}}else{let t=null;null!==r.child&&(t=r.child.child),null!==t&&I(e,t,!1)}}else null!=r.child&&I(e,r.child,!0);r=n?r.sibling:null}},O=(e,t,n,r)=>{if(P.has(t)||D(t),!n)return;P.has(n)||D(n);const o=13===t.tag;!T(t)&&S(t)&&e(t,"update");const i=o&&null!==n.memoizedState,a=o&&null!==t.memoizedState;if(i&&a){const r=t.child?.sibling??null,o=n.child?.sibling??null;null!==r&&null!==o&&O(e,r,o)}else if(i&&!a){const n=t.child;null!==n&&I(e,n,!0)}else if(!i&&a){U(e,n);const r=t.child?.sibling??null;null!==r&&I(e,r,!0)}else if(t.child!==n.child){let n=t.child;for(;n;){if(n.alternate){const t=n.alternate;O(e,n,t)}else I(e,n,!1);n=n.sibling}}},L=(e,t)=>{!(3===t.tag)&&T(t)||e(t,"unmount")},U=(e,t)=>{const n=13===t.tag&&null!==t.memoizedState;let r=t.child;if(n){const e=t.child,n=e?.sibling??null;r=n?.child??null}for(;null!==r;)null!==r.return&&(L(e,r),U(e,r)),r=r.sibling},H=0,V=new WeakMap;(()=>{try{Boolean("undefined"!=typeof window&&(window.document?.createElement||"ReactNative"===window.navigator?.product))&&k()}catch{}})();var B,W,Y,X,q,J,G,K,Z,Q,ee,te,ne,re,oe,ie,ae,se="undefined"!=typeof window,le={},ce=[],de=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,ue=Array.isArray;function pe(e,t){for(var n in t)e[n]=t[n];return e}function he(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function fe(e,t,n){var r,o,i,a={};for(i in t)"key"==i?r=t[i]:"ref"==i?o=t[i]:a[i]=t[i];if(arguments.length>2&&(a.children=arguments.length>3?B.call(arguments,2):n),"function"==typeof e&&null!=e.defaultProps)for(i in e.defaultProps)void 0===a[i]&&(a[i]=e.defaultProps[i]);return me(e,a,r,o,null)}function me(e,t,n,r,o){var i={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==o?++Y:o,__i:-1,__u:0};return null==o&&null!=W.vnode&&W.vnode(i),i}function ge(e){return e.children}function ve(e,t){this.props=e,this.context=t}function we(e,t){if(null==t)return e.__?we(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e)return n.__e;return"function"==typeof e.type?we(e):null}function be(e){var t,n;if(null!=(e=e.__)&&null!=e.__c){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if(null!=(n=e.__k[t])&&null!=n.__e){e.__e=e.__c.base=n.__e;break}return be(e)}}function xe(e){(!e.__d&&(e.__d=!0)&&q.push(e)&&!ye.__r++||J!==W.debounceRendering)&&((J=W.debounceRendering)||G)(ye)}function ye(){var e,t,n,r,o,i,a,s;for(q.sort(K);e=q.shift();)e.__d&&(t=q.length,r=void 0,i=(o=(n=e).__v).__e,a=[],s=[],n.__P&&((r=pe({},o)).__v=o.__v+1,W.vnode&&W.vnode(r),ze(n.__P,r,o,n.__n,n.__P.namespaceURI,32&o.__u?[i]:null,a,null==i?we(o):i,!!(32&o.__u),s),r.__v=o.__v,r.__.__k[r.__i]=r,Ae(a,r,s),r.__e!=i&&be(r)),q.length>t&&q.sort(K));ye.__r=0}function ke(e,t,n,r,o,i,a,s,l,c,d){var u,p,h,f,m,g,v=r&&r.__k||ce,w=t.length;for(l=function(e,t,n,r){var o,i,a,s,l,c=t.length,d=n.length,u=d,p=0;for(e.__k=[],o=0;o<c;o++)null!=(i=t[o])&&"boolean"!=typeof i&&"function"!=typeof i?(s=o+p,(i=e.__k[o]="string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?me(null,i,null,null,null):ue(i)?me(ge,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?me(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i).__=e,i.__b=e.__b+1,a=null,-1!==(l=i.__i=Se(i,n,s,u))&&(u--,(a=n[l])&&(a.__u|=2)),null==a||null===a.__v?(-1==l&&p--,"function"!=typeof i.type&&(i.__u|=4)):l!==s&&(l==s-1?p--:l==s+1?p++:(l>s?p--:p++,i.__u|=4))):i=e.__k[o]=null;if(u)for(o=0;o<d;o++)null!=(a=n[o])&&!(2&a.__u)&&(a.__e==r&&(r=we(a)),Me(a,a));return r}(n,t,v,l),u=0;u<w;u++)null!=(h=n.__k[u])&&(p=-1===h.__i?le:v[h.__i]||le,h.__i=u,g=ze(e,h,p,o,i,a,s,l,c,d),f=h.__e,h.ref&&p.ref!=h.ref&&(p.ref&&$e(p.ref,null,h),d.push(h.ref,h.__c||f,h)),null==m&&null!=f&&(m=f),4&h.__u||p.__k===h.__k?l=_e(h,l,e):"function"==typeof h.type&&void 0!==g?l=g:f&&(l=f.nextSibling),h.__u&=-7);return n.__e=m,l}function _e(e,t,n){var r,o;if("function"==typeof e.type){for(r=e.__k,o=0;r&&o<r.length;o++)r[o]&&(r[o].__=e,t=_e(r[o],t,n));return t}e.__e!=t&&(t&&e.type&&!n.contains(t)&&(t=we(e)),n.insertBefore(e.__e,t||null),t=e.__e);do{t=t&&t.nextSibling}while(null!=t&&8===t.nodeType);return t}function Ne(e,t){return t=t||[],null==e||"boolean"==typeof e||(ue(e)?e.some((function(e){Ne(e,t)})):t.push(e)),t}function Se(e,t,n,r){var o=e.key,i=e.type,a=n-1,s=n+1,l=t[n];if(null===l||l&&o==l.key&&i===l.type&&!(2&l.__u))return n;if(("function"!=typeof i||i===ge||o)&&r>(null==l||2&l.__u?0:1))for(;a>=0||s<t.length;){if(a>=0){if((l=t[a])&&!(2&l.__u)&&o==l.key&&i===l.type)return a;a--}if(s<t.length){if((l=t[s])&&!(2&l.__u)&&o==l.key&&i===l.type)return s;s++}}return-1}function Ce(e,t,n){"-"===t[0]?e.setProperty(t,null==n?"":n):e[t]=null==n?"":"number"!=typeof n||de.test(t)?n:n+"px"}function Te(e,t,n,r,o){var i;e:if("style"===t)if("string"==typeof n)e.style.cssText=n;else{if("string"==typeof r&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||Ce(e.style,t,"");if(n)for(t in n)r&&n[t]===r[t]||Ce(e.style,t,n[t])}else if("o"===t[0]&&"n"===t[1])i=t!==(t=t.replace(Z,"$1")),t=t.toLowerCase()in e||"onFocusOut"===t||"onFocusIn"===t?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+i]=n,n?r?n.u=r.u:(n.u=Q,e.addEventListener(t,i?te:ee,i)):e.removeEventListener(t,i?te:ee,i);else{if("http://www.w3.org/2000/svg"==o)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==n?"":n;break e}catch(e){}"function"==typeof n||(null==n||!1===n&&"-"!==t[4]?e.removeAttribute(t):e.setAttribute(t,"popover"==t&&1==n?"":n))}}function Ee(e){return function(t){if(this.l){var n=this.l[t.type+e];if(null==t.t)t.t=Q++;else if(t.t<n.u)return;return n(W.event?W.event(t):t)}}}function ze(e,t,n,r,o,i,a,s,l,c){var d,u,p,h,f,m,g,v,w,b,x,y,k,_,N,S,C,T=t.type;if(void 0!==t.constructor)return null;128&n.__u&&(l=!!(32&n.__u),i=[s=t.__e=n.__e]),(d=W.__b)&&d(t);e:if("function"==typeof T)try{if(v=t.props,w="prototype"in T&&T.prototype.render,b=(d=T.contextType)&&r[d.__c],x=d?b?b.props.value:d.__:r,n.__c?g=(u=t.__c=n.__c).__=u.__E:(w?t.__c=u=new T(v,x):(t.__c=u=new ve(v,x),u.constructor=T,u.render=Fe),b&&b.sub(u),u.props=v,u.state||(u.state={}),u.context=x,u.__n=r,p=u.__d=!0,u.__h=[],u._sb=[]),w&&null==u.__s&&(u.__s=u.state),w&&null!=T.getDerivedStateFromProps&&(u.__s==u.state&&(u.__s=pe({},u.__s)),pe(u.__s,T.getDerivedStateFromProps(v,u.__s))),h=u.props,f=u.state,u.__v=t,p)w&&null==T.getDerivedStateFromProps&&null!=u.componentWillMount&&u.componentWillMount(),w&&null!=u.componentDidMount&&u.__h.push(u.componentDidMount);else{if(w&&null==T.getDerivedStateFromProps&&v!==h&&null!=u.componentWillReceiveProps&&u.componentWillReceiveProps(v,x),!u.__e&&(null!=u.shouldComponentUpdate&&!1===u.shouldComponentUpdate(v,u.__s,x)||t.__v===n.__v)){for(t.__v!==n.__v&&(u.props=v,u.state=u.__s,u.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some((function(e){e&&(e.__=t)})),y=0;y<u._sb.length;y++)u.__h.push(u._sb[y]);u._sb=[],u.__h.length&&a.push(u);break e}null!=u.componentWillUpdate&&u.componentWillUpdate(v,u.__s,x),w&&null!=u.componentDidUpdate&&u.__h.push((function(){u.componentDidUpdate(h,f,m)}))}if(u.context=x,u.props=v,u.__P=e,u.__e=!1,k=W.__r,_=0,w){for(u.state=u.__s,u.__d=!1,k&&k(t),d=u.render(u.props,u.state,u.context),N=0;N<u._sb.length;N++)u.__h.push(u._sb[N]);u._sb=[]}else do{u.__d=!1,k&&k(t),d=u.render(u.props,u.state,u.context),u.state=u.__s}while(u.__d&&++_<25);u.state=u.__s,null!=u.getChildContext&&(r=pe(pe({},r),u.getChildContext())),w&&!p&&null!=u.getSnapshotBeforeUpdate&&(m=u.getSnapshotBeforeUpdate(h,f)),s=ke(e,ue(S=null!=d&&d.type===ge&&null==d.key?d.props.children:d)?S:[S],t,n,r,o,i,a,s,l,c),u.base=t.__e,t.__u&=-161,u.__h.length&&a.push(u),g&&(u.__E=u.__=null)}catch(e){if(t.__v=null,l||null!=i)if(e.then){for(t.__u|=l?160:128;s&&8===s.nodeType&&s.nextSibling;)s=s.nextSibling;i[i.indexOf(s)]=null,t.__e=s}else for(C=i.length;C--;)he(i[C]);else t.__e=n.__e,t.__k=n.__k;W.__e(e,t,n)}else null==i&&t.__v===n.__v?(t.__k=n.__k,t.__e=n.__e):s=t.__e=function(e,t,n,r,o,i,a,s,l){var c,d,u,p,h,f,m,g=n.props,v=t.props,w=t.type;if("svg"===w?o="http://www.w3.org/2000/svg":"math"===w?o="http://www.w3.org/1998/Math/MathML":o||(o="http://www.w3.org/1999/xhtml"),null!=i)for(c=0;c<i.length;c++)if((h=i[c])&&"setAttribute"in h==!!w&&(w?h.localName===w:3===h.nodeType)){e=h,i[c]=null;break}if(null==e){if(null===w)return document.createTextNode(v);e=document.createElementNS(o,w,v.is&&v),s&&(W.__m&&W.__m(t,i),s=!1),i=null}if(null===w)g===v||s&&e.data===v||(e.data=v);else{if(i=i&&B.call(e.childNodes),g=n.props||le,!s&&null!=i)for(g={},c=0;c<e.attributes.length;c++)g[(h=e.attributes[c]).name]=h.value;for(c in g)if(h=g[c],"children"==c);else if("dangerouslySetInnerHTML"==c)u=h;else if(!(c in v)){if("value"==c&&"defaultValue"in v||"checked"==c&&"defaultChecked"in v)continue;Te(e,c,null,h,o)}for(c in v)h=v[c],"children"==c?p=h:"dangerouslySetInnerHTML"==c?d=h:"value"==c?f=h:"checked"==c?m=h:s&&"function"!=typeof h||g[c]===h||Te(e,c,h,g[c],o);if(d)s||u&&(d.__html===u.__html||d.__html===e.innerHTML)||(e.innerHTML=d.__html),t.__k=[];else if(u&&(e.innerHTML=""),ke(e,ue(p)?p:[p],t,n,r,"foreignObject"===w?"http://www.w3.org/1999/xhtml":o,i,a,i?i[0]:n.__k&&we(n,0),s,l),null!=i)for(c=i.length;c--;)he(i[c]);s||(c="value","progress"===w&&null==f?e.removeAttribute("value"):void 0!==f&&(f!==e[c]||"progress"===w&&!f||"option"===w&&f!==g[c])&&Te(e,c,f,g[c],o),c="checked",void 0!==m&&m!==e[c]&&Te(e,c,m,g[c],o))}return e}(n.__e,t,n,r,o,i,a,l,c);return(d=W.diffed)&&d(t),128&t.__u?void 0:s}function Ae(e,t,n){for(var r=0;r<n.length;r++)$e(n[r],n[++r],n[++r]);W.__c&&W.__c(t,e),e.some((function(t){try{e=t.__h,t.__h=[],e.some((function(e){e.call(t)}))}catch(e){W.__e(e,t.__v)}}))}function $e(e,t,n){try{if("function"==typeof e){var r="function"==typeof e.__u;r&&e.__u(),r&&null==t||(e.__u=e(t))}else e.current=t}catch(e){W.__e(e,n)}}function Me(e,t,n){var r,o;if(W.unmount&&W.unmount(e),(r=e.ref)&&(r.current&&r.current!==e.__e||$e(r,null,t)),null!=(r=e.__c)){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(e){W.__e(e,t)}r.base=r.__P=null}if(r=e.__k)for(o=0;o<r.length;o++)r[o]&&Me(r[o],t,n||"function"!=typeof e.type);n||he(e.__e),e.__c=e.__=e.__e=void 0}function Fe(e,t,n){return this.constructor(e,n)}function Re(e,t,n){var r,o,i,a;t===document&&(t=document.documentElement),W.__&&W.__(e,t),o=(r="function"==typeof n)?null:t.__k,i=[],a=[],ze(t,e=(!r&&n||t).__k=fe(ge,null,[e]),o||le,le,t.namespaceURI,!r&&n?[n]:o?null:t.firstChild?B.call(t.childNodes):null,i,!r&&n?n:o?o.__e:t.firstChild,r,a),Ae(i,e,a)}function je(e,t){var n={__c:t="__cC"+ne++,__:e,Consumer:function(e,t){return e.children(t)},Provider:function(e){var n,r;return this.getChildContext||(n=new Set,(r={})[t]=this,this.getChildContext=function(){return r},this.componentWillUnmount=function(){n=null},this.shouldComponentUpdate=function(e){this.props.value!==e.value&&n.forEach((function(e){e.__e=!0,xe(e)}))},this.sub=function(e){n.add(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){n&&n.delete(e),t&&t.call(e)}}),e.children}};return n.Provider.__=n.Consumer.contextType=n}B=ce.slice,W={__e:function(e,t,n,r){for(var o,i,a;t=t.__;)if((o=t.__c)&&!o.__)try{if((i=o.constructor)&&null!=i.getDerivedStateFromError&&(o.setState(i.getDerivedStateFromError(e)),a=o.__d),null!=o.componentDidCatch&&(o.componentDidCatch(e,r||{}),a=o.__d),a)return o.__E=o}catch(t){e=t}throw e}},Y=0,X=function(e){return null!=e&&null==e.constructor},ve.prototype.setState=function(e,t){var n;n=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=pe({},this.state),"function"==typeof e&&(e=e(pe({},n),this.props)),e&&pe(n,e),null!=e&&this.__v&&(t&&this._sb.push(t),xe(this))},ve.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),xe(this))},ve.prototype.render=ge,q=[],G="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,K=function(e,t){return e.__v.__b-t.__v.__b},ye.__r=0,Z=/(PointerCapture)$|Capture$/i,Q=0,ee=Ee(!1),te=Ee(!0),ne=0;var Pe=0,De=[],Ie=W,Oe=Ie.__b,Le=Ie.__r,Ue=Ie.diffed,He=Ie.__c,Ve=Ie.unmount,Be=Ie.__;function We(e,t){Ie.__h&&Ie.__h(oe,e,Pe||t),Pe=0;var n=oe.__H||(oe.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function Ye(e){return Pe=1,function(e,t){var n=We(re++,2);if(n.t=e,!n.__c&&(n.__=[it(void 0,t),function(e){var t=n.__N?n.__N[0]:n.__[0],r=n.t(t,e);t!==r&&(n.__N=[r,n.__[1]],n.__c.setState({}))}],n.__c=oe,!oe.u)){var r=function(e,t,r){if(!n.__c.__H)return!0;var i=n.__c.__H.__.filter((function(e){return!!e.__c}));if(i.every((function(e){return!e.__N})))return!o||o.call(this,e,t,r);var a=n.__c.props!==e;return i.forEach((function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(a=!0)}})),o&&o.call(this,e,t,r)||a};oe.u=!0;var o=oe.shouldComponentUpdate,i=oe.componentWillUpdate;oe.componentWillUpdate=function(e,t,n){if(this.__e){var a=o;o=void 0,r(e,t,n),o=a}i&&i.call(this,e,t,n)},oe.shouldComponentUpdate=r}return n.__N||n.__}(it,e)}function Xe(e,t){var n=We(re++,3);!Ie.__s&&ot(n.__H,t)&&(n.__=e,n.i=t,oe.__H.__h.push(n))}function qe(e,t){var n=We(re++,4);!Ie.__s&&ot(n.__H,t)&&(n.__=e,n.i=t,oe.__h.push(n))}function Je(e){return Pe=5,Ge((function(){return{current:e}}),[])}function Ge(e,t){var n=We(re++,7);return ot(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function Ke(e,t){return Pe=8,Ge((function(){return e}),t)}function Ze(e){var t=oe.context[e.__c],n=We(re++,9);return n.c=e,t?(null==n.__&&(n.__=!0,t.sub(oe)),t.props.value):e.__}function Qe(){for(var e;e=De.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(nt),e.__H.__h.forEach(rt),e.__H.__h=[]}catch(t){e.__H.__h=[],Ie.__e(t,e.__v)}}Ie.__b=function(e){oe=null,Oe&&Oe(e)},Ie.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),Be&&Be(e,t)},Ie.__r=function(e){Le&&Le(e),re=0;var t=(oe=e.__c).__H;t&&(ie===oe?(t.__h=[],oe.__h=[],t.__.forEach((function(e){e.__N&&(e.__=e.__N),e.i=e.__N=void 0}))):(t.__h.forEach(nt),t.__h.forEach(rt),t.__h=[],re=0)),ie=oe},Ie.diffed=function(e){Ue&&Ue(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(1!==De.push(t)&&ae===Ie.requestAnimationFrame||((ae=Ie.requestAnimationFrame)||tt)(Qe)),t.__H.__.forEach((function(e){e.i&&(e.__H=e.i),e.i=void 0}))),ie=oe=null},Ie.__c=function(e,t){t.some((function(e){try{e.__h.forEach(nt),e.__h=e.__h.filter((function(e){return!e.__||rt(e)}))}catch(n){t.some((function(e){e.__h&&(e.__h=[])})),t=[],Ie.__e(n,e.__v)}})),He&&He(e,t)},Ie.unmount=function(e){Ve&&Ve(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach((function(e){try{nt(e)}catch(e){t=e}})),n.__H=void 0,t&&Ie.__e(t,n.__v))};var et="function"==typeof requestAnimationFrame;function tt(e){var t,n=function(){clearTimeout(r),et&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,100);et&&(t=requestAnimationFrame(n))}function nt(e){var t=oe,n=e.__c;"function"==typeof n&&(e.__c=void 0,n()),oe=t}function rt(e){var t=oe;e.__c=e.__(),oe=t}function ot(e,t){return!e||e.length!==t.length||t.some((function(t,n){return t!==e[n]}))}function it(e,t){return"function"==typeof t?t(e):t}var at=Symbol.for("preact-signals");function st(){if(ht>1)ht--;else{for(var e,t=!1;void 0!==pt;){var n=pt;for(pt=void 0,ft++;void 0!==n;){var r=n.o;if(n.o=void 0,n.f&=-3,!(8&n.f)&&bt(n))try{n.c()}catch(n){t||(e=n,t=!0)}n=r}}if(ft=0,ht--,t)throw e}}var lt=void 0;function ct(e){var t=lt;lt=void 0;try{return e()}finally{lt=t}}var dt,ut,pt=void 0,ht=0,ft=0,mt=0;function gt(e){if(void 0!==lt){var t=e.n;if(void 0===t||t.t!==lt)return t={i:0,S:e,p:lt.s,n:void 0,t:lt,e:void 0,x:void 0,r:t},void 0!==lt.s&&(lt.s.n=t),lt.s=t,e.n=t,32&lt.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=lt.s,t.n=void 0,lt.s.n=t,lt.s=t),t}}function vt(e){this.v=e,this.i=0,this.n=void 0,this.t=void 0}function wt(e){return new vt(e)}function bt(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 xt(e){for(var t=e.s;void 0!==t;t=t.n){var n=t.S.n;if(void 0!==n&&(t.r=n),t.S.n=t,t.i=-1,void 0===t.n){e.s=t;break}}}function yt(e){for(var t=e.s,n=void 0;void 0!==t;){var r=t.p;-1===t.i?(t.S.U(t),void 0!==r&&(r.n=t.n),void 0!==t.n&&(t.n.p=r)):n=t,t.S.n=t.r,void 0!==t.r&&(t.r=void 0),t=r}e.s=n}function kt(e){vt.call(this,void 0),this.x=e,this.s=void 0,this.g=mt-1,this.f=4}function _t(e){return new kt(e)}function Nt(e){var t=e.u;if(e.u=void 0,"function"==typeof t){ht++;var n=lt;lt=void 0;try{t()}catch(t){throw e.f&=-2,e.f|=8,St(e),t}finally{lt=n,st()}}}function St(e){for(var t=e.s;void 0!==t;t=t.n)t.S.U(t);e.x=void 0,e.s=void 0,Nt(e)}function Ct(e){if(lt!==this)throw new Error("Out-of-order effect");yt(this),lt=e,this.f&=-2,8&this.f&&St(this),st()}function Tt(e){this.x=e,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32}function Et(e){var t=new Tt(e);try{t.c()}catch(e){throw t.d(),e}return t.d.bind(t)}function zt(e,t){W[e]=t.bind(null,W[e]||function(){})}function At(e){ut&&ut(),ut=e&&e.S()}function $t(e){var t=this,n=e.data,r=Ft(n);r.value=n;var o=Ge((function(){for(var e=t.__v;e=e.__;)if(e.__c){e.__c.__$f|=4;break}return t.__$u.c=function(){var e,n=t.__$u.S(),r=o.value;n(),X(r)||3!==(null==(e=t.base)?void 0:e.nodeType)?(t.__$f|=1,t.setState({})):t.base.data=r},_t((function(){var e=r.value.value;return 0===e?0:!0===e?"":e||""}))}),[]);return o.value}function Mt(e,t,n,r){var o=t in e&&void 0===e.ownerSVGElement,i=wt(n);return{o:function(e,t){i.value=e,r=t},d:Et((function(){var n=i.value.value;r[t]!==n&&(r[t]=n,o?e[t]=n:n?e.setAttribute(t,n):e.removeAttribute(t))}))}}function Ft(e){return Ge((function(){return wt(e)}),[])}function Rt(e){var t=Je(e);t.current=e,Xe((function(){return Et((function(){return t.current()}))}),[])}function jt(e,t){return t-e}function Pt(e){let t=e[0].name;const n=e.length,r=Math.min(4,n);for(let n=1;n<r;n++)t+=`, ${e[n].name}`;return t}function Dt(e){let t=e[0].time;for(let n=1,r=e.length;n<r;n++)t+=e[n].time;return t}function It(e){for(let t=0,n=e.length;t<n;t++)if(e[t].forget)return!0;return!1}vt.prototype.brand=at,vt.prototype.h=function(){return!0},vt.prototype.S=function(e){this.t!==e&&void 0===e.e&&(e.x=this.t,void 0!==this.t&&(this.t.e=e),this.t=e)},vt.prototype.U=function(e){if(void 0!==this.t){var t=e.e,n=e.x;void 0!==t&&(t.x=n,e.e=void 0),void 0!==n&&(n.e=t,e.x=void 0),e===this.t&&(this.t=n)}},vt.prototype.subscribe=function(e){var t=this;return Et((function(){var n=t.value,r=lt;lt=void 0;try{e(n)}finally{lt=r}}))},vt.prototype.valueOf=function(){return this.value},vt.prototype.toString=function(){return this.value+""},vt.prototype.toJSON=function(){return this.value},vt.prototype.peek=function(){var e=lt;lt=void 0;try{return this.value}finally{lt=e}},Object.defineProperty(vt.prototype,"value",{get:function(){var e=gt(this);return void 0!==e&&(e.i=this.i),this.v},set:function(e){if(e!==this.v){if(ft>100)throw new Error("Cycle detected");this.v=e,this.i++,mt++,ht++;try{for(var t=this.t;void 0!==t;t=t.x)t.t.N()}finally{st()}}}}),(kt.prototype=new vt).h=function(){if(this.f&=-3,1&this.f)return!1;if(32==(36&this.f))return!0;if(this.f&=-5,this.g===mt)return!0;if(this.g=mt,this.f|=1,this.i>0&&!bt(this))return this.f&=-2,!0;var e=lt;try{xt(this),lt=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 lt=e,yt(this),this.f&=-2,!0},kt.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)}vt.prototype.S.call(this,e)},kt.prototype.U=function(e){if(void 0!==this.t&&(vt.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)}},kt.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(kt.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var e=gt(this);if(this.h(),void 0!==e&&(e.i=this.i),16&this.f)throw this.v;return this.v}}),Tt.prototype.c=function(){var e=this.S();try{if(8&this.f)return;if(void 0===this.x)return;var t=this.x();"function"==typeof t&&(this.u=t)}finally{e()}},Tt.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1,this.f&=-9,Nt(this),xt(this),ht++;var e=lt;return lt=this,Ct.bind(this,e)},Tt.prototype.N=function(){2&this.f||(this.f|=2,this.o=pt,pt=this)},Tt.prototype.d=function(){this.f|=8,1&this.f||St(this)},$t.displayName="_st",Object.defineProperties(vt.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:$t},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}}),zt("__b",(function(e,t){if("string"==typeof t.type){var n,r=t.props;for(var o in r)if("children"!==o){var i=r[o];i instanceof vt&&(n||(t.__np=n={}),n[o]=i,r[o]=i.peek())}}e(t)})),zt("__r",(function(e,t){At();var n,r,o=t.__c;o&&(o.__$f&=-2,void 0===(n=o.__$u)&&(o.__$u=(Et((function(){r=this})),r.c=function(){o.__$f|=1,o.setState({})},n=r))),dt=o,At(n),e(t)})),zt("__e",(function(e,t,n,r){At(),dt=void 0,e(t,n,r)})),zt("diffed",(function(e,t){var n;if(At(),dt=void 0,"string"==typeof t.type&&(n=t.__e)){var r=t.__np,o=t.props;if(r){var i=n.U;if(i)for(var a in i){var s=i[a];void 0===s||a in r||(s.d(),i[a]=void 0)}else n.U=i={};for(var l in r){var c=i[l],d=r[l];void 0===c?(c=Mt(n,l,d,o),i[l]=c):c.o(d,o)}}}e(t)})),zt("unmount",(function(e,t){if("string"==typeof t.type){var n=t.__e;if(n){var r=n.U;if(r)for(var o in n.U=void 0,r){var i=r[o];i&&i.d()}}}else{var a=t.__c;if(a){var s=a.__$u;s&&(a.__$u=void 0,s.d())}}e(t)})),zt("__h",(function(e,t,n,r){(r<3||9===r)&&(t.__$f|=2),e(t,n,r)})),ve.prototype.shouldComponentUpdate=function(e,t){var n=this.__$u;if(!(n&&void 0!==n.s||4&this.__$f))return!0;if(3&this.__$f)return!0;for(var r in t)return!0;for(var o in e)if("__source"!==o&&e[o]!==this.props[o])return!0;for(var i in this.props)if(!(i in e))return!0;return!1};var Ot=e=>{let t="";const n=new Map;for(const t of e){const{forget:e,time:r,aggregatedCount:o,name:i}=t;n.has(o)||n.set(o,[]);const a=n.get(o);a&&a.push({name:i,forget:e,time:r??0})}const r=Array.from(n.keys()).sort(jt),o=[];let i=0;for(const e of r){const t=n.get(e);if(!t)continue;let r=Pt(t);const a=Dt(t),s=It(t);i+=a,t.length>4&&(r+="…"),e>1&&(r+=` × ${e}`),s&&(r=`✨${r}`),o.push(r)}return t=o.join(", "),t.length?(t.length>40&&(t=`${t.slice(0,40)}…`),i>=.01&&(t+=` (${Number(i.toFixed(2))}ms)`),t):null};function Lt(e,t){return e===t||e!=e&&t!=t}var Ut=e=>{const t=e.createOscillator(),n=e.createGain();t.connect(n),n.connect(e.destination);const r="sine",o=.3,i=.12,a=[392,600],s=o/a.length;a.forEach(((n,r)=>{t.frequency.setValueAtTime(n,e.currentTime+r*s)})),t.type=r,n.gain.setValueAtTime(i,e.currentTime),n.gain.setTargetAtTime(0,e.currentTime+.7*o,.05),t.start(),t.stop(e.currentTime+o)},Ht={mount:1,update:2,unmount:4};function Vt(e,t){for(var n in e)if("__source"!==n&&!(n in t))return!0;for(var r in t)if("__source"!==r&&e[r]!==t[r])return!0;return!1}function Bt(e){var t,n,r=e.u,o=e.__;try{var i=r();return!((t=o)===(n=i)&&(0!==t||1/t==1/n)||t!=t&&n!=n)}catch(e){return!0}}function Wt(e,t){this.props=e,this.context=t}function Yt(e,t){function n(e){var t=this.props.ref;return!(t==e.ref)&&t&&(t.call?t(null):t.current=null),Vt(this.props,e)}function r(t){return this.shouldComponentUpdate=n,fe(e,t)}return r.displayName="Memo("+(e.displayName||e.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(Wt.prototype=new ve).isPureReactComponent=!0,Wt.prototype.shouldComponentUpdate=function(e,t){return Vt(this.props,e)||Vt(this.state,t)};var Xt=W.__b;W.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),Xt&&Xt(e)};var qt="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function Jt(e){function t(t){if(!("ref"in t))return e(t,null);var n=t.ref;delete t.ref;var r=e(t,n);return t.ref=n,r}return t.$$typeof=qt,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}var Gt=W.__e;W.__e=function(e,t,n,r){if(e.then)for(var o,i=t;i=i.__;)if((o=i.__c)&&o.__c)return null==t.__e&&(t.__e=n.__e,t.__k=n.__k),o.__c(e,t);Gt(e,t,n,r)};var Kt=W.unmount;function Zt(e,t,n){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach((function(e){"function"==typeof e.__c&&e.__c()})),e.__c.__H=null),null!=(e=function(e,t){for(var n in t)e[n]=t[n];return e}({},e)).__c&&(e.__c.__P===n&&(e.__c.__P=t),e.__c=null),e.__k=e.__k&&e.__k.map((function(e){return Zt(e,t,n)}))),e}function Qt(e,t,n){return e&&n&&(e.__v=null,e.__k=e.__k&&e.__k.map((function(e){return Qt(e,t,n)})),e.__c&&e.__c.__P===t&&(e.__e&&n.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=n)),e}function en(){this.__u=0,this.o=null,this.__b=null}function tn(e){var t=e.__.__c;return t&&t.__a&&t.__a(e)}function nn(){this.i=null,this.l=null}W.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),Kt&&Kt(e)},(en.prototype=new ve).__c=function(e,t){var n=t.__c,r=this;null==r.o&&(r.o=[]),r.o.push(n);var o=tn(r.__v),i=!1,a=function(){i||(i=!0,n.__R=null,o?o(s):s())};n.__R=a;var s=function(){if(! --r.__u){if(r.state.__a){var e=r.state.__a;r.__v.__k[0]=Qt(e,e.__c.__P,e.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.o.pop();)t.forceUpdate()}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),e.then(a,a)},en.prototype.componentWillUnmount=function(){this.o=[]},en.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var n=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=Zt(this.__b,n,r.__O=r.__P)}this.__b=null}var o=t.__a&&fe(ge,null,e.fallback);return o&&(o.__u&=-33),[fe(ge,null,t.__a?null:e.children),o]};var rn=function(e,t,n){if(++n[1]===n[0]&&e.l.delete(t),e.props.revealOrder&&("t"!==e.props.revealOrder[0]||!e.l.size))for(n=e.i;n;){for(;n.length>3;)n.pop()();if(n[1]<n[0])break;e.i=n=n[2]}};function on(e){return this.getChildContext=function(){return e.context},e.children}function an(e){var t=this,n=e.h;t.componentWillUnmount=function(){Re(null,t.v),t.v=null,t.h=null},t.h&&t.h!==n&&t.componentWillUnmount(),t.v||(t.h=n,t.v={nodeType:1,parentNode:n,childNodes:[],contains:function(){return!0},appendChild:function(e){this.childNodes.push(e),t.h.appendChild(e)},insertBefore:function(e,n){this.childNodes.push(e),t.h.insertBefore(e,n)},removeChild:function(e){this.childNodes.splice(this.childNodes.indexOf(e)>>>1,1),t.h.removeChild(e)}}),Re(fe(on,{context:t.context},e.__v),t.v)}(nn.prototype=new ve).__a=function(e){var t=this,n=tn(t.__v),r=t.l.get(e);return r[0]++,function(o){var i=function(){t.props.revealOrder?(r.push(o),rn(t,e,r)):o()};n?n(i):i()}},nn.prototype.render=function(e){this.i=null,this.l=new Map;var t=Ne(e.children);e.revealOrder&&"b"===e.revealOrder[0]&&t.reverse();for(var n=t.length;n--;)this.l.set(t[n],this.i=[1,0,this.i]);return e.children},nn.prototype.componentDidUpdate=nn.prototype.componentDidMount=function(){var e=this;this.l.forEach((function(t,n){rn(e,n,t)}))};var sn="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,ln=/^(?: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]/,cn=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,dn=/[A-Z0-9]/g,un="undefined"!=typeof document,pn=function(e){return("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(e)};ve.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach((function(e){Object.defineProperty(ve.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})}));var hn=W.event;function fn(){}function mn(){return this.cancelBubble}function gn(){return this.defaultPrevented}W.event=function(e){return hn&&(e=hn(e)),e.persist=fn,e.isPropagationStopped=mn,e.isDefaultPrevented=gn,e.nativeEvent=e};var vn={enumerable:!1,configurable:!0,get:function(){return this.class}},wn=W.vnode;W.vnode=function(e){"string"==typeof e.type&&function(e){var t=e.props,n=e.type,r={},o=-1===n.indexOf("-");for(var i in t){var a=t[i];if(!("value"===i&&"defaultValue"in t&&null==a||un&&"children"===i&&"noscript"===n||"class"===i||"className"===i)){var s=i.toLowerCase();"defaultValue"===i&&"value"in t&&null==t.value?i="value":"download"===i&&!0===a?a="":"translate"===s&&"no"===a?a=!1:"o"===s[0]&&"n"===s[1]?"ondoubleclick"===s?i="ondblclick":"onchange"!==s||"input"!==n&&"textarea"!==n||pn(t.type)?"onfocus"===s?i="onfocusin":"onblur"===s?i="onfocusout":cn.test(i)&&(i=s):s=i="oninput":o&&ln.test(i)?i=i.replace(dn,"-$&").toLowerCase():null===a&&(a=void 0),"oninput"===s&&r[i=s]&&(i="oninputCapture"),r[i]=a}}"select"==n&&r.multiple&&Array.isArray(r.value)&&(r.value=Ne(t.children).forEach((function(e){e.props.selected=-1!=r.value.indexOf(e.props.value)}))),"select"==n&&null!=r.defaultValue&&(r.value=Ne(t.children).forEach((function(e){e.props.selected=r.multiple?-1!=r.defaultValue.indexOf(e.props.value):r.defaultValue==e.props.value}))),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,"className",vn)):(t.className&&!t.class||t.class&&t.className)&&(r.class=r.className=t.className),e.props=r}(e),e.$$typeof=sn,wn&&wn(e)};var bn=W.__r;W.__r=function(e){bn&&bn(e),e.__c};var xn=W.diffed;W.diffed=function(e){xn&&xn(e);var t=e.props,n=e.__e;null!=n&&"textarea"===e.type&&"value"in t&&t.value!==n.value&&(n.value=null==t.value?"":t.value)};var yn=0;function kn(e,t,n,r,o,i){t||(t={});var a,s,l=t;"ref"in t&&(a=t.ref,delete t.ref);var c={type:e,props:l,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--yn,__i:-1,__u:0,__source:o,__self:i};if("function"==typeof e&&(a=e.defaultProps))for(s in a)void 0===l[s]&&(l[s]=a[s]);return W.vnode&&W.vnode(c),c}var _n=Jt((({size:e=15,name:t,fill:n="currentColor",stroke:r="currentColor",className:o,externalURL:i="",style:a},s)=>{const l=Array.isArray(e)?e[0]:e,c=Array.isArray(e)?e[1]||e[0]:e,d=`${i}#${t}`;return kn("svg",{ref:s,width:`${l}px`,height:`${c}px`,fill:n,stroke:r,className:o,style:{...a,minWidth:`${l}px`,maxWidth:`${l}px`,minHeight:`${c}px`,maxHeight:`${c}px`},children:[kn("title",{children:t}),kn("use",{href:d})]})})),Nn=Yt((({children:e})=>{const t=Je(null),n=Je(!1),[r,o]=Ye(!1),i=Je(0),a=Ke(((e=!1)=>{const n=Array.from(t.current?.children||[]);if(!n.length)return;let r=0;for(const t of n){const n=t;n.dataset.sticky&&(e?n.style.removeProperty("top"):n.style.setProperty("top",`${r}px`),r+=n.offsetHeight)}}),[]);return e({refSticky:Ke((e=>{if(!e)return void requestAnimationFrame((()=>{a()}));t.current=e.parentElement,e.dataset.sticky="true";e.onclick=()=>{e.dataset.disableScroll||t.current?.scrollTo({top:Number(e.style.top)??0,behavior:"smooth"})},a();t.current?.addEventListener("scroll",(()=>{cancelAnimationFrame(i.current),i.current=requestAnimationFrame((()=>{if(!e||!t.current)return;const i=e.getBoundingClientRect(),s=t.current.getBoundingClientRect(),l=Number.parseInt(getComputedStyle(e).top);n.current=t.current.scrollTop>0;const c=n.current&&i.top<=s.top+l;c!==r&&o(c),a()}))}),{passive:!0})}),[r,a]),isSticky:r,calculateStickyTop:a})})),Sn=24,Cn=550,Tn=350,En=400,zn=240,An="react-scan-widget-settings-v2";function $n(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=$n(e[t]))&&(r&&(r+=" "),r+=n)}else for(n in e)e[n]&&(r&&(r+=" "),r+=n);return r}var Mn=e=>{const t=Pn(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:e=>{const n=e.split("-");return""===n[0]&&1!==n.length&&n.shift(),Fn(n,t)||jn(e)},getConflictingClassGroupIds:(e,t)=>{const o=n[e]||[];return t&&r[e]?[...o,...r[e]]:o}}},Fn=(e,t)=>{if(0===e.length)return t.classGroupId;const n=e[0],r=t.nextPart.get(n),o=r?Fn(e.slice(1),r):void 0;if(o)return o;if(0===t.validators.length)return;const i=e.join("-");return t.validators.find((({validator:e})=>e(i)))?.classGroupId},Rn=/^\[(.+)\]$/,jn=e=>{if(Rn.test(e)){const t=Rn.exec(e)[1],n=t?.substring(0,t.indexOf(":"));if(n)return"arbitrary.."+n}},Pn=e=>{const{theme:t,prefix:n}=e,r={nextPart:new Map,validators:[]};return Ln(Object.entries(e.classGroups),n).forEach((([e,n])=>{Dn(n,r,e,t)})),r},Dn=(e,t,n,r)=>{e.forEach((e=>{if("string"!=typeof e){if("function"==typeof e)return On(e)?void Dn(e(r),t,n,r):void t.validators.push({validator:e,classGroupId:n});Object.entries(e).forEach((([e,o])=>{Dn(o,In(t,e),n,r)}))}else{(""===e?t:In(t,e)).classGroupId=n}}))},In=(e,t)=>{let n=e;return t.split("-").forEach((e=>{n.nextPart.has(e)||n.nextPart.set(e,{nextPart:new Map,validators:[]}),n=n.nextPart.get(e)})),n},On=e=>e.isThemeGetter,Ln=(e,t)=>t?e.map((([e,n])=>[e,n.map((e=>"string"==typeof e?t+e:"object"==typeof e?Object.fromEntries(Object.entries(e).map((([e,n])=>[t+e,n]))):e))])):e,Un=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,n=new Map,r=new Map;const o=(o,i)=>{n.set(o,i),t++,t>e&&(t=0,r=n,n=new Map)};return{get(e){let t=n.get(e);return void 0!==t?t:void 0!==(t=r.get(e))?(o(e,t),t):void 0},set(e,t){n.has(e)?n.set(e,t):o(e,t)}}},Hn=e=>{const{separator:t,experimentalParseClassName:n}=e,r=1===t.length,o=t[0],i=t.length,a=e=>{const n=[];let a,s=0,l=0;for(let c=0;c<e.length;c++){let d=e[c];if(0===s){if(d===o&&(r||e.slice(c,c+i)===t)){n.push(e.slice(l,c)),l=c+i;continue}if("/"===d){a=c;continue}}"["===d?s++:"]"===d&&s--}const c=0===n.length?e:e.substring(l),d=c.startsWith("!");return{modifiers:n,hasImportantModifier:d,baseClassName:d?c.substring(1):c,maybePostfixModifierPosition:a&&a>l?a-l:void 0}};return n?e=>n({className:e,parseClassName:a}):a},Vn=e=>{if(e.length<=1)return e;const t=[];let n=[];return e.forEach((e=>{"["===e[0]?(t.push(...n.sort(),e),n=[]):n.push(e)})),t.push(...n.sort()),t},Bn=/\s+/;function Wn(){let e,t,n=0,r="";for(;n<arguments.length;)(e=arguments[n++])&&(t=Yn(e))&&(r&&(r+=" "),r+=t);return r}var Yn=e=>{if("string"==typeof e)return e;let t,n="";for(let r=0;r<e.length;r++)e[r]&&(t=Yn(e[r]))&&(n&&(n+=" "),n+=t);return n};function Xn(e,...t){let n,r,o,i=function(s){const l=t.reduce(((e,t)=>t(e)),e());return n=(e=>({cache:Un(e.cacheSize),parseClassName:Hn(e),...Mn(e)}))(l),r=n.cache.get,o=n.cache.set,i=a,a(s)};function a(e){const t=r(e);if(t)return t;const i=((e,t)=>{const{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:o}=t,i=[],a=e.trim().split(Bn);let s="";for(let e=a.length-1;e>=0;e-=1){const t=a[e],{modifiers:l,hasImportantModifier:c,baseClassName:d,maybePostfixModifierPosition:u}=n(t);let p=Boolean(u),h=r(p?d.substring(0,u):d);if(!h){if(!p){s=t+(s.length>0?" "+s:s);continue}if(h=r(d),!h){s=t+(s.length>0?" "+s:s);continue}p=!1}const f=Vn(l).join(":"),m=c?f+"!":f,g=m+h;if(i.includes(g))continue;i.push(g);const v=o(h,p);for(let e=0;e<v.length;++e){const t=v[e];i.push(m+t)}s=t+(s.length>0?" "+s:s)}return s})(e,n);return o(e,i),i}return function(){return i(Wn.apply(null,arguments))}}var qn=e=>{const t=t=>t[e]||[];return t.isThemeGetter=!0,t},Jn=/^\[(?:([a-z-]+):)?(.+)\]$/i,Gn=/^\d+\/\d+$/,Kn=new Set(["px","full","screen"]),Zn=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Qn=/\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$/,er=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,tr=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,nr=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,rr=e=>ir(e)||Kn.has(e)||Gn.test(e),or=e=>wr(e,"length",br),ir=e=>Boolean(e)&&!Number.isNaN(Number(e)),ar=e=>wr(e,"number",ir),sr=e=>Boolean(e)&&Number.isInteger(Number(e)),lr=e=>e.endsWith("%")&&ir(e.slice(0,-1)),cr=e=>Jn.test(e),dr=e=>Zn.test(e),ur=new Set(["length","size","percentage"]),pr=e=>wr(e,ur,xr),hr=e=>wr(e,"position",xr),fr=new Set(["image","url"]),mr=e=>wr(e,fr,kr),gr=e=>wr(e,"",yr),vr=()=>!0,wr=(e,t,n)=>{const r=Jn.exec(e);return!!r&&(r[1]?"string"==typeof t?r[1]===t:t.has(r[1]):n(r[2]))},br=e=>Qn.test(e)&&!er.test(e),xr=()=>!1,yr=e=>tr.test(e),kr=e=>nr.test(e),_r=Xn((()=>{const e=qn("colors"),t=qn("spacing"),n=qn("blur"),r=qn("brightness"),o=qn("borderColor"),i=qn("borderRadius"),a=qn("borderSpacing"),s=qn("borderWidth"),l=qn("contrast"),c=qn("grayscale"),d=qn("hueRotate"),u=qn("invert"),p=qn("gap"),h=qn("gradientColorStops"),f=qn("gradientColorStopPositions"),m=qn("inset"),g=qn("margin"),v=qn("opacity"),w=qn("padding"),b=qn("saturate"),x=qn("scale"),y=qn("sepia"),k=qn("skew"),_=qn("space"),N=qn("translate"),S=()=>["auto",cr,t],C=()=>[cr,t],T=()=>["",rr,or],E=()=>["auto",ir,cr],z=()=>["","0",cr],A=()=>[ir,cr];return{cacheSize:500,separator:":",theme:{colors:[vr],spacing:[rr,or],blur:["none","",dr,cr],brightness:A(),borderColor:[e],borderRadius:["none","","full",dr,cr],borderSpacing:C(),borderWidth:T(),contrast:A(),grayscale:z(),hueRotate:A(),invert:z(),gap:C(),gradientColorStops:[e],gradientColorStopPositions:[lr,or],inset:S(),margin:S(),opacity:A(),padding:C(),saturate:A(),scale:A(),sepia:z(),skew:A(),space:C(),translate:C()},classGroups:{aspect:[{aspect:["auto","square","video",cr]}],container:["container"],columns:[{columns:[dr]}],"break-after":[{"break-after":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-before":[{"break-before":["auto","avoid","all","avoid-page","page","left","right","column"]}],"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"],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:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top",cr]}],overflow:[{overflow:["auto","hidden","clip","visible","scroll"]}],"overflow-x":[{"overflow-x":["auto","hidden","clip","visible","scroll"]}],"overflow-y":[{"overflow-y":["auto","hidden","clip","visible","scroll"]}],overscroll:[{overscroll:["auto","contain","none"]}],"overscroll-x":[{"overscroll-x":["auto","contain","none"]}],"overscroll-y":[{"overscroll-y":["auto","contain","none"]}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[m]}],"inset-x":[{"inset-x":[m]}],"inset-y":[{"inset-y":[m]}],start:[{start:[m]}],end:[{end:[m]}],top:[{top:[m]}],right:[{right:[m]}],bottom:[{bottom:[m]}],left:[{left:[m]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",sr,cr]}],basis:[{basis:S()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",cr]}],grow:[{grow:z()}],shrink:[{shrink:z()}],order:[{order:["first","last","none",sr,cr]}],"grid-cols":[{"grid-cols":[vr]}],"col-start-end":[{col:["auto",{span:["full",sr,cr]},cr]}],"col-start":[{"col-start":E()}],"col-end":[{"col-end":E()}],"grid-rows":[{"grid-rows":[vr]}],"row-start-end":[{row:["auto",{span:[sr,cr]},cr]}],"row-start":[{"row-start":E()}],"row-end":[{"row-end":E()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",cr]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",cr]}],gap:[{gap:[p]}],"gap-x":[{"gap-x":[p]}],"gap-y":[{"gap-y":[p]}],"justify-content":[{justify:["normal","start","end","center","between","around","evenly","stretch"]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal","start","end","center","between","around","evenly","stretch","baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":["start","end","center","between","around","evenly","stretch","baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[w]}],px:[{px:[w]}],py:[{py:[w]}],ps:[{ps:[w]}],pe:[{pe:[w]}],pt:[{pt:[w]}],pr:[{pr:[w]}],pb:[{pb:[w]}],pl:[{pl:[w]}],m:[{m:[g]}],mx:[{mx:[g]}],my:[{my:[g]}],ms:[{ms:[g]}],me:[{me:[g]}],mt:[{mt:[g]}],mr:[{mr:[g]}],mb:[{mb:[g]}],ml:[{ml:[g]}],"space-x":[{"space-x":[_]}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":[_]}],"space-y-reverse":["space-y-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",cr,t]}],"min-w":[{"min-w":[cr,t,"min","max","fit"]}],"max-w":[{"max-w":[cr,t,"none","full","min","max","fit","prose",{screen:[dr]},dr]}],h:[{h:[cr,t,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[cr,t,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[cr,t,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[cr,t,"auto","min","max","fit"]}],"font-size":[{text:["base",dr,or]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",ar]}],"font-family":[{font:[vr]}],"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:["tighter","tight","normal","wide","wider","widest",cr]}],"line-clamp":[{"line-clamp":["none",ir,ar]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",rr,cr]}],"list-image":[{"list-image":["none",cr]}],"list-style-type":[{list:["none","disc","decimal",cr]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[e]}],"placeholder-opacity":[{"placeholder-opacity":[v]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[e]}],"text-opacity":[{"text-opacity":[v]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:["solid","dashed","dotted","double","none","wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",rr,or]}],"underline-offset":[{"underline-offset":["auto",rr,cr]}],"text-decoration-color":[{decoration:[e]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:C()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",cr]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",cr]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[v]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top",hr]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",pr]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},mr]}],"bg-color":[{bg:[e]}],"gradient-from-pos":[{from:[f]}],"gradient-via-pos":[{via:[f]}],"gradient-to-pos":[{to:[f]}],"gradient-from":[{from:[h]}],"gradient-via":[{via:[h]}],"gradient-to":[{to:[h]}],rounded:[{rounded:[i]}],"rounded-s":[{"rounded-s":[i]}],"rounded-e":[{"rounded-e":[i]}],"rounded-t":[{"rounded-t":[i]}],"rounded-r":[{"rounded-r":[i]}],"rounded-b":[{"rounded-b":[i]}],"rounded-l":[{"rounded-l":[i]}],"rounded-ss":[{"rounded-ss":[i]}],"rounded-se":[{"rounded-se":[i]}],"rounded-ee":[{"rounded-ee":[i]}],"rounded-es":[{"rounded-es":[i]}],"rounded-tl":[{"rounded-tl":[i]}],"rounded-tr":[{"rounded-tr":[i]}],"rounded-br":[{"rounded-br":[i]}],"rounded-bl":[{"rounded-bl":[i]}],"border-w":[{border:[s]}],"border-w-x":[{"border-x":[s]}],"border-w-y":[{"border-y":[s]}],"border-w-s":[{"border-s":[s]}],"border-w-e":[{"border-e":[s]}],"border-w-t":[{"border-t":[s]}],"border-w-r":[{"border-r":[s]}],"border-w-b":[{"border-b":[s]}],"border-w-l":[{"border-l":[s]}],"border-opacity":[{"border-opacity":[v]}],"border-style":[{border:["solid","dashed","dotted","double","none","hidden"]}],"divide-x":[{"divide-x":[s]}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":[s]}],"divide-y-reverse":["divide-y-reverse"],"divide-opacity":[{"divide-opacity":[v]}],"divide-style":[{divide:["solid","dashed","dotted","double","none"]}],"border-color":[{border:[o]}],"border-color-x":[{"border-x":[o]}],"border-color-y":[{"border-y":[o]}],"border-color-s":[{"border-s":[o]}],"border-color-e":[{"border-e":[o]}],"border-color-t":[{"border-t":[o]}],"border-color-r":[{"border-r":[o]}],"border-color-b":[{"border-b":[o]}],"border-color-l":[{"border-l":[o]}],"divide-color":[{divide:[o]}],"outline-style":[{outline:["","solid","dashed","dotted","double","none"]}],"outline-offset":[{"outline-offset":[rr,cr]}],"outline-w":[{outline:[rr,or]}],"outline-color":[{outline:[e]}],"ring-w":[{ring:T()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[e]}],"ring-opacity":[{"ring-opacity":[v]}],"ring-offset-w":[{"ring-offset":[rr,or]}],"ring-offset-color":[{"ring-offset":[e]}],shadow:[{shadow:["","inner","none",dr,gr]}],"shadow-color":[{shadow:[vr]}],opacity:[{opacity:[v]}],"mix-blend":[{"mix-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity","plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"]}],filter:[{filter:["","none"]}],blur:[{blur:[n]}],brightness:[{brightness:[r]}],contrast:[{contrast:[l]}],"drop-shadow":[{"drop-shadow":["","none",dr,cr]}],grayscale:[{grayscale:[c]}],"hue-rotate":[{"hue-rotate":[d]}],invert:[{invert:[u]}],saturate:[{saturate:[b]}],sepia:[{sepia:[y]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[n]}],"backdrop-brightness":[{"backdrop-brightness":[r]}],"backdrop-contrast":[{"backdrop-contrast":[l]}],"backdrop-grayscale":[{"backdrop-grayscale":[c]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[d]}],"backdrop-invert":[{"backdrop-invert":[u]}],"backdrop-opacity":[{"backdrop-opacity":[v]}],"backdrop-saturate":[{"backdrop-saturate":[b]}],"backdrop-sepia":[{"backdrop-sepia":[y]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[a]}],"border-spacing-x":[{"border-spacing-x":[a]}],"border-spacing-y":[{"border-spacing-y":[a]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",cr]}],duration:[{duration:A()}],ease:[{ease:["linear","in","out","in-out",cr]}],delay:[{delay:A()}],animate:[{animate:["none","spin","ping","pulse","bounce",cr]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[x]}],"scale-x":[{"scale-x":[x]}],"scale-y":[{"scale-y":[x]}],rotate:[{rotate:[sr,cr]}],"translate-x":[{"translate-x":[N]}],"translate-y":[{"translate-y":[N]}],"skew-x":[{"skew-x":[k]}],"skew-y":[{"skew-y":[k]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",cr]}],accent:[{accent:["auto",e]}],appearance:[{appearance:["none","auto"]}],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",cr]}],"caret-color":[{caret:[e]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","y","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":C()}],"scroll-mx":[{"scroll-mx":C()}],"scroll-my":[{"scroll-my":C()}],"scroll-ms":[{"scroll-ms":C()}],"scroll-me":[{"scroll-me":C()}],"scroll-mt":[{"scroll-mt":C()}],"scroll-mr":[{"scroll-mr":C()}],"scroll-mb":[{"scroll-mb":C()}],"scroll-ml":[{"scroll-ml":C()}],"scroll-p":[{"scroll-p":C()}],"scroll-px":[{"scroll-px":C()}],"scroll-py":[{"scroll-py":C()}],"scroll-ps":[{"scroll-ps":C()}],"scroll-pe":[{"scroll-pe":C()}],"scroll-pt":[{"scroll-pt":C()}],"scroll-pr":[{"scroll-pr":C()}],"scroll-pb":[{"scroll-pb":C()}],"scroll-pl":[{"scroll-pl":C()}],"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",cr]}],fill:[{fill:[e,"none"]}],"stroke-w":[{stroke:[rr,or,ar]}],stroke:[{stroke:[e,"none"]}],sr:["sr-only","not-sr-only"],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","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","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","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-s","border-w-e","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-s","border-color-e","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"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","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-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"]}}})),Nr=(...e)=>_r(function(){for(var e,t,n=0,r="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=$n(e))&&(r&&(r+=" "),r+=t);return r}(e));"undefined"!=typeof navigator&&navigator.userAgent.includes("Firefox");var Sr=(e,t)=>{let n=0;return r=>{const o=Date.now();if(o-n>=t)return n=o,e(r)}},Cr=(e,t)=>{try{return e()}catch{return t}},Tr=e=>{if(!se)return null;try{const t=localStorage.getItem(e);return t?JSON.parse(t):null}catch{return null}},Er=(e,t)=>{if(se)try{window.localStorage.setItem(e,JSON.stringify(t))}catch{}},zr=e=>{if(!e)return{name:"Unknown",wrappers:[],wrapperTypes:[]};const{tag:t,type:n,elementType:r}=e;let o=M(n);const i=[],a=[];if(A(e)||15===t||14===t||n?.$$typeof===Symbol.for("react.memo")||r?.$$typeof===Symbol.for("react.memo")){const t=A(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 o){const e=/^(\w+)\((.*)\)$/;let t=o;for(;e.test(t);){const n=t.match(e);if(!n?.[1]||!n?.[2])break;i.unshift(n[1]),t=n[2]}o=t}return{name:o||"Unknown",wrappers:i,wrapperTypes:a}},Ar=wt(!1),$r=wt(null),Mr={corner:"bottom-right",dimensions:{isFullWidth:!1,isFullHeight:!1,width:Cn,height:Tn,position:{x:Sn,y:Sn}},lastDimensions:{isFullWidth:!1,isFullHeight:!1,width:Cn,height:Tn,position:{x:Sn,y:Sn}},componentsTree:{width:zn}},Fr=wt((()=>{const e=Tr(An);return e?{corner:e.corner??Mr.corner,dimensions:{isFullWidth:!1,isFullHeight:!1,width:Cn,height:Tn,position:e.dimensions.position??Mr.dimensions.position},lastDimensions:e.dimensions??Mr.dimensions,componentsTree:e.componentsTree??Mr.componentsTree}:(Er(An,{corner:Mr.corner,dimensions:Mr.dimensions,lastDimensions:Mr.lastDimensions,componentsTree:Mr.componentsTree}),Mr)})()),Rr=()=>{if(!se)return;const{dimensions:e}=Fr.value,{width:t,height:n,position:r}=e;Fr.value={...Fr.value,dimensions:{isFullWidth:t>=window.innerWidth-48,isFullHeight:n>=window.innerHeight-48,width:t,height:n,position:r}}},jr=wt({view:"none"});function Pr(){return!1}function Dr(e){function t(t){return this.shouldComponentUpdate=Pr,fe(e,t)}return t.displayName=`Memo(${e.displayName||e.name})`,t.prototype.isReactComponent=!0,t._forwarded=!0,t}Tr("react-scann-pinned");var Ir=new WeakMap,Or={activeFlashes:new Map,create(e){const t=e.querySelector(".react-scan-flash-overlay"),n=t instanceof HTMLElement?t:(()=>{const t=document.createElement("div");t.className="react-scan-flash-overlay",e.appendChild(t);const n=((e,t)=>{const n=t.bind(null,e);return document.addEventListener("scroll",n,{passive:!0,capture:!0}),()=>{document.removeEventListener("scroll",n,{capture:!0})}})(e,(()=>{e.querySelector(".react-scan-flash-overlay")&&this.create(e)}));return this.activeFlashes.set(e,{element:e,overlay:t,scrollCleanup:n}),t})(),r=Ir.get(n);r&&(clearTimeout(r),Ir.delete(n)),requestAnimationFrame((()=>{n.style.transition="none",n.style.opacity="0.9";const t=setTimeout((()=>{n.style.transition="opacity 150ms ease-out",n.style.opacity="0";const t=setTimeout((()=>{n.parentNode&&n.parentNode.removeChild(n);const t=this.activeFlashes.get(e);t?.scrollCleanup&&t.scrollCleanup(),this.activeFlashes.delete(e),Ir.delete(n)}),150);Ir.set(n,t)}),300);Ir.set(n,t)}))},cleanup(e){const t=this.activeFlashes.get(e);if(t){const n=Ir.get(t.overlay);n&&(clearTimeout(n),Ir.delete(t.overlay)),t.overlay.parentNode&&t.overlay.parentNode.removeChild(t.overlay),t.scrollCleanup&&t.scrollCleanup(),this.activeFlashes.delete(e)}},cleanupAll(){for(const[,e]of this.activeFlashes)this.cleanup(e.element)}},Lr=1e3,Ur={updates:[],currentFiber:null,totalUpdates:0,windowOffset:0,currentIndex:0,isViewingHistory:!1,latestFiber:null,isVisible:!1,playbackSpeed:1},Hr=wt(Ur),Vr=wt(0),Br=[],Wr=null,Yr=()=>{Hr.value={...Hr.value,isVisible:!0}},Xr=()=>{Hr.value={...Hr.value,isVisible:!1,currentIndex:Hr.value.updates.length-1}},qr=(e,t)=>{Hr.value={...Hr.value,currentIndex:e,isViewingHistory:t}},Jr=(e,t)=>{if(Br.push({update:e,fiber:t}),!Wr){const e=()=>{(()=>{if(0===Br.length)return;const e=[...Br],{updates:t,totalUpdates:n,currentIndex:r,isViewingHistory:o}=Hr.value,i=[...t];let a=n;for(const{update:t}of e)i.length>=Lr&&i.shift(),i.push(t),a++;const s=Math.max(0,a-Lr);let l;l=o?r===n-1?i.length-1:0===r?0:0===s?r:r-1:i.length-1;const c=e[e.length-1];Hr.value={...Hr.value,latestFiber:c.fiber,updates:i,totalUpdates:a,windowOffset:s,currentIndex:l,isViewingHistory:o},Br=Br.slice(e.length)})(),Wr=null,Br.length>0&&(Wr=setTimeout(e,96))};Wr=setTimeout(e,96)}},Gr=()=>{Wr&&(clearTimeout(Wr),Wr=null),Br=[],Hr.value=Ur},Kr=wt({query:"",matches:[],currentMatchIndex:-1}),Zr=wt(!1),Qr=(e,t=0,n=null)=>e.reduce(((e,r,o)=>{const i=r.element?(e=>{const t=[];let n=e;for(;n;){const e=n.elementType,r="function"==typeof e?e.displayName||e.name:"string"==typeof e?e:"Unknown",o=void 0!==n.index?`[${n.index}]`:"";t.unshift(`${r}${o}`),n=n.return??null}return t.join("::")})(r.fiber):`${n}-${o}`,a=r.fiber?.type?ji.get(r.fiber.type):void 0,s={...r,depth:t,nodeId:i,parentId:n,fiber:r.fiber,renderData:a};return e.push(s),r.children?.length&&e.push(...Qr(r.children,t+1,i)),e}),[]),eo=["memo","forwardRef","lazy","suspense"],to=e=>{const t=e.match(/\[(.*?)\]/);if(!t)return null;const n=[],r=t[1].split(",");for(const e of r){const t=e.trim().toLowerCase();t&&n.push(t)}return n},no=(e,t)=>{if(0===e.length)return!0;if(!t.length)return!1;for(const n of e){let e=!1;for(const r of t)if(r.type.toLowerCase().includes(n)){e=!0;break}if(!e)return!1}return!0},ro=e=>e>0?e<.1-Number.EPSILON?"< 0.1":e<1e3?Number(e.toFixed(1)).toString():`${(e/1e3).toFixed(1)}k`:"0",oo=({node:e,nodeIndex:t,hasChildren:n,isCollapsed:r,handleTreeNodeClick:o,handleTreeNodeToggle:i,searchValue:a})=>{const s=Je(null),l=Je(e.renderData?.renderCount??0),{highlightedText:c,typeHighlight:d}=((e,t)=>Ge((()=>{const{query:n,matches:r}=t,o=r.some((t=>t.nodeId===e.nodeId)),i=to(n)||[],a=n?n.replace(/\[.*?\]/,"").trim():"";if(!n||!o)return{highlightedText:kn("span",{className:"truncate",children:e.label}),typeHighlight:!1};let s=!0;if(i.length>0)if(e.fiber){const{wrapperTypes:t}=zr(e.fiber);s=no(i,t)}else s=!1;let l=kn("span",{className:"truncate",children:e.label});if(a)try{if(a.startsWith("/")&&a.endsWith("/")){const t=a.slice(1,-1),n=new RegExp(`(${t})`,"i"),r=e.label.split(n);l=kn("span",{className:"tree-node-search-highlight",children:r.map(((t,o)=>n.test(t)?kn("span",{className:Nr("regex",{start:n.test(t)&&0===o,middle:n.test(t)&&o%2==1,end:n.test(t)&&o===r.length-1,"!ml-0":1===o}),children:t},`${e.nodeId}-${t}`):t))})}else{const t=e.label.toLowerCase(),n=a.toLowerCase(),r=t.indexOf(n);r>=0&&(l=kn("span",{className:"tree-node-search-highlight",children:[e.label.slice(0,r),kn("span",{className:"single",children:e.label.slice(r,r+a.length)}),e.label.slice(r+a.length)]}))}}catch{}return{highlightedText:l,typeHighlight:s&&i.length>0}}),[e.label,e.nodeId,e.fiber,t]))(e,a);Xe((()=>{const t=e.renderData?.renderCount,n=s.current;n&&l.current&&t&&l.current!==t&&(n.classList.remove("count-flash"),n.offsetWidth,n.classList.add("count-flash"),l.current=t)}),[e.renderData?.renderCount]);const u=Ge((()=>{if(!e.renderData)return null;const{selfTime:t,totalTime:n,renderCount:r}=e.renderData;return r?kn("span",{className:Nr("flex items-center gap-x-0.5 ml-1.5","text-[10px] text-neutral-400"),children:kn("span",{ref:s,title:`Self time: ${ro(t)}ms\nTotal time: ${ro(n)}ms`,className:"count-badge",children:["×",r]})}):null}),[e.renderData]),p=Ge((()=>{if(!e.fiber)return null;const{wrapperTypes:t}=zr(e.fiber),n=t[0];return kn("span",{className:Nr("flex items-center gap-x-1","text-[10px] text-neutral-400 tracking-wide","overflow-hidden"),children:[n&&kn(ge,{children:[kn("span",{title:n?.title,className:Nr("rounded py-[1px] px-1","bg-neutral-700 text-neutral-300","truncate","memo"===n.type&&"bg-[#8e61e3] text-white",d&&"bg-yellow-300 text-black"),children:n.type},n.type),n.compiler&&kn("span",{className:"text-yellow-300 ml-1",children:"✨"})]}),t.length>1&&`×${t.length}`,u]})}),[e.fiber,d,u]);return kn("button",{type:"button",title:e.title,"data-index":t,className:Nr("flex items-center gap-x-1","pl-1 pr-2","w-full h-7","text-left","rounded","cursor-pointer select-none"),onClick:o,children:[kn("button",{type:"button","data-index":t,onClick:i,className:Nr("w-6 h-6 flex items-center justify-center","text-left"),children:n&&kn(_n,{name:"icon-chevron-right",size:12,className:Nr("transition-transform",!r&&"rotate-90")})}),c,p]})},io=()=>{const e=Je(null),t=Je(null),n=Je(null),r=Je(null),o=Je(null),i=Je(0),a=Je(!1),s=Je(!1),l=Je(null),[c,d]=Ye([]),[u,p]=Ye(new Set),[h,f]=Ye(void 0),[m,g]=Ye(Kr.value),v=Ge((()=>{const e=[],t=c,n=new Map(t.map((e=>[e.nodeId,e])));for(const r of t){let t=!0,o=r;for(;o.parentId;){const e=n.get(o.parentId);if(!e)break;if(u.has(e.nodeId)){t=!1;break}o=e}t&&e.push(r)}return e}),[u,c]),w=28,{virtualItems:b,totalSize:x}=(e=>{const{count:t,getScrollElement:n,estimateSize:r,overscan:o=5}=e,[i,a]=Ye(0),[s,l]=Ye(0),c=Je(),d=Je(null),u=Je(null),p=r(),h=Ke((e=>{if(!d.current)return;const t=e?.[0]?.contentRect.height??d.current.getBoundingClientRect().height;l(t)}),[]),f=Ke((()=>{null!==u.current&&cancelAnimationFrame(u.current),u.current=requestAnimationFrame((()=>{h(),u.current=null}))}),[h]);Xe((()=>{const e=n();if(!e)return;d.current=e;const t=()=>{d.current&&a(d.current.scrollTop)};h(),c.current||(c.current=new ResizeObserver((()=>{f()}))),c.current.observe(e),e.addEventListener("scroll",t,{passive:!0});const r=new MutationObserver(f);return r.observe(e,{attributes:!0,childList:!0,subtree:!0}),()=>{e.removeEventListener("scroll",t),c.current&&c.current.disconnect(),r.disconnect(),null!==u.current&&cancelAnimationFrame(u.current)}}),[n,h,f]);const m=Ge((()=>{const e=Math.floor(i/p),n=Math.ceil(s/p);return{start:Math.max(0,e-o),end:Math.min(t,e+n+o)}}),[i,p,s,t,o]);return{virtualItems:Ge((()=>{const e=[];for(let t=m.start;t<m.end;t++)e.push({key:t,index:t,start:t*p});return e}),[m,p]),totalSize:t*p,scrollTop:i,containerHeight:s}})({count:v.length,getScrollElement:()=>e.current,estimateSize:()=>w,overscan:5}),y=Ke((t=>{a.current=!0,r.current?.blur(),Zr.value=!0;const{parentCompositeFiber:n}=Io(t);if(!n)return;yl.inspectState.value={kind:"focused",focusedDomElement:t,fiber:n};const o=v.findIndex((e=>e.element===t));if(-1!==o){f(o);const t=o*w,n=e.current;if(n){const e=n.clientHeight,r=n.scrollTop;(t<r||t+w>r+e)&&n.scrollTo({top:Math.max(0,t-e/2),behavior:"instant"})}}}),[v]),k=Ke((e=>{const t=e.currentTarget,n=Number(t.dataset.index);if(Number.isNaN(n))return;const r=v[n].element;r&&y(r)}),[v,y]),_=Ke((e=>{p((t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}))}),[]),N=Ke((e=>{e.stopPropagation();const t=e.target,n=Number(t.dataset.index);if(Number.isNaN(n))return;const r=v[n].nodeId;_(r)}),[v,_]),S=Ke((t=>{n.current?.classList.remove("!border-red-500");const r=[];if(!t)return void(Kr.value={query:t,matches:r,currentMatchIndex:-1});if(t.includes("[")&&!t.includes("]")&&t.length>t.indexOf("[")+1)return void n.current?.classList.add("!border-red-500");const o=to(t)||[];if(t.includes("[")&&!(e=>{if(0===e.length)return!1;for(const t of e){let e=!1;for(const n of eo)if(n.toLowerCase().includes(t)){e=!0;break}if(!e)return!1}return!0})(o))return void n.current?.classList.add("!border-red-500");const i=t.replace(/\[.*?\]/,"").trim(),a=/^\/.*\/$/.test(i);let s=e=>!1;if(i.startsWith("/")&&!a&&i.length>1)n.current?.classList.add("!border-red-500");else{if(a)try{const e=i.slice(1,-1),t=new RegExp(e,"i");s=e=>t.test(e)}catch{return void n.current?.classList.add("!border-red-500")}else if(i){const e=i.toLowerCase();s=t=>t.toLowerCase().includes(e)}for(const e of c){let t=!0;if(i&&(t=s(e.label)),t&&o.length>0)if(e.fiber){const{wrapperTypes:n}=zr(e.fiber);t=no(o,n)}else t=!1;t&&r.push(e)}if(Kr.value={query:t,matches:r,currentMatchIndex:r.length>0?0:-1},r.length>0){const t=r[0],n=v.findIndex((e=>e.nodeId===t.nodeId));if(-1!==n){const t=n*w,r=e.current;if(r){const e=r.clientHeight;r.scrollTo({top:Math.max(0,t-e/2),behavior:"instant"})}}}}}),[c,v]),C=Ke((e=>{const t=e.currentTarget;t&&S(t.value)}),[S]),T=Ke((t=>{const{matches:n,currentMatchIndex:r}=Kr.value;if(0===n.length)return;const o="next"===t?(r+1)%n.length:(r-1+n.length)%n.length;Kr.value={...Kr.value,currentMatchIndex:o};const i=n[o],a=v.findIndex((e=>e.nodeId===i.nodeId));if(-1!==a){f(a);const t=a*w,n=e.current;if(n){const e=n.clientHeight;n.scrollTo({top:Math.max(0,t-e/2),behavior:"instant"})}}}),[v]),E=Ke((n=>{if(t.current&&(t.current.style.width=`${n}px`),e.current){e.current.style.width=`${n}px`;const t=((e,t)=>{if(t<=0)return 24;const n=Math.max(0,e-zn);if(n<24)return 0;const r=Math.min(.3*n,24*t)/t;return Math.max(0,Math.min(24,r))})(n,i.current);e.current.style.setProperty("--indentation-size",`${t}px`)}}),[]),z=Ke((e=>{if(!l.current)return;const t=Fr.value.dimensions.width,n=Math.floor(t-Cn/2);l.current.classList.remove("cursor-ew-resize","cursor-w-resize","cursor-e-resize"),e<=zn?l.current.classList.add("cursor-w-resize"):e>=n?l.current.classList.add("cursor-e-resize"):l.current.classList.add("cursor-ew-resize")}),[]),A=Ke((t=>{if(t.preventDefault(),t.stopPropagation(),!e.current)return;e.current.style.setProperty("pointer-events","none"),s.current=!0;const n=t.clientX,r=e.current.offsetWidth,o=Fr.value.dimensions.width,i=Math.floor(o-Cn/2);z(r);const a=e=>{const t=n-e.clientX,o=r+t;z(o);const a=Math.min(i,Math.max(zn,o));E(a)},l=()=>{e.current&&(e.current.style.removeProperty("pointer-events"),document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",l),Fr.value={...Fr.value,componentsTree:{...Fr.value.componentsTree,width:e.current.offsetWidth}},Er(An,Fr.value),s.current=!1)};document.addEventListener("pointermove",a),document.addEventListener("pointerup",l)}),[E,z]);Xe((()=>{if(!e.current)return;const t=e.current.offsetWidth;return z(t),Fr.subscribe((()=>{e.current&&z(e.current.offsetWidth)}))}),[z]);const $=Ke((()=>{a.current=!1}),[]);return Xe((()=>{let t=!0;const n=()=>{const n=o.current;if(!n)return;const r=(e=>{const t=new Map,n=[];for(const{element:n,name:r,fiber:o}of e){if(!n)continue;let e=r;const{name:i,wrappers:a}=zr(o);i&&(e=a.length>0?`${a.join("(")}(${i})${")".repeat(a.length)}`:i),t.set(n,{label:i||r,title:e,children:[],element:n,fiber:o})}for(const{element:r,depth:o}of e){if(!r)continue;const e=t.get(r);if(e)if(0===o)n.push(e);else{let n=r.parentElement;for(;n;){const r=t.get(n);if(r){r.children=r.children||[],r.children.push(e);break}n=n.parentElement}}}return n})(Bo());if(r.length>0){const o=Qr(r),a=o.reduce(((e,t)=>Math.max(e,t.depth)),0);if(i.current=a,E(Fr.value.componentsTree.width),d(o),t){t=!1;const r=o.findIndex((e=>e.element===n));if(-1!==r){const t=r*w,n=e.current;n&&setTimeout((()=>{n.scrollTo({top:t,behavior:"instant"})}),96)}}}},r=yl.inspectState.subscribe((e=>{if("focused"===e.kind){if(Zr.value)return;S(""),o.current=e.focusedDomElement,n()}}));let a=0;const l=Vr.subscribe((()=>{if("focused"===yl.inspectState.value.kind){if(cancelAnimationFrame(a),s.current)return;a=requestAnimationFrame((()=>{Zr.value=!1,n()}))}}));return()=>{r(),l(),Kr.value={query:"",matches:[],currentMatchIndex:-1}}}),[]),Xe((()=>{const e=e=>{if(a.current&&h)switch(e.key){case"ArrowUp":if(e.preventDefault(),e.stopPropagation(),h>0){const e=v[h-1];e?.element&&y(e.element)}return;case"ArrowDown":if(e.preventDefault(),e.stopPropagation(),h<v.length-1){const e=v[h+1];e?.element&&y(e.element)}return;case"ArrowLeft":{e.preventDefault(),e.stopPropagation();const t=v[h];return void(t?.nodeId&&_(t.nodeId))}case"ArrowRight":{e.preventDefault(),e.stopPropagation();const t=v[h];return void(t?.nodeId&&_(t.nodeId))}}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[h,v,y,_]),Xe((()=>Kr.subscribe(g)),[]),Xe((()=>Fr.subscribe((e=>{t.current?.style.setProperty("transition","width 0.1s"),E(e.componentsTree.width),setTimeout((()=>{t.current?.style.removeProperty("transition")}),500)}))),[]),kn("div",{className:"react-scan-components-tree flex",children:[kn("div",{ref:l,onPointerDown:A,className:"relative resize-v-line",children:kn("span",{children:kn(_n,{name:"icon-ellipsis",size:18})})}),kn("div",{ref:t,className:"flex flex-col h-full",children:[kn("div",{className:"p-2 border-b border-[#1e1e1e]",children:kn("div",{ref:n,title:'Search components by:\n\n• Name (e.g., "Button") — Case insensitive, matches any part\n\n• Regular Expression (e.g., "/^Button/") — Use forward slashes\n\n• Wrapper Type (e.g., "[memo,forwardRef]"):\n   - Available types: memo, forwardRef, lazy, suspense\n   - Matches any part of type name (e.g., "mo" matches "memo")\n   - Use commas for multiple types\n\n• Combined Search:\n   - Mix name/regex with type: "button [for]"\n   - Will match components satisfying both conditions\n\n• Navigation:\n   - Enter → Next match\n   - Shift + Enter → Previous match\n   - Cmd/Ctrl + Enter → Select and focus match\n',className:Nr("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:[kn(_n,{name:"icon-search",size:12,className:" text-neutral-500"}),kn("div",{className:"relative flex-1 h-7 overflow-hidden",children:kn("input",{ref:r,type:"text",value:Kr.value.query,onClick:e=>{e.stopPropagation(),e.currentTarget.focus()},onPointerDown:e=>{e.stopPropagation()},onKeyDown:e=>{"Escape"===e.key&&e.currentTarget.blur(),Kr.value.matches.length&&("Enter"===e.key&&e.shiftKey?T("prev"):"Enter"===e.key&&(e.metaKey||e.ctrlKey?(e.preventDefault(),e.stopPropagation(),y(Kr.value.matches[Kr.value.currentMatchIndex].element),e.currentTarget.focus()):T("next")))},onChange:C,className:"absolute inset-y-0 inset-x-1",placeholder:"Component name, /regex/, or [type]"})}),Kr.value.query?kn(ge,{children:[kn("span",{className:"flex items-center gap-x-0.5 text-xs text-neutral-500",children:[Kr.value.currentMatchIndex+1,"|",Kr.value.matches.length]}),!!Kr.value.matches.length&&kn(ge,{children:[kn("button",{type:"button",onClick:e=>{e.stopPropagation(),T("prev")},className:"button rounded w-4 h-4 flex items-center justify-center text-neutral-400 hover:text-neutral-300",children:kn(_n,{name:"icon-chevron-right",className:"-rotate-90",size:12})}),kn("button",{type:"button",onClick:e=>{e.stopPropagation(),T("next")},className:"button rounded w-4 h-4 flex items-center justify-center text-neutral-400 hover:text-neutral-300",children:kn(_n,{name:"icon-chevron-right",className:"rotate-90",size:12})})]}),kn("button",{type:"button",onClick:e=>{e.stopPropagation(),S("")},className:"button rounded w-4 h-4 flex items-center justify-center text-neutral-400 hover:text-neutral-300",children:kn(_n,{name:"icon-close",size:12})})]}):!!c.length&&kn("span",{className:"text-xs text-neutral-500",children:c.length})]})}),kn("div",{className:"flex-1 overflow-hidden",children:kn("div",{ref:e,onPointerLeave:$,className:"tree h-full overflow-auto will-change-transform",children:kn("div",{className:"relative w-full",style:{height:x},children:b.map((e=>{const t=v[e.index];if(!t)return null;const n="focused"===yl.inspectState.value.kind&&t.element===yl.inspectState.value.focusedDomElement,r=e.index===h;return kn("div",{className:Nr("absolute left-0 w-full overflow-hidden","text-neutral-400 hover:text-neutral-300","bg-transparent hover:bg-[#5f3f9a]/20",(n||r)&&"text-neutral-300 bg-[#5f3f9a]/40 hover:bg-[#5f3f9a]/40"),style:{top:e.start,height:w},children:kn("div",{className:"w-full h-full",style:{paddingLeft:`calc(${t.depth} * var(--indentation-size))`},children:kn(oo,{node:t,nodeIndex:e.index,hasChildren:!!t.children?.length,isCollapsed:u.has(t.nodeId),handleTreeNodeClick:k,handleTreeNodeToggle:N,searchValue:m})})},t.nodeId)}))})})})]})]})},ao=Yt((({text:e,children:t,onCopy:n,className:r,iconSize:o=14})=>{const[i,a]=Ye(!1);Xe((()=>{if(i){const e=setTimeout((()=>a(!1)),600);return()=>{clearTimeout(e)}}}),[i]);const s=Ke((t=>{t.preventDefault(),t.stopPropagation(),navigator.clipboard.writeText(e).then((()=>{a(!0),n?.(!0,e)}),(()=>{n?.(!1,e)}))}),[e,n]),l=kn("button",{onClick:s,type:"button",className:Nr("z-10","flex items-center justify-center","hover:text-dev-pink-400","transition-colors duration-200 ease-in-out","cursor-pointer",`size-[${o}px]`,r),children:kn(_n,{name:"icon-"+(i?"check":"copy"),size:[o],className:Nr(i&&"text-green-500")})});return t?t({ClipboardIcon:l,onClick:s}):l})),so=(e,t)=>{"function"==typeof e?e(t):null!==e&&(e.current=t)},lo=(...e)=>Ke(((...e)=>t=>{for(const n of e)n&&so(n,t)})(...e),[...e]),co=({value:e,onSave:t,onCancel:n})=>{const r=Je(null),[o,i]=Ye("");Xe((()=>{let t="";try{t=e instanceof Date?e.toISOString().slice(0,16):e instanceof Map||e instanceof Set||e instanceof RegExp||e instanceof Error||e instanceof ArrayBuffer||ArrayBuffer.isView(e)||"object"==typeof e&&null!==e?Jo(e):Zo(e)}catch{t=String(e)}const n=qo(t);i(n),requestAnimationFrame((()=>{r.current&&(r.current.focus(),"string"==typeof e?r.current.setSelectionRange(1,n.length-1):r.current.select())}))}),[e]);const a=Ke((e=>{const t=e.target;t&&i(t.value)}),[]);return kn("input",{ref:r,type:e instanceof Date?"datetime-local":"text",className:"react-scan-input flex-1",value:o,onChange:a,onKeyDown:r=>{if("Enter"===r.key){r.preventDefault();try{let n;if(e instanceof Date){const e=new Date(o);if(Number.isNaN(e.getTime()))throw new Error("Invalid date");n=e}else{n=Ko(o).value}t(n)}catch{n()}}else"Escape"===r.key&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation(),n())},onBlur:n,step:e instanceof Date?1:void 0})},uo=({name:e,value:t,section:n,level:r,parentPath:o,objectPathMap:i=new WeakMap,changedKeys:a=new Set,allowEditing:s=!0})=>{const{updates:l,currentIndex:c}=Hr.value,d=l[c],u=d?.fiberInfo,p=Je(null),h=Xo(u.displayName,n,o??"",e),[f,m]=Ye(To.expandedPaths.has(h)),[g,v]=Ye(!1),w=!Lt(To.lastRendered.get(h),t);Xe((()=>{if("children"===e)return;if("context"===n)return;const o=!To.lastRendered.has(h),i=w&&p.current&&!o;To.lastRendered.set(h,t),i&&p.current&&0===r&&Or.create(p.current)}),[t,w,h,r,e,n]);const b=Ke((()=>{m((e=>{const t=!e;return t?To.expandedPaths.add(h):To.expandedPaths.delete(h),t}))}),[h]),x=Ge((()=>"object"==typeof t&&null!==t&&"displayValue"in t?String(t.displayValue):Jo(t)),[t]),y=Ge((()=>{if("object"==typeof t&&null!==t){if("value"in t)return String(Go(t.value));if("displayValue"in t)return String(t.displayValue)}return String(Go(t))}),[t]),k=Ge((()=>{if(!t||"object"!=typeof t)return!1;if("type"in t){const e=t;switch(e.type){case"array":case"Map":case"Set":return(e.size??e.length??0)>0;case"object":return(e.size??0)>0;case"ArrayBuffer":case"DataView":return(e.byteLength??0)>0;case"circular":case"promise":case"function":case"error":return!1;default:return"entries"in e||"items"in e}}return Wo(t)}),[t]),{overrideProps:_,overrideHookState:N}=Uo(),S=Ge((()=>!!s&&("props"===n?!!_&&"children"!==e:"state"===n&&!!N)),[n,_,N,s,e]),C=Ke((()=>{S&&v(!0)}),[S]),T=Ge((()=>!(!t||"object"!=typeof t||ai(t))&&("type"in t&&"circular"===t.type)),[t]),E=Ke((e=>{if(!e||"object"!=typeof e)return null;if("type"in e){const t=e;if("entries"in t&&t.entries){const e=Object.entries(t.entries);return 0===e.length?null:kn("div",{className:"react-scan-nested",children:e.map((([e,t])=>kn(uo,{name:e,value:t,section:n,level:r+1,parentPath:h,objectPathMap:i,changedKeys:a,allowEditing:s},`${h}-entry-${e}`)))})}return"items"in t&&Array.isArray(t.items)?0===t.items.length?null:kn("div",{className:"react-scan-nested",children:t.items.map(((e,t)=>{const o=`${h}-item-${e.type}-${t}`;return kn(uo,{name:`${t}`,value:e,section:n,level:r+1,parentPath:h,objectPathMap:i,changedKeys:a,allowEditing:s},o)}))}):null}let t;if(e instanceof ArrayBuffer){const n=new Uint8Array(e);t=Array.from(n).map(((e,t)=>[t,e]))}else if(e instanceof DataView){const n=new Uint8Array(e.buffer,e.byteOffset,e.byteLength);t=Array.from(n).map(((e,t)=>[t,e]))}else if(ArrayBuffer.isView(e))if(e instanceof BigInt64Array||e instanceof BigUint64Array)t=Array.from({length:e.length},((t,n)=>[n,e[n]]));else{const n=e;t=Array.from(n).map(((e,t)=>[t,e]))}else t=e instanceof Map?Array.from(e.entries()).map((([e,t])=>[String(e),t])):e instanceof Set?Array.from(e).map(((e,t)=>[t,e])):Array.isArray(e)?e.map(((e,t)=>[`${t}`,e])):Object.entries(e);if(0===t.length)return null;const o=!(e instanceof DataView||e instanceof ArrayBuffer||ArrayBuffer.isView(e));return kn("div",{className:"react-scan-nested",children:t.map((([e,t])=>{const s=`${h}-${"number"==typeof e?`item-${e}`:e}`;return kn(uo,{name:String(e),value:t,section:n,level:r+1,parentPath:h,objectPathMap:i,changedKeys:a,allowEditing:o},s)}))})}),[n,r,h,i,a,s]);return kn("div",T?{className:"react-scan-property",children:kn("div",{className:"react-scan-property-content",children:kn("div",{className:"react-scan-preview-line",children:[kn("div",{className:"react-scan-key",children:[e,":"]}),kn("span",{className:"text-yellow-500",children:"[Circular Reference]"})]})})}:{ref:p,className:"react-scan-property",children:kn("div",{className:"react-scan-property-content",children:[k&&kn("button",{type:"button",onClick:b,className:"react-scan-arrow",children:kn(_n,{name:"icon-chevron-right",size:12,className:Nr(f&&"rotate-90")})}),kn("div",{className:Nr("group","react-scan-preview-line",w&&"react-scan-highlight"),children:[kn("div",{className:"react-scan-key",children:[e,":"]}),g&&Yo(t,o)?kn(co,{value:t,onSave:t=>((e,t,n)=>{const{updates:r,currentIndex:i,latestFiber:a}=Hr.value,s=r[i];if(!a)return;const{overrideProps:l,overrideHookState:c}=Uo();l&&c&&("props"===e?Cr((()=>{const e=a.memoizedProps||{};let r,i;o?(i=o.split(".").filter((e=>"props"!==e&&e!==M(a.type))),i.push(t),r=i.reduce(((e,t)=>e&&"object"==typeof e?e[t]:{}),e)):(i=[t],r=e[t]),Lt(r,n)||(l(a,i,n),a.alternate&&l(a.alternate,i,n))}),null):"state"===e&&Cr((()=>{if(o){const e=o.split("."),r=e.indexOf("state");if(-1===r)return;const i=e.slice(r+1),l=i[0],d=s.stateNames.indexOf(l),u=-1!==d?d.toString():"0",p=s.state.current;if(!p||!p.find((e=>e.name===Number(l))))return;const h=Qo(p.find((e=>e.name===Number(l)))?.value,i.slice(1).concat(t),n);c(a,u,[],h)}else{const e=s.stateNames.indexOf(t),r=-1!==e?e.toString():t;c(a,r,[],n)}}),null),v(!1))})(n,e,t),onCancel:()=>v(!1)}):kn("button",{type:"button",className:"truncate",onClick:C,children:x}),kn(ao,{text:y,className:"opacity-0 transition-opacity group-hover:opacity-100",children:({ClipboardIcon:e})=>kn(ge,{children:e})})]}),kn("div",{className:Nr("react-scan-expandable",f&&"react-scan-expanded"),children:k&&f&&kn("div",{className:"react-scan-nested",children:E(t)})})]})})},po=({refSticky:e,isSticky:t,section:n})=>{const r=Je(null),{updates:o,currentIndex:i}=Hr.value,[a,s]=Ye(!0),l=lo(r,e),c=Ge((()=>new WeakMap),[]),{currentData:d,changedKeys:u}=Ge((()=>{const e=o[i]??{props:{current:{},changes:new Set},state:{current:{},changes:new Set},context:{current:{},changes:new Set}};switch(n){case"props":return{currentData:e.props.current,changedKeys:e.props.changes};case"state":return{currentData:e.state.current,changedKeys:e.state.changes};case"context":return{currentData:e.context.current,changedKeys:e.context.changes};default:return{currentData:{},changedKeys:new Set}}}),[n,i,o]),p=Ke((()=>{s((e=>t&&a?e:!e))}),[a,t]);if(!d||(Array.isArray(d)?0===d.length:0===Object.keys(d).length))return null;const h=Array.isArray(d)?d.length:Object.keys(d).length;return kn(ge,{children:[kn("button",{ref:l,type:"button",onClick:p,"data-sticky":!0,className:"react-section-header",children:[kn("div",{className:"w-4 h-4 flex items-center justify-center",children:kn(_n,{name:"icon-chevron-right",size:12,className:Nr(a&&"rotate-90",t&&a&&"rotate-0")})}),kn("span",{className:"capitalize",children:[n," ",!a&&h>0&&`(${h})`]})]}),kn("div",{className:"react-scan-section",children:kn("div",{className:Nr("react-scan-expandable",a&&"react-scan-expanded"),children:kn("div",{className:"overflow-hidden",children:Array.isArray(d)?d.map((({name:e,value:t})=>kn(uo,{name:e,value:t,section:n,level:0,objectPathMap:c,changedKeys:u},e))):Object.entries(d).map((([e,t])=>kn(uo,{name:e,value:t,section:n,level:0,objectPathMap:c,changedKeys:u},e)))})})})]})},ho=({length:e,expanded:t,onToggle:n,isNegative:r})=>kn("div",{className:"flex items-center gap-1",children:[kn("button",{type:"button",onClick:n,className:"flex items-center p-0 opacity-50",children:kn(_n,{name:"icon-chevron-right",size:12,className:Nr("transition-[color,transform]",r?"text-[#f87171]":"text-[#4ade80]",t&&"rotate-90")})}),kn("span",{children:["Array(",e,")"]})]}),fo=({value:e,path:t,isNegative:n})=>{const[r,o]=Ye(!1);if(!(null!==e&&"object"==typeof e&&!(e instanceof Date)))return kn("div",{className:"flex items-center gap-1",children:[kn("span",{className:"text-gray-500",children:[t,":"]}),kn("span",{className:"truncate",children:ri(e)})]});const i=Object.entries(e);return kn("div",{className:"flex flex-col",children:[kn("div",{className:"flex items-center gap-1",children:[kn("button",{type:"button",onClick:()=>o(!r),className:"flex items-center p-0 opacity-50",children:kn(_n,{name:"icon-chevron-right",size:12,className:Nr("transition-[color,transform]",n?"text-[#f87171]":"text-[#4ade80]",r&&"rotate-90")})}),kn("span",{className:"text-gray-500",children:[t,":"]}),!r&&kn("span",{className:"truncate",children:e instanceof Date?ri(e):`{${Object.keys(e).join(", ")}}`})]}),r&&kn("div",{className:"pl-5 border-l border-[#333] mt-0.5 ml-1 flex flex-col gap-0.5",children:i.map((([e,t])=>kn(fo,{value:t,path:e,isNegative:n},e)))})]})},mo=({value:e,expanded:t,onToggle:n,isNegative:r})=>{const{value:o,error:i}=oi(e);if(i)return kn("span",{className:"text-gray-500 font-italic",children:i});return null!==o&&"object"==typeof o&&!(o instanceof Promise)?Array.isArray(o)?kn("div",{className:"flex flex-col gap-1 relative",children:[kn(ho,{length:o.length,expanded:t,onToggle:n,isNegative:r}),t&&kn("div",{className:"pl-2 border-l border-[#333] mt-0.5 ml-1 flex flex-col gap-0.5",children:o.map(((e,t)=>kn(fo,{value:e,path:t.toString(),isNegative:r},t.toString())))}),kn(ao,{text:Go(o),className:"absolute top-0.5 right-0.5 opacity-0 transition-opacity group-hover:opacity-100 self-end",children:({ClipboardIcon:e})=>kn(ge,{children:e})})]}):kn("div",{className:"flex items-start gap-1 relative",children:[kn("button",{type:"button",onClick:n,className:Nr("flex items-center","p-0 mt-0.5 mr-1","opacity-50"),children:kn(_n,{name:"icon-chevron-right",size:12,className:Nr("transition-[color,transform]",r?"text-[#f87171]":"text-[#4ade80]",t&&"rotate-90")})}),kn("div",{className:"flex-1",children:t?kn("div",{className:"pl-2 border-l border-[#333] mt-0.5 ml-1 flex flex-col gap-0.5",children:Object.entries(o).map((([e,t])=>kn(fo,{value:t,path:e,isNegative:r},e)))}):kn("span",{children:ri(o)})}),kn(ao,{text:Go(o),className:"absolute top-0.5 right-0.5 opacity-0 transition-opacity group-hover:opacity-100 self-end",children:({ClipboardIcon:e})=>kn(ge,{children:e})})]}):kn("span",{children:ri(o)})},go=({value:e,min:t,max:n,onChange:r,className:o,totalUpdates:i=n+1})=>{const a=Je(null),s=Je(e),l=Ke((e=>{if(!a.current)return;const r=Math.max(1,n-t),o=e-t,i=t===n?0:Math.min(100,Math.round(o/r*100));a.current.style.setProperty("left",`${i}%`)}),[t,n]);Xe((()=>{l(e)}),[t,n,e]);const c=Ke((e=>{const t=e.target,n=Number.parseInt(t.value,10);n>=i||s.current!==n&&(s.current=n,l(n),r(e))}),[r,l,i]);return kn("div",{onPointerDown:e=>{e.stopPropagation()},className:Nr("react-scan-slider relative","flex-1",o),children:[kn("input",{type:"range",value:e,min:t,max:n,onChange:c,className:Nr("react-scan-slider","flex-1","h-1.5","bg-gray-200","rounded-lg","appearance-none","cursor-pointer",o)}),kn("div",{className:Nr("absolute inset-0 right-2","pointer-events-none"),children:kn("span",{ref:a})})]})},vo=Yt((({refSticky:e})=>{const t=Je(null),{currentIndex:n,isVisible:r,totalUpdates:o,updates:i}=Hr.value,a=Ge((()=>ii(o,n)),[o,n]);Xe((()=>()=>{t.current&&clearInterval(t.current)}),[]);const s=Ke((()=>{r||Yr()}),[r]),l=Ke((e=>{e.preventDefault(),e.stopPropagation(),t.current&&(clearInterval(t.current),t.current=null),Xr()}),[]);return R()?o<=1?null:kn("button",{ref:e,type:"button",onClick:s,className:"react-section-header","data-disable-scroll":"true",children:[kn("button",{type:"button",onClick:r?l:void 0,title:r?"Hide Re-renders History":"View Re-renders History",className:"w-4 h-4 flex items-center justify-center",children:kn(_n,{name:"icon-gallery-horizontal-end",size:12})}),r?kn(ge,{children:[kn("div",{className:"text-xs text-gray-500",children:a.leftValue}),kn(go,{min:a.min,max:a.max,value:a.value,onChange:async e=>{const t=e.target,n=Number.parseInt(t.value,10),r=Math.min(i.length-1,Math.max(0,n));let o=!1;r>0&&r<i.length-1&&(o=!0),qr(r,o)},className:"flex-1",totalUpdates:a.rightValue+1}),kn("div",{className:"text-xs text-gray-500",children:a.rightValue})]}):"View Re-renders History"]}):null})),wo=e=>{if(null==e)return{value:e};if("function"==typeof e)return{value:e};if("object"!=typeof e)return{value:e};if(ai(e))return{value:"Promise"};try{const t=Object.getPrototypeOf(e);return t===Promise.prototype||"Promise"===t?.constructor?.name?{value:"Promise"}:{value:e}}catch{return{value:null,error:"Error accessing value"}}},bo=Yt((()=>{const e=Ft(!1),t=Ft(!0);return Rt((()=>{const n=Hr.value,{currentIndex:r,updates:o}=n;0!==r?o.length>0&&(ct((()=>{e.value||(e.value=!0)})),t.value=!0):t.value=!1})),(r=Je(n=()=>kn(ge,{children:[e.value&&kn(Nn,{children:e=>kn(vo,{...e})}),kn(Nn,{children:e=>kn(xo,{...e,shouldShowChanges:t.value})})]}))).current=n,dt.__$f|=4,Ge((function(){return _t((function(){return r.current()}))}),[]);var n,r})),xo=Yt((({isSticky:e,refSticky:t,calculateStickyTop:n,shouldShowChanges:r})=>{const[o,i]=Ye(!0);return kn(ge,{children:[kn(yo,{refSticky:t,isSticky:e,calculateStickyTop:n,isExpanded:o,shouldShowChanges:r,setIsExpanded:i}),kn("div",{className:Nr("react-scan-expandable",o&&"react-scan-expanded"),children:kn("div",{className:"overflow-hidden",children:r&&kn("div",{className:Nr("relative","flex flex-col gap-y-2","pl-9 pr-2",'before:content-[""] before:absolute before:inset-x-0 before:bottom-0 before:h-[1px] before:bg-[#333]'),children:[kn(ko,{title:"Props",isExpanded:o}),kn(ko,{title:"State",isExpanded:o}),kn(ko,{title:"Context",isExpanded:o})]})})})]})})),yo=Yt((({refSticky:e,isSticky:t,calculateStickyTop:n,isExpanded:r,shouldShowChanges:o,setIsExpanded:i})=>{const a=Je(null),s=Je(null),l=Je(null),c=Je({isPropsChanged:!1,isStateChanged:!1,isContextChanged:!1});Xe((()=>{const e=Sr((()=>{const e=[];"true"===a.current?.dataset.flash&&e.push(a.current),"true"===s.current?.dataset.flash&&e.push(s.current),"true"===l.current?.dataset.flash&&e.push(l.current);for(const t of e)t.classList.remove("count-flash-white"),t.offsetWidth,t.classList.add("count-flash-white")}),400);return Hr.subscribe((t=>{if(!a.current||!s.current||!l.current)return;const{currentIndex:n,updates:r}=t,o=r[n];o&&0!==n&&(e(),c.current={isPropsChanged:(o.props?.changes?.size??0)>0,isStateChanged:(o.state?.changes?.size??0)>0,isContextChanged:(o.context?.changes?.size??0)>0},"true"!==a.current.dataset.flash&&(a.current.dataset.flash=c.current.isPropsChanged.toString()),"true"!==s.current.dataset.flash&&(s.current.dataset.flash=c.current.isStateChanged.toString()),"true"!==l.current.dataset.flash&&(l.current.dataset.flash=c.current.isContextChanged.toString()))}))}),[]);return kn("button",{ref:e,type:"button",onClick:Ke((()=>{i((e=>t&&r?e:!e))}),[i,r,t]),onTransitionStart:Ke((e=>{"max-height"===e.propertyName&&n(!0)}),[n]),onTransitionEnd:Ke((e=>{"max-height"===e.propertyName&&n(!1)}),[n]),className:Nr("react-section-header","overflow-hidden","max-h-0","transition-[max-height]",o&&"max-h-8"),children:kn("div",{className:Nr("flex-1 react-scan-expandable",o&&"react-scan-expanded"),children:kn("div",{className:"overflow-hidden",children:kn("div",{className:"flex items-center whitespace-nowrap",children:[kn("div",{className:"flex items-center gap-x-2",children:[kn("div",{className:"w-4 h-4 flex items-center justify-center",children:kn(_n,{name:"icon-chevron-right",size:12,className:Nr(r&&"rotate-90",t&&r&&"rotate-0")})}),"What changed?"]}),kn("div",{className:Nr("ml-auto","change-scope","opacity-0","transition-opacity duration-300 delay-150",r?"opacity-0":"opacity-100"),children:[kn("div",{ref:a,children:"props"}),kn("div",{ref:s,children:"state"}),kn("div",{ref:l,children:"context"})]})]})})})})})),ko=Yt((({title:e,isExpanded:t})=>{const n=Je(null),r=Je(new Set),o=Je(new Map),i=Je([]),[a,s]=Ye([]),[l,c]=Ye(new Set),[d,u]=Ye(new Set);Xe((()=>Hr.subscribe((t=>{const{currentIndex:a,updates:l}=t,c=a>=0?l[a]:null,d=a>0?l[a-1]:null,u=c?.[e.toLowerCase()],p=d?.[e.toLowerCase()];if(!u)return;n.current=c?.fiberInfo,r.current.clear();const h=new Map(i.current.map((e=>[e.name,e])));for(const{name:e,value:t}of u.current){const n=u.changesCounts?.get(e)??0,i=p?.changesCounts?.get(e)??0,a=Math.max(n,i),s=p?.current.find((t=>t.name===e))?.value,l=!Lt(t,s);if(a>0||l){const{value:n,error:i}=wo(s),{value:l,error:c}=wo(t),d=ei(n,l);o.current.set(e,{name:e,prevValue:s,currValue:t,prevError:i,currError:c,diff:d,isFunction:"function"==typeof t});const u={name:e,value:t,prevValue:s,count:a},p=h.get(e);p&&p.count===a&&Lt(p.value,t)||r.current.add(e),h.set(e,u)}}i.current=Array.from(h.values()),s(i.current)}))),[e]);const p=Ke((e=>{u((t=>{const n=new Set(t);return n.has(String(e))?n.delete(String(e)):n.add(String(e)),n}))}),[]),h=Ke((e=>n.current?((e,t)=>{if(Number.isNaN(Number(e)))return e;const n=Number.parseInt(e);return kn("span",{className:"truncate",children:[kn("span",{className:"text-white",children:[n,(e=>{const 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"}})(n)," hook"," "]}),kn("span",{style:{color:"#666"},children:["called in ",kn("i",{className:"text-[#A855F7] truncate",children:t})]})]})})(e,n.current.displayName):e),[]);return 0===a.length?null:kn("div",{className:"pb-2",children:[kn("div",{className:"text-xs text-[#888] mb-1.5",children:e}),kn("div",{className:"flex flex-col gap-2",children:a.map((n=>{const i=d.has(String(n.name)),a=o.current.get(n.name);return a?kn("div",{children:[kn("button",{type:"button",onClick:()=>p(String(n.name)),className:Nr("relative","flex items-center gap-2","w-full p-0 cursor-pointer text-white text-xs"),children:kn("div",{className:"flex items-center gap-1.5 flex-1 truncate",children:[kn(_n,{name:"icon-chevron-right",size:12,className:Nr("text-[#666] transition-transform duration-200 ease-[cubic-bezier(0.25,0.1,0.25,1)]",i&&"rotate-90")}),kn("div",{className:"overflow-hidden whitespace-nowrap break-words text-left font-medium flex items-center gap-x-1.5",children:[h(String(n.name)),kn(Co,{forceFlash:t&&r.current.has(n.name),count:n.count,isFunction:a.isFunction,showWarning:0===a.diff.changes.length})]})]})}),kn("div",{className:Nr("react-scan-expandable",i&&"react-scan-expanded"),children:kn("div",{className:"overflow-hidden",children:kn("div",{className:"mt-1 pl-3 text-xs font-mono border-l-1 border-[#333]",children:kn("div",{className:"flex flex-col gap-0.5",children:a.prevError||a.currError?kn(_o,{currError:a.currError,prevError:a.prevError}):a.diff.changes.length>0?kn(No,{title:e,change:n,diff:a.diff,expandedFns:l,renderName:h,setExpandedFns:c}):kn(So,{currValue:a.currValue,entryKey:n.name,expandedFns:l,prevValue:a.prevValue,setExpandedFns:c})})})})})]},n.name):null}))})]})})),_o=({prevError:e,currError:t})=>kn(ge,{children:[e&&kn("div",{className:"text-[#f87171] bg-[#2a1515] pr-1.5 py-[3px] rounded italic",children:e}),t&&kn("div",{className:"text-[#4ade80] bg-[#1a2a1a] pr-1.5 py-[3px] rounded italic mt-0.5",children:t})]}),No=({diff:e,title:t,renderName:n,change:r,expandedFns:o,setExpandedFns:i})=>e.changes.map(((a,s)=>{const{value:l,error:c}=wo(a.prevValue),{value:d,error:u}=wo(a.currentValue),p="function"==typeof l||"function"==typeof d;let h;return"Props"===t&&(h=a.path.length>0?`${n(String(r.name))}.${ti(a.path)}`:void 0),"State"===t&&a.path.length>0&&(h=`state.${ti(a.path)}`),h||(h=ti(a.path)),kn("div",{className:Nr("flex flex-col gap-y-1",s<e.changes.length-1&&"mb-4"),children:[h&&kn("div",{className:"text-[#666] text-[10px]",children:h}),kn("button",{type:"button",className:Nr("group","flex items-start","py-[3px] px-1.5","text-left text-[#f87171] bg-[#2a1515]","rounded","overflow-hidden break-all",p&&"cursor-pointer"),onClick:p?()=>{const e=`${ti(a.path)}-prev`;i((t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}))}:void 0,children:[kn("span",{className:"w-3 flex items-center justify-center opacity-50",children:"-"}),kn("span",{className:"flex-1 whitespace-nowrap font-mono",children:c?kn("span",{className:"italic text-[#f87171]",children:c}):p?kn("div",{className:"flex gap-1 items-start flex-col",children:[kn("div",{className:"flex gap-1 items-start w-full",children:[kn("span",{className:"flex-1 max-h-40",children:ni(l,o.has(`${ti(a.path)}-prev`))}),"function"==typeof l&&kn(ao,{text:l.toString(),className:"opacity-0 transition-opacity group-hover:opacity-100",children:({ClipboardIcon:e})=>kn(ge,{children:e})})]}),l?.toString()===d?.toString()&&kn("div",{className:"text-[10px] text-[#666] italic",children:"Function reference changed"})]}):kn(mo,{value:l,expanded:o.has(`${ti(a.path)}-prev`),onToggle:()=>{const e=`${ti(a.path)}-prev`;i((t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}))},isNegative:!0})})]}),kn("button",{type:"button",className:Nr("group","flex items-start","py-[3px] px-1.5","text-left text-[#4ade80] bg-[#1a2a1a]","rounded","overflow-hidden break-all",p&&"cursor-pointer"),onClick:p?()=>{const e=`${ti(a.path)}-current`;i((t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}))}:void 0,children:[kn("span",{className:"w-3 flex items-center justify-center opacity-50",children:"+"}),kn("span",{className:"flex-1 whitespace-pre-wrap font-mono",children:u?kn("span",{className:"italic text-[#4ade80]",children:u}):p?kn("div",{className:"flex gap-1 items-start flex-col",children:[kn("div",{className:"flex gap-1 items-start w-full",children:[kn("span",{className:"flex-1",children:ni(d,o.has(`${ti(a.path)}-current`))}),"function"==typeof d&&kn(ao,{text:d.toString(),className:"opacity-0 transition-opacity group-hover:opacity-100",children:({ClipboardIcon:e})=>kn(ge,{children:e})})]}),l?.toString()===d?.toString()&&kn("div",{className:"text-[10px] text-[#666] italic",children:"Function reference changed"})]}):kn(mo,{value:d,expanded:o.has(`${ti(a.path)}-current`),onToggle:()=>{const e=`${ti(a.path)}-current`;i((t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}))},isNegative:!1})})]})]},`${h}-${r.name}-${s}`)})),So=({prevValue:e,currValue:t,entryKey:n,expandedFns:r,setExpandedFns:o})=>kn(ge,{children:[kn("div",{className:"group flex gap-0.5 items-start text-[#f87171] bg-[#2a1515] py-[3px] px-1.5 rounded",children:[kn("span",{className:"w-3 flex items-center justify-center opacity-50",children:"-"}),kn("span",{className:"flex-1 overflow-hidden whitespace-pre-wrap font-mono",children:kn(mo,{value:e,expanded:r.has(`${String(n)}-prev`),onToggle:()=>{const e=`${String(n)}-prev`;o((t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}))},isNegative:!0})})]}),kn("div",{className:"group flex gap-0.5 items-start text-[#4ade80] bg-[#1a2a1a] py-[3px] px-1.5 rounded mt-0.5",children:[kn("span",{className:"w-3 flex items-center justify-center opacity-50",children:"+"}),kn("span",{className:"flex-1 overflow-hidden whitespace-pre-wrap font-mono",children:kn(mo,{value:t,expanded:r.has(`${String(n)}-current`),onToggle:()=>{const e=`${String(n)}-current`;o((t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}))},isNegative:!1})})]}),"object"==typeof t&&null!==t&&kn("div",{className:"text-[#666] text-[10px] italic mt-1",children:"Reference changed but objects are the same"})]}),Co=({count:e,forceFlash:t,isFunction:n,showWarning:r})=>{const o=Je(!0),i=Je(null),a=Je(e);return Xe((()=>{const t=i.current;t&&a.current!==e&&(t.classList.remove("count-flash"),t.offsetWidth,t.classList.add("count-flash"),a.current=e)}),[e]),Xe((()=>{if(o.current)o.current=!1;else if(t){let e=setTimeout((()=>{i.current?.classList.add("count-flash-white"),e=setTimeout((()=>{i.current?.classList.remove("count-flash-white")}),300)}),500);return()=>{clearTimeout(e)}}}),[t]),kn("div",{ref:i,className:"count-badge",children:[r&&kn(_n,{name:"icon-triangle-alert",className:"text-yellow-500 mb-px",size:14}),n&&kn(_n,{name:"icon-function",className:"text-[#A855F7] mb-px",size:14}),"x",e]})},To={lastRendered:new Map,expandedPaths:new Set,cleanup:()=>{To.lastRendered.clear(),To.expandedPaths.clear(),Or.cleanupAll(),gi(),Gr()}},Eo=class extends ve{constructor(){super(...arguments),this.state={hasError:!1,error:null},this.handleReset=()=>{this.setState({hasError:!1,error:null}),To.cleanup()}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){return this.state.hasError?kn("div",{className:"p-4 bg-red-950/50 h-screen backdrop-blur-sm",children:[kn("div",{className:"flex items-center gap-2 mb-3 text-red-400 font-medium",children:[kn(_n,{name:"icon-flame",className:"text-red-500",size:16}),"Something went wrong in the inspector"]}),kn("div",{className:"p-3 bg-black/40 rounded font-mono text-xs text-red-300 mb-4 break-words",children:this.state.error?.message||JSON.stringify(this.state.error)}),kn("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}},zo=_t((()=>Nr("react-scan-inspector","flex-1","opacity-0","overflow-y-auto overflow-x-hidden","transition-opacity delay-0","pointer-events-none",!Ar.value&&"opacity-100 delay-300 pointer-events-auto"))),Ao=Dr((()=>{const e=Je(null),t=t=>{if(!t)return;e.current=t;const{data:n,shouldUpdate:r}=ki(t);if(r){const e={timestamp:Date.now(),fiberInfo:li(t),props:n.fiberProps,state:n.fiberState,context:n.fiberContext,stateNames:mi(t)};Jr(e,t)}};return Rt((()=>{const n=yl.inspectState.value;ct((()=>{if("focused"!==n.kind||!n.focusedDomElement)return e.current=null,void To.cleanup();"focused"===n.kind&&(Ar.value=!1);const{parentCompositeFiber:r}=Oo(n.focusedDomElement,n.fiber);if(!r)return yl.inspectState.value={kind:"inspect-off"},void(jr.value={view:"none"});e.current?.type!==r.type&&(e.current=r,To.cleanup(),t(r))}))})),Rt((()=>{Vr.value,ct((()=>{const n=yl.inspectState.value;if("focused"!==n.kind||!n.focusedDomElement)return e.current=null,void To.cleanup();const{parentCompositeFiber:r}=Oo(n.focusedDomElement,n.fiber);if(!r)return yl.inspectState.value={kind:"inspect-off"},void(jr.value={view:"none"});t(r),n.focusedDomElement.isConnected||(e.current=null,To.cleanup(),yl.inspectState.value={kind:"inspecting",hoveredDomElement:null})}))})),Xe((()=>()=>{To.cleanup()}),[]),kn(Eo,{children:kn("div",{className:zo,children:[kn(bo,{}),kn(Nn,{children:e=>kn(po,{section:"props",...e})}),kn(Nn,{children:e=>kn(po,{section:"state",...e})}),kn(Nn,{children:e=>kn(po,{section:"context",...e})})]})})})),$o=Dr((()=>"focused"!==yl.inspectState.value.kind?null:kn(Eo,{children:[kn(Ao,{}),kn(io,{})]}))),Mo=e=>{if("__REACT_DEVTOOLS_GLOBAL_HOOK__"in window){const t=window.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!t?.renderers)return null;for(const[,n]of Array.from(t.renderers))try{const t=n.findFiberByHostInstance?.(e);if(t)return t}catch{}}if("_reactRootContainer"in e){const t=e._reactRootContainer;return t?._internalRoot?.current?.child??null}for(const t in e)if(t.startsWith("__reactInternalInstance$")||t.startsWith("__reactFiber")){return e[t]}return null},Fo=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},Ro=e=>{if(!e)return null;try{const t=Mo(e);if(!t)return null;const n=jo(t);return n?n[0]:null}catch{return null}},jo=e=>{let t=e,n=null;for(;t;){if(N(t))return[t,n];_(t)&&!n&&(n=t),t=t.return}return null},Po=(e,t)=>!!E(t,(t=>t===e)),Do=async e=>{const t=Ro(e);if(!t)return null;const n=Fo(t);if(!n)return null;const r=(await(o=[n],new Promise((e=>{const t=new Map,n=new IntersectionObserver((r=>{for(const e of r){const n=e.target,r=e.boundingClientRect;t.set(n,r)}n.disconnect(),e(t)}));for(const e of o)n.observe(e)})))).get(n);var o;return r||null},Io=e=>{const t=Ro(e);if(!t)return{};if(!Fo(t))return{};const n=jo(t);if(!n)return{};const[r]=n;return{parentCompositeFiber:r}},Oo=(e,t)=>{if(!e.isConnected)return{};let n=t??Ro(e);if(!n)return{};let r=n,o=null,i=null;for(;r;)if(r.stateNode){if(kl.instrumentation?.fiberRoots.has(r.stateNode)){o=r,i=r.stateNode.current;break}r=r.return}else r=r.return;if(!o||!i)return{};if(n=Po(n,i)?n:n.alternate??n,!n)return{};if(!Fo(n))return{};const a=jo(n)?.[0];return a?{parentCompositeFiber:Po(a,i)?a:a.alternate??a}:{}},Lo=e=>null!==e&&"object"==typeof e,Uo=()=>{let e=null,t=null,n=null;if("__REACT_DEVTOOLS_GLOBAL_HOOK__"in window){const r=window.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!r?.renderers)return{overrideProps:null,overrideHookState:null,overrideContext:null};for(const[,o]of Array.from(r.renderers))try{const r=o;if(t){const e=t;t=(t,n,o,i)=>{let a=t.memoizedState;for(let e=0;e<Number(n)&&a?.next;e++)a=a.next;if(a?.queue){const e=a.queue;if(Lo(e)&&"dispatch"in e){return void(0,e.dispatch)(i)}}e(t,n,o,i),r.overrideHookState?.(t,n,o,i)}}else r.overrideHookState&&(t=r.overrideHookState);if(e){const t=e;e=(e,n,o)=>{t(e,n,o),r.overrideProps?.(e,n,o)}}else r.overrideProps&&(e=r.overrideProps);n=(t,n,r)=>{let o=t;for(;o;){const t=o.type;if(t===n||t?.Provider===n){e&&(e(o,["value"],r),o.alternate&&e(o.alternate,["value"],r));break}o=o.return}}}catch{}}return{overrideProps:e,overrideHookState:t,overrideContext:n}},Ho=new Set(["HTML","HEAD","META","TITLE","BASE","SCRIPT","SCRIPT","STYLE","LINK","NOSCRIPT","SOURCE","TRACK","EMBED","OBJECT","PARAM","TEMPLATE","PORTAL","SLOT","AREA","XML","DOCTYPE","COMMENT"]),Vo=(e,t=!0)=>{if(e.stateNode&&"nodeType"in e.stateNode){const n=e.stateNode;return t&&n.tagName&&Ho.has(n.tagName.toLowerCase())?null:n}let n=e.child;for(;n;){const e=Vo(n,t);if(e)return e;n=n.sibling}return null},Bo=(e=document.body)=>{const t=[],n=(e,r=0)=>{const o=(e=>{if(!e)return null;const{parentCompositeFiber:t}=Io(e);return t&&Vo(t)===e?e:null})(e);if(o){const{parentCompositeFiber:e}=Io(o);if(!e)return;t.push({element:o,depth:r,name:M(e.type)??"Unknown",fiber:e})}for(const t of Array.from(e.children))n(t,o?r+1:r)};return n(e),t},Wo=e=>null!==e&&"object"==typeof e&&!ai(e)&&(e instanceof ArrayBuffer||(e instanceof DataView||(!!ArrayBuffer.isView(e)||(e instanceof Map||e instanceof Set?e.size>0:Array.isArray(e)?e.length>0:Object.keys(e).length>0)))),Yo=(e,t)=>{if(null==e)return!0;if(ai(e))return!1;if("function"==typeof e)return!1;if(t){const e=t.split(".");let n="";for(const t of e){n=n?`${n}.${t}`:t;const e=To.lastRendered.get(n);if(e instanceof DataView||e instanceof ArrayBuffer||ArrayBuffer.isView(e))return!1}}switch(e.constructor){case Date:case RegExp:case Error:return!0;default:switch(typeof e){case"string":case"number":case"boolean":case"bigint":return!0;default:return!1}}},Xo=(e,t,n,r)=>n?`${e}.${n}.${r}`:"context"!==t||r.startsWith("context.")?`${e}.${t}.${r}`:`${e}.${t}.context.${r}`,qo=e=>e.replace(/[<>]/g,"").replace(/javascript:/gi,"").replace(/data:/gi,"").replace(/on\w+=/gi,"").slice(0,5e4),Jo=e=>si(e).displayValue,Go=e=>{try{if(null===e)return"null";if(void 0===e)return"undefined";if(ai(e))return"Promise";if("function"==typeof e){const 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)}},Ko=e=>{const t=e.trim();switch(t){case"undefined":return{type:"undefined",value:void 0};case"null":return{type:"null",value:null};case"true":return{type:"boolean",value:!0};case"false":return{type:"boolean",value:!1}}return/^".*"$/.test(t)?{type:"string",value:t.slice(1,-1)}:/^-?\d+(?:\.\d+)?$/.test(t)?{type:"number",value:Number(t)}:{type:"string",value:`"${t}"`}},Zo=e=>void 0===e?"undefined":null===e?"null":"string"==typeof e?`"${e}"`:String(e),Qo=(e,t,n)=>{try{if(0===t.length)return n;const[r,...o]=t;if(Array.isArray(e)&&e.every((e=>"name"in e&&"value"in e))){const t=e.findIndex((e=>e.name===r));if(-1===t)return e;const i=[...e];return 0===o.length?i[t]={...i[t],value:n}:i[t]={...i[t],value:Qo(i[t].value,o,n)},i}if(e instanceof Map){const t=new Map(e);if(0===o.length)t.set(r,n);else{const e=t.get(r);t.set(r,Qo(e,o,n))}return t}if(Array.isArray(e)){const t=Number.parseInt(r,10),i=[...e];return 0===o.length?i[t]=n:i[t]=Qo(e[t],o,n),i}return e&&"object"==typeof e?0===o.length?{...e,[r]:n}:{...e,[r]:Qo(e[r],o,n)}:n}catch{return e}},ei=(e,t,n=[],r=new WeakSet)=>{if(e===t)return{type:"primitive",changes:[],hasDeepChanges:!1};if("function"==typeof e&&"function"==typeof t){const r=((e,t)=>{try{return"function"==typeof e&&"function"==typeof t&&e.toString()===t.toString()}catch{return!1}})(e,t);return{type:"primitive",changes:[{path:n,prevValue:e,currentValue:t,sameFunction:r}],hasDeepChanges:!r}}if(null===e||null===t||void 0===e||void 0===t||"object"!=typeof e||"object"!=typeof t)return{type:"primitive",changes:[{path:n,prevValue:e,currentValue:t}],hasDeepChanges:!0};if(r.has(e)||r.has(t))return{type:"object",changes:[{path:n,prevValue:"[Circular]",currentValue:"[Circular]"}],hasDeepChanges:!1};r.add(e),r.add(t);const o=e,i=t,a=new Set([...Object.keys(o),...Object.keys(i)]),s=[];let l=!1;for(const e of a){const t=o[e],a=i[e];if(t!==a)if("object"==typeof t&&"object"==typeof a&&null!==t&&null!==a){const o=ei(t,a,[...n,e],r);s.push(...o.changes),o.hasDeepChanges&&(l=!0)}else s.push({path:[...n,e],prevValue:t,currentValue:a}),l=!0}return{type:"object",changes:s,hasDeepChanges:l}},ti=e=>0===e.length?"":e.reduce(((e,t,n)=>/^\d+$/.test(t)?`${e}[${t}]`:0===n?t:`${e}.${t}`),"");var ni=(e,t=!1)=>{try{const n=e.toString(),r=n.match(/(?:function\s*)?(?:\(([^)]*)\)|([^=>\s]+))\s*=>?/);if(!r)return"ƒ";const o=(r[1]||r[2]||"").replace(/\s+/g,"");return t?function(e){const t=e.replace(/\s+/g," ").trim(),n=[];let r="";for(let e=0;e<t.length;e++){const o=t[e];"="!==o||">"!==t[e+1]?/[(){}[\];,<>:\?!]/.test(o)?(r.trim()&&n.push(r.trim()),n.push(o),r=""):/\s/.test(o)?(r.trim()&&n.push(r.trim()),r=""):r+=o:(r.trim()&&n.push(r.trim()),n.push("=>"),r="",e++)}r.trim()&&n.push(r.trim());const o=[];for(let e=0;e<n.length;e++){const t=n[e],r=n[e+1];"("===t&&")"===r||"["===t&&"]"===r||"{"===t&&"}"===r||"<"===t&&">"===r?(o.push(t+r),e++):o.push(t)}const i=new Set,a=new Set;function s(e,t,n){let r=0;for(let i=n;i<o.length;i++){const n=o[i];if(n===e)r++;else if(n===t&&(r--,0===r))return i}return-1}for(let e=0;e<o.length;e++)if("("===o[e]){const t=s("(",")",e);if(-1!==t&&"=>"===o[t+1])for(let n=e;n<=t;n++)i.add(n)}for(let e=1;e<o.length;e++){const t=o[e-1],n=o[e];if(/^[a-zA-Z0-9_$]+$/.test(t)&&"<"===n){const t=s("<",">",e);if(-1!==t)for(let n=e;n<=t;n++)a.add(n)}}let l=0;const c=[];let d="";function u(){d.trim()&&c.push(d.replace(/\s+$/,"")),d=""}function p(){u(),d="  ".repeat(l)}const h=[];function f(){return h.length?h[h.length-1]:null}function m(e,t=!1){d.trim()?t||/^[),;:\].}>]$/.test(e)?d+=e:d+=` ${e}`:d+=e}for(let e=0;e<o.length;e++){const t=o[e],n=o[e+1]||"";if(["(","{","[","<"].includes(t))m(t),h.push(t),"{"===t?(l++,p()):"("!==t&&"["!==t&&"<"!==t||i.has(e)&&"("===t||a.has(e)&&"<"===t||n!=={"(":")","[":"]","<":">"}[t]&&"()"!==n&&"[]"!==n&&"<>"!==n&&(l++,p());else if([")","}","]",">"].includes(t)){const n=f();")"===t&&"("===n||"]"===t&&"["===n||">"===t&&"<"===n?i.has(e)&&")"===t||a.has(e)&&">"===t||(l=Math.max(l-1,0),p()):"}"===t&&"{"===n&&(l=Math.max(l-1,0),p()),h.pop(),m(t),"}"===t&&p()}else if(/^\(\)|\[\]|\{\}|\<\>$/.test(t))m(t);else if("=>"===t)m(t);else if(";"===t)m(t,!0),p();else if(","===t){m(t,!0);const n=f();i.has(e)&&"("===n||a.has(e)&&"<"===n||n&&["{","[","(","<"].includes(n)&&p()}else m(t)}return u(),c.join("\n").replace(/\n\s*\n+/g,"\n").trim()}(n):`ƒ (${o}) => ...`}catch{return"ƒ"}},ri=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 ni(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){const t=Object.keys(e);return`{${t.length>2?`${t.slice(0,2).join(", ")}, ...`:t.join(", ")}}`}return String(e)},oi=e=>{if(null==e)return{value:e};if("function"==typeof e)return{value:e};if("object"!=typeof e)return{value:e};if(e instanceof Promise)return{value:"Promise"};try{const t=Object.getPrototypeOf(e);return t===Promise.prototype||"Promise"===t?.constructor?.name?{value:"Promise"}:{value:e}}catch{return{value:null,error:"Error accessing value"}}},ii=(e,t)=>e<=Lr?{leftValue:0,min:0,max:e-1,value:t,rightValue:e-1}:{leftValue:e-Lr,min:0,max:999,value:t,rightValue:e-1},ai=e=>!!e&&(e instanceof Promise||"object"==typeof e&&"then"in e),si=(e,t=2,n=new WeakSet)=>{if(ai(e))return{type:"promise",displayValue:"Promise"};if(null===e)return{type:"null",displayValue:"null"};if(void 0===e)return{type:"undefined",displayValue:"undefined"};switch(typeof e){case"object":if(n.has(e))return{type:"circular",displayValue:"[Circular Reference]"};if(!e)return{type:"null",displayValue:"null"};n.add(e);try{const r={};if(e instanceof Element)return r.type="Element",r.tagName=e.tagName.toLowerCase(),r.displayValue=e.tagName.toLowerCase(),r;if(e instanceof Map){if(r.type="Map",r.size=e.size,r.displayValue=`Map(${e.size})`,t>0){const o={};let i=0;for(const[r,a]of e.entries()){if(i>=50)break;try{o[String(r)]=si(a,t-1,n)}catch{o[String(i)]={type:"error",displayValue:"Error accessing Map entry"}}i++}r.entries=o}return r}if(e instanceof Set){if(r.type="Set",r.size=e.size,r.displayValue=`Set(${e.size})`,t>0){const o=[];let i=0;for(const r of e){if(i>=50)break;o.push(si(r,t-1,n)),i++}r.items=o}return r}if(e instanceof Date)return r.type="Date",r.value=e.toISOString(),r.displayValue=e.toLocaleString(),r;if(e instanceof RegExp)return r.type="RegExp",r.value=e.toString(),r.displayValue=e.toString(),r;if(e instanceof Error)return r.type="Error",r.name=e.name,r.message=e.message,r.displayValue=`${e.name}: ${e.message}`,r;if(e instanceof ArrayBuffer)return r.type="ArrayBuffer",r.byteLength=e.byteLength,r.displayValue=`ArrayBuffer(${e.byteLength})`,r;if(e instanceof DataView)return r.type="DataView",r.byteLength=e.byteLength,r.displayValue=`DataView(${e.byteLength})`,r;if(ArrayBuffer.isView(e)){const t=e;return r.type=t.constructor.name,r.length=t.length,r.byteLength=t.buffer.byteLength,r.displayValue=`${t.constructor.name}(${t.length})`,r}if(Array.isArray(e))return r.type="array",r.length=e.length,r.displayValue=`Array(${e.length})`,t>0&&(r.items=e.slice(0,50).map((e=>si(e,t-1,n)))),r;const o=Object.keys(e);if(r.type="object",r.size=o.length,r.displayValue=o.length<=5?`{${o.join(", ")}}`:`{${o.slice(0,5).join(", ")}, ...${o.length-5}}`,t>0){const i={};for(const r of o.slice(0,50))try{i[r]=si(e[r],t-1,n)}catch{i[r]={type:"error",displayValue:"Error accessing property"}}r.entries=i}return r}finally{n.delete(e)}case"string":return{type:"string",value:e,displayValue:`"${e}"`};case"function":return{type:"function",displayValue:"ƒ()",name:e.name||"anonymous"};default:return{type:typeof e,value:e,displayValue:String(e)}}},li=e=>{const t=z(e);return{displayName:M(e)||"Unknown",type:e.type,key:e.key,id:e.index,selfTime:t?.selfTime??null,totalTime:t?.totalTime??null}},ci=new Map,di=new Map,ui=new Map,pi=null,hi=/\[(?<name>\w+),\s*set\w+\]/g,fi=/\(\s*{\s*(?<props>[^}]+)\s*}\s*\)/,mi=e=>{const t=e.type?.toString?.()||"";return t?Array.from(t.matchAll(hi),(e=>e.groups?.name??"")):[]},gi=()=>{ci.clear(),di.clear(),ui.clear(),pi=null},vi=(e,t,n,r)=>{const o=e.get(t),i=e===ci||e===ui,a=!Lt(n,r);if(!o)return e.set(t,{count:a&&i?1:0,currentValue:n,previousValue:r,lastUpdated:Date.now()}),{hasChanged:a,count:a&&i?1:i?0:1};if(!Lt(o.currentValue,n)){const r=o.count+1;return e.set(t,{count:r,currentValue:n,previousValue:o.currentValue,lastUpdated:Date.now()}),{hasChanged:!0,count:r}}return{hasChanged:!1,count:o.count}},wi=e=>{if(!e)return{};if(0===e.tag||11===e.tag||15===e.tag||14===e.tag){let t=e.memoizedState;const n={};let r=0;for(;t;)t.queue&&void 0!==t.memoizedState&&(n[r]=t.memoizedState),t=t.next,r++;return n}return 1===e.tag&&e.memoizedState||{}},bi=e=>{const t=e.memoizedProps||{},n=e.alternate?.memoizedProps||{},r=(e=>{const t=(e.type?.toString?.()||"").match(fi);return t?.groups?.props?t.groups.props.split(",").map((e=>e.trim().split(":")[0].split("=")[0].trim())).filter(Boolean):[]})(e),o={},i={},a=[...new Set([...r,...Object.keys(t)])];for(const e of a)e in t&&(o[e]=t[e],i[e]=n[e]);const s=(e=>{const t=e.memoizedProps??{},n=e.alternate?.memoizedProps??{},r=[];for(const e in t){if("children"===e)continue;const o=t[e],i=n[e];Lt(o,i)||r.push({name:e,value:o,prevValue:i,type:1})}return r})(e).map((e=>({name:e.name,value:e.value,prevValue:e.prevValue})));return{current:o,prev:i,changes:s}},xi=e=>{const t=wi(e),n=e.alternate?wi(e.alternate):{},r=[];for(const[o,i]of Object.entries(t)){const t=1===e.tag?o:Number(o);e.alternate&&!Lt(n[o],i)&&r.push({name:t,value:i,prevValue:n[o]})}return{current:t,prev:n,changes:r}},yi=e=>{const t=Ni(e),n=e.alternate?Ni(e.alternate):new Map,r={},o={},i=[],a=new Set;for(const[e,s]of t){const t=s.displayName,l=e;if(a.has(l))continue;a.add(l),r[t]=s.value;const c=n.get(e);c&&(o[t]=c.value,Lt(c.value,s.value)||i.push({name:t,value:s.value,prevValue:c.value,contextType:e}))}return{current:r,prev:o,changes:i}},ki=e=>{const t=()=>({current:[],changes:new Set,changesCounts:new Map});if(!e)return{data:{fiberProps:t(),fiberState:t(),fiberContext:t()},shouldUpdate:!1};let n=!1;const r=(e=>{const t=e.type!==pi;return pi=e.type,t})(e),o=t();if(e.memoizedProps){const{current:t,changes:r}=bi(e);for(const[e,n]of Object.entries(t))o.current.push({name:e,value:ai(n)?{type:"promise",displayValue:"Promise"}:n});for(const e of r){const{hasChanged:t,count:r}=vi(ci,e.name,e.value,e.prevValue);t&&(n=!0,o.changes.add(e.name),o.changesCounts.set(e.name,r))}}const i=t(),{current:a,changes:s}=xi(e);for(const[t,n]of Object.entries(a)){const r=1===e.tag?t:Number(t);i.current.push({name:r,value:n})}for(const e of s){const{hasChanged:t,count:r}=vi(di,e.name,e.value,e.prevValue);t&&(n=!0,i.changes.add(e.name),i.changesCounts.set(e.name,r))}const l=t(),{current:c,changes:d}=yi(e);for(const[e,t]of Object.entries(c))l.current.push({name:e,value:t});if(!r)for(const e of d){const{hasChanged:t,count:r}=vi(ui,e.name,e.value,e.prevValue);t&&(n=!0,l.changes.add(e.name),l.changesCounts.set(e.name,r))}return n||r||(o.changes.clear(),i.changes.clear(),l.changes.clear()),{data:{fiberProps:o,fiberState:i,fiberContext:l},shouldUpdate:n||r}},_i=new WeakMap,Ni=e=>{if(!e)return new Map;const t=_i.get(e);if(t)return t;const n=new Map;let r=e;for(;r;){const e=r.dependencies;if(e?.firstContext){let t=e.firstContext;for(;t;){const e=t.memoizedValue,r=t.context?.displayName;if(n.has(e)||n.set(t.context,{value:e,displayName:r??"UnnamedContext",contextType:null}),t===t.next)break;t=t.next}}r=r.return}return _i.set(e,n),n},Si=e=>{const t=()=>({current:[],changes:new Set,changesCounts:new Map});if(!e)return{fiberProps:t(),fiberState:t(),fiberContext:t()};const n=t();if(e.memoizedProps){const{current:t,changes:r}=bi(e);for(const[e,r]of Object.entries(t))n.current.push({name:e,value:ai(r)?{type:"promise",displayValue:"Promise"}:r});for(const e of r)n.changes.add(e.name),n.changesCounts.set(e.name,1)}const r=t();if(e.memoizedState){const{current:t,changes:n}=xi(e);for(const[e,n]of Object.entries(t))r.current.push({name:e,value:ai(n)?{type:"promise",displayValue:"Promise"}:n});for(const e of n)r.changes.add(e.name),r.changesCounts.set(e.name,1)}const o=t(),{current:i,changes:a}=yi(e);for(const[e,t]of Object.entries(i))o.current.push({name:e,value:ai(t)?{type:"promise",displayValue:"Promise"}:t});for(const e of a)o.changes.add(e.name),o.changesCounts.set(e.name,1);return{fiberProps:n,fiberState:r,fiberContext:o}},Ci=0,Ti=performance.now(),Ei=0,zi=!1,Ai=()=>{Ei++;const e=performance.now();e-Ti>=1e3&&(Ci=Ei,Ei=0,Ti=e),requestAnimationFrame(Ai)},$i=()=>(zi||(zi=!0,Ai(),Ci=60),Ci),Mi=new Map,Fi=!1,Ri=()=>Array.from(Mi.values()),ji=new WeakMap,Pi=(e,t)=>{const n={isPaused:wt(!kl.options.value.enabled),fiberRoots:new WeakSet};var r;return Mi.set(e,{key:e,config:t,instrumentation:n}),Fi||(Fi=!0,r={name:"react-scan",onActive:t.onActive,onCommitFiberRoot(e,t){n.fiberRoots.add(t);const r=Ri();for(const e of r)e.config.onCommitStart();((e,t)=>{const n="current"in e?e.current:e;let r=V.get(e);r||(r={prevFiber:null,id:H++},V.set(e,r));const{prevFiber:o}=r;if(n)if(null!==o){const e=o&&null!=o.memoizedState&&null!=o.memoizedState.element&&!0!==o.memoizedState.isDehydrated,r=null!=n.memoizedState&&null!=n.memoizedState.element&&!0!==n.memoizedState.isDehydrated;!e&&r?I(t,n,!1):e&&r?O(t,n,n.alternate):e&&!r&&L(t,n)}else I(t,n,!0);else L(t,n);r.prevFiber=n})(t.current,((e,t)=>{const n=$(e.type);if(!n)return null;const r=Ri(),o=[];for(let t=0,n=r.length;t<n;t++)r[t].config.isValidFiber(e)&&o.push(t);if(!o.length)return null;const i=[];if(r.some((e=>e.config.trackChanges))){const t=bi(e).changes,n=xi(e).changes,r=yi(e).changes;i.push.apply(null,t.map((e=>({type:1,name:e.name,value:e.value}))));for(const t of n)1===e.tag?i.push({type:3,name:t.name.toString(),value:t.value}):i.push({type:2,name:t.name.toString(),value:t.value});i.push.apply(null,r.map((e=>({type:4,name:e.name,value:e.value,contextType:Number(e.contextType)}))))}const{selfTime:a,totalTime:s}=z(e),l=$i(),c={phase:Ht[t],componentName:M(n),count:1,changes:i,time:a,forget:A(e),unnecessary:null,didCommit:C(e),fps:l},d=i.length>0,u=(e=>{const t=[],n=[e];for(;n.length;){const e=n.pop();e&&(_(e)&&C(e)&&S(e)&&t.push(e),e.child&&n.push(e.child),e.sibling&&n.push(e.sibling))}return t})(e).length>0;"update"===t&&((e,t,n,r,o)=>{const i=Date.now(),a=ji.get(e);if((r||o)&&(!a||i-(a.lastRenderTimestamp||0)>16)){const r=a||{selfTime:0,totalTime:0,renderCount:0,lastRenderTimestamp:i};r.renderCount=(r.renderCount||0)+1,r.selfTime=t||0,r.totalTime=n||0,r.lastRenderTimestamp=i,ji.set(e,{...r})}})(n,a,s,d,u);for(let t=0,n=o.length;t<n;t++)r[o[t]].config.onRender(e,[c])}));for(const e of r)e.config.onCommitFinish()},onPostCommitFiberRoot(){const e=Ri();for(const t of e)t.config.onPostCommitFiberRoot()}},k((()=>{const e=k();r.onActive?.(),e._instrumentationSource=r.name??d;const t=e.onCommitFiberRoot;r.onCommitFiberRoot&&(e.onCommitFiberRoot=(e,n,o)=>{t&&t(e,n,o),r.onCommitFiberRoot?.(e,n,o)});const n=e.onCommitFiberUnmount;r.onCommitFiberUnmount&&(e.onCommitFiberUnmount=(e,t)=>{n&&n(e,t),r.onCommitFiberUnmount?.(e,t)});const o=e.onPostCommitFiberRoot;r.onPostCommitFiberRoot&&(e.onPostCommitFiberRoot=(e,t)=>{o&&o(e,t),r.onPostCommitFiberRoot?.(e,t)})}))),n},Di=(e,t)=>Math.floor(e+.1*(t-e)),Ii="115,97,230";function Oi(e,t){return t[0]-e[0]}function Li([e,t]){let n=`${t.slice(0,4).join(", ")} ×${e}`;return n.length>40&&(n=`${n.slice(0,40)}…`),n}var Ui=e=>{const t=new Map;for(const{name:n,count:r}of e)t.set(n,(t.get(n)||0)+r);const n=new Map;for(const[e,r]of t){const t=n.get(r);t?t.push(e):n.set(r,[e])}const r=function(e){return[...e.entries()].sort(Oi)}(n);let o=Li(r[0]);for(let e=1,t=r.length;e<t;e++)o+=", "+Li(r[e]);return o.length>40?`${o.slice(0,40)}…`:o},Hi=e=>{let t=0;for(const n of e)t+=n.width*n.height;return t},Vi=(e,t)=>{for(const{id:n,name:r,count:o,x:i,y:a,width:s,height:l,didCommit:c}of t){const t={id:n,name:r,count:o,x:i,y:a,width:s,height:l,frame:0,targetX:i,targetY:a,targetWidth:s,targetHeight:l,didCommit:c},d=String(t.id),u=e.get(d);u?(u.count++,u.frame=0,u.targetX=i,u.targetY=a,u.targetWidth=s,u.targetHeight=l,u.didCommit=c):e.set(d,t)}},Bi=(e,t,n)=>{for(const r of e.values()){const e=r.x-t,o=r.y-n;r.targetX=e,r.targetY=o}},Wi=null,Yi=null,Xi=null,qi=1,Ji=null,Gi=new Map,Ki=new Map,Zi=new Set,Qi=e=>{if(!N(e))return;const t="string"==typeof e.type?e.type:M(e);if(!t)return;const n=Ki.get(e),r=(e=>{const t=[],n=[];for(_(e)?t.push(e):e.child&&n.push(e.child);n.length;){const e=n.pop();if(!e)break;_(e)?t.push(e):e.child&&n.push(e.child),e.sibling&&n.push(e.sibling)}return t})(e),o=C(e);n?n.count++:(Ki.set(e,{name:t,count:1,elements:r.map((e=>e.stateNode)),didCommit:o?1:0}),Zi.add(e))},ea=e=>{const t=e[0];if(1===e.length)return t;let n,r,o,i;for(let t=0,a=e.length;t<a;t++){const a=e[t];n=null==n?a.x:Math.min(n,a.x),r=null==r?a.y:Math.min(r,a.y),o=null==o?a.x+a.width:Math.max(o,a.x+a.width),i=null==i?a.y+a.height:Math.max(i,a.y+a.height)}return null==n||null==r||null==o||null==i?e[0]:new DOMRect(n,r,o-n,i-r)};function ta(e,t){const n=[];for(const t of e){const e=t.target;this.seenElements.has(e)||(this.seenElements.add(e),n.push(t))}n.length>0&&this.resolveNext&&(this.resolveNext(n),this.resolveNext=null),this.seenElements.size===this.uniqueElements.size&&(t.disconnect(),this.done=!0,this.resolveNext&&this.resolveNext([]))}var na,ra,oa,ia=async function*(e){const t={uniqueElements:new Set(e),seenElements:new Set,resolveNext:null,done:!1},n=new IntersectionObserver(ta.bind(t));for(const e of t.uniqueElements)n.observe(e);for(;!t.done;){const e=await new Promise((e=>{t.resolveNext=e}));e.length>0&&(yield e)}},aa="undefined"!=typeof SharedArrayBuffer?SharedArrayBuffer:ArrayBuffer,sa=async()=>{const e=[];for(const t of Zi){const n=Ki.get(t);if(n)for(let t=0;t<n.elements.length;t++)n.elements[t]instanceof Element&&e.push(n.elements[t])}const t=new Map;for await(const n of ia(e)){for(const e of n){const n=e.target,r=e.intersectionRect;e.isIntersecting&&r.width&&r.height&&t.set(n,r)}const e=[],r=[],o=[];for(const n of Zi){const i=Ki.get(n);if(!i)continue;const a=[];for(let e=0;e<i.elements.length;e++){const n=i.elements[e],r=t.get(n);r&&a.push(r)}a.length&&(e.push(i),r.push(ea(a)),o.push(D(n)))}if(e.length>0){const t=new aa(7*e.length*4),n=new Float32Array(t),i=new Array(e.length);let a;for(let t=0,s=e.length;t<s;t++){const s=e[t],l=o[t],{x:c,y:d,width:u,height:p}=r[t],{count:h,name:f,didCommit:m}=s;if(Wi){const e=7*t;n[e]=l,n[e+1]=h,n[e+2]=c,n[e+3]=d,n[e+4]=u,n[e+5]=p,n[e+6]=m,i[t]=f}else a||=new Array(e.length),a[t]={id:l,name:f,count:h,x:c,y:d,width:u,height:p,didCommit:m}}Wi?Wi.postMessage({type:"draw-outlines",data:t,names:i}):Yi&&Xi&&a&&(Vi(Gi,a),Ji||(Ji=requestAnimationFrame(la)))}}for(const e of Zi)Ki.delete(e),Zi.delete(e)},la=()=>{if(!Xi||!Yi)return;const e=((e,t,n,r)=>{e.clearRect(0,0,t.width/n,t.height/n);const o=new Map,i=new Map;for(const e of r.values()){const{x:t,y:n,width:r,height:a,targetX:s,targetY:l,targetWidth:c,targetHeight:d,frame:u}=e;s!==t&&(e.x=Di(t,s)),l!==n&&(e.y=Di(n,l)),c!==r&&(e.width=Di(r,c)),d!==a&&(e.height=Di(a,d));const p=`${s??t},${l??n}`,h=`${p},${c??r},${d??a}`,f=o.get(p);f?f.push(e):o.set(p,[e]);const m=1-u/45;e.frame++;const g=i.get(h)||{x:t,y:n,width:r,height:a,alpha:m};m>g.alpha&&(g.alpha=m),i.set(h,g)}for(const{x:t,y:n,width:r,height:o,alpha:a}of i.values())e.strokeStyle=`rgba(${Ii},${a})`,e.lineWidth=1,e.beginPath(),e.rect(t,n,r,o),e.stroke(),e.fillStyle=`rgba(${Ii},${.1*a})`,e.fill();e.font="11px Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace";const a=new Map;e.textRendering="optimizeSpeed";for(const t of o.values()){const n=t[0],{x:o,y:i,frame:s}=n,l=1-s/45,c=Ui(t),{width:d}=e.measureText(c),u=11;if(a.set(`${o},${i},${d},${c}`,{text:c,width:d,height:u,alpha:l,x:o,y:i,outlines:t}),s>45)for(const e of t)r.delete(String(e.id))}const s=Array.from(a.entries()).sort((([e,t],[n,r])=>Hi(r.outlines)-Hi(t.outlines)));for(const[t,n]of s)if(a.has(t))for(const[r,o]of a.entries()){if(t===r)continue;const{x:i,y:s,width:l,height:c}=n,{x:d,y:u,width:p,height:h}=o;i+l>d&&d+p>i&&s+c>u&&u+h>s&&(n.text=Ui(n.outlines.concat(o.outlines)),n.width=e.measureText(n.text).width,a.delete(r))}for(const t of a.values()){const{x:n,y:r,alpha:o,width:i,height:a,text:s}=t;let l=r-a-4;l<0&&(l=0),e.fillStyle=`rgba(${Ii},${o})`,e.fillRect(n,l,i+4,a+4),e.fillStyle=`rgba(255,255,255,${o})`,e.fillText(s,n+2,l+a)}return r.size>0})(Xi,Yi,qi,Gi);Ji=e?requestAnimationFrame(la):null},ca="undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof Worker,da=()=>Math.min(window.devicePixelRatio||1,2),ua=()=>{ha();const e=document.createElement("div");e.setAttribute("data-react-scan","true");const t=e.attachShadow({mode:"open"}),n=document.createElement("canvas");if(n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.pointerEvents="none",n.style.zIndex="2147483646",n.setAttribute("aria-hidden","true"),t.appendChild(n),!n)return null;qi=da(),Yi=n;const{innerWidth:r,innerHeight:o}=window;n.style.width=`${r}px`,n.style.height=`${o}px`;const i=r*qi,a=o*qi;n.width=i,n.height=a;const s=Tr("use-extension-worker");if((e=>{if(se)try{window.localStorage.removeItem(e)}catch{}})("use-extension-worker"),ca&&!s)try{Wi=new Worker(URL.createObjectURL(new Blob(['"use strict";(()=>{var D="Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace";var M=(t,i)=>Math.floor(t+(i-t)*.1);var _="115,97,230";function F(t,i){return i[0]-t[0]}function I(t){return[...t.entries()].sort(F)}function $([t,i]){let o=`${i.slice(0,4).join(", ")} \\xD7${t}`;return o.length>40&&(o=`${o.slice(0,40)}\\u2026`),o}var S=t=>{let i=new Map;for(let{name:e,count:u}of t)i.set(e,(i.get(e)||0)+u);let o=new Map;for(let[e,u]of i){let A=o.get(u);A?A.push(e):o.set(u,[e])}let h=I(o),s=$(h[0]);for(let e=1,u=h.length;e<u;e++)s+=", "+$(h[e]);return s.length>40?`${s.slice(0,40)}\\u2026`:s},X=t=>{let i=0;for(let o of t)i+=o.width*o.height;return i};var N=(t,i)=>{let o=t.getContext("2d",{alpha:!0});return o&&o.scale(i,i),o},Y=(t,i,o,h)=>{t.clearRect(0,0,i.width/o,i.height/o);let s=new Map,e=new Map;for(let n of h.values()){let{x:r,y:c,width:a,height:g,targetX:l,targetY:d,targetWidth:f,targetHeight:p,frame:O}=n;l!==r&&(n.x=M(r,l)),d!==c&&(n.y=M(c,d)),f!==a&&(n.width=M(a,f)),p!==g&&(n.height=M(g,p));let w=`${l??r},${d??c}`,y=`${w},${f??a},${p??g}`,v=s.get(w);v?v.push(n):s.set(w,[n]);let E=1-O/45;n.frame++;let x=e.get(y)||{x:r,y:c,width:a,height:g,alpha:E};E>x.alpha&&(x.alpha=E),e.set(y,x)}for(let{x:n,y:r,width:c,height:a,alpha:g}of e.values())t.strokeStyle=`rgba(${_},${g})`,t.lineWidth=1,t.beginPath(),t.rect(n,r,c,a),t.stroke(),t.fillStyle=`rgba(${_},${g*.1})`,t.fill();t.font=`11px ${D}`;let u=new Map;t.textRendering="optimizeSpeed";for(let n of s.values()){let r=n[0],{x:c,y:a,frame:g}=r,l=1-g/45,d=S(n),{width:f}=t.measureText(d),p=11;u.set(`${c},${a},${f},${d}`,{text:d,width:f,height:p,alpha:l,x:c,y:a,outlines:n});let O=a-p-4;if(O<0&&(O=0),g>45)for(let w of n)h.delete(String(w.id))}let A=Array.from(u.entries()).sort(([n,r],[c,a])=>X(a.outlines)-X(r.outlines));for(let[n,r]of A)if(u.has(n))for(let[c,a]of u.entries()){if(n===c)continue;let{x:g,y:l,width:d,height:f}=r,{x:p,y:O,width:w,height:y}=a;g+d>p&&p+w>g&&l+f>O&&O+y>l&&(r.text=S(r.outlines.concat(a.outlines)),r.width=t.measureText(r.text).width,u.delete(c))}for(let n of u.values()){let{x:r,y:c,alpha:a,width:g,height:l,text:d}=n,f=c-l-4;f<0&&(f=0),t.fillStyle=`rgba(${_},${a})`,t.fillRect(r,f,g+4,l+4),t.fillStyle=`rgba(255,255,255,${a})`,t.fillText(d,r+2,f+l)}return h.size>0};var m=null,L=null,b=1,T=new Map,C=null,R=()=>{if(!L||!m)return;Y(L,m,b,T)?C=requestAnimationFrame(R):C=null};self.onmessage=t=>{let{type:i}=t.data;if(i==="init"&&(m=t.data.canvas,b=t.data.dpr,m&&(m.width=t.data.width,m.height=t.data.height,L=N(m,b))),!(!m||!L)){if(i==="resize"){b=t.data.dpr,m.width=t.data.width*b,m.height=t.data.height*b,L.resetTransform(),L.scale(b,b),R();return}if(i==="draw-outlines"){let{data:o,names:h}=t.data,s=new Float32Array(o);for(let e=0;e<s.length;e+=7){let u=s[e+2],A=s[e+3],n=s[e+4],r=s[e+5],c=s[e+6],a={id:s[e],name:h[e/7],count:s[e+1],x:u,y:A,width:n,height:r,frame:0,targetX:u,targetY:A,targetWidth:n,targetHeight:r,didCommit:c},g=String(a.id),l=T.get(g);l?(l.count++,l.frame=0,l.targetX=u,l.targetY=A,l.targetWidth=n,l.targetHeight=r,l.didCommit=c):T.set(g,a)}C||(C=requestAnimationFrame(R));return}if(i==="scroll"){let{deltaX:o,deltaY:h}=t.data;for(let s of T.values()){let e=s.x-o,u=s.y-h;s.targetX=e,s.targetY=u}}}};})();\n'],{type:"application/javascript"})));const e=n.transferControlToOffscreen();Wi?.postMessage({type:"init",canvas:e,width:n.width,height:n.height,dpr:qi},[e])}catch(e){console.warn("Failed to initialize OffscreenCanvas worker:",e)}Wi||(Xi=((e,t)=>{const n=e.getContext("2d",{alpha:!0});return n&&n.scale(t,t),n})(n,qi));let l=!1;window.addEventListener("resize",(()=>{l||(l=!0,setTimeout((()=>{const e=window.innerWidth,t=window.innerHeight;qi=da(),n.style.width=`${e}px`,n.style.height=`${t}px`,Wi?Wi.postMessage({type:"resize",width:e,height:t,dpr:qi}):(n.width=e*qi,n.height=t*qi,Xi&&(Xi.resetTransform(),Xi.scale(qi,qi)),la()),l=!1})))}));let c=window.scrollX,d=window.scrollY,u=!1;return window.addEventListener("scroll",(()=>{u||(u=!0,setTimeout((()=>{const{scrollX:e,scrollY:t}=window,n=e-c,r=t-d;c=e,d=t,Wi?Wi.postMessage({type:"scroll",deltaX:n,deltaY:r}):requestAnimationFrame(Bi.bind(null,Gi,n,r)),u=!1}),32))})),setInterval((()=>{Zi.size&&requestAnimationFrame(sa)}),32),t.appendChild(n),e},pa=()=>globalThis.__REACT_SCAN_STOP__,ha=()=>{const e=document.querySelector("[data-react-scan]");e&&e.remove()},fa=e=>!Rl.has(e.memoizedProps),ma=e=>{if(pa())return;let t,n=!1;const r=()=>{n||(t&&cancelAnimationFrame(t),t=requestAnimationFrame((()=>{n=!0;const t=ua();t&&document.documentElement.appendChild(t),e()})))},o=Pi("react-scan-devtools-0.1.0",{onCommitStart:()=>{kl.options.value.onCommitStart?.()},onActive:()=>{pa()||(r(),globalThis.__REACT_SCAN__={ReactScanInternals:kl},clearInterval(na),na=setInterval((()=>{}),50),window.hideIntro?window.hideIntro=void 0:(console.log("%c[·] %cReact Scan","font-weight:bold;color:#7a68e8;font-size:20px;","font-weight:bold;font-size:14px;"),console.log("Try React Scan Monitoring to target performance issues in production: https://react-scan.com/monitoring")))},onError:()=>{},isValidFiber:fa,onRender:(e,t)=>{N(e)&&yl.interactionListeningForRenders?.(e,t);const n=kl.instrumentation?.isPaused.value,r="inspect-off"===yl.inspectState.value.kind||"uninitialized"===yl.inspectState.value.kind;n&&r||(n||Qi(e),kl.options.value.log&&(e=>{const t=new Map;for(let n=0,r=e.length;n<r;n++){const r=e[n];if(!r.componentName)continue;const o=t.get(r.componentName)??[],i=Ot([{aggregatedCount:1,computedKey:null,name:r.componentName,frame:null,...r,changes:{type:r.changes.reduce(((e,t)=>e|t.type),0),unstable:r.changes.some((e=>e.unstable))},phase:r.phase,computedCurrent:null}]);if(!i)continue;let a=null,s=null;if(r.changes)for(let e=0,t=r.changes.length;e<t;e++){const{name:t,prevValue:n,nextValue:i,unstable:l,type:c}=r.changes[e];1===c?(a??={},s??={},a[`${l?"⚠️":""}${t} (prev)`]=n,s[`${l?"⚠️":""}${t} (next)`]=i):o.push({prev:n,next:i,type:4===c?"context":"state",unstable:l??!1})}a&&s&&o.push({prev:a,next:s,type:"props",unstable:!1}),t.set(i,o)}for(const[e,n]of Array.from(t.entries())){console.group(`%c${e}`,"background: hsla(0,0%,70%,.3); border-radius:3px; padding: 0 2px;");for(const{type:e,prev:t,next:r,unstable:o}of n)console.log(`${e}:`,o?"⚠️":"",t,"!==",r);console.groupEnd()}})(t),"focused"===yl.inspectState.value.kind&&(Vr.value=Date.now()),kl.options.value.onRender?.(e,t))},onCommitFinish:()=>{r(),kl.options.value.onCommitFinish?.()},onPostCommitFiberRoot(){r()},trackChanges:!1});kl.instrumentation=o},ga=_t((()=>Nr("absolute inset-0 flex items-center gap-x-2","translate-y-0","transition-transform duration-300",Ar.value&&"-translate-y-[200%]"))),va=()=>{const e=Je(null),t=Je(null),[n,r]=Ye(null);Rt((()=>{const e=yl.inspectState.value;"focused"===e.kind&&r(e.fiber)})),Rt((()=>{const n=Hr.value;ct((()=>{if("focused"!==yl.inspectState.value.kind)return;if(!e.current||!t.current)return;const{totalUpdates:r,currentIndex:o,updates:i,isVisible:a,windowOffset:s}=n,l=Math.max(0,r-1),c=a?`#${s+o} Re-render`:l>0?`×${l}`:"";let d;if(l>0&&o>=0&&o<i.length){const e=i[o]?.fiberInfo?.selfTime;d=e>0?e<.1-Number.EPSILON?"< 0.1ms":`${Number(e.toFixed(1))}ms`:void 0}e.current.dataset.text=c?` • ${c}`:"",t.current.dataset.text=d?` • ${d}`:""}))}));const o=Ge((()=>{if(!n)return null;const{name:e,wrappers:t,wrapperTypes:r}=zr(n),o=t.length?`${t.join("(")}(${e})${")".repeat(t.length)}`:e??"",i=r[0];return kn("span",{title:o,className:"flex items-center gap-x-1",children:[e??"Unknown",kn("span",{title:i?.title,className:"flex items-center gap-x-1 text-[10px] text-purple-400",children:!!i&&kn(ge,{children:[kn("span",{className:Nr("rounded py-[1px] px-1","truncate",i.compiler&&"bg-purple-800 text-neutral-400",!i.compiler&&"bg-neutral-700 text-neutral-300","memo"===i.type&&"bg-[#5f3f9a] text-white"),children:i.type},i.type),i.compiler&&kn("span",{className:"text-yellow-300",children:"✨"})]})}),r.length>1&&kn("span",{className:"text-[10px] text-neutral-400",children:["×",r.length-1]})]})}),[n]);return kn("div",{className:ga,children:[o,kn("div",{className:"flex items-center gap-x-2 mr-auto text-xs text-[#888]",children:[kn("span",{ref:e,className:"with-data-text cursor-pointer !overflow-visible",title:"Click to toggle between rerenders and total renders"}),kn("span",{ref:t,className:"with-data-text !overflow-visible"})]})]})},wa=()=>{const e=((e,t,n=t)=>{const[r,o]=Ye(e);return Xe((()=>{if(e===r)return;const i=setTimeout((()=>o(e)),e?t:n);return()=>clearTimeout(i)}),[e,t,n]),r})("focused"===yl.inspectState.value.kind,150,0);if(!("notifications"===jr.value.view))return kn("div",{className:"react-scan-header",children:[kn("div",{className:"relative flex-1 h-full",children:kn("div",{className:Nr("react-scan-header-item is-visible",!e&&"!duration-0"),children:kn(va,{})})}),kn("button",{type:"button",title:"Close",className:"react-scan-close-button",onClick:()=>{jr.value={view:"none"},yl.inspectState.value={kind:"inspect-off"}},children:kn(_n,{name:"icon-close"})})]})},ba=({className:e,...t})=>kn("div",{className:Nr("react-scan-toggle",e),children:[kn("input",{type:"checkbox",...t}),kn("div",{})]}),xa=({fps:e})=>{return kn("div",{className:Nr("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:[kn("div",{style:{color:(t=e,t<30?"#EF4444":t<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}),kn("span",{className:"text-white/30 text-[11px] font-medium tracking-wide ml-auto min-w-fit",children:"FPS"})]});var t},ya=()=>{const[e,t]=Ye(null);return Xe((()=>{const e=setInterval((()=>{t($i())}),200);return()=>clearInterval(e)}),[]),kn("div",{className:Nr("flex items-center justify-end gap-x-2 px-1 ml-1 w-[72px]","whitespace-nowrap text-sm text-white"),children:null===e?kn(ge,{children:"️"}):kn(xa,{fps:e})})},ka=e=>{const t=e.filter((e=>e.length>2));return 0===t.length?e.at(-1)??"Unknown":t.at(-1)},_a=e=>{switch(e.kind){case"interaction":{const{renderTime:t,otherJSTime:n,framePreparation:r,frameConstruction:o,frameDraw:i}=e;return t+n+r+o+(i??0)}case"dropped-frames":return e.otherTime+e.renderTime}},Na=e=>{const t=_a(e.timing);switch(e.kind){case"interaction":return t<200?"low":t<500?"needs-improvement":"high";case"dropped-frames":return t<50?"low":t<100?"needs-improvement":"high"}},Sa=()=>Ze(Ca),Ca=je(null),Ta=({size:e=24,className:t})=>kn("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:Nr(["lucide lucide-chevron-right",t]),children:kn("path",{d:"m9 18 6-6-6-6"})}),Ea=({className:e="",size:t=24,events:n=[]})=>{const r=n.includes(!0),o=n.filter((e=>e)).length,i=o>99?">99":o,a=r?Math.max(.6*t,14):Math.max(.4*t,6);return kn("div",{className:"relative",children:[kn("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:[kn("path",{d:"M10.268 21a2 2 0 0 0 3.464 0"}),kn("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"})]}),n.length>0&&o>0&&kn("div",{className:Nr(["absolute",r?"-top-2.5 -right-2.5":"-top-1 -right-1","rounded-full","flex items-center justify-center","text-[8px] font-medium text-white","aspect-square",r?"bg-red-500/90":"bg-purple-500/90"]),style:{width:`${a}px`,height:`${a}px`,padding:r?"0.5px":"0"},children:r&&i})]})},za=({className:e="",size:t=24})=>kn("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:[kn("path",{d:"M18 6 6 18"}),kn("path",{d:"m6 6 12 12"})]}),Aa=({className:e="",size:t=24})=>kn("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:[kn("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"}),kn("path",{d:"M16 9a5 5 0 0 1 0 6"}),kn("path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728"})]}),$a=({className:e="",size:t=24})=>kn("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:[kn("path",{d:"M16 9a5 5 0 0 1 .95 2.293"}),kn("path",{d:"M19.364 5.636a9 9 0 0 1 1.889 9.96"}),kn("path",{d:"m2 2 20 20"}),kn("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"}),kn("path",{d:"M9.828 4.172A.686.686 0 0 1 11 4.657v.686"})]}),Ma=({size:e=24,className:t})=>kn("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:Nr(["lucide lucide-arrow-left",t]),children:[kn("path",{d:"m12 19-7-7 7-7"}),kn("path",{d:"M19 12H5"})]}),Fa=({className:e="",size:t=24})=>kn("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:[kn("path",{d:"M14 4.1 12 6"}),kn("path",{d:"m5.1 8-2.9-.8"}),kn("path",{d:"m6 12-1.9 2"}),kn("path",{d:"M7.2 2.2 8 5.1"}),kn("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"})]}),Ra=({className:e="",size:t=24})=>kn("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:[kn("path",{d:"M10 8h.01"}),kn("path",{d:"M12 12h.01"}),kn("path",{d:"M14 8h.01"}),kn("path",{d:"M16 12h.01"}),kn("path",{d:"M18 8h.01"}),kn("path",{d:"M6 8h.01"}),kn("path",{d:"M7 16h10"}),kn("path",{d:"M8 12h.01"}),kn("rect",{width:"20",height:"16",x:"2",y:"4",rx:"2"})]}),ja=({className:e="",size:t=24})=>kn("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:[kn("circle",{cx:"12",cy:"12",r:"10"}),kn("path",{d:"m4.9 4.9 14.2 14.2"})]}),Pa=({className:e="",size:t=24})=>kn("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:[kn("polyline",{points:"22 17 13.5 8.5 8.5 13.5 2 7"}),kn("polyline",{points:"16 17 22 17 22 11"})]});ra=c(),oa=null!=ra?t(i(ra)):{},((e,t,i,s)=>{if(t&&"object"==typeof t||"function"==typeof t)for(let l of o(t))a.call(e,l)||l===i||n(e,l,{get:()=>t[l],enumerable:!(s=r(t,l))||s.enumerable})})(ra&&ra.__esModule?oa:n(oa,"default",{value:ra,enumerable:!0}),ra);var Da,Ia=()=>se?(void 0===window.reactScanIdCounter&&(window.reactScanIdCounter=0),""+ ++window.reactScanIdCounter):"0",Oa=e=>e(),La=class e extends Array{constructor(e=25){super(),this.capacity=e}push(...e){const t=super.push(...e);for(;this.length>this.capacity;)this.shift();return t}static fromArray(t,n){const r=new e(n);return r.push(...t),r}},Ua=new class{constructor(e){this.subscribers=new Set,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 La(150)),Ha=50,Va=new class{constructor(){this.channels={}}publish(e,t,n=!0){const r=this.channels[t];if(!r){if(!n)return;return this.channels[t]={callbacks:new La(Ha),state:new La(Ha)},void this.channels[t].state.push(e)}r.state.push(e),r.callbacks.forEach((t=>t(e)))}getAvailableChannels(){return La.fromArray(Object.keys(this.channels),Ha)}subscribe(e,t,n=!1){const r=()=>(n||this.channels[e].state.forEach((e=>{t(e)})),()=>{const n=this.channels[e].callbacks.filter((e=>e!==t));this.channels[e].callbacks=La.fromArray(n,Ha)}),o=this.channels[e];return o?(o.callbacks.push(t),r()):(this.channels[e]={callbacks:new La(Ha),state:new La(Ha)},this.channels[e].callbacks.push(t),r())}updateChannelState(e,t,n=!0){const r=this.channels[e];if(!r){if(!n)return;const r=new La(Ha),o={callbacks:new La(Ha),state:r};return this.channels[e]=o,void(o.state=t(r))}r.state=t(r.state)}getChannelState(e){return this.channels[e].state??new La(Ha)}},Ba={skipProviders:!0,skipHocs:!0,skipContainers:!0,skipMinified:!0,skipUtilities:!0,skipBoundaries:!0},Wa={providers:[/Provider$/,/^Provider$/,/^Context$/],hocs:[/^with[A-Z]/,/^forward(?:Ref)?$/i,/^Forward(?:Ref)?\(/],containers:[/^(?:App)?Container$/,/^Root$/,/^ReactDev/],utilities:[/^Fragment$/,/^Suspense$/,/^ErrorBoundary$/,/^Portal$/,/^Consumer$/,/^Layout$/,/^Router/,/^Hydration/],boundaries:[/^Boundary$/,/Boundary$/,/^Provider$/,/Provider$/]},Ya=(e,t=Ba)=>{const n=[];return t.skipProviders&&n.push(...Wa.providers),t.skipHocs&&n.push(...Wa.hocs),t.skipContainers&&n.push(...Wa.containers),t.skipUtilities&&n.push(...Wa.utilities),t.skipBoundaries&&n.push(...Wa.boundaries),!n.some((t=>t.test(e)))},Xa=[/^[a-z]$/,/^[a-z][0-9]$/,/^_+$/,/^[A-Za-z][_$]$/,/^[a-z]{1,2}$/],qa=e=>{for(let t=0;t<Xa.length;t++)if(Xa[t].test(e))return!0;const t=!/[aeiou]/i.test(e),n=(e.match(/\d/g)?.length??0)>e.length/2,r=/^[a-z]+$/.test(e),o=/[$_]{2,}/.test(e);return Number(t)+Number(n)+Number(r)+Number(o)>=2},Ja=e=>{const t=M(e);return t?t.replace(/^(?:Memo|Forward(?:Ref)?|With.*?)\((?<inner>.*?)\)$/,"$<inner>"):""},Ga="never-hidden",Ka=null,Za=e=>{(()=>{Da?.();const e=()=>{document.hidden&&(Ga=Date.now())};document.addEventListener("visibilitychange",e),Da=()=>{document.removeEventListener("visibilitychange",e)}})();const t=new Map,n=new Map,r=r=>{if(!r.interactionId)return;if(r.interactionId&&r.target&&!n.has(r.interactionId)&&n.set(r.interactionId,r.target),r.target){let e=r.target;for(;e;){if("react-scan-toolbar-root"===e.id||"react-scan-root"===e.id)return;e=e.parentElement}}const o=t.get(r.interactionId);if(o)r.duration>o.latency?(o.entries=[r],o.latency=r.duration):r.duration===o.latency&&r.startTime===o.entries[0].startTime&&o.entries.push(r);else{const n=(i=r.name,["pointerup","click"].includes(i)?"pointer":(i.includes("key"),["keydown","keyup"].includes(i)?"keyboard":null));if(!n)return;const o={id:r.interactionId,latency:r.duration,entries:[r],target:r.target,type:n,startTime:r.startTime,endTime:Date.now(),processingStart:r.processingStart,processingEnd:r.processingEnd,duration:r.duration,inputDelay:r.processingStart-r.startTime,processingDuration:r.processingEnd-r.processingStart,presentationDelay:r.duration-(r.processingEnd-r.startTime),timestamp:Date.now(),timeSinceTabInactive:"never-hidden"===Ga?"never-hidden":Date.now()-Ga,visibilityState:document.visibilityState,timeOrigin:performance.timeOrigin,referrer:document.referrer};t.set(o.id,o),Ka||(Ka=requestAnimationFrame((()=>{requestAnimationFrame((()=>{e(t.get(o.id)),Ka=null}))})))}var i},o=new PerformanceObserver((e=>{const t=e.getEntries();for(let e=0,n=t.length;e<n;e++){const n=t[e];r(n)}}));try{o.observe({type:"event",buffered:!0,durationThreshold:16}),o.observe({type:"first-input",buffered:!0})}catch{}return()=>o.disconnect()},Qa=new La(25),es=e=>Va.subscribe("recording",(t=>{const n="auto-complete-race"===t.kind?Qa.find((e=>e.interactionUUID===t.interactionUUID)):((e,t)=>{let n=null;for(const r of t){if(r.type!==e.type)continue;if(null===n){n=r;continue}const t=(e,t)=>Math.abs(e.startDateTime)-(t.startTime+t.timeOrigin);t(r,e)<t(n,e)&&(n=r)}return n})(t.entry,Qa);if(!n)return;const r=n.completeInteraction(t);e(r)})),ts=e=>{const t=Mo(e);if(!t)return;let n=t?M(t?.type):"N/A";if(n||(n=((e,t=()=>!0)=>{let n=e;for(;n;){const e=M(n.type);if(e&&t(e))return e;n=n.return}return null})(t,(e=>e.length>2))??"N/A"),!n)return;return{componentPath:((e,t=Ba)=>{if(!e)return[];if(!M(e.type))return[];const n=new Array;let r=e;for(;r.return;){const e=Ja(r.type);e&&!qa(e)&&Ya(e,t)&&e.toLowerCase()!==e&&n.push(e),r=r.return}const o=new Array(n.length);for(let e=0;e<n.length;e++)o[e]=n[n.length-e-1];return o})(t),childrenTree:{},componentName:n}},ns=(e,t)=>{let n=null;const r=t=>{switch(e){case"pointer":return"start"===t.phase?"pointerup":t.target instanceof HTMLInputElement||t.target instanceof HTMLSelectElement?"change":"click";case"keyboard":return"start"===t.phase?"keydown":"change"}},o={current:{kind:"uninitialized-stage",interactionUUID:Ia(),stageStart:Date.now(),interactionType:e}},i=n=>{if(n.composedPath().some((e=>e instanceof Element&&"react-scan-toolbar-root"===e.id)))return;if(Date.now()-o.current.stageStart>2e3&&(o.current={kind:"uninitialized-stage",interactionUUID:Ia(),stageStart:Date.now(),interactionType:e}),"uninitialized-stage"!==o.current.kind)return;const i=performance.now();t?.onStart?.(o.current.interactionUUID);const s=ts(n.target);if(!s)return void t?.onError?.(o.current.interactionUUID);const l={},c=is(l);o.current={...o.current,interactionType:e,blockingTimeStart:Date.now(),childrenTree:s.childrenTree,componentName:s.componentName,componentPath:s.componentPath,fiberRenders:l,kind:"interaction-start",interactionStartDetail:i,stopListeningForRenders:c};const d=r({phase:"end",target:n.target});document.addEventListener(d,a,{once:!0}),requestAnimationFrame((()=>{document.removeEventListener(d,a)}))};document.addEventListener(r({phase:"start"}),i,{capture:!0});const a=(r,i,a)=>{if("interaction-start"!==o.current.kind&&i===n)return"pointer"===e&&r.target instanceof HTMLSelectElement||t?.onError?.(o.current.interactionUUID),void(o.current={kind:"uninitialized-stage",interactionUUID:Ia(),stageStart:Date.now(),interactionType:e});n=i,(({onMicroTask:e,onRAF:t,onTimeout:n,abort:r})=>{queueMicrotask((()=>{!0!==r?.()&&e()&&requestAnimationFrame((()=>{!0!==r?.()&&t()&&setTimeout((()=>{!0!==r?.()&&n()}),0)}))}))})({abort:a,onMicroTask:()=>"uninitialized-stage"!==o.current.kind&&(o.current={...o.current,kind:"js-end-stage",jsEndDetail:performance.now()},!0),onRAF:()=>"js-end-stage"!==o.current.kind&&"raf-stage"!==o.current.kind?(t?.onError?.(o.current.interactionUUID),o.current={kind:"uninitialized-stage",interactionUUID:Ia(),stageStart:Date.now(),interactionType:e},!1):(o.current={...o.current,kind:"raf-stage",rafStart:performance.now()},!0),onTimeout:()=>{if("raf-stage"!==o.current.kind)return t?.onError?.(o.current.interactionUUID),void(o.current={kind:"uninitialized-stage",interactionUUID:Ia(),stageStart:Date.now(),interactionType:e});const n=Date.now(),r=Object.freeze({...o.current,kind:"timeout-stage",blockingTimeEnd:n,commitEnd:performance.now()});o.current={kind:"uninitialized-stage",interactionUUID:Ia(),stageStart:n,interactionType:e};let i=!1;const a=e=>{i=!0;const n="auto-complete-race"===e.kind?e.detailedTiming.commitEnd-e.detailedTiming.interactionStartDetail:e.entry.latency,o={detailedTiming:r,latency:n,completedAt:Date.now(),flushNeeded:!0};t?.onComplete?.(r.interactionUUID,o,e);const a=Qa.filter((e=>e.interactionUUID!==r.interactionUUID));return Qa=La.fromArray(a,25),o},s={completeInteraction:a,endDateTime:Date.now(),startDateTime:r.blockingTimeStart,type:e,interactionUUID:r.interactionUUID};if(Qa.push(s),os())setTimeout((()=>{if(i)return;a({kind:"auto-complete-race",detailedTiming:r,interactionUUID:r.interactionUUID});const e=Qa.filter((e=>e.interactionUUID!==r.interactionUUID));Qa=La.fromArray(e,25)}),1e3);else{const e=Qa.filter((e=>e.interactionUUID!==r.interactionUUID));Qa=La.fromArray(e,25),a({kind:"auto-complete-race",detailedTiming:r,interactionUUID:r.interactionUUID})}}})},s=e=>{const t=Ia();a(e,t,(()=>t!==n))};return"keyboard"===e&&document.addEventListener("keypress",s),()=>{document.removeEventListener(r({phase:"start"}),i,{capture:!0}),document.removeEventListener("keypress",s)}},rs=e=>E(e,(e=>{if(_(e))return!0}))?.stateNode,os=()=>"PerformanceEventTiming"in globalThis,is=e=>{const t=t=>{const n=M(t.type);if(!n)return;const r=e[n];if(!r){const r=new Set,o=M(jo(t));o&&r.add(o);const{selfTime:i,totalTime:a}=z(t),s=Si(t),l={current:[],changes:new Set,changesCounts:new Map},c={fiberProps:s.fiberProps||l,fiberState:s.fiberState||l,fiberContext:s.fiberContext||l};return void(e[n]={renderCount:1,parents:r,selfTime:i,totalTime:a,nodeInfo:[{element:rs(t),name:M(t.type)??"Unknown",selfTime:z(t).selfTime}],changes:c})}const o=jo(t)?.[0]?.type;if(o){const e=M(o);e&&r.parents.add(e)}const{selfTime:i,totalTime:a}=z(t),s=Si(t);if(!s)return;const l={current:[],changes:new Set,changesCounts:new Map};r.changes={fiberProps:as(r.changes?.fiberProps||l,s.fiberProps||l),fiberState:as(r.changes?.fiberState||l,s.fiberState||l),fiberContext:as(r.changes?.fiberContext||l,s.fiberContext||l)},r.renderCount+=1,r.selfTime+=i,r.totalTime+=a,r.nodeInfo.push({element:rs(t),name:M(t.type)??"Unknown",selfTime:z(t).selfTime})};return yl.interactionListeningForRenders=t,()=>{yl.interactionListeningForRenders===t&&(yl.interactionListeningForRenders=null)}},as=(e,t)=>{const n={current:[...e.current],changes:new Set,changesCounts:new Map};for(const e of t.current)n.current.some((t=>t.name===e.name))||n.current.push(e);for(const r of t.changes)if("string"==typeof r||"number"==typeof r){n.changes.add(r);const o=e.changesCounts.get(r)||0,i=t.changesCounts.get(r)||0;n.changesCounts.set(r,o+i)}return n},ss=e=>{let t;const n=new Set,r=(e,r)=>{const o="function"==typeof e?e(t):e;if(!Object.is(o,t)){const e=t;t=r??("object"!=typeof o||null===o)?o:Object.assign({},t,o),n.forEach((n=>n(t,e)))}},o=()=>t,i={setState:r,getState:o,getInitialState:()=>a,subscribe:(e,r)=>{let o,i;r?(o=e,i=r):i=e;let a=o?o(t):void 0;const s=(e,t)=>{if(o){const n=o(e),r=o(t);Object.is(a,n)||(a=n,i(n,r))}else i(e,t)};return n.add(s),()=>n.delete(s)}},a=t=e(r,o,i);return i},ls=e=>ss,cs=null;ls()((e=>({state:{events:[]},actions:{addEvent:t=>{e((e=>({state:{events:[...e.state.events,t]}})))},clear:()=>{e({state:{events:[]}})}}})));var ds=ls()(((e,t)=>{const n=new Set;return{state:{events:[]},actions:{addEvent:r=>{n.forEach((e=>e(r)));const o=[...t().state.events,r],i=new Set;o.forEach((e=>{"interaction"!==e.kind&&((e,t)=>{const n=o.find((t=>{if("long-render"!==t.kind&&t.id!==e.id)return 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||void 0}));n&&t(n)})(e,(()=>{i.add(e.id)}))}));const a=o.filter((e=>!i.has(e.id)));e((()=>({state:{events:a}})))},addListener:e=>(n.add(e),()=>{n.delete(e)}),clear:()=>{e({state:{events:[]}})}}}})),us=()=>{return e=ds.subscribe,t=ds.getState,n=t(),r=Ye({t:{__:n,u:t}}),o=r[0].t,i=r[1],qe((function(){o.__=n,o.u=t,Bt(o)&&i({t:o})}),[e,n,t]),Xe((function(){return Bt(o)&&i({t:o}),e((function(){Bt(o)&&i({t:o})}))}),[e]),n;var e,t,n,r,o,i},ps=null,hs=null,fs=[];var ms=()=>{const e=Za((e=>{Va.publish({kind:"entry-received",entry:e},"recording")})),t=(()=>{const e=()=>{ps=performance.now(),hs=performance.timeOrigin};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}})(),n=function(){let e,t;const n=function n(){let r=null;cs=null,r=is(cs={});const o=performance.timeOrigin,i=performance.now();return e=requestAnimationFrame((()=>{t=setTimeout((()=>{const e=performance.now(),t=e-i,a=performance.timeOrigin;fs.push(e+a);const s=fs.filter((t=>e+a-t<=1e3)),l=s.length;if(fs=s,t>100&&!(null!==ps&&null!==hs&&e+a-(hs+ps)<100)){const n=a+e,r=i+o;ds.getState().actions.addEvent({kind:"long-render",id:Ia(),data:{endAt:n,startAt:r,meta:{fiberRenders:cs,latency:t,fps:l}}})}ps=null,hs=null,r?.(),n()}),0)})),r}();return()=>{n(),cancelAnimationFrame(e),clearTimeout(t)}}(),r=async(e,t,n)=>{ds.getState().actions.addEvent({kind:"interaction",id:Ia(),data:{startAt:t.detailedTiming.blockingTimeStart,endAt:performance.now()+performance.timeOrigin,meta:{...t,kind:n.kind}}});const r=Va.getChannelState("recording");t.detailedTiming.stopListeningForRenders(),r.length&&Va.updateChannelState("recording",(()=>new La(Ha)))},o=ns("pointer",{onComplete:r}),i=ns("keyboard",{onComplete:r}),a=es((e=>{Ua.setState(La.fromArray(Ua.getCurrentState().concat(e),150))}));return()=>{t(),n(),e(),o(),a(),i()}},gs=({children:e,triggerContent:t,wrapperProps:n})=>{const[r,o]=Ye("closed"),[i,a]=Ye(null),[s,l]=Ye({width:window.innerWidth,height:window.innerHeight}),c=Je(null),d=Je(null),u=Ze(ml),p=Je(!1);Xe((()=>{const e=()=>{l({width:window.innerWidth,height:window.innerHeight}),h()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);const h=()=>{if(c.current&&u){const e=c.current.getBoundingClientRect(),t=u.getBoundingClientRect(),n=e.left+e.width/2,r=e.top,o=new DOMRect(n-t.left,r-t.top,e.width,e.height);a(o)}};Xe((()=>{h()}),[c.current]),Xe((()=>{if("opening"===r){const e=setTimeout((()=>o("open")),120);return()=>clearTimeout(e)}if("closing"===r){const e=setTimeout((()=>o("closed")),120);return()=>clearTimeout(e)}}),[r]),Xe((()=>{const e=setInterval((()=>{p.current||"closed"===r||o("closing")}),1e3);return()=>clearInterval(e)}),[r]);const f=()=>{if(!i||!u)return{top:0,left:0};const e=u.getBoundingClientRect(),t=d.current?.offsetHeight||40,n=i.x+e.left,r=i.y+e.top;let o=n,a=r-4;return o-87.5<5?o=92.5:o+87.5>s.width-5&&(o=s.width-5-87.5),a-t<5&&(a=r+i.height+4),{top:a-e.top,left:o-e.left}};return kn(ge,{children:[u&&i&&"closed"!==r&&(m=kn("div",{ref:d,className:Nr(["absolute z-100 bg-white text-black rounded-lg px-3 py-2 shadow-lg","transform transition-all duration-120 ease-[cubic-bezier(0.23,1,0.32,1)]",'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"===r||"closing"===r?"opacity-0 translate-y-1":"opacity-100 translate-y-0"]),style:{top:f().top+"px",left:f().left+"px",transform:"translate(-50%, -100%)",minWidth:"175px"},children:e}),g=u,v=fe(an,{__v:m,h:g}),v.containerInfo=g,v),kn("div",{ref:c,onMouseEnter:()=>{p.current=!0,h(),o("opening")},onMouseLeave:()=>{p.current=!1,h(),o("closing")},...n,children:t})]});var m,g,v},vs=({selectedEvent:e})=>{const{notificationState:t,setNotificationState:n,setRoute:r}=Sa();return kn("div",{className:Nr(["flex w-full justify-between items-center px-3 py-2 text-xs"]),children:[kn("div",{className:Nr(["bg-[#18181B] flex items-center gap-x-1 p-1 rounded-sm"]),children:[kn("button",{onClick:()=>{r({route:"render-visualization",routeMessage:null})},className:Nr(["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"}),kn("button",{onClick:()=>{r({route:"other-visualization",routeMessage:null})},className:Nr(["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"}),kn("button",{onClick:()=>{r({route:"optimize",routeMessage:null})},className:Nr(["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:kn("span",{children:"Prompts"})})]}),kn(gs,{triggerContent:kn("button",{onClick:()=>{n((e=>{e.audioNotificationsOptions.enabled&&"closed"!==e.audioNotificationsOptions.audioContext.state&&e.audioNotificationsOptions.audioContext.close();const t=e.audioNotificationsOptions.enabled;localStorage.setItem("react-scan-notifications-audio",String(!t));const n=new AudioContext;return e.audioNotificationsOptions.enabled||Ut(n),t&&n.close(),{...e,audioNotificationsOptions:t?{audioContext:null,enabled:!1}:{audioContext:n,enabled:!0}}}))},className:"ml-auto",children:kn("div",{className:Nr(["flex gap-x-2 justify-center items-center text-[#6E6E77]"]),children:[kn("span",{children:"Alerts"}),t.audioNotificationsOptions.enabled?kn(Aa,{size:16,className:"text-[#6E6E77]"}):kn($a,{size:16,className:"text-[#6E6E77]"})]})}),children:kn(ge,{children:"Play a chime when a slowdown is recorded"})})]})},ws=e=>{let t="";return e.toSorted(((e,t)=>t.totalTime-e.totalTime)).slice(0,30).filter((e=>e.totalTime>5)).forEach((e=>{let n="";n+="Component Name:",n+=e.name,n+="\n",n+=`Rendered: ${e.count} times\n`,n+=`Sum of self times for ${e.name} is ${e.totalTime.toFixed(0)}ms\n`,e.changes.props.length>0&&(n+=`Changed props for all ${e.name} instances ("name:count" pairs)\n`,e.changes.props.forEach((e=>{n+=`${e.name}:${e.count}x\n`}))),e.changes.state.length>0&&(n+=`Changed state for all ${e.name} instances ("hook index:count" pairs)\n`,e.changes.state.forEach((e=>{n+=`${e.index}:${e.count}x\n`}))),e.changes.context.length>0&&(n+=`Changed context for all ${e.name} instances ("context display name (if exists):count" pairs)\n`,e.changes.context.forEach((e=>{n+=`${e.name}:${e.count}x\n`}))),t+=n,t+="\n"})),t},bs=(e,t)=>Oa((()=>{switch(e){case"data":switch(t.kind){case"dropped-frames":return(({renderTime:e,otherTime:t,formattedReactData:n})=>`I will provide you with a set of high level, and low level performance data about a large frame drop in a React App:\n### High level\n- react component render time: ${e.toFixed(0)}ms\n- 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\n\n### Low level\nWe also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.\n${n}`)({formattedReactData:ws(t.groupedFiberRenders),renderTime:t.groupedFiberRenders.reduce(((e,t)=>e+t.totalTime),0),otherTime:t.timing.otherTime});case"interaction":return(({renderTime:e,eHandlerTimeExcludingRenders:t,toRafTime:n,commitTime:r,framePresentTime:o,formattedReactData:i})=>`I will provide you with a set of high level, and low level performance data about an interaction in a React App:\n### High level\n- react component render time: ${e.toFixed(0)}ms\n- how long it took to run javascript event handlers (EXCLUDING REACT RENDERS): ${t.toFixed(0)}ms\n- how long it took from the last event handler time, to the last request animation frame: ${n.toFixed(0)}ms\n\t- things like prepaint, style recalculations, layerization, async web API's like observers may occur during this time\n- how long it took from the last request animation frame to when the dom was committed: ${r.toFixed(0)}ms\n\t- 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\n${o&&`- how long it took from dom commit for the frame to be presented: ${o.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`}\n\n### Low level\nWe also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.\n${i}`)({commitTime:t.timing.frameConstruction,eHandlerTimeExcludingRenders:t.timing.otherJSTime,formattedReactData:ws(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:n})=>`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.\n\nWe have the high level time of how much react spent rendering, and what else the browser spent time on during this slowdown\n\n- react component render time: ${e.toFixed(0)}ms\n- 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\n\n\nWe also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.\n\n${n}\n\nYou may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could of been memoized to avoid computation\n\nIt'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:\n- find the most expensive components\n- see what's causing them to render\n- determine how you can make those state/props/context not change for a large set of the renders\n- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. \n\n\nAn 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).\n\nIt'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.\n\nIf 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.\n`)({formattedReactData:ws(t.groupedFiberRenders),renderTime:t.groupedFiberRenders.reduce(((e,t)=>e+t.totalTime),0),otherTime:t.timing.otherTime});case"interaction":return(({interactionType:e,name:t,time:n,renderTime:r,eHandlerTimeExcludingRenders:o,toRafTime:i,commitTime:a,framePresentTime:s,formattedReactData:l})=>`Your goal will be to help me find the source of a performance problem. I collected a large dataset about this specific performance problem.\n\nThere was a ${e} on a component named ${t}. This means, roughly, the component that handled the ${e} event was named ${t}.\n\nWe have a set of high level, and low level data about the performance issue.\n\nThe click took ${n.toFixed(0)}ms from interaction start, to when a new frame was presented to a user.\n\nWe also provide you with a breakdown of what the browser spent time on during the period of interaction start to frame presentation.\n\n- react component render time: ${r.toFixed(0)}ms\n- how long it took to run javascript event handlers (EXCLUDING REACT RENDERS): ${o.toFixed(0)}ms\n- how long it took from the last event handler time, to the last request animation frame: ${i.toFixed(0)}ms\n\t- things like prepaint, style recalculations, layerization, async web API's like observers may occur during this time\n- how long it took from the last request animation frame to when the dom was committed: ${a.toFixed(0)}ms\n\t- 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\n${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`}\n\nWe also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.\n\n${l}\n\n\nYou may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could of been memoized to avoid computation\n\nIt'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:\n- find the most expensive components\n- see what's causing them to render\n- determine how you can make those state/props/context not change for a large set of the renders\n- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. \n\n\nAn 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.\n\nIt'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.\n\nIf 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.\n`)({commitTime:t.timing.frameConstruction,eHandlerTimeExcludingRenders:t.timing.otherJSTime,formattedReactData:ws(t.groupedFiberRenders),framePresentTime:t.timing.frameDraw,interactionType:t.type,name:ka(t.componentPath),renderTime:t.groupedFiberRenders.reduce(((e,t)=>e+t.totalTime),0),time:_a(t.timing),toRafTime:t.timing.framePreparation})}case"fix":switch(t.kind){case"dropped-frames":return(({renderTime:e,otherTime:t,formattedReactData:n})=>`You will attempt to implement a performance improvement to a large slowdown in a react app\n\nYour should split your goals into 2 parts:\n- identifying the problem\n- fixing the problem\n\t- 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.\n\nMake 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\n\nOne 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:\n- you can try to work around the problem, knowing which module is slow\n- you can determine if its possible to resolve the problem in the node_module by modifying non node_module code\n- 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)\n- you can determine if it's feasible to replace whatever node_module is causing the problem with a performant option (this is an extreme)\n\n\nWe have the high level time of how much react spent rendering, and what else the browser spent time on during this slowdown\n\n- react component render time: ${e.toFixed(0)}ms\n- other time: ${t}ms\n\n\nWe also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.\n\n${n}\n\nYou may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could of been memoized to avoid computation\n\nIt'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:\n- find the most expensive components\n- see what's causing them to render\n- determine how you can make those state/props/context not change for a large set of the renders\n- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. \n\nAn 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).\n\nIt'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.\n\nIf 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.\n\nIf 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. \n`)({formattedReactData:ws(t.groupedFiberRenders),renderTime:t.groupedFiberRenders.reduce(((e,t)=>e+t.totalTime),0),otherTime:t.timing.otherTime});case"interaction":return(({interactionType:e,name:t,componentPath:n,time:r,renderTime:o,eHandlerTimeExcludingRenders:i,toRafTime:a,commitTime:s,framePresentTime:l,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.\n\nYour should split your goals into 2 parts:\n- identifying the problem\n- fixing the problem\n\t- 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.\n\n\nMake 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\n\nOne 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:\n- you can try to work around the problem, knowing which module is slow\n- you can determine if its possible to resolve the problem in the node_module by modifying non node_module code\n- 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)\n- you can determine if it's feasible to replace whatever node_module is causing the problem with a performant option (this is an extreme)\n\nThe interaction was a ${e} on the component named ${t}. This component has the following ancestors ${n}. 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\n\nThis path is the component that was clicked, so it should tell you roughly where component had an event handler that triggered a state change.\n\nPlease 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\n\nWe have a set of high level, and low level data about the performance issue.\n\nThe click took ${r.toFixed(0)}ms from interaction start, to when a new frame was presented to a user.\n\nWe also provide you with a breakdown of what the browser spent time on during the period of interaction start to frame presentation.\n\n- react component render time: ${o.toFixed(0)}ms\n- how long it took to run javascript event handlers (EXCLUDING REACT RENDERS): ${i.toFixed(0)}ms\n- how long it took from the last event handler time, to the last request animation frame: ${a.toFixed(0)}ms\n\t- things like prepaint, style recalculations, layerization, async web API's like observers may occur during this time\n- how long it took from the last request animation frame to when the dom was committed: ${s.toFixed(0)}ms\n\t- 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\n${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`}\n\n\nWe also have lower level information about react components, such as their render time, and which props/state/context changed when they re-rendered.\n\n${c}\n\nYou may notice components have many renders, but much fewer props/state/context changes. This normally implies most of the components could of been memoized to avoid computation\n\nIt'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:\n- find the most expensive components\n- see what's causing them to render\n- determine how you can make those state/props/context not change for a large set of the renders\n- once there are no more changes left, you can memoize the component so it no longer unnecessarily re-renders. \n\nAn 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.\n\nIt'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.\n\nIf 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.\n\n`)({commitTime:t.timing.frameConstruction,componentPath:t.componentPath.join(">"),eHandlerTimeExcludingRenders:t.timing.otherJSTime,formattedReactData:ws(t.groupedFiberRenders),framePresentTime:t.timing.frameDraw,interactionType:t.type,name:ka(t.componentPath),renderTime:t.groupedFiberRenders.reduce(((e,t)=>e+t.totalTime),0),time:_a(t.timing),toRafTime:t.timing.framePreparation})}}})),xs=({selectedEvent:e})=>{const[t,n]=Ye("fix"),[r,o]=Ye(!1);return kn("div",{className:Nr(["w-full h-full"]),children:[kn("div",{className:Nr(["border border-[#27272A] rounded-sm h-4/5 text-xs overflow-hidden"]),children:[kn("div",{className:Nr(["bg-[#18181B] p-1 rounded-t-sm"]),children:kn("div",{className:Nr(["flex items-center gap-x-1"]),children:[kn("button",{onClick:()=>n("fix"),className:Nr(["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"}),kn("button",{onClick:()=>n("explanation"),className:Nr(["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"}),kn("button",{onClick:()=>n("data"),className:Nr(["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"})]})}),kn("div",{className:Nr(["overflow-y-auto h-full"]),children:kn("pre",{className:Nr(["p-2 h-full","whitespace-pre-wrap break-words","text-gray-300 font-mono "]),children:bs(t,e)})})]}),kn("button",{onClick:async()=>{const n=bs(t,e);await navigator.clipboard.writeText(n),o(!0),setTimeout((()=>o(!1)),1e3)},className:Nr(["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:[kn("span",{children:r?"Copied!":"Copy Prompt"}),kn("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:Nr(["transition-transform duration-200",r&&"scale-110"]),children:r?kn("path",{d:"M20 6L9 17l-5-5"}):kn(ge,{children:[kn("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),kn("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]})})]})]})},ys=({selectedEvent:e})=>{const[t]=Ye(zl()??!1),{notificationState:n}=Sa(),[r,o]=Ye(n.routeMessage?.name?[n.routeMessage.name]:[]),i=((e,t)=>{switch(e.kind){case"dropped-frames":return[...t?[{name:"Total Processing Time",time:_a(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:_a(e.timing)-e.timing.renderTime-e.timing.otherJSTime,color:"bg-[#1D3A66]",kind:"other-not-javascript"}]}})(e,t),a=Ze(ml);Xe((()=>{if(n.routeMessage?.name){const e=a?.querySelector("#overview-scroll-container"),t=a?.querySelector(`#react-scan-overview-bar-${n.routeMessage.name}`);if(e&&t){const n=t.getBoundingClientRect().top-e.getBoundingClientRect().top;e.scrollTop=e.scrollTop+n}}}),[n.route]),Xe((()=>{"other-visualization"===n.route&&o((e=>n.routeMessage?.name?[n.routeMessage.name]:e))}),[n.route]);const s=i.reduce(((e,t)=>e+t.time),0);return kn("div",{className:"rounded-sm border border-zinc-800 text-xs",children:[kn("div",{className:"p-2 border-b border-zinc-800 bg-zinc-900/50",children:kn("div",{className:"flex items-center justify-between",children:[kn("h3",{className:"text-xs font-medium",children:"What was time spent on?"}),kn("span",{className:"text-xs text-zinc-400",children:["Total: ",s.toFixed(0),"ms"]})]})}),kn("div",{className:"divide-y divide-zinc-800",children:i.map((t=>{const n=r.includes(t.kind);return kn("div",{id:`react-scan-overview-bar-${t.kind}`,children:[kn("button",{onClick:()=>o((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:kn("div",{className:"flex-1",children:[kn("div",{className:"flex items-center justify-between mb-2",children:[kn("div",{className:"flex items-center gap-0.5",children:[kn("svg",{className:"h-4 w-4 text-zinc-400 transition-transform "+(n?"rotate-90":""),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:kn("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})}),kn("span",{className:"font-medium flex items-center text-left",children:t.name})]}),kn("span",{className:" text-zinc-400",children:[t.time.toFixed(0),"ms"]})]}),kn("div",{className:"h-1 bg-zinc-800 rounded-full overflow-hidden",children:kn("div",{className:`h-full ${t.color} transition-all`,style:{width:t.time/s*100+"%"}})})]})}),n&&kn("div",{className:"bg-zinc-900/30 border-t border-zinc-800 px-2.5 py-3",children:kn("p",{className:" text-zinc-400 mb-4 text-xs",children:Oa((()=>{switch(e.kind){case"interaction":switch(t.kind){case"render":return kn(Cs,{input:Ns(e)});case"other-javascript":return kn(Cs,{input:Ss(e)});case"other-not-javascript":return kn(Cs,{input:ks(e)})}case"dropped-frames":switch(t.kind){case"total-processing-time":return kn(Cs,{input:{kind:"total-processing",data:{time:_a(e.timing)}}});case"render":return kn(ge,{children:kn(Cs,{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/_a(e.timing)})))}}})});case"other-frame-drop":return kn(Cs,{input:{kind:"other"}})}}}))})})]},t.kind)}))})]})},ks=e=>{const t=e.groupedFiberRenders.reduce(((e,t)=>e+t.count),0),n=e.timing.renderTime,r=_a(e.timing);return t>100?{kind:"high-render-count-update-dom-draw-frame",data:{count:t,percentageOfTotal:n/r*100,copyButton:kn(_s,{})}}:{kind:"update-dom-draw-frame",data:{copyButton:kn(_s,{})}}},_s=()=>{const[e,t]=Ye(!1),{notificationState:n}=Sa();return kn("button",{onClick:async()=>{n.selectedEvent&&(await navigator.clipboard.writeText(bs("explanation",n.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:[kn("span",{children:e?"Copied!":"Copy Prompt"}),kn("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:Nr(["transition-transform duration-200",e&&"scale-110"]),children:e?kn("path",{d:"M20 6L9 17l-5-5"}):kn(ge,{children:[kn("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),kn("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]})})]})},Ns=e=>e.timing.renderTime/_a(e.timing)>.3?{kind:"render",data:{topByTime:e.groupedFiberRenders.toSorted(((e,t)=>t.totalTime-e.totalTime)).slice(0,3).map((t=>({percentage:t.totalTime/_a(e.timing),name:t.name})))}}:{kind:"other"},Ss=e=>{const t=e.groupedFiberRenders.reduce(((e,t)=>e+t.count),0);return e.timing.otherJSTime/_a(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/_a(e.timing)>.3?e.timing.renderTime>.2?{kind:"js-explanation-base"}:{kind:"low-render-count-high-js",data:{renderCount:t}}:{kind:"js-explanation-base"}},Cs=({input:e})=>{switch(e.kind){case"total-processing":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("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"]}),kn("p",{children:'To debug the issue, check the "Ranked" tab to see if there are significant component renders'}),kn("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"}),kn("p",{children:["To understand precisely what caused the slowdown while in production, use the ",kn("strong",{children:"Chrome profiler"})," and analyze the function call times."]}),kn("p",{})]});case"render":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("p",{children:"This is the time it took React to run components, and internal logic to handle the output of your component."}),kn("div",{className:Nr(["flex flex-col"]),children:[kn("p",{children:"The slowest components for this time period were:"}),e.data.topByTime.map((e=>kn("div",{children:[kn("strong",{children:e.name}),":"," ",(100*e.percentage).toFixed(0),"% of total"]},e.name)))]}),kn("p",{children:'To view the render times of all your components, and what caused them to render, go to the "Ranked" tab'}),kn("p",{children:'The "Ranked" tab shows the render times of every component.'}),kn("p",{children:"The render times of the same components are grouped together into one bar."}),kn("p",{children:"Clicking the component will show you what props, state, or context caused the component to re-render."})]});case"js-explanation-base":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("p",{children:"This is the period when JavaScript hooks and other JavaScript outside of React Renders run."}),kn("p",{children:["The most common culprit for high JS time is expensive hooks, like expensive callbacks inside of ",kn("code",{children:"useEffect"}),"'s or a large number of useEffect's called, but this can also be JavaScript event handlers (",kn("code",{children:"'onclick'"}),", ",kn("code",{children:"'onchange'"}),") that performed expensive computation."]}),kn("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."}),kn("p",{children:["You should profile your app using the"," ",kn("strong",{children:"Chrome DevTools profiler"})," to learn exactly which functions took the longest to execute."]})]});case"high-render-count-high-js":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("p",{children:"This is the period when JavaScript hooks and other JavaScript outside of React Renders run."}),0===e.data.renderCount?kn(ge,{children:[kn("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"}),kn("p",{children:["You should try to reproduce the slowdown while profiling your website with the",kn("strong",{children:"Chrome DevTools profiler"})," to see exactly what functions took the longest to execute."]})]}):kn(ge,{children:[" ",kn("p",{children:["There were ",kn("strong",{children:e.data.renderCount})," renders, which could have contributed to the high JavaScript/Hook time if they ran lots of hooks, like ",kn("code",{children:"useEffects"}),"."]}),kn("div",{className:Nr(["flex flex-col"]),children:[kn("p",{children:"You should try optimizing the renders of:"}),e.data.topByCount.map((e=>kn("div",{children:["- ",kn("strong",{children:e.name})," (rendered ",e.count,"x)"]},e.name)))]}),"and then checking if the problem still exists.",kn("p",{children:["You can also try profiling your app using the"," ",kn("strong",{children:"Chrome DevTools profiler"})," to see exactly what functions took the longest to execute."]})]})]});case"low-render-count-high-js":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("p",{children:"This is the period when JavaScript hooks and other JavaScript outside of React Renders run."}),kn("p",{children:["There were only ",kn("strong",{children:e.data.renderCount})," renders detected, which means either you had very expensive hooks like"," ",kn("code",{children:"useEffect"}),"/",kn("code",{children:"useLayoutEffect"}),", or there is other JavaScript running during this interaction that took up the majority of the time."]}),kn("p",{children:["To understand precisely what caused the slowdown, use the"," ",kn("strong",{children:"Chrome profiler"})," and analyze the function call times."]})]});case"high-render-count-update-dom-draw-frame":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("p",{children:"These are the calculations the browser is forced to do in response to the JavaScript that ran during the interaction."}),kn("p",{children:"This can be caused by CSS updates/CSS recalculations, or new DOM elements/DOM mutations."}),kn("p",{children:["During this interaction, there were"," ",kn("strong",{children:e.data.count})," renders, which was"," ",kn("strong",{children:[e.data.percentageOfTotal.toFixed(0),"%"]})," of the time spent processing"]}),kn("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."}),kn("p",{children:'You can try optimizing the renders to see if the performance problem still exists using the "Ranked" tab.'}),kn("p",{children:"If you use an AI-based code editor, you can export the performance data collected as a prompt."}),kn("p",{children:e.data.copyButton}),kn("p",{children:"Provide this formatted data to the model and ask it to find, or fix, what could be causing this performance problem."}),kn("p",{children:'For a larger selection of prompts, try the "Prompts" tab'})]});case"update-dom-draw-frame":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("p",{children:"These are the calculations the browser is forced to do in response to the JavaScript that ran during the interaction."}),kn("p",{children:"This can be caused by CSS updates/CSS recalculations, or new DOM elements/DOM mutations."}),kn("p",{children:"If you use an AI-based code editor, you can export the performance data collected as a prompt."}),kn("p",{children:e.data.copyButton}),kn("p",{children:"Provide this formatted data to the model and ask it to find, or fix, what could be causing this performance problem."}),kn("p",{children:'For a larger selection of prompts, try the "Prompts" tab'})]});case"other":return kn("div",{className:Nr(["text-[#E4E4E7] text-[10px] leading-6 flex flex-col gap-y-2"]),children:[kn("p",{children:["This is the time it took to run everything other than React renders. This can be hooks like ",kn("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."]}),kn("p",{children:["To get a better picture of what happened, profile your app using the"," ",kn("strong",{children:"Chrome profiler"})," when the performance problem arises."]})]})}},Ts=null,Es=null,zs=wt({kind:"idle",current:null}),As=null,$s=()=>{As&&cancelAnimationFrame(As),As=requestAnimationFrame((()=>{if(!Ts||!Es)return;Es.clearRect(0,0,Ts.width,Ts.height);const e="hsl(271, 76%, 53%)",t=zs.value,{alpha:n,current:r}=Oa((()=>{switch(t.kind){case"transition":{const e=t.current?.alpha&&t.current.alpha>0?t.current:t.transitionTo;return{alpha:e?e.alpha:0,current:e}}case"move-out":return{alpha:t.current?.alpha??0,current:t.current};case"idle":return{alpha:1,current:t.current}}}));switch(r?.rects.forEach((t=>{Es&&(Es.shadowColor=e,Es.shadowBlur=6,Es.strokeStyle=e,Es.lineWidth=2,Es.globalAlpha=n,Es.beginPath(),Es.rect(t.left,t.top,t.width,t.height),Es.stroke(),Es.shadowBlur=0,Es.beginPath(),Es.rect(t.left,t.top,t.width,t.height),Es.stroke())})),t.kind){case"move-out":return 0===t.current.alpha?void(zs.value={kind:"idle",current:null}):(t.current.alpha<=.01&&(t.current.alpha=0),t.current.alpha=Math.max(0,t.current.alpha-.03),void $s());case"transition":if(t.current&&t.current.alpha>0)return t.current.alpha=Math.max(0,t.current.alpha-.03),void $s();if(1===t.transitionTo.alpha)return void(zs.value={kind:"idle",current:t.transitionTo});t.transitionTo.alpha=Math.min(t.transitionTo.alpha+.03,1),$s();case"idle":return}}))},Ms=null;function Fs(){Ts?.parentNode&&Ts.parentNode.removeChild(Ts),Ts=null,Es=null}var Rs,js=()=>{const e=zs.value.current?zs.value.current:"transition"===zs.value.kind?zs.value.transitionTo:null;e&&("transition"!==zs.value.kind?zs.value={kind:"move-out",current:{alpha:0,...e}}:zs.value={kind:"move-out",current:0===zs.value.current?.alpha?zs.value.transitionTo:zs.value.current??zs.value.transitionTo})},Ps=({selectedEvent:e})=>{const{setNotificationState:t,setRoute:n}=Sa(),r=_a(e.timing),o=r-e.timing.renderTime,[i]=Ye(zl()),a=e.groupedFiberRenders.map((e=>({event:e,kind:"render",totalTime:i?e.count:e.totalTime}))),s=Oa((()=>{switch(e.kind){case"dropped-frames":return e.timing.renderTime/r<.1;case"interaction":return(e.timing.otherJSTime+e.timing.renderTime)/r<.2}}));"interaction"!==e.kind||i||a.push({kind:"other-javascript",totalTime:e.timing.otherJSTime}),s&&!i&&("interaction"===e.kind?a.push({kind:"other-not-javascript",totalTime:_a(e.timing)-e.timing.renderTime-e.timing.otherJSTime}):a.push({kind:"other-frame-drop",totalTime:o}));const l=Je({lastCallAt:null,timer:null}),c=a.reduce(((e,t)=>e+t.totalTime),0);return kn("div",{onMouseLeave:()=>{js()},className:Nr(["flex flex-col h-full w-full gap-y-1"]),children:[Oa((()=>i&&0===a.length?kn("div",{className:"flex flex-col items-center justify-center h-full text-zinc-400",children:[kn("p",{className:"text-sm w-full text-left text-white mb-1.5",children:"No data available"}),kn("p",{className:"text-x w-full text-lefts",children:"No data was collected during this period"})]}):0===a.length?kn("div",{className:"flex flex-col items-center justify-center h-full text-zinc-400",children:[kn("p",{className:"text-sm w-full text-left text-white mb-1.5",children:"No renders collected"}),kn("p",{className:"text-x w-full text-lefts",children:"There were no renders during this period"})]}):void 0)),a.toSorted(((e,t)=>t.totalTime-e.totalTime)).map(((e,r)=>{return kn("button",{onMouseLeave:()=>{l.current.timer&&clearTimeout(l.current.timer)},onMouseEnter:async()=>{const t=async()=>{if(l.current.lastCallAt=Date.now(),"render"!==e.kind){const e=zs.value.current?zs.value.current:"transition"===zs.value.kind?zs.value.transitionTo:null;return e?void(zs.value={kind:"move-out",current:{alpha:0,...e}}):void(zs.value={kind:"idle",current:null})}const t=zs.value,n=Oa((()=>{switch(t.kind){case"transition":return t.transitionTo;case"idle":case"move-out":return t.current}})),r=[];if("transition"===t.kind){const n=Ds(t);Oa((()=>{switch(n){case"fading-in":return void(zs.value={kind:"transition",current:t.transitionTo,transitionTo:{rects:r,alpha:0,name:e.event.name}});case"fading-out":return void(zs.value={kind:"transition",current:zs.value.current?{alpha:0,...zs.value.current}:null,transitionTo:{rects:r,alpha:0,name:e.event.name}})}}))}else zs.value={kind:"transition",transitionTo:{rects:r,alpha:0,name:e.event.name},current:n?{alpha:0,...n}:null};const o=e.event.elements.filter((e=>e instanceof Element));for await(const e of ia(o))e.forEach((({boundingClientRect:e})=>{r.push(e)})),$s()};if(l.current.lastCallAt&&Date.now()-l.current.lastCallAt<200)return l.current.timer&&clearTimeout(l.current.timer),void(l.current.timer=setTimeout((()=>{t()}),200));t()},onClick:()=>{switch(e.kind){case"render":return t((t=>({...t,selectedFiber:e.event}))),void n({route:"render-explanation",routeMessage:null});case"other-not-javascript":case"other-javascript":case"other-frame-drop":return void n({route:"other-visualization",routeMessage:{kind:"auto-open-overview-accordion",name:e.kind}})}},className:Nr(["w-full flex items-center group hover:bg-[#0f0f0f] rounded-md relative transition-colors text-xs"]),children:[kn("div",{className:Nr(["h-full w-[90%]"]),children:kn("div",{style:{minWidth:"fit-content",width:e.totalTime/c*100+"%"},className:Nr(["flex items-center  rounded-sm text-white text-xs relative h-[28px] transition-all","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]"]),children:kn("div",{className:Nr(["absolute left-2 top-1/2 -translate-y-1/2 flex gap-x-2"]),children:[kn("span",{className:Nr(["flex items-center whitespace-nowrap"]),children:Oa((()=>{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&&(o=e.event,0===o.changes.context.length&&0===o.changes.props.length&&0===o.changes.state.length)&&kn("div",{style:{lineHeight:"10px"},className:Nr(["px-1 py-0.5 bg-[#6a369e] flex items-center  rounded-sm font-semibold text-[8px] w-fit"]),children:"Memoizable"})]})})}),kn("div",{className:Nr(["w-[5%] min-w-fit h-full flex items-center justify-end text-[10px] pr-1 gap-x-1"]),children:"render"===e.kind&&kn("span",{className:Nr([""]),children:["x",e.event.count]})}),("render"!==e.kind||!i)&&kn("div",{className:Nr(["w-[5%] min-w-fit text-[#7346a0] h-full flex items-center justify-end text-[10px] pr-1 gap-x-1"]),children:kn("span",{children:[e.totalTime<1?"<1":e.totalTime.toFixed(0),"ms"]})}),kn("div",{className:Nr(["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"})]},r);var o}))]})},Ds=e=>e.current&&e.current.alpha>0?"fading-out":"fading-in",Is=({selectedEvent:e,selectedFiber:t})=>{const{setRoute:n}=Sa(),[r,o]=Ye(!0),[i]=Ye(zl());qe((()=>{const e=localStorage.getItem("react-scan-tip-shown"),t="true"===e||"false"!==e&&null;if(null===t)return o(!0),void localStorage.setItem("react-scan-tip-is-shown","true");t||o(!1)}),[]);const a=0===t.changes.context.length&&0===t.changes.props.length&&0===t.changes.state.length;return kn("div",{className:Nr(["w-full min-h-fit h-full flex flex-col py-4 pt-0 rounded-sm"]),children:[kn("div",{className:Nr(["flex items-start gap-x-4 "]),children:[kn("button",{onClick:()=>{n({route:"render-visualization",routeMessage:null})},className:Nr(["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:[kn(Ma,{size:14})," ",kn("span",{children:"Overview"})]}),kn("div",{className:Nr(["flex flex-col gap-y-1"]),children:[kn("div",{className:Nr(["text-sm font-bold text-white overflow-x-hidden"]),children:kn("div",{className:"flex items-center gap-x-2 truncate",children:t.name})}),kn("div",{className:Nr(["flex gap-x-2"]),children:[!i&&kn(ge,{children:kn("div",{className:Nr(["text-xs text-gray-400"]),children:["• Render time: ",t.totalTime.toFixed(0),"ms"]})}),kn("div",{className:Nr(["text-xs text-gray-400 mb-4"]),children:["• Renders: ",t.count,"x"]})]})]})]}),r&&!a&&kn("div",{className:Nr(["w-full mb-4 bg-[#0A0A0A] border border-[#27272A] rounded-sm overflow-hidden flex relative"]),children:[kn("button",{onClick:()=>{o(!1),localStorage.setItem("react-scan-tip-shown","false")},className:Nr(["absolute right-2 top-2 rounded-sm p-1 hover:bg-[#18181B]"]),children:kn(za,{size:12})}),kn("div",{className:Nr(["w-1 bg-[#d36cff]"])}),kn("div",{className:Nr(["flex-1"]),children:[kn("div",{className:Nr(["px-3 py-2 text-gray-100 text-xs font-semibold"]),children:"How to stop renders"}),kn("div",{className:Nr(["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&&kn("div",{className:Nr(["w-full mb-4 bg-[#0A0A0A] border border-[#27272A] rounded-sm overflow-hidden flex"]),children:[kn("div",{className:Nr(["w-1 bg-[#d36cff]"])}),kn("div",{className:Nr(["flex-1"]),children:[kn("div",{className:Nr(["px-3 py-2 text-gray-100 text-sm font-semibold"]),children:"No changes detected"}),kn("div",{className:Nr(["px-3 pb-2 text-gray-400 text-xs"]),children:"This component would not of rendered if it was memoized"})]})]}),kn("div",{className:Nr(["flex w-full"]),children:[kn("div",{className:Nr(["flex flex-col border border-[#27272A] rounded-l-sm overflow-hidden w-1/3"]),children:[kn("div",{className:Nr(["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=>kn("div",{className:Nr(["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:[kn("span",{className:Nr(["text-white "]),children:e.name}),kn("div",{className:Nr([" text-[8px]  text-[#d36cff] pl-1 py-1 "]),children:[e.count,"/",t.count,"x"]})]},e.name))):kn("div",{className:Nr(["flex items-center justify-center h-full bg-[#0A0A0A] text-[#A1A1AA] border-t border-[#27272A]"]),children:"No changes"})]}),kn("div",{className:Nr(["flex flex-col border border-[#27272A] border-l-0 overflow-hidden w-1/3"]),children:[kn("div",{className:Nr([" 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=>kn("div",{className:Nr(["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:[kn("span",{className:Nr(["text-white "]),children:["index ",e.index]}),kn("div",{className:Nr(["rounded-full  text-[#d36cff] pl-1 py-1 text-[8px]"]),children:[e.count,"/",t.count,"x"]})]},e.index))):kn("div",{className:Nr(["flex items-center justify-center h-full bg-[#0A0A0A] text-[#A1A1AA] border-t border-[#27272A]"]),children:"No changes"})]}),kn("div",{className:Nr(["flex flex-col border border-[#27272A] border-l-0 rounded-r-sm overflow-hidden w-1/3"]),children:[kn("div",{className:Nr([" 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=>kn("div",{className:Nr(["flex flex-col justify-between items-center border-t  border-[#27272A] px-1 py-1 bg-[#0A0A0A] text-[10px] overflow-x-auto"]),children:[kn("span",{className:Nr(["text-white "]),children:e.name}),kn("div",{className:Nr(["rounded-full text-[#d36cff] pl-1 py-1 text-[8px] text-wrap"]),children:[e.count,"/",t.count,"x"]})]},e.name))):kn("div",{className:Nr(["flex items-center justify-center h-full bg-[#0A0A0A] text-[#A1A1AA] border-t border-[#27272A] py-2"]),children:"No changes"})]})]})]})},Os=()=>{const{notificationState:e,setNotificationState:t}=Sa(),[n,r]=Ye("..."),o=Je(null);if(Xe((()=>{const e=setInterval((()=>{r((e=>"..."===e?"":e+"."))}),500);return()=>clearInterval(e)}),[]),!e.selectedEvent)return kn("div",{ref:o,className:Nr(["h-full w-full flex flex-col items-center justify-center relative py-2 px-4"]),children:[kn("div",{className:Nr(["p-2 flex justify-center items-center border-[#27272A] absolute top-0 right-0"]),children:kn("button",{onClick:()=>{jr.value={view:"none"}},children:kn(za,{size:18,className:"text-[#6F6F78]"})})}),kn("div",{className:Nr(["flex flex-col items-start pt-5 bg-[#0A0A0A] p-5 rounded-sm max-w-md"," shadow-lg"]),children:kn("div",{className:Nr(["flex flex-col items-start gap-y-4"]),children:[kn("div",{className:Nr(["flex items-center"]),children:kn("span",{className:Nr(["text-zinc-400 font-medium text-[17px]"]),children:["Scanning for slowdowns",n]})}),0!==e.events.length&&kn("p",{className:Nr(["text-xs"]),children:["Click on an item in the"," ",kn("span",{className:Nr(["text-purple-400"]),children:"History"})," list to get started"]}),kn("p",{className:Nr(["text-zinc-600 text-xs"]),children:"You don't need to keep this panel open for React Scan to record slowdowns"}),kn("p",{className:Nr(["text-zinc-600 text-xs"]),children:"Enable audio alerts to hear a delightful ding every time a large slowdown is recorded"}),kn("button",{onClick:()=>{if(e.audioNotificationsOptions.enabled)return void t((e=>("closed"!==e.audioNotificationsOptions.audioContext?.state&&e.audioNotificationsOptions.audioContext?.close(),localStorage.setItem("react-scan-notifications-audio","false"),{...e,audioNotificationsOptions:{audioContext:null,enabled:!1}})));localStorage.setItem("react-scan-notifications-audio","true");const n=new AudioContext;Ut(n),t((e=>({...e,audioNotificationsOptions:{enabled:!0,audioContext:n}})))},className:Nr(["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?kn(ge,{children:kn("span",{className:"flex items-center gap-x-1",children:"Disable audio alerts"})}):kn(ge,{children:kn("span",{className:"flex items-center gap-x-1",children:"Enable audio alerts"})})})]})})]});switch(e.route){case"render-visualization":return kn(Ls,{children:kn(Ps,{selectedEvent:e.selectedEvent})});case"render-explanation":if(!e.selectedFiber)throw new Error("Invariant: must have selected fiber when viewing render explanation");return kn(Ls,{children:kn(Is,{selectedFiber:e.selectedFiber,selectedEvent:e.selectedEvent})});case"other-visualization":return kn(Ls,{children:kn("div",{className:Nr(["flex w-full h-full flex-col overflow-y-auto"]),id:"overview-scroll-container",children:kn(ys,{selectedEvent:e.selectedEvent})})});case"optimize":return kn(Ls,{children:kn(xs,{selectedEvent:e.selectedEvent})})}e.route},Ls=({children:e})=>{const{notificationState:t}=Sa();if(!t.selectedEvent)throw new Error("Invariant: d must have selected event when viewing render explanation");return kn("div",{className:Nr(["w-full h-full flex flex-col gap-y-2"]),children:[kn("div",{className:Nr(["h-[50px] w-full"]),children:kn(vs,{selectedEvent:t.selectedEvent})}),kn("div",{className:Nr(["h-calc(100%-50px) flex flex-col overflow-y-auto px-3"]),children:e})]})},Us=({selectedEvent:e})=>{const t=Na(e);switch(e.kind){case"interaction":return kn("div",{className:Nr(["w-full flex border-b border-[#27272A] min-h-[48px]"]),children:kn("div",{className:Nr(["min-w-fit w-full justify-start flex items-center border-r border-[#27272A] pl-5 pr-2 text-sm gap-x-4"]),children:[kn("div",{className:Nr(["flex items-center gap-x-2 "]),children:[kn("span",{className:Nr(["text-[#5a5a5a] mr-0.5"]),children:"click"===e.type?"Clicked ":"Typed in "}),kn("span",{children:ka(e.componentPath)}),kn("div",{className:Nr(["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:[_a(e.timing).toFixed(0),"ms processing time"]})]}),kn("div",{className:Nr(["flex items-center gap-x-2  justify-end ml-auto"]),children:kn("div",{className:Nr(["p-2 flex justify-center items-center border-[#27272A]"]),children:kn("button",{onClick:()=>{jr.value={view:"none"}},children:kn(za,{size:18,className:"text-[#6F6F78]"})})})})]})});case"dropped-frames":return kn("div",{className:Nr(["w-full flex border-b border-[#27272A] min-h-[48px]"]),children:kn("div",{className:Nr(["min-w-fit w-full justify-start flex items-center border-r border-[#27272A] pl-5 pr-2 text-sm gap-x-4"]),children:[kn("div",{className:Nr(["flex items-center gap-x-2 "]),children:["FPS Drop",kn("div",{className:Nr(["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"]})]}),kn("div",{className:Nr(["flex items-center gap-x-2 w-2/4 justify-end ml-auto"]),children:kn("div",{className:Nr(["p-2 flex justify-center items-center border-[#27272A]"]),children:kn("button",{onClick:()=>{jr.value={view:"none"}},children:kn(za,{size:18,className:"text-[#6F6F78]"})})})})]})})}},Hs=({item:e,shouldFlash:t})=>{const[n,r]=Ye(!1),o=e.events.map(Na).reduce(((e,t)=>{switch(t){case"high":return"high";case"needs-improvement":return"high"===e?"high":"needs-improvement";case"low":return e}}),"low"),i=(({flashingItemsCount:e,totalEvents:t})=>{const[n,r]=Ye(!1),o=Je(0),i=Je(0);return Xe((()=>{if(o.current>=t)return;const e=Date.now()-i.current;if(e>=250){r(!1);const e=setTimeout((()=>{o.current=t,i.current=Date.now(),r(!0),setTimeout((()=>{r(!1)}),2e3)}),50);return()=>clearTimeout(e)}{const n=setTimeout((()=>{r(!1),setTimeout((()=>{o.current=t,i.current=Date.now(),r(!0),setTimeout((()=>{r(!1)}),2e3)}),50)}),250-e);return()=>clearTimeout(n)}}),[e]),n})({flashingItemsCount:e.events.reduce(((e,n)=>t(n.id)?e+1:e),0),totalEvents:e.events.length});return kn("div",{className:Nr(["flex flex-col gap-y-0.5"]),children:[kn("button",{onClick:()=>r((e=>!e)),className:Nr(["pl-2 py-1.5  text-sm flex items-center rounded-sm hover:bg-[#18181B] relative overflow-hidden",i&&!n&&"after:absolute after:inset-0 after:bg-purple-500/30 after:animate-[fadeOut_1s_ease-out_forwards]"]),children:[kn("div",{className:Nr(["w-4/5 flex items-center justify-start h-full text-xs truncate gap-x-1.5"]),children:[kn("span",{className:Nr(["min-w-fit"]),children:kn(Ta,{className:Nr(["text-[#A1A1AA] transition-transform",n?"rotate-90":""]),size:14},`chevron-${e.timestamp}`)}),kn("span",{className:Nr(["text-xs"]),children:"collapsed-frame-drops"===e.kind?"FPS Drops":ka(e.events.at(0)?.componentPath??[])})]}),kn("div",{className:Nr(["ml-auto min-w-fit flex justify-end items-center"]),children:kn("div",{style:{lineHeight:"10px"},className:Nr(["w-fit flex items-center text-[10px] justify-center h-full text-white px-1 py-1 rounded-sm font-semibold","low"===o&&"bg-green-500/60","needs-improvement"===o&&"bg-[#b77116] text-[10px]","high"===o&&"bg-[#b94040]"]),children:["x",e.events.length]})})]}),n&&kn(Vs,{children:e.events.toSorted(((e,t)=>t.timestamp-e.timestamp)).map((e=>kn(Bs,{event:e,shouldFlash:t(e.id)})))})]})},Vs=({children:e})=>kn("div",{className:"relative pl-6 flex flex-col gap-y-1",children:[kn("div",{className:"absolute left-3 top-0 bottom-0 w-px bg-[#27272A]"}),e]}),Bs=({event:e,shouldFlash:t})=>{const{notificationState:n,setNotificationState:r}=Sa(),o=Na(e),i=(({shouldFlash:e})=>{const[t,n]=Ye(e);return Xe((()=>{if(e){n(!0);const e=setTimeout((()=>{n(!1)}),1e3);return()=>clearTimeout(e)}}),[e]),t})({shouldFlash:t});switch(e.kind){case"interaction":return kn("button",{onClick:()=>{r((t=>({...t,selectedEvent:e,route:"render-visualization",selectedFiber:null})))},className:Nr(["pl-2 py-1.5  text-sm flex w-full items-center rounded-sm hover:bg-[#18181B] relative overflow-hidden",e.id===n.selectedEvent?.id&&"bg-[#18181B]",i&&"after:absolute after:inset-0 after:bg-purple-500/30 after:animate-[fadeOut_1s_ease-out_forwards]"]),children:[kn("div",{className:Nr(["w-4/5 flex items-center justify-start h-full gap-x-1.5"]),children:[kn("span",{className:Nr(["min-w-fit text-xs"]),children:Oa((()=>{switch(e.type){case"click":return kn(Fa,{size:14});case"keyboard":return kn(Ra,{size:14})}}))}),kn("span",{className:Nr(["text-xs pr-1 truncate"]),children:ka(e.componentPath)})]}),kn("div",{className:Nr([" min-w-fit flex justify-end items-center ml-auto"]),children:kn("div",{style:{lineHeight:"10px"},className:Nr(["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"===o&&"bg-green-500/50","needs-improvement"===o&&"bg-[#b77116] text-[10px]","high"===o&&"bg-[#b94040]"]),children:kn("div",{style:{lineHeight:"10px"},className:Nr(["text-[10px] text-white flex items-end"]),children:[_a(e.timing).toFixed(0),"ms"]})})})]});case"dropped-frames":return kn("button",{onClick:()=>{r((t=>({...t,selectedEvent:e,route:"render-visualization",selectedFiber:null})))},className:Nr(["pl-2 py-1.5  w-full text-sm flex items-center rounded-sm hover:bg-[#18181B] relative overflow-hidden",e.id===n.selectedEvent?.id&&"bg-[#18181B]",i&&"after:absolute after:inset-0 after:bg-purple-500/30 after:animate-[fadeOut_1s_ease-out_forwards]"]),children:[kn("div",{className:Nr(["w-4/5 flex items-center justify-start h-full text-xs truncate"]),children:[kn(Pa,{size:14,className:"mr-1.5"})," FPS Drop"]}),kn("div",{className:Nr([" min-w-fit flex justify-end items-center ml-auto"]),children:kn("div",{style:{lineHeight:"10px"},className:Nr(["w-fit flex items-center justify-center h-full text-white px-1 py-1 rounded-sm text-[10px] font-bold","low"===o&&"bg-green-500/60","needs-improvement"===o&&"bg-[#b77116] text-[10px]","high"===o&&"bg-[#b94040]"]),children:[e.fps," FPS"]})})]})}},Ws=(e=150)=>{const{notificationState:t}=Sa(),[n,r]=Ye(t.events);return Xe((()=>{setTimeout((()=>{r(t.events)}),e)}),[t.events]),[n,r]},Ys=()=>{const{notificationState:e,setNotificationState:t}=Sa(),n=(e=>{const t=Je([]),[n,r]=Ye(new Set),o=Je(!0);return Xe((()=>{if(o.current)return o.current=!1,void(t.current=e);const n=new Set(e.map((e=>e.id))),i=new Set(t.current.map((e=>e.id))),a=new Set;n.forEach((e=>{i.has(e)||a.add(e)})),a.size>0&&(r(a),setTimeout((()=>{r(new Set)}),2e3)),t.current=e}),[e]),e=>n.has(e)})(e.events),[r,o]=Ws(),i=(a=r,a.reduce(((e,t)=>{const n=e.at(-1);if(!n)return[{kind:"single",event:t,timestamp:t.timestamp}];switch(n.kind){case"collapsed-keyboard":return"interaction"===t.kind&&"keyboard"===t.type&&t.componentPath.join("-")===n.events[0].componentPath.join("-")?[...e.filter((e=>e!==n)),{kind:"collapsed-keyboard",events:[...n.events,t],timestamp:Math.max(...[...n.events,t].map((e=>e.timestamp)))}]:[...e,{kind:"single",event:t,timestamp:t.timestamp}];case"single":return"interaction"===n.event.kind&&"keyboard"===n.event.type&&"interaction"===t.kind&&"keyboard"===t.type&&n.event.componentPath.join("-")===t.componentPath.join("-")?[...e.filter((e=>e!==n)),{kind:"collapsed-keyboard",events:[n.event,t],timestamp:Math.max(n.event.timestamp,t.timestamp)}]:"dropped-frames"===n.event.kind&&"dropped-frames"===t.kind?[...e.filter((e=>e!==n)),{kind:"collapsed-frame-drops",events:[n.event,t],timestamp:Math.max(n.event.timestamp,t.timestamp)}]:[...e,{kind:"single",event:t,timestamp:t.timestamp}];case"collapsed-frame-drops":return"dropped-frames"===t.kind?[...e.filter((e=>e!==n)),{kind:"collapsed-frame-drops",events:[...n.events,t],timestamp:Math.max(...[...n.events,t].map((e=>e.timestamp)))}]:[...e,{kind:"single",event:t,timestamp:t.timestamp}]}}),[])).toSorted(((e,t)=>t.timestamp-e.timestamp));var a;return kn("div",{className:Nr(["w-full h-full gap-y-2 flex flex-col border-r border-[#27272A] pt-2 overflow-y-auto"]),children:[kn("div",{className:Nr(["text-sm text-[#65656D] pl-3 pr-1 w-full flex items-center justify-between"]),children:[kn("span",{children:"History"}),kn(gs,{wrapperProps:{className:"h-full flex items-center justify-center ml-auto"},triggerContent:kn("button",{className:Nr(["hover:bg-[#18181B] rounded-full p-2"]),onClick:()=>{ds.getState().actions.clear(),t((e=>({...e,selectedEvent:null,selectedFiber:null,route:"other-visualization"===e.route?"other-visualization":"render-visualization"}))),o([])},children:kn(ja,{className:Nr([""]),size:16})}),children:kn("div",{className:Nr(["w-full flex justify-center"]),children:"Clear all events"})})]}),kn("div",{className:Nr(["flex flex-col px-1 gap-y-1"]),children:[0===i.length&&kn("div",{className:Nr(["flex items-center justify-center text-zinc-500 text-sm py-4"]),children:"No Events"}),i.map((e=>Oa((()=>{switch(e.kind){case"collapsed-keyboard":case"collapsed-frame-drops":return kn(Hs,{shouldFlash:n,item:e});case"single":return kn(Bs,{event:e.event,shouldFlash:n(e.event.id)},e.event.id)}}))))]})]})},Xs=()=>{const e=us(),t=[];return(e=>{Xe((()=>{const t=setInterval((()=>{e.forEach((e=>{e.groupedFiberRenders&&e.groupedFiberRenders.forEach((e=>{if(e.deletedAll)return;if(!e.elements||0===e.elements.length)return void(e.deletedAll=!0);const 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(t)}}),[e])})(t),e.state.events.forEach((e=>{const n=(e=>Object.values(e).map((e=>({id:Ia(),totalTime:e.nodeInfo.reduce(((e,t)=>e+t.selfTime),0),count:e.nodeInfo.length,name:e.nodeInfo[0].name,deletedAll:!1,elements:e.nodeInfo.map((e=>e.element)),changes:{context:e.changes.fiberContext.current.filter((t=>e.changes.fiberContext.changesCounts.get(t.name))).map((t=>({name:String(t.name),count:e.changes.fiberContext.changesCounts.get(t.name)??0}))),props:e.changes.fiberProps.current.filter((t=>e.changes.fiberProps.changesCounts.get(t.name))).map((t=>({name:String(t.name),count:e.changes.fiberProps.changesCounts.get(t.name)??0}))),state:e.changes.fiberState.current.filter((t=>e.changes.fiberState.changesCounts.get(Number(t.name)))).map((t=>({index:t.name,count:e.changes.fiberState.changesCounts.get(Number(t.name))??0})))}}))))("interaction"===e.kind?e.data.meta.detailedTiming.fiberRenders:e.data.meta.fiberRenders),r=n.reduce(((e,t)=>e+t.totalTime),0);switch(e.kind){case"interaction":{const{commitEnd:o,jsEndDetail:i,interactionStartDetail:a,rafStart:s}=e.data.meta.detailedTiming,l=Math.max(0,i-a-r),c=Math.max(e.data.meta.latency-(o-a),0);return void t.push({componentPath:e.data.meta.detailedTiming.componentPath,groupedFiberRenders:n,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:s-i,frameConstruction:o-s,frameDraw:c}})}case"long-render":return void t.push({kind:"dropped-frames",id:e.id,memory:null,timing:{kind:"dropped-frames",renderTime:r,otherTime:e.data.meta.latency},groupedFiberRenders:n,timestamp:e.data.startAt,fps:e.data.meta.fps})}})),t},qs=()=>{const{notificationState:e,setNotificationState:t}=Sa(),n=Je(null),r=Je(null),o=Je(0),[i]=Ws(),a=i.filter((e=>"high"===Na(e))).length;return Xe((()=>{const e=localStorage.getItem("react-scan-notifications-audio");if("false"!==e&&"true"!==e)return void localStorage.setItem("react-scan-notifications-audio","false");"false"!==e&&t((e=>e.audioNotificationsOptions.enabled?e:{...e,audioNotificationsOptions:{enabled:!0,audioContext:new AudioContext}}))}),[]),Xe((()=>{const{audioNotificationsOptions:t}=e;if(!t.enabled)return;if(0===a)return;if(n.current&&n.current>=a)return;r.current&&clearTimeout(r.current);const i=Date.now()-o.current,s=Math.max(0,1e3-i);r.current=setTimeout((()=>{Ut(t.audioContext),n.current=a,o.current=Date.now(),r.current=null}),s)}),[a]),Xe((()=>{0===a&&(n.current=null)}),[a]),Xe((()=>()=>{r.current&&clearTimeout(r.current)}),[]),null},Js=Jt(((e,t)=>{const n=Xs(),[r,o]=Ye({detailsExpanded:!1,events:n,filterBy:"latest",moreInfoExpanded:!1,route:"render-visualization",selectedEvent:n.toSorted(((e,t)=>e.timestamp-t.timestamp)).at(-1)??null,selectedFiber:null,routeMessage:null,audioNotificationsOptions:{enabled:!1,audioContext:null}});return r.events=n,kn(Ca.Provider,{value:{notificationState:r,setNotificationState:o,setRoute:({route:e,routeMessage:t})=>{o((n=>{const r={...n,route:e,routeMessage:t};switch(e){case"render-visualization":case"optimize":case"other-visualization":return js(),{...r,selectedFiber:null};case"render-explanation":return js(),r}}))}},children:[kn(qs,{}),kn(Gs,{ref:t})]})})),Gs=Jt(((e,t)=>{const{notificationState:n}=Sa();return kn("div",{ref:t,className:Nr(["h-full w-full flex flex-col"]),children:[n.selectedEvent&&kn("div",{className:Nr(["w-full h-[48px] flex flex-col",n.moreInfoExpanded&&"h-[235px]",n.moreInfoExpanded&&"dropped-frames"===n.selectedEvent.kind&&"h-[150px]"]),children:[kn(Us,{selectedEvent:n.selectedEvent}),n.moreInfoExpanded&&kn(Ks,{})]}),kn("div",{className:Nr(["flex ",n.selectedEvent?"h-[calc(100%-48px)]":"h-full",n.moreInfoExpanded&&"h-[calc(100%-200px)]",n.moreInfoExpanded&&"dropped-frames"===n.selectedEvent?.kind&&"h-[calc(100%-150px)]"]),children:[kn("div",{className:Nr(["h-full min-w-[200px]"]),children:kn(Ys,{})}),kn("div",{className:Nr(["w-[calc(100%-200px)] h-full overflow-y-auto"]),children:kn(Os,{})})]})]})})),Ks=()=>{const{notificationState:e}=Sa();if(!e.selectedEvent)throw new Error("Invariant must have selected event for more info");const t=e.selectedEvent;return kn("div",{className:Nr(["px-4 py-2 border-b border-[#27272A] bg-[#18181B]/50 h-[calc(100%-40px)]","dropped-frames"===t.kind&&"h-[calc(100%-25px)]"]),children:kn("div",{className:Nr(["flex flex-col gap-y-4 h-full"]),children:Oa((()=>{switch(t.kind){case"interaction":return kn(ge,{children:[kn("div",{className:Nr(["flex items-center gap-x-3"]),children:[kn("span",{className:"text-[#6F6F78] text-xs font-medium",children:"click"===t.type?"Clicked component location":"Typed in component location"}),kn("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,n)=>kn(ge,{children:[kn("span",{style:{lineHeight:"14px"},className:"text-[10px] whitespace-nowrap",children:e},e),n<t.componentPath.length-1&&kn("span",{className:"text-[#6F6F78] mx-0.5",children:"‹"})]})))})]}),kn("div",{className:Nr(["flex items-center gap-x-3"]),children:[kn("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Total Time"}),kn("span",{className:"text-[#E4E4E7] bg-[#27272A] px-1.5 py-1 rounded-sm text-xs",children:[_a(t.timing).toFixed(0),"ms"]})]}),kn("div",{className:Nr(["flex items-center gap-x-3"]),children:[kn("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Occurred"}),kn("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 kn(ge,{children:[kn("div",{className:Nr(["flex items-center gap-x-3"]),children:[kn("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Total Time"}),kn("span",{className:"text-[#E4E4E7] bg-[#27272A] px-1.5 py-1 rounded-sm text-xs",children:[_a(t.timing).toFixed(0),"ms"]})]}),kn("div",{className:Nr(["flex items-center gap-x-3"]),children:[kn("span",{className:"text-[#6F6F78] text-xs font-medium",children:"Occurred"}),kn("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`})]})]})}}))})})},Zs=Dr((()=>{const e=Xs(),[t,n]=Ye(e);Xe((()=>{const t=setTimeout((()=>{n(e)}),600);return()=>{clearTimeout(t)}}),[e]);const r=yl.inspectState,o="inspecting"===r.value.kind,i="focused"===r.value.kind,a=Ke((()=>{switch(yl.inspectState.value.kind){case"inspecting":return jr.value={view:"none"},void(yl.inspectState.value={kind:"inspect-off"});case"focused":return jr.value={view:"inspector"},void(yl.inspectState.value={kind:"inspecting",hoveredDomElement:null});case"inspect-off":return jr.value={view:"none"},void(yl.inspectState.value={kind:"inspecting",hoveredDomElement:null});case"uninitialized":return}}),[]),s=Ke((()=>{switch("inspect-off"!==yl.inspectState.value.kind&&(yl.inspectState.value={kind:"inspect-off"}),jr.value.view){case"inspector":return yl.inspectState.value={kind:"inspect-off"},void(jr.value={view:"notifications"});case"notifications":return void(jr.value={view:"none"});case"none":return void(jr.value={view:"notifications"})}}),[]),l=Ke((e=>{if(e.preventDefault(),e.stopPropagation(),!kl.instrumentation)return;const t=!kl.instrumentation.isPaused.value;kl.instrumentation.isPaused.value=t;const n=Tr("react-scan-options");Er("react-scan-options",{...n,enabled:!t})}),[]);Rt((()=>{"uninitialized"===yl.inspectState.value.kind&&(yl.inspectState.value={kind:"inspect-off"})}));let c=null,d="#999";return o?(c=kn(_n,{name:"icon-inspect"}),d="#8e61e3"):i?(c=kn(_n,{name:"icon-focus"}),d="#8e61e3"):(c=kn(_n,{name:"icon-inspect"}),d="#999"),kn("div",{className:"flex max-h-9 min-h-9 flex-1 items-stretch overflow-hidden",children:[kn("div",{className:"h-full flex items-center min-w-fit",children:kn("button",{type:"button",id:"react-scan-inspect-element",title:"Inspect element",onClick:a,className:"button flex items-center justify-center h-full w-full pl-3 pr-2.5",style:{color:d},children:c})}),kn("div",{className:"h-full flex items-center justify-center",children:kn("button",{type:"button",id:"react-scan-notifications",onClick:s,className:"button flex items-center justify-center h-full pl-2.5 pr-2.5",style:{color:d},children:kn(Ea,{events:t.map((e=>"high"===Na(e))),size:16,className:Nr(["text-[#999]","notifications"===jr.value.view&&"text-[#8E61E3]"])})})}),kn(ba,{checked:!kl.instrumentation?.isPaused.value,onChange:l,className:"place-self-center"}),kl.options.value.showFPS&&kn(ya,{})]})})),Qs=_t((()=>"inspecting"===yl.inspectState.value.kind)),el=_t((()=>Nr("relative","flex-1","flex flex-col","rounded-t-lg","overflow-hidden","opacity-100","transition-[opacity]",Qs.value&&"opacity-0 duration-0 delay-0"))),tl=_t((()=>"inspector"===jr.value.view)),nl=_t((()=>"notifications"===jr.value.view)),rl=()=>kn("div",{className:Nr("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:[kn("div",{className:el,children:[kn(wa,{}),kn("div",{className:Nr("relative","flex-1 flex","text-white","bg-[#0A0A0A]","transition-opacity delay-150","overflow-hidden","border-b border-[#222]"),children:[kn(ol,{isOpen:tl,children:kn($o,{})}),kn(ol,{isOpen:nl,children:kn(Js,{})})]})]}),kn(Zs,{})]}),ol=({isOpen:e,children:t})=>kn("div",{className:Nr("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:kn("div",{className:"absolute inset-0 flex",children:t})}),il=(e,t,n)=>e+(t-e)*n,al={frameInterval:1e3/60,speeds:{fast:.51,slow:.1,off:0}},sl=se&&window.devicePixelRatio||1,ll=()=>{const e=Je(null),t=Je(null),n=Je(null),r=Je(null),o=Je(null),i=Je(0),a=Je(),s=Je(new Map),l=Je(!1),c=Je(0),d=(e,t,n,o)=>{if(!o)return;const i=(o?.type&&M(o.type))??"Unknown";e.save(),e.font="12px system-ui, -apple-system, sans-serif";const a="locked"===n?14:0,s="locked"===n?6:0,l=e.measureText(i).width+16+a+s,c=t.left,d=t.top-24-4;if(e.fillStyle="rgb(37, 37, 38, .75)",e.beginPath(),e.roundRect(c,d,l,24,3),e.fill(),"locked"===n){const t=c+8,n=d+(24-a)/2+2;((e,t,n,r)=>{e.save(),e.strokeStyle="white",e.fillStyle="white",e.lineWidth=1.5;const o=.6*r,i=.5*r,a=t+(r-o)/2,s=n;e.beginPath(),e.arc(a+o/2,s+i/2,o/2,Math.PI,0,!1),e.stroke();const l=.8*r,c=.5*r,d=t+(r-l)/2,u=n+i/2;e.fillRect(d,u,l,c),e.restore()})(e,t,n,a),r.current={x:t,y:n,width:a,height:a}}else r.current=null;e.fillStyle="white",e.textBaseline="middle";const u=c+8+("locked"===n?a+s:0);e.fillText(i,u,d+12),e.restore()},u=(e,t,r,o)=>{if(!n.current)return;const i=n.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"===r?t.setLineDash([]):t.setLineDash([4]),t.lineWidth=1,t.fillRect(i.left,i.top,i.width,i.height),t.strokeRect(i.left,i.top,i.width,i.height),d(t,i,r,o)},p=(e,t,r,o,s)=>{if(t.save(),!n.current)return n.current=r,u(e,t,o,s),void t.restore();((e,t,r,o,s)=>{const l=kl.options.value.animationSpeed,d=al.speeds[l]??al.speeds.off,p=a=>{a-c.current<al.frameInterval?i.current=requestAnimationFrame(p):(c.current=a,n.current?(n.current={left:il(n.current.left,r.left,d),top:il(n.current.top,r.top,d),width:il(n.current.width,r.width,d),height:il(n.current.height,r.height,d)},u(e,t,o,s),Math.abs(n.current.left-r.left)>.1||Math.abs(n.current.top-r.top)>.1||Math.abs(n.current.width-r.width)>.1||Math.abs(n.current.height-r.height)>.1?i.current=requestAnimationFrame(p):(n.current=r,u(e,t,o,s),cancelAnimationFrame(i.current),t.restore())):cancelAnimationFrame(i.current))};cancelAnimationFrame(i.current),clearTimeout(a.current),i.current=requestAnimationFrame(p),a.current=setTimeout((()=>{cancelAnimationFrame(i.current),n.current=r,u(e,t,o,s),t.restore()}),1e3)})(e,t,r,o,s)},h=async(e,t,n,r)=>{if(!e||!t||!n)return;const{parentCompositeFiber:o}=Io(e),i=await Do(e);o&&i&&p(t,n,i,r,o)},f=t=>{if(!e.current||l.current)return;const i=a=>{e.current&&"opacity"===a.propertyName&&l.current&&(e.current.removeEventListener("transitionend",i),(e=>{const t=e.getContext("2d");t&&t.clearRect(0,0,e.width,e.height),n.current=null,r.current=null,o.current=null,e.classList.remove("fade-in"),l.current=!1})(e.current),t?.())},a=s.current.get("fade-out");a&&(a(),s.current.delete("fade-out")),e.current.addEventListener("transitionend",i),s.current.set("fade-out",(()=>{e.current?.removeEventListener("transitionend",i)})),l.current=!0,e.current.classList.remove("fade-in"),requestAnimationFrame((()=>{e.current?.classList.add("fade-out")}))},m=()=>{e.current&&(l.current=!1,e.current.classList.remove("fade-out"),requestAnimationFrame((()=>{e.current?.classList.add("fade-in")})))},g=Sr((r=>{if("inspecting"!==yl.inspectState.peek().kind||!t.current)return;t.current.style.pointerEvents="none";const i=document.elementFromPoint(r?.clientX??0,r?.clientY??0);if(t.current.style.removeProperty("pointer-events"),clearTimeout(a.current),i&&i!==e.current){const{parentCompositeFiber:e}=Io(i);if(e){const t=Vo(e);if(t)return void(e=>{e!==o.current&&(o.current=e,Ho.has(e.tagName)?f():m(),yl.inspectState.value={kind:"inspecting",hoveredDomElement:e})})(t)}}n.current&&e.current&&!l.current&&f()}),32),v=(e,t)=>{const n=r.current;if(!n)return!1;const o=t.getBoundingClientRect(),i=t.width/o.width,a=t.height/o.height,s=(e.clientX-o.left)*i,l=(e.clientY-o.top)*a,c=s/sl,d=l/sl;return c>=n.x&&c<=n.x+n.width&&d>=n.y&&d<=n.y+n.height},w=n=>{if(n.__reactScanSyntheticEvent)return;const r=yl.inspectState.peek(),i=e.current;return i&&t.current?v(n,i)?(n.preventDefault(),n.stopPropagation(),void(e=>{"focused"===e.kind&&(yl.inspectState.value={kind:"inspecting",hoveredDomElement:e.focusedDomElement})})(r)):void("inspecting"===r.kind&&(e=>{const t=["react-scan-inspect-element","react-scan-power"];if(e.target instanceof HTMLElement&&t.includes(e.target.id))return;const n=o.current?.tagName;if(n&&Ho.has(n))return;e.preventDefault(),e.stopPropagation();const r=o.current??document.elementFromPoint(e.clientX,e.clientY);if(!r)return;const i=e.composedPath().at(0);if(i instanceof HTMLElement&&t.includes(i.id)){const t=new MouseEvent(e.type,e);return t.__reactScanSyntheticEvent=!0,void i.dispatchEvent(t)}const{parentCompositeFiber:a}=Io(r);if(!a)return;const s=Vo(a);if(!s)return o.current=null,void(yl.inspectState.value={kind:"inspect-off"});yl.inspectState.value={kind:"focused",focusedDomElement:s,fiber:a}})(n)):void 0},b=t=>{if("Escape"!==t.key)return;const r=yl.inspectState.peek();if(e.current&&"react-scan-root"!==document.activeElement?.id&&(jr.value={view:"none"},"focused"===r.kind||"inspecting"===r.kind))switch(t.preventDefault(),t.stopPropagation(),r.kind){case"focused":m(),n.current=null,o.current=r.focusedDomElement,yl.inspectState.value={kind:"inspecting",hoveredDomElement:r.focusedDomElement};break;case"inspecting":f((()=>{Ar.value=!1,yl.inspectState.value={kind:"inspect-off"}}))}},x=(e,t)=>{const n=e.getBoundingClientRect();e.width=n.width*sl,e.height=n.height*sl,t.scale(sl,sl),t.save()},y=()=>{const t=yl.inspectState.peek(),r=e.current;if(!r)return;const o=r?.getContext("2d");o&&(cancelAnimationFrame(i.current),clearTimeout(a.current),x(r,o),n.current=null,"focused"===t.kind&&t.focusedDomElement?h(t.focusedDomElement,r,o,"locked"):"inspecting"===t.kind&&t.hoveredDomElement&&h(t.hoveredDomElement,r,o,"inspecting"))},k=t=>{const n=yl.inspectState.peek(),r=e.current;r&&("inspecting"===n.kind||v(t,r))&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())};return Xe((()=>{const r=e.current;if(!r)return;const l=r?.getContext("2d");if(!l)return;x(r,l);const c=yl.inspectState.subscribe((e=>{((e,r,a)=>{let l;switch(s.current.get(e.kind)?.(),t.current&&"inspecting"!==e.kind&&(t.current.style.pointerEvents="none"),i.current&&cancelAnimationFrame(i.current),e.kind){case"inspect-off":return void f();case"inspecting":h(e.hoveredDomElement,r,a,"inspecting");break;case"focused":if(!e.focusedDomElement)return;o.current!==e.focusedDomElement&&(o.current=e.focusedDomElement),jr.value={view:"inspector"},h(e.focusedDomElement,r,a,"locked"),l=yl.lastReportTime.subscribe((()=>{if(i.current&&n.current){const{parentCompositeFiber:t}=Io(e.focusedDomElement);t&&h(e.focusedDomElement,r,a,"locked")}})),l&&s.current.set(e.kind,l)}})(e,r,l)}));return window.addEventListener("scroll",y,{passive:!0}),window.addEventListener("resize",y,{passive:!0}),document.addEventListener("pointermove",g,{passive:!0,capture:!0}),document.addEventListener("pointerdown",k,{capture:!0}),document.addEventListener("click",w,{capture:!0}),document.addEventListener("keydown",b,{capture:!0}),()=>{(()=>{for(const e of s.current.values())e?.()})(),c(),window.removeEventListener("scroll",y),window.removeEventListener("resize",y),document.removeEventListener("pointermove",g,{capture:!0}),document.removeEventListener("click",w,{capture:!0}),document.removeEventListener("pointerdown",k,{capture:!0}),document.removeEventListener("keydown",b,{capture:!0}),i.current&&cancelAnimationFrame(i.current),clearTimeout(a.current)}}),[]),kn(ge,{children:[kn("div",{ref:t,className:Nr("fixed inset-0 w-screen h-screen","z-[214748365]"),style:{pointerEvents:"none"}}),kn("canvas",{ref:e,dir:"ltr",className:Nr("react-scan-inspector-overlay","fixed inset-0 w-screen h-screen","pointer-events-none","z-[214748367]")})]})},cl=class{constructor(e,t){this.width=e,this.height=t,this.maxWidth=e-48,this.maxHeight=t-48}rightEdge(e){return this.width-e-Sn}bottomEdge(e){return this.height-e-Sn}isFullWidth(e){return e>=this.maxWidth}isFullHeight(e){return e>=this.maxHeight}},dl=()=>{const e=window.innerWidth,t=window.innerHeight;return Rs&&Rs.width===e&&Rs.height===t?Rs:Rs=new cl(e,t)},ul=(e,t,n)=>{const r=window.innerWidth,o=window.innerHeight,i=t===Cn,a=i?t:Math.min(t,r-48),s=i?n:Math.min(n,o-48);let l,c;switch(e){case"top-right":l=r-a-Sn,c=Sn;break;case"bottom-right":l=r-a-Sn,c=o-s-Sn;break;case"bottom-left":l=Sn,c=o-s-Sn;break;default:l=Sn,c=Sn}return i&&(l=Math.max(Sn,Math.min(l,r-a-Sn)),c=Math.max(Sn,Math.min(c,o-s-Sn))),{x:l,y:c}},pl=(e,t,n)=>{const r=n?Cn:En,o=n?dl().maxWidth:dl().maxHeight,i=e+t;return Math.min(Math.max(r,i),o)},hl=({position:e})=>{const t=Je(null),n=Je(null),r=Je(null),o=Je(null);Xe((()=>{const i=t.current;if(!i)return;const a=()=>{i.classList.remove("pointer-events-none");const t="focused"===yl.inspectState.value.kind,n="none"!==jr.value.view,r=(t||n)&&((e,t,n,r)=>!(!n||!r)||(n||r?n?e!==t.split("-")[0]:!!r&&e!==t.split("-")[1]:((e,t)=>{const[n,r]=t.split("-");return e!==n&&e!==r})(e,t)))(e,Fr.value.corner,Fr.value.dimensions.isFullWidth,Fr.value.dimensions.isFullHeight);r?i.classList.remove("hidden","pointer-events-none","opacity-0"):i.classList.add("hidden","pointer-events-none","opacity-0")},s=Fr.subscribe((e=>{null!==n.current&&null!==r.current&&null!==o.current&&e.dimensions.width===n.current&&e.dimensions.height===r.current&&e.corner===o.current||(a(),n.current=e.dimensions.width,r.current=e.dimensions.height,o.current=e.corner)})),l=yl.inspectState.subscribe((()=>{a()}));return()=>{s(),l(),n.current=null,r.current=null,o.current=null}}),[]);const i=Ke((t=>{t.preventDefault(),t.stopPropagation();const n=$r.value;if(!n)return;const r=n.style,{dimensions:o}=Fr.value,i=t.clientX,a=t.clientY,s=o.width,l=o.height,c=o.position;Fr.value={...Fr.value,dimensions:{...o,isFullWidth:!1,isFullHeight:!1,width:s,height:l,position:c}};let d=null;const u=t=>{d||(r.transition="none",d=requestAnimationFrame((()=>{const{newSize:n,newPosition:o}=((e,t,n,r,o)=>{const i=window.innerWidth-48,a=window.innerHeight-48;let s=t.width,l=t.height,c=n.x,d=n.y;if(e.includes("right")){const e=window.innerWidth-n.x-Sn,o=Math.min(t.width+r,e);s=Math.min(i,Math.max(Cn,o))}if(e.includes("left")){const e=n.x+t.width-Sn,o=Math.min(t.width-r,e);s=Math.min(i,Math.max(Cn,o)),c=n.x-(s-t.width)}if(e.includes("bottom")){const e=window.innerHeight-n.y-Sn,r=Math.min(t.height+o,e);l=Math.min(a,Math.max(En,r))}if(e.includes("top")){const e=n.y+t.height-Sn,r=Math.min(t.height-o,e);l=Math.min(a,Math.max(En,r)),d=n.y-(l-t.height)}return c=Math.max(Sn,Math.min(c,window.innerWidth-Sn-s)),d=Math.max(Sn,Math.min(d,window.innerHeight-Sn-l)),{newSize:{width:s,height:l},newPosition:{x:c,y:d}}})(e,{width:s,height:l},c,t.clientX-i,t.clientY-a);r.transform=`translate3d(${o.x}px, ${o.y}px, 0)`,r.width=`${n.width}px`,r.height=`${n.height}px`;const u=Math.floor(n.width-Cn/2),p=Fr.value.componentsTree.width,h=Math.min(u,Math.max(zn,p));Fr.value={...Fr.value,dimensions:{isFullWidth:!1,isFullHeight:!1,width:n.width,height:n.height,position:o},componentsTree:{...Fr.value.componentsTree,width:h}},d=null})))},p=()=>{d&&(cancelAnimationFrame(d),d=null),document.removeEventListener("pointermove",u),document.removeEventListener("pointerup",p);const{dimensions:e,corner:t}=Fr.value,o=dl(),i=o.isFullWidth(e.width),a=o.isFullHeight(e.height);let s=t;(i&&a||i||a)&&(s=(e=>{const t=dl(),n={"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)};let r="top-left";for(const e in n)n[e]<n[r]&&(r=e);return r})(e.position));const l=ul(s,e.width,e.height),c=()=>{n.removeEventListener("transitionend",c)};n.addEventListener("transitionend",c),r.transform=`translate3d(${l.x}px, ${l.y}px, 0)`,Fr.value={...Fr.value,corner:s,dimensions:{isFullWidth:i,isFullHeight:a,width:e.width,height:e.height,position:l},lastDimensions:{isFullWidth:i,isFullHeight:a,width:e.width,height:e.height,position:l}},Er(An,{corner:s,dimensions:Fr.value.dimensions,lastDimensions:Fr.value.lastDimensions,componentsTree:Fr.value.componentsTree})};document.addEventListener("pointermove",u,{passive:!0}),document.addEventListener("pointerup",p)}),[]),a=Ke((t=>{t.preventDefault(),t.stopPropagation();const n=$r.value;if(!n)return;const r=n.style,{dimensions:o,corner:i}=Fr.value,a=dl(),s=a.isFullWidth(o.width),l=a.isFullHeight(o.height),c=s&&l,d=(s||l)&&!c;let u=o.width,p=o.height;const h=((e,t,n,r,o)=>{if(n){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";const[n,r]=t.split("-");if("left"===e)return`${n}-right`;if("right"===e)return`${n}-left`;if("top"===e)return`bottom-${r}`;if("bottom"===e)return`top-${r}`}if(r){if("left"===e)return`${t.split("-")[0]}-right`;if("right"===e)return`${t.split("-")[0]}-left`}if(o){if("top"===e)return`bottom-${t.split("-")[1]}`;if("bottom"===e)return`top-${t.split("-")[1]}`}return t})(e,i,c,s,l);"left"===e||"right"===e?(u=s?o.width:a.maxWidth,d&&(u=s?Cn:a.maxWidth)):(p=l?o.height:a.maxHeight,d&&(p=l?En:a.maxHeight)),c&&("left"===e||"right"===e?u=Cn:p=En);const f=ul(h,u,p),m={isFullWidth:a.isFullWidth(u),isFullHeight:a.isFullHeight(p),width:u,height:p,position:f},g=Math.floor(u-Cn/2),v=Fr.value.componentsTree.width,w=Math.floor(.3*u),b=s?zn:"left"!==e&&"right"!==e||s?Math.min(g,Math.max(zn,v)):Math.min(g,Math.max(zn,w));requestAnimationFrame((()=>{Fr.value={corner:h,dimensions:m,lastDimensions:o,componentsTree:{...Fr.value.componentsTree,width:b}},r.transition="all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",r.width=`${u}px`,r.height=`${p}px`,r.transform=`translate3d(${f.x}px, ${f.y}px, 0)`})),Er(An,{corner:h,dimensions:m,lastDimensions:o,componentsTree:{...Fr.value.componentsTree,width:b}})}),[]);return kn("div",{ref:t,onPointerDown:i,onDblClick:a,className:Nr("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:kn("span",{className:"resize-line-wrapper",children:kn("span",{className:"resize-line",children:kn(_n,{name:"icon-ellipsis",size:18,className:Nr("text-neutral-400",("left"===e||"right"===e)&&"rotate-90")})})})})},fl=()=>{const e=Je(null),t=Je(!1),n=Je(0),r=Je(0),o=Ke(((o=!0)=>{if(!e.current)return;const{corner:i}=Fr.value;let a,s;if(t.current){const e=Fr.value.lastDimensions;a=pl(e.width,0,!0),s=pl(e.height,0,!1)}else{const e=Fr.value.dimensions;e.width>n.current&&(Fr.value={...Fr.value,lastDimensions:{isFullWidth:e.isFullWidth,isFullHeight:e.isFullHeight,width:e.width,height:e.height,position:e.position}}),a=n.current,s=r.current}const l=ul(i,a,s),c=o&&!(a<Cn||s<En),d=e.current,u=d.style;let p=null;const h=()=>{Rr(),d.removeEventListener("transitionend",h),p&&(cancelAnimationFrame(p),p=null)};d.addEventListener("transitionend",h),u.transition="all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",p=requestAnimationFrame((()=>{u.width=`${a}px`,u.height=`${s}px`,u.transform=`translate3d(${l.x}px, ${l.y}px, 0)`,p=null}));const f={isFullWidth:a>=window.innerWidth-48,isFullHeight:s>=window.innerHeight-48,width:a,height:s,position:l};Fr.value={corner:i,dimensions:f,lastDimensions:t?Fr.value.lastDimensions:a>n.current?f:Fr.value.lastDimensions,componentsTree:Fr.value.componentsTree},c&&Er(An,{corner:Fr.value.corner,dimensions:Fr.value.dimensions,lastDimensions:Fr.value.lastDimensions,componentsTree:Fr.value.componentsTree}),Rr()}),[]),i=Ke((t=>{if(t.preventDefault(),!e.current||t.target.closest("button"))return;const n=e.current,r=n.style,{dimensions:o}=Fr.value,i=t.clientX,a=t.clientY,s=o.position.x,l=o.position.y;let c=s,d=l,u=null,p=!1,h=i,f=a;const m=e=>{u||(p=!0,h=e.clientX,f=e.clientY,u=requestAnimationFrame((()=>{const e=h-i,t=f-a;c=Number(s)+e,d=Number(l)+t,r.transition="none",r.transform=`translate3d(${c}px, ${d}px, 0)`,u=null})))},g=()=>{if(!n)return;u&&(cancelAnimationFrame(u),u=null),document.removeEventListener("pointermove",m),document.removeEventListener("pointerup",g);const e=Math.abs(h-i),t=Math.abs(f-a),v=Math.sqrt(e*e+t*t);if(!p||v<60)return;const w=((e,t,n,r,o=100)=>{const i=void 0!==n?e-n:0,a=void 0!==r?t-r:0,s=window.innerWidth/2,l=window.innerHeight/2,c=i>o,d=a>o;if(c||i<-o){const e=t>l;return c?e?"bottom-right":"top-right":e?"bottom-left":"top-left"}if(d||a<-o){const t=e>s;return d?t?"bottom-right":"bottom-left":t?"top-right":"top-left"}return e>s?t>l?"bottom-right":"top-right":t>l?"bottom-left":"top-left"})(h,f,i,a,"focused"===yl.inspectState.value.kind?80:40);if(w===Fr.value.corner){r.transition="all 0.3s cubic-bezier(0.4, 0, 0.2, 1)";const e=Fr.value.dimensions.position;return void requestAnimationFrame((()=>{r.transform=`translate3d(${e.x}px, ${e.y}px, 0)`}))}const b=ul(w,o.width,o.height);if(c===s&&d===l)return;const x=()=>{r.transition="none",Rr(),n.removeEventListener("transitionend",x),u&&(cancelAnimationFrame(u),u=null)};n.addEventListener("transitionend",x),r.transition="all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",requestAnimationFrame((()=>{r.transform=`translate3d(${b.x}px, ${b.y}px, 0)`})),Fr.value={corner:w,dimensions:{isFullWidth:o.isFullWidth,isFullHeight:o.isFullHeight,width:o.width,height:o.height,position:b},lastDimensions:Fr.value.lastDimensions,componentsTree:Fr.value.componentsTree},Er(An,{corner:w,dimensions:Fr.value.dimensions,lastDimensions:Fr.value.lastDimensions,componentsTree:Fr.value.componentsTree})};document.addEventListener("pointermove",m),document.addEventListener("pointerup",g)}),[]);Xe((()=>{if(!e.current)return;e.current.style.width="min-content",r.current=36,n.current=e.current.offsetWidth,e.current.style.maxWidth="calc(100vw - 48px)",e.current.style.maxHeight="calc(100vh - 48px)","focused"!==yl.inspectState.value.kind&&(Fr.value={...Fr.value,dimensions:{isFullWidth:!1,isFullHeight:!1,width:n.current,height:r.current,position:Fr.value.dimensions.position}}),$r.value=e.current;const i=Fr.subscribe((t=>{if(!e.current)return;const{x:n,y:r}=t.dimensions.position,{width:o,height:i}=t.dimensions,a=e.current;requestAnimationFrame((()=>{a.style.transform=`translate3d(${n}px, ${r}px, 0)`,a.style.width=`${o}px`,a.style.height=`${i}px`}))})),a=jr.subscribe((e=>{t.current="none"!==e.view,o()})),s=yl.inspectState.subscribe((e=>{t.current="focused"===e.kind,o()})),l=()=>{o(!0)};return window.addEventListener("resize",l,{passive:!0}),()=>{window.removeEventListener("resize",l),a(),s(),i(),Er(An,{...Mr,corner:Fr.value.corner})}}),[]);const[a,s]=Ye(!1);return Xe((()=>{s(!0)}),[]),kn(ge,{children:[kn(ll,{}),kn(ml.Provider,{value:e.current,children:kn("div",{id:"react-scan-toolbar",dir:"ltr",ref:e,onPointerDown:i,className:Nr("fixed inset-0 rounded-lg shadow-lg","flex flex-col","font-mono text-[13px]","user-select-none","opacity-0","cursor-move","z-[124124124124]","animate-fade-in animation-duration-300 animation-delay-300","will-change-transform","[touch-action:none]"),children:[kn(hl,{position:"top"}),kn(hl,{position:"bottom"}),kn(hl,{position:"left"}),kn(hl,{position:"right"}),kn(rl,{})]})})]})},ml=je(null),gl=()=>kn("svg",{xmlns:"http://www.w3.org/2000/svg",style:"display: none;",children:[kn("title",{children:"React Scan Icons"}),kn("symbol",{id:"icon-inspect",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("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"}),kn("path",{d:"M5 3a2 2 0 0 0-2 2"}),kn("path",{d:"M19 3a2 2 0 0 1 2 2"}),kn("path",{d:"M5 21a2 2 0 0 1-2-2"}),kn("path",{d:"M9 3h1"}),kn("path",{d:"M9 21h2"}),kn("path",{d:"M14 3h1"}),kn("path",{d:"M3 9v1"}),kn("path",{d:"M21 9v2"}),kn("path",{d:"M3 14v1"})]}),kn("symbol",{id:"icon-focus",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("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"}),kn("path",{d:"M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6"})]}),kn("symbol",{id:"icon-next",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:kn("path",{d:"M6 9h6V5l7 7-7 7v-4H6V9z"})}),kn("symbol",{id:"icon-previous",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:kn("path",{d:"M18 15h-6v4l-7-7 7-7v4h6v6z"})}),kn("symbol",{id:"icon-close",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),kn("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),kn("symbol",{id:"icon-replay",viewBox:"0 0 24 24",fill:"none","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("path",{d:"M3 7V5a2 2 0 0 1 2-2h2"}),kn("path",{d:"M17 3h2a2 2 0 0 1 2 2v2"}),kn("path",{d:"M21 17v2a2 2 0 0 1-2 2h-2"}),kn("path",{d:"M7 21H5a2 2 0 0 1-2-2v-2"}),kn("circle",{cx:"12",cy:"12",r:"1"}),kn("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"})]}),kn("symbol",{id:"icon-ellipsis",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("circle",{cx:"12",cy:"12",r:"1"}),kn("circle",{cx:"19",cy:"12",r:"1"}),kn("circle",{cx:"5",cy:"12",r:"1"})]}),kn("symbol",{id:"icon-copy",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),kn("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]}),kn("symbol",{id:"icon-check",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:kn("path",{d:"M20 6 9 17l-5-5"})}),kn("symbol",{id:"icon-chevron-right",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:kn("path",{d:"m9 18 6-6-6-6"})}),kn("symbol",{id:"icon-settings",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("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"}),kn("circle",{cx:"12",cy:"12",r:"3"})]}),kn("symbol",{id:"icon-flame",viewBox:"0 0 24 24",children:kn("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"})}),kn("symbol",{id:"icon-function",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"}),kn("path",{d:"M9 17c2 0 2.8-1 2.8-2.8V10c0-2 1-3.3 3.2-3"}),kn("path",{d:"M9 11.2h5.7"})]}),kn("symbol",{id:"icon-triangle-alert",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("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"}),kn("path",{d:"M12 9v4"}),kn("path",{d:"M12 17h.01"})]}),kn("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:[kn("path",{d:"M2 7v10"}),kn("path",{d:"M6 5v14"}),kn("rect",{width:"12",height:"18",x:"10",y:"3",rx:"2"})]}),kn("symbol",{id:"icon-search",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("circle",{cx:"11",cy:"11",r:"8"}),kn("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),kn("symbol",{id:"icon-lock",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),kn("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),kn("symbol",{id:"icon-lock-open",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),kn("path",{d:"M7 11V7a5 5 0 0 1 9.9-1"})]}),kn("symbol",{id:"icon-sanil",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",children:[kn("path",{d:"M2 13a6 6 0 1 0 12 0 4 4 0 1 0-8 0 2 2 0 0 0 4 0"}),kn("circle",{cx:"10",cy:"13",r:"8"}),kn("path",{d:"M2 21h12c4.4 0 8-3.6 8-8V7a2 2 0 1 0-4 0v6"}),kn("path",{d:"M18 3 19.1 5.2"})]})]}),vl=class extends ve{constructor(){super(...arguments),this.state={hasError:!1,error:null},this.handleReset=()=>{this.setState({hasError:!1,error:null})}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}render(){return this.state.hasError?kn("div",{className:"fixed bottom-4 right-4 z-[124124124124]",children:kn("div",{className:"p-3 bg-black rounded-lg shadow-lg w-80",children:[kn("div",{className:"flex items-center gap-2 mb-2 text-red-400 text-sm font-medium",children:[kn(_n,{name:"icon-flame",className:"text-red-500",size:14}),"React Scan ran into a problem"]}),kn("div",{className:"p-2 bg-black rounded font-mono text-xs text-red-300 mb-3 break-words",children:this.state.error?.message||JSON.stringify(this.state.error)}),kn("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}},wl="0.2.12",bl=null,xl=null,yl={wasDetailsOpen:wt(!0),isInIframe:wt(se&&window.self!==window.top),inspectState:wt({kind:"uninitialized"}),monitor:wt(null),fiberRoots:new Set,reportData:new Map,legacyReportData:new Map,lastReportTime:wt(0),interactionListeningForRenders:null},kl={instrumentation:null,componentAllowList:null,options:wt({enabled:!0,log:!1,showToolbar:!0,animationSpeed:"fast",dangerouslyForceRunInProduction:!1,showFPS:!0}),onRender:null,scheduledOutlines:new Map,activeOutlines:new Map,Store:yl,version:wl};function _l(e){return e in kl.options.value}var Nl,Sl=e=>{const t=[],n={};for(const r in e){if(!_l(r))continue;const o=e[r];switch(r){case"enabled":case"log":case"showToolbar":case"dangerouslyForceRunInProduction":case"showFPS":"boolean"!=typeof o?t.push(`- ${r} must be a boolean. Got "${o}"`):n[r]=o;break;case"animationSpeed":["slow","fast","off"].includes(o)?n[r]=o:t.push(`- Invalid animation speed "${o}". Using default "fast"`);break;case"onCommitStart":"function"!=typeof o?t.push(`- ${r} must be a function. Got "${o}"`):n.onCommitStart=o;break;case"onCommitFinish":"function"!=typeof o?t.push(`- ${r} must be a function. Got "${o}"`):n.onCommitFinish=o;break;case"onRender":"function"!=typeof o?t.push(`- ${r} must be a function. Got "${o}"`):n.onRender=o;break;case"onPaintStart":case"onPaintFinish":"function"!=typeof o?t.push(`- ${r} must be a function. Got "${o}"`):n[r]=o;break;default:t.push(`- Unknown option "${r}"`)}}return t.length>0&&console.warn(`[React Scan] Invalid options:\n${t.join("\n")}`),n},Cl=e=>{const t=Sl(e);if(0===Object.keys(t).length)return;const n="showToolbar"in t&&void 0!==t.showToolbar,r={...kl.options.value,...t},{instrumentation:o}=kl;return o&&"enabled"in t&&(o.isPaused.value=!1===t.enabled),kl.options.value=r,Er("react-scan-options",r),n&&$l(!!r.showToolbar),r},Tl=()=>kl.options,El=null,zl=()=>{if(null!==El)return El;Nl??=k();for(const e of Nl.renderers.values()){"production"===F(e)&&(El=!0)}return El},Al=()=>{try{if(!se)return;if(zl()&&!kl.options.value.dangerouslyForceRunInProduction)return;const e=Tr("react-scan-options");if(e){const t=Sl(e);Object.keys(t).length>0&&(kl.options.value={...kl.options.value,...t})}const t=Tl();ma((()=>{$l(!!t.value.showToolbar)}));const n=se;yl.monitor.value||n||setTimeout((()=>{R()||console.error("[React Scan] Failed to load. Must import React Scan before React runs.")}),5e3)}catch(e){"verbose"===kl.options.value._debug&&console.error("[React Scan Internal Error]","Failed to create notifications outline canvas",e)}},$l=e=>{window.reactScanCleanupListeners?.();const t=ms(),n=Ml();window.reactScanCleanupListeners=()=>{t(),n?.()};const r=window.__REACT_SCAN_TOOLBAR_CONTAINER__;if(!e)return void r?.remove();r?.remove();const{shadowRoot:o}=(()=>{if(bl&&xl)return{rootContainer:bl,shadowRoot:xl};(bl=document.createElement("div")).id="react-scan-root",xl=bl.attachShadow({mode:"open"});const e=document.createElement("style");return e.textContent="*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n  --tw-contain-size:  ;\n  --tw-contain-layout:  ;\n  --tw-contain-paint:  ;\n  --tw-contain-style:  ;\n}/*\n! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n  -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font-family by default.\n2. Use the user's configured `mono` font-feature-settings by default.\n3. Use the user's configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace; /* 1 */\n  font-feature-settings: normal; /* 2 */\n  font-variation-settings: normal; /* 3 */\n  font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  letter-spacing: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type='button']),\ninput:where([type='reset']),\ninput:where([type='submit']) {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden=\"until-found\"])) {\n  display: none;\n}\n.\\!container {\n  width: 100% !important;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 640px) {\n\n  .\\!container {\n    max-width: 640px !important;\n  }\n\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n\n  .\\!container {\n    max-width: 768px !important;\n  }\n\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n\n  .\\!container {\n    max-width: 1024px !important;\n  }\n\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n\n  .\\!container {\n    max-width: 1280px !important;\n  }\n\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n\n  .\\!container {\n    max-width: 1536px !important;\n  }\n\n  .container {\n    max-width: 1536px;\n  }\n}\n.pointer-events-none {\n  pointer-events: none;\n}\n.pointer-events-auto {\n  pointer-events: auto;\n}\n.visible {\n  visibility: visible;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.inset-0 {\n  inset: 0px;\n}\n.inset-x-1 {\n  left: 4px;\n  right: 4px;\n}\n.inset-y-0 {\n  top: 0px;\n  bottom: 0px;\n}\n.-right-1 {\n  right: -4px;\n}\n.-right-2\\.5 {\n  right: -10px;\n}\n.-top-1 {\n  top: -4px;\n}\n.-top-2\\.5 {\n  top: -10px;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-4 {\n  bottom: 16px;\n}\n.left-0 {\n  left: 0px;\n}\n.left-2 {\n  left: 8px;\n}\n.left-3 {\n  left: 12px;\n}\n.right-0 {\n  right: 0px;\n}\n.right-0\\.5 {\n  right: 2px;\n}\n.right-2 {\n  right: 8px;\n}\n.right-4 {\n  right: 16px;\n}\n.top-0 {\n  top: 0px;\n}\n.top-0\\.5 {\n  top: 2px;\n}\n.top-1\\/2 {\n  top: 50%;\n}\n.top-2 {\n  top: 8px;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-100 {\n  z-index: 100;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[124124124124\\] {\n  z-index: 124124124124;\n}\n.z-\\[214748365\\] {\n  z-index: 214748365;\n}\n.z-\\[214748367\\] {\n  z-index: 214748367;\n}\n.m-\\[2px\\] {\n  margin: 2px;\n}\n.mx-0\\.5 {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n.\\!ml-0 {\n  margin-left: 0px !important;\n}\n.mb-1\\.5 {\n  margin-bottom: 6px;\n}\n.mb-2 {\n  margin-bottom: 8px;\n}\n.mb-3 {\n  margin-bottom: 12px;\n}\n.mb-4 {\n  margin-bottom: 16px;\n}\n.mb-px {\n  margin-bottom: 1px;\n}\n.ml-1 {\n  margin-left: 4px;\n}\n.ml-1\\.5 {\n  margin-left: 6px;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-0\\.5 {\n  margin-right: 2px;\n}\n.mr-1 {\n  margin-right: 4px;\n}\n.mr-1\\.5 {\n  margin-right: 6px;\n}\n.mr-16 {\n  margin-right: 64px;\n}\n.mr-auto {\n  margin-right: auto;\n}\n.mt-0\\.5 {\n  margin-top: 2px;\n}\n.mt-1 {\n  margin-top: 4px;\n}\n.mt-4 {\n  margin-top: 16px;\n}\n.block {\n  display: block;\n}\n.inline {\n  display: inline;\n}\n.flex {\n  display: flex;\n}\n.table {\n  display: table;\n}\n.hidden {\n  display: none;\n}\n.aspect-square {\n  aspect-ratio: 1 / 1;\n}\n.h-1 {\n  height: 4px;\n}\n.h-1\\.5 {\n  height: 6px;\n}\n.h-10 {\n  height: 40px;\n}\n.h-12 {\n  height: 48px;\n}\n.h-4 {\n  height: 16px;\n}\n.h-4\\/5 {\n  height: 80%;\n}\n.h-6 {\n  height: 24px;\n}\n.h-7 {\n  height: 28px;\n}\n.h-8 {\n  height: 32px;\n}\n.h-\\[150px\\] {\n  height: 150px;\n}\n.h-\\[235px\\] {\n  height: 235px;\n}\n.h-\\[28px\\] {\n  height: 28px;\n}\n.h-\\[48px\\] {\n  height: 48px;\n}\n.h-\\[50px\\] {\n  height: 50px;\n}\n.h-\\[calc\\(100\\%-150px\\)\\] {\n  height: calc(100% - 150px);\n}\n.h-\\[calc\\(100\\%-200px\\)\\] {\n  height: calc(100% - 200px);\n}\n.h-\\[calc\\(100\\%-25px\\)\\] {\n  height: calc(100% - 25px);\n}\n.h-\\[calc\\(100\\%-40px\\)\\] {\n  height: calc(100% - 40px);\n}\n.h-\\[calc\\(100\\%-48px\\)\\] {\n  height: calc(100% - 48px);\n}\n.h-fit {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n.h-full {\n  height: 100%;\n}\n.h-screen {\n  height: 100vh;\n}\n.max-h-0 {\n  max-height: 0px;\n}\n.max-h-40 {\n  max-height: 160px;\n}\n.max-h-8 {\n  max-height: 32px;\n}\n.max-h-9 {\n  max-height: 36px;\n}\n.min-h-9 {\n  min-height: 36px;\n}\n.min-h-\\[48px\\] {\n  min-height: 48px;\n}\n.min-h-fit {\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n}\n.w-1 {\n  width: 4px;\n}\n.w-1\\/2 {\n  width: 50%;\n}\n.w-1\\/3 {\n  width: 33.333333%;\n}\n.w-2\\/4 {\n  width: 50%;\n}\n.w-3 {\n  width: 12px;\n}\n.w-4 {\n  width: 16px;\n}\n.w-4\\/5 {\n  width: 80%;\n}\n.w-6 {\n  width: 24px;\n}\n.w-80 {\n  width: 320px;\n}\n.w-\\[5\\%\\] {\n  width: 5%;\n}\n.w-\\[72px\\] {\n  width: 72px;\n}\n.w-\\[90\\%\\] {\n  width: 90%;\n}\n.w-\\[calc\\(100\\%-200px\\)\\] {\n  width: calc(100% - 200px);\n}\n.w-fit {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.w-full {\n  width: 100%;\n}\n.w-px {\n  width: 1px;\n}\n.w-screen {\n  width: 100vw;\n}\n.min-w-\\[200px\\] {\n  min-width: 200px;\n}\n.min-w-fit {\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n}\n.max-w-md {\n  max-width: 448px;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.grow {\n  flex-grow: 1;\n}\n.-translate-y-1\\/2 {\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-translate-y-\\[200\\%\\] {\n  --tw-translate-y: -200%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-0 {\n  --tw-translate-y: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.translate-y-1 {\n  --tw-translate-y: 4px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.-rotate-90 {\n  --tw-rotate: -90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-0 {\n  --tw-rotate: 0deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-90 {\n  --tw-rotate: 90deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.scale-110 {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n@keyframes fadeIn {\n\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n.animate-fade-in {\n  animation: fadeIn ease-in forwards;\n}\n.cursor-e-resize {\n  cursor: e-resize;\n}\n.cursor-ew-resize {\n  cursor: ew-resize;\n}\n.cursor-move {\n  cursor: move;\n}\n.cursor-nesw-resize {\n  cursor: nesw-resize;\n}\n.cursor-ns-resize {\n  cursor: ns-resize;\n}\n.cursor-nwse-resize {\n  cursor: nwse-resize;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.cursor-w-resize {\n  cursor: w-resize;\n}\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.resize {\n  resize: both;\n}\n.appearance-none {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.flex-col {\n  flex-direction: column;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.items-stretch {\n  align-items: stretch;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.gap-0\\.5 {\n  gap: 2px;\n}\n.gap-1 {\n  gap: 4px;\n}\n.gap-1\\.5 {\n  gap: 6px;\n}\n.gap-2 {\n  gap: 8px;\n}\n.gap-4 {\n  gap: 16px;\n}\n.gap-x-0\\.5 {\n  -moz-column-gap: 2px;\n       column-gap: 2px;\n}\n.gap-x-1 {\n  -moz-column-gap: 4px;\n       column-gap: 4px;\n}\n.gap-x-1\\.5 {\n  -moz-column-gap: 6px;\n       column-gap: 6px;\n}\n.gap-x-2 {\n  -moz-column-gap: 8px;\n       column-gap: 8px;\n}\n.gap-x-3 {\n  -moz-column-gap: 12px;\n       column-gap: 12px;\n}\n.gap-x-4 {\n  -moz-column-gap: 16px;\n       column-gap: 16px;\n}\n.gap-y-0\\.5 {\n  row-gap: 2px;\n}\n.gap-y-1 {\n  row-gap: 4px;\n}\n.gap-y-2 {\n  row-gap: 8px;\n}\n.gap-y-4 {\n  row-gap: 16px;\n}\n.space-y-1\\.5 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 0;\n  margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse)));\n  margin-bottom: calc(6px * var(--tw-space-y-reverse));\n}\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.divide-zinc-800 > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-opacity: 1;\n  border-color: rgb(39 39 42 / var(--tw-divide-opacity, 1));\n}\n.place-self-center {\n  place-self: center;\n}\n.self-end {\n  align-self: flex-end;\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.\\!overflow-visible {\n  overflow: visible !important;\n}\n.overflow-x-auto {\n  overflow-x: auto;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n.text-wrap {\n  text-wrap: wrap;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.break-all {\n  word-break: break-all;\n}\n.rounded {\n  border-radius: 4px;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-lg {\n  border-radius: 8px;\n}\n.rounded-md {\n  border-radius: 6px;\n}\n.rounded-sm {\n  border-radius: 2px;\n}\n.rounded-l-sm {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n.rounded-r-sm {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n}\n.rounded-t-lg {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n}\n.rounded-t-sm {\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n}\n.border {\n  border-width: 1px;\n}\n.border-4 {\n  border-width: 4px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-l {\n  border-left-width: 1px;\n}\n.border-l-0 {\n  border-left-width: 0px;\n}\n.border-l-1 {\n  border-left-width: 1px;\n}\n.border-r {\n  border-right-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.\\!border-red-500 {\n  --tw-border-opacity: 1 !important;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;\n}\n.border-\\[\\#1e1e1e\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 30 30 / var(--tw-border-opacity, 1));\n}\n.border-\\[\\#222\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));\n}\n.border-\\[\\#27272A\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));\n}\n.border-\\[\\#333\\] {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));\n}\n.border-transparent {\n  border-color: transparent;\n}\n.border-zinc-800 {\n  --tw-border-opacity: 1;\n  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));\n}\n.bg-\\[\\#0A0A0A\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#141414\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#18181B\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#18181B\\]\\/50 {\n  background-color: rgb(24 24 27 / 0.5);\n}\n.bg-\\[\\#1D3A66\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(29 58 102 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#1a2a1a\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(26 42 26 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#1e1e1e\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#214379d4\\] {\n  background-color: #214379d4;\n}\n.bg-\\[\\#27272A\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#2a1515\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(42 21 21 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#412162\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(65 33 98 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#44444a\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(68 68 74 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#4b4b4b\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(75 75 75 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#5f3f9a\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(95 63 154 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#5f3f9a\\]\\/40 {\n  background-color: rgb(95 63 154 / 0.4);\n}\n.bg-\\[\\#6a369e\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(106 54 158 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#7521c8\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(117 33 200 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#8e61e3\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(142 97 227 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#EFD81A\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 216 26 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#b77116\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(183 113 22 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#b94040\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(185 64 64 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#d36cff\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(211 108 255 / var(--tw-bg-opacity, 1));\n}\n.bg-\\[\\#efd81a6b\\] {\n  background-color: #efd81a6b;\n}\n.bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n.bg-black\\/40 {\n  background-color: rgb(0 0 0 / 0.4);\n}\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\n.bg-green-500\\/50 {\n  background-color: rgb(34 197 94 / 0.5);\n}\n.bg-green-500\\/60 {\n  background-color: rgb(34 197 94 / 0.6);\n}\n.bg-neutral-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));\n}\n.bg-purple-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));\n}\n.bg-purple-500\\/90 {\n  background-color: rgb(168 85 247 / 0.9);\n}\n.bg-purple-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));\n}\n.bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\n.bg-red-500\\/90 {\n  background-color: rgb(239 68 68 / 0.9);\n}\n.bg-red-950\\/50 {\n  background-color: rgb(69 10 10 / 0.5);\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\n.bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));\n}\n.bg-zinc-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));\n}\n.bg-zinc-900\\/30 {\n  background-color: rgb(24 24 27 / 0.3);\n}\n.bg-zinc-900\\/50 {\n  background-color: rgb(24 24 27 / 0.5);\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 4px;\n}\n.p-2 {\n  padding: 8px;\n}\n.p-3 {\n  padding: 12px;\n}\n.p-4 {\n  padding: 16px;\n}\n.p-5 {\n  padding: 20px;\n}\n.p-6 {\n  padding: 24px;\n}\n.px-1 {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n.px-1\\.5 {\n  padding-left: 6px;\n  padding-right: 6px;\n}\n.px-2 {\n  padding-left: 8px;\n  padding-right: 8px;\n}\n.px-2\\.5 {\n  padding-left: 10px;\n  padding-right: 10px;\n}\n.px-3 {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n.px-4 {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.py-0\\.5 {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n.py-1 {\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n.py-1\\.5 {\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\n.py-2 {\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n.py-3 {\n  padding-top: 12px;\n  padding-bottom: 12px;\n}\n.py-4 {\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n.py-\\[1px\\] {\n  padding-top: 1px;\n  padding-bottom: 1px;\n}\n.py-\\[3px\\] {\n  padding-top: 3px;\n  padding-bottom: 3px;\n}\n.py-\\[5px\\] {\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n.pb-2 {\n  padding-bottom: 8px;\n}\n.pl-1 {\n  padding-left: 4px;\n}\n.pl-2 {\n  padding-left: 8px;\n}\n.pl-2\\.5 {\n  padding-left: 10px;\n}\n.pl-3 {\n  padding-left: 12px;\n}\n.pl-5 {\n  padding-left: 20px;\n}\n.pl-6 {\n  padding-left: 24px;\n}\n.pl-9 {\n  padding-left: 36px;\n}\n.pr-1 {\n  padding-right: 4px;\n}\n.pr-1\\.5 {\n  padding-right: 6px;\n}\n.pr-2 {\n  padding-right: 8px;\n}\n.pr-2\\.5 {\n  padding-right: 10px;\n}\n.pt-0 {\n  padding-top: 0px;\n}\n.pt-2 {\n  padding-top: 8px;\n}\n.pt-5 {\n  padding-top: 20px;\n}\n.text-left {\n  text-align: left;\n}\n.font-mono {\n  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;\n}\n.text-\\[10px\\] {\n  font-size: 10px;\n}\n.text-\\[11px\\] {\n  font-size: 11px;\n}\n.text-\\[13px\\] {\n  font-size: 13px;\n}\n.text-\\[14px\\] {\n  font-size: 14px;\n}\n.text-\\[17px\\] {\n  font-size: 17px;\n}\n.text-\\[8px\\] {\n  font-size: 8px;\n}\n.text-sm {\n  font-size: 14px;\n  line-height: 20px;\n}\n.text-xs {\n  font-size: 12px;\n  line-height: 16px;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-medium {\n  font-weight: 500;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.lowercase {\n  text-transform: lowercase;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n.italic {\n  font-style: italic;\n}\n.leading-6 {\n  line-height: 24px;\n}\n.leading-none {\n  line-height: 1;\n}\n.tracking-wide {\n  letter-spacing: 0.025em;\n}\n.text-\\[\\#4ade80\\] {\n  --tw-text-opacity: 1;\n  color: rgb(74 222 128 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#5a5a5a\\] {\n  --tw-text-opacity: 1;\n  color: rgb(90 90 90 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#65656D\\] {\n  --tw-text-opacity: 1;\n  color: rgb(101 101 109 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#666\\] {\n  --tw-text-opacity: 1;\n  color: rgb(102 102 102 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#6E6E77\\] {\n  --tw-text-opacity: 1;\n  color: rgb(110 110 119 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#6F6F78\\] {\n  --tw-text-opacity: 1;\n  color: rgb(111 111 120 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#7346a0\\] {\n  --tw-text-opacity: 1;\n  color: rgb(115 70 160 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#888\\] {\n  --tw-text-opacity: 1;\n  color: rgb(136 136 136 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#8E61E3\\] {\n  --tw-text-opacity: 1;\n  color: rgb(142 97 227 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#999\\] {\n  --tw-text-opacity: 1;\n  color: rgb(153 153 153 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#A1A1AA\\] {\n  --tw-text-opacity: 1;\n  color: rgb(161 161 170 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#A855F7\\] {\n  --tw-text-opacity: 1;\n  color: rgb(168 85 247 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#E4E4E7\\] {\n  --tw-text-opacity: 1;\n  color: rgb(228 228 231 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#d36cff\\] {\n  --tw-text-opacity: 1;\n  color: rgb(211 108 255 / var(--tw-text-opacity, 1));\n}\n.text-\\[\\#f87171\\] {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\n.text-black {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.text-gray-100 {\n  --tw-text-opacity: 1;\n  color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\n.text-gray-300 {\n  --tw-text-opacity: 1;\n  color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\n.text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\n.text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\n.text-green-500 {\n  --tw-text-opacity: 1;\n  color: rgb(34 197 94 / var(--tw-text-opacity, 1));\n}\n.text-neutral-300 {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity, 1));\n}\n.text-neutral-400 {\n  --tw-text-opacity: 1;\n  color: rgb(163 163 163 / var(--tw-text-opacity, 1));\n}\n.text-neutral-500 {\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity, 1));\n}\n.text-purple-400 {\n  --tw-text-opacity: 1;\n  color: rgb(192 132 252 / var(--tw-text-opacity, 1));\n}\n.text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n}\n.text-red-400 {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\n.text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.text-white\\/30 {\n  color: rgb(255 255 255 / 0.3);\n}\n.text-yellow-300 {\n  --tw-text-opacity: 1;\n  color: rgb(253 224 71 / var(--tw-text-opacity, 1));\n}\n.text-yellow-500 {\n  --tw-text-opacity: 1;\n  color: rgb(234 179 8 / var(--tw-text-opacity, 1));\n}\n.text-zinc-200 {\n  --tw-text-opacity: 1;\n  color: rgb(228 228 231 / var(--tw-text-opacity, 1));\n}\n.text-zinc-400 {\n  --tw-text-opacity: 1;\n  color: rgb(161 161 170 / var(--tw-text-opacity, 1));\n}\n.text-zinc-500 {\n  --tw-text-opacity: 1;\n  color: rgb(113 113 122 / var(--tw-text-opacity, 1));\n}\n.text-zinc-600 {\n  --tw-text-opacity: 1;\n  color: rgb(82 82 91 / var(--tw-text-opacity, 1));\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-50 {\n  opacity: 0.5;\n}\n.shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline {\n  outline-style: solid;\n}\n.ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.ring-white\\/\\[0\\.08\\] {\n  --tw-ring-color: rgb(255 255 255 / 0.08);\n}\n.blur {\n  --tw-blur: blur(8px);\n  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);\n}\n.\\!filter {\n  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) !important;\n}\n.filter {\n  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);\n}\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-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);\n  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);\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[border-radius\\] {\n  transition-property: border-radius;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[color\\2c transform\\] {\n  transition-property: color,transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[max-height\\] {\n  transition-property: max-height;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-\\[opacity\\] {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-none {\n  transition-property: none;\n}\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.delay-0 {\n  transition-delay: 0s;\n}\n.delay-150 {\n  transition-delay: 150ms;\n}\n.delay-300 {\n  transition-delay: 300ms;\n}\n.\\!duration-0 {\n  transition-duration: 0s !important;\n}\n.duration-0 {\n  transition-duration: 0s;\n}\n.duration-200 {\n  transition-duration: 200ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.ease-\\[cubic-bezier\\(0\\.23\\2c 1\\2c 0\\.32\\2c 1\\)\\] {\n  transition-timing-function: cubic-bezier(0.23,1,0.32,1);\n}\n.ease-\\[cubic-bezier\\(0\\.25\\2c 0\\.1\\2c 0\\.25\\2c 1\\)\\] {\n  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.will-change-transform {\n  will-change: transform;\n}\n.animation-duration-300 {\n  animation-duration: .3s;\n}\n.animation-delay-300 {\n  animation-delay: .3s;\n}\n.\\[touch-action\\:none\\] {\n  touch-action: none;\n}\n\n* {\n  outline: none !important;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  backface-visibility: hidden;\n\n  /* WebKit (Chrome, Safari, Edge) specific scrollbar styles */\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    border-radius: 10px;\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background: rgba(255, 255, 255, 0.3);\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: rgba(255, 255, 255, .4);\n  }\n\n  &::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n}\n\n@-moz-document url-prefix() {\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: rgba(255, 255, 255, 0.4) transparent;\n    scrollbar-width: 6px;\n  }\n}\n\n\nbutton:hover {\n  background-image: none;\n}\n\n\nbutton {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-style: none;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  transition-timing-function: linear;\n  cursor: pointer;\n}\n\ninput {\n  border-style: none;\n  background-color: transparent;\n  background-image: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\ninput::-moz-placeholder {\n  font-size: 12px;\n  line-height: 16px;\n  font-style: italic;\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity, 1));\n}\n\ninput::placeholder {\n  font-size: 12px;\n  line-height: 16px;\n  font-style: italic;\n  --tw-text-opacity: 1;\n  color: rgb(115 115 115 / var(--tw-text-opacity, 1));\n}\n\ninput:-moz-placeholder-shown {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\ninput:placeholder-shown {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nsvg {\n  height: auto;\n  width: auto;\n  pointer-events: none;\n}\n\n/*\n  Using CSS content with data attributes is more performant than:\n  1. React re-renders with JSX text content\n  2. Direct DOM manipulation methods:\n     - element.textContent (creates/updates text nodes, triggers repaint)\n     - element.innerText (triggers reflow by computing styles & layout)\n     - element.innerHTML (heavy parsing, triggers reflow, security risks)\n  3. Multiple data attributes with complex CSS concatenation\n\n  This approach:\n  - Avoids React reconciliation\n  - Uses browser's native CSS engine (optimized content updates)\n  - Minimizes main thread work\n  - Reduces DOM operations\n  - Avoids forced reflows (layout recalculation)\n  - Only triggers necessary repaints\n  - Keeps pseudo-element updates in render layer\n*/\n.with-data-text {\n  overflow: hidden;\n  &::before {\n    content: attr(data-text);\n  }\n  &::before {\n    display: block;\n  }\n  &::before {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n#react-scan-toolbar {\n  position: fixed;\n  left: 0px;\n  top: 0px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;\n  font-size: 13px;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  cursor: move;\n  opacity: 0;\n  z-index: 2147483678;\n}\n\n@keyframes fadeIn {\n\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n#react-scan-toolbar {\n  animation: fadeIn ease-in forwards;\n  animation-duration: .3s;\n  animation-delay: .3s;\n  --tw-shadow: 0 4px 12px rgba(0,0,0,0.2);\n  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  place-self: start;\n}\n\n.button {\n  &:hover {\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  &:active {\n    background: rgba(255, 255, 255, 0.15);\n  }\n}\n\n.resize-line-wrapper {\n  position: absolute;\n  overflow: hidden;\n}\n\n.resize-line {\n  position: absolute;\n  inset: 0px;\n  overflow: hidden;\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n\n  svg {\n    position: absolute;\n  }\n\n  svg {\n    top: 50%;\n  }\n\n  svg {\n    left: 50%;\n  }\n\n  svg {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  svg {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n.resize-right,\n.resize-left {\n  top: 0px;\n  bottom: 0px;\n  width: 24px;\n  cursor: ew-resize;\n\n  .resize-line-wrapper {\n    top: 0px;\n    bottom: 0px;\n  }\n\n  .resize-line-wrapper {\n    width: 50%;\n  }\n\n  &:hover {\n    .resize-line {\n      --tw-translate-x: 0px;\n      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    }\n  }\n}\n.resize-right {\n  right: 0px;\n  --tw-translate-x: 50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n  .resize-line-wrapper {\n    right: 0px;\n  }\n  .resize-line {\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .resize-line {\n    --tw-translate-x: -100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n.resize-left {\n  left: 0px;\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n  .resize-line-wrapper {\n    left: 0px;\n  }\n  .resize-line {\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .resize-line {\n    --tw-translate-x: 100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n.resize-top,\n.resize-bottom {\n  left: 0px;\n  right: 0px;\n  height: 24px;\n  cursor: ns-resize;\n\n  .resize-line-wrapper {\n    left: 0px;\n    right: 0px;\n  }\n\n  .resize-line-wrapper {\n    height: 50%;\n  }\n\n  &:hover {\n    .resize-line {\n      --tw-translate-y: 0px;\n      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    }\n  }\n}\n.resize-top {\n  top: 0px;\n  --tw-translate-y: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n  .resize-line-wrapper {\n    top: 0px;\n  }\n  .resize-line {\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n  .resize-line {\n    --tw-translate-y: 100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n.resize-bottom {\n  bottom: 0px;\n  --tw-translate-y: 50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n\n  .resize-line-wrapper {\n    bottom: 0px;\n  }\n  .resize-line {\n    border-bottom-right-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .resize-line {\n    --tw-translate-y: -100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n.react-scan-header {\n  display: flex;\n  align-items: center;\n  -moz-column-gap: 8px;\n       column-gap: 8px;\n  padding-left: 12px;\n  padding-right: 8px;\n  min-height: 36px;\n  border-bottom-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.react-scan-replay-button,\n.react-scan-close-button {\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  border-radius: 4px;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.react-scan-replay-button {\n  position: relative;\n  overflow: hidden;\n  background-color: rgb(168 85 247 / 0.5) !important;\n\n  &:hover {\n    background-color: rgb(168 85 247 / 0.25);\n  }\n\n  &.disabled {\n    opacity: 0.5;\n  }\n\n  &.disabled {\n    pointer-events: none;\n  }\n\n  &:before {\n    content: '';\n  }\n\n  &:before {\n    position: absolute;\n  }\n\n  &:before {\n    inset: 0px;\n  }\n\n  &:before {\n    --tw-translate-x: -100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  &:before {\n    animation: shimmer 2s infinite;\n    background: linear-gradient(to right,\n      transparent,\n      rgba(142, 97, 227, 0.3),\n      transparent);\n  }\n}\n\n.react-scan-close-button {\n  background-color: rgb(255 255 255 / 0.1);\n\n  &:hover {\n    background-color: rgb(255 255 255 / 0.15);\n  }\n}\n\n@keyframes shimmer {\n  100% {\n    --tw-translate-x: 100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n.react-section-header {\n  position: sticky;\n  z-index: 100;\n  display: flex;\n  align-items: center;\n  -moz-column-gap: 8px;\n       column-gap: 8px;\n  padding-left: 12px;\n  padding-right: 12px;\n  height: 28px;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  --tw-text-opacity: 1;\n  color: rgb(136 136 136 / var(--tw-text-opacity, 1));\n  border-bottom-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));\n}\n\n.react-scan-section {\n  display: flex;\n  flex-direction: column;\n  padding-left: 8px;\n  padding-right: 8px;\n  --tw-text-opacity: 1;\n  color: rgb(136 136 136 / var(--tw-text-opacity, 1));\n}\n\n.react-scan-section::before {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n  --tw-content: attr(data-section);\n  content: var(--tw-content);\n}\n\n.react-scan-section {\n  font-size: 12px;\n  line-height: 16px;\n\n  > .react-scan-property {\n    margin-left: -14px;\n  }\n}\n\n.react-scan-property {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding-left: 32px;\n  border-left-width: 1px;\n  border-color: transparent;\n  overflow: hidden;\n}\n\n.react-scan-property-content {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n  min-height: 28px;\n  max-width: 100%;\n  overflow: hidden;\n}\n\n.react-scan-string {\n  color: #9ecbff;\n}\n\n.react-scan-number {\n  color: #79c7ff;\n}\n\n.react-scan-boolean {\n  color: #56b6c2;\n}\n\n.react-scan-key {\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: 240px;\n  white-space: nowrap;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.react-scan-input {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n}\n\n@keyframes blink {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n.react-scan-arrow {\n  position: absolute;\n  top: 0px;\n  left: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  height: 28px;\n  width: 24px;\n  --tw-translate-x: -100%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  z-index: 10;\n\n  > svg {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n}\n\n.react-scan-expandable {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 75ms;\n\n  &.react-scan-expanded {\n    grid-template-rows: 1fr;\n  }\n\n  &.react-scan-expanded {\n    transition-duration: 100ms;\n  }\n}\n\n.react-scan-nested {\n  position: relative;\n  overflow: hidden;\n\n  &:before {\n    content: '';\n  }\n\n  &:before {\n    position: absolute;\n  }\n\n  &:before {\n    top: 0px;\n  }\n\n  &:before {\n    left: 0px;\n  }\n\n  &:before {\n    height: 100%;\n  }\n\n  &:before {\n    width: 1px;\n  }\n\n  &:before {\n    background-color: rgb(107 114 128 / 0.3);\n  }\n}\n\n.react-scan-settings {\n  position: absolute;\n  inset: 0px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  padding-left: 16px;\n  padding-right: 16px;\n  --tw-text-opacity: 1;\n  color: rgb(136 136 136 / var(--tw-text-opacity, 1));\n\n  >div {\n    display: flex;\n  }\n\n  >div {\n    align-items: center;\n  }\n\n  >div {\n    justify-content: space-between;\n  }\n\n  >div {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  >div {\n    transition-duration: 300ms;\n  }\n}\n\n.react-scan-preview-line {\n  position: relative;\n  display: flex;\n  min-height: 28px;\n  align-items: center;\n  -moz-column-gap: 8px;\n       column-gap: 8px;\n}\n\n.react-scan-flash-overlay {\n  position: absolute;\n  inset: 0px;\n  opacity: 0;\n  z-index: 50;\n  pointer-events: none;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  mix-blend-mode: multiply;\n  background-color: rgb(168 85 247 / 0.9);\n}\n\n.react-scan-toggle {\n  position: relative;\n  display: inline-flex;\n  height: 24px;\n  width: 40px;\n\n  input {\n    position: absolute;\n  }\n\n  input {\n    inset: 0px;\n  }\n\n  input {\n    z-index: 20;\n  }\n\n  input {\n    opacity: 0;\n  }\n\n  input {\n    cursor: pointer;\n  }\n\n  input {\n    height: 100%;\n  }\n\n  input {\n    width: 100%;\n  }\n\n  input:checked {\n    +div {\n      --tw-bg-opacity: 1;\n      background-color: rgb(95 63 154 / var(--tw-bg-opacity, 1));\n    }\n    +div {\n\n      &::before {\n        --tw-translate-x: 100%;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n      }\n\n      &::before {\n        left: auto;\n      }\n\n      &::before {\n        --tw-border-opacity: 1;\n        border-color: rgb(95 63 154 / var(--tw-border-opacity, 1));\n      }\n    }\n  }\n\n  >div {\n    position: absolute;\n  }\n\n  >div {\n    inset: 4px;\n  }\n\n  >div {\n    --tw-bg-opacity: 1;\n    background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));\n  }\n\n  >div {\n    border-radius: 9999px;\n  }\n\n  >div {\n    pointer-events: none;\n  }\n\n  >div {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  >div {\n    transition-duration: 300ms;\n  }\n\n  >div {\n\n    &:before {\n      --tw-content: '';\n      content: var(--tw-content);\n    }\n\n    &:before {\n      position: absolute;\n    }\n\n    &:before {\n      top: 50%;\n    }\n\n    &:before {\n      left: 0px;\n    }\n\n    &:before {\n      --tw-translate-y: -50%;\n      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    }\n\n    &:before {\n      height: 16px;\n    }\n\n    &:before {\n      width: 16px;\n    }\n\n    &:before {\n      --tw-bg-opacity: 1;\n      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n    }\n\n    &:before {\n      border-width: 2px;\n    }\n\n    &:before {\n      --tw-border-opacity: 1;\n      border-color: rgb(64 64 64 / var(--tw-border-opacity, 1));\n    }\n\n    &:before {\n      border-radius: 9999px;\n    }\n\n    &:before {\n      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n    }\n\n    &:before {\n      transition-property: all;\n      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n      transition-duration: 150ms;\n    }\n\n    &:before {\n      transition-duration: 300ms;\n    }\n  }\n}\n\n.react-scan-flash-active {\n  opacity: 0.4;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.react-scan-inspector-overlay {\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n\n  &.fade-out {\n    opacity: 0;\n  }\n\n  &.fade-in {\n    opacity: 1;\n  }\n}\n\n.react-scan-what-changed {\n  ul {\n    list-style-type: disc;\n  }\n  ul {\n    padding-left: 16px;\n  }\n\n  li {\n    white-space: nowrap;\n  }\n\n  li {\n    > div {\n      display: flex;\n    }\n    > div {\n      align-items: center;\n    }\n    > div {\n      justify-content: space-between;\n    }\n    > div {\n      -moz-column-gap: 8px;\n           column-gap: 8px;\n    }\n  }\n}\n\n.count-badge {\n  display: flex;\n  align-items: center;\n  -moz-column-gap: 8px;\n       column-gap: 8px;\n  padding-left: 6px;\n  padding-right: 6px;\n  padding-top: 2px;\n  padding-bottom: 2px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 500;\n  --tw-numeric-spacing: tabular-nums;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n  --tw-text-opacity: 1;\n  color: rgb(168 85 247 / var(--tw-text-opacity, 1));\n  background-color: rgb(168 85 247 / 0.1);\n  transform-origin: center;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-delay: 150ms;\n  transition-duration: 300ms;\n}\n\n@keyframes countFlash {\n\n  0% {\n    background-color: rgba(168, 85, 247, 0.3);\n    transform: scale(1.05);\n  }\n\n  100% {\n    background-color: rgba(168, 85, 247, 0.1);\n    transform: scale(1);\n  }\n}\n\n.count-flash {\n  animation: countFlash .3s ease-out forwards;\n}\n\n@keyframes countFlashShake {\n\n  0% {\n    transform: translateX(0);\n  }\n\n  25% {\n    transform: translateX(-5px);\n  }\n\n  50% {\n    transform: translateX(5px) scale(1.1);\n  }\n\n  75% {\n    transform: translateX(-5px);\n  }\n\n  100% {\n    transform: translateX(0);\n  }\n}\n\n.count-flash-white {\n  animation: countFlashShake .3s ease-out forwards;\n  transition-delay: 500ms !important;\n}\n\n.change-scope {\n  display: flex;\n  align-items: center;\n  -moz-column-gap: 4px;\n       column-gap: 4px;\n  --tw-text-opacity: 1;\n  color: rgb(102 102 102 / var(--tw-text-opacity, 1));\n  font-size: 12px;\n  line-height: 16px;\n  font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;\n\n  > div {\n    padding-left: 6px;\n    padding-right: 6px;\n  }\n\n  > div {\n    padding-top: 2px;\n    padding-bottom: 2px;\n  }\n\n  > div {\n    transform-origin: center;\n  }\n\n  > div {\n    border-radius: 4px;\n  }\n\n  > div {\n    font-size: 12px;\n    line-height: 16px;\n  }\n\n  > div {\n    font-weight: 500;\n  }\n\n  > div {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n  }\n\n  > div {\n    transform-origin: center;\n  }\n\n  > div {\n    transition-property: all;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  > div {\n    transition-delay: 150ms;\n  }\n\n  > div {\n    transition-duration: 300ms;\n  }\n\n  > div {\n\n    &[data-flash=\"true\"] {\n      background-color: rgb(168 85 247 / 0.1);\n    }\n\n    &[data-flash=\"true\"] {\n      --tw-text-opacity: 1;\n      color: rgb(168 85 247 / var(--tw-text-opacity, 1));\n    }\n  }\n}\n\n.react-scan-slider {\n  position: relative;\n  min-height: 24px;\n\n  > input {\n    position: absolute;\n  }\n\n  > input {\n    inset: 0px;\n  }\n\n  > input {\n    opacity: 0;\n  }\n\n  &:before {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n\n  &:before {\n    position: absolute;\n  }\n\n  &:before {\n    left: 0px;\n    right: 0px;\n  }\n\n  &:before {\n    top: 50%;\n  }\n\n  &:before {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  &:before {\n    height: 6px;\n  }\n\n  &:before {\n    background-color: rgb(142 97 227 / 0.4);\n  }\n\n  &:before {\n    border-radius: 8px;\n  }\n\n  &:before {\n    pointer-events: none;\n  }\n\n  &:after {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n\n  &:after {\n    position: absolute;\n  }\n\n  &:after {\n    left: 0px;\n    right: 0px;\n  }\n\n  &:after {\n    top: -8px;\n    bottom: -8px;\n  }\n\n  &:after {\n    z-index: -10;\n  }\n\n  span {\n    position: absolute;\n  }\n\n  span {\n    left: 0px;\n  }\n\n  span {\n    top: 50%;\n  }\n\n  span {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  span {\n    height: 10px;\n  }\n\n  span {\n    width: 10px;\n  }\n\n  span {\n    border-radius: 8px;\n  }\n\n  span {\n    --tw-bg-opacity: 1;\n    background-color: rgb(142 97 227 / var(--tw-bg-opacity, 1));\n  }\n\n  span {\n    pointer-events: none;\n  }\n\n  span {\n    transition-property: transform;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  span {\n    transition-duration: 75ms;\n  }\n}\n\n.resize-v-line {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 4px;\n  max-width: 4px;\n  height: 100%;\n  width: 100%;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n\n  &:hover,\n  &:active {\n    > span {\n      --tw-bg-opacity: 1;\n      background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));\n    }\n\n    svg {\n      opacity: 1;\n    }\n  }\n\n  &::before {\n    --tw-content: \"\";\n    content: var(--tw-content);\n  }\n\n  &::before {\n    position: absolute;\n  }\n\n  &::before {\n    inset: 0px;\n  }\n\n  &::before {\n    left: 50%;\n  }\n\n  &::before {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  &::before {\n    width: 1px;\n  }\n\n  &::before {\n    --tw-bg-opacity: 1;\n    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));\n  }\n\n  &::before {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  > span {\n    position: absolute;\n  }\n\n  > span {\n    left: 50%;\n  }\n\n  > span {\n    top: 50%;\n  }\n\n  > span {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  > span {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  > span {\n    height: 18px;\n  }\n\n  > span {\n    width: 6px;\n  }\n\n  > span {\n    border-radius: 4px;\n  }\n\n  > span {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  svg {\n    position: absolute;\n  }\n\n  svg {\n    left: 50%;\n  }\n\n  svg {\n    top: 50%;\n  }\n\n  svg {\n    --tw-translate-x: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  svg {\n    --tw-translate-y: -50%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  svg {\n    --tw-rotate: 90deg;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  svg {\n    --tw-text-opacity: 1;\n    color: rgb(163 163 163 / var(--tw-text-opacity, 1));\n  }\n\n  svg {\n    opacity: 0;\n  }\n\n  svg {\n    transition-property: opacity;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n\n  svg {\n    z-index: 50;\n  }\n}\n\n\n.tree-node-search-highlight {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  span {\n    padding-top: 1px;\n    padding-bottom: 1px;\n  }\n\n  span {\n    border-radius: 2px;\n  }\n\n  span {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));\n  }\n\n  span {\n    font-weight: 500;\n  }\n\n  span {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n  }\n\n  .single {\n    margin-right: 1px;\n  }\n\n  .single {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .regex {\n    padding-left: 2px;\n    padding-right: 2px;\n  }\n\n  .start {\n    margin-left: 1px;\n  }\n\n  .start {\n    border-top-left-radius: 2px;\n    border-bottom-left-radius: 2px;\n  }\n\n  .end {\n    margin-right: 1px;\n  }\n\n  .end {\n    border-top-right-radius: 2px;\n    border-bottom-right-radius: 2px;\n  }\n\n  .middle {\n    margin-left: 1px;\n    margin-right: 1px;\n  }\n\n  .middle {\n    border-radius: 2px;\n  }\n}\n\n.react-scan-toolbar-notification {\n  position: absolute;\n  left: 0px;\n  right: 0px;\n  display: flex;\n  align-items: center;\n  -moz-column-gap: 8px;\n       column-gap: 8px;\n  padding: 4px;\n  padding-left: 8px;\n  font-size: 10px;\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity, 1));\n  background-color: rgb(0 0 0 / 0.9);\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n\n  &:before {\n    --tw-content: '';\n    content: var(--tw-content);\n  }\n\n  &:before {\n    position: absolute;\n  }\n\n  &:before {\n    left: 0px;\n    right: 0px;\n  }\n\n  &:before {\n    --tw-bg-opacity: 1;\n    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));\n  }\n\n  &:before {\n    height: 8px;\n  }\n\n  &.position-top {\n    top: 100%;\n  }\n\n  &.position-top {\n    --tw-translate-y: -100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  &.position-top {\n    border-bottom-right-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n\n  &.position-top {\n\n    &::before {\n      top: 0px;\n    }\n\n    &::before {\n      --tw-translate-y: -100%;\n      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    }\n  }\n\n  &.position-bottom {\n    bottom: 100%;\n  }\n\n  &.position-bottom {\n    --tw-translate-y: 100%;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n\n  &.position-bottom {\n    border-top-left-radius: 8px;\n    border-top-right-radius: 8px;\n  }\n\n  &.position-bottom {\n\n    &::before {\n      bottom: 0px;\n    }\n\n    &::before {\n      --tw-translate-y: 100%;\n      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n    }\n\n  }\n\n  &.is-open {\n    --tw-translate-y: 0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n\n.react-scan-header-item {\n  position: absolute;\n  inset: 0px;\n  --tw-translate-y: -200%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n\n  &.is-visible {\n    --tw-translate-y: 0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  }\n}\n\n.react-scan-components-tree:has(.resize-v-line:hover, .resize-v-line:active) .tree {\n  overflow: hidden;\n}\n\n.before\\:absolute::before {\n  content: var(--tw-content);\n  position: absolute;\n}\n\n.before\\:inset-x-0::before {\n  content: var(--tw-content);\n  left: 0px;\n  right: 0px;\n}\n\n.before\\:bottom-0::before {\n  content: var(--tw-content);\n  bottom: 0px;\n}\n\n.before\\:h-\\[1px\\]::before {\n  content: var(--tw-content);\n  height: 1px;\n}\n\n.before\\:bg-\\[\\#333\\]::before {\n  content: var(--tw-content);\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));\n}\n\n.before\\:content-\\[\\\"\\\"\\]::before {\n  --tw-content: \"\";\n  content: var(--tw-content);\n}\n\n.after\\:absolute::after {\n  content: var(--tw-content);\n  position: absolute;\n}\n\n.after\\:inset-0::after {\n  content: var(--tw-content);\n  inset: 0px;\n}\n\n.after\\:left-1\\/2::after {\n  content: var(--tw-content);\n  left: 50%;\n}\n\n.after\\:top-\\[100\\%\\]::after {\n  content: var(--tw-content);\n  top: 100%;\n}\n\n.after\\:h-\\[6px\\]::after {\n  content: var(--tw-content);\n  height: 6px;\n}\n\n.after\\:w-\\[10px\\]::after {\n  content: var(--tw-content);\n  width: 10px;\n}\n\n.after\\:-translate-x-1\\/2::after {\n  content: var(--tw-content);\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n@keyframes fadeOut {\n\n  0% {\n    content: var(--tw-content);\n    opacity: 1;\n  }\n\n  100% {\n    content: var(--tw-content);\n    opacity: 0;\n  }\n}\n\n.after\\:animate-\\[fadeOut_1s_ease-out_forwards\\]::after {\n  content: var(--tw-content);\n  animation: fadeOut 1s ease-out forwards;\n}\n\n.after\\:border-l-\\[5px\\]::after {\n  content: var(--tw-content);\n  border-left-width: 5px;\n}\n\n.after\\:border-r-\\[5px\\]::after {\n  content: var(--tw-content);\n  border-right-width: 5px;\n}\n\n.after\\:border-t-\\[6px\\]::after {\n  content: var(--tw-content);\n  border-top-width: 6px;\n}\n\n.after\\:border-l-transparent::after {\n  content: var(--tw-content);\n  border-left-color: transparent;\n}\n\n.after\\:border-r-transparent::after {\n  content: var(--tw-content);\n  border-right-color: transparent;\n}\n\n.after\\:border-t-white::after {\n  content: var(--tw-content);\n  --tw-border-opacity: 1;\n  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\n\n.after\\:bg-purple-500\\/30::after {\n  content: var(--tw-content);\n  background-color: rgb(168 85 247 / 0.3);\n}\n\n.after\\:content-\\[\\\"\\\"\\]::after {\n  --tw-content: \"\";\n  content: var(--tw-content);\n}\n\n.focus-within\\:border-\\[\\#454545\\]:focus-within {\n  --tw-border-opacity: 1;\n  border-color: rgb(69 69 69 / var(--tw-border-opacity, 1));\n}\n\n.hover\\:bg-\\[\\#0f0f0f\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 15 15 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-\\[\\#18181B\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-\\[\\#34343b\\]:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 52 59 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-\\[\\#5f3f9a\\]\\/20:hover {\n  background-color: rgb(95 63 154 / 0.2);\n}\n\n.hover\\:bg-\\[\\#5f3f9a\\]\\/40:hover {\n  background-color: rgb(95 63 154 / 0.4);\n}\n\n.hover\\:bg-red-600:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-zinc-700:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));\n}\n\n.hover\\:bg-zinc-800\\/50:hover {\n  background-color: rgb(39 39 42 / 0.5);\n}\n\n.hover\\:text-neutral-300:hover {\n  --tw-text-opacity: 1;\n  color: rgb(212 212 212 / var(--tw-text-opacity, 1));\n}\n\n.hover\\:text-white:hover {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.group:hover .group-hover\\:bg-\\[\\#21437982\\] {\n  background-color: #21437982;\n}\n\n.group:hover .group-hover\\:bg-\\[\\#5b2d89\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(91 45 137 / var(--tw-bg-opacity, 1));\n}\n\n.group:hover .group-hover\\:bg-\\[\\#6a6a6a\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(106 106 106 / var(--tw-bg-opacity, 1));\n}\n\n.group:hover .group-hover\\:bg-\\[\\#efda1a2f\\] {\n  background-color: #efda1a2f;\n}\n\n.group:hover .group-hover\\:opacity-100 {\n  opacity: 1;\n}\n\n.peer\\/bottom:hover ~ .peer-hover\\/bottom\\:rounded-b-none {\n  border-bottom-right-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n\n.peer\\/left:hover ~ .peer-hover\\/left\\:rounded-l-none {\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n\n.peer\\/right:hover ~ .peer-hover\\/right\\:rounded-r-none {\n  border-top-right-radius: 0px;\n  border-bottom-right-radius: 0px;\n}\n\n.peer\\/top:hover ~ .peer-hover\\/top\\:rounded-t-none {\n  border-top-left-radius: 0px;\n  border-top-right-radius: 0px;\n}\n",xl.appendChild(e),document.documentElement.appendChild(bl),{rootContainer:bl,shadowRoot:xl}})();(e=>{const t=document.createElement("div");t.id="react-scan-toolbar-root",window.__REACT_SCAN_TOOLBAR_CONTAINER__=t,e.appendChild(t),Re(kn(vl,{children:kn(ge,{children:[kn(gl,{}),kn(fl,{})]})}),t);const n=t.remove.bind(t);t.remove=()=>{window.__REACT_SCAN_TOOLBAR_CONTAINER__=void 0,t.hasChildNodes()&&(Re(null,t),Re(null,t)),n()}})(o)},Ml=()=>{try{return(e=>{if(Ts=document.createElement("canvas"),!(Es=Ts.getContext("2d",{alpha:!0})))return null;const t=window.devicePixelRatio||1,{innerWidth:n,innerHeight:r}=window;Ts.style.width=`${n}px`,Ts.style.height=`${r}px`,Ts.width=n*t,Ts.height=r*t,Ts.style.position="fixed",Ts.style.left="0",Ts.style.top="0",Ts.style.pointerEvents="none",Ts.style.zIndex="2147483600",Es.scale(t,t),e.appendChild(Ts),Ms&&window.removeEventListener("resize",Ms);const o=()=>{if(!Ts||!Es)return;const e=window.devicePixelRatio||1,{innerWidth:t,innerHeight:n}=window;Ts.style.width=`${t}px`,Ts.style.height=`${n}px`,Ts.width=t*e,Ts.height=n*e,Es.scale(e,e),$s()};return Ms=o,window.addEventListener("resize",o),zs.subscribe((()=>{requestAnimationFrame((()=>{$s()}))})),Fs})(document.documentElement)}catch(e){"verbose"===kl.options.value._debug&&console.error("[React Scan Internal Error]","Failed to create notifications outline canvas",e)}},Fl=(e={})=>{Cl(e);yl.isInIframe.value||!1===e.enabled&&!0!==e.showToolbar||Al()},Rl=new WeakSet;se&&(Fl({dangerouslyForceRunInProduction:!0}),window.reactScan=Fl)
/*! Bundled license information:

  react/cjs/react.production.min.js:
    (**
     * @license React
     * react.production.min.js
     *
     * Copyright (c) Facebook, Inc. and its affiliates.
     *
     * This source code is licensed under the MIT license found in the
     * LICENSE file in the root directory of this source tree.
     *)

  bippy/dist/chunk-UTLFO7LL.js:
    (**
     * @license bippy
     *
     * Copyright (c) Aiden Bai, Million Software, Inc.
     *
     * This source code is licensed under the MIT license found in the
     * LICENSE file in the root directory of this source tree.
     *)

  bippy/dist/chunk-ELVWOSDS.js:
    (**
     * @license bippy
     *
     * Copyright (c) Aiden Bai, Million Software, Inc.
     *
     * This source code is licensed under the MIT license found in the
     * LICENSE file in the root directory of this source tree.
     *)

  bippy/dist/chunk-EPG3GO3H.js:
    (**
     * @license bippy
     *
     * Copyright (c) Aiden Bai, Million Software, Inc.
     *
     * This source code is licensed under the MIT license found in the
     * LICENSE file in the root directory of this source tree.
     *)
  */,e.ReactScanInternals=kl,e.Store=yl,e.getIsProduction=zl,e.getOptions=Tl,e.getReport=e=>{if(e){for(const t of Array.from(yl.legacyReportData.values()))if(t.type===e)return t;return null}return yl.legacyReportData},e.ignoreScan=e=>{e&&"object"==typeof e&&Rl.add(e)},e.ignoredProps=Rl,e.onRender=(e,t)=>{const n=kl.onRender;kl.onRender=(r,o)=>{n?.(r,o),$(r.type)===e&&t(r,o)}},e.scan=Fl,e.setOptions=Cl,e.start=Al,e.useScan=(e={})=>{Cl(e),Al()}}({});