@suspensive/react-query-4 3.19.6 → 4.0.0-next.0

package/dist/QueriesHydration-D8Kdp7yq.d.mts

@@ -0,0 +1,106 @@
+import { HydrateProps, OmitKeyof, QueryClient, QueryOptions, UseInfiniteQueryOptions, WithRequired } from "@tanstack/react-query";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/QueriesHydration.d.ts
+
+/**
+ * A server component that fetches multiple queries on the server and hydrates them to the client.
+ *
+ * @experimental This component is experimental and may be changed or removed in the future.
+ *
+ * @description
+ * QueriesHydration is designed for React Server Components (RSC).
+ * It pre-fetches multiple queries on the server side and automatically hydrates
+ * the data to the client, enabling seamless data synchronization between server and client.
+ *
+ * When errors occur during server-side fetching, the component gracefully falls back
+ * to client-side rendering, ensuring your application remains resilient.
+ *
+ * @example
+ * ```tsx
+ * // app/page.tsx (Server Component)
+ * import { Suspense } from 'react'
+ * import { QueriesHydration } from '@suspensive/react-query'
+ * import { queryOptions } from '@tanstack/react-query'
+ *
+ * const userQueryOptions = (userId: string) => queryOptions({
+ *   queryKey: ['user', userId],
+ *   queryFn: () => fetchUser(userId)
+ * })
+ *
+ * const postsQueryOptions = () => queryOptions({
+ *   queryKey: ['posts'],
+ *   queryFn: () => fetchPosts()
+ * })
+ *
+ * export default function Page({ userId }: { userId: string }) {
+ *   return (
+ *     <>
+ *       <Suspense fallback={<div>Loading user...</div>}>
+ *         <QueriesHydration queries={[userQueryOptions(userId)]}>
+ *           <UserProfile />
+ *         </QueriesHydration>
+ *       </Suspense>
+ *
+ *       <Suspense fallback={<div>Loading posts...</div>}>
+ *         <QueriesHydration queries={[postsQueryOptions()]}>
+ *           <PostsList />
+ *         </QueriesHydration>
+ *       </Suspense>
+ *     </>
+ *   )
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom error fallback
+ * <Suspense fallback={<div>Loading user...</div>}>
+ *   <QueriesHydration
+ *     queries={[userQueryOptions(userId)]}
+ *     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}
+ *   >
+ *     <UserProfile />
+ *   </QueriesHydration>
+ * </Suspense>
+ * ```
+ *
+ * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}
+ */
+declare function QueriesHydration({
+  queries,
+  children,
+  queryClient,
+  skipSsrOnError,
+  timeout,
+  ...props
+}: {
+  /**
+   * The QueryClient instance to use for fetching queries.
+   */
+  queryClient?: QueryClient;
+  /**
+   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.
+   * You can mix regular queries and infinite queries in the same array.
+   */
+  queries: (WithRequired<QueryOptions<any, any, any, any>, 'queryKey'> | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>)[];
+  /**
+   * Controls error handling behavior:
+   * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails
+   * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)
+   * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering
+   */
+  skipSsrOnError?: boolean | {
+    fallback: ReactNode;
+  };
+  /**
+   * The timeout in milliseconds for the query.
+   * If the query takes longer than the timeout, it will be considered as an error.
+   * When not set, no timeout is applied.
+   */
+  timeout?: number;
+} & OmitKeyof<HydrateProps, 'state'>): Promise<react_jsx_runtime7.JSX.Element>;
+//#endregion
+export { QueriesHydration as t };
+//# sourceMappingURL=QueriesHydration-D8Kdp7yq.d.mts.map

package/dist/QueriesHydration-D8Kdp7yq.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueriesHydration-D8Kdp7yq.d.mts","names":[],"sources":["../src/QueriesHydration.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AA6EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAsB,gBAAA;;;;;;;;;;;gBAWN;;;;;YAMV,aAAa,gDACb,aAAa;;;;;;;;cAWD;;;;;;;;IAQd,UAAU,yBAAsB,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/QueriesHydration.cjs

@@ -1,118 +1,3 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_objectWithoutProperties = require('./_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.cjs');
-const require_ClientOnly = require('./components/ClientOnly.cjs');
-const require_objectSpread2 = require('./_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.cjs');
-const require_asyncToGenerator = require('./_virtual/_@oxc-project_runtime@0.115.0/helpers/asyncToGenerator.cjs');
-let _tanstack_react_query = require("@tanstack/react-query");
-let react_jsx_runtime = require("react/jsx-runtime");
+const require_QueriesHydration = require('./QueriesHydration-Cd2lBXvZ.cjs');
 
