tinybase 8.0.0 → 8.1.0-beta.1

package/ui-svelte/with-schemas/index.js

@@ -0,0 +1,2015 @@
+import {getContext, setContext} from 'svelte';
+import * as $ from 'svelte/internal/client';
+import 'svelte/internal/disclose-version';
+
+const getTypeOf = (thing) => typeof thing;
+const TINYBASE = 'tinybase';
+const EMPTY_STRING = '';
+const STRING = getTypeOf(EMPTY_STRING);
+const LISTENER = 'Listener';
+const RESULT = 'Result';
+const GET = 'get';
+const ADD = 'add';
+const HAS = 'Has';
+const _HAS = 'has';
+const IDS = 'Ids';
+const TABLE = 'Table';
+const TABLES = TABLE + 's';
+const TABLE_IDS = TABLE + IDS;
+const ROW = 'Row';
+const ROW_COUNT = ROW + 'Count';
+const ROW_IDS = ROW + IDS;
+const SORTED_ROW_IDS = 'Sorted' + ROW + IDS;
+const CELL = 'Cell';
+const CELL_IDS = CELL + IDS;
+const VALUE = 'Value';
+const VALUES = VALUE + 's';
+const VALUE_IDS = VALUE + IDS;
+const STATUS = 'Status';
+const METRIC = 'Metric';
+const INDEX = 'Index';
+const SLICE = 'Slice';
+const RELATIONSHIP = 'Relationship';
+const REMOTE_ROW_ID = 'Remote' + ROW + 'Id';
+const LOCAL = 'Local';
+const LINKED = 'Linked';
+const QUERY = 'Query';
+const CHECKPOINT = 'Checkpoint';
+
+const getIfNotFunction = (predicate) => (value, then, otherwise) =>
+  predicate(value) ? otherwise?.() : then(value);
+const isUndefined = (thing) => thing === void 0;
+const ifNotUndefined = getIfNotFunction(isUndefined);
+const isString = (thing) => getTypeOf(thing) == STRING;
+
+const object = Object;
+const objIds = object.keys;
+const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
+
+const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
+
+/* hooks.svelte.ts generated by Svelte v5.53.8 */
+
+const EMPTY_ARR = [];
+const EMPTY_OBJ = {};
+const DEFAULT_CHECKPOINT_IDS = [EMPTY_ARR, void 0, EMPTY_ARR];
+const rv = (v) => (typeof v === 'function' ? v() : v);
+const OFFSET_STORE = 0;
+const OFFSET_METRICS = 1;
+const OFFSET_INDEXES = 2;
+const OFFSET_RELATIONSHIPS = 3;
+const OFFSET_QUERIES = 4;
+const OFFSET_CHECKPOINTS = 5;
+const OFFSET_PERSISTER = 6;
+const OFFSET_SYNCHRONIZER = 7;
+const getCtx = () => getContext(TINYBASE_CONTEXT_KEY) ?? [];
+
+const resolveWithCtx = (ctx, thingOrId, offset) => {
+  if (!isUndefined(thingOrId) && !isString(thingOrId)) return thingOrId;
+
+  return isUndefined(thingOrId)
+    ? ctx[offset * 2]
+    : objGet(ctx[offset * 2 + 1], thingOrId);
+};
+
+const resolveByOffset = (thingOrId, offset) =>
+  resolveWithCtx(getCtx(), thingOrId, offset);
+
+const mkGetter = (offset, thingOrId) => {
+  const ctx = getCtx();
+
+  return () =>
+    resolveWithCtx(
+      ctx,
+      typeof thingOrId === 'function' ? thingOrId() : thingOrId,
+      offset,
+    );
+};
+
+const getThingIds = (ctx, offset) => objIds(ctx[offset * 2 + 1] ?? EMPTY_OBJ);
+const sg = (s) => mkGetter(OFFSET_STORE, s);
+const mg = (m) => mkGetter(OFFSET_METRICS, m);
+const ig = (i) => mkGetter(OFFSET_INDEXES, i);
+const rg = (r) => mkGetter(OFFSET_RELATIONSHIPS, r);
+const qg = (q) => mkGetter(OFFSET_QUERIES, q);
+const cg = (c) => mkGetter(OFFSET_CHECKPOINTS, c);
+const pg = (p) => mkGetter(OFFSET_PERSISTER, p);
+const syg = (sy) => mkGetter(OFFSET_SYNCHRONIZER, sy);
+
+const useListenable = (
+  getThing,
+  getMethod,
+  addMethod,
+  defaultValue,
+  getArgs,
+) => {
+  let value = $.state(
+    $.proxy(getThing()?.[getMethod]?.(...getArgs()) ?? defaultValue),
+  );
+
+  $.user_effect(() => {
+    const thing = getThing();
+    const args = getArgs();
+
+    $.set(value, thing?.[getMethod]?.(...args) ?? defaultValue, true);
+
+    const listenerId = thing?.[addMethod]?.(...args, () => {
+      $.set(value, thing[getMethod](...getArgs()) ?? defaultValue, true);
+    });
+
+    return () => thing?.delListener?.(listenerId);
+  });
+
+  return {
+    get current() {
+      return $.get(value);
+    },
+  };
+};
+
+const useGet = (
+  getThing,
+  listenable,
+  defaultValue,
+  getArgs = () => EMPTY_ARR,
+) =>
+  useListenable(
+    getThing,
+    GET + listenable,
+    ADD + listenable + LISTENER,
+    defaultValue,
+    getArgs,
+  );
+
+const useHas = (getThing, listenable, getArgs = () => EMPTY_ARR) =>
+  useListenable(
+    getThing,
+    _HAS + listenable,
+    ADD + HAS + listenable + LISTENER,
+    false,
+    getArgs,
+  );
+
+const useHasTables = (storeOrStoreId) => useHas(sg(storeOrStoreId), TABLES);
+const useTables = (storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), TABLES, EMPTY_OBJ);
+const useTableIds = (storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), TABLE_IDS, EMPTY_ARR);
+const useHasTable = (tableId, storeOrStoreId) =>
+  useHas(sg(storeOrStoreId), TABLE, () => [rv(tableId)]);
+const useTable = (tableId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), TABLE, EMPTY_OBJ, () => [rv(tableId)]);
+const useTableCellIds = (tableId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), TABLE + CELL_IDS, EMPTY_ARR, () => [rv(tableId)]);
+const useHasTableCell = (tableId, cellId, storeOrStoreId) =>
+  useHas(sg(storeOrStoreId), TABLE + CELL, () => [rv(tableId), rv(cellId)]);
+const useRowCount = (tableId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), ROW_COUNT, 0, () => [rv(tableId)]);
+const useRowIds = (tableId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), ROW_IDS, EMPTY_ARR, () => [rv(tableId)]);
+
+const useSortedRowIds = (
+  tableId,
+  cellId,
+  descending = false,
+  offset = 0,
+  limit,
+  storeOrStoreId,
+) =>
+  useGet(sg(storeOrStoreId), SORTED_ROW_IDS, EMPTY_ARR, () => [
+    rv(tableId),
+    rv(cellId),
+    rv(descending),
+    rv(offset),
+    rv(limit),
+  ]);
+
+const useHasRow = (tableId, rowId, storeOrStoreId) =>
+  useHas(sg(storeOrStoreId), ROW, () => [rv(tableId), rv(rowId)]);
+const useRow = (tableId, rowId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), ROW, EMPTY_OBJ, () => [rv(tableId), rv(rowId)]);
+const useCellIds = (tableId, rowId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), CELL_IDS, EMPTY_ARR, () => [
+    rv(tableId),
+    rv(rowId),
+  ]);
+const useHasCell = (tableId, rowId, cellId, storeOrStoreId) =>
+  useHas(sg(storeOrStoreId), CELL, () => [rv(tableId), rv(rowId), rv(cellId)]);
+const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), CELL, void 0, () => [
+    rv(tableId),
+    rv(rowId),
+    rv(cellId),
+  ]);
+
+const useCellState = (tableId, rowId, cellId, storeOrStoreId) => {
+  const getS = sg(storeOrStoreId);
+  let value = $.state(
+    $.proxy(getS()?.getCell(rv(tableId), rv(rowId), rv(cellId))),
+  );
+
+  $.user_effect(() => {
+    const s = getS();
+
+    const t = rv(tableId),
+      r = rv(rowId),
+      c = rv(cellId);
+
+    $.set(value, s?.getCell(t, r, c), true);
+
+    const listenerId = s?.addCellListener(t, r, c, (st) => {
+      $.set(value, st.getCell(rv(tableId), rv(rowId), rv(cellId)), true);
+    });
+
+    return () => s?.delListener?.(listenerId);
+  });
+
+  return {
+    get current() {
+      return $.get(value);
+    },
+
+    set current(v) {
+      getS()?.setCell(rv(tableId), rv(rowId), rv(cellId), v);
+    },
+  };
+};
+
+const useHasValues = (storeOrStoreId) => useHas(sg(storeOrStoreId), VALUES);
+const useValues = (storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), VALUES, EMPTY_OBJ);
+const useValueIds = (storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), VALUE_IDS, EMPTY_ARR);
+const useHasValue = (valueId, storeOrStoreId) =>
+  useHas(sg(storeOrStoreId), VALUE, () => [rv(valueId)]);
+const useValue = (valueId, storeOrStoreId) =>
+  useGet(sg(storeOrStoreId), VALUE, void 0, () => [rv(valueId)]);
+
+const useValueState = (valueId, storeOrStoreId) => {
+  const getS = sg(storeOrStoreId);
+  let value = $.state($.proxy(getS()?.getValue(rv(valueId))));
+
+  $.user_effect(() => {
+    const s = getS();
+    const vid = rv(valueId);
+
+    $.set(value, s?.getValue(vid), true);
+
+    const listenerId = s?.addValueListener(vid, (st) => {
+      $.set(value, st.getValue(rv(valueId)), true);
+    });
+
+    return () => s?.delListener?.(listenerId);
+  });
+
+  return {
+    get current() {
+      return $.get(value);
+    },
+
+    set current(v) {
+      getS()?.setValue(rv(valueId), v);
+    },
+  };
+};
+
+const useStore = (id) => resolveByOffset(id, OFFSET_STORE);
+
+const useStoreIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_STORE)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_STORE), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const useMetrics = (id) => resolveByOffset(id, OFFSET_METRICS);
+
+const useMetricsIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_METRICS)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_METRICS), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const useMetricIds = (metricsOrMetricsId) =>
+  useGet(mg(metricsOrMetricsId), METRIC + IDS, EMPTY_ARR);
+const useMetric = (metricId, metricsOrMetricsId) =>
+  useGet(mg(metricsOrMetricsId), METRIC, void 0, () => [rv(metricId)]);
+const useIndexes = (id) => resolveByOffset(id, OFFSET_INDEXES);
+
+const useIndexesIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_INDEXES)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_INDEXES), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const useIndexIds = (indexesOrIndexesId) =>
+  useGet(ig(indexesOrIndexesId), INDEX + IDS, EMPTY_ARR);
+const useSliceIds = (indexId, indexesOrIndexesId) =>
+  useGet(ig(indexesOrIndexesId), SLICE + IDS, EMPTY_ARR, () => [rv(indexId)]);
+const useSliceRowIds = (indexId, sliceId, indexesOrIndexesId) =>
+  useGet(ig(indexesOrIndexesId), SLICE + ROW_IDS, EMPTY_ARR, () => [
+    rv(indexId),
+    rv(sliceId),
+  ]);
+const useQueries = (id) => resolveByOffset(id, OFFSET_QUERIES);
+
+const useQueriesIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_QUERIES)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_QUERIES), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const useQueryIds = (queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), QUERY + IDS, EMPTY_ARR);
+const useResultTable = (queryId, queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), RESULT + TABLE, EMPTY_OBJ, () => [
+    rv(queryId),
+  ]);
+const useResultTableCellIds = (queryId, queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), RESULT + TABLE + CELL_IDS, EMPTY_ARR, () => [
+    rv(queryId),
+  ]);
+const useResultRowCount = (queryId, queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), RESULT + ROW_COUNT, 0, () => [rv(queryId)]);
+const useResultRowIds = (queryId, queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), RESULT + ROW_IDS, EMPTY_ARR, () => [
+    rv(queryId),
+  ]);
+
+const useResultSortedRowIds = (
+  queryId,
+  cellId,
+  descending = false,
+  offset = 0,
+  limit,
+  queriesOrQueriesId,
+) =>
+  useGet(qg(queriesOrQueriesId), RESULT + SORTED_ROW_IDS, EMPTY_ARR, () => [
+    rv(queryId),
+    rv(cellId),
+    rv(descending),
+    rv(offset),
+    rv(limit),
+  ]);
+
+const useResultRow = (queryId, rowId, queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), RESULT + ROW, EMPTY_OBJ, () => [
+    rv(queryId),
+    rv(rowId),
+  ]);
+const useResultCellIds = (queryId, rowId, queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), RESULT + CELL_IDS, EMPTY_ARR, () => [
+    rv(queryId),
+    rv(rowId),
+  ]);
+const useResultCell = (queryId, rowId, cellId, queriesOrQueriesId) =>
+  useGet(qg(queriesOrQueriesId), RESULT + CELL, void 0, () => [
+    rv(queryId),
+    rv(rowId),
+    rv(cellId),
+  ]);
+const useRelationships = (id) => resolveByOffset(id, OFFSET_RELATIONSHIPS);
+
+const useRelationshipsIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_RELATIONSHIPS)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_RELATIONSHIPS), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const useRelationshipIds = (relationshipsOrRelationshipsId) =>
+  useGet(rg(relationshipsOrRelationshipsId), RELATIONSHIP + IDS, EMPTY_ARR);
+const useRemoteRowId = (
+  relationshipId,
+  localRowId,
+  relationshipsOrRelationshipsId,
+) =>
+  useGet(rg(relationshipsOrRelationshipsId), REMOTE_ROW_ID, void 0, () => [
+    rv(relationshipId),
+    rv(localRowId),
+  ]);
+const useLocalRowIds = (
+  relationshipId,
+  remoteRowId,
+  relationshipsOrRelationshipsId,
+) =>
+  useGet(rg(relationshipsOrRelationshipsId), LOCAL + ROW_IDS, EMPTY_ARR, () => [
+    rv(relationshipId),
+    rv(remoteRowId),
+  ]);
+const useLinkedRowIds = (
+  relationshipId,
+  firstRowId,
+  relationshipsOrRelationshipsId,
+) =>
+  useGet(
+    rg(relationshipsOrRelationshipsId),
+    LINKED + ROW_IDS,
+    EMPTY_ARR,
+    () => [rv(relationshipId), rv(firstRowId)],
+  );
+const useCheckpoints = (id) => resolveByOffset(id, OFFSET_CHECKPOINTS);
+
+const useCheckpointsIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_CHECKPOINTS)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_CHECKPOINTS), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const useCheckpointIds = (checkpointsOrCheckpointsId) =>
+  useGet(
+    cg(checkpointsOrCheckpointsId),
+    CHECKPOINT + IDS,
+    DEFAULT_CHECKPOINT_IDS,
+  );
+const useCheckpoint = (checkpointId, checkpointsOrCheckpointsId) =>
+  useGet(cg(checkpointsOrCheckpointsId), CHECKPOINT, void 0, () => [
+    rv(checkpointId),
+  ]);
+
+const useGoBackwardCallback = (checkpointsOrCheckpointsId) => {
+  const getC = cg(checkpointsOrCheckpointsId);
+
+  return () => getC()?.goBackward();
+};
+
+const useGoForwardCallback = (checkpointsOrCheckpointsId) => {
+  const getC = cg(checkpointsOrCheckpointsId);
+
+  return () => getC()?.goForward();
+};
+
+const usePersister = (id) => resolveByOffset(id, OFFSET_PERSISTER);
+
+const usePersisterIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_PERSISTER)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_PERSISTER), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const usePersisterStatus = (persisterOrPersisterId) =>
+  useGet(pg(persisterOrPersisterId), STATUS, 0);
+const useSynchronizer = (id) => resolveByOffset(id, OFFSET_SYNCHRONIZER);
+
+const useSynchronizerIds = () => {
+  const ctx = getCtx();
+  let ids = $.state($.proxy(getThingIds(ctx, OFFSET_SYNCHRONIZER)));
+
+  $.user_effect(() => {
+    $.set(ids, getThingIds(ctx, OFFSET_SYNCHRONIZER), true);
+  });
+
+  return {
+    get current() {
+      return $.get(ids);
+    },
+  };
+};
+
+const useSynchronizerStatus = (synchronizerOrSynchronizerId) =>
+  useGet(syg(synchronizerOrSynchronizerId), STATUS, 0);
+
+const injectThing = (offset, id, thing) => {
+  const ctx = getCtx();
+
+  $.user_effect(() => {
+    ctx[16]?.(offset, id, thing);
+
+    return () => ctx[17]?.(offset, id);
+  });
+};
+
+const provideStore = (storeId, store) =>
+  injectThing(OFFSET_STORE, storeId, store);
+const provideMetrics = (metricsId, metrics) =>
+  injectThing(OFFSET_METRICS, metricsId, metrics);
+const provideIndexes = (indexesId, indexes) =>
+  injectThing(OFFSET_INDEXES, indexesId, indexes);
+const provideRelationships = (relationshipsId, relationships) =>
+  injectThing(OFFSET_RELATIONSHIPS, relationshipsId, relationships);
+const provideQueries = (queriesId, queries) =>
+  injectThing(OFFSET_QUERIES, queriesId, queries);
+const provideCheckpoints = (checkpointsId, checkpoints) =>
+  injectThing(OFFSET_CHECKPOINTS, checkpointsId, checkpoints);
+const providePersister = (persisterId, persister) =>
+  injectThing(OFFSET_PERSISTER, persisterId, persister);
+const provideSynchronizer = (synchronizerId, synchronizer) =>
+  injectThing(OFFSET_SYNCHRONIZER, synchronizerId, synchronizer);
+
+function CheckpointView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const checkpoint = useCheckpoint(
+    () => $$props.checkpointId,
+    () => $$props.checkpoints,
+  );
+  const display = $.derived(() => '' + (checkpoint.current ?? ''));
+
+  const output = $.derived(() =>
+    $$props.debugIds
+      ? `${$$props.checkpointId}:{${$.get(display)}}`
+      : $.get(display),
+  );
+
+  $.next();
+
+  var text = $.text();
+
+  $.template_effect(() => $.set_text(text, $.get(output)));
+  $.append($$anchor, text);
+  $.pop();
+}
+
+var root_2 = $.from_html(`<!><!>`, 1);
+var root$1 = $.from_html(`<!><!><!>`, 1);
+
+function ItemsView($$anchor, $$props) {
+  var fragment = root$1();
+  var node = $.first_child(fragment);
+
+  {
+    var consequent = ($$anchor) => {
+      var text = $.text();
+
+      $.template_effect(() => $.set_text(text, `${$$props.id ?? ''}:{`));
+      $.append($$anchor, text);
+    };
+
+    $.if(node, ($$render) => {
+      if ($$props.debugIds && $$props.id !== undefined) $$render(consequent);
+    });
+  }
+
+  var node_1 = $.sibling(node);
+
+  $.each(
+    node_1,
+    17,
+    () => $$props.ids,
+    $.index,
+    ($$anchor, itemId, i) => {
+      var fragment_2 = root_2();
+      var node_2 = $.first_child(fragment_2);
+
+      {
+        var consequent_1 = ($$anchor) => {
+          var fragment_3 = $.comment();
+          var node_3 = $.first_child(fragment_3);
+
+          $.snippet(node_3, () => $$props.separator);
+          $.append($$anchor, fragment_3);
+        };
+
+        $.if(node_2, ($$render) => {
+          if (i > 0 && $$props.separator) $$render(consequent_1);
+        });
+      }
+
+      var node_4 = $.sibling(node_2);
+
+      {
+        var consequent_2 = ($$anchor) => {
+          var fragment_4 = $.comment();
+          var node_5 = $.first_child(fragment_4);
+
+          $.snippet(
+            node_5,
+            () => $$props.custom,
+            () => $.get(itemId),
+          );
+          $.append($$anchor, fragment_4);
+        };
+
+        var alternate = ($$anchor) => {
+          var fragment_5 = $.comment();
+          var node_6 = $.first_child(fragment_5);
+
+          $.snippet(
+            node_6,
+            () => $$props.children,
+            () => $.get(itemId),
+          );
+          $.append($$anchor, fragment_5);
+        };
+
+        $.if(node_4, ($$render) => {
+          if ($$props.custom) $$render(consequent_2);
+          else $$render(alternate, -1);
+        });
+      }
+
+      $.append($$anchor, fragment_2);
+    },
+  );
+
+  var node_7 = $.sibling(node_1);
+
+  {
+    var consequent_3 = ($$anchor) => {
+      var text_1 = $.text();
+
+      text_1.nodeValue = '}';
+      $.append($$anchor, text_1);
+    };
+
+    $.if(node_7, ($$render) => {
+      if ($$props.debugIds && $$props.id !== undefined) $$render(consequent_3);
+    });
+  }
+
+  $.append($$anchor, fragment);
+}
+
+function BackwardCheckpointsView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const checkpointIds = useCheckpointIds(() => $$props.checkpoints);
+  const ids = $.derived(() => checkpointIds.current[0]);
+
+  {
+    const children = ($$anchor, checkpointId = $.noop) => {
+      CheckpointView($$anchor, {
+        get checkpointId() {
+          return checkpointId();
+        },
+
+        get checkpoints() {
+          return $$props.checkpoints;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return $.get(ids);
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get custom() {
+        return $$props.checkpoint;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function CellView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const cell = useCell(
+    () => $$props.tableId,
+    () => $$props.rowId,
+    () => $$props.cellId,
+    () => $$props.store,
+  );
+  const display = $.derived(() => '' + (cell.current ?? ''));
+
+  const output = $.derived(() =>
+    $$props.debugIds ? `${$$props.cellId}:{${$.get(display)}}` : $.get(display),
+  );
+
+  $.next();
+
+  var text = $.text();
+
+  $.template_effect(() => $.set_text(text, $.get(output)));
+  $.append($$anchor, text);
+  $.pop();
+}
+
+function CurrentCheckpointView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const checkpointIds = useCheckpointIds(() => $$props.checkpoints);
+  const currentId = $.derived(() => checkpointIds.current[1]);
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+
+  {
+    var consequent_1 = ($$anchor) => {
+      var fragment_1 = $.comment();
+      var node_1 = $.first_child(fragment_1);
+
+      {
+        var consequent = ($$anchor) => {
+          var fragment_2 = $.comment();
+          var node_2 = $.first_child(fragment_2);
+
+          $.snippet(
+            node_2,
+            () => $$props.checkpoint,
+            () => $.get(currentId),
+          );
+          $.append($$anchor, fragment_2);
+        };
+
+        var alternate = ($$anchor) => {
+          CheckpointView($$anchor, {
+            get checkpointId() {
+              return $.get(currentId);
+            },
+
+            get checkpoints() {
+              return $$props.checkpoints;
+            },
+
+            get debugIds() {
+              return $$props.debugIds;
+            },
+          });
+        };
+
+        $.if(node_1, ($$render) => {
+          if ($$props.checkpoint) $$render(consequent);
+          else $$render(alternate, -1);
+        });
+      }
+
+      $.append($$anchor, fragment_1);
+    };
+
+    $.if(node, ($$render) => {
+      if ($.get(currentId) !== undefined) $$render(consequent_1);
+    });
+  }
+
+  $.append($$anchor, fragment);
+  $.pop();
+}
+
+function ForwardCheckpointsView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const checkpointIds = useCheckpointIds(() => $$props.checkpoints);
+  const ids = $.derived(() => checkpointIds.current[2]);
+
+  {
+    const children = ($$anchor, checkpointId = $.noop) => {
+      CheckpointView($$anchor, {
+        get checkpointId() {
+          return checkpointId();
+        },
+
+        get checkpoints() {
+          return $$props.checkpoints;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return $.get(ids);
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get custom() {
+        return $$props.checkpoint;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function RowView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const defaultCellIds = useCellIds(
+    () => $$props.tableId,
+    () => $$props.rowId,
+    () => $$props.store,
+  );
+  const activeCellIds = $.derived(
+    () => $$props.customCellIds ?? defaultCellIds.current,
+  );
+
+  {
+    const children = ($$anchor, cellId = $.noop) => {
+      CellView($$anchor, {
+        get tableId() {
+          return $$props.tableId;
+        },
+
+        get rowId() {
+          return $$props.rowId;
+        },
+
+        get cellId() {
+          return cellId();
+        },
+
+        get store() {
+          return $$props.store;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return $.get(activeCellIds);
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.rowId;
+      },
+
+      get custom() {
+        return $$props.cell;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function SliceView($$anchor, $$props) {
+  $.push($$props, true);
+
+  // Capture context at init to resolve Indexes → store/tableId
+  const _ctx = getContext(TINYBASE_CONTEXT_KEY) ?? [];
+
+  const _resolvedIndexes = $.derived(() =>
+    isString($$props.indexes)
+      ? objGet(_ctx[5], $$props.indexes)
+      : ($$props.indexes ?? _ctx[4]),
+  );
+
+  const _store = $.derived(() => $.get(_resolvedIndexes)?.getStore());
+  const _tableId = $.derived(() =>
+    $.get(_resolvedIndexes)?.getTableId($$props.indexId),
+  );
+  const rowIds = useSliceRowIds(
+    () => $$props.indexId,
+    () => $$props.sliceId,
+    () => $$props.indexes,
+  );
+
+  {
+    const children = ($$anchor, rowId = $.noop) => {
+      var fragment_1 = $.comment();
+      var node = $.first_child(fragment_1);
+
+      {
+        var consequent = ($$anchor) => {
+          RowView($$anchor, {
+            get tableId() {
+              return $.get(_tableId);
+            },
+
+            get rowId() {
+              return rowId();
+            },
+
+            get store() {
+              return $.get(_store);
+            },
+
+            get debugIds() {
+              return $$props.debugIds;
+            },
+          });
+        };
+
+        $.if(node, ($$render) => {
+          if ($.get(_tableId)) $$render(consequent);
+        });
+      }
+
+      $.append($$anchor, fragment_1);
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return rowIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.sliceId;
+      },
+
+      get custom() {
+        return $$props.row;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function IndexView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const sliceIds = useSliceIds(
+    () => $$props.indexId,
+    () => $$props.indexes,
+  );
+
+  {
+    const children = ($$anchor, sliceId = $.noop) => {
+      SliceView($$anchor, {
+        get indexId() {
+          return $$props.indexId;
+        },
+
+        get sliceId() {
+          return sliceId();
+        },
+
+        get indexes() {
+          return $$props.indexes;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return sliceIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.indexId;
+      },
+
+      get custom() {
+        return $$props.slice;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function LinkedRowsView($$anchor, $$props) {
+  $.push($$props, true);
+
+  // Capture context at init to resolve Relationships → store/tableId
+  const _ctx = getContext(TINYBASE_CONTEXT_KEY) ?? [];
+
+  const _resolvedRelationships = $.derived(() =>
+    isString($$props.relationships)
+      ? objGet(_ctx[7], $$props.relationships)
+      : ($$props.relationships ?? _ctx[6]),
+  );
+
+  const _store = $.derived(() => $.get(_resolvedRelationships)?.getStore());
+  const _tableId = $.derived(() =>
+    $.get(_resolvedRelationships)?.getLocalTableId($$props.relationshipId),
+  );
+  const rowIds = useLinkedRowIds(
+    () => $$props.relationshipId,
+    () => $$props.firstRowId,
+    () => $$props.relationships,
+  );
+
+  {
+    const children = ($$anchor, rowId = $.noop) => {
+      var fragment_1 = $.comment();
+      var node = $.first_child(fragment_1);
+
+      {
+        var consequent = ($$anchor) => {
+          RowView($$anchor, {
+            get tableId() {
+              return $.get(_tableId);
+            },
+
+            get rowId() {
+              return rowId();
+            },
+
+            get store() {
+              return $.get(_store);
+            },
+
+            get debugIds() {
+              return $$props.debugIds;
+            },
+          });
+        };
+
+        $.if(node, ($$render) => {
+          if ($.get(_tableId)) $$render(consequent);
+        });
+      }
+
+      $.append($$anchor, fragment_1);
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return rowIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.firstRowId;
+      },
+
+      get custom() {
+        return $$props.row;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function LocalRowsView($$anchor, $$props) {
+  $.push($$props, true);
+
+  // Capture context at init to resolve Relationships → store/tableId
+  const _ctx = getContext(TINYBASE_CONTEXT_KEY) ?? [];
+
+  const _resolvedRelationships = $.derived(() =>
+    isString($$props.relationships)
+      ? objGet(_ctx[7], $$props.relationships)
+      : ($$props.relationships ?? _ctx[6]),
+  );
+
+  const _store = $.derived(() => $.get(_resolvedRelationships)?.getStore());
+  const _tableId = $.derived(() =>
+    $.get(_resolvedRelationships)?.getLocalTableId($$props.relationshipId),
+  );
+  const rowIds = useLocalRowIds(
+    () => $$props.relationshipId,
+    () => $$props.remoteRowId,
+    () => $$props.relationships,
+  );
+
+  {
+    const children = ($$anchor, rowId = $.noop) => {
+      var fragment_1 = $.comment();
+      var node = $.first_child(fragment_1);
+
+      {
+        var consequent = ($$anchor) => {
+          RowView($$anchor, {
+            get tableId() {
+              return $.get(_tableId);
+            },
+
+            get rowId() {
+              return rowId();
+            },
+
+            get store() {
+              return $.get(_store);
+            },
+
+            get debugIds() {
+              return $$props.debugIds;
+            },
+          });
+        };
+
+        $.if(node, ($$render) => {
+          if ($.get(_tableId)) $$render(consequent);
+        });
+      }
+
+      $.append($$anchor, fragment_1);
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return rowIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.remoteRowId;
+      },
+
+      get custom() {
+        return $$props.row;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function MetricView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const metric = useMetric(
+    () => $$props.metricId,
+    () => $$props.metrics,
+  );
+  const display = $.derived(() => '' + (metric.current ?? ''));
+
+  const output = $.derived(() =>
+    $$props.debugIds
+      ? `${$$props.metricId}:{${$.get(display)}}`
+      : $.get(display),
+  );
+
+  $.next();
+
+  var text = $.text();
+
+  $.template_effect(() => $.set_text(text, $.get(output)));
+  $.append($$anchor, text);
+  $.pop();
+}
+
+function Provider($$anchor, $$props) {
+  $.push($$props, true);
+
+  const parentCtx = getContext(TINYBASE_CONTEXT_KEY) ?? [];
+  let extras = $.proxy(Array.from({length: 8}, () => ({})));
+
+  const addThing = (offset, id, thing) => {
+    extras[offset] = {...extras[offset], [id]: thing};
+  };
+
+  const delThing = (offset, id) => {
+    const {[id]: _, ...rest} = extras[offset];
+
+    extras[offset] = rest;
+  };
+
+  const ctx = {
+    get [0]() {
+      return $$props.store ?? parentCtx[0];
+    },
+
+    get [1]() {
+      return {...(parentCtx[1] ?? {}), ...$$props.storesById, ...extras[0]};
+    },
+
+    get [2]() {
+      return $$props.metrics ?? parentCtx[2];
+    },
+
+    get [3]() {
+      return {...(parentCtx[3] ?? {}), ...$$props.metricsById, ...extras[1]};
+    },
+
+    get [4]() {
+      return $$props.indexes ?? parentCtx[4];
+    },
+
+    get [5]() {
+      return {...(parentCtx[5] ?? {}), ...$$props.indexesById, ...extras[2]};
+    },
+
+    get [6]() {
+      return $$props.relationships ?? parentCtx[6];
+    },
+
+    get [7]() {
+      return {
+        ...(parentCtx[7] ?? {}),
+        ...$$props.relationshipsById,
+        ...extras[3],
+      };
+    },
+
+    get [8]() {
+      return $$props.queries ?? parentCtx[8];
+    },
+
+    get [9]() {
+      return {...(parentCtx[9] ?? {}), ...$$props.queriesById, ...extras[4]};
+    },
+
+    get [10]() {
+      return $$props.checkpoints ?? parentCtx[10];
+    },
+
+    get [11]() {
+      return {
+        ...(parentCtx[11] ?? {}),
+        ...$$props.checkpointsById,
+        ...extras[5],
+      };
+    },
+
+    get [12]() {
+      return $$props.persister ?? parentCtx[12];
+    },
+
+    get [13]() {
+      return {
+        ...(parentCtx[13] ?? {}),
+        ...$$props.persistersById,
+        ...extras[6],
+      };
+    },
+
+    get [14]() {
+      return $$props.synchronizer ?? parentCtx[14];
+    },
+
+    get [15]() {
+      return {
+        ...(parentCtx[15] ?? {}),
+        ...$$props.synchronizersById,
+        ...extras[7],
+      };
+    },
+
+    get [16]() {
+      return addThing;
+    },
+
+    get [17]() {
+      return delThing;
+    },
+  };
+
+  setContext(TINYBASE_CONTEXT_KEY, ctx);
+
+  var fragment = $.comment();
+  var node = $.first_child(fragment);
+
+  $.snippet(node, () => $$props.children);
+  $.append($$anchor, fragment);
+  $.pop();
+}
+
+var root = $.from_html(`<!><!><!>`, 1);
+
+function RemoteRowView($$anchor, $$props) {
+  $.push($$props, true);
+
+  // Capture context at init to resolve Relationships → store/tableId
+  const _ctx = getContext(TINYBASE_CONTEXT_KEY) ?? [];
+
+  const _resolvedRelationships = $.derived(() =>
+    isString($$props.relationships)
+      ? objGet(_ctx[7], $$props.relationships)
+      : ($$props.relationships ?? _ctx[6]),
+  );
+
+  const _store = $.derived(() => $.get(_resolvedRelationships)?.getStore());
+  const _tableId = $.derived(() =>
+    $.get(_resolvedRelationships)?.getRemoteTableId($$props.relationshipId),
+  );
+  const remoteRowId = useRemoteRowId(
+    () => $$props.relationshipId,
+    () => $$props.localRowId,
+    () => $$props.relationships,
+  );
+  var fragment = root();
+  var node = $.first_child(fragment);
+
+  {
+    var consequent = ($$anchor) => {
+      var text = $.text();
+
+      $.template_effect(() =>
+        $.set_text(text, `${$$props.localRowId ?? ''}:{`),
+      );
+      $.append($$anchor, text);
+    };
+
+    $.if(node, ($$render) => {
+      if ($$props.debugIds) $$render(consequent);
+    });
+  }
+
+  var node_1 = $.sibling(node);
+
+  {
+    var consequent_3 = ($$anchor) => {
+      var fragment_2 = $.comment();
+      var node_2 = $.first_child(fragment_2);
+
+      {
+        var consequent_1 = ($$anchor) => {
+          var fragment_3 = $.comment();
+          var node_3 = $.first_child(fragment_3);
+
+          $.snippet(
+            node_3,
+            () => $$props.row,
+            () => remoteRowId.current,
+          );
+          $.append($$anchor, fragment_3);
+        };
+
+        var consequent_2 = ($$anchor) => {
+          RowView($$anchor, {
+            get tableId() {
+              return $.get(_tableId);
+            },
+
+            get rowId() {
+              return remoteRowId.current;
+            },
+
+            get store() {
+              return $.get(_store);
+            },
+
+            get debugIds() {
+              return $$props.debugIds;
+            },
+          });
+        };
+
+        $.if(node_2, ($$render) => {
+          if ($$props.row) $$render(consequent_1);
+          else if ($.get(_tableId)) $$render(consequent_2, 1);
+        });
+      }
+
+      $.append($$anchor, fragment_2);
+    };
+
+    $.if(node_1, ($$render) => {
+      if (remoteRowId.current !== undefined) $$render(consequent_3);
+    });
+  }
+
+  var node_4 = $.sibling(node_1);
+
+  {
+    var consequent_4 = ($$anchor) => {
+      var text_1 = $.text();
+
+      text_1.nodeValue = '}';
+      $.append($$anchor, text_1);
+    };
+
+    $.if(node_4, ($$render) => {
+      if ($$props.debugIds) $$render(consequent_4);
+    });
+  }
+
+  $.append($$anchor, fragment);
+  $.pop();
+}
+
+function ResultCellView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const cell = useResultCell(
+    () => $$props.queryId,
+    () => $$props.rowId,
+    () => $$props.cellId,
+    () => $$props.queries,
+  );
+  const display = $.derived(() => '' + (cell.current ?? ''));
+
+  const output = $.derived(() =>
+    $$props.debugIds ? `${$$props.cellId}:{${$.get(display)}}` : $.get(display),
+  );
+
+  $.next();
+
+  var text = $.text();
+
+  $.template_effect(() => $.set_text(text, $.get(output)));
+  $.append($$anchor, text);
+  $.pop();
+}
+
+function ResultRowView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const cellIds = useResultCellIds(
+    () => $$props.queryId,
+    () => $$props.rowId,
+    () => $$props.queries,
+  );
+
+  {
+    const children = ($$anchor, cellId = $.noop) => {
+      ResultCellView($$anchor, {
+        get queryId() {
+          return $$props.queryId;
+        },
+
+        get rowId() {
+          return $$props.rowId;
+        },
+
+        get cellId() {
+          return cellId();
+        },
+
+        get queries() {
+          return $$props.queries;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return cellIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.rowId;
+      },
+
+      get custom() {
+        return $$props.cell;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function ResultSortedTableView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const rowIds = useResultSortedRowIds(
+    () => $$props.queryId,
+    () => $$props.cellId,
+    () => $$props.descending ?? false,
+    () => $$props.offset ?? 0,
+    () => $$props.limit,
+    () => $$props.queries,
+  );
+
+  {
+    const children = ($$anchor, rowId = $.noop) => {
+      ResultRowView($$anchor, {
+        get queryId() {
+          return $$props.queryId;
+        },
+
+        get rowId() {
+          return rowId();
+        },
+
+        get queries() {
+          return $$props.queries;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return rowIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.queryId;
+      },
+
+      get custom() {
+        return $$props.row;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function ResultTableView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const rowIds = useResultRowIds(
+    () => $$props.queryId,
+    () => $$props.queries,
+  );
+
+  {
+    const children = ($$anchor, rowId = $.noop) => {
+      ResultRowView($$anchor, {
+        get queryId() {
+          return $$props.queryId;
+        },
+
+        get rowId() {
+          return rowId();
+        },
+
+        get queries() {
+          return $$props.queries;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return rowIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.queryId;
+      },
+
+      get custom() {
+        return $$props.row;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function SortedTableView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const rowIds = useSortedRowIds(
+    () => $$props.tableId,
+    () => $$props.cellId,
+    () => $$props.descending ?? false,
+    () => $$props.offset ?? 0,
+    () => $$props.limit,
+    () => $$props.store,
+  );
+
+  {
+    const children = ($$anchor, rowId = $.noop) => {
+      RowView($$anchor, {
+        get tableId() {
+          return $$props.tableId;
+        },
+
+        get rowId() {
+          return rowId();
+        },
+
+        get store() {
+          return $$props.store;
+        },
+
+        get customCellIds() {
+          return $$props.customCellIds;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return rowIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.tableId;
+      },
+
+      get custom() {
+        return $$props.row;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function TableView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const rowIds = useRowIds(
+    () => $$props.tableId,
+    () => $$props.store,
+  );
+
+  {
+    const children = ($$anchor, rowId = $.noop) => {
+      RowView($$anchor, {
+        get tableId() {
+          return $$props.tableId;
+        },
+
+        get rowId() {
+          return rowId();
+        },
+
+        get store() {
+          return $$props.store;
+        },
+
+        get customCellIds() {
+          return $$props.customCellIds;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return rowIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get id() {
+        return $$props.tableId;
+      },
+
+      get custom() {
+        return $$props.row;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function TablesView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const tableIds = useTableIds(() => $$props.store);
+
+  {
+    const children = ($$anchor, tableId = $.noop) => {
+      TableView($$anchor, {
+        get tableId() {
+          return tableId();
+        },
+
+        get store() {
+          return $$props.store;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return tableIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get custom() {
+        return $$props.table;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+function ValueView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const value = useValue(
+    () => $$props.valueId,
+    () => $$props.store,
+  );
+  const display = $.derived(() => '' + (value.current ?? ''));
+
+  const output = $.derived(() =>
+    $$props.debugIds
+      ? `${$$props.valueId}:{${$.get(display)}}`
+      : $.get(display),
+  );
+
+  $.next();
+
+  var text = $.text();
+
+  $.template_effect(() => $.set_text(text, $.get(output)));
+  $.append($$anchor, text);
+  $.pop();
+}
+
+function ValuesView($$anchor, $$props) {
+  $.push($$props, true);
+
+  const valueIds = useValueIds(() => $$props.store);
+
+  {
+    const children = ($$anchor, valueId = $.noop) => {
+      ValueView($$anchor, {
+        get valueId() {
+          return valueId();
+        },
+
+        get store() {
+          return $$props.store;
+        },
+
+        get debugIds() {
+          return $$props.debugIds;
+        },
+      });
+    };
+
+    ItemsView($$anchor, {
+      get ids() {
+        return valueIds.current;
+      },
+
+      get separator() {
+        return $$props.separator;
+      },
+
+      get debugIds() {
+        return $$props.debugIds;
+      },
+
+      get custom() {
+        return $$props.value;
+      },
+      children,
+    });
+  }
+
+  $.pop();
+}
+
+export {
+  BackwardCheckpointsView,
+  CellView,
+  CheckpointView,
+  CurrentCheckpointView,
+  ForwardCheckpointsView,
+  IndexView,
+  LinkedRowsView,
+  LocalRowsView,
+  MetricView,
+  provideCheckpoints,
+  provideIndexes,
+  provideMetrics,
+  providePersister,
+  provideQueries,
+  Provider,
+  provideRelationships,
+  provideStore,
+  provideSynchronizer,
+  RemoteRowView,
+  ResultCellView,
+  ResultRowView,
+  ResultSortedTableView,
+  ResultTableView,
+  RowView,
+  SliceView,
+  SortedTableView,
+  TablesView,
+  TableView,
+  useCell,
+  useCellIds,
+  useCellState,
+  useCheckpoint,
+  useCheckpointIds,
+  useCheckpoints,
+  useCheckpointsIds,
+  useGoBackwardCallback,
+  useGoForwardCallback,
+  useHasCell,
+  useHasRow,
+  useHasTable,
+  useHasTableCell,
+  useHasTables,
+  useHasValue,
+  useHasValues,
+  useIndexes,
+  useIndexesIds,
+  useIndexIds,
+  useLinkedRowIds,
+  useLocalRowIds,
+  useMetric,
+  useMetricIds,
+  useMetrics,
+  useMetricsIds,
+  usePersister,
+  usePersisterIds,
+  usePersisterStatus,
+  useQueries,
+  useQueriesIds,
+  useQueryIds,
+  useRelationshipIds,
+  useRelationships,
+  useRelationshipsIds,
+  useRemoteRowId,
+  useResultCell,
+  useResultCellIds,
+  useResultRow,
+  useResultRowCount,
+  useResultRowIds,
+  useResultSortedRowIds,
+  useResultTable,
+  useResultTableCellIds,
+  useRow,
+  useRowCount,
+  useRowIds,
+  useSliceIds,
+  useSliceRowIds,
+  useSortedRowIds,
+  useStore,
+  useStoreIds,
+  useSynchronizer,
+  useSynchronizerIds,
+  useSynchronizerStatus,
+  useTable,
+  useTableCellIds,
+  useTableIds,
+  useTables,
+  useValue,
+  useValueIds,
+  useValues,
+  useValueState,
+  ValuesView,
+  ValueView,
+};