@tanstack/react-query-devtools 5.0.0-alpha.5 → 5.0.0-alpha.51

package/build/lib/styledComponents.js

@@ -1,102 +0,0 @@
-'use strict';
-
-var utils = require('./utils.js');
-
-const Panel = utils.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',
-  }
-});
-
-const ActiveQueryPanel = utils.styled('div', () => ({
-  flex: '1 1 500px',
-  display: 'flex',
-  flexDirection: 'column',
-  overflow: 'auto',
-  height: '100%'
-}), {
-  '(max-width: 700px)': (_props, theme) => ({
-    borderTop: `2px solid ${theme.gray}`
-  })
-});
-const Button = utils.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'
-}));
-const QueryKeys = utils.styled('span', {
-  display: 'inline-block',
-  fontSize: '0.9em'
-});
-const QueryKey = utils.styled('span', {
-  display: 'inline-flex',
-  alignItems: 'center',
-  padding: '.2em .4em',
-  fontWeight: 'bold',
-  textShadow: '0 0 10px black',
-  borderRadius: '.2em'
-});
-const Code = utils.styled('code', {
-  fontSize: '.9em',
-  color: 'inherit',
-  background: 'inherit'
-});
-const Input = utils.styled('input', (_props, theme) => ({
-  backgroundColor: theme.inputBackgroundColor,
-  border: 0,
-  borderRadius: '.2em',
-  color: theme.inputTextColor,
-  fontSize: '.9em',
-  lineHeight: `1.3`,
-  padding: '.3em .4em'
-}));
-const Select = utils.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'
-  }
-});
-
-exports.ActiveQueryPanel = ActiveQueryPanel;
-exports.Button = Button;
-exports.Code = Code;
-exports.Input = Input;
-exports.Panel = Panel;
-exports.QueryKey = QueryKey;
-exports.QueryKeys = QueryKeys;
-exports.Select = Select;
-//# sourceMappingURL=styledComponents.js.map

package/build/lib/styledComponents.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styledComponents.js","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n  'div',\n  (_props, theme) => ({\n    fontSize: 'clamp(12px, 1.5vw, 14px)',\n    fontFamily: `sans-serif`,\n    display: 'flex',\n    backgroundColor: theme.background,\n    color: theme.foreground,\n  }),\n  {\n    '(max-width: 700px)': {\n      flexDirection: 'column',\n    },\n    '(max-width: 600px)': {\n      fontSize: '.9em',\n      // flexDirection: 'column',\n    },\n  },\n)\n\nexport const ActiveQueryPanel = styled(\n  'div',\n  () => ({\n    flex: '1 1 500px',\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'auto',\n    height: '100%',\n  }),\n  {\n    '(max-width: 700px)': (_props, theme) => ({\n      borderTop: `2px solid ${theme.gray}`,\n    }),\n  },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n  appearance: 'none',\n  fontSize: '.9em',\n  fontWeight: 'bold',\n  background: theme.gray,\n  border: '0',\n  borderRadius: '.3em',\n  color: 'white',\n  padding: '.5em',\n  opacity: props.disabled ? '.5' : undefined,\n  cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n  display: 'inline-block',\n  fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n  display: 'inline-flex',\n  alignItems: 'center',\n  padding: '.2em .4em',\n  fontWeight: 'bold',\n  textShadow: '0 0 10px black',\n  borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n  fontSize: '.9em',\n  color: 'inherit',\n  background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n  backgroundColor: theme.inputBackgroundColor,\n  border: 0,\n  borderRadius: '.2em',\n  color: theme.inputTextColor,\n  fontSize: '.9em',\n  lineHeight: `1.3`,\n  padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n  'select',\n  (_props, theme) => ({\n    display: `inline-block`,\n    fontSize: `.9em`,\n    fontFamily: `sans-serif`,\n    fontWeight: 'normal',\n    lineHeight: `1.3`,\n    padding: `.3em 1.5em .3em .5em`,\n    height: 'auto',\n    border: 0,\n    borderRadius: `.2em`,\n    appearance: `none`,\n    WebkitAppearance: 'none',\n    backgroundColor: theme.inputBackgroundColor,\n    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>\")`,\n    backgroundRepeat: `no-repeat`,\n    backgroundPosition: `right .55em center`,\n    backgroundSize: `.65em auto, 100%`,\n    color: theme.inputTextColor,\n  }),\n  {\n    '(max-width: 500px)': {\n      display: 'none',\n    },\n  },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}

package/build/lib/styledComponents.mjs

@@ -1,93 +0,0 @@
-import { styled } from './utils.mjs';
-
-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',
-  }
-});
-
-const ActiveQueryPanel = styled('div', () => ({
-  flex: '1 1 500px',
-  display: 'flex',
-  flexDirection: 'column',
-  overflow: 'auto',
-  height: '100%'
-}), {
-  '(max-width: 700px)': (_props, theme) => ({
-    borderTop: `2px solid ${theme.gray}`
-  })
-});
-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'
-}));
-const QueryKeys = styled('span', {
-  display: 'inline-block',
-  fontSize: '0.9em'
-});
-const QueryKey = styled('span', {
-  display: 'inline-flex',
-  alignItems: 'center',
-  padding: '.2em .4em',
-  fontWeight: 'bold',
-  textShadow: '0 0 10px black',
-  borderRadius: '.2em'
-});
-const Code = styled('code', {
-  fontSize: '.9em',
-  color: 'inherit',
-  background: 'inherit'
-});
-const Input = styled('input', (_props, theme) => ({
-  backgroundColor: theme.inputBackgroundColor,
-  border: 0,
-  borderRadius: '.2em',
-  color: theme.inputTextColor,
-  fontSize: '.9em',
-  lineHeight: `1.3`,
-  padding: '.3em .4em'
-}));
-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'
-  }
-});
-
-export { ActiveQueryPanel, Button, Code, Input, Panel, QueryKey, QueryKeys, Select };
-//# sourceMappingURL=styledComponents.mjs.map

