@buoy-gg/react-query 3.0.0 → 3.0.2

package/lib/commonjs/index.js

@@ -12,6 +12,7 @@ var _exportNames = {
   disconnectQueryClient: true,
   reactQueryEventStore: true,
   createReactQuerySyncAdapter: true,
+  useReactQuerySyncAdapter: true,
   ReactQueryModal: true,
   ReactQueryModalHeader: true,
   QueryBrowserModal: true,
@@ -491,6 +492,12 @@ Object.defineProperty(exports, "useReactQueryState", {
     return _useReactQueryState.useReactQueryState;
   }
 });
+Object.defineProperty(exports, "useReactQuerySyncAdapter", {
+  enumerable: true,
+  get: function () {
+    return _useReactQuerySyncAdapter.useReactQuerySyncAdapter;
+  }
+});
 Object.defineProperty(exports, "useStorageQueryCounts", {
   enumerable: true,
   get: function () {
@@ -512,6 +519,7 @@ Object.defineProperty(exports, "wifiTogglePreset", {
 var _preset = require("./preset");
 var _reactQueryEventStore = require("./react-query/stores/reactQueryEventStore");
 var _reactQuerySyncAdapter = require("./react-query/sync/reactQuerySyncAdapter");
+var _useReactQuerySyncAdapter = require("./react-query/sync/useReactQuerySyncAdapter");
 var _ReactQueryModal = require("./react-query/components/modals/ReactQueryModal");
 var _ReactQueryModalHeader = require("./react-query/components/modals/ReactQueryModalHeader");
 var _QueryBrowserModal = require("./react-query/components/modals/QueryBrowserModal");

package/lib/commonjs/react-query/components/modals/MutationBrowserFooter.js

@@ -21,7 +21,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function MutationBrowserFooter({
   activeFilter,
   onFilterChange,
-  modalMode
+  modalMode,
+  size = "default"
 }) {
   const isFloatingMode = modalMode === "floating";
   const insets = (0, _sharedUi.useSafeAreaInsets)({
@@ -43,7 +44,8 @@ function MutationBrowserFooter({
       style: styles.filterContainer,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MutationStatusCount.default, {
         activeFilter: activeFilter,
-        onFilterChange: onFilterChange
+        onFilterChange: onFilterChange,
+        size: size
       })
     })
   }, `footer-${isFloatingMode ? "floating" : "docked"}`);

package/lib/commonjs/react-query/components/modals/QueryBrowserFooter.js

@@ -20,7 +20,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function QueryBrowserFooter({
   activeFilter,
   onFilterChange,
-  isFloatingMode = true // Default to floating mode if not specified
+  isFloatingMode = true,
+  // Default to floating mode if not specified
+  size = "default"
 }) {
   // Use safe area insets with a minimum bottom padding of 16 for docked mode
   // This ensures proper spacing even on resized simulators or devices without home indicator
@@ -37,7 +39,8 @@ function QueryBrowserFooter({
       style: styles.filterContainer,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatusCount.default, {
         activeFilter: activeFilter,
-        onFilterChange: onFilterChange
+        onFilterChange: onFilterChange,
+        size: size
       })
     })
   });

package/lib/commonjs/react-query/components/modals/ReactQueryModalHeader.js

@@ -7,6 +7,7 @@ exports.ReactQueryModalHeader = ReactQueryModalHeader;
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _react = require("react");
 var _reactNative = require("react-native");
+var _WifiToggle = require("../WifiToggle");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Shared header for all React Query modals. Handles tab switching when browsing and presents
@@ -22,7 +23,8 @@ function ReactQueryModalHeader({
   onSearchChange,
   onFilterPress,
   hasActiveFilters = false,
-  onClearCache
+  onClearCache,
+  showWifiToggle = false
 }) {
   const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
   const searchInputRef = (0, _react.useRef)(null);
@@ -112,6 +114,18 @@ function ReactQueryModalHeader({
             color: _sharedUi.buoyColors.textSecondary
           })
         }) : null]
+      }) : showWifiToggle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.tabRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.tabSelectorWrap,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TabSelector, {
+            tabs: tabs,
+            activeTab: activeTab,
+            onTabChange: tab => onTabChange(tab)
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_WifiToggle.WifiToggle, {
+          size: 16
+        })]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TabSelector, {
         tabs: tabs,
         activeTab: activeTab,
@@ -148,6 +162,15 @@ function ReactQueryModalHeader({
   });
 }
 const styles = _reactNative.StyleSheet.create({
+  tabRow: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12
+  },
+  tabSelectorWrap: {
+    flex: 1
+  },
   headerSearchContainer: {
     flexDirection: "row",
     alignItems: "center",

package/lib/commonjs/react-query/components/modals/SwipeIndicator.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SwipeIndicator = SwipeIndicator;
 var _reactNative = require("react-native");
-var _react = require("react");
 var _sharedUi = require("@buoy-gg/shared-ui");
+var _react = require("react");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Morphing swipe indicator – thin line ➜ pill ➜ circle with a pop-out cue at
@@ -188,7 +188,7 @@ function SwipeIndicator({
 }
 const styles = _reactNative.StyleSheet.create({
   container: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._sharedUi.absoluteFill,
     zIndex: 1000,
     justifyContent: "center",
     alignItems: "center"

package/lib/commonjs/react-query/components/query-browser/MutationStatusCount.js

@@ -16,7 +16,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 const MutationStatusCount = ({
   activeFilter,
-  onFilterChange
+  onFilterChange,
+  size = "default"
 }) => {
   const {
     pending,
@@ -62,7 +63,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "pending",
         onPress: event => handleFilterClick("pending", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
         label: "Success",
         color: "green",
@@ -70,7 +72,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "success",
         onPress: event => handleFilterClick("success", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
         label: "Error",
         color: "red",
@@ -78,7 +81,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "error",
         onPress: event => handleFilterClick("error", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
         label: "Paused",
         color: "purple",
@@ -86,7 +90,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "paused",
         onPress: event => handleFilterClick("paused", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       })]
     })
   });

package/lib/commonjs/react-query/components/query-browser/QueryStatus.js

@@ -17,8 +17,10 @@ const QueryStatus = ({
   showLabel = true,
   isActive = false,
   onPress,
-  onTouchStart
+  onTouchStart,
+  size = "default"
 }) => {
+  const isLarge = size === "large";
   // Buoy theme color mapping for status indicators
   const getStatusColors = colorName => {
     const colorMap = {
@@ -64,7 +66,7 @@ const QueryStatus = ({
   const statusColors = getStatusColors(color);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
     "sentry-label": "ignore devtools query status",
-    style: [styles.queryStatusTag, isActive && {
+    style: [styles.queryStatusTag, isLarge && styles.queryStatusTagLarge, isActive && {
       backgroundColor: statusColors.dot + "15",
       borderColor: statusColors.dot + "40"
     }],
@@ -73,16 +75,16 @@ const QueryStatus = ({
     onPressIn: onTouchStart,
     activeOpacity: 0.7,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.dot, {
+      style: [styles.dot, isLarge && styles.dotLarge, {
         backgroundColor: statusColors.dot
       }]
     }), showLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.label],
+      style: [styles.label, isLarge && styles.labelLarge],
       numberOfLines: 1,
       ellipsizeMode: "tail",
       children: label
     }), count > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.count, {
+      style: [styles.count, isLarge && styles.countLarge, {
         color: statusColors.dot
       }],
       numberOfLines: 1,
@@ -103,23 +105,41 @@ const styles = _reactNative.StyleSheet.create({
     borderWidth: 1,
     borderColor: _sharedUi.buoyColors.textMuted + "20"
   },
+  queryStatusTagLarge: {
+    borderRadius: 18,
+    paddingHorizontal: 16,
+    paddingVertical: 9,
+    height: 40,
+    gap: 9
+  },
   dot: {
     width: 6,
     height: 6,
     borderRadius: 3
   },
+  dotLarge: {
+    width: 9,
+    height: 9,
+    borderRadius: 4.5
+  },
   label: {
     fontSize: 11,
     fontWeight: "500",
     color: _sharedUi.buoyColors.textSecondary,
     fontFamily: "system"
   },
+  labelLarge: {
+    fontSize: 15
+  },
   count: {
     fontSize: 11,
     fontVariant: ["tabular-nums"],
     fontWeight: "600",
     marginLeft: "auto",
     fontFamily: "system"
+  },
+  countLarge: {
+    fontSize: 15
   }
 });
 var _default = exports.default = QueryStatus;

package/lib/commonjs/react-query/components/query-browser/QueryStatusCount.js

@@ -15,7 +15,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 const QueryStatusCount = ({
   activeFilter,
-  onFilterChange
+  onFilterChange,
+  size = "default"
 }) => {
   const {
     fresh,
@@ -69,6 +70,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("fresh", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
         label: "Loading",
         color: "blue",
@@ -77,6 +80,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("fetching", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
         label: "Paused",
         color: "purple",
@@ -85,6 +90,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("paused", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
         label: "Stale",
         color: "yellow",
@@ -93,6 +100,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("stale", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_QueryStatus.default, {
         label: "Idle",
         color: "gray",
@@ -101,6 +110,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("inactive", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       })]
     })
   });

package/lib/commonjs/react-query/sync/useReactQuerySyncAdapter.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useReactQuerySyncAdapter = useReactQuerySyncAdapter;
+var _react = require("react");
+var _reactQuery = require("@tanstack/react-query");
+var _reactQuerySyncAdapter = require("./reactQuerySyncAdapter");
+/**
+ * Context-based variant of createReactQuerySyncAdapter for zero-config
+ * wiring (FloatingDevTools' auto external sync): reads the QueryClient from
+ * the surrounding QueryClientProvider. Returns null when rendered outside a
+ * provider so callers can skip registering the query tool.
+ */
+function useReactQuerySyncAdapter() {
+  let queryClient;
+  try {
+    // Just a context read — throws only when there is no provider above us,
+    // which never changes for a mounted tree, so hook order stays stable.
+    queryClient = (0, _reactQuery.useQueryClient)();
+  } catch {
+    queryClient = null;
+  }
+  return (0, _react.useMemo)(() => queryClient ? (0, _reactQuerySyncAdapter.createReactQuerySyncAdapter)(queryClient) : null, [queryClient]);
+}

package/lib/module/index.js

@@ -31,6 +31,7 @@ export { setQueryClient, disconnectQueryClient } from "./react-query/stores/reac
 // EXTERNAL SYNC (Adapter factory for @buoy-gg/external-sync's useExternalSync)
 // =============================================================================
 export { createReactQuerySyncAdapter } from "./react-query/sync/reactQuerySyncAdapter";
+export { useReactQuerySyncAdapter } from "./react-query/sync/useReactQuerySyncAdapter";
 // =============================================================================
 // COMPONENTS (For custom UI implementations)
 // =============================================================================

package/lib/module/react-query/components/modals/MutationBrowserFooter.js

@@ -16,7 +16,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export function MutationBrowserFooter({
   activeFilter,
   onFilterChange,
-  modalMode
+  modalMode,
+  size = "default"
 }) {
   const isFloatingMode = modalMode === "floating";
   const insets = useSafeAreaInsets({
@@ -38,7 +39,8 @@ export function MutationBrowserFooter({
       style: styles.filterContainer,
       children: /*#__PURE__*/_jsx(MutationStatusCount, {
         activeFilter: activeFilter,
-        onFilterChange: onFilterChange
+        onFilterChange: onFilterChange,
+        size: size
       })
     })
   }, `footer-${isFloatingMode ? "floating" : "docked"}`);

package/lib/module/react-query/components/modals/QueryBrowserFooter.js

@@ -15,7 +15,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export function QueryBrowserFooter({
   activeFilter,
   onFilterChange,
-  isFloatingMode = true // Default to floating mode if not specified
+  isFloatingMode = true,
+  // Default to floating mode if not specified
+  size = "default"
 }) {
   // Use safe area insets with a minimum bottom padding of 16 for docked mode
   // This ensures proper spacing even on resized simulators or devices without home indicator
@@ -32,7 +34,8 @@ export function QueryBrowserFooter({
       style: styles.filterContainer,
       children: /*#__PURE__*/_jsx(QueryStatusCount, {
         activeFilter: activeFilter,
-        onFilterChange: onFilterChange
+        onFilterChange: onFilterChange,
+        size: size
       })
     })
   });

package/lib/module/react-query/components/modals/ReactQueryModalHeader.js

@@ -3,6 +3,7 @@
 import { ModalHeader, TabSelector, Search, X, Filter, Trash, buoyColors } from "@buoy-gg/shared-ui";
 import { useState, useRef, useEffect } from "react";
 import { View, TextInput, TouchableOpacity, StyleSheet } from "react-native";
+import { WifiToggle } from "../WifiToggle";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Shared header for all React Query modals. Handles tab switching when browsing and presents
@@ -18,7 +19,8 @@ export function ReactQueryModalHeader({
   onSearchChange,
   onFilterPress,
   hasActiveFilters = false,
-  onClearCache
+  onClearCache,
+  showWifiToggle = false
 }) {
   const [isSearchActive, setIsSearchActive] = useState(false);
   const searchInputRef = useRef(null);
@@ -108,6 +110,18 @@ export function ReactQueryModalHeader({
             color: buoyColors.textSecondary
           })
         }) : null]
+      }) : showWifiToggle ? /*#__PURE__*/_jsxs(View, {
+        style: styles.tabRow,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.tabSelectorWrap,
+          children: /*#__PURE__*/_jsx(TabSelector, {
+            tabs: tabs,
+            activeTab: activeTab,
+            onTabChange: tab => onTabChange(tab)
+          })
+        }), /*#__PURE__*/_jsx(WifiToggle, {
+          size: 16
+        })]
       }) : /*#__PURE__*/_jsx(TabSelector, {
         tabs: tabs,
         activeTab: activeTab,
@@ -144,6 +158,15 @@ export function ReactQueryModalHeader({
   });
 }
 const styles = StyleSheet.create({
+  tabRow: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12
+  },
+  tabSelectorWrap: {
+    flex: 1
+  },
   headerSearchContainer: {
     flexDirection: "row",
     alignItems: "center",

package/lib/module/react-query/components/modals/SwipeIndicator.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import { View, StyleSheet, Animated } from "react-native";
+import { absoluteFill } from "@buoy-gg/shared-ui";
 import { useMemo } from "react";
 import { ChevronLeft, ChevronRight, buoyColors } from "@buoy-gg/shared-ui";
 
@@ -184,7 +185,7 @@ export function SwipeIndicator({
 }
 const styles = StyleSheet.create({
   container: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     zIndex: 1000,
     justifyContent: "center",
     alignItems: "center"

package/lib/module/react-query/components/query-browser/MutationStatusCount.js

@@ -11,7 +11,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 const MutationStatusCount = ({
   activeFilter,
-  onFilterChange
+  onFilterChange,
+  size = "default"
 }) => {
   const {
     pending,
@@ -57,7 +58,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "pending",
         onPress: event => handleFilterClick("pending", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       }), /*#__PURE__*/_jsx(QueryStatus, {
         label: "Success",
         color: "green",
@@ -65,7 +67,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "success",
         onPress: event => handleFilterClick("success", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       }), /*#__PURE__*/_jsx(QueryStatus, {
         label: "Error",
         color: "red",
@@ -73,7 +76,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "error",
         onPress: event => handleFilterClick("error", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       }), /*#__PURE__*/_jsx(QueryStatus, {
         label: "Paused",
         color: "purple",
@@ -81,7 +85,8 @@ const MutationStatusCount = ({
         isActive: activeFilter === "paused",
         onPress: event => handleFilterClick("paused", event),
         onTouchStart: handleTouchStart,
-        showLabel: true
+        showLabel: true,
+        size: size
       })]
     })
   });

package/lib/module/react-query/components/query-browser/QueryStatus.js

@@ -13,8 +13,10 @@ const QueryStatus = ({
   showLabel = true,
   isActive = false,
   onPress,
-  onTouchStart
+  onTouchStart,
+  size = "default"
 }) => {
+  const isLarge = size === "large";
   // Buoy theme color mapping for status indicators
   const getStatusColors = colorName => {
     const colorMap = {
@@ -60,7 +62,7 @@ const QueryStatus = ({
   const statusColors = getStatusColors(color);
   return /*#__PURE__*/_jsxs(TouchableOpacity, {
     "sentry-label": "ignore devtools query status",
-    style: [styles.queryStatusTag, isActive && {
+    style: [styles.queryStatusTag, isLarge && styles.queryStatusTagLarge, isActive && {
       backgroundColor: statusColors.dot + "15",
       borderColor: statusColors.dot + "40"
     }],
@@ -69,16 +71,16 @@ const QueryStatus = ({
     onPressIn: onTouchStart,
     activeOpacity: 0.7,
     children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.dot, {
+      style: [styles.dot, isLarge && styles.dotLarge, {
         backgroundColor: statusColors.dot
       }]
     }), showLabel && /*#__PURE__*/_jsx(Text, {
-      style: [styles.label],
+      style: [styles.label, isLarge && styles.labelLarge],
       numberOfLines: 1,
       ellipsizeMode: "tail",
       children: label
     }), count > 0 && /*#__PURE__*/_jsx(Text, {
-      style: [styles.count, {
+      style: [styles.count, isLarge && styles.countLarge, {
         color: statusColors.dot
       }],
       numberOfLines: 1,
@@ -99,23 +101,41 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderColor: buoyColors.textMuted + "20"
   },
+  queryStatusTagLarge: {
+    borderRadius: 18,
+    paddingHorizontal: 16,
+    paddingVertical: 9,
+    height: 40,
+    gap: 9
+  },
   dot: {
     width: 6,
     height: 6,
     borderRadius: 3
   },
+  dotLarge: {
+    width: 9,
+    height: 9,
+    borderRadius: 4.5
+  },
   label: {
     fontSize: 11,
     fontWeight: "500",
     color: buoyColors.textSecondary,
     fontFamily: "system"
   },
+  labelLarge: {
+    fontSize: 15
+  },
   count: {
     fontSize: 11,
     fontVariant: ["tabular-nums"],
     fontWeight: "600",
     marginLeft: "auto",
     fontFamily: "system"
+  },
+  countLarge: {
+    fontSize: 15
   }
 });
 export default QueryStatus;

package/lib/module/react-query/components/query-browser/QueryStatusCount.js

@@ -10,7 +10,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 const QueryStatusCount = ({
   activeFilter,
-  onFilterChange
+  onFilterChange,
+  size = "default"
 }) => {
   const {
     fresh,
@@ -64,6 +65,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("fresh", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/_jsx(QueryStatus, {
         label: "Loading",
         color: "blue",
@@ -72,6 +75,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("fetching", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/_jsx(QueryStatus, {
         label: "Paused",
         color: "purple",
@@ -80,6 +85,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("paused", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/_jsx(QueryStatus, {
         label: "Stale",
         color: "yellow",
@@ -88,6 +95,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("stale", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       }), /*#__PURE__*/_jsx(QueryStatus, {
         label: "Idle",
         color: "gray",
@@ -96,6 +105,8 @@ const QueryStatusCount = ({
         onPress: event => handleFilterClick("inactive", event),
         onTouchStart: handleTouchStart,
         showLabel: true // Always show labels now
+        ,
+        size: size
       })]
     })
   });

package/lib/module/react-query/sync/useReactQuerySyncAdapter.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { useMemo } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { createReactQuerySyncAdapter } from "./reactQuerySyncAdapter";
+
+/**
+ * Context-based variant of createReactQuerySyncAdapter for zero-config
+ * wiring (FloatingDevTools' auto external sync): reads the QueryClient from
+ * the surrounding QueryClientProvider. Returns null when rendered outside a
+ * provider so callers can skip registering the query tool.
+ */
+export function useReactQuerySyncAdapter() {
+  let queryClient;
+  try {
+    // Just a context read — throws only when there is no provider above us,
+    // which never changes for a mounted tree, so hook order stays stable.
+    queryClient = useQueryClient();
+  } catch {
+    queryClient = null;
+  }
+  return useMemo(() => queryClient ? createReactQuerySyncAdapter(queryClient) : null, [queryClient]);
+}

package/lib/typescript/index.d.ts

@@ -10,6 +10,7 @@
 export { reactQueryToolPreset, createReactQueryTool, wifiTogglePreset, createWifiToggleTool, } from "./preset";
 export { setQueryClient, disconnectQueryClient, type ReactQueryEvent, type ReactQueryEventType, } from "./react-query/stores/reactQueryEventStore";
 export { createReactQuerySyncAdapter } from "./react-query/sync/reactQuerySyncAdapter";
+export { useReactQuerySyncAdapter } from "./react-query/sync/useReactQuerySyncAdapter";
 export type { DehydratedState, DehydratedQuery, DehydratedMutation, ObserverState, } from "./react-query/sync/dehydrate";
 export { ReactQueryModal } from "./react-query/components/modals/ReactQueryModal";
 export { ReactQueryModalHeader } from "./react-query/components/modals/ReactQueryModalHeader";

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/react-query/components/modals/MutationBrowserFooter.d.ts

@@ -3,6 +3,8 @@ interface MutationBrowserFooterProps {
     activeFilter?: string | null;
     onFilterChange?: (filter: string | null) => void;
     modalMode: ModalMode;
+    /** Badge size, forwarded to the status count chips. */
+    size?: "default" | "large";
 }
 /**
  * Footer component for MutationBrowserModal following composition principles
@@ -12,6 +14,6 @@ interface MutationBrowserFooterProps {
  * - Prefer Composition over Configuration: Specialized footer matching DataEditorMode pattern
  * - Extract Reusable Logic: Consistent footer styling across modal types
  */
-export declare function MutationBrowserFooter({ activeFilter, onFilterChange, modalMode, }: MutationBrowserFooterProps): import("react").JSX.Element;
+export declare function MutationBrowserFooter({ activeFilter, onFilterChange, modalMode, size, }: MutationBrowserFooterProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=MutationBrowserFooter.d.ts.map

package/lib/typescript/react-query/components/modals/MutationBrowserFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutationBrowserFooter.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiC,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI9E,UAAU,0BAA0B;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,cAAc,EACd,SAAS,GACV,EAAE,0BAA0B,+BA2B5B"}
+{"version":3,"file":"MutationBrowserFooter.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/MutationBrowserFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiC,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI9E,UAAU,0BAA0B;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,SAAS,EAAE,SAAS,CAAC;IACrB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,cAAc,EACd,SAAS,EACT,IAAgB,GACjB,EAAE,0BAA0B,+BA4B5B"}

package/lib/typescript/react-query/components/modals/QueryBrowserFooter.d.ts

@@ -2,6 +2,8 @@ interface QueryBrowserFooterProps {
     activeFilter?: string | null;
     onFilterChange?: (filter: string | null) => void;
     isFloatingMode?: boolean;
+    /** Badge size, forwarded to the status count chips. */
+    size?: "default" | "large";
 }
 /**
  * Footer component for QueryBrowserModal following composition principles
@@ -11,6 +13,7 @@ interface QueryBrowserFooterProps {
  * - Prefer Composition over Configuration: Specialized footer matching DataEditorMode pattern
  * - Extract Reusable Logic: Consistent footer styling across modal types
  */
-export declare function QueryBrowserFooter({ activeFilter, onFilterChange, isFloatingMode, }: QueryBrowserFooterProps): import("react").JSX.Element;
+export declare function QueryBrowserFooter({ activeFilter, onFilterChange, isFloatingMode, // Default to floating mode if not specified
+size, }: QueryBrowserFooterProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=QueryBrowserFooter.d.ts.map

package/lib/typescript/react-query/components/modals/QueryBrowserFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBrowserFooter.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserFooter.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,cAAc,EACd,cAAqB,GACtB,EAAE,uBAAuB,+BAsBzB"}
+{"version":3,"file":"QueryBrowserFooter.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/QueryBrowserFooter.tsx"],"names":[],"mappings":"AAIA,UAAU,uBAAuB;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,cAAc,EACd,cAAqB,EAAE,4CAA4C;AACnE,IAAgB,GACjB,EAAE,uBAAuB,+BAuBzB"}

package/lib/typescript/react-query/components/modals/ReactQueryModalHeader.d.ts

@@ -10,11 +10,16 @@ interface ReactQueryModalHeaderProps {
     onFilterPress?: () => void;
     hasActiveFilters?: boolean;
     onClearCache?: () => void;
+    /**
+     * When true, renders a Wi-Fi toggle (React Query's onlineManager on/off) next
+     * to the Queries/Mutations tabs. Opt-in so existing consumers are unchanged.
+     */
+    showWifiToggle?: boolean;
 }
 /**
  * Shared header for all React Query modals. Handles tab switching when browsing and presents
  * breadcrumbs when a specific query or mutation is selected.
  */
-export declare function ReactQueryModalHeader({ selectedQuery, selectedMutation, activeTab, onTabChange, onBack, searchText, onSearchChange, onFilterPress, hasActiveFilters, onClearCache, }: ReactQueryModalHeaderProps): import("react").JSX.Element;
+export declare function ReactQueryModalHeader({ selectedQuery, selectedMutation, activeTab, onTabChange, onBack, searchText, onSearchChange, onFilterPress, hasActiveFilters, onClearCache, showWifiToggle, }: ReactQueryModalHeaderProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ReactQueryModalHeader.d.ts.map

package/lib/typescript/react-query/components/modals/ReactQueryModalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactQueryModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/ReactQueryModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKxD,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,MAAM,EACN,UAAe,EACf,cAAc,EACd,aAAa,EACb,gBAAwB,EACxB,YAAY,GACb,EAAE,0BAA0B,+BAyJ5B"}
+{"version":3,"file":"ReactQueryModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/ReactQueryModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMxD,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,CAAC,EAAE,QAAQ,CAAC;IAC5B,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC;IACnC,WAAW,EAAE,CAAC,GAAG,EAAE,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,WAAW,EACX,MAAM,EACN,UAAe,EACf,cAAc,EACd,aAAa,EACb,gBAAwB,EACxB,YAAY,EACZ,cAAsB,GACvB,EAAE,0BAA0B,+BAsK5B"}

package/lib/typescript/react-query/components/modals/SwipeIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/SwipeIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI1D;;;GAGG;AAEH,UAAU,mBAAmB;IAC3B,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,cAAwC,EACxC,YAAmB,EACnB,aAAoB,GACrB,EAAE,mBAAmB,+BAqLrB"}
+{"version":3,"file":"SwipeIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/modals/SwipeIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAK1D;;;GAGG;AAEH,UAAU,mBAAmB;IAC3B,YAAY,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,cAAwC,EACxC,YAAmB,EACnB,aAAoB,GACrB,EAAE,mBAAmB,+BAqLrB"}

package/lib/typescript/react-query/components/query-browser/MutationStatusCount.d.ts

@@ -2,6 +2,8 @@ import { FC } from "react";
 interface MutationStatusCountProps {
     activeFilter?: string | null;
     onFilterChange?: (filter: string | null) => void;
+    /** Badge size, forwarded to each QueryStatus chip. */
+    size?: "default" | "large";
 }
 /**
  * Horizontal status filter bar tailored for mutations. Integrates scroll detection to avoid

package/lib/typescript/react-query/components/query-browser/MutationStatusCount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutationStatusCount.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/MutationStatusCount.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAE7C,UAAU,wBAAwB;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAkFrD,CAAC;AAoBF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"MutationStatusCount.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/MutationStatusCount.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAE7C,UAAU,wBAAwB;IAChC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAuFrD,CAAC;AAoBF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/react-query/components/query-browser/QueryStatus.d.ts

@@ -8,6 +8,11 @@ interface QueryStatusProps {
     isActive?: boolean;
     onPress?: (event: GestureResponderEvent) => void;
     onTouchStart?: (event: GestureResponderEvent) => void;
+    /**
+     * Visual size. "default" matches the compact mobile chip; "large" bumps the
+     * badge / dot / text up for roomier surfaces like the desktop dashboard.
+     */
+    size?: "default" | "large";
 }
 /**
  * Pill-like status badge used within status filter rows. Displays label, dot, and count.

package/lib/typescript/react-query/components/query-browser/QueryStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryStatus.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAKL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAGtB,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD;AAID;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsFrC,CAAC;AAmCF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"QueryStatus.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAKL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAGtB,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAID;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAuGrC,CAAC;AAqDF,eAAe,WAAW,CAAC"}

package/lib/typescript/react-query/components/query-browser/QueryStatusCount.d.ts

@@ -2,6 +2,8 @@ import { FC } from "react";
 interface QueryStatusCountProps {
     activeFilter?: string | null;
     onFilterChange?: (filter: string | null) => void;
+    /** Badge size, forwarded to each QueryStatus chip. */
+    size?: "default" | "large";
 }
 /**
  * Horizontal status filter bar for queries with scroll-aware tap handling to prevent misfires.

package/lib/typescript/react-query/components/query-browser/QueryStatusCount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryStatusCount.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatusCount.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAU7C,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+F/C,CAAC;AAuBF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"QueryStatusCount.d.ts","sourceRoot":"","sources":["../../../../../src/react-query/components/query-browser/QueryStatusCount.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAoB,MAAM,OAAO,CAAC;AAU7C,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqG/C,CAAC;AAuBF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/react-query/sync/useReactQuerySyncAdapter.d.ts

@@ -0,0 +1,9 @@
+import { createReactQuerySyncAdapter } from "./reactQuerySyncAdapter";
+/**
+ * Context-based variant of createReactQuerySyncAdapter for zero-config
+ * wiring (FloatingDevTools' auto external sync): reads the QueryClient from
+ * the surrounding QueryClientProvider. Returns null when rendered outside a
+ * provider so callers can skip registering the query tool.
+ */
+export declare function useReactQuerySyncAdapter(): ReturnType<typeof createReactQuerySyncAdapter> | null;
+//# sourceMappingURL=useReactQuerySyncAdapter.d.ts.map

package/lib/typescript/react-query/sync/useReactQuerySyncAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactQuerySyncAdapter.d.ts","sourceRoot":"","sources":["../../../../src/react-query/sync/useReactQuerySyncAdapter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AAEtE;;;;;GAKG;AACH,wBAAgB,wBAAwB,IAAI,UAAU,CACpD,OAAO,2BAA2B,CACnC,GAAG,IAAI,CAcP"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/react-query",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "react-query package",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,8 +26,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "3.0.0",
-    "@buoy-gg/shared-ui": "3.0.0"
+    "@buoy-gg/shared-ui": "3.0.2",
+    "@buoy-gg/floating-tools-core": "3.0.2"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",