@tanstack/query-devtools 5.65.0 → 5.71.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/NDYUDEEA.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/JAD5ECXD.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/YADWEDPJ.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/KMI5VYOH.js';
3
3
 
4
4
  // src/DevtoolsComponent.tsx
5
5
  var DevtoolsComponent = (props) => {
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/B4MFY5CR.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/JAANZ2TG.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, Devtools } from '../chunk/L3NTYGQ3.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/KX7DYCBK.js';
3
3
 
4
4
  // src/DevtoolsComponent.tsx
5
5
  var DevtoolsComponent = (props) => {
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/B4MFY5CR.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/JAANZ2TG.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/L3NTYGQ3.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/KX7DYCBK.js';
3
3
 
4
4
  // src/DevtoolsPanelComponent.tsx
5
5
  var DevtoolsPanelComponent = (props) => {
@@ -1,5 +1,5 @@
1
- import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/NDYUDEEA.js';
2
- import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/JAD5ECXD.js';
1
+ import { createLocalStorage, THEME_PREFERENCE, QueryDevtoolsContext, PiPProvider, ThemeContext, ParentPanel, ContentView } from '../chunk/YADWEDPJ.js';
2
+ import { getPreferredColorScheme, createMemo, createComponent } from '../chunk/KMI5VYOH.js';
3
3
 
4
4
  // src/DevtoolsPanelComponent.tsx
5
5
  var DevtoolsPanelComponent = (props) => {
@@ -1,8 +1,8 @@
1
- // ../../node_modules/.pnpm/solid-js@1.9.3/node_modules/solid-js/dist/solid.js
1
+ // ../../node_modules/.pnpm/solid-js@1.9.5/node_modules/solid-js/dist/solid.js
2
2
  var sharedConfig = {
3
- context: undefined,
4
- registry: undefined,
5
- effects: undefined,
3
+ context: void 0,
4
+ registry: void 0,
5
+ effects: void 0,
6
6
  done: false,
7
7
  getContextId() {
8
8
  return getContextId(this.context.count);
@@ -25,6 +25,7 @@ function nextHydrateContext() {
25
25
  count: 0
26
26
  };
27
27
  }
28
+ var IS_DEV = false;
28
29
  var equalFn = (a, b) => a === b;
29
30
  var $PROXY = Symbol("solid-proxy");
30
31
  var SUPPORTS_PROXY = typeof Proxy === "function";
@@ -52,7 +53,7 @@ var Updates = null;
52
53
  var Effects = null;
53
54
  var ExecCount = 0;
54
55
  function createRoot(fn, detachedOwner) {
55
- const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === undefined ? owner : detachedOwner, root = unowned ? UNOWNED : {
56
+ const listener = Listener, owner = Owner, unowned = fn.length === 0, current = detachedOwner === void 0 ? owner : detachedOwner, root = unowned ? UNOWNED : {
56
57
  owned: null,
57
58
  cleanups: null,
58
59
  context: current ? current.context : null,
@@ -73,7 +74,7 @@ function createSignal(value, options) {
73
74
  value,
74
75
  observers: null,
75
76
  observerSlots: null,
76
- comparator: options.equals || undefined
77
+ comparator: options.equals || void 0
77
78
  };
78
79
  const setter = (value2) => {
79
80
  if (typeof value2 === "function") {
@@ -114,7 +115,7 @@ function createMemo(fn, value, options) {
114
115
  const c = createComputation(fn, value, true, 0);
115
116
  c.observers = null;
116
117
  c.observerSlots = null;
117
- c.comparator = options.equals || undefined;
118
+ c.comparator = options.equals || void 0;
118
119
  if (Scheduler && Transition && Transition.running) {
119
120
  c.tState = STALE;
120
121
  Updates.push(c);
@@ -129,17 +130,13 @@ function createResource(pSource, pFetcher, pOptions) {
129
130
  let source;
130
131
  let fetcher;
131
132
  let options;
132
- if (arguments.length === 1) {
133
+ {
133
134
  source = true;
134
135
  fetcher = pSource;
135
136
  options = {};
136
- } else {
137
- source = pSource;
138
- fetcher = pFetcher;
139
- options = {};
140
137
  }
141
138
  let pr = null, initP = NO_INIT, id = null, loadedUnderTransition = false, scheduled = false, resolved = "initialValue" in options, dynamic = typeof source === "function" && createMemo(source);
142
- const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(undefined), [track, trigger] = createSignal(undefined, {
139
+ const contexts = /* @__PURE__ */ new Set(), [value, setValue] = (options.storage || createSignal)(options.initialValue), [error, setError] = createSignal(void 0), [track, trigger] = createSignal(void 0, {
143
140
  equals: false
144
141
  }), [state, setState] = createSignal(resolved ? "ready" : "unresolved");
145
142
  if (sharedConfig.context) {
@@ -152,7 +149,7 @@ function createResource(pSource, pFetcher, pOptions) {
152
149
  function loadEnd(p, v, error2, key) {
153
150
  if (pr === p) {
154
151
  pr = null;
155
- key !== undefined && (resolved = true);
152
+ key !== void 0 && (resolved = true);
156
153
  if ((p === initP || v === initP) && options.onHydrated)
157
154
  queueMicrotask(
158
155
  () => options.onHydrated(key, {
@@ -185,7 +182,7 @@ function createResource(pSource, pFetcher, pOptions) {
185
182
  }
186
183
  function read() {
187
184
  const c = SuspenseContext && useContext(SuspenseContext), v = value(), err = error();
188
- if (err !== undefined && !pr)
185
+ if (err !== void 0 && !pr)
189
186
  throw err;
190
187
  if (Listener && !Listener.user && c) {
191
188
  createComputed(() => {
@@ -221,15 +218,15 @@ function createResource(pSource, pFetcher, pOptions) {
221
218
  })
222
219
  );
223
220
  if (!isPromise(p)) {
224
- loadEnd(pr, p, undefined, lookup);
221
+ loadEnd(pr, p, void 0, lookup);
225
222
  return p;
226
223
  }
227
224
  pr = p;
228
225
  if ("value" in p) {
229
226
  if (p.status === "success")
230
- loadEnd(pr, p.value, undefined, lookup);
227
+ loadEnd(pr, p.value, void 0, lookup);
231
228
  else
232
- loadEnd(pr, undefined, castError(p.value), lookup);
229
+ loadEnd(pr, void 0, castError(p.value), lookup);
233
230
  return p;
234
231
  }
235
232
  scheduled = true;
@@ -239,8 +236,8 @@ function createResource(pSource, pFetcher, pOptions) {
239
236
  trigger();
240
237
  }, false);
241
238
  return p.then(
242
- (v) => loadEnd(p, v, undefined, lookup),
243
- (e) => loadEnd(p, undefined, castError(e), lookup)
239
+ (v) => loadEnd(p, v, void 0, lookup),
240
+ (e) => loadEnd(p, void 0, castError(e), lookup)
244
241
  );
245
242
  }
246
243
  Object.defineProperties(read, {
@@ -370,7 +367,7 @@ function startTransition(fn) {
370
367
  }
371
368
  runUpdates(fn, false);
372
369
  Listener = Owner = null;
373
- return t ? t.done : undefined;
370
+ return t ? t.done : void 0;
374
371
  });
375
372
  }
376
373
  var [transPending, setTransPending] = /* @__PURE__ */ createSignal(false);
@@ -387,7 +384,7 @@ function createContext(defaultValue, options) {
387
384
  }
388
385
  function useContext(context) {
389
386
  let value;
390
- return Owner && Owner.context && (value = Owner.context[context.id]) !== undefined ? value : context.defaultValue;
387
+ return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue;
391
388
  }
392
389
  function children(fn) {
393
390
  const children2 = createMemo(fn);
@@ -467,7 +464,7 @@ function writeSignal(node, value, isComp) {
467
464
  }
468
465
  if (Updates.length > 1e6) {
469
466
  Updates = [];
470
- if (false)
467
+ if (IS_DEV)
471
468
  ;
472
469
  throw new Error();
473
470
  }
@@ -508,7 +505,7 @@ function runComputation(node, value, time) {
508
505
  if (Transition && Transition.running) {
509
506
  node.tState = STALE;
510
507
  node.tOwned && node.tOwned.forEach(cleanNode);
511
- node.tOwned = undefined;
508
+ node.tOwned = void 0;
512
509
  } else {
513
510
  node.state = STALE;
514
511
  node.owned && node.owned.forEach(cleanNode);
@@ -566,7 +563,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
566
563
  }
567
564
  }
568
565
  if (ExternalSourceConfig && c.fn) {
569
- const [track, trigger] = createSignal(undefined, {
566
+ const [track, trigger] = createSignal(void 0, {
570
567
  equals: false
571
568
  });
572
569
  const ordinary = ExternalSourceConfig.factory(c.fn, trigger);
@@ -872,7 +869,7 @@ function createProvider(id, options) {
872
869
  };
873
870
  return children(() => props.children);
874
871
  }),
875
- undefined
872
+ void 0
876
873
  );
877
874
  return res;
878
875
  };
@@ -1077,7 +1074,7 @@ function resolveSource(s) {
1077
1074
  function resolveSources() {
1078
1075
  for (let i = 0, length = this.length; i < length; ++i) {
1079
1076
  const v = this[i]();
1080
- if (v !== undefined)
1077
+ if (v !== void 0)
1081
1078
  return v;
1082
1079
  }
1083
1080
  }
@@ -1094,7 +1091,7 @@ function mergeProps(...sources) {
1094
1091
  get(property) {
1095
1092
  for (let i = sources.length - 1; i >= 0; i--) {
1096
1093
  const v = resolveSource(sources[i])[property];
1097
- if (v !== undefined)
1094
+ if (v !== void 0)
1098
1095
  return v;
1099
1096
  }
1100
1097
  },
@@ -1132,13 +1129,13 @@ function mergeProps(...sources) {
1132
1129
  enumerable: true,
1133
1130
  configurable: true,
1134
1131
  get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)])
1135
- } : desc.value !== undefined ? desc : undefined;
1132
+ } : desc.value !== void 0 ? desc : void 0;
1136
1133
  } else {
1137
1134
  const sources2 = sourcesMap[key];
1138
1135
  if (sources2) {
1139
1136
  if (desc.get)
1140
1137
  sources2.push(desc.get.bind(source));
1141
- else if (desc.value !== undefined)
1138
+ else if (desc.value !== void 0)
1142
1139
  sources2.push(() => desc.value);
1143
1140
  }
1144
1141
  }
@@ -1151,7 +1148,7 @@ function mergeProps(...sources) {
1151
1148
  if (desc && desc.get)
1152
1149
  Object.defineProperty(target, key, desc);
1153
1150
  else
1154
- target[key] = desc ? desc.value : undefined;
1151
+ target[key] = desc ? desc.value : void 0;
1155
1152
  }
1156
1153
  return target;
1157
1154
  }
@@ -1162,7 +1159,7 @@ function splitProps(props, ...keys) {
1162
1159
  return new Proxy(
1163
1160
  {
1164
1161
  get(property) {
1165
- return k.includes(property) ? props[property] : undefined;
1162
+ return k.includes(property) ? props[property] : void 0;
1166
1163
  },
1167
1164
  has(property) {
1168
1165
  return k.includes(property) && property in props;
@@ -1178,7 +1175,7 @@ function splitProps(props, ...keys) {
1178
1175
  new Proxy(
1179
1176
  {
1180
1177
  get(property) {
1181
- return blocked.has(property) ? undefined : props[property];
1178
+ return blocked.has(property) ? void 0 : props[property];
1182
1179
  },
1183
1180
  has(property) {
1184
1181
  return blocked.has(property) ? false : property in props;
@@ -1235,7 +1232,7 @@ function lazy(fn) {
1235
1232
  let Comp;
1236
1233
  return createMemo(
1237
1234
  () => (Comp = comp()) ? untrack(() => {
1238
- if (false)
1235
+ if (IS_DEV)
1239
1236
  ;
1240
1237
  if (!ctx || sharedConfig.done)
1241
1238
  return Comp(props);
@@ -1260,18 +1257,19 @@ function For(props) {
1260
1257
  const fallback = "fallback" in props && {
1261
1258
  fallback: () => props.fallback
1262
1259
  };
1263
- return createMemo(mapArray(() => props.each, props.children, fallback || undefined));
1260
+ return createMemo(mapArray(() => props.each, props.children, fallback || void 0));
1264
1261
  }
1265
1262
  function Index(props) {
1266
1263
  const fallback = "fallback" in props && {
1267
1264
  fallback: () => props.fallback
1268
1265
  };
1269
- return createMemo(indexArray(() => props.each, props.children, fallback || undefined));
1266
+ return createMemo(indexArray(() => props.each, props.children, fallback || void 0));
1270
1267
  }
1271
1268
  function Show(props) {
1272
1269
  const keyed = props.keyed;
1273
- const condition = createMemo(() => props.when, undefined, {
1274
- equals: (a, b) => keyed ? a === b : !a === !b
1270
+ const conditionValue = createMemo(() => props.when, void 0, void 0);
1271
+ const condition = keyed ? conditionValue : createMemo(conditionValue, void 0, {
1272
+ equals: (a, b) => !a === !b
1275
1273
  });
1276
1274
  return createMemo(
1277
1275
  () => {
@@ -1284,66 +1282,67 @@ function Show(props) {
1284
1282
  keyed ? c : () => {
1285
1283
  if (!untrack(condition))
1286
1284
  throw narrowedError("Show");
1287
- return props.when;
1285
+ return conditionValue();
1288
1286
  }
1289
1287
  )
1290
1288
  ) : child;
1291
1289
  }
1292
1290
  return props.fallback;
1293
1291
  },
1294
- undefined,
1295
- undefined
1292
+ void 0,
1293
+ void 0
1296
1294
  );
1297
1295
  }
1298
1296
  function Switch(props) {
1299
- let keyed = false;
1300
- const equals = (a, b) => (keyed ? a[1] === b[1] : !a[1] === !b[1]) && a[2] === b[2];
1301
- const conditions = children(() => props.children), evalConditions = createMemo(
1302
- () => {
1303
- let conds = conditions();
1304
- if (!Array.isArray(conds))
1305
- conds = [conds];
1306
- for (let i = 0; i < conds.length; i++) {
1307
- const c = conds[i].when;
1308
- if (c) {
1309
- keyed = !!conds[i].keyed;
1310
- return [i, c, conds[i]];
1311
- }
1312
- }
1313
- return [-1];
1314
- },
1315
- undefined,
1316
- {
1317
- equals
1297
+ const chs = children(() => props.children);
1298
+ const switchFunc = createMemo(() => {
1299
+ const ch = chs();
1300
+ const mps = Array.isArray(ch) ? ch : [ch];
1301
+ let func = () => void 0;
1302
+ for (let i = 0; i < mps.length; i++) {
1303
+ const index = i;
1304
+ const mp = mps[i];
1305
+ const prevFunc = func;
1306
+ const conditionValue = createMemo(
1307
+ () => prevFunc() ? void 0 : mp.when,
1308
+ void 0,
1309
+ void 0
1310
+ );
1311
+ const condition = mp.keyed ? conditionValue : createMemo(conditionValue, void 0, {
1312
+ equals: (a, b) => !a === !b
1313
+ });
1314
+ func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : void 0);
1318
1315
  }
1319
- );
1316
+ return func;
1317
+ });
1320
1318
  return createMemo(
1321
1319
  () => {
1322
- const [index, when, cond] = evalConditions();
1323
- if (index < 0)
1320
+ const sel = switchFunc()();
1321
+ if (!sel)
1324
1322
  return props.fallback;
1325
- const c = cond.children;
1326
- const fn = typeof c === "function" && c.length > 0;
1323
+ const [index, conditionValue, mp] = sel;
1324
+ const child = mp.children;
1325
+ const fn = typeof child === "function" && child.length > 0;
1327
1326
  return fn ? untrack(
1328
- () => c(
1329
- keyed ? when : () => {
1330
- if (untrack(evalConditions)[0] !== index)
1327
+ () => child(
1328
+ mp.keyed ? conditionValue() : () => {
1329
+ if (untrack(switchFunc)()?.[0] !== index)
1331
1330
  throw narrowedError("Match");
1332
- return cond.when;
1331
+ return conditionValue();
1333
1332
  }
1334
1333
  )
1335
- ) : c;
1334
+ ) : child;
1336
1335
  },
1337
- undefined,
1338
- undefined
1336
+ void 0,
1337
+ void 0
1339
1338
  );
1340
1339
  }
1341
1340
  function Match(props) {
1342
1341
  return props;
1343
1342
  }
1344
- var DEV = undefined;
1343
+ var DEV = void 0;
1345
1344
 
1346
- // ../../node_modules/.pnpm/solid-js@1.9.3/node_modules/solid-js/web/dist/web.js
1345
+ // ../../node_modules/.pnpm/solid-js@1.9.5/node_modules/solid-js/web/dist/web.js
1347
1346
  var booleans = [
1348
1347
  "allowfullscreen",
1349
1348
  "async",
@@ -1418,7 +1417,7 @@ var PropAliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(nu
1418
1417
  });
1419
1418
  function getPropAlias(prop, tagName) {
1420
1419
  const a = PropAliases[prop];
1421
- return typeof a === "object" ? a[tagName] ? a["$"] : undefined : a;
1420
+ return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
1422
1421
  }
1423
1422
  var DelegatedEvents = /* @__PURE__ */ new Set([
1424
1423
  "beforeinput",
@@ -1588,19 +1587,19 @@ function render(code, element, init, options = {}) {
1588
1587
  let disposer;
1589
1588
  createRoot((dispose2) => {
1590
1589
  disposer = dispose2;
1591
- element === document ? code() : insert(element, code(), element.firstChild ? null : undefined, init);
1590
+ element === document ? code() : insert(element, code(), element.firstChild ? null : void 0, init);
1592
1591
  }, options.owner);
1593
1592
  return () => {
1594
1593
  disposer();
1595
1594
  element.textContent = "";
1596
1595
  };
1597
1596
  }
1598
- function template(html, isImportNode, isSVG) {
1597
+ function template(html, isImportNode, isSVG, isMathML) {
1599
1598
  let node;
1600
1599
  const create = () => {
1601
- const t = document.createElement("template");
1600
+ const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template");
1602
1601
  t.innerHTML = html;
1603
- return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
1602
+ return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild;
1604
1603
  };
1605
1604
  const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
1606
1605
  fn.cloneNode = fn;
@@ -1690,7 +1689,7 @@ function style(node, value, prev) {
1690
1689
  const nodeStyle = node.style;
1691
1690
  if (typeof value === "string")
1692
1691
  return nodeStyle.cssText = value;
1693
- typeof prev === "string" && (nodeStyle.cssText = prev = undefined);
1692
+ typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
1694
1693
  prev || (prev = {});
1695
1694
  value || (value = {});
1696
1695
  let v, s;
@@ -1722,7 +1721,7 @@ function use(fn, element, arg) {
1722
1721
  return untrack(() => fn(element, arg));
1723
1722
  }
1724
1723
  function insert(parent, accessor, marker, initial) {
1725
- if (marker !== undefined && !initial)
1724
+ if (marker !== void 0 && !initial)
1726
1725
  initial = [];
1727
1726
  if (typeof accessor !== "function")
1728
1727
  return insertExpression(parent, accessor, initial, marker);
@@ -1838,7 +1837,7 @@ function eventHandler(e) {
1838
1837
  const handler = node[key];
1839
1838
  if (handler && !node.disabled) {
1840
1839
  const data = node[`${key}Data`];
1841
- data !== undefined ? handler.call(node, data, e) : handler.call(node, e);
1840
+ data !== void 0 ? handler.call(node, data, e) : handler.call(node, e);
1842
1841
  if (e.cancelBubble)
1843
1842
  return;
1844
1843
  }
@@ -1895,7 +1894,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
1895
1894
  current = current();
1896
1895
  if (value === current)
1897
1896
  return current;
1898
- const t = typeof value, multi = marker !== undefined;
1897
+ const t = typeof value, multi = marker !== void 0;
1899
1898
  parent = multi && current[0] && current[0].parentNode || parent;
1900
1899
  if (t === "string" || t === "number") {
1901
1900
  if (hydrating)
@@ -1940,7 +1939,7 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
1940
1939
  if (hydrating) {
1941
1940
  if (!array.length)
1942
1941
  return current;
1943
- if (marker === undefined)
1942
+ if (marker === void 0)
1944
1943
  return current = [...parent.childNodes];
1945
1944
  let node = array[0];
1946
1945
  if (node.parentNode !== parent)
@@ -2018,7 +2017,7 @@ function appendNodes(parent, array, marker = null) {
2018
2017
  parent.insertBefore(array[i], marker);
2019
2018
  }
2020
2019
  function cleanChildren(parent, current, marker, replacement) {
2021
- if (marker === undefined)
2020
+ if (marker === void 0)
2022
2021
  return parent.textContent = "";
2023
2022
  const node = replacement || document.createTextNode("");
2024
2023
  if (current.length) {
@@ -2077,29 +2076,32 @@ function Portal(props) {
2077
2076
  onCleanup(() => el.removeChild(container));
2078
2077
  }
2079
2078
  },
2080
- undefined,
2079
+ void 0,
2081
2080
  {
2082
2081
  render: !hydrating
2083
2082
  }
2084
2083
  );
2085
2084
  return marker;
2086
2085
  }
2087
- function Dynamic(props) {
2088
- const [p, others] = splitProps(props, ["component"]);
2089
- const cached = createMemo(() => p.component);
2086
+ function createDynamic(component, props) {
2087
+ const cached = createMemo(component);
2090
2088
  return createMemo(() => {
2091
- const component = cached();
2092
- switch (typeof component) {
2089
+ const component2 = cached();
2090
+ switch (typeof component2) {
2093
2091
  case "function":
2094
- return untrack(() => component(others));
2092
+ return untrack(() => component2(props));
2095
2093
  case "string":
2096
- const isSvg = SVGElements.has(component);
2097
- const el = sharedConfig.context ? getNextElement() : createElement(component, isSvg);
2098
- spread(el, others, isSvg);
2094
+ const isSvg = SVGElements.has(component2);
2095
+ const el = sharedConfig.context ? getNextElement() : createElement(component2, isSvg);
2096
+ spread(el, props, isSvg);
2099
2097
  return el;
2100
2098
  }
2101
2099
  });
2102
2100
  }
2101
+ function Dynamic(props) {
2102
+ const [, others] = splitProps(props, ["component"]);
2103
+ return createDynamic(() => props.component, others);
2104
+ }
2103
2105
 
2104
2106
  // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/double-indexed-kv.js
2105
2107
  var DoubleIndexedKV = class {
@@ -2195,7 +2197,7 @@ function find(record, predicate) {
2195
2197
  return value;
2196
2198
  }
2197
2199
  }
2198
- return undefined;
2200
+ return void 0;
2199
2201
  }
2200
2202
  function forEach(record, run) {
2201
2203
  Object.entries(record).forEach(([key, value]) => run(value, key));
@@ -2210,7 +2212,7 @@ function findArr(record, predicate) {
2210
2212
  return value;
2211
2213
  }
2212
2214
  }
2213
- return undefined;
2215
+ return void 0;
2214
2216
  }
2215
2217
 
2216
2218
  // ../../node_modules/.pnpm/superjson@2.2.1/node_modules/superjson/dist/custom-transformer-registry.js
@@ -2297,7 +2299,7 @@ function simpleTransformation(isApplicable, annotation, transform, untransform)
2297
2299
  };
2298
2300
  }
2299
2301
  var simpleRules = [
2300
- simpleTransformation(isUndefined, "undefined", () => null, () => undefined),
2302
+ simpleTransformation(isUndefined, "undefined", () => null, () => void 0),
2301
2303
  simpleTransformation(isBigint, "bigint", (v) => v.toString(), (v) => {
2302
2304
  if (typeof BigInt !== "undefined") {
2303
2305
  return BigInt(v);
@@ -2455,7 +2457,7 @@ var transformValue = (value, superJson) => {
2455
2457
  type: applicableSimpleRule.annotation
2456
2458
  };
2457
2459
  }
2458
- return undefined;
2460
+ return void 0;
2459
2461
  };
2460
2462
  var simpleRulesByAnnotation = {};
2461
2463
  simpleRules.forEach((rule) => {
@@ -2652,7 +2654,7 @@ function addIdentity(object, path, identities) {
2652
2654
  }
2653
2655
  function generateReferentialEqualityAnnotations(identitites, dedupe) {
2654
2656
  const result = {};
2655
- let rootEqualityPaths = undefined;
2657
+ let rootEqualityPaths = void 0;
2656
2658
  identitites.forEach((paths) => {
2657
2659
  if (paths.length <= 1) {
2658
2660
  return;
@@ -2674,7 +2676,7 @@ function generateReferentialEqualityAnnotations(identitites, dedupe) {
2674
2676
  return [rootEqualityPaths, result];
2675
2677
  }
2676
2678
  } else {
2677
- return isEmptyObject(result) ? undefined : result;
2679
+ return isEmptyObject(result) ? void 0 : result;
2678
2680
  }
2679
2681
  }
2680
2682
  var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPath = [], seenObjects = /* @__PURE__ */ new Map()) => {
@@ -2726,7 +2728,7 @@ var walker = (object, identities, superJson, dedupe, path = [], objectsInThisPat
2726
2728
  });
2727
2729
  const result = isEmptyObject(innerAnnotations) ? {
2728
2730
  transformedValue,
2729
- annotations: !!transformationResult ? [transformationResult.type] : undefined
2731
+ annotations: !!transformationResult ? [transformationResult.type] : void 0
2730
2732
  } : {
2731
2733
  transformedValue,
2732
2734
  annotations: !!transformationResult ? [transformationResult.type, innerAnnotations] : innerAnnotations
@@ -2896,7 +2898,7 @@ var displayValue = (value, beautify = false) => {
2896
2898
  const {
2897
2899
  json
2898
2900
  } = serialize(value);
2899
- return JSON.stringify(json, null, beautify ? 2 : undefined);
2901
+ return JSON.stringify(json, null, beautify ? 2 : void 0);
2900
2902
  };
2901
2903
  var getStatusRank = (q) => q.state.fetchStatus !== "idle" ? 0 : !q.getObserversCount() ? 3 : q.isStale() ? 2 : 1;
2902
2904
  var queryHashSort = (a, b) => a.queryHash.localeCompare(b.queryHash);