@tanstack/query-devtools 5.27.0 → 5.27.6

package/build/Devtools/{MZG6MFIN.jsx → XCT7HWYW.jsx}

@@ -10007,16 +10007,17 @@ function chunkArray(array, size2) {
 }
 var Expander = (props) => {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   return <span
     class={clsx(
       styles().expander,
-      u`
+      css`
           transform: rotate(${props.expanded ? 90 : 0}deg);
         `,
-      props.expanded && u`
+      props.expanded && css`
             & svg {
               top: -1px;
             }
@@ -10037,8 +10038,9 @@ var Expander = (props) => {
 };
 var CopyButton = (props) => {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   const [copyState, setCopyState] = createSignal("NoCopy");
   return <button
@@ -10070,8 +10072,9 @@ var CopyButton = (props) => {
 };
 var ClearArrayButton = (props) => {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   const queryClient = useQueryDevtoolsContext().client;
   return <button
@@ -10087,8 +10090,9 @@ var ClearArrayButton = (props) => {
 };
 var DeleteItemButton = (props) => {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   const queryClient = useQueryDevtoolsContext().client;
   return <button
@@ -10104,14 +10108,15 @@ var DeleteItemButton = (props) => {
 };
 var ToggleValueButton = (props) => {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   const queryClient = useQueryDevtoolsContext().client;
   return <button
     class={clsx(
       styles().actionButton,
-      u`
+      css`
           width: ${tokens.size[3.5]};
           height: ${tokens.size[3.5]};
         `
@@ -10134,8 +10139,9 @@ function isIterable(x) {
 }
 function Explorer(props) {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({ target: useQueryDevtoolsContext().shadowDOMTarget }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   const queryClient = useQueryDevtoolsContext().client;
   const [expanded, setExpanded] = createSignal(
@@ -10301,11 +10307,11 @@ function Explorer(props) {
     </div></Show>
   </div>;
 }
-var stylesFactory = (theme) => {
+var stylesFactory = (theme, css) => {
   const { colors, font, size: size2, border } = tokens;
   const t2 = (light, dark) => theme === "light" ? light : dark;
   return {
-    entry: u`
+    entry: css`
       & * {
         font-size: ${font.size.xs};
         font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
@@ -10315,13 +10321,13 @@ var stylesFactory = (theme) => {
       outline: none;
       word-break: break-word;
     `,
-    subEntry: u`
+    subEntry: css`
       margin: 0 0 0 0.5em;
       padding-left: 0.75em;
       border-left: 2px solid ${t2(colors.gray[300], colors.darkGray[400])};
       /* outline: 1px solid ${colors.teal[400]}; */
     `,
-    expander: u`
+    expander: css`
       & path {
         stroke: ${colors.gray[400]};
       }
@@ -10334,14 +10340,14 @@ var stylesFactory = (theme) => {
       transition: all 0.1s ease;
       /* outline: 1px solid ${colors.blue[400]}; */
     `,
-    expanderButtonContainer: u`
+    expanderButtonContainer: css`
       display: flex;
       align-items: center;
       line-height: ${size2[4]};
       min-height: ${size2[4]};
       gap: ${size2[2]};
     `,
-    expanderButton: u`
+    expanderButton: css`
       cursor: pointer;
       color: inherit;
       font: inherit;
@@ -10366,26 +10372,26 @@ var stylesFactory = (theme) => {
         left: 1px;
       }
     `,
-    info: u`
+    info: css`
       color: ${t2(colors.gray[500], colors.gray[500])};
       font-size: ${font.size.xs};
       margin-left: ${size2[1]};
       /* outline: 1px solid ${colors.yellow[400]}; */
     `,
-    label: u`
+    label: css`
       color: ${t2(colors.gray[700], colors.gray[300])};
       white-space: nowrap;
     `,
-    value: u`
+    value: css`
       color: ${t2(colors.purple[600], colors.purple[400])};
       flex-grow: 1;
     `,
-    actions: u`
+    actions: css`
       display: inline-flex;
       gap: ${size2[2]};
       align-items: center;
     `,
-    row: u`
+    row: css`
       display: inline-flex;
       gap: ${size2[2]};
       width: 100%;
@@ -10393,7 +10399,7 @@ var stylesFactory = (theme) => {
       line-height: ${size2[4.5]};
       align-items: center;
     `,
-    editableInput: u`
+    editableInput: css`
       border: none;
       padding: ${size2[0.5]} ${size2[1]} ${size2[0.5]} ${size2[1.5]};
       flex-grow: 1;
@@ -10404,7 +10410,7 @@ var stylesFactory = (theme) => {
         background-color: ${t2(colors.gray[300], colors.darkGray[600])};
       }
     `,
-    actionButton: u`
+    actionButton: css`
       background-color: transparent;
       color: ${t2(colors.gray[500], colors.gray[500])};
       border: none;
@@ -10430,8 +10436,8 @@ var stylesFactory = (theme) => {
     `
   };
 };
-var lightStyles = stylesFactory("light");
-var darkStyles = stylesFactory("dark");
+var lightStyles = (css) => stylesFactory("light", css);
+var darkStyles = (css) => stylesFactory("dark", css);
 
 // src/Devtools.tsx
 var firstBreakpoint = 1024;

package/build/dev.cjs

@@ -12239,8 +12239,11 @@ function isIterable(x) {
 }
 function Explorer(props) {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+    target: useQueryDevtoolsContext().shadowDOMTarget
+  }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   const queryClient = useQueryDevtoolsContext().client;
   const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
@@ -12583,10 +12586,10 @@ var init_Explorer = __esm({
     init_web();
     init_web();
     init_esm();
-    init_goober_modern();
     init_clsx();
     init_solid();
     init_dist6();
+    init_goober_modern();
     init_theme();
     init_utils();
     init_icons();
@@ -12604,14 +12607,17 @@ var init_Explorer = __esm({
     _tmpl$112 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
     Expander = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       return (() => {
         const _el$ = _tmpl$23();
-        createRenderEffect(() => className(_el$, clsx(styles().expander, u`
+        createRenderEffect(() => className(_el$, clsx(styles().expander, css`
           transform: rotate(${props.expanded ? 90 : 0}deg);
-        `, props.expanded && u`
+        `, props.expanded && css`
             & svg {
               top: -1px;
             }
@@ -12621,8 +12627,11 @@ var init_Explorer = __esm({
     };
     CopyButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const [copyState, setCopyState] = createSignal("NoCopy");
       return (() => {
@@ -12685,8 +12694,11 @@ var init_Explorer = __esm({
     };
     ClearArrayButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
@@ -12703,8 +12715,11 @@ var init_Explorer = __esm({
     };
     DeleteItemButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
@@ -12721,8 +12736,11 @@ var init_Explorer = __esm({
     };
     ToggleValueButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
@@ -12740,14 +12758,14 @@ var init_Explorer = __esm({
             return props.value;
           }
         }));
-        createRenderEffect(() => className(_el$5, clsx(styles().actionButton, u`
+        createRenderEffect(() => className(_el$5, clsx(styles().actionButton, css`
           width: ${tokens.size[3.5]};
           height: ${tokens.size[3.5]};
         `)));
         return _el$5;
       })();
     };
-    stylesFactory = (theme) => {
+    stylesFactory = (theme, css) => {
       const {
         colors,
         font,
@@ -12756,7 +12774,7 @@ var init_Explorer = __esm({
       } = tokens;
       const t2 = (light, dark) => theme === "light" ? light : dark;
       return {
-        entry: u`
+        entry: css`
       & * {
         font-size: ${font.size.xs};
         font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
@@ -12766,13 +12784,13 @@ var init_Explorer = __esm({
       outline: none;
       word-break: break-word;
     `,
-        subEntry: u`
+        subEntry: css`
       margin: 0 0 0 0.5em;
       padding-left: 0.75em;
       border-left: 2px solid ${t2(colors.gray[300], colors.darkGray[400])};
       /* outline: 1px solid ${colors.teal[400]}; */
     `,
-        expander: u`
+        expander: css`
       & path {
         stroke: ${colors.gray[400]};
       }
@@ -12785,14 +12803,14 @@ var init_Explorer = __esm({
       transition: all 0.1s ease;
       /* outline: 1px solid ${colors.blue[400]}; */
     `,
-        expanderButtonContainer: u`
+        expanderButtonContainer: css`
       display: flex;
       align-items: center;
       line-height: ${size2[4]};
       min-height: ${size2[4]};
       gap: ${size2[2]};
     `,
-        expanderButton: u`
+        expanderButton: css`
       cursor: pointer;
       color: inherit;
       font: inherit;
@@ -12817,26 +12835,26 @@ var init_Explorer = __esm({
         left: 1px;
       }
     `,
-        info: u`
+        info: css`
       color: ${t2(colors.gray[500], colors.gray[500])};
       font-size: ${font.size.xs};
       margin-left: ${size2[1]};
       /* outline: 1px solid ${colors.yellow[400]}; */
     `,
-        label: u`
+        label: css`
       color: ${t2(colors.gray[700], colors.gray[300])};
       white-space: nowrap;
     `,
-        value: u`
+        value: css`
       color: ${t2(colors.purple[600], colors.purple[400])};
       flex-grow: 1;
     `,
-        actions: u`
+        actions: css`
       display: inline-flex;
       gap: ${size2[2]};
       align-items: center;
     `,
-        row: u`
+        row: css`
       display: inline-flex;
       gap: ${size2[2]};
       width: 100%;
@@ -12844,7 +12862,7 @@ var init_Explorer = __esm({
       line-height: ${size2[4.5]};
       align-items: center;
     `,
-        editableInput: u`
+        editableInput: css`
       border: none;
       padding: ${size2[0.5]} ${size2[1]} ${size2[0.5]} ${size2[1.5]};
       flex-grow: 1;
@@ -12855,7 +12873,7 @@ var init_Explorer = __esm({
         background-color: ${t2(colors.gray[300], colors.darkGray[600])};
       }
     `,
-        actionButton: u`
+        actionButton: css`
       background-color: transparent;
       color: ${t2(colors.gray[500], colors.gray[500])};
       border: none;
@@ -12881,8 +12899,8 @@ var init_Explorer = __esm({
     `
       };
     };
-    lightStyles = stylesFactory("light");
-    darkStyles = stylesFactory("dark");
+    lightStyles = (css) => stylesFactory("light", css);
+    darkStyles = (css) => stylesFactory("dark", css);
     delegateEvents(["click"]);
   }
 });

package/build/dev.js

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

package/build/dev.jsx

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

package/build/index.cjs

@@ -12238,8 +12238,11 @@ function isIterable(x) {
 }
 function Explorer(props) {
   const theme = useTheme();
+  const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+    target: useQueryDevtoolsContext().shadowDOMTarget
+  }) : u;
   const styles = createMemo(() => {
-    return theme() === "dark" ? darkStyles : lightStyles;
+    return theme() === "dark" ? darkStyles(css) : lightStyles(css);
   });
   const queryClient = useQueryDevtoolsContext().client;
   const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
@@ -12582,10 +12585,10 @@ var init_Explorer = __esm({
     init_web();
     init_web();
     init_esm();
-    init_goober_modern();
     init_clsx();
     init_solid();
     init_dist6();
+    init_goober_modern();
     init_theme();
     init_utils();
     init_icons();
@@ -12603,14 +12606,17 @@ var init_Explorer = __esm({
     _tmpl$112 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
     Expander = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       return (() => {
         const _el$ = _tmpl$23();
-        createRenderEffect(() => className(_el$, clsx(styles().expander, u`
+        createRenderEffect(() => className(_el$, clsx(styles().expander, css`
           transform: rotate(${props.expanded ? 90 : 0}deg);
-        `, props.expanded && u`
+        `, props.expanded && css`
             & svg {
               top: -1px;
             }
@@ -12620,8 +12626,11 @@ var init_Explorer = __esm({
     };
     CopyButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const [copyState, setCopyState] = createSignal("NoCopy");
       return (() => {
@@ -12683,8 +12692,11 @@ var init_Explorer = __esm({
     };
     ClearArrayButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
@@ -12701,8 +12713,11 @@ var init_Explorer = __esm({
     };
     DeleteItemButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
@@ -12719,8 +12734,11 @@ var init_Explorer = __esm({
     };
     ToggleValueButton = (props) => {
       const theme = useTheme();
+      const css = useQueryDevtoolsContext().shadowDOMTarget ? u.bind({
+        target: useQueryDevtoolsContext().shadowDOMTarget
+      }) : u;
       const styles = createMemo(() => {
-        return theme() === "dark" ? darkStyles : lightStyles;
+        return theme() === "dark" ? darkStyles(css) : lightStyles(css);
       });
       const queryClient = useQueryDevtoolsContext().client;
       return (() => {
@@ -12738,14 +12756,14 @@ var init_Explorer = __esm({
             return props.value;
           }
         }));
-        createRenderEffect(() => className(_el$5, clsx(styles().actionButton, u`
+        createRenderEffect(() => className(_el$5, clsx(styles().actionButton, css`
           width: ${tokens.size[3.5]};
           height: ${tokens.size[3.5]};
         `)));
         return _el$5;
       })();
     };
-    stylesFactory = (theme) => {
+    stylesFactory = (theme, css) => {
       const {
         colors,
         font,
@@ -12754,7 +12772,7 @@ var init_Explorer = __esm({
       } = tokens;
       const t2 = (light, dark) => theme === "light" ? light : dark;
       return {
-        entry: u`
+        entry: css`
       & * {
         font-size: ${font.size.xs};
         font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
@@ -12764,13 +12782,13 @@ var init_Explorer = __esm({
       outline: none;
       word-break: break-word;
     `,
-        subEntry: u`
+        subEntry: css`
       margin: 0 0 0 0.5em;
       padding-left: 0.75em;
       border-left: 2px solid ${t2(colors.gray[300], colors.darkGray[400])};
       /* outline: 1px solid ${colors.teal[400]}; */
     `,
-        expander: u`
+        expander: css`
       & path {
         stroke: ${colors.gray[400]};
       }
@@ -12783,14 +12801,14 @@ var init_Explorer = __esm({
       transition: all 0.1s ease;
       /* outline: 1px solid ${colors.blue[400]}; */
     `,
-        expanderButtonContainer: u`
+        expanderButtonContainer: css`
       display: flex;
       align-items: center;
       line-height: ${size2[4]};
       min-height: ${size2[4]};
       gap: ${size2[2]};
     `,
-        expanderButton: u`
+        expanderButton: css`
       cursor: pointer;
       color: inherit;
       font: inherit;
@@ -12815,26 +12833,26 @@ var init_Explorer = __esm({
         left: 1px;
       }
     `,
-        info: u`
+        info: css`
       color: ${t2(colors.gray[500], colors.gray[500])};
       font-size: ${font.size.xs};
       margin-left: ${size2[1]};
       /* outline: 1px solid ${colors.yellow[400]}; */
     `,
-        label: u`
+        label: css`
       color: ${t2(colors.gray[700], colors.gray[300])};
       white-space: nowrap;
     `,
-        value: u`
+        value: css`
       color: ${t2(colors.purple[600], colors.purple[400])};
       flex-grow: 1;
     `,
-        actions: u`
+        actions: css`
       display: inline-flex;
       gap: ${size2[2]};
       align-items: center;
     `,
-        row: u`
+        row: css`
       display: inline-flex;
       gap: ${size2[2]};
       width: 100%;
@@ -12842,7 +12860,7 @@ var init_Explorer = __esm({
       line-height: ${size2[4.5]};
       align-items: center;
     `,
-        editableInput: u`
+        editableInput: css`
       border: none;
       padding: ${size2[0.5]} ${size2[1]} ${size2[0.5]} ${size2[1.5]};
       flex-grow: 1;
@@ -12853,7 +12871,7 @@ var init_Explorer = __esm({
         background-color: ${t2(colors.gray[300], colors.darkGray[600])};
       }
     `,
-        actionButton: u`
+        actionButton: css`
       background-color: transparent;
       color: ${t2(colors.gray[500], colors.gray[500])};
       border: none;
@@ -12879,8 +12897,8 @@ var init_Explorer = __esm({
     `
       };
     };
-    lightStyles = stylesFactory("light");
-    darkStyles = stylesFactory("dark");
+    lightStyles = (css) => stylesFactory("light", css);
+    darkStyles = (css) => stylesFactory("dark", css);
     delegateEvents(["click"]);
   }
 });

package/build/index.js

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

package/build/index.jsx

@@ -73,7 +73,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import("./Devtools/ZI3HPF3S.jsx"));
+        Devtools = lazy(() => import("./Devtools/3GD3OJ5X.jsx"));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/query-devtools",
-  "version": "5.27.0",
+  "version": "5.27.6",
   "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.9.1",
-    "@tanstack/query-core": "5.26.3"
+    "@tanstack/query-core": "5.27.5"
   },
   "scripts": {
     "clean": "rimraf ./build && rimraf ./coverage",