@tanstack/react-query-devtools 5.0.0-alpha.9 → 5.0.0-alpha.90

package/build/legacy/devtools-d8b99e07.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { DevtoolsButtonPosition, DevtoolsPosition, DevToolsErrorType } from '@tanstack/query-devtools';
+import { QueryClient } from '@tanstack/react-query';
+
+interface DevtoolsOptions {
+    /**
+     * Set this true if you want the dev tools to default to being open
+     */
+    initialIsOpen?: boolean;
+    /**
+     * The position of the React Query logo to open and close the devtools panel.
+     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+     * Defaults to 'bottom-left'.
+     */
+    buttonPosition?: DevtoolsButtonPosition;
+    /**
+     * The position of the React Query devtools panel.
+     * 'top' | 'bottom' | 'left' | 'right'
+     * Defaults to '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?: DevToolsErrorType[];
+}
+declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
+
+type devtools_DevtoolsOptions = DevtoolsOptions;
+declare const devtools_ReactQueryDevtools: typeof ReactQueryDevtools;
+declare namespace devtools {
+  export {
+    devtools_DevtoolsOptions as DevtoolsOptions,
+    devtools_ReactQueryDevtools as ReactQueryDevtools,
+  };
+}
+
+export { DevtoolsOptions as D, ReactQueryDevtools as R, devtools as d };

package/build/legacy/devtools.cjs

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/devtools.tsx
+var devtools_exports = {};
+__export(devtools_exports, {
+  ReactQueryDevtools: () => ReactQueryDevtools
+});
+module.exports = __toCommonJS(devtools_exports);
+var import_react = require("react");
+var import_react_query = require("@tanstack/react-query");
+var import_query_devtools = require("@tanstack/query-devtools");
+var import_react2 = __toESM(require("react"), 1);
+function ReactQueryDevtools(props) {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const client = props.client || queryClient;
+  const ref = (0, import_react.useRef)(null);
+  const { buttonPosition, position, initialIsOpen, errorTypes } = props;
+  const [devtools] = (0, import_react.useState)(
+    new import_query_devtools.TanstackQueryDevtools({
+      client,
+      queryFlavor: "React Query",
+      version: "5",
+      onlineManager: import_react_query.onlineManager,
+      buttonPosition,
+      position,
+      initialIsOpen,
+      errorTypes
+    })
+  );
+  (0, import_react.useEffect)(() => {
+    devtools.setClient(client);
+  }, [client, devtools]);
+  (0, import_react.useEffect)(() => {
+    if (buttonPosition) {
+      devtools.setButtonPosition(buttonPosition);
+    }
+  }, [buttonPosition, devtools]);
+  (0, import_react.useEffect)(() => {
+    if (position) {
+      devtools.setPosition(position);
+    }
+  }, [position, devtools]);
+  (0, import_react.useEffect)(() => {
+    devtools.setInitialIsOpen(initialIsOpen || false);
+  }, [initialIsOpen, devtools]);
+  (0, import_react.useEffect)(() => {
+    devtools.setErrorTypes(errorTypes || []);
+  }, [errorTypes, devtools]);
+  (0, import_react.useEffect)(() => {
+    if (ref.current) {
+      devtools.mount(ref.current);
+    }
+    return () => {
+      devtools.unmount();
+    };
+  }, [devtools]);
+  return /* @__PURE__ */ import_react2.default.createElement("div", { ref });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactQueryDevtools
+});
+//# sourceMappingURL=devtools.cjs.map

package/build/legacy/devtools.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\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 React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to '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?: DevToolsErrorType[]\n}\n\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4C;AAC5C,yBAA8C;AAC9C,4BAAsC;AACtC,IAAAA,gBAAkB;AAmCX,SAAS,mBACd,OAC2B;AAC3B,QAAM,kBAAc,mCAAe;AACnC,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,EAAE,gBAAgB,UAAU,eAAe,WAAW,IAAI;AAChE,QAAM,CAAC,QAAQ,QAAI;AAAA,IACjB,IAAI,4CAAsB;AAAA,MACxB;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,8BAAU,MAAM;AACd,aAAS,UAAU,MAAM;AAAA,EAC3B,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,8BAAU,MAAM;AACd,QAAI,gBAAgB;AAClB,eAAS,kBAAkB,cAAc;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,gBAAgB,QAAQ,CAAC;AAE7B,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,YAAY,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,8BAAU,MAAM;AACd,aAAS,iBAAiB,iBAAiB,KAAK;AAAA,EAClD,GAAG,CAAC,eAAe,QAAQ,CAAC;AAE5B,8BAAU,MAAM;AACd,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,8BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,8BAAAC,QAAA,cAAC,SAAI,KAAU;AACxB;","names":["import_react","React"]}

