@tanstack/router-devtools 0.0.1-beta.223 → 0.0.1-beta.225

package/build/umd/index.development.js

@@ -14,10 +14,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TanStackRouterDevtools = {}, global.React));
 })(this, (function (exports, React) { 'use strict';
 
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+  function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
       Object.keys(e).forEach(function (k) {
@@ -30,12 +27,11 @@
         }
       });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
   }
 
-  var React__namespace = /*#__PURE__*/_interopNamespace(React);
-  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -52,18 +48,23 @@
     return _extends.apply(this, arguments);
   }
 
+  var isProduction$1 = "development" === 'production';
   var prefix = 'Invariant failed';
   function invariant(condition, message) {
       if (condition) {
           return;
       }
+      if (isProduction$1) {
+          throw new Error(prefix);
+      }
       var provided = typeof message === 'function' ? message() : message;
       var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
       throw new Error(value);
   }
 
+  var isProduction = "development" === 'production';
   function warning(condition, message) {
-    {
+    if (!isProduction) {
       if (condition) {
         return;
       }
@@ -100,6 +101,31 @@
     return trimPathRight(trimPathLeft(path));
   }
 
+  // export type RouterContext<
+  //   TRouteTree extends AnyRoute,
+  //   // TDehydrated extends Record<string, any>,
+  // > = {
+  //   buildLink: BuildLinkFn<TRouteTree>
+  //   state: RouterState<TRouteTree>
+  //   navigate: NavigateFn<TRouteTree>
+  //   matchRoute: MatchRouteFn<TRouteTree>
+  //   routeTree: TRouteTree
+  //   routesById: RoutesById<TRouteTree>
+  //   options: RouterOptions<TRouteTree>
+  //   history: RouterHistory
+  //   load: LoadFn
+  //   buildLocation: BuildLocationFn<TRouteTree>
+  //   subscribe: Router<TRouteTree>['subscribe']
+  //   resetNextScrollRef: React.MutableRefObject<boolean>
+  //   injectedHtmlRef: React.MutableRefObject<InjectedHtmlEntry[]>
+  //   injectHtml: (entry: InjectedHtmlEntry) => void
+  //   dehydrateData: <T>(
+  //     key: any,
+  //     getData: T | (() => Promise<T> | T),
+  //   ) => () => void
+  //   hydrateData: <T>(key: any) => T | undefined
+  // }
+
   const routerContext = /*#__PURE__*/React__namespace.createContext(null);
   if (typeof document !== 'undefined') {
     window.__TSR_ROUTER_CONTEXT__ = routerContext;
@@ -123,8 +149,8 @@
     }
   };
   function useLocalStorage(key, defaultValue) {
-    const [value, setValue] = React__default["default"].useState();
-    React__default["default"].useEffect(() => {
+    const [value, setValue] = React.useState();
+    React.useEffect(() => {
       const initialValue = getItem(key);
       if (typeof initialValue === 'undefined' || initialValue === null) {
         setValue(typeof defaultValue === 'function' ? defaultValue() : defaultValue);
@@ -132,7 +158,7 @@
         setValue(initialValue);
       }
     }, [defaultValue, key]);
-    const setter = React__default["default"].useCallback(updater => {
+    const setter = React.useCallback(updater => {
       setValue(old => {
         let newVal = updater;
         if (typeof updater == 'function') {
@@ -160,22 +186,22 @@
     active: '#006bff',
     warning: '#ffb200'
   };
-  const ThemeContext = /*#__PURE__*/React__default["default"].createContext(defaultTheme);
+  const ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
   function ThemeProvider({
     theme,
     ...rest
   }) {
-    return /*#__PURE__*/React__default["default"].createElement(ThemeContext.Provider, _extends({
+    return /*#__PURE__*/React.createElement(ThemeContext.Provider, _extends({
       value: theme
     }, rest));
   }
   function useTheme() {
-    return React__default["default"].useContext(ThemeContext);
+    return React.useContext(ThemeContext);
   }
 
   function useMediaQuery(query) {
     // Keep track of the preference in state, start with the current match
-    const [isMatch, setIsMatch] = React__default["default"].useState(() => {
+    const [isMatch, setIsMatch] = React.useState(() => {
       if (typeof window !== 'undefined') {
         return window.matchMedia && window.matchMedia(query).matches;
       }
@@ -183,7 +209,7 @@
     });
 
     // Watch for changes
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       if (typeof window !== 'undefined') {
         if (!window.matchMedia) {
           return;
@@ -219,7 +245,7 @@
     return getStatusColor(found, theme);
   }
   function styled(type, newStyles, queries = {}) {
-    return /*#__PURE__*/React__default["default"].forwardRef(({
+    return /*#__PURE__*/React.forwardRef(({
       style,
       ...rest
     }, ref) => {
@@ -231,7 +257,7 @@
           ...(typeof value === 'function' ? value(rest, theme) : value)
         } : current;
       }, {});
-      return /*#__PURE__*/React__default["default"].createElement(type, {
+      return /*#__PURE__*/React.createElement(type, {
         ...rest,
         style: {
           ...(typeof newStyles === 'function' ? newStyles(rest, theme) : newStyles),
@@ -243,9 +269,9 @@
     });
   }
   function useIsMounted() {
-    const mountedRef = React__default["default"].useRef(false);
-    const isMounted = React__default["default"].useCallback(() => mountedRef.current, []);
-    React__default["default"][isServer$1 ? 'useEffect' : 'useLayoutEffect'](() => {
+    const mountedRef = React.useRef(false);
+    const isMounted = React.useCallback(() => mountedRef.current, []);
+    React[isServer$1 ? 'useEffect' : 'useLayoutEffect'](() => {
       mountedRef.current = true;
       return () => {
         mountedRef.current = false;
@@ -271,8 +297,8 @@
    */
   function useSafeState(initialState) {
     const isMounted = useIsMounted();
-    const [state, setState] = React__default["default"].useState(initialState);
-    const safeSetState = React__default["default"].useCallback(value => {
+    const [state, setState] = React.useState(initialState);
+    const safeSetState = React.useCallback(value => {
       scheduleMicrotask(() => {
         if (isMounted()) {
           setState(value);
@@ -307,7 +333,6 @@
       // flexDirection: 'column',
     }
   });
-
   const ActivePanel = styled('div', () => ({
     flex: '1 1 500px',
     display: 'flex',
@@ -521,7 +546,7 @@
 
   const isServer = typeof window === 'undefined';
   function Logo(props) {
-    return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, props, {
+    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
       style: {
         ...(props.style ?? {}),
         display: 'flex',
@@ -531,11 +556,11 @@
         fontWeight: 'bolder',
         lineHeight: '1'
       }
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       style: {
         letterSpacing: '-0.05rem'
       }
-    }, "TANSTACK"), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "TANSTACK"), /*#__PURE__*/React.createElement("div", {
       style: {
         backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))',
         // @ts-ignore
@@ -558,8 +583,8 @@
     containerElement: Container = 'footer',
     router
   }) {
-    const rootRef = React__default["default"].useRef(null);
-    const panelRef = React__default["default"].useRef(null);
+    const rootRef = React.useRef(null);
+    const panelRef = React.useRef(null);
     const [isOpen, setIsOpen] = useLocalStorage('tanstackRouterDevtoolsOpen', initialIsOpen);
     const [devtoolsHeight, setDevtoolsHeight] = useLocalStorage('tanstackRouterDevtoolsHeight', null);
     const [isResolvedOpen, setIsResolvedOpen] = useSafeState(false);
@@ -591,13 +616,13 @@
       document.addEventListener('mousemove', run);
       document.addEventListener('mouseup', unsub);
     };
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       setIsResolvedOpen(isOpen ?? false);
     }, [isOpen, isResolvedOpen, setIsResolvedOpen]);
 
     // Toggle panel visibility before/after transition (depending on direction).
     // Prevents focusing in a closed panel.
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
       const ref = panelRef.current;
       if (ref) {
         const handlePanelTransitionStart = () => {
@@ -619,7 +644,7 @@
       }
       return;
     }, [isResolvedOpen]);
-    React__default["default"][isServer ? 'useEffect' : 'useLayoutEffect'](() => {
+    React[isServer ? 'useEffect' : 'useLayoutEffect'](() => {
       if (isResolvedOpen) {
         const previousValue = rootRef.current?.parentElement?.style.paddingBottom;
         const run = () => {
@@ -658,12 +683,12 @@
 
     // Do not render on the server
     if (!isMounted()) return null;
-    return /*#__PURE__*/React__default["default"].createElement(Container, {
+    return /*#__PURE__*/React.createElement(Container, {
       ref: rootRef,
       className: "TanStackRouterDevtools"
-    }, /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
+    }, /*#__PURE__*/React.createElement(ThemeProvider, {
       theme: defaultTheme
-    }, /*#__PURE__*/React__default["default"].createElement(TanStackRouterDevtoolsPanel, _extends({
+    }, /*#__PURE__*/React.createElement(TanStackRouterDevtoolsPanel, _extends({
       ref: panelRef
     }, otherPanelProps, {
       router: router,
@@ -699,7 +724,7 @@
       isOpen: isResolvedOpen,
       setIsOpen: setIsOpen,
       handleDragStart: e => handleDragStart(panelRef.current, e)
-    })), isResolvedOpen ? /*#__PURE__*/React__default["default"].createElement(Button, _extends({
+    })), isResolvedOpen ? /*#__PURE__*/React.createElement(Button, _extends({
       type: "button",
       "aria-label": "Close TanStack Router Devtools"
     }, otherCloseButtonProps, {
@@ -723,7 +748,7 @@
         }),
         ...closeButtonStyle
       }
-    }), "Close") : null), !isResolvedOpen ? /*#__PURE__*/React__default["default"].createElement("button", _extends({
+    }), "Close") : null), !isResolvedOpen ? /*#__PURE__*/React.createElement("button", _extends({
       type: "button"
     }, otherToggleButtonProps, {
       "aria-label": "Open TanStack Router Devtools",
@@ -758,7 +783,7 @@
         }),
         ...toggleButtonStyle
       }
-    }), /*#__PURE__*/React__default["default"].createElement(Logo, {
+    }), /*#__PURE__*/React.createElement(Logo, {
       "aria-hidden": true
     })) : null);
   }
@@ -771,7 +796,7 @@
     const router = useRouter();
     const matches = router.state.status === 'pending' ? router.state.pendingMatches : router.state.matches;
     const match = router.state.matches.find(d => d.routeId === route.id);
-    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       role: "button",
       "aria-label": `Open match details for ${route.id}`,
       onClick: () => {
@@ -786,7 +811,7 @@
         alignItems: 'center',
         background: route.id === activeRouteId ? 'rgba(255,255,255,.1)' : undefined
       }
-    }, isRoot ? null : /*#__PURE__*/React__default["default"].createElement("div", {
+    }, isRoot ? null : /*#__PURE__*/React.createElement("div", {
       style: {
         flex: '0 0 auto',
         width: '.7rem',
@@ -800,7 +825,7 @@
         background: getRouteStatusColor(matches, route, defaultTheme),
         opacity: match ? 1 : 0.3
       }
-    }), /*#__PURE__*/React__default["default"].createElement(Code, {
+    }), /*#__PURE__*/React.createElement(Code, {
       style: {
         flex: '1 0 auto',
         display: 'flex',
@@ -810,25 +835,25 @@
         opacity: match ? 1 : 0.7,
         fontSize: '0.7rem'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("span", null, route.path || trimPath(route.id), " "), match ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", null, route.path || trimPath(route.id), " "), match ? /*#__PURE__*/React.createElement("span", {
       style: {
         opacity: 0.3
       }
-    }, match.id) : null)), route.children?.length ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }, match.id) : null)), route.children?.length ? /*#__PURE__*/React.createElement("div", {
       style: {
         marginLeft: isRoot ? 0 : '1rem',
         borderLeft: isRoot ? '' : `solid 1px ${defaultTheme.grayAlt}`
       }
     }, [...route.children].sort((a, b) => {
       return a.rank - b.rank;
-    }).map(r => /*#__PURE__*/React__default["default"].createElement(RouteComp, {
+    }).map(r => /*#__PURE__*/React.createElement(RouteComp, {
       key: r.id,
       route: r,
       activeRouteId: activeRouteId,
       setActiveRouteId: setActiveRouteId
     }))) : null);
   }
-  const TanStackRouterDevtoolsPanel = /*#__PURE__*/React__default["default"].forwardRef(function TanStackRouterDevtoolsPanel(props, ref) {
+  const TanStackRouterDevtoolsPanel = /*#__PURE__*/React.forwardRef(function TanStackRouterDevtoolsPanel(props, ref) {
     const {
       isOpen = true,
       setIsOpen,
@@ -844,7 +869,7 @@
 
     const [showMatches, setShowMatches] = useLocalStorage('tanstackRouterDevtoolsShowMatches', true);
     const [activeRouteId, setActiveRouteId] = useLocalStorage('tanstackRouterDevtoolsActiveRouteId', '');
-    const activeMatch = React__default["default"].useMemo(() => matches.find(d => d.routeId === activeRouteId), [matches, activeRouteId]);
+    const activeMatch = React.useMemo(() => matches.find(d => d.routeId === activeRouteId), [matches, activeRouteId]);
     const hasSearch = Object.keys(router.state.location.search || {}).length;
 
     // const preloadMatches = matches.filter((match) => {
@@ -862,12 +887,12 @@
     //   return () => clearInterval(interval)
     // }, [router])
 
-    return /*#__PURE__*/React__default["default"].createElement(ThemeProvider, {
+    return /*#__PURE__*/React.createElement(ThemeProvider, {
       theme: defaultTheme
-    }, /*#__PURE__*/React__default["default"].createElement(Panel, _extends({
+    }, /*#__PURE__*/React.createElement(Panel, _extends({
       ref: ref,
       className: "TanStackRouterDevtoolsPanel"
-    }, panelProps), /*#__PURE__*/React__default["default"].createElement("style", {
+    }, panelProps), /*#__PURE__*/React.createElement("style", {
       dangerouslySetInnerHTML: {
         __html: `
 
@@ -913,7 +938,7 @@
 
           `
       }
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       style: {
         position: 'absolute',
         left: 0,
@@ -925,7 +950,7 @@
         zIndex: 100000
       },
       onMouseDown: handleDragStart
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       style: {
         flex: '1 1 500px',
         minHeight: '40%',
@@ -935,7 +960,7 @@
         display: 'flex',
         flexDirection: 'column'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         display: 'flex',
         justifyContent: 'start',
@@ -944,27 +969,27 @@
         alignItems: 'center',
         background: defaultTheme.backgroundAlt
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Logo, {
+    }, /*#__PURE__*/React.createElement(Logo, {
       "aria-hidden": true
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       style: {
         fontSize: 'clamp(.8rem, 2vw, 1.3rem)',
         fontWeight: 'bold'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       style: {
         fontWeight: 100
       }
-    }, "Devtools"))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Devtools"))), /*#__PURE__*/React.createElement("div", {
       style: {
         overflowY: 'auto',
         flex: '1'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em'
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Explorer, {
+    }, /*#__PURE__*/React.createElement(Explorer, {
       label: "Router",
       value: router,
       defaultExpanded: {
@@ -974,7 +999,7 @@
       filterSubEntries: subEntries => {
         return subEntries.filter(d => typeof d.value !== 'function');
       }
-    })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    })))), /*#__PURE__*/React.createElement("div", {
       style: {
         flex: '1 1 500px',
         minHeight: '40%',
@@ -984,12 +1009,12 @@
         display: 'flex',
         flexDirection: 'column'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         flex: '1 1 auto',
         overflowY: 'auto'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em',
         background: defaultTheme.backgroundAlt,
@@ -1001,30 +1026,30 @@
         gap: '.5rem',
         fontWeight: 'bold'
       }
-    }, "Pathname", ' ', router.state.location.maskedLocation ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Pathname", ' ', router.state.location.maskedLocation ? /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.1rem .5rem',
         background: defaultTheme.warning,
         color: 'black',
         borderRadius: '.5rem'
       }
-    }, "Masked") : null), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Masked") : null), /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5rem',
         display: 'flex',
         gap: '.5rem',
         alignItems: 'center'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("code", {
+    }, /*#__PURE__*/React.createElement("code", {
       style: {
         opacity: 0.6
       }
-    }, router.state.location.pathname), router.state.location.maskedLocation ? /*#__PURE__*/React__default["default"].createElement("code", {
+    }, router.state.location.pathname), router.state.location.maskedLocation ? /*#__PURE__*/React.createElement("code", {
       style: {
         color: defaultTheme.warning,
         fontWeight: 'bold'
       }
-    }, router.state.location.maskedLocation.pathname) : null), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, router.state.location.maskedLocation.pathname) : null), /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em',
         background: defaultTheme.backgroundAlt,
@@ -1036,7 +1061,7 @@
         gap: '.5rem',
         fontWeight: 'bold'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: () => {
         setShowMatches(false);
@@ -1050,7 +1075,7 @@
         color: 'inherit',
         cursor: 'pointer'
       }
-    }, "Routes"), "/", /*#__PURE__*/React__default["default"].createElement("button", {
+    }, "Routes"), "/", /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: () => {
         setShowMatches(true);
@@ -1064,13 +1089,13 @@
         color: 'inherit',
         cursor: 'pointer'
       }
-    }, "Matches")), !showMatches ? /*#__PURE__*/React__default["default"].createElement(RouteComp, {
+    }, "Matches")), !showMatches ? /*#__PURE__*/React.createElement(RouteComp, {
       route: router.routeTree,
       isRoot: true,
       activeRouteId: activeRouteId,
       setActiveRouteId: setActiveRouteId
-    }) : /*#__PURE__*/React__default["default"].createElement("div", null, (router.state.status === 'pending' ? router.state.pendingMatches : router.state.matches).map((match, i) => {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+    }) : /*#__PURE__*/React.createElement("div", null, (router.state.status === 'pending' ? router.state.pendingMatches : router.state.matches).map((match, i) => {
+      return /*#__PURE__*/React.createElement("div", {
         key: match.routeId || i,
         role: "button",
         "aria-label": `Open match details for ${match.routeId}`,
@@ -1082,7 +1107,7 @@
           alignItems: 'center',
           background: match === activeMatch ? 'rgba(255,255,255,.1)' : undefined
         }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         style: {
           flex: '0 0 auto',
           width: '1.3rem',
@@ -1095,13 +1120,13 @@
           borderRadius: '.25rem',
           transition: 'all .2s ease-out'
         }
-      }), /*#__PURE__*/React__default["default"].createElement(Code, {
+      }), /*#__PURE__*/React.createElement(Code, {
         style: {
           padding: '.5em',
           fontSize: '0.7rem'
         }
       }, `${match.id}`));
-    })))), activeMatch ? /*#__PURE__*/React__default["default"].createElement(ActivePanel, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    })))), activeMatch ? /*#__PURE__*/React.createElement(ActivePanel, null, /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em',
         background: defaultTheme.backgroundAlt,
@@ -1110,23 +1135,23 @@
         bottom: 0,
         zIndex: 1
       }
-    }, "Match Details"), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
+    }, "Match Details"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
       style: {
         opacity: '.5'
       }
-    }, "ID"), /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement(Code, {
+    }, "ID"), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(Code, {
       style: {
         lineHeight: '1.8em'
       }
-    }, JSON.stringify(activeMatch.id, null, 2)))), /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
+    }, JSON.stringify(activeMatch.id, null, 2)))), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
       style: {
         opacity: '.5'
       }
-    }, "Status"), /*#__PURE__*/React__default["default"].createElement("td", null, activeMatch.status)), /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", {
+    }, "Status"), /*#__PURE__*/React.createElement("td", null, activeMatch.status)), /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
       style: {
         opacity: '.5'
       }
-    }, "Last Updated"), /*#__PURE__*/React__default["default"].createElement("td", null, activeMatch.updatedAt ? new Date(activeMatch.updatedAt).toLocaleTimeString() : 'N/A'))))), activeMatch.loaderData ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Last Updated"), /*#__PURE__*/React.createElement("td", null, activeMatch.updatedAt ? new Date(activeMatch.updatedAt).toLocaleTimeString() : 'N/A'))))), activeMatch.loaderData ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       style: {
         background: defaultTheme.backgroundAlt,
         padding: '.5em',
