@tanstack/react-query-devtools 5.104.5 → 5.105.1

package/build/modern/ReactQueryDevtoolsPanel-C2_VXpks.d.ts

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { QueryClient } from "@tanstack/react-query";
+import { DevtoolsErrorType, Theme } from "@tanstack/query-devtools";
+declare namespace ReactQueryDevtoolsPanel_d_exports {
+  export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };
+}
+/**
+ * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.
+ */
+interface DevtoolsPanelOptions {
+  /**
+   * Custom instance of QueryClient
+   */
+  client?: QueryClient;
+  /**
+   * Use this so you can define custom errors that can be shown in the devtools.
+   */
+  errorTypes?: Array<DevtoolsErrorType>;
+  /**
+   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
+   */
+  styleNonce?: string;
+  /**
+   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied
+   * within the shadow DOM instead of within the head tag in the light DOM.
+   */
+  shadowDOMTarget?: ShadowRoot;
+  /**
+   * Custom styles for the devtools panel
+   * @default { height: '500px' }
+   * @example { height: '100%' }
+   * @example { height: '100%', width: '100%' }
+   */
+  style?: React.CSSProperties;
+  /**
+   * Callback function that is called when the devtools panel is closed
+   */
+  onClose?: () => void;
+  /**
+   * Set this to true to hide disabled queries from the devtools panel.
+   */
+  hideDisabledQueries?: boolean;
+  /**
+   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
+   */
+  theme?: Theme;
+}
+/**
+ * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.
+ * @param props - The devtools panel options.
+ * @returns The element the devtools panel is mounted in.
+ */
+declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
+export { ReactQueryDevtoolsPanel as n, ReactQueryDevtoolsPanel_d_exports as r, DevtoolsPanelOptions as t };
+//# sourceMappingURL=ReactQueryDevtoolsPanel-C2_VXpks.d.ts.map

package/build/modern/ReactQueryDevtoolsPanel-C2_VXpks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactQueryDevtoolsPanel-C2_VXpks.d.ts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;;;;UAUiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;;EAMA,QAAQ;;;;;;;iBAQM,wBACd,OAAO,uBACN,MAAM"}

package/build/modern/ReactQueryDevtoolsPanel-DKrB7Z0x.d.cts

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { DevtoolsErrorType, Theme } from "@tanstack/query-devtools";
+import { QueryClient } from "@tanstack/react-query";
+declare namespace ReactQueryDevtoolsPanel_d_exports {
+  export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };
+}
+/**
+ * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.
+ */
+interface DevtoolsPanelOptions {
+  /**
+   * Custom instance of QueryClient
+   */
+  client?: QueryClient;
+  /**
+   * Use this so you can define custom errors that can be shown in the devtools.
+   */
+  errorTypes?: Array<DevtoolsErrorType>;
+  /**
+   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
+   */
+  styleNonce?: string;
+  /**
+   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied
+   * within the shadow DOM instead of within the head tag in the light DOM.
+   */
+  shadowDOMTarget?: ShadowRoot;
+  /**
+   * Custom styles for the devtools panel
+   * @default { height: '500px' }
+   * @example { height: '100%' }
+   * @example { height: '100%', width: '100%' }
+   */
+  style?: React.CSSProperties;
+  /**
+   * Callback function that is called when the devtools panel is closed
+   */
+  onClose?: () => void;
+  /**
+   * Set this to true to hide disabled queries from the devtools panel.
+   */
+  hideDisabledQueries?: boolean;
+  /**
+   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
+   */
+  theme?: Theme;
+}
+/**
+ * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.
+ * @param props - The devtools panel options.
+ * @returns The element the devtools panel is mounted in.
+ */
+declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
+export { ReactQueryDevtoolsPanel as n, ReactQueryDevtoolsPanel_d_exports as r, DevtoolsPanelOptions as t };
+//# sourceMappingURL=ReactQueryDevtoolsPanel-DKrB7Z0x.d.cts.map

package/build/modern/ReactQueryDevtoolsPanel-DKrB7Z0x.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactQueryDevtoolsPanel-DKrB7Z0x.d.cts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;;;;UAUiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;;EAMA,QAAQ;;;;;;;iBAQM,wBACd,OAAO,uBACN,MAAM"}

package/build/modern/ReactQueryDevtoolsPanel.cjs

@@ -1,12 +1,12 @@
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("./rolldown-runtime-VH7oDXx4.cjs");
+const require_rolldown_runtime = require("./rolldown-runtime-CmQyd0Gu.cjs");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let _tanstack_react_query = require("@tanstack/react-query");
 let _tanstack_query_devtools = require("@tanstack/query-devtools");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/ReactQueryDevtoolsPanel.tsx