-//#region src/QueriesHydration.tsx
-const _excluded = [
-	"queries",
-	"children",
-	"queryClient",
-	"skipSsrOnError",
-	"timeout"
-];
-/**
-* A server component that fetches multiple queries on the server and hydrates them to the client.
-*
-* @experimental This component is experimental and may be changed or removed in the future.
-*
-* @description
-* QueriesHydration is designed for React Server Components (RSC).
-* It pre-fetches multiple queries on the server side and automatically hydrates
-* the data to the client, enabling seamless data synchronization between server and client.
-*
-* When errors occur during server-side fetching, the component gracefully falls back
-* to client-side rendering, ensuring your application remains resilient.
-*
-* @example
-* ```tsx
-* // app/page.tsx (Server Component)
-* import { Suspense } from 'react'
-* import { QueriesHydration } from '@suspensive/react-query'
-* import { queryOptions } from '@tanstack/react-query'
-*
-* const userQueryOptions = (userId: string) => queryOptions({
-*   queryKey: ['user', userId],
-*   queryFn: () => fetchUser(userId)
-* })
-*
-* const postsQueryOptions = () => queryOptions({
-*   queryKey: ['posts'],
-*   queryFn: () => fetchPosts()
-* })
-*
-* export default function Page({ userId }: { userId: string }) {
-*   return (
-*     <>
-*       <Suspense fallback={<div>Loading user...</div>}>
-*         <QueriesHydration queries={[userQueryOptions(userId)]}>
-*           <UserProfile />
-*         </QueriesHydration>
-*       </Suspense>
-*
-*       <Suspense fallback={<div>Loading posts...</div>}>
-*         <QueriesHydration queries={[postsQueryOptions()]}>
-*           <PostsList />
-*         </QueriesHydration>
-*       </Suspense>
-*     </>
-*   )
-* }
-* ```
-*
-* @example
-* ```tsx
-* // With custom error fallback
-* <Suspense fallback={<div>Loading user...</div>}>
-*   <QueriesHydration
-*     queries={[userQueryOptions(userId)]}
-*     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}
-*   >
-*     <UserProfile />
-*   </QueriesHydration>
-* </Suspense>
-* ```
-*
-* @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}
-*/
-function QueriesHydration(_x) {
-	return _QueriesHydration.apply(this, arguments);
-}
-function _QueriesHydration() {
-	_QueriesHydration = require_asyncToGenerator._asyncToGenerator(function* (_ref) {
-		let { queries, children, queryClient = new _tanstack_react_query.QueryClient(), skipSsrOnError = true, timeout } = _ref, props = require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
-		const timeoutController = timeout != null && timeout >= 0 ? createTimeoutController(timeout, `QueriesHydration: timeout after ${timeout} ms)`) : void 0;
-		try {
-			const queriesPromise = Promise.all(queries.map((query) => "getNextPageParam" in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)));
-			yield timeoutController != null ? Promise.race([queriesPromise, timeoutController.promise]) : queriesPromise;
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-		} catch (_unused) {
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-			if (skipSsrOnError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ClientOnly.ClientOnly, {
-				fallback: skipSsrOnError === true ? void 0 : skipSsrOnError.fallback,
-				children
-			});
-		}
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tanstack_react_query.Hydrate, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, {
-			state: (0, _tanstack_react_query.dehydrate)(queryClient),
-			children
-		}));
-	});
-	return _QueriesHydration.apply(this, arguments);
-}
-const createTimeoutController = (ms, errorMessage) => {
-	let timerId;
-	return {
-		promise: new Promise((_, reject) => {
-			timerId = setTimeout(() => reject(new Error(errorMessage)), ms);
-		}),
-		clear: () => timerId != null && clearTimeout(timerId)
-	};
-};
-
-//#endregion
-exports.QueriesHydration = QueriesHydration;
-//# sourceMappingURL=QueriesHydration.cjs.map
+exports.QueriesHydration = require_QueriesHydration.QueriesHydration;

package/dist/QueriesHydration.d.cts