package/build/legacy/devtools.d.cts

@@ -0,0 +1,4 @@
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+export { D as DevtoolsOptions, R as ReactQueryDevtools } from './devtools-d8b99e07.js';

package/build/legacy/devtools.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+export { D as DevtoolsOptions, R as ReactQueryDevtools } from './devtools-d8b99e07.js';

package/build/legacy/devtools.js

@@ -0,0 +1,57 @@
+"use client";
+
+// src/devtools.tsx
+import { useEffect, useRef, useState } from "react";
+import { onlineManager, useQueryClient } from "@tanstack/react-query";
+import { TanstackQueryDevtools } from "@tanstack/query-devtools";
+import React from "react";
+function ReactQueryDevtools(props) {
+  const queryClient = useQueryClient();
+  const client = props.client || queryClient;
+  const ref = useRef(null);
+  const { buttonPosition, position, initialIsOpen, errorTypes } = props;
+  const [devtools] = useState(
+    new TanstackQueryDevtools({
+      client,
+      queryFlavor: "React Query",
+      version: "5",
+      onlineManager,
+      buttonPosition,
+      position,
+      initialIsOpen,
+      errorTypes
+    })
+  );
+  useEffect(() => {
+    devtools.setClient(client);
+  }, [client, devtools]);
+  useEffect(() => {
+    if (buttonPosition) {
+      devtools.setButtonPosition(buttonPosition);
+    }
+  }, [buttonPosition, devtools]);
+  useEffect(() => {
+    if (position) {
+      devtools.setPosition(position);
+    }
+  }, [position, devtools]);
+  useEffect(() => {
+    devtools.setInitialIsOpen(initialIsOpen || false);
+  }, [initialIsOpen, devtools]);
+  useEffect(() => {
+    devtools.setErrorTypes(errorTypes || []);
+  }, [errorTypes, devtools]);
+  useEffect(() => {
+    if (ref.current) {
+      devtools.mount(ref.current);
+    }
+    return () => {
+      devtools.unmount();
+    };
+  }, [devtools]);
+  return /* @__PURE__ */ React.createElement("div", { ref });
+}
+export {
+  ReactQueryDevtools
+};
+//# sourceMappingURL=devtools.js.map

package/build/legacy/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\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 React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to '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?: DevToolsErrorType[]\n}\n\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n"],"mappings":";;;AACA,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,eAAe,sBAAsB;AAC9C,SAAS,6BAA6B;AACtC,OAAO,WAAW;AAmCX,SAAS,mBACd,OAC2B;AAC3B,QAAM,cAAc,eAAe;AACnC,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,EAAE,gBAAgB,UAAU,eAAe,WAAW,IAAI;AAChE,QAAM,CAAC,QAAQ,IAAI;AAAA,IACjB,IAAI,sBAAsB;AAAA,MACxB;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,aAAS,UAAU,MAAM;AAAA,EAC3B,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,YAAU,MAAM;AACd,QAAI,gBAAgB;AAClB,eAAS,kBAAkB,cAAc;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,gBAAgB,QAAQ,CAAC;AAE7B,YAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,YAAY,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,YAAU,MAAM;AACd,aAAS,iBAAiB,iBAAiB,KAAK;AAAA,EAClD,GAAG,CAAC,eAAe,QAAQ,CAAC;AAE5B,YAAU,MAAM;AACd,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,oCAAC,SAAI,KAAU;AACxB;","names":[]}

package/build/legacy/index.cjs

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ReactQueryDevtools: () => ReactQueryDevtools2
+});
+module.exports = __toCommonJS(src_exports);
+var devtools = __toESM(require("./devtools.cjs"), 1);
+var ReactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : devtools.ReactQueryDevtools;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactQueryDevtools
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : devtools.ReactQueryDevtools\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAAA;AAAA;AAAA;AAEA,eAA0B;AAEnB,IAAMA,sBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACS;","names":["ReactQueryDevtools"]}

package/build/legacy/index.d.cts

@@ -0,0 +1,8 @@
+import { d as devtools } from './devtools-d8b99e07.js';
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+
+declare const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'];
+
+export { ReactQueryDevtools };

package/build/legacy/index.d.ts

@@ -0,0 +1,8 @@
+import { d as devtools } from './devtools-d8b99e07.js';
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+
+declare const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'];
+
+export { ReactQueryDevtools };

package/build/legacy/index.js