package/build/lib/styledComponents.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styledComponents.mjs","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n  'div',\n  (_props, theme) => ({\n    fontSize: 'clamp(12px, 1.5vw, 14px)',\n    fontFamily: `sans-serif`,\n    display: 'flex',\n    backgroundColor: theme.background,\n    color: theme.foreground,\n  }),\n  {\n    '(max-width: 700px)': {\n      flexDirection: 'column',\n    },\n    '(max-width: 600px)': {\n      fontSize: '.9em',\n      // flexDirection: 'column',\n    },\n  },\n)\n\nexport const ActiveQueryPanel = styled(\n  'div',\n  () => ({\n    flex: '1 1 500px',\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'auto',\n    height: '100%',\n  }),\n  {\n    '(max-width: 700px)': (_props, theme) => ({\n      borderTop: `2px solid ${theme.gray}`,\n    }),\n  },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n  appearance: 'none',\n  fontSize: '.9em',\n  fontWeight: 'bold',\n  background: theme.gray,\n  border: '0',\n  borderRadius: '.3em',\n  color: 'white',\n  padding: '.5em',\n  opacity: props.disabled ? '.5' : undefined,\n  cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n  display: 'inline-block',\n  fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n  display: 'inline-flex',\n  alignItems: 'center',\n  padding: '.2em .4em',\n  fontWeight: 'bold',\n  textShadow: '0 0 10px black',\n  borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n  fontSize: '.9em',\n  color: 'inherit',\n  background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n  backgroundColor: theme.inputBackgroundColor,\n  border: 0,\n  borderRadius: '.2em',\n  color: theme.inputTextColor,\n  fontSize: '.9em',\n  lineHeight: `1.3`,\n  padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n  'select',\n  (_props, theme) => ({\n    display: `inline-block`,\n    fontSize: `.9em`,\n    fontFamily: `sans-serif`,\n    fontWeight: 'normal',\n    lineHeight: `1.3`,\n    padding: `.3em 1.5em .3em .5em`,\n    height: 'auto',\n    border: 0,\n    borderRadius: `.2em`,\n    appearance: `none`,\n    WebkitAppearance: 'none',\n    backgroundColor: theme.inputBackgroundColor,\n    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>\")`,\n    backgroundRepeat: `no-repeat`,\n    backgroundPosition: `right .55em center`,\n    backgroundSize: `.65em auto, 100%`,\n    color: theme.inputTextColor,\n  }),\n  {\n    '(max-width: 500px)': {\n      display: 'none',\n    },\n  },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}

package/build/lib/theme.d.ts

@@ -1,36 +0,0 @@
-import * as React from 'react';
-export declare const defaultTheme: {
-    readonly background: "#0b1521";
-    readonly backgroundAlt: "#132337";
-    readonly foreground: "white";
-    readonly gray: "#3f4e60";
-    readonly grayAlt: "#222e3e";
-    readonly inputBackgroundColor: "#fff";
-    readonly inputTextColor: "#000";
-    readonly success: "#00ab52";
-    readonly danger: "#ff0085";
-    readonly active: "#006bff";
-    readonly paused: "#8c49eb";
-    readonly warning: "#ffb200";
-};
-export declare type Theme = typeof defaultTheme;
-interface ProviderProps {
-    theme: Theme;
-    children?: React.ReactNode;
-}
-export declare function ThemeProvider({ theme, ...rest }: ProviderProps): JSX.Element;
-export declare function useTheme(): {
-    readonly background: "#0b1521";
-    readonly backgroundAlt: "#132337";
-    readonly foreground: "white";
-    readonly gray: "#3f4e60";
-    readonly grayAlt: "#222e3e";
-    readonly inputBackgroundColor: "#fff";
-    readonly inputTextColor: "#000";
-    readonly success: "#00ab52";
-    readonly danger: "#ff0085";
-    readonly active: "#006bff";
-    readonly paused: "#8c49eb";
-    readonly warning: "#ffb200";
-};
-export {};

package/build/lib/theme.esm.js

@@ -1,32 +0,0 @@
-import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.esm.js';
-import * as React from 'react';
-
-const defaultTheme = {
-  background: '#0b1521',
-  backgroundAlt: '#132337',
-  foreground: 'white',
-  gray: '#3f4e60',
-  grayAlt: '#222e3e',
-  inputBackgroundColor: '#fff',
-  inputTextColor: '#000',
-  success: '#00ab52',
-  danger: '#ff0085',
-  active: '#006bff',
-  paused: '#8c49eb',
-  warning: '#ffb200'
-};
-const ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
-function ThemeProvider({
-  theme,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement(ThemeContext.Provider, _extends({
-    value: theme
-  }, rest));
-}
-function useTheme() {
-  return React.useContext(ThemeContext);
-}
-
-export { ThemeProvider, defaultTheme, useTheme };
-//# sourceMappingURL=theme.esm.js.map

package/build/lib/theme.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.esm.js","sources":["../../src/theme.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nexport const defaultTheme = {\n  background: '#0b1521',\n  backgroundAlt: '#132337',\n  foreground: 'white',\n  gray: '#3f4e60',\n  grayAlt: '#222e3e',\n  inputBackgroundColor: '#fff',\n  inputTextColor: '#000',\n  success: '#00ab52',\n  danger: '#ff0085',\n  active: '#006bff',\n  paused: '#8c49eb',\n  warning: '#ffb200',\n} as const\n\nexport type Theme = typeof defaultTheme\ninterface ProviderProps {\n  theme: Theme\n  children?: React.ReactNode\n}\n\nconst ThemeContext = React.createContext(defaultTheme)\n\nexport function ThemeProvider({ theme, ...rest }: ProviderProps) {\n  return <ThemeContext.Provider value={theme} {...rest} />\n}\n\nexport function useTheme() {\n  return React.useContext(ThemeContext)\n}\n"],"names":["defaultTheme","background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning","ThemeContext","React","createContext","ThemeProvider","theme","rest","useTheme","useContext"],"mappings":";;;AAGO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,aAAa,EAAE,SAAS;AACxBC,EAAAA,UAAU,EAAE,OAAO;AACnBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,oBAAoB,EAAE,MAAM;AAC5BC,EAAAA,cAAc,EAAE,MAAM;AACtBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;AAQV,MAAMC,YAAY,gBAAGC,KAAK,CAACC,aAAa,CAACf,YAAY,CAAC,CAAA;AAE/C,SAASgB,aAAa,CAAC;EAAEC,KAAK;EAAE,GAAGC,IAAAA;AAAoB,CAAC,EAAE;EAC/D,oBAAO,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,QAAA,CAAA;AAAC,IAAA,KAAK,EAAED,KAAAA;AAAM,GAAA,EAAKC,IAAI,CAAI,CAAA,CAAA;AAC1D,CAAA;AAEO,SAASC,QAAQ,GAAG;AACzB,EAAA,OAAOL,KAAK,CAACM,UAAU,CAACP,YAAY,CAAC,CAAA;AACvC;;;;"}

package/build/lib/theme.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const defaultTheme = {
-  background: '#0b1521',
-  backgroundAlt: '#132337',
-  foreground: 'white',
-  gray: '#3f4e60',
-  grayAlt: '#222e3e',
-  inputBackgroundColor: '#fff',
-  inputTextColor: '#000',
-  success: '#00ab52',
-  danger: '#ff0085',
-  active: '#006bff',
-  paused: '#8c49eb',
-  warning: '#ffb200'
-};
-const ThemeContext = /*#__PURE__*/React__namespace.createContext(defaultTheme);
-function ThemeProvider({
-  theme,
-  ...rest
-}) {
-  return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, _rollupPluginBabelHelpers.extends({
-    value: theme
-  }, rest));
-}
-function useTheme() {
-  return React__namespace.useContext(ThemeContext);
-}
-
-exports.ThemeProvider = ThemeProvider;
-exports.defaultTheme = defaultTheme;
-exports.useTheme = useTheme;
-//# sourceMappingURL=theme.js.map

package/build/lib/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sources":["../../src/theme.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nexport const defaultTheme = {\n  background: '#0b1521',\n  backgroundAlt: '#132337',\n  foreground: 'white',\n  gray: '#3f4e60',\n  grayAlt: '#222e3e',\n  inputBackgroundColor: '#fff',\n  inputTextColor: '#000',\n  success: '#00ab52',\n  danger: '#ff0085',\n  active: '#006bff',\n  paused: '#8c49eb',\n  warning: '#ffb200',\n} as const\n\nexport type Theme = typeof defaultTheme\ninterface ProviderProps {\n  theme: Theme\n  children?: React.ReactNode\n}\n\nconst ThemeContext = React.createContext(defaultTheme)\n\nexport function ThemeProvider({ theme, ...rest }: ProviderProps) {\n  return <ThemeContext.Provider value={theme} {...rest} />\n}\n\nexport function useTheme() {\n  return React.useContext(ThemeContext)\n}\n"],"names":["defaultTheme","background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning","ThemeContext","React","createContext","ThemeProvider","theme","rest","_extends","useTheme","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,aAAa,EAAE,SAAS;AACxBC,EAAAA,UAAU,EAAE,OAAO;AACnBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,oBAAoB,EAAE,MAAM;AAC5BC,EAAAA,cAAc,EAAE,MAAM;AACtBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;AAQV,MAAMC,YAAY,gBAAGC,gBAAK,CAACC,aAAa,CAACf,YAAY,CAAC,CAAA;AAE/C,SAASgB,aAAa,CAAC;EAAEC,KAAK;EAAE,GAAGC,IAAAA;AAAoB,CAAC,EAAE;EAC/D,oBAAOJ,gBAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAQ,EAAAK,iCAAA,CAAA;AAAC,IAAA,KAAK,EAAEF,KAAAA;AAAM,GAAA,EAAKC,IAAI,CAAI,CAAA,CAAA;AAC1D,CAAA;AAEO,SAASE,QAAQ,GAAG;AACzB,EAAA,OAAON,gBAAK,CAACO,UAAU,CAACR,YAAY,CAAC,CAAA;AACvC;;;;;;"}

package/build/lib/theme.mjs

@@ -1,32 +0,0 @@
-import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.mjs';
-import * as React from 'react';
-
-const defaultTheme = {
-  background: '#0b1521',
-  backgroundAlt: '#132337',
-  foreground: 'white',
-  gray: '#3f4e60',
-  grayAlt: '#222e3e',
-  inputBackgroundColor: '#fff',
-  inputTextColor: '#000',
-  success: '#00ab52',
-  danger: '#ff0085',
-  active: '#006bff',
-  paused: '#8c49eb',
-  warning: '#ffb200'
-};
-const ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
-function ThemeProvider({
-  theme,
-  ...rest
-}) {
-  return /*#__PURE__*/React.createElement(ThemeContext.Provider, _extends({
-    value: theme
-  }, rest));
-}
-function useTheme() {
-  return React.useContext(ThemeContext);
-}
-
-export { ThemeProvider, defaultTheme, useTheme };
-//# sourceMappingURL=theme.mjs.map

package/build/lib/theme.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.mjs","sources":["../../src/theme.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nexport const defaultTheme = {\n  background: '#0b1521',\n  backgroundAlt: '#132337',\n  foreground: 'white',\n  gray: '#3f4e60',\n  grayAlt: '#222e3e',\n  inputBackgroundColor: '#fff',\n  inputTextColor: '#000',\n  success: '#00ab52',\n  danger: '#ff0085',\n  active: '#006bff',\n  paused: '#8c49eb',\n  warning: '#ffb200',\n} as const\n\nexport type Theme = typeof defaultTheme\ninterface ProviderProps {\n  theme: Theme\n  children?: React.ReactNode\n}\n\nconst ThemeContext = React.createContext(defaultTheme)\n\nexport function ThemeProvider({ theme, ...rest }: ProviderProps) {\n  return <ThemeContext.Provider value={theme} {...rest} />\n}\n\nexport function useTheme() {\n  return React.useContext(ThemeContext)\n}\n"],"names":["defaultTheme","background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning","ThemeContext","React","createContext","ThemeProvider","theme","rest","useTheme","useContext"],"mappings":";;;AAGO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,aAAa,EAAE,SAAS;AACxBC,EAAAA,UAAU,EAAE,OAAO;AACnBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,oBAAoB,EAAE,MAAM;AAC5BC,EAAAA,cAAc,EAAE,MAAM;AACtBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;AAQV,MAAMC,YAAY,gBAAGC,KAAK,CAACC,aAAa,CAACf,YAAY,CAAC,CAAA;AAE/C,SAASgB,aAAa,CAAC;EAAEC,KAAK;EAAE,GAAGC,IAAAA;AAAoB,CAAC,EAAE;EAC/D,oBAAO,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,QAAA,CAAA;AAAC,IAAA,KAAK,EAAED,KAAAA;AAAM,GAAA,EAAKC,IAAI,CAAI,CAAA,CAAA;AAC1D,CAAA;AAEO,SAASC,QAAQ,GAAG;AACzB,EAAA,OAAOL,KAAK,CAACM,UAAU,CAACP,YAAY,CAAC,CAAA;AACvC;;;;"}

package/build/lib/useLocalStorage.d.ts

@@ -1 +0,0 @@
-export default function useLocalStorage<T>(key: string, defaultValue: T | undefined): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void];

package/build/lib/useLocalStorage.esm.js

@@ -1,40 +0,0 @@
-import * as React from 'react';
-
-const getItem = key => {
-  try {
-    const itemValue = localStorage.getItem(key);
-    if (typeof itemValue === 'string') {
-      return JSON.parse(itemValue);
-    }
-    return undefined;
-  } catch {
-    return undefined;
-  }
-};
-function useLocalStorage(key, defaultValue) {
-  const [value, setValue] = React.useState();
-  React.useEffect(() => {
-    const initialValue = getItem(key);
-    if (typeof initialValue === 'undefined' || initialValue === null) {
-      setValue(typeof defaultValue === 'function' ? defaultValue() : defaultValue);
-    } else {
-      setValue(initialValue);
-    }
-  }, [defaultValue, key]);
-  const setter = React.useCallback(updater => {
-    setValue(old => {
-      let newVal = updater;
-      if (typeof updater == 'function') {
-        newVal = updater(old);
-      }
-      try {
-        localStorage.setItem(key, JSON.stringify(newVal));
-      } catch {}
-      return newVal;
-    });
-  }, [key]);
-  return [value, setter];
-}
-
-export { useLocalStorage as default };
-//# sourceMappingURL=useLocalStorage.esm.js.map

package/build/lib/useLocalStorage.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.esm.js","sources":["../../src/useLocalStorage.ts"],"sourcesContent":["import * as React from 'react'\n\nconst getItem = (key: string): unknown => {\n  try {\n    const itemValue = localStorage.getItem(key)\n    if (typeof itemValue === 'string') {\n      return JSON.parse(itemValue)\n    }\n    return undefined\n  } catch {\n    return undefined\n  }\n}\n\nexport default function useLocalStorage<T>(\n  key: string,\n  defaultValue: T | undefined,\n): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void] {\n  const [value, setValue] = React.useState<T>()\n\n  React.useEffect(() => {\n    const initialValue = getItem(key) as T | undefined\n\n    if (typeof initialValue === 'undefined' || initialValue === null) {\n      setValue(\n        typeof defaultValue === 'function' ? defaultValue() : defaultValue,\n      )\n    } else {\n      setValue(initialValue)\n    }\n  }, [defaultValue, key])\n\n  const setter = React.useCallback(\n    (updater: any) => {\n      setValue((old) => {\n        let newVal = updater\n\n        if (typeof updater == 'function') {\n          newVal = updater(old)\n        }\n        try {\n          localStorage.setItem(key, JSON.stringify(newVal))\n        } catch {}\n\n        return newVal\n      })\n    },\n    [key],\n  )\n\n  return [value, setter]\n}\n"],"names":["getItem","key","itemValue","localStorage","JSON","parse","undefined","useLocalStorage","defaultValue","value","setValue","React","useState","useEffect","initialValue","setter","useCallback","updater","old","newVal","setItem","stringify"],"mappings":";;AAEA,MAAMA,OAAO,GAAIC,GAAW,IAAc;EACxC,IAAI;AACF,IAAA,MAAMC,SAAS,GAAGC,YAAY,CAACH,OAAO,CAACC,GAAG,CAAC,CAAA;AAC3C,IAAA,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;AACjC,MAAA,OAAOE,IAAI,CAACC,KAAK,CAACH,SAAS,CAAC,CAAA;AAC9B,KAAA;AACA,IAAA,OAAOI,SAAS,CAAA;AAClB,GAAC,CAAC,MAAM;AACN,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;AACF,CAAC,CAAA;AAEc,SAASC,eAAe,CACrCN,GAAW,EACXO,YAA2B,EACiC;EAC5D,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,KAAK,CAACC,QAAQ,EAAK,CAAA;EAE7CD,KAAK,CAACE,SAAS,CAAC,MAAM;AACpB,IAAA,MAAMC,YAAY,GAAGd,OAAO,CAACC,GAAG,CAAkB,CAAA;IAElD,IAAI,OAAOa,YAAY,KAAK,WAAW,IAAIA,YAAY,KAAK,IAAI,EAAE;MAChEJ,QAAQ,CACN,OAAOF,YAAY,KAAK,UAAU,GAAGA,YAAY,EAAE,GAAGA,YAAY,CACnE,CAAA;AACH,KAAC,MAAM;MACLE,QAAQ,CAACI,YAAY,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EAAE,CAACN,YAAY,EAAEP,GAAG,CAAC,CAAC,CAAA;AAEvB,EAAA,MAAMc,MAAM,GAAGJ,KAAK,CAACK,WAAW,CAC7BC,OAAY,IAAK;IAChBP,QAAQ,CAAEQ,GAAG,IAAK;MAChB,IAAIC,MAAM,GAAGF,OAAO,CAAA;AAEpB,MAAA,IAAI,OAAOA,OAAO,IAAI,UAAU,EAAE;AAChCE,QAAAA,MAAM,GAAGF,OAAO,CAACC,GAAG,CAAC,CAAA;AACvB,OAAA;MACA,IAAI;QACFf,YAAY,CAACiB,OAAO,CAACnB,GAAG,EAAEG,IAAI,CAACiB,SAAS,CAACF,MAAM,CAAC,CAAC,CAAA;OAClD,CAAC,MAAM,EAAC;AAET,MAAA,OAAOA,MAAM,CAAA;AACf,KAAC,CAAC,CAAA;AACJ,GAAC,EACD,CAAClB,GAAG,CAAC,CACN,CAAA;AAED,EAAA,OAAO,CAACQ,KAAK,EAAEM,MAAM,CAAC,CAAA;AACxB;;;;"}