+// src/ReactQueryDevtoolsPanel.tsx
 /**
 * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.
 * @param props - The devtools panel options.
@@ -58,7 +58,6 @@ function ReactQueryDevtoolsPanel(props) {
 		ref
 	});
 }
-//#endregion
 exports.ReactQueryDevtoolsPanel = ReactQueryDevtoolsPanel;
 
 //# sourceMappingURL=ReactQueryDevtoolsPanel.cjs.map

package/build/modern/ReactQueryDevtoolsPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryDevtoolsPanel.cjs","names":["useQueryClient","React","TanstackQueryDevtoolsPanel"],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.\n */\nexport interface DevtoolsPanelOptions {\n  /**\n   * Custom instance of QueryClient\n   */\n  client?: QueryClient\n  /**\n   * Use this so you can define custom errors that can be shown in the devtools.\n   */\n  errorTypes?: Array<DevtoolsErrorType>\n  /**\n   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.\n   */\n  styleNonce?: string\n  /**\n   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied\n   * within the shadow DOM instead of within the head tag in the light DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n\n  /**\n   * Custom styles for the devtools panel\n   * @default { height: '500px' }\n   * @example { height: '100%' }\n   * @example { height: '100%', width: '100%' }\n   */\n  style?: React.CSSProperties\n\n  /**\n   * Callback function that is called when the devtools panel is closed\n   */\n  onClose?: () => void\n  /**\n   * Set this to true to hide disabled queries from the devtools panel.\n   */\n  hideDisabledQueries?: boolean\n  /**\n   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.\n   * @defaultValue system\n   */\n  theme?: Theme\n}\n\n/**\n * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.\n * @param props - The devtools panel options.\n * @returns The element the devtools panel is mounted in.\n */\nexport function ReactQueryDevtoolsPanel(\n  props: DevtoolsPanelOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtoolsPanel({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition: 'bottom-left',\n        position: 'bottom',\n        initialIsOpen: true,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        onClose: props.onClose,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    devtools.setOnClose(props.onClose ?? (() => {}))\n  }, [props.onClose, devtools])\n\n  React.useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  React.useEffect(() => {\n    devtools.setTheme(theme)\n  }, [theme, devtools])\n\n  React.useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <div\n      style={{ height: '500px', ...props.style }}\n      className=\"tsqd-parent-container\"\n      ref={ref}\n    ></div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAyDA,SAAgB,wBACd,OAC2B;CAC3B,MAAM,eAAA,GAAcA,sBAAAA,eAAAA,CAAe,MAAM,MAAM;CAC/C,MAAM,MAAMC,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAYA,MAAM,eAErB,IAAIC,yBAAAA,2BAA2B;EAC7B,QAAQ;EACR,aAAa;EACb,SAAS;EACT,eAAA,sBAAA;EACA,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf;EACA;EACA;EACA,SAAS,MAAM;EACf;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,SAAS,WAAW,MAAM,kBAAkB,CAAC,EAAE;CACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;CAE5B,MAAM,gBAAgB;EACpB,SAAS,cAAc,cAAc,CAAC,CAAC;CACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,gBAAgB;EACpB,SAAS,SAAS,KAAK;CACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,gBAAgB;EACpB,IAAI,IAAI,SACN,SAAS,MAAM,IAAI,OAAO;EAG5B,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,OAAO;GAAE,QAAQ;GAAS,GAAG,MAAM;EAAM;EACzC,WAAU;EACL;CACD,CAAA;AAEV"}
+{"version":3,"file":"ReactQueryDevtoolsPanel.cjs","names":["useQueryClient","React","TanstackQueryDevtoolsPanel"],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.\n */\nexport interface DevtoolsPanelOptions {\n  /**\n   * Custom instance of QueryClient\n   */\n  client?: QueryClient\n  /**\n   * Use this so you can define custom errors that can be shown in the devtools.\n   */\n  errorTypes?: Array<DevtoolsErrorType>\n  /**\n   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.\n   */\n  styleNonce?: string\n  /**\n   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied\n   * within the shadow DOM instead of within the head tag in the light DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n\n  /**\n   * Custom styles for the devtools panel\n   * @default { height: '500px' }\n   * @example { height: '100%' }\n   * @example { height: '100%', width: '100%' }\n   */\n  style?: React.CSSProperties\n\n  /**\n   * Callback function that is called when the devtools panel is closed\n   */\n  onClose?: () => void\n  /**\n   * Set this to true to hide disabled queries from the devtools panel.\n   */\n  hideDisabledQueries?: boolean\n  /**\n   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.\n   * This overrides the theme selected in the devtools Settings menu. When omitted, the\n   * selected theme is used, or `'system'` if none is selected.\n   */\n  theme?: Theme\n}\n\n/**\n * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.\n * @param props - The devtools panel options.\n * @returns The element the devtools panel is mounted in.\n */\nexport function ReactQueryDevtoolsPanel(\n  props: DevtoolsPanelOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtoolsPanel({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition: 'bottom-left',\n        position: 'bottom',\n        initialIsOpen: true,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        onClose: props.onClose,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    devtools.setOnClose(props.onClose ?? (() => {}))\n  }, [props.onClose, devtools])\n\n  React.useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  React.useEffect(() => {\n    devtools.setTheme(theme)\n  }, [theme, devtools])\n\n  React.useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <div\n      style={{ height: '500px', ...props.style }}\n      className=\"tsqd-parent-container\"\n      ref={ref}\n    ></div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA0DA,SAAgB,wBACd,OAC2B;CAC3B,MAAM,eAAA,GAAcA,sBAAAA,eAAAA,CAAe,MAAM,MAAM;CAC/C,MAAM,MAAMC,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAYA,MAAM,eAErB,IAAIC,yBAAAA,2BAA2B;EAC7B,QAAQ;EACR,aAAa;EACb,SAAS;EACT,eAAA,sBAAA;EACA,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf;EACA;EACA;EACA,SAAS,MAAM;EACf;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,SAAS,WAAW,MAAM,kBAAkB,CAAC,EAAE;CACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;CAE5B,MAAM,gBAAgB;EACpB,SAAS,cAAc,cAAc,CAAC,CAAC;CACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,gBAAgB;EACpB,SAAS,SAAS,KAAK;CACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,gBAAgB;EACpB,IAAI,IAAI,SACN,SAAS,MAAM,IAAI,OAAO;EAG5B,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,OAAO;GAAE,QAAQ;GAAS,GAAG,MAAM;EAAM;EACzC,WAAU;EACL;CACD,CAAA;AAEV"}

package/build/modern/ReactQueryDevtoolsPanel.d.cts

@@ -1,57 +1,2 @@
-import * as React from "react";
-import { DevtoolsErrorType, Theme } from "@tanstack/query-devtools";
-import { QueryClient } from "@tanstack/react-query";
-declare namespace ReactQueryDevtoolsPanel_d_exports {
-  export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };
-}
-/**
- * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.
- */
-export interface DevtoolsPanelOptions {
-  /**
-   * Custom instance of QueryClient
-   */
-  client?: QueryClient;
-  /**
-   * Use this so you can define custom errors that can be shown in the devtools.
-   */
-  errorTypes?: Array<DevtoolsErrorType>;
-  /**
-   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-   */
-  styleNonce?: string;
-  /**
-   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied
-   * within the shadow DOM instead of within the head tag in the light DOM.
-   */
-  shadowDOMTarget?: ShadowRoot;
-  /**
-   * Custom styles for the devtools panel
-   * @default { height: '500px' }
-   * @example { height: '100%' }
-   * @example { height: '100%', width: '100%' }
-   */
-  style?: React.CSSProperties;
-  /**
-   * Callback function that is called when the devtools panel is closed
-   */
-  onClose?: () => void;
-  /**
-   * Set this to true to hide disabled queries from the devtools panel.
-   */
-  hideDisabledQueries?: boolean;
-  /**
-   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
-   */
-  theme?: Theme;
-}
-/**
- * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.
- * @param props - The devtools panel options.
- * @returns The element the devtools panel is mounted in.
- */
-export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
-//#endregion
-export { ReactQueryDevtoolsPanel_d_exports as t };
-//# sourceMappingURL=ReactQueryDevtoolsPanel.d.cts.map
+import { n as ReactQueryDevtoolsPanel, t as DevtoolsPanelOptions } from "./ReactQueryDevtoolsPanel-DKrB7Z0x.cjs";
+export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };

package/build/modern/ReactQueryDevtoolsPanel.d.ts

@@ -1,57 +1,2 @@
-import * as React from "react";
-import { QueryClient } from "@tanstack/react-query";
-import { DevtoolsErrorType, Theme } from "@tanstack/query-devtools";
-declare namespace ReactQueryDevtoolsPanel_d_exports {
-  export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };
-}
-/**
- * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.
- */
-export interface DevtoolsPanelOptions {
-  /**
-   * Custom instance of QueryClient
-   */
-  client?: QueryClient;
-  /**
-   * Use this so you can define custom errors that can be shown in the devtools.
-   */
-  errorTypes?: Array<DevtoolsErrorType>;
-  /**
-   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.
-   */
-  styleNonce?: string;
-  /**
-   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied
-   * within the shadow DOM instead of within the head tag in the light DOM.
-   */
-  shadowDOMTarget?: ShadowRoot;
-  /**
-   * Custom styles for the devtools panel
-   * @default { height: '500px' }
-   * @example { height: '100%' }
-   * @example { height: '100%', width: '100%' }
-   */
-  style?: React.CSSProperties;
-  /**
-   * Callback function that is called when the devtools panel is closed
-   */
-  onClose?: () => void;
-  /**
-   * Set this to true to hide disabled queries from the devtools panel.
-   */
-  hideDisabledQueries?: boolean;
-  /**
-   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
-   */
-  theme?: Theme;
-}
-/**
- * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.
- * @param props - The devtools panel options.
- * @returns The element the devtools panel is mounted in.
- */
-export declare function ReactQueryDevtoolsPanel(props: DevtoolsPanelOptions): React.ReactElement | null;
-//#endregion
-export { ReactQueryDevtoolsPanel_d_exports as t };
-//# sourceMappingURL=ReactQueryDevtoolsPanel.d.ts.map
+import { n as ReactQueryDevtoolsPanel, t as DevtoolsPanelOptions } from "./ReactQueryDevtoolsPanel-C2_VXpks.js";
+export { DevtoolsPanelOptions, ReactQueryDevtoolsPanel };