@@ -0,0 +1,11 @@
+"use client";
+
+// src/index.ts
+import * as devtools from "./devtools.js";
+var ReactQueryDevtools2 = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : devtools.ReactQueryDevtools;
+export {
+  ReactQueryDevtools2 as ReactQueryDevtools
+};
+//# sourceMappingURL=index.js.map

package/build/legacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools: (typeof devtools)['ReactQueryDevtools'] =\n  process.env.NODE_ENV !== 'development'\n    ? function () {\n        return null\n      }\n    : devtools.ReactQueryDevtools\n"],"mappings":";;;AAEA,YAAY,cAAc;AAEnB,IAAMA,sBACX,QAAQ,IAAI,aAAa,gBACrB,WAAY;AACV,SAAO;AACT,IACS;","names":["ReactQueryDevtools"]}

package/build/legacy/production.cjs

@@ -0,0 +1,43 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/production.ts
+var production_exports = {};
+__export(production_exports, {
+  ReactQueryDevtools: () => ReactQueryDevtools2
+});
+module.exports = __toCommonJS(production_exports);
+var devtools = __toESM(require("./devtools.cjs"), 1);
+var ReactQueryDevtools2 = devtools.ReactQueryDevtools;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactQueryDevtools
+});
+//# sourceMappingURL=production.cjs.map

package/build/legacy/production.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools = devtools.ReactQueryDevtools\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAAA;AAAA;AAAA;AAEA,eAA0B;AAEnB,IAAMA,sBAA8B;","names":["ReactQueryDevtools"]}

package/build/legacy/production.d.cts

@@ -0,0 +1,8 @@
+import { R as ReactQueryDevtools$1 } from './devtools-d8b99e07.js';
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+
+declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
+
+export { ReactQueryDevtools };

package/build/legacy/production.d.ts

@@ -0,0 +1,8 @@
+import { R as ReactQueryDevtools$1 } from './devtools-d8b99e07.js';
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+
+declare const ReactQueryDevtools: typeof ReactQueryDevtools$1;
+
+export { ReactQueryDevtools };

package/build/legacy/production.js

@@ -0,0 +1,9 @@
+"use client";
+
+// src/production.ts
+import * as devtools from "./devtools.js";
+var ReactQueryDevtools2 = devtools.ReactQueryDevtools;
+export {
+  ReactQueryDevtools2 as ReactQueryDevtools
+};
+//# sourceMappingURL=production.js.map

package/build/legacy/production.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as devtools from './devtools'\n\nexport const ReactQueryDevtools = devtools.ReactQueryDevtools\n"],"mappings":";;;AAEA,YAAY,cAAc;AAEnB,IAAMA,sBAA8B;","names":["ReactQueryDevtools"]}

package/build/modern/devtools-d8b99e07.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { DevtoolsButtonPosition, DevtoolsPosition, DevToolsErrorType } from '@tanstack/query-devtools';
+import { QueryClient } from '@tanstack/react-query';
+
+interface DevtoolsOptions {
+    /**
+     * Set this true if you want the dev tools to default to being open
+     */
+    initialIsOpen?: boolean;
+    /**
+     * The position of the React Query logo to open and close the devtools panel.
+     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+     * Defaults to 'bottom-left'.
+     */
+    buttonPosition?: DevtoolsButtonPosition;
+    /**
+     * The position of the React Query devtools panel.
+     * 'top' | 'bottom' | 'left' | 'right'
+     * Defaults to '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?: DevToolsErrorType[];
+}
+declare function ReactQueryDevtools(props: DevtoolsOptions): React.ReactElement | null;
+
+type devtools_DevtoolsOptions = DevtoolsOptions;
+declare const devtools_ReactQueryDevtools: typeof ReactQueryDevtools;
+declare namespace devtools {
+  export {
+    devtools_DevtoolsOptions as DevtoolsOptions,
+    devtools_ReactQueryDevtools as ReactQueryDevtools,
+  };
+}
+
+export { DevtoolsOptions as D, ReactQueryDevtools as R, devtools as d };

package/build/modern/devtools.cjs

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/devtools.tsx
+var devtools_exports = {};
+__export(devtools_exports, {
+  ReactQueryDevtools: () => ReactQueryDevtools
+});
+module.exports = __toCommonJS(devtools_exports);
+var import_react = require("react");
+var import_react_query = require("@tanstack/react-query");
+var import_query_devtools = require("@tanstack/query-devtools");
+var import_react2 = __toESM(require("react"), 1);
+function ReactQueryDevtools(props) {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const client = props.client || queryClient;
+  const ref = (0, import_react.useRef)(null);
+  const { buttonPosition, position, initialIsOpen, errorTypes } = props;
+  const [devtools] = (0, import_react.useState)(
+    new import_query_devtools.TanstackQueryDevtools({
+      client,
+      queryFlavor: "React Query",
+      version: "5",
+      onlineManager: import_react_query.onlineManager,
+      buttonPosition,
+      position,
+      initialIsOpen,
+      errorTypes
+    })
+  );
+  (0, import_react.useEffect)(() => {
+    devtools.setClient(client);
+  }, [client, devtools]);
+  (0, import_react.useEffect)(() => {
+    if (buttonPosition) {
+      devtools.setButtonPosition(buttonPosition);
+    }
+  }, [buttonPosition, devtools]);
+  (0, import_react.useEffect)(() => {
+    if (position) {
+      devtools.setPosition(position);
+    }
+  }, [position, devtools]);
+  (0, import_react.useEffect)(() => {
+    devtools.setInitialIsOpen(initialIsOpen || false);
+  }, [initialIsOpen, devtools]);
+  (0, import_react.useEffect)(() => {
+    devtools.setErrorTypes(errorTypes || []);
+  }, [errorTypes, devtools]);
+  (0, import_react.useEffect)(() => {
+    if (ref.current) {
+      devtools.mount(ref.current);
+    }
+    return () => {
+      devtools.unmount();
+    };
+  }, [devtools]);
+  return /* @__PURE__ */ import_react2.default.createElement("div", { ref });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactQueryDevtools
+});
+//# sourceMappingURL=devtools.cjs.map