package/build/lib/useLocalStorage.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const getItem = key => {
-  try {
-    const itemValue = localStorage.getItem(key);
-    if (typeof itemValue === 'string') {
-      return JSON.parse(itemValue);
-    }
-    return undefined;
-  } catch {
-    return undefined;
-  }
-};
-function useLocalStorage(key, defaultValue) {
-  const [value, setValue] = React__namespace.useState();
-  React__namespace.useEffect(() => {
-    const initialValue = getItem(key);
-    if (typeof initialValue === 'undefined' || initialValue === null) {
-      setValue(typeof defaultValue === 'function' ? defaultValue() : defaultValue);
-    } else {
-      setValue(initialValue);
-    }
-  }, [defaultValue, key]);
-  const setter = React__namespace.useCallback(updater => {
-    setValue(old => {
-      let newVal = updater;
-      if (typeof updater == 'function') {
-        newVal = updater(old);
-      }
-      try {
-        localStorage.setItem(key, JSON.stringify(newVal));
-      } catch {}
-      return newVal;
-    });
-  }, [key]);
-  return [value, setter];
-}
-
-exports.default = useLocalStorage;
-//# sourceMappingURL=useLocalStorage.js.map

package/build/lib/useLocalStorage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../src/useLocalStorage.ts"],"sourcesContent":["import * as React from 'react'\n\nconst getItem = (key: string): unknown => {\n  try {\n    const itemValue = localStorage.getItem(key)\n    if (typeof itemValue === 'string') {\n      return JSON.parse(itemValue)\n    }\n    return undefined\n  } catch {\n    return undefined\n  }\n}\n\nexport default function useLocalStorage<T>(\n  key: string,\n  defaultValue: T | undefined,\n): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void] {\n  const [value, setValue] = React.useState<T>()\n\n  React.useEffect(() => {\n    const initialValue = getItem(key) as T | undefined\n\n    if (typeof initialValue === 'undefined' || initialValue === null) {\n      setValue(\n        typeof defaultValue === 'function' ? defaultValue() : defaultValue,\n      )\n    } else {\n      setValue(initialValue)\n    }\n  }, [defaultValue, key])\n\n  const setter = React.useCallback(\n    (updater: any) => {\n      setValue((old) => {\n        let newVal = updater\n\n        if (typeof updater == 'function') {\n          newVal = updater(old)\n        }\n        try {\n          localStorage.setItem(key, JSON.stringify(newVal))\n        } catch {}\n\n        return newVal\n      })\n    },\n    [key],\n  )\n\n  return [value, setter]\n}\n"],"names":["getItem","key","itemValue","localStorage","JSON","parse","undefined","useLocalStorage","defaultValue","value","setValue","React","useState","useEffect","initialValue","setter","useCallback","updater","old","newVal","setItem","stringify"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,OAAO,GAAIC,GAAW,IAAc;EACxC,IAAI;AACF,IAAA,MAAMC,SAAS,GAAGC,YAAY,CAACH,OAAO,CAACC,GAAG,CAAC,CAAA;AAC3C,IAAA,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;AACjC,MAAA,OAAOE,IAAI,CAACC,KAAK,CAACH,SAAS,CAAC,CAAA;AAC9B,KAAA;AACA,IAAA,OAAOI,SAAS,CAAA;AAClB,GAAC,CAAC,MAAM;AACN,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;AACF,CAAC,CAAA;AAEc,SAASC,eAAe,CACrCN,GAAW,EACXO,YAA2B,EACiC;EAC5D,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,gBAAK,CAACC,QAAQ,EAAK,CAAA;EAE7CD,gBAAK,CAACE,SAAS,CAAC,MAAM;AACpB,IAAA,MAAMC,YAAY,GAAGd,OAAO,CAACC,GAAG,CAAkB,CAAA;IAElD,IAAI,OAAOa,YAAY,KAAK,WAAW,IAAIA,YAAY,KAAK,IAAI,EAAE;MAChEJ,QAAQ,CACN,OAAOF,YAAY,KAAK,UAAU,GAAGA,YAAY,EAAE,GAAGA,YAAY,CACnE,CAAA;AACH,KAAC,MAAM;MACLE,QAAQ,CAACI,YAAY,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EAAE,CAACN,YAAY,EAAEP,GAAG,CAAC,CAAC,CAAA;AAEvB,EAAA,MAAMc,MAAM,GAAGJ,gBAAK,CAACK,WAAW,CAC7BC,OAAY,IAAK;IAChBP,QAAQ,CAAEQ,GAAG,IAAK;MAChB,IAAIC,MAAM,GAAGF,OAAO,CAAA;AAEpB,MAAA,IAAI,OAAOA,OAAO,IAAI,UAAU,EAAE;AAChCE,QAAAA,MAAM,GAAGF,OAAO,CAACC,GAAG,CAAC,CAAA;AACvB,OAAA;MACA,IAAI;QACFf,YAAY,CAACiB,OAAO,CAACnB,GAAG,EAAEG,IAAI,CAACiB,SAAS,CAACF,MAAM,CAAC,CAAC,CAAA;OAClD,CAAC,MAAM,EAAC;AAET,MAAA,OAAOA,MAAM,CAAA;AACf,KAAC,CAAC,CAAA;AACJ,GAAC,EACD,CAAClB,GAAG,CAAC,CACN,CAAA;AAED,EAAA,OAAO,CAACQ,KAAK,EAAEM,MAAM,CAAC,CAAA;AACxB;;;;"}