@@ -1135,15 +1160,15 @@
         bottom: 0,
         zIndex: 1
       }
-    }, "Loader Data"), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Loader Data"), /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em'
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Explorer, {
+    }, /*#__PURE__*/React.createElement(Explorer, {
       label: "loaderData",
       value: activeMatch.loaderData,
       defaultExpanded: {}
-    }))) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+    }))) : null, /*#__PURE__*/React.createElement("div", {
       style: {
         background: defaultTheme.backgroundAlt,
         padding: '.5em',
@@ -1152,15 +1177,15 @@
         bottom: 0,
         zIndex: 1
       }
-    }, "Explorer"), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Explorer"), /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em'
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Explorer, {
+    }, /*#__PURE__*/React.createElement(Explorer, {
       label: "Match",
       value: activeMatch,
       defaultExpanded: {}
-    }))) : null, hasSearch ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }))) : null, hasSearch ? /*#__PURE__*/React.createElement("div", {
       style: {
         flex: '1 1 500px',
         minHeight: '40%',
@@ -1170,7 +1195,7 @@
         display: 'flex',
         flexDirection: 'column'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em',
         background: defaultTheme.backgroundAlt,
@@ -1180,11 +1205,11 @@
         zIndex: 1,
         fontWeight: 'bold'
       }
-    }, "Search Params"), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, "Search Params"), /*#__PURE__*/React.createElement("div", {
       style: {
         padding: '.5em'
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Explorer, {
+    }, /*#__PURE__*/React.createElement(Explorer, {
       value: router.state.location.search || {},
       defaultExpanded: Object.keys(router.state.location.search || {}).reduce((obj, next) => {
         obj[next] = {};
@@ -1196,7 +1221,5 @@
   exports.TanStackRouterDevtools = TanStackRouterDevtools;
   exports.TanStackRouterDevtoolsPanel = TanStackRouterDevtoolsPanel;
 
-  Object.defineProperty(exports, '__esModule', { value: true });
-
 }));
 //# sourceMappingURL=index.development.js.map