package/build/modern/devtools.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\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 React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to '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?: DevToolsErrorType[]\n}\n\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4C;AAC5C,yBAA8C;AAC9C,4BAAsC;AACtC,IAAAA,gBAAkB;AAmCX,SAAS,mBACd,OAC2B;AAC3B,QAAM,kBAAc,mCAAe;AACnC,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,UAAM,qBAAuB,IAAI;AACvC,QAAM,EAAE,gBAAgB,UAAU,eAAe,WAAW,IAAI;AAChE,QAAM,CAAC,QAAQ,QAAI;AAAA,IACjB,IAAI,4CAAsB;AAAA,MACxB;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,8BAAU,MAAM;AACd,aAAS,UAAU,MAAM;AAAA,EAC3B,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,8BAAU,MAAM;AACd,QAAI,gBAAgB;AAClB,eAAS,kBAAkB,cAAc;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,gBAAgB,QAAQ,CAAC;AAE7B,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,YAAY,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,8BAAU,MAAM;AACd,aAAS,iBAAiB,iBAAiB,KAAK;AAAA,EAClD,GAAG,CAAC,eAAe,QAAQ,CAAC;AAE5B,8BAAU,MAAM;AACd,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,8BAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,8BAAAC,QAAA,cAAC,SAAI,KAAU;AACxB;","names":["import_react","React"]}

package/build/modern/devtools.d.cts

@@ -0,0 +1,4 @@
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+export { D as DevtoolsOptions, R as ReactQueryDevtools } from './devtools-d8b99e07.js';

package/build/modern/devtools.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+import '@tanstack/query-devtools';
+import '@tanstack/react-query';
+export { D as DevtoolsOptions, R as ReactQueryDevtools } from './devtools-d8b99e07.js';

package/build/modern/devtools.js

@@ -0,0 +1,57 @@
+"use client";
+
+// src/devtools.tsx
+import { useEffect, useRef, useState } from "react";
+import { onlineManager, useQueryClient } from "@tanstack/react-query";
+import { TanstackQueryDevtools } from "@tanstack/query-devtools";
+import React from "react";
+function ReactQueryDevtools(props) {
+  const queryClient = useQueryClient();
+  const client = props.client || queryClient;
+  const ref = useRef(null);
+  const { buttonPosition, position, initialIsOpen, errorTypes } = props;
+  const [devtools] = useState(
+    new TanstackQueryDevtools({
+      client,
+      queryFlavor: "React Query",
+      version: "5",
+      onlineManager,
+      buttonPosition,
+      position,
+      initialIsOpen,
+      errorTypes
+    })
+  );
+  useEffect(() => {
+    devtools.setClient(client);
+  }, [client, devtools]);
+  useEffect(() => {
+    if (buttonPosition) {
+      devtools.setButtonPosition(buttonPosition);
+    }
+  }, [buttonPosition, devtools]);
+  useEffect(() => {
+    if (position) {
+      devtools.setPosition(position);
+    }
+  }, [position, devtools]);
+  useEffect(() => {
+    devtools.setInitialIsOpen(initialIsOpen || false);
+  }, [initialIsOpen, devtools]);
+  useEffect(() => {
+    devtools.setErrorTypes(errorTypes || []);
+  }, [errorTypes, devtools]);
+  useEffect(() => {
+    if (ref.current) {
+      devtools.mount(ref.current);
+    }
+    return () => {
+      devtools.unmount();
+    };
+  }, [devtools]);
+  return /* @__PURE__ */ React.createElement("div", { ref });
+}
+export {
+  ReactQueryDevtools
+};
+//# sourceMappingURL=devtools.js.map