package/build/lib/useLocalStorage.mjs

@@ -1,40 +0,0 @@
-import * as React from 'react';
-
-const getItem = key => {
-  try {
-    const itemValue = localStorage.getItem(key);
-    if (typeof itemValue === 'string') {
-      return JSON.parse(itemValue);
-    }
-    return undefined;
-  } catch {
-    return undefined;
-  }
-};
-function useLocalStorage(key, defaultValue) {
-  const [value, setValue] = React.useState();
-  React.useEffect(() => {
-    const initialValue = getItem(key);
-    if (typeof initialValue === 'undefined' || initialValue === null) {
-      setValue(typeof defaultValue === 'function' ? defaultValue() : defaultValue);
-    } else {
-      setValue(initialValue);
-    }
-  }, [defaultValue, key]);
-  const setter = React.useCallback(updater => {
-    setValue(old => {
-      let newVal = updater;
-      if (typeof updater == 'function') {
-        newVal = updater(old);
-      }
-      try {
-        localStorage.setItem(key, JSON.stringify(newVal));
-      } catch {}
-      return newVal;
-    });
-  }, [key]);
-  return [value, setter];
-}
-
-export { useLocalStorage as default };
-//# sourceMappingURL=useLocalStorage.mjs.map

package/build/lib/useLocalStorage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.mjs","sources":["../../src/useLocalStorage.ts"],"sourcesContent":["import * as React from 'react'\n\nconst getItem = (key: string): unknown => {\n  try {\n    const itemValue = localStorage.getItem(key)\n    if (typeof itemValue === 'string') {\n      return JSON.parse(itemValue)\n    }\n    return undefined\n  } catch {\n    return undefined\n  }\n}\n\nexport default function useLocalStorage<T>(\n  key: string,\n  defaultValue: T | undefined,\n): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void] {\n  const [value, setValue] = React.useState<T>()\n\n  React.useEffect(() => {\n    const initialValue = getItem(key) as T | undefined\n\n    if (typeof initialValue === 'undefined' || initialValue === null) {\n      setValue(\n        typeof defaultValue === 'function' ? defaultValue() : defaultValue,\n      )\n    } else {\n      setValue(initialValue)\n    }\n  }, [defaultValue, key])\n\n  const setter = React.useCallback(\n    (updater: any) => {\n      setValue((old) => {\n        let newVal = updater\n\n        if (typeof updater == 'function') {\n          newVal = updater(old)\n        }\n        try {\n          localStorage.setItem(key, JSON.stringify(newVal))\n        } catch {}\n\n        return newVal\n      })\n    },\n    [key],\n  )\n\n  return [value, setter]\n}\n"],"names":["getItem","key","itemValue","localStorage","JSON","parse","undefined","useLocalStorage","defaultValue","value","setValue","React","useState","useEffect","initialValue","setter","useCallback","updater","old","newVal","setItem","stringify"],"mappings":";;AAEA,MAAMA,OAAO,GAAIC,GAAW,IAAc;EACxC,IAAI;AACF,IAAA,MAAMC,SAAS,GAAGC,YAAY,CAACH,OAAO,CAACC,GAAG,CAAC,CAAA;AAC3C,IAAA,IAAI,OAAOC,SAAS,KAAK,QAAQ,EAAE;AACjC,MAAA,OAAOE,IAAI,CAACC,KAAK,CAACH,SAAS,CAAC,CAAA;AAC9B,KAAA;AACA,IAAA,OAAOI,SAAS,CAAA;AAClB,GAAC,CAAC,MAAM;AACN,IAAA,OAAOA,SAAS,CAAA;AAClB,GAAA;AACF,CAAC,CAAA;AAEc,SAASC,eAAe,CACrCN,GAAW,EACXO,YAA2B,EACiC;EAC5D,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,KAAK,CAACC,QAAQ,EAAK,CAAA;EAE7CD,KAAK,CAACE,SAAS,CAAC,MAAM;AACpB,IAAA,MAAMC,YAAY,GAAGd,OAAO,CAACC,GAAG,CAAkB,CAAA;IAElD,IAAI,OAAOa,YAAY,KAAK,WAAW,IAAIA,YAAY,KAAK,IAAI,EAAE;MAChEJ,QAAQ,CACN,OAAOF,YAAY,KAAK,UAAU,GAAGA,YAAY,EAAE,GAAGA,YAAY,CACnE,CAAA;AACH,KAAC,MAAM;MACLE,QAAQ,CAACI,YAAY,CAAC,CAAA;AACxB,KAAA;AACF,GAAC,EAAE,CAACN,YAAY,EAAEP,GAAG,CAAC,CAAC,CAAA;AAEvB,EAAA,MAAMc,MAAM,GAAGJ,KAAK,CAACK,WAAW,CAC7BC,OAAY,IAAK;IAChBP,QAAQ,CAAEQ,GAAG,IAAK;MAChB,IAAIC,MAAM,GAAGF,OAAO,CAAA;AAEpB,MAAA,IAAI,OAAOA,OAAO,IAAI,UAAU,EAAE;AAChCE,QAAAA,MAAM,GAAGF,OAAO,CAACC,GAAG,CAAC,CAAA;AACvB,OAAA;MACA,IAAI;QACFf,YAAY,CAACiB,OAAO,CAACnB,GAAG,EAAEG,IAAI,CAACiB,SAAS,CAACF,MAAM,CAAC,CAAC,CAAA;OAClD,CAAC,MAAM,EAAC;AAET,MAAA,OAAOA,MAAM,CAAA;AACf,KAAC,CAAC,CAAA;AACJ,GAAC,EACD,CAAClB,GAAG,CAAC,CACN,CAAA;AAED,EAAA,OAAO,CAACQ,KAAK,EAAEM,MAAM,CAAC,CAAA;AACxB;;;;"}