package/build/modern/ReactQueryDevtoolsPanel.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { onlineManager, useQueryClient } from "@tanstack/react-query";
 import { TanstackQueryDevtoolsPanel } from "@tanstack/query-devtools";
 import { jsx } from "react/jsx-runtime";
-//#region src/ReactQueryDevtoolsPanel.tsx
+// src/ReactQueryDevtoolsPanel.tsx
 /**
 * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.
 * @param props - The devtools panel options.
@@ -55,7 +55,6 @@ function ReactQueryDevtoolsPanel(props) {
 		ref
 	});
 }
-//#endregion
 export { ReactQueryDevtoolsPanel };
 
 //# sourceMappingURL=ReactQueryDevtoolsPanel.js.map

package/build/modern/ReactQueryDevtoolsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryDevtoolsPanel.js","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.\n */\nexport interface DevtoolsPanelOptions {\n  /**\n   * Custom instance of QueryClient\n   */\n  client?: QueryClient\n  /**\n   * Use this so you can define custom errors that can be shown in the devtools.\n   */\n  errorTypes?: Array<DevtoolsErrorType>\n  /**\n   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.\n   */\n  styleNonce?: string\n  /**\n   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied\n   * within the shadow DOM instead of within the head tag in the light DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n\n  /**\n   * Custom styles for the devtools panel\n   * @default { height: '500px' }\n   * @example { height: '100%' }\n   * @example { height: '100%', width: '100%' }\n   */\n  style?: React.CSSProperties\n\n  /**\n   * Callback function that is called when the devtools panel is closed\n   */\n  onClose?: () => void\n  /**\n   * Set this to true to hide disabled queries from the devtools panel.\n   */\n  hideDisabledQueries?: boolean\n  /**\n   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.\n   * @defaultValue system\n   */\n  theme?: Theme\n}\n\n/**\n * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.\n * @param props - The devtools panel options.\n * @returns The element the devtools panel is mounted in.\n */\nexport function ReactQueryDevtoolsPanel(\n  props: DevtoolsPanelOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtoolsPanel({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition: 'bottom-left',\n        position: 'bottom',\n        initialIsOpen: true,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        onClose: props.onClose,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    devtools.setOnClose(props.onClose ?? (() => {}))\n  }, [props.onClose, devtools])\n\n  React.useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  React.useEffect(() => {\n    devtools.setTheme(theme)\n  }, [theme, devtools])\n\n  React.useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <div\n      style={{ height: '500px', ...props.style }}\n      className=\"tsqd-parent-container\"\n      ref={ref}\n    ></div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAyDA,SAAgB,wBACd,OAC2B;CAC3B,MAAM,cAAc,eAAe,MAAM,MAAM;CAC/C,MAAM,MAAM,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAY,MAAM,eAErB,IAAI,2BAA2B;EAC7B,QAAQ;EACR,aAAa;EACb,SAAS;EACT;EACA,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf;EACA;EACA;EACA,SAAS,MAAM;EACf;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,SAAS,WAAW,MAAM,kBAAkB,CAAC,EAAE;CACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;CAE5B,MAAM,gBAAgB;EACpB,SAAS,cAAc,cAAc,CAAC,CAAC;CACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,gBAAgB;EACpB,SAAS,SAAS,KAAK;CACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,gBAAgB;EACpB,IAAI,IAAI,SACN,SAAS,MAAM,IAAI,OAAO;EAG5B,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,oBAAC,OAAD;EACE,OAAO;GAAE,QAAQ;GAAS,GAAG,MAAM;EAAM;EACzC,WAAU;EACL;CACD,CAAA;AAEV"}
+{"version":3,"file":"ReactQueryDevtoolsPanel.js","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtoolsPanel } from '@tanstack/query-devtools'\nimport type { DevtoolsErrorType, Theme } from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.\n */\nexport interface DevtoolsPanelOptions {\n  /**\n   * Custom instance of QueryClient\n   */\n  client?: QueryClient\n  /**\n   * Use this so you can define custom errors that can be shown in the devtools.\n   */\n  errorTypes?: Array<DevtoolsErrorType>\n  /**\n   * Use this to pass a nonce to the style tag that is added to the document head. This is useful if you are using a Content Security Policy (CSP) nonce to allow inline styles.\n   */\n  styleNonce?: string\n  /**\n   * Use this to pass a shadow DOM target to the devtools so that the styles will be applied\n   * within the shadow DOM instead of within the head tag in the light DOM.\n   */\n  shadowDOMTarget?: ShadowRoot\n\n  /**\n   * Custom styles for the devtools panel\n   * @default { height: '500px' }\n   * @example { height: '100%' }\n   * @example { height: '100%', width: '100%' }\n   */\n  style?: React.CSSProperties\n\n  /**\n   * Callback function that is called when the devtools panel is closed\n   */\n  onClose?: () => void\n  /**\n   * Set this to true to hide disabled queries from the devtools panel.\n   */\n  hideDisabledQueries?: boolean\n  /**\n   * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.\n   * This overrides the theme selected in the devtools Settings menu. When omitted, the\n   * selected theme is used, or `'system'` if none is selected.\n   */\n  theme?: Theme\n}\n\n/**\n * Renders the TanStack Query devtools panel inline, for the given or nearest `QueryClient`.\n * @param props - The devtools panel options.\n * @returns The element the devtools panel is mounted in.\n */\nexport function ReactQueryDevtoolsPanel(\n  props: DevtoolsPanelOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtoolsPanel({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition: 'bottom-left',\n        position: 'bottom',\n        initialIsOpen: true,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        onClose: props.onClose,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    devtools.setOnClose(props.onClose ?? (() => {}))\n  }, [props.onClose, devtools])\n\n  React.useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  React.useEffect(() => {\n    devtools.setTheme(theme)\n  }, [theme, devtools])\n\n  React.useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return (\n    <div\n      style={{ height: '500px', ...props.style }}\n      className=\"tsqd-parent-container\"\n      ref={ref}\n    ></div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA0DA,SAAgB,wBACd,OAC2B;CAC3B,MAAM,cAAc,eAAe,MAAM,MAAM;CAC/C,MAAM,MAAM,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAY,MAAM,eAErB,IAAI,2BAA2B;EAC7B,QAAQ;EACR,aAAa;EACb,SAAS;EACT;EACA,gBAAgB;EAChB,UAAU;EACV,eAAe;EACf;EACA;EACA;EACA,SAAS,MAAM;EACf;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,SAAS,WAAW,MAAM,kBAAkB,CAAC,EAAE;CACjD,GAAG,CAAC,MAAM,SAAS,QAAQ,CAAC;CAE5B,MAAM,gBAAgB;EACpB,SAAS,cAAc,cAAc,CAAC,CAAC;CACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;CAEzB,MAAM,gBAAgB;EACpB,SAAS,SAAS,KAAK;CACzB,GAAG,CAAC,OAAO,QAAQ,CAAC;CAEpB,MAAM,gBAAgB;EACpB,IAAI,IAAI,SACN,SAAS,MAAM,IAAI,OAAO;EAG5B,aAAa;GACX,SAAS,QAAQ;EACnB;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,oBAAC,OAAD;EACE,OAAO;GAAE,QAAQ;GAAS,GAAG,MAAM;EAAM;EACzC,WAAU;EACL;CACD,CAAA;AAEV"}

