docs(devtools): align logo, panel, and option union descriptions across docs and JSDoc

.changeset/good-pots-brush.md

@@ -0,0 +1,10 @@
+---
+'@tanstack/angular-query-experimental': patch
+'@tanstack/preact-query-devtools': patch
+'@tanstack/svelte-query-devtools': patch
+'@tanstack/react-query-devtools': patch
+'@tanstack/solid-query-devtools': patch
+'@tanstack/vue-query-devtools': patch
+---
+
+docs(devtools): align logo, panel, and 'buttonPosition' union descriptions across docs and JSDoc

docs/framework/preact/devtools.md

@@ -72,7 +72,7 @@ function App() {
   - Set this `true` if you want the dev tools to default to being open
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"`
   - Defaults to `bottom-right`
-  - The position of the Preact Query logo to open and close the devtools panel
+  - The position of the TanStack logo to open and close the devtools panel
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`
   - The position of the Preact Query devtools panel

docs/framework/react/devtools.md

@@ -78,7 +78,7 @@ function App() {
   - Set this `true` if you want the dev tools to default to being open
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"`
   - Defaults to `bottom-right`
-  - The position of the React Query logo to open and close the devtools panel
+  - The position of the TanStack logo to open and close the devtools panel
   - If `relative`, the button is placed in the location that you render the devtools.
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`

docs/framework/solid/devtools.md

@@ -72,7 +72,7 @@ function App() {
   - Set this `true` if you want the dev tools to default to being open
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"`
   - Defaults to `bottom-right`
-  - The position of the Solid Query logo to open and close the devtools panel
+  - The position of the TanStack logo to open and close the devtools panel
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`
   - The position of the Solid Query devtools panel

docs/framework/vue/devtools.md

@@ -67,10 +67,10 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools'
   - Set this `true` if you want the dev tools to default to being open.
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "relative"`
   - Defaults to `bottom-right`.
-  - The position of the React Query logo to open and close the devtools panel.
+  - The position of the TanStack logo to open and close the devtools panel.
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`.
-  - The position of the React Query devtools panel.
+  - The position of the Vue Query devtools panel.
 - `client?: QueryClient`
   - Use this to use a custom QueryClient. Otherwise, the one from the nearest context will be used.
 - `errorTypes?: { name: string; initializer: (query: Query) => TError}`

packages/angular-query-experimental/src/devtools/types.ts

@@ -50,7 +50,7 @@ export interface DevtoolsOptions {
    */
   buttonPosition?: DevtoolsButtonPosition
   /**
-   * The position of the TanStack Query devtools panel.
+   * The position of the Angular Query devtools panel.
    * `top` | `bottom` | `left` | `right`
    * Defaults to `bottom`.
    */

packages/preact-query-devtools/src/PreactQueryDevtools.tsx

@@ -17,11 +17,13 @@ export interface DevtoolsOptions {
   initialIsOpen?: boolean
   /**
    * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
    * Defaults to 'bottom-right'.
    */
   buttonPosition?: DevtoolsButtonPosition
   /**
    * The position of the Preact Query devtools panel.
+   * 'top' | 'bottom' | 'left' | 'right'
    * Defaults to 'bottom'.
    */
   position?: DevtoolsPosition

packages/react-query-devtools/src/ReactQueryDevtools.tsx

@@ -16,8 +16,8 @@ export interface DevtoolsOptions {
    */
   initialIsOpen?: boolean
   /**
-   * The position of the React Query logo to open and close the devtools panel.
-   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+   * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
    * Defaults to 'bottom-right'.
    */
   buttonPosition?: DevtoolsButtonPosition

packages/solid-query-devtools/src/devtools.tsx

@@ -15,13 +15,13 @@ interface DevtoolsOptions {
    */
   initialIsOpen?: boolean
   /**
-   * The position of the React Query logo to open and close the devtools panel.
-   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+   * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
    * Defaults to 'bottom-right'.
    */
   buttonPosition?: DevtoolsButtonPosition
   /**
-   * The position of the React Query devtools panel.
+   * The position of the Solid Query devtools panel.
    * 'top' | 'bottom' | 'left' | 'right'
    * Defaults to 'bottom'.
    */

packages/svelte-query-devtools/src/Devtools.svelte

@@ -16,13 +16,13 @@
      */
     initialIsOpen?: boolean
     /**
-     * The position of the TanStack Query logo to open and close the devtools panel.
-     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+     * The position of the TanStack logo to open and close the devtools panel.
+     * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
      * Defaults to 'bottom-right'.
      */
     buttonPosition?: DevtoolsButtonPosition
     /**
-     * The position of the TanStack Query devtools panel.
+     * The position of the Svelte Query devtools panel.
      * 'top' | 'bottom' | 'left' | 'right'
      * Defaults to 'bottom'.
      */

packages/vue-query-devtools/src/types.ts

@@ -12,13 +12,13 @@ export interface DevtoolsOptions {
    */
   initialIsOpen?: boolean
   /**
-   * The position of the React Query logo to open and close the devtools panel.
-   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
+   * The position of the TanStack logo to open and close the devtools panel.
+   * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'relative'
    * Defaults to 'bottom-right'.
    */
   buttonPosition?: DevtoolsButtonPosition
   /**
-   * The position of the React Query devtools panel.
+   * The position of the Vue Query devtools panel.
    * 'top' | 'bottom' | 'left' | 'right'
    * Defaults to 'bottom'.
    */