package/build/modern/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/devtools.tsx"],"sourcesContent":["'use client'\nimport { useEffect, useRef, useState } from 'react'\nimport { onlineManager, useQueryClient } from '@tanstack/react-query'\nimport { TanstackQueryDevtools } from '@tanstack/query-devtools'\nimport React from 'react'\nimport type {\n  DevToolsErrorType,\n  DevtoolsButtonPosition,\n  DevtoolsPosition,\n} from '@tanstack/query-devtools'\nimport type { QueryClient } from '@tanstack/react-query'\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 React Query logo to open and close the devtools panel.\n   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n   * Defaults to 'bottom-left'.\n   */\n  buttonPosition?: DevtoolsButtonPosition\n  /**\n   * The position of the React Query devtools panel.\n   * 'top' | 'bottom' | 'left' | 'right'\n   * Defaults to '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?: DevToolsErrorType[]\n}\n\nexport function ReactQueryDevtools(\n  props: DevtoolsOptions,\n): React.ReactElement | null {\n  const queryClient = useQueryClient()\n  const client = props.client || queryClient\n  const ref = useRef<HTMLDivElement>(null)\n  const { buttonPosition, position, initialIsOpen, errorTypes } = props\n  const [devtools] = useState(\n    new TanstackQueryDevtools({\n      client: client,\n      queryFlavor: 'React Query',\n      version: '5',\n      onlineManager,\n      buttonPosition,\n      position,\n      initialIsOpen,\n      errorTypes,\n    }),\n  )\n\n  useEffect(() => {\n    devtools.setClient(client)\n  }, [client, devtools])\n\n  useEffect(() => {\n    if (buttonPosition) {\n      devtools.setButtonPosition(buttonPosition)\n    }\n  }, [buttonPosition, devtools])\n\n  useEffect(() => {\n    if (position) {\n      devtools.setPosition(position)\n    }\n  }, [position, devtools])\n\n  useEffect(() => {\n    devtools.setInitialIsOpen(initialIsOpen || false)\n  }, [initialIsOpen, devtools])\n\n  useEffect(() => {\n    devtools.setErrorTypes(errorTypes || [])\n  }, [errorTypes, devtools])\n\n  useEffect(() => {\n    if (ref.current) {\n      devtools.mount(ref.current)\n    }\n\n    return () => {\n      devtools.unmount()\n    }\n  }, [devtools])\n\n  return <div ref={ref}></div>\n}\n"],"mappings":";;;AACA,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,eAAe,sBAAsB;AAC9C,SAAS,6BAA6B;AACtC,OAAO,WAAW;AAmCX,SAAS,mBACd,OAC2B;AAC3B,QAAM,cAAc,eAAe;AACnC,QAAM,SAAS,MAAM,UAAU;AAC/B,QAAM,MAAM,OAAuB,IAAI;AACvC,QAAM,EAAE,gBAAgB,UAAU,eAAe,WAAW,IAAI;AAChE,QAAM,CAAC,QAAQ,IAAI;AAAA,IACjB,IAAI,sBAAsB;AAAA,MACxB;AAAA,MACA,aAAa;AAAA,MACb,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,aAAS,UAAU,MAAM;AAAA,EAC3B,GAAG,CAAC,QAAQ,QAAQ,CAAC;AAErB,YAAU,MAAM;AACd,QAAI,gBAAgB;AAClB,eAAS,kBAAkB,cAAc;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,gBAAgB,QAAQ,CAAC;AAE7B,YAAU,MAAM;AACd,QAAI,UAAU;AACZ,eAAS,YAAY,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,YAAU,MAAM;AACd,aAAS,iBAAiB,iBAAiB,KAAK;AAAA,EAClD,GAAG,CAAC,eAAe,QAAQ,CAAC;AAE5B,YAAU,MAAM;AACd,aAAS,cAAc,cAAc,CAAC,CAAC;AAAA,EACzC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,eAAS,MAAM,IAAI,OAAO;AAAA,IAC5B;AAEA,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO,oCAAC,SAAI,KAAU;AACxB;","names":[]}