@@ -1,105 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { HydrateProps, OmitKeyof, QueryClient, QueryOptions, UseInfiniteQueryOptions, WithRequired } from "@tanstack/react-query";
-import { ReactNode } from "react";
-
-//#region src/QueriesHydration.d.ts
-/**
- * A server component that fetches multiple queries on the server and hydrates them to the client.
- *
- * @experimental This component is experimental and may be changed or removed in the future.
- *
- * @description
- * QueriesHydration is designed for React Server Components (RSC).
- * It pre-fetches multiple queries on the server side and automatically hydrates
- * the data to the client, enabling seamless data synchronization between server and client.
- *
- * When errors occur during server-side fetching, the component gracefully falls back
- * to client-side rendering, ensuring your application remains resilient.
- *
- * @example
- * ```tsx
- * // app/page.tsx (Server Component)
- * import { Suspense } from 'react'
- * import { QueriesHydration } from '@suspensive/react-query'
- * import { queryOptions } from '@tanstack/react-query'
- *
- * const userQueryOptions = (userId: string) => queryOptions({
- *   queryKey: ['user', userId],
- *   queryFn: () => fetchUser(userId)
- * })
- *
- * const postsQueryOptions = () => queryOptions({
- *   queryKey: ['posts'],
- *   queryFn: () => fetchPosts()
- * })
- *
- * export default function Page({ userId }: { userId: string }) {
- *   return (
- *     <>
- *       <Suspense fallback={<div>Loading user...</div>}>
- *         <QueriesHydration queries={[userQueryOptions(userId)]}>
- *           <UserProfile />
- *         </QueriesHydration>
- *       </Suspense>
- *
- *       <Suspense fallback={<div>Loading posts...</div>}>
- *         <QueriesHydration queries={[postsQueryOptions()]}>
- *           <PostsList />
- *         </QueriesHydration>
- *       </Suspense>
- *     </>
- *   )
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With custom error fallback
- * <Suspense fallback={<div>Loading user...</div>}>
- *   <QueriesHydration
- *     queries={[userQueryOptions(userId)]}
- *     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}
- *   >
- *     <UserProfile />
- *   </QueriesHydration>
- * </Suspense>
- * ```
- *
- * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}
- */
-declare function QueriesHydration({
-  queries,
-  children,
-  queryClient,
-  skipSsrOnError,
-  timeout,
-  ...props
-}: {
-  /**
-   * The QueryClient instance to use for fetching queries.
-   */
-  queryClient?: QueryClient;
-  /**
-   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.
-   * You can mix regular queries and infinite queries in the same array.
-   */
-  queries: (WithRequired<QueryOptions<any, any, any, any>, 'queryKey'> | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>)[];
-  /**
-   * Controls error handling behavior:
-   * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails
-   * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)
-   * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering
-   */
-  skipSsrOnError?: boolean | {
-    fallback: ReactNode;
-  };
-  /**
-   * The timeout in milliseconds for the query.
-   * If the query takes longer than the timeout, it will be considered as an error.
-   * When not set, no timeout is applied.
-   */
-  timeout?: number;
-} & OmitKeyof<HydrateProps, 'state'>): Promise<react_jsx_runtime0.JSX.Element>;
-//#endregion
-export { QueriesHydration };
-//# sourceMappingURL=QueriesHydration.d.cts.map
+import { t as QueriesHydration } from "./QueriesHydration-B28Xmf0f.cjs";
+export { QueriesHydration };

package/dist/QueriesHydration.d.mts

