@tanstack/react-query-devtools 5.104.5 → 5.105.1

package/build/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/{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/legacy/{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/build/modern/ReactQueryDevtools-BhjVbJyl.d.cts

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from "@tanstack/query-devtools";
+import { QueryClient } from "@tanstack/react-query";
+declare namespace ReactQueryDevtools_d_exports {
+  export { DevtoolsOptions, ReactQueryDevtools };
+}
+/**
+ * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens
+ * them.
+ */
+interface DevtoolsOptions {
+  /**
+   * Set this true if you want the dev tools to default to being open
+   */
+  initialIsOpen?: boolean;
+  /**
+   * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
+   * @defaultValue bottom-right
+   */
+  buttonPosition?: DevtoolsButtonPosition;
+  /**
+   * The position of the React Query devtools panel.
+   * 'top' | 'bottom' | 'left' | 'right'
+   * @defaultValue bottom
+   */
+  position?: DevtoolsPosition;
+  /**
+   * 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;
+  /**
+   * 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, with a toggle button that opens them, for the given or
+ * nearest `QueryClient`.
+ * @param props - The devtools options.
+ * @returns The element the devtools are mounted in.
+ */
+declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
+export { ReactQueryDevtools as n, ReactQueryDevtools_d_exports as r, DevtoolsOptions as t };
+//# sourceMappingURL=ReactQueryDevtools-BhjVbJyl.d.cts.map

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

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

package/build/modern/ReactQueryDevtools-CaecJz_D.d.ts

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { QueryClient } from "@tanstack/react-query";
+import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from "@tanstack/query-devtools";
+declare namespace ReactQueryDevtools_d_exports {
+  export { DevtoolsOptions, ReactQueryDevtools };
+}
+/**
+ * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens
+ * them.
+ */
+interface DevtoolsOptions {
+  /**
+   * Set this true if you want the dev tools to default to being open
+   */
+  initialIsOpen?: boolean;
+  /**
+   * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
+   * @defaultValue bottom-right
+   */
+  buttonPosition?: DevtoolsButtonPosition;
+  /**
+   * The position of the React Query devtools panel.
+   * 'top' | 'bottom' | 'left' | 'right'
+   * @defaultValue bottom
+   */
+  position?: DevtoolsPosition;
+  /**
+   * 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;
+  /**
+   * 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, with a toggle button that opens them, for the given or
+ * nearest `QueryClient`.
+ * @param props - The devtools options.
+ * @returns The element the devtools are mounted in.
+ */
+declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
+export { ReactQueryDevtools as n, ReactQueryDevtools_d_exports as r, DevtoolsOptions as t };
+//# sourceMappingURL=ReactQueryDevtools-CaecJz_D.d.ts.map

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

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

package/build/modern/ReactQueryDevtools.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/ReactQueryDevtools.tsx
+// src/ReactQueryDevtools.tsx
 /**
 * Renders the TanStack Query devtools, with a toggle button that opens them, for the given or
 * nearest `QueryClient`.
@@ -61,7 +61,6 @@ function ReactQueryDevtools(props) {
 		ref
 	});
 }
-//#endregion
 exports.ReactQueryDevtools = ReactQueryDevtools;
 
 //# sourceMappingURL=ReactQueryDevtools.cjs.map

package/build/modern/ReactQueryDevtools.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryDevtools.cjs","names":["useQueryClient","React","TanstackQueryDevtools"],"sources":["../../src/ReactQueryDevtools.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type {\n  DevtoolsButtonPosition,\n  DevtoolsErrorType,\n  DevtoolsPosition,\n  Theme,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens\n * them.\n */\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the TanStack logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'\n   * @defaultValue bottom-right\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * @defaultValue bottom\n   */\n  position?: DevtoolsPosition\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   * 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, with a toggle button that opens them, for the given or\n * nearest `QueryClient`.\n * @param props - The devtools options.\n * @returns The element the devtools are mounted in.\n */\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    buttonPosition,\n    position,\n    initialIsOpen,\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtools({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition,\n        position,\n        initialIsOpen,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  React.useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  React.useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, 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 <div dir=\"ltr\" className=\"tsqd-parent-container\" ref={ref}></div>\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmEA,SAAgB,mBACd,OAC2B;CAC3B,MAAM,eAAA,GAAcA,sBAAAA,eAAAA,CAAe,MAAM,MAAM;CAC/C,MAAM,MAAMC,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,gBACA,UACA,eACA,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAYA,MAAM,eAErB,IAAIC,yBAAAA,sBAAsB;EACxB,QAAQ;EACR,aAAa;EACb,SAAS;EACT,eAAA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,IAAI,gBACF,SAAS,kBAAkB,cAAc;CAE7C,GAAG,CAAC,gBAAgB,QAAQ,CAAC;CAE7B,MAAM,gBAAgB;EACpB,IAAI,UACF,SAAS,YAAY,QAAQ;CAEjC,GAAG,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,gBAAgB;EACpB,SAAS,iBAAiB,iBAAiB,KAAK;CAClD,GAAG,CAAC,eAAe,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,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,KAAI;EAAM,WAAU;EAA6B;CAAU,CAAA;AACzE"}
+{"version":3,"file":"ReactQueryDevtools.cjs","names":["useQueryClient","React","TanstackQueryDevtools"],"sources":["../../src/ReactQueryDevtools.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type {\n  DevtoolsButtonPosition,\n  DevtoolsErrorType,\n  DevtoolsPosition,\n  Theme,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens\n * them.\n */\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the TanStack logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'\n   * @defaultValue bottom-right\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * @defaultValue bottom\n   */\n  position?: DevtoolsPosition\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   * 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, with a toggle button that opens them, for the given or\n * nearest `QueryClient`.\n * @param props - The devtools options.\n * @returns The element the devtools are mounted in.\n */\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    buttonPosition,\n    position,\n    initialIsOpen,\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtools({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition,\n        position,\n        initialIsOpen,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  React.useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  React.useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, 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 <div dir=\"ltr\" className=\"tsqd-parent-container\" ref={ref}></div>\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoEA,SAAgB,mBACd,OAC2B;CAC3B,MAAM,eAAA,GAAcA,sBAAAA,eAAAA,CAAe,MAAM,MAAM;CAC/C,MAAM,MAAMC,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,gBACA,UACA,eACA,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAYA,MAAM,eAErB,IAAIC,yBAAAA,sBAAsB;EACxB,QAAQ;EACR,aAAa;EACb,SAAS;EACT,eAAA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,IAAI,gBACF,SAAS,kBAAkB,cAAc;CAE7C,GAAG,CAAC,gBAAgB,QAAQ,CAAC;CAE7B,MAAM,gBAAgB;EACpB,IAAI,UACF,SAAS,YAAY,QAAQ;CAEjC,GAAG,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,gBAAgB;EACpB,SAAS,iBAAiB,iBAAiB,KAAK;CAClD,GAAG,CAAC,eAAe,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,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,KAAI;EAAM,WAAU;EAA6B;CAAU,CAAA;AACzE"}

package/build/modern/ReactQueryDevtools.d.cts

@@ -1,64 +1,2 @@
-import * as React from "react";
-import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from "@tanstack/query-devtools";
-import { QueryClient } from "@tanstack/react-query";
-declare namespace ReactQueryDevtools_d_exports {
-  export { DevtoolsOptions, ReactQueryDevtools };
-}
-/**
- * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens
- * them.
- */
-export interface DevtoolsOptions {
-  /**
-   * Set this true if you want the dev tools to default to being open
-   */
-  initialIsOpen?: boolean;
-  /**
-   * The position of the TanStack logo to open and close the devtools panel.
-   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-   * @defaultValue bottom-right
-   */
-  buttonPosition?: DevtoolsButtonPosition;
-  /**
-   * The position of the React Query devtools panel.
-   * 'top' | 'bottom' | 'left' | 'right'
-   * @defaultValue bottom
-   */
-  position?: DevtoolsPosition;
-  /**
-   * 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;
-  /**
-   * 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, with a toggle button that opens them, for the given or
- * nearest `QueryClient`.
- * @param props - The devtools options.
- * @returns The element the devtools are mounted in.
- */
-export declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
-//#endregion
-export { ReactQueryDevtools_d_exports as t };
-//# sourceMappingURL=ReactQueryDevtools.d.cts.map
+import { n as ReactQueryDevtools, t as DevtoolsOptions } from "./ReactQueryDevtools-BhjVbJyl.cjs";
+export { DevtoolsOptions, ReactQueryDevtools };

package/build/modern/ReactQueryDevtools.d.ts

@@ -1,64 +1,2 @@
-import * as React from "react";
-import { QueryClient } from "@tanstack/react-query";
-import { DevtoolsButtonPosition, DevtoolsErrorType, DevtoolsPosition, Theme } from "@tanstack/query-devtools";
-declare namespace ReactQueryDevtools_d_exports {
-  export { DevtoolsOptions, ReactQueryDevtools };
-}
-/**
- * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens
- * them.
- */
-export interface DevtoolsOptions {
-  /**
-   * Set this true if you want the dev tools to default to being open
-   */
-  initialIsOpen?: boolean;
-  /**
-   * The position of the TanStack logo to open and close the devtools panel.
-   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
-   * @defaultValue bottom-right
-   */
-  buttonPosition?: DevtoolsButtonPosition;
-  /**
-   * The position of the React Query devtools panel.
-   * 'top' | 'bottom' | 'left' | 'right'
-   * @defaultValue bottom
-   */
-  position?: DevtoolsPosition;
-  /**
-   * 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;
-  /**
-   * 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, with a toggle button that opens them, for the given or
- * nearest `QueryClient`.
- * @param props - The devtools options.
- * @returns The element the devtools are mounted in.
- */
-export declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
-//#endregion
-export { ReactQueryDevtools_d_exports as t };
-//# sourceMappingURL=ReactQueryDevtools.d.ts.map
+import { n as ReactQueryDevtools, t as DevtoolsOptions } from "./ReactQueryDevtools-CaecJz_D.js";
+export { DevtoolsOptions, ReactQueryDevtools };

package/build/modern/ReactQueryDevtools.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { onlineManager, useQueryClient } from "@tanstack/react-query";
 import { TanstackQueryDevtools } from "@tanstack/query-devtools";
 import { jsx } from "react/jsx-runtime";
-//#region src/ReactQueryDevtools.tsx
+// src/ReactQueryDevtools.tsx
 /**
 * Renders the TanStack Query devtools, with a toggle button that opens them, for the given or
 * nearest `QueryClient`.
@@ -58,7 +58,6 @@ function ReactQueryDevtools(props) {
 		ref
 	});
 }
-//#endregion
 export { ReactQueryDevtools };
 
 //# sourceMappingURL=ReactQueryDevtools.js.map

package/build/modern/ReactQueryDevtools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryDevtools.js","names":[],"sources":["../../src/ReactQueryDevtools.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type {\n  DevtoolsButtonPosition,\n  DevtoolsErrorType,\n  DevtoolsPosition,\n  Theme,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens\n * them.\n */\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the TanStack logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'\n   * @defaultValue bottom-right\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * @defaultValue bottom\n   */\n  position?: DevtoolsPosition\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   * 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, with a toggle button that opens them, for the given or\n * nearest `QueryClient`.\n * @param props - The devtools options.\n * @returns The element the devtools are mounted in.\n */\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    buttonPosition,\n    position,\n    initialIsOpen,\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtools({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition,\n        position,\n        initialIsOpen,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  React.useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  React.useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, 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 <div dir=\"ltr\" className=\"tsqd-parent-container\" ref={ref}></div>\n}\n"],"mappings":";;;;;;;;;;;;AAmEA,SAAgB,mBACd,OAC2B;CAC3B,MAAM,cAAc,eAAe,MAAM,MAAM;CAC/C,MAAM,MAAM,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,gBACA,UACA,eACA,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAY,MAAM,eAErB,IAAI,sBAAsB;EACxB,QAAQ;EACR,aAAa;EACb,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,IAAI,gBACF,SAAS,kBAAkB,cAAc;CAE7C,GAAG,CAAC,gBAAgB,QAAQ,CAAC;CAE7B,MAAM,gBAAgB;EACpB,IAAI,UACF,SAAS,YAAY,QAAQ;CAEjC,GAAG,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,gBAAgB;EACpB,SAAS,iBAAiB,iBAAiB,KAAK;CAClD,GAAG,CAAC,eAAe,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,OAAO,oBAAC,OAAD;EAAK,KAAI;EAAM,WAAU;EAA6B;CAAU,CAAA;AACzE"}
+{"version":3,"file":"ReactQueryDevtools.js","names":[],"sources":["../../src/ReactQueryDevtools.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport type {\n  DevtoolsButtonPosition,\n  DevtoolsErrorType,\n  DevtoolsPosition,\n  Theme,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\n\n/**\n * The props of `ReactQueryDevtools`, which renders the devtools with a toggle button that opens\n * them.\n */\nexport interface DevtoolsOptions {\n  /**\n   * Set this true if you want the dev tools to default to being open\n   */\n  initialIsOpen?: boolean\n  /**\n   * The position of the TanStack logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'\n   * @defaultValue bottom-right\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * @defaultValue bottom\n   */\n  position?: DevtoolsPosition\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   * 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, with a toggle button that opens them, for the given or\n * nearest `QueryClient`.\n * @param props - The devtools options.\n * @returns The element the devtools are mounted in.\n */\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient(props.client)\n  const ref = React.useRef<HTMLDivElement>(null)\n  const {\n    buttonPosition,\n    position,\n    initialIsOpen,\n    errorTypes,\n    styleNonce,\n    shadowDOMTarget,\n    hideDisabledQueries,\n    theme,\n  } = props\n  const [devtools] = React.useState(\n    () =>\n      new TanstackQueryDevtools({\n        client: queryClient,\n        queryFlavor: 'React Query',\n        version: '5',\n        onlineManager,\n        buttonPosition,\n        position,\n        initialIsOpen,\n        errorTypes,\n        styleNonce,\n        shadowDOMTarget,\n        hideDisabledQueries,\n        theme,\n      }),\n  )\n\n  React.useEffect(() => {\n    devtools.setClient(queryClient)\n  }, [queryClient, devtools])\n\n  React.useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  React.useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  React.useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, 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 <div dir=\"ltr\" className=\"tsqd-parent-container\" ref={ref}></div>\n}\n"],"mappings":";;;;;;;;;;;;AAoEA,SAAgB,mBACd,OAC2B;CAC3B,MAAM,cAAc,eAAe,MAAM,MAAM;CAC/C,MAAM,MAAM,MAAM,OAAuB,IAAI;CAC7C,MAAM,EACJ,gBACA,UACA,eACA,YACA,YACA,iBACA,qBACA,UACE;CACJ,MAAM,CAAC,YAAY,MAAM,eAErB,IAAI,sBAAsB;EACxB,QAAQ;EACR,aAAa;EACb,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CACL;CAEA,MAAM,gBAAgB;EACpB,SAAS,UAAU,WAAW;CAChC,GAAG,CAAC,aAAa,QAAQ,CAAC;CAE1B,MAAM,gBAAgB;EACpB,IAAI,gBACF,SAAS,kBAAkB,cAAc;CAE7C,GAAG,CAAC,gBAAgB,QAAQ,CAAC;CAE7B,MAAM,gBAAgB;EACpB,IAAI,UACF,SAAS,YAAY,QAAQ;CAEjC,GAAG,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,gBAAgB;EACpB,SAAS,iBAAiB,iBAAiB,KAAK;CAClD,GAAG,CAAC,eAAe,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,OAAO,oBAAC,OAAD;EAAK,KAAI;EAAM,WAAU;EAA6B;CAAU,CAAA;AACzE"}