@tanstack/router-devtools 0.0.1-beta.133 → 0.0.1-beta.134

package/build/umd/index.production.js

@@ -8,9 +8,9 @@
  *
  * @license MIT
  */
-!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).TanStackRouterDevtools={},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)}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}
+!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).TanStackRouterDevtools={},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)}
 /**
-   * @tanstack/router/src/index.ts
+   * @tanstack/react-store/src/index.tsx
    *
    * Copyright (c) TanStack
    *
@@ -18,9 +18,10 @@
    * LICENSE.md file in the root directory of this source tree.
    *
    * @license MIT
-   */const d=l.createContext(null),c=l.createContext(null);function s(e){const t=l.useContext(d),n=e?.(t)??t,r=l.useRef(n);return function(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}(r.current,n)||(r.current=n),r.current}function f(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 m={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},p=o.default.createContext(m);function g({theme:e,...t}){return o.default.createElement(p.Provider,i({value:e},t))}const b="undefined"==typeof window;function y(e,t){return"pending"===e.status?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function h(e,t,n){const r=e.find((e=>e.routeId===t.id));return r?"pending"===r.status?n.active:"error"===r.status?n.danger:"success"===r.status?n.success:n.gray:n.gray}function v(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(p),u=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,...u},ref:l})}))}function E(){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=E(),[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 k=v("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"}}),w=v("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),S=v("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"}))),R=v("code",{fontSize:".9em"}),O=v("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),I=v("span",{color:"white"}),j=v("button",{cursor:"pointer",color:"white"}),D=v("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),C=v("span",((e,t)=>({color:t.danger}))),T=v("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),P=v("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 L=({handleEntry:e,label:t,value:n,subEntries:r=[],subEntryPages:a=[],type:o,expanded:i=!1,toggleExpanded:u,pageSize:d,renderer:c})=>{const[s,f]=l.useState([]),[m,p]=l.useState(void 0);return l.createElement(O,null,a.length?l.createElement(l.Fragment,null,l.createElement(D,{onClick:()=>u()},l.createElement(A,{expanded:i})," ",t," ",l.createElement(P,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(T,null,r.map(((t,n)=>e(t)))):l.createElement(T,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(O,null,l.createElement(j,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(A,{expanded:i})," [",n*d," ..."," ",n*d+d-1,"]"),s.includes(n)?l.createElement(T,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(z,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(I,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(I,null,t,":")," ",l.createElement(C,null,(e=>{const t=Object.getOwnPropertyNames(Object(e)),n="bigint"==typeof e?`${e.toString()}n`:e;return JSON.stringify(n,t)})(n))))};function z({value:e,defaultExpanded:t,renderer:n=L,pageSize:r=100,filterSubEntries:a,...o}){const[u,d]=l.useState(Boolean(t)),c=l.useCallback((()=>d((e=>!e))),[]);let s=typeof e,f=[];const m=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var p;Array.isArray(e)?(s="array",f=e.map(((e,t)=>m({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(p=e,Symbol.iterator in p)&&"function"==typeof e[Symbol.iterator]?(s="Iterable",f=Array.from(e,((e,t)=>m({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(s="object",f=Object.entries(e).map((([e,t])=>m({label:e,value:t})))),f=a?a(f):f;const g=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}(f,r);return n({handleEntry:t=>l.createElement(z,i({key:t.label,value:e,renderer:n,filterSubEntries:a},o,t)),type:s,subEntries:f,subEntryPages:g,value:e,expanded:u,toggleExpanded:c,pageSize:r,...o})}const $="undefined"==typeof window;function B(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"))}function M({route:e,isRoot:t,matches:n,activeRouteId:r,setActiveRouteId:a}){const l=n.find((t=>t.routeId===e.id));return o.default.createElement("div",null,o.default.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{l&&a(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${m.grayAlt}`,cursor:l?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0}},t?null:o.default.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",margin:".5rem .75rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:h(n,e,m),opacity:l?1:.3}}),o.default.createElement(R,{style:{padding:".25rem 0",paddingLeft:t?".5rem":0,opacity:l?1:.7}},`${e.path||(i=e.id,function(e){return"/"===e?e:e.replace(/\/{1,}$/,"")}(function(e){return"/"===e?e:e.replace(/^\/{1,}/,"")}(i)))}`)),e.children?.length?o.default.createElement("div",{style:{marginLeft:t?0:"1rem",borderLeft:t?"":`solid 1px ${m.grayAlt}`}},[...e.children].sort(((e,t)=>e.rank-t.rank)).map((e=>o.default.createElement(M,{key:e.id,route:e,matches:n,activeRouteId:r,setActiveRouteId:a})))):null);var i}const H=o.default.forwardRef((function(e,t){const{isOpen:r=!0,setIsOpen:a,handleDragStart:l,router:d,...p}=e,b=o.default.useContext(c),h=d??b,v=s();!function(e,t){if(!e)throw new Error("Invariant failed")}
+   */
+function d(e,t=(e=>e)){return n.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,u)}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}
 /**
-   * @tanstack/react-store/src/index.tsx
+   * @tanstack/router/src/index.ts
    *
    * Copyright (c) TanStack
    *
@@ -28,5 +29,5 @@
    * LICENSE.md file in the root directory of this source tree.
    *
    * @license MIT
-   */(h),function(e,t=(e=>e)){n.useSyncExternalStoreWithSelector(e.subscribe,(()=>e.state),(()=>e.state),t,u)}(h.__store);const[E,x]=f("tanstackRouterDevtoolsShowMatches",!0),[S,O]=f("tanstackRouterDevtoolsActiveRouteId",""),I=o.default.useMemo((()=>[...Object.values(v.matches)]),[v.matches]),j=I?.find((e=>e.routeId===S)),D=Object.keys(v.location.search||{}).length;return o.default.createElement(g,{theme:m},o.default.createElement(k,i({ref:t,className:"TanStackRouterDevtoolsPanel"},p),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: ${m.backgroundAlt} ${m.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: ${m.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: ${m.gray};\n              border-radius: .5em;\n              border: 3px solid ${m.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 ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:m.backgroundAlt}},o.default.createElement(B,{"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(z,{label:"Router",value:h,defaultExpanded:{state:{},context:{}},filterSubEntries:e=>e.filter((e=>"function"!=typeof e.value))})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:m.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",gap:".5rem"}},o.default.createElement("button",{type:"button",onClick:()=>{x(!1)},disabled:!E,style:{appearance:"none",opacity:E?.5:1,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Routes"),"/",o.default.createElement("button",{type:"button",onClick:()=>{x(!0)},disabled:E,style:{appearance:"none",opacity:E?1:.5,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Matches")),E?o.default.createElement("div",null,v.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":`Open match details for ${e.routeId}`,onClick:()=>O(S===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:`solid 1px ${m.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,m),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(R,{style:{padding:".5em"}},`${e.id}`))))):o.default.createElement(M,{route:h.routeTree,isRoot:!0,matches:I,activeRouteId:S,setActiveRouteId:O})),j?o.default.createElement(w,null,o.default.createElement("div",{style:{padding:".5em",background:m.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(R,{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.status)),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:m.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(z,{label:"Match",value:j,defaultExpanded:{}}))):null,D?o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:m.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(z,{value:v.location.search||{},defaultExpanded:Object.keys(v.location.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}))):null))}));e.TanStackRouterDevtools=function({initialIsOpen:e,panelProps:t={},closeButtonProps:n={},toggleButtonProps:r={},position:a="bottom-left",containerElement:l="footer",router:u}){const d=o.default.useRef(null),c=o.default.useRef(null),[s,p]=f("tanstackRouterDevtoolsOpen",e),[b,y]=f("tanstackRouterDevtoolsHeight",null),[h,v]=x(!1),[k,w]=x(!1),R=E();o.default.useEffect((()=>{v(s??!1)}),[s,h,v]),o.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&h&&(e.style.visibility="visible")},n=()=>{e&&!h&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[h]),o.default[$?"useEffect":"useLayoutEffect"]((()=>{if(h){const e=d.current?.parentElement?.style.paddingBottom,t=()=>{const e=c.current?.getBoundingClientRect().height;d.current?.parentElement&&(d.current.parentElement.style.paddingBottom=`${e}px`)};if(t(),"undefined"!=typeof window)return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),d.current?.parentElement&&"string"==typeof e&&(d.current.parentElement.style.paddingBottom=e)}}}),[h]);const{style:O={},...I}=t,{style:j={},onClick:D,...C}=n,{style:T={},onClick:P,...A}=r;return R()?o.default.createElement(l,{ref:d,className:"TanStackRouterDevtools"},o.default.createElement(g,{theme:m},o.default.createElement(H,i({ref:c},I,{router:u,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 ${m.gray}`,transformOrigin:"top",visibility:s?"visible":"hidden",...O,...k?{transition:"none"}:{transition:"all .2s ease"},...h?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:h,setIsOpen:p,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;w(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),p(!(a<70))},l=()=>{w(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(c.current,e)})),h?o.default.createElement(S,i({type:"button","aria-label":"Close TanStack Router Devtools"},C,{onClick:e=>{p(!1),D&&D(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),h?null:o.default.createElement("button",i({type:"button"},A,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{p(!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"},...T}}),o.default.createElement(B,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=H,Object.defineProperty(e,"__esModule",{value:!0})}));
+   */const c=l.createContext(null);function s(e){return d(l.useContext(c).__store,e?.select)}function f(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 m={background:"#0b1521",backgroundAlt:"#132337",foreground:"white",gray:"#3f4e60",grayAlt:"#222e3e",inputBackgroundColor:"#fff",inputTextColor:"#000",success:"#00ab52",danger:"#ff0085",active:"#006bff",warning:"#ffb200"},p=o.default.createContext(m);function g({theme:e,...t}){return o.default.createElement(p.Provider,i({value:e},t))}const b="undefined"==typeof window;function y(e,t){return"pending"===e.status?t.active:"error"===e.status?t.danger:"success"===e.status?t.success:t.gray}function h(e,t,n){const r=e.find((e=>e.routeId===t.id));return r?"pending"===r.status?n.active:"error"===r.status?n.danger:"success"===r.status?n.success:n.gray:n.gray}function v(e,t,n={}){return o.default.forwardRef((({style:r,...a},l)=>{const i=o.default.useContext(p),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 E(){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=E(),[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 k=v("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"}}),w=v("div",(()=>({flex:"1 1 500px",display:"flex",flexDirection:"column",overflow:"auto",height:"100%"})),{"(max-width: 700px)":(e,t)=>({borderTop:`2px solid ${t.gray}`})}),S=v("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"}))),R=v("code",{fontSize:".9em"}),I=v("div",{fontFamily:"Menlo, monospace",fontSize:".7rem",lineHeight:"1.7",outline:"none",wordBreak:"break-word"}),O=v("span",{color:"white"}),D=v("button",{cursor:"pointer",color:"white"}),C=v("button",{cursor:"pointer",color:"inherit",font:"inherit",outline:"inherit",background:"transparent",border:"none",padding:0}),j=v("span",((e,t)=>({color:t.danger}))),T=v("div",{marginLeft:".1em",paddingLeft:"1em",borderLeft:"2px solid rgba(0,0,0,.15)"}),A=v("span",{color:"grey",fontSize:".7em"}),P=({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 L=({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(I,null,a.length?l.createElement(l.Fragment,null,l.createElement(C,{onClick:()=>d()},l.createElement(P,{expanded:i})," ",t," ",l.createElement(A,null,"iterable"===String(o).toLowerCase()?"(Iterable) ":"",r.length," ",r.length>1?"items":"item")),i?1===a.length?l.createElement(T,null,r.map(((t,n)=>e(t)))):l.createElement(T,null,a.map(((t,n)=>l.createElement("div",{key:n},l.createElement(I,null,l.createElement(D,{onClick:()=>f((e=>e.includes(n)?e.filter((e=>e!==n)):[...e,n]))},l.createElement(P,{expanded:i})," [",n*u," ..."," ",n*u+u-1,"]"),s.includes(n)?l.createElement(T,null,t.map((t=>e(t)))):null))))):null):"function"===o?l.createElement(l.Fragment,null,l.createElement(z,{renderer:c,label:l.createElement("button",{onClick:()=>{p(n())},style:{appearance:"none",border:"0",background:"transparent"}},l.createElement(O,null,t)," 🔄"," "),value:m,defaultExpanded:{}})):l.createElement(l.Fragment,null,l.createElement(O,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 z({value:e,defaultExpanded:t,renderer:n=L,pageSize:r=100,filterSubEntries:a,...o}){const[d,u]=l.useState(Boolean(t)),c=l.useCallback((()=>u((e=>!e))),[]);let s=typeof e,f=[];const m=e=>{const n=!0===t?{[e.label]:!0}:t?.[e.label];return{...e,defaultExpanded:n}};var p;Array.isArray(e)?(s="array",f=e.map(((e,t)=>m({label:t.toString(),value:e})))):null!==e&&"object"==typeof e&&(p=e,Symbol.iterator in p)&&"function"==typeof e[Symbol.iterator]?(s="Iterable",f=Array.from(e,((e,t)=>m({label:t.toString(),value:e})))):"object"==typeof e&&null!==e&&(s="object",f=Object.entries(e).map((([e,t])=>m({label:e,value:t})))),f=a?a(f):f;const g=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}(f,r);return n({handleEntry:t=>l.createElement(z,i({key:t.label,value:e,renderer:n,filterSubEntries:a},o,t)),type:s,subEntries:f,subEntryPages:g,value:e,expanded:d,toggleExpanded:c,pageSize:r,...o})}const $="undefined"==typeof window;function B(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"))}function M({route:e,isRoot:t,matches:n,activeRouteId:r,setActiveRouteId:a}){const l=n.find((t=>t.routeId===e.id));return o.default.createElement("div",null,o.default.createElement("div",{role:"button","aria-label":`Open match details for ${e.id}`,onClick:()=>{l&&a(r===e.id?"":e.id)},style:{display:"flex",borderBottom:`solid 1px ${m.grayAlt}`,cursor:l?"pointer":"default",alignItems:"center",background:e.id===r?"rgba(255,255,255,.1)":void 0}},t?null:o.default.createElement("div",{style:{flex:"0 0 auto",width:".7rem",height:".7rem",margin:".5rem .75rem",alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:"100%",transition:"all .2s ease-out",background:h(n,e,m),opacity:l?1:.3}}),o.default.createElement(R,{style:{padding:".25rem 0",paddingLeft:t?".5rem":0,opacity:l?1:.7}},`${e.path||(i=e.id,function(e){return"/"===e?e:e.replace(/\/{1,}$/,"")}(function(e){return"/"===e?e:e.replace(/^\/{1,}/,"")}(i)))}`)),e.children?.length?o.default.createElement("div",{style:{marginLeft:t?0:"1rem",borderLeft:t?"":`solid 1px ${m.grayAlt}`}},[...e.children].sort(((e,t)=>e.rank-t.rank)).map((e=>o.default.createElement(M,{key:e.id,route:e,matches:n,activeRouteId:r,setActiveRouteId:a})))):null);var i}const H=o.default.forwardRef((function(e,t){const{isOpen:n=!0,setIsOpen:r,handleDragStart:a,router:l,...u}=e,p=o.default.useContext(c),b=l??p,h=s();!function(e,t){if(!e)throw new Error("Invariant failed")}(b),d(b.__store);const[v,E]=f("tanstackRouterDevtoolsShowMatches",!0),[x,S]=f("tanstackRouterDevtoolsActiveRouteId",""),I=o.default.useMemo((()=>[...Object.values(h.matches)]),[h.matches]),O=I?.find((e=>e.routeId===x)),D=Object.keys(h.location.search||{}).length;return o.default.createElement(g,{theme:m},o.default.createElement(k,i({ref:t,className:"TanStackRouterDevtoolsPanel"},u),o.default.createElement("style",{dangerouslySetInnerHTML:{__html:`\n\n            .TanStackRouterDevtoolsPanel * {\n              scrollbar-color: ${m.backgroundAlt} ${m.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: ${m.backgroundAlt};\n            }\n\n            .TanStackRouterDevtoolsPanel *::-webkit-scrollbar-thumb, .TanStackRouterDevtoolsPanel scrollbar-thumb {\n              background: ${m.gray};\n              border-radius: .5em;\n              border: 3px solid ${m.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:a}),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{display:"flex",justifyContent:"start",gap:"1rem",padding:"1rem",alignItems:"center",background:m.backgroundAlt}},o.default.createElement(B,{"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(z,{label:"Router",value:b,defaultExpanded:{state:{},context:{}},filterSubEntries:e=>e.filter((e=>"function"!=typeof e.value))})))),o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:m.backgroundAlt,position:"sticky",top:0,zIndex:1,display:"flex",alignItems:"center",gap:".5rem"}},o.default.createElement("button",{type:"button",onClick:()=>{E(!1)},disabled:!v,style:{appearance:"none",opacity:v?.5:1,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Routes"),"/",o.default.createElement("button",{type:"button",onClick:()=>{E(!0)},disabled:v,style:{appearance:"none",opacity:v?1:.5,border:0,background:"transparent",color:"inherit",cursor:"pointer"}},"Matches")),v?o.default.createElement("div",null,h.matches.map(((e,t)=>o.default.createElement("div",{key:e.routeId||t,role:"button","aria-label":`Open match details for ${e.routeId}`,onClick:()=>S(x===e.routeId?"":e.routeId),style:{display:"flex",borderBottom:`solid 1px ${m.grayAlt}`,cursor:"pointer",alignItems:"center",background:e===O?"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,m),alignItems:"center",justifyContent:"center",fontWeight:"bold",borderRadius:".25rem",transition:"all .2s ease-out"}}),o.default.createElement(R,{style:{padding:".5em"}},`${e.id}`))))):o.default.createElement(M,{route:b.routeTree,isRoot:!0,matches:I,activeRouteId:x,setActiveRouteId:S})),O?o.default.createElement(w,null,o.default.createElement("div",{style:{padding:".5em",background:m.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(R,{style:{lineHeight:"1.8em"}},JSON.stringify(O.id,null,2)))),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Status"),o.default.createElement("td",null,O.status)),o.default.createElement("tr",null,o.default.createElement("td",{style:{opacity:".5"}},"Last Updated"),o.default.createElement("td",null,O.updatedAt?new Date(O.updatedAt).toLocaleTimeString():"N/A"))))),o.default.createElement("div",{style:{background:m.backgroundAlt,padding:".5em",position:"sticky",top:0,bottom:0,zIndex:1}},"Explorer"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(z,{label:"Match",value:O,defaultExpanded:{}}))):null,D?o.default.createElement("div",{style:{flex:"1 1 500px",minHeight:"40%",maxHeight:"100%",overflow:"auto",borderRight:`1px solid ${m.grayAlt}`,display:"flex",flexDirection:"column"}},o.default.createElement("div",{style:{padding:".5em",background:m.backgroundAlt,position:"sticky",top:0,bottom:0,zIndex:1}},"Search Params"),o.default.createElement("div",{style:{padding:".5em"}},o.default.createElement(z,{value:h.location.search||{},defaultExpanded:Object.keys(h.location.search||{}).reduce(((e,t)=>(e[t]={},e)),{})}))):null))}));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),[s,p]=f("tanstackRouterDevtoolsOpen",e),[b,y]=f("tanstackRouterDevtoolsHeight",null),[h,v]=x(!1),[k,w]=x(!1),R=E();o.default.useEffect((()=>{v(s??!1)}),[s,h,v]),o.default.useEffect((()=>{const e=c.current;if(e){const t=()=>{e&&h&&(e.style.visibility="visible")},n=()=>{e&&!h&&(e.style.visibility="hidden")};return e.addEventListener("transitionstart",t),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionstart",t),e.removeEventListener("transitionend",n)}}}),[h]),o.default[$?"useEffect":"useLayoutEffect"]((()=>{if(h){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)}}}),[h]);const{style:I={},...O}=t,{style:D={},onClick:C,...j}=n,{style:T={},onClick:A,...P}=r;return R()?o.default.createElement(l,{ref:u,className:"TanStackRouterDevtools"},o.default.createElement(g,{theme:m},o.default.createElement(H,i({ref:c},O,{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 ${m.gray}`,transformOrigin:"top",visibility:s?"visible":"hidden",...I,...k?{transition:"none"}:{transition:"all .2s ease"},...h?{opacity:1,pointerEvents:"all",transform:"translateY(0) scale(1)"}:{opacity:0,pointerEvents:"none",transform:"translateY(15px) scale(1.02)"}},isOpen:h,setIsOpen:p,handleDragStart:e=>((e,t)=>{if(0!==t.button)return;w(!0);const n=e?.getBoundingClientRect().height??0,r=t.pageY,a=e=>{const t=r-e.pageY,a=n+t;y(a),p(!(a<70))},l=()=>{w(!1),document.removeEventListener("mousemove",a),document.removeEventListener("mouseUp",l)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",l)})(c.current,e)})),h?o.default.createElement(S,i({type:"button","aria-label":"Close TanStack Router Devtools"},j,{onClick:e=>{p(!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"},...D}}),"Close"):null),h?null:o.default.createElement("button",i({type:"button"},P,{"aria-label":"Open TanStack Router Devtools",onClick:e=>{p(!0),A&&A(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"},...T}}),o.default.createElement(B,{"aria-hidden":!0}))):null},e.TanStackRouterDevtoolsPanel=H,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.production.js.map