@@ -1,105 +1,2 @@
-import { HydrateProps, OmitKeyof, QueryClient, QueryOptions, UseInfiniteQueryOptions, WithRequired } from "@tanstack/react-query";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/QueriesHydration.d.ts
-/**
- * A server component that fetches multiple queries on the server and hydrates them to the client.
- *
- * @experimental This component is experimental and may be changed or removed in the future.
- *
- * @description
- * QueriesHydration is designed for React Server Components (RSC).
- * It pre-fetches multiple queries on the server side and automatically hydrates
- * the data to the client, enabling seamless data synchronization between server and client.
- *
- * When errors occur during server-side fetching, the component gracefully falls back
- * to client-side rendering, ensuring your application remains resilient.
- *
- * @example
- * ```tsx
- * // app/page.tsx (Server Component)
- * import { Suspense } from 'react'
- * import { QueriesHydration } from '@suspensive/react-query'
- * import { queryOptions } from '@tanstack/react-query'
- *
- * const userQueryOptions = (userId: string) => queryOptions({
- *   queryKey: ['user', userId],
- *   queryFn: () => fetchUser(userId)
- * })
- *
- * const postsQueryOptions = () => queryOptions({
- *   queryKey: ['posts'],
- *   queryFn: () => fetchPosts()
- * })
- *
- * export default function Page({ userId }: { userId: string }) {
- *   return (
- *     <>
- *       <Suspense fallback={<div>Loading user...</div>}>
- *         <QueriesHydration queries={[userQueryOptions(userId)]}>
- *           <UserProfile />
- *         </QueriesHydration>
- *       </Suspense>
- *
- *       <Suspense fallback={<div>Loading posts...</div>}>
- *         <QueriesHydration queries={[postsQueryOptions()]}>
- *           <PostsList />
- *         </QueriesHydration>
- *       </Suspense>
- *     </>
- *   )
- * }
- * ```
- *
- * @example
- * ```tsx
- * // With custom error fallback
- * <Suspense fallback={<div>Loading user...</div>}>
- *   <QueriesHydration
- *     queries={[userQueryOptions(userId)]}
- *     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}
- *   >
- *     <UserProfile />
- *   </QueriesHydration>
- * </Suspense>
- * ```
- *
- * @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}
- */
-declare function QueriesHydration({
-  queries,
-  children,
-  queryClient,
-  skipSsrOnError,
-  timeout,
-  ...props
-}: {
-  /**
-   * The QueryClient instance to use for fetching queries.
-   */
-  queryClient?: QueryClient;
-  /**
-   * An array of query options or infinite query options to be fetched on the server. Each query must include a `queryKey`.
-   * You can mix regular queries and infinite queries in the same array.
-   */
-  queries: (WithRequired<QueryOptions<any, any, any, any>, 'queryKey'> | WithRequired<UseInfiniteQueryOptions<any, any, any, any, any>, 'queryKey'>)[];
-  /**
-   * Controls error handling behavior:
-   * - `true` (default): Skips SSR and falls back to client-side rendering when server fetch fails
-   * - `false`: Proceeds with SSR without hydration (retry fetching on client component server rendering)
-   * - `{ fallback: ReactNode }`: Skips SSR with custom fallback UI during client-side rendering
-   */
-  skipSsrOnError?: boolean | {
-    fallback: ReactNode;
-  };
-  /**
-   * The timeout in milliseconds for the query.
-   * If the query takes longer than the timeout, it will be considered as an error.
-   * When not set, no timeout is applied.
-   */
-  timeout?: number;
-} & OmitKeyof<HydrateProps, 'state'>): Promise<react_jsx_runtime0.JSX.Element>;
-//#endregion
-export { QueriesHydration };
-//# sourceMappingURL=QueriesHydration.d.mts.map
+import { t as QueriesHydration } from "./QueriesHydration-D8Kdp7yq.mjs";
+export { QueriesHydration };

package/dist/QueriesHydration.mjs

@@ -1,117 +1,3 @@
-import { _objectWithoutProperties } from "./_virtual/_@oxc-project_runtime@0.115.0/helpers/objectWithoutProperties.mjs";
-import { ClientOnly } from "./components/ClientOnly.mjs";
-import { _objectSpread2 } from "./_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.mjs";
-import { _asyncToGenerator } from "./_virtual/_@oxc-project_runtime@0.115.0/helpers/asyncToGenerator.mjs";
-import { Hydrate, QueryClient, dehydrate } from "@tanstack/react-query";
-import { jsx } from "react/jsx-runtime";
+import { t as QueriesHydration } from "./QueriesHydration-CbLB0bKz.mjs";
 