package/build/modern/index.cjs

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_ReactQueryDevtools = require("./ReactQueryDevtools.cjs");
 const require_ReactQueryDevtoolsPanel = require("./ReactQueryDevtoolsPanel.cjs");
-//#region src/index.ts
+// src/index.ts
 const ReactQueryDevtools = process.env.NODE_ENV !== "development" ? function() {
 	return null;
 } : require_ReactQueryDevtools.ReactQueryDevtools;
 const ReactQueryDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
 	return null;
 } : require_ReactQueryDevtoolsPanel.ReactQueryDevtoolsPanel;
-//#endregion
 exports.ReactQueryDevtools = ReactQueryDevtools;
 exports.ReactQueryDevtoolsPanel = ReactQueryDevtoolsPanel;
 

package/build/modern/index.d.cts

@@ -1,11 +1,9 @@
-import { t as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools.cjs";
-import { DevtoolsPanelOptions as DevtoolsPanelOptions$1, t as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel.cjs";
-//#region src/index.d.ts
+import { r as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools-BhjVbJyl.cjs";
+import { r as ReactQueryDevtoolsPanel_d_exports, t as DevtoolsPanelOptions$1 } from "./ReactQueryDevtoolsPanel-DKrB7Z0x.cjs";
 export declare const ReactQueryDevtools: (typeof ReactQueryDevtools_d_exports)['ReactQueryDevtools'];
 export declare const ReactQueryDevtoolsPanel: (typeof ReactQueryDevtoolsPanel_d_exports)['ReactQueryDevtoolsPanel'];
 /**
  * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.
  */
 export type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
-//#endregion
 //# sourceMappingURL=index.d.cts.map

package/build/modern/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":["Devtools","DevtoolsPanel","DevtoolsPanel.DevtoolsPanelOptions"],"sources":["../../src/index.ts"],"mappings":";;;qBAKa,4BAA4BA;qBAO5B,iCAAiCC;;;;YAUlC,uBAAuBC"}
+{"version":3,"file":"index.d.cts","names":["Devtools","DevtoolsPanel","DevtoolsPanel.DevtoolsPanelOptions"],"sources":["../../src/index.ts"],"mappings":";;qBAKa,4BAA4BA;qBAO5B,iCAAiCC;;;;YAUlC,uBAAuBC"}

package/build/modern/index.d.ts

@@ -1,11 +1,9 @@
-import { t as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools.js";
-import { DevtoolsPanelOptions as DevtoolsPanelOptions$1, t as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel.js";
-//#region src/index.d.ts
+import { r as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools-CaecJz_D.js";
+import { r as ReactQueryDevtoolsPanel_d_exports, t as DevtoolsPanelOptions$1 } from "./ReactQueryDevtoolsPanel-C2_VXpks.js";
 export declare const ReactQueryDevtools: (typeof ReactQueryDevtools_d_exports)['ReactQueryDevtools'];
 export declare const ReactQueryDevtoolsPanel: (typeof ReactQueryDevtoolsPanel_d_exports)['ReactQueryDevtoolsPanel'];
 /**
  * The props of `ReactQueryDevtoolsPanel`, which renders the devtools panel inline.
  */
 export type DevtoolsPanelOptions = DevtoolsPanelOptions$1;
-//#endregion
 //# sourceMappingURL=index.d.ts.map

package/build/modern/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":["Devtools","DevtoolsPanel","DevtoolsPanel.DevtoolsPanelOptions"],"sources":["../../src/index.ts"],"mappings":";;;qBAKa,4BAA4BA;qBAO5B,iCAAiCC;;;;YAUlC,uBAAuBC"}
+{"version":3,"file":"index.d.ts","names":["Devtools","DevtoolsPanel","DevtoolsPanel.DevtoolsPanelOptions"],"sources":["../../src/index.ts"],"mappings":";;qBAKa,4BAA4BA;qBAO5B,iCAAiCC;;;;YAUlC,uBAAuBC"}

package/build/modern/index.js

@@ -1,14 +1,13 @@
 "use client";
 import { ReactQueryDevtools as ReactQueryDevtools$1 } from "./ReactQueryDevtools.js";
 import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1 } from "./ReactQueryDevtoolsPanel.js";
-//#region src/index.ts
+// src/index.ts
 const ReactQueryDevtools = process.env.NODE_ENV !== "development" ? function() {
 	return null;
 } : ReactQueryDevtools$1;
 const ReactQueryDevtoolsPanel = process.env.NODE_ENV !== "development" ? function() {
 	return null;
 } : ReactQueryDevtoolsPanel$1;
-//#endregion
 export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
 
 //# sourceMappingURL=index.js.map

package/build/modern/production.cjs

@@ -2,10 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_ReactQueryDevtools = require("./ReactQueryDevtools.cjs");
 const require_ReactQueryDevtoolsPanel = require("./ReactQueryDevtoolsPanel.cjs");
-//#region src/production.ts
+// src/production.ts
 const ReactQueryDevtools = require_ReactQueryDevtools.ReactQueryDevtools;
 const ReactQueryDevtoolsPanel = require_ReactQueryDevtoolsPanel.ReactQueryDevtoolsPanel;
-//#endregion
 exports.ReactQueryDevtools = ReactQueryDevtools;
 exports.ReactQueryDevtoolsPanel = ReactQueryDevtoolsPanel;
 

package/build/modern/production.d.cts

@@ -1,7 +1,5 @@
-import { ReactQueryDevtools as ReactQueryDevtools$1, t as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools.cjs";
-import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1, t as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel.cjs";
-//#region src/production.d.ts
+import { n as ReactQueryDevtools$1, r as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools-BhjVbJyl.cjs";
+import { n as ReactQueryDevtoolsPanel$1, r as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel-DKrB7Z0x.cjs";
 export declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
 export declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
-//#endregion
 //# sourceMappingURL=production.d.cts.map

package/build/modern/production.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"production.d.cts","names":["Devtools","Devtools.ReactQueryDevtools","DevtoolsPanel","DevtoolsPanel.ReactQueryDevtoolsPanel"],"sources":["../../src/production.ts"],"mappings":";;;qBAKa,2BAAkBC;qBAClB,gCAAuBE"}
+{"version":3,"file":"production.d.cts","names":["Devtools","Devtools.ReactQueryDevtools","DevtoolsPanel","DevtoolsPanel.ReactQueryDevtoolsPanel"],"sources":["../../src/production.ts"],"mappings":";;qBAKa,2BAAkBC;qBAClB,gCAAuBE"}

package/build/modern/production.d.ts

@@ -1,7 +1,5 @@
-import { ReactQueryDevtools as ReactQueryDevtools$1, t as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools.js";
-import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1, t as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel.js";
-//#region src/production.d.ts
+import { n as ReactQueryDevtools$1, r as ReactQueryDevtools_d_exports } from "./ReactQueryDevtools-CaecJz_D.js";
+import { n as ReactQueryDevtoolsPanel$1, r as ReactQueryDevtoolsPanel_d_exports } from "./ReactQueryDevtoolsPanel-C2_VXpks.js";
 export declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
 export declare const ReactQueryDevtoolsPanel: typeof ReactQueryDevtoolsPanel$1;
-//#endregion
 //# sourceMappingURL=production.d.ts.map

package/build/modern/production.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"production.d.ts","names":["Devtools","Devtools.ReactQueryDevtools","DevtoolsPanel","DevtoolsPanel.ReactQueryDevtoolsPanel"],"sources":["../../src/production.ts"],"mappings":";;;qBAKa,2BAAkBC;qBAClB,gCAAuBE"}
+{"version":3,"file":"production.d.ts","names":["Devtools","Devtools.ReactQueryDevtools","DevtoolsPanel","DevtoolsPanel.ReactQueryDevtoolsPanel"],"sources":["../../src/production.ts"],"mappings":";;qBAKa,2BAAkBC;qBAClB,gCAAuBE"}

package/build/modern/production.js

@@ -1,10 +1,9 @@
 "use client";
 import { ReactQueryDevtools as ReactQueryDevtools$1 } from "./ReactQueryDevtools.js";
 import { ReactQueryDevtoolsPanel as ReactQueryDevtoolsPanel$1 } from "./ReactQueryDevtoolsPanel.js";
-//#region src/production.ts
+// src/production.ts
 const ReactQueryDevtools = ReactQueryDevtools$1;
 const ReactQueryDevtoolsPanel = ReactQueryDevtoolsPanel$1;
-//#endregion
 export { ReactQueryDevtools, ReactQueryDevtoolsPanel };
 
 //# sourceMappingURL=production.js.map

package/build/modern/{rolldown-runtime-VH7oDXx4.cjs → rolldown-runtime-CmQyd0Gu.cjs}

@@ -1,4 +1,4 @@
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -19,7 +19,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-//#endregion
 Object.defineProperty(exports, "__toESM", {
 	enumerable: true,
 	get: function() {

package/build/modern/{rolldown-runtime-D7D4PA-g.js → rolldown-runtime-D8jQpDG7.js}

@@ -1,4 +1,4 @@
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
 	let target = {};
@@ -9,5 +9,4 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-//#endregion
 export { __exportAll as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-query-devtools",
-  "version": "5.104.5",
+  "version": "5.105.1",
   "description": "Developer tools to interact with and visualize the TanStack/react-query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -59,20 +59,20 @@
     "!src/__tests__"
   ],
   "dependencies": {
-    "@tanstack/query-devtools": "5.104.5"
+    "@tanstack/query-devtools": "5.105.1"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^5.23.3",
-    "@tanstack/react-query": "5.104.5",
+    "@eslint-react/eslint-plugin": "^5.28.8",
+    "@tanstack/react-query": "5.105.1",
     "@testing-library/react": "^16.1.0",
-    "@types/react": "^19.2.7",
+    "@types/react": "^19.3.0",
     "@vitejs/plugin-react": "^6.1.1",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "react": "^19.2.1",
+    "react": "^19.3.1",
     "typescript": "6.0.3"
   },
   "peerDependencies": {
-    "@tanstack/react-query": "^5.104.5",
+    "@tanstack/react-query": "^5.105.1",
     "@types/react": "^18 || ^19",
     "react": "^18 || ^19"
   },

package/src/ReactQueryDevtools.tsx

@@ -54,7 +54,8 @@ export interface DevtoolsOptions {
   hideDisabledQueries?: boolean
   /**
    * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
    */
   theme?: Theme
 }

package/src/ReactQueryDevtoolsPanel.tsx

@@ -45,7 +45,8 @@ export interface DevtoolsPanelOptions {
   hideDisabledQueries?: boolean
   /**
    * Set this to 'light', 'dark', or 'system' to change the theme of the devtools panel.
-   * @defaultValue system
+   * This overrides the theme selected in the devtools Settings menu. When omitted, the
+   * selected theme is used, or `'system'` if none is selected.
    */
   theme?: Theme
 }

package/build/legacy/ReactQueryDevtools.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtools.d.cts","names":[],"sources":["../../src/ReactQueryDevtools.tsx"],"mappings":";;;;;;;;;;iBAgBiB;;;;EAIf;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;EAIlB;;;;;EAKA,QAAQ;;;;;;;;wBASM,mBACd,OAAO,kBACN,MAAM"}

package/build/legacy/ReactQueryDevtools.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtools.d.ts","names":[],"sources":["../../src/ReactQueryDevtools.tsx"],"mappings":";;;;;;;;;;iBAgBiB;;;;EAIf;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;EAIlB;;;;;EAKA,QAAQ;;;;;;;;wBASM,mBACd,OAAO,kBACN,MAAM"}

package/build/legacy/ReactQueryDevtoolsPanel.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtoolsPanel.d.cts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;;;;iBAUiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;EAKA,QAAQ;;;;;;;wBAQM,wBACd,OAAO,uBACN,MAAM"}

package/build/legacy/ReactQueryDevtoolsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtoolsPanel.d.ts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;;;;iBAUiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;EAKA,QAAQ;;;;;;;wBAQM,wBACd,OAAO,uBACN,MAAM"}

package/build/modern/ReactQueryDevtools.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtools.d.cts","names":[],"sources":["../../src/ReactQueryDevtools.tsx"],"mappings":";;;;;;;;;;iBAgBiB;;;;EAIf;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;EAIlB;;;;;EAKA,QAAQ;;;;;;;;wBASM,mBACd,OAAO,kBACN,MAAM"}

package/build/modern/ReactQueryDevtools.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtools.d.ts","names":[],"sources":["../../src/ReactQueryDevtools.tsx"],"mappings":";;;;;;;;;;iBAgBiB;;;;EAIf;;;;;;EAMA,iBAAiB;;;;;;EAMjB,WAAW;;;;EAIX,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;EAIlB;;;;;EAKA,QAAQ;;;;;;;;wBASM,mBACd,OAAO,kBACN,MAAM"}

package/build/modern/ReactQueryDevtoolsPanel.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtoolsPanel.d.cts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;;;;iBAUiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;EAKA,QAAQ;;;;;;;wBAQM,wBACd,OAAO,uBACN,MAAM"}

package/build/modern/ReactQueryDevtoolsPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactQueryDevtoolsPanel.d.ts","names":[],"sources":["../../src/ReactQueryDevtoolsPanel.tsx"],"mappings":";;;;;;;;;iBAUiB;;;;EAIf,SAAS;;;;EAIT,aAAa,MAAM;;;;EAInB;;;;;EAKA,kBAAkB;;;;;;;EAQlB,QAAQ,MAAM;;;;EAKd;;;;EAIA;;;;;EAKA,QAAQ;;;;;;;wBAQM,wBACd,OAAO,uBACN,MAAM"}