@tanstack/query-devtools 5.0.0 → 5.0.5

package/build/Devtools/{3BAJISSX.jsx → 7SMWYMBY.jsx}

@@ -34,7 +34,7 @@ import {
   untrack,
   useContext,
   useTransition
-} from "../chunk/PWC4YVZY.jsx";
+} from "../chunk/AHAJNSNO.jsx";
 
 // ../../node_modules/.pnpm/@tanstack+match-sorter-utils@8.8.4/node_modules/@tanstack/match-sorter-utils/build/lib/index.mjs
 var characterMap = {
@@ -711,7 +711,7 @@ function clsx() {
   return n2;
 }
 
-// ../../node_modules/.pnpm/@solid-primitives+transition-group@1.0.2_solid-js@1.7.8/node_modules/@solid-primitives/transition-group/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+transition-group@1.0.3_solid-js@1.8.1/node_modules/@solid-primitives/transition-group/dist/index.js
 var noop = () => {
 };
 function createListTransition(source, options) {
@@ -779,9 +779,12 @@ function createListTransition(source, options) {
   );
 }
 
-// ../../node_modules/.pnpm/@solid-primitives+utils@6.2.1_solid-js@1.7.8/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
+// ../../node_modules/.pnpm/@solid-primitives+utils@6.2.1_solid-js@1.8.1/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
 var isClient = !isServer;
 var isDev = isClient && !!DEV;
+var noop2 = () => void 0;
+var isNonNullable = (i2) => i2 != null;
+var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {
   return (...args) => {
     for (const callback of callbacks)
@@ -802,8 +805,42 @@ function accessWith(valueOrFn, ...args) {
   return typeof valueOrFn === "function" ? valueOrFn(...args) : valueOrFn;
 }
 var tryOnCleanup = isDev ? (fn) => getOwner() ? onCleanup(fn) : fn : onCleanup;
+function handleDiffArray(current, prev, handleAdded, handleRemoved) {
+  const currLength = current.length;
+  const prevLength = prev.length;
+  let i2 = 0;
+  if (!prevLength) {
+    for (; i2 < currLength; i2++)
+      handleAdded(current[i2]);
+    return;
+  }
+  if (!currLength) {
+    for (; i2 < prevLength; i2++)
+      handleRemoved(prev[i2]);
+    return;
+  }
+  for (; i2 < prevLength; i2++) {
+    if (prev[i2] !== current[i2])
+      break;
+  }
+  let prevEl;
+  let currEl;
+  prev = prev.slice(i2);
+  current = current.slice(i2);
+  for (prevEl of prev) {
+    if (!current.includes(prevEl))
+      handleRemoved(prevEl);
+  }
+  for (currEl of current) {
+    if (!prev.includes(currEl))
+      handleAdded(currEl);
+  }
+}
 
-// ../../node_modules/.pnpm/@solid-primitives+refs@1.0.4_solid-js@1.7.8/node_modules/@solid-primitives/refs/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+refs@1.0.5_solid-js@1.8.1/node_modules/@solid-primitives/refs/dist/index.js
+function mergeRefs(...refs) {
+  return chain(refs);
+}
 var defaultElementPredicate = isServer ? (item) => item != null && typeof item === "object" && "t" in item : (item) => item instanceof Element;
 function getResolvedElements(value, predicate) {
   if (predicate(value))
@@ -833,7 +870,7 @@ function resolveElements(fn, predicate = defaultElementPredicate, serverPredicat
   return memo;
 }
 
-// ../../node_modules/.pnpm/solid-transition-group@0.2.2_solid-js@1.7.8/node_modules/solid-transition-group/dist/index.js
+// ../../node_modules/.pnpm/solid-transition-group@0.2.2_solid-js@1.8.1/node_modules/solid-transition-group/dist/index.js
 function createClassnames(props) {
   return createMemo(() => {
     const name = props.name || "s";
@@ -956,7 +993,7 @@ var TransitionGroup = (props) => {
   });
 };
 
-// ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.0_solid-js@1.7.8/node_modules/@solid-primitives/keyed/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.0_solid-js@1.8.1/node_modules/@solid-primitives/keyed/dist/index.js
 var FALLBACK = Symbol("fallback");
 function dispose(list) {
   for (const o2 of list)
@@ -1054,45 +1091,7 @@ function Key(props) {
   );
 }
 
-// ../../node_modules/.pnpm/@solid-primitives+utils@6.2.0_solid-js@1.7.8/node_modules/@solid-primitives/utils/dist/chunk/APG4HSEJ.js
-var noop3 = () => void 0;
-var isNonNullable2 = (i2) => i2 != null;
-var filterNonNullable2 = (arr) => arr.filter(isNonNullable2);
-var access2 = (v) => typeof v === "function" && !v.length ? v() : v;
-var asArray2 = (value) => Array.isArray(value) ? value : value ? [value] : [];
-function handleDiffArray2(current, prev, handleAdded, handleRemoved) {
-  const currLength = current.length;
-  const prevLength = prev.length;
-  let i2 = 0;
-  if (!prevLength) {
-    for (; i2 < currLength; i2++)
-      handleAdded(current[i2]);
-    return;
-  }
-  if (!currLength) {
-    for (; i2 < prevLength; i2++)
-      handleRemoved(prev[i2]);
-    return;
-  }
-  for (; i2 < prevLength; i2++) {
-    if (prev[i2] !== current[i2])
-      break;
-  }
-  let prevEl;
-  let currEl;
-  prev = prev.slice(i2);
-  current = current.slice(i2);
-  for (prevEl of prev) {
-    if (!current.includes(prevEl))
-      handleRemoved(prevEl);
-  }
-  for (currEl of current) {
-    if (!prev.includes(currEl))
-      handleAdded(currEl);
-  }
-}
-
-// ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.7.8/node_modules/@solid-primitives/storage/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.8.1/node_modules/@solid-primitives/storage/dist/index.js
 function createStorage(props) {
   const [error, setError] = createSignal();
   const handleError = props?.throw ? (err, fallback) => {
@@ -1311,10 +1310,30 @@ var cookieStorage = addClearMethod({
   }
 });
 
-// ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.18_solid-js@1.7.8/node_modules/@solid-primitives/resize-observer/dist/index.js
+// ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.0_solid-js@1.8.1/node_modules/@solid-primitives/event-listener/dist/index.js
+function makeEventListener(target, type, handler, options) {
+  target.addEventListener(type, handler, options);
+  return tryOnCleanup(target.removeEventListener.bind(target, type, handler, options));
+}
+function createEventListener(targets, type, handler, options) {
+  if (isServer)
+    return;
+  const attachListeners = () => {
+    asArray(access(targets)).forEach((el) => {
+      if (el)
+        asArray(access(type)).forEach((type2) => makeEventListener(el, type2, handler, options));
+    });
+  };
+  if (typeof targets === "function")
+    createEffect(attachListeners);
+  else
+    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
 function makeResizeObserver(callback, options) {
   if (isServer) {
-    return { observe: noop3, unobserve: noop3 };
+    return { observe: noop2, unobserve: noop2 };
   }
   const observer = new ResizeObserver(callback);
   onCleanup(observer.disconnect.bind(observer));
@@ -1326,8 +1345,8 @@ function makeResizeObserver(callback, options) {
 function createResizeObserver(targets, onResize, options) {
   if (isServer)
     return;
-  const previousMap = /* @__PURE__ */ new WeakMap(), { observe, unobserve } = makeResizeObserver((entries3) => {
-    for (const entry of entries3) {
+  const previousMap = /* @__PURE__ */ new WeakMap(), { observe, unobserve } = makeResizeObserver((entries2) => {
+    for (const entry of entries2) {
       const { contentRect, target } = entry, width = Math.round(contentRect.width), height = Math.round(contentRect.height), previous = previousMap.get(target);
       if (!previous || previous.width !== width || previous.height !== height) {
         onResize(contentRect, target, entry);
@@ -1336,34 +1355,14 @@ function createResizeObserver(targets, onResize, options) {
     }
   }, options);
   createEffect((prev) => {
-    const refs = filterNonNullable2(asArray2(access2(targets)));
-    handleDiffArray2(refs, prev, observe, unobserve);
+    const refs = filterNonNullable(asArray(access(targets)));
+    handleDiffArray(refs, prev, observe, unobserve);
     return refs;
   }, []);
 }
 
-// ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.0_solid-js@1.7.8/node_modules/@solid-primitives/event-listener/dist/index.js
-function makeEventListener(target, type, handler, options) {
-  target.addEventListener(type, handler, options);
-  return tryOnCleanup(target.removeEventListener.bind(target, type, handler, options));
-}
-function createEventListener(targets, type, handler, options) {
-  if (isServer)
-    return;
-  const attachListeners = () => {
-    asArray(access(targets)).forEach((el) => {
-      if (el)
-        asArray(access(type)).forEach((type2) => makeEventListener(el, type2, handler, options));
-    });
-  };
-  if (typeof targets === "function")
-    createEffect(attachListeners);
-  else
-    createRenderEffect(attachListeners);
-}
-
-// ../../node_modules/.pnpm/@solid-primitives+props@3.1.8_solid-js@1.7.8/node_modules/@solid-primitives/props/dist/index.js
-function trueFn3() {
+// ../../node_modules/.pnpm/@solid-primitives+props@3.1.8_solid-js@1.8.1/node_modules/@solid-primitives/props/dist/index.js
+function trueFn2() {
   return true;
 }
 var propTraps = {
@@ -1375,8 +1374,8 @@ var propTraps = {
   has(_, property) {
     return _.has(property);
   },
-  set: trueFn3,
-  deleteProperty: trueFn3,
+  set: trueFn2,
+  deleteProperty: trueFn2,
   getOwnPropertyDescriptor(_, property) {
     return {
       configurable: true,
@@ -1384,8 +1383,8 @@ var propTraps = {
       get() {
         return _.get(property);
       },
-      set: trueFn3,
-      deleteProperty: trueFn3
+      set: trueFn2,
+      deleteProperty: trueFn2
     };
   },
   ownKeys(_) {
@@ -1484,12 +1483,7 @@ function combineProps(...args) {
   );
 }
 
-// ../../node_modules/.pnpm/@solid-primitives+refs@1.0.5_solid-js@1.7.8/node_modules/@solid-primitives/refs/dist/index.js
-function mergeRefs(...refs) {
-  return chain(refs);
-}
-
-// ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.7.8/node_modules/@kobalte/utils/dist/index.js
+// ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.8.1/node_modules/@kobalte/utils/dist/index.js
 function addItemToArray(array, item, index = -1) {
   if (!(index in array)) {
     return [...array, item];
@@ -1759,7 +1753,7 @@ function getFocusableTreeWalker(root, opts, scope) {
   }
   return walker2;
 }
-function noop4() {
+function noop3() {
   return;
 }
 function isPointInPolygon(point, polygon) {
@@ -1906,9 +1900,11 @@ var visuallyHiddenStyles = {
   "white-space": "nowrap"
 };
 
-// ../../node_modules/.pnpm/solid-js@1.7.8/node_modules/solid-js/store/dist/store.js
+// ../../node_modules/.pnpm/solid-js@1.8.1/node_modules/solid-js/store/dist/store.js
 var $RAW = Symbol("store-raw");
 var $NODE = Symbol("store-node");
+var $HAS = Symbol("store-has");
+var $SELF = Symbol("store-self");
 function wrap$1(value) {
   let p2 = value[$PROXY];
   if (!p2) {
@@ -1916,9 +1912,9 @@ function wrap$1(value) {
       value: p2 = new Proxy(value, proxyTraps$1)
     });
     if (!Array.isArray(value)) {
-      const keys3 = Object.keys(value), desc = Object.getOwnPropertyDescriptors(value);
-      for (let i2 = 0, l2 = keys3.length; i2 < l2; i2++) {
-        const prop = keys3[i2];
+      const keys2 = Object.keys(value), desc = Object.getOwnPropertyDescriptors(value);
+      for (let i2 = 0, l2 = keys2.length; i2 < l2; i2++) {
+        const prop = keys2[i2];
         if (desc[prop].get) {
           Object.defineProperty(value, prop, {
             enumerable: desc[prop].enumerable,
@@ -1955,9 +1951,9 @@ function unwrap(item, set = /* @__PURE__ */ new Set()) {
       item = Object.assign({}, item);
     else
       set.add(item);
-    const keys3 = Object.keys(item), desc = Object.getOwnPropertyDescriptors(item);
-    for (let i2 = 0, l2 = keys3.length; i2 < l2; i2++) {
-      prop = keys3[i2];
+    const keys2 = Object.keys(item), desc = Object.getOwnPropertyDescriptors(item);
+    for (let i2 = 0, l2 = keys2.length; i2 < l2; i2++) {
+      prop = keys2[i2];
       if (desc[prop].get)
         continue;
       v = item[prop];
@@ -1967,16 +1963,23 @@ function unwrap(item, set = /* @__PURE__ */ new Set()) {
   }
   return item;
 }
-function getDataNodes(target) {
-  let nodes = target[$NODE];
+function getNodes(target, symbol) {
+  let nodes = target[symbol];
   if (!nodes)
-    Object.defineProperty(target, $NODE, {
+    Object.defineProperty(target, symbol, {
       value: nodes = /* @__PURE__ */ Object.create(null)
     });
   return nodes;
 }
-function getDataNode(nodes, property, value) {
-  return nodes[property] || (nodes[property] = createDataNode(value));
+function getNode(nodes, property, value) {
+  if (nodes[property])
+    return nodes[property];
+  const [s2, set] = createSignal(value, {
+    equals: false,
+    internal: true
+  });
+  s2.$ = set;
+  return nodes[property] = s2;
 }
 function proxyDescriptor$1(target, property) {
   const desc = Reflect.getOwnPropertyDescriptor(target, property);
@@ -1988,23 +1991,12 @@ function proxyDescriptor$1(target, property) {
   return desc;
 }
 function trackSelf(target) {
-  if (getListener()) {
-    const nodes = getDataNodes(target);
-    (nodes._ || (nodes._ = createDataNode()))();
-  }
+  getListener() && getNode(getNodes(target, $NODE), $SELF)();
 }
 function ownKeys(target) {
   trackSelf(target);
   return Reflect.ownKeys(target);
 }
-function createDataNode(value) {
-  const [s2, set] = createSignal(value, {
-    equals: false,
-    internal: true
-  });
-  s2.$ = set;
-  return s2;
-}
 var proxyTraps$1 = {
   get(target, property, receiver) {
     if (property === $RAW)
@@ -2015,22 +2007,22 @@ var proxyTraps$1 = {
       trackSelf(target);
       return receiver;
     }
-    const nodes = getDataNodes(target);
+    const nodes = getNodes(target, $NODE);
     const tracked = nodes[property];
     let value = tracked ? tracked() : target[property];
-    if (property === $NODE || property === "__proto__")
+    if (property === $NODE || property === $HAS || property === "__proto__")
       return value;
     if (!tracked) {
       const desc = Object.getOwnPropertyDescriptor(target, property);
       if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property)) && !(desc && desc.get))
-        value = getDataNode(nodes, property, value)();
+        value = getNode(nodes, property, value)();
     }
     return isWrappable(value) ? wrap$1(value) : value;
   },
   has(target, property) {
-    if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === "__proto__")
+    if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === $HAS || property === "__proto__")
       return true;
-    this.get(target, property, target);
+    getListener() && getNode(getNodes(target, $HAS), property)();
     return property in target;
   },
   set() {
@@ -2046,24 +2038,29 @@ function setProperty(state2, property, value, deleting = false) {
   if (!deleting && state2[property] === value)
     return;
   const prev = state2[property], len = state2.length;
-  if (value === void 0)
+  if (value === void 0) {
     delete state2[property];
-  else
+    if (state2[$HAS] && state2[$HAS][property] && prev !== void 0)
+      state2[$HAS][property].$();
+  } else {
     state2[property] = value;
-  let nodes = getDataNodes(state2), node;
-  if (node = getDataNode(nodes, property, prev))
+    if (state2[$HAS] && state2[$HAS][property] && prev === void 0)
+      state2[$HAS][property].$();
+  }
+  let nodes = getNodes(state2, $NODE), node;
+  if (node = getNode(nodes, property, prev))
     node.$(() => value);
   if (Array.isArray(state2) && state2.length !== len) {
     for (let i2 = state2.length; i2 < len; i2++)
       (node = nodes[i2]) && node.$();
-    (node = getDataNode(nodes, "length", len)) && node.$(state2.length);
+    (node = getNode(nodes, "length", len)) && node.$(state2.length);
   }
-  (node = nodes._) && node.$();
+  (node = nodes[$SELF]) && node.$();
 }
 function mergeStoreNode(state2, value) {
-  const keys3 = Object.keys(value);
-  for (let i2 = 0; i2 < keys3.length; i2 += 1) {
-    const key = keys3[i2];
+  const keys2 = Object.keys(value);
+  for (let i2 = 0; i2 < keys2.length; i2 += 1) {
+    const key = keys2[i2];
     setProperty(state2, key, value[key]);
   }
 }
@@ -2101,11 +2098,7 @@ function updatePath(current, path, traversed = []) {
       }
       return;
     } else if (isArray4 && partType === "object") {
-      const {
-        from = 0,
-        to = current.length - 1,
-        by = 1
-      } = part;
+      const { from = 0, to = current.length - 1, by = 1 } = part;
       for (let i2 = from; i2 <= to; i2 += by) {
         updatePath(current, [i2].concat(path), traversed);
       }
@@ -2182,7 +2175,7 @@ function $d6fd23bc337660df$var$getLanguage(locale) {
   return locale.split("-")[0];
 }
 
-// ../../node_modules/.pnpm/@floating-ui+utils@0.1.4/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+// ../../node_modules/.pnpm/@floating-ui+utils@0.1.6/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
 var min = Math.min;
 var max = Math.max;
@@ -2202,7 +2195,7 @@ var oppositeAlignmentMap = {
   start: "end",
   end: "start"
 };
-function clamp3(start, value, end) {
+function clamp2(start, value, end) {
   return max(start, min(value, end));
 }
 function evaluate(value, param) {
@@ -2545,7 +2538,7 @@ var arrow = (options) => ({
     const min$1 = minPadding;
     const max2 = clientSize - arrowDimensions[length] - maxPadding;
     const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-    const offset2 = clamp3(min$1, center, max2);
+    const offset2 = clamp2(min$1, center, max2);
     const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
     const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
     return {
@@ -2818,14 +2811,14 @@ var shift = function(options) {
         const maxSide = mainAxis === "y" ? "bottom" : "right";
         const min2 = mainAxisCoord + overflow[minSide];
         const max2 = mainAxisCoord - overflow[maxSide];
-        mainAxisCoord = clamp3(min2, mainAxisCoord, max2);
+        mainAxisCoord = clamp2(min2, mainAxisCoord, max2);
       }
       if (checkCrossAxis) {
         const minSide = crossAxis === "y" ? "top" : "left";
         const maxSide = crossAxis === "y" ? "bottom" : "right";
         const min2 = crossAxisCoord + overflow[minSide];
         const max2 = crossAxisCoord - overflow[maxSide];
-        crossAxisCoord = clamp3(min2, crossAxisCoord, max2);
+        crossAxisCoord = clamp2(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
         ...state2,
@@ -2919,7 +2912,7 @@ var size = function(options) {
   };
 };
 
-// ../../node_modules/.pnpm/@floating-ui+utils@0.1.4/node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.mjs
+// ../../node_modules/.pnpm/@floating-ui+utils@0.1.6/node_modules/@floating-ui/utils/dom/dist/floating-ui.utils.dom.mjs
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
@@ -3457,8 +3450,8 @@ function observeMove(element, onMove) {
       threshold: max(0, min(1, threshold)) || 1
     };
     let isFirstUpdate = true;
-    function handleObserve(entries3) {
-      const ratio = entries3[0].intersectionRatio;
+    function handleObserve(entries2) {
+      const ratio = entries2[0].intersectionRatio;
       if (ratio !== threshold) {
         if (!isFirstUpdate) {
           return refresh();
@@ -3569,7 +3562,7 @@ var computePosition2 = (reference, floating, options) => {
   });
 };
 
-// ../../node_modules/.pnpm/@kobalte+core@0.11.0_solid-js@1.7.8/node_modules/@kobalte/core/dist/esm/index.js
+// ../../node_modules/.pnpm/@kobalte+core@0.11.0_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) {
@@ -4205,7 +4198,7 @@ var POINTER_DOWN_OUTSIDE_EVENT = "interactOutside.pointerDownOutside";
 var FOCUS_OUTSIDE_EVENT = "interactOutside.focusOutside";
 function createInteractOutside(props, ref) {
   let pointerDownTimeoutId;
-  let clickHandler = noop4;
+  let clickHandler = noop3;
   const ownerDocument = () => getDocument(ref());
   const onPointerDownOutside = (e2) => props.onPointerDownOutside?.(e2);
   const onFocusOutside = (e2) => props.onFocusOutside?.(e2);
@@ -4654,11 +4647,11 @@ function createCollator(options) {
   });
 }
 var Selection = class _Selection extends Set {
-  constructor(keys3, anchorKey, currentKey) {
-    super(keys3);
-    if (keys3 instanceof _Selection) {
-      this.anchorKey = anchorKey || keys3.anchorKey;
-      this.currentKey = currentKey || keys3.currentKey;
+  constructor(keys2, anchorKey, currentKey) {
+    super(keys2);
+    if (keys2 instanceof _Selection) {
+      this.anchorKey = anchorKey || keys2.anchorKey;
+      this.currentKey = currentKey || keys2.currentKey;
     } else {
       this.anchorKey = anchorKey;
       this.currentKey = currentKey;
@@ -4722,9 +4715,9 @@ function createMultipleSelectionState(props) {
   const [selectionBehavior, setSelectionBehavior] = createSignal(access(props.selectionBehavior));
   const selectionMode = () => access(props.selectionMode);
   const disallowEmptySelection = () => access(props.disallowEmptySelection) ?? false;
-  const setSelectedKeys = (keys3) => {
-    if (access(props.allowDuplicateSelectionEvents) || !isSameSelection(keys3, selectedKeys())) {
-      _setSelectedKeys(keys3);
+  const setSelectedKeys = (keys2) => {
+    if (access(props.allowDuplicateSelectionEvents) || !isSameSelection(keys2, selectedKeys())) {
+      _setSelectedKeys(keys2);
     }
   };
   createEffect(() => {
@@ -5339,15 +5332,15 @@ var SelectionManager = class {
     return [];
   }
   getKeyRangeInternal(from, to) {
-    const keys3 = [];
+    const keys2 = [];
     let key = from;
     while (key != null) {
       const item = this.collection().getItem(key);
       if (item && item.type === "item") {
-        keys3.push(key);
+        keys2.push(key);
       }
       if (key === to) {
-        return keys3;
+        return keys2;
       }
       key = this.collection().getKeyAfter(key);
     }
@@ -5376,18 +5369,18 @@ var SelectionManager = class {
     if (retrievedKey == null) {
       return;
     }
-    const keys3 = new Selection(this.state.selectedKeys());
-    if (keys3.has(retrievedKey)) {
-      keys3.delete(retrievedKey);
+    const keys2 = new Selection(this.state.selectedKeys());
+    if (keys2.has(retrievedKey)) {
+      keys2.delete(retrievedKey);
     } else if (this.canSelectItem(retrievedKey)) {
-      keys3.add(retrievedKey);
-      keys3.anchorKey = retrievedKey;
-      keys3.currentKey = retrievedKey;
+      keys2.add(retrievedKey);
+      keys2.anchorKey = retrievedKey;
+      keys2.currentKey = retrievedKey;
     }
-    if (this.disallowEmptySelection() && keys3.size === 0) {
+    if (this.disallowEmptySelection() && keys2.size === 0) {
       return;
     }
-    this.state.setSelectedKeys(keys3);
+    this.state.setSelectedKeys(keys2);
   }
   /** Replaces the selection with only the given key. */
   replaceSelection(key) {
@@ -5402,12 +5395,12 @@ var SelectionManager = class {
     this.state.setSelectedKeys(selection);
   }
   /** Replaces the selection with the given keys. */
-  setSelectedKeys(keys3) {
+  setSelectedKeys(keys2) {
     if (this.selectionMode() === "none") {
       return;
     }
     const selection = new Selection();
-    for (const key of keys3) {
+    for (const key of keys2) {
       const retrievedKey = this.getKey(key);
       if (retrievedKey != null) {
         selection.add(retrievedKey);
@@ -5492,7 +5485,7 @@ var SelectionManager = class {
     return !item || item.disabled;
   }
   getAllSelectableKeys() {
-    const keys3 = [];
+    const keys2 = [];
     const addKeys = (key) => {
       while (key != null) {
         if (this.canSelectItem(key)) {
@@ -5501,14 +5494,14 @@ var SelectionManager = class {
             continue;
           }
           if (item.type === "item") {
-            keys3.push(key);
+            keys2.push(key);
           }
         }
         key = this.collection().getKeyAfter(key);
       }
     };
     addKeys(this.collection().getFirstKey());
-    return keys3;
+    return keys2;
   }
 };
 var ListCollection = class {
@@ -5564,8 +5557,8 @@ var ListCollection = class {
     return this.keyMap.get(key);
   }
   at(idx) {
-    const keys3 = [...this.getKeys()];
-    return this.getItem(keys3[idx]);
+    const keys2 = [...this.getKeys()];
+    return this.getItem(keys2[idx]);
   }
 };
 function createListState(props) {
@@ -8969,12 +8962,12 @@ var untransformValue = function(json, type, superJson) {
 
 // ../../node_modules/.pnpm/superjson@1.12.4/node_modules/superjson/dist/esm/accessDeep.js
 var getNthKey = function(value, n2) {
-  var keys3 = value.keys();
+  var keys2 = value.keys();
   while (n2 > 0) {
-    keys3.next();
+    keys2.next();
     n2--;
   }
-  return keys3.next().value;
+  return keys2.next().value;
 };
 function validatePath(path) {
   if (includes(path, "__proto__")) {
@@ -9284,7 +9277,7 @@ function isOneOf(a2, b2, c2, d, e2) {
   return (value) => a2(value) || b2(value) || !!c2 && c2(value) || !!d && d(value) || !!e2 && e2(value);
 }
 
-// ../../node_modules/.pnpm/copy-anything@3.0.2/node_modules/copy-anything/dist/index.es.js
+// ../../node_modules/.pnpm/copy-anything@3.0.5/node_modules/copy-anything/dist/index.js
 function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
   const propType = {}.propertyIsEnumerable.call(originalObject, key) ? "enumerable" : "nonenumerable";
   if (propType === "enumerable")
@@ -9874,9 +9867,10 @@ function Check(props) {
   </>;
 }
 function TanstackLogo() {
+  const id = createUniqueId();
   return <svg version="1.0" viewBox="0 0 633 633">
     <linearGradient
-      id="a"
+      id={`a-${id}`}
       x1="-666.45"
       x2="-666.45"
       y1="163.28"
@@ -9889,9 +9883,9 @@ function TanstackLogo() {
       <stop stop-color="#FFA770" offset=".71" />
       <stop stop-color="#FF7373" offset="1" />
     </linearGradient>
-    <circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)" />
+    <circle cx="316.5" cy="316.5" r="316.5" fill={`url(#a-${id})`} />
     <defs><filter
-      id="am"
+      id={`am-${id}`}
       x="-137.5"
       y="412"
       width="454"
@@ -9899,14 +9893,14 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="b"
+      id={`b-${id}`}
       x="-137.5"
       y="412"
       width="454"
       height="396.9"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#am)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#b)"><ellipse
+    ><g filter={`url(#am-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#b-${id})`}><ellipse
       cx="89.5"
       cy="610.5"
       rx="214.5"
@@ -9916,7 +9910,7 @@ function TanstackLogo() {
       stroke-width="25"
     /></g>
     <defs><filter
-      id="ah"
+      id={`ah-${id}`}
       x="316.5"
       y="412"
       width="454"
@@ -9924,14 +9918,14 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="k"
+      id={`k-${id}`}
       x="316.5"
       y="412"
       width="454"
       height="396.9"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#ah)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#k)"><ellipse
+    ><g filter={`url(#ah-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#k-${id})`}><ellipse
       cx="543.5"
       cy="610.5"
       rx="214.5"
@@ -9941,7 +9935,7 @@ function TanstackLogo() {
       stroke-width="25"
     /></g>
     <defs><filter
-      id="ae"
+      id={`ae-${id}`}
       x="-137.5"
       y="450"
       width="454"
@@ -9949,14 +9943,14 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="j"
+      id={`j-${id}`}
       x="-137.5"
       y="450"
       width="454"
       height="396.9"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#ae)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#j)"><ellipse
+    ><g filter={`url(#ae-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#j-${id})`}><ellipse
       cx="89.5"
       cy="648.5"
       rx="214.5"
@@ -9966,7 +9960,7 @@ function TanstackLogo() {
       stroke-width="25"
     /></g>
     <defs><filter
-      id="ai"
+      id={`ai-${id}`}
       x="316.5"
       y="450"
       width="454"
@@ -9974,14 +9968,14 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="i"
+      id={`i-${id}`}
       x="316.5"
       y="450"
       width="454"
       height="396.9"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#ai)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#i)"><ellipse
+    ><g filter={`url(#ai-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#i-${id})`}><ellipse
       cx="543.5"
       cy="648.5"
       rx="214.5"
@@ -9991,7 +9985,7 @@ function TanstackLogo() {
       stroke-width="25"
     /></g>
     <defs><filter
-      id="aj"
+      id={`aj-${id}`}
       x="-137.5"
       y="486"
       width="454"
@@ -9999,14 +9993,14 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="h"
+      id={`h-${id}`}
       x="-137.5"
       y="486"
       width="454"
       height="396.9"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#aj)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#h)"><ellipse
+    ><g filter={`url(#aj-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#h-${id})`}><ellipse
       cx="89.5"
       cy="684.5"
       rx="214.5"
@@ -10016,7 +10010,7 @@ function TanstackLogo() {
       stroke-width="25"
     /></g>
     <defs><filter
-      id="ag"
+      id={`ag-${id}`}
       x="316.5"
       y="486"
       width="454"
@@ -10024,14 +10018,14 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="g"
+      id={`g-${id}`}
       x="316.5"
       y="486"
       width="454"
       height="396.9"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#ag)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#g)"><ellipse
+    ><g filter={`url(#ag-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#g-${id})`}><ellipse
       cx="543.5"
       cy="684.5"
       rx="214.5"
@@ -10041,7 +10035,7 @@ function TanstackLogo() {
       stroke-width="25"
     /></g>
     <defs><filter
-      id="af"
+      id={`af-${id}`}
       x="272.2"
       y="308"
       width="176.9"
@@ -10049,14 +10043,14 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="f"
+      id={`f-${id}`}
       x="272.2"
       y="308"
       width="176.9"
       height="129.3"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#af)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#f)">
+    ><g filter={`url(#af-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#f-${id})`}>
       <line
         x1="436"
         x2="431"
@@ -10091,7 +10085,7 @@ function TanstackLogo() {
         stroke-width="11"
       />
       <linearGradient
-        id="m"
+        id={`m-${id}`}
         x1="-670.75"
         x2="-671.59"
         y1="164.4"
@@ -10105,7 +10099,7 @@ function TanstackLogo() {
       <path
         d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z"
         clip-rule="evenodd"
-        fill="url(#m)"
+        fill={`url(#m-${id})`}
         fill-rule="evenodd"
       />
       <line
@@ -10165,7 +10159,7 @@ function TanstackLogo() {
       />
     </g>
     <defs><filter
-      id="ak"
+      id={`ak-${id}`}
       x="73.2"
       y="113.8"
       width="280.6"
@@ -10173,16 +10167,16 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="e"
+      id={`e-${id}`}
       x="73.2"
       y="113.8"
       width="280.6"
       height="317.4"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#ak)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#e)">
+    ><g filter={`url(#ak-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#e-${id})`}>
       <linearGradient
-        id="n"
+        id={`n-${id}`}
         x1="-672.16"
         x2="-672.16"
         y1="165.03"
@@ -10196,12 +10190,12 @@ function TanstackLogo() {
       <path
         d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6"
         clip-rule="evenodd"
-        fill="url(#n)"
+        fill={`url(#n-${id})`}
         fill-rule="evenodd"
       />
       <g stroke="#2F8A00">
         <linearGradient
-          id="r"
+          id={`r-${id}`}
           x1="-660.23"
           x2="-660.23"
           y1="166.72"
@@ -10215,12 +10209,12 @@ function TanstackLogo() {
         <path
           d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"
           clip-rule="evenodd"
-          fill="url(#r)"
+          fill={`url(#r-${id})`}
           fill-rule="evenodd"
           stroke-width="13"
         />
         <linearGradient
-          id="s"
+          id={`s-${id}`}
           x1="-661.36"
           x2="-661.36"
           y1="164.18"
@@ -10234,12 +10228,12 @@ function TanstackLogo() {
         <path
           d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z"
           clip-rule="evenodd"
-          fill="url(#s)"
+          fill={`url(#s-${id})`}
           fill-rule="evenodd"
           stroke-width="13"
         />
         <linearGradient
-          id="q"
+          id={`q-${id}`}
           x1="-656.79"
           x2="-656.79"
           y1="165.15"
@@ -10253,12 +10247,12 @@ function TanstackLogo() {
         <path
           d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z"
           clip-rule="evenodd"
-          fill="url(#q)"
+          fill={`url(#q-${id})`}
           fill-rule="evenodd"
           stroke-width="13"
         />
         <linearGradient
-          id="p"
+          id={`p-${id}`}
           x1="-663.07"
           x2="-663.07"
           y1="165.44"
@@ -10272,12 +10266,12 @@ function TanstackLogo() {
         <path
           d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"
           clip-rule="evenodd"
-          fill="url(#p)"
+          fill={`url(#p-${id})`}
           fill-rule="evenodd"
           stroke-width="13"
         />
         <linearGradient
-          id="o"
+          id={`o-${id}`}
           x1="-662.57"
           x2="-662.57"
           y1="164.44"
@@ -10291,12 +10285,12 @@ function TanstackLogo() {
         <path
           d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z"
           clip-rule="evenodd"
-          fill="url(#o)"
+          fill={`url(#o-${id})`}
           fill-rule="evenodd"
           stroke-width="13"
         />
         <linearGradient
-          id="l"
+          id={`l-${id}`}
           x1="-656.43"
           x2="-656.43"
           y1="163.86"
@@ -10310,7 +10304,7 @@ function TanstackLogo() {
         <path
           d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z"
           clip-rule="evenodd"
-          fill="url(#l)"
+          fill={`url(#l-${id})`}
           fill-rule="evenodd"
           stroke-width="13"
         />
@@ -10341,7 +10335,7 @@ function TanstackLogo() {
       </g>
     </g>
     <defs><filter
-      id="al"
+      id={`al-${id}`}
       x="50.5"
       y="399"
       width="532"
@@ -10349,16 +10343,16 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="d"
+      id={`d-${id}`}
       x="50.5"
       y="399"
       width="532"
       height="633"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#al)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#d)">
+    ><g filter={`url(#al-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#d-${id})`}>
       <linearGradient
-        id="u"
+        id={`u-${id}`}
         x1="-666.06"
         x2="-666.23"
         y1="163.36"
@@ -10369,10 +10363,16 @@ function TanstackLogo() {
         <stop stop-color="#FFF400" offset="0" />
         <stop stop-color="#3C8700" offset="1" />
       </linearGradient>
-      <ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)" />
+      <ellipse
+        cx="316.5"
+        cy="715.5"
+        rx="266"
+        ry="316.5"
+        fill={`url(#u-${id})`}
+      />
     </g>
     <defs><filter
-      id="ad"
+      id={`ad-${id}`}
       x="391"
       y="-24"
       width="288"
@@ -10380,16 +10380,16 @@ function TanstackLogo() {
       filterUnits="userSpaceOnUse"
     ><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0" /></filter></defs>
     <mask
-      id="c"
+      id={`c-${id}`}
       x="391"
       y="-24"
       width="288"
       height="283"
       maskUnits="userSpaceOnUse"
-    ><g filter="url(#ad)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
-    <g mask="url(#c)">
+    ><g filter={`url(#ad-${id})`}><circle cx="316.5" cy="316.5" r="316.5" fill="#fff" /></g></mask>
+    <g mask={`url(#c-${id})`}>
       <linearGradient
-        id="t"
+        id={`t-${id}`}
         x1="-664.56"
         x2="-664.56"
         y1="163.79"
@@ -10400,9 +10400,9 @@ function TanstackLogo() {
         <stop stop-color="#FFDF00" offset="0" />
         <stop stop-color="#FF9D00" offset="1" />
       </linearGradient>
-      <circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)" />
+      <circle cx="565.5" cy="89.5" r="113.5" fill={`url(#t-${id})`} />
       <linearGradient
-        id="v"
+        id={`v-${id}`}
         x1="-644.5"
         x2="-645.77"
         y1="342"
@@ -10419,13 +10419,13 @@ function TanstackLogo() {
         y1="89"
         y2="89"
         fill="none"
-        stroke="url(#v)"
+        stroke={`url(#v-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
       />
       <linearGradient
-        id="aa"
+        id={`aa-${id}`}
         x1="-641.56"
         x2="-642.83"
         y1="196.02"
@@ -10442,13 +10442,13 @@ function TanstackLogo() {
         y1="55.5"
         y2="50"
         fill="none"
-        stroke="url(#aa)"
+        stroke={`url(#aa-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
       />
       <linearGradient
-        id="w"
+        id={`w-${id}`}
         x1="-643.73"
         x2="-645"
         y1="185.83"
@@ -10465,13 +10465,13 @@ function TanstackLogo() {
         y1="122"
         y2="130"
         fill="none"
-        stroke="url(#w)"
+        stroke={`url(#w-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
       />
       <linearGradient
-        id="ac"
+        id={`ac-${id}`}
         x1="-638.94"
         x2="-640.22"
         y1="177.09"
@@ -10488,13 +10488,13 @@ function TanstackLogo() {
         y1="153"
         y2="166"
         fill="none"
-        stroke="url(#ac)"
+        stroke={`url(#ac-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
       />
       <linearGradient
-        id="ab"
+        id={`ab-${id}`}
         x1="-633.42"
         x2="-634.7"
         y1="172.41"
@@ -10511,13 +10511,13 @@ function TanstackLogo() {
         y1="180"
         y2="199"
         fill="none"
-        stroke="url(#ab)"
+        stroke={`url(#ab-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
       />
       <linearGradient
-        id="y"
+        id={`y-${id}`}
         x1="-619.05"
         x2="-619.52"
         y1="170.82"
@@ -10534,13 +10534,13 @@ function TanstackLogo() {
         y1="203"
         y2="225.9"
         fill="none"
-        stroke="url(#y)"
+        stroke={`url(#y-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
       />
       <linearGradient
-        id="x"
+        id={`x-${id}`}
         x1="-578.5"
         x2="-578.63"
         y1="170.31"
@@ -10557,13 +10557,13 @@ function TanstackLogo() {
         y1="219.5"
         y2="244"
         fill="none"
-        stroke="url(#x)"
+        stroke={`url(#x-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
       />
       <linearGradient
-        id="z"
+        id={`z-${id}`}
         x1="666.5"
         x2="666.5"
         y1="170.31"
@@ -10580,7 +10580,7 @@ function TanstackLogo() {
         y1="228.5"
         y2="253"
         fill="none"
-        stroke="url(#z)"
+        stroke={`url(#z-${id})`}
         stroke-linecap="round"
         stroke-linejoin="bevel"
         stroke-width="12"
@@ -10838,7 +10838,7 @@ function Explorer(props) {
             itemsDeletable={type() === "array" || type() === "Iterable" || type() === "object"}
           />;
         }}</Key></div></Show>
-        <Show when={subEntryPages().length > 1}><div class={styles().subEntry}><Index each={subEntryPages()}>{(entries3, index) => <div><div class={styles().entry}>
+        <Show when={subEntryPages().length > 1}><div class={styles().subEntry}><Index each={subEntryPages()}>{(entries2, index) => <div><div class={styles().entry}>
           <button
             onClick={() => setExpandedPages(
               (old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]
@@ -10853,7 +10853,7 @@ function Explorer(props) {
             {index * 100 + 100 - 1}
             {"]"}
           </button>
-          <Show when={expandedPages().includes(index)}><div class={styles().subEntry}><Key each={entries3()} by={(entry) => entry.label}>{(entry) => <Explorer
+          <Show when={expandedPages().includes(index)}><div class={styles().subEntry}><Key each={entries2()} by={(entry) => entry.label}>{(entry) => <Explorer
             defaultExpanded={props.defaultExpanded}
             label={entry().label}
             value={entry().value}