@tanstack/react-router-devtools 0.0.1-beta.8 → 0.0.1-beta.80

package/build/umd/index.production.js

@@ -8,5 +8,36 @@
  *
  * @license MIT
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@tanstack/react-router")):"function"==typeof define&&define.amd?define(["exports","react","@tanstack/react-router"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactRouterDevtools={},e.React,e.ReactRouter)}(this,(function(e,t,n){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(t),l=r(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}function d(e,t){if(null==e)return{};var n,a,r={},o=Object.keys(e);for(a=0;a<o.length;a++)n=o[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}function u(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function s(e){u(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===t?new Date(e.getTime()):"number"==typeof e||"[object Number]"===t?new Date(e):("string"!=typeof e&&"[object String]"!==t||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}var c={};function m(){return c}function f(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function g(e,t){u(2,arguments);var n=s(e),a=s(t),r=n.getTime()-a.getTime();return r<0?-1:r>0?1:r}var h={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}},p=function(e,t,n){var a,r=h[e];return a="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a};function b(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.width?String(t.width):e.defaultWidth,a=e.formats[n]||e.formats[e.defaultWidth];return a}}var y={date:b({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:b({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:b({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},v={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},E=function(e,t,n,a){return v[e]};function w(e){return function(t,n){var a;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&e.formattingValues){var r=e.defaultFormattingWidth||e.defaultWidth,o=null!=n&&n.width?String(n.width):r;a=e.formattingValues[o]||e.formattingValues[r]}else{var l=e.defaultWidth,i=null!=n&&n.width?String(n.width):e.defaultWidth;a=e.values[i]||e.values[l]}return a[e.argumentCallback?e.argumentCallback(t):t]}}var k={ordinalNumber:function(e,t){var n=Number(e),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:w({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:w({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:w({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:w({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:w({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})};function x(e){return function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.width,r=a&&e.matchPatterns[a]||e.matchPatterns[e.defaultMatchWidth],o=t.match(r);if(!o)return null;var l,i=o[0],d=a&&e.parsePatterns[a]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(d)?D(d,(function(e){return e.test(i)})):S(d,(function(e){return e.test(i)}));l=e.valueCallback?e.valueCallback(u):u,l=n.valueCallback?n.valueCallback(l):l;var s=t.slice(i.length);return{value:l,rest:s}}}function S(e,t){for(var n in e)if(e.hasOwnProperty(n)&&t(e[n]))return n}function D(e,t){for(var n=0;n<e.length;n++)if(t(e[n]))return n}var C,M={ordinalNumber:(C={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.match(C.matchPattern);if(!n)return null;var a=n[0],r=e.match(C.parsePattern);if(!r)return null;var o=C.valueCallback?C.valueCallback(r[0]):r[0];o=t.valueCallback?t.valueCallback(o):o;var l=e.slice(a.length);return{value:o,rest:l}}),era:x({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:x({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:x({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:x({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:x({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},P={code:"en-US",formatDistance:p,formatLong:y,formatRelative:E,localize:k,match:M,options:{weekStartsOn:0,firstWeekContainsDate:1}};function I(e,t){if(null==e)throw new TypeError("assign requires that input parameter not be null or undefined");for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}function R(e){return I({},e)}var T=6e4,O=1440,j=43200,A=525600;function W(e,t){const[n,a]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch(e){return}})(e);a(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{a((n=>{let a=t;"function"==typeof t&&(a=t(n));try{localStorage.setItem(e,JSON.stringify(a))}catch(e){}return a}))}),[e])]}const z=["theme"],L={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},F=o.default.createContext(L);function N(e){let{theme:t}=e,n=d(e,z);return o.default.createElement(F.Provider,i({value:t},n))}const H=["style"],B="undefined"==typeof window;function Y(e,t){return e.isPending?t.warning:e.isFetching?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function J(e,t,n){return void 0===n&&(n={}),o.default.forwardRef(((a,r)=>{let{style:l}=a,u=d(a,H);const s=o.default.useContext(F),c=Object.entries(n).reduce(((e,t)=>{let[n,a]=t;return function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),a=e=>{let{matches:t}=e;return n(t)};return t.addListener(a),()=>{t.removeListener(a)}}}),[t,e,n]),t}(n)?i({},e,"function"==typeof a?a(u,s):a):e}),{});return o.default.createElement(e,i({},u,{style:i({},"function"==typeof t?t(u,s):t,l,c),ref:r}))}))}function q(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[B?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function X(e){const t=q(),[n,a]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&a(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const U=J("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),_=J("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:"2px solid "+t.gray})}),Q=J("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),V=J("code",{fontSize:".9em"});J("input",((e,t)=>({backgroundColor:t.inputBackgroundColor,border:0,borderRadius:".2em",color:t.inputTextColor,fontSize:".9em",lineHeight:"1.3",padding:".3em .4em"}))),J("select",((e,t)=>({display:"inline-block",fontSize:".9em",fontFamily:"sans-serif",fontWeight:"normal",lineHeight:"1.3",padding:".3em 1.5em .3em .5em",height:"auto",border:0,borderRadius:".2em",appearance:"none",WebkitAppearance:"none",backgroundColor:t.inputBackgroundColor,backgroundImage:"url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")",backgroundRepeat:"no-repeat",backgroundPosition:"right .55em center",backgroundSize:".65em auto, 100%",color:t.inputTextColor})),{"(max-width: 500px)":{display:"none"}});const G=["value","defaultExpanded","renderer","pageSize"],K=J("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),Z=J("span",{color:"white"}),$=J("button",{cursor:"pointer",color:"white"}),ee=J("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),te=J("span",((e,t)=>({color:t.danger}))),ne=J("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),ae=J("span",{color:"grey",fontSize:".7em"}),re=e=>{let{expanded:t,style:n={}}=e;return l.createElement("span",{style:i({display:"inline-block",transition:"all .1s ease",transform:"rotate("+(t?90:0)+"deg) "+(n.transform||"")},n)},"▶")};const oe=e=>{let{handleEntry:t,label:n,value:a,subEntries:r=[],subEntryPages:o=[],type:i,expanded:d=!1,toggleExpanded:u,pageSize:s,renderer:c}=e;const[m,f]=l.useState([]),[g,h]=l.useState(void 0);return l.createElement(K,null,o.length?l.createElement(l.Fragment,null,l.createElement(ee,{onClick:()=>u()},l.createElement(re,{expanded:d})," ",n," ",l.createElement(ae,null,"iterable"===String(i).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),d?1===o.length?l.createElement(ne,null,r.map(((e,n)=>t(e)))):l.createElement(ne,null,o.map(((e,n)=>l.createElement("div",{key:n},l.createElement(K,null,l.createElement($,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(re,{expanded:d})," [",n*s," ..."," ",n*s+s-1,"]"),m.includes(n)?l.createElement(ne,null,e.map((e=>t(e)))):null))))):null):"function"===i?l.createElement(l.Fragment,null,l.createElement(le,{renderer:c,label:l.createElement("button",{onClick:()=>{h(a())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(Z,null,n)," 🔄"," "),value:g,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(Z,null,n,":")," ",l.createElement(te,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?e.toString()+"n":e;return JSON.stringify(n,t)})(a))))};function le(e){let{value:t,defaultExpanded:n,renderer:a=oe,pageSize:r=100}=e,o=d(e,G);const[u,s]=l.useState(Boolean(n)),c=l.useCallback((()=>s((e=>!e))),[]);let m=typeof t,f=[];const g=e=>i({},e,{defaultExpanded:!0===n?{[e.label]:!0}:null==n?void 0:n[e.label]});var h;Array.isArray(t)?(m="array",f=t.map(((e,t)=>g({label:t.toString(),value:e})))):null!==t&&"object"==typeof t&&(h=t,Symbol.iterator in h)&&"function"==typeof t[Symbol.iterator]?(m="Iterable",f=Array.from(t,((e,t)=>g({label:t.toString(),value:e})))):"object"==typeof t&&null!==t&&(m="object",f=Object.entries(t).map((e=>{let[t,n]=e;return g({label:t,value:n})})));const p=function(e,t){if(t<1)return[];let n=0;const a=[];for(;n<e.length;)a.push(e.slice(n,n+t)),n+=t;return a}(f,r);return a(i({handleEntry:e=>l.createElement(le,i({key:e.label,value:t,renderer:a},o,e)),type:m,subEntries:f,subEntryPages:p,value:t,expanded:u,toggleExpanded:c,pageSize:r},o))}const ie=["style"],de=["style","onClick"],ue=["style","onClick"],se=["isOpen","setIsOpen","handleDragStart","router"],ce="undefined"==typeof window;function me(e){var t;return o.default.createElement("div",i({},e,{style:i({},null!=(t=e.style)?t:{},{display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.7rem",fontWeight:"900",lineHeight:"1"})}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{className:"text-transparent bg-clip-text bg-gradient-to-r from-lime-500 to-emerald-500",style:{letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}const fe=o.default.forwardRef((function(e,t){var a,r,l,c,h,p,b,y,v,E,w,k;const{isOpen:x=!0,handleDragStart:S,router:D}=e,C=d(e,se),M=o.default.useReducer((()=>({})),{})[1];o.default.useEffect((()=>{let e=setInterval((()=>{D.cleanMatchCache(),M()}),250);return()=>{clearInterval(e)}}),[]);const[z,F]=W("tanstackRouterDevtoolsActiveRouteId",""),[H,B]=W("tanstackRouterDevtoolsActiveMatchId","");o.default.useEffect((()=>{B("")}),[z]);const J=null!=(a=null==(r=Object.values(D.matchCache))||null==(l=r.find((e=>e.match.matchId===H)))?void 0:l.match)?a:null==(c=D.state.matches)?void 0:c.find((e=>e.routeId===z)),q=(X=Object.keys(D.matchCache).filter((e=>D.matchCache[e].gc>Date.now())).map((e=>D.matchCache[e])),void 0===(G=[e=>e.match.isFetching?-1:1,e=>-e.match.updatedAt])&&(G=[e=>e]),X.map(((e,t)=>[e,t])).sort(((e,t)=>{let[n,a]=e,[r,o]=t;for(const e of G){const t=e(n),a=e(r);if(void 0===t){if(void 0===a)continue;return 1}if(t!==a)return t>a?1:-1}return a-o})).map((e=>{let[t]=e;return t})));var X,G;return o.default.createElement(N,{theme:L},o.default.createElement("script",{src:"https://cdn.tailwindcss.com"}),o.default.createElement(U,i({ref:t,className:"TanStackRouterDevtoolsPanel"},C),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:"\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: "+L.backgroundAlt+" "+L.gray+";\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar, .TanStackRouterDevtoolsPanel scrollbar {\n              width: 1em;\n              height: 1em;\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-track, .TanStackRouterDevtoolsPanel scrollbar-track {\n              background: "+L.backgroundAlt+";\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: "+L.gray+";\n              border-radius: .5em;\n              border: 3px solid "+L.backgroundAlt+";\n            }\n\n            .TanStackRouterDevtoolsPanel table {\n              width: 100%;\n            }\n\n            .TanStackRouterDevtoolsPanel table tr {\n              border-bottom: 2px dotted rgba(255, 255, 255, .2);\n            }\n\n            .TanStackRouterDevtoolsPanel table tr:last-child {\n              border-bottom: none\n            }\n\n            .TanStackRouterDevtoolsPanel table td {\n              padding: .25rem .5rem;\n              border-right: 2px dotted rgba(255, 255, 255, .05);\n            }\n\n            .TanStackRouterDevtoolsPanel table td:last-child {\n              border-right: none\n            }\n\n          "}}),o.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:S}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:"1px solid "+L.grayAlt,display:"flex",flexDirection:"column"}},o.default.createElement("div",{className:"flex justify-start gap-2 p-2 items-center",style:{background:L.backgroundAlt}},o.default.createElement(me,{"aria-hidden":!0}),o.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},o.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),o.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(le,{label:"Router",value:D,defaultExpanded:{}})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:"1px solid "+L.grayAlt,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:L.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Active Matches"),D.state.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":"Open match details for "+e.routeId,onClick:()=>F(z===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:"solid 1px "+L.grayAlt,cursor:"pointer",alignItems:"center",background:e===J?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:Y(e,L),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(V,{style:{padding:".5em"}},""+e.matchId)))),null!=(h=D.state.pending)&&h.matches.length?o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:L.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),null==(p=D.state.pending)?void 0:p.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":"Open match details for "+e.routeId,onClick:()=>F(z===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:"solid 1px "+L.grayAlt,cursor:"pointer",background:e===J?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:Y(e,L),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(V,{style:{padding:".5em"}},""+e.matchId))))):null,q.length?o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:L.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"space-between"}},o.default.createElement("div",null,"Match Cache"),o.default.createElement(Q,{onClick:()=>{D.matchCache={},D.notify()}},"Clear")),q.map(((e,t)=>{const{match:n,gc:a}=e;return o.default.createElement("div",{key:n.matchId||t,role:"button","aria-label":"Open match details for "+n.matchId,onClick:()=>B(H===n.matchId?"":n.matchId),style:{display:"flex",borderBottom:"solid 1px "+L.grayAlt,cursor:"pointer",background:n===J?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{display:"flex",flexDirection:"column",padding:".5rem",gap:".3rem"}},o.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:".5rem"}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",background:Y(n,L),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(V,null,""+n.matchId)),o.default.createElement("span",{style:{fontSize:".7rem",opacity:".5",lineHeight:1}},"Expires"," ",function(e,t,n){var a,r,o;u(2,arguments);var l=m(),i=null!==(a=null!==(r=null==n?void 0:n.locale)&&void 0!==r?r:l.locale)&&void 0!==a?a:P;if(!i.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var d=g(e,t);if(isNaN(d))throw new RangeError("Invalid time value");var c,h,p=I(R(n),{addSuffix:Boolean(null==n?void 0:n.addSuffix),comparison:d});d>0?(c=s(t),h=s(e)):(c=s(e),h=s(t));var b,y=String(null!==(o=null==n?void 0:n.roundingMethod)&&void 0!==o?o:"round");if("floor"===y)b=Math.floor;else if("ceil"===y)b=Math.ceil;else{if("round"!==y)throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");b=Math.round}var v,E=h.getTime()-c.getTime(),w=E/T,k=f(h)-f(c),x=(E-k)/T,S=null==n?void 0:n.unit;if("second"===(v=S?String(S):w<1?"second":w<60?"minute":w<O?"hour":x<j?"day":x<A?"month":"year")){var D=b(E/1e3);return i.formatDistance("xSeconds",D,p)}if("minute"===v){var C=b(w);return i.formatDistance("xMinutes",C,p)}if("hour"===v){var M=b(w/60);return i.formatDistance("xHours",M,p)}if("day"===v){var W=b(x/O);return i.formatDistance("xDays",W,p)}if("month"===v){var z=b(x/j);return 12===z&&"month"!==S?i.formatDistance("xYears",1,p):i.formatDistance("xMonths",z,p)}if("year"===v){var L=b(x/A);return i.formatDistance("xYears",L,p)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}(new Date(a),new Date,{addSuffix:!0}))))}))):null),J?o.default.createElement(_,null,o.default.createElement("div",{style:{padding:".5em",background:L.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),o.default.createElement("div",null,o.default.createElement("table",null,o.default.createElement("tbody",null,o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"ID"),o.default.createElement("td",null,o.default.createElement(V,{style:{lineHeight:"1.8em"}},JSON.stringify(J.matchId,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,J.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Pending"),o.default.createElement("td",null,J.isPending.toString())),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Invalid"),o.default.createElement("td",null,J.isInvalid.toString())),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,J.updatedAt?new Date(J.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:L.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Actions"),o.default.createElement("div",{style:{padding:"0.5em"}},o.default.createElement(Q,{type:"button",onClick:()=>{J.invalidate(),D.notify()},style:{background:L.warning,color:L.inputTextColor}},"Invalidate")," ",o.default.createElement(Q,{type:"button",onClick:()=>J.load(),style:{background:L.gray}},"Reload")),o.default.createElement("div",{style:{background:L.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(le,{label:"Match",value:J,defaultExpanded:{}}))):null,o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:"1px solid "+L.grayAlt,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:L.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"All Loader Data"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys((null==(b=n.last(D.state.matches))?void 0:b.loaderData)||{}).length?o.default.createElement(le,{value:(null==(y=n.last(D.state.matches))?void 0:y.loaderData)||{},defaultExpanded:Object.keys((null==(v=n.last(D.state.matches))?void 0:v.loaderData)||{}).reduce(((e,t)=>(e[t]={},e)),{})}):o.default.createElement("em",{style:{opacity:.5}},"{ }")),o.default.createElement("div",{style:{padding:".5em",background:L.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys((null==(E=n.last(D.state.matches))?void 0:E.search)||{}).length?o.default.createElement(le,{value:(null==(w=n.last(D.state.matches))?void 0:w.search)||{},defaultExpanded:Object.keys((null==(k=n.last(D.state.matches))?void 0:k.search)||{}).reduce(((e,t)=>(e[t]={},e)),{})}):o.default.createElement("em",{style:{opacity:.5}},"{ }")))))}));e.TanStackRouterDevtools=function(e){let{initialIsOpen:t,panelProps:n={},closeButtonProps:a={},toggleButtonProps:r={},position:l="bottom-left",containerElement:u="footer",router:s}=e;const c=o.default.useRef(null),m=o.default.useRef(null),[f,g]=W("tanstackRouterDevtoolsOpen",t),[h,p]=W("tanstackRouterDevtoolsHeight",null),[b,y]=X(!1),[v,E]=X(!1),w=q();o.default.useEffect((()=>{y(null!=f&&f)}),[f,b,y]),o.default.useEffect((()=>{const e=m.current;if(e){const t=()=>{e&&b&&(e.style.visibility="visible")},n=()=>{e&&!b&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[b]),o.default[ce?"useEffect":"useLayoutEffect"]((()=>{if(b){var e,t;const n=null==(e=c.current)||null==(t=e.parentElement)?void 0:t.style.paddingBottom,a=()=>{var e,t;const n=null==(e=m.current)?void 0:e.getBoundingClientRect().height;null!=(t=c.current)&&t.parentElement&&(c.current.parentElement.style.paddingBottom=n+"px")};if(a(),"undefined"!=typeof window)return window.addEventListener("resize",a),()=>{var e;window.removeEventListener("resize",a),null!=(e=c.current)&&e.parentElement&&"string"==typeof n&&(c.current.parentElement.style.paddingBottom=n)}}}),[b]);const{style:k={}}=n,x=d(n,ie),{style:S={},onClick:D}=a,C=d(a,de),{style:M={},onClick:P}=r,I=d(r,ue);return w()?o.default.createElement(u,{ref:c,className:"TanStackRouterDevtools"},o.default.createElement(N,{theme:L},o.default.createElement(fe,i({ref:m},x,{router:s,style:i({position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:null!=h?h:500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:"1px solid "+L.gray,transformOrigin:"top",visibility:f?"visible":"hidden"},k,v?{transition:"none"}:{transition:"all .2s ease"},b?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}),isOpen:b,setIsOpen:g,handleDragStart:e=>((e,t)=>{var n;if(0!==t.button)return;E(!0);const a={originalHeight:null!=(n=null==e?void 0:e.getBoundingClientRect().height)?n:0,pageY:t.pageY},r=e=>{const t=a.pageY-e.pageY,n=(null==a?void 0:a.originalHeight)+t;p(n),g(!(n<70))},o=()=>{E(!1),document.removeEventListener("mousemove",r),document.removeEventListener("mouseUp",o)};document.addEventListener("mousemove",r),document.addEventListener("mouseup",o)})(m.current,e)})),b?o.default.createElement(Q,i({type:"button","aria-label":"Close TanStack Router Devtools"},C,{onClick:e=>{g(!1),D&&D(e)},style:i({position:"fixed",zIndex:99999,margin:".5em",bottom:0},"top-right"===l?{right:"0"}:"top-left"===l?{left:"0"}:"bottom-right"===l?{right:"0"}:{left:"0"},S)}),"Close"):null),b?null:o.default.createElement("button",i({type:"button"},I,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{g(!0),P&&P(e)},style:i({appearance:"none",background:"none",border:0,padding:0,position:"fixed",zIndex:99999,display:"inline-flex",fontSize:"1.5em",margin:".5em",cursor:"pointer",width:"fit-content"},"top-right"===l?{top:"0",right:"0"}:"top-left"===l?{top:"0",left:"0"}:"bottom-right"===l?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},M)}),o.default.createElement(me,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=fe,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("use-sync-external-store/shim/with-selector")):"function"==typeof define&&define.amd?define(["exports","react","use-sync-external-store/shim/with-selector"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactRouterDevtools={},e.React,e.withSelector)}(this,(function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t),o=r(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}
+/**
+   * router
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
+function d(e){return e[e.length-1]}
+/**
+   * react-store
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */function u(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;const n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(let r=0;r<n.length;r++)if(!Object.prototype.hasOwnProperty.call(t,n[r])||!Object.is(e[n[r]],t[n[r]]))return!1;return!0}
+/**
+   * react-router
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */const c=l.createContext(null);function s(e,t){const[n,r]=o.default.useState();o.default.useEffect((()=>{const n=(e=>{try{const t=localStorage.getItem(e);return"string"==typeof t?JSON.parse(t):void 0}catch{return}})(e);r(null==n?"function"==typeof t?t():t:n)}),[t,e]);return[n,o.default.useCallback((t=>{r((n=>{let r=t;"function"==typeof t&&(r=t(n));try{localStorage.setItem(e,JSON.stringify(r))}catch{}return r}))}),[e])]}const f={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},m=o.default.createContext(f);function p({theme:e,...t}){return o.default.createElement(m.Provider,i({value:e},t))}const g="undefined"==typeof window;function b(e,t){return"pending"===e.state.status?t.active:"error"===e.state.status?t.danger:"success"===e.state.status?t.success:t.gray}function y(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(m),d=Object.entries(n).reduce(((e,[t,n])=>function(e){const[t,n]=o.default.useState((()=>{if("undefined"!=typeof window)return window.matchMedia&&window.matchMedia(e).matches}));return o.default.useEffect((()=>{if("undefined"!=typeof window){if(!window.matchMedia)return;const t=window.matchMedia(e),r=({matches:e})=>n(e);return t.addListener(r),()=>{t.removeListener(r)}}}),[t,e,n]),t}(t)?{...e,..."function"==typeof n?n(a,i):n}:e),{});return o.default.createElement(e,{...a,style:{..."function"==typeof t?t(a,i):t,...r,...d},ref:l})}))}function h(){const e=o.default.useRef(!1),t=o.default.useCallback((()=>e.current),[]);return o.default[g?"useEffect":"useLayoutEffect"]((()=>(e.current=!0,()=>{e.current=!1})),[]),t}function v(e){const t=h(),[n,r]=o.default.useState(e);return[n,o.default.useCallback((e=>{var n;n=()=>{t()&&r(e)},Promise.resolve().then(n).catch((e=>setTimeout((()=>{throw e}))))}),[t])]}const E=y("div",((e,t)=>({fontSize:"clamp(12px, 1.5vw, 14px)",fontFamily:"sans-serif",display:"flex",backgroundColor:t.background,color:t.foreground})),{"(max-width: 700px)":{flexDirection:"column"},"(max-width: 600px)":{fontSize:".9em"}}),k=y("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),x=y("button",((e,t)=>({appearance:"none",fontSize:".9em",fontWeight:"bold",background:t.gray,border:"0",borderRadius:".3em",color:"white",padding:".5em",opacity:e.disabled?".5":void 0,cursor:"pointer"}))),w=y("code",{fontSize:".9em"}),S=y("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),R=y("span",{color:"white"}),O=y("button",{cursor:"pointer",color:"white"}),D=y("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),j=y("span",((e,t)=>({color:t.danger}))),C=y("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),T=y("span",{color:"grey",fontSize:".7em"}),A=({expanded:e,style:t={}})=>l.createElement("span",{style:{display:"inline-block",transition:"all .1s ease",transform:`rotate(${e?90:0}deg) ${t.transform||""}`,...t}},"▶");const P=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:d,pageSize:u,renderer:c})=>{const[s,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(S,null,a.length?l.createElement(l.Fragment,null,l.createElement(D,{onClick:()=>d()},l.createElement(A,{expanded:i})," ",t," ",l.createElement(T,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(C,null,r.map(((t,n)=>e(t)))):l.createElement(C,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(S,null,l.createElement(O,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(A,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),s.includes(n)?l.createElement(C,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(I,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(R,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(R,null,t,":")," ",l.createElement(j,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function I({value:e,defaultExpanded:t,renderer:n=P,pageSize:r=100,...a}){const[o,d]=l.useState(Boolean(t)),u=l.useCallback((()=>d((e=>!e))),[]);let c=typeof e,s=[];const f=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var m;Array.isArray(e)?(c="array",s=e.map(((e,t)=>f({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(m=e,Symbol.iterator in m)&&"function"==typeof e[Symbol.iterator]?(c="Iterable",s=Array.from(e,((e,t)=>f({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(c="object",s=Object.entries(e).map((([e,t])=>f({label:e,value:t}))));const p=function(e,t){if(t<1)return[];let n=0;const r=[];for(;n<e.length;)r.push(e.slice(n,n+t)),n+=t;return r}(s,r);return n({handleEntry:t=>l.createElement(I,i({key:t.label,value:e,renderer:n},a,t)),type:c,subEntries:s,subEntryPages:p,value:e,expanded:o,toggleExpanded:u,pageSize:r,...a})}const z="undefined"==typeof window;function M(e){return o.default.createElement("div",i({},e,{style:{...e.style??{},display:"flex",alignItems:"center",flexDirection:"column",fontSize:"0.8rem",fontWeight:"bolder",lineHeight:"1"}}),o.default.createElement("div",{style:{letterSpacing:"-0.05rem"}},"TANSTACK"),o.default.createElement("div",{style:{backgroundImage:"linear-gradient(to right, var(--tw-gradient-stops))","--tw-gradient-from":"#84cc16","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)","--tw-gradient-to":"#10b981",WebkitBackgroundClip:"text",color:"transparent",letterSpacing:"0.1rem",marginRight:"-0.2rem"}},"ROUTER"))}const L=o.default.forwardRef((function(e,t){const{isOpen:r=!0,setIsOpen:a,handleDragStart:l,router:m,...g}=e,y=o.default.useContext(c),h=m??y?.router;!function(e,t){if(!e)throw new Error("Invariant failed")}(h),function(e,t=(e=>e),r){n.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,r?u:void 0)}(h.__store);const[v,S]=s("tanstackRouterDevtoolsActiveRouteId",""),[R,O]=s("tanstackRouterDevtoolsActiveMatchId","");o.default.useEffect((()=>{O("")}),[v]);const D=o.default.useMemo((()=>[...Object.values(h.state.currentMatches),...Object.values(h.state.pendingMatches??[])]),[h.state.currentMatches,h.state.pendingMatches]),j=D?.find((e=>e.id===R))||D?.find((e=>e.route.id===v));return o.default.createElement(p,{theme:f},o.default.createElement(E,i({ref:t,className:"TanStackRouterDevtoolsPanel"},g),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: ${f.backgroundAlt} ${f.gray};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar, .TanStackRouterDevtoolsPanel scrollbar {\n              width: 1em;\n              height: 1em;\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-track, .TanStackRouterDevtoolsPanel scrollbar-track {\n              background: ${f.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: ${f.gray};\n              border-radius: .5em;\n              border: 3px solid ${f.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel table {\n              width: 100%;\n            }\n\n            .TanStackRouterDevtoolsPanel table tr {\n              border-bottom: 2px dotted rgba(255, 255, 255, .2);\n            }\n\n            .TanStackRouterDevtoolsPanel table tr:last-child {\n              border-bottom: none\n            }\n\n            .TanStackRouterDevtoolsPanel table td {\n              padding: .25rem .5rem;\n              border-right: 2px dotted rgba(255, 255, 255, .05);\n            }\n\n            .TanStackRouterDevtoolsPanel table td:last-child {\n              border-right: none\n            }\n\n          `}}),o.default.createElement("div",{style:{position:"absolute",left:0,top:0,width:"100%",height:"4px",marginBottom:"-4px",cursor:"row-resize",zIndex:1e5},onMouseDown:l}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${f.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:f.backgroundAlt}},o.default.createElement(M,{"aria-hidden":!0}),o.default.createElement("div",{style:{fontSize:"clamp(.8rem, 2vw, 1.3rem)",fontWeight:"bold"}},o.default.createElement("span",{style:{fontWeight:100}},"Devtools"))),o.default.createElement("div",{style:{overflowY:"auto",flex:"1"}},o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(I,{label:"Router",value:h,defaultExpanded:{}})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${f.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:f.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Active Matches"),h.state.currentMatches.map(((e,t)=>o.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>S(v===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${f.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===j?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:b(e,f),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(w,{style:{padding:".5em"}},`${e.id}`)))),h.state.pendingMatches?.length?o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{style:{marginTop:"2rem",padding:".5em",background:f.backgroundAlt,position:"sticky",top:0,zIndex:1}},"Pending Matches"),h.state.pendingMatches?.map(((e,t)=>o.default.createElement("div",{key:e.route.id||t,role:"button","aria-label":`Open match details for ${e.route.id}`,onClick:()=>S(v===e.route.id?"":e.route.id),style:{display:"flex",borderBottom:`solid 1px ${f.grayAlt}`,cursor:"pointer",background:e===j?"rgba(255,255,255,.1)":void 0}},o.default.createElement("div",{style:{flex:"0 0 auto",width:"1.3rem",height:"1.3rem",marginLeft:".25rem",background:b(e,f),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(w,{style:{padding:".5em"}},`${e.id}`))))):null),j?o.default.createElement(k,null,o.default.createElement("div",{style:{padding:".5em",background:f.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Match Details"),o.default.createElement("div",null,o.default.createElement("table",null,o.default.createElement("tbody",null,o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"ID"),o.default.createElement("td",null,o.default.createElement(w,{style:{lineHeight:"1.8em"}},JSON.stringify(j.id,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,j.state.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,j.state.updatedAt?new Date(j.state.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:f.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Actions"),o.default.createElement("div",{style:{padding:"0.5em"}},o.default.createElement(x,{type:"button",onClick:()=>j.load(),style:{background:f.gray}},"Reload")),o.default.createElement("div",{style:{background:f.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(I,{label:"Match",value:j,defaultExpanded:{}}))):null,o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${f.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:f.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},Object.keys(d(h.state.currentMatches)?.state.search||{}).length?o.default.createElement(I,{value:d(h.state.currentMatches)?.state.search||{},defaultExpanded:Object.keys(d(h.state.currentMatches)?.state.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}):o.default.createElement("em",{style:{opacity:.5}},"{ }")))))}));e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:t={},closeButtonProps:n={},toggleButtonProps:r={},position:a="bottom-left",containerElement:l="footer",router:d}){const u=o.default.useRef(null),c=o.default.useRef(null),[m,g]=s("tanstackRouterDevtoolsOpen",e),[b,y]=s("tanstackRouterDevtoolsHeight",null),[E,k]=v(!1),[w,S]=v(!1),R=h();o.default.useEffect((()=>{k(m??!1)}),[m,E,k]),o.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&E&&(e.style.visibility="visible")},n=()=>{e&&!E&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[E]),o.default[z?"useEffect":"useLayoutEffect"]((()=>{if(E){const e=u.current?.parentElement?.style.paddingBottom,t=()=>{const e=c.current?.getBoundingClientRect().height;u.current?.parentElement&&(u.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),u.current?.parentElement&&"string"==typeof e&&(u.current.parentElement.style.paddingBottom=e)}}}),[E]);const{style:O={},...D}=t,{style:j={},onClick:C,...T}=n,{style:A={},onClick:P,...I}=r;return R()?o.default.createElement(l,{ref:u,className:"TanStackRouterDevtools"},o.default.createElement(p,{theme:f},o.default.createElement(L,i({ref:c},D,{router:d,style:{position:"fixed",bottom:"0",right:"0",zIndex:99999,width:"100%",height:b??500,maxHeight:"90%",boxShadow:"0 0 20px rgba(0,0,0,.3)",borderTop:`1px solid ${f.gray}`,transformOrigin:"top",visibility:m?"visible":"hidden",...O,...w?{transition:"none"}:{transition:"all .2s ease"},...E?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:E,setIsOpen:g,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;S(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),g(!(a<70))},l=()=>{S(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(c.current,e)})),E?o.default.createElement(x,i({type:"button","aria-label":"Close TanStack Router Devtools"},T,{onClick:e=>{g(!1),C&&C(e)},style:{position:"fixed",zIndex:99999,margin:".5em",bottom:0,..."top-right"===a?{right:"0"}:"top-left"===a?{left:"0"}:"bottom-right"===a?{right:"0"}:{left:"0"},...j}}),"Close"):null),E?null:o.default.createElement("button",i({type:"button"},I,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{g(!0),P&&P(e)},style:{appearance:"none",background:"none",border:0,padding:0,position:"fixed",zIndex:99999,display:"inline-flex",fontSize:"1.5em",margin:".5em",cursor:"pointer",width:"fit-content",..."top-right"===a?{top:"0",right:"0"}:"top-left"===a?{top:"0",left:"0"}:"bottom-right"===a?{bottom:"0",right:"0"}:{bottom:"0",left:"0"},...A}}),o.default.createElement(M,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=L,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.production.js.map