@tanstack/query-devtools 5.17.7 → 5.18.0

package/build/Devtools/{A6DP7BKI.js → F44ZTS6H.js}

@@ -8326,29 +8326,6 @@ delegateEvents(["keydown", "pointerdown", "pointermove", "pointerup"]);
 createContext();
 
 // src/theme.ts
-var ShadowVariants = {
-  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-  sm: "0 1px 3px 0 color, 0 1px 2px -1px color",
-  md: "0 4px 6px -1px color, 0 2px 4px -2px color",
-  lg: "0 10px 15px -3px color, 0 4px 6px -4px color",
-  xl: "0 20px 25px -5px color, 0 8px 10px -6px color",
-  "2xl": "0 25px 50px -12px color",
-  inner: "inset 0 2px 4px 0 color",
-  none: "none"
-};
-var getShadow = (variant, color = "") => {
-  return ShadowVariants[variant].replace(/color/g, color);
-};
-var Shadow = {
-  xs: (color = "rgb(0 0 0 / 0.1)") => getShadow("xs", color),
-  sm: (color = "rgb(0 0 0 / 0.1)") => getShadow("sm", color),
-  md: (color = "rgb(0 0 0 / 0.1)") => getShadow("md", color),
-  lg: (color = "rgb(0 0 0 / 0.1)") => getShadow("lg", color),
-  xl: (color = "rgb(0 0 0 / 0.1)") => getShadow("xl", color),
-  "2xl": (color = "rgb(0 0 0 / 0.25)") => getShadow("2xl", color),
-  inner: (color = "rgb(0 0 0 / 0.05)") => getShadow("inner", color),
-  none: () => getShadow("none")
-};
 var tokens = {
   colors: {
     inherit: "inherit",
@@ -8615,7 +8592,16 @@ var tokens = {
     80: "calc(var(--tsqd-font-size) * 20)",
     96: "calc(var(--tsqd-font-size) * 24)"
   },
-  shadow: Shadow,
+  shadow: {
+    xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
+    sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`,
+    md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`,
+    lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`,
+    xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`,
+    "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
+    inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
+    none: () => `none`
+  },
   zIndices: {
     hide: -1,
     auto: "auto",
@@ -9717,15 +9703,15 @@ var DevtoolsPanel = (props) => {
         props.setLocalStore("height", String(Math.round(newSize)));
       }
     };
-    const unsub = () => {
+    const unsubscribe = () => {
       if (isResizing()) {
         setIsResizing(false);
       }
       document.removeEventListener("mousemove", runDrag, false);
-      document.removeEventListener("mouseUp", unsub, false);
+      document.removeEventListener("mouseUp", unsubscribe, false);
     };
     document.addEventListener("mousemove", runDrag, false);
-    document.addEventListener("mouseup", unsub, false);
+    document.addEventListener("mouseup", unsubscribe, false);
   };
   let panelRef;
   onMount(() => {
@@ -11103,7 +11089,7 @@ var setupQueryCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getQueryCache();
   });
-  const unsub = queryCache().subscribe((q) => {
+  const unsubscribe = queryCache().subscribe((q) => {
     batch(() => {
       for (const [callback, value] of queryCacheMap.entries()) {
         if (!value.shouldUpdate(q))
@@ -11114,9 +11100,9 @@ var setupQueryCacheSubscription = () => {
   });
   onCleanup(() => {
     queryCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToQueryCacheBatcher = (callback, equalityCheck = true, shouldUpdate = () => true) => {
   const queryCache = createMemo(() => {
@@ -11144,7 +11130,7 @@ var setupMutationCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getMutationCache();
   });
-  const unsub = mutationCache().subscribe(() => {
+  const unsubscribe = mutationCache().subscribe(() => {
     for (const [callback, setter] of mutationCacheMap.entries()) {
       queueMicrotask(() => {
         setter(callback(mutationCache));
@@ -11153,9 +11139,9 @@ var setupMutationCacheSubscription = () => {
   });
   onCleanup(() => {
     mutationCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToMutationCacheBatcher = (callback, equalityCheck = true) => {
   const mutationCache = createMemo(() => {

package/build/Devtools/{5J6EBFZD.jsx → GGXFRC53.jsx}

@@ -8566,29 +8566,6 @@ delegateEvents(["keydown", "pointerdown", "pointermove", "pointerup"]);
 var TooltipContext = createContext();
 
 // src/theme.ts
-var ShadowVariants = {
-  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-  sm: "0 1px 3px 0 color, 0 1px 2px -1px color",
-  md: "0 4px 6px -1px color, 0 2px 4px -2px color",
-  lg: "0 10px 15px -3px color, 0 4px 6px -4px color",
-  xl: "0 20px 25px -5px color, 0 8px 10px -6px color",
-  "2xl": "0 25px 50px -12px color",
-  inner: "inset 0 2px 4px 0 color",
-  none: "none"
-};
-var getShadow = (variant, color = "") => {
-  return ShadowVariants[variant].replace(/color/g, color);
-};
-var Shadow = {
-  xs: (color = "rgb(0 0 0 / 0.1)") => getShadow("xs", color),
-  sm: (color = "rgb(0 0 0 / 0.1)") => getShadow("sm", color),
-  md: (color = "rgb(0 0 0 / 0.1)") => getShadow("md", color),
-  lg: (color = "rgb(0 0 0 / 0.1)") => getShadow("lg", color),
-  xl: (color = "rgb(0 0 0 / 0.1)") => getShadow("xl", color),
-  "2xl": (color = "rgb(0 0 0 / 0.25)") => getShadow("2xl", color),
-  inner: (color = "rgb(0 0 0 / 0.05)") => getShadow("inner", color),
-  none: () => getShadow("none")
-};
 var tokens = {
   colors: {
     inherit: "inherit",
@@ -8855,7 +8832,16 @@ var tokens = {
     80: "calc(var(--tsqd-font-size) * 20)",
     96: "calc(var(--tsqd-font-size) * 24)"
   },
-  shadow: Shadow,
+  shadow: {
+    xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
+    sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`,
+    md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`,
+    lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`,
+    xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`,
+    "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
+    inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
+    none: () => `none`
+  },
   zIndices: {
     hide: -1,
     auto: "auto",
@@ -10592,15 +10578,15 @@ var DevtoolsPanel = (props) => {
         props.setLocalStore("height", String(Math.round(newSize)));
       }
     };
-    const unsub = () => {
+    const unsubscribe = () => {
       if (isResizing()) {
         setIsResizing(false);
       }
       document.removeEventListener("mousemove", runDrag, false);
-      document.removeEventListener("mouseUp", unsub, false);
+      document.removeEventListener("mouseUp", unsubscribe, false);
     };
     document.addEventListener("mousemove", runDrag, false);
-    document.addEventListener("mouseup", unsub, false);
+    document.addEventListener("mouseup", unsubscribe, false);
   };
   let panelRef;
   onMount(() => {
@@ -11916,7 +11902,7 @@ var setupQueryCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getQueryCache();
   });
-  const unsub = queryCache().subscribe((q) => {
+  const unsubscribe = queryCache().subscribe((q) => {
     batch(() => {
       for (const [callback, value] of queryCacheMap.entries()) {
         if (!value.shouldUpdate(q))
@@ -11927,9 +11913,9 @@ var setupQueryCacheSubscription = () => {
   });
   onCleanup(() => {
     queryCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToQueryCacheBatcher = (callback, equalityCheck = true, shouldUpdate = () => true) => {
   const queryCache = createMemo(() => {
@@ -11958,7 +11944,7 @@ var setupMutationCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getMutationCache();
   });
-  const unsub = mutationCache().subscribe(() => {
+  const unsubscribe = mutationCache().subscribe(() => {
     for (const [callback, setter] of mutationCacheMap.entries()) {
       queueMicrotask(() => {
         setter(callback(mutationCache));
@@ -11967,9 +11953,9 @@ var setupMutationCacheSubscription = () => {
   });
   onCleanup(() => {
     mutationCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToMutationCacheBatcher = (callback, equalityCheck = true) => {
   const mutationCache = createMemo(() => {

package/build/Devtools/{BSBCIQID.js → IEC7B7YJ.js}

@@ -8326,29 +8326,6 @@ delegateEvents(["keydown", "pointerdown", "pointermove", "pointerup"]);
 createContext();
 
 // src/theme.ts
-var ShadowVariants = {
-  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-  sm: "0 1px 3px 0 color, 0 1px 2px -1px color",
-  md: "0 4px 6px -1px color, 0 2px 4px -2px color",
-  lg: "0 10px 15px -3px color, 0 4px 6px -4px color",
-  xl: "0 20px 25px -5px color, 0 8px 10px -6px color",
-  "2xl": "0 25px 50px -12px color",
-  inner: "inset 0 2px 4px 0 color",
-  none: "none"
-};
-var getShadow = (variant, color = "") => {
-  return ShadowVariants[variant].replace(/color/g, color);
-};
-var Shadow = {
-  xs: (color = "rgb(0 0 0 / 0.1)") => getShadow("xs", color),
-  sm: (color = "rgb(0 0 0 / 0.1)") => getShadow("sm", color),
-  md: (color = "rgb(0 0 0 / 0.1)") => getShadow("md", color),
-  lg: (color = "rgb(0 0 0 / 0.1)") => getShadow("lg", color),
-  xl: (color = "rgb(0 0 0 / 0.1)") => getShadow("xl", color),
-  "2xl": (color = "rgb(0 0 0 / 0.25)") => getShadow("2xl", color),
-  inner: (color = "rgb(0 0 0 / 0.05)") => getShadow("inner", color),
-  none: () => getShadow("none")
-};
 var tokens = {
   colors: {
     inherit: "inherit",
@@ -8615,7 +8592,16 @@ var tokens = {
     80: "calc(var(--tsqd-font-size) * 20)",
     96: "calc(var(--tsqd-font-size) * 24)"
   },
-  shadow: Shadow,
+  shadow: {
+    xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
+    sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`,
+    md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`,
+    lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`,
+    xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`,
+    "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
+    inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
+    none: () => `none`
+  },
   zIndices: {
     hide: -1,
     auto: "auto",
@@ -9716,15 +9702,15 @@ var DevtoolsPanel = (props) => {
         props.setLocalStore("height", String(Math.round(newSize)));
       }
     };
-    const unsub = () => {
+    const unsubscribe = () => {
       if (isResizing()) {
         setIsResizing(false);
       }
       document.removeEventListener("mousemove", runDrag, false);
-      document.removeEventListener("mouseUp", unsub, false);
+      document.removeEventListener("mouseUp", unsubscribe, false);
     };
     document.addEventListener("mousemove", runDrag, false);
-    document.addEventListener("mouseup", unsub, false);
+    document.addEventListener("mouseup", unsubscribe, false);
   };
   let panelRef;
   onMount(() => {
@@ -11102,7 +11088,7 @@ var setupQueryCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getQueryCache();
   });
-  const unsub = queryCache().subscribe((q) => {
+  const unsubscribe = queryCache().subscribe((q) => {
     batch(() => {
       for (const [callback, value] of queryCacheMap.entries()) {
         if (!value.shouldUpdate(q))
@@ -11113,9 +11099,9 @@ var setupQueryCacheSubscription = () => {
   });
   onCleanup(() => {
     queryCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToQueryCacheBatcher = (callback, equalityCheck = true, shouldUpdate = () => true) => {
   const queryCache = createMemo(() => {
@@ -11143,7 +11129,7 @@ var setupMutationCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getMutationCache();
   });
-  const unsub = mutationCache().subscribe(() => {
+  const unsubscribe = mutationCache().subscribe(() => {
     for (const [callback, setter] of mutationCacheMap.entries()) {
       queueMicrotask(() => {
         setter(callback(mutationCache));
@@ -11152,9 +11138,9 @@ var setupMutationCacheSubscription = () => {
   });
   onCleanup(() => {
     mutationCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToMutationCacheBatcher = (callback, equalityCheck = true) => {
   const mutationCache = createMemo(() => {

package/build/Devtools/{TCSAOOE4.jsx → PFRKCKUQ.jsx}

@@ -8566,29 +8566,6 @@ delegateEvents(["keydown", "pointerdown", "pointermove", "pointerup"]);
 var TooltipContext = createContext();
 
 // src/theme.ts
-var ShadowVariants = {
-  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-  sm: "0 1px 3px 0 color, 0 1px 2px -1px color",
-  md: "0 4px 6px -1px color, 0 2px 4px -2px color",
-  lg: "0 10px 15px -3px color, 0 4px 6px -4px color",
-  xl: "0 20px 25px -5px color, 0 8px 10px -6px color",
-  "2xl": "0 25px 50px -12px color",
-  inner: "inset 0 2px 4px 0 color",
-  none: "none"
-};
-var getShadow = (variant, color = "") => {
-  return ShadowVariants[variant].replace(/color/g, color);
-};
-var Shadow = {
-  xs: (color = "rgb(0 0 0 / 0.1)") => getShadow("xs", color),
-  sm: (color = "rgb(0 0 0 / 0.1)") => getShadow("sm", color),
-  md: (color = "rgb(0 0 0 / 0.1)") => getShadow("md", color),
-  lg: (color = "rgb(0 0 0 / 0.1)") => getShadow("lg", color),
-  xl: (color = "rgb(0 0 0 / 0.1)") => getShadow("xl", color),
-  "2xl": (color = "rgb(0 0 0 / 0.25)") => getShadow("2xl", color),
-  inner: (color = "rgb(0 0 0 / 0.05)") => getShadow("inner", color),
-  none: () => getShadow("none")
-};
 var tokens = {
   colors: {
     inherit: "inherit",
@@ -8855,7 +8832,16 @@ var tokens = {
     80: "calc(var(--tsqd-font-size) * 20)",
     96: "calc(var(--tsqd-font-size) * 24)"
   },
-  shadow: Shadow,
+  shadow: {
+    xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
+    sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`,
+    md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`,
+    lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`,
+    xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`,
+    "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
+    inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
+    none: () => `none`
+  },
   zIndices: {
     hide: -1,
     auto: "auto",
@@ -10591,15 +10577,15 @@ var DevtoolsPanel = (props) => {
         props.setLocalStore("height", String(Math.round(newSize)));
       }
     };
-    const unsub = () => {
+    const unsubscribe = () => {
       if (isResizing()) {
         setIsResizing(false);
       }
       document.removeEventListener("mousemove", runDrag, false);
-      document.removeEventListener("mouseUp", unsub, false);
+      document.removeEventListener("mouseUp", unsubscribe, false);
     };
     document.addEventListener("mousemove", runDrag, false);
-    document.addEventListener("mouseup", unsub, false);
+    document.addEventListener("mouseup", unsubscribe, false);
   };
   let panelRef;
   onMount(() => {
@@ -11915,7 +11901,7 @@ var setupQueryCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getQueryCache();
   });
-  const unsub = queryCache().subscribe((q) => {
+  const unsubscribe = queryCache().subscribe((q) => {
     batch(() => {
       for (const [callback, value] of queryCacheMap.entries()) {
         if (!value.shouldUpdate(q))
@@ -11926,9 +11912,9 @@ var setupQueryCacheSubscription = () => {
   });
   onCleanup(() => {
     queryCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToQueryCacheBatcher = (callback, equalityCheck = true, shouldUpdate = () => true) => {
   const queryCache = createMemo(() => {
@@ -11957,7 +11943,7 @@ var setupMutationCacheSubscription = () => {
     const client = useQueryDevtoolsContext().client;
     return client.getMutationCache();
   });
-  const unsub = mutationCache().subscribe(() => {
+  const unsubscribe = mutationCache().subscribe(() => {
     for (const [callback, setter] of mutationCacheMap.entries()) {
       queueMicrotask(() => {
         setter(callback(mutationCache));
@@ -11966,9 +11952,9 @@ var setupMutationCacheSubscription = () => {
   });
   onCleanup(() => {
     mutationCacheMap.clear();
-    unsub();
+    unsubscribe();
   });
-  return unsub;
+  return unsubscribe;
 };
 var createSubscribeToMutationCacheBatcher = (callback, equalityCheck = true) => {
   const mutationCache = createMemo(() => {

package/build/dev.cjs

@@ -11787,32 +11787,9 @@ var init_esm2 = __esm({
 });
 
 // src/theme.ts
-var ShadowVariants, getShadow, Shadow, tokens;
+var tokens;
 var init_theme = __esm({
   "src/theme.ts"() {
-    ShadowVariants = {
-      xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-      sm: "0 1px 3px 0 color, 0 1px 2px -1px color",
-      md: "0 4px 6px -1px color, 0 2px 4px -2px color",
-      lg: "0 10px 15px -3px color, 0 4px 6px -4px color",
-      xl: "0 20px 25px -5px color, 0 8px 10px -6px color",
-      "2xl": "0 25px 50px -12px color",
-      inner: "inset 0 2px 4px 0 color",
-      none: "none"
-    };
-    getShadow = (variant, color = "") => {
-      return ShadowVariants[variant].replace(/color/g, color);
-    };
-    Shadow = {
-      xs: (color = "rgb(0 0 0 / 0.1)") => getShadow("xs", color),
-      sm: (color = "rgb(0 0 0 / 0.1)") => getShadow("sm", color),
-      md: (color = "rgb(0 0 0 / 0.1)") => getShadow("md", color),
-      lg: (color = "rgb(0 0 0 / 0.1)") => getShadow("lg", color),
-      xl: (color = "rgb(0 0 0 / 0.1)") => getShadow("xl", color),
-      "2xl": (color = "rgb(0 0 0 / 0.25)") => getShadow("2xl", color),
-      inner: (color = "rgb(0 0 0 / 0.05)") => getShadow("inner", color),
-      none: () => getShadow("none")
-    };
     tokens = {
       colors: {
         inherit: "inherit",
@@ -12079,7 +12056,16 @@ var init_theme = __esm({
         80: "calc(var(--tsqd-font-size) * 20)",
         96: "calc(var(--tsqd-font-size) * 24)"
       },
-      shadow: Shadow,
+      shadow: {
+        xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
+        sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`,
+        md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`,
+        lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`,
+        xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`,
+        "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
+        inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
+        none: () => `none`
+      },
       zIndices: {
         hide: -1,
         auto: "auto",
@@ -13254,15 +13240,15 @@ var init_Devtools = __esm({
             props.setLocalStore("height", String(Math.round(newSize)));
           }
         };
-        const unsub = () => {
+        const unsubscribe = () => {
           if (isResizing()) {
             setIsResizing(false);
           }
           document.removeEventListener("mousemove", runDrag, false);
-          document.removeEventListener("mouseUp", unsub, false);
+          document.removeEventListener("mouseUp", unsubscribe, false);
         };
         document.addEventListener("mousemove", runDrag, false);
-        document.addEventListener("mouseup", unsub, false);
+        document.addEventListener("mouseup", unsubscribe, false);
       };
       let panelRef;
       onMount(() => {
@@ -14640,7 +14626,7 @@ var init_Devtools = __esm({
         const client = useQueryDevtoolsContext().client;
         return client.getQueryCache();
       });
-      const unsub = queryCache().subscribe((q) => {
+      const unsubscribe = queryCache().subscribe((q) => {
         batch(() => {
           for (const [callback, value] of queryCacheMap.entries()) {
             if (!value.shouldUpdate(q))
@@ -14651,9 +14637,9 @@ var init_Devtools = __esm({
       });
       onCleanup(() => {
         queryCacheMap.clear();
-        unsub();
+        unsubscribe();
       });
-      return unsub;
+      return unsubscribe;
     };
     createSubscribeToQueryCacheBatcher = (callback, equalityCheck = true, shouldUpdate = () => true) => {
       const queryCache = createMemo(() => {
@@ -14681,7 +14667,7 @@ var init_Devtools = __esm({
         const client = useQueryDevtoolsContext().client;
         return client.getMutationCache();
       });
-      const unsub = mutationCache().subscribe(() => {
+      const unsubscribe = mutationCache().subscribe(() => {
         for (const [callback, setter] of mutationCacheMap.entries()) {
           queueMicrotask(() => {
             setter(callback(mutationCache));
@@ -14690,9 +14676,9 @@ var init_Devtools = __esm({
       });
       onCleanup(() => {
         mutationCacheMap.clear();
-        unsub();
+        unsubscribe();
       });
-      return unsub;
+      return unsubscribe;
     };
     createSubscribeToMutationCacheBatcher = (callback, equalityCheck = true) => {
       const mutationCache = createMemo(() => {

package/build/dev.js

@@ -65,7 +65,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./Devtools/A6DP7BKI.js'));
+        Devtools = lazy(() => import('./Devtools/F44ZTS6H.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce);

package/build/dev.jsx

@@ -70,7 +70,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import("./Devtools/5J6EBFZD.jsx"));
+        Devtools = lazy(() => import("./Devtools/GGXFRC53.jsx"));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce);

package/build/index.cjs

@@ -11786,32 +11786,9 @@ var init_esm2 = __esm({
 });
 
 // src/theme.ts
-var ShadowVariants, getShadow, Shadow, tokens;
+var tokens;
 var init_theme = __esm({
   "src/theme.ts"() {
-    ShadowVariants = {
-      xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-      sm: "0 1px 3px 0 color, 0 1px 2px -1px color",
-      md: "0 4px 6px -1px color, 0 2px 4px -2px color",
-      lg: "0 10px 15px -3px color, 0 4px 6px -4px color",
-      xl: "0 20px 25px -5px color, 0 8px 10px -6px color",
-      "2xl": "0 25px 50px -12px color",
-      inner: "inset 0 2px 4px 0 color",
-      none: "none"
-    };
-    getShadow = (variant, color = "") => {
-      return ShadowVariants[variant].replace(/color/g, color);
-    };
-    Shadow = {
-      xs: (color = "rgb(0 0 0 / 0.1)") => getShadow("xs", color),
-      sm: (color = "rgb(0 0 0 / 0.1)") => getShadow("sm", color),
-      md: (color = "rgb(0 0 0 / 0.1)") => getShadow("md", color),
-      lg: (color = "rgb(0 0 0 / 0.1)") => getShadow("lg", color),
-      xl: (color = "rgb(0 0 0 / 0.1)") => getShadow("xl", color),
-      "2xl": (color = "rgb(0 0 0 / 0.25)") => getShadow("2xl", color),
-      inner: (color = "rgb(0 0 0 / 0.05)") => getShadow("inner", color),
-      none: () => getShadow("none")
-    };
     tokens = {
       colors: {
         inherit: "inherit",
@@ -12078,7 +12055,16 @@ var init_theme = __esm({
         80: "calc(var(--tsqd-font-size) * 20)",
         96: "calc(var(--tsqd-font-size) * 24)"
       },
-      shadow: Shadow,
+      shadow: {
+        xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
+        sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`,
+        md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`,
+        lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`,
+        xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`,
+        "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
+        inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
+        none: () => `none`
+      },
       zIndices: {
         hide: -1,
         auto: "auto",
@@ -13252,15 +13238,15 @@ var init_Devtools = __esm({
             props.setLocalStore("height", String(Math.round(newSize)));
           }
         };
-        const unsub = () => {
+        const unsubscribe = () => {
           if (isResizing()) {
             setIsResizing(false);
           }
           document.removeEventListener("mousemove", runDrag, false);
-          document.removeEventListener("mouseUp", unsub, false);
+          document.removeEventListener("mouseUp", unsubscribe, false);
         };
         document.addEventListener("mousemove", runDrag, false);
-        document.addEventListener("mouseup", unsub, false);
+        document.addEventListener("mouseup", unsubscribe, false);
       };
       let panelRef;
       onMount(() => {
@@ -14638,7 +14624,7 @@ var init_Devtools = __esm({
         const client = useQueryDevtoolsContext().client;
         return client.getQueryCache();
       });
-      const unsub = queryCache().subscribe((q) => {
+      const unsubscribe = queryCache().subscribe((q) => {
         batch(() => {
           for (const [callback, value] of queryCacheMap.entries()) {
             if (!value.shouldUpdate(q))
@@ -14649,9 +14635,9 @@ var init_Devtools = __esm({
       });
       onCleanup(() => {
         queryCacheMap.clear();
-        unsub();
+        unsubscribe();
       });
-      return unsub;
+      return unsubscribe;
     };
     createSubscribeToQueryCacheBatcher = (callback, equalityCheck = true, shouldUpdate = () => true) => {
       const queryCache = createMemo(() => {
@@ -14679,7 +14665,7 @@ var init_Devtools = __esm({
         const client = useQueryDevtoolsContext().client;
         return client.getMutationCache();
       });
-      const unsub = mutationCache().subscribe(() => {
+      const unsubscribe = mutationCache().subscribe(() => {
         for (const [callback, setter] of mutationCacheMap.entries()) {
           queueMicrotask(() => {
             setter(callback(mutationCache));
@@ -14688,9 +14674,9 @@ var init_Devtools = __esm({
       });
       onCleanup(() => {
         mutationCacheMap.clear();
-        unsub();
+        unsubscribe();
       });
-      return unsub;
+      return unsubscribe;
     };
     createSubscribeToMutationCacheBatcher = (callback, equalityCheck = true) => {
       const mutationCache = createMemo(() => {

package/build/index.js

@@ -65,7 +65,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import('./Devtools/BSBCIQID.js'));
+        Devtools = lazy(() => import('./Devtools/IEC7B7YJ.js'));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce);

package/build/index.jsx

@@ -70,7 +70,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import("./Devtools/TCSAOOE4.jsx"));
+        Devtools = lazy(() => import("./Devtools/PFRKCKUQ.jsx"));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-devtools",
-  "version": "5.17.7",
+  "version": "5.18.0",
   "description": "Developer tools to interact with and visualize the TanStack Query cache",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -50,7 +50,7 @@
     "superjson": "^1.13.3",
     "tsup-preset-solid": "^2.2.0",
     "vite-plugin-solid": "^2.8.0",
-    "@tanstack/query-core": "5.17.7"
+    "@tanstack/query-core": "5.18.0"
   },
   "scripts": {
     "clean": "rimraf ./build && rimraf ./coverage",

package/src/Devtools.tsx

@@ -330,16 +330,16 @@ const DevtoolsPanel: Component<DevtoolsPanelProps> = (props) => {
       }
     }
 
-    const unsub = () => {
+    const unsubscribe = () => {
       if (isResizing()) {
         setIsResizing(false)
       }
       document.removeEventListener('mousemove', runDrag, false)
-      document.removeEventListener('mouseUp', unsub, false)
+      document.removeEventListener('mouseUp', unsubscribe, false)
     }
 
     document.addEventListener('mousemove', runDrag, false)
-    document.addEventListener('mouseup', unsub, false)
+    document.addEventListener('mouseup', unsubscribe, false)
   }
 
   let panelRef!: HTMLDivElement
@@ -2062,7 +2062,7 @@ const setupQueryCacheSubscription = () => {
     return client.getQueryCache()
   })
 
-  const unsub = queryCache().subscribe((q) => {
+  const unsubscribe = queryCache().subscribe((q) => {
     batch(() => {
       for (const [callback, value] of queryCacheMap.entries()) {
         if (!value.shouldUpdate(q)) continue
@@ -2073,10 +2073,10 @@ const setupQueryCacheSubscription = () => {
 
   onCleanup(() => {
     queryCacheMap.clear()
-    unsub()
+    unsubscribe()
   })
 
-  return unsub
+  return unsubscribe
 }
 
 const createSubscribeToQueryCacheBatcher = <T,>(
@@ -2122,7 +2122,7 @@ const setupMutationCacheSubscription = () => {
     return client.getMutationCache()
   })
 
-  const unsub = mutationCache().subscribe(() => {
+  const unsubscribe = mutationCache().subscribe(() => {
     for (const [callback, setter] of mutationCacheMap.entries()) {
       queueMicrotask(() => {
         setter(callback(mutationCache))
@@ -2132,10 +2132,10 @@ const setupMutationCacheSubscription = () => {
 
   onCleanup(() => {
     mutationCacheMap.clear()
-    unsub()
+    unsubscribe()
   })
 
-  return unsub
+  return unsubscribe
 }
 
 const createSubscribeToMutationCacheBatcher = <T,>(

package/src/__tests__/utils.test.ts

@@ -91,6 +91,7 @@ describe('Utils tests', () => {
           ['fr', 'bonjour'],
         ])
 
+        /* eslint-disable @cspell/spellchecker */
         const newData = updateNestedDataByPath(oldData, ['fr'], 'salut')
 
         expect(newData).not.toBe(oldData) // should not be the same reference
@@ -108,10 +109,12 @@ describe('Utils tests', () => {
           }
         `)
       })
+      /* eslint-enable */
     })
 
     describe('nested data', () => {
       it('should update data correctly', async () => {
+        /* eslint-disable @cspell/spellchecker */
         const oldData = new Map([
           [
             'pumpkin-pie',
@@ -368,6 +371,7 @@ describe('Utils tests', () => {
             },
           }
         `)
+        /* eslint-enable */
       })
     })
   })
@@ -469,6 +473,7 @@ describe('Utils tests', () => {
 
     describe('nested data', () => {
       it('should delete nested items correctly', async () => {
+        /* eslint-disable @cspell/spellchecker */
         const oldData = new Map([
           [
             'pumpkin-pie',
@@ -720,6 +725,7 @@ describe('Utils tests', () => {
             },
           }
         `)
+        /* eslint-enable */
       })
     })
   })

package/src/index.tsx

@@ -3,7 +3,7 @@ import { createSignal, lazy } from 'solid-js'
 import { setupStyleSheet } from './utils'
 import type {
   QueryClient,
-  onlineManager as TonlineManager,
+  onlineManager as TOnlineManager,
 } from '@tanstack/query-core'
 import type { DevtoolsComponentType } from './Devtools'
 import type {
@@ -21,7 +21,7 @@ export interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps {
 
 class TanstackQueryDevtools {
   #client: Signal<QueryClient>
-  #onlineManager: typeof TonlineManager
+  #onlineManager: typeof TOnlineManager
   #queryFlavor: string
   #version: string
   #isMounted = false

package/src/theme.ts

@@ -1,31 +1,3 @@
-const ShadowVariants = {
-  xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
-  sm: '0 1px 3px 0 color, 0 1px 2px -1px color',
-  md: '0 4px 6px -1px color, 0 2px 4px -2px color',
-  lg: '0 10px 15px -3px color, 0 4px 6px -4px color',
-  xl: '0 20px 25px -5px color, 0 8px 10px -6px color',
-  '2xl': '0 25px 50px -12px color',
-  inner: 'inset 0 2px 4px 0 color',
-  none: 'none',
-}
-
-type ShadowVariantType = keyof typeof ShadowVariants
-
-const getShadow = (variant: ShadowVariantType, color: string = ''): string => {
-  return ShadowVariants[variant].replace(/color/g, color)
-}
-
-const Shadow = {
-  xs: (color: string = 'rgb(0 0 0 / 0.1)') => getShadow('xs', color),
-  sm: (color: string = 'rgb(0 0 0 / 0.1)') => getShadow('sm', color),
-  md: (color: string = 'rgb(0 0 0 / 0.1)') => getShadow('md', color),
-  lg: (color: string = 'rgb(0 0 0 / 0.1)') => getShadow('lg', color),
-  xl: (color: string = 'rgb(0 0 0 / 0.1)') => getShadow('xl', color),
-  '2xl': (color: string = 'rgb(0 0 0 / 0.25)') => getShadow('2xl', color),
-  inner: (color: string = 'rgb(0 0 0 / 0.05)') => getShadow('inner', color),
-  none: () => getShadow('none'),
-}
-
 export const tokens = {
   colors: {
     inherit: 'inherit',
@@ -292,7 +264,23 @@ export const tokens = {
     80: 'calc(var(--tsqd-font-size) * 20)',
     96: 'calc(var(--tsqd-font-size) * 24)',
   },
-  shadow: Shadow,
+  shadow: {
+    xs: (_: string = 'rgb(0 0 0 / 0.1)') =>
+      `0 1px 2px 0 rgb(0 0 0 / 0.05)` as const,
+    sm: (color: string = 'rgb(0 0 0 / 0.1)') =>
+      `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}` as const,
+    md: (color: string = 'rgb(0 0 0 / 0.1)') =>
+      `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}` as const,
+    lg: (color: string = 'rgb(0 0 0 / 0.1)') =>
+      `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}` as const,
+    xl: (color: string = 'rgb(0 0 0 / 0.1)') =>
+      `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}` as const,
+    '2xl': (color: string = 'rgb(0 0 0 / 0.25)') =>
+      `0 25px 50px -12px ${color}` as const,
+    inner: (color: string = 'rgb(0 0 0 / 0.05)') =>
+      `inset 0 2px 4px 0 ${color}` as const,
+    none: () => `none` as const,
+  },
   zIndices: {
     hide: -1,
     auto: 'auto',
@@ -308,4 +296,4 @@ export const tokens = {
     toast: 1700,
     tooltip: 1800,
   },
-}
+} as const