@tanstack/query-devtools 5.0.0-alpha.83 → 5.0.0-alpha.86

package/dist/esm/{Devtools-5d9adcd8.js → Devtools-74e35f67.js}

@@ -1,4 +1,4 @@
-import { c as createRenderEffect, s as setAttribute, t as template, a as createMemo, o as onCleanup, $ as $TRACK, u as untrack, b as createRoot, d as createSignal, e as delegateEvents, i as insert, f as createComponent, g as className, S as Show, I as Index, h as addEventListener, M as Match, j as Switch, k as useContext, l as createContext, m as useTransition, n as onMount, p as createEffect, q as on, r as spread, v as mergeProps, w as use, F as For } from './index-339c169d.js';
+import { u as untrack, c as createSignal, a as createMemo, $ as $TRACK, b as useTransition, o as onCleanup, d as createRoot, e as onMount, f as createEffect, g as createRenderEffect, s as setAttribute, t as template, h as delegateEvents, i as insert, j as createComponent, k as className, S as Show, I as Index, l as addEventListener, M as Match, m as Switch, n as useContext, p as createContext, q as on, r as spread, v as mergeProps, w as use, F as For } from './index-7b089165.js';
 
 /**
  * match-sorter-utils
@@ -2539,1201 +2539,1009 @@ var _createEmotion = createEmotion({
   cx = _createEmotion.cx,
   css = _createEmotion.css;
 
-const ShadowVariants = {
-  xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
-  sm: '0 1px 3px 0 color, 0 1px 2px -1px color',
-  md: '0 4px 6px -1px color, 0 2px 4px -2px color',
-  lg: '0 10px 15px -3px color, 0 4px 6px -4px color',
-  xl: '0 20px 25px -5px color, 0 8px 10px -6px color',
-  '2xl': '0 25px 50px -12px color',
-  inner: 'inset 0 2px 4px 0 color',
-  none: 'none'
-};
-const getShadow = (variant, color = '') => {
-  return ShadowVariants[variant].replace(/color/g, color);
-};
-const Shadow = {
-  xs: (color = 'rgb(0 0 0 / 0.1)') => getShadow('xs', color),
-  sm: (color = 'rgb(0 0 0 / 0.1)') => getShadow('sm', color),
-  md: (color = 'rgb(0 0 0 / 0.1)') => getShadow('md', color),
-  lg: (color = 'rgb(0 0 0 / 0.1)') => getShadow('lg', color),
-  xl: (color = 'rgb(0 0 0 / 0.1)') => getShadow('xl', color),
-  '2xl': (color = 'rgb(0 0 0 / 0.25)') => getShadow('2xl', color),
-  inner: (color = 'rgb(0 0 0 / 0.05)') => getShadow('inner', color),
-  none: () => getShadow('none')
-};
-const tokens = {
-  colors: {
-    inherit: 'inherit',
-    current: 'currentColor',
-    transparent: 'transparent',
-    black: '#000000',
-    white: '#ffffff',
-    neutral: {
-      50: '#f9fafb',
-      100: '#f2f4f7',
-      200: '#eaecf0',
-      300: '#d0d5dd',
-      400: '#98a2b3',
-      500: '#667085',
-      600: '#475467',
-      700: '#344054',
-      800: '#1d2939',
-      900: '#101828'
-    },
-    darkGray: {
-      50: '#525c7a',
-      100: '#49536e',
-      200: '#414962',
-      300: '#394056',
-      400: '#313749',
-      500: '#292e3d',
-      600: '#212530',
-      700: '#191c24',
-      800: '#111318',
-      900: '#0b0d10'
-    },
-    gray: {
-      50: '#f9fafb',
-      100: '#f2f4f7',
-      200: '#eaecf0',
-      300: '#d0d5dd',
-      400: '#98a2b3',
-      500: '#667085',
-      600: '#475467',
-      700: '#344054',
-      800: '#1d2939',
-      900: '#101828'
-    },
-    blue: {
-      25: '#F5FAFF',
-      50: '#EFF8FF',
-      100: '#D1E9FF',
-      200: '#B2DDFF',
-      300: '#84CAFF',
-      400: '#53B1FD',
-      500: '#2E90FA',
-      600: '#1570EF',
-      700: '#175CD3',
-      800: '#1849A9',
-      900: '#194185'
-    },
-    green: {
-      25: '#F6FEF9',
-      50: '#ECFDF3',
-      100: '#D1FADF',
-      200: '#A6F4C5',
-      300: '#6CE9A6',
-      400: '#32D583',
-      500: '#12B76A',
-      600: '#039855',
-      700: '#027A48',
-      800: '#05603A',
-      900: '#054F31'
-    },
-    red: {
-      25: '#FFFBFA',
-      50: '#FEF3F2',
-      100: '#FEE4E2',
-      200: '#FECDCA',
-      300: '#FDA29B',
-      400: '#F97066',
-      500: '#F04438',
-      600: '#D92D20',
-      700: '#B42318',
-      800: '#912018',
-      900: '#7A271A'
-    },
-    yellow: {
-      25: '#FFFCF5',
-      50: '#FFFAEB',
-      100: '#FEF0C7',
-      200: '#FEDF89',
-      300: '#FEC84B',
-      400: '#FDB022',
-      500: '#F79009',
-      600: '#DC6803',
-      700: '#B54708',
-      800: '#93370D',
-      900: '#7A2E0E'
-    },
-    purple: {
-      25: '#FAFAFF',
-      50: '#F4F3FF',
-      100: '#EBE9FE',
-      200: '#D9D6FE',
-      300: '#BDB4FE',
-      400: '#9B8AFB',
-      500: '#7A5AF8',
-      600: '#6938EF',
-      700: '#5925DC',
-      800: '#4A1FB8',
-      900: '#3E1C96'
-    },
-    teal: {
-      25: '#F6FEFC',
-      50: '#F0FDF9',
-      100: '#CCFBEF',
-      200: '#99F6E0',
-      300: '#5FE9D0',
-      400: '#2ED3B7',
-      500: '#15B79E',
-      600: '#0E9384',
-      700: '#107569',
-      800: '#125D56',
-      900: '#134E48'
-    },
-    pink: {
-      25: '#fdf2f8',
-      50: '#fce7f3',
-      100: '#fbcfe8',
-      200: '#f9a8d4',
-      300: '#f472b6',
-      400: '#ec4899',
-      500: '#db2777',
-      600: '#be185d',
-      700: '#9d174d',
-      800: '#831843',
-      900: '#500724'
-    },
-    cyan: {
-      25: '#ecfeff',
-      50: '#cffafe',
-      100: '#a5f3fc',
-      200: '#67e8f9',
-      300: '#22d3ee',
-      400: '#06b6d4',
-      500: '#0891b2',
-      600: '#0e7490',
-      700: '#155e75',
-      800: '#164e63',
-      900: '#083344'
-    }
-  },
-  alpha: {
-    100: 'ff',
-    90: 'e5',
-    80: 'cc',
-    70: 'b3',
-    60: '99',
-    50: '80',
-    40: '66',
-    30: '4d',
-    20: '33',
-    10: '1a',
-    0: '00'
-  },
-  font: {
-    size: {
-      '2xs': '0.625rem',
-      xs: '0.75rem',
-      sm: '0.875rem',
-      md: '1rem',
-      lg: '1.125rem',
-      xl: '1.25rem',
-      '2xl': '1.5rem',
-      '3xl': '1.875rem',
-      '4xl': '2.25rem',
-      '5xl': '3rem',
-      '6xl': '3.75rem',
-      '7xl': '4.5rem',
-      '8xl': '6rem',
-      '9xl': '8rem'
-    },
-    lineHeight: {
-      xs: '1rem',
-      sm: '1.25rem',
-      md: '1.5rem',
-      lg: '1.75rem',
-      xl: '1.75rem',
-      '2xl': '2rem',
-      '3xl': '2.25rem',
-      '4xl': '2.5rem',
-      '5xl': '1',
-      '6xl': '1',
-      '7xl': '1',
-      '8xl': '1',
-      '9xl': '1'
-    },
-    weight: {
-      thin: '100',
-      extralight: '200',
-      light: '300',
-      normal: '400',
-      medium: '500',
-      semibold: '600',
-      bold: '700',
-      extrabold: '800',
-      black: '900'
-    }
-  },
-  breakpoints: {
-    xs: '320px',
-    sm: '640px',
-    md: '768px',
-    lg: '1024px',
-    xl: '1280px',
-    '2xl': '1536px'
-  },
-  border: {
-    radius: {
-      none: '0px',
-      xs: '0.125rem',
-      sm: '0.25rem',
-      md: '0.375rem',
-      lg: '0.5rem',
-      xl: '0.75rem',
-      '2xl': '1rem',
-      '3xl': '1.5rem',
-      full: '9999px'
-    }
-  },
-  size: {
-    0: '0px',
-    0.25: '0.0625rem',
-    0.5: '0.125rem',
-    1: '0.25rem',
-    1.5: '0.375rem',
-    2: '0.5rem',
-    2.5: '0.625rem',
-    3: '0.75rem',
-    3.5: '0.875rem',
-    4: '1rem',
-    4.5: '1.125rem',
-    5: '1.25rem',
-    6: '1.5rem',
-    7: '1.75rem',
-    8: '2rem',
-    9: '2.25rem',
-    10: '2.5rem',
-    11: '2.75rem',
-    12: '3rem',
-    14: '3.5rem',
-    16: '4rem',
-    20: '5rem',
-    24: '6rem',
-    28: '7rem',
-    32: '8rem',
-    36: '9rem',
-    40: '10rem',
-    44: '11rem',
-    48: '12rem',
-    52: '13rem',
-    56: '14rem',
-    60: '15rem',
-    64: '16rem',
-    72: '18rem',
-    80: '20rem',
-    96: '24rem'
-  },
-  shadow: Shadow,
-  zIndices: {
-    hide: -1,
-    auto: 'auto',
-    base: 0,
-    docked: 10,
-    dropdown: 1000,
-    sticky: 1100,
-    banner: 1200,
-    overlay: 1300,
-    modal: 1400,
-    popover: 1500,
-    skipLink: 1600,
-    toast: 1700,
-    tooltip: 1800
-  }
-};
-
-var DoubleIndexedKV = /** @class */function () {
-  function DoubleIndexedKV() {
-    this.keyToValue = new Map();
-    this.valueToKey = new Map();
-  }
-  DoubleIndexedKV.prototype.set = function (key, value) {
-    this.keyToValue.set(key, value);
-    this.valueToKey.set(value, key);
-  };
-  DoubleIndexedKV.prototype.getByKey = function (key) {
-    return this.keyToValue.get(key);
-  };
-  DoubleIndexedKV.prototype.getByValue = function (value) {
-    return this.valueToKey.get(value);
-  };
-  DoubleIndexedKV.prototype.clear = function () {
-    this.keyToValue.clear();
-    this.valueToKey.clear();
-  };
-  return DoubleIndexedKV;
-}();
-
-var Registry = /** @class */function () {
-  function Registry(generateIdentifier) {
-    this.generateIdentifier = generateIdentifier;
-    this.kv = new DoubleIndexedKV();
-  }
-  Registry.prototype.register = function (value, identifier) {
-    if (this.kv.getByValue(value)) {
-      return;
-    }
-    if (!identifier) {
-      identifier = this.generateIdentifier(value);
-    }
-    this.kv.set(identifier, value);
-  };
-  Registry.prototype.clear = function () {
-    this.kv.clear();
-  };
-  Registry.prototype.getIdentifier = function (value) {
-    return this.kv.getByValue(value);
-  };
-  Registry.prototype.getValue = function (identifier) {
-    return this.kv.getByKey(identifier);
-  };
-  return Registry;
-}();
-
-var __extends = undefined && undefined.__extends || function () {
-  var extendStatics = function (d, b) {
-    extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
-    };
-    return extendStatics(d, b);
-  };
-  return function (d, b) {
-    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() {
-      this.constructor = d;
-    }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-var ClassRegistry = /** @class */function (_super) {
-  __extends(ClassRegistry, _super);
-  function ClassRegistry() {
-    var _this = _super.call(this, function (c) {
-      return c.name;
-    }) || this;
-    _this.classToAllowedProps = new Map();
-    return _this;
-  }
-  ClassRegistry.prototype.register = function (value, options) {
-    if (typeof options === 'object') {
-      if (options.allowProps) {
-        this.classToAllowedProps.set(value, options.allowProps);
-      }
-      _super.prototype.register.call(this, value, options.identifier);
-    } else {
-      _super.prototype.register.call(this, value, options);
-    }
-  };
-  ClassRegistry.prototype.getAllowedProps = function (value) {
-    return this.classToAllowedProps.get(value);
-  };
-  return ClassRegistry;
-}(Registry);
-
-var __read$3 = undefined && undefined.__read || function (o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m) return o;
-  var i = m.call(o),
-    r,
-    ar = [],
-    e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-  } catch (error) {
-    e = {
-      error: error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"])) m.call(i);
-    } finally {
-      if (e) throw e.error;
-    }
-  }
-  return ar;
-};
-function valuesOfObj(record) {
-  if ('values' in Object) {
-    // eslint-disable-next-line es5/no-es6-methods
-    return Object.values(record);
-  }
-  var values = [];
-  // eslint-disable-next-line no-restricted-syntax
-  for (var key in record) {
-    if (record.hasOwnProperty(key)) {
-      values.push(record[key]);
-    }
-  }
-  return values;
-}
-function find(record, predicate) {
-  var values = valuesOfObj(record);
-  if ('find' in values) {
-    // eslint-disable-next-line es5/no-es6-methods
-    return values.find(predicate);
-  }
-  var valuesNotNever = values;
-  for (var i = 0; i < valuesNotNever.length; i++) {
-    var value = valuesNotNever[i];
-    if (predicate(value)) {
-      return value;
-    }
-  }
-  return undefined;
-}
-function forEach(record, run) {
-  Object.entries(record).forEach(function (_a) {
-    var _b = __read$3(_a, 2),
-      key = _b[0],
-      value = _b[1];
-    return run(value, key);
+// src/index.ts
+var noop = () => {};
+function createListTransition(source, options) {
+  const initSource = untrack(source);
+  const {
+    onChange
+  } = options;
+  let prevSet = new Set(options.appear ? void 0 : initSource);
+  const exiting = /* @__PURE__ */new WeakSet();
+  const [toRemove, setToRemove] = createSignal([], {
+    equals: false
   });
-}
-function includes(arr, value) {
-  return arr.indexOf(value) !== -1;
-}
-function findArr(record, predicate) {
-  for (var i = 0; i < record.length; i++) {
-    var value = record[i];
-    if (predicate(value)) {
-      return value;
-    }
-  }
-  return undefined;
-}
-
-var CustomTransformerRegistry = /** @class */function () {
-  function CustomTransformerRegistry() {
-    this.transfomers = {};
-  }
-  CustomTransformerRegistry.prototype.register = function (transformer) {
-    this.transfomers[transformer.name] = transformer;
-  };
-  CustomTransformerRegistry.prototype.findApplicable = function (v) {
-    return find(this.transfomers, function (transformer) {
-      return transformer.isApplicable(v);
-    });
-  };
-  CustomTransformerRegistry.prototype.findByName = function (name) {
-    return this.transfomers[name];
+  const [isTransitionPending] = useTransition();
+  const finishRemoved = options.exitMethod === "remove" ? noop : els => {
+    setToRemove(p => (p.push.apply(p, els), p));
+    for (const el of els) exiting.delete(el);
   };
-  return CustomTransformerRegistry;
-}();
-
-var getType$1 = function (payload) {
-  return Object.prototype.toString.call(payload).slice(8, -1);
-};
-var isUndefined = function (payload) {
-  return typeof payload === 'undefined';
-};
-var isNull = function (payload) {
-  return payload === null;
-};
-var isPlainObject$1 = function (payload) {
-  if (typeof payload !== 'object' || payload === null) return false;
-  if (payload === Object.prototype) return false;
-  if (Object.getPrototypeOf(payload) === null) return true;
-  return Object.getPrototypeOf(payload) === Object.prototype;
-};
-var isEmptyObject = function (payload) {
-  return isPlainObject$1(payload) && Object.keys(payload).length === 0;
-};
-var isArray$1 = function (payload) {
-  return Array.isArray(payload);
-};
-var isString = function (payload) {
-  return typeof payload === 'string';
-};
-var isNumber = function (payload) {
-  return typeof payload === 'number' && !isNaN(payload);
-};
-var isBoolean = function (payload) {
-  return typeof payload === 'boolean';
-};
-var isRegExp = function (payload) {
-  return payload instanceof RegExp;
-};
-var isMap = function (payload) {
-  return payload instanceof Map;
-};
-var isSet = function (payload) {
-  return payload instanceof Set;
-};
-var isSymbol = function (payload) {
-  return getType$1(payload) === 'Symbol';
-};
-var isDate = function (payload) {
-  return payload instanceof Date && !isNaN(payload.valueOf());
-};
-var isError = function (payload) {
-  return payload instanceof Error;
-};
-var isNaNValue = function (payload) {
-  return typeof payload === 'number' && isNaN(payload);
-};
-var isPrimitive = function (payload) {
-  return isBoolean(payload) || isNull(payload) || isUndefined(payload) || isNumber(payload) || isString(payload) || isSymbol(payload);
-};
-var isBigint = function (payload) {
-  return typeof payload === 'bigint';
-};
-var isInfinite = function (payload) {
-  return payload === Infinity || payload === -Infinity;
-};
-var isTypedArray = function (payload) {
-  return ArrayBuffer.isView(payload) && !(payload instanceof DataView);
-};
-var isURL = function (payload) {
-  return payload instanceof URL;
-};
-
-var escapeKey = function (key) {
-  return key.replace(/\./g, '\\.');
-};
-var stringifyPath = function (path) {
-  return path.map(String).map(escapeKey).join('.');
-};
-var parsePath = function (string) {
-  var result = [];
-  var segment = '';
-  for (var i = 0; i < string.length; i++) {
-    var char = string.charAt(i);
-    var isEscapedDot = char === '\\' && string.charAt(i + 1) === '.';
-    if (isEscapedDot) {
-      segment += '.';
-      i++;
-      continue;
-    }
-    var isEndOfSegment = char === '.';
-    if (isEndOfSegment) {
-      result.push(segment);
-      segment = '';
-      continue;
-    }
-    segment += char;
-  }
-  var lastSegment = segment;
-  result.push(lastSegment);
-  return result;
-};
-
-var __assign$1 = undefined && undefined.__assign || function () {
-  __assign$1 = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+  const handleRemoved = options.exitMethod === "remove" ? noop : options.exitMethod === "keep-index" ? (els, el, i) => els.splice(i, 0, el) : (els, el) => els.push(el);
+  return createMemo(prev => {
+    const elsToRemove = toRemove();
+    const sourceList = source();
+    sourceList[$TRACK];
+    if (untrack(isTransitionPending)) {
+      isTransitionPending();
+      return prev;
     }
-    return t;
-  };
-  return __assign$1.apply(this, arguments);
-};
-var __read$2 = undefined && undefined.__read || function (o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m) return o;
-  var i = m.call(o),
-    r,
-    ar = [],
-    e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-  } catch (error) {
-    e = {
-      error: error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"])) m.call(i);
-    } finally {
-      if (e) throw e.error;
+    if (elsToRemove.length) {
+      const next = prev.filter(e => !elsToRemove.includes(e));
+      elsToRemove.length = 0;
+      onChange({
+        list: next,
+        added: [],
+        removed: [],
+        unchanged: next,
+        finishRemoved
+      });
+      return next;
     }
-  }
-  return ar;
-};
-var __spreadArray$2 = undefined && undefined.__spreadArray || function (to, from) {
-  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) to[j] = from[i];
-  return to;
-};
-function simpleTransformation(isApplicable, annotation, transform, untransform) {
-  return {
-    isApplicable: isApplicable,
-    annotation: annotation,
-    transform: transform,
-    untransform: untransform
-  };
-}
-var simpleRules = [simpleTransformation(isUndefined, 'undefined', function () {
-  return null;
-}, function () {
-  return undefined;
-}), simpleTransformation(isBigint, 'bigint', function (v) {
-  return v.toString();
-}, function (v) {
-  if (typeof BigInt !== 'undefined') {
-    return BigInt(v);
-  }
-  console.error('Please add a BigInt polyfill.');
-  return v;
-}), simpleTransformation(isDate, 'Date', function (v) {
-  return v.toISOString();
-}, function (v) {
-  return new Date(v);
-}), simpleTransformation(isError, 'Error', function (v, superJson) {
-  var baseError = {
-    name: v.name,
-    message: v.message
-  };
-  superJson.allowedErrorProps.forEach(function (prop) {
-    baseError[prop] = v[prop];
-  });
-  return baseError;
-}, function (v, superJson) {
-  var e = new Error(v.message);
-  e.name = v.name;
-  e.stack = v.stack;
-  superJson.allowedErrorProps.forEach(function (prop) {
-    e[prop] = v[prop];
-  });
-  return e;
-}), simpleTransformation(isRegExp, 'regexp', function (v) {
-  return '' + v;
-}, function (regex) {
-  var body = regex.slice(1, regex.lastIndexOf('/'));
-  var flags = regex.slice(regex.lastIndexOf('/') + 1);
-  return new RegExp(body, flags);
-}), simpleTransformation(isSet, 'set',
-// (sets only exist in es6+)
-// eslint-disable-next-line es5/no-es6-methods
-function (v) {
-  return __spreadArray$2([], __read$2(v.values()));
-}, function (v) {
-  return new Set(v);
-}), simpleTransformation(isMap, 'map', function (v) {
-  return __spreadArray$2([], __read$2(v.entries()));
-}, function (v) {
-  return new Map(v);
-}), simpleTransformation(function (v) {
-  return isNaNValue(v) || isInfinite(v);
-}, 'number', function (v) {
-  if (isNaNValue(v)) {
-    return 'NaN';
-  }
-  if (v > 0) {
-    return 'Infinity';
-  } else {
-    return '-Infinity';
-  }
-}, Number), simpleTransformation(function (v) {
-  return v === 0 && 1 / v === -Infinity;
-}, 'number', function () {
-  return '-0';
-}, Number), simpleTransformation(isURL, 'URL', function (v) {
-  return v.toString();
-}, function (v) {
-  return new URL(v);
-})];
-function compositeTransformation(isApplicable, annotation, transform, untransform) {
-  return {
-    isApplicable: isApplicable,
-    annotation: annotation,
-    transform: transform,
-    untransform: untransform
-  };
+    return untrack(() => {
+      const nextSet = new Set(sourceList);
+      const next = sourceList.slice();
+      const added = [];
+      const removed = [];
+      const unchanged = [];
+      for (const el of sourceList) {
+        (prevSet.has(el) ? unchanged : added).push(el);
+      }
+      let nothingChanged = !added.length;
+      for (let i = 0; i < prev.length; i++) {
+        const el = prev[i];
+        if (!nextSet.has(el)) {
+          if (!exiting.has(el)) {
+            removed.push(el);
+            exiting.add(el);
+          }
+          handleRemoved(next, el, i);
+        }
+        if (nothingChanged && el !== next[i]) nothingChanged = false;
+      }
+      if (!removed.length && nothingChanged) return prev;
+      onChange({
+        list: next,
+        added,
+        removed,
+        unchanged,
+        finishRemoved
+      });
+      prevSet = nextSet;
+      return next;
+    });
+  }, options.appear ? [] : initSource.slice());
 }
-var symbolRule = compositeTransformation(function (s, superJson) {
-  if (isSymbol(s)) {
-    var isRegistered = !!superJson.symbolRegistry.getIdentifier(s);
-    return isRegistered;
-  }
-  return false;
-}, function (s, superJson) {
-  var identifier = superJson.symbolRegistry.getIdentifier(s);
-  return ['symbol', identifier];
-}, function (v) {
-  return v.description;
-}, function (_, a, superJson) {
-  var value = superJson.symbolRegistry.getValue(a[1]);
-  if (!value) {
-    throw new Error('Trying to deserialize unknown symbol');
+
+var isNonNullable = i => i != null;
+var filterNonNullable = arr => arr.filter(isNonNullable);
+var access = v => typeof v === "function" && !v.length ? v() : v;
+var asArray = value => Array.isArray(value) ? value : value ? [value] : [];
+function handleDiffArray(current, prev, handleAdded, handleRemoved) {
+  const currLength = current.length;
+  const prevLength = prev.length;
+  let i = 0;
+  if (!prevLength) {
+    for (; i < currLength; i++) handleAdded(current[i]);
+    return;
   }
-  return value;
-});
-var constructorToName = [Int8Array, Uint8Array, Int16Array, Uint16Array, Int32Array, Uint32Array, Float32Array, Float64Array, Uint8ClampedArray].reduce(function (obj, ctor) {
-  obj[ctor.name] = ctor;
-  return obj;
-}, {});
-var typedArrayRule = compositeTransformation(isTypedArray, function (v) {
-  return ['typed-array', v.constructor.name];
-}, function (v) {
-  return __spreadArray$2([], __read$2(v));
-}, function (v, a) {
-  var ctor = constructorToName[a[1]];
-  if (!ctor) {
-    throw new Error('Trying to deserialize unknown typed array');
+  if (!currLength) {
+    for (; i < prevLength; i++) handleRemoved(prev[i]);
+    return;
   }
-  return new ctor(v);
-});
-function isInstanceOfRegisteredClass(potentialClass, superJson) {
-  if (potentialClass === null || potentialClass === void 0 ? void 0 : potentialClass.constructor) {
-    var isRegistered = !!superJson.classRegistry.getIdentifier(potentialClass.constructor);
-    return isRegistered;
+  for (; i < prevLength; i++) {
+    if (prev[i] !== current[i]) break;
   }
-  return false;
-}
-var classRule = compositeTransformation(isInstanceOfRegisteredClass, function (clazz, superJson) {
-  var identifier = superJson.classRegistry.getIdentifier(clazz.constructor);
-  return ['class', identifier];
-}, function (clazz, superJson) {
-  var allowedProps = superJson.classRegistry.getAllowedProps(clazz.constructor);
-  if (!allowedProps) {
-    return __assign$1({}, clazz);
+  let prevEl;
+  let currEl;
+  prev = prev.slice(i);
+  current = current.slice(i);
+  for (prevEl of prev) {
+    if (!current.includes(prevEl)) handleRemoved(prevEl);
   }
-  var result = {};
-  allowedProps.forEach(function (prop) {
-    result[prop] = clazz[prop];
-  });
-  return result;
-}, function (v, a, superJson) {
-  var clazz = superJson.classRegistry.getValue(a[1]);
-  if (!clazz) {
-    throw new Error('Trying to deserialize unknown class - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564');
+  for (currEl of current) {
+    if (!prev.includes(currEl)) handleAdded(currEl);
   }
-  return Object.assign(Object.create(clazz.prototype), v);
-});
-var customRule = compositeTransformation(function (value, superJson) {
-  return !!superJson.customTransformerRegistry.findApplicable(value);
-}, function (value, superJson) {
-  var transformer = superJson.customTransformerRegistry.findApplicable(value);
-  return ['custom', transformer.name];
-}, function (value, superJson) {
-  var transformer = superJson.customTransformerRegistry.findApplicable(value);
-  return transformer.serialize(value);
-}, function (v, a, superJson) {
-  var transformer = superJson.customTransformerRegistry.findByName(a[1]);
-  if (!transformer) {
-    throw new Error('Trying to deserialize unknown custom value');
+}
+
+var defaultElementPredicate = item => item instanceof Element;
+function getResolvedElements(value, predicate) {
+  if (predicate(value)) return value;
+  if (typeof value === "function" && !value.length) return getResolvedElements(value(), predicate);
+  if (Array.isArray(value)) {
+    const results = [];
+    for (const item of value) {
+      const result = getResolvedElements(item, predicate);
+      if (result) Array.isArray(result) ? results.push.apply(results, result) : results.push(result);
+    }
+    return results.length ? results : null;
   }
-  return transformer.deserialize(v);
-});
-var compositeRules = [classRule, symbolRule, customRule, typedArrayRule];
-var transformValue = function (value, superJson) {
-  var applicableCompositeRule = findArr(compositeRules, function (rule) {
-    return rule.isApplicable(value, superJson);
-  });
-  if (applicableCompositeRule) {
+  return null;
+}
+function resolveElements(fn, predicate = defaultElementPredicate, serverPredicate = defaultElementPredicate) {
+  const children2 = createMemo(fn);
+  const memo = createMemo(() => getResolvedElements(children2(), predicate));
+  memo.toArray = () => {
+    const value = memo();
+    return Array.isArray(value) ? value : value ? [value] : [];
+  };
+  return memo;
+}
+
+// src/common.ts
+function createClassnames(props) {
+  return createMemo(() => {
+    const name = props.name || "s";
     return {
-      value: applicableCompositeRule.transform(value, superJson),
-      type: applicableCompositeRule.annotation(value, superJson)
+      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(" ")
     };
-  }
-  var applicableSimpleRule = findArr(simpleRules, function (rule) {
-    return rule.isApplicable(value, superJson);
   });
-  if (applicableSimpleRule) {
-    return {
-      value: applicableSimpleRule.transform(value, superJson),
-      type: applicableSimpleRule.annotation
-    };
+}
+function nextFrame(fn) {
+  requestAnimationFrame(() => requestAnimationFrame(fn));
+}
+function enterTransition(classnames, events, el, done) {
+  const {
+      enterClasses,
+      enterActiveClasses,
+      enterToClasses
+    } = classnames,
+    {
+      onBeforeEnter,
+      onEnter,
+      onAfterEnter
+    } = events;
+  onBeforeEnter?.(el);
+  el.classList.add(...enterClasses);
+  el.classList.add(...enterActiveClasses);
+  queueMicrotask(() => {
+    if (!el.parentNode) return done?.();
+    onEnter?.(el, () => endTransition());
+  });
+  nextFrame(() => {
+    el.classList.remove(...enterClasses);
+    el.classList.add(...enterToClasses);
+    if (!onEnter || onEnter.length < 2) {
+      el.addEventListener("transitionend", endTransition);
+      el.addEventListener("animationend", endTransition);
+    }
+  });
+  function endTransition(e) {
+    if (!e || e.target === el) {
+      done?.();
+      el.removeEventListener("transitionend", endTransition);
+      el.removeEventListener("animationend", endTransition);
+      el.classList.remove(...enterActiveClasses);
+      el.classList.remove(...enterToClasses);
+      onAfterEnter?.(el);
+    }
   }
-  return undefined;
-};
-var simpleRulesByAnnotation = {};
-simpleRules.forEach(function (rule) {
-  simpleRulesByAnnotation[rule.annotation] = rule;
-});
-var untransformValue = function (json, type, superJson) {
-  if (isArray$1(type)) {
-    switch (type[0]) {
-      case 'symbol':
-        return symbolRule.untransform(json, type, superJson);
-      case 'class':
-        return classRule.untransform(json, type, superJson);
-      case 'custom':
-        return customRule.untransform(json, type, superJson);
-      case 'typed-array':
-        return typedArrayRule.untransform(json, type, superJson);
-      default:
-        throw new Error('Unknown transformation: ' + type);
+}
+function exitTransition(classnames, events, el, done) {
+  const {
+      exitClasses,
+      exitActiveClasses,
+      exitToClasses
+    } = classnames,
+    {
+      onBeforeExit,
+      onExit,
+      onAfterExit
+    } = events;
+  if (!el.parentNode) return done?.();
+  onBeforeExit?.(el);
+  el.classList.add(...exitClasses);
+  el.classList.add(...exitActiveClasses);
+  onExit?.(el, () => endTransition());
+  nextFrame(() => {
+    el.classList.remove(...exitClasses);
+    el.classList.add(...exitToClasses);
+    if (!onExit || onExit.length < 2) {
+      el.addEventListener("transitionend", endTransition);
+      el.addEventListener("animationend", endTransition);
     }
-  } else {
-    var transformation = simpleRulesByAnnotation[type];
-    if (!transformation) {
-      throw new Error('Unknown transformation: ' + type);
+  });
+  function endTransition(e) {
+    if (!e || e.target === el) {
+      done?.();
+      el.removeEventListener("transitionend", endTransition);
+      el.removeEventListener("animationend", endTransition);
+      el.classList.remove(...exitActiveClasses);
+      el.classList.remove(...exitToClasses);
+      onAfterExit?.(el);
     }
-    return transformation.untransform(json, superJson);
-  }
-};
-
-var getNthKey = function (value, n) {
-  var keys = value.keys();
-  while (n > 0) {
-    keys.next();
-    n--;
-  }
-  return keys.next().value;
-};
-function validatePath(path) {
-  if (includes(path, '__proto__')) {
-    throw new Error('__proto__ is not allowed as a property');
-  }
-  if (includes(path, 'prototype')) {
-    throw new Error('prototype is not allowed as a property');
-  }
-  if (includes(path, 'constructor')) {
-    throw new Error('constructor is not allowed as a property');
   }
 }
-var getDeep = function (object, path) {
-  validatePath(path);
-  for (var i = 0; i < path.length; i++) {
-    var key = path[i];
-    if (isSet(object)) {
-      object = getNthKey(object, +key);
-    } else if (isMap(object)) {
-      var row = +key;
-      var type = +path[++i] === 0 ? 'key' : 'value';
-      var keyOfRow = getNthKey(object, row);
-      switch (type) {
-        case 'key':
-          object = keyOfRow;
-          break;
-        case 'value':
-          object = object.get(keyOfRow);
-          break;
+var TransitionGroup = props => {
+  const classnames = createClassnames(props);
+  return createListTransition(resolveElements(() => props.children).toArray, {
+    appear: props.appear,
+    exitMethod: "keep-index",
+    onChange({
+      added,
+      removed,
+      finishRemoved,
+      list
+    }) {
+      const classes = classnames();
+      for (const el of added) {
+        enterTransition(classes, props, el);
+      }
+      const toMove = [];
+      for (const el of list) {
+        if (el.isConnected && (el instanceof HTMLElement || el instanceof SVGElement)) {
+          toMove.push({
+            el,
+            rect: el.getBoundingClientRect()
+          });
+        }
+      }
+      queueMicrotask(() => {
+        const moved = [];
+        for (const {
+          el,
+          rect
+        } of toMove) {
+          if (el.isConnected) {
+            const newRect = el.getBoundingClientRect(),
+              dX = rect.left - newRect.left,
+              dY = rect.top - newRect.top;
+            if (dX || dY) {
+              el.style.transform = `translate(${dX}px, ${dY}px)`;
+              el.style.transitionDuration = "0s";
+              moved.push(el);
+            }
+          }
+        }
+        document.body.offsetHeight;
+        for (const el of moved) {
+          let endTransition2 = function (e) {
+            if (e.target === el || /transform$/.test(e.propertyName)) {
+              el.removeEventListener("transitionend", endTransition2);
+              el.classList.remove(...classes.moveClasses);
+            }
+          };
+          el.classList.add(...classes.moveClasses);
+          el.style.transform = el.style.transitionDuration = "";
+          el.addEventListener("transitionend", endTransition2);
+        }
+      });
+      for (const el of removed) {
+        exitTransition(classes, props, el, () => finishRemoved([el]));
       }
-    } else {
-      object = object[key];
     }
-  }
-  return object;
+  });
 };
-var setDeep = function (object, path, mapper) {
-  validatePath(path);
-  if (path.length === 0) {
-    return mapper(object);
+
+// src/index.ts
+var FALLBACK = Symbol("fallback");
+function dispose(list) {
+  for (const o of list) o.dispose();
+}
+function keyArray(items, keyFn, mapFn, options = {}) {
+  const prev = /* @__PURE__ */new Map();
+  onCleanup(() => dispose(prev.values()));
+  return () => {
+    const list = items() || [];
+    list[$TRACK];
+    return untrack(() => {
+      if (!list.length) {
+        dispose(prev.values());
+        prev.clear();
+        if (!options.fallback) return [];
+        const fb2 = createRoot(dispose2 => {
+          prev.set(FALLBACK, {
+            dispose: dispose2
+          });
+          return options.fallback();
+        });
+        return [fb2];
+      }
+      const result = new Array(list.length);
+      const fb = prev.get(FALLBACK);
+      if (!prev.size || fb) {
+        fb?.dispose();
+        prev.delete(FALLBACK);
+        for (let i = 0; i < list.length; i++) {
+          const item = list[i];
+          const key = keyFn(item, i);
+          addNewItem(result, item, i, key);
+        }
+        return result;
+      }
+      const prevKeys = new Set(prev.keys());
+      for (let i = 0; i < list.length; i++) {
+        const item = list[i];
+        const key = keyFn(item, i);
+        prevKeys.delete(key);
+        const lookup = prev.get(key);
+        if (lookup) {
+          result[i] = lookup.mapped;
+          lookup.setIndex?.(i);
+          lookup.setItem(() => item);
+        } else addNewItem(result, item, i, key);
+      }
+      for (const key of prevKeys) {
+        prev.get(key)?.dispose();
+        prev.delete(key);
+      }
+      return result;
+    });
+  };
+  function addNewItem(list, item, i, key) {
+    createRoot(dispose2 => {
+      const [getItem, setItem] = createSignal(item);
+      const save = {
+        setItem,
+        dispose: dispose2
+      };
+      if (mapFn.length > 1) {
+        const [index, setIndex] = createSignal(i);
+        save.setIndex = setIndex;
+        save.mapped = mapFn(getItem, index);
+      } else save.mapped = mapFn(getItem);
+      prev.set(key, save);
+      list[i] = save.mapped;
+    });
   }
-  var parent = object;
-  for (var i = 0; i < path.length - 1; i++) {
-    var key = path[i];
-    if (isArray$1(parent)) {
-      var index = +key;
-      parent = parent[index];
-    } else if (isPlainObject$1(parent)) {
-      parent = parent[key];
-    } else if (isSet(parent)) {
-      var row = +key;
-      parent = getNthKey(parent, row);
-    } else if (isMap(parent)) {
-      var isEnd = i === path.length - 2;
-      if (isEnd) {
-        break;
+}
+function Key(props) {
+  const {
+    by
+  } = props;
+  return createMemo(keyArray(() => props.each, typeof by === "function" ? by : v => v[by], props.children, "fallback" in props ? {
+    fallback: () => props.fallback
+  } : void 0));
+}
+
+// src/storage.ts
+function createStorage(props) {
+  const [error, setError] = createSignal();
+  const handleError = props?.throw ? (err, fallback) => {
+    setError(err instanceof Error ? err : new Error(fallback));
+    throw err;
+  } : (err, fallback) => {
+    setError(err instanceof Error ? err : new Error(fallback));
+  };
+  const apis = props?.api ? Array.isArray(props.api) ? props.api : [props.api] : [globalThis.localStorage].filter(Boolean);
+  const prefix = props?.prefix ? `${props.prefix}.` : "";
+  const signals = /* @__PURE__ */new Map();
+  const store = new Proxy({}, {
+    get(_, key) {
+      let node = signals.get(key);
+      if (!node) {
+        node = createSignal(void 0, {
+          equals: false
+        });
+        signals.set(key, node);
       }
-      var row = +key;
-      var type = +path[++i] === 0 ? 'key' : 'value';
-      var keyOfRow = getNthKey(parent, row);
-      switch (type) {
-        case 'key':
-          parent = keyOfRow;
-          break;
-        case 'value':
-          parent = parent.get(keyOfRow);
-          break;
+      node[0]();
+      const value = apis.reduce((result, api) => {
+        if (result !== null || !api) {
+          return result;
+        }
+        try {
+          return api.getItem(`${prefix}${key}`);
+        } catch (err) {
+          handleError(err, `Error reading ${prefix}${key} from ${api["name"]}`);
+          return null;
+        }
+      }, null);
+      if (value !== null && props?.deserializer) {
+        return props.deserializer(value, key, props.options);
+      }
+      return value;
+    }
+  });
+  const setter = (key, value, options) => {
+    const filteredValue = props?.serializer ? props.serializer(value, key, options ?? props.options) : value;
+    const apiKey = `${prefix}${key}`;
+    apis.forEach(api => {
+      try {
+        api.getItem(apiKey) !== filteredValue && api.setItem(apiKey, filteredValue);
+      } catch (err) {
+        handleError(err, `Error setting ${prefix}${key} to ${filteredValue} in ${api.name}`);
       }
+    });
+    const node = signals.get(key);
+    node && node[1]();
+  };
+  const remove = key => apis.forEach(api => {
+    try {
+      api.removeItem(`${prefix}${key}`);
+    } catch (err) {
+      handleError(err, `Error removing ${prefix}${key} from ${api.name}`);
     }
-  }
-  var lastKey = path[path.length - 1];
-  if (isArray$1(parent)) {
-    parent[+lastKey] = mapper(parent[+lastKey]);
-  } else if (isPlainObject$1(parent)) {
-    parent[lastKey] = mapper(parent[lastKey]);
-  }
-  if (isSet(parent)) {
-    var oldValue = getNthKey(parent, +lastKey);
-    var newValue = mapper(oldValue);
-    if (oldValue !== newValue) {
-      parent["delete"](oldValue);
-      parent.add(newValue);
+  });
+  const clear = () => apis.forEach(api => {
+    try {
+      api.clear();
+    } catch (err) {
+      handleError(err, `Error clearing ${api.name}`);
     }
-  }
-  if (isMap(parent)) {
-    var row = +path[path.length - 2];
-    var keyToRow = getNthKey(parent, row);
-    var type = +lastKey === 0 ? 'key' : 'value';
-    switch (type) {
-      case 'key':
-        {
-          var newKey = mapper(keyToRow);
-          parent.set(newKey, parent.get(keyToRow));
-          if (newKey !== keyToRow) {
-            parent["delete"](keyToRow);
+  });
+  const toJSON = () => {
+    const result = {};
+    const addValue = (key, value) => {
+      if (!result.hasOwnProperty(key)) {
+        const filteredValue = value && props?.deserializer ? props.deserializer(value, key, props.options) : value;
+        if (filteredValue) {
+          result[key] = filteredValue;
+        }
+      }
+    };
+    apis.forEach(api => {
+      if (typeof api.getAll === "function") {
+        let values;
+        try {
+          values = api.getAll();
+        } catch (err) {
+          handleError(err, `Error getting all values from in ${api.name}`);
+        }
+        for (const key of values) {
+          addValue(key, values[key]);
+        }
+      } else {
+        let index = 0,
+          key;
+        try {
+          while (key = api.key(index++)) {
+            if (!result.hasOwnProperty(key)) {
+              addValue(key, api.getItem(key));
+            }
           }
-          break;
+        } catch (err) {
+          handleError(err, `Error getting all values from ${api.name}`);
         }
-      case 'value':
-        {
-          parent.set(keyToRow, mapper(parent.get(keyToRow)));
-          break;
+      }
+    });
+    return result;
+  };
+  props?.sync !== false && onMount(() => {
+    const listener = ev => {
+      let changed = false;
+      apis.forEach(api => {
+        try {
+          if (api !== ev.storageArea && ev.key && ev.newValue !== api.getItem(ev.key)) {
+            ev.newValue ? api.setItem(ev.key, ev.newValue) : api.removeItem(ev.key);
+            changed = true;
+          }
+        } catch (err) {
+          handleError(err, `Error synching api ${api.name} from storage event (${ev.key}=${ev.newValue})`);
         }
+      });
+      changed && ev.key && signals.get(ev.key)?.[1]();
+    };
+    if ("addEventListener" in globalThis) {
+      globalThis.addEventListener("storage", listener);
+      onCleanup(() => globalThis.removeEventListener("storage", listener));
+    } else {
+      apis.forEach(api => api.addEventListener?.("storage", listener));
+      onCleanup(() => apis.forEach(api => api.removeEventListener?.("storage", listener)));
     }
+  });
+  return [store, setter, {
+    clear,
+    error,
+    remove,
+    toJSON
+  }];
+}
+var createLocalStorage = createStorage;
+
+// src/tools.ts
+var addClearMethod = storage => {
+  if (typeof storage.clear === "function") {
+    return storage;
   }
-  return object;
+  storage.clear = () => {
+    let key;
+    while (key = storage.key(0)) {
+      storage.removeItem(key);
+    }
+  };
+  return storage;
 };
 
-var __read$1 = undefined && undefined.__read || function (o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m) return o;
-  var i = m.call(o),
-    r,
-    ar = [],
-    e;
-  try {
-    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-  } catch (error) {
-    e = {
-      error: error
-    };
-  } finally {
-    try {
-      if (r && !r.done && (m = i["return"])) m.call(i);
-    } finally {
-      if (e) throw e.error;
+// src/cookies.ts
+var serializeCookieOptions = options => {
+  if (!options) {
+    return "";
+  }
+  let memo = "";
+  for (const key in options) {
+    if (!options.hasOwnProperty(key)) {
+      continue;
     }
+    const value = options[key];
+    memo += value instanceof Date ? `; ${key}=${value.toUTCString()}` : typeof value === "boolean" ? `; ${key}` : `; ${key}=${value}`;
   }
-  return ar;
-};
-var __spreadArray$1 = undefined && undefined.__spreadArray || function (to, from) {
-  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) to[j] = from[i];
-  return to;
+  return memo;
 };
-function traverse(tree, walker, origin) {
-  if (origin === void 0) {
-    origin = [];
-  }
-  if (!tree) {
-    return;
-  }
-  if (!isArray$1(tree)) {
-    forEach(tree, function (subtree, key) {
-      return traverse(subtree, walker, __spreadArray$1(__spreadArray$1([], __read$1(origin)), __read$1(parsePath(key))));
-    });
-    return;
-  }
-  var _a = __read$1(tree, 2),
-    nodeValue = _a[0],
-    children = _a[1];
-  if (children) {
-    forEach(children, function (child, key) {
-      traverse(child, walker, __spreadArray$1(__spreadArray$1([], __read$1(origin)), __read$1(parsePath(key))));
-    });
-  }
-  walker(nodeValue, origin);
-}
-function applyValueAnnotations(plain, annotations, superJson) {
-  traverse(annotations, function (type, path) {
-    plain = setDeep(plain, path, function (v) {
-      return untransformValue(v, type, superJson);
-    });
-  });
-  return plain;
-}
-function applyReferentialEqualityAnnotations(plain, annotations) {
-  function apply(identicalPaths, path) {
-    var object = getDeep(plain, parsePath(path));
-    identicalPaths.map(parsePath).forEach(function (identicalObjectPath) {
-      plain = setDeep(plain, identicalObjectPath, function () {
-        return object;
-      });
+var cookieStorage = addClearMethod({
+  _cookies: [globalThis.document, "cookie"],
+  getItem: key => cookieStorage._cookies[0][cookieStorage._cookies[1]].match("(^|;)\\s*" + key + "\\s*=\\s*([^;]+)")?.pop() ?? null,
+  setItem: (key, value, options) => {
+    const oldValue = cookieStorage.getItem(key);
+    cookieStorage._cookies[0][cookieStorage._cookies[1]] = `${key}=${value}${serializeCookieOptions(options)}`;
+    const storageEvent = Object.assign(new Event("storage"), {
+      key,
+      oldValue,
+      newValue: value,
+      url: globalThis.document.URL,
+      storageArea: cookieStorage
     });
-  }
-  if (isArray$1(annotations)) {
-    var _a = __read$1(annotations, 2),
-      root = _a[0],
-      other = _a[1];
-    root.forEach(function (identicalPath) {
-      plain = setDeep(plain, parsePath(identicalPath), function () {
-        return plain;
-      });
+    window.dispatchEvent(storageEvent);
+  },
+  removeItem: key => {
+    cookieStorage._cookies[0][cookieStorage._cookies[1]] = `${key}=deleted${serializeCookieOptions({
+      expires: new Date(0)
+    })}`;
+  },
+  key: index => {
+    let key = null;
+    let count = 0;
+    cookieStorage._cookies[0][cookieStorage._cookies[1]].replace(/(?:^|;)\s*(.+?)\s*=\s*[^;]+/g, (_, found) => {
+      if (!key && found && count++ === index) {
+        key = found;
+      }
+      return "";
     });
-    if (other) {
-      forEach(other, apply);
-    }
-  } else {
-    forEach(annotations, apply);
-  }
-  return plain;
-}
-var isDeep = function (object, superJson) {
-  return isPlainObject$1(object) || isArray$1(object) || isMap(object) || isSet(object) || isInstanceOfRegisteredClass(object, superJson);
-};
-function addIdentity(object, path, identities) {
-  var existingSet = identities.get(object);
-  if (existingSet) {
-    existingSet.push(path);
-  } else {
-    identities.set(object, [path]);
+    return key;
+  },
+  get length() {
+    let length = 0;
+    cookieStorage._cookies[0][cookieStorage._cookies[1]].replace(/(?:^|;)\s*.+?\s*=\s*[^;]+/g, found => {
+      length += found ? 1 : 0;
+      return "";
+    });
+    return length;
   }
+});
+
+// src/index.ts
+function makeResizeObserver(callback, options) {
+  const observer = new ResizeObserver(callback);
+  onCleanup(observer.disconnect.bind(observer));
+  return {
+    observe: ref => observer.observe(ref, options),
+    unobserve: observer.unobserve.bind(observer)
+  };
 }
-function generateReferentialEqualityAnnotations(identitites) {
-  var result = {};
-  var rootEqualityPaths = undefined;
-  identitites.forEach(function (paths) {
-    if (paths.length <= 1) {
-      return;
-    }
-    var _a = __read$1(paths.map(function (path) {
-        return path.map(String);
-      }).sort(function (a, b) {
-        return a.length - b.length;
-      })),
-      shortestPath = _a[0],
-      identicalPaths = _a.slice(1);
-    if (shortestPath.length === 0) {
-      rootEqualityPaths = identicalPaths.map(stringifyPath);
-    } else {
-      result[stringifyPath(shortestPath)] = identicalPaths.map(stringifyPath);
-    }
-  });
-  if (rootEqualityPaths) {
-    if (isEmptyObject(result)) {
-      return [rootEqualityPaths];
-    } else {
-      return [rootEqualityPaths, result];
-    }
-  } else {
-    return isEmptyObject(result) ? undefined : result;
-  }
+function createResizeObserver(targets, onResize, options) {
+  const previousMap = /* @__PURE__ */new WeakMap(),
+    {
+      observe,
+      unobserve
+    } = makeResizeObserver(entries => {
+      for (const entry of entries) {
+        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);
+          previousMap.set(target, {
+            width,
+            height
+          });
+        }
+      }
+    }, options);
+  createEffect(prev => {
+    const refs = filterNonNullable(asArray(access(targets)));
+    handleDiffArray(refs, prev, observe, unobserve);
+    return refs;
+  }, []);
 }
-var walker = function (object, identities, superJson, path, objectsInThisPath) {
-  var _a;
-  if (path === void 0) {
-    path = [];
-  }
-  if (objectsInThisPath === void 0) {
-    objectsInThisPath = [];
-  }
-  if (!isPrimitive(object)) {
-    addIdentity(object, path, identities);
-  }
-  if (!isDeep(object, superJson)) {
-    var transformed_1 = transformValue(object, superJson);
-    if (transformed_1) {
-      return {
-        transformedValue: transformed_1.value,
-        annotations: [transformed_1.type]
-      };
-    } else {
-      return {
-        transformedValue: object
-      };
+
+const ShadowVariants = {
+  xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+  sm: '0 1px 3px 0 color, 0 1px 2px -1px color',
+  md: '0 4px 6px -1px color, 0 2px 4px -2px color',
+  lg: '0 10px 15px -3px color, 0 4px 6px -4px color',
+  xl: '0 20px 25px -5px color, 0 8px 10px -6px color',
+  '2xl': '0 25px 50px -12px color',
+  inner: 'inset 0 2px 4px 0 color',
+  none: 'none'
+};
+const getShadow = (variant, color = '') => {
+  return ShadowVariants[variant].replace(/color/g, color);
+};
+const Shadow = {
+  xs: (color = 'rgb(0 0 0 / 0.1)') => getShadow('xs', color),
+  sm: (color = 'rgb(0 0 0 / 0.1)') => getShadow('sm', color),
+  md: (color = 'rgb(0 0 0 / 0.1)') => getShadow('md', color),
+  lg: (color = 'rgb(0 0 0 / 0.1)') => getShadow('lg', color),
+  xl: (color = 'rgb(0 0 0 / 0.1)') => getShadow('xl', color),
+  '2xl': (color = 'rgb(0 0 0 / 0.25)') => getShadow('2xl', color),
+  inner: (color = 'rgb(0 0 0 / 0.05)') => getShadow('inner', color),
+  none: () => getShadow('none')
+};
+const tokens = {
+  colors: {
+    inherit: 'inherit',
+    current: 'currentColor',
+    transparent: 'transparent',
+    black: '#000000',
+    white: '#ffffff',
+    neutral: {
+      50: '#f9fafb',
+      100: '#f2f4f7',
+      200: '#eaecf0',
+      300: '#d0d5dd',
+      400: '#98a2b3',
+      500: '#667085',
+      600: '#475467',
+      700: '#344054',
+      800: '#1d2939',
+      900: '#101828'
+    },
+    darkGray: {
+      50: '#525c7a',
+      100: '#49536e',
+      200: '#414962',
+      300: '#394056',
+      400: '#313749',
+      500: '#292e3d',
+      600: '#212530',
+      700: '#191c24',
+      800: '#111318',
+      900: '#0b0d10'
+    },
+    gray: {
+      50: '#f9fafb',
+      100: '#f2f4f7',
+      200: '#eaecf0',
+      300: '#d0d5dd',
+      400: '#98a2b3',
+      500: '#667085',
+      600: '#475467',
+      700: '#344054',
+      800: '#1d2939',
+      900: '#101828'
+    },
+    blue: {
+      25: '#F5FAFF',
+      50: '#EFF8FF',
+      100: '#D1E9FF',
+      200: '#B2DDFF',
+      300: '#84CAFF',
+      400: '#53B1FD',
+      500: '#2E90FA',
+      600: '#1570EF',
+      700: '#175CD3',
+      800: '#1849A9',
+      900: '#194185'
+    },
+    green: {
+      25: '#F6FEF9',
+      50: '#ECFDF3',
+      100: '#D1FADF',
+      200: '#A6F4C5',
+      300: '#6CE9A6',
+      400: '#32D583',
+      500: '#12B76A',
+      600: '#039855',
+      700: '#027A48',
+      800: '#05603A',
+      900: '#054F31'
+    },
+    red: {
+      25: '#FFFBFA',
+      50: '#FEF3F2',
+      100: '#FEE4E2',
+      200: '#FECDCA',
+      300: '#FDA29B',
+      400: '#F97066',
+      500: '#F04438',
+      600: '#D92D20',
+      700: '#B42318',
+      800: '#912018',
+      900: '#7A271A'
+    },
+    yellow: {
+      25: '#FFFCF5',
+      50: '#FFFAEB',
+      100: '#FEF0C7',
+      200: '#FEDF89',
+      300: '#FEC84B',
+      400: '#FDB022',
+      500: '#F79009',
+      600: '#DC6803',
+      700: '#B54708',
+      800: '#93370D',
+      900: '#7A2E0E'
+    },
+    purple: {
+      25: '#FAFAFF',
+      50: '#F4F3FF',
+      100: '#EBE9FE',
+      200: '#D9D6FE',
+      300: '#BDB4FE',
+      400: '#9B8AFB',
+      500: '#7A5AF8',
+      600: '#6938EF',
+      700: '#5925DC',
+      800: '#4A1FB8',
+      900: '#3E1C96'
+    },
+    teal: {
+      25: '#F6FEFC',
+      50: '#F0FDF9',
+      100: '#CCFBEF',
+      200: '#99F6E0',
+      300: '#5FE9D0',
+      400: '#2ED3B7',
+      500: '#15B79E',
+      600: '#0E9384',
+      700: '#107569',
+      800: '#125D56',
+      900: '#134E48'
+    },
+    pink: {
+      25: '#fdf2f8',
+      50: '#fce7f3',
+      100: '#fbcfe8',
+      200: '#f9a8d4',
+      300: '#f472b6',
+      400: '#ec4899',
+      500: '#db2777',
+      600: '#be185d',
+      700: '#9d174d',
+      800: '#831843',
+      900: '#500724'
+    },
+    cyan: {
+      25: '#ecfeff',
+      50: '#cffafe',
+      100: '#a5f3fc',
+      200: '#67e8f9',
+      300: '#22d3ee',
+      400: '#06b6d4',
+      500: '#0891b2',
+      600: '#0e7490',
+      700: '#155e75',
+      800: '#164e63',
+      900: '#083344'
     }
-  }
-  if (includes(objectsInThisPath, object)) {
-    return {
-      transformedValue: null
-    };
-  }
-  var transformationResult = transformValue(object, superJson);
-  var transformed = (_a = transformationResult === null || transformationResult === void 0 ? void 0 : transformationResult.value) !== null && _a !== void 0 ? _a : object;
-  if (!isPrimitive(object)) {
-    objectsInThisPath = __spreadArray$1(__spreadArray$1([], __read$1(objectsInThisPath)), [object]);
-  }
-  var transformedValue = isArray$1(transformed) ? [] : {};
-  var innerAnnotations = {};
-  forEach(transformed, function (value, index) {
-    var recursiveResult = walker(value, identities, superJson, __spreadArray$1(__spreadArray$1([], __read$1(path)), [index]), objectsInThisPath);
-    transformedValue[index] = recursiveResult.transformedValue;
-    if (isArray$1(recursiveResult.annotations)) {
-      innerAnnotations[index] = recursiveResult.annotations;
-    } else if (isPlainObject$1(recursiveResult.annotations)) {
-      forEach(recursiveResult.annotations, function (tree, key) {
-        innerAnnotations[escapeKey(index) + '.' + key] = tree;
-      });
+  },
+  alpha: {
+    100: 'ff',
+    90: 'e5',
+    80: 'cc',
+    70: 'b3',
+    60: '99',
+    50: '80',
+    40: '66',
+    30: '4d',
+    20: '33',
+    10: '1a',
+    0: '00'
+  },
+  font: {
+    size: {
+      '2xs': '0.625rem',
+      xs: '0.75rem',
+      sm: '0.875rem',
+      md: '1rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem',
+      '6xl': '3.75rem',
+      '7xl': '4.5rem',
+      '8xl': '6rem',
+      '9xl': '8rem'
+    },
+    lineHeight: {
+      xs: '1rem',
+      sm: '1.25rem',
+      md: '1.5rem',
+      lg: '1.75rem',
+      xl: '1.75rem',
+      '2xl': '2rem',
+      '3xl': '2.25rem',
+      '4xl': '2.5rem',
+      '5xl': '1',
+      '6xl': '1',
+      '7xl': '1',
+      '8xl': '1',
+      '9xl': '1'
+    },
+    weight: {
+      thin: '100',
+      extralight: '200',
+      light: '300',
+      normal: '400',
+      medium: '500',
+      semibold: '600',
+      bold: '700',
+      extrabold: '800',
+      black: '900'
     }
-  });
-  if (isEmptyObject(innerAnnotations)) {
-    return {
-      transformedValue: transformedValue,
-      annotations: !!transformationResult ? [transformationResult.type] : undefined
-    };
-  } else {
-    return {
-      transformedValue: transformedValue,
-      annotations: !!transformationResult ? [transformationResult.type, innerAnnotations] : innerAnnotations
-    };
+  },
+  breakpoints: {
+    xs: '320px',
+    sm: '640px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1280px',
+    '2xl': '1536px'
+  },
+  border: {
+    radius: {
+      none: '0px',
+      xs: '0.125rem',
+      sm: '0.25rem',
+      md: '0.375rem',
+      lg: '0.5rem',
+      xl: '0.75rem',
+      '2xl': '1rem',
+      '3xl': '1.5rem',
+      full: '9999px'
+    }
+  },
+  size: {
+    0: '0px',
+    0.25: '0.0625rem',
+    0.5: '0.125rem',
+    1: '0.25rem',
+    1.5: '0.375rem',
+    2: '0.5rem',
+    2.5: '0.625rem',
+    3: '0.75rem',
+    3.5: '0.875rem',
+    4: '1rem',
+    4.5: '1.125rem',
+    5: '1.25rem',
+    6: '1.5rem',
+    7: '1.75rem',
+    8: '2rem',
+    9: '2.25rem',
+    10: '2.5rem',
+    11: '2.75rem',
+    12: '3rem',
+    14: '3.5rem',
+    16: '4rem',
+    20: '5rem',
+    24: '6rem',
+    28: '7rem',
+    32: '8rem',
+    36: '9rem',
+    40: '10rem',
+    44: '11rem',
+    48: '12rem',
+    52: '13rem',
+    56: '14rem',
+    60: '15rem',
+    64: '16rem',
+    72: '18rem',
+    80: '20rem',
+    96: '24rem'
+  },
+  shadow: Shadow,
+  zIndices: {
+    hide: -1,
+    auto: 'auto',
+    base: 0,
+    docked: 10,
+    dropdown: 1000,
+    sticky: 1100,
+    banner: 1200,
+    overlay: 1300,
+    modal: 1400,
+    popover: 1500,
+    skipLink: 1600,
+    toast: 1700,
+    tooltip: 1800
   }
 };
 
-function getType(payload) {
-  return Object.prototype.toString.call(payload).slice(8, -1);
-}
-function isPlainObject(payload) {
-  if (getType(payload) !== "Object") return false;
-  const prototype = Object.getPrototypeOf(payload);
-  return !!prototype && prototype.constructor === Object && prototype === Object.prototype;
-}
-function isArray(payload) {
-  return getType(payload) === "Array";
-}
-
-function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
-  const propType = {}.propertyIsEnumerable.call(originalObject, key) ? 'enumerable' : 'nonenumerable';
-  if (propType === 'enumerable') carry[key] = newVal;
-  if (includeNonenumerable && propType === 'nonenumerable') {
-    Object.defineProperty(carry, key, {
-      value: newVal,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    });
-  }
-}
-/**
- * Copy (clone) an object and all its props recursively to get rid of any prop referenced of the original object. Arrays are also cloned, however objects inside arrays are still linked.
- *
- * @export
- * @template T
- * @param {T} target Target can be anything
- * @param {Options} [options = {}] Options can be `props` or `nonenumerable`
- * @returns {T} the target with replaced values
- * @export
- */
-function copy(target, options = {}) {
-  if (isArray(target)) {
-    return target.map(item => copy(item, options));
+var DoubleIndexedKV = /** @class */function () {
+  function DoubleIndexedKV() {
+    this.keyToValue = new Map();
+    this.valueToKey = new Map();
   }
-  if (!isPlainObject(target)) {
-    return target;
+  DoubleIndexedKV.prototype.set = function (key, value) {
+    this.keyToValue.set(key, value);
+    this.valueToKey.set(value, key);
+  };
+  DoubleIndexedKV.prototype.getByKey = function (key) {
+    return this.keyToValue.get(key);
+  };
+  DoubleIndexedKV.prototype.getByValue = function (value) {
+    return this.valueToKey.get(value);
+  };
+  DoubleIndexedKV.prototype.clear = function () {
+    this.keyToValue.clear();
+    this.valueToKey.clear();
+  };
+  return DoubleIndexedKV;
+}();
+
+var Registry = /** @class */function () {
+  function Registry(generateIdentifier) {
+    this.generateIdentifier = generateIdentifier;
+    this.kv = new DoubleIndexedKV();
   }
-  const props = Object.getOwnPropertyNames(target);
-  const symbols = Object.getOwnPropertySymbols(target);
-  return [...props, ...symbols].reduce((carry, key) => {
-    if (isArray(options.props) && !options.props.includes(key)) {
-      return carry;
+  Registry.prototype.register = function (value, identifier) {
+    if (this.kv.getByValue(value)) {
+      return;
     }
-    const val = target[key];
-    const newVal = copy(val, options);
-    assignProp(carry, key, newVal, target, options.nonenumerable);
-    return carry;
-  }, {});
-}
+    if (!identifier) {
+      identifier = this.generateIdentifier(value);
+    }
+    this.kv.set(identifier, value);
+  };
+  Registry.prototype.clear = function () {
+    this.kv.clear();
+  };
+  Registry.prototype.getIdentifier = function (value) {
+    return this.kv.getByValue(value);
+  };
+  Registry.prototype.getValue = function (identifier) {
+    return this.kv.getByKey(identifier);
+  };
+  return Registry;
+}();
 
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+var __extends = undefined && undefined.__extends || function () {
+  var extendStatics = function (d, b) {
+    extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+    };
+    return extendStatics(d, b);
+  };
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() {
+      this.constructor = d;
     }
-    return t;
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
-  return __assign.apply(this, arguments);
-};
-var __read = undefined && undefined.__read || function (o, n) {
+}();
+var ClassRegistry = /** @class */function (_super) {
+  __extends(ClassRegistry, _super);
+  function ClassRegistry() {
+    var _this = _super.call(this, function (c) {
+      return c.name;
+    }) || this;
+    _this.classToAllowedProps = new Map();
+    return _this;
+  }
+  ClassRegistry.prototype.register = function (value, options) {
+    if (typeof options === 'object') {
+      if (options.allowProps) {
+        this.classToAllowedProps.set(value, options.allowProps);
+      }
+      _super.prototype.register.call(this, value, options.identifier);
+    } else {
+      _super.prototype.register.call(this, value, options);
+    }
+  };
+  ClassRegistry.prototype.getAllowedProps = function (value) {
+    return this.classToAllowedProps.get(value);
+  };
+  return ClassRegistry;
+}(Registry);
+
+var __read$3 = undefined && undefined.__read || function (o, n) {
   var m = typeof Symbol === "function" && o[Symbol.iterator];
   if (!m) return o;
   var i = m.call(o),
@@ -3755,1230 +3563,1422 @@ var __read = undefined && undefined.__read || function (o, n) {
   }
   return ar;
 };
-var __spreadArray = undefined && undefined.__spreadArray || function (to, from) {
-  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) to[j] = from[i];
-  return to;
-};
-var SuperJSON = /** @class */function () {
-  function SuperJSON() {
-    this.classRegistry = new ClassRegistry();
-    this.symbolRegistry = new Registry(function (s) {
-      var _a;
-      return (_a = s.description) !== null && _a !== void 0 ? _a : '';
-    });
-    this.customTransformerRegistry = new CustomTransformerRegistry();
-    this.allowedErrorProps = [];
+function valuesOfObj(record) {
+  if ('values' in Object) {
+    // eslint-disable-next-line es5/no-es6-methods
+    return Object.values(record);
   }
-  SuperJSON.prototype.serialize = function (object) {
-    var identities = new Map();
-    var output = walker(object, identities, this);
-    var res = {
-      json: output.transformedValue
-    };
-    if (output.annotations) {
-      res.meta = __assign(__assign({}, res.meta), {
-        values: output.annotations
-      });
-    }
-    var equalityAnnotations = generateReferentialEqualityAnnotations(identities);
-    if (equalityAnnotations) {
-      res.meta = __assign(__assign({}, res.meta), {
-        referentialEqualities: equalityAnnotations
-      });
+  var values = [];
+  // eslint-disable-next-line no-restricted-syntax
+  for (var key in record) {
+    if (record.hasOwnProperty(key)) {
+      values.push(record[key]);
     }
-    return res;
-  };
-  SuperJSON.prototype.deserialize = function (payload) {
-    var json = payload.json,
-      meta = payload.meta;
-    var result = copy(json);
-    if (meta === null || meta === void 0 ? void 0 : meta.values) {
-      result = applyValueAnnotations(result, meta.values, this);
+  }
+  return values;
+}
+function find(record, predicate) {
+  var values = valuesOfObj(record);
+  if ('find' in values) {
+    // eslint-disable-next-line es5/no-es6-methods
+    return values.find(predicate);
+  }
+  var valuesNotNever = values;
+  for (var i = 0; i < valuesNotNever.length; i++) {
+    var value = valuesNotNever[i];
+    if (predicate(value)) {
+      return value;
     }
-    if (meta === null || meta === void 0 ? void 0 : meta.referentialEqualities) {
-      result = applyReferentialEqualityAnnotations(result, meta.referentialEqualities);
+  }
+  return undefined;
+}
+function forEach(record, run) {
+  Object.entries(record).forEach(function (_a) {
+    var _b = __read$3(_a, 2),
+      key = _b[0],
+      value = _b[1];
+    return run(value, key);
+  });
+}
+function includes(arr, value) {
+  return arr.indexOf(value) !== -1;
+}
+function findArr(record, predicate) {
+  for (var i = 0; i < record.length; i++) {
+    var value = record[i];
+    if (predicate(value)) {
+      return value;
     }
-    return result;
-  };
-  SuperJSON.prototype.stringify = function (object) {
-    return JSON.stringify(this.serialize(object));
-  };
-  SuperJSON.prototype.parse = function (string) {
-    return this.deserialize(JSON.parse(string));
-  };
-  SuperJSON.prototype.registerClass = function (v, options) {
-    this.classRegistry.register(v, options);
-  };
-  SuperJSON.prototype.registerSymbol = function (v, identifier) {
-    this.symbolRegistry.register(v, identifier);
+  }
+  return undefined;
+}
+
+var CustomTransformerRegistry = /** @class */function () {
+  function CustomTransformerRegistry() {
+    this.transfomers = {};
+  }
+  CustomTransformerRegistry.prototype.register = function (transformer) {
+    this.transfomers[transformer.name] = transformer;
   };
-  SuperJSON.prototype.registerCustom = function (transformer, name) {
-    this.customTransformerRegistry.register(__assign({
-      name: name
-    }, transformer));
+  CustomTransformerRegistry.prototype.findApplicable = function (v) {
+    return find(this.transfomers, function (transformer) {
+      return transformer.isApplicable(v);
+    });
   };
-  SuperJSON.prototype.allowErrorProps = function () {
-    var _a;
-    var props = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      props[_i] = arguments[_i];
-    }
-    (_a = this.allowedErrorProps).push.apply(_a, __spreadArray([], __read(props)));
+  CustomTransformerRegistry.prototype.findByName = function (name) {
+    return this.transfomers[name];
   };
-  SuperJSON.defaultInstance = new SuperJSON();
-  SuperJSON.serialize = SuperJSON.defaultInstance.serialize.bind(SuperJSON.defaultInstance);
-  SuperJSON.deserialize = SuperJSON.defaultInstance.deserialize.bind(SuperJSON.defaultInstance);
-  SuperJSON.stringify = SuperJSON.defaultInstance.stringify.bind(SuperJSON.defaultInstance);
-  SuperJSON.parse = SuperJSON.defaultInstance.parse.bind(SuperJSON.defaultInstance);
-  SuperJSON.registerClass = SuperJSON.defaultInstance.registerClass.bind(SuperJSON.defaultInstance);
-  SuperJSON.registerSymbol = SuperJSON.defaultInstance.registerSymbol.bind(SuperJSON.defaultInstance);
-  SuperJSON.registerCustom = SuperJSON.defaultInstance.registerCustom.bind(SuperJSON.defaultInstance);
-  SuperJSON.allowErrorProps = SuperJSON.defaultInstance.allowErrorProps.bind(SuperJSON.defaultInstance);
-  return SuperJSON;
+  return CustomTransformerRegistry;
 }();
-var serialize = SuperJSON.serialize;
-var stringify = SuperJSON.stringify;
-
-function getQueryStatusLabel(query) {
-  return query.state.fetchStatus === 'fetching' ? 'fetching' : !query.getObserversCount() ? 'inactive' : query.state.fetchStatus === 'paused' ? 'paused' : query.isStale() ? 'stale' : 'fresh';
-}
-function getSidedProp(prop, side) {
-  return `${prop}${side.charAt(0).toUpperCase() + side.slice(1)}`;
-}
-function getQueryStatusColor({
-  queryState,
-  observerCount,
-  isStale
-}) {
-  return queryState.fetchStatus === 'fetching' ? 'blue' : !observerCount ? 'gray' : queryState.fetchStatus === 'paused' ? 'purple' : isStale ? 'yellow' : 'green';
-}
-function getQueryStatusColorByLabel(label) {
-  return label === 'fresh' ? 'green' : label === 'stale' ? 'yellow' : label === 'paused' ? 'purple' : label === 'inactive' ? 'gray' : 'blue';
-}
 
-/**
- * Displays a string regardless the type of the data
- * @param {unknown} value Value to be stringified
- * @param {boolean} beautify Formats json to multiline
- */
-const displayValue = (value, beautify = false) => {
-  const {
-    json
-  } = serialize(value);
-  return JSON.stringify(json, null, beautify ? 2 : undefined);
+var getType$1 = function (payload) {
+  return Object.prototype.toString.call(payload).slice(8, -1);
+};
+var isUndefined = function (payload) {
+  return typeof payload === 'undefined';
+};
+var isNull = function (payload) {
+  return payload === null;
+};
+var isPlainObject$1 = function (payload) {
+  if (typeof payload !== 'object' || payload === null) return false;
+  if (payload === Object.prototype) return false;
+  if (Object.getPrototypeOf(payload) === null) return true;
+  return Object.getPrototypeOf(payload) === Object.prototype;
+};
+var isEmptyObject = function (payload) {
+  return isPlainObject$1(payload) && Object.keys(payload).length === 0;
+};
+var isArray$1 = function (payload) {
+  return Array.isArray(payload);
+};
+var isString = function (payload) {
+  return typeof payload === 'string';
+};
+var isNumber = function (payload) {
+  return typeof payload === 'number' && !isNaN(payload);
+};
+var isBoolean = function (payload) {
+  return typeof payload === 'boolean';
+};
+var isRegExp = function (payload) {
+  return payload instanceof RegExp;
+};
+var isMap = function (payload) {
+  return payload instanceof Map;
 };
-
-// Sorting functions
-
-const getStatusRank = q => q.state.fetchStatus !== 'idle' ? 0 : !q.getObserversCount() ? 3 : q.isStale() ? 2 : 1;
-const queryHashSort = (a, b) => a.queryHash.localeCompare(b.queryHash);
-const dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
-const statusAndDateSort = (a, b) => {
-  if (getStatusRank(a) === getStatusRank(b)) {
-    return dateSort(a, b);
-  }
-  return getStatusRank(a) > getStatusRank(b) ? 1 : -1;
+var isSet = function (payload) {
+  return payload instanceof Set;
 };
-const sortFns = {
-  status: statusAndDateSort,
-  'query hash': queryHashSort,
-  'last updated': dateSort
+var isSymbol = function (payload) {
+  return getType$1(payload) === 'Symbol';
 };
-const convertRemToPixels = rem => {
-  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+var isDate = function (payload) {
+  return payload instanceof Date && !isNaN(payload.valueOf());
+};
+var isError = function (payload) {
+  return payload instanceof Error;
+};
+var isNaNValue = function (payload) {
+  return typeof payload === 'number' && isNaN(payload);
+};
+var isPrimitive = function (payload) {
+  return isBoolean(payload) || isNull(payload) || isUndefined(payload) || isNumber(payload) || isString(payload) || isSymbol(payload);
+};
+var isBigint = function (payload) {
+  return typeof payload === 'bigint';
+};
+var isInfinite = function (payload) {
+  return payload === Infinity || payload === -Infinity;
+};
+var isTypedArray = function (payload) {
+  return ArrayBuffer.isView(payload) && !(payload instanceof DataView);
+};
+var isURL = function (payload) {
+  return payload instanceof URL;
 };
 
-const _tmpl$$2 = /*#__PURE__*/template(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
-  _tmpl$2$2 = /*#__PURE__*/template(`<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
-  _tmpl$3$2 = /*#__PURE__*/template(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
-  _tmpl$4$2 = /*#__PURE__*/template(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
-  _tmpl$5$2 = /*#__PURE__*/template(`<svg stroke="#98A2B3" fill="#98A2B3" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3a4.237 4.237 0 00-6 0zm-4-4l2 2a7.074 7.074 0 0110 0l2-2C15.14 9.14 8.87 9.14 5 13z"></path></svg>`, 6),
-  _tmpl$6$2 = /*#__PURE__*/template(`<svg stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z"></path><path d="M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4a9.793 9.793 0 00-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24A9.684 9.684 0 005 13v.01L6.99 15a7.042 7.042 0 014.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3a4.237 4.237 0 00-6 0z"></path></svg>`, 6),
-  _tmpl$7$2 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.3951 19.3711L9.97955 20.6856C10.1533 21.0768 10.4368 21.4093 10.7958 21.6426C11.1547 21.8759 11.5737 22.0001 12.0018 22C12.4299 22.0001 12.8488 21.8759 13.2078 21.6426C13.5667 21.4093 13.8503 21.0768 14.024 20.6856L14.6084 19.3711C14.8165 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5678 17.8941 17.0784 17.9478L18.5084 18.1C18.9341 18.145 19.3637 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8715 16.635 20.9735 16.2103 20.9511 15.7829C20.9286 15.3555 20.7825 14.9438 20.5307 14.5978L19.684 13.4344C19.3825 13.0171 19.2214 12.5148 19.224 12C19.2239 11.4866 19.3865 10.9864 19.6884 10.5711L20.5351 9.40778C20.787 9.06175 20.933 8.65007 20.9555 8.22267C20.978 7.79528 20.8759 7.37054 20.6618 7C20.4479 6.62923 20.131 6.32849 19.7496 6.13423C19.3681 5.93997 18.9386 5.86053 18.5129 5.90556L17.0829 6.05778C16.5722 6.11141 16.0577 6.00212 15.6129 5.74556C15.17 5.48825 14.82 5.09736 14.6129 4.62889L14.024 3.31444C13.8503 2.92317 13.5667 2.59072 13.2078 2.3574C12.8488 2.12408 12.4299 1.99993 12.0018 2C11.5737 1.99993 11.1547 2.12408 10.7958 2.3574C10.4368 2.59072 10.1533 2.92317 9.97955 3.31444L9.3951 4.62889C9.18803 5.09736 8.83798 5.48825 8.3951 5.74556C7.95032 6.00212 7.43577 6.11141 6.9251 6.05778L5.49066 5.90556C5.06499 5.86053 4.6354 5.93997 4.25397 6.13423C3.87255 6.32849 3.55567 6.62923 3.34177 7C3.12759 7.37054 3.02555 7.79528 3.04804 8.22267C3.07052 8.65007 3.21656 9.06175 3.46844 9.40778L4.3151 10.5711C4.61704 10.9864 4.77964 11.4866 4.77955 12C4.77964 12.5134 4.61704 13.0137 4.3151 13.4289L3.46844 14.5922C3.21656 14.9382 3.07052 15.3499 3.04804 15.7773C3.02555 16.2047 3.12759 16.6295 3.34177 17C3.55589 17.3706 3.8728 17.6712 4.25417 17.8654C4.63554 18.0596 5.06502 18.1392 5.49066 18.0944L6.92066 17.9422C7.43133 17.8886 7.94587 17.9979 8.39066 18.2544C8.83519 18.511 9.18687 18.902 9.3951 19.3711Z" stroke="#98A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15C13.6568 15 15 13.6569 15 12C15 10.3431 13.6568 9 12 9C10.3431 9 8.99998 10.3431 8.99998 12C8.99998 13.6569 10.3431 15 12 15Z" stroke="#98A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 6),
-  _tmpl$8$1 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="copier" d="M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="#98A2B3"></path></svg>`, 4),
-  _tmpl$9$1 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z" stroke="#12B76A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
-  _tmpl$10$1 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z" stroke="#F04438" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
-  _tmpl$11$1 = /*#__PURE__*/template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" x1="-666.45" x2="-666.45" y1="163.28" y2="163.99" gradientTransform="matrix(633 0 0 633 422177 -103358)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BDAFF" offset="0"></stop><stop stop-color="#F9FFB5" offset=".32"></stop><stop stop-color="#FFA770" offset=".71"></stop><stop stop-color="#FF7373" offset="1"></stop></linearGradient><circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)"></circle><defs><filter id="am" x="-137.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="b" 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"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" x="316.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="k" 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"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" x="-137.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="j" 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"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" x="316.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="i" 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"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" x="-137.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="h" 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"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" x="316.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="g" 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"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" x="272.2" y="308" width="176.9" height="129.3" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="f" 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"></circle></g></mask><g mask="url(#f)"><line x1="436" x2="431" y1="403.2" y2="431.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="291" x2="280" y1="341.5" y2="403.5" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="332.9" x2="328.6" y1="384.1" y2="411.2" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><linearGradient id="m" x1="-670.75" x2="-671.59" y1="164.4" y2="164.49" gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE2700" offset="0"></stop><stop stop-color="#FF008E" offset="1"></stop></linearGradient><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-rule="evenodd"></path><line x1="428.2" x2="429.1" y1="384.5" y2="378" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="395.2" x2="396.1" y1="379.5" y2="373" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="362.2" x2="363.1" y1="373.5" y2="367.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="324.2" x2="328.4" y1="351.3" y2="347.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="303.2" x2="307.4" y1="331.3" y2="327.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line></g><defs><filter id="ak" x="73.2" y="113.8" width="280.6" height="317.4" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="e" 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"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" x1="-672.16" x2="-672.16" y1="165.03" y2="166.03" gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)" gradientUnits="userSpaceOnUse"><stop stop-color="#A17500" offset="0"></stop><stop stop-color="#5D2100" offset="1"></stop></linearGradient><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-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" x1="-660.23" x2="-660.23" y1="166.72" y2="167.72" gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="s" x1="-661.36" x2="-661.36" y1="164.18" y2="165.18" gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="q" x1="-656.79" x2="-656.79" y1="165.15" y2="166.15" gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="p" x1="-663.07" x2="-663.07" y1="165.44" y2="166.44" gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="o" x1="-662.57" x2="-662.57" y1="164.44" y2="165.44" gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="l" x1="-656.43" x2="-656.43" y1="163.86" y2="164.86" gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32" fill="none" stroke-linecap="round" stroke-width="8"></path></g></g><defs><filter id="al" x="50.5" y="399" width="532" height="633" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="d" 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"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" x1="-666.06" x2="-666.23" y1="163.36" y2="163.75" gradientTransform="matrix(532 0 0 633 354760 -102959)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF400" offset="0"></stop><stop stop-color="#3C8700" offset="1"></stop></linearGradient><ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)"></ellipse></g><defs><filter id="ad" x="391" y="-24" width="288" height="283" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="c" 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"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" x1="-664.56" x2="-664.56" y1="163.79" y2="164.79" gradientTransform="matrix(227 0 0 227 151421 -37204)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDF00" offset="0"></stop><stop stop-color="#FF9D00" offset="1"></stop></linearGradient><circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)"></circle><linearGradient id="v" x1="-644.5" x2="-645.77" y1="342" y2="342" gradientTransform="matrix(30 0 0 1 19770 -253)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="427" x2="397" y1="89" y2="89" fill="none" stroke="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" x1="-641.56" x2="-642.83" y1="196.02" y2="196.07" gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="430.5" x2="404" y1="55.5" y2="50" fill="none" stroke="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" x1="-643.73" x2="-645" y1="185.83" y2="185.9" gradientTransform="matrix(29 0 0 8 19107 -1361)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="431" x2="402" y1="122" y2="130" fill="none" stroke="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" x1="-638.94" x2="-640.22" y1="177.09" y2="177.39" gradientTransform="matrix(24 0 0 13 15783 -2145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="442" x2="418" y1="153" y2="166" fill="none" stroke="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" x1="-633.42" x2="-634.7" y1="172.41" y2="173.31" gradientTransform="matrix(20 0 0 19 13137 -3096)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="464" x2="444" y1="180" y2="199" fill="none" stroke="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" x1="-619.05" x2="-619.52" y1="170.82" y2="171.82" gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="491.4" x2="477.5" y1="203" y2="225.9" fill="none" stroke="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" x1="-578.5" x2="-578.63" y1="170.31" y2="171.31" gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="524.5" x2="517" y1="219.5" y2="244" fill="none" stroke="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" x1="666.5" x2="666.5" y1="170.31" y2="171.31" gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="564.5" x2="565" y1="228.5" y2="253" fill="none" stroke="url(#z)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line></g></svg>`, 336);
-function Search() {
-  return _tmpl$$2.cloneNode(true);
-}
-function ChevronDown() {
-  return _tmpl$2$2.cloneNode(true);
-}
-function ArrowUp() {
-  return _tmpl$3$2.cloneNode(true);
-}
-function ArrowDown() {
-  return _tmpl$4$2.cloneNode(true);
-}
-function Wifi() {
-  return _tmpl$5$2.cloneNode(true);
-}
-function Offline() {
-  return (() => {
-    const _el$6 = _tmpl$6$2.cloneNode(true);
-    createRenderEffect(_p$ => {
-      const _v$ = tokens.colors.yellow[500],
-        _v$2 = tokens.colors.yellow[500];
-      _v$ !== _p$._v$ && setAttribute(_el$6, "stroke", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && setAttribute(_el$6, "fill", _p$._v$2 = _v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$6;
-  })();
-}
-function Settings() {
-  return _tmpl$7$2.cloneNode(true);
-}
-function Copier() {
-  return _tmpl$8$1.cloneNode(true);
-}
-function CopiedCopier() {
-  return _tmpl$9$1.cloneNode(true);
-}
-function ErrorCopier() {
-  return _tmpl$10$1.cloneNode(true);
-}
-function TanstackLogo() {
-  return _tmpl$11$1.cloneNode(true);
-}
+var escapeKey = function (key) {
+  return key.replace(/\./g, '\\.');
+};
+var stringifyPath = function (path) {
+  return path.map(String).map(escapeKey).join('.');
+};
+var parsePath = function (string) {
+  var result = [];
+  var segment = '';
+  for (var i = 0; i < string.length; i++) {
+    var char = string.charAt(i);
+    var isEscapedDot = char === '\\' && string.charAt(i + 1) === '.';
+    if (isEscapedDot) {
+      segment += '.';
+      i++;
+      continue;
+    }
+    var isEndOfSegment = char === '.';
+    if (isEndOfSegment) {
+      result.push(segment);
+      segment = '';
+      continue;
+    }
+    segment += char;
+  }
+  var lastSegment = segment;
+  result.push(lastSegment);
+  return result;
+};
 
-// src/index.ts
-var FALLBACK = Symbol("fallback");
-function dispose(list) {
-  for (const o of list) o.dispose();
-}
-function keyArray(items, keyFn, mapFn, options = {}) {
-  const prev = /* @__PURE__ */new Map();
-  onCleanup(() => dispose(prev.values()));
-  return () => {
-    const list = items() || [];
-    list[$TRACK];
-    return untrack(() => {
-      if (!list.length) {
-        dispose(prev.values());
-        prev.clear();
-        if (!options.fallback) return [];
-        const fb2 = createRoot(dispose2 => {
-          prev.set(FALLBACK, {
-            dispose: dispose2
-          });
-          return options.fallback();
-        });
-        return [fb2];
-      }
-      const result = new Array(list.length);
-      const fb = prev.get(FALLBACK);
-      if (!prev.size || fb) {
-        fb?.dispose();
-        prev.delete(FALLBACK);
-        for (let i = 0; i < list.length; i++) {
-          const item = list[i];
-          const key = keyFn(item, i);
-          addNewItem(result, item, i, key);
-        }
-        return result;
-      }
-      const prevKeys = new Set(prev.keys());
-      for (let i = 0; i < list.length; i++) {
-        const item = list[i];
-        const key = keyFn(item, i);
-        prevKeys.delete(key);
-        const lookup = prev.get(key);
-        if (lookup) {
-          result[i] = lookup.mapped;
-          lookup.setIndex?.(i);
-          lookup.setItem(() => item);
-        } else addNewItem(result, item, i, key);
-      }
-      for (const key of prevKeys) {
-        prev.get(key)?.dispose();
-        prev.delete(key);
-      }
-      return result;
-    });
+var __assign$1 = undefined && undefined.__assign || function () {
+  __assign$1 = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
   };
-  function addNewItem(list, item, i, key) {
-    createRoot(dispose2 => {
-      const [getItem, setItem] = createSignal(item);
-      const save = {
-        setItem,
-        dispose: dispose2
-      };
-      if (mapFn.length > 1) {
-        const [index, setIndex] = createSignal(i);
-        save.setIndex = setIndex;
-        save.mapped = mapFn(getItem, index);
-      } else save.mapped = mapFn(getItem);
-      prev.set(key, save);
-      list[i] = save.mapped;
-    });
+  return __assign$1.apply(this, arguments);
+};
+var __read$2 = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+    r,
+    ar = [],
+    e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+  return ar;
+};
+var __spreadArray$2 = undefined && undefined.__spreadArray || function (to, from) {
+  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) to[j] = from[i];
+  return to;
+};
+function simpleTransformation(isApplicable, annotation, transform, untransform) {
+  return {
+    isApplicable: isApplicable,
+    annotation: annotation,
+    transform: transform,
+    untransform: untransform
+  };
+}
+var simpleRules = [simpleTransformation(isUndefined, 'undefined', function () {
+  return null;
+}, function () {
+  return undefined;
+}), simpleTransformation(isBigint, 'bigint', function (v) {
+  return v.toString();
+}, function (v) {
+  if (typeof BigInt !== 'undefined') {
+    return BigInt(v);
+  }
+  console.error('Please add a BigInt polyfill.');
+  return v;
+}), simpleTransformation(isDate, 'Date', function (v) {
+  return v.toISOString();
+}, function (v) {
+  return new Date(v);
+}), simpleTransformation(isError, 'Error', function (v, superJson) {
+  var baseError = {
+    name: v.name,
+    message: v.message
+  };
+  superJson.allowedErrorProps.forEach(function (prop) {
+    baseError[prop] = v[prop];
+  });
+  return baseError;
+}, function (v, superJson) {
+  var e = new Error(v.message);
+  e.name = v.name;
+  e.stack = v.stack;
+  superJson.allowedErrorProps.forEach(function (prop) {
+    e[prop] = v[prop];
+  });
+  return e;
+}), simpleTransformation(isRegExp, 'regexp', function (v) {
+  return '' + v;
+}, function (regex) {
+  var body = regex.slice(1, regex.lastIndexOf('/'));
+  var flags = regex.slice(regex.lastIndexOf('/') + 1);
+  return new RegExp(body, flags);
+}), simpleTransformation(isSet, 'set',
+// (sets only exist in es6+)
+// eslint-disable-next-line es5/no-es6-methods
+function (v) {
+  return __spreadArray$2([], __read$2(v.values()));
+}, function (v) {
+  return new Set(v);
+}), simpleTransformation(isMap, 'map', function (v) {
+  return __spreadArray$2([], __read$2(v.entries()));
+}, function (v) {
+  return new Map(v);
+}), simpleTransformation(function (v) {
+  return isNaNValue(v) || isInfinite(v);
+}, 'number', function (v) {
+  if (isNaNValue(v)) {
+    return 'NaN';
+  }
+  if (v > 0) {
+    return 'Infinity';
+  } else {
+    return '-Infinity';
   }
+}, Number), simpleTransformation(function (v) {
+  return v === 0 && 1 / v === -Infinity;
+}, 'number', function () {
+  return '-0';
+}, Number), simpleTransformation(isURL, 'URL', function (v) {
+  return v.toString();
+}, function (v) {
+  return new URL(v);
+})];
+function compositeTransformation(isApplicable, annotation, transform, untransform) {
+  return {
+    isApplicable: isApplicable,
+    annotation: annotation,
+    transform: transform,
+    untransform: untransform
+  };
 }
-function Key(props) {
-  const {
-    by
-  } = props;
-  return createMemo(keyArray(() => props.each, typeof by === "function" ? by : v => v[by], props.children, "fallback" in props ? {
-    fallback: () => props.fallback
-  } : void 0));
+var symbolRule = compositeTransformation(function (s, superJson) {
+  if (isSymbol(s)) {
+    var isRegistered = !!superJson.symbolRegistry.getIdentifier(s);
+    return isRegistered;
+  }
+  return false;
+}, function (s, superJson) {
+  var identifier = superJson.symbolRegistry.getIdentifier(s);
+  return ['symbol', identifier];
+}, function (v) {
+  return v.description;
+}, function (_, a, superJson) {
+  var value = superJson.symbolRegistry.getValue(a[1]);
+  if (!value) {
+    throw new Error('Trying to deserialize unknown symbol');
+  }
+  return value;
+});
+var constructorToName = [Int8Array, Uint8Array, Int16Array, Uint16Array, Int32Array, Uint32Array, Float32Array, Float64Array, Uint8ClampedArray].reduce(function (obj, ctor) {
+  obj[ctor.name] = ctor;
+  return obj;
+}, {});
+var typedArrayRule = compositeTransformation(isTypedArray, function (v) {
+  return ['typed-array', v.constructor.name];
+}, function (v) {
+  return __spreadArray$2([], __read$2(v));
+}, function (v, a) {
+  var ctor = constructorToName[a[1]];
+  if (!ctor) {
+    throw new Error('Trying to deserialize unknown typed array');
+  }
+  return new ctor(v);
+});
+function isInstanceOfRegisteredClass(potentialClass, superJson) {
+  if (potentialClass === null || potentialClass === void 0 ? void 0 : potentialClass.constructor) {
+    var isRegistered = !!superJson.classRegistry.getIdentifier(potentialClass.constructor);
+    return isRegistered;
+  }
+  return false;
 }
-
-const _tmpl$$1 = /*#__PURE__*/template(`<span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12L10 8L6 4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>`, 6),
-  _tmpl$2$1 = /*#__PURE__*/template(`<button></button>`, 2),
-  _tmpl$3$1 = /*#__PURE__*/template(`<button> <span></span> <span> </span></button>`, 6),
-  _tmpl$4$1 = /*#__PURE__*/template(`<div></div>`, 2),
-  _tmpl$5$1 = /*#__PURE__*/template(`<span>:</span>`, 2),
-  _tmpl$6$1 = /*#__PURE__*/template(`<span></span>`, 2),
-  _tmpl$7$1 = /*#__PURE__*/template(`<div><div><button> [<!>...<!>]</button></div></div>`, 8);
-
-/**
- * Chunk elements in the array by size
- *
- * when the array cannot be chunked evenly by size, the last chunk will be
- * filled with the remaining elements
- *
- * @example
- * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]
- */
-function chunkArray(array, size) {
-  if (size < 1) return [];
-  let i = 0;
-  const result = [];
-  while (i < array.length) {
-    result.push(array.slice(i, i + size));
-    i = i + size;
+var classRule = compositeTransformation(isInstanceOfRegisteredClass, function (clazz, superJson) {
+  var identifier = superJson.classRegistry.getIdentifier(clazz.constructor);
+  return ['class', identifier];
+}, function (clazz, superJson) {
+  var allowedProps = superJson.classRegistry.getAllowedProps(clazz.constructor);
+  if (!allowedProps) {
+    return __assign$1({}, clazz);
   }
+  var result = {};
+  allowedProps.forEach(function (prop) {
+    result[prop] = clazz[prop];
+  });
   return result;
-}
-const Expander = props => {
-  const styles = getStyles$1();
-  return (() => {
-    const _el$ = _tmpl$$1.cloneNode(true);
-    createRenderEffect(() => className(_el$, cx(styles.expander, css`
-          transform: rotate(${props.expanded ? 90 : 0}deg);
-        `)));
-    return _el$;
-  })();
-};
-const CopyButton = props => {
-  const styles = getStyles$1();
-  const [copyState, setCopyState] = createSignal('NoCopy');
-  return (() => {
-    const _el$2 = _tmpl$2$1.cloneNode(true);
-    addEventListener(_el$2, "click", copyState() === 'NoCopy' ? () => {
-      navigator.clipboard.writeText(stringify(props.value)).then(() => {
-        setCopyState('SuccessCopy');
-        setTimeout(() => {
-          setCopyState('NoCopy');
-        }, 1500);
-      }, err => {
-        console.error('Failed to copy: ', err);
-        setCopyState('ErrorCopy');
-        setTimeout(() => {
-          setCopyState('NoCopy');
-        }, 1500);
-      });
-    } : undefined, true);
-    insert(_el$2, createComponent(Switch, {
-      get children() {
-        return [createComponent(Match, {
-          get when() {
-            return copyState() === 'NoCopy';
-          },
-          get children() {
-            return createComponent(Copier, {});
-          }
-        }), createComponent(Match, {
-          get when() {
-            return copyState() === 'SuccessCopy';
-          },
-          get children() {
-            return createComponent(CopiedCopier, {});
-          }
-        }), createComponent(Match, {
-          get when() {
-            return copyState() === 'ErrorCopy';
-          },
-          get children() {
-            return createComponent(ErrorCopier, {});
-          }
-        })];
-      }
-    }));
-    createRenderEffect(_p$ => {
-      const _v$ = styles.copyButton,
-        _v$2 = `${copyState() === 'NoCopy' ? 'Copy object to clipboard' : copyState() === 'SuccessCopy' ? 'Object copied to clipboard' : 'Error copying object to clipboard'}`;
-      _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$2;
-  })();
+}, function (v, a, superJson) {
+  var clazz = superJson.classRegistry.getValue(a[1]);
+  if (!clazz) {
+    throw new Error('Trying to deserialize unknown class - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564');
+  }
+  return Object.assign(Object.create(clazz.prototype), v);
+});
+var customRule = compositeTransformation(function (value, superJson) {
+  return !!superJson.customTransformerRegistry.findApplicable(value);
+}, function (value, superJson) {
+  var transformer = superJson.customTransformerRegistry.findApplicable(value);
+  return ['custom', transformer.name];
+}, function (value, superJson) {
+  var transformer = superJson.customTransformerRegistry.findApplicable(value);
+  return transformer.serialize(value);
+}, function (v, a, superJson) {
+  var transformer = superJson.customTransformerRegistry.findByName(a[1]);
+  if (!transformer) {
+    throw new Error('Trying to deserialize unknown custom value');
+  }
+  return transformer.deserialize(v);
+});
+var compositeRules = [classRule, symbolRule, customRule, typedArrayRule];
+var transformValue = function (value, superJson) {
+  var applicableCompositeRule = findArr(compositeRules, function (rule) {
+    return rule.isApplicable(value, superJson);
+  });
+  if (applicableCompositeRule) {
+    return {
+      value: applicableCompositeRule.transform(value, superJson),
+      type: applicableCompositeRule.annotation(value, superJson)
+    };
+  }
+  var applicableSimpleRule = findArr(simpleRules, function (rule) {
+    return rule.isApplicable(value, superJson);
+  });
+  if (applicableSimpleRule) {
+    return {
+      value: applicableSimpleRule.transform(value, superJson),
+      type: applicableSimpleRule.annotation
+    };
+  }
+  return undefined;
 };
-function isIterable(x) {
-  return Symbol.iterator in x;
-}
-function Explorer(props) {
-  const styles = getStyles$1();
-  const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
-  const toggleExpanded = () => setExpanded(old => !old);
-  const [expandedPages, setExpandedPages] = createSignal([]);
-  const subEntries = createMemo(() => {
-    if (Array.isArray(props.value)) {
-      return props.value.map((d, i) => ({
-        label: i.toString(),
-        value: d
-      }));
-    } else if (props.value !== null && typeof props.value === 'object' && isIterable(props.value) && typeof props.value[Symbol.iterator] === 'function') {
-      if (props.value instanceof Map) {
-        return Array.from(props.value, ([key, val]) => ({
-          label: key,
-          value: val
-        }));
-      }
-      return Array.from(props.value, (val, i) => ({
-        label: i.toString(),
-        value: val
-      }));
-    } else if (typeof props.value === 'object' && props.value !== null) {
-      return Object.entries(props.value).map(([key, val]) => ({
-        label: key,
-        value: val
-      }));
+var simpleRulesByAnnotation = {};
+simpleRules.forEach(function (rule) {
+  simpleRulesByAnnotation[rule.annotation] = rule;
+});
+var untransformValue = function (json, type, superJson) {
+  if (isArray$1(type)) {
+    switch (type[0]) {
+      case 'symbol':
+        return symbolRule.untransform(json, type, superJson);
+      case 'class':
+        return classRule.untransform(json, type, superJson);
+      case 'custom':
+        return customRule.untransform(json, type, superJson);
+      case 'typed-array':
+        return typedArrayRule.untransform(json, type, superJson);
+      default:
+        throw new Error('Unknown transformation: ' + type);
     }
-    return [];
-  });
-  const type = createMemo(() => {
-    if (Array.isArray(props.value)) {
-      return 'array';
-    } else if (props.value !== null && typeof props.value === 'object' && isIterable(props.value) && typeof props.value[Symbol.iterator] === 'function') {
-      return 'Iterable';
-    } else if (typeof props.value === 'object' && props.value !== null) {
-      return 'object';
+  } else {
+    var transformation = simpleRulesByAnnotation[type];
+    if (!transformation) {
+      throw new Error('Unknown transformation: ' + type);
     }
-    return typeof props.value;
-  });
-  const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
-  return (() => {
-    const _el$3 = _tmpl$4$1.cloneNode(true);
-    insert(_el$3, createComponent(Show, {
-      get when() {
-        return subEntryPages().length;
-      },
-      get children() {
-        return [(() => {
-          const _el$4 = _tmpl$3$1.cloneNode(true),
-            _el$5 = _el$4.firstChild,
-            _el$6 = _el$5.nextSibling,
-            _el$7 = _el$6.nextSibling,
-            _el$8 = _el$7.nextSibling,
-            _el$9 = _el$8.firstChild;
-          _el$4.$$click = () => toggleExpanded();
-          insert(_el$4, createComponent(Expander, {
-            get expanded() {
-              return expanded();
-            }
-          }), _el$5);
-          insert(_el$6, () => props.label);
-          insert(_el$8, () => String(type()).toLowerCase() === 'iterable' ? '(Iterable) ' : '', _el$9);
-          insert(_el$8, () => subEntries().length, _el$9);
-          insert(_el$8, () => subEntries().length > 1 ? `items` : `item`, null);
-          createRenderEffect(_p$ => {
-            const _v$3 = styles.expanderButton,
-              _v$4 = styles.info;
-            _v$3 !== _p$._v$3 && className(_el$4, _p$._v$3 = _v$3);
-            _v$4 !== _p$._v$4 && className(_el$8, _p$._v$4 = _v$4);
-            return _p$;
-          }, {
-            _v$3: undefined,
-            _v$4: undefined
-          });
-          return _el$4;
-        })(), createComponent(Show, {
-          get when() {
-            return props.copyable;
-          },
-          get children() {
-            return createComponent(CopyButton, {
-              get value() {
-                return props.value;
-              }
-            });
-          }
-        }), createComponent(Show, {
-          get when() {
-            return expanded();
-          },
-          get children() {
-            return [createComponent(Show, {
-              get when() {
-                return subEntryPages().length === 1;
-              },
-              get children() {
-                const _el$10 = _tmpl$4$1.cloneNode(true);
-                insert(_el$10, createComponent(Key, {
-                  get each() {
-                    return subEntries();
-                  },
-                  by: item => item.label,
-                  children: entry => {
-                    return createComponent(Explorer, {
-                      get defaultExpanded() {
-                        return props.defaultExpanded;
-                      },
-                      get label() {
-                        return entry().label;
-                      },
-                      get value() {
-                        return entry().value;
-                      },
-                      get copyable() {
-                        return props.copyable;
-                      }
-                    });
-                  }
-                }));
-                createRenderEffect(() => className(_el$10, styles.subEntry));
-                return _el$10;
-              }
-            }), createComponent(Show, {
-              get when() {
-                return subEntryPages().length > 1;
-              },
-              get children() {
-                const _el$11 = _tmpl$4$1.cloneNode(true);
-                insert(_el$11, createComponent(Index, {
-                  get each() {
-                    return subEntryPages();
-                  },
-                  children: (entries, index) => (() => {
-                    const _el$15 = _tmpl$7$1.cloneNode(true),
-                      _el$16 = _el$15.firstChild,
-                      _el$17 = _el$16.firstChild,
-                      _el$18 = _el$17.firstChild,
-                      _el$22 = _el$18.nextSibling,
-                      _el$20 = _el$22.nextSibling,
-                      _el$23 = _el$20.nextSibling;
-                      _el$23.nextSibling;
-                    _el$17.$$click = () => setExpandedPages(old => old.includes(index) ? old.filter(d => d !== index) : [...old, index]);
-                    insert(_el$17, createComponent(Expander, {
-                      get expanded() {
-                        return expandedPages().includes(index);
-                      }
-                    }), _el$18);
-                    insert(_el$17, index * 100, _el$22);
-                    insert(_el$17, index * 100 + 100 - 1, _el$23);
-                    insert(_el$16, createComponent(Show, {
-                      get when() {
-                        return expandedPages().includes(index);
-                      },
-                      get children() {
-                        const _el$24 = _tmpl$4$1.cloneNode(true);
-                        insert(_el$24, createComponent(Key, {
-                          get each() {
-                            return entries();
-                          },
-                          by: entry => entry.label,
-                          children: entry => createComponent(Explorer, {
-                            get defaultExpanded() {
-                              return props.defaultExpanded;
-                            },
-                            get label() {
-                              return entry().label;
-                            },
-                            get value() {
-                              return entry().value;
-                            },
-                            get copyable() {
-                              return props.copyable;
-                            }
-                          })
-                        }));
-                        createRenderEffect(() => className(_el$24, styles.subEntry));
-                        return _el$24;
-                      }
-                    }), null);
-                    createRenderEffect(_p$ => {
-                      const _v$5 = styles.entry,
-                        _v$6 = styles.expanderButton;
-                      _v$5 !== _p$._v$5 && className(_el$16, _p$._v$5 = _v$5);
-                      _v$6 !== _p$._v$6 && className(_el$17, _p$._v$6 = _v$6);
-                      return _p$;
-                    }, {
-                      _v$5: undefined,
-                      _v$6: undefined
-                    });
-                    return _el$15;
-                  })()
-                }));
-                createRenderEffect(() => className(_el$11, styles.subEntry));
-                return _el$11;
-              }
-            })];
-          }
-        })];
-      }
-    }), null);
-    insert(_el$3, createComponent(Show, {
-      get when() {
-        return subEntryPages().length === 0;
-      },
-      get children() {
-        return [(() => {
-          const _el$12 = _tmpl$5$1.cloneNode(true),
-            _el$13 = _el$12.firstChild;
-          insert(_el$12, () => props.label, _el$13);
-          createRenderEffect(() => className(_el$12, styles.label));
-          return _el$12;
-        })(), ' ', (() => {
-          const _el$14 = _tmpl$6$1.cloneNode(true);
-          insert(_el$14, () => displayValue(props.value));
-          createRenderEffect(() => className(_el$14, styles.value));
-          return _el$14;
-        })()];
-      }
-    }), null);
-    createRenderEffect(() => className(_el$3, styles.entry));
-    return _el$3;
-  })();
+    return transformation.untransform(json, superJson);
+  }
+};
+
+var getNthKey = function (value, n) {
+  var keys = value.keys();
+  while (n > 0) {
+    keys.next();
+    n--;
+  }
+  return keys.next().value;
+};
+function validatePath(path) {
+  if (includes(path, '__proto__')) {
+    throw new Error('__proto__ is not allowed as a property');
+  }
+  if (includes(path, 'prototype')) {
+    throw new Error('prototype is not allowed as a property');
+  }
+  if (includes(path, 'constructor')) {
+    throw new Error('constructor is not allowed as a property');
+  }
 }
-const getStyles$1 = () => {
-  const {
-    colors,
-    font,
-    size,
-    border
-  } = tokens;
-  return {
-    entry: css`
-      & * {
-        font-size: ${font.size.sm};
-        font-family: 'Menlo', 'Fira Code', monospace;
-        line-height: 1.7;
-      }
-      position: relative;
-      outline: none;
-      word-break: break-word;
-    `,
-    subEntry: css`
-      margin: 0 0 0 0.5em;
-      padding-left: 0.75em;
-      border-left: 2px solid ${colors.darkGray[400]};
-    `,
-    expander: css`
-      & path {
-        stroke: ${colors.gray[400]};
+var getDeep = function (object, path) {
+  validatePath(path);
+  for (var i = 0; i < path.length; i++) {
+    var key = path[i];
+    if (isSet(object)) {
+      object = getNthKey(object, +key);
+    } else if (isMap(object)) {
+      var row = +key;
+      var type = +path[++i] === 0 ? 'key' : 'value';
+      var keyOfRow = getNthKey(object, row);
+      switch (type) {
+        case 'key':
+          object = keyOfRow;
+          break;
+        case 'value':
+          object = object.get(keyOfRow);
+          break;
       }
-      display: inline-flex;
-      align-items: center;
-      transition: all 0.1s ease;
-    `,
-    expanderButton: css`
-      cursor: pointer;
-      color: inherit;
-      font: inherit;
-      outline: inherit;
-      line-height: ${font.size.sm};
-      background: transparent;
-      border: none;
-      padding: 0;
-      display: inline-flex;
-      align-items: center;
-      gap: ${size[1]};
-
-      &:focus-visible {
-        border-radius: ${border.radius.xs};
-        outline: 2px solid ${colors.blue[800]};
+    } else {
+      object = object[key];
+    }
+  }
+  return object;
+};
+var setDeep = function (object, path, mapper) {
+  validatePath(path);
+  if (path.length === 0) {
+    return mapper(object);
+  }
+  var parent = object;
+  for (var i = 0; i < path.length - 1; i++) {
+    var key = path[i];
+    if (isArray$1(parent)) {
+      var index = +key;
+      parent = parent[index];
+    } else if (isPlainObject$1(parent)) {
+      parent = parent[key];
+    } else if (isSet(parent)) {
+      var row = +key;
+      parent = getNthKey(parent, row);
+    } else if (isMap(parent)) {
+      var isEnd = i === path.length - 2;
+      if (isEnd) {
+        break;
       }
-    `,
-    info: css`
-      color: ${colors.gray[500]};
-      font-size: ${font.size.xs};
-      line-height: ${font.size.xs};
-      margin-left: ${size[1]};
-    `,
-    label: css`
-      color: ${colors.gray[300]};
-    `,
-    value: css`
-      color: ${colors.purple[400]};
-    `,
-    copyButton: css`
-      background-color: transparent;
-      border: none;
-      display: inline-flex;
-      padding: 0px;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      width: ${size[3.5]};
-      height: ${size[3.5]};
-      position: relative;
-      top: 4px;
-      left: ${size[2]};
-      z-index: 1;
-
-      &:hover svg .copier {
-        stroke: ${colors.gray[500]} !important;
+      var row = +key;
+      var type = +path[++i] === 0 ? 'key' : 'value';
+      var keyOfRow = getNthKey(parent, row);
+      switch (type) {
+        case 'key':
+          parent = keyOfRow;
+          break;
+        case 'value':
+          parent = parent.get(keyOfRow);
+          break;
       }
+    }
+  }
+  var lastKey = path[path.length - 1];
+  if (isArray$1(parent)) {
+    parent[+lastKey] = mapper(parent[+lastKey]);
+  } else if (isPlainObject$1(parent)) {
+    parent[lastKey] = mapper(parent[lastKey]);
+  }
+  if (isSet(parent)) {
+    var oldValue = getNthKey(parent, +lastKey);
+    var newValue = mapper(oldValue);
+    if (oldValue !== newValue) {
+      parent["delete"](oldValue);
+      parent.add(newValue);
+    }
+  }
+  if (isMap(parent)) {
+    var row = +path[path.length - 2];
+    var keyToRow = getNthKey(parent, row);
+    var type = +lastKey === 0 ? 'key' : 'value';
+    switch (type) {
+      case 'key':
+        {
+          var newKey = mapper(keyToRow);
+          parent.set(newKey, parent.get(keyToRow));
+          if (newKey !== keyToRow) {
+            parent["delete"](keyToRow);
+          }
+          break;
+        }
+      case 'value':
+        {
+          parent.set(keyToRow, mapper(parent.get(keyToRow)));
+          break;
+        }
+    }
+  }
+  return object;
+};
 
-      &:focus-visible {
-        border-radius: ${border.radius.xs};
-        outline: 2px solid ${colors.blue[800]};
-        outline-offset: 2px;
-      }
-    `
-  };
+var __read$1 = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+    r,
+    ar = [],
+    e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+  return ar;
+};
+var __spreadArray$1 = undefined && undefined.__spreadArray || function (to, from) {
+  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) to[j] = from[i];
+  return to;
+};
+function traverse(tree, walker, origin) {
+  if (origin === void 0) {
+    origin = [];
+  }
+  if (!tree) {
+    return;
+  }
+  if (!isArray$1(tree)) {
+    forEach(tree, function (subtree, key) {
+      return traverse(subtree, walker, __spreadArray$1(__spreadArray$1([], __read$1(origin)), __read$1(parsePath(key))));
+    });
+    return;
+  }
+  var _a = __read$1(tree, 2),
+    nodeValue = _a[0],
+    children = _a[1];
+  if (children) {
+    forEach(children, function (child, key) {
+      traverse(child, walker, __spreadArray$1(__spreadArray$1([], __read$1(origin)), __read$1(parsePath(key))));
+    });
+  }
+  walker(nodeValue, origin);
+}
+function applyValueAnnotations(plain, annotations, superJson) {
+  traverse(annotations, function (type, path) {
+    plain = setDeep(plain, path, function (v) {
+      return untransformValue(v, type, superJson);
+    });
+  });
+  return plain;
+}
+function applyReferentialEqualityAnnotations(plain, annotations) {
+  function apply(identicalPaths, path) {
+    var object = getDeep(plain, parsePath(path));
+    identicalPaths.map(parsePath).forEach(function (identicalObjectPath) {
+      plain = setDeep(plain, identicalObjectPath, function () {
+        return object;
+      });
+    });
+  }
+  if (isArray$1(annotations)) {
+    var _a = __read$1(annotations, 2),
+      root = _a[0],
+      other = _a[1];
+    root.forEach(function (identicalPath) {
+      plain = setDeep(plain, parsePath(identicalPath), function () {
+        return plain;
+      });
+    });
+    if (other) {
+      forEach(other, apply);
+    }
+  } else {
+    forEach(annotations, apply);
+  }
+  return plain;
+}
+var isDeep = function (object, superJson) {
+  return isPlainObject$1(object) || isArray$1(object) || isMap(object) || isSet(object) || isInstanceOfRegisteredClass(object, superJson);
 };
-delegateEvents(["click"]);
-
-const QueryDevtoolsContext = createContext({
-  client: undefined,
-  onlineManager: undefined,
-  queryFlavor: '',
-  version: ''
-});
-function useQueryDevtoolsContext() {
-  return useContext(QueryDevtoolsContext);
+function addIdentity(object, path, identities) {
+  var existingSet = identities.get(object);
+  if (existingSet) {
+    existingSet.push(path);
+  } else {
+    identities.set(object, [path]);
+  }
 }
-
-// src/index.ts
-var noop = () => {};
-function createListTransition(source, options) {
-  const initSource = untrack(source);
-  const {
-    onChange
-  } = options;
-  let prevSet = new Set(options.appear ? void 0 : initSource);
-  const exiting = /* @__PURE__ */new WeakSet();
-  const [toRemove, setToRemove] = createSignal([], {
-    equals: false
+function generateReferentialEqualityAnnotations(identitites) {
+  var result = {};
+  var rootEqualityPaths = undefined;
+  identitites.forEach(function (paths) {
+    if (paths.length <= 1) {
+      return;
+    }
+    var _a = __read$1(paths.map(function (path) {
+        return path.map(String);
+      }).sort(function (a, b) {
+        return a.length - b.length;
+      })),
+      shortestPath = _a[0],
+      identicalPaths = _a.slice(1);
+    if (shortestPath.length === 0) {
+      rootEqualityPaths = identicalPaths.map(stringifyPath);
+    } else {
+      result[stringifyPath(shortestPath)] = identicalPaths.map(stringifyPath);
+    }
   });
-  const [isTransitionPending] = useTransition();
-  const finishRemoved = options.exitMethod === "remove" ? noop : els => {
-    setToRemove(p => (p.push.apply(p, els), p));
-    for (const el of els) exiting.delete(el);
-  };
-  const handleRemoved = options.exitMethod === "remove" ? noop : options.exitMethod === "keep-index" ? (els, el, i) => els.splice(i, 0, el) : (els, el) => els.push(el);
-  return createMemo(prev => {
-    const elsToRemove = toRemove();
-    const sourceList = source();
-    sourceList[$TRACK];
-    if (untrack(isTransitionPending)) {
-      isTransitionPending();
-      return prev;
+  if (rootEqualityPaths) {
+    if (isEmptyObject(result)) {
+      return [rootEqualityPaths];
+    } else {
+      return [rootEqualityPaths, result];
     }
-    if (elsToRemove.length) {
-      const next = prev.filter(e => !elsToRemove.includes(e));
-      elsToRemove.length = 0;
-      onChange({
-        list: next,
-        added: [],
-        removed: [],
-        unchanged: next,
-        finishRemoved
-      });
-      return next;
+  } else {
+    return isEmptyObject(result) ? undefined : result;
+  }
+}
+var walker = function (object, identities, superJson, path, objectsInThisPath) {
+  var _a;
+  if (path === void 0) {
+    path = [];
+  }
+  if (objectsInThisPath === void 0) {
+    objectsInThisPath = [];
+  }
+  if (!isPrimitive(object)) {
+    addIdentity(object, path, identities);
+  }
+  if (!isDeep(object, superJson)) {
+    var transformed_1 = transformValue(object, superJson);
+    if (transformed_1) {
+      return {
+        transformedValue: transformed_1.value,
+        annotations: [transformed_1.type]
+      };
+    } else {
+      return {
+        transformedValue: object
+      };
     }
-    return untrack(() => {
-      const nextSet = new Set(sourceList);
-      const next = sourceList.slice();
-      const added = [];
-      const removed = [];
-      const unchanged = [];
-      for (const el of sourceList) {
-        (prevSet.has(el) ? unchanged : added).push(el);
-      }
-      let nothingChanged = !added.length;
-      for (let i = 0; i < prev.length; i++) {
-        const el = prev[i];
-        if (!nextSet.has(el)) {
-          if (!exiting.has(el)) {
-            removed.push(el);
-            exiting.add(el);
-          }
-          handleRemoved(next, el, i);
-        }
-        if (nothingChanged && el !== next[i]) nothingChanged = false;
-      }
-      if (!removed.length && nothingChanged) return prev;
-      onChange({
-        list: next,
-        added,
-        removed,
-        unchanged,
-        finishRemoved
+  }
+  if (includes(objectsInThisPath, object)) {
+    return {
+      transformedValue: null
+    };
+  }
+  var transformationResult = transformValue(object, superJson);
+  var transformed = (_a = transformationResult === null || transformationResult === void 0 ? void 0 : transformationResult.value) !== null && _a !== void 0 ? _a : object;
+  if (!isPrimitive(object)) {
+    objectsInThisPath = __spreadArray$1(__spreadArray$1([], __read$1(objectsInThisPath)), [object]);
+  }
+  var transformedValue = isArray$1(transformed) ? [] : {};
+  var innerAnnotations = {};
+  forEach(transformed, function (value, index) {
+    var recursiveResult = walker(value, identities, superJson, __spreadArray$1(__spreadArray$1([], __read$1(path)), [index]), objectsInThisPath);
+    transformedValue[index] = recursiveResult.transformedValue;
+    if (isArray$1(recursiveResult.annotations)) {
+      innerAnnotations[index] = recursiveResult.annotations;
+    } else if (isPlainObject$1(recursiveResult.annotations)) {
+      forEach(recursiveResult.annotations, function (tree, key) {
+        innerAnnotations[escapeKey(index) + '.' + key] = tree;
       });
-      prevSet = nextSet;
-      return next;
-    });
-  }, options.appear ? [] : initSource.slice());
+    }
+  });
+  if (isEmptyObject(innerAnnotations)) {
+    return {
+      transformedValue: transformedValue,
+      annotations: !!transformationResult ? [transformationResult.type] : undefined
+    };
+  } else {
+    return {
+      transformedValue: transformedValue,
+      annotations: !!transformationResult ? [transformationResult.type, innerAnnotations] : innerAnnotations
+    };
+  }
+};
+
+function getType(payload) {
+  return Object.prototype.toString.call(payload).slice(8, -1);
+}
+function isPlainObject(payload) {
+  if (getType(payload) !== "Object") return false;
+  const prototype = Object.getPrototypeOf(payload);
+  return !!prototype && prototype.constructor === Object && prototype === Object.prototype;
+}
+function isArray(payload) {
+  return getType(payload) === "Array";
 }
 
-var isNonNullable = i => i != null;
-var filterNonNullable = arr => arr.filter(isNonNullable);
-var access = v => typeof v === "function" && !v.length ? v() : v;
-var asArray = value => Array.isArray(value) ? value : value ? [value] : [];
-function handleDiffArray(current, prev, handleAdded, handleRemoved) {
-  const currLength = current.length;
-  const prevLength = prev.length;
-  let i = 0;
-  if (!prevLength) {
-    for (; i < currLength; i++) handleAdded(current[i]);
-    return;
-  }
-  if (!currLength) {
-    for (; i < prevLength; i++) handleRemoved(prev[i]);
-    return;
-  }
-  for (; i < prevLength; i++) {
-    if (prev[i] !== current[i]) break;
+function assignProp(carry, key, newVal, originalObject, includeNonenumerable) {
+  const propType = {}.propertyIsEnumerable.call(originalObject, key) ? 'enumerable' : 'nonenumerable';
+  if (propType === 'enumerable') carry[key] = newVal;
+  if (includeNonenumerable && propType === 'nonenumerable') {
+    Object.defineProperty(carry, key, {
+      value: newVal,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    });
   }
-  let prevEl;
-  let currEl;
-  prev = prev.slice(i);
-  current = current.slice(i);
-  for (prevEl of prev) {
-    if (!current.includes(prevEl)) handleRemoved(prevEl);
+}
+/**
+ * Copy (clone) an object and all its props recursively to get rid of any prop referenced of the original object. Arrays are also cloned, however objects inside arrays are still linked.
+ *
+ * @export
+ * @template T
+ * @param {T} target Target can be anything
+ * @param {Options} [options = {}] Options can be `props` or `nonenumerable`
+ * @returns {T} the target with replaced values
+ * @export
+ */
+function copy(target, options = {}) {
+  if (isArray(target)) {
+    return target.map(item => copy(item, options));
   }
-  for (currEl of current) {
-    if (!prev.includes(currEl)) handleAdded(currEl);
+  if (!isPlainObject(target)) {
+    return target;
   }
+  const props = Object.getOwnPropertyNames(target);
+  const symbols = Object.getOwnPropertySymbols(target);
+  return [...props, ...symbols].reduce((carry, key) => {
+    if (isArray(options.props) && !options.props.includes(key)) {
+      return carry;
+    }
+    const val = target[key];
+    const newVal = copy(val, options);
+    assignProp(carry, key, newVal, target, options.nonenumerable);
+    return carry;
+  }, {});
 }
 
-var defaultElementPredicate = item => item instanceof Element;
-function getResolvedElements(value, predicate) {
-  if (predicate(value)) return value;
-  if (typeof value === "function" && !value.length) return getResolvedElements(value(), predicate);
-  if (Array.isArray(value)) {
-    const results = [];
-    for (const item of value) {
-      const result = getResolvedElements(item, predicate);
-      if (result) Array.isArray(result) ? results.push.apply(results, result) : results.push(result);
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-    return results.length ? results : null;
-  }
-  return null;
-}
-function resolveElements(fn, predicate = defaultElementPredicate, serverPredicate = defaultElementPredicate) {
-  const children2 = createMemo(fn);
-  const memo = createMemo(() => getResolvedElements(children2(), predicate));
-  memo.toArray = () => {
-    const value = memo();
-    return Array.isArray(value) ? value : value ? [value] : [];
+    return t;
   };
-  return memo;
-}
-
-// src/common.ts
-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(" ")
+  return __assign.apply(this, arguments);
+};
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+    r,
+    ar = [],
+    e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  } catch (error) {
+    e = {
+      error: error
     };
-  });
-}
-function nextFrame(fn) {
-  requestAnimationFrame(() => requestAnimationFrame(fn));
-}
-function enterTransition(classnames, events, el, done) {
-  const {
-      enterClasses,
-      enterActiveClasses,
-      enterToClasses
-    } = classnames,
-    {
-      onBeforeEnter,
-      onEnter,
-      onAfterEnter
-    } = events;
-  onBeforeEnter?.(el);
-  el.classList.add(...enterClasses);
-  el.classList.add(...enterActiveClasses);
-  queueMicrotask(() => {
-    if (!el.parentNode) return done?.();
-    onEnter?.(el, () => endTransition());
-  });
-  nextFrame(() => {
-    el.classList.remove(...enterClasses);
-    el.classList.add(...enterToClasses);
-    if (!onEnter || onEnter.length < 2) {
-      el.addEventListener("transitionend", endTransition);
-      el.addEventListener("animationend", endTransition);
-    }
-  });
-  function endTransition(e) {
-    if (!e || e.target === el) {
-      done?.();
-      el.removeEventListener("transitionend", endTransition);
-      el.removeEventListener("animationend", endTransition);
-      el.classList.remove(...enterActiveClasses);
-      el.classList.remove(...enterToClasses);
-      onAfterEnter?.(el);
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
     }
   }
-}
-function exitTransition(classnames, events, el, done) {
-  const {
-      exitClasses,
-      exitActiveClasses,
-      exitToClasses
-    } = classnames,
-    {
-      onBeforeExit,
-      onExit,
-      onAfterExit
-    } = events;
-  if (!el.parentNode) return done?.();
-  onBeforeExit?.(el);
-  el.classList.add(...exitClasses);
-  el.classList.add(...exitActiveClasses);
-  onExit?.(el, () => endTransition());
-  nextFrame(() => {
-    el.classList.remove(...exitClasses);
-    el.classList.add(...exitToClasses);
-    if (!onExit || onExit.length < 2) {
-      el.addEventListener("transitionend", endTransition);
-      el.addEventListener("animationend", endTransition);
-    }
-  });
-  function endTransition(e) {
-    if (!e || e.target === el) {
-      done?.();
-      el.removeEventListener("transitionend", endTransition);
-      el.removeEventListener("animationend", endTransition);
-      el.classList.remove(...exitActiveClasses);
-      el.classList.remove(...exitToClasses);
-      onAfterExit?.(el);
-    }
+  return ar;
+};
+var __spreadArray = undefined && undefined.__spreadArray || function (to, from) {
+  for (var i = 0, il = from.length, j = to.length; i < il; i++, j++) to[j] = from[i];
+  return to;
+};
+var SuperJSON = /** @class */function () {
+  function SuperJSON() {
+    this.classRegistry = new ClassRegistry();
+    this.symbolRegistry = new Registry(function (s) {
+      var _a;
+      return (_a = s.description) !== null && _a !== void 0 ? _a : '';
+    });
+    this.customTransformerRegistry = new CustomTransformerRegistry();
+    this.allowedErrorProps = [];
   }
-}
-var TransitionGroup = props => {
-  const classnames = createClassnames(props);
-  return createListTransition(resolveElements(() => props.children).toArray, {
-    appear: props.appear,
-    exitMethod: "keep-index",
-    onChange({
-      added,
-      removed,
-      finishRemoved,
-      list
-    }) {
-      const classes = classnames();
-      for (const el of added) {
-        enterTransition(classes, props, el);
-      }
-      const toMove = [];
-      for (const el of list) {
-        if (el.isConnected && (el instanceof HTMLElement || el instanceof SVGElement)) {
-          toMove.push({
-            el,
-            rect: el.getBoundingClientRect()
-          });
-        }
-      }
-      queueMicrotask(() => {
-        const moved = [];
-        for (const {
-          el,
-          rect
-        } of toMove) {
-          if (el.isConnected) {
-            const newRect = el.getBoundingClientRect(),
-              dX = rect.left - newRect.left,
-              dY = rect.top - newRect.top;
-            if (dX || dY) {
-              el.style.transform = `translate(${dX}px, ${dY}px)`;
-              el.style.transitionDuration = "0s";
-              moved.push(el);
-            }
-          }
-        }
-        document.body.offsetHeight;
-        for (const el of moved) {
-          let endTransition2 = function (e) {
-            if (e.target === el || /transform$/.test(e.propertyName)) {
-              el.removeEventListener("transitionend", endTransition2);
-              el.classList.remove(...classes.moveClasses);
-            }
-          };
-          el.classList.add(...classes.moveClasses);
-          el.style.transform = el.style.transitionDuration = "";
-          el.addEventListener("transitionend", endTransition2);
-        }
+  SuperJSON.prototype.serialize = function (object) {
+    var identities = new Map();
+    var output = walker(object, identities, this);
+    var res = {
+      json: output.transformedValue
+    };
+    if (output.annotations) {
+      res.meta = __assign(__assign({}, res.meta), {
+        values: output.annotations
       });
-      for (const el of removed) {
-        exitTransition(classes, props, el, () => finishRemoved([el]));
-      }
     }
-  });
+    var equalityAnnotations = generateReferentialEqualityAnnotations(identities);
+    if (equalityAnnotations) {
+      res.meta = __assign(__assign({}, res.meta), {
+        referentialEqualities: equalityAnnotations
+      });
+    }
+    return res;
+  };
+  SuperJSON.prototype.deserialize = function (payload) {
+    var json = payload.json,
+      meta = payload.meta;
+    var result = copy(json);
+    if (meta === null || meta === void 0 ? void 0 : meta.values) {
+      result = applyValueAnnotations(result, meta.values, this);
+    }
+    if (meta === null || meta === void 0 ? void 0 : meta.referentialEqualities) {
+      result = applyReferentialEqualityAnnotations(result, meta.referentialEqualities);
+    }
+    return result;
+  };
+  SuperJSON.prototype.stringify = function (object) {
+    return JSON.stringify(this.serialize(object));
+  };
+  SuperJSON.prototype.parse = function (string) {
+    return this.deserialize(JSON.parse(string));
+  };
+  SuperJSON.prototype.registerClass = function (v, options) {
+    this.classRegistry.register(v, options);
+  };
+  SuperJSON.prototype.registerSymbol = function (v, identifier) {
+    this.symbolRegistry.register(v, identifier);
+  };
+  SuperJSON.prototype.registerCustom = function (transformer, name) {
+    this.customTransformerRegistry.register(__assign({
+      name: name
+    }, transformer));
+  };
+  SuperJSON.prototype.allowErrorProps = function () {
+    var _a;
+    var props = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      props[_i] = arguments[_i];
+    }
+    (_a = this.allowedErrorProps).push.apply(_a, __spreadArray([], __read(props)));
+  };
+  SuperJSON.defaultInstance = new SuperJSON();
+  SuperJSON.serialize = SuperJSON.defaultInstance.serialize.bind(SuperJSON.defaultInstance);
+  SuperJSON.deserialize = SuperJSON.defaultInstance.deserialize.bind(SuperJSON.defaultInstance);
+  SuperJSON.stringify = SuperJSON.defaultInstance.stringify.bind(SuperJSON.defaultInstance);
+  SuperJSON.parse = SuperJSON.defaultInstance.parse.bind(SuperJSON.defaultInstance);
+  SuperJSON.registerClass = SuperJSON.defaultInstance.registerClass.bind(SuperJSON.defaultInstance);
+  SuperJSON.registerSymbol = SuperJSON.defaultInstance.registerSymbol.bind(SuperJSON.defaultInstance);
+  SuperJSON.registerCustom = SuperJSON.defaultInstance.registerCustom.bind(SuperJSON.defaultInstance);
+  SuperJSON.allowErrorProps = SuperJSON.defaultInstance.allowErrorProps.bind(SuperJSON.defaultInstance);
+  return SuperJSON;
+}();
+var serialize = SuperJSON.serialize;
+var stringify = SuperJSON.stringify;
+
+function getQueryStatusLabel(query) {
+  return query.state.fetchStatus === 'fetching' ? 'fetching' : !query.getObserversCount() ? 'inactive' : query.state.fetchStatus === 'paused' ? 'paused' : query.isStale() ? 'stale' : 'fresh';
+}
+function getSidedProp(prop, side) {
+  return `${prop}${side.charAt(0).toUpperCase() + side.slice(1)}`;
+}
+function getQueryStatusColor({
+  queryState,
+  observerCount,
+  isStale
+}) {
+  return queryState.fetchStatus === 'fetching' ? 'blue' : !observerCount ? 'gray' : queryState.fetchStatus === 'paused' ? 'purple' : isStale ? 'yellow' : 'green';
+}
+function getQueryStatusColorByLabel(label) {
+  return label === 'fresh' ? 'green' : label === 'stale' ? 'yellow' : label === 'paused' ? 'purple' : label === 'inactive' ? 'gray' : 'blue';
+}
+
+/**
+ * Displays a string regardless the type of the data
+ * @param {unknown} value Value to be stringified
+ * @param {boolean} beautify Formats json to multiline
+ */
+const displayValue = (value, beautify = false) => {
+  const {
+    json
+  } = serialize(value);
+  return JSON.stringify(json, null, beautify ? 2 : undefined);
 };
 
-const 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);
+// Sorting functions
+
+const getStatusRank = q => q.state.fetchStatus !== 'idle' ? 0 : !q.getObserversCount() ? 3 : q.isStale() ? 2 : 1;
+const queryHashSort = (a, b) => a.queryHash.localeCompare(b.queryHash);
+const dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
+const statusAndDateSort = (a, b) => {
+  if (getStatusRank(a) === getStatusRank(b)) {
+    return dateSort(a, b);
+  }
+  return getStatusRank(a) > getStatusRank(b) ? 1 : -1;
+};
+const sortFns = {
+  status: statusAndDateSort,
+  'query hash': queryHashSort,
+  'last updated': dateSort
+};
+const convertRemToPixels = rem => {
+  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
 };
 
-// src/storage.ts
-function createStorage(props) {
-  const [error, setError] = createSignal();
-  const handleError = props?.throw ? (err, fallback) => {
-    setError(err instanceof Error ? err : new Error(fallback));
-    throw err;
-  } : (err, fallback) => {
-    setError(err instanceof Error ? err : new Error(fallback));
-  };
-  const apis = props?.api ? Array.isArray(props.api) ? props.api : [props.api] : [globalThis.localStorage].filter(Boolean);
-  const prefix = props?.prefix ? `${props.prefix}.` : "";
-  const signals = /* @__PURE__ */new Map();
-  const store = new Proxy({}, {
-    get(_, key) {
-      let node = signals.get(key);
-      if (!node) {
-        node = createSignal(void 0, {
-          equals: false
-        });
-        signals.set(key, node);
-      }
-      node[0]();
-      const value = apis.reduce((result, api) => {
-        if (result !== null || !api) {
-          return result;
-        }
-        try {
-          return api.getItem(`${prefix}${key}`);
-        } catch (err) {
-          handleError(err, `Error reading ${prefix}${key} from ${api["name"]}`);
-          return null;
-        }
-      }, null);
-      if (value !== null && props?.deserializer) {
-        return props.deserializer(value, key, props.options);
-      }
-      return value;
-    }
-  });
-  const setter = (key, value, options) => {
-    const filteredValue = props?.serializer ? props.serializer(value, key, options ?? props.options) : value;
-    const apiKey = `${prefix}${key}`;
-    apis.forEach(api => {
-      try {
-        api.getItem(apiKey) !== filteredValue && api.setItem(apiKey, filteredValue);
-      } catch (err) {
-        handleError(err, `Error setting ${prefix}${key} to ${filteredValue} in ${api.name}`);
+const _tmpl$$2 = /*#__PURE__*/template(`<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
+  _tmpl$2$2 = /*#__PURE__*/template(`<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
+  _tmpl$3$2 = /*#__PURE__*/template(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
+  _tmpl$4$2 = /*#__PURE__*/template(`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333" stroke="#98A2B3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
+  _tmpl$5$2 = /*#__PURE__*/template(`<svg stroke="#98A2B3" fill="#98A2B3" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3a4.237 4.237 0 00-6 0zm-4-4l2 2a7.074 7.074 0 0110 0l2-2C15.14 9.14 8.87 9.14 5 13z"></path></svg>`, 6),
+  _tmpl$6$2 = /*#__PURE__*/template(`<svg stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z"></path><path d="M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4a9.793 9.793 0 00-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24A9.684 9.684 0 005 13v.01L6.99 15a7.042 7.042 0 014.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3a4.237 4.237 0 00-6 0z"></path></svg>`, 6),
+  _tmpl$7$2 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.3951 19.3711L9.97955 20.6856C10.1533 21.0768 10.4368 21.4093 10.7958 21.6426C11.1547 21.8759 11.5737 22.0001 12.0018 22C12.4299 22.0001 12.8488 21.8759 13.2078 21.6426C13.5667 21.4093 13.8503 21.0768 14.024 20.6856L14.6084 19.3711C14.8165 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5678 17.8941 17.0784 17.9478L18.5084 18.1C18.9341 18.145 19.3637 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8715 16.635 20.9735 16.2103 20.9511 15.7829C20.9286 15.3555 20.7825 14.9438 20.5307 14.5978L19.684 13.4344C19.3825 13.0171 19.2214 12.5148 19.224 12C19.2239 11.4866 19.3865 10.9864 19.6884 10.5711L20.5351 9.40778C20.787 9.06175 20.933 8.65007 20.9555 8.22267C20.978 7.79528 20.8759 7.37054 20.6618 7C20.4479 6.62923 20.131 6.32849 19.7496 6.13423C19.3681 5.93997 18.9386 5.86053 18.5129 5.90556L17.0829 6.05778C16.5722 6.11141 16.0577 6.00212 15.6129 5.74556C15.17 5.48825 14.82 5.09736 14.6129 4.62889L14.024 3.31444C13.8503 2.92317 13.5667 2.59072 13.2078 2.3574C12.8488 2.12408 12.4299 1.99993 12.0018 2C11.5737 1.99993 11.1547 2.12408 10.7958 2.3574C10.4368 2.59072 10.1533 2.92317 9.97955 3.31444L9.3951 4.62889C9.18803 5.09736 8.83798 5.48825 8.3951 5.74556C7.95032 6.00212 7.43577 6.11141 6.9251 6.05778L5.49066 5.90556C5.06499 5.86053 4.6354 5.93997 4.25397 6.13423C3.87255 6.32849 3.55567 6.62923 3.34177 7C3.12759 7.37054 3.02555 7.79528 3.04804 8.22267C3.07052 8.65007 3.21656 9.06175 3.46844 9.40778L4.3151 10.5711C4.61704 10.9864 4.77964 11.4866 4.77955 12C4.77964 12.5134 4.61704 13.0137 4.3151 13.4289L3.46844 14.5922C3.21656 14.9382 3.07052 15.3499 3.04804 15.7773C3.02555 16.2047 3.12759 16.6295 3.34177 17C3.55589 17.3706 3.8728 17.6712 4.25417 17.8654C4.63554 18.0596 5.06502 18.1392 5.49066 18.0944L6.92066 17.9422C7.43133 17.8886 7.94587 17.9979 8.39066 18.2544C8.83519 18.511 9.18687 18.902 9.3951 19.3711Z" stroke="#98A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15C13.6568 15 15 13.6569 15 12C15 10.3431 13.6568 9 12 9C10.3431 9 8.99998 10.3431 8.99998 12C8.99998 13.6569 10.3431 15 12 15Z" stroke="#98A2B3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 6),
+  _tmpl$8$1 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="copier" d="M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="#98A2B3"></path></svg>`, 4),
+  _tmpl$9$1 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z" stroke="#12B76A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
+  _tmpl$10$1 = /*#__PURE__*/template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z" stroke="#F04438" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>`, 4),
+  _tmpl$11$1 = /*#__PURE__*/template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" x1="-666.45" x2="-666.45" y1="163.28" y2="163.99" gradientTransform="matrix(633 0 0 633 422177 -103358)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BDAFF" offset="0"></stop><stop stop-color="#F9FFB5" offset=".32"></stop><stop stop-color="#FFA770" offset=".71"></stop><stop stop-color="#FF7373" offset="1"></stop></linearGradient><circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)"></circle><defs><filter id="am" x="-137.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="b" 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"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" x="316.5" y="412" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="k" 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"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" x="-137.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="j" 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"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" x="316.5" y="450" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="i" 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"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" x="-137.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="h" 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"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" x="316.5" y="486" width="454" height="396.9" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="g" 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"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" x="272.2" y="308" width="176.9" height="129.3" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="f" 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"></circle></g></mask><g mask="url(#f)"><line x1="436" x2="431" y1="403.2" y2="431.8" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="291" x2="280" y1="341.5" y2="403.5" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><line x1="332.9" x2="328.6" y1="384.1" y2="411.2" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="11"></line><linearGradient id="m" x1="-670.75" x2="-671.59" y1="164.4" y2="164.49" gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)" gradientUnits="userSpaceOnUse"><stop stop-color="#EE2700" offset="0"></stop><stop stop-color="#FF008E" offset="1"></stop></linearGradient><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-rule="evenodd"></path><line x1="428.2" x2="429.1" y1="384.5" y2="378" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="395.2" x2="396.1" y1="379.5" y2="373" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="362.2" x2="363.1" y1="373.5" y2="367.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="324.2" x2="328.4" y1="351.3" y2="347.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line><line x1="303.2" x2="307.4" y1="331.3" y2="327.4" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="7"></line></g><defs><filter id="ak" x="73.2" y="113.8" width="280.6" height="317.4" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="e" 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"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" x1="-672.16" x2="-672.16" y1="165.03" y2="166.03" gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)" gradientUnits="userSpaceOnUse"><stop stop-color="#A17500" offset="0"></stop><stop stop-color="#5D2100" offset="1"></stop></linearGradient><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-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" x1="-660.23" x2="-660.23" y1="166.72" y2="167.72" gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="s" x1="-661.36" x2="-661.36" y1="164.18" y2="165.18" gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="q" x1="-656.79" x2="-656.79" y1="165.15" y2="166.15" gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="p" x1="-663.07" x2="-663.07" y1="165.44" y2="166.44" gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="o" x1="-662.57" x2="-662.57" y1="164.44" y2="165.44" gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><linearGradient id="l" x1="-656.43" x2="-656.43" y1="163.86" y2="164.86" gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)" gradientUnits="userSpaceOnUse"><stop stop-color="#2F8A00" offset="0"></stop><stop stop-color="#90FF57" offset="1"></stop></linearGradient><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-rule="evenodd" stroke-width="13"></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9" fill="none" stroke-linecap="round" stroke-width="8"></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32" fill="none" stroke-linecap="round" stroke-width="8"></path></g></g><defs><filter id="al" x="50.5" y="399" width="532" height="633" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="d" 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"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" x1="-666.06" x2="-666.23" y1="163.36" y2="163.75" gradientTransform="matrix(532 0 0 633 354760 -102959)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF400" offset="0"></stop><stop stop-color="#3C8700" offset="1"></stop></linearGradient><ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)"></ellipse></g><defs><filter id="ad" x="391" y="-24" width="288" height="283" filterUnits="userSpaceOnUse"><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask id="c" 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"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" x1="-664.56" x2="-664.56" y1="163.79" y2="164.79" gradientTransform="matrix(227 0 0 227 151421 -37204)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDF00" offset="0"></stop><stop stop-color="#FF9D00" offset="1"></stop></linearGradient><circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)"></circle><linearGradient id="v" x1="-644.5" x2="-645.77" y1="342" y2="342" gradientTransform="matrix(30 0 0 1 19770 -253)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="427" x2="397" y1="89" y2="89" fill="none" stroke="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" x1="-641.56" x2="-642.83" y1="196.02" y2="196.07" gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="430.5" x2="404" y1="55.5" y2="50" fill="none" stroke="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" x1="-643.73" x2="-645" y1="185.83" y2="185.9" gradientTransform="matrix(29 0 0 8 19107 -1361)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="431" x2="402" y1="122" y2="130" fill="none" stroke="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" x1="-638.94" x2="-640.22" y1="177.09" y2="177.39" gradientTransform="matrix(24 0 0 13 15783 -2145)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="442" x2="418" y1="153" y2="166" fill="none" stroke="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" x1="-633.42" x2="-634.7" y1="172.41" y2="173.31" gradientTransform="matrix(20 0 0 19 13137 -3096)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="464" x2="444" y1="180" y2="199" fill="none" stroke="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" x1="-619.05" x2="-619.52" y1="170.82" y2="171.82" gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="491.4" x2="477.5" y1="203" y2="225.9" fill="none" stroke="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" x1="-578.5" x2="-578.63" y1="170.31" y2="171.31" gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="524.5" x2="517" y1="219.5" y2="244" fill="none" stroke="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" x1="666.5" x2="666.5" y1="170.31" y2="171.31" gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA400" offset="0"></stop><stop stop-color="#FF5E00" offset="1"></stop></linearGradient><line x1="564.5" x2="565" y1="228.5" y2="253" fill="none" stroke="url(#z)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line></g></svg>`, 336);
+function Search() {
+  return _tmpl$$2.cloneNode(true);
+}
+function ChevronDown() {
+  return _tmpl$2$2.cloneNode(true);
+}
+function ArrowUp() {
+  return _tmpl$3$2.cloneNode(true);
+}
+function ArrowDown() {
+  return _tmpl$4$2.cloneNode(true);
+}
+function Wifi() {
+  return _tmpl$5$2.cloneNode(true);
+}
+function Offline() {
+  return (() => {
+    const _el$6 = _tmpl$6$2.cloneNode(true);
+    createRenderEffect(_p$ => {
+      const _v$ = tokens.colors.yellow[500],
+        _v$2 = tokens.colors.yellow[500];
+      _v$ !== _p$._v$ && setAttribute(_el$6, "stroke", _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && setAttribute(_el$6, "fill", _p$._v$2 = _v$2);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined
+    });
+    return _el$6;
+  })();
+}
+function Settings() {
+  return _tmpl$7$2.cloneNode(true);
+}
+function Copier() {
+  return _tmpl$8$1.cloneNode(true);
+}
+function CopiedCopier() {
+  return _tmpl$9$1.cloneNode(true);
+}
+function ErrorCopier() {
+  return _tmpl$10$1.cloneNode(true);
+}
+function TanstackLogo() {
+  return _tmpl$11$1.cloneNode(true);
+}
+
+const _tmpl$$1 = /*#__PURE__*/template(`<span><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12L10 8L6 4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>`, 6),
+  _tmpl$2$1 = /*#__PURE__*/template(`<button></button>`, 2),
+  _tmpl$3$1 = /*#__PURE__*/template(`<button> <span></span> <span> </span></button>`, 6),
+  _tmpl$4$1 = /*#__PURE__*/template(`<div></div>`, 2),
+  _tmpl$5$1 = /*#__PURE__*/template(`<span>:</span>`, 2),
+  _tmpl$6$1 = /*#__PURE__*/template(`<span></span>`, 2),
+  _tmpl$7$1 = /*#__PURE__*/template(`<div><div><button> [<!>...<!>]</button></div></div>`, 8);
+
+/**
+ * Chunk elements in the array by size
+ *
+ * when the array cannot be chunked evenly by size, the last chunk will be
+ * filled with the remaining elements
+ *
+ * @example
+ * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]
+ */
+function chunkArray(array, size) {
+  if (size < 1) return [];
+  let i = 0;
+  const result = [];
+  while (i < array.length) {
+    result.push(array.slice(i, i + size));
+    i = i + size;
+  }
+  return result;
+}
+const Expander = props => {
+  const styles = getStyles$1();
+  return (() => {
+    const _el$ = _tmpl$$1.cloneNode(true);
+    createRenderEffect(() => className(_el$, cx(styles.expander, css`
+          transform: rotate(${props.expanded ? 90 : 0}deg);
+        `)));
+    return _el$;
+  })();
+};
+const CopyButton = props => {
+  const styles = getStyles$1();
+  const [copyState, setCopyState] = createSignal('NoCopy');
+  return (() => {
+    const _el$2 = _tmpl$2$1.cloneNode(true);
+    addEventListener(_el$2, "click", copyState() === 'NoCopy' ? () => {
+      navigator.clipboard.writeText(stringify(props.value)).then(() => {
+        setCopyState('SuccessCopy');
+        setTimeout(() => {
+          setCopyState('NoCopy');
+        }, 1500);
+      }, err => {
+        console.error('Failed to copy: ', err);
+        setCopyState('ErrorCopy');
+        setTimeout(() => {
+          setCopyState('NoCopy');
+        }, 1500);
+      });
+    } : undefined, true);
+    insert(_el$2, createComponent(Switch, {
+      get children() {
+        return [createComponent(Match, {
+          get when() {
+            return copyState() === 'NoCopy';
+          },
+          get children() {
+            return createComponent(Copier, {});
+          }
+        }), createComponent(Match, {
+          get when() {
+            return copyState() === 'SuccessCopy';
+          },
+          get children() {
+            return createComponent(CopiedCopier, {});
+          }
+        }), createComponent(Match, {
+          get when() {
+            return copyState() === 'ErrorCopy';
+          },
+          get children() {
+            return createComponent(ErrorCopier, {});
+          }
+        })];
       }
+    }));
+    createRenderEffect(_p$ => {
+      const _v$ = styles.copyButton,
+        _v$2 = `${copyState() === 'NoCopy' ? 'Copy object to clipboard' : copyState() === 'SuccessCopy' ? 'Object copied to clipboard' : 'Error copying object to clipboard'}`;
+      _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
+      _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
+      return _p$;
+    }, {
+      _v$: undefined,
+      _v$2: undefined
     });
-    const node = signals.get(key);
-    node && node[1]();
-  };
-  const remove = key => apis.forEach(api => {
-    try {
-      api.removeItem(`${prefix}${key}`);
-    } catch (err) {
-      handleError(err, `Error removing ${prefix}${key} from ${api.name}`);
+    return _el$2;
+  })();
+};
+function isIterable(x) {
+  return Symbol.iterator in x;
+}
+function Explorer(props) {
+  const styles = getStyles$1();
+  const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
+  const toggleExpanded = () => setExpanded(old => !old);
+  const [expandedPages, setExpandedPages] = createSignal([]);
+  const subEntries = createMemo(() => {
+    if (Array.isArray(props.value)) {
+      return props.value.map((d, i) => ({
+        label: i.toString(),
+        value: d
+      }));
+    } else if (props.value !== null && typeof props.value === 'object' && isIterable(props.value) && typeof props.value[Symbol.iterator] === 'function') {
+      if (props.value instanceof Map) {
+        return Array.from(props.value, ([key, val]) => ({
+          label: key,
+          value: val
+        }));
+      }
+      return Array.from(props.value, (val, i) => ({
+        label: i.toString(),
+        value: val
+      }));
+    } else if (typeof props.value === 'object' && props.value !== null) {
+      return Object.entries(props.value).map(([key, val]) => ({
+        label: key,
+        value: val
+      }));
     }
+    return [];
   });
-  const clear = () => apis.forEach(api => {
-    try {
-      api.clear();
-    } catch (err) {
-      handleError(err, `Error clearing ${api.name}`);
+  const type = createMemo(() => {
+    if (Array.isArray(props.value)) {
+      return 'array';
+    } else if (props.value !== null && typeof props.value === 'object' && isIterable(props.value) && typeof props.value[Symbol.iterator] === 'function') {
+      return 'Iterable';
+    } else if (typeof props.value === 'object' && props.value !== null) {
+      return 'object';
     }
+    return typeof props.value;
   });
-  const toJSON = () => {
-    const result = {};
-    const addValue = (key, value) => {
-      if (!result.hasOwnProperty(key)) {
-        const filteredValue = value && props?.deserializer ? props.deserializer(value, key, props.options) : value;
-        if (filteredValue) {
-          result[key] = filteredValue;
-        }
-      }
-    };
-    apis.forEach(api => {
-      if (typeof api.getAll === "function") {
-        let values;
-        try {
-          values = api.getAll();
-        } catch (err) {
-          handleError(err, `Error getting all values from in ${api.name}`);
-        }
-        for (const key of values) {
-          addValue(key, values[key]);
-        }
-      } else {
-        let index = 0,
-          key;
-        try {
-          while (key = api.key(index++)) {
-            if (!result.hasOwnProperty(key)) {
-              addValue(key, api.getItem(key));
+  const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
+  return (() => {
+    const _el$3 = _tmpl$4$1.cloneNode(true);
+    insert(_el$3, createComponent(Show, {
+      get when() {
+        return subEntryPages().length;
+      },
+      get children() {
+        return [(() => {
+          const _el$4 = _tmpl$3$1.cloneNode(true),
+            _el$5 = _el$4.firstChild,
+            _el$6 = _el$5.nextSibling,
+            _el$7 = _el$6.nextSibling,
+            _el$8 = _el$7.nextSibling,
+            _el$9 = _el$8.firstChild;
+          _el$4.$$click = () => toggleExpanded();
+          insert(_el$4, createComponent(Expander, {
+            get expanded() {
+              return expanded();
             }
+          }), _el$5);
+          insert(_el$6, () => props.label);
+          insert(_el$8, () => String(type()).toLowerCase() === 'iterable' ? '(Iterable) ' : '', _el$9);
+          insert(_el$8, () => subEntries().length, _el$9);
+          insert(_el$8, () => subEntries().length > 1 ? `items` : `item`, null);
+          createRenderEffect(_p$ => {
+            const _v$3 = styles.expanderButton,
+              _v$4 = styles.info;
+            _v$3 !== _p$._v$3 && className(_el$4, _p$._v$3 = _v$3);
+            _v$4 !== _p$._v$4 && className(_el$8, _p$._v$4 = _v$4);
+            return _p$;
+          }, {
+            _v$3: undefined,
+            _v$4: undefined
+          });
+          return _el$4;
+        })(), createComponent(Show, {
+          get when() {
+            return props.copyable;
+          },
+          get children() {
+            return createComponent(CopyButton, {
+              get value() {
+                return props.value;
+              }
+            });
           }
-        } catch (err) {
-          handleError(err, `Error getting all values from ${api.name}`);
-        }
-      }
-    });
-    return result;
-  };
-  props?.sync !== false && onMount(() => {
-    const listener = ev => {
-      let changed = false;
-      apis.forEach(api => {
-        try {
-          if (api !== ev.storageArea && ev.key && ev.newValue !== api.getItem(ev.key)) {
-            ev.newValue ? api.setItem(ev.key, ev.newValue) : api.removeItem(ev.key);
-            changed = true;
+        }), createComponent(Show, {
+          get when() {
+            return expanded();
+          },
+          get children() {
+            return [createComponent(Show, {
+              get when() {
+                return subEntryPages().length === 1;
+              },
+              get children() {
+                const _el$10 = _tmpl$4$1.cloneNode(true);
+                insert(_el$10, createComponent(Key, {
+                  get each() {
+                    return subEntries();
+                  },
+                  by: item => item.label,
+                  children: entry => {
+                    return createComponent(Explorer, {
+                      get defaultExpanded() {
+                        return props.defaultExpanded;
+                      },
+                      get label() {
+                        return entry().label;
+                      },
+                      get value() {
+                        return entry().value;
+                      },
+                      get copyable() {
+                        return props.copyable;
+                      }
+                    });
+                  }
+                }));
+                createRenderEffect(() => className(_el$10, styles.subEntry));
+                return _el$10;
+              }
+            }), createComponent(Show, {
+              get when() {
+                return subEntryPages().length > 1;
+              },
+              get children() {
+                const _el$11 = _tmpl$4$1.cloneNode(true);
+                insert(_el$11, createComponent(Index, {
+                  get each() {
+                    return subEntryPages();
+                  },
+                  children: (entries, index) => (() => {
+                    const _el$15 = _tmpl$7$1.cloneNode(true),
+                      _el$16 = _el$15.firstChild,
+                      _el$17 = _el$16.firstChild,
+                      _el$18 = _el$17.firstChild,
+                      _el$22 = _el$18.nextSibling,
+                      _el$20 = _el$22.nextSibling,
+                      _el$23 = _el$20.nextSibling;
+                      _el$23.nextSibling;
+                    _el$17.$$click = () => setExpandedPages(old => old.includes(index) ? old.filter(d => d !== index) : [...old, index]);
+                    insert(_el$17, createComponent(Expander, {
+                      get expanded() {
+                        return expandedPages().includes(index);
+                      }
+                    }), _el$18);
+                    insert(_el$17, index * 100, _el$22);
+                    insert(_el$17, index * 100 + 100 - 1, _el$23);
+                    insert(_el$16, createComponent(Show, {
+                      get when() {
+                        return expandedPages().includes(index);
+                      },
+                      get children() {
+                        const _el$24 = _tmpl$4$1.cloneNode(true);
+                        insert(_el$24, createComponent(Key, {
+                          get each() {
+                            return entries();
+                          },
+                          by: entry => entry.label,
+                          children: entry => createComponent(Explorer, {
+                            get defaultExpanded() {
+                              return props.defaultExpanded;
+                            },
+                            get label() {
+                              return entry().label;
+                            },
+                            get value() {
+                              return entry().value;
+                            },
+                            get copyable() {
+                              return props.copyable;
+                            }
+                          })
+                        }));
+                        createRenderEffect(() => className(_el$24, styles.subEntry));
+                        return _el$24;
+                      }
+                    }), null);
+                    createRenderEffect(_p$ => {
+                      const _v$5 = styles.entry,
+                        _v$6 = styles.expanderButton;
+                      _v$5 !== _p$._v$5 && className(_el$16, _p$._v$5 = _v$5);
+                      _v$6 !== _p$._v$6 && className(_el$17, _p$._v$6 = _v$6);
+                      return _p$;
+                    }, {
+                      _v$5: undefined,
+                      _v$6: undefined
+                    });
+                    return _el$15;
+                  })()
+                }));
+                createRenderEffect(() => className(_el$11, styles.subEntry));
+                return _el$11;
+              }
+            })];
           }
-        } catch (err) {
-          handleError(err, `Error synching api ${api.name} from storage event (${ev.key}=${ev.newValue})`);
-        }
-      });
-      changed && ev.key && signals.get(ev.key)?.[1]();
-    };
-    if ("addEventListener" in globalThis) {
-      globalThis.addEventListener("storage", listener);
-      onCleanup(() => globalThis.removeEventListener("storage", listener));
-    } else {
-      apis.forEach(api => api.addEventListener?.("storage", listener));
-      onCleanup(() => apis.forEach(api => api.removeEventListener?.("storage", listener)));
-    }
-  });
-  return [store, setter, {
-    clear,
-    error,
-    remove,
-    toJSON
-  }];
+        })];
+      }
+    }), null);
+    insert(_el$3, createComponent(Show, {
+      get when() {
+        return subEntryPages().length === 0;
+      },
+      get children() {
+        return [(() => {
+          const _el$12 = _tmpl$5$1.cloneNode(true),
+            _el$13 = _el$12.firstChild;
+          insert(_el$12, () => props.label, _el$13);
+          createRenderEffect(() => className(_el$12, styles.label));
+          return _el$12;
+        })(), ' ', (() => {
+          const _el$14 = _tmpl$6$1.cloneNode(true);
+          insert(_el$14, () => displayValue(props.value));
+          createRenderEffect(() => className(_el$14, styles.value));
+          return _el$14;
+        })()];
+      }
+    }), null);
+    createRenderEffect(() => className(_el$3, styles.entry));
+    return _el$3;
+  })();
 }
-var createLocalStorage = createStorage;
+const getStyles$1 = () => {
+  const {
+    colors,
+    font,
+    size,
+    border
+  } = tokens;
+  return {
+    entry: css`
+      & * {
+        font-size: ${font.size.sm};
+        font-family: 'Menlo', 'Fira Code', monospace;
+        line-height: 1.7;
+      }
+      position: relative;
+      outline: none;
+      word-break: break-word;
+    `,
+    subEntry: css`
+      margin: 0 0 0 0.5em;
+      padding-left: 0.75em;
+      border-left: 2px solid ${colors.darkGray[400]};
+    `,
+    expander: css`
+      & path {
+        stroke: ${colors.gray[400]};
+      }
+      display: inline-flex;
+      align-items: center;
+      transition: all 0.1s ease;
+    `,
+    expanderButton: css`
+      cursor: pointer;
+      color: inherit;
+      font: inherit;
+      outline: inherit;
+      line-height: ${font.size.sm};
+      background: transparent;
+      border: none;
+      padding: 0;
+      display: inline-flex;
+      align-items: center;
+      gap: ${size[1]};
 
-// src/tools.ts
-var addClearMethod = storage => {
-  if (typeof storage.clear === "function") {
-    return storage;
-  }
-  storage.clear = () => {
-    let key;
-    while (key = storage.key(0)) {
-      storage.removeItem(key);
-    }
-  };
-  return storage;
-};
+      &:focus-visible {
+        border-radius: ${border.radius.xs};
+        outline: 2px solid ${colors.blue[800]};
+      }
+    `,
+    info: css`
+      color: ${colors.gray[500]};
+      font-size: ${font.size.xs};
+      line-height: ${font.size.xs};
+      margin-left: ${size[1]};
+    `,
+    label: css`
+      color: ${colors.gray[300]};
+    `,
+    value: css`
+      color: ${colors.purple[400]};
+    `,
+    copyButton: css`
+      background-color: transparent;
+      border: none;
+      display: inline-flex;
+      padding: 0px;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      width: ${size[3.5]};
+      height: ${size[3.5]};
+      position: relative;
+      top: 4px;
+      left: ${size[2]};
+      z-index: 1;
 
-// src/cookies.ts
-var serializeCookieOptions = options => {
-  if (!options) {
-    return "";
-  }
-  let memo = "";
-  for (const key in options) {
-    if (!options.hasOwnProperty(key)) {
-      continue;
-    }
-    const value = options[key];
-    memo += value instanceof Date ? `; ${key}=${value.toUTCString()}` : typeof value === "boolean" ? `; ${key}` : `; ${key}=${value}`;
-  }
-  return memo;
-};
-var cookieStorage = addClearMethod({
-  _cookies: [globalThis.document, "cookie"],
-  getItem: key => cookieStorage._cookies[0][cookieStorage._cookies[1]].match("(^|;)\\s*" + key + "\\s*=\\s*([^;]+)")?.pop() ?? null,
-  setItem: (key, value, options) => {
-    const oldValue = cookieStorage.getItem(key);
-    cookieStorage._cookies[0][cookieStorage._cookies[1]] = `${key}=${value}${serializeCookieOptions(options)}`;
-    const storageEvent = Object.assign(new Event("storage"), {
-      key,
-      oldValue,
-      newValue: value,
-      url: globalThis.document.URL,
-      storageArea: cookieStorage
-    });
-    window.dispatchEvent(storageEvent);
-  },
-  removeItem: key => {
-    cookieStorage._cookies[0][cookieStorage._cookies[1]] = `${key}=deleted${serializeCookieOptions({
-      expires: new Date(0)
-    })}`;
-  },
-  key: index => {
-    let key = null;
-    let count = 0;
-    cookieStorage._cookies[0][cookieStorage._cookies[1]].replace(/(?:^|;)\s*(.+?)\s*=\s*[^;]+/g, (_, found) => {
-      if (!key && found && count++ === index) {
-        key = found;
+      &:hover svg .copier {
+        stroke: ${colors.gray[500]} !important;
       }
-      return "";
-    });
-    return key;
-  },
-  get length() {
-    let length = 0;
-    cookieStorage._cookies[0][cookieStorage._cookies[1]].replace(/(?:^|;)\s*.+?\s*=\s*[^;]+/g, found => {
-      length += found ? 1 : 0;
-      return "";
-    });
-    return length;
-  }
-});
 
-// src/index.ts
-function makeResizeObserver(callback, options) {
-  const observer = new ResizeObserver(callback);
-  onCleanup(observer.disconnect.bind(observer));
-  return {
-    observe: ref => observer.observe(ref, options),
-    unobserve: observer.unobserve.bind(observer)
-  };
-}
-function createResizeObserver(targets, onResize, options) {
-  const previousMap = /* @__PURE__ */new WeakMap(),
-    {
-      observe,
-      unobserve
-    } = makeResizeObserver(entries => {
-      for (const entry of entries) {
-        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);
-          previousMap.set(target, {
-            width,
-            height
-          });
-        }
+      &:focus-visible {
+        border-radius: ${border.radius.xs};
+        outline: 2px solid ${colors.blue[800]};
+        outline-offset: 2px;
       }
-    }, options);
-  createEffect(prev => {
-    const refs = filterNonNullable(asArray(access(targets)));
-    handleDiffArray(refs, prev, observe, unobserve);
-    return refs;
-  }, []);
+    `
+  };
+};
+delegateEvents(["click"]);
+
+const QueryDevtoolsContext = createContext({
+  client: undefined,
+  onlineManager: undefined,
+  queryFlavor: '',
+  version: ''
+});
+function useQueryDevtoolsContext() {
+  return useContext(QueryDevtoolsContext);
 }
 
+const 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);
+};
+
 const _tmpl$ = /*#__PURE__*/template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools"></button></div>`, 6),
   _tmpl$2 = /*#__PURE__*/template(`<div></div>`, 2),
   _tmpl$3 = /*#__PURE__*/template(`<span>Asc</span>`, 2),
@@ -5273,13 +5273,11 @@ const DevtoolsPanel = props => {
     }), null);
     _el$24.$$click = () => {
       if (offline()) {
-        onlineManager().setOnline(undefined);
+        onlineManager().setOnline(true);
         setOffline(false);
-        window.dispatchEvent(new Event('online'));
       } else {
         onlineManager().setOnline(false);
         setOffline(true);
-        window.dispatchEvent(new Event('offline'));
       }
     };
     insert(_el$24, (() => {
@@ -6755,4 +6753,4 @@ const getStyles = () => {
 delegateEvents(["click", "mousedown", "input"]);
 
 export { Devtools, DevtoolsComponent, DevtoolsPanel, QueryRow, QueryStatus, QueryStatusCount, DevtoolsComponent as default };
-//# sourceMappingURL=Devtools-5d9adcd8.js.map
+//# sourceMappingURL=Devtools-74e35f67.js.map