diff --git a/assets/index-YBy0bheN.js b/assets/index-CrvKvcr6.js similarity index 57% rename from assets/index-YBy0bheN.js rename to assets/index-CrvKvcr6.js index 627f372..ac8a8d1 100644 --- a/assets/index-YBy0bheN.js +++ b/assets/index-CrvKvcr6.js @@ -1,4 +1,4 @@ -function $c(e,t){for(var n=0;nr[o]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const l of o)if(l.type==="childList")for(const i of l.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(o){const l={};return o.integrity&&(l.integrity=o.integrity),o.referrerPolicy&&(l.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?l.credentials="include":o.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function r(o){if(o.ep)return;o.ep=!0;const l=n(o);fetch(o.href,l)}})();function Vc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ws={exports:{}},fo={},xs={exports:{}},L={};/** +function Vc(e,t){for(var n=0;nr[o]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const l of o)if(l.type==="childList")for(const i of l.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&r(i)}).observe(document,{childList:!0,subtree:!0});function n(o){const l={};return o.integrity&&(l.integrity=o.integrity),o.referrerPolicy&&(l.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?l.credentials="include":o.crossOrigin==="anonymous"?l.credentials="omit":l.credentials="same-origin",l}function r(o){if(o.ep)return;o.ep=!0;const l=n(o);fetch(o.href,l)}})();function Qc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var xs={exports:{}},po={},ks={exports:{}},L={};/** * @license React * react.production.min.js * @@ -6,7 +6,7 @@ function $c(e,t){for(var n=0;n>>1,G=T[V];if(0>>1;Vo(Lo,z))xto(ur,Lo)?(T[V]=ur,T[xt]=z,V=xt):(T[V]=Lo,T[wt]=z,V=wt);else if(xto(ur,z))T[V]=ur,T[xt]=z,V=xt;else break e}}return R}function o(T,R){var z=T.sortIndex-R.sortIndex;return z!==0?z:T.id-R.id}if(typeof performance=="object"&&typeof performance.now=="function"){var l=performance;e.unstable_now=function(){return l.now()}}else{var i=Date,a=i.now();e.unstable_now=function(){return i.now()-a}}var s=[],u=[],h=1,p=null,m=3,v=!1,y=!1,w=!1,C=typeof setTimeout=="function"?setTimeout:null,d=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function f(T){for(var R=n(u);R!==null;){if(R.callback===null)r(u);else if(R.startTime<=T)r(u),R.sortIndex=R.expirationTime,t(s,R);else break;R=n(u)}}function g(T){if(w=!1,f(T),!y)if(n(s)!==null)y=!0,Ro(k);else{var R=n(u);R!==null&&zo(g,R.startTime-T)}}function k(T,R){y=!1,w&&(w=!1,d(_),_=-1),v=!0;var z=m;try{for(f(R),p=n(s);p!==null&&(!(p.expirationTime>R)||T&&!Pe());){var V=p.callback;if(typeof V=="function"){p.callback=null,m=p.priorityLevel;var G=V(p.expirationTime<=R);R=e.unstable_now(),typeof G=="function"?p.callback=G:p===n(s)&&r(s),f(R)}else r(s);p=n(s)}if(p!==null)var sr=!0;else{var wt=n(u);wt!==null&&zo(g,wt.startTime-R),sr=!1}return sr}finally{p=null,m=z,v=!1}}var N=!1,P=null,_=-1,$=5,O=-1;function Pe(){return!(e.unstable_now()-O<$)}function hn(){if(P!==null){var T=e.unstable_now();O=T;var R=!0;try{R=P(!0,T)}finally{R?mn():(N=!1,P=null)}}else N=!1}var mn;if(typeof c=="function")mn=function(){c(hn)};else if(typeof MessageChannel<"u"){var ea=new MessageChannel,Bc=ea.port2;ea.port1.onmessage=hn,mn=function(){Bc.postMessage(null)}}else mn=function(){C(hn,0)};function Ro(T){P=T,N||(N=!0,mn())}function zo(T,R){_=C(function(){T(e.unstable_now())},R)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(T){T.callback=null},e.unstable_continueExecution=function(){y||v||(y=!0,Ro(k))},e.unstable_forceFrameRate=function(T){0>T||125V?(T.sortIndex=z,t(u,T),n(s)===null&&T===n(u)&&(w?(d(_),_=-1):w=!0,zo(g,z-V))):(T.sortIndex=G,t(s,T),y||v||(y=!0,Ro(k))),T},e.unstable_shouldYield=Pe,e.unstable_wrapCallback=function(T){var R=m;return function(){var z=m;m=R;try{return T.apply(this,arguments)}finally{m=z}}}})(Os);Ls.exports=Os;var hd=Ls.exports;/** + */(function(e){function t(T,R){var z=T.length;T.push(R);e:for(;0>>1,G=T[V];if(0>>1;Vo(Oo,z))xto(cr,Oo)?(T[V]=cr,T[xt]=z,V=xt):(T[V]=Oo,T[wt]=z,V=wt);else if(xto(cr,z))T[V]=cr,T[xt]=z,V=xt;else break e}}return R}function o(T,R){var z=T.sortIndex-R.sortIndex;return z!==0?z:T.id-R.id}if(typeof performance=="object"&&typeof performance.now=="function"){var l=performance;e.unstable_now=function(){return l.now()}}else{var i=Date,a=i.now();e.unstable_now=function(){return i.now()-a}}var s=[],u=[],h=1,p=null,m=3,v=!1,y=!1,w=!1,E=typeof setTimeout=="function"?setTimeout:null,d=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function f(T){for(var R=n(u);R!==null;){if(R.callback===null)r(u);else if(R.startTime<=T)r(u),R.sortIndex=R.expirationTime,t(s,R);else break;R=n(u)}}function g(T){if(w=!1,f(T),!y)if(n(s)!==null)y=!0,zo(S);else{var R=n(u);R!==null&&Lo(g,R.startTime-T)}}function S(T,R){y=!1,w&&(w=!1,d(_),_=-1),v=!0;var z=m;try{for(f(R),p=n(s);p!==null&&(!(p.expirationTime>R)||T&&!Pe());){var V=p.callback;if(typeof V=="function"){p.callback=null,m=p.priorityLevel;var G=V(p.expirationTime<=R);R=e.unstable_now(),typeof G=="function"?p.callback=G:p===n(s)&&r(s),f(R)}else r(s);p=n(s)}if(p!==null)var ur=!0;else{var wt=n(u);wt!==null&&Lo(g,wt.startTime-R),ur=!1}return ur}finally{p=null,m=z,v=!1}}var N=!1,P=null,_=-1,$=5,O=-1;function Pe(){return!(e.unstable_now()-O<$)}function mn(){if(P!==null){var T=e.unstable_now();O=T;var R=!0;try{R=P(!0,T)}finally{R?gn():(N=!1,P=null)}}else N=!1}var gn;if(typeof c=="function")gn=function(){c(mn)};else if(typeof MessageChannel<"u"){var ta=new MessageChannel,$c=ta.port2;ta.port1.onmessage=mn,gn=function(){$c.postMessage(null)}}else gn=function(){E(mn,0)};function zo(T){P=T,N||(N=!0,gn())}function Lo(T,R){_=E(function(){T(e.unstable_now())},R)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(T){T.callback=null},e.unstable_continueExecution=function(){y||v||(y=!0,zo(S))},e.unstable_forceFrameRate=function(T){0>T||125V?(T.sortIndex=z,t(u,T),n(s)===null&&T===n(u)&&(w?(d(_),_=-1):w=!0,Lo(g,z-V))):(T.sortIndex=G,t(s,T),y||v||(y=!0,zo(S))),T},e.unstable_shouldYield=Pe,e.unstable_wrapCallback=function(T){var R=m;return function(){var z=m;m=R;try{return T.apply(this,arguments)}finally{m=z}}}})(Ms);Os.exports=Ms;var md=Os.exports;/** * @license React * react-dom.production.min.js * @@ -30,14 +30,14 @@ function $c(e,t){for(var n=0;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),al=Object.prototype.hasOwnProperty,gd=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,oa={},la={};function vd(e){return al.call(la,e)?!0:al.call(oa,e)?!1:gd.test(e)?la[e]=!0:(oa[e]=!0,!1)}function yd(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function wd(e,t,n,r){if(t===null||typeof t>"u"||yd(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function ce(e,t,n,r,o,l,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,this.removeEmptyString=i}var ne={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ne[e]=new ce(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ne[t]=new ce(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ne[e]=new ce(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ne[e]=new ce(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ne[e]=new ce(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ne[e]=new ce(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ne[e]=new ce(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ne[e]=new ce(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ne[e]=new ce(e,5,!1,e.toLowerCase(),null,!1,!1)});var si=/[\-:]([a-z])/g;function ui(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(si,ui);ne[t]=new ce(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(si,ui);ne[t]=new ce(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(si,ui);ne[t]=new ce(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ne[e]=new ce(e,1,!1,e.toLowerCase(),null,!1,!1)});ne.xlinkHref=new ce("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ne[e]=new ce(e,1,!1,e.toLowerCase(),null,!0,!0)});function ci(e,t,n,r){var o=ne.hasOwnProperty(t)?ne[t]:null;(o!==null?o.type!==0:r||!(2"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),sl=Object.prototype.hasOwnProperty,vd=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,la={},ia={};function yd(e){return sl.call(ia,e)?!0:sl.call(la,e)?!1:vd.test(e)?ia[e]=!0:(la[e]=!0,!1)}function wd(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function xd(e,t,n,r){if(t===null||typeof t>"u"||wd(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function ce(e,t,n,r,o,l,i){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,this.removeEmptyString=i}var ne={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ne[e]=new ce(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ne[t]=new ce(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ne[e]=new ce(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ne[e]=new ce(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ne[e]=new ce(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ne[e]=new ce(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ne[e]=new ce(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ne[e]=new ce(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ne[e]=new ce(e,5,!1,e.toLowerCase(),null,!1,!1)});var ui=/[\-:]([a-z])/g;function ci(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(ui,ci);ne[t]=new ce(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(ui,ci);ne[t]=new ce(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(ui,ci);ne[t]=new ce(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ne[e]=new ce(e,1,!1,e.toLowerCase(),null,!1,!1)});ne.xlinkHref=new ce("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ne[e]=new ce(e,1,!1,e.toLowerCase(),null,!0,!0)});function di(e,t,n,r){var o=ne.hasOwnProperty(t)?ne[t]:null;(o!==null?o.type!==0:r||!(2a||o[i]!==l[a]){var s=` -`+o[i].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}while(1<=i&&0<=a);break}}}finally{Uo=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Cn(e):""}function xd(e){switch(e.tag){case 5:return Cn(e.type);case 16:return Cn("Lazy");case 13:return Cn("Suspense");case 19:return Cn("SuspenseList");case 0:case 2:case 15:return e=Io(e.type,!1),e;case 11:return e=Io(e.type.render,!1),e;case 1:return e=Io(e.type,!0),e;default:return""}}function dl(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Ft:return"Fragment";case qt:return"Portal";case sl:return"Profiler";case di:return"StrictMode";case ul:return"Suspense";case cl:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Is:return(e.displayName||"Context")+".Consumer";case Us:return(e._context.displayName||"Context")+".Provider";case fi:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case pi:return t=e.displayName||null,t!==null?t:dl(e.type)||"Memo";case Ze:t=e._payload,e=e._init;try{return dl(e(t))}catch{}}return null}function kd(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return dl(t);case 8:return t===di?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function ht(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function qs(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Sd(e){var t=qs(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,l=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(i){r=""+i,l.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function fr(e){e._valueTracker||(e._valueTracker=Sd(e))}function Fs(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=qs(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Fr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function fl(e,t){var n=t.checked;return H({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function aa(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=ht(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function As(e,t){t=t.checked,t!=null&&ci(e,"checked",t,!1)}function pl(e,t){As(e,t);var n=ht(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?hl(e,t.type,n):t.hasOwnProperty("defaultValue")&&hl(e,t.type,ht(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function sa(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function hl(e,t,n){(t!=="number"||Fr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var jn=Array.isArray;function Yt(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o"+t.valueOf().toString()+"",t=pr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function qn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Pn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Ed=["Webkit","ms","Moz","O"];Object.keys(Pn).forEach(function(e){Ed.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Pn[t]=Pn[e]})});function $s(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Pn.hasOwnProperty(e)&&Pn[e]?(""+t).trim():t+"px"}function Vs(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=$s(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var Cd=H({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function vl(e,t){if(t){if(Cd[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(x(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(x(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(x(61))}if(t.style!=null&&typeof t.style!="object")throw Error(x(62))}}function yl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var wl=null;function hi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var xl=null,Gt=null,Zt=null;function da(e){if(e=lr(e)){if(typeof xl!="function")throw Error(x(280));var t=e.stateNode;t&&(t=vo(t),xl(e.stateNode,e.type,t))}}function Qs(e){Gt?Zt?Zt.push(e):Zt=[e]:Gt=e}function Js(){if(Gt){var e=Gt,t=Zt;if(Zt=Gt=null,da(e),t)for(e=0;e>>=0,e===0?32:31-(Ud(e)/Id|0)|0}var hr=64,mr=4194304;function Tn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Br(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,o=e.suspendedLanes,l=e.pingedLanes,i=n&268435455;if(i!==0){var a=i&~o;a!==0?r=Tn(a):(l&=i,l!==0&&(r=Tn(l)))}else i=n&~o,i!==0?r=Tn(i):l!==0&&(r=Tn(l));if(r===0)return 0;if(t!==0&&t!==r&&!(t&o)&&(o=r&-r,l=t&-t,o>=l||o===16&&(l&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function rr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Oe(t),e[t]=n}function Ad(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Rn),xa=" ",ka=!1;function pu(e,t){switch(e){case"keyup":return mf.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function hu(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var At=!1;function vf(e,t){switch(e){case"compositionend":return hu(t);case"keypress":return t.which!==32?null:(ka=!0,xa);case"textInput":return e=t.data,e===xa&&ka?null:e;default:return null}}function yf(e,t){if(At)return e==="compositionend"||!Si&&pu(e,t)?(e=du(),Rr=wi=nt=null,At=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=ja(n)}}function yu(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?yu(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function wu(){for(var e=window,t=Fr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Fr(e.document)}return t}function Ei(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Nf(e){var t=wu(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&yu(n.ownerDocument.documentElement,n)){if(r!==null&&Ei(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,l=Math.min(r.start,o);r=r.end===void 0?l:Math.min(r.end,o),!e.extend&&l>r&&(o=r,r=l,l=o),o=Ta(n,l);var i=Ta(n,r);o&&i&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),l>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Wt=null,Tl=null,Ln=null,Nl=!1;function Na(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Nl||Wt==null||Wt!==Fr(r)||(r=Wt,"selectionStart"in r&&Ei(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Ln&&$n(Ln,r)||(Ln=r,r=Qr(Tl,"onSelect"),0$t||(e.current=Ol[$t],Ol[$t]=null,$t--)}function I(e,t){$t++,Ol[$t]=e.current,e.current=t}var mt={},ie=vt(mt),pe=vt(!1),Pt=mt;function rn(e,t){var n=e.type.contextTypes;if(!n)return mt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},l;for(l in n)o[l]=t[l];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function he(e){return e=e.childContextTypes,e!=null}function Kr(){q(pe),q(ie)}function Ma(e,t,n){if(ie.current!==mt)throw Error(x(168));I(ie,t),I(pe,n)}function Pu(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(x(108,kd(e)||"Unknown",o));return H({},n,r)}function Xr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||mt,Pt=ie.current,I(ie,e),I(pe,pe.current),!0}function Ua(e,t,n){var r=e.stateNode;if(!r)throw Error(x(169));n?(e=Pu(e,t,Pt),r.__reactInternalMemoizedMergedChildContext=e,q(pe),q(ie),I(ie,e)):q(pe),I(pe,n)}var He=null,yo=!1,Yo=!1;function _u(e){He===null?He=[e]:He.push(e)}function Ff(e){yo=!0,_u(e)}function yt(){if(!Yo&&He!==null){Yo=!0;var e=0,t=U;try{var n=He;for(U=1;e>=i,o-=i,Be=1<<32-Oe(t)+o|n<_?($=P,P=null):$=P.sibling;var O=m(d,P,f[_],g);if(O===null){P===null&&(P=$);break}e&&P&&O.alternate===null&&t(d,P),c=l(O,c,_),N===null?k=O:N.sibling=O,N=O,P=$}if(_===f.length)return n(d,P),F&&kt(d,_),k;if(P===null){for(;__?($=P,P=null):$=P.sibling;var Pe=m(d,P,O.value,g);if(Pe===null){P===null&&(P=$);break}e&&P&&Pe.alternate===null&&t(d,P),c=l(Pe,c,_),N===null?k=Pe:N.sibling=Pe,N=Pe,P=$}if(O.done)return n(d,P),F&&kt(d,_),k;if(P===null){for(;!O.done;_++,O=f.next())O=p(d,O.value,g),O!==null&&(c=l(O,c,_),N===null?k=O:N.sibling=O,N=O);return F&&kt(d,_),k}for(P=r(d,P);!O.done;_++,O=f.next())O=v(P,d,_,O.value,g),O!==null&&(e&&O.alternate!==null&&P.delete(O.key===null?_:O.key),c=l(O,c,_),N===null?k=O:N.sibling=O,N=O);return e&&P.forEach(function(hn){return t(d,hn)}),F&&kt(d,_),k}function C(d,c,f,g){if(typeof f=="object"&&f!==null&&f.type===Ft&&f.key===null&&(f=f.props.children),typeof f=="object"&&f!==null){switch(f.$$typeof){case dr:e:{for(var k=f.key,N=c;N!==null;){if(N.key===k){if(k=f.type,k===Ft){if(N.tag===7){n(d,N.sibling),c=o(N,f.props.children),c.return=d,d=c;break e}}else if(N.elementType===k||typeof k=="object"&&k!==null&&k.$$typeof===Ze&&qa(k)===N.type){n(d,N.sibling),c=o(N,f.props),c.ref=kn(d,N,f),c.return=d,d=c;break e}n(d,N);break}else t(d,N);N=N.sibling}f.type===Ft?(c=Nt(f.props.children,d.mode,g,f.key),c.return=d,d=c):(g=qr(f.type,f.key,f.props,null,d.mode,g),g.ref=kn(d,c,f),g.return=d,d=g)}return i(d);case qt:e:{for(N=f.key;c!==null;){if(c.key===N)if(c.tag===4&&c.stateNode.containerInfo===f.containerInfo&&c.stateNode.implementation===f.implementation){n(d,c.sibling),c=o(c,f.children||[]),c.return=d,d=c;break e}else{n(d,c);break}else t(d,c);c=c.sibling}c=ol(f,d.mode,g),c.return=d,d=c}return i(d);case Ze:return N=f._init,C(d,c,N(f._payload),g)}if(jn(f))return y(d,c,f,g);if(gn(f))return w(d,c,f,g);Sr(d,f)}return typeof f=="string"&&f!==""||typeof f=="number"?(f=""+f,c!==null&&c.tag===6?(n(d,c.sibling),c=o(c,f),c.return=d,d=c):(n(d,c),c=rl(f,d.mode,g),c.return=d,d=c),i(d)):n(d,c)}return C}var ln=Ou(!0),Mu=Ou(!1),Zr=vt(null),br=null,Jt=null,Ni=null;function Pi(){Ni=Jt=br=null}function _i(e){var t=Zr.current;q(Zr),e._currentValue=t}function Il(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function en(e,t){br=e,Ni=Jt=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(fe=!0),e.firstContext=null)}function Te(e){var t=e._currentValue;if(Ni!==e)if(e={context:e,memoizedValue:t,next:null},Jt===null){if(br===null)throw Error(x(308));Jt=e,br.dependencies={lanes:0,firstContext:e}}else Jt=Jt.next=e;return t}var Ct=null;function Ri(e){Ct===null?Ct=[e]:Ct.push(e)}function Uu(e,t,n,r){var o=t.interleaved;return o===null?(n.next=n,Ri(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ke(e,r)}function Ke(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var be=!1;function zi(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Iu(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ve(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function ut(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,M&2){var o=r.pending;return o===null?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ke(e,n)}return o=r.interleaved,o===null?(t.next=t,Ri(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ke(e,n)}function Lr(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,gi(e,n)}}function Fa(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var o=null,l=null;if(n=n.firstBaseUpdate,n!==null){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};l===null?o=l=i:l=l.next=i,n=n.next}while(n!==null);l===null?o=l=t:l=l.next=t}else o=l=t;n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:l,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function eo(e,t,n,r){var o=e.updateQueue;be=!1;var l=o.firstBaseUpdate,i=o.lastBaseUpdate,a=o.shared.pending;if(a!==null){o.shared.pending=null;var s=a,u=s.next;s.next=null,i===null?l=u:i.next=u,i=s;var h=e.alternate;h!==null&&(h=h.updateQueue,a=h.lastBaseUpdate,a!==i&&(a===null?h.firstBaseUpdate=u:a.next=u,h.lastBaseUpdate=s))}if(l!==null){var p=o.baseState;i=0,h=u=s=null,a=l;do{var m=a.lane,v=a.eventTime;if((r&m)===m){h!==null&&(h=h.next={eventTime:v,lane:0,tag:a.tag,payload:a.payload,callback:a.callback,next:null});e:{var y=e,w=a;switch(m=t,v=n,w.tag){case 1:if(y=w.payload,typeof y=="function"){p=y.call(v,p,m);break e}p=y;break e;case 3:y.flags=y.flags&-65537|128;case 0:if(y=w.payload,m=typeof y=="function"?y.call(v,p,m):y,m==null)break e;p=H({},p,m);break e;case 2:be=!0}}a.callback!==null&&a.lane!==0&&(e.flags|=64,m=o.effects,m===null?o.effects=[a]:m.push(a))}else v={eventTime:v,lane:m,tag:a.tag,payload:a.payload,callback:a.callback,next:null},h===null?(u=h=v,s=p):h=h.next=v,i|=m;if(a=a.next,a===null){if(a=o.shared.pending,a===null)break;m=a,a=m.next,m.next=null,o.lastBaseUpdate=m,o.shared.pending=null}}while(!0);if(h===null&&(s=p),o.baseState=s,o.firstBaseUpdate=u,o.lastBaseUpdate=h,t=o.shared.interleaved,t!==null){o=t;do i|=o.lane,o=o.next;while(o!==t)}else l===null&&(o.shared.lanes=0);zt|=i,e.lanes=i,e.memoizedState=p}}function Aa(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=Zo.transition;Zo.transition={};try{e(!1),t()}finally{U=n,Zo.transition=r}}function bu(){return Ne().memoizedState}function Bf(e,t,n){var r=dt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},ec(e))tc(t,n);else if(n=Uu(e,t,n,r),n!==null){var o=se();Me(n,e,r,o),nc(n,t,r)}}function $f(e,t,n){var r=dt(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(ec(e))tc(t,o);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=t.lastRenderedReducer,l!==null))try{var i=t.lastRenderedState,a=l(i,n);if(o.hasEagerState=!0,o.eagerState=a,Ue(a,i)){var s=t.interleaved;s===null?(o.next=o,Ri(t)):(o.next=s.next,s.next=o),t.interleaved=o;return}}catch{}finally{}n=Uu(e,t,o,r),n!==null&&(o=se(),Me(n,e,r,o),nc(n,t,r))}}function ec(e){var t=e.alternate;return e===W||t!==null&&t===W}function tc(e,t){On=no=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function nc(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,gi(e,n)}}var ro={readContext:Te,useCallback:re,useContext:re,useEffect:re,useImperativeHandle:re,useInsertionEffect:re,useLayoutEffect:re,useMemo:re,useReducer:re,useRef:re,useState:re,useDebugValue:re,useDeferredValue:re,useTransition:re,useMutableSource:re,useSyncExternalStore:re,useId:re,unstable_isNewReconciler:!1},Vf={readContext:Te,useCallback:function(e,t){return De().memoizedState=[e,t===void 0?null:t],e},useContext:Te,useEffect:Ha,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Mr(4194308,4,Ku.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Mr(4194308,4,e,t)},useInsertionEffect:function(e,t){return Mr(4,2,e,t)},useMemo:function(e,t){var n=De();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=De();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Bf.bind(null,W,e),[r.memoizedState,e]},useRef:function(e){var t=De();return e={current:e},t.memoizedState=e},useState:Wa,useDebugValue:Fi,useDeferredValue:function(e){return De().memoizedState=e},useTransition:function(){var e=Wa(!1),t=e[0];return e=Hf.bind(null,e[1]),De().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=W,o=De();if(F){if(n===void 0)throw Error(x(407));n=n()}else{if(n=t(),b===null)throw Error(x(349));Rt&30||Au(r,t,n)}o.memoizedState=n;var l={value:n,getSnapshot:t};return o.queue=l,Ha(Hu.bind(null,r,l,e),[e]),r.flags|=2048,Zn(9,Wu.bind(null,r,l,n,t),void 0,null),n},useId:function(){var e=De(),t=b.identifierPrefix;if(F){var n=$e,r=Be;n=(r&~(1<<32-Oe(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Yn++,0")&&(s=s.replace("",e.displayName)),s}while(1<=i&&0<=a);break}}}finally{Io=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?jn(e):""}function kd(e){switch(e.tag){case 5:return jn(e.type);case 16:return jn("Lazy");case 13:return jn("Suspense");case 19:return jn("SuspenseList");case 0:case 2:case 15:return e=Do(e.type,!1),e;case 11:return e=Do(e.type.render,!1),e;case 1:return e=Do(e.type,!0),e;default:return""}}function fl(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Ft:return"Fragment";case qt:return"Portal";case ul:return"Profiler";case fi:return"StrictMode";case cl:return"Suspense";case dl:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Ds:return(e.displayName||"Context")+".Consumer";case Is:return(e._context.displayName||"Context")+".Provider";case pi:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case hi:return t=e.displayName||null,t!==null?t:fl(e.type)||"Memo";case Ze:t=e._payload,e=e._init;try{return fl(e(t))}catch{}}return null}function Sd(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return fl(t);case 8:return t===fi?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function ht(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Fs(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Cd(e){var t=Fs(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,l=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(i){r=""+i,l.call(this,i)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(i){r=""+i},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function pr(e){e._valueTracker||(e._valueTracker=Cd(e))}function As(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Fs(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Ar(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function pl(e,t){var n=t.checked;return B({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function sa(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=ht(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Ws(e,t){t=t.checked,t!=null&&di(e,"checked",t,!1)}function hl(e,t){Ws(e,t);var n=ht(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?ml(e,t.type,n):t.hasOwnProperty("defaultValue")&&ml(e,t.type,ht(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function ua(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function ml(e,t,n){(t!=="number"||Ar(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Tn=Array.isArray;function Yt(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o"+t.valueOf().toString()+"",t=hr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Fn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var _n={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Ed=["Webkit","ms","Moz","O"];Object.keys(_n).forEach(function(e){Ed.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),_n[t]=_n[e]})});function Vs(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||_n.hasOwnProperty(e)&&_n[e]?(""+t).trim():t+"px"}function Qs(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=Vs(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var jd=B({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function yl(e,t){if(t){if(jd[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(x(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(x(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(x(61))}if(t.style!=null&&typeof t.style!="object")throw Error(x(62))}}function wl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var xl=null;function mi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var kl=null,Gt=null,Zt=null;function fa(e){if(e=ir(e)){if(typeof kl!="function")throw Error(x(280));var t=e.stateNode;t&&(t=yo(t),kl(e.stateNode,e.type,t))}}function Js(e){Gt?Zt?Zt.push(e):Zt=[e]:Gt=e}function Ks(){if(Gt){var e=Gt,t=Zt;if(Zt=Gt=null,fa(e),t)for(e=0;e>>=0,e===0?32:31-(Id(e)/Dd|0)|0}var mr=64,gr=4194304;function Nn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function $r(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,o=e.suspendedLanes,l=e.pingedLanes,i=n&268435455;if(i!==0){var a=i&~o;a!==0?r=Nn(a):(l&=i,l!==0&&(r=Nn(l)))}else i=n&~o,i!==0?r=Nn(i):l!==0&&(r=Nn(l));if(r===0)return 0;if(t!==0&&t!==r&&!(t&o)&&(o=r&-r,l=t&-t,o>=l||o===16&&(l&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function or(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Oe(t),e[t]=n}function Wd(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=zn),ka=" ",Sa=!1;function hu(e,t){switch(e){case"keyup":return gf.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function mu(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var At=!1;function yf(e,t){switch(e){case"compositionend":return mu(t);case"keypress":return t.which!==32?null:(Sa=!0,ka);case"textInput":return e=t.data,e===ka&&Sa?null:e;default:return null}}function wf(e,t){if(At)return e==="compositionend"||!Ci&&hu(e,t)?(e=fu(),zr=xi=nt=null,At=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Ta(n)}}function wu(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?wu(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function xu(){for(var e=window,t=Ar();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Ar(e.document)}return t}function Ei(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Pf(e){var t=xu(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&wu(n.ownerDocument.documentElement,n)){if(r!==null&&Ei(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,l=Math.min(r.start,o);r=r.end===void 0?l:Math.min(r.end,o),!e.extend&&l>r&&(o=r,r=l,l=o),o=Na(n,l);var i=Na(n,r);o&&i&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==i.node||e.focusOffset!==i.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),l>r?(e.addRange(t),e.extend(i.node,i.offset)):(t.setEnd(i.node,i.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Wt=null,Nl=null,On=null,Pl=!1;function Pa(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Pl||Wt==null||Wt!==Ar(r)||(r=Wt,"selectionStart"in r&&Ei(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),On&&Vn(On,r)||(On=r,r=Jr(Nl,"onSelect"),0$t||(e.current=Ml[$t],Ml[$t]=null,$t--)}function I(e,t){$t++,Ml[$t]=e.current,e.current=t}var mt={},ie=vt(mt),pe=vt(!1),Pt=mt;function rn(e,t){var n=e.type.contextTypes;if(!n)return mt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},l;for(l in n)o[l]=t[l];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function he(e){return e=e.childContextTypes,e!=null}function Xr(){q(pe),q(ie)}function Ua(e,t,n){if(ie.current!==mt)throw Error(x(168));I(ie,t),I(pe,n)}function _u(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(x(108,Sd(e)||"Unknown",o));return B({},n,r)}function Yr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||mt,Pt=ie.current,I(ie,e),I(pe,pe.current),!0}function Ia(e,t,n){var r=e.stateNode;if(!r)throw Error(x(169));n?(e=_u(e,t,Pt),r.__reactInternalMemoizedMergedChildContext=e,q(pe),q(ie),I(ie,e)):q(pe),I(pe,n)}var Be=null,wo=!1,Go=!1;function Ru(e){Be===null?Be=[e]:Be.push(e)}function Af(e){wo=!0,Ru(e)}function yt(){if(!Go&&Be!==null){Go=!0;var e=0,t=U;try{var n=Be;for(U=1;e>=i,o-=i,He=1<<32-Oe(t)+o|n<_?($=P,P=null):$=P.sibling;var O=m(d,P,f[_],g);if(O===null){P===null&&(P=$);break}e&&P&&O.alternate===null&&t(d,P),c=l(O,c,_),N===null?S=O:N.sibling=O,N=O,P=$}if(_===f.length)return n(d,P),F&&kt(d,_),S;if(P===null){for(;__?($=P,P=null):$=P.sibling;var Pe=m(d,P,O.value,g);if(Pe===null){P===null&&(P=$);break}e&&P&&Pe.alternate===null&&t(d,P),c=l(Pe,c,_),N===null?S=Pe:N.sibling=Pe,N=Pe,P=$}if(O.done)return n(d,P),F&&kt(d,_),S;if(P===null){for(;!O.done;_++,O=f.next())O=p(d,O.value,g),O!==null&&(c=l(O,c,_),N===null?S=O:N.sibling=O,N=O);return F&&kt(d,_),S}for(P=r(d,P);!O.done;_++,O=f.next())O=v(P,d,_,O.value,g),O!==null&&(e&&O.alternate!==null&&P.delete(O.key===null?_:O.key),c=l(O,c,_),N===null?S=O:N.sibling=O,N=O);return e&&P.forEach(function(mn){return t(d,mn)}),F&&kt(d,_),S}function E(d,c,f,g){if(typeof f=="object"&&f!==null&&f.type===Ft&&f.key===null&&(f=f.props.children),typeof f=="object"&&f!==null){switch(f.$$typeof){case fr:e:{for(var S=f.key,N=c;N!==null;){if(N.key===S){if(S=f.type,S===Ft){if(N.tag===7){n(d,N.sibling),c=o(N,f.props.children),c.return=d,d=c;break e}}else if(N.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===Ze&&Fa(S)===N.type){n(d,N.sibling),c=o(N,f.props),c.ref=Sn(d,N,f),c.return=d,d=c;break e}n(d,N);break}else t(d,N);N=N.sibling}f.type===Ft?(c=Nt(f.props.children,d.mode,g,f.key),c.return=d,d=c):(g=Fr(f.type,f.key,f.props,null,d.mode,g),g.ref=Sn(d,c,f),g.return=d,d=g)}return i(d);case qt:e:{for(N=f.key;c!==null;){if(c.key===N)if(c.tag===4&&c.stateNode.containerInfo===f.containerInfo&&c.stateNode.implementation===f.implementation){n(d,c.sibling),c=o(c,f.children||[]),c.return=d,d=c;break e}else{n(d,c);break}else t(d,c);c=c.sibling}c=ll(f,d.mode,g),c.return=d,d=c}return i(d);case Ze:return N=f._init,E(d,c,N(f._payload),g)}if(Tn(f))return y(d,c,f,g);if(vn(f))return w(d,c,f,g);Cr(d,f)}return typeof f=="string"&&f!==""||typeof f=="number"?(f=""+f,c!==null&&c.tag===6?(n(d,c.sibling),c=o(c,f),c.return=d,d=c):(n(d,c),c=ol(f,d.mode,g),c.return=d,d=c),i(d)):n(d,c)}return E}var ln=Mu(!0),Uu=Mu(!1),br=vt(null),eo=null,Jt=null,Pi=null;function _i(){Pi=Jt=eo=null}function Ri(e){var t=br.current;q(br),e._currentValue=t}function Dl(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function en(e,t){eo=e,Pi=Jt=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(fe=!0),e.firstContext=null)}function Te(e){var t=e._currentValue;if(Pi!==e)if(e={context:e,memoizedValue:t,next:null},Jt===null){if(eo===null)throw Error(x(308));Jt=e,eo.dependencies={lanes:0,firstContext:e}}else Jt=Jt.next=e;return t}var Et=null;function zi(e){Et===null?Et=[e]:Et.push(e)}function Iu(e,t,n,r){var o=t.interleaved;return o===null?(n.next=n,zi(t)):(n.next=o.next,o.next=n),t.interleaved=n,Ke(e,r)}function Ke(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var be=!1;function Li(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Du(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ve(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function ut(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,M&2){var o=r.pending;return o===null?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Ke(e,n)}return o=r.interleaved,o===null?(t.next=t,zi(r)):(t.next=o.next,o.next=t),r.interleaved=t,Ke(e,n)}function Or(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,vi(e,n)}}function Aa(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var o=null,l=null;if(n=n.firstBaseUpdate,n!==null){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};l===null?o=l=i:l=l.next=i,n=n.next}while(n!==null);l===null?o=l=t:l=l.next=t}else o=l=t;n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:l,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function to(e,t,n,r){var o=e.updateQueue;be=!1;var l=o.firstBaseUpdate,i=o.lastBaseUpdate,a=o.shared.pending;if(a!==null){o.shared.pending=null;var s=a,u=s.next;s.next=null,i===null?l=u:i.next=u,i=s;var h=e.alternate;h!==null&&(h=h.updateQueue,a=h.lastBaseUpdate,a!==i&&(a===null?h.firstBaseUpdate=u:a.next=u,h.lastBaseUpdate=s))}if(l!==null){var p=o.baseState;i=0,h=u=s=null,a=l;do{var m=a.lane,v=a.eventTime;if((r&m)===m){h!==null&&(h=h.next={eventTime:v,lane:0,tag:a.tag,payload:a.payload,callback:a.callback,next:null});e:{var y=e,w=a;switch(m=t,v=n,w.tag){case 1:if(y=w.payload,typeof y=="function"){p=y.call(v,p,m);break e}p=y;break e;case 3:y.flags=y.flags&-65537|128;case 0:if(y=w.payload,m=typeof y=="function"?y.call(v,p,m):y,m==null)break e;p=B({},p,m);break e;case 2:be=!0}}a.callback!==null&&a.lane!==0&&(e.flags|=64,m=o.effects,m===null?o.effects=[a]:m.push(a))}else v={eventTime:v,lane:m,tag:a.tag,payload:a.payload,callback:a.callback,next:null},h===null?(u=h=v,s=p):h=h.next=v,i|=m;if(a=a.next,a===null){if(a=o.shared.pending,a===null)break;m=a,a=m.next,m.next=null,o.lastBaseUpdate=m,o.shared.pending=null}}while(!0);if(h===null&&(s=p),o.baseState=s,o.firstBaseUpdate=u,o.lastBaseUpdate=h,t=o.shared.interleaved,t!==null){o=t;do i|=o.lane,o=o.next;while(o!==t)}else l===null&&(o.shared.lanes=0);zt|=i,e.lanes=i,e.memoizedState=p}}function Wa(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=bo.transition;bo.transition={};try{e(!1),t()}finally{U=n,bo.transition=r}}function ec(){return Ne().memoizedState}function $f(e,t,n){var r=dt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},tc(e))nc(t,n);else if(n=Iu(e,t,n,r),n!==null){var o=se();Me(n,e,r,o),rc(n,t,r)}}function Vf(e,t,n){var r=dt(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(tc(e))nc(t,o);else{var l=e.alternate;if(e.lanes===0&&(l===null||l.lanes===0)&&(l=t.lastRenderedReducer,l!==null))try{var i=t.lastRenderedState,a=l(i,n);if(o.hasEagerState=!0,o.eagerState=a,Ue(a,i)){var s=t.interleaved;s===null?(o.next=o,zi(t)):(o.next=s.next,s.next=o),t.interleaved=o;return}}catch{}finally{}n=Iu(e,t,o,r),n!==null&&(o=se(),Me(n,e,r,o),rc(n,t,r))}}function tc(e){var t=e.alternate;return e===W||t!==null&&t===W}function nc(e,t){Mn=ro=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function rc(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,vi(e,n)}}var oo={readContext:Te,useCallback:re,useContext:re,useEffect:re,useImperativeHandle:re,useInsertionEffect:re,useLayoutEffect:re,useMemo:re,useReducer:re,useRef:re,useState:re,useDebugValue:re,useDeferredValue:re,useTransition:re,useMutableSource:re,useSyncExternalStore:re,useId:re,unstable_isNewReconciler:!1},Qf={readContext:Te,useCallback:function(e,t){return De().memoizedState=[e,t===void 0?null:t],e},useContext:Te,useEffect:Ha,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Ur(4194308,4,Xu.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ur(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ur(4,2,e,t)},useMemo:function(e,t){var n=De();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=De();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=$f.bind(null,W,e),[r.memoizedState,e]},useRef:function(e){var t=De();return e={current:e},t.memoizedState=e},useState:Ba,useDebugValue:Ai,useDeferredValue:function(e){return De().memoizedState=e},useTransition:function(){var e=Ba(!1),t=e[0];return e=Hf.bind(null,e[1]),De().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=W,o=De();if(F){if(n===void 0)throw Error(x(407));n=n()}else{if(n=t(),b===null)throw Error(x(349));Rt&30||Wu(r,t,n)}o.memoizedState=n;var l={value:n,getSnapshot:t};return o.queue=l,Ha(Hu.bind(null,r,l,e),[e]),r.flags|=2048,bn(9,Bu.bind(null,r,l,n,t),void 0,null),n},useId:function(){var e=De(),t=b.identifierPrefix;if(F){var n=$e,r=He;n=(r&~(1<<32-Oe(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Gn++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[qe]=t,e[Jn]=r,fc(e,t,!1,!1),t.stateNode=e;e:{switch(i=yl(n,r),n){case"dialog":D("cancel",e),D("close",e),o=r;break;case"iframe":case"object":case"embed":D("load",e),o=r;break;case"video":case"audio":for(o=0;oun&&(t.flags|=128,r=!0,Sn(l,!1),t.lanes=4194304)}else{if(!r)if(e=to(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Sn(l,!0),l.tail===null&&l.tailMode==="hidden"&&!i.alternate&&!F)return oe(t),null}else 2*Q()-l.renderingStartTime>un&&n!==1073741824&&(t.flags|=128,r=!0,Sn(l,!1),t.lanes=4194304);l.isBackwards?(i.sibling=t.child,t.child=i):(n=l.last,n!==null?n.sibling=i:t.child=i,l.last=i)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=Q(),t.sibling=null,n=A.current,I(A,r?n&1|2:n&1),t):(oe(t),null);case 22:case 23:return Vi(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?ge&1073741824&&(oe(t),t.subtreeFlags&6&&(t.flags|=8192)):oe(t),null;case 24:return null;case 25:return null}throw Error(x(156,t.tag))}function bf(e,t){switch(ji(t),t.tag){case 1:return he(t.type)&&Kr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return an(),q(pe),q(ie),Mi(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Oi(t),null;case 13:if(q(A),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(x(340));on()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return q(A),null;case 4:return an(),null;case 10:return _i(t.type._context),null;case 22:case 23:return Vi(),null;case 24:return null;default:return null}}var Cr=!1,le=!1,ep=typeof WeakSet=="function"?WeakSet:Set,j=null;function Kt(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){B(e,t,r)}else n.current=null}function Vl(e,t,n){try{n()}catch(r){B(e,t,r)}}var ba=!1;function tp(e,t){if(Pl=$r,e=wu(),Ei(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,l=r.focusNode;r=r.focusOffset;try{n.nodeType,l.nodeType}catch{n=null;break e}var i=0,a=-1,s=-1,u=0,h=0,p=e,m=null;t:for(;;){for(var v;p!==n||o!==0&&p.nodeType!==3||(a=i+o),p!==l||r!==0&&p.nodeType!==3||(s=i+r),p.nodeType===3&&(i+=p.nodeValue.length),(v=p.firstChild)!==null;)m=p,p=v;for(;;){if(p===e)break t;if(m===n&&++u===o&&(a=i),m===l&&++h===r&&(s=i),(v=p.nextSibling)!==null)break;p=m,m=p.parentNode}p=v}n=a===-1||s===-1?null:{start:a,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(_l={focusedElem:e,selectionRange:n},$r=!1,j=t;j!==null;)if(t=j,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,j=e;else for(;j!==null;){t=j;try{var y=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(y!==null){var w=y.memoizedProps,C=y.memoizedState,d=t.stateNode,c=d.getSnapshotBeforeUpdate(t.elementType===t.type?w:Re(t.type,w),C);d.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var f=t.stateNode.containerInfo;f.nodeType===1?f.textContent="":f.nodeType===9&&f.documentElement&&f.removeChild(f.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(x(163))}}catch(g){B(t,t.return,g)}if(e=t.sibling,e!==null){e.return=t.return,j=e;break}j=t.return}return y=ba,ba=!1,y}function Mn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var o=r=r.next;do{if((o.tag&e)===e){var l=o.destroy;o.destroy=void 0,l!==void 0&&Vl(t,n,l)}o=o.next}while(o!==r)}}function ko(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Ql(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function mc(e){var t=e.alternate;t!==null&&(e.alternate=null,mc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[qe],delete t[Jn],delete t[Ll],delete t[Df],delete t[qf])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function gc(e){return e.tag===5||e.tag===3||e.tag===4}function es(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||gc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Jl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Jr));else if(r!==4&&(e=e.child,e!==null))for(Jl(e,t,n),e=e.sibling;e!==null;)Jl(e,t,n),e=e.sibling}function Kl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Kl(e,t,n),e=e.sibling;e!==null;)Kl(e,t,n),e=e.sibling}var ee=null,ze=!1;function Ge(e,t,n){for(n=n.child;n!==null;)vc(e,t,n),n=n.sibling}function vc(e,t,n){if(Fe&&typeof Fe.onCommitFiberUnmount=="function")try{Fe.onCommitFiberUnmount(po,n)}catch{}switch(n.tag){case 5:le||Kt(n,t);case 6:var r=ee,o=ze;ee=null,Ge(e,t,n),ee=r,ze=o,ee!==null&&(ze?(e=ee,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):ee.removeChild(n.stateNode));break;case 18:ee!==null&&(ze?(e=ee,n=n.stateNode,e.nodeType===8?Xo(e.parentNode,n):e.nodeType===1&&Xo(e,n),Hn(e)):Xo(ee,n.stateNode));break;case 4:r=ee,o=ze,ee=n.stateNode.containerInfo,ze=!0,Ge(e,t,n),ee=r,ze=o;break;case 0:case 11:case 14:case 15:if(!le&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var l=o,i=l.destroy;l=l.tag,i!==void 0&&(l&2||l&4)&&Vl(n,t,i),o=o.next}while(o!==r)}Ge(e,t,n);break;case 1:if(!le&&(Kt(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(a){B(n,t,a)}Ge(e,t,n);break;case 21:Ge(e,t,n);break;case 22:n.mode&1?(le=(r=le)||n.memoizedState!==null,Ge(e,t,n),le=r):Ge(e,t,n);break;default:Ge(e,t,n)}}function ts(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new ep),t.forEach(function(r){var o=cp.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function _e(e,t){var n=t.deletions;if(n!==null)for(var r=0;ro&&(o=i),r&=~l}if(r=o,r=Q()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*rp(r/1960))-r,10e?16:e,rt===null)var r=!1;else{if(e=rt,rt=null,io=0,M&6)throw Error(x(331));var o=M;for(M|=4,j=e.current;j!==null;){var l=j,i=l.child;if(j.flags&16){var a=l.deletions;if(a!==null){for(var s=0;sQ()-Bi?Tt(e,0):Hi|=n),me(e,t)}function jc(e,t){t===0&&(e.mode&1?(t=mr,mr<<=1,!(mr&130023424)&&(mr=4194304)):t=1);var n=se();e=Ke(e,t),e!==null&&(rr(e,t,n),me(e,n))}function up(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),jc(e,n)}function cp(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(x(314))}r!==null&&r.delete(t),jc(e,n)}var Tc;Tc=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||pe.current)fe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return fe=!1,Gf(e,t,n);fe=!!(e.flags&131072)}else fe=!1,F&&t.flags&1048576&&Ru(t,Gr,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Ur(e,t),e=t.pendingProps;var o=rn(t,ie.current);en(t,n),o=Ii(null,t,r,e,o,n);var l=Di();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,he(r)?(l=!0,Xr(t)):l=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,zi(t),o.updater=xo,t.stateNode=o,o._reactInternals=t,ql(t,r,e,n),t=Wl(null,t,r,!0,l,n)):(t.tag=0,F&&l&&Ci(t),ae(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Ur(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=fp(r),e=Re(r,e),o){case 0:t=Al(null,t,r,e,n);break e;case 1:t=Ya(null,t,r,e,n);break e;case 11:t=Ka(null,t,r,e,n);break e;case 14:t=Xa(null,t,r,Re(r.type,e),n);break e}throw Error(x(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Al(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Ya(e,t,r,o,n);case 3:e:{if(uc(t),e===null)throw Error(x(387));r=t.pendingProps,l=t.memoizedState,o=l.element,Iu(e,t),eo(t,r,null,n);var i=t.memoizedState;if(r=i.element,l.isDehydrated)if(l={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=l,t.memoizedState=l,t.flags&256){o=sn(Error(x(423)),t),t=Ga(e,t,r,n,o);break e}else if(r!==o){o=sn(Error(x(424)),t),t=Ga(e,t,r,n,o);break e}else for(ve=st(t.stateNode.containerInfo.firstChild),ye=t,F=!0,Le=null,n=Mu(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(on(),r===o){t=Xe(e,t,n);break e}ae(e,t,r,n)}t=t.child}return t;case 5:return Du(t),e===null&&Ul(t),r=t.type,o=t.pendingProps,l=e!==null?e.memoizedProps:null,i=o.children,Rl(r,o)?i=null:l!==null&&Rl(r,l)&&(t.flags|=32),sc(e,t),ae(e,t,i,n),t.child;case 6:return e===null&&Ul(t),null;case 13:return cc(e,t,n);case 4:return Li(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=ln(t,null,r,n):ae(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Ka(e,t,r,o,n);case 7:return ae(e,t,t.pendingProps,n),t.child;case 8:return ae(e,t,t.pendingProps.children,n),t.child;case 12:return ae(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,l=t.memoizedProps,i=o.value,I(Zr,r._currentValue),r._currentValue=i,l!==null)if(Ue(l.value,i)){if(l.children===o.children&&!pe.current){t=Xe(e,t,n);break e}}else for(l=t.child,l!==null&&(l.return=t);l!==null;){var a=l.dependencies;if(a!==null){i=l.child;for(var s=a.firstContext;s!==null;){if(s.context===r){if(l.tag===1){s=Ve(-1,n&-n),s.tag=2;var u=l.updateQueue;if(u!==null){u=u.shared;var h=u.pending;h===null?s.next=s:(s.next=h.next,h.next=s),u.pending=s}}l.lanes|=n,s=l.alternate,s!==null&&(s.lanes|=n),Il(l.return,n,t),a.lanes|=n;break}s=s.next}}else if(l.tag===10)i=l.type===t.type?null:l.child;else if(l.tag===18){if(i=l.return,i===null)throw Error(x(341));i.lanes|=n,a=i.alternate,a!==null&&(a.lanes|=n),Il(i,n,t),i=l.sibling}else i=l.child;if(i!==null)i.return=l;else for(i=l;i!==null;){if(i===t){i=null;break}if(l=i.sibling,l!==null){l.return=i.return,i=l;break}i=i.return}l=i}ae(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,en(t,n),o=Te(o),r=r(o),t.flags|=1,ae(e,t,r,n),t.child;case 14:return r=t.type,o=Re(r,t.pendingProps),o=Re(r.type,o),Xa(e,t,r,o,n);case 15:return ic(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Ur(e,t),t.tag=1,he(r)?(e=!0,Xr(t)):e=!1,en(t,n),rc(t,r,o),ql(t,r,o,n),Wl(null,t,r,!0,e,n);case 19:return dc(e,t,n);case 22:return ac(e,t,n)}throw Error(x(156,t.tag))};function Nc(e,t){return eu(e,t)}function dp(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ce(e,t,n,r){return new dp(e,t,n,r)}function Ji(e){return e=e.prototype,!(!e||!e.isReactComponent)}function fp(e){if(typeof e=="function")return Ji(e)?1:0;if(e!=null){if(e=e.$$typeof,e===fi)return 11;if(e===pi)return 14}return 2}function ft(e,t){var n=e.alternate;return n===null?(n=Ce(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function qr(e,t,n,r,o,l){var i=2;if(r=e,typeof e=="function")Ji(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Ft:return Nt(n.children,o,l,t);case di:i=8,o|=8;break;case sl:return e=Ce(12,n,t,o|2),e.elementType=sl,e.lanes=l,e;case ul:return e=Ce(13,n,t,o),e.elementType=ul,e.lanes=l,e;case cl:return e=Ce(19,n,t,o),e.elementType=cl,e.lanes=l,e;case Ds:return Eo(n,o,l,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Us:i=10;break e;case Is:i=9;break e;case fi:i=11;break e;case pi:i=14;break e;case Ze:i=16,r=null;break e}throw Error(x(130,e==null?e:typeof e,""))}return t=Ce(i,n,t,o),t.elementType=e,t.type=r,t.lanes=l,t}function Nt(e,t,n,r){return e=Ce(7,e,r,t),e.lanes=n,e}function Eo(e,t,n,r){return e=Ce(22,e,r,t),e.elementType=Ds,e.lanes=n,e.stateNode={isHidden:!1},e}function rl(e,t,n){return e=Ce(6,e,null,t),e.lanes=n,e}function ol(e,t,n){return t=Ce(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function pp(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=qo(0),this.expirationTimes=qo(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=qo(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Ki(e,t,n,r,o,l,i,a,s){return e=new pp(e,t,n,a,s),t===1?(t=1,l===!0&&(t|=8)):t=0,l=Ce(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},zi(l),e}function hp(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(zc)}catch(e){console.error(e)}}zc(),zs.exports=xe;var wp=zs.exports,us=wp;il.createRoot=us.createRoot,il.hydrateRoot=us.hydrateRoot;const xp=[{type:"categorie",title:"Choose a Catagorie of Questions:",options:["javascript","nodejs","reactjs"]},{type:"quantity",title:"Number of Questions:",options:[5,10]},{type:"mode",title:"Difficulty modes of Questions:",options:["easy","medium","hard"]}],cs=[{id:1,title:"question 1",query:"What is the purpose of the 'this' keyword in JavaScript?",explanation:"The 'this' keyword refers to the object that is currently executing the code. In a method, it refers to the owner object; in a function, it refers to the global object.",answer:"a",choices:[{a:"Refers to the object executing the code",selected:"a"},{a:"Refers to the global object",selected:"b"},{a:"Refers to the function that called it",selected:"c"},{a:"Refers to the last object created",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:2,title:"question 2",query:"How do you declare a variable in JavaScript?",explanation:"Variables in JavaScript can be declared using 'var', 'let', or 'const'. 'var' is function-scoped, while 'let' and 'const' are block-scoped.",answer:"b",choices:[{a:"Using 'variable'",selected:"a"},{a:"Using 'let'",selected:"b"},{a:"Using 'define'",selected:"c"},{a:"Using 'const'",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:3,title:"question 3",query:"What does the 'typeof' operator do in JavaScript?",explanation:"The 'typeof' operator returns a string indicating the type of the unevaluated operand.",answer:"c",choices:[{a:"Converts a value to a string",selected:"a"},{a:"Checks if a value is null",selected:"b"},{a:"Returns the type of the operand",selected:"c"},{a:"Assigns a type to a variable",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:4,title:"question 4",query:"How do you create a function in JavaScript?",explanation:"Functions in JavaScript can be created using function declarations, function expressions, or arrow functions.",answer:"d",choices:[{a:"Using 'function create()'",selected:"a"},{a:"Using 'var create = function()'",selected:"b"},{a:"Using 'function create() = () =>'",selected:"c"},{a:"Using 'const create = () =>'",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:5,title:"question 5",query:"What is the difference between '==' and '===' in JavaScript?",explanation:"'==' performs type coercion while comparing values, whereas '===' checks for both value and type equality.",answer:"b",choices:[{a:"Both check for value only",selected:"a"},{a:"'===' checks for both value and type",selected:"b"},{a:"'==' is stricter than '==='",selected:"c"},{a:"'===' performs type coercion",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:6,title:"question 6",query:"What is a closure in JavaScript?",explanation:"A closure is a function that retains access to its lexical scope even when the function is executed outside that scope.",answer:"a",choices:[{a:"A function with access to its own scope and outer scopes",selected:"a"},{a:"A function that calls itself",selected:"b"},{a:"A function without parameters",selected:"c"},{a:"A function used to create classes",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:7,title:"question 7",query:"What is the difference between 'null' and 'undefined'?",explanation:"'null' is an assignment value that represents no value, while 'undefined' means a variable has been declared but not assigned a value.",answer:"c",choices:[{a:"'null' is used for uninitialized variables",selected:"a"},{a:"'undefined' is used for deliberate null values",selected:"b"},{a:"'null' represents no value, 'undefined' is uninitialized",selected:"c"},{a:"'null' and 'undefined' are the same",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:8,title:"question 8",query:"How do you create an object in JavaScript?",explanation:"Objects in JavaScript can be created using object literals, constructor functions, or the 'Object.create()' method.",answer:"a",choices:[{a:"Using object literals",selected:"a"},{a:"Using 'new Object()'",selected:"b"},{a:"Using 'Object.create()'",selected:"c"},{a:"Using 'function Object()'",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:9,title:"question 9",query:"What is the 'for...of' loop used for?",explanation:"The 'for...of' loop is used to iterate over iterable objects such as arrays, strings, and maps, providing a simple way to access elements.",answer:"b",choices:[{a:"To iterate over object keys",selected:"a"},{a:"To iterate over iterable objects",selected:"b"},{a:"To iterate over array indices",selected:"c"},{a:"To iterate over function properties",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:10,title:"question 10",query:"What is event delegation in JavaScript?",explanation:"Event delegation involves attaching a single event listener to a parent element to handle events for its child elements, improving performance and code maintainability.",answer:"d",choices:[{a:"Attaching event listeners directly to child elements",selected:"a"},{a:"Creating event handlers for each element",selected:"b"},{a:"Using multiple event listeners for efficiency",selected:"c"},{a:"Attaching a single event listener to a parent element",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:11,title:"question 11",query:"What is the output of 'console.log(typeof NaN)'?",explanation:"The output is 'number' because NaN stands for 'Not-a-Number', but its type is still 'number'.",answer:"a",choices:[{a:"'number'",selected:"a"},{a:"'NaN'",selected:"b"},{a:"'undefined'",selected:"c"},{a:"'object'",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:12,title:"question 12",query:"What does 'Array.isArray()' method do?",explanation:"'Array.isArray()' determines whether the provided value is an array.",answer:"b",choices:[{a:"Checks if a value is an object",selected:"a"},{a:"Checks if a value is an array",selected:"b"},{a:"Checks if a value is a string",selected:"c"},{a:"Checks if a value is a number",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:13,title:"question 13",query:"How do you handle errors in JavaScript?",explanation:"Errors can be handled using 'try...catch' blocks, allowing you to catch and handle exceptions.",answer:"c",choices:[{a:"Using 'if...else' statements",selected:"a"},{a:"Using 'switch...case'",selected:"b"},{a:"'try...catch' blocks",selected:"c"},{a:"Using 'throw' statements",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:14,title:"question 14",query:"What is a JavaScript promise?",explanation:"A promise is an object representing the eventual completion or failure of an asynchronous operation.",answer:"d",choices:[{a:"A synchronous operation",selected:"a"},{a:"A function that returns a value",selected:"b"},{a:"An object with a static value",selected:"c"},{a:"An object representing an asynchronous operation",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:15,title:"question 15",query:"What is 'setTimeout()' used for in JavaScript?",explanation:"'setTimeout()' is used to execute a function after a specified number of milliseconds.",answer:"a",choices:[{a:"To delay the execution of a function",selected:"a"},{a:"To repeatedly execute a function",selected:"b"},{a:"To pause code execution",selected:"c"},{a:"To execute code immediately",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:16,title:"question 16",query:"How do you create a promise in JavaScript?",explanation:"A promise is created using the 'Promise' constructor which takes a function with 'resolve' and 'reject' parameters.",answer:"d",choices:[{a:"Using 'new Async()'",selected:"a"},{a:"Using 'Promise.resolve()'",selected:"b"},{a:"Using 'new Promise()' without parameters",selected:"c"},{a:"Using 'new Promise(executor)'",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:17,title:"question 17",query:"What is 'localStorage' used for?",explanation:"'localStorage' is used to store data in the browser persistently across sessions.",answer:"b",choices:[{a:"To store data temporarily",selected:"a"},{a:"To store data persistently",selected:"b"},{a:"To manage cookies",selected:"c"},{a:"To store session-specific data",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:18,title:"question 18",query:"What is 'async/await' used for in JavaScript?",explanation:"'async/await' is used to work with asynchronous code, making it easier to read and write by handling promises.",answer:"c",choices:[{a:"To handle synchronous code",selected:"a"},{a:"To handle event listeners",selected:"b"},{a:"To work with asynchronous code",selected:"c"},{a:"To create new promises",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:19,title:"question 19",query:"How do you clone an object in JavaScript?",explanation:"You can clone an object using methods like 'Object.assign()' or the spread operator.",answer:"a",choices:[{a:"Using 'Object.assign()' or spread operator",selected:"a"},{a:"Using 'JSON.parse()' and 'JSON.stringify()'",selected:"b"},{a:"Using 'Array.slice()'",selected:"c"},{a:"Using 'Object.create()'",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:20,title:"question 20",query:"What is 'eval()' function used for?",explanation:"'eval()' executes a string of code as JavaScript, which can be risky and is generally discouraged due to security concerns.",answer:"d",choices:[{a:"To execute code from an external file",selected:"a"},{a:"To parse JSON strings",selected:"b"},{a:"To create a new function",selected:"c"},{a:"To execute a string of code",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:21,title:"question 21",query:"What does 'Function.prototype.call()' do?",explanation:"'Function.prototype.call()' calls a function with a specified 'this' value and arguments provided individually.",answer:"a",choices:[{a:"Calls a function with a specified 'this' value and arguments",selected:"a"},{a:"Creates a new function with the same body",selected:"b"},{a:"Sets the prototype of a function",selected:"c"},{a:"Binds a function to a new object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:22,title:"question 22",query:"What is the purpose of 'Object.freeze()'?",explanation:"'Object.freeze()' prevents modifications to an object, making it immutable.",answer:"b",choices:[{a:"Allows modifications to an object",selected:"a"},{a:"Prevents modifications to an object",selected:"b"},{a:"Clones an object",selected:"c"},{a:"Merges two objects",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:23,title:"question 23",query:"What does 'Object.defineProperty()' do?",explanation:"'Object.defineProperty()' defines a new property or modifies an existing property on an object.",answer:"c",choices:[{a:"Deletes a property from an object",selected:"a"},{a:"Returns the property descriptor",selected:"b"},{a:"Defines or modifies a property",selected:"c"},{a:"Lists all properties of an object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:24,title:"question 24",query:"What does 'Object.getPrototypeOf()' return?",explanation:"'Object.getPrototypeOf()' returns the prototype of a specified object.",answer:"d",choices:[{a:"The constructor function of an object",selected:"a"},{a:"The prototype chain length",selected:"b"},{a:"The properties of an object",selected:"c"},{a:"The prototype of an object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:25,title:"question 25",query:"What is the purpose of 'Object.create()'?",explanation:"'Object.create()' creates a new object with the specified prototype object and properties.",answer:"a",choices:[{a:"Creates a new object with a specified prototype",selected:"a"},{a:"Assigns properties to an existing object",selected:"b"},{a:"Merges multiple objects",selected:"c"},{a:"Defines a new class",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:26,title:"question 26",query:"What does 'Function.prototype.bind()' do?",explanation:"'Function.prototype.bind()' creates a new function that, when called, has its 'this' keyword set to the provided value.",answer:"b",choices:[{a:"Binds a function to a new context",selected:"a"},{a:"Creates a new function with a bound 'this' value",selected:"b"},{a:"Modifies the function's prototype",selected:"c"},{a:"Sets a default argument for the function",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:27,title:"question 27",query:"What is the purpose of 'Symbol()' in JavaScript?",explanation:"'Symbol()' creates a unique and immutable value that can be used as a unique property key.",answer:"c",choices:[{a:"Creates a new object",selected:"a"},{a:"Generates a random number",selected:"b"},{a:"Creates a unique property key",selected:"c"},{a:"Defines a new constructor function",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:28,title:"question 28",query:"What is 'Reflect.construct()' used for?",explanation:"'Reflect.construct()' allows you to call a constructor function with a specified 'this' value and arguments, similar to the 'new' operator.",answer:"a",choices:[{a:"Calls a constructor function with 'new'",selected:"a"},{a:"Modifies the constructor function",selected:"b"},{a:"Creates a new class",selected:"c"},{a:"Returns the prototype of a constructor",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:29,title:"question 29",query:"What does 'Proxy' do in JavaScript?",explanation:"'Proxy' allows you to create a handler object that defines custom behavior for fundamental operations (e.g., property lookup).",answer:"b",choices:[{a:"Creates a new function",selected:"a"},{a:"Defines custom behavior for operations",selected:"b"},{a:"Handles asynchronous operations",selected:"c"},{a:"Creates a new object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:30,title:"question 30",query:"How do you use 'WeakMap' in JavaScript?",explanation:"'WeakMap' is a collection of key-value pairs where keys are objects and values can be any value. It allows for garbage collection of keys when they are no longer referenced elsewhere.",answer:"d",choices:[{a:"To store any data type as keys",selected:"a"},{a:"To handle asynchronous data",selected:"b"},{a:"To create a new object with weak references",selected:"c"},{a:"To store key-value pairs with weak references",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:1,title:"question 1",query:"What is ReactJS?",explanation:"ReactJS is a JavaScript library for building user interfaces, particularly single-page applications where you need a fast and interactive user experience.",answer:"a",choices:[{a:"A JavaScript library for building user interfaces",selected:"a"},{a:"A CSS framework for styling",selected:"b"},{a:"A server-side framework",selected:"c"},{a:"A database management system",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:2,title:"question 2",query:"What does JSX stand for?",explanation:"JSX stands for JavaScript XML. It is a syntax extension that allows mixing HTML with JavaScript in React components.",answer:"b",choices:[{a:"JavaScript eXtension",selected:"a"},{a:"JavaScript XML",selected:"b"},{a:"JavaScript Execution",selected:"c"},{a:"JavaScript XQuery",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:3,title:"question 3",query:"How do you create a functional component in React?",explanation:"Functional components are created using JavaScript functions that return JSX. They can be simple and are used for components that don't require state management.",answer:"c",choices:[{a:"By using class syntax",selected:"a"},{a:"By extending React.Component",selected:"b"},{a:"By creating a function that returns JSX",selected:"c"},{a:"By using the 'createComponent' method",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:4,title:"question 4",query:"What is the purpose of 'useState' in React?",explanation:"'useState' is a Hook that allows you to add state management to functional components.",answer:"a",choices:[{a:"To add state to functional components",selected:"a"},{a:"To handle side effects",selected:"b"},{a:"To manage routing",selected:"c"},{a:"To access context",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:5,title:"question 5",query:"How do you pass data between components in React?",explanation:"Data is passed between components in React using props. Props are attributes you add to a component to pass data down to child components.",answer:"b",choices:[{a:"Using global variables",selected:"a"},{a:"Using props",selected:"b"},{a:"Using state",selected:"c"},{a:"Using context",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:6,title:"question 6",query:"What is 'useEffect' used for in React?",explanation:"'useEffect' is a Hook that lets you perform side effects in function components, such as data fetching or updating the DOM.",answer:"d",choices:[{a:"To manage state",selected:"a"},{a:"To handle routing",selected:"b"},{a:"To manage context",selected:"c"},{a:"To perform side effects",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:7,title:"question 7",query:"What is a React Hook?",explanation:"React Hooks are functions that let you use state and other React features without writing a class. Examples include useState and useEffect.",answer:"a",choices:[{a:"A function that uses React features",selected:"a"},{a:"A method of a React class",selected:"b"},{a:"A type of React component",selected:"c"},{a:"A special prop for components",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:8,title:"question 8",query:"How do you conditionally render a component in React?",explanation:"You can conditionally render components using JavaScript operators like 'if' statements or conditional (ternary) operators directly in the JSX.",answer:"b",choices:[{a:"Using 'if' statements in JSX",selected:"a"},{a:"Using conditional operators in JSX",selected:"b"},{a:"Using a separate component",selected:"c"},{a:"Using the 'render' method",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:9,title:"question 9",query:"What is the purpose of 'React.Fragment'?",explanation:"'React.Fragment' is used to group a list of children without adding extra nodes to the DOM.",answer:"c",choices:[{a:"To create a new component",selected:"a"},{a:"To manage state",selected:"b"},{a:"To group elements without adding extra nodes",selected:"c"},{a:"To handle events",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:10,title:"question 10",query:"How do you create a React context?",explanation:"You create a React context using React.createContext() and then provide values using a Context.Provider.",answer:"d",choices:[{a:"Using 'createContext' and 'Provider'",selected:"a"},{a:"Using 'useContext' Hook",selected:"b"},{a:"Using 'ReactDOM.render()'",selected:"c"},{a:"Using 'React.createContext()' and 'Provider'",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:11,title:"question 11",query:"What is 'useMemo' used for in React?",explanation:"'useMemo' is a Hook that returns a memoized value, which helps in optimizing performance by avoiding expensive calculations on every render.",answer:"a",choices:[{a:"To memoize expensive calculations",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To handle side effects",selected:"c"},{a:"To create context values",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:12,title:"question 12",query:"How does React handle updates to state?",explanation:"React schedules updates to state asynchronously and re-renders the component when the state is updated, ensuring efficient and predictable updates.",answer:"b",choices:[{a:"Synchronously and immediately",selected:"a"},{a:"Asynchronously and batched",selected:"b"},{a:"Manually triggered",selected:"c"},{a:"By directly manipulating the DOM",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:13,title:"question 13",query:"What is 'React.memo()' used for?",explanation:"'React.memo()' is a higher-order component that memoizes a component to prevent unnecessary re-renders when the props haven't changed.",answer:"c",choices:[{a:"To memoize state",selected:"a"},{a:"To cache component methods",selected:"b"},{a:"To prevent unnecessary re-renders",selected:"c"},{a:"To handle side effects",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:14,title:"question 14",query:"What does 'useReducer' do in React?",explanation:"'useReducer' is a Hook that manages more complex state logic in functional components, similar to 'useState' but with a reducer function.",answer:"a",choices:[{a:"Manages complex state logic",selected:"a"},{a:"Handles side effects",selected:"b"},{a:"Provides context",selected:"c"},{a:"Renders a list of elements",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:15,title:"question 15",query:"What is the purpose of 'React.StrictMode'?",explanation:"'React.StrictMode' helps to identify potential problems in an application by activating additional checks and warnings for its descendants.",answer:"b",choices:[{a:"To optimize performance",selected:"a"},{a:"To identify potential problems",selected:"b"},{a:"To manage global state",selected:"c"},{a:"To handle routing",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:16,title:"question 16",query:"What does 'React.lazy()' do?",explanation:"'React.lazy()' enables dynamic import of components, which allows you to split code and load components only when they are needed.",answer:"d",choices:[{a:"Eagerly loads all components",selected:"a"},{a:"Immediately renders components",selected:"b"},{a:"Manages component state",selected:"c"},{a:"Dynamically imports components",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:17,title:"question 17",query:"How do you use 'useCallback' in React?",explanation:"'useCallback' is a Hook that returns a memoized callback function, which helps to avoid unnecessary re-creations of functions on every render.",answer:"a",choices:[{a:"To memoize callback functions",selected:"a"},{a:"To manage state",selected:"b"},{a:"To handle side effects",selected:"c"},{a:"To create a new component",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:18,title:"question 18",query:"What is 'useContext' used for?",explanation:"'useContext' is a Hook that allows you to access the value of a React context directly in functional components.",answer:"b",choices:[{a:"To create a new context",selected:"a"},{a:"To access context values",selected:"b"},{a:"To manage state",selected:"c"},{a:"To perform side effects",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:19,title:"question 19",query:"How do you update context values in React?",explanation:"Context values are updated by providing a new value to the Context.Provider component, which then propagates the change to all consuming components.",answer:"c",choices:[{a:"Using 'setContext' method",selected:"a"},{a:"Using 'updateContext' method",selected:"b"},{a:"By updating the value of Context.Provider",selected:"c"},{a:"Directly modifying context",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:20,title:"question 20",query:"What does 'React.Fragment' allow you to do?",explanation:"'React.Fragment' allows you to group multiple elements without adding extra nodes to the DOM.",answer:"d",choices:[{a:"Add extra nodes to the DOM",selected:"a"},{a:"Create a new component",selected:"b"},{a:"Manage component state",selected:"c"},{a:"Group elements without extra nodes",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:21,title:"question 21",query:"What is the purpose of 'React.createElement()'?",explanation:"'React.createElement()' is used to create React elements that can be rendered to the DOM, representing the virtual DOM.",answer:"b",choices:[{a:"To create new components",selected:"a"},{a:"To create React elements for rendering",selected:"b"},{a:"To manage state",selected:"c"},{a:"To handle side effects",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:22,title:"question 22",query:"How does React use the virtual DOM?",explanation:"React uses the virtual DOM to optimize rendering by keeping a lightweight copy of the actual DOM and only updating the parts that have changed.",answer:"d",choices:[{a:"To replace the actual DOM",selected:"a"},{a:"To manage state more efficiently",selected:"b"},{a:"To handle side effects",selected:"c"},{a:"To optimize rendering by minimizing updates",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:23,title:"question 23",query:"What is 'React.PureComponent' used for?",explanation:"'React.PureComponent' is a base class for components that only re-render when their props or state change, providing a shallow comparison for optimization.",answer:"c",choices:[{a:"To create new context",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To optimize re-rendering by shallow comparison",selected:"c"},{a:"To handle asynchronous operations",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:24,title:"question 24",query:"How does 'React.forwardRef()' work?",explanation:"'React.forwardRef()' allows you to forward refs to a child component, enabling the parent component to directly access the child's DOM node.",answer:"b",choices:[{a:"It creates a new context",selected:"a"},{a:"It forwards refs to child components",selected:"b"},{a:"It manages component lifecycle",selected:"c"},{a:"It handles side effects",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:25,title:"question 25",query:"What is the role of 'shouldComponentUpdate' in React?",explanation:"'shouldComponentUpdate' is a lifecycle method that determines whether a component should re-render or not, allowing for performance optimization.",answer:"a",choices:[{a:"To control re-rendering",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To handle context changes",selected:"c"},{a:"To create new elements",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:26,title:"question 26",query:"What does 'React.Suspense' allow you to do?",explanation:"'React.Suspense' lets you handle loading states for components that are dynamically imported or have async data, providing a fallback UI while loading.",answer:"d",choices:[{a:"To manage component state",selected:"a"},{a:"To optimize rendering performance",selected:"b"},{a:"To handle context updates",selected:"c"},{a:"To handle loading states and fallback UI",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:27,title:"question 27",query:"What is the purpose of 'React.StrictMode' in development?",explanation:"'React.StrictMode' helps to identify potential problems and warnings in the application during development, ensuring better practices and code quality.",answer:"b",choices:[{a:"To improve production performance",selected:"a"},{a:"To identify potential problems and warnings",selected:"b"},{a:"To handle component state",selected:"c"},{a:"To manage routing",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:28,title:"question 28",query:"What is 'ReactDOM.hydrate()' used for?",explanation:"'ReactDOM.hydrate()' is used to attach event handlers to server-rendered HTML, allowing React to manage the existing content effectively.",answer:"c",choices:[{a:"To replace server-rendered content",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To attach event handlers to server-rendered HTML",selected:"c"},{a:"To handle context updates",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:29,title:"question 29",query:"How does 'React.StrictMode' affect class components?",explanation:"'React.StrictMode' applies additional checks and warnings to class components in development mode, helping identify potential issues and enforce best practices.",answer:"a",choices:[{a:"Applies additional checks and warnings",selected:"a"},{a:"Optimizes rendering performance",selected:"b"},{a:"Manages state efficiently",selected:"c"},{a:"Handles asynchronous operations",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:30,title:"question 30",query:"What does 'React.createContext()' provide?",explanation:"'React.createContext()' provides a Context object that can be used to share values between components without having to pass props explicitly through every level of the component tree.",answer:"b",choices:[{a:"A method for state management",selected:"a"},{a:"A Context object for prop drilling",selected:"b"},{a:"A utility for handling side effects",selected:"c"},{a:"A tool for managing component lifecycle",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:1,title:"question 1",query:"What is Node.js?",explanation:"Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that allows you to execute JavaScript code server-side.",answer:"a",choices:[{a:"A JavaScript runtime for server-side scripting",selected:"a"},{a:"A CSS preprocessor",selected:"b"},{a:"A database management system",selected:"c"},{a:"A JavaScript library for the frontend",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:2,title:"question 2",query:"Which command initializes a new Node.js project?",explanation:"The command 'npm init' initializes a new Node.js project by creating a package.json file where project metadata and dependencies are listed.",answer:"b",choices:[{a:"npm start",selected:"a"},{a:"npm init",selected:"b"},{a:"npm install",selected:"c"},{a:"npm create",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:3,title:"question 3",query:"How do you include external modules in Node.js?",explanation:"In Node.js, you use the 'require()' function to include external modules and access their functionalities.",answer:"c",choices:[{a:"import()",selected:"a"},{a:"include()",selected:"b"},{a:"require()",selected:"c"},{a:"load()",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:4,title:"question 4",query:"What is the purpose of the 'fs' module in Node.js?",explanation:"The 'fs' (file system) module provides an API for interacting with the file system, allowing you to read and write files.",answer:"d",choices:[{a:"To handle HTTP requests",selected:"a"},{a:"To manage databases",selected:"b"},{a:"To handle streams",selected:"c"},{a:"To interact with the file system",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:5,title:"question 5",query:"Which method is used to start a Node.js HTTP server?",explanation:"The 'http.createServer()' method is used to create an HTTP server in Node.js, which can listen to incoming requests and send responses.",answer:"a",choices:[{a:"http.createServer()",selected:"a"},{a:"http.listen()",selected:"b"},{a:"http.startServer()",selected:"c"},{a:"http.run()",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:6,title:"question 6",query:"What is 'npm'?",explanation:"'npm' (Node Package Manager) is a package manager for JavaScript, used to manage project dependencies and install packages.",answer:"b",choices:[{a:"A JavaScript framework",selected:"a"},{a:"A package manager for JavaScript",selected:"b"},{a:"A database engine",selected:"c"},{a:"A task runner",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:7,title:"question 7",query:"What does the 'process.env' object contain?",explanation:"'process.env' contains environment variables available to the Node.js process, such as configuration settings and credentials.",answer:"c",choices:[{a:"User session data",selected:"a"},{a:"Local file system paths",selected:"b"},{a:"Environment variables",selected:"c"},{a:"Network configurations",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:8,title:"question 8",query:"What does the 'path' module in Node.js do?",explanation:"The 'path' module provides utilities for working with file and directory paths, such as joining and resolving paths.",answer:"a",choices:[{a:"Provides utilities for working with paths",selected:"a"},{a:"Handles network requests",selected:"b"},{a:"Manages database connections",selected:"c"},{a:"Parses incoming HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:9,title:"question 9",query:"What is 'async/await' in Node.js?",explanation:"'async/await' is a syntax for working with asynchronous code in a more synchronous-like manner, making it easier to write and understand.",answer:"d",choices:[{a:"A database management system",selected:"a"},{a:"A new JavaScript framework",selected:"b"},{a:"A command-line tool",selected:"c"},{a:"Syntax for working with asynchronous code",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:10,title:"question 10",query:"Which method is used to read a file asynchronously in Node.js?",explanation:"The 'fs.readFile()' method is used to read the contents of a file asynchronously, allowing you to handle file operations without blocking the event loop.",answer:"a",choices:[{a:"fs.readFile()",selected:"a"},{a:"fs.read()",selected:"b"},{a:"fs.open()",selected:"c"},{a:"fs.readSync()",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:11,title:"question 11",query:"What is the purpose of the 'events' module in Node.js?",explanation:"The 'events' module provides a way to work with events and listeners in Node.js, allowing for event-driven programming.",answer:"b",choices:[{a:"To handle HTTP requests",selected:"a"},{a:"To work with events and listeners",selected:"b"},{a:"To manage file system operations",selected:"c"},{a:"To handle asynchronous operations",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:12,title:"question 12",query:"How do you handle errors in Node.js asynchronous code?",explanation:"Errors in asynchronous Node.js code are typically handled using error-first callbacks or by catching exceptions in promises using 'catch()' or 'try/catch' with 'async/await'.",answer:"a",choices:[{a:"Using error-first callbacks or try/catch",selected:"a"},{a:"Ignoring errors",selected:"b"},{a:"Logging errors to the console",selected:"c"},{a:"Using synchronous error handling",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:13,title:"question 13",query:"What is the purpose of the 'http' module in Node.js?",explanation:"The 'http' module provides utilities for creating HTTP servers and making HTTP requests, enabling communication between the server and clients.",answer:"c",choices:[{a:"To manage file system operations",selected:"a"},{a:"To handle asynchronous operations",selected:"b"},{a:"To create HTTP servers and requests",selected:"c"},{a:"To work with environment variables",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:14,title:"question 14",query:"How does Node.js handle concurrency?",explanation:"Node.js handles concurrency using a single-threaded event loop and non-blocking I/O operations, which allows it to handle many connections simultaneously without creating new threads for each one.",answer:"d",choices:[{a:"Using multi-threading",selected:"a"},{a:"By creating new processes for each request",selected:"b"},{a:"Using synchronous I/O operations",selected:"c"},{a:"Using an event loop and non-blocking I/O",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:15,title:"question 15",query:"What is 'npm install' used for?",explanation:"'npm install' is used to install dependencies listed in the package.json file or to install specific packages from the npm registry.",answer:"a",choices:[{a:"To install dependencies and packages",selected:"a"},{a:"To start the Node.js server",selected:"b"},{a:"To update the package.json file",selected:"c"},{a:"To create a new Node.js project",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:16,title:"question 16",query:"What does 'module.exports' do in Node.js?",explanation:"'module.exports' is used to export functions, objects, or values from a module so that they can be required and used in other files.",answer:"c",choices:[{a:"Imports modules into the current file",selected:"a"},{a:"Manages file system operations",selected:"b"},{a:"Exports functions and values from a module",selected:"c"},{a:"Handles asynchronous tasks",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:17,title:"question 17",query:"How can you make an HTTP request in Node.js?",explanation:"You can make HTTP requests in Node.js using the 'http' or 'https' modules, or by using third-party libraries like 'axios' or 'node-fetch'.",answer:"b",choices:[{a:"Using the 'fs' module",selected:"a"},{a:"Using 'http' or third-party libraries",selected:"b"},{a:"Using 'path' module",selected:"c"},{a:"Using 'events' module",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:18,title:"question 18",query:"What is the 'cluster' module used for in Node.js?",explanation:"The 'cluster' module allows you to create child processes that share the same server port, enabling you to utilize multiple CPU cores for better performance.",answer:"a",choices:[{a:"To create child processes for load balancing",selected:"a"},{a:"To manage file system operations",selected:"b"},{a:"To handle database operations",selected:"c"},{a:"To manage HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:19,title:"question 19",query:"What is the purpose of 'process.nextTick()' in Node.js?",explanation:"'process.nextTick()' allows you to schedule a callback to be invoked in the next iteration of the event loop, before any I/O operations.",answer:"d",choices:[{a:"To delay the execution of a callback",selected:"a"},{a:"To manage file system operations",selected:"b"},{a:"To handle HTTP requests",selected:"c"},{a:"To schedule a callback for the next iteration of the event loop",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:20,title:"question 20",query:"What does 'npm update' do?",explanation:"'npm update' updates the dependencies listed in the package.json file to their latest versions according to the version ranges specified.",answer:"b",choices:[{a:"Installs new dependencies",selected:"a"},{a:"Updates existing dependencies to latest versions",selected:"b"},{a:"Uninstalls packages",selected:"c"},{a:"Initializes a new project",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:21,title:"question 21",query:"What is the purpose of 'Node.js streams'?",explanation:"Node.js streams are used to handle large amounts of data efficiently by processing chunks of data as they are read or written, without loading the entire data into memory.",answer:"b",choices:[{a:"To handle HTTP requests",selected:"a"},{a:"To handle large amounts of data efficiently",selected:"b"},{a:"To manage file system operations",selected:"c"},{a:"To interact with databases",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:22,title:"question 22",query:"How does Node.js handle asynchronous operations?",explanation:"Node.js handles asynchronous operations using an event-driven, non-blocking I/O model, where operations are executed in the background and callbacks or promises are used to handle results.",answer:"d",choices:[{a:"Using multi-threading",selected:"a"},{a:"By blocking the event loop",selected:"b"},{a:"Using synchronous I/O operations",selected:"c"},{a:"Using event-driven, non-blocking I/O model",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:23,title:"question 23",query:"What is 'EventEmitter' in Node.js?",explanation:"'EventEmitter' is a class in Node.js that allows you to handle events and listeners, enabling custom event-driven programming.",answer:"a",choices:[{a:"A class for handling events and listeners",selected:"a"},{a:"A method for file operations",selected:"b"},{a:"A module for managing HTTP requests",selected:"c"},{a:"A tool for process management",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:24,title:"question 24",query:"How does 'process.env.NODE_ENV' help in Node.js applications?",explanation:"'process.env.NODE_ENV' is used to determine the current environment (e.g., development, production) and can be used to conditionally run code or set configurations based on the environment.",answer:"c",choices:[{a:"To manage database connections",selected:"a"},{a:"To handle file operations",selected:"b"},{a:"To set and check the current environment",selected:"c"},{a:"To process HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:25,title:"question 25",query:"What does 'node --inspect' do?",explanation:"'node --inspect' starts a Node.js application with the inspector enabled, allowing you to debug your code using tools like Chrome DevTools.",answer:"b",choices:[{a:"Starts the application in production mode",selected:"a"},{a:"Enables debugging with inspector tools",selected:"b"},{a:"Installs dependencies",selected:"c"},{a:"Manages environment variables",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:26,title:"question 26",query:"How do you handle uncaught exceptions in Node.js?",explanation:"Uncaught exceptions can be handled by listening to the 'uncaughtException' event on the process object, though it is generally recommended to handle errors gracefully in callbacks and promises.",answer:"d",choices:[{a:"By restarting the application",selected:"a"},{a:"By logging the exception",selected:"b"},{a:"By ignoring the exception",selected:"c"},{a:"By listening to 'uncaughtException' event",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:27,title:"question 27",query:"What is 'child_process.exec()' used for in Node.js?",explanation:"'child_process.exec()' is used to execute a shell command from within a Node.js script and obtain the output.",answer:"a",choices:[{a:"To execute shell commands",selected:"a"},{a:"To manage network connections",selected:"b"},{a:"To handle file operations",selected:"c"},{a:"To work with HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:28,title:"question 28",query:"What does 'async_hooks' module do in Node.js?",explanation:"'async_hooks' provides an API to track asynchronous resources and their lifecycle in Node.js, useful for debugging and monitoring asynchronous operations.",answer:"b",choices:[{a:"Tracks file system changes",selected:"a"},{a:"Tracks asynchronous operations and their lifecycle",selected:"b"},{a:"Manages network connections",selected:"c"},{a:"Handles process management",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:29,title:"question 29",query:"What is the 'vm' module used for in Node.js?",explanation:"'vm' (Virtual Machine) module allows you to compile and run code within a V8 virtual machine context, providing a way to execute code within Node.js safely.",answer:"a",choices:[{a:"To compile and run code in a virtual machine context",selected:"a"},{a:"To handle file operations",selected:"b"},{a:"To manage network connections",selected:"c"},{a:"To debug Node.js processes",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:30,title:"question 30",query:"What is 'libuv' in Node.js?",explanation:"'libuv' is a C library that provides asynchronous I/O operations and event handling in Node.js, enabling its non-blocking architecture.",answer:"c",choices:[{a:"A Node.js module for file operations",selected:"a"},{a:"A tool for managing packages",selected:"b"},{a:"A C library for asynchronous I/O and event handling",selected:"c"},{a:"A JavaScript runtime environment",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}}],kp=({filteredQuestion:e,handleRetryBtn:t})=>S.jsxs("div",{className:"w-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg p-6",children:[S.jsx("h1",{className:"text-4xl font-bold text-left mb-6 text-slate-700",children:"Results"}),S.jsxs("ul",{className:"flex flex-col gap-4",children:[e.map(n=>S.jsxs("div",{className:"flex flex-col items-start p-4 bg-gray-100 rounded-md shadow-sm",children:[S.jsxs("li",{className:"text-xl font-semibold text-gray-800 mb-2 text-left",children:["Q",n.id,": ",n.query]}),S.jsxs("span",{className:"text-lg text-green-700 font-medium mb-1 text-left",children:["Answer: ",n.answer.toUpperCase()]}),S.jsx("span",{className:"text-md text-gray-700 text-left",children:n.explanation})]},n.id)),S.jsx("button",{type:"submit",onClick:t,className:"w-32 bg-lime-500 hover:bg-lime-400 focus:bg-lime-400 text-white text-lg px-4 py-2 rounded-md shadow-md transition-all",children:"Retry"})]})]}),Sp=({userAnswer:e,handleRetryBtn:t,handleCheckBtn:n,isCheck:r,filteredQuestion:o})=>{const l=e.filter(a=>a.result===!0),i=l.length/o.length*100;return S.jsxs("div",{className:"w-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg p-6",children:[!r&&S.jsxs(S.Fragment,{children:[S.jsxs("h1",{className:"text-4xl font-bold text-center mb-4 text-slate-700",children:["Score: ",i,"%"]}),S.jsxs("p",{className:"text-xl font-medium text-center mb-2 text-gray-600",children:["Total Questions: ",o.length]}),S.jsxs("p",{className:"text-xl font-medium text-center mb-6 text-gray-600",children:["Correct: ",l.length]}),S.jsxs("div",{className:"flex flex-col items-center gap-4",children:[S.jsx("button",{type:"submit",onClick:t,className:"bg-lime-500 hover:bg-lime-400 focus:bg-lime-400 text-white text-lg px-6 py-3 rounded-md shadow-md transition-all",children:"Retry"}),S.jsx("button",{type:"submit",onClick:n,className:"bg-blue-500 hover:bg-blue-400 focus:bg-blue-400 text-white text-lg px-6 py-3 rounded-md shadow-md transition-all",children:"Check"})]})," "]}),r&&S.jsx(kp,{filteredQuestion:o,handleRetryBtn:t})]})},Ep=({handleCheckBtn:e,handleRetryBtn:t,handleClick:n,handleSubmit:r,userAnswer:o,isCheck:l,currentQuestionIndex:i,filteredQuestion:a})=>S.jsx("div",{className:"text-center py-8 items-center flex flex-col gap-4",children:i!==a.length?S.jsx("div",{className:"w-full h-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg overflow-hidden",children:S.jsxs("div",{className:"p-6 flex flex-col",children:[S.jsxs("p",{className:"text-slate-500 text-3xl font-semibold text-left mb-4",children:["Question ",i+1]}),S.jsx("span",{className:"text-gray-700 text-2xl font-medium text-left block mb-6",children:a[i].query}),S.jsx("div",{className:"flex flex-col gap-4 mb-6",children:a[i].choices.map(s=>S.jsxs("button",{className:"flex items-start gap-4 text-lg bg-red-100 hover:bg-red-300 focus:bg-red-300 text-gray-800 px-6 py-3 rounded-md shadow-sm transition-all text-left w-full",value:s.selected,onClick:()=>r(s.selected),children:[S.jsxs("span",{className:"font-semibold",children:[s.selected.toUpperCase(),"."]}),S.jsx("span",{className:"flex-1",children:s.a})]},s.selected))}),S.jsx("div",{className:"mt-6 text-left",children:S.jsx("button",{type:"submit",onClick:n,className:"text-lg bg-lime-500 hover:bg-lime-400 focus:bg-lime-400 text-white px-8 py-4 rounded-md shadow-md transition-all",children:"Next"})})]})}):S.jsx(Sp,{userAnswer:o,handleRetryBtn:t,handleCheckBtn:e,isCheck:l,filteredQuestion:a})}),Cp=({handleStart:e,handleSelect:t})=>S.jsxs("div",{className:"relative px-8 py-6 bg-white shadow-md rounded-lg max-w-4xl mx-auto mt-8",children:[S.jsx("h1",{className:"text-3xl font-bold text-gray-800 mb-6",children:"Quiz App"}),S.jsx("ul",{className:"space-y-4",children:xp.map(n=>S.jsxs("li",{className:"flex flex-col gap-2",children:[S.jsx("label",{htmlFor:`dropdown-${n.title}`,className:"text-lg font-medium text-gray-700",children:n.title}),S.jsxs("div",{className:"relative",children:[S.jsx("select",{id:`dropdown-${n.title}`,name:"dropdown",onChange:r=>t(n.type,r),defaultValue:n.options[0],className:"bg-gray-100 border border-gray-300 rounded-md px-4 py-2 text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all appearance-none w-full",children:n.options.map(r=>S.jsx("option",{value:r,className:"bg-white hover:bg-gray-200 focus:bg-gray-200 transition-colors py-3",children:r},r))}),S.jsx("svg",{className:"absolute top-1/2 right-3 transform -translate-y-1/2 w-4 h-4 text-gray-500 pointer-events-none",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:S.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M19 9l-7 7-7-7"})})]})]},n.title))}),S.jsx("div",{className:"mt-6",children:S.jsx("button",{onClick:e,className:"bg-blue-500 text-white px-6 py-3 rounded-lg shadow-md hover:bg-blue-600 focus:bg-blue-600 transition-all",children:"Start"})})]});/** +`+l.stack}return{value:e,source:t,stack:o,digest:null}}function nl(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function Al(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var Xf=typeof WeakMap=="function"?WeakMap:Map;function lc(e,t,n){n=Ve(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){io||(io=!0,Yl=r),Al(e,t)},n}function ic(e,t,n){n=Ve(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){Al(e,t)}}var l=e.stateNode;return l!==null&&typeof l.componentDidCatch=="function"&&(n.callback=function(){Al(e,t),typeof r!="function"&&(ct===null?ct=new Set([this]):ct.add(this));var i=t.stack;this.componentDidCatch(t.value,{componentStack:i!==null?i:""})}),n}function Qa(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Xf;var o=new Set;r.set(t,o)}else o=r.get(t),o===void 0&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=up.bind(null,e,t,n),t.then(e,e))}function Ja(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function Ka(e,t,n,r,o){return e.mode&1?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=Ve(-1,1),t.tag=2,ut(n,t,1))),n.lanes|=1),e)}var Yf=Ye.ReactCurrentOwner,fe=!1;function ae(e,t,n,r){t.child=e===null?Uu(t,null,n,r):ln(t,e.child,n,r)}function Xa(e,t,n,r,o){n=n.render;var l=t.ref;return en(t,o),r=Di(e,t,n,r,l,o),n=qi(),e!==null&&!fe?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Xe(e,t,o)):(F&&n&&ji(t),t.flags|=1,ae(e,t,r,o),t.child)}function Ya(e,t,n,r,o){if(e===null){var l=n.type;return typeof l=="function"&&!Ki(l)&&l.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=l,ac(e,t,l,r,o)):(e=Fr(n.type,null,r,t,t.mode,o),e.ref=t.ref,e.return=t,t.child=e)}if(l=e.child,!(e.lanes&o)){var i=l.memoizedProps;if(n=n.compare,n=n!==null?n:Vn,n(i,r)&&e.ref===t.ref)return Xe(e,t,o)}return t.flags|=1,e=ft(l,r),e.ref=t.ref,e.return=t,t.child=e}function ac(e,t,n,r,o){if(e!==null){var l=e.memoizedProps;if(Vn(l,r)&&e.ref===t.ref)if(fe=!1,t.pendingProps=r=l,(e.lanes&o)!==0)e.flags&131072&&(fe=!0);else return t.lanes=e.lanes,Xe(e,t,o)}return Wl(e,t,n,r,o)}function sc(e,t,n){var r=t.pendingProps,o=r.children,l=e!==null?e.memoizedState:null;if(r.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},I(Xt,ge),ge|=n;else{if(!(n&1073741824))return e=l!==null?l.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,I(Xt,ge),ge|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=l!==null?l.baseLanes:n,I(Xt,ge),ge|=r}else l!==null?(r=l.baseLanes|n,t.memoizedState=null):r=n,I(Xt,ge),ge|=r;return ae(e,t,o,n),t.child}function uc(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Wl(e,t,n,r,o){var l=he(n)?Pt:ie.current;return l=rn(t,l),en(t,o),n=Di(e,t,n,r,l,o),r=qi(),e!==null&&!fe?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Xe(e,t,o)):(F&&r&&ji(t),t.flags|=1,ae(e,t,n,o),t.child)}function Ga(e,t,n,r,o){if(he(n)){var l=!0;Yr(t)}else l=!1;if(en(t,o),t.stateNode===null)Ir(e,t),oc(t,n,r),Fl(t,n,r,o),r=!0;else if(e===null){var i=t.stateNode,a=t.memoizedProps;i.props=a;var s=i.context,u=n.contextType;typeof u=="object"&&u!==null?u=Te(u):(u=he(n)?Pt:ie.current,u=rn(t,u));var h=n.getDerivedStateFromProps,p=typeof h=="function"||typeof i.getSnapshotBeforeUpdate=="function";p||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(a!==r||s!==u)&&Va(t,i,r,u),be=!1;var m=t.memoizedState;i.state=m,to(t,r,i,o),s=t.memoizedState,a!==r||m!==s||pe.current||be?(typeof h=="function"&&(ql(t,n,h,r),s=t.memoizedState),(a=be||$a(t,n,a,r,m,s,u))?(p||typeof i.UNSAFE_componentWillMount!="function"&&typeof i.componentWillMount!="function"||(typeof i.componentWillMount=="function"&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount=="function"&&i.UNSAFE_componentWillMount()),typeof i.componentDidMount=="function"&&(t.flags|=4194308)):(typeof i.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=s),i.props=r,i.state=s,i.context=u,r=a):(typeof i.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{i=t.stateNode,Du(e,t),a=t.memoizedProps,u=t.type===t.elementType?a:Re(t.type,a),i.props=u,p=t.pendingProps,m=i.context,s=n.contextType,typeof s=="object"&&s!==null?s=Te(s):(s=he(n)?Pt:ie.current,s=rn(t,s));var v=n.getDerivedStateFromProps;(h=typeof v=="function"||typeof i.getSnapshotBeforeUpdate=="function")||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(a!==p||m!==s)&&Va(t,i,r,s),be=!1,m=t.memoizedState,i.state=m,to(t,r,i,o);var y=t.memoizedState;a!==p||m!==y||pe.current||be?(typeof v=="function"&&(ql(t,n,v,r),y=t.memoizedState),(u=be||$a(t,n,u,r,m,y,s)||!1)?(h||typeof i.UNSAFE_componentWillUpdate!="function"&&typeof i.componentWillUpdate!="function"||(typeof i.componentWillUpdate=="function"&&i.componentWillUpdate(r,y,s),typeof i.UNSAFE_componentWillUpdate=="function"&&i.UNSAFE_componentWillUpdate(r,y,s)),typeof i.componentDidUpdate=="function"&&(t.flags|=4),typeof i.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof i.componentDidUpdate!="function"||a===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||a===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=y),i.props=r,i.state=y,i.context=s,r=u):(typeof i.componentDidUpdate!="function"||a===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||a===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),r=!1)}return Bl(e,t,n,r,l,o)}function Bl(e,t,n,r,o,l){uc(e,t);var i=(t.flags&128)!==0;if(!r&&!i)return o&&Ia(t,n,!1),Xe(e,t,l);r=t.stateNode,Yf.current=t;var a=i&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&i?(t.child=ln(t,e.child,null,l),t.child=ln(t,null,a,l)):ae(e,t,a,l),t.memoizedState=r.state,o&&Ia(t,n,!0),t.child}function cc(e){var t=e.stateNode;t.pendingContext?Ua(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Ua(e,t.context,!1),Oi(e,t.containerInfo)}function Za(e,t,n,r,o){return on(),Ni(o),t.flags|=256,ae(e,t,n,r),t.child}var Hl={dehydrated:null,treeContext:null,retryLane:0};function $l(e){return{baseLanes:e,cachePool:null,transitions:null}}function dc(e,t,n){var r=t.pendingProps,o=A.current,l=!1,i=(t.flags&128)!==0,a;if((a=i)||(a=e!==null&&e.memoizedState===null?!1:(o&2)!==0),a?(l=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(o|=1),I(A,o&1),e===null)return Il(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(i=r.children,e=r.fallback,l?(r=t.mode,l=t.child,i={mode:"hidden",children:i},!(r&1)&&l!==null?(l.childLanes=0,l.pendingProps=i):l=Eo(i,r,0,null),e=Nt(e,r,n,null),l.return=t,e.return=t,l.sibling=e,t.child=l,t.child.memoizedState=$l(n),t.memoizedState=Hl,e):Wi(t,i));if(o=e.memoizedState,o!==null&&(a=o.dehydrated,a!==null))return Gf(e,t,i,r,a,o,n);if(l){l=r.fallback,i=t.mode,o=e.child,a=o.sibling;var s={mode:"hidden",children:r.children};return!(i&1)&&t.child!==o?(r=t.child,r.childLanes=0,r.pendingProps=s,t.deletions=null):(r=ft(o,s),r.subtreeFlags=o.subtreeFlags&14680064),a!==null?l=ft(a,l):(l=Nt(l,i,n,null),l.flags|=2),l.return=t,r.return=t,r.sibling=l,t.child=r,r=l,l=t.child,i=e.child.memoizedState,i=i===null?$l(n):{baseLanes:i.baseLanes|n,cachePool:null,transitions:i.transitions},l.memoizedState=i,l.childLanes=e.childLanes&~n,t.memoizedState=Hl,r}return l=e.child,e=l.sibling,r=ft(l,{mode:"visible",children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Wi(e,t){return t=Eo({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function Er(e,t,n,r){return r!==null&&Ni(r),ln(t,e.child,null,n),e=Wi(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function Gf(e,t,n,r,o,l,i){if(n)return t.flags&256?(t.flags&=-257,r=nl(Error(x(422))),Er(e,t,i,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(l=r.fallback,o=t.mode,r=Eo({mode:"visible",children:r.children},o,0,null),l=Nt(l,o,i,null),l.flags|=2,r.return=t,l.return=t,r.sibling=l,t.child=r,t.mode&1&&ln(t,e.child,null,i),t.child.memoizedState=$l(i),t.memoizedState=Hl,l);if(!(t.mode&1))return Er(e,t,i,null);if(o.data==="$!"){if(r=o.nextSibling&&o.nextSibling.dataset,r)var a=r.dgst;return r=a,l=Error(x(419)),r=nl(l,r,void 0),Er(e,t,i,r)}if(a=(i&e.childLanes)!==0,fe||a){if(r=b,r!==null){switch(i&-i){case 4:o=2;break;case 16:o=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}o=o&(r.suspendedLanes|i)?0:o,o!==0&&o!==l.retryLane&&(l.retryLane=o,Ke(e,o),Me(r,e,o,-1))}return Ji(),r=nl(Error(x(421))),Er(e,t,i,r)}return o.data==="$?"?(t.flags|=128,t.child=e.child,t=cp.bind(null,e),o._reactRetry=t,null):(e=l.treeContext,ve=st(o.nextSibling),ye=t,F=!0,Le=null,e!==null&&(Se[Ce++]=He,Se[Ce++]=$e,Se[Ce++]=_t,He=e.id,$e=e.overflow,_t=t),t=Wi(t,r.children),t.flags|=4096,t)}function ba(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Dl(e.return,t,n)}function rl(e,t,n,r,o){var l=e.memoizedState;l===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(l.isBackwards=t,l.rendering=null,l.renderingStartTime=0,l.last=r,l.tail=n,l.tailMode=o)}function fc(e,t,n){var r=t.pendingProps,o=r.revealOrder,l=r.tail;if(ae(e,t,r.children,n),r=A.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&ba(e,n,t);else if(e.tag===19)ba(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(I(A,r),!(t.mode&1))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;n!==null;)e=n.alternate,e!==null&&no(e)===null&&(o=n),n=n.sibling;n=o,n===null?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),rl(t,!1,o,n,l);break;case"backwards":for(n=null,o=t.child,t.child=null;o!==null;){if(e=o.alternate,e!==null&&no(e)===null){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}rl(t,!0,n,null,l);break;case"together":rl(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function Ir(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Xe(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),zt|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(x(153));if(t.child!==null){for(e=t.child,n=ft(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=ft(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function Zf(e,t,n){switch(t.tag){case 3:cc(t),on();break;case 5:qu(t);break;case 1:he(t.type)&&Yr(t);break;case 4:Oi(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;I(br,r._currentValue),r._currentValue=o;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(I(A,A.current&1),t.flags|=128,null):n&t.child.childLanes?dc(e,t,n):(I(A,A.current&1),e=Xe(e,t,n),e!==null?e.sibling:null);I(A,A.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return fc(e,t,n);t.flags|=128}if(o=t.memoizedState,o!==null&&(o.rendering=null,o.tail=null,o.lastEffect=null),I(A,A.current),r)break;return null;case 22:case 23:return t.lanes=0,sc(e,t,n)}return Xe(e,t,n)}var pc,Vl,hc,mc;pc=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};Vl=function(){};hc=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,jt(Ae.current);var l=null;switch(n){case"input":o=pl(e,o),r=pl(e,r),l=[];break;case"select":o=B({},o,{value:void 0}),r=B({},r,{value:void 0}),l=[];break;case"textarea":o=gl(e,o),r=gl(e,r),l=[];break;default:typeof o.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Kr)}yl(n,r);var i;n=null;for(u in o)if(!r.hasOwnProperty(u)&&o.hasOwnProperty(u)&&o[u]!=null)if(u==="style"){var a=o[u];for(i in a)a.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else u!=="dangerouslySetInnerHTML"&&u!=="children"&&u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&u!=="autoFocus"&&(qn.hasOwnProperty(u)?l||(l=[]):(l=l||[]).push(u,null));for(u in r){var s=r[u];if(a=o!=null?o[u]:void 0,r.hasOwnProperty(u)&&s!==a&&(s!=null||a!=null))if(u==="style")if(a){for(i in a)!a.hasOwnProperty(i)||s&&s.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in s)s.hasOwnProperty(i)&&a[i]!==s[i]&&(n||(n={}),n[i]=s[i])}else n||(l||(l=[]),l.push(u,n)),n=s;else u==="dangerouslySetInnerHTML"?(s=s?s.__html:void 0,a=a?a.__html:void 0,s!=null&&a!==s&&(l=l||[]).push(u,s)):u==="children"?typeof s!="string"&&typeof s!="number"||(l=l||[]).push(u,""+s):u!=="suppressContentEditableWarning"&&u!=="suppressHydrationWarning"&&(qn.hasOwnProperty(u)?(s!=null&&u==="onScroll"&&D("scroll",e),l||a===s||(l=[])):(l=l||[]).push(u,s))}n&&(l=l||[]).push("style",n);var u=l;(t.updateQueue=u)&&(t.flags|=4)}};mc=function(e,t,n,r){n!==r&&(t.flags|=4)};function Cn(e,t){if(!F)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function oe(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags&14680064,r|=o.flags&14680064,o.return=e,o=o.sibling;else for(o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function bf(e,t,n){var r=t.pendingProps;switch(Ti(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return oe(t),null;case 1:return he(t.type)&&Xr(),oe(t),null;case 3:return r=t.stateNode,an(),q(pe),q(ie),Ui(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(Sr(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,Le!==null&&(bl(Le),Le=null))),Vl(e,t),oe(t),null;case 5:Mi(t);var o=jt(Yn.current);if(n=t.type,e!==null&&t.stateNode!=null)hc(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(x(166));return oe(t),null}if(e=jt(Ae.current),Sr(t)){r=t.stateNode,n=t.type;var l=t.memoizedProps;switch(r[qe]=t,r[Kn]=l,e=(t.mode&1)!==0,n){case"dialog":D("cancel",r),D("close",r);break;case"iframe":case"object":case"embed":D("load",r);break;case"video":case"audio":for(o=0;o<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=i.createElement(n,{is:r.is}):(e=i.createElement(n),n==="select"&&(i=e,r.multiple?i.multiple=!0:r.size&&(i.size=r.size))):e=i.createElementNS(e,n),e[qe]=t,e[Kn]=r,pc(e,t,!1,!1),t.stateNode=e;e:{switch(i=wl(n,r),n){case"dialog":D("cancel",e),D("close",e),o=r;break;case"iframe":case"object":case"embed":D("load",e),o=r;break;case"video":case"audio":for(o=0;oun&&(t.flags|=128,r=!0,Cn(l,!1),t.lanes=4194304)}else{if(!r)if(e=no(i),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Cn(l,!0),l.tail===null&&l.tailMode==="hidden"&&!i.alternate&&!F)return oe(t),null}else 2*Q()-l.renderingStartTime>un&&n!==1073741824&&(t.flags|=128,r=!0,Cn(l,!1),t.lanes=4194304);l.isBackwards?(i.sibling=t.child,t.child=i):(n=l.last,n!==null?n.sibling=i:t.child=i,l.last=i)}return l.tail!==null?(t=l.tail,l.rendering=t,l.tail=t.sibling,l.renderingStartTime=Q(),t.sibling=null,n=A.current,I(A,r?n&1|2:n&1),t):(oe(t),null);case 22:case 23:return Qi(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?ge&1073741824&&(oe(t),t.subtreeFlags&6&&(t.flags|=8192)):oe(t),null;case 24:return null;case 25:return null}throw Error(x(156,t.tag))}function ep(e,t){switch(Ti(t),t.tag){case 1:return he(t.type)&&Xr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return an(),q(pe),q(ie),Ui(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Mi(t),null;case 13:if(q(A),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(x(340));on()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return q(A),null;case 4:return an(),null;case 10:return Ri(t.type._context),null;case 22:case 23:return Qi(),null;case 24:return null;default:return null}}var jr=!1,le=!1,tp=typeof WeakSet=="function"?WeakSet:Set,j=null;function Kt(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){H(e,t,r)}else n.current=null}function Ql(e,t,n){try{n()}catch(r){H(e,t,r)}}var es=!1;function np(e,t){if(_l=Vr,e=xu(),Ei(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,l=r.focusNode;r=r.focusOffset;try{n.nodeType,l.nodeType}catch{n=null;break e}var i=0,a=-1,s=-1,u=0,h=0,p=e,m=null;t:for(;;){for(var v;p!==n||o!==0&&p.nodeType!==3||(a=i+o),p!==l||r!==0&&p.nodeType!==3||(s=i+r),p.nodeType===3&&(i+=p.nodeValue.length),(v=p.firstChild)!==null;)m=p,p=v;for(;;){if(p===e)break t;if(m===n&&++u===o&&(a=i),m===l&&++h===r&&(s=i),(v=p.nextSibling)!==null)break;p=m,m=p.parentNode}p=v}n=a===-1||s===-1?null:{start:a,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(Rl={focusedElem:e,selectionRange:n},Vr=!1,j=t;j!==null;)if(t=j,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,j=e;else for(;j!==null;){t=j;try{var y=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(y!==null){var w=y.memoizedProps,E=y.memoizedState,d=t.stateNode,c=d.getSnapshotBeforeUpdate(t.elementType===t.type?w:Re(t.type,w),E);d.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var f=t.stateNode.containerInfo;f.nodeType===1?f.textContent="":f.nodeType===9&&f.documentElement&&f.removeChild(f.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(x(163))}}catch(g){H(t,t.return,g)}if(e=t.sibling,e!==null){e.return=t.return,j=e;break}j=t.return}return y=es,es=!1,y}function Un(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var o=r=r.next;do{if((o.tag&e)===e){var l=o.destroy;o.destroy=void 0,l!==void 0&&Ql(t,n,l)}o=o.next}while(o!==r)}}function So(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Jl(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function gc(e){var t=e.alternate;t!==null&&(e.alternate=null,gc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[qe],delete t[Kn],delete t[Ol],delete t[qf],delete t[Ff])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function vc(e){return e.tag===5||e.tag===3||e.tag===4}function ts(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||vc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Kl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Kr));else if(r!==4&&(e=e.child,e!==null))for(Kl(e,t,n),e=e.sibling;e!==null;)Kl(e,t,n),e=e.sibling}function Xl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Xl(e,t,n),e=e.sibling;e!==null;)Xl(e,t,n),e=e.sibling}var ee=null,ze=!1;function Ge(e,t,n){for(n=n.child;n!==null;)yc(e,t,n),n=n.sibling}function yc(e,t,n){if(Fe&&typeof Fe.onCommitFiberUnmount=="function")try{Fe.onCommitFiberUnmount(ho,n)}catch{}switch(n.tag){case 5:le||Kt(n,t);case 6:var r=ee,o=ze;ee=null,Ge(e,t,n),ee=r,ze=o,ee!==null&&(ze?(e=ee,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):ee.removeChild(n.stateNode));break;case 18:ee!==null&&(ze?(e=ee,n=n.stateNode,e.nodeType===8?Yo(e.parentNode,n):e.nodeType===1&&Yo(e,n),Hn(e)):Yo(ee,n.stateNode));break;case 4:r=ee,o=ze,ee=n.stateNode.containerInfo,ze=!0,Ge(e,t,n),ee=r,ze=o;break;case 0:case 11:case 14:case 15:if(!le&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var l=o,i=l.destroy;l=l.tag,i!==void 0&&(l&2||l&4)&&Ql(n,t,i),o=o.next}while(o!==r)}Ge(e,t,n);break;case 1:if(!le&&(Kt(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(a){H(n,t,a)}Ge(e,t,n);break;case 21:Ge(e,t,n);break;case 22:n.mode&1?(le=(r=le)||n.memoizedState!==null,Ge(e,t,n),le=r):Ge(e,t,n);break;default:Ge(e,t,n)}}function ns(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new tp),t.forEach(function(r){var o=dp.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function _e(e,t){var n=t.deletions;if(n!==null)for(var r=0;ro&&(o=i),r&=~l}if(r=o,r=Q()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*op(r/1960))-r,10e?16:e,rt===null)var r=!1;else{if(e=rt,rt=null,ao=0,M&6)throw Error(x(331));var o=M;for(M|=4,j=e.current;j!==null;){var l=j,i=l.child;if(j.flags&16){var a=l.deletions;if(a!==null){for(var s=0;sQ()-$i?Tt(e,0):Hi|=n),me(e,t)}function Tc(e,t){t===0&&(e.mode&1?(t=gr,gr<<=1,!(gr&130023424)&&(gr=4194304)):t=1);var n=se();e=Ke(e,t),e!==null&&(or(e,t,n),me(e,n))}function cp(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Tc(e,n)}function dp(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(x(314))}r!==null&&r.delete(t),Tc(e,n)}var Nc;Nc=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||pe.current)fe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return fe=!1,Zf(e,t,n);fe=!!(e.flags&131072)}else fe=!1,F&&t.flags&1048576&&zu(t,Zr,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Ir(e,t),e=t.pendingProps;var o=rn(t,ie.current);en(t,n),o=Di(null,t,r,e,o,n);var l=qi();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,he(r)?(l=!0,Yr(t)):l=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,Li(t),o.updater=ko,t.stateNode=o,o._reactInternals=t,Fl(t,r,e,n),t=Bl(null,t,r,!0,l,n)):(t.tag=0,F&&l&&ji(t),ae(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Ir(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=pp(r),e=Re(r,e),o){case 0:t=Wl(null,t,r,e,n);break e;case 1:t=Ga(null,t,r,e,n);break e;case 11:t=Xa(null,t,r,e,n);break e;case 14:t=Ya(null,t,r,Re(r.type,e),n);break e}throw Error(x(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Wl(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Ga(e,t,r,o,n);case 3:e:{if(cc(t),e===null)throw Error(x(387));r=t.pendingProps,l=t.memoizedState,o=l.element,Du(e,t),to(t,r,null,n);var i=t.memoizedState;if(r=i.element,l.isDehydrated)if(l={element:r,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=l,t.memoizedState=l,t.flags&256){o=sn(Error(x(423)),t),t=Za(e,t,r,n,o);break e}else if(r!==o){o=sn(Error(x(424)),t),t=Za(e,t,r,n,o);break e}else for(ve=st(t.stateNode.containerInfo.firstChild),ye=t,F=!0,Le=null,n=Uu(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(on(),r===o){t=Xe(e,t,n);break e}ae(e,t,r,n)}t=t.child}return t;case 5:return qu(t),e===null&&Il(t),r=t.type,o=t.pendingProps,l=e!==null?e.memoizedProps:null,i=o.children,zl(r,o)?i=null:l!==null&&zl(r,l)&&(t.flags|=32),uc(e,t),ae(e,t,i,n),t.child;case 6:return e===null&&Il(t),null;case 13:return dc(e,t,n);case 4:return Oi(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=ln(t,null,r,n):ae(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Xa(e,t,r,o,n);case 7:return ae(e,t,t.pendingProps,n),t.child;case 8:return ae(e,t,t.pendingProps.children,n),t.child;case 12:return ae(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,l=t.memoizedProps,i=o.value,I(br,r._currentValue),r._currentValue=i,l!==null)if(Ue(l.value,i)){if(l.children===o.children&&!pe.current){t=Xe(e,t,n);break e}}else for(l=t.child,l!==null&&(l.return=t);l!==null;){var a=l.dependencies;if(a!==null){i=l.child;for(var s=a.firstContext;s!==null;){if(s.context===r){if(l.tag===1){s=Ve(-1,n&-n),s.tag=2;var u=l.updateQueue;if(u!==null){u=u.shared;var h=u.pending;h===null?s.next=s:(s.next=h.next,h.next=s),u.pending=s}}l.lanes|=n,s=l.alternate,s!==null&&(s.lanes|=n),Dl(l.return,n,t),a.lanes|=n;break}s=s.next}}else if(l.tag===10)i=l.type===t.type?null:l.child;else if(l.tag===18){if(i=l.return,i===null)throw Error(x(341));i.lanes|=n,a=i.alternate,a!==null&&(a.lanes|=n),Dl(i,n,t),i=l.sibling}else i=l.child;if(i!==null)i.return=l;else for(i=l;i!==null;){if(i===t){i=null;break}if(l=i.sibling,l!==null){l.return=i.return,i=l;break}i=i.return}l=i}ae(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,en(t,n),o=Te(o),r=r(o),t.flags|=1,ae(e,t,r,n),t.child;case 14:return r=t.type,o=Re(r,t.pendingProps),o=Re(r.type,o),Ya(e,t,r,o,n);case 15:return ac(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Re(r,o),Ir(e,t),t.tag=1,he(r)?(e=!0,Yr(t)):e=!1,en(t,n),oc(t,r,o),Fl(t,r,o,n),Bl(null,t,r,!0,e,n);case 19:return fc(e,t,n);case 22:return sc(e,t,n)}throw Error(x(156,t.tag))};function Pc(e,t){return tu(e,t)}function fp(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ee(e,t,n,r){return new fp(e,t,n,r)}function Ki(e){return e=e.prototype,!(!e||!e.isReactComponent)}function pp(e){if(typeof e=="function")return Ki(e)?1:0;if(e!=null){if(e=e.$$typeof,e===pi)return 11;if(e===hi)return 14}return 2}function ft(e,t){var n=e.alternate;return n===null?(n=Ee(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Fr(e,t,n,r,o,l){var i=2;if(r=e,typeof e=="function")Ki(e)&&(i=1);else if(typeof e=="string")i=5;else e:switch(e){case Ft:return Nt(n.children,o,l,t);case fi:i=8,o|=8;break;case ul:return e=Ee(12,n,t,o|2),e.elementType=ul,e.lanes=l,e;case cl:return e=Ee(13,n,t,o),e.elementType=cl,e.lanes=l,e;case dl:return e=Ee(19,n,t,o),e.elementType=dl,e.lanes=l,e;case qs:return Eo(n,o,l,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case Is:i=10;break e;case Ds:i=9;break e;case pi:i=11;break e;case hi:i=14;break e;case Ze:i=16,r=null;break e}throw Error(x(130,e==null?e:typeof e,""))}return t=Ee(i,n,t,o),t.elementType=e,t.type=r,t.lanes=l,t}function Nt(e,t,n,r){return e=Ee(7,e,r,t),e.lanes=n,e}function Eo(e,t,n,r){return e=Ee(22,e,r,t),e.elementType=qs,e.lanes=n,e.stateNode={isHidden:!1},e}function ol(e,t,n){return e=Ee(6,e,null,t),e.lanes=n,e}function ll(e,t,n){return t=Ee(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function hp(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Fo(0),this.expirationTimes=Fo(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Fo(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function Xi(e,t,n,r,o,l,i,a,s){return e=new hp(e,t,n,a,s),t===1?(t=1,l===!0&&(t|=8)):t=0,l=Ee(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Li(l),e}function mp(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Lc)}catch(e){console.error(e)}}Lc(),Ls.exports=xe;var xp=Ls.exports,cs=xp;al.createRoot=cs.createRoot,al.hydrateRoot=cs.hydrateRoot;const kp=[{type:"categorie",title:"Choose a Catagorie of Questions:",options:["javascript","nodejs","reactjs"]},{type:"quantity",title:"Number of Questions:",options:[5,10]},{type:"mode",title:"Difficulty modes of Questions:",options:["easy","medium","hard"]}],ds=[{id:1,title:"question 1",query:"What is the purpose of the 'this' keyword in JavaScript?",explanation:"The 'this' keyword refers to the object that is currently executing the code. In a method, it refers to the owner object; in a function, it refers to the global object.",answer:"a",choices:[{a:"Refers to the object executing the code",selected:"a"},{a:"Refers to the global object",selected:"b"},{a:"Refers to the function that called it",selected:"c"},{a:"Refers to the last object created",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:2,title:"question 2",query:"How do you declare a variable in JavaScript?",explanation:"Variables in JavaScript can be declared using 'var', 'let', or 'const'. 'var' is function-scoped, while 'let' and 'const' are block-scoped.",answer:"b",choices:[{a:"Using 'variable'",selected:"a"},{a:"Using 'let'",selected:"b"},{a:"Using 'define'",selected:"c"},{a:"Using 'const'",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:3,title:"question 3",query:"What does the 'typeof' operator do in JavaScript?",explanation:"The 'typeof' operator returns a string indicating the type of the unevaluated operand.",answer:"c",choices:[{a:"Converts a value to a string",selected:"a"},{a:"Checks if a value is null",selected:"b"},{a:"Returns the type of the operand",selected:"c"},{a:"Assigns a type to a variable",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:4,title:"question 4",query:"How do you create a function in JavaScript?",explanation:"Functions in JavaScript can be created using function declarations, function expressions, or arrow functions.",answer:"d",choices:[{a:"Using 'function create()'",selected:"a"},{a:"Using 'var create = function()'",selected:"b"},{a:"Using 'function create() = () =>'",selected:"c"},{a:"Using 'const create = () =>'",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:5,title:"question 5",query:"What is the difference between '==' and '===' in JavaScript?",explanation:"'==' performs type coercion while comparing values, whereas '===' checks for both value and type equality.",answer:"b",choices:[{a:"Both check for value only",selected:"a"},{a:"'===' checks for both value and type",selected:"b"},{a:"'==' is stricter than '==='",selected:"c"},{a:"'===' performs type coercion",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:6,title:"question 6",query:"What is a closure in JavaScript?",explanation:"A closure is a function that retains access to its lexical scope even when the function is executed outside that scope.",answer:"a",choices:[{a:"A function with access to its own scope and outer scopes",selected:"a"},{a:"A function that calls itself",selected:"b"},{a:"A function without parameters",selected:"c"},{a:"A function used to create classes",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:7,title:"question 7",query:"What is the difference between 'null' and 'undefined'?",explanation:"'null' is an assignment value that represents no value, while 'undefined' means a variable has been declared but not assigned a value.",answer:"c",choices:[{a:"'null' is used for uninitialized variables",selected:"a"},{a:"'undefined' is used for deliberate null values",selected:"b"},{a:"'null' represents no value, 'undefined' is uninitialized",selected:"c"},{a:"'null' and 'undefined' are the same",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:8,title:"question 8",query:"How do you create an object in JavaScript?",explanation:"Objects in JavaScript can be created using object literals, constructor functions, or the 'Object.create()' method.",answer:"a",choices:[{a:"Using object literals",selected:"a"},{a:"Using 'new Object()'",selected:"b"},{a:"Using 'Object.create()'",selected:"c"},{a:"Using 'function Object()'",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:9,title:"question 9",query:"What is the 'for...of' loop used for?",explanation:"The 'for...of' loop is used to iterate over iterable objects such as arrays, strings, and maps, providing a simple way to access elements.",answer:"b",choices:[{a:"To iterate over object keys",selected:"a"},{a:"To iterate over iterable objects",selected:"b"},{a:"To iterate over array indices",selected:"c"},{a:"To iterate over function properties",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:10,title:"question 10",query:"What is event delegation in JavaScript?",explanation:"Event delegation involves attaching a single event listener to a parent element to handle events for its child elements, improving performance and code maintainability.",answer:"d",choices:[{a:"Attaching event listeners directly to child elements",selected:"a"},{a:"Creating event handlers for each element",selected:"b"},{a:"Using multiple event listeners for efficiency",selected:"c"},{a:"Attaching a single event listener to a parent element",selected:"d"}],info:{categorie:"javascript",mode:"easy"}},{id:11,title:"question 11",query:"What is the output of 'console.log(typeof NaN)'?",explanation:"The output is 'number' because NaN stands for 'Not-a-Number', but its type is still 'number'.",answer:"a",choices:[{a:"'number'",selected:"a"},{a:"'NaN'",selected:"b"},{a:"'undefined'",selected:"c"},{a:"'object'",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:12,title:"question 12",query:"What does 'Array.isArray()' method do?",explanation:"'Array.isArray()' determines whether the provided value is an array.",answer:"b",choices:[{a:"Checks if a value is an object",selected:"a"},{a:"Checks if a value is an array",selected:"b"},{a:"Checks if a value is a string",selected:"c"},{a:"Checks if a value is a number",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:13,title:"question 13",query:"How do you handle errors in JavaScript?",explanation:"Errors can be handled using 'try...catch' blocks, allowing you to catch and handle exceptions.",answer:"c",choices:[{a:"Using 'if...else' statements",selected:"a"},{a:"Using 'switch...case'",selected:"b"},{a:"'try...catch' blocks",selected:"c"},{a:"Using 'throw' statements",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:14,title:"question 14",query:"What is a JavaScript promise?",explanation:"A promise is an object representing the eventual completion or failure of an asynchronous operation.",answer:"d",choices:[{a:"A synchronous operation",selected:"a"},{a:"A function that returns a value",selected:"b"},{a:"An object with a static value",selected:"c"},{a:"An object representing an asynchronous operation",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:15,title:"question 15",query:"What is 'setTimeout()' used for in JavaScript?",explanation:"'setTimeout()' is used to execute a function after a specified number of milliseconds.",answer:"a",choices:[{a:"To delay the execution of a function",selected:"a"},{a:"To repeatedly execute a function",selected:"b"},{a:"To pause code execution",selected:"c"},{a:"To execute code immediately",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:16,title:"question 16",query:"How do you create a promise in JavaScript?",explanation:"A promise is created using the 'Promise' constructor which takes a function with 'resolve' and 'reject' parameters.",answer:"d",choices:[{a:"Using 'new Async()'",selected:"a"},{a:"Using 'Promise.resolve()'",selected:"b"},{a:"Using 'new Promise()' without parameters",selected:"c"},{a:"Using 'new Promise(executor)'",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:17,title:"question 17",query:"What is 'localStorage' used for?",explanation:"'localStorage' is used to store data in the browser persistently across sessions.",answer:"b",choices:[{a:"To store data temporarily",selected:"a"},{a:"To store data persistently",selected:"b"},{a:"To manage cookies",selected:"c"},{a:"To store session-specific data",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:18,title:"question 18",query:"What is 'async/await' used for in JavaScript?",explanation:"'async/await' is used to work with asynchronous code, making it easier to read and write by handling promises.",answer:"c",choices:[{a:"To handle synchronous code",selected:"a"},{a:"To handle event listeners",selected:"b"},{a:"To work with asynchronous code",selected:"c"},{a:"To create new promises",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:19,title:"question 19",query:"How do you clone an object in JavaScript?",explanation:"You can clone an object using methods like 'Object.assign()' or the spread operator.",answer:"a",choices:[{a:"Using 'Object.assign()' or spread operator",selected:"a"},{a:"Using 'JSON.parse()' and 'JSON.stringify()'",selected:"b"},{a:"Using 'Array.slice()'",selected:"c"},{a:"Using 'Object.create()'",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:20,title:"question 20",query:"What is 'eval()' function used for?",explanation:"'eval()' executes a string of code as JavaScript, which can be risky and is generally discouraged due to security concerns.",answer:"d",choices:[{a:"To execute code from an external file",selected:"a"},{a:"To parse JSON strings",selected:"b"},{a:"To create a new function",selected:"c"},{a:"To execute a string of code",selected:"d"}],info:{categorie:"javascript",mode:"medium"}},{id:21,title:"question 21",query:"What does 'Function.prototype.call()' do?",explanation:"'Function.prototype.call()' calls a function with a specified 'this' value and arguments provided individually.",answer:"a",choices:[{a:"Calls a function with a specified 'this' value and arguments",selected:"a"},{a:"Creates a new function with the same body",selected:"b"},{a:"Sets the prototype of a function",selected:"c"},{a:"Binds a function to a new object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:22,title:"question 22",query:"What is the purpose of 'Object.freeze()'?",explanation:"'Object.freeze()' prevents modifications to an object, making it immutable.",answer:"b",choices:[{a:"Allows modifications to an object",selected:"a"},{a:"Prevents modifications to an object",selected:"b"},{a:"Clones an object",selected:"c"},{a:"Merges two objects",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:23,title:"question 23",query:"What does 'Object.defineProperty()' do?",explanation:"'Object.defineProperty()' defines a new property or modifies an existing property on an object.",answer:"c",choices:[{a:"Deletes a property from an object",selected:"a"},{a:"Returns the property descriptor",selected:"b"},{a:"Defines or modifies a property",selected:"c"},{a:"Lists all properties of an object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:24,title:"question 24",query:"What does 'Object.getPrototypeOf()' return?",explanation:"'Object.getPrototypeOf()' returns the prototype of a specified object.",answer:"d",choices:[{a:"The constructor function of an object",selected:"a"},{a:"The prototype chain length",selected:"b"},{a:"The properties of an object",selected:"c"},{a:"The prototype of an object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:25,title:"question 25",query:"What is the purpose of 'Object.create()'?",explanation:"'Object.create()' creates a new object with the specified prototype object and properties.",answer:"a",choices:[{a:"Creates a new object with a specified prototype",selected:"a"},{a:"Assigns properties to an existing object",selected:"b"},{a:"Merges multiple objects",selected:"c"},{a:"Defines a new class",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:26,title:"question 26",query:"What does 'Function.prototype.bind()' do?",explanation:"'Function.prototype.bind()' creates a new function that, when called, has its 'this' keyword set to the provided value.",answer:"b",choices:[{a:"Binds a function to a new context",selected:"a"},{a:"Creates a new function with a bound 'this' value",selected:"b"},{a:"Modifies the function's prototype",selected:"c"},{a:"Sets a default argument for the function",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:27,title:"question 27",query:"What is the purpose of 'Symbol()' in JavaScript?",explanation:"'Symbol()' creates a unique and immutable value that can be used as a unique property key.",answer:"c",choices:[{a:"Creates a new object",selected:"a"},{a:"Generates a random number",selected:"b"},{a:"Creates a unique property key",selected:"c"},{a:"Defines a new constructor function",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:28,title:"question 28",query:"What is 'Reflect.construct()' used for?",explanation:"'Reflect.construct()' allows you to call a constructor function with a specified 'this' value and arguments, similar to the 'new' operator.",answer:"a",choices:[{a:"Calls a constructor function with 'new'",selected:"a"},{a:"Modifies the constructor function",selected:"b"},{a:"Creates a new class",selected:"c"},{a:"Returns the prototype of a constructor",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:29,title:"question 29",query:"What does 'Proxy' do in JavaScript?",explanation:"'Proxy' allows you to create a handler object that defines custom behavior for fundamental operations (e.g., property lookup).",answer:"b",choices:[{a:"Creates a new function",selected:"a"},{a:"Defines custom behavior for operations",selected:"b"},{a:"Handles asynchronous operations",selected:"c"},{a:"Creates a new object",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:30,title:"question 30",query:"How do you use 'WeakMap' in JavaScript?",explanation:"'WeakMap' is a collection of key-value pairs where keys are objects and values can be any value. It allows for garbage collection of keys when they are no longer referenced elsewhere.",answer:"d",choices:[{a:"To store any data type as keys",selected:"a"},{a:"To handle asynchronous data",selected:"b"},{a:"To create a new object with weak references",selected:"c"},{a:"To store key-value pairs with weak references",selected:"d"}],info:{categorie:"javascript",mode:"hard"}},{id:1,title:"question 1",query:"What is ReactJS?",explanation:"ReactJS is a JavaScript library for building user interfaces, particularly single-page applications where you need a fast and interactive user experience.",answer:"a",choices:[{a:"A JavaScript library for building user interfaces",selected:"a"},{a:"A CSS framework for styling",selected:"b"},{a:"A server-side framework",selected:"c"},{a:"A database management system",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:2,title:"question 2",query:"What does JSX stand for?",explanation:"JSX stands for JavaScript XML. It is a syntax extension that allows mixing HTML with JavaScript in React components.",answer:"b",choices:[{a:"JavaScript eXtension",selected:"a"},{a:"JavaScript XML",selected:"b"},{a:"JavaScript Execution",selected:"c"},{a:"JavaScript XQuery",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:3,title:"question 3",query:"How do you create a functional component in React?",explanation:"Functional components are created using JavaScript functions that return JSX. They can be simple and are used for components that don't require state management.",answer:"c",choices:[{a:"By using class syntax",selected:"a"},{a:"By extending React.Component",selected:"b"},{a:"By creating a function that returns JSX",selected:"c"},{a:"By using the 'createComponent' method",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:4,title:"question 4",query:"What is the purpose of 'useState' in React?",explanation:"'useState' is a Hook that allows you to add state management to functional components.",answer:"a",choices:[{a:"To add state to functional components",selected:"a"},{a:"To handle side effects",selected:"b"},{a:"To manage routing",selected:"c"},{a:"To access context",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:5,title:"question 5",query:"How do you pass data between components in React?",explanation:"Data is passed between components in React using props. Props are attributes you add to a component to pass data down to child components.",answer:"b",choices:[{a:"Using global variables",selected:"a"},{a:"Using props",selected:"b"},{a:"Using state",selected:"c"},{a:"Using context",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:6,title:"question 6",query:"What is 'useEffect' used for in React?",explanation:"'useEffect' is a Hook that lets you perform side effects in function components, such as data fetching or updating the DOM.",answer:"d",choices:[{a:"To manage state",selected:"a"},{a:"To handle routing",selected:"b"},{a:"To manage context",selected:"c"},{a:"To perform side effects",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:7,title:"question 7",query:"What is a React Hook?",explanation:"React Hooks are functions that let you use state and other React features without writing a class. Examples include useState and useEffect.",answer:"a",choices:[{a:"A function that uses React features",selected:"a"},{a:"A method of a React class",selected:"b"},{a:"A type of React component",selected:"c"},{a:"A special prop for components",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:8,title:"question 8",query:"How do you conditionally render a component in React?",explanation:"You can conditionally render components using JavaScript operators like 'if' statements or conditional (ternary) operators directly in the JSX.",answer:"b",choices:[{a:"Using 'if' statements in JSX",selected:"a"},{a:"Using conditional operators in JSX",selected:"b"},{a:"Using a separate component",selected:"c"},{a:"Using the 'render' method",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:9,title:"question 9",query:"What is the purpose of 'React.Fragment'?",explanation:"'React.Fragment' is used to group a list of children without adding extra nodes to the DOM.",answer:"c",choices:[{a:"To create a new component",selected:"a"},{a:"To manage state",selected:"b"},{a:"To group elements without adding extra nodes",selected:"c"},{a:"To handle events",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:10,title:"question 10",query:"How do you create a React context?",explanation:"You create a React context using React.createContext() and then provide values using a Context.Provider.",answer:"d",choices:[{a:"Using 'createContext' and 'Provider'",selected:"a"},{a:"Using 'useContext' Hook",selected:"b"},{a:"Using 'ReactDOM.render()'",selected:"c"},{a:"Using 'React.createContext()' and 'Provider'",selected:"d"}],info:{categorie:"reactjs",mode:"easy"}},{id:11,title:"question 11",query:"What is 'useMemo' used for in React?",explanation:"'useMemo' is a Hook that returns a memoized value, which helps in optimizing performance by avoiding expensive calculations on every render.",answer:"a",choices:[{a:"To memoize expensive calculations",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To handle side effects",selected:"c"},{a:"To create context values",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:12,title:"question 12",query:"How does React handle updates to state?",explanation:"React schedules updates to state asynchronously and re-renders the component when the state is updated, ensuring efficient and predictable updates.",answer:"b",choices:[{a:"Synchronously and immediately",selected:"a"},{a:"Asynchronously and batched",selected:"b"},{a:"Manually triggered",selected:"c"},{a:"By directly manipulating the DOM",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:13,title:"question 13",query:"What is 'React.memo()' used for?",explanation:"'React.memo()' is a higher-order component that memoizes a component to prevent unnecessary re-renders when the props haven't changed.",answer:"c",choices:[{a:"To memoize state",selected:"a"},{a:"To cache component methods",selected:"b"},{a:"To prevent unnecessary re-renders",selected:"c"},{a:"To handle side effects",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:14,title:"question 14",query:"What does 'useReducer' do in React?",explanation:"'useReducer' is a Hook that manages more complex state logic in functional components, similar to 'useState' but with a reducer function.",answer:"a",choices:[{a:"Manages complex state logic",selected:"a"},{a:"Handles side effects",selected:"b"},{a:"Provides context",selected:"c"},{a:"Renders a list of elements",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:15,title:"question 15",query:"What is the purpose of 'React.StrictMode'?",explanation:"'React.StrictMode' helps to identify potential problems in an application by activating additional checks and warnings for its descendants.",answer:"b",choices:[{a:"To optimize performance",selected:"a"},{a:"To identify potential problems",selected:"b"},{a:"To manage global state",selected:"c"},{a:"To handle routing",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:16,title:"question 16",query:"What does 'React.lazy()' do?",explanation:"'React.lazy()' enables dynamic import of components, which allows you to split code and load components only when they are needed.",answer:"d",choices:[{a:"Eagerly loads all components",selected:"a"},{a:"Immediately renders components",selected:"b"},{a:"Manages component state",selected:"c"},{a:"Dynamically imports components",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:17,title:"question 17",query:"How do you use 'useCallback' in React?",explanation:"'useCallback' is a Hook that returns a memoized callback function, which helps to avoid unnecessary re-creations of functions on every render.",answer:"a",choices:[{a:"To memoize callback functions",selected:"a"},{a:"To manage state",selected:"b"},{a:"To handle side effects",selected:"c"},{a:"To create a new component",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:18,title:"question 18",query:"What is 'useContext' used for?",explanation:"'useContext' is a Hook that allows you to access the value of a React context directly in functional components.",answer:"b",choices:[{a:"To create a new context",selected:"a"},{a:"To access context values",selected:"b"},{a:"To manage state",selected:"c"},{a:"To perform side effects",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:19,title:"question 19",query:"How do you update context values in React?",explanation:"Context values are updated by providing a new value to the Context.Provider component, which then propagates the change to all consuming components.",answer:"c",choices:[{a:"Using 'setContext' method",selected:"a"},{a:"Using 'updateContext' method",selected:"b"},{a:"By updating the value of Context.Provider",selected:"c"},{a:"Directly modifying context",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:20,title:"question 20",query:"What does 'React.Fragment' allow you to do?",explanation:"'React.Fragment' allows you to group multiple elements without adding extra nodes to the DOM.",answer:"d",choices:[{a:"Add extra nodes to the DOM",selected:"a"},{a:"Create a new component",selected:"b"},{a:"Manage component state",selected:"c"},{a:"Group elements without extra nodes",selected:"d"}],info:{categorie:"reactjs",mode:"medium"}},{id:21,title:"question 21",query:"What is the purpose of 'React.createElement()'?",explanation:"'React.createElement()' is used to create React elements that can be rendered to the DOM, representing the virtual DOM.",answer:"b",choices:[{a:"To create new components",selected:"a"},{a:"To create React elements for rendering",selected:"b"},{a:"To manage state",selected:"c"},{a:"To handle side effects",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:22,title:"question 22",query:"How does React use the virtual DOM?",explanation:"React uses the virtual DOM to optimize rendering by keeping a lightweight copy of the actual DOM and only updating the parts that have changed.",answer:"d",choices:[{a:"To replace the actual DOM",selected:"a"},{a:"To manage state more efficiently",selected:"b"},{a:"To handle side effects",selected:"c"},{a:"To optimize rendering by minimizing updates",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:23,title:"question 23",query:"What is 'React.PureComponent' used for?",explanation:"'React.PureComponent' is a base class for components that only re-render when their props or state change, providing a shallow comparison for optimization.",answer:"c",choices:[{a:"To create new context",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To optimize re-rendering by shallow comparison",selected:"c"},{a:"To handle asynchronous operations",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:24,title:"question 24",query:"How does 'React.forwardRef()' work?",explanation:"'React.forwardRef()' allows you to forward refs to a child component, enabling the parent component to directly access the child's DOM node.",answer:"b",choices:[{a:"It creates a new context",selected:"a"},{a:"It forwards refs to child components",selected:"b"},{a:"It manages component lifecycle",selected:"c"},{a:"It handles side effects",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:25,title:"question 25",query:"What is the role of 'shouldComponentUpdate' in React?",explanation:"'shouldComponentUpdate' is a lifecycle method that determines whether a component should re-render or not, allowing for performance optimization.",answer:"a",choices:[{a:"To control re-rendering",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To handle context changes",selected:"c"},{a:"To create new elements",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:26,title:"question 26",query:"What does 'React.Suspense' allow you to do?",explanation:"'React.Suspense' lets you handle loading states for components that are dynamically imported or have async data, providing a fallback UI while loading.",answer:"d",choices:[{a:"To manage component state",selected:"a"},{a:"To optimize rendering performance",selected:"b"},{a:"To handle context updates",selected:"c"},{a:"To handle loading states and fallback UI",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:27,title:"question 27",query:"What is the purpose of 'React.StrictMode' in development?",explanation:"'React.StrictMode' helps to identify potential problems and warnings in the application during development, ensuring better practices and code quality.",answer:"b",choices:[{a:"To improve production performance",selected:"a"},{a:"To identify potential problems and warnings",selected:"b"},{a:"To handle component state",selected:"c"},{a:"To manage routing",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:28,title:"question 28",query:"What is 'ReactDOM.hydrate()' used for?",explanation:"'ReactDOM.hydrate()' is used to attach event handlers to server-rendered HTML, allowing React to manage the existing content effectively.",answer:"c",choices:[{a:"To replace server-rendered content",selected:"a"},{a:"To manage component state",selected:"b"},{a:"To attach event handlers to server-rendered HTML",selected:"c"},{a:"To handle context updates",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:29,title:"question 29",query:"How does 'React.StrictMode' affect class components?",explanation:"'React.StrictMode' applies additional checks and warnings to class components in development mode, helping identify potential issues and enforce best practices.",answer:"a",choices:[{a:"Applies additional checks and warnings",selected:"a"},{a:"Optimizes rendering performance",selected:"b"},{a:"Manages state efficiently",selected:"c"},{a:"Handles asynchronous operations",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:30,title:"question 30",query:"What does 'React.createContext()' provide?",explanation:"'React.createContext()' provides a Context object that can be used to share values between components without having to pass props explicitly through every level of the component tree.",answer:"b",choices:[{a:"A method for state management",selected:"a"},{a:"A Context object for prop drilling",selected:"b"},{a:"A utility for handling side effects",selected:"c"},{a:"A tool for managing component lifecycle",selected:"d"}],info:{categorie:"reactjs",mode:"hard"}},{id:1,title:"question 1",query:"What is Node.js?",explanation:"Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that allows you to execute JavaScript code server-side.",answer:"a",choices:[{a:"A JavaScript runtime for server-side scripting",selected:"a"},{a:"A CSS preprocessor",selected:"b"},{a:"A database management system",selected:"c"},{a:"A JavaScript library for the frontend",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:2,title:"question 2",query:"Which command initializes a new Node.js project?",explanation:"The command 'npm init' initializes a new Node.js project by creating a package.json file where project metadata and dependencies are listed.",answer:"b",choices:[{a:"npm start",selected:"a"},{a:"npm init",selected:"b"},{a:"npm install",selected:"c"},{a:"npm create",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:3,title:"question 3",query:"How do you include external modules in Node.js?",explanation:"In Node.js, you use the 'require()' function to include external modules and access their functionalities.",answer:"c",choices:[{a:"import()",selected:"a"},{a:"include()",selected:"b"},{a:"require()",selected:"c"},{a:"load()",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:4,title:"question 4",query:"What is the purpose of the 'fs' module in Node.js?",explanation:"The 'fs' (file system) module provides an API for interacting with the file system, allowing you to read and write files.",answer:"d",choices:[{a:"To handle HTTP requests",selected:"a"},{a:"To manage databases",selected:"b"},{a:"To handle streams",selected:"c"},{a:"To interact with the file system",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:5,title:"question 5",query:"Which method is used to start a Node.js HTTP server?",explanation:"The 'http.createServer()' method is used to create an HTTP server in Node.js, which can listen to incoming requests and send responses.",answer:"a",choices:[{a:"http.createServer()",selected:"a"},{a:"http.listen()",selected:"b"},{a:"http.startServer()",selected:"c"},{a:"http.run()",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:6,title:"question 6",query:"What is 'npm'?",explanation:"'npm' (Node Package Manager) is a package manager for JavaScript, used to manage project dependencies and install packages.",answer:"b",choices:[{a:"A JavaScript framework",selected:"a"},{a:"A package manager for JavaScript",selected:"b"},{a:"A database engine",selected:"c"},{a:"A task runner",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:7,title:"question 7",query:"What does the 'process.env' object contain?",explanation:"'process.env' contains environment variables available to the Node.js process, such as configuration settings and credentials.",answer:"c",choices:[{a:"User session data",selected:"a"},{a:"Local file system paths",selected:"b"},{a:"Environment variables",selected:"c"},{a:"Network configurations",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:8,title:"question 8",query:"What does the 'path' module in Node.js do?",explanation:"The 'path' module provides utilities for working with file and directory paths, such as joining and resolving paths.",answer:"a",choices:[{a:"Provides utilities for working with paths",selected:"a"},{a:"Handles network requests",selected:"b"},{a:"Manages database connections",selected:"c"},{a:"Parses incoming HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:9,title:"question 9",query:"What is 'async/await' in Node.js?",explanation:"'async/await' is a syntax for working with asynchronous code in a more synchronous-like manner, making it easier to write and understand.",answer:"d",choices:[{a:"A database management system",selected:"a"},{a:"A new JavaScript framework",selected:"b"},{a:"A command-line tool",selected:"c"},{a:"Syntax for working with asynchronous code",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:10,title:"question 10",query:"Which method is used to read a file asynchronously in Node.js?",explanation:"The 'fs.readFile()' method is used to read the contents of a file asynchronously, allowing you to handle file operations without blocking the event loop.",answer:"a",choices:[{a:"fs.readFile()",selected:"a"},{a:"fs.read()",selected:"b"},{a:"fs.open()",selected:"c"},{a:"fs.readSync()",selected:"d"}],info:{categorie:"nodejs",mode:"easy"}},{id:11,title:"question 11",query:"What is the purpose of the 'events' module in Node.js?",explanation:"The 'events' module provides a way to work with events and listeners in Node.js, allowing for event-driven programming.",answer:"b",choices:[{a:"To handle HTTP requests",selected:"a"},{a:"To work with events and listeners",selected:"b"},{a:"To manage file system operations",selected:"c"},{a:"To handle asynchronous operations",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:12,title:"question 12",query:"How do you handle errors in Node.js asynchronous code?",explanation:"Errors in asynchronous Node.js code are typically handled using error-first callbacks or by catching exceptions in promises using 'catch()' or 'try/catch' with 'async/await'.",answer:"a",choices:[{a:"Using error-first callbacks or try/catch",selected:"a"},{a:"Ignoring errors",selected:"b"},{a:"Logging errors to the console",selected:"c"},{a:"Using synchronous error handling",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:13,title:"question 13",query:"What is the purpose of the 'http' module in Node.js?",explanation:"The 'http' module provides utilities for creating HTTP servers and making HTTP requests, enabling communication between the server and clients.",answer:"c",choices:[{a:"To manage file system operations",selected:"a"},{a:"To handle asynchronous operations",selected:"b"},{a:"To create HTTP servers and requests",selected:"c"},{a:"To work with environment variables",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:14,title:"question 14",query:"How does Node.js handle concurrency?",explanation:"Node.js handles concurrency using a single-threaded event loop and non-blocking I/O operations, which allows it to handle many connections simultaneously without creating new threads for each one.",answer:"d",choices:[{a:"Using multi-threading",selected:"a"},{a:"By creating new processes for each request",selected:"b"},{a:"Using synchronous I/O operations",selected:"c"},{a:"Using an event loop and non-blocking I/O",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:15,title:"question 15",query:"What is 'npm install' used for?",explanation:"'npm install' is used to install dependencies listed in the package.json file or to install specific packages from the npm registry.",answer:"a",choices:[{a:"To install dependencies and packages",selected:"a"},{a:"To start the Node.js server",selected:"b"},{a:"To update the package.json file",selected:"c"},{a:"To create a new Node.js project",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:16,title:"question 16",query:"What does 'module.exports' do in Node.js?",explanation:"'module.exports' is used to export functions, objects, or values from a module so that they can be required and used in other files.",answer:"c",choices:[{a:"Imports modules into the current file",selected:"a"},{a:"Manages file system operations",selected:"b"},{a:"Exports functions and values from a module",selected:"c"},{a:"Handles asynchronous tasks",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:17,title:"question 17",query:"How can you make an HTTP request in Node.js?",explanation:"You can make HTTP requests in Node.js using the 'http' or 'https' modules, or by using third-party libraries like 'axios' or 'node-fetch'.",answer:"b",choices:[{a:"Using the 'fs' module",selected:"a"},{a:"Using 'http' or third-party libraries",selected:"b"},{a:"Using 'path' module",selected:"c"},{a:"Using 'events' module",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:18,title:"question 18",query:"What is the 'cluster' module used for in Node.js?",explanation:"The 'cluster' module allows you to create child processes that share the same server port, enabling you to utilize multiple CPU cores for better performance.",answer:"a",choices:[{a:"To create child processes for load balancing",selected:"a"},{a:"To manage file system operations",selected:"b"},{a:"To handle database operations",selected:"c"},{a:"To manage HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:19,title:"question 19",query:"What is the purpose of 'process.nextTick()' in Node.js?",explanation:"'process.nextTick()' allows you to schedule a callback to be invoked in the next iteration of the event loop, before any I/O operations.",answer:"d",choices:[{a:"To delay the execution of a callback",selected:"a"},{a:"To manage file system operations",selected:"b"},{a:"To handle HTTP requests",selected:"c"},{a:"To schedule a callback for the next iteration of the event loop",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:20,title:"question 20",query:"What does 'npm update' do?",explanation:"'npm update' updates the dependencies listed in the package.json file to their latest versions according to the version ranges specified.",answer:"b",choices:[{a:"Installs new dependencies",selected:"a"},{a:"Updates existing dependencies to latest versions",selected:"b"},{a:"Uninstalls packages",selected:"c"},{a:"Initializes a new project",selected:"d"}],info:{categorie:"nodejs",mode:"medium"}},{id:21,title:"question 21",query:"What is the purpose of 'Node.js streams'?",explanation:"Node.js streams are used to handle large amounts of data efficiently by processing chunks of data as they are read or written, without loading the entire data into memory.",answer:"b",choices:[{a:"To handle HTTP requests",selected:"a"},{a:"To handle large amounts of data efficiently",selected:"b"},{a:"To manage file system operations",selected:"c"},{a:"To interact with databases",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:22,title:"question 22",query:"How does Node.js handle asynchronous operations?",explanation:"Node.js handles asynchronous operations using an event-driven, non-blocking I/O model, where operations are executed in the background and callbacks or promises are used to handle results.",answer:"d",choices:[{a:"Using multi-threading",selected:"a"},{a:"By blocking the event loop",selected:"b"},{a:"Using synchronous I/O operations",selected:"c"},{a:"Using event-driven, non-blocking I/O model",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:23,title:"question 23",query:"What is 'EventEmitter' in Node.js?",explanation:"'EventEmitter' is a class in Node.js that allows you to handle events and listeners, enabling custom event-driven programming.",answer:"a",choices:[{a:"A class for handling events and listeners",selected:"a"},{a:"A method for file operations",selected:"b"},{a:"A module for managing HTTP requests",selected:"c"},{a:"A tool for process management",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:24,title:"question 24",query:"How does 'process.env.NODE_ENV' help in Node.js applications?",explanation:"'process.env.NODE_ENV' is used to determine the current environment (e.g., development, production) and can be used to conditionally run code or set configurations based on the environment.",answer:"c",choices:[{a:"To manage database connections",selected:"a"},{a:"To handle file operations",selected:"b"},{a:"To set and check the current environment",selected:"c"},{a:"To process HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:25,title:"question 25",query:"What does 'node --inspect' do?",explanation:"'node --inspect' starts a Node.js application with the inspector enabled, allowing you to debug your code using tools like Chrome DevTools.",answer:"b",choices:[{a:"Starts the application in production mode",selected:"a"},{a:"Enables debugging with inspector tools",selected:"b"},{a:"Installs dependencies",selected:"c"},{a:"Manages environment variables",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:26,title:"question 26",query:"How do you handle uncaught exceptions in Node.js?",explanation:"Uncaught exceptions can be handled by listening to the 'uncaughtException' event on the process object, though it is generally recommended to handle errors gracefully in callbacks and promises.",answer:"d",choices:[{a:"By restarting the application",selected:"a"},{a:"By logging the exception",selected:"b"},{a:"By ignoring the exception",selected:"c"},{a:"By listening to 'uncaughtException' event",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:27,title:"question 27",query:"What is 'child_process.exec()' used for in Node.js?",explanation:"'child_process.exec()' is used to execute a shell command from within a Node.js script and obtain the output.",answer:"a",choices:[{a:"To execute shell commands",selected:"a"},{a:"To manage network connections",selected:"b"},{a:"To handle file operations",selected:"c"},{a:"To work with HTTP requests",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:28,title:"question 28",query:"What does 'async_hooks' module do in Node.js?",explanation:"'async_hooks' provides an API to track asynchronous resources and their lifecycle in Node.js, useful for debugging and monitoring asynchronous operations.",answer:"b",choices:[{a:"Tracks file system changes",selected:"a"},{a:"Tracks asynchronous operations and their lifecycle",selected:"b"},{a:"Manages network connections",selected:"c"},{a:"Handles process management",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:29,title:"question 29",query:"What is the 'vm' module used for in Node.js?",explanation:"'vm' (Virtual Machine) module allows you to compile and run code within a V8 virtual machine context, providing a way to execute code within Node.js safely.",answer:"a",choices:[{a:"To compile and run code in a virtual machine context",selected:"a"},{a:"To handle file operations",selected:"b"},{a:"To manage network connections",selected:"c"},{a:"To debug Node.js processes",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}},{id:30,title:"question 30",query:"What is 'libuv' in Node.js?",explanation:"'libuv' is a C library that provides asynchronous I/O operations and event handling in Node.js, enabling its non-blocking architecture.",answer:"c",choices:[{a:"A Node.js module for file operations",selected:"a"},{a:"A tool for managing packages",selected:"b"},{a:"A C library for asynchronous I/O and event handling",selected:"c"},{a:"A JavaScript runtime environment",selected:"d"}],info:{categorie:"nodejs",mode:"hard"}}],cn=C.createContext(),Sp=()=>{const{filteredQuestion:e,handleRetryBtn:t}=C.useContext(cn);return k.jsxs("div",{className:"w-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg p-6",children:[k.jsx("h1",{className:"text-4xl font-bold text-left mb-6 text-slate-700",children:"Results"}),k.jsxs("ul",{className:"flex flex-col gap-4",children:[e.map(n=>k.jsxs("div",{className:"flex flex-col items-start p-4 bg-gray-100 rounded-md shadow-sm",children:[k.jsxs("li",{className:"text-xl font-semibold text-gray-800 mb-2 text-left",children:["Q",n.id,": ",n.query]}),k.jsxs("span",{className:"text-lg text-green-700 font-medium mb-1 text-left",children:["Answer: ",n.answer.toUpperCase()]}),k.jsx("span",{className:"text-md text-gray-700 text-left",children:n.explanation})]},n.id)),k.jsx("button",{type:"submit",onClick:t,className:"w-32 bg-lime-500 hover:bg-lime-400 focus:bg-lime-400 text-white text-lg px-4 py-2 rounded-md shadow-md transition-all",children:"Retry"})]})]})},Cp=()=>{const{userAnswer:e,handleRetryBtn:t,handleCheckBtn:n,isCheck:r,filteredQuestion:o}=C.useContext(cn),l=e.filter(a=>a.result===!0),i=l.length/o.length*100;return k.jsxs("div",{className:"w-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg p-6",children:[!r&&k.jsxs(k.Fragment,{children:[k.jsxs("h1",{className:"text-4xl font-bold text-center mb-4 text-slate-700",children:["Score: ",i,"%"]}),k.jsxs("p",{className:"text-xl font-medium text-center mb-2 text-gray-600",children:["Total Questions: ",o.length]}),k.jsxs("p",{className:"text-xl font-medium text-center mb-6 text-gray-600",children:["Correct: ",l.length]}),k.jsxs("div",{className:"flex flex-col items-center gap-4",children:[k.jsx("button",{type:"submit",onClick:t,className:"bg-lime-500 hover:bg-lime-400 focus:bg-lime-400 text-white text-lg px-6 py-3 rounded-md shadow-md transition-all",children:"Retry"}),k.jsx("button",{type:"submit",onClick:n,className:"bg-blue-500 hover:bg-blue-400 focus:bg-blue-400 text-white text-lg px-6 py-3 rounded-md shadow-md transition-all",children:"Check"})]})," "]}),r&&k.jsx(Sp,{})]})},Ep=()=>{const{handleClick:e,handleSubmit:t,currentQuestionIndex:n,filteredQuestion:r}=C.useContext(cn);return k.jsx("div",{className:"text-center py-8 items-center flex flex-col gap-4",children:n!==r.length?k.jsx("div",{className:"w-full h-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg overflow-hidden",children:k.jsxs("div",{className:"p-6 flex flex-col",children:[k.jsxs("p",{className:"text-slate-500 text-3xl font-semibold text-left mb-4",children:["Question ",n+1]}),k.jsx("span",{className:"text-gray-700 text-2xl font-medium text-left block mb-6",children:r[n].query}),k.jsx("div",{className:"flex flex-col gap-4 mb-6",children:r[n].choices.map(o=>k.jsxs("button",{className:"flex items-start gap-4 text-lg bg-red-100 hover:bg-red-300 focus:bg-red-300 text-gray-800 px-6 py-3 rounded-md shadow-sm transition-all text-left w-full",value:o.selected,onClick:()=>t(o.selected),children:[k.jsxs("span",{className:"font-semibold",children:[o.selected.toUpperCase(),"."]}),k.jsx("span",{className:"flex-1",children:o.a})]},o.selected))}),k.jsx("div",{className:"mt-6 text-left",children:k.jsx("button",{type:"submit",onClick:e,className:"text-lg bg-lime-500 hover:bg-lime-400 focus:bg-lime-400 text-white px-8 py-4 rounded-md shadow-md transition-all",children:"Next"})})]})}):k.jsx(Cp,{})})},jp=()=>{const{handleStart:e,handleSelect:t}=C.useContext(cn);return k.jsxs("div",{className:"relative px-8 py-6 bg-white shadow-md rounded-lg max-w-4xl mx-auto mt-8",children:[k.jsx("h1",{className:"text-3xl font-bold text-gray-800 mb-6",children:"Quiz App"}),k.jsx("ul",{className:"space-y-4",children:kp.map(n=>k.jsxs("li",{className:"flex flex-col gap-2",children:[k.jsx("label",{htmlFor:`dropdown-${n.title}`,className:"text-lg font-medium text-gray-700",children:n.title}),k.jsxs("div",{className:"relative",children:[k.jsx("select",{id:`dropdown-${n.title}`,name:"dropdown",onChange:r=>t(n.type,r),defaultValue:n.options[0],className:"bg-gray-100 border border-gray-300 rounded-md px-4 py-2 text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all appearance-none w-full",children:n.options.map(r=>k.jsx("option",{value:r,className:"bg-white hover:bg-gray-200 focus:bg-gray-200 transition-colors py-3",children:r},r))}),k.jsx("svg",{className:"absolute top-1/2 right-3 transform -translate-y-1/2 w-4 h-4 text-gray-500 pointer-events-none",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:k.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M19 9l-7 7-7-7"})})]})]},n.title))}),k.jsx("div",{className:"mt-6",children:k.jsx("button",{onClick:e,className:"bg-blue-500 text-white px-6 py-3 rounded-lg shadow-md hover:bg-blue-600 focus:bg-blue-600 transition-all",children:"Start"})})]})};/** * @remix-run/router v1.18.0 * * Copyright (c) Remix Software Inc. @@ -46,7 +46,7 @@ Error generating stack: `+l.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */function er(){return er=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u")throw new Error(t)}function Lc(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function Tp(){return Math.random().toString(36).substr(2,8)}function fs(e,t){return{usr:e.state,key:e.key,idx:t}}function bl(e,t,n,r){return n===void 0&&(n=null),er({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?pn(t):t,{state:n,key:t&&t.key||r||Tp()})}function uo(e){let{pathname:t="/",search:n="",hash:r=""}=e;return n&&n!=="?"&&(t+=n.charAt(0)==="?"?n:"?"+n),r&&r!=="#"&&(t+=r.charAt(0)==="#"?r:"#"+r),t}function pn(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}function Np(e,t,n,r){r===void 0&&(r={});let{window:o=document.defaultView,v5Compat:l=!1}=r,i=o.history,a=ot.Pop,s=null,u=h();u==null&&(u=0,i.replaceState(er({},i.state,{idx:u}),""));function h(){return(i.state||{idx:null}).idx}function p(){a=ot.Pop;let C=h(),d=C==null?null:C-u;u=C,s&&s({action:a,location:w.location,delta:d})}function m(C,d){a=ot.Push;let c=bl(w.location,C,d);u=h()+1;let f=fs(c,u),g=w.createHref(c);try{i.pushState(f,"",g)}catch(k){if(k instanceof DOMException&&k.name==="DataCloneError")throw k;o.location.assign(g)}l&&s&&s({action:a,location:w.location,delta:1})}function v(C,d){a=ot.Replace;let c=bl(w.location,C,d);u=h();let f=fs(c,u),g=w.createHref(c);i.replaceState(f,"",g),l&&s&&s({action:a,location:w.location,delta:0})}function y(C){let d=o.location.origin!=="null"?o.location.origin:o.location.href,c=typeof C=="string"?C:uo(C);return c=c.replace(/ $/,"%20"),K(d,"No window.location.(origin|href) available to create URL for href: "+c),new URL(c,d)}let w={get action(){return a},get location(){return e(o,i)},listen(C){if(s)throw new Error("A history only accepts one active listener");return o.addEventListener(ds,p),s=C,()=>{o.removeEventListener(ds,p),s=null}},createHref(C){return t(o,C)},createURL:y,encodeLocation(C){let d=y(C);return{pathname:d.pathname,search:d.search,hash:d.hash}},push:m,replace:v,go(C){return i.go(C)}};return w}var ps;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(ps||(ps={}));function Pp(e,t,n){return n===void 0&&(n="/"),_p(e,t,n,!1)}function _p(e,t,n,r){let o=typeof t=="string"?pn(t):t,l=Zi(o.pathname||"/",n);if(l==null)return null;let i=Oc(e);Rp(i);let a=null;for(let s=0;a==null&&s{let s={relativePath:a===void 0?l.path||"":a,caseSensitive:l.caseSensitive===!0,childrenIndex:i,route:l};s.relativePath.startsWith("/")&&(K(s.relativePath.startsWith(r),'Absolute route path "'+s.relativePath+'" nested under path '+('"'+r+'" is not valid. An absolute child route path ')+"must start with the combined path of all its parent routes."),s.relativePath=s.relativePath.slice(r.length));let u=pt([r,s.relativePath]),h=n.concat(s);l.children&&l.children.length>0&&(K(l.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Oc(l.children,t,h,u)),!(l.path==null&&!l.index)&&t.push({path:u,score:Dp(u,l.index),routesMeta:h})};return e.forEach((l,i)=>{var a;if(l.path===""||!((a=l.path)!=null&&a.includes("?")))o(l,i);else for(let s of Mc(l.path))o(l,i,s)}),t}function Mc(e){let t=e.split("/");if(t.length===0)return[];let[n,...r]=t,o=n.endsWith("?"),l=n.replace(/\?$/,"");if(r.length===0)return o?[l,""]:[l];let i=Mc(r.join("/")),a=[];return a.push(...i.map(s=>s===""?l:[l,s].join("/"))),o&&a.push(...i),a.map(s=>e.startsWith("/")&&s===""?"/":s)}function Rp(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:qp(t.routesMeta.map(r=>r.childrenIndex),n.routesMeta.map(r=>r.childrenIndex)))}const zp=/^:[\w-]+$/,Lp=3,Op=2,Mp=1,Up=10,Ip=-2,hs=e=>e==="*";function Dp(e,t){let n=e.split("/"),r=n.length;return n.some(hs)&&(r+=Ip),t&&(r+=Op),n.filter(o=>!hs(o)).reduce((o,l)=>o+(zp.test(l)?Lp:l===""?Mp:Up),r)}function qp(e,t){return e.length===t.length&&e.slice(0,-1).every((r,o)=>r===t[o])?e[e.length-1]-t[t.length-1]:0}function Fp(e,t,n){let{routesMeta:r}=e,o={},l="/",i=[];for(let a=0;a{let{paramName:m,isOptional:v}=h;if(m==="*"){let w=a[p]||"";i=l.slice(0,l.length-w.length).replace(/(.)\/+$/,"$1")}const y=a[p];return v&&!y?u[m]=void 0:u[m]=(y||"").replace(/%2F/g,"/"),u},{}),pathname:l,pathnameBase:i,pattern:e}}function Ap(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),Lc(e==="*"||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were '+('"'+e.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+e.replace(/\*$/,"/*")+'".'));let r=[],o="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(i,a,s)=>(r.push({paramName:a,isOptional:s!=null}),s?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(r.push({paramName:"*"}),o+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?o+="\\/*$":e!==""&&e!=="/"&&(o+="(?:(?=\\/|$))"),[new RegExp(o,t?void 0:"i"),r]}function Wp(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Lc(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+t+").")),e}}function Zi(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,r=e.charAt(n);return r&&r!=="/"?null:e.slice(n)||"/"}function Hp(e,t){t===void 0&&(t="/");let{pathname:n,search:r="",hash:o=""}=typeof e=="string"?pn(e):e;return{pathname:n?n.startsWith("/")?n:Bp(n,t):t,search:Qp(r),hash:Jp(o)}}function Bp(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(o=>{o===".."?n.length>1&&n.pop():o!=="."&&n.push(o)}),n.length>1?n.join("/"):"/"}function ll(e,t,n,r){return"Cannot include a '"+e+"' character in a manually specified "+("`to."+t+"` field ["+JSON.stringify(r)+"]. Please separate it out to the ")+("`to."+n+"` field. Alternatively you may provide the full path as ")+'a string in and the router will parse it for you.'}function $p(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function Uc(e,t){let n=$p(e);return t?n.map((r,o)=>o===n.length-1?r.pathname:r.pathnameBase):n.map(r=>r.pathnameBase)}function Ic(e,t,n,r){r===void 0&&(r=!1);let o;typeof e=="string"?o=pn(e):(o=er({},e),K(!o.pathname||!o.pathname.includes("?"),ll("?","pathname","search",o)),K(!o.pathname||!o.pathname.includes("#"),ll("#","pathname","hash",o)),K(!o.search||!o.search.includes("#"),ll("#","search","hash",o)));let l=e===""||o.pathname==="",i=l?"/":o.pathname,a;if(i==null)a=n;else{let p=t.length-1;if(!r&&i.startsWith("..")){let m=i.split("/");for(;m[0]==="..";)m.shift(),p-=1;o.pathname=m.join("/")}a=p>=0?t[p]:"/"}let s=Hp(o,a),u=i&&i!=="/"&&i.endsWith("/"),h=(l||i===".")&&n.endsWith("/");return!s.pathname.endsWith("/")&&(u||h)&&(s.pathname+="/"),s}const pt=e=>e.join("/").replace(/\/\/+/g,"/"),Vp=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),Qp=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,Jp=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function Kp(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const Dc=["post","put","patch","delete"];new Set(Dc);const Xp=["get",...Dc];new Set(Xp);/** + */function tr(){return tr=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u")throw new Error(t)}function Oc(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function Np(){return Math.random().toString(36).substr(2,8)}function ps(e,t){return{usr:e.state,key:e.key,idx:t}}function ei(e,t,n,r){return n===void 0&&(n=null),tr({pathname:typeof e=="string"?e:e.pathname,search:"",hash:""},typeof t=="string"?hn(t):t,{state:n,key:t&&t.key||r||Np()})}function co(e){let{pathname:t="/",search:n="",hash:r=""}=e;return n&&n!=="?"&&(t+=n.charAt(0)==="?"?n:"?"+n),r&&r!=="#"&&(t+=r.charAt(0)==="#"?r:"#"+r),t}function hn(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let r=e.indexOf("?");r>=0&&(t.search=e.substr(r),e=e.substr(0,r)),e&&(t.pathname=e)}return t}function Pp(e,t,n,r){r===void 0&&(r={});let{window:o=document.defaultView,v5Compat:l=!1}=r,i=o.history,a=ot.Pop,s=null,u=h();u==null&&(u=0,i.replaceState(tr({},i.state,{idx:u}),""));function h(){return(i.state||{idx:null}).idx}function p(){a=ot.Pop;let E=h(),d=E==null?null:E-u;u=E,s&&s({action:a,location:w.location,delta:d})}function m(E,d){a=ot.Push;let c=ei(w.location,E,d);u=h()+1;let f=ps(c,u),g=w.createHref(c);try{i.pushState(f,"",g)}catch(S){if(S instanceof DOMException&&S.name==="DataCloneError")throw S;o.location.assign(g)}l&&s&&s({action:a,location:w.location,delta:1})}function v(E,d){a=ot.Replace;let c=ei(w.location,E,d);u=h();let f=ps(c,u),g=w.createHref(c);i.replaceState(f,"",g),l&&s&&s({action:a,location:w.location,delta:0})}function y(E){let d=o.location.origin!=="null"?o.location.origin:o.location.href,c=typeof E=="string"?E:co(E);return c=c.replace(/ $/,"%20"),K(d,"No window.location.(origin|href) available to create URL for href: "+c),new URL(c,d)}let w={get action(){return a},get location(){return e(o,i)},listen(E){if(s)throw new Error("A history only accepts one active listener");return o.addEventListener(fs,p),s=E,()=>{o.removeEventListener(fs,p),s=null}},createHref(E){return t(o,E)},createURL:y,encodeLocation(E){let d=y(E);return{pathname:d.pathname,search:d.search,hash:d.hash}},push:m,replace:v,go(E){return i.go(E)}};return w}var hs;(function(e){e.data="data",e.deferred="deferred",e.redirect="redirect",e.error="error"})(hs||(hs={}));function _p(e,t,n){return n===void 0&&(n="/"),Rp(e,t,n,!1)}function Rp(e,t,n,r){let o=typeof t=="string"?hn(t):t,l=bi(o.pathname||"/",n);if(l==null)return null;let i=Mc(e);zp(i);let a=null;for(let s=0;a==null&&s{let s={relativePath:a===void 0?l.path||"":a,caseSensitive:l.caseSensitive===!0,childrenIndex:i,route:l};s.relativePath.startsWith("/")&&(K(s.relativePath.startsWith(r),'Absolute route path "'+s.relativePath+'" nested under path '+('"'+r+'" is not valid. An absolute child route path ')+"must start with the combined path of all its parent routes."),s.relativePath=s.relativePath.slice(r.length));let u=pt([r,s.relativePath]),h=n.concat(s);l.children&&l.children.length>0&&(K(l.index!==!0,"Index routes must not have child routes. Please remove "+('all child routes from route path "'+u+'".')),Mc(l.children,t,h,u)),!(l.path==null&&!l.index)&&t.push({path:u,score:qp(u,l.index),routesMeta:h})};return e.forEach((l,i)=>{var a;if(l.path===""||!((a=l.path)!=null&&a.includes("?")))o(l,i);else for(let s of Uc(l.path))o(l,i,s)}),t}function Uc(e){let t=e.split("/");if(t.length===0)return[];let[n,...r]=t,o=n.endsWith("?"),l=n.replace(/\?$/,"");if(r.length===0)return o?[l,""]:[l];let i=Uc(r.join("/")),a=[];return a.push(...i.map(s=>s===""?l:[l,s].join("/"))),o&&a.push(...i),a.map(s=>e.startsWith("/")&&s===""?"/":s)}function zp(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:Fp(t.routesMeta.map(r=>r.childrenIndex),n.routesMeta.map(r=>r.childrenIndex)))}const Lp=/^:[\w-]+$/,Op=3,Mp=2,Up=1,Ip=10,Dp=-2,ms=e=>e==="*";function qp(e,t){let n=e.split("/"),r=n.length;return n.some(ms)&&(r+=Dp),t&&(r+=Mp),n.filter(o=>!ms(o)).reduce((o,l)=>o+(Lp.test(l)?Op:l===""?Up:Ip),r)}function Fp(e,t){return e.length===t.length&&e.slice(0,-1).every((r,o)=>r===t[o])?e[e.length-1]-t[t.length-1]:0}function Ap(e,t,n){let{routesMeta:r}=e,o={},l="/",i=[];for(let a=0;a{let{paramName:m,isOptional:v}=h;if(m==="*"){let w=a[p]||"";i=l.slice(0,l.length-w.length).replace(/(.)\/+$/,"$1")}const y=a[p];return v&&!y?u[m]=void 0:u[m]=(y||"").replace(/%2F/g,"/"),u},{}),pathname:l,pathnameBase:i,pattern:e}}function Wp(e,t,n){t===void 0&&(t=!1),n===void 0&&(n=!0),Oc(e==="*"||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were '+('"'+e.replace(/\*$/,"/*")+'" because the `*` character must ')+"always follow a `/` in the pattern. To get rid of this warning, "+('please change the route path to "'+e.replace(/\*$/,"/*")+'".'));let r=[],o="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(i,a,s)=>(r.push({paramName:a,isOptional:s!=null}),s?"/?([^\\/]+)?":"/([^\\/]+)"));return e.endsWith("*")?(r.push({paramName:"*"}),o+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?o+="\\/*$":e!==""&&e!=="/"&&(o+="(?:(?=\\/|$))"),[new RegExp(o,t?void 0:"i"),r]}function Bp(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return Oc(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent '+("encoding ("+t+").")),e}}function bi(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,r=e.charAt(n);return r&&r!=="/"?null:e.slice(n)||"/"}function Hp(e,t){t===void 0&&(t="/");let{pathname:n,search:r="",hash:o=""}=typeof e=="string"?hn(e):e;return{pathname:n?n.startsWith("/")?n:$p(n,t):t,search:Jp(r),hash:Kp(o)}}function $p(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach(o=>{o===".."?n.length>1&&n.pop():o!=="."&&n.push(o)}),n.length>1?n.join("/"):"/"}function il(e,t,n,r){return"Cannot include a '"+e+"' character in a manually specified "+("`to."+t+"` field ["+JSON.stringify(r)+"]. Please separate it out to the ")+("`to."+n+"` field. Alternatively you may provide the full path as ")+'a string in and the router will parse it for you.'}function Vp(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function Ic(e,t){let n=Vp(e);return t?n.map((r,o)=>o===n.length-1?r.pathname:r.pathnameBase):n.map(r=>r.pathnameBase)}function Dc(e,t,n,r){r===void 0&&(r=!1);let o;typeof e=="string"?o=hn(e):(o=tr({},e),K(!o.pathname||!o.pathname.includes("?"),il("?","pathname","search",o)),K(!o.pathname||!o.pathname.includes("#"),il("#","pathname","hash",o)),K(!o.search||!o.search.includes("#"),il("#","search","hash",o)));let l=e===""||o.pathname==="",i=l?"/":o.pathname,a;if(i==null)a=n;else{let p=t.length-1;if(!r&&i.startsWith("..")){let m=i.split("/");for(;m[0]==="..";)m.shift(),p-=1;o.pathname=m.join("/")}a=p>=0?t[p]:"/"}let s=Hp(o,a),u=i&&i!=="/"&&i.endsWith("/"),h=(l||i===".")&&n.endsWith("/");return!s.pathname.endsWith("/")&&(u||h)&&(s.pathname+="/"),s}const pt=e=>e.join("/").replace(/\/\/+/g,"/"),Qp=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),Jp=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,Kp=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e;function Xp(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}const qc=["post","put","patch","delete"];new Set(qc);const Yp=["get",...qc];new Set(Yp);/** * React Router v6.25.1 * * Copyright (c) Remix Software Inc. @@ -55,7 +55,7 @@ Error generating stack: `+l.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */function tr(){return tr=Object.assign?Object.assign.bind():function(e){for(var t=1;t{a.current=!0}),E.useCallback(function(u,h){if(h===void 0&&(h={}),!a.current)return;if(typeof u=="number"){r.go(u);return}let p=Ic(u,JSON.parse(i),l,h.relative==="path");e==null&&t!=="/"&&(p.pathname=p.pathname==="/"?t:pt([t,p.pathname])),(h.replace?r.replace:r.push)(p,h.state,h)},[t,r,i,l,e])}function Ac(e,t){let{relative:n}=t===void 0?{}:t,{future:r}=E.useContext(Ut),{matches:o}=E.useContext(It),{pathname:l}=_o(),i=JSON.stringify(Uc(o,r.v7_relativeSplatPath));return E.useMemo(()=>Ic(e,JSON.parse(i),l,n==="path"),[e,i,l,n])}function eh(e,t){return th(e,t)}function th(e,t,n,r){ar()||K(!1);let{navigator:o}=E.useContext(Ut),{matches:l}=E.useContext(It),i=l[l.length-1],a=i?i.params:{};i&&i.pathname;let s=i?i.pathnameBase:"/";i&&i.route;let u=_o(),h;if(t){var p;let C=typeof t=="string"?pn(t):t;s==="/"||(p=C.pathname)!=null&&p.startsWith(s)||K(!1),h=C}else h=u;let m=h.pathname||"/",v=m;if(s!=="/"){let C=s.replace(/^\//,"").split("/");v="/"+m.replace(/^\//,"").split("/").slice(C.length).join("/")}let y=Pp(e,{pathname:v}),w=ih(y&&y.map(C=>Object.assign({},C,{params:Object.assign({},a,C.params),pathname:pt([s,o.encodeLocation?o.encodeLocation(C.pathname).pathname:C.pathname]),pathnameBase:C.pathnameBase==="/"?s:pt([s,o.encodeLocation?o.encodeLocation(C.pathnameBase).pathname:C.pathnameBase])})),l,n,r);return t&&w?E.createElement(Po.Provider,{value:{location:tr({pathname:"/",search:"",hash:"",state:null,key:"default"},h),navigationType:ot.Pop}},w):w}function nh(){let e=ch(),t=Kp(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,o={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return E.createElement(E.Fragment,null,E.createElement("h2",null,"Unexpected Application Error!"),E.createElement("h3",{style:{fontStyle:"italic"}},t),n?E.createElement("pre",{style:o},n):null,null)}const rh=E.createElement(nh,null);class oh extends E.Component{constructor(t){super(t),this.state={location:t.location,revalidation:t.revalidation,error:t.error}}static getDerivedStateFromError(t){return{error:t}}static getDerivedStateFromProps(t,n){return n.location!==t.location||n.revalidation!=="idle"&&t.revalidation==="idle"?{error:t.error,location:t.location,revalidation:t.revalidation}:{error:t.error!==void 0?t.error:n.error,location:n.location,revalidation:t.revalidation||n.revalidation}}componentDidCatch(t,n){console.error("React Router caught the following error during render",t,n)}render(){return this.state.error!==void 0?E.createElement(It.Provider,{value:this.props.routeContext},E.createElement(qc.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function lh(e){let{routeContext:t,match:n,children:r}=e,o=E.useContext(bi);return o&&o.static&&o.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(o.staticContext._deepestRenderedBoundaryId=n.route.id),E.createElement(It.Provider,{value:t},r)}function ih(e,t,n,r){var o;if(t===void 0&&(t=[]),n===void 0&&(n=null),r===void 0&&(r=null),e==null){var l;if((l=n)!=null&&l.errors)e=n.matches;else return null}let i=e,a=(o=n)==null?void 0:o.errors;if(a!=null){let h=i.findIndex(p=>p.route.id&&(a==null?void 0:a[p.route.id])!==void 0);h>=0||K(!1),i=i.slice(0,Math.min(i.length,h+1))}let s=!1,u=-1;if(n&&r&&r.v7_partialHydration)for(let h=0;h=0?i=i.slice(0,u+1):i=[i[0]];break}}}return i.reduceRight((h,p,m)=>{let v,y=!1,w=null,C=null;n&&(v=a&&p.route.id?a[p.route.id]:void 0,w=p.route.errorElement||rh,s&&(u<0&&m===0?(y=!0,C=null):u===m&&(y=!0,C=p.route.hydrateFallbackElement||null)));let d=t.concat(i.slice(0,m+1)),c=()=>{let f;return v?f=w:y?f=C:p.route.Component?f=E.createElement(p.route.Component,null):p.route.element?f=p.route.element:f=h,E.createElement(lh,{match:p,routeContext:{outlet:h,matches:d,isDataRoute:n!=null},children:f})};return n&&(p.route.ErrorBoundary||p.route.errorElement||m===0)?E.createElement(oh,{location:n.location,revalidation:n.revalidation,component:w,error:v,children:c(),routeContext:{outlet:null,matches:d,isDataRoute:!0}}):c()},null)}var Wc=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Wc||{}),co=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(co||{});function ah(e){let t=E.useContext(bi);return t||K(!1),t}function sh(e){let t=E.useContext(Yp);return t||K(!1),t}function uh(e){let t=E.useContext(It);return t||K(!1),t}function Hc(e){let t=uh(),n=t.matches[t.matches.length-1];return n.route.id||K(!1),n.route.id}function ch(){var e;let t=E.useContext(qc),n=sh(co.UseRouteError),r=Hc(co.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[r]}function dh(){let{router:e}=ah(Wc.UseNavigateStable),t=Hc(co.UseNavigateStable),n=E.useRef(!1);return Fc(()=>{n.current=!0}),E.useCallback(function(o,l){l===void 0&&(l={}),n.current&&(typeof o=="number"?e.navigate(o):e.navigate(o,tr({fromRouteId:t},l)))},[e,t])}function ei(e){K(!1)}function fh(e){let{basename:t="/",children:n=null,location:r,navigationType:o=ot.Pop,navigator:l,static:i=!1,future:a}=e;ar()&&K(!1);let s=t.replace(/^\/*/,"/"),u=E.useMemo(()=>({basename:s,navigator:l,static:i,future:tr({v7_relativeSplatPath:!1},a)}),[s,a,l,i]);typeof r=="string"&&(r=pn(r));let{pathname:h="/",search:p="",hash:m="",state:v=null,key:y="default"}=r,w=E.useMemo(()=>{let C=Zi(h,s);return C==null?null:{location:{pathname:C,search:p,hash:m,state:v,key:y},navigationType:o}},[s,h,p,m,v,y,o]);return w==null?null:E.createElement(Ut.Provider,{value:u},E.createElement(Po.Provider,{children:n,value:w}))}function ph(e){let{children:t,location:n}=e;return eh(ti(t),n)}new Promise(()=>{});function ti(e,t){t===void 0&&(t=[]);let n=[];return E.Children.forEach(e,(r,o)=>{if(!E.isValidElement(r))return;let l=[...t,o];if(r.type===E.Fragment){n.push.apply(n,ti(r.props.children,l));return}r.type!==ei&&K(!1),!r.props.index||!r.props.children||K(!1);let i={id:r.props.id||l.join("-"),caseSensitive:r.props.caseSensitive,element:r.props.element,Component:r.props.Component,index:r.props.index,path:r.props.path,loader:r.props.loader,action:r.props.action,errorElement:r.props.errorElement,ErrorBoundary:r.props.ErrorBoundary,hasErrorBoundary:r.props.ErrorBoundary!=null||r.props.errorElement!=null,shouldRevalidate:r.props.shouldRevalidate,handle:r.props.handle,lazy:r.props.lazy};r.props.children&&(i.children=ti(r.props.children,l)),n.push(i)}),n}/** + */function nr(){return nr=Object.assign?Object.assign.bind():function(e){for(var t=1;t{a.current=!0}),C.useCallback(function(u,h){if(h===void 0&&(h={}),!a.current)return;if(typeof u=="number"){r.go(u);return}let p=Dc(u,JSON.parse(i),l,h.relative==="path");e==null&&t!=="/"&&(p.pathname=p.pathname==="/"?t:pt([t,p.pathname])),(h.replace?r.replace:r.push)(p,h.state,h)},[t,r,i,l,e])}function Wc(e,t){let{relative:n}=t===void 0?{}:t,{future:r}=C.useContext(Ut),{matches:o}=C.useContext(It),{pathname:l}=Ro(),i=JSON.stringify(Ic(o,r.v7_relativeSplatPath));return C.useMemo(()=>Dc(e,JSON.parse(i),l,n==="path"),[e,i,l,n])}function th(e,t){return nh(e,t)}function nh(e,t,n,r){sr()||K(!1);let{navigator:o}=C.useContext(Ut),{matches:l}=C.useContext(It),i=l[l.length-1],a=i?i.params:{};i&&i.pathname;let s=i?i.pathnameBase:"/";i&&i.route;let u=Ro(),h;if(t){var p;let E=typeof t=="string"?hn(t):t;s==="/"||(p=E.pathname)!=null&&p.startsWith(s)||K(!1),h=E}else h=u;let m=h.pathname||"/",v=m;if(s!=="/"){let E=s.replace(/^\//,"").split("/");v="/"+m.replace(/^\//,"").split("/").slice(E.length).join("/")}let y=_p(e,{pathname:v}),w=ah(y&&y.map(E=>Object.assign({},E,{params:Object.assign({},a,E.params),pathname:pt([s,o.encodeLocation?o.encodeLocation(E.pathname).pathname:E.pathname]),pathnameBase:E.pathnameBase==="/"?s:pt([s,o.encodeLocation?o.encodeLocation(E.pathnameBase).pathname:E.pathnameBase])})),l,n,r);return t&&w?C.createElement(_o.Provider,{value:{location:nr({pathname:"/",search:"",hash:"",state:null,key:"default"},h),navigationType:ot.Pop}},w):w}function rh(){let e=dh(),t=Xp(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,o={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return C.createElement(C.Fragment,null,C.createElement("h2",null,"Unexpected Application Error!"),C.createElement("h3",{style:{fontStyle:"italic"}},t),n?C.createElement("pre",{style:o},n):null,null)}const oh=C.createElement(rh,null);class lh extends C.Component{constructor(t){super(t),this.state={location:t.location,revalidation:t.revalidation,error:t.error}}static getDerivedStateFromError(t){return{error:t}}static getDerivedStateFromProps(t,n){return n.location!==t.location||n.revalidation!=="idle"&&t.revalidation==="idle"?{error:t.error,location:t.location,revalidation:t.revalidation}:{error:t.error!==void 0?t.error:n.error,location:n.location,revalidation:t.revalidation||n.revalidation}}componentDidCatch(t,n){console.error("React Router caught the following error during render",t,n)}render(){return this.state.error!==void 0?C.createElement(It.Provider,{value:this.props.routeContext},C.createElement(Fc.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function ih(e){let{routeContext:t,match:n,children:r}=e,o=C.useContext(ea);return o&&o.static&&o.staticContext&&(n.route.errorElement||n.route.ErrorBoundary)&&(o.staticContext._deepestRenderedBoundaryId=n.route.id),C.createElement(It.Provider,{value:t},r)}function ah(e,t,n,r){var o;if(t===void 0&&(t=[]),n===void 0&&(n=null),r===void 0&&(r=null),e==null){var l;if((l=n)!=null&&l.errors)e=n.matches;else return null}let i=e,a=(o=n)==null?void 0:o.errors;if(a!=null){let h=i.findIndex(p=>p.route.id&&(a==null?void 0:a[p.route.id])!==void 0);h>=0||K(!1),i=i.slice(0,Math.min(i.length,h+1))}let s=!1,u=-1;if(n&&r&&r.v7_partialHydration)for(let h=0;h=0?i=i.slice(0,u+1):i=[i[0]];break}}}return i.reduceRight((h,p,m)=>{let v,y=!1,w=null,E=null;n&&(v=a&&p.route.id?a[p.route.id]:void 0,w=p.route.errorElement||oh,s&&(u<0&&m===0?(y=!0,E=null):u===m&&(y=!0,E=p.route.hydrateFallbackElement||null)));let d=t.concat(i.slice(0,m+1)),c=()=>{let f;return v?f=w:y?f=E:p.route.Component?f=C.createElement(p.route.Component,null):p.route.element?f=p.route.element:f=h,C.createElement(ih,{match:p,routeContext:{outlet:h,matches:d,isDataRoute:n!=null},children:f})};return n&&(p.route.ErrorBoundary||p.route.errorElement||m===0)?C.createElement(lh,{location:n.location,revalidation:n.revalidation,component:w,error:v,children:c(),routeContext:{outlet:null,matches:d,isDataRoute:!0}}):c()},null)}var Bc=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(Bc||{}),fo=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(fo||{});function sh(e){let t=C.useContext(ea);return t||K(!1),t}function uh(e){let t=C.useContext(Gp);return t||K(!1),t}function ch(e){let t=C.useContext(It);return t||K(!1),t}function Hc(e){let t=ch(),n=t.matches[t.matches.length-1];return n.route.id||K(!1),n.route.id}function dh(){var e;let t=C.useContext(Fc),n=uh(fo.UseRouteError),r=Hc(fo.UseRouteError);return t!==void 0?t:(e=n.errors)==null?void 0:e[r]}function fh(){let{router:e}=sh(Bc.UseNavigateStable),t=Hc(fo.UseNavigateStable),n=C.useRef(!1);return Ac(()=>{n.current=!0}),C.useCallback(function(o,l){l===void 0&&(l={}),n.current&&(typeof o=="number"?e.navigate(o):e.navigate(o,nr({fromRouteId:t},l)))},[e,t])}function ti(e){K(!1)}function ph(e){let{basename:t="/",children:n=null,location:r,navigationType:o=ot.Pop,navigator:l,static:i=!1,future:a}=e;sr()&&K(!1);let s=t.replace(/^\/*/,"/"),u=C.useMemo(()=>({basename:s,navigator:l,static:i,future:nr({v7_relativeSplatPath:!1},a)}),[s,a,l,i]);typeof r=="string"&&(r=hn(r));let{pathname:h="/",search:p="",hash:m="",state:v=null,key:y="default"}=r,w=C.useMemo(()=>{let E=bi(h,s);return E==null?null:{location:{pathname:E,search:p,hash:m,state:v,key:y},navigationType:o}},[s,h,p,m,v,y,o]);return w==null?null:C.createElement(Ut.Provider,{value:u},C.createElement(_o.Provider,{children:n,value:w}))}function hh(e){let{children:t,location:n}=e;return th(ni(t),n)}new Promise(()=>{});function ni(e,t){t===void 0&&(t=[]);let n=[];return C.Children.forEach(e,(r,o)=>{if(!C.isValidElement(r))return;let l=[...t,o];if(r.type===C.Fragment){n.push.apply(n,ni(r.props.children,l));return}r.type!==ti&&K(!1),!r.props.index||!r.props.children||K(!1);let i={id:r.props.id||l.join("-"),caseSensitive:r.props.caseSensitive,element:r.props.element,Component:r.props.Component,index:r.props.index,path:r.props.path,loader:r.props.loader,action:r.props.action,errorElement:r.props.errorElement,ErrorBoundary:r.props.ErrorBoundary,hasErrorBoundary:r.props.ErrorBoundary!=null||r.props.errorElement!=null,shouldRevalidate:r.props.shouldRevalidate,handle:r.props.handle,lazy:r.props.lazy};r.props.children&&(i.children=ni(r.props.children,l)),n.push(i)}),n}/** * React Router DOM v6.25.1 * * Copyright (c) Remix Software Inc. @@ -64,4 +64,4 @@ Error generating stack: `+l.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */function ni(){return ni=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[o]=e[o]);return n}function mh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function gh(e,t){return e.button===0&&(!t||t==="_self")&&!mh(e)}const vh=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],yh="6";try{window.__reactRouterVersion=yh}catch{}const wh="startTransition",gs=ad[wh];function xh(e){let{basename:t,children:n,future:r,window:o}=e,l=E.useRef();l.current==null&&(l.current=jp({window:o,v5Compat:!0}));let i=l.current,[a,s]=E.useState({action:i.action,location:i.location}),{v7_startTransition:u}=r||{},h=E.useCallback(p=>{u&&gs?gs(()=>s(p)):s(p)},[s,u]);return E.useLayoutEffect(()=>i.listen(h),[i,h]),E.createElement(fh,{basename:t,children:n,location:a.location,navigationType:a.action,navigator:i,future:r})}const kh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Sh=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,ri=E.forwardRef(function(t,n){let{onClick:r,relative:o,reloadDocument:l,replace:i,state:a,target:s,to:u,preventScrollReset:h,unstable_viewTransition:p}=t,m=hh(t,vh),{basename:v}=E.useContext(Ut),y,w=!1;if(typeof u=="string"&&Sh.test(u)&&(y=u,kh))try{let f=new URL(window.location.href),g=u.startsWith("//")?new URL(f.protocol+u):new URL(u),k=Zi(g.pathname,v);g.origin===f.origin&&k!=null?u=k+g.search+g.hash:w=!0}catch{}let C=Gp(u,{relative:o}),d=Eh(u,{replace:i,state:a,target:s,preventScrollReset:h,relative:o,unstable_viewTransition:p});function c(f){r&&r(f),f.defaultPrevented||d(f)}return E.createElement("a",ni({},m,{href:y||C,onClick:w||l?r:c,ref:n,target:s}))});var vs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(vs||(vs={}));var ys;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(ys||(ys={}));function Eh(e,t){let{target:n,replace:r,state:o,preventScrollReset:l,relative:i,unstable_viewTransition:a}=t===void 0?{}:t,s=Zp(),u=_o(),h=Ac(e,{relative:i});return E.useCallback(p=>{if(gh(p,n)){p.preventDefault();let m=r!==void 0?r:uo(u)===uo(h);s(e,{replace:m,state:o,preventScrollReset:l,relative:i,unstable_viewTransition:a})}},[u,s,h,r,o,n,e,l,i,a])}const Ch=()=>{const[e,t]=E.useState(""),[n,r]=E.useState(0),[o,l]=E.useState([]),[i,a]=E.useState(!1),[s,u]=E.useState(!1),[h,p]=E.useState({categorie:"javascript",quantity:5,mode:"easy"}),[m,v]=E.useState(cs);console.log(e),console.log(o);const y=g=>{t(g)},w=()=>{let g=!1;e===m[n].answer&&(g=!0),l([...o,{id:n,answer:e,result:g}]),t(""),r(k=>k+1)},C=()=>{t(""),l([]),r(0),u(!1),a(!1),p({categorie:"javascript",quantity:5,mode:"easy"})},d=()=>{a(!0)},c=()=>{u(!0);let g=cs.filter(k=>k.info.categorie===h.categorie&&k.info.mode===h.mode);h.quantity===5?g=g.slice(0,5):h.quantity===10&&(g=g.slice(0,10)),v(g)},f=(g,k)=>{const N=k.target.value;p(P=>({...P,[g]:N}))};return S.jsxs("div",{children:[S.jsx("header",{className:"bg-blue-600 text-white py-4 shadow-md",children:S.jsxs("div",{className:"container mx-auto px-4 flex justify-between items-center",children:[S.jsx("h1",{className:"font-bold text-3xl",children:"Trivia"}),S.jsx(ri,{to:"/about",className:"font-bold text-3xl ",children:"About"})]})}),s?S.jsx(Ep,{handleClick:w,handleSubmit:y,handleRetryBtn:C,handleCheckBtn:d,currentQuestionIndex:n,userAnswer:o,isCheck:i,filteredQuestion:m}):S.jsx(Cp,{handleStart:c,handleSelect:f})]})},jh=()=>S.jsxs(S.Fragment,{children:[S.jsx("header",{className:"bg-blue-600 text-white py-4 shadow-md",children:S.jsxs("div",{className:"container mx-auto px-4 flex justify-between items-center",children:[S.jsx(ri,{to:"/",className:"font-bold text-3xl",children:"Quiz App"}),S.jsx(ri,{to:"/about",className:"font-bold text-3xl",children:"About"})]})}),S.jsxs("div",{className:"w-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg p-6",children:[S.jsx("h1",{className:"text-4xl font-bold text-left mb-6 text-slate-700",children:"About"}),S.jsx("p",{className:"text-lg text-gray-800 mb-4",children:"Welcome to the Quiz App! This application is designed to provide an interactive platform for users to test their knowledge on various topics. Our aim is to make learning fun and engaging through quizzes that challenge and educate."}),S.jsx("h2",{className:"text-2xl font-semibold text-left mb-4 text-slate-700",children:"Features"}),S.jsxs("ul",{className:"list-disc list-inside mb-4 text-gray-700",children:[S.jsx("li",{className:"mb-2",children:"Multiple choice questions on various topics."}),S.jsx("li",{className:"mb-2",children:"Immediate feedback on your answers."}),S.jsx("li",{className:"mb-2",children:"Track your progress and see your scores."}),S.jsx("li",{className:"mb-2",children:"Detailed explanations for each question."}),S.jsx("li",{className:"mb-2",children:"Easy navigation between questions."})]}),S.jsx("h2",{className:"text-2xl font-semibold text-left mb-4 text-slate-700",children:"Contact Us"}),S.jsxs("p",{className:"text-lg text-gray-800",children:["If you have any questions or feedback, please feel free to reach out to us at"," ",S.jsx("a",{href:"mailto:kalisha123k@gmail.com",className:"text-blue-500",children:"kalisha123k@gmail.com"}),"."]})]})]}),Th=()=>S.jsx("div",{children:S.jsxs(ph,{children:[S.jsx(ei,{path:"/",element:S.jsx(Ch,{})}),S.jsx(ei,{path:"/about",element:S.jsx(jh,{})})]})});il.createRoot(document.getElementById("root")).render(S.jsx(_s.StrictMode,{children:S.jsx(xh,{basename:"/quiz-app",children:S.jsx(Th,{})})})); + */function ri(){return ri=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[o]=e[o]);return n}function gh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function vh(e,t){return e.button===0&&(!t||t==="_self")&&!gh(e)}const yh=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],wh="6";try{window.__reactRouterVersion=wh}catch{}const xh="startTransition",vs=sd[xh];function kh(e){let{basename:t,children:n,future:r,window:o}=e,l=C.useRef();l.current==null&&(l.current=Tp({window:o,v5Compat:!0}));let i=l.current,[a,s]=C.useState({action:i.action,location:i.location}),{v7_startTransition:u}=r||{},h=C.useCallback(p=>{u&&vs?vs(()=>s(p)):s(p)},[s,u]);return C.useLayoutEffect(()=>i.listen(h),[i,h]),C.createElement(ph,{basename:t,children:n,location:a.location,navigationType:a.action,navigator:i,future:r})}const Sh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Ch=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,oi=C.forwardRef(function(t,n){let{onClick:r,relative:o,reloadDocument:l,replace:i,state:a,target:s,to:u,preventScrollReset:h,unstable_viewTransition:p}=t,m=mh(t,yh),{basename:v}=C.useContext(Ut),y,w=!1;if(typeof u=="string"&&Ch.test(u)&&(y=u,Sh))try{let f=new URL(window.location.href),g=u.startsWith("//")?new URL(f.protocol+u):new URL(u),S=bi(g.pathname,v);g.origin===f.origin&&S!=null?u=S+g.search+g.hash:w=!0}catch{}let E=Zp(u,{relative:o}),d=Eh(u,{replace:i,state:a,target:s,preventScrollReset:h,relative:o,unstable_viewTransition:p});function c(f){r&&r(f),f.defaultPrevented||d(f)}return C.createElement("a",ri({},m,{href:y||E,onClick:w||l?r:c,ref:n,target:s}))});var ys;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(ys||(ys={}));var ws;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(ws||(ws={}));function Eh(e,t){let{target:n,replace:r,state:o,preventScrollReset:l,relative:i,unstable_viewTransition:a}=t===void 0?{}:t,s=bp(),u=Ro(),h=Wc(e,{relative:i});return C.useCallback(p=>{if(vh(p,n)){p.preventDefault();let m=r!==void 0?r:co(u)===co(h);s(e,{replace:m,state:o,preventScrollReset:l,relative:i,unstable_viewTransition:a})}},[u,s,h,r,o,n,e,l,i,a])}const jh=()=>{const[e,t]=C.useState(""),[n,r]=C.useState(0),[o,l]=C.useState([]),[i,a]=C.useState(!1),[s,u]=C.useState(!1),[h,p]=C.useState({categorie:"javascript",quantity:5,mode:"easy"}),[m,v]=C.useState(ds),y=(g,S)=>{const N=S.target.value;p(P=>({...P,[g]:N}))},w=()=>{u(!0);let g=ds.filter(S=>S.info.categorie===h.categorie&&S.info.mode===h.mode);h.quantity===5?g=g.slice(0,5):h.quantity===10&&(g=g.slice(0,10)),v(g)},E=g=>{t(g)},d=()=>{let g=!1;e===m[n].answer&&(g=!0),l([...o,{id:n,answer:e,result:g}]),t(""),r(S=>S+1)},c=()=>{t(""),l([]),r(0),u(!1),a(!1),p({categorie:"javascript",quantity:5,mode:"easy"})},f=()=>{a(!0)};return k.jsxs("div",{children:[k.jsx("header",{className:"bg-blue-600 text-white py-4 shadow-md",children:k.jsxs("div",{className:"container mx-auto px-4 flex justify-between items-center",children:[k.jsx("h1",{className:"font-bold text-3xl",children:"Trivia"}),k.jsx(oi,{to:"/about",className:"font-bold text-3xl ",children:"About"})]})}),s?k.jsx(cn.Provider,{value:{handleClick:d,handleSubmit:E,handleRetryBtn:c,handleCheckBtn:f,currentQuestionIndex:n,userAnswer:o,isCheck:i,filteredQuestion:m},children:k.jsx(Ep,{})}):k.jsx(cn.Provider,{value:{handleStart:w,handleSelect:y},children:k.jsx(jp,{})})]})},Th=()=>k.jsxs(k.Fragment,{children:[k.jsx("header",{className:"bg-blue-600 text-white py-4 shadow-md",children:k.jsxs("div",{className:"container mx-auto px-4 flex justify-between items-center",children:[k.jsx(oi,{to:"/",className:"font-bold text-3xl",children:"Quiz App"}),k.jsx(oi,{to:"/about",className:"font-bold text-3xl",children:"About"})]})}),k.jsxs("div",{className:"w-full max-w-4xl mx-auto mt-8 bg-white shadow-lg rounded-lg p-6",children:[k.jsx("h1",{className:"text-4xl font-bold text-left mb-6 text-slate-700",children:"About"}),k.jsx("p",{className:"text-lg text-gray-800 mb-4",children:"Welcome to the Quiz App! This application is designed to provide an interactive platform for users to test their knowledge on various topics. Our aim is to make learning fun and engaging through quizzes that challenge and educate."}),k.jsx("h2",{className:"text-2xl font-semibold text-left mb-4 text-slate-700",children:"Features"}),k.jsxs("ul",{className:"list-disc list-inside mb-4 text-gray-700",children:[k.jsx("li",{className:"mb-2",children:"Multiple choice questions on various topics."}),k.jsx("li",{className:"mb-2",children:"Immediate feedback on your answers."}),k.jsx("li",{className:"mb-2",children:"Track your progress and see your scores."}),k.jsx("li",{className:"mb-2",children:"Detailed explanations for each question."}),k.jsx("li",{className:"mb-2",children:"Easy navigation between questions."})]}),k.jsx("h2",{className:"text-2xl font-semibold text-left mb-4 text-slate-700",children:"Contact Us"}),k.jsxs("p",{className:"text-lg text-gray-800",children:["If you have any questions or feedback, please feel free to reach out to us at"," ",k.jsx("a",{href:"mailto:kalisha123k@gmail.com",className:"text-blue-500",children:"kalisha123k@gmail.com"}),"."]})]})]}),Nh=()=>k.jsx("div",{children:k.jsxs(hh,{children:[k.jsx(ti,{path:"/",element:k.jsx(jh,{})}),k.jsx(ti,{path:"/about",element:k.jsx(Th,{})})]})});al.createRoot(document.getElementById("root")).render(k.jsx(Rs.StrictMode,{children:k.jsx(kh,{basename:"/quiz-app",children:k.jsx(Nh,{})})})); diff --git a/index.html b/index.html index 486699f..ac4b157 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ Vite + React - +