-//#region src/QueriesHydration.tsx
-const _excluded = [
-	"queries",
-	"children",
-	"queryClient",
-	"skipSsrOnError",
-	"timeout"
-];
-/**
-* A server component that fetches multiple queries on the server and hydrates them to the client.
-*
-* @experimental This component is experimental and may be changed or removed in the future.
-*
-* @description
-* QueriesHydration is designed for React Server Components (RSC).
-* It pre-fetches multiple queries on the server side and automatically hydrates
-* the data to the client, enabling seamless data synchronization between server and client.
-*
-* When errors occur during server-side fetching, the component gracefully falls back
-* to client-side rendering, ensuring your application remains resilient.
-*
-* @example
-* ```tsx
-* // app/page.tsx (Server Component)
-* import { Suspense } from 'react'
-* import { QueriesHydration } from '@suspensive/react-query'
-* import { queryOptions } from '@tanstack/react-query'
-*
-* const userQueryOptions = (userId: string) => queryOptions({
-*   queryKey: ['user', userId],
-*   queryFn: () => fetchUser(userId)
-* })
-*
-* const postsQueryOptions = () => queryOptions({
-*   queryKey: ['posts'],
-*   queryFn: () => fetchPosts()
-* })
-*
-* export default function Page({ userId }: { userId: string }) {
-*   return (
-*     <>
-*       <Suspense fallback={<div>Loading user...</div>}>
-*         <QueriesHydration queries={[userQueryOptions(userId)]}>
-*           <UserProfile />
-*         </QueriesHydration>
-*       </Suspense>
-*
-*       <Suspense fallback={<div>Loading posts...</div>}>
-*         <QueriesHydration queries={[postsQueryOptions()]}>
-*           <PostsList />
-*         </QueriesHydration>
-*       </Suspense>
-*     </>
-*   )
-* }
-* ```
-*
-* @example
-* ```tsx
-* // With custom error fallback
-* <Suspense fallback={<div>Loading user...</div>}>
-*   <QueriesHydration
-*     queries={[userQueryOptions(userId)]}
-*     skipSsrOnError={{ fallback: <div>Fetching on client...</div> }}
-*   >
-*     <UserProfile />
-*   </QueriesHydration>
-* </Suspense>
-* ```
-*
-* @see {@link https://suspensive.org/docs/react-query/QueriesHydration Documentation}
-*/
-function QueriesHydration(_x) {
-	return _QueriesHydration.apply(this, arguments);
-}
-function _QueriesHydration() {
-	_QueriesHydration = _asyncToGenerator(function* (_ref) {
-		let { queries, children, queryClient = new QueryClient(), skipSsrOnError = true, timeout } = _ref, props = _objectWithoutProperties(_ref, _excluded);
-		const timeoutController = timeout != null && timeout >= 0 ? createTimeoutController(timeout, `QueriesHydration: timeout after ${timeout} ms)`) : void 0;
-		try {
-			const queriesPromise = Promise.all(queries.map((query) => "getNextPageParam" in query ? queryClient.fetchInfiniteQuery(query) : queryClient.fetchQuery(query)));
-			yield timeoutController != null ? Promise.race([queriesPromise, timeoutController.promise]) : queriesPromise;
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-		} catch (_unused) {
-			timeoutController === null || timeoutController === void 0 || timeoutController.clear();
-			if (skipSsrOnError) return /* @__PURE__ */ jsx(ClientOnly, {
-				fallback: skipSsrOnError === true ? void 0 : skipSsrOnError.fallback,
-				children
-			});
-		}
-		return /* @__PURE__ */ jsx(Hydrate, _objectSpread2(_objectSpread2({}, props), {}, {
-			state: dehydrate(queryClient),
-			children
-		}));
-	});
-	return _QueriesHydration.apply(this, arguments);
-}
-const createTimeoutController = (ms, errorMessage) => {
-	let timerId;
-	return {
-		promise: new Promise((_, reject) => {
-			timerId = setTimeout(() => reject(new Error(errorMessage)), ms);
-		}),
-		clear: () => timerId != null && clearTimeout(timerId)
-	};
-};
-
-//#endregion
-export { QueriesHydration };
-//# sourceMappingURL=QueriesHydration.mjs.map
+export { QueriesHydration };

package/dist/QueryClientConsumer-B5vPlxA7.mjs

@@ -0,0 +1,14 @@
+import { useQueryClient } from "@tanstack/react-query";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/QueryClientConsumer.tsx
+/**
+* @experimental This is experimental feature.
+*/
+function QueryClientConsumer({ children, context }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: children(useQueryClient({ context })) });
+}
+
+//#endregion
+export { QueryClientConsumer as t };
+//# sourceMappingURL=QueryClientConsumer-B5vPlxA7.mjs.map

