@tanstack/router-devtools 1.16.6 → 1.17.1

package/dist/esm/useMediaQuery.js

@@ -1,28 +0,0 @@
-import React__default from "react";
-function useMediaQuery(query) {
-  const [isMatch, setIsMatch] = React__default.useState(() => {
-    if (typeof window !== "undefined") {
-      return window.matchMedia && window.matchMedia(query).matches;
-    }
-    return;
-  });
-  React__default.useEffect(() => {
-    if (typeof window !== "undefined") {
-      if (!window.matchMedia) {
-        return;
-      }
-      const matcher = window.matchMedia(query);
-      const onChange = ({ matches }) => setIsMatch(matches);
-      matcher.addListener(onChange);
-      return () => {
-        matcher.removeListener(onChange);
-      };
-    }
-    return;
-  }, [isMatch, query, setIsMatch]);
-  return isMatch;
-}
-export {
-  useMediaQuery as default
-};
-//# sourceMappingURL=useMediaQuery.js.map

package/dist/esm/useMediaQuery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaQuery.js","sources":["../../src/useMediaQuery.ts"],"sourcesContent":["import React from 'react'\n\nexport default function useMediaQuery(query: string): boolean | undefined {\n  // Keep track of the preference in state, start with the current match\n  const [isMatch, setIsMatch] = React.useState(() => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia && window.matchMedia(query).matches\n    }\n    return\n  })\n\n  // Watch for changes\n  React.useEffect(() => {\n    if (typeof window !== 'undefined') {\n      if (!window.matchMedia) {\n        return\n      }\n\n      // Create a matcher\n      const matcher = window.matchMedia(query)\n\n      // Create our handler\n      const onChange = ({ matches }: { matches: boolean }) =>\n        setIsMatch(matches)\n\n      // Listen for changes\n      matcher.addListener(onChange)\n\n      return () => {\n        // Stop listening for changes\n        matcher.removeListener(onChange)\n      }\n    }\n\n    return\n  }, [isMatch, query, setIsMatch])\n\n  return isMatch\n}\n"],"names":["React"],"mappings":";AAEA,SAAwB,cAAc,OAAoC;AAExE,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,MAAM;AAC7C,QAAA,OAAO,WAAW,aAAa;AACjC,aAAO,OAAO,cAAc,OAAO,WAAW,KAAK,EAAE;AAAA,IACvD;AACA;AAAA,EAAA,CACD;AAGDA,iBAAM,UAAU,MAAM;AAChB,QAAA,OAAO,WAAW,aAAa;AAC7B,UAAA,CAAC,OAAO,YAAY;AACtB;AAAA,MACF;AAGM,YAAA,UAAU,OAAO,WAAW,KAAK;AAGvC,YAAM,WAAW,CAAC,EAAE,QAAQ,MAC1B,WAAW,OAAO;AAGpB,cAAQ,YAAY,QAAQ;AAE5B,aAAO,MAAM;AAEX,gBAAQ,eAAe,QAAQ;AAAA,MAAA;AAAA,IAEnC;AAEA;AAAA,EACC,GAAA,CAAC,SAAS,OAAO,UAAU,CAAC;AAExB,SAAA;AACT;"}

package/src/styledComponents.ts

@@ -1,106 +0,0 @@
-import { styled } from './utils'
-
-export const Panel = styled(
-  'div',
-  (_props, theme) => ({
-    fontSize: 'clamp(12px, 1.5vw, 14px)',
-    fontFamily: `sans-serif`,
-    display: 'flex',
-    backgroundColor: theme.background,
-    color: theme.foreground,
-  }),
-  {
-    '(max-width: 700px)': {
-      flexDirection: 'column',
-    },
-    '(max-width: 600px)': {
-      fontSize: '.9em',
-      // flexDirection: 'column',
-    },
-  },
-)
-
-export const ActivePanel = styled(
-  'div',
-  () => ({
-    flex: '1 1 500px',
-    display: 'flex',
-    flexDirection: 'column',
-    overflow: 'auto',
-    height: '100%',
-  }),
-  {
-    '(max-width: 700px)': (_props, theme) => ({
-      borderTop: `2px solid ${theme.gray}`,
-    }),
-  },
-)
-
-export const Button = styled('button', (props, theme) => ({
-  appearance: 'none',
-  fontSize: '.9em',
-  fontWeight: 'bold',
-  background: theme.gray,
-  border: '0',
-  borderRadius: '.3em',
-  color: 'white',
-  padding: '.5em',
-  opacity: props.disabled ? '.5' : undefined,
-  cursor: 'pointer',
-}))
-
-// export const QueryKeys = styled('span', {
-//   display: 'inline-block',
-//   fontSize: '0.9em',
-// })
-
-// export const QueryKey = styled('span', {
-//   display: 'inline-flex',
-//   alignItems: 'center',
-//   padding: '.2em .4em',
-//   fontWeight: 'bold',
-//   textShadow: '0 0 10px black',
-//   borderRadius: '.2em',
-// })
-
-export const Code = styled('code', {
-  fontSize: '.9em',
-})
-
-export const Input = styled('input', (_props, theme) => ({
-  backgroundColor: theme.inputBackgroundColor,
-  border: 0,
-  borderRadius: '.2em',
-  color: theme.inputTextColor,
-  fontSize: '.9em',
-  lineHeight: `1.3`,
-  padding: '.3em .4em',
-}))
-
-export const Select = styled(
-  'select',
-  (_props, theme) => ({
-    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: theme.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: theme.inputTextColor,
-  }),
-  {
-    '(max-width: 500px)': {
-      display: 'none',
-    },
-  },
-)