@tanstack/react-query-devtools 5.0.0-alpha.25 → 5.0.0-alpha.27

package/build/lib/styledComponents.js

@@ -1,112 +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',
-  }
-});
-
-Panel.displayName = 'Panel';
-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}`
-  })
-});
-ActiveQueryPanel.displayName = 'ActiveQueryPanel';
-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'
-}));
-Button.displayName = 'Button';
-const QueryKeys = utils.styled('span', {
-  display: 'flex',
-  flexWrap: 'wrap',
-  gap: '0.5em',
-  fontSize: '0.9em'
-});
-QueryKeys.displayName = 'QueryKeys';
-const QueryKey = utils.styled('span', {
-  display: 'inline-flex',
-  alignItems: 'center',
-  padding: '.2em .4em',
-  fontWeight: 'bold',
-  textShadow: '0 0 10px black',
-  borderRadius: '.2em'
-});
-QueryKey.displayName = 'QueryKey';
-const Code = utils.styled('code', {
-  fontSize: '.9em',
-  color: 'inherit',
-  background: 'inherit'
-});
-Code.displayName = 'Code';
-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'
-}));
-Input.displayName = 'Input';
-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'
-  }
-});
-Select.displayName = 'Select';
-
-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\nPanel.displayName = 'Panel'\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\nActiveQueryPanel.displayName = 'ActiveQueryPanel'\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\nButton.displayName = 'Button'\n\nexport const QueryKeys = styled('span', {\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: '0.5em',\n  fontSize: '0.9em',\n})\n\nQueryKeys.displayName = 'QueryKeys'\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\nQueryKey.displayName = 'QueryKey'\n\nexport const Code = styled('code', {\n  fontSize: '.9em',\n  color: 'inherit',\n  background: 'inherit',\n})\n\nCode.displayName = 'Code'\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\nInput.displayName = 'Input'\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\nSelect.displayName = 'Select'\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","displayName","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","flexWrap","gap","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,103 +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',
-  }
-});
-
-Panel.displayName = 'Panel';
-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}`
-  })
-});
-ActiveQueryPanel.displayName = 'ActiveQueryPanel';
-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'
-}));
-Button.displayName = 'Button';
-const QueryKeys = styled('span', {
-  display: 'flex',
-  flexWrap: 'wrap',
-  gap: '0.5em',
-  fontSize: '0.9em'
-});
-QueryKeys.displayName = 'QueryKeys';
-const QueryKey = styled('span', {
-  display: 'inline-flex',
-  alignItems: 'center',
-  padding: '.2em .4em',
-  fontWeight: 'bold',
-  textShadow: '0 0 10px black',
-  borderRadius: '.2em'
-});
-QueryKey.displayName = 'QueryKey';
-const Code = styled('code', {
-  fontSize: '.9em',
-  color: 'inherit',
-  background: 'inherit'
-});
-Code.displayName = 'Code';
-const Input = styled('input', (_props, theme) => ({
-  backgroundColor: theme.inputBackgroundColor,
-  border: 0,
-  borderRadius: '.2em',
-  color: theme.inputTextColor,
-  fontSize: '.9em',
-  lineHeight: `1.3`,
-  padding: '.3em .4em'
-}));
-Input.displayName = 'Input';
-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'
-  }
-});
-Select.displayName = 'Select';
-
-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\nPanel.displayName = 'Panel'\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\nActiveQueryPanel.displayName = 'ActiveQueryPanel'\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\nButton.displayName = 'Button'\n\nexport const QueryKeys = styled('span', {\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: '0.5em',\n  fontSize: '0.9em',\n})\n\nQueryKeys.displayName = 'QueryKeys'\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\nQueryKey.displayName = 'QueryKey'\n\nexport const Code = styled('code', {\n  fontSize: '.9em',\n  color: 'inherit',\n  background: 'inherit',\n})\n\nCode.displayName = 'Code'\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\nInput.displayName = 'Input'\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\nSelect.displayName = 'Select'\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","displayName","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","flexWrap","gap","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,37 +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 {};
-//# sourceMappingURL=theme.d.ts.map

package/build/lib/theme.esm.js

@@ -1,33 +0,0 @@
-'use client';
-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":["background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning"],"mappings":";;;;AAGO;AACLA;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACF;AAQA;AAEO;;;AAAuD;;AAC9B;AAAa;AAC7C;AAEO;AACL;AACF;;"}

package/build/lib/theme.js

@@ -1,56 +0,0 @@
-'use client';
-'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":["background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGO;AACLA;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACF;AAQA;AAEO;;;AAAuD;;AAC9B;AAAa;AAC7C;AAEO;AACL;AACF;;;;"}

package/build/lib/theme.mjs

@@ -1,33 +0,0 @@
-'use client';
-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":["background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning"],"mappings":";;;;AAGO;AACLA;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACF;AAQA;AAEO;;;AAAuD;;AAC9B;AAAa;AAC7C;AAEO;AACL;AACF;;"}

package/build/lib/types.d.ts

@@ -1,12 +0,0 @@
-import type { Query, DefaultError } from '@tanstack/react-query';
-export interface DevToolsErrorType {
-    /**
-     * The name of the error.
-     */
-    name: string;
-    /**
-     * How the error is initialized.
-     */
-    initializer: (query: Query) => DefaultError;
-}
-//# sourceMappingURL=types.d.ts.map

package/build/lib/useLocalStorage.d.ts

@@ -1,2 +0,0 @@
-export default function useLocalStorage<T>(key: string, defaultValue: T | undefined): [T | undefined, (newVal: T | ((prevVal: T) => T)) => void];
-//# sourceMappingURL=useLocalStorage.d.ts.map

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,2 +0,0 @@
-export default function useMediaQuery(query: string): boolean | undefined;
-//# sourceMappingURL=useMediaQuery.d.ts.map

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