package/dist/QueryClientConsumer-B5vPlxA7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryClientConsumer-B5vPlxA7.mjs","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":["'use client'\n\nimport { type QueryClient, useQueryClient } from '@tanstack/react-query'\nimport type { Context, ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function QueryClientConsumer({\n  children,\n  context,\n}: {\n  children: (queryClient: QueryClient) => ReactNode\n  context?: Context<QueryClient | undefined>\n}) {\n  return <>{children(useQueryClient({ context: context as any }))}</>\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,oBAAoB,EAClC,UACA,WAIC;AACD,QAAO,0CAAG,SAAS,eAAe,EAAW,SAAgB,CAAC,CAAC,GAAI"}

package/dist/QueryClientConsumer-COVqqi9y.d.cts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { QueryClient } from "@tanstack/react-query";
+import { Context, ReactNode } from "react";
+
+//#region src/QueryClientConsumer.d.ts
+/**
+ * @experimental This is experimental feature.
+ */
+declare function QueryClientConsumer({
+  children,
+  context
+}: {
+  children: (queryClient: QueryClient) => ReactNode;
+  context?: Context<QueryClient | undefined>;
+}): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { QueryClientConsumer as t };
+//# sourceMappingURL=QueryClientConsumer-COVqqi9y.d.cts.map

package/dist/QueryClientConsumer-COVqqi9y.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryClientConsumer-COVqqi9y.d.cts","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQgB,iBAAA,mBAAA,CAAmB;EAAA,QAAA;EAAA;CAAA,EAAA;EACjC,QAAA,EAAA,CAAA,WAAA,EAGwB,WAHxB,EAAA,GAGwC,SAHxC;EACA,OAAA,CAAA,EAGU,OAHV,CAGkB,WAHlB,GAAA,SAAA,CAAA;CAEwB,CAAA,EAEzB,kBAAA,CAAA,GAAA,CAAA,OAFyB"}

package/dist/QueryClientConsumer-CsNJXJGM.cjs

@@ -0,0 +1,19 @@
+let __tanstack_react_query = require("@tanstack/react-query");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/QueryClientConsumer.tsx
+/**
+* @experimental This is experimental feature.
+*/
+function QueryClientConsumer({ children, context }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children((0, __tanstack_react_query.useQueryClient)({ context })) });
+}
+
+//#endregion
+Object.defineProperty(exports, 'QueryClientConsumer', {
+  enumerable: true,
+  get: function () {
+    return QueryClientConsumer;
+  }
+});
+//# sourceMappingURL=QueryClientConsumer-CsNJXJGM.cjs.map

package/dist/QueryClientConsumer-CsNJXJGM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryClientConsumer-CsNJXJGM.cjs","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":["'use client'\n\nimport { type QueryClient, useQueryClient } from '@tanstack/react-query'\nimport type { Context, ReactNode } from 'react'\n\n/**\n * @experimental This is experimental feature.\n */\nexport function QueryClientConsumer({\n  children,\n  context,\n}: {\n  children: (queryClient: QueryClient) => ReactNode\n  context?: Context<QueryClient | undefined>\n}) {\n  return <>{children(useQueryClient({ context: context as any }))}</>\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,oBAAoB,EAClC,UACA,WAIC;AACD,QAAO,mFAAG,oDAAwB,EAAW,SAAgB,CAAC,CAAC,GAAI"}

package/dist/QueryClientConsumer-YLHVJlTq.d.mts

@@ -0,0 +1,18 @@
+import { QueryClient } from "@tanstack/react-query";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { Context, ReactNode } from "react";
+
+//#region src/QueryClientConsumer.d.ts
+/**
+ * @experimental This is experimental feature.
+ */
+declare function QueryClientConsumer({
+  children,
+  context
+}: {
+  children: (queryClient: QueryClient) => ReactNode;
+  context?: Context<QueryClient | undefined>;
+}): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { QueryClientConsumer as t };
+//# sourceMappingURL=QueryClientConsumer-YLHVJlTq.d.mts.map

package/dist/QueryClientConsumer-YLHVJlTq.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryClientConsumer-YLHVJlTq.d.mts","names":[],"sources":["../src/QueryClientConsumer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAQgB,iBAAA,mBAAA,CAAmB;EAAA,QAAA;EAAA;CAAA,EAAA;EACjC,QAAA,EAAA,CAAA,WAAA,EAGwB,WAHxB,EAAA,GAGwC,SAHxC;EACA,OAAA,CAAA,EAGU,OAHV,CAGkB,WAHlB,GAAA,SAAA,CAAA;CAEwB,CAAA,EAEzB,kBAAA,CAAA,GAAA,CAAA,OAFyB"}

package/dist/QueryClientConsumer.cjs

@@ -1,17 +1,5 @@
 'use client';
 
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-let _tanstack_react_query = require("@tanstack/react-query");
-let react_jsx_runtime = require("react/jsx-runtime");
+const require_QueryClientConsumer = require('./QueryClientConsumer-CsNJXJGM.cjs');
 
-//#region src/QueryClientConsumer.tsx
-/**
-* @experimental This is experimental feature.
-*/
-function QueryClientConsumer({ children, context }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children((0, _tanstack_react_query.useQueryClient)({ context })) });
-}
-
-//#endregion
-exports.QueryClientConsumer = QueryClientConsumer;
-//# sourceMappingURL=QueryClientConsumer.cjs.map
+exports.QueryClientConsumer = require_QueryClientConsumer.QueryClientConsumer;