@tanstack/query-devtools 5.13.5 → 5.14.6

package/build/Devtools/{KEJBG6PF.jsx → BBKE7EDU.jsx}

@@ -49,7 +49,7 @@ import {
   use,
   useContext,
   useTransition
-} from "../chunk/LRQXE5TJ.jsx";
+} from "../chunk/OVQD3YQS.jsx";
 
 // ../../node_modules/.pnpm/@tanstack+match-sorter-utils@8.8.4/node_modules/@tanstack/match-sorter-utils/build/lib/index.mjs
 var characterMap = {
@@ -885,37 +885,37 @@ function resolveElements(fn, predicate = defaultElementPredicate, serverPredicat
   return memo;
 }
 
-// ../../node_modules/.pnpm/solid-transition-group@0.2.2_solid-js@1.8.1/node_modules/solid-transition-group/dist/index.js
+// ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.8.1/node_modules/solid-transition-group/dist/index.js
 function createClassnames(props) {
   return createMemo(() => {
     const name = props.name || "s";
     return {
-      enterActiveClasses: (props.enterActiveClass || name + "-enter-active").split(" "),
-      enterClasses: (props.enterClass || name + "-enter").split(" "),
-      enterToClasses: (props.enterToClass || name + "-enter-to").split(" "),
-      exitActiveClasses: (props.exitActiveClass || name + "-exit-active").split(" "),
-      exitClasses: (props.exitClass || name + "-exit").split(" "),
-      exitToClasses: (props.exitToClass || name + "-exit-to").split(" "),
-      moveClasses: (props.moveClass || name + "-move").split(" ")
+      enterActive: (props.enterActiveClass || name + "-enter-active").split(" "),
+      enter: (props.enterClass || name + "-enter").split(" "),
+      enterTo: (props.enterToClass || name + "-enter-to").split(" "),
+      exitActive: (props.exitActiveClass || name + "-exit-active").split(" "),
+      exit: (props.exitClass || name + "-exit").split(" "),
+      exitTo: (props.exitToClass || name + "-exit-to").split(" "),
+      move: (props.moveClass || name + "-move").split(" ")
     };
   });
 }
 function nextFrame(fn) {
   requestAnimationFrame(() => requestAnimationFrame(fn));
 }
-function enterTransition(classnames, events, el, done) {
-  const { enterClasses, enterActiveClasses, enterToClasses } = classnames, { onBeforeEnter, onEnter, onAfterEnter } = events;
+function enterTransition(classes, events, el, done) {
+  const { onBeforeEnter, onEnter, onAfterEnter } = events;
   onBeforeEnter?.(el);
-  el.classList.add(...enterClasses);
-  el.classList.add(...enterActiveClasses);
+  el.classList.add(...classes.enter);
+  el.classList.add(...classes.enterActive);
   queueMicrotask(() => {
     if (!el.parentNode)
       return done?.();
     onEnter?.(el, () => endTransition());
   });
   nextFrame(() => {
-    el.classList.remove(...enterClasses);
-    el.classList.add(...enterToClasses);
+    el.classList.remove(...classes.enter);
+    el.classList.add(...classes.enterTo);
     if (!onEnter || onEnter.length < 2) {
       el.addEventListener("transitionend", endTransition);
       el.addEventListener("animationend", endTransition);
@@ -926,23 +926,23 @@ function enterTransition(classnames, events, el, done) {
       done?.();
       el.removeEventListener("transitionend", endTransition);
       el.removeEventListener("animationend", endTransition);
-      el.classList.remove(...enterActiveClasses);
-      el.classList.remove(...enterToClasses);
+      el.classList.remove(...classes.enterActive);
+      el.classList.remove(...classes.enterTo);
       onAfterEnter?.(el);
     }
   }
 }
-function exitTransition(classnames, events, el, done) {
-  const { exitClasses, exitActiveClasses, exitToClasses } = classnames, { onBeforeExit, onExit, onAfterExit } = events;
+function exitTransition(classes, events, el, done) {
+  const { onBeforeExit, onExit, onAfterExit } = events;
   if (!el.parentNode)
     return done?.();
   onBeforeExit?.(el);
-  el.classList.add(...exitClasses);
-  el.classList.add(...exitActiveClasses);
+  el.classList.add(...classes.exit);
+  el.classList.add(...classes.exitActive);
   onExit?.(el, () => endTransition());
   nextFrame(() => {
-    el.classList.remove(...exitClasses);
-    el.classList.add(...exitToClasses);
+    el.classList.remove(...classes.exit);
+    el.classList.add(...classes.exitTo);
     if (!onExit || onExit.length < 2) {
       el.addEventListener("transitionend", endTransition);
       el.addEventListener("animationend", endTransition);
@@ -953,8 +953,8 @@ function exitTransition(classnames, events, el, done) {
       done?.();
       el.removeEventListener("transitionend", endTransition);
       el.removeEventListener("animationend", endTransition);
-      el.classList.remove(...exitActiveClasses);
-      el.classList.remove(...exitToClasses);
+      el.classList.remove(...classes.exitActive);
+      el.classList.remove(...classes.exitTo);
       onAfterExit?.(el);
     }
   }
@@ -992,11 +992,11 @@ var TransitionGroup = (props) => {
           let endTransition2 = function(e2) {
             if (e2.target === el || /transform$/.test(e2.propertyName)) {
               el.removeEventListener("transitionend", endTransition2);
-              el.classList.remove(...classes.moveClasses);
+              el.classList.remove(...classes.move);
             }
           };
           var endTransition = endTransition2;
-          el.classList.add(...classes.moveClasses);
+          el.classList.add(...classes.move);
           el.style.transform = el.style.transitionDuration = "";
           el.addEventListener("transitionend", endTransition2);
         }
@@ -1345,7 +1345,7 @@ function createEventListener(targets, type, handler, options) {
     createRenderEffect(attachListeners);
 }
 
-// ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.18_solid-js@1.8.1/node_modules/@solid-primitives/resize-observer/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.22_solid-js@1.8.1/node_modules/@solid-primitives/resize-observer/dist/index.js
 function makeResizeObserver(callback, options) {
   if (isServer) {
     return { observe: noop2, unobserve: noop2 };
@@ -3577,7 +3577,7 @@ var computePosition2 = (reference, floating, options) => {
   });
 };
 
-// ../../node_modules/.pnpm/@kobalte+core@0.11.0_solid-js@1.8.1/node_modules/@kobalte/core/dist/esm/index.js
+// ../../node_modules/.pnpm/@kobalte+core@0.11.2_solid-js@1.8.1/node_modules/@kobalte/core/dist/esm/index.js
 var ColorModeContext = createContext();
 var COLOR_MODE_STORAGE_KEY = "kb-color-mode";
 function createLocalStorageManager(key) {
@@ -6228,7 +6228,7 @@ function usePopperContext() {
   }
   return context;
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<svg display="block" viewBox="0 0 30 30"><g><path fill="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"></path><path stroke="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z">`);
+var _tmpl$$f = /* @__PURE__ */ template(`<svg display="block" viewBox="0 0 30 30"><g><path fill="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"></path><path stroke="none" d="M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z">`);
 var DEFAULT_SIZE = 30;
 var HALF_DEFAULT_SIZE = DEFAULT_SIZE / 2;
 var ROTATION_DEG = {
@@ -6277,7 +6277,7 @@ function PopperArrow(props) {
     }
   }, others, {
     get children() {
-      const _el$ = _tmpl$$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+      const _el$ = _tmpl$$f(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
       _el$3.nextSibling;
       createRenderEffect(() => setAttribute(_el$2, "transform", rotate()));
       return _el$;
@@ -8061,7 +8061,7 @@ function DropdownMenuRoot(props) {
   }, props);
   return createComponent(MenuRoot, props);
 }
-var index$d = /* @__PURE__ */ Object.freeze({
+var index$f = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   Arrow: PopperArrow,
   CheckboxItem: MenuCheckboxItem,
@@ -8218,7 +8218,7 @@ function RadioGroupItemIndicator(props) {
     }
   });
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<input type="radio">`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<input type="radio">`);
 function RadioGroupItemInput(props) {
   const formControlContext = useFormControlContext();
   const radioGroupContext = useRadioGroupContext();
@@ -8255,7 +8255,7 @@ function RadioGroupItemInput(props) {
   };
   createEffect(() => onCleanup(radioContext.registerInput(others.id)));
   return (() => {
-    const _el$ = _tmpl$$6();
+    const _el$ = _tmpl$$7();
     _el$.addEventListener("blur", onBlur);
     _el$.addEventListener("focus", onFocus);
     _el$.addEventListener("change", onChange);
@@ -8296,7 +8296,7 @@ function RadioGroupItemInput(props) {
     return _el$;
   })();
 }
-var _tmpl$$5 = /* @__PURE__ */ template(`<label>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<label>`);
 function RadioGroupItemLabel(props) {
   const context = useRadioGroupItemContext();
   props = mergeDefaultProps({
@@ -8304,7 +8304,7 @@ function RadioGroupItemLabel(props) {
   }, props);
   createEffect(() => onCleanup(context.registerLabel(props.id)));
   return (() => {
-    const _el$ = _tmpl$$5();
+    const _el$ = _tmpl$$6();
     spread(_el$, mergeProps({
       get ["for"]() {
         return context.inputId();
@@ -8401,7 +8401,7 @@ function RadioGroupRoot(props) {
     }
   });
 }
-var index$7 = /* @__PURE__ */ Object.freeze({
+var index$9 = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   Description: FormControlDescription,
   ErrorMessage: FormControlErrorMessage,
@@ -8415,6 +8415,8 @@ var index$7 = /* @__PURE__ */ Object.freeze({
   Root: RadioGroupRoot
 });
 var SelectContext = createContext();
+var SliderContext = createContext();
+var ThumbContext = createContext();
 var SwitchContext = createContext();
 var TabsContext = createContext();
 var TextFieldContext = createContext();
@@ -10045,6 +10047,7 @@ var CopyButton = (props) => {
           }, 1500);
         },
         (err) => {
+          console.error("Failed to copy: ", err);
           setCopyState("ErrorCopy");
           setTimeout(() => {
             setCopyState("NoCopy");
@@ -10422,14 +10425,6 @@ var stylesFactory = (theme) => {
 var lightStyles = stylesFactory("light");
 var darkStyles = stylesFactory("dark");
 
-// src/fonts.ts
-var loadFonts = () => {
-  const link = document.createElement("link");
-  link.href = "https://fonts.googleapis.com/css2?family=Fira+Code&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&display=swap";
-  link.rel = "stylesheet";
-  document.head.appendChild(link);
-};
-
 // src/Devtools.tsx
 var firstBreakpoint = 1024;
 var secondBreakpoint = 796;
@@ -10465,7 +10460,6 @@ var DevtoolsComponent = (props) => {
 };
 var Devtools_default = DevtoolsComponent;
 var Devtools = (props) => {
-  loadFonts();
   const theme = useTheme();
   const styles = createMemo(() => {
     return theme() === "dark" ? darkStyles2 : lightStyles2;
@@ -10822,7 +10816,7 @@ var ContentView = (props) => {
               {useQueryDevtoolsContext().version}
             </span>
           </button>
-          <index$7.Root
+          <index$9.Root
             class={clsx(styles().viewToggle)}
             value={selectedView()}
             onChange={(value) => {
@@ -10831,17 +10825,17 @@ var ContentView = (props) => {
               setSelectedMutationId(null);
             }}
           >
-            <index$7.Item value="queries" class="tsqd-radio-toggle">
-              <index$7.ItemInput />
-              <index$7.ItemControl><index$7.ItemIndicator /></index$7.ItemControl>
-              <index$7.ItemLabel title="Toggle Queries View">Queries</index$7.ItemLabel>
-            </index$7.Item>
-            <index$7.Item value="mutations" class="tsqd-radio-toggle">
-              <index$7.ItemInput />
-              <index$7.ItemControl><index$7.ItemIndicator /></index$7.ItemControl>
-              <index$7.ItemLabel title="Toggle Mutations View">Mutations</index$7.ItemLabel>
-            </index$7.Item>
-          </index$7.Root>
+            <index$9.Item value="queries" class="tsqd-radio-toggle">
+              <index$9.ItemInput />
+              <index$9.ItemControl><index$9.ItemIndicator /></index$9.ItemControl>
+              <index$9.ItemLabel title="Toggle Queries View">Queries</index$9.ItemLabel>
+            </index$9.Item>
+            <index$9.Item value="mutations" class="tsqd-radio-toggle">
+              <index$9.ItemInput />
+              <index$9.ItemControl><index$9.ItemIndicator /></index$9.ItemControl>
+              <index$9.ItemLabel title="Toggle Mutations View">Mutations</index$9.ItemLabel>
+            </index$9.Item>
+          </index$9.Root>
         </div>
         <Show when={selectedView() === "queries"}><QueryStatusCount /></Show>
         <Show when={selectedView() === "mutations"}><MutationStatusCount /></Show>
@@ -10962,17 +10956,17 @@ var ContentView = (props) => {
             aria-pressed={offline()}
             title={`${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`}
           >{offline() ? <Offline /> : <Wifi />}</button>
-          <index$d.Root gutter={4}>
-            <index$d.Trigger
+          <index$f.Root gutter={4}>
+            <index$f.Trigger
               class={clsx(
                 styles().actionsBtn,
                 "tsqd-actions-btn",
                 "tsqd-action-settings"
               )}
-            ><Settings /></index$d.Trigger>
-            <index$d.Portal
+            ><Settings /></index$f.Trigger>
+            <index$f.Portal
               ref={(el) => setComputedVariables(el)}
-            ><index$d.Content
+            ><index$f.Content
               class={clsx(styles().settingsMenu, "tsqd-settings-menu")}
             >
               <div
@@ -10981,8 +10975,8 @@ var ContentView = (props) => {
                   "tsqd-settings-menu-header"
                 )}
               >Settings</div>
-              <index$d.Sub overlap gutter={8} shift={-4}>
-                <index$d.SubTrigger
+              <index$f.Sub overlap gutter={8} shift={-4}>
+                <index$f.SubTrigger
                   class={clsx(
                     styles().settingsSubTrigger,
                     "tsqd-settings-menu-sub-trigger",
@@ -10991,16 +10985,16 @@ var ContentView = (props) => {
                 >
                   <span>Position</span>
                   <ChevronDown />
-                </index$d.SubTrigger>
-                <index$d.Portal
+                </index$f.SubTrigger>
+                <index$f.Portal
                   ref={(el) => setComputedVariables(el)}
-                ><index$d.SubContent
+                ><index$f.SubContent
                   class={clsx(
                     styles().settingsMenu,
                     "tsqd-settings-submenu"
                   )}
                 >
-                  <index$d.Item
+                  <index$f.Item
                     onSelect={() => {
                       setDevtoolsPosition("top");
                     }}
@@ -11013,8 +11007,8 @@ var ContentView = (props) => {
                   >
                     <span>Top</span>
                     <ArrowUp />
-                  </index$d.Item>
-                  <index$d.Item
+                  </index$f.Item>
+                  <index$f.Item
                     onSelect={() => {
                       setDevtoolsPosition("bottom");
                     }}
@@ -11027,8 +11021,8 @@ var ContentView = (props) => {
                   >
                     <span>Bottom</span>
                     <ArrowDown />
-                  </index$d.Item>
-                  <index$d.Item
+                  </index$f.Item>
+                  <index$f.Item
                     onSelect={() => {
                       setDevtoolsPosition("left");
                     }}
@@ -11041,8 +11035,8 @@ var ContentView = (props) => {
                   >
                     <span>Left</span>
                     <ArrowLeft />
-                  </index$d.Item>
-                  <index$d.Item
+                  </index$f.Item>
+                  <index$f.Item
                     onSelect={() => {
                       setDevtoolsPosition("right");
                     }}
@@ -11055,11 +11049,11 @@ var ContentView = (props) => {
                   >
                     <span>Right</span>
                     <ArrowRight />
-                  </index$d.Item>
-                </index$d.SubContent></index$d.Portal>
-              </index$d.Sub>
-              <index$d.Sub overlap gutter={8} shift={-4}>
-                <index$d.SubTrigger
+                  </index$f.Item>
+                </index$f.SubContent></index$f.Portal>
+              </index$f.Sub>
+              <index$f.Sub overlap gutter={8} shift={-4}>
+                <index$f.SubTrigger
                   class={clsx(
                     styles().settingsSubTrigger,
                     "tsqd-settings-menu-sub-trigger",
@@ -11068,16 +11062,16 @@ var ContentView = (props) => {
                 >
                   <span>Theme</span>
                   <ChevronDown />
-                </index$d.SubTrigger>
-                <index$d.Portal
+                </index$f.SubTrigger>
+                <index$f.Portal
                   ref={(el) => setComputedVariables(el)}
-                ><index$d.SubContent
+                ><index$f.SubContent
                   class={clsx(
                     styles().settingsMenu,
                     "tsqd-settings-submenu"
                   )}
                 >
-                  <index$d.Item
+                  <index$f.Item
                     onSelect={() => {
                       props.setLocalStore("theme_preference", "light");
                     }}
@@ -11091,8 +11085,8 @@ var ContentView = (props) => {
                   >
                     <span>Light</span>
                     <Sun />
-                  </index$d.Item>
-                  <index$d.Item
+                  </index$f.Item>
+                  <index$f.Item
                     onSelect={() => {
                       props.setLocalStore("theme_preference", "dark");
                     }}
@@ -11106,8 +11100,8 @@ var ContentView = (props) => {
                   >
                     <span>Dark</span>
                     <Moon />
-                  </index$d.Item>
-                  <index$d.Item
+                  </index$f.Item>
+                  <index$f.Item
                     onSelect={() => {
                       props.setLocalStore("theme_preference", "system");
                     }}
@@ -11121,11 +11115,11 @@ var ContentView = (props) => {
                   >
                     <span>System</span>
                     <Monitor />
-                  </index$d.Item>
-                </index$d.SubContent></index$d.Portal>
-              </index$d.Sub>
-            </index$d.Content></index$d.Portal>
-          </index$d.Root>
+                  </index$f.Item>
+                </index$f.SubContent></index$f.Portal>
+              </index$f.Sub>
+            </index$f.Content></index$f.Portal>
+          </index$f.Root>
         </div>
       </div>
       <Show when={selectedView() === "queries"}><div
@@ -13450,6 +13444,15 @@ export {
    * https://github.com/ariakit/ariakit/blob/f2a96973de523d67e41eec983263936c489ef3e2/packages/ariakit/src/hovercard/__utils/debug-polygon.ts
    *)
 
+@kobalte/core/dist/esm/index.js:
+  (*!
+   * Portions of this file are based on code from react-spectrum.
+   * Apache License Version 2.0, Copyright 2020 Adobe.
+   *
+   * Credits to the React Spectrum team:
+   * https://github.com/adobe/react-spectrum/blob/1ddcde7b4fef9af7f08e11bb78d71fe60bbcc64b/packages/@react-stately/slider/src/useSliderState.ts
+   *)
+
 @kobalte/core/dist/esm/index.js:
   (*!
    * Portions of this file are based on code from react-spectrum.