package/build/lib/useMediaQuery.d.ts

@@ -1 +0,0 @@
-export default function useMediaQuery(query: string): boolean | undefined;

package/build/lib/useMediaQuery.esm.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-
-function useMediaQuery(query) {
-  // Keep track of the preference in state, start with the current match
-  const [isMatch, setIsMatch] = React.useState(() => {
-    if (typeof window !== 'undefined') {
-      return window.matchMedia(query).matches;
-    }
-    return;
-  });
-
-  // Watch for changes
-  React.useEffect(() => {
-    if (typeof window !== 'undefined') {
-      // Create a matcher
-      const matcher = window.matchMedia(query);
-
-      // Create our handler
-      const onChange = ({
-        matches
-      }) => setIsMatch(matches);
-
-      // Listen for changes
-      matcher.addListener(onChange);
-      return () => {
-        // Stop listening for changes
-        matcher.removeListener(onChange);
-      };
-    }
-    return;
-  }, [isMatch, query, setIsMatch]);
-  return isMatch;
-}
-
-export { useMediaQuery as default };
-//# sourceMappingURL=useMediaQuery.esm.js.map

package/build/lib/useMediaQuery.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaQuery.esm.js","sources":["../../src/useMediaQuery.ts"],"sourcesContent":["import * as 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(query).matches\n    }\n    return\n  })\n\n  // Watch for changes\n  React.useEffect(() => {\n    if (typeof window !== 'undefined') {\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    return\n  }, [isMatch, query, setIsMatch])\n\n  return isMatch\n}\n"],"names":["useMediaQuery","query","isMatch","setIsMatch","React","useState","window","matchMedia","matches","useEffect","matcher","onChange","addListener","removeListener"],"mappings":";;AAEe,SAASA,aAAa,CAACC,KAAa,EAAuB;AACxE;EACA,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,MAAM;AACjD,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;AACjC,MAAA,OAAOA,MAAM,CAACC,UAAU,CAACN,KAAK,CAAC,CAACO,OAAO,CAAA;AACzC,KAAA;AACA,IAAA,OAAA;AACF,GAAC,CAAC,CAAA;;AAEF;EACAJ,KAAK,CAACK,SAAS,CAAC,MAAM;AACpB,IAAA,IAAI,OAAOH,MAAM,KAAK,WAAW,EAAE;AACjC;AACA,MAAA,MAAMI,OAAO,GAAGJ,MAAM,CAACC,UAAU,CAACN,KAAK,CAAC,CAAA;;AAExC;MACA,MAAMU,QAAQ,GAAG,CAAC;AAAEH,QAAAA,OAAAA;AAA8B,OAAC,KACjDL,UAAU,CAACK,OAAO,CAAC,CAAA;;AAErB;AACAE,MAAAA,OAAO,CAACE,WAAW,CAACD,QAAQ,CAAC,CAAA;AAE7B,MAAA,OAAO,MAAM;AACX;AACAD,QAAAA,OAAO,CAACG,cAAc,CAACF,QAAQ,CAAC,CAAA;OACjC,CAAA;AACH,KAAA;AACA,IAAA,OAAA;GACD,EAAE,CAACT,OAAO,EAAED,KAAK,EAAEE,UAAU,CAAC,CAAC,CAAA;AAEhC,EAAA,OAAOD,OAAO,CAAA;AAChB;;;;"}