atom.io 0.6.8 → 0.7.0

package/react-devtools/dist/index.mjs

@@ -1,3 +1,13 @@
+import { selectorFamily, atom, atomFamily, undo, redo, getState } from 'atom.io';
+import { attachIntrospectionStates } from 'atom.io/introspection';
+import { lazyLocalStorageEffect } from 'atom.io/web-effects';
+import { useI, useO } from 'atom.io/react';
+import { motion, spring, LayoutGroup } from 'framer-motion';
+import * as React from 'react';
+import { forwardRef, useRef, useState, useImperativeHandle, useLayoutEffect, Fragment as Fragment$1, Component, useId } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useFloating, useClick, useInteractions, FloatingPortal } from '@floating-ui/react';
+
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -19,63 +29,48 @@ var __spreadValues = (a2, b2) => {
 var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 var __restKey = (key) => typeof key === "symbol" ? key : key + "";
 var __objRest = (source, exclude) => {
-  var target2 = {};
+  var target = {};
   for (var prop in source)
     if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target2[prop] = source[prop];
+      target[prop] = source[prop];
   if (source != null && __getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(source)) {
       if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target2[prop] = source[prop];
+        target[prop] = source[prop];
     }
-  return target2;
+  return target;
 };
 
-// ../../anvl/src/object/index.ts
-import { pipe as pipe3 } from "fp-ts/function";
-
-// ../../anvl/src/object/refinement.ts
-import { pipe as pipe2 } from "fp-ts/function";
-
-// ../../anvl/src/object/access.ts
-var access = (k) => Object.assign((obj) => obj[k], {
-  in: (obj) => obj[k]
-});
-
-// ../../anvl/src/object/entries.ts
-var recordToEntries = (obj) => Object.entries(obj);
-var entriesToRecord = (entries) => Object.fromEntries(entries);
-
-// ../../anvl/src/object/mapObject.ts
-import { pipe } from "fp-ts/function";
-
-// ../../anvl/src/array/venn.ts
-var includesAll = (items) => (array) => {
-  for (const item of items) {
-    if (!array.includes(item))
-      return false;
+// ../../anvl/src/function/pipe.ts
+function pipe(a2, ab, bc, cd, de, ef, fg, gh, hi) {
+  switch (arguments.length) {
+    case 1:
+      return a2;
+    case 2:
+      return ab(a2);
+    case 3:
+      return bc(ab(a2));
+    case 4:
+      return cd(bc(ab(a2)));
+    case 5:
+      return de(cd(bc(ab(a2))));
+    case 6:
+      return ef(de(cd(bc(ab(a2)))));
+    case 7:
+      return fg(ef(de(cd(bc(ab(a2))))));
+    case 8:
+      return gh(fg(ef(de(cd(bc(ab(a2)))))));
+    case 9:
+      return hi(gh(fg(ef(de(cd(bc(ab(a2))))))));
+    default: {
+      let ret = arguments[0];
+      for (let i = 1; i < arguments.length; i++) {
+        ret = arguments[i](ret);
+      }
+      return ret;
+    }
   }
-  return true;
-};
-var comprises = (items) => (array) => includesAll(items)(array) && includesAll(array)(items);
-
-// ../../anvl/src/array/index.ts
-var isArray = (isType) => (input) => Array.isArray(input) && input.every((item) => isType(item));
-var map = (f) => (a2) => a2.map(f);
-var every = (f = Boolean) => (a2) => a2.every(f);
-var allTrue = every((x) => x === true);
-var addTo = (a2) => (x) => a2.includes(x) ? a2 : [...a2, x];
-var isEmptyArray = (input) => Array.isArray(input) && input.length === 0;
-var isOneOf = (...args) => (input) => args.includes(input);
-
-// ../../anvl/src/object/mapObject.ts
-var mapObject = (obj, fn) => pipe(
-  obj,
-  recordToEntries,
-  map(([key, val]) => [key, fn(val, key)]),
-  entriesToRecord
-);
-var mob = (fn) => (obj) => mapObject(obj, fn);
+}
 
 // ../../anvl/src/function/index.ts
 var doNothing = () => void 0;
@@ -106,11 +101,48 @@ var fallback = (fn, fallbackValue) => {
   }
 };
 
+// ../../anvl/src/array/venn.ts
+var includesAll = (items) => (array) => {
+  for (const item of items) {
+    if (!array.includes(item))
+      return false;
+  }
+  return true;
+};
+var comprises = (items) => (array) => includesAll(items)(array) && includesAll(array)(items);
+
+// ../../anvl/src/array/index.ts
+var isArray = (isType) => (input) => Array.isArray(input) && input.every((item) => isType(item));
+var map = (f) => (a2) => a2.map(f);
+var every = (f = Boolean) => (a2) => a2.every(f);
+var allTrue = every((x) => x === true);
+var addTo = (a2) => (x) => a2.includes(x) ? a2 : [...a2, x];
+var isEmptyArray = (input) => Array.isArray(input) && input.length === 0;
+var isOneOf = (...args) => (input) => args.includes(input);
+
 // ../../anvl/src/nullish/index.ts
 var isUndefined = (input) => input === void 0;
 var ifDefined = (validate) => (input) => isUndefined(input) || validate(input);
 var ifNullish = (alt) => (input) => input != null ? input : alt;
 
+// ../../anvl/src/object/access.ts
+var access = (k) => Object.assign((obj) => obj[k], {
+  in: (obj) => obj[k]
+});
+
+// ../../anvl/src/object/entries.ts
+var recordToEntries = (obj) => Object.entries(obj);
+var entriesToRecord = (entries) => Object.fromEntries(entries);
+
+// ../../anvl/src/object/mapObject.ts
+var mapObject = (obj, fn) => pipe(
+  obj,
+  recordToEntries,
+  map(([key, val]) => [key, fn(val, key)]),
+  entriesToRecord
+);
+var mob = (fn) => (obj) => mapObject(obj, fn);
+
 // ../../anvl/src/object/refinement.ts
 var isNonNullObject = (input) => typeof input === `object` && input !== null;
 var isPlainObject = (input) => isNonNullObject(input) && Object.getPrototypeOf(input) === Object.prototype;
@@ -121,14 +153,14 @@ var hasProperties = (isValue, options = { allowExtraProperties: false }) => {
     isValue
   ).map(([k, v]) => String(k) + `:` + v.name).join(`,`)}}`;
   const _ = {
-    [name]: (input) => isPlainObject(input) && pipe2(
+    [name]: (input) => isPlainObject(input) && pipe(
       isValue,
       Object.entries,
       every(([key, val]) => key in input || val(void 0))
-    ) && pipe2(
+    ) && pipe(
       input,
       mob(
-        (val, key) => pipe2(
+        (val, key) => pipe(
           isValue,
           access(key),
           ifNullish(() => options.allowExtraProperties),
@@ -141,14 +173,10 @@ var hasProperties = (isValue, options = { allowExtraProperties: false }) => {
   };
   return _[name];
 };
-var doesExtend = (
-  /* alias for hasExactProperties with allowExtraProperties */
-  (isValue) => hasProperties(isValue, { allowExtraProperties: true })
-);
-var hasExactProperties = (
-  /* alias for hasProperties without allowExtraProperties */
-  (isValue) => hasProperties(isValue, { allowExtraProperties: false })
-);
+var ALLOW_EXTENSION = { allowExtraProperties: true };
+var doesExtend = (isValue) => hasProperties(isValue, ALLOW_EXTENSION);
+var DO_NOT_ALLOW_EXTENSION = { allowExtraProperties: false };
+var hasExactProperties = (isValue) => hasProperties(isValue, DO_NOT_ALLOW_EXTENSION);
 
 // ../../anvl/src/object/sprawl.ts
 var sprawl = (tree, inspector) => {
@@ -352,68 +380,82 @@ var Differ = class {
   }
 };
 
-// ../../anvl/src/string/capitalize.ts
-var capitalize = (str) => str[0].toUpperCase() + str.slice(1);
-
-// ../src/internal/get.ts
-var computeSelectorState = (selector) => selector.get();
-function lookup(key, store) {
-  const core = target(store);
-  const type = core.atoms.has(key) ? `atom` : core.selectors.has(key) ? `selector` : `readonly_selector`;
-  return { key, type };
-}
-function withdraw(token, store) {
-  var _a2, _b, _c, _d, _e;
-  const core = target(store);
-  return (_e = (_d = (_c = (_b = (_a2 = core.atoms.get(token.key)) != null ? _a2 : core.selectors.get(token.key)) != null ? _b : core.readonlySelectors.get(token.key)) != null ? _c : core.transactions.get(token.key)) != null ? _d : core.timelines.get(token.key)) != null ? _e : null;
-}
-function deposit(state) {
-  return __spreadValues({
-    key: state.key,
-    type: state.type
-  }, `family` in state && { family: state.family });
-}
-var getState__INTERNAL = (state, store = IMPLICIT.STORE) => {
-  var _a2, _b, _c;
-  if (isValueCached(state.key, store)) {
-    (_a2 = store.config.logger) == null ? void 0 : _a2.info(`>> read "${state.key}"`);
-    return readCachedValue(state.key, store);
-  }
-  if (state.type !== `atom`) {
-    (_b = store.config.logger) == null ? void 0 : _b.info(`-> calc "${state.key}"`);
-    return computeSelectorState(state);
-  }
-  (_c = store.config.logger) == null ? void 0 : _c.error(
-    `Attempted to get atom "${state.key}", which was never initialized in store "${store.config.name}".`
-  );
-  return state.default;
+// ../../anvl/src/json/index.ts
+var stringifyJson = (json) => JSON.stringify(json);
+var JSON_TYPE_NAMES = [
+  `array`,
+  `boolean`,
+  `null`,
+  `number`,
+  `object`,
+  `string`
+];
+var JSON_DEFAULTS = {
+  array: [],
+  boolean: false,
+  null: null,
+  number: 0,
+  object: {},
+  string: ``
 };
 
-// ../src/internal/is-default.ts
-var isAtomDefault = (key, store = IMPLICIT.STORE) => {
-  const core = target(store);
-  return core.atomsThatAreDefault.has(key);
+// ../../anvl/src/primitive/index.ts
+var isString = (input) => {
+  return typeof input === `string`;
 };
-var markAtomAsDefault = (key, store = IMPLICIT.STORE) => {
-  const core = target(store);
-  core.atomsThatAreDefault = new Set(core.atomsThatAreDefault).add(key);
+var isNumber = (input) => {
+  return typeof input === `number`;
 };
-var markAtomAsNotDefault = (key, store = IMPLICIT.STORE) => {
-  const core = target(store);
-  core.atomsThatAreDefault = new Set(target(store).atomsThatAreDefault);
-  core.atomsThatAreDefault.delete(key);
+var isBoolean = (input) => {
+  return typeof input === `boolean`;
 };
 
-// ../../anvl/src/join/core-relation-data.ts
-import { isString } from "fp-ts/string";
+// ../../anvl/src/refinement/refine-json.ts
+var JSON_PROTOTYPES = [
+  `Array`,
+  `Boolean`,
+  `Number`,
+  `Object`,
+  `String`
+];
+var refineJsonType = (data) => data === null ? { type: `null`, data: null } : isBoolean(data) ? { type: `boolean`, data } : isNumber(data) ? { type: `number`, data } : isString(data) ? { type: `string`, data } : Array.isArray(data) ? { type: `array`, data } : isPlainObject(data) ? { type: `object`, data } : raiseError(
+  data === void 0 ? `undefined passed to refineJsonType. This is not valid JSON.` : `${stringifyJson(data)} with prototype "${Object.getPrototypeOf(data).constructor.name}" passed to refineJsonType. This is not valid JSON.`
+);
+var isJson = (input) => {
+  var _a2;
+  if (input === null)
+    return true;
+  if (input === void 0)
+    return false;
+  const prototype = (_a2 = Object.getPrototypeOf(input)) == null ? void 0 : _a2.constructor.name;
+  const isJson2 = JSON_PROTOTYPES.includes(prototype);
+  return isJson2;
+};
+var OpenClose = ({ isOpen, setIsOpen, disabled }) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `carat ${isOpen ? `open` : `closed`}`,
+      onClick: () => setIsOpen((isOpen2) => !isOpen2),
+      disabled,
+      children: "\u25B6"
+    }
+  );
+};
+var button = {
+  OpenClose
+};
 
-// ../../anvl/src/refinement/index.ts
+// ../../anvl/src/refinement/can-exist.ts
 var canExist = (_) => true;
+
+// ../../anvl/src/refinement/cannot-exist.ts
 var cannotExist = (_) => false;
-var isLiteral = (value) => (input) => input === value;
-var isWithin = (args) => (input) => args.includes(input);
-var couldBe = (isTypeA, logging = false, refinements = [isTypeA]) => {
-  const name = `(${refinements.map((r) => r.name || `anon`).join(` | `)})`;
+
+// ../../anvl/src/refinement/is-union.ts
+var mustSatisfyOneOfTheFollowing = (isTypeA, logging = false, refinements = [isTypeA]) => {
+  const name = `(${refinements.map((r) => (r == null ? void 0 : r.name) || `anon`).join(` | `)})`;
   const _ = {
     [name]: (input) => refinements.some(
       (refinement) => {
@@ -429,13 +471,15 @@ var couldBe = (isTypeA, logging = false, refinements = [isTypeA]) => {
     )
   };
   const checkTypes = Object.assign(_[name], {
-    or: (isTypeB) => couldBe(isTypeB, logging, [...refinements, isTypeB])
+    or: (isTypeB) => mustSatisfyOneOfTheFollowing(isTypeB, logging, [...refinements, isTypeB])
   });
   return checkTypes;
 };
-var isUnion = couldBe(cannotExist);
-var mustBe = (isTypeA, logging = false, refinements = [isTypeA]) => {
-  const name = `(${refinements.map((r) => r.name || `anon`).join(` & `)})`;
+var isUnion = mustSatisfyOneOfTheFollowing(cannotExist);
+
+// ../../anvl/src/refinement/is-intersection.ts
+function mustSatisfyAllOfTheFollowing(isTypeA, logging = false, refinements = [isTypeA]) {
+  const name = `(${refinements.map((r) => (r == null ? void 0 : r.name) || `anon`).join(` & `)})`;
   const _ = {
     [name]: (input) => refinements.every(
       (refinement) => (logging && console.log(
@@ -448,11 +492,18 @@ var mustBe = (isTypeA, logging = false, refinements = [isTypeA]) => {
     )
   };
   const checkTypes = Object.assign(_[name], {
-    and: (isTypeB) => mustBe(isTypeB, logging, [...refinements, isTypeB])
+    and: (isTypeB) => mustSatisfyAllOfTheFollowing(isTypeB, logging, [
+      ...refinements,
+      isTypeB
+    ])
   });
   return checkTypes;
-};
-var isIntersection = mustBe(canExist);
+}
+var isIntersection = mustSatisfyAllOfTheFollowing(canExist);
+
+// ../../anvl/src/refinement/index.ts
+var isLiteral = (value) => (input) => input === value;
+var isWithin = (args) => (input) => args.includes(input);
 
 // ../../anvl/src/join/core-relation-data.ts
 var RELATION_TYPES = [`1:1`, `1:n`, `n:n`];
@@ -508,9 +559,6 @@ var makeJsonInterface = (join, ...params) => {
   };
 };
 
-// ../../anvl/src/join/relation-contents.ts
-import { pipe as pipe5 } from "fp-ts/function";
-
 // ../../anvl/src/join/relation-record.ts
 var getRelationEntries = (relationMap, idA) => getRelatedIds(relationMap, idA).map((idB) => [
   idB,
@@ -518,10 +566,6 @@ var getRelationEntries = (relationMap, idA) => getRelatedIds(relationMap, idA).m
 ]);
 var getRelationRecord = (relationMap, id) => Object.fromEntries(getRelationEntries(relationMap, id));
 
-// ../../anvl/src/join/remove-relation.ts
-import { pipe as pipe4 } from "fp-ts/function";
-import { isString as isString2 } from "fp-ts/string";
-
 // ../../anvl/src/string/split.ts
 var split = (separator) => (str) => str.split(separator);
 
@@ -529,7 +573,7 @@ var split = (separator) => (str) => str.split(separator);
 var removeSpecific = (current, idA, idB) => {
   const isIdForRemoval = isOneOf(idA, idB);
   return __spreadProps(__spreadValues({}, current), {
-    relations: pipe4(
+    relations: pipe(
       current.relations,
       recordToEntries,
       map(([id, relations]) => [
@@ -539,17 +583,17 @@ var removeSpecific = (current, idA, idB) => {
       entriesToRecord,
       treeShake(isEmptyArray)
     ),
-    contents: pipe4(
+    contents: pipe(
       current.contents,
       treeShake(
-        (_, key) => isString2(key) && pipe4(key, split(`/`), comprises([idA, idB]))
+        (_, key) => isString(key) && pipe(key, split(`/`), comprises([idA, idB]))
       )
     )
   });
 };
 var removeAll = (current, idToRemove) => {
   const next = __spreadProps(__spreadValues({}, current), {
-    relations: pipe4(
+    relations: pipe(
       current.relations,
       recordToEntries,
       map(([id, relations]) => [
@@ -559,10 +603,10 @@ var removeAll = (current, idToRemove) => {
       entriesToRecord,
       treeShake((val, key) => key === idToRemove || isEmptyArray(val))
     ),
-    contents: pipe4(
+    contents: pipe(
       current.contents,
       treeShake(
-        (_, key) => isString2(key) && key.split(`/`).includes(idToRemove)
+        (_, key) => isString(key) && key.split(`/`).includes(idToRemove)
       )
     )
   });
@@ -644,7 +688,7 @@ var getRelations = (relationMap, id) => getRelationEntries(relationMap, id).map(
 var setRelations = (current, subject, relations) => {
   const idA = subject[current.a];
   const idB = subject[current.b];
-  return pipe5(
+  return pipe(
     current,
     (relationData) => {
       const relatedIds = getRelatedIds(current, idA);
@@ -725,871 +769,36 @@ var Join = class _Join {
   getRelatedId(id) {
     return getRelatedId(this, id);
   }
-  getRelatedIds(id) {
-    return getRelatedIds(this, id);
-  }
-  getContent(idA, idB) {
-    return getContent(this, idA, idB);
-  }
-  getRelationEntries(id) {
-    return getRelationEntries(this, id);
-  }
-  getRelationRecord(id) {
-    return getRelationRecord(this, id);
-  }
-  getRelation(id) {
-    return getRelations(this, id)[0];
-  }
-  getRelations(id) {
-    return getRelations(this, id);
-  }
-  setRelations(subject, relations) {
-    return new _Join(setRelations(this, subject, relations));
-  }
-  set(relation, ...rest) {
-    return new _Join(setRelationWithContent(this, relation, ...rest));
-  }
-  remove(relation) {
-    return new _Join(
-      removeRelation(this, relation)
-    );
-  }
-};
-
-// ../src/internal/store.ts
-var createStore = (name, store = null) => {
-  var _a2;
-  const created = __spreadProps(__spreadValues({}, store != null ? store : (() => ({
-    atomsThatAreDefault: /* @__PURE__ */ new Set(),
-    selectorAtoms: new Join({ relationType: `n:n` }).from(`selectorKey`).to(`atomKey`),
-    selectorGraph: new Join({ relationType: `n:n` })
-  }))()), {
-    valueMap: new Map(store == null ? void 0 : store.valueMap),
-    atoms: /* @__PURE__ */ new Map(),
-    readonlySelectors: /* @__PURE__ */ new Map(),
-    selectors: /* @__PURE__ */ new Map(),
-    transactions: /* @__PURE__ */ new Map(),
-    timelines: /* @__PURE__ */ new Map(),
-    timelineAtoms: new Join({ relationType: `1:n` }).from(`timelineKey`).to(`atomKey`),
-    subject: {
-      atomCreation: new Subject(),
-      selectorCreation: new Subject(),
-      transactionCreation: new Subject(),
-      timelineCreation: new Subject(),
-      operationStatus: new Subject()
-    },
-    operation: __spreadValues({
-      open: false
-    }, store == null ? void 0 : store.operation),
-    transactionStatus: __spreadValues({
-      phase: `idle`
-    }, store == null ? void 0 : store.transactionStatus),
-    config: __spreadProps(__spreadValues({
-      logger: __spreadValues(__spreadProps(__spreadValues({}, console), {
-        info: doNothing
-      }), (_a2 = store == null ? void 0 : store.config) == null ? void 0 : _a2.logger),
-      logger__INTERNAL: console
-    }, store == null ? void 0 : store.config), {
-      name
-    })
-  });
-  store == null ? void 0 : store.atoms.forEach((atom2) => {
-    const copiedAtom = __spreadProps(__spreadValues({}, atom2), { subject: new Subject() });
-    created.atoms.set(atom2.key, copiedAtom);
-  });
-  store == null ? void 0 : store.readonlySelectors.forEach((selector) => {
-    selector.install(created);
-  });
-  store == null ? void 0 : store.selectors.forEach((selector) => {
-    selector.install(created);
-  });
-  store == null ? void 0 : store.transactions.forEach((tx) => {
-    tx.install(created);
-  });
-  store == null ? void 0 : store.timelines.forEach((timeline2) => {
-    timeline2.install(created);
-  });
-  return created;
-};
-var IMPLICIT = {
-  STORE_INTERNAL: void 0,
-  get STORE() {
-    var _a2;
-    return (_a2 = this.STORE_INTERNAL) != null ? _a2 : this.STORE_INTERNAL = createStore(`DEFAULT`);
-  }
-};
-
-// ../src/internal/operation.ts
-var openOperation = (token, store) => {
-  var _a2, _b;
-  const core = target(store);
-  if (core.operation.open) {
-    (_a2 = store.config.logger) == null ? void 0 : _a2.error(
-      `\u274C failed to setState to "${token.key}" during a setState for "${core.operation.token.key}"`
-    );
-    throw Symbol(`violation`);
-  }
-  core.operation = {
-    open: true,
-    done: /* @__PURE__ */ new Set(),
-    prev: new Map(store.valueMap),
-    time: Date.now(),
-    token
-  };
-  (_b = store.config.logger) == null ? void 0 : _b.info(
-    `\u2B55 operation start from "${token.key}" in store "${store.config.name}"`
-  );
-};
-var closeOperation = (store) => {
-  var _a2;
-  const core = target(store);
-  core.operation = { open: false };
-  (_a2 = store.config.logger) == null ? void 0 : _a2.info(`\u{1F534} operation done`);
-  store.subject.operationStatus.next(core.operation);
-};
-var isDone = (key, store = IMPLICIT.STORE) => {
-  var _a2;
-  const core = target(store);
-  if (!core.operation.open) {
-    (_a2 = store.config.logger) == null ? void 0 : _a2.warn(
-      `isDone called outside of an operation. This is probably a bug.`
-    );
-    return true;
-  }
-  return core.operation.done.has(key);
-};
-var markDone = (key, store = IMPLICIT.STORE) => {
-  var _a2;
-  const core = target(store);
-  if (!core.operation.open) {
-    (_a2 = store.config.logger) == null ? void 0 : _a2.warn(
-      `markDone called outside of an operation. This is probably a bug.`
-    );
-    return;
-  }
-  core.operation.done.add(key);
-};
-var recallState = (state, store = IMPLICIT.STORE) => {
-  var _a2;
-  const core = target(store);
-  if (!core.operation.open) {
-    (_a2 = store.config.logger) == null ? void 0 : _a2.warn(
-      `recall called outside of an operation. This is probably a bug.`
-    );
-    return core.valueMap.get(state.key);
-  }
-  return core.operation.prev.get(state.key);
-};
-var cacheValue = (key, value, store = IMPLICIT.STORE) => {
-  const core = target(store);
-  core.valueMap.set(key, value);
-};
-var evictCachedValue = (key, store = IMPLICIT.STORE) => {
-  const core = target(store);
-  core.valueMap.delete(key);
-};
-var readCachedValue = (key, store = IMPLICIT.STORE) => target(store).valueMap.get(key);
-var isValueCached = (key, store = IMPLICIT.STORE) => target(store).valueMap.has(key);
-
-// ../src/internal/transaction-internal.ts
-var target = (store = IMPLICIT.STORE) => store.transactionStatus.phase === `building` ? store.transactionStatus.core : store;
-
-// ../src/internal/atom-internal.ts
-function atom__INTERNAL(options, family, store = IMPLICIT.STORE) {
-  var _a2, _b, _c;
-  const core = target(store);
-  const existing = core.atoms.get(options.key);
-  if (existing) {
-    (_b = (_a2 = store.config.logger) == null ? void 0 : _a2.error) == null ? void 0 : _b.call(
-      _a2,
-      `Key "${options.key}" already exists in the store.`
-    );
-    return deposit(existing);
-  }
-  const subject = new Subject();
-  const newAtom = __spreadValues(__spreadProps(__spreadValues({}, options), {
-    subject,
-    type: `atom`
-  }), family && { family });
-  const initialValue = options.default instanceof Function ? options.default() : options.default;
-  core.atoms.set(newAtom.key, newAtom);
-  markAtomAsDefault(options.key, store);
-  cacheValue(options.key, initialValue, store);
-  const token = deposit(newAtom);
-  (_c = options.effects) == null ? void 0 : _c.forEach(
-    (effect) => effect({
-      setSelf: (next) => setState(token, next, store),
-      onSet: (handle) => subscribe(token, handle, store)
-    })
-  );
-  store.subject.atomCreation.next(token);
-  return token;
-}
-
-// ../../anvl/src/json/index.ts
-var stringifyJson = (json) => JSON.stringify(json);
-var JSON_TYPE_NAMES = [
-  `array`,
-  `boolean`,
-  `null`,
-  `number`,
-  `object`,
-  `string`
-];
-var JSON_DEFAULTS = {
-  array: [],
-  boolean: false,
-  null: null,
-  number: 0,
-  object: {},
-  string: ``
-};
-
-// ../src/internal/families-internal.ts
-function atomFamily__INTERNAL(options, store = IMPLICIT.STORE) {
-  const subject = new Subject();
-  return Object.assign(
-    (key) => {
-      const subKey = stringifyJson(key);
-      const family = { key: options.key, subKey };
-      const fullKey = `${options.key}(${subKey})`;
-      const existing = withdraw({ key: fullKey, type: `atom` }, store);
-      let token;
-      if (existing) {
-        token = deposit(existing);
-      } else {
-        const individualOptions = {
-          key: fullKey,
-          default: options.default instanceof Function ? options.default(key) : options.default
-        };
-        if (options.effects) {
-          individualOptions.effects = options.effects(key);
-        }
-        token = atom__INTERNAL(individualOptions, family, store);
-      }
-      subject.next(token);
-      return token;
-    },
-    {
-      key: options.key,
-      type: `atom_family`,
-      subject
-    }
-  );
-}
-
-// ../src/internal/selector/lookup-selector-sources.ts
-var lookupSelectorSources = (key, store) => target(store).selectorGraph.getRelations(key).filter(({ source }) => source !== key).map(({ source }) => lookup(source, store));
-
-// ../src/internal/selector/trace-selector-atoms.ts
-var traceSelectorAtoms = (selectorKey, dependency, store) => {
-  const roots = [];
-  const sources = lookupSelectorSources(dependency.key, store);
-  let depth = 0;
-  while (sources.length > 0) {
-    const source = sources.shift();
-    ++depth;
-    if (depth > 999) {
-      throw new Error(
-        `Maximum selector dependency depth exceeded in selector "${selectorKey}".`
-      );
-    }
-    if (source.type !== `atom`) {
-      sources.push(...lookupSelectorSources(source.key, store));
-    } else {
-      roots.push(source);
-    }
-  }
-  return roots;
-};
-var traceAllSelectorAtoms = (selectorKey, store) => {
-  const sources = lookupSelectorSources(selectorKey, store);
-  return sources.flatMap(
-    (source) => source.type === `atom` ? source : traceSelectorAtoms(selectorKey, source, store)
-  );
-};
-
-// ../src/internal/set.ts
-var evictDownStream = (state, store = IMPLICIT.STORE) => {
-  var _a2, _b;
-  const core = target(store);
-  const downstream = core.selectorAtoms.getRelations(state.key);
-  const downstreamKeys = downstream.map(({ id }) => id);
-  (_a2 = store.config.logger) == null ? void 0 : _a2.info(
-    `   || ${downstreamKeys.length} downstream:`,
-    downstreamKeys
-  );
-  if (core.operation.open) {
-    (_b = store.config.logger) == null ? void 0 : _b.info(`   ||`, [...core.operation.done], `already done`);
-  }
-  downstream.forEach(({ id: stateKey }) => {
-    var _a3, _b2, _c, _d;
-    if (isDone(stateKey, store)) {
-      (_a3 = store.config.logger) == null ? void 0 : _a3.info(`   || ${stateKey} already done`);
-      return;
-    }
-    const state2 = (_b2 = core.selectors.get(stateKey)) != null ? _b2 : core.readonlySelectors.get(stateKey);
-    if (!state2) {
-      (_c = store.config.logger) == null ? void 0 : _c.info(
-        `   || ${stateKey} is an atom, and can't be downstream`
-      );
-      return;
-    }
-    evictCachedValue(stateKey, store);
-    (_d = store.config.logger) == null ? void 0 : _d.info(`   xx evicted "${stateKey}"`);
-    markDone(stateKey, store);
-  });
-};
-var setAtomState = (atom2, next, store = IMPLICIT.STORE) => {
-  var _a2, _b;
-  const oldValue = getState__INTERNAL(atom2, store);
-  const newValue = become(next)(oldValue);
-  (_a2 = store.config.logger) == null ? void 0 : _a2.info(`<< setting atom "${atom2.key}" to`, newValue);
-  cacheValue(atom2.key, newValue, store);
-  if (isAtomDefault(atom2.key, store)) {
-    markAtomAsNotDefault(atom2.key, store);
-  }
-  markDone(atom2.key, store);
-  (_b = store.config.logger) == null ? void 0 : _b.info(
-    `   || evicting caches downstream from "${atom2.key}"`
-  );
-  evictDownStream(atom2, store);
-  const update = { oldValue, newValue };
-  if (store.transactionStatus.phase !== `building`) {
-    emitUpdate(atom2, update, store);
-  } else {
-    stowUpdate(atom2, update, store);
-  }
-};
-var setSelectorState = (selector, next, store = IMPLICIT.STORE) => {
-  var _a2, _b;
-  const oldValue = getState__INTERNAL(selector, store);
-  const newValue = become(next)(oldValue);
-  (_a2 = store.config.logger) == null ? void 0 : _a2.info(`<< setting selector "${selector.key}" to`, newValue);
-  (_b = store.config.logger) == null ? void 0 : _b.info(`   || propagating change made to "${selector.key}"`);
-  selector.set(newValue);
-};
-var setState__INTERNAL = (state, value, store = IMPLICIT.STORE) => {
-  if (`set` in state) {
-    setSelectorState(state, value, store);
-  } else {
-    setAtomState(state, value, store);
-  }
-};
-
-// ../../anvl/reactivity/subject.ts
-var Subject = class {
-  constructor() {
-    this.subscribers = [];
-  }
-  subscribe(subscriber) {
-    this.subscribers.push(subscriber);
-    const unsubscribe = () => this.unsubscribe(subscriber);
-    return { unsubscribe };
-  }
-  unsubscribe(subscriber) {
-    const subscriberIndex = this.subscribers.indexOf(subscriber);
-    if (subscriberIndex !== -1) {
-      this.subscribers.splice(subscriberIndex, 1);
-    }
-  }
-  next(value) {
-    for (const subscriber of this.subscribers) {
-      subscriber(value);
-    }
-  }
-};
-
-// ../src/internal/subscribe-internal.ts
-var stowUpdate = (state, update, store) => {
-  var _a2;
-  const { key } = state;
-  const { logger } = store.config;
-  if (store.transactionStatus.phase !== `building`) {
-    (_a2 = store.config.logger) == null ? void 0 : _a2.warn(
-      `stowUpdate called outside of a transaction. This is probably a bug.`
-    );
-    return;
-  }
-  store.transactionStatus.atomUpdates.push(__spreadValues({ key }, update));
-  logger == null ? void 0 : logger.info(`\u{1F4DD} ${key} stowed (`, update.oldValue, `->`, update.newValue, `)`);
-};
-var emitUpdate = (state, update, store) => {
-  const { key } = state;
-  const { logger } = store.config;
-  logger == null ? void 0 : logger.info(
-    `\u{1F4E2} ${state.type} "${key}" went (`,
-    update.oldValue,
-    `->`,
-    update.newValue,
-    `)`
-  );
-  state.subject.next(update);
-};
-var subscribeToRootAtoms = (state, store) => {
-  const dependencySubscriptions = `default` in state ? null : traceAllSelectorAtoms(state.key, store).map((atomToken) => {
-    const atom2 = withdraw(atomToken, store);
-    if (atom2 === null) {
-      throw new Error(
-        `Atom "${atomToken.key}", a dependency of selector "${state.key}", not found in store "${store.config.name}".`
-      );
-    }
-    return atom2.subject.subscribe((atomChange) => {
-      var _a2, _b;
-      (_a2 = store.config.logger) == null ? void 0 : _a2.info(
-        `\u{1F4E2} selector "${state.key}" saw root "${atomToken.key}" go (`,
-        atomChange.oldValue,
-        `->`,
-        atomChange.newValue,
-        `)`
-      );
-      const oldValue = recallState(state, store);
-      const newValue = getState__INTERNAL(state, store);
-      (_b = store.config.logger) == null ? void 0 : _b.info(
-        `   <- "${state.key}" went (`,
-        oldValue,
-        `->`,
-        newValue,
-        `)`
-      );
-      state.subject.next({ newValue, oldValue });
-    });
-  });
-  return dependencySubscriptions;
-};
-
-// ../src/atom.ts
-function atom(options) {
-  return atom__INTERNAL(options);
-}
-function atomFamily(options) {
-  return atomFamily__INTERNAL(options);
-}
-
-// ../src/subscribe.ts
-var subscribe = (token, handleUpdate, store = IMPLICIT.STORE) => {
-  var _a2;
-  const state = withdraw(token, store);
-  if (state === null) {
-    throw new Error(
-      `State "${token.key}" not found in this store. Did you forget to initialize with the "atom" or "selector" function?`
-    );
-  }
-  const subscription = state.subject.subscribe(handleUpdate);
-  (_a2 = store.config.logger) == null ? void 0 : _a2.info(`\u{1F440} subscribe to "${state.key}"`);
-  const dependencySubscriptions = state.type !== `atom` ? subscribeToRootAtoms(state, store) : null;
-  const unsubscribe = dependencySubscriptions === null ? () => {
-    var _a3;
-    (_a3 = store.config.logger) == null ? void 0 : _a3.info(`\u{1F648} unsubscribe from "${state.key}"`);
-    subscription.unsubscribe();
-  } : () => {
-    var _a3;
-    (_a3 = store.config.logger) == null ? void 0 : _a3.info(
-      `\u{1F648} unsubscribe from "${state.key}" and its dependencies`
-    );
-    subscription.unsubscribe();
-    for (const dependencySubscription of dependencySubscriptions) {
-      dependencySubscription.unsubscribe();
-    }
-  };
-  return unsubscribe;
-};
-
-// ../src/index.ts
-var setState = (token, value, store = IMPLICIT.STORE) => {
-  try {
-    openOperation(token, store);
-  } catch (thrown) {
-    if (!(typeof thrown === `symbol`)) {
-      throw thrown;
-    }
-    return;
-  }
-  const state = withdraw(token, store);
-  if (state === null) {
-    throw new Error(
-      `${capitalize(token.type)} "${token.key}" not found in store "${store.config.name}".`
-    );
-  }
-  setState__INTERNAL(state, value, store);
-  closeOperation(store);
-};
-
-// ../src/introspection/attach-introspection-states.ts
-import { __INTERNAL__ as __INTERNAL__7 } from "atom.io";
-
-// ../src/introspection/attach-atom-index.ts
-import { __INTERNAL__ } from "atom.io";
-var attachAtomIndex = (store = __INTERNAL__.IMPLICIT.STORE) => {
-  const atomTokenIndexState__INTERNAL = __INTERNAL__.atom__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Atom Token Index (Internal)`,
-      default: () => [...store.atoms].filter(([key]) => !key.includes(`\u{1F441}\u200D\u{1F5E8}`)).reduce((acc, [key]) => {
-        acc[key] = { key, type: `atom` };
-        return acc;
-      }, {}),
-      effects: [
-        ({ setSelf }) => {
-          store.subject.atomCreation.subscribe((atomToken) => {
-            if (store.operation.open) {
-              return;
-            }
-            if (atomToken.key.includes(`\u{1F441}\u200D\u{1F5E8}`)) {
-              return;
-            }
-            setSelf((state) => {
-              const { key, family } = atomToken;
-              if (family) {
-                const { key: familyKey, subKey } = family;
-                const current = state[familyKey];
-                if (current === void 0 || `familyMembers` in current) {
-                  const familyKeyState = current || {
-                    key: familyKey,
-                    familyMembers: {}
-                  };
-                  return __spreadProps(__spreadValues({}, state), {
-                    [familyKey]: __spreadProps(__spreadValues({}, familyKeyState), {
-                      familyMembers: __spreadProps(__spreadValues({}, familyKeyState.familyMembers), {
-                        [subKey]: atomToken
-                      })
-                    })
-                  });
-                }
-              }
-              return __spreadProps(__spreadValues({}, state), {
-                [key]: atomToken
-              });
-            });
-          });
-        }
-      ]
-    },
-    void 0,
-    store
-  );
-  return __INTERNAL__.selector__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Atom Token Index`,
-      get: ({ get }) => get(atomTokenIndexState__INTERNAL)
-    },
-    void 0,
-    store
-  );
-};
-
-// ../src/introspection/attach-selector-index.ts
-import { __INTERNAL__ as __INTERNAL__2 } from "atom.io";
-var attachSelectorIndex = (store = __INTERNAL__2.IMPLICIT.STORE) => {
-  const readonlySelectorTokenIndexState__INTERNAL = __INTERNAL__2.atom__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Selector Token Index (Internal)`,
-      default: () => Object.assign(
-        [...store.readonlySelectors].filter(([key]) => !key.includes(`\u{1F441}\u200D\u{1F5E8}`)).reduce((acc, [key]) => {
-          acc[key] = { key, type: `readonly_selector` };
-          return acc;
-        }, {}),
-        [...store.selectors].reduce((acc, [key]) => {
-          acc[key] = { key, type: `selector` };
-          return acc;
-        }, {})
-      ),
-      effects: [
-        ({ setSelf }) => {
-          store.subject.selectorCreation.subscribe((selectorToken) => {
-            if (store.operation.open) {
-              return;
-            }
-            if (selectorToken.key.includes(`\u{1F441}\u200D\u{1F5E8}`)) {
-              return;
-            }
-            setSelf((state) => {
-              const { key, family } = selectorToken;
-              if (family) {
-                const { key: familyKey, subKey } = family;
-                const current = state[familyKey];
-                if (current === void 0 || `familyMembers` in current) {
-                  const familyKeyState = current || {
-                    key: familyKey,
-                    familyMembers: {}
-                  };
-                  return __spreadProps(__spreadValues({}, state), {
-                    [familyKey]: __spreadProps(__spreadValues({}, familyKeyState), {
-                      familyMembers: __spreadProps(__spreadValues({}, familyKeyState.familyMembers), {
-                        [subKey]: selectorToken
-                      })
-                    })
-                  });
-                }
-              }
-              return __spreadProps(__spreadValues({}, state), {
-                [key]: selectorToken
-              });
-            });
-          });
-        }
-      ]
-    },
-    void 0,
-    store
-  );
-  return __INTERNAL__2.selector__INTERNAL({
-    key: `\u{1F441}\u200D\u{1F5E8} Selector Token Index`,
-    get: ({ get }) => get(readonlySelectorTokenIndexState__INTERNAL)
-  });
-};
-
-// ../src/introspection/attach-timeline-family.ts
-import { __INTERNAL__ as __INTERNAL__3 } from "atom.io";
-var attachTimelineFamily = (store = __INTERNAL__3.IMPLICIT.STORE) => {
-  const findTimelineLogState__INTERNAL = __INTERNAL__3.atomFamily__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Timeline Update Log (Internal)`,
-      default: (key) => {
-        var _a2;
-        return (_a2 = store.timelines.get(key)) != null ? _a2 : {
-          key: ``,
-          at: 0,
-          timeTraveling: null,
-          history: [],
-          selectorTime: null,
-          transactionKey: null,
-          install: () => {
-          },
-          subject: new Subject()
-        };
-      },
-      effects: (key) => [
-        ({ setSelf }) => {
-          const tl = store.timelines.get(key);
-          tl == null ? void 0 : tl.subject.subscribe((_) => {
-            if (store.operation.open === true) {
-              const subscription = store.subject.operationStatus.subscribe(
-                (operationStatus) => {
-                  if (operationStatus.open === false) {
-                    subscription.unsubscribe();
-                    setSelf(__spreadValues({}, tl));
-                  }
-                }
-              );
-            } else {
-              setSelf(__spreadValues({}, tl));
-            }
-          });
-        }
-      ]
-    },
-    store
-  );
-  const findTimelineLogState = __INTERNAL__3.selectorFamily__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Timeline Update Log`,
-      get: (key) => ({ get }) => get(findTimelineLogState__INTERNAL(key))
-    },
-    store
-  );
-  return findTimelineLogState;
-};
-
-// ../src/introspection/attach-timeline-index.ts
-import { __INTERNAL__ as __INTERNAL__4 } from "atom.io";
-var attachTimelineIndex = (store = __INTERNAL__4.IMPLICIT.STORE) => {
-  const timelineTokenIndexState__INTERNAL = __INTERNAL__4.atom__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Timeline Token Index (Internal)`,
-      default: () => [...store.timelines].map(([key]) => {
-        return { key, type: `timeline` };
-      }),
-      effects: [
-        ({ setSelf }) => {
-          store.subject.timelineCreation.subscribe((timelineToken) => {
-            setSelf((state) => [...state, timelineToken]);
-          });
-        }
-      ]
-    },
-    void 0,
-    store
-  );
-  const timelineTokenIndex = __INTERNAL__4.selector__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Timeline Token Index`,
-      get: ({ get }) => get(timelineTokenIndexState__INTERNAL)
-    },
-    void 0,
-    store
-  );
-  return timelineTokenIndex;
-};
-
-// ../src/introspection/attach-transaction-index.ts
-import { __INTERNAL__ as __INTERNAL__5 } from "atom.io";
-var attachTransactionIndex = (store = __INTERNAL__5.IMPLICIT.STORE) => {
-  const transactionTokenIndexState__INTERNAL = __INTERNAL__5.atom__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Transaction Token Index (Internal)`,
-      default: () => [...store.transactions].map(([key]) => {
-        return { key, type: `transaction` };
-      }),
-      effects: [
-        ({ setSelf }) => {
-          store.subject.transactionCreation.subscribe((transactionToken) => {
-            setSelf((state) => [...state, transactionToken]);
-          });
-        }
-      ]
-    },
-    void 0,
-    store
-  );
-  const transactionTokenIndex = __INTERNAL__5.selector__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Transaction Token Index`,
-      get: ({ get }) => get(transactionTokenIndexState__INTERNAL)
-    },
-    void 0,
-    store
-  );
-  return transactionTokenIndex;
-};
-
-// ../src/introspection/attach-transaction-logs.ts
-import { __INTERNAL__ as __INTERNAL__6 } from "atom.io";
-var attachTransactionLogs = (store = __INTERNAL__6.IMPLICIT.STORE) => {
-  const findTransactionUpdateLog = __INTERNAL__6.atomFamily__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Transaction Update Log (Internal)`,
-      default: () => [],
-      effects: (key) => [
-        ({ setSelf }) => {
-          const tx = store.transactions.get(key);
-          tx == null ? void 0 : tx.subject.subscribe((transactionUpdate) => {
-            if (transactionUpdate.key === key) {
-              setSelf((state) => [...state, transactionUpdate]);
-            }
-          });
-        }
-      ]
-    },
-    store
-  );
-  const findTransactionUpdateLogState = __INTERNAL__6.selectorFamily__INTERNAL(
-    {
-      key: `\u{1F441}\u200D\u{1F5E8} Transaction Update Log`,
-      get: (key) => ({ get }) => get(findTransactionUpdateLog(key))
-    },
-    store
-  );
-  return findTransactionUpdateLogState;
-};
-
-// ../src/introspection/attach-introspection-states.ts
-var attachIntrospectionStates = (store = __INTERNAL__7.IMPLICIT.STORE) => {
-  return {
-    atomIndex: attachAtomIndex(store),
-    selectorIndex: attachSelectorIndex(store),
-    transactionIndex: attachTransactionIndex(store),
-    findTransactionLogState: attachTransactionLogs(store),
-    timelineIndex: attachTimelineIndex(store),
-    findTimelineState: attachTimelineFamily(store)
-  };
-};
-
-// ../src/web-effects/storage.ts
-var persistAtom = (storage) => ({ stringify, parse }) => (key) => ({ setSelf, onSet }) => {
-  const savedValue = storage.getItem(key);
-  if (savedValue != null)
-    setSelf(parse(savedValue));
-  onSet(({ newValue }) => {
-    if (newValue == null) {
-      storage.removeItem(key);
-      return;
-    }
-    storage.setItem(key, stringify(newValue));
-  });
-};
-var lazyLocalStorageEffect = persistAtom(localStorage)(JSON);
-
-// ../src/react-devtools/AtomIODevtools.tsx
-import { useO as useO5, useIO as useIO5 } from "atom.io/react";
-import { LayoutGroup, motion, spring } from "framer-motion";
-import { useRef as useRef4 } from "react";
-
-// ../src/react-devtools/StateIndex.tsx
-import { getState, selectorFamily } from "atom.io";
-import { useO as useO2, useIO as useIO2 } from "atom.io/react";
-
-// ../../anvl/src/refinement/refine-json.ts
-import { isBoolean } from "fp-ts/boolean";
-import { isNumber } from "fp-ts/number";
-import { isString as isString3 } from "fp-ts/string";
-var JSON_PROTOTYPES = [
-  `Array`,
-  `Boolean`,
-  `Number`,
-  `Object`,
-  `String`
-];
-var refineJsonType = (data) => data === null ? { type: `null`, data: null } : isBoolean(data) ? { type: `boolean`, data } : isNumber(data) ? { type: `number`, data } : isString3(data) ? { type: `string`, data } : Array.isArray(data) ? { type: `array`, data } : isPlainObject(data) ? { type: `object`, data } : raiseError(
-  data === void 0 ? `undefined passed to refineJsonType. This is not valid JSON.` : `${stringifyJson(data)} with prototype "${Object.getPrototypeOf(data).constructor.name}" passed to refineJsonType. This is not valid JSON.`
-);
-var isJson = (input) => {
-  var _a2;
-  if (input === null)
-    return true;
-  if (input === void 0)
-    return false;
-  const prototype = (_a2 = Object.getPrototypeOf(input)) == null ? void 0 : _a2.constructor.name;
-  const isJson2 = JSON_PROTOTYPES.includes(prototype);
-  return isJson2;
-};
-
-// ../src/react-devtools/Button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-var OpenClose = ({ isOpen, setIsOpen, disabled }) => {
-  return /* @__PURE__ */ jsxDEV(
-    "button",
-    {
-      type: "button",
-      className: `carat ${isOpen ? `open` : `closed`}`,
-      onClick: () => setIsOpen((isOpen2) => !isOpen2),
-      disabled,
-      children: "\u25B6"
-    },
-    void 0,
-    false,
-    {
-      fileName: "../src/react-devtools/Button.tsx",
-      lineNumber: 11,
-      columnNumber: 3
-    },
-    this
-  );
-};
-var button = {
-  OpenClose
+  getRelatedIds(id) {
+    return getRelatedIds(this, id);
+  }
+  getContent(idA, idB) {
+    return getContent(this, idA, idB);
+  }
+  getRelationEntries(id) {
+    return getRelationEntries(this, id);
+  }
+  getRelationRecord(id) {
+    return getRelationRecord(this, id);
+  }
+  getRelation(id) {
+    return getRelations(this, id)[0];
+  }
+  getRelations(id) {
+    return getRelations(this, id);
+  }
+  setRelations(subject, relations) {
+    return new _Join(setRelations(this, subject, relations));
+  }
+  set(relation, ...rest) {
+    return new _Join(setRelationWithContent(this, relation, ...rest));
+  }
+  remove(relation) {
+    return new _Join(
+      removeRelation(this, relation)
+    );
+  }
 };
-
-// ../src/react-devtools/StateEditor.tsx
-import { useO, useIO } from "atom.io/react";
-
-// ../../hamr/src/react-json-editor/editors-by-type/utilities/array-elements.ts
-var makeElementSetters = (data, set) => data.map(
-  (value, index) => (newValue) => set(() => {
-    const newData = [...data];
-    newData[index] = become(newValue)(value);
-    return newData;
-  })
-);
-
-// ../../hamr/src/react-elastic-input/ElasticInput.tsx
-import {
-  useLayoutEffect,
-  useImperativeHandle,
-  forwardRef,
-  useRef,
-  useState
-} from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
   var _a2, _b, _c, _d;
   const inputRef = useRef(null);
@@ -1613,8 +822,8 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
       return () => clearInterval(interval);
     }
   }, [(_a2 = inputRef.current) == null ? void 0 : _a2.value, props.value]);
-  return /* @__PURE__ */ jsxDEV2("div", { style: { display: `inline-block`, position: `relative` }, children: [
-    /* @__PURE__ */ jsxDEV2(
+  return /* @__PURE__ */ jsxs("div", { style: { display: `inline-block`, position: `relative` }, children: [
+    /* @__PURE__ */ jsx(
       "input",
       __spreadProps(__spreadValues({}, props), {
         ref: inputRef,
@@ -1626,17 +835,9 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
           fontSize: `inherit`,
           width: inputWidth
         }, props.style)
-      }),
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-elastic-input/ElasticInput.tsx",
-        lineNumber: 45,
-        columnNumber: 4
-      },
-      this
+      })
     ),
-    /* @__PURE__ */ jsxDEV2(
+    /* @__PURE__ */ jsx(
       "span",
       {
         ref: spanRef,
@@ -1650,35 +851,16 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
           fontSize: ((_d = props.style) == null ? void 0 : _d.fontSize) || `inherit`
         },
         children: props.value
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-elastic-input/ElasticInput.tsx",
-        lineNumber: 58,
-        columnNumber: 4
-      },
-      this
+      }
     )
-  ] }, void 0, true, {
-    fileName: "../../hamr/src/react-elastic-input/ElasticInput.tsx",
-    lineNumber: 44,
-    columnNumber: 3
-  }, this);
+  ] });
 });
 
-// ../../hamr/src/react-elastic-input/NumberInput.tsx
-import { pipe as pipe6 } from "fp-ts/function";
-import { useState as useState2, useId, useRef as useRef2 } from "react";
-
 // ../../anvl/src/number/clamp.ts
 var clampInto = (min, max) => (value) => value < min ? min : value > max ? max : value;
 
 // ../../anvl/src/number/wrap.ts
 var wrapInto = (min, max) => (value) => value < min ? max - (min - value) % (max - min) : min + (value - min) % (max - min);
-
-// ../../hamr/src/react-elastic-input/NumberInput.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 function round(value, decimalPlaces) {
   if (decimalPlaces === void 0)
     return value;
@@ -1710,7 +892,7 @@ var initRefinery = (constraints) => (input) => {
     return null;
   }
   const { max, min, decimalPlaces } = __spreadValues(__spreadValues({}, DEFAULT_NUMBER_CONSTRAINTS), constraints);
-  const constrained = pipe6(
+  const constrained = pipe(
     input != null ? input : 0,
     clampInto(min, max),
     (n) => decimalPlaces ? round(n, decimalPlaces) : n
@@ -1740,8 +922,8 @@ var NumberInput = ({
   value = null
 }) => {
   const id = useId();
-  const [temporaryEntry, setTemporaryEntry] = useState2(null);
-  const userHasMadeDeliberateChange = useRef2(false);
+  const [temporaryEntry, setTemporaryEntry] = useState(null);
+  const userHasMadeDeliberateChange = useRef(false);
   const refine = initRefinery({ max, min, decimalPlaces, nullable: true });
   const allowDecimal = decimalPlaces === void 0 || decimalPlaces > 0;
   const handleBlur = () => {
@@ -1774,13 +956,9 @@ var NumberInput = ({
     }
   };
   const displayValue = temporaryEntry != null ? temporaryEntry : valueToText(value ? refine(value) : value);
-  return /* @__PURE__ */ jsxDEV3("span", { css: customCss, children: [
-    label && /* @__PURE__ */ jsxDEV3("label", { htmlFor: id, children: label }, void 0, false, {
-      fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
-      lineNumber: 168,
-      columnNumber: 14
-    }, this),
-    autoSize ? /* @__PURE__ */ jsxDEV3(
+  return /* @__PURE__ */ jsxs("span", { css: customCss, children: [
+    label && /* @__PURE__ */ jsx("label", { htmlFor: id, children: label }),
+    autoSize ? /* @__PURE__ */ jsx(
       ElasticInput,
       {
         type: "text",
@@ -1793,16 +971,8 @@ var NumberInput = ({
         id,
         onClick,
         "data-testid": `number-input-${testId != null ? testId : id}`
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
-        lineNumber: 170,
-        columnNumber: 5
-      },
-      this
-    ) : /* @__PURE__ */ jsxDEV3(
+      }
+    ) : /* @__PURE__ */ jsx(
       "input",
       {
         type: "text",
@@ -1815,25 +985,10 @@ var NumberInput = ({
         id,
         onClick,
         "data-testid": `number-input-${testId != null ? testId : id}`
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
-        lineNumber: 183,
-        columnNumber: 5
-      },
-      this
+      }
     )
-  ] }, void 0, true, {
-    fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
-    lineNumber: 167,
-    columnNumber: 3
-  }, this);
+  ] });
 };
-
-// ../../hamr/src/react-elastic-input/TextInput.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 var TextInput = ({
   value,
   set,
@@ -1842,13 +997,9 @@ var TextInput = ({
   customCss,
   autoSize = false
 }) => {
-  return /* @__PURE__ */ jsxDEV4("span", { css: customCss, children: [
-    /* @__PURE__ */ jsxDEV4("label", { children: label }, void 0, false, {
-      fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
-      lineNumber: 26,
-      columnNumber: 4
-    }, this),
-    autoSize ? /* @__PURE__ */ jsxDEV4(
+  return /* @__PURE__ */ jsxs("span", { css: customCss, children: [
+    /* @__PURE__ */ jsx("label", { children: label }),
+    autoSize ? /* @__PURE__ */ jsx(
       ElasticInput,
       {
         type: "text",
@@ -1856,16 +1007,8 @@ var TextInput = ({
         onChange: (e) => set == null ? void 0 : set(e.target.value),
         disabled: set === void 0,
         placeholder
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
-        lineNumber: 28,
-        columnNumber: 5
-      },
-      this
-    ) : /* @__PURE__ */ jsxDEV4(
+      }
+    ) : /* @__PURE__ */ jsx(
       "input",
       {
         type: "text",
@@ -1873,49 +1016,19 @@ var TextInput = ({
         onChange: (e) => set == null ? void 0 : set(e.target.value),
         disabled: set === void 0,
         placeholder
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
-        lineNumber: 36,
-        columnNumber: 5
-      },
-      this
+      }
     )
-  ] }, void 0, true, {
-    fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
-    lineNumber: 25,
-    columnNumber: 3
-  }, this);
+  ] });
 };
-
-// ../../hamr/src/react-json-editor/editors-by-type/non-json.tsx
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
 var NonJsonEditor = ({ data }) => {
-  return data === void 0 ? /* @__PURE__ */ jsxDEV5(ElasticInput, { disabled: true, value: "undefined" }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/non-json.tsx",
-    lineNumber: 6,
-    columnNumber: 3
-  }, this) : /* @__PURE__ */ jsxDEV5(
+  return data === void 0 ? /* @__PURE__ */ jsx(ElasticInput, { disabled: true, value: "undefined" }) : /* @__PURE__ */ jsx(
     ElasticInput,
     {
       disabled: true,
       value: Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data)
-    },
-    void 0,
-    false,
-    {
-      fileName: "../../hamr/src/react-json-editor/editors-by-type/non-json.tsx",
-      lineNumber: 8,
-      columnNumber: 3
-    },
-    this
+    }
   );
 };
-
-// ../../hamr/src/react-json-editor/json-editor-internal.tsx
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
 var JsonEditor_INTERNAL = ({
   data,
   set,
@@ -1936,53 +1049,25 @@ var JsonEditor_INTERNAL = ({
   const refined = dataIsJson ? refineJsonType(data) : { type: `non-json`, data };
   const SubEditor = dataIsJson ? SubEditors[refined.type] : NonJsonEditor;
   const disabled = isReadonly(path);
-  return isHidden(path) ? null : /* @__PURE__ */ jsxDEV6(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxDEV6(Components.EditorWrapper, { className, customCss, children: [
-    remove && /* @__PURE__ */ jsxDEV6(
+  return isHidden(path) ? null : /* @__PURE__ */ jsx(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxs(Components.EditorWrapper, { className, customCss, children: [
+    remove && /* @__PURE__ */ jsx(
       Components.Button,
       {
         onClick: disabled ? doNothing : remove,
         disabled,
-        children: /* @__PURE__ */ jsxDEV6(Components.DeleteIcon, {}, void 0, false, {
-          fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-          lineNumber: 65,
-          columnNumber: 7
-        }, this)
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-        lineNumber: 61,
-        columnNumber: 6
-      },
-      this
+        children: /* @__PURE__ */ jsx(Components.DeleteIcon, {})
+      }
     ),
-    HeaderDisplay && /* @__PURE__ */ jsxDEV6(HeaderDisplay, { data, schema }, void 0, false, {
-      fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-      lineNumber: 68,
-      columnNumber: 23
-    }, this),
-    rename && /* @__PURE__ */ jsxDEV6(Components.KeyWrapper, { children: /* @__PURE__ */ jsxDEV6(
+    HeaderDisplay && /* @__PURE__ */ jsx(HeaderDisplay, { data, schema }),
+    rename && /* @__PURE__ */ jsx(Components.KeyWrapper, { children: /* @__PURE__ */ jsx(
       ElasticInput,
       {
         value: name,
         onChange: disabled ? doNothing : (e) => rename(e.target.value),
         disabled
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-        lineNumber: 71,
-        columnNumber: 7
-      },
-      this
-    ) }, void 0, false, {
-      fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-      lineNumber: 70,
-      columnNumber: 6
-    }, this),
-    /* @__PURE__ */ jsxDEV6(
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
       SubEditor,
       {
         data: refined.data,
@@ -1994,50 +1079,28 @@ var JsonEditor_INTERNAL = ({
         isReadonly,
         isHidden,
         Components
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-        lineNumber: 78,
-        columnNumber: 5
-      },
-      this
+      }
     ),
-    recast && dataIsJson ? /* @__PURE__ */ jsxDEV6(
+    recast && dataIsJson ? /* @__PURE__ */ jsx(
       "select",
       {
         onChange: disabled ? doNothing : (e) => recast(e.target.value),
         value: refined.type,
         disabled,
-        children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsxDEV6("option", { value: type, children: type }, type, false, {
-          fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-          lineNumber: 100,
-          columnNumber: 8
-        }, this))
-      },
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-        lineNumber: 90,
-        columnNumber: 6
-      },
-      this
+        children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
+      }
     ) : null
-  ] }, void 0, true, {
-    fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-    lineNumber: 59,
-    columnNumber: 4
-  }, this) }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
-    lineNumber: 58,
-    columnNumber: 3
-  }, this);
+  ] }) });
 };
 
-// ../../hamr/src/react-json-editor/editors-by-type/array-editor.tsx
-import { Fragment, jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+// ../../hamr/src/react-json-editor/editors-by-type/utilities/array-elements.ts
+var makeElementSetters = (data, set) => data.map(
+  (value, index) => (newValue) => set(() => {
+    const newData = [...data];
+    newData[index] = become(newValue)(value);
+    return newData;
+  })
+);
 var ArrayEditor = ({
   path = [],
   isReadonly = () => false,
@@ -2047,9 +1110,9 @@ var ArrayEditor = ({
   Components
 }) => {
   const setElement = makeElementSetters(data, set);
-  return /* @__PURE__ */ jsxDEV7(Fragment, { children: data.map((element, index) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: data.map((element, index) => {
     const newPath = [...path, index];
-    return /* @__PURE__ */ jsxDEV7(
+    return /* @__PURE__ */ jsx(
       JsonEditor_INTERNAL,
       {
         path: newPath,
@@ -2059,32 +1122,12 @@ var ArrayEditor = ({
         set: setElement[index],
         Components
       },
-      newPath.join(``),
-      false,
-      {
-        fileName: "../../hamr/src/react-json-editor/editors-by-type/array-editor.tsx",
-        lineNumber: 23,
-        columnNumber: 6
-      },
-      this
+      newPath.join(``)
     );
-  }) }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/array-editor.tsx",
-    lineNumber: 19,
-    columnNumber: 3
-  }, this);
+  }) });
 };
 
-// ../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx
-import { useRef as useRef3 } from "react";
-
-// ../../anvl/src/json-schema/json-schema.ts
-import { isBoolean as isBoolean2 } from "fp-ts/boolean";
-import { isNumber as isNumber2 } from "fp-ts/number";
-import { isString as isString6 } from "fp-ts/string";
-
 // ../../anvl/src/json-schema/integer.ts
-import { pipe as pipe7 } from "fp-ts/function";
 var isInteger = (input) => Number.isInteger(input);
 var parseInteger = (input) => {
   if (isInteger(input))
@@ -2110,7 +1153,7 @@ var IntegerParseError = class extends Error {
   }
 };
 var Int = Object.assign((input) => parseInteger(input), {
-  from: (input) => pipe7(
+  from: (input) => pipe(
     input,
     String,
     parseFloat,
@@ -2141,18 +1184,17 @@ var Int = Object.assign((input) => parseInteger(input), {
 function asNumber(input) {
   return input;
 }
-var a = asNumber(new Fraction(1, 2));
-var b = asNumber([new Fraction(1, 2)]);
-var c = asNumber({ a: new Fraction(1, 2) });
+asNumber(new Fraction(1, 2));
+asNumber([new Fraction(1, 2)]);
+asNumber({ a: new Fraction(1, 2) });
 
 // ../../anvl/src/json-schema/refs.ts
-import { isString as isString4 } from "fp-ts/string";
 function isJsonSchemaRef(input) {
   return doesExtend({
-    $ref: isString4
+    $ref: isString
   })(input);
 }
-var colorPalette = {
+({
   $defs: {
     colorChannel: {
       type: `integer`,
@@ -2172,7 +1214,7 @@ var colorPalette = {
   items: {
     $ref: `#/$defs/color`
   }
-};
+});
 var retrieveRef = ({
   refNode: { $ref },
   refMap = {},
@@ -2200,7 +1242,6 @@ var retrieveRef = ({
 };
 
 // ../../anvl/src/json-schema/string-formats.ts
-import { isString as isString5 } from "fp-ts/string";
 var JSON_SCHEMA_STRING_FORMATS = [
   `date-time`,
   `date`,
@@ -2218,32 +1259,17 @@ var JSON_SCHEMA_STRING_FORMATS = [
 
 // ../../anvl/src/json-schema/json-schema.ts
 var JSON_SCHEMA_TYPE_NAMES = [...JSON_TYPE_NAMES, `integer`];
-var JSON_SCHEMA_META_TYPE_NAMES = [
+[
   ...JSON_SCHEMA_TYPE_NAMES,
   `any`,
   `never`
 ];
-var JSON_SCHEMA_REFINERY = {
-  array: isArraySchema,
-  boolean: isBooleanSchema,
-  integer: isIntegerSchema,
-  null: isNullSchema,
-  number: isNumberSchema,
-  object: isObjectSchema,
-  string: isStringSchema,
-  any: isLiteral(true),
-  never: isLiteral(false),
-  union: isUnionSchema,
-  intersection: isIntersectionSchema,
-  negation: isNegationSchema,
-  conditional: isConditionalSchema
-};
 var stringSchemaStructure = {
   type: isLiteral(`string`),
-  enum: ifDefined(isArray(isString6)),
+  enum: ifDefined(isArray(isString)),
   minLength: ifDefined(isInteger),
   maxLength: ifDefined(isInteger),
-  pattern: ifDefined(isString6),
+  pattern: ifDefined(isString),
   format: ifDefined(isWithin(JSON_SCHEMA_STRING_FORMATS))
 };
 function isStringSchema(input) {
@@ -2251,12 +1277,12 @@ function isStringSchema(input) {
 }
 var numberSchemaStructure = {
   type: isLiteral(`number`),
-  enum: ifDefined(isArray(isNumber2)),
-  minimum: ifDefined(isNumber2),
-  maximum: ifDefined(isNumber2),
-  exclusiveMinimum: ifDefined(isNumber2),
-  exclusiveMaximum: ifDefined(isNumber2),
-  multipleOf: ifDefined(isNumber2)
+  enum: ifDefined(isArray(isNumber)),
+  minimum: ifDefined(isNumber),
+  maximum: ifDefined(isNumber),
+  exclusiveMinimum: ifDefined(isNumber),
+  exclusiveMaximum: ifDefined(isNumber),
+  multipleOf: ifDefined(isNumber)
 };
 function isNumberSchema(input) {
   return doesExtend(numberSchemaStructure)(input);
@@ -2275,7 +1301,7 @@ function isIntegerSchema(input) {
 }
 var booleanSchemaStructure = {
   type: isLiteral(`boolean`),
-  enum: ifDefined(isArray(isBoolean2))
+  enum: ifDefined(isArray(isBoolean))
 };
 function isBooleanSchema(input) {
   return doesExtend(booleanSchemaStructure)(input);
@@ -2288,23 +1314,25 @@ function isNullSchema(input) {
 }
 var objectSchemaStructure = {
   type: isLiteral(`object`),
-  properties: ifDefined(isRecord(isString6, isJsonSchema)),
-  required: ifDefined(isArray(isString6)),
+  properties: ifDefined(isRecord(isString, isJsonSchema)),
+  required: ifDefined(isArray(isString)),
   additionalProperties: ifDefined(isJsonSchema),
   propertyNames: ifDefined(isStringSchema),
   minProperties: ifDefined(isInteger),
   maxProperties: ifDefined(isInteger),
-  dependentSchemas: ifDefined(isRecord(isString6, isJsonSchema))
+  dependentSchemas: ifDefined(isRecord(isString, isJsonSchema))
 };
 function isObjectSchema(input) {
   return doesExtend(objectSchemaStructure)(input);
 }
 var arraySchemaStructure = {
   type: isLiteral(`array`),
-  items: ifDefined(couldBe(isJsonSchema).or(isArray(isJsonSchema))),
+  items: ifDefined(
+    mustSatisfyOneOfTheFollowing(isJsonSchema).or(isArray(isJsonSchema))
+  ),
   minItems: ifDefined(isInteger),
   maxItems: ifDefined(isInteger),
-  uniqueItems: ifDefined(isBoolean2)
+  uniqueItems: ifDefined(isBoolean)
 };
 function isArraySchema(input) {
   return doesExtend(arraySchemaStructure)(input);
@@ -2336,7 +1364,7 @@ function isNegationSchema(input) {
 var mixedSchemaStructure = __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, arraySchemaStructure), booleanSchemaStructure), integerSchemaStructure), nullSchemaStructure), numberSchemaStructure), objectSchemaStructure), stringSchemaStructure), {
   type: isArray(isWithin(JSON_SCHEMA_TYPE_NAMES)),
   enum: ifDefined(
-    isArray(isUnion.or(isInteger).or(isBoolean2).or(isNumber2).or(isString6))
+    isArray(isUnion.or(isInteger).or(isBoolean).or(isNumber).or(isString))
   )
 });
 function isMixedSchema(input) {
@@ -2344,12 +1372,12 @@ function isMixedSchema(input) {
 }
 var isJsonSchemaCore = isUnion.or(isArraySchema).or(isBooleanSchema).or(isConditionalSchema).or(isExclusiveSchema).or(isIntegerSchema).or(isIntersectionSchema).or(isMixedSchema).or(isNegationSchema).or(isNullSchema).or(isNumberSchema).or(isObjectSchema).or(isStringSchema).or(isUnionSchema);
 var isJsonSchemaRoot = doesExtend({
-  $id: ifDefined(isString6),
-  $schema: ifDefined(isString6)
+  $id: ifDefined(isString),
+  $schema: ifDefined(isString)
 });
 var isJsonSchemaObject = isIntersection.and(isJsonSchemaCore).and(isJsonSchemaRoot);
 function isJsonSchema(input) {
-  return couldBe(isJsonSchemaObject).or(isBoolean2).or(isJsonSchemaRef)(input);
+  return mustSatisfyOneOfTheFollowing(isBoolean).or(isJsonSchemaObject).or(isJsonSchemaRef)(input);
 }
 
 // ../../anvl/src/json-schema/path-into.ts
@@ -2565,7 +1593,7 @@ var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject(
 var makePropertyRemovers = (data, set) => mapObject(
   data,
   (_, key) => () => set(() => {
-    const _a2 = data, { [key]: _2 } = _a2, rest = __objRest(_a2, [__restKey(key)]);
+    const _a2 = data, rest = __objRest(_a2, [__restKey(key)]);
     return rest;
   })
 );
@@ -2582,36 +1610,17 @@ var makePropertySorter = (data, set, sortFn) => () => {
   sortedKeys.forEach((key) => sortedObj[key] = data[key]);
   set(sortedObj);
 };
-
-// ../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx
-import { Fragment as Fragment2, jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 var PropertyAdder = ({
   addProperty,
   disabled,
   propertyKey,
   Components
-}) => /* @__PURE__ */ jsxDEV8(Components.MissingPropertyWrapper, { children: [
-  /* @__PURE__ */ jsxDEV8(ElasticInput, { disabled: true, defaultValue: propertyKey }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-    lineNumber: 38,
-    columnNumber: 3
-  }, this),
+}) => /* @__PURE__ */ jsxs(Components.MissingPropertyWrapper, { children: [
+  /* @__PURE__ */ jsx(ElasticInput, { disabled: true, defaultValue: propertyKey }),
   ` `,
-  /* @__PURE__ */ jsxDEV8(ElasticInput, { disabled: true, defaultValue: "is missing" }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-    lineNumber: 40,
-    columnNumber: 3
-  }, this),
-  /* @__PURE__ */ jsxDEV8(Components.Button, { onClick: () => addProperty(), disabled, children: "+" }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-    lineNumber: 41,
-    columnNumber: 3
-  }, this)
-] }, void 0, true, {
-  fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-  lineNumber: 37,
-  columnNumber: 2
-}, this);
+  /* @__PURE__ */ jsx(ElasticInput, { disabled: true, defaultValue: "is missing" }),
+  /* @__PURE__ */ jsx(Components.Button, { onClick: () => addProperty(), disabled, children: "+" })
+] });
 var ObjectEditor = ({
   schema,
   path = [],
@@ -2623,7 +1632,7 @@ var ObjectEditor = ({
 }) => {
   var _a2;
   const disabled = isReadonly(path);
-  const stableKeyMap = useRef3(
+  const stableKeyMap = useRef(
     Object.keys(data).reduce((acc, key) => {
       acc[key] = key;
       return acc;
@@ -2646,20 +1655,16 @@ var ObjectEditor = ({
     [[], []]
   );
   const missingKeys = schemaKeys === true ? [] : schemaKeys.filter((key) => !dataKeys.includes(key));
-  return /* @__PURE__ */ jsxDEV8(Fragment2, { children: [
-    /* @__PURE__ */ jsxDEV8(Components.Button, { onClick: () => sortProperties(), disabled, children: "Sort" }, void 0, false, {
-      fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-      lineNumber: 95,
-      columnNumber: 4
-    }, this),
-    /* @__PURE__ */ jsxDEV8(Components.ObjectWrapper, { children: [
-      /* @__PURE__ */ jsxDEV8("div", { className: "json_editor_properties", children: [...missingKeys, ...officialKeys, ...unofficialKeys].map((key) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Components.Button, { onClick: () => sortProperties(), disabled, children: "Sort" }),
+    /* @__PURE__ */ jsxs(Components.ObjectWrapper, { children: [
+      /* @__PURE__ */ jsx("div", { className: "json_editor_properties", children: [...missingKeys, ...officialKeys, ...unofficialKeys].map((key) => {
         const originalKey = stableKeyMap.current[key];
         const newPath = [...path, key];
         const originalPath = [...path, originalKey];
         const isOfficial = schemaKeys === true || schemaKeys.includes(key);
         const isMissing = missingKeys.includes(key);
-        return isMissing ? /* @__PURE__ */ jsxDEV8(
+        return isMissing ? /* @__PURE__ */ jsx(
           PropertyAdder,
           {
             propertyKey: key,
@@ -2667,15 +1672,8 @@ var ObjectEditor = ({
             disabled,
             Components
           },
-          key + `IsMissing`,
-          false,
-          {
-            fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-            lineNumber: 108,
-            columnNumber: 8
-          },
-          this
-        ) : /* @__PURE__ */ jsxDEV8(
+          key + `IsMissing`
+        ) : /* @__PURE__ */ jsx(
           JsonEditor_INTERNAL,
           {
             schema,
@@ -2691,107 +1689,49 @@ var ObjectEditor = ({
             className: `json_editor_property ${isOfficial ? `json_editor_official` : `json_editor_unofficial`}`,
             Components
           },
-          originalPath.join(`.`),
-          false,
-          {
-            fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-            lineNumber: 116,
-            columnNumber: 8
-          },
-          this
+          originalPath.join(`.`)
         );
-      }) }, void 0, false, {
-        fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-        lineNumber: 99,
-        columnNumber: 5
-      }, this),
-      /* @__PURE__ */ jsxDEV8(
+      }) }),
+      /* @__PURE__ */ jsx(
         Components.Button,
         {
           onClick: disabled ? doNothing : () => makePropertyAdder(`new_property`, `string`)(),
           disabled,
           children: "+"
-        },
-        void 0,
-        false,
-        {
-          fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-          lineNumber: 136,
-          columnNumber: 5
-        },
-        this
+        }
       )
-    ] }, void 0, true, {
-      fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-      lineNumber: 98,
-      columnNumber: 4
-    }, this)
-  ] }, void 0, true, {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
-    lineNumber: 94,
-    columnNumber: 3
-  }, this);
+    ] })
+  ] });
 };
-
-// ../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
 var BooleanEditor = ({
   data,
   set,
   Components
-}) => /* @__PURE__ */ jsxDEV9(Components.BooleanWrapper, { children: /* @__PURE__ */ jsxDEV9(
+}) => /* @__PURE__ */ jsx(Components.BooleanWrapper, { children: /* @__PURE__ */ jsx(
   "input",
   {
     type: "checkbox",
     checked: data,
     onChange: (event) => set(event.target.checked)
-  },
-  void 0,
-  false,
-  {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
-    lineNumber: 12,
-    columnNumber: 3
-  },
-  this
-) }, void 0, false, {
-  fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
-  lineNumber: 11,
-  columnNumber: 2
-}, this);
+  }
+) });
 var NullEditor = ({
   Components
-}) => /* @__PURE__ */ jsxDEV9(Components.NullWrapper, { children: '" "' }, void 0, false, {
-  fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
-  lineNumber: 23,
-  columnNumber: 2
-}, this);
+}) => /* @__PURE__ */ jsx(Components.NullWrapper, { children: '" "' });
 var NumberEditor = ({
   path = [],
   isReadonly = () => false,
   data,
   set,
   Components
-}) => /* @__PURE__ */ jsxDEV9(Components.NumberWrapper, { children: /* @__PURE__ */ jsxDEV9(
+}) => /* @__PURE__ */ jsx(Components.NumberWrapper, { children: /* @__PURE__ */ jsx(
   NumberInput,
   {
     value: data,
     set: isReadonly(path) ? void 0 : (newValue) => set(Number(newValue)),
     autoSize: true
-  },
-  void 0,
-  false,
-  {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
-    lineNumber: 34,
-    columnNumber: 3
-  },
-  this
-) }, void 0, false, {
-  fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
-  lineNumber: 33,
-  columnNumber: 2
-}, this);
+  }
+) });
 var StringEditor = ({
   path = [],
   isReadonly = () => false,
@@ -2799,38 +1739,20 @@ var StringEditor = ({
   set,
   Components
 }) => {
-  return /* @__PURE__ */ jsxDEV9(Components.StringWrapper, { children: /* @__PURE__ */ jsxDEV9(
+  return /* @__PURE__ */ jsx(Components.StringWrapper, { children: /* @__PURE__ */ jsx(
     TextInput,
     {
       value: data,
       set: isReadonly(path) ? void 0 : set,
       autoSize: true
-    },
-    void 0,
-    false,
-    {
-      fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
-      lineNumber: 51,
-      columnNumber: 4
-    },
-    this
-  ) }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
-    lineNumber: 50,
-    columnNumber: 3
-  }, this);
+    }
+  ) });
 };
-
-// ../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx
-import { Component, useState as useState3 } from "react";
-
-// ../../hamr/src/react-error-boundary/DefaultFallback.tsx
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
 var DefaultFallback = ({ error, errorInfo }) => {
   var _a2, _b;
   const component = errorInfo == null ? void 0 : errorInfo.componentStack.split(` `).filter(Boolean)[2];
   const message = (_b = (_a2 = error == null ? void 0 : error.toString()) != null ? _a2 : errorInfo == null ? void 0 : errorInfo.componentStack) != null ? _b : `Unknown error`;
-  return /* @__PURE__ */ jsxDEV10(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       "data-testid": "error-boundary",
@@ -2842,7 +1764,7 @@ var DefaultFallback = ({ error, errorInfo }) => {
         // backgroundRepeat: `no-repeat`,
         backgroundSize: `overlay`
       },
-      children: /* @__PURE__ */ jsxDEV10(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2851,7 +1773,7 @@ var DefaultFallback = ({ error, errorInfo }) => {
             padding: `50px`,
             border: `1px solid dashed`
           },
-          children: /* @__PURE__ */ jsxDEV10(
+          children: /* @__PURE__ */ jsxs(
             "span",
             {
               style: {
@@ -2862,48 +1784,17 @@ var DefaultFallback = ({ error, errorInfo }) => {
               },
               children: [
                 `\u26A0\uFE0F `,
-                /* @__PURE__ */ jsxDEV10("span", { style: { color: `#fc0`, fontWeight: 700 }, children: component }, void 0, false, {
-                  fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
-                  lineNumber: 42,
-                  columnNumber: 6
-                }, this),
+                /* @__PURE__ */ jsx("span", { style: { color: `#fc0`, fontWeight: 700 }, children: component }),
                 ` \u26A0\uFE0F `,
                 message
               ]
-            },
-            void 0,
-            true,
-            {
-              fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
-              lineNumber: 33,
-              columnNumber: 5
-            },
-            this
+            }
           )
-        },
-        void 0,
-        false,
-        {
-          fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
-          lineNumber: 25,
-          columnNumber: 4
-        },
-        this
+        }
       )
-    },
-    void 0,
-    false,
-    {
-      fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
-      lineNumber: 13,
-      columnNumber: 3
-    },
-    this
+    }
   );
 };
-
-// ../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -2920,23 +1811,12 @@ var ErrorBoundary = class extends Component {
   render() {
     const { error, errorInfo } = this.state;
     const { children, Fallback = DefaultFallback } = this.props;
-    return errorInfo ? /* @__PURE__ */ jsxDEV11(Fallback, { error, errorInfo }, void 0, false, {
-      fileName: "../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx",
-      lineNumber: 51,
-      columnNumber: 4
-    }, this) : children;
+    return errorInfo ? /* @__PURE__ */ jsx(Fallback, { error, errorInfo }) : children;
   }
 };
-
-// ../../hamr/src/react-json-editor/default-components.tsx
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
 var DEFAULT_JSON_EDITOR_COMPONENTS = {
-  ErrorBoundary: ({ children }) => /* @__PURE__ */ jsxDEV12(ErrorBoundary, { children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 49,
-    columnNumber: 35
-  }, this),
-  Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsxDEV12(
+  ErrorBoundary: ({ children }) => /* @__PURE__ */ jsx(ErrorBoundary, { children }),
+  Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
@@ -2944,21 +1824,9 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
       onClick,
       disabled,
       children
-    },
-    void 0,
-    false,
-    {
-      fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-      lineNumber: 51,
-      columnNumber: 3
-    },
-    this
+    }
   ),
-  EditorWrapper: ({ children, customCss, className }) => /* @__PURE__ */ jsxDEV12("div", { className: `json_editor ` + className, css: customCss, children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 61,
-    columnNumber: 3
-  }, this),
+  EditorWrapper: ({ children, customCss, className }) => /* @__PURE__ */ jsx("div", { className: `json_editor ` + className, css: customCss, children }),
   EditorLayout: ({
     DeleteButton,
     Header,
@@ -2967,109 +1835,28 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
     ValueEditor,
     Wrapper
   }) => {
-    return /* @__PURE__ */ jsxDEV12(Wrapper, { children: [
-      DeleteButton && /* @__PURE__ */ jsxDEV12(DeleteButton, {}, void 0, false, {
-        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 75,
-        columnNumber: 22
-      }, this),
-      Header && /* @__PURE__ */ jsxDEV12(Header, {}, void 0, false, {
-        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 76,
-        columnNumber: 16
-      }, this),
-      KeyInput && /* @__PURE__ */ jsxDEV12(KeyInput, {}, void 0, false, {
-        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 77,
-        columnNumber: 18
-      }, this),
-      TypeSelect && /* @__PURE__ */ jsxDEV12(TypeSelect, {}, void 0, false, {
-        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 78,
-        columnNumber: 20
-      }, this),
-      /* @__PURE__ */ jsxDEV12(ValueEditor, {}, void 0, false, {
-        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 79,
-        columnNumber: 5
-      }, this)
-    ] }, void 0, true, {
-      fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-      lineNumber: 74,
-      columnNumber: 4
-    }, this);
+    return /* @__PURE__ */ jsxs(Wrapper, { children: [
+      DeleteButton && /* @__PURE__ */ jsx(DeleteButton, {}),
+      Header && /* @__PURE__ */ jsx(Header, {}),
+      KeyInput && /* @__PURE__ */ jsx(KeyInput, {}),
+      TypeSelect && /* @__PURE__ */ jsx(TypeSelect, {}),
+      /* @__PURE__ */ jsx(ValueEditor, {})
+    ] });
   },
-  ArrayWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("div", { className: "json_editor_array", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 84,
-    columnNumber: 3
-  }, this),
-  ObjectWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("div", { className: "json_editor_object", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 87,
-    columnNumber: 3
-  }, this),
-  StringWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_string", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 90,
-    columnNumber: 3
-  }, this),
-  NumberWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_number", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 93,
-    columnNumber: 3
-  }, this),
-  BooleanWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_boolean", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 96,
-    columnNumber: 3
-  }, this),
-  NullWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_null", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 99,
-    columnNumber: 3
-  }, this),
-  MissingPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("div", { className: "json_editor_property json_editor_missing", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 102,
-    columnNumber: 3
-  }, this),
-  MiscastPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("div", { className: "json_editor_property json_editor_miscast", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 105,
-    columnNumber: 3
-  }, this),
-  IllegalPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_property json_editor_illegal", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 108,
-    columnNumber: 3
-  }, this),
-  OfficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_property json_editor_official", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 111,
-    columnNumber: 3
-  }, this),
-  UnofficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_property json_editor_unofficial", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 114,
-    columnNumber: 3
-  }, this),
-  DeleteIcon: () => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_icon json_editor_delete", children: "x" }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 119,
-    columnNumber: 3
-  }, this),
-  KeyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("span", { className: "json_editor_key", children }, void 0, false, {
-    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 122,
-    columnNumber: 3
-  }, this)
+  ArrayWrapper: ({ children }) => /* @__PURE__ */ jsx("div", { className: "json_editor_array", children }),
+  ObjectWrapper: ({ children }) => /* @__PURE__ */ jsx("div", { className: "json_editor_object", children }),
+  StringWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_string", children }),
+  NumberWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_number", children }),
+  BooleanWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_boolean", children }),
+  NullWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_null", children }),
+  MissingPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx("div", { className: "json_editor_property json_editor_missing", children }),
+  MiscastPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx("div", { className: "json_editor_property json_editor_miscast", children }),
+  IllegalPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_property json_editor_illegal", children }),
+  OfficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_property json_editor_official", children }),
+  UnofficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_property json_editor_unofficial", children }),
+  DeleteIcon: () => /* @__PURE__ */ jsx("span", { className: "json_editor_icon json_editor_delete", children: "x" }),
+  KeyWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_key", children })
 };
-
-// ../../hamr/src/react-json-editor/developer-interface.tsx
-import Ajv from "ajv";
-import { useMemo } from "react";
-import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
 var JsonEditor = ({
   data,
   set,
@@ -3086,12 +1873,7 @@ var JsonEditor = ({
   Components: CustomComponents = {}
 }) => {
   const Components = __spreadValues(__spreadValues({}, DEFAULT_JSON_EDITOR_COMPONENTS), CustomComponents);
-  const ajv = new Ajv({ allErrors: true, verbose: true });
-  const validate = useMemo(() => {
-    return ajv.compile(schema);
-  }, [schema]);
-  const validationResults = validate(data);
-  return /* @__PURE__ */ jsxDEV13(
+  return /* @__PURE__ */ jsx(
     JsonEditor_INTERNAL,
     {
       data,
@@ -3107,15 +1889,7 @@ var JsonEditor = ({
       customCss,
       Header,
       Components
-    },
-    void 0,
-    false,
-    {
-      fileName: "../../hamr/src/react-json-editor/developer-interface.tsx",
-      lineNumber: 77,
-      columnNumber: 3
-    },
-    this
+    }
   );
 };
 
@@ -3129,19 +1903,6 @@ var SubEditors = {
   string: StringEditor
 };
 
-// ../../hamr/src/react-data-designer/RelationEditor.module.scss
-var RelationEditor_module_default = {};
-
-// ../../hamr/src/react-id/Id.tsx
-import {
-  FloatingPortal,
-  useClick,
-  useFloating,
-  useInteractions
-} from "@floating-ui/react";
-import { pipe as pipe12 } from "fp-ts/function";
-import * as React from "react";
-
 // ../../anvl/src/string/string-to-color.ts
 function stringToColor(input) {
   let hash = 0;
@@ -3248,7 +2009,6 @@ var maxSatForHueInFilter_default = (hue, filter) => {
       $ /= hueB - hueA;
       $ *= tuningPointB.sat - tuningPointA.sat;
       $ += tuningPointA.sat;
-      Math.round($);
       maxSat = $;
     }
   }
@@ -3429,25 +2189,6 @@ var hexToSpec = (hex) => {
 };
 var hexToSpec_default = hexToSpec;
 
-// ../../luum/src/mixers/lum.ts
-import { pipe as pipe8 } from "fp-ts/function";
-var resetColor = (color) => pipe8(color, specToHex_default, hexToSpec_default, (hsl) => __spreadProps(__spreadValues({}, hsl), {
-  prefer: color.prefer
-}));
-var setLum = (newLum) => (currentColor) => {
-  const newColor = __spreadProps(__spreadValues({}, currentColor), {
-    lum: pipe8(currentColor.lum, become(newLum), clampInto(0, 1))
-  });
-  return newColor;
-};
-var shadeBy = (shadeAmount) => (color) => setLum((lum) => (lum * 100 - shadeAmount) / 100)(resetColor(color));
-
-// ../../luum/src/mixers/sat.ts
-import { pipe as pipe9 } from "fp-ts/function";
-
-// ../../luum/src/mixers/hue.ts
-import { pipe as pipe10 } from "fp-ts/function";
-
 // ../../luum/src/mixers/contrast.ts
 var contrastMax = (color) => __spreadProps(__spreadValues({}, color), {
   lum: color.lum > 0.666 ? 0 : 1
@@ -3456,10 +2197,6 @@ var offset = (offsetAmount) => (color) => __spreadProps(__spreadValues({}, color
   lum: color.lum > 0.666 ? color.lum - offsetAmount : color.lum + offsetAmount
 });
 
-// ../../luum/src/scheme/index.ts
-import { pipe as pipe11 } from "fp-ts/function";
-import { isString as isString7 } from "fp-ts/string";
-
 // ../../luum/src/constants/luum-spec.ts
 var defaultSpec = {
   hue: 0,
@@ -3470,13 +2207,7 @@ var defaultSpec = {
 
 // ../../luum/src/scheme/index.ts
 var isLuumSpec = (input) => typeof input === `object` && input !== null && typeof input.hue === `number` && typeof input.sat === `number` && typeof input.lum === `number` && [`sat`, `lum`].includes(input.prefer);
-var isLuumSpecModifier = isModifier(isLuumSpec)(defaultSpec);
-var RED = {
-  hue: 0,
-  sat: 255,
-  lum: 0.5,
-  prefer: `sat`
-};
+isModifier(isLuumSpec)(defaultSpec);
 var WAYFORGE_CORE_COLOR_NAMES = [
   `Red`,
   `Orange`,
@@ -3491,7 +2222,7 @@ var WAYFORGE_CORE_COLOR_NAMES = [
   `Magenta`,
   `Pink`
 ];
-var WAYFORGE_CORE_COLORS = WAYFORGE_CORE_COLOR_NAMES.reduce((acc, name, idx) => {
+WAYFORGE_CORE_COLOR_NAMES.reduce((acc, name, idx) => {
   acc[name] = {
     hue: idx * 30,
     sat: 255,
@@ -3500,21 +2231,6 @@ var WAYFORGE_CORE_COLORS = WAYFORGE_CORE_COLOR_NAMES.reduce((acc, name, idx) =>
   };
   return acc;
 }, {});
-var PAINT_MY_WAGON_RED = {
-  rootSelectors: [`.wagon`],
-  root: RED,
-  attributes: [`background-color`, shadeBy(5)],
-  states: [
-    [
-      [`:hover`, `:focus`],
-      [`background-color`, shadeBy(10)]
-    ],
-    [`:active`, [`background-color`, shadeBy(15)]]
-  ]
-};
-
-// ../../hamr/src/react-id/Id.tsx
-import { Fragment as Fragment3, jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
 var Id = ({ id }) => {
   const [isOpen, setIsOpen] = React.useState(false);
   const { refs, floatingStyles, context } = useFloating({
@@ -3525,16 +2241,16 @@ var Id = ({ id }) => {
   const click = useClick(context);
   const { getReferenceProps, getFloatingProps } = useInteractions([click]);
   const bgColor = stringToColor(id);
-  const contrastColor = pipe12(bgColor, hexToSpec_default, contrastMax, specToHex_default);
-  const offsetColor = pipe12(bgColor, hexToSpec_default, offset(0.25), specToHex_default);
-  const contrastOffsetColor = pipe12(
+  const contrastColor = pipe(bgColor, hexToSpec_default, contrastMax, specToHex_default);
+  const offsetColor = pipe(bgColor, hexToSpec_default, offset(0.25), specToHex_default);
+  const contrastOffsetColor = pipe(
     offsetColor,
     hexToSpec_default,
     contrastMax,
     specToHex_default
   );
-  return /* @__PURE__ */ jsxDEV14(Fragment3, { children: [
-    /* @__PURE__ */ jsxDEV14(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       "span",
       __spreadProps(__spreadValues({
         role: "content",
@@ -3549,17 +2265,9 @@ var Id = ({ id }) => {
           whiteSpace: `nowrap`
         },
         children: id.substring(0, 3)
-      }),
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-id/Id.tsx",
-        lineNumber: 36,
-        columnNumber: 4
-      },
-      this
+      })
     ),
-    isOpen && /* @__PURE__ */ jsxDEV14(FloatingPortal, { children: /* @__PURE__ */ jsxDEV14(
+    isOpen && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
       "span",
       __spreadProps(__spreadValues({
         role: "popup",
@@ -3572,29 +2280,13 @@ var Id = ({ id }) => {
           boxShadow: `0px 2px 10px rgba(0, 0, 0, 0.1)`
         }),
         children: id
-      }),
-      void 0,
-      false,
-      {
-        fileName: "../../hamr/src/react-id/Id.tsx",
-        lineNumber: 53,
-        columnNumber: 6
-      },
-      this
-    ) }, void 0, false, {
-      fileName: "../../hamr/src/react-id/Id.tsx",
-      lineNumber: 52,
-      columnNumber: 5
-    }, this)
-  ] }, void 0, true, {
-    fileName: "../../hamr/src/react-id/Id.tsx",
-    lineNumber: 35,
-    columnNumber: 3
-  }, this);
+      })
+    ) })
+  ] });
 };
 
-// ../../hamr/src/react-data-designer/RelationEditor.tsx
-import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+// ../../hamr/src/react-data-designer/RelationEditor.module.scss
+var RelationEditor_module_default = {};
 var RelationEditor = (props) => {
   const seen = /* @__PURE__ */ new Set();
   const data = Object.entries(props.data.relations).sort(([_, a2], [__, b2]) => b2.length - a2.length).filter(([head, tail]) => {
@@ -3606,124 +2298,47 @@ var RelationEditor = (props) => {
     }
     return true;
   });
-  return /* @__PURE__ */ jsxDEV15("article", { className: RelationEditor_module_default.class, children: data.map(([head, tail]) => /* @__PURE__ */ jsxDEV15("section", { children: [
-    /* @__PURE__ */ jsxDEV15("span", { children: /* @__PURE__ */ jsxDEV15(Id, { id: head }, void 0, false, {
-      fileName: "../../hamr/src/react-data-designer/RelationEditor.tsx",
-      lineNumber: 26,
-      columnNumber: 7
-    }, this) }, void 0, false, {
-      fileName: "../../hamr/src/react-data-designer/RelationEditor.tsx",
-      lineNumber: 25,
-      columnNumber: 6
-    }, this),
+  return /* @__PURE__ */ jsx("article", { className: RelationEditor_module_default.class, children: data.map(([head, tail]) => /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Id, { id: head }) }),
     ":",
-    /* @__PURE__ */ jsxDEV15("span", { children: tail.map((child) => /* @__PURE__ */ jsxDEV15(Id, { id: child }, void 0, false, {
-      fileName: "../../hamr/src/react-data-designer/RelationEditor.tsx",
-      lineNumber: 31,
-      columnNumber: 8
-    }, this)) }, void 0, false, {
-      fileName: "../../hamr/src/react-data-designer/RelationEditor.tsx",
-      lineNumber: 29,
-      columnNumber: 6
-    }, this)
-  ] }, void 0, true, {
-    fileName: "../../hamr/src/react-data-designer/RelationEditor.tsx",
-    lineNumber: 24,
-    columnNumber: 5
-  }, this)) }, void 0, false, {
-    fileName: "../../hamr/src/react-data-designer/RelationEditor.tsx",
-    lineNumber: 21,
-    columnNumber: 3
-  }, this);
+    /* @__PURE__ */ jsx("span", { children: tail.map((child) => /* @__PURE__ */ jsx(Id, { id: child })) })
+  ] })) });
 };
-
-// ../src/react-devtools/StateEditor.tsx
-import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
 var StateEditor = ({ token }) => {
-  const [data, set] = useIO(token);
-  return isJson(data) ? /* @__PURE__ */ jsxDEV16(JsonEditor, { data, set, schema: true }, void 0, false, {
-    fileName: "../src/react-devtools/StateEditor.tsx",
-    lineNumber: 17,
-    columnNumber: 3
-  }, this) : data instanceof Join ? /* @__PURE__ */ jsxDEV16(RelationEditor, { data, set }, void 0, false, {
-    fileName: "../src/react-devtools/StateEditor.tsx",
-    lineNumber: 19,
-    columnNumber: 3
-  }, this) : /* @__PURE__ */ jsxDEV16("div", { className: "json_editor", children: /* @__PURE__ */ jsxDEV16(
+  const set = useI(token);
+  const data = useO(token);
+  return isJson(data) ? /* @__PURE__ */ jsx(JsonEditor, { data, set, schema: true }) : data instanceof Join ? /* @__PURE__ */ jsx(RelationEditor, { data, set }) : /* @__PURE__ */ jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsx(
     ElasticInput,
     {
       value: data instanceof Set ? `Set { ${JSON.stringify([...data]).slice(1, -1)} }` : data instanceof Map ? `Map ` + JSON.stringify([...data]) : Object.getPrototypeOf(data).constructor.name + ` ` + fallback(() => JSON.stringify(data), `?`),
       disabled: true
-    },
-    void 0,
-    false,
-    {
-      fileName: "../src/react-devtools/StateEditor.tsx",
-      lineNumber: 22,
-      columnNumber: 4
-    },
-    this
-  ) }, void 0, false, {
-    fileName: "../src/react-devtools/StateEditor.tsx",
-    lineNumber: 21,
-    columnNumber: 3
-  }, this);
+    }
+  ) });
 };
 var ReadonlySelectorViewer = ({ token }) => {
   const data = useO(token);
-  return isJson(data) ? /* @__PURE__ */ jsxDEV16(
+  return isJson(data) ? /* @__PURE__ */ jsx(
     JsonEditor,
     {
       data,
       set: () => null,
       schema: true,
       isReadonly: () => true
-    },
-    void 0,
-    false,
-    {
-      fileName: "../src/react-devtools/StateEditor.tsx",
-      lineNumber: 43,
-      columnNumber: 3
-    },
-    this
-  ) : /* @__PURE__ */ jsxDEV16("div", { className: "json_editor", children: /* @__PURE__ */ jsxDEV16(
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsx(
     ElasticInput,
     {
       value: data instanceof Set ? `Set ` + JSON.stringify([...data]) : data instanceof Map ? `Map ` + JSON.stringify([...data]) : Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data),
       disabled: true
-    },
-    void 0,
-    false,
-    {
-      fileName: "../src/react-devtools/StateEditor.tsx",
-      lineNumber: 51,
-      columnNumber: 4
-    },
-    this
-  ) }, void 0, false, {
-    fileName: "../src/react-devtools/StateEditor.tsx",
-    lineNumber: 50,
-    columnNumber: 3
-  }, this);
+    }
+  ) });
 };
 var StoreEditor = ({ token }) => {
   if (token.type === `readonly_selector`) {
-    return /* @__PURE__ */ jsxDEV16(ReadonlySelectorViewer, { token }, void 0, false, {
-      fileName: "../src/react-devtools/StateEditor.tsx",
-      lineNumber: 71,
-      columnNumber: 10
-    }, this);
+    return /* @__PURE__ */ jsx(ReadonlySelectorViewer, { token });
   }
-  return /* @__PURE__ */ jsxDEV16(StateEditor, { token }, void 0, false, {
-    fileName: "../src/react-devtools/StateEditor.tsx",
-    lineNumber: 73,
-    columnNumber: 9
-  }, this);
+  return /* @__PURE__ */ jsx(StateEditor, { token });
 };
-
-// ../src/react-devtools/StateIndex.tsx
-import { Fragment as Fragment4, jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
 var findStateTypeState = selectorFamily({
   key: `\u{1F441}\u200D\u{1F5E8} State Type`,
   get: (token) => ({ get }) => {
@@ -3742,697 +2357,316 @@ var findStateTypeState = selectorFamily({
 });
 var StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
   var _a2, _b;
-  const [isOpen, setIsOpen] = useIO2(isOpenState);
-  const state = useO2(node);
-  const stateType = useO2(typeState);
+  const setIsOpen = useI(isOpenState);
+  const isOpen = useO(isOpenState);
+  const state = useO(node);
+  const stateType = useO(typeState);
   const isPrimitive = Boolean(primitiveRefinery.refine(state));
-  return /* @__PURE__ */ jsxDEV17(Fragment4, { children: [
-    /* @__PURE__ */ jsxDEV17("header", { children: [
-      /* @__PURE__ */ jsxDEV17(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx(
         button.OpenClose,
         {
           isOpen: isOpen && !isPrimitive,
           setIsOpen,
           disabled: isPrimitive
-        },
-        void 0,
-        false,
-        {
-          fileName: "../src/react-devtools/StateIndex.tsx",
-          lineNumber: 48,
-          columnNumber: 5
-        },
-        this
+        }
       ),
-      /* @__PURE__ */ jsxDEV17(
+      /* @__PURE__ */ jsxs(
         "label",
         {
           onClick: () => console.log(node, getState(node)),
           onKeyUp: () => console.log(node, getState(node)),
           children: [
-            /* @__PURE__ */ jsxDEV17("h2", { children: (_b = (_a2 = node.family) == null ? void 0 : _a2.subKey) != null ? _b : node.key }, void 0, false, {
-              fileName: "../src/react-devtools/StateIndex.tsx",
-              lineNumber: 57,
-              columnNumber: 6
-            }, this),
-            /* @__PURE__ */ jsxDEV17("span", { className: "type detail", children: [
+            /* @__PURE__ */ jsx("h2", { children: (_b = (_a2 = node.family) == null ? void 0 : _a2.subKey) != null ? _b : node.key }),
+            /* @__PURE__ */ jsxs("span", { className: "type detail", children: [
               "(",
               stateType,
               ")"
-            ] }, void 0, true, {
-              fileName: "../src/react-devtools/StateIndex.tsx",
-              lineNumber: 58,
-              columnNumber: 6
-            }, this)
+            ] })
           ]
-        },
-        void 0,
-        true,
-        {
-          fileName: "../src/react-devtools/StateIndex.tsx",
-          lineNumber: 53,
-          columnNumber: 5
-        },
-        this
+        }
       ),
-      isPrimitive ? /* @__PURE__ */ jsxDEV17(StoreEditor, { token: node }, void 0, false, {
-        fileName: "../src/react-devtools/StateIndex.tsx",
-        lineNumber: 60,
-        columnNumber: 20
-      }, this) : null
-    ] }, void 0, true, {
-      fileName: "../src/react-devtools/StateIndex.tsx",
-      lineNumber: 47,
-      columnNumber: 4
-    }, this),
-    isOpen && !isPrimitive ? /* @__PURE__ */ jsxDEV17("main", { children: /* @__PURE__ */ jsxDEV17(StoreEditor, { token: node }, void 0, false, {
-      fileName: "../src/react-devtools/StateIndex.tsx",
-      lineNumber: 64,
-      columnNumber: 6
-    }, this) }, void 0, false, {
-      fileName: "../src/react-devtools/StateIndex.tsx",
-      lineNumber: 63,
-      columnNumber: 5
-    }, this) : null
-  ] }, void 0, true, {
-    fileName: "../src/react-devtools/StateIndex.tsx",
-    lineNumber: 46,
-    columnNumber: 3
-  }, this);
+      isPrimitive ? /* @__PURE__ */ jsx(StoreEditor, { token: node }) : null
+    ] }),
+    isOpen && !isPrimitive ? /* @__PURE__ */ jsx("main", { children: /* @__PURE__ */ jsx(StoreEditor, { token: node }) }) : null
+  ] });
 };
 var StateIndexTreeNode = ({ node, isOpenState }) => {
-  const [isOpen, setIsOpen] = useIO2(isOpenState);
+  const setIsOpen = useI(isOpenState);
+  const isOpen = useO(isOpenState);
   Object.entries(node.familyMembers).forEach(([key, childNode]) => {
     findViewIsOpenState(key);
     findStateTypeState(childNode);
   });
-  return /* @__PURE__ */ jsxDEV17(Fragment4, { children: [
-    /* @__PURE__ */ jsxDEV17("header", { children: [
-      /* @__PURE__ */ jsxDEV17(button.OpenClose, { isOpen, setIsOpen }, void 0, false, {
-        fileName: "../src/react-devtools/StateIndex.tsx",
-        lineNumber: 84,
-        columnNumber: 5
-      }, this),
-      /* @__PURE__ */ jsxDEV17("label", { children: [
-        /* @__PURE__ */ jsxDEV17("h2", { children: node.key }, void 0, false, {
-          fileName: "../src/react-devtools/StateIndex.tsx",
-          lineNumber: 86,
-          columnNumber: 6
-        }, this),
-        /* @__PURE__ */ jsxDEV17("span", { className: "type detail", children: " (family)" }, void 0, false, {
-          fileName: "../src/react-devtools/StateIndex.tsx",
-          lineNumber: 87,
-          columnNumber: 6
-        }, this)
-      ] }, void 0, true, {
-        fileName: "../src/react-devtools/StateIndex.tsx",
-        lineNumber: 85,
-        columnNumber: 5
-      }, this)
-    ] }, void 0, true, {
-      fileName: "../src/react-devtools/StateIndex.tsx",
-      lineNumber: 83,
-      columnNumber: 4
-    }, this),
-    isOpen ? Object.entries(node.familyMembers).map(([key, childNode]) => /* @__PURE__ */ jsxDEV17(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx(button.OpenClose, { isOpen, setIsOpen }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("h2", { children: node.key }),
+        /* @__PURE__ */ jsx("span", { className: "type detail", children: " (family)" })
+      ] })
+    ] }),
+    isOpen ? Object.entries(node.familyMembers).map(([key, childNode]) => /* @__PURE__ */ jsx(
       StateIndexNode,
       {
         node: childNode,
         isOpenState: findViewIsOpenState(childNode.key),
         typeState: findStateTypeState(childNode)
       },
-      key,
-      false,
-      {
-        fileName: "../src/react-devtools/StateIndex.tsx",
-        lineNumber: 92,
-        columnNumber: 7
-      },
-      this
+      key
     )) : null
-  ] }, void 0, true, {
-    fileName: "../src/react-devtools/StateIndex.tsx",
-    lineNumber: 82,
-    columnNumber: 3
-  }, this);
+  ] });
 };
 var StateIndexNode = ({ node, isOpenState, typeState }) => {
   if (node.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)) {
     return null;
   }
-  return /* @__PURE__ */ jsxDEV17("section", { className: "node state", children: `type` in node ? /* @__PURE__ */ jsxDEV17(
+  return /* @__PURE__ */ jsx("section", { className: "node state", children: `type` in node ? /* @__PURE__ */ jsx(
     StateIndexLeafNode,
     {
       node,
       isOpenState,
       typeState
-    },
-    void 0,
-    false,
-    {
-      fileName: "../src/react-devtools/StateIndex.tsx",
-      lineNumber: 117,
-      columnNumber: 5
-    },
-    this
-  ) : /* @__PURE__ */ jsxDEV17(StateIndexTreeNode, { node, isOpenState }, void 0, false, {
-    fileName: "../src/react-devtools/StateIndex.tsx",
-    lineNumber: 123,
-    columnNumber: 5
-  }, this) }, void 0, false, {
-    fileName: "../src/react-devtools/StateIndex.tsx",
-    lineNumber: 115,
-    columnNumber: 3
-  }, this);
+    }
+  ) : /* @__PURE__ */ jsx(StateIndexTreeNode, { node, isOpenState }) });
 };
 var StateIndex = ({ tokenIndex }) => {
-  const tokenIds = useO2(tokenIndex);
-  return /* @__PURE__ */ jsxDEV17("article", { className: "index state_index", children: Object.entries(tokenIds).filter(([key]) => !key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).sort().map(([key, node]) => {
-    return /* @__PURE__ */ jsxDEV17(
+  const tokenIds = useO(tokenIndex);
+  return /* @__PURE__ */ jsx("article", { className: "index state_index", children: Object.entries(tokenIds).filter(([key]) => !key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).sort().map(([key, node]) => {
+    return /* @__PURE__ */ jsx(
       StateIndexNode,
       {
         node,
         isOpenState: findViewIsOpenState(node.key),
         typeState: findStateTypeState(node)
       },
-      key,
-      false,
-      {
-        fileName: "../src/react-devtools/StateIndex.tsx",
-        lineNumber: 146,
-        columnNumber: 7
-      },
-      this
+      key
     );
-  }) }, void 0, false, {
-    fileName: "../src/react-devtools/StateIndex.tsx",
-    lineNumber: 140,
-    columnNumber: 3
-  }, this);
+  }) });
 };
-
-// ../src/react-devtools/TimelineIndex.tsx
-import {
-  undo,
-  redo
-} from "atom.io";
-import { useIO as useIO3, useO as useO3 } from "atom.io/react";
-import { Fragment as Fragment6 } from "react";
-
-// ../src/react-devtools/Updates.tsx
-import { Fragment as Fragment5, jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
 var AtomUpdateFC = ({ atomUpdate }) => {
-  return /* @__PURE__ */ jsxDEV18(
+  return /* @__PURE__ */ jsxs(
     "article",
     {
       className: "node atom_update",
       onClick: () => console.log(atomUpdate),
       onKeyUp: () => console.log(atomUpdate),
       children: [
-        /* @__PURE__ */ jsxDEV18("span", { className: "detail", children: [
+        /* @__PURE__ */ jsxs("span", { className: "detail", children: [
           atomUpdate.key,
           ": "
-        ] }, void 0, true, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 20,
-          columnNumber: 4
-        }, this),
-        /* @__PURE__ */ jsxDEV18("span", { children: /* @__PURE__ */ jsxDEV18("span", { className: "summary", children: prettyJson.diff(atomUpdate.oldValue, atomUpdate.newValue).summary }, void 0, false, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 22,
-          columnNumber: 5
-        }, this) }, void 0, false, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 21,
-          columnNumber: 4
-        }, this)
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("span", { className: "summary", children: prettyJson.diff(atomUpdate.oldValue, atomUpdate.newValue).summary }) })
       ]
     },
-    atomUpdate.key,
-    true,
-    {
-      fileName: "../src/react-devtools/Updates.tsx",
-      lineNumber: 14,
-      columnNumber: 3
-    },
-    this
+    atomUpdate.key
   );
 };
 var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
-  return /* @__PURE__ */ jsxDEV18("article", { className: "node transaction_update", children: [
-    /* @__PURE__ */ jsxDEV18("header", { children: /* @__PURE__ */ jsxDEV18("h4", { children: serialNumber }, void 0, false, {
-      fileName: "../src/react-devtools/Updates.tsx",
-      lineNumber: 37,
-      columnNumber: 5
-    }, this) }, void 0, false, {
-      fileName: "../src/react-devtools/Updates.tsx",
-      lineNumber: 36,
-      columnNumber: 4
-    }, this),
-    /* @__PURE__ */ jsxDEV18("main", { children: [
-      /* @__PURE__ */ jsxDEV18("section", { className: "transaction_params", children: [
-        /* @__PURE__ */ jsxDEV18("span", { className: "detail", children: "params: " }, void 0, false, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 41,
-          columnNumber: 6
-        }, this),
+  return /* @__PURE__ */ jsxs("article", { className: "node transaction_update", children: [
+    /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsx("h4", { children: serialNumber }) }),
+    /* @__PURE__ */ jsxs("main", { children: [
+      /* @__PURE__ */ jsxs("section", { className: "transaction_params", children: [
+        /* @__PURE__ */ jsx("span", { className: "detail", children: "params: " }),
         transactionUpdate.params.map((param, index) => {
-          return /* @__PURE__ */ jsxDEV18(
+          return /* @__PURE__ */ jsxs(
             "article",
             {
               className: "node transaction_param",
               onClick: () => console.log(transactionUpdate),
               onKeyUp: () => console.log(transactionUpdate),
               children: [
-                /* @__PURE__ */ jsxDEV18("span", { className: "detail", children: [
+                /* @__PURE__ */ jsxs("span", { className: "detail", children: [
                   discoverType(param),
                   ": "
-                ] }, void 0, true, {
-                  fileName: "../src/react-devtools/Updates.tsx",
-                  lineNumber: 50,
-                  columnNumber: 9
-                }, this),
-                /* @__PURE__ */ jsxDEV18("span", { className: "summary", children: typeof param === `object` && `type` in param && `target` in param ? /* @__PURE__ */ jsxDEV18(Fragment5, { children: JSON.stringify(param.type) }, void 0, false, {
-                  fileName: "../src/react-devtools/Updates.tsx",
-                  lineNumber: 55,
-                  columnNumber: 11
-                }, this) : /* @__PURE__ */ jsxDEV18(Fragment5, { children: JSON.stringify(param) }, void 0, false, {
-                  fileName: "../src/react-devtools/Updates.tsx",
-                  lineNumber: 57,
-                  columnNumber: 11
-                }, this) }, void 0, false, {
-                  fileName: "../src/react-devtools/Updates.tsx",
-                  lineNumber: 51,
-                  columnNumber: 9
-                }, this)
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "summary", children: typeof param === `object` && param !== null && `type` in param && `target` in param ? /* @__PURE__ */ jsx(Fragment, { children: JSON.stringify(param.type) }) : /* @__PURE__ */ jsx(Fragment, { children: JSON.stringify(param) }) })
               ]
             },
-            `param` + index,
-            true,
-            {
-              fileName: "../src/react-devtools/Updates.tsx",
-              lineNumber: 44,
-              columnNumber: 8
-            },
-            this
+            `param` + index
           );
         })
-      ] }, void 0, true, {
-        fileName: "../src/react-devtools/Updates.tsx",
-        lineNumber: 40,
-        columnNumber: 5
-      }, this),
-      /* @__PURE__ */ jsxDEV18("section", { className: "node transaction_output", children: [
-        /* @__PURE__ */ jsxDEV18("span", { className: "detail", children: "output: " }, void 0, false, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 65,
-          columnNumber: 6
-        }, this),
-        /* @__PURE__ */ jsxDEV18("span", { className: "detail", children: discoverType(transactionUpdate.output) }, void 0, false, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 66,
-          columnNumber: 6
-        }, this),
-        transactionUpdate.output ? /* @__PURE__ */ jsxDEV18("span", { className: "summary", children: [
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "node transaction_output", children: [
+        /* @__PURE__ */ jsx("span", { className: "detail", children: "output: " }),
+        /* @__PURE__ */ jsx("span", { className: "detail", children: discoverType(transactionUpdate.output) }),
+        transactionUpdate.output ? /* @__PURE__ */ jsxs("span", { className: "summary", children: [
           ": ",
           JSON.stringify(transactionUpdate.output)
-        ] }, void 0, true, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 70,
-          columnNumber: 7
-        }, this) : null
-      ] }, void 0, true, {
-        fileName: "../src/react-devtools/Updates.tsx",
-        lineNumber: 64,
-        columnNumber: 5
-      }, this),
-      /* @__PURE__ */ jsxDEV18("section", { className: "transaction_impact", children: [
-        /* @__PURE__ */ jsxDEV18("span", { className: "detail", children: "impact: " }, void 0, false, {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 76,
-          columnNumber: 6
-        }, this),
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "transaction_impact", children: [
+        /* @__PURE__ */ jsx("span", { className: "detail", children: "impact: " }),
         transactionUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
-          return /* @__PURE__ */ jsxDEV18(
+          return /* @__PURE__ */ jsx(
             article.AtomUpdate,
             {
               serialNumber: index,
               atomUpdate
             },
-            `${transactionUpdate.key}:${index}:${atomUpdate.key}`,
-            false,
-            {
-              fileName: "../src/react-devtools/Updates.tsx",
-              lineNumber: 81,
-              columnNumber: 9
-            },
-            this
+            `${transactionUpdate.key}:${index}:${atomUpdate.key}`
           );
         })
-      ] }, void 0, true, {
-        fileName: "../src/react-devtools/Updates.tsx",
-        lineNumber: 75,
-        columnNumber: 5
-      }, this)
-    ] }, void 0, true, {
-      fileName: "../src/react-devtools/Updates.tsx",
-      lineNumber: 39,
-      columnNumber: 4
-    }, this)
-  ] }, void 0, true, {
-    fileName: "../src/react-devtools/Updates.tsx",
-    lineNumber: 35,
-    columnNumber: 3
-  }, this);
+      ] })
+    ] })
+  ] });
 };
 var TimelineUpdateFC = ({ timelineUpdate }) => {
-  return /* @__PURE__ */ jsxDEV18("article", { className: "node timeline_update", children: [
-    /* @__PURE__ */ jsxDEV18("header", { children: /* @__PURE__ */ jsxDEV18("h4", { children: [
+  return /* @__PURE__ */ jsxs("article", { className: "node timeline_update", children: [
+    /* @__PURE__ */ jsx("header", { children: /* @__PURE__ */ jsxs("h4", { children: [
       timelineUpdate.timestamp,
       ": ",
       timelineUpdate.type,
       " (",
       timelineUpdate.key,
       ")"
-    ] }, void 0, true, {
-      fileName: "../src/react-devtools/Updates.tsx",
-      lineNumber: 100,
-      columnNumber: 5
-    }, this) }, void 0, false, {
-      fileName: "../src/react-devtools/Updates.tsx",
-      lineNumber: 99,
-      columnNumber: 4
-    }, this),
-    /* @__PURE__ */ jsxDEV18("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
-      return /* @__PURE__ */ jsxDEV18(
+    ] }) }),
+    /* @__PURE__ */ jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
+      return /* @__PURE__ */ jsx(
         article.AtomUpdate,
         {
           serialNumber: index,
           atomUpdate
         },
-        `${timelineUpdate.key}:${index}:${atomUpdate.key}`,
-        false,
-        {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 111,
-          columnNumber: 9
-        },
-        this
+        `${timelineUpdate.key}:${index}:${atomUpdate.key}`
       );
     }) : timelineUpdate.type === `selector_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
-      return /* @__PURE__ */ jsxDEV18(
+      return /* @__PURE__ */ jsx(
         article.AtomUpdate,
         {
           serialNumber: index,
           atomUpdate
         },
-        `${timelineUpdate.key}:${index}:${atomUpdate.key}`,
-        false,
-        {
-          fileName: "../src/react-devtools/Updates.tsx",
-          lineNumber: 123,
-          columnNumber: 9
-        },
-        this
+        `${timelineUpdate.key}:${index}:${atomUpdate.key}`
       );
-    }) : timelineUpdate.type === `atom_update` ? /* @__PURE__ */ jsxDEV18(
+    }) : timelineUpdate.type === `atom_update` ? /* @__PURE__ */ jsx(
       article.AtomUpdate,
       {
         serialNumber: timelineUpdate.timestamp,
         atomUpdate: timelineUpdate
-      },
-      void 0,
-      false,
-      {
-        fileName: "../src/react-devtools/Updates.tsx",
-        lineNumber: 131,
-        columnNumber: 6
-      },
-      this
-    ) : null }, void 0, false, {
-      fileName: "../src/react-devtools/Updates.tsx",
-      lineNumber: 105,
-      columnNumber: 4
-    }, this)
-  ] }, void 0, true, {
-    fileName: "../src/react-devtools/Updates.tsx",
-    lineNumber: 98,
-    columnNumber: 3
-  }, this);
+      }
+    ) : null })
+  ] });
 };
 var article = {
   AtomUpdate: AtomUpdateFC,
   TransactionUpdate: TransactionUpdateFC,
   TimelineUpdate: TimelineUpdateFC
 };
-
-// ../src/react-devtools/TimelineIndex.tsx
-import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
 var YouAreHere = () => {
-  return /* @__PURE__ */ jsxDEV19("span", { className: "you_are_here", children: "you are here" }, void 0, false, {
-    fileName: "../src/react-devtools/TimelineIndex.tsx",
-    lineNumber: 17,
-    columnNumber: 9
-  }, this);
+  return /* @__PURE__ */ jsx("span", { className: "you_are_here", children: "you are here" });
 };
 var TimelineLog = ({ token, isOpenState, timelineState }) => {
-  const timeline2 = useO3(timelineState);
-  const [isOpen, setIsOpen] = useIO3(isOpenState);
-  return /* @__PURE__ */ jsxDEV19("section", { className: "node timeline_log", children: [
-    /* @__PURE__ */ jsxDEV19("header", { children: [
-      /* @__PURE__ */ jsxDEV19(button.OpenClose, { isOpen, setIsOpen }, void 0, false, {
-        fileName: "../src/react-devtools/TimelineIndex.tsx",
-        lineNumber: 31,
-        columnNumber: 5
-      }, this),
-      /* @__PURE__ */ jsxDEV19("label", { children: [
-        /* @__PURE__ */ jsxDEV19("h2", { children: token.key }, void 0, false, {
-          fileName: "../src/react-devtools/TimelineIndex.tsx",
-          lineNumber: 33,
-          columnNumber: 6
-        }, this),
-        /* @__PURE__ */ jsxDEV19("span", { className: "detail length", children: [
+  const timeline = useO(timelineState);
+  const isOpen = useO(isOpenState);
+  const setIsOpen = useI(isOpenState);
+  return /* @__PURE__ */ jsxs("section", { className: "node timeline_log", children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx(button.OpenClose, { isOpen, setIsOpen }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("h2", { children: token.key }),
+        /* @__PURE__ */ jsxs("span", { className: "detail length", children: [
           "(",
-          timeline2.at,
+          timeline.at,
           "/",
-          timeline2.history.length,
+          timeline.history.length,
           ")"
-        ] }, void 0, true, {
-          fileName: "../src/react-devtools/TimelineIndex.tsx",
-          lineNumber: 34,
-          columnNumber: 6
-        }, this),
-        /* @__PURE__ */ jsxDEV19("span", { className: "gap" }, void 0, false, {
-          fileName: "../src/react-devtools/TimelineIndex.tsx",
-          lineNumber: 37,
-          columnNumber: 6
-        }, this),
-        /* @__PURE__ */ jsxDEV19("nav", { children: [
-          /* @__PURE__ */ jsxDEV19(
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "gap" }),
+        /* @__PURE__ */ jsxs("nav", { children: [
+          /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               onClick: () => undo(token),
-              disabled: timeline2.at === 0,
+              disabled: timeline.at === 0,
               children: "undo"
-            },
-            void 0,
-            false,
-            {
-              fileName: "../src/react-devtools/TimelineIndex.tsx",
-              lineNumber: 39,
-              columnNumber: 7
-            },
-            this
+            }
           ),
-          /* @__PURE__ */ jsxDEV19(
+          /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               onClick: () => redo(token),
-              disabled: timeline2.at === timeline2.history.length,
+              disabled: timeline.at === timeline.history.length,
               children: "redo"
-            },
-            void 0,
-            false,
-            {
-              fileName: "../src/react-devtools/TimelineIndex.tsx",
-              lineNumber: 46,
-              columnNumber: 7
-            },
-            this
+            }
           )
-        ] }, void 0, true, {
-          fileName: "../src/react-devtools/TimelineIndex.tsx",
-          lineNumber: 38,
-          columnNumber: 6
-        }, this)
-      ] }, void 0, true, {
-        fileName: "../src/react-devtools/TimelineIndex.tsx",
-        lineNumber: 32,
-        columnNumber: 5
-      }, this)
-    ] }, void 0, true, {
-      fileName: "../src/react-devtools/TimelineIndex.tsx",
-      lineNumber: 30,
-      columnNumber: 4
-    }, this),
-    isOpen ? /* @__PURE__ */ jsxDEV19("main", { children: timeline2.history.map((update, index) => /* @__PURE__ */ jsxDEV19(Fragment6, { children: [
-      index === timeline2.at ? /* @__PURE__ */ jsxDEV19(YouAreHere, {}, void 0, false, {
-        fileName: "../src/react-devtools/TimelineIndex.tsx",
-        lineNumber: 60,
-        columnNumber: 33
-      }, this) : null,
-      /* @__PURE__ */ jsxDEV19(article.TimelineUpdate, { timelineUpdate: update }, void 0, false, {
-        fileName: "../src/react-devtools/TimelineIndex.tsx",
-        lineNumber: 61,
-        columnNumber: 8
-      }, this),
-      index === timeline2.history.length - 1 && timeline2.at === timeline2.history.length ? /* @__PURE__ */ jsxDEV19(YouAreHere, {}, void 0, false, {
-        fileName: "../src/react-devtools/TimelineIndex.tsx",
-        lineNumber: 64,
-        columnNumber: 9
-      }, this) : null
-    ] }, update.key + index + timeline2.at, true, {
-      fileName: "../src/react-devtools/TimelineIndex.tsx",
-      lineNumber: 59,
-      columnNumber: 7
-    }, this)) }, void 0, false, {
-      fileName: "../src/react-devtools/TimelineIndex.tsx",
-      lineNumber: 57,
-      columnNumber: 5
-    }, this) : null
-  ] }, void 0, true, {
-    fileName: "../src/react-devtools/TimelineIndex.tsx",
-    lineNumber: 29,
-    columnNumber: 3
-  }, this);
+        ] })
+      ] })
+    ] }),
+    isOpen ? /* @__PURE__ */ jsx("main", { children: timeline.history.map((update, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      index === timeline.at ? /* @__PURE__ */ jsx(YouAreHere, {}) : null,
+      /* @__PURE__ */ jsx(article.TimelineUpdate, { timelineUpdate: update }),
+      index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsx(YouAreHere, {}) : null
+    ] }, update.key + index + timeline.at)) }) : null
+  ] });
 };
 var TimelineIndex = () => {
-  const tokenIds = useO3(timelineIndex);
-  return /* @__PURE__ */ jsxDEV19("article", { className: "index timeline_index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
-    return /* @__PURE__ */ jsxDEV19(
+  const tokenIds = useO(timelineIndex);
+  return /* @__PURE__ */ jsx("article", { className: "index timeline_index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
+    return /* @__PURE__ */ jsx(
       TimelineLog,
       {
         token,
         isOpenState: findViewIsOpenState(token.key),
         timelineState: findTimelineState(token.key)
       },
-      token.key,
-      false,
-      {
-        fileName: "../src/react-devtools/TimelineIndex.tsx",
-        lineNumber: 82,
-        columnNumber: 7
-      },
-      this
+      token.key
     );
-  }) }, void 0, false, {
-    fileName: "../src/react-devtools/TimelineIndex.tsx",
-    lineNumber: 77,
-    columnNumber: 3
-  }, this);
+  }) });
 };
-
-// ../src/react-devtools/TransactionIndex.tsx
-import { useIO as useIO4, useO as useO4 } from "atom.io/react";
-import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
 var TransactionLog = ({ token, isOpenState, logState }) => {
-  const log = useO4(logState);
-  const [isOpen, setIsOpen] = useIO4(isOpenState);
-  return /* @__PURE__ */ jsxDEV20("section", { className: "node transaction_log", children: [
-    /* @__PURE__ */ jsxDEV20("header", { children: [
-      /* @__PURE__ */ jsxDEV20(button.OpenClose, { isOpen, setIsOpen }, void 0, false, {
-        fileName: "../src/react-devtools/TransactionIndex.tsx",
-        lineNumber: 31,
-        columnNumber: 5
-      }, this),
-      /* @__PURE__ */ jsxDEV20("label", { children: [
-        /* @__PURE__ */ jsxDEV20("h2", { children: token.key }, void 0, false, {
-          fileName: "../src/react-devtools/TransactionIndex.tsx",
-          lineNumber: 33,
-          columnNumber: 6
-        }, this),
-        /* @__PURE__ */ jsxDEV20("span", { className: "detail length", children: [
+  const log = useO(logState);
+  const isOpen = useO(isOpenState);
+  const setIsOpen = useI(isOpenState);
+  return /* @__PURE__ */ jsxs("section", { className: "node transaction_log", children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      /* @__PURE__ */ jsx(button.OpenClose, { isOpen, setIsOpen }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("h2", { children: token.key }),
+        /* @__PURE__ */ jsxs("span", { className: "detail length", children: [
           "(",
           log.length,
           ")"
-        ] }, void 0, true, {
-          fileName: "../src/react-devtools/TransactionIndex.tsx",
-          lineNumber: 34,
-          columnNumber: 6
-        }, this)
-      ] }, void 0, true, {
-        fileName: "../src/react-devtools/TransactionIndex.tsx",
-        lineNumber: 32,
-        columnNumber: 5
-      }, this)
-    ] }, void 0, true, {
-      fileName: "../src/react-devtools/TransactionIndex.tsx",
-      lineNumber: 30,
-      columnNumber: 4
-    }, this),
-    isOpen ? /* @__PURE__ */ jsxDEV20("main", { children: log.map((update, index) => /* @__PURE__ */ jsxDEV20(
+        ] })
+      ] })
+    ] }),
+    isOpen ? /* @__PURE__ */ jsx("main", { children: log.map((update, index) => /* @__PURE__ */ jsx(
       article.TransactionUpdate,
       {
         serialNumber: index,
         transactionUpdate: update
       },
-      update.key + index,
-      false,
-      {
-        fileName: "../src/react-devtools/TransactionIndex.tsx",
-        lineNumber: 40,
-        columnNumber: 7
-      },
-      this
-    )) }, void 0, false, {
-      fileName: "../src/react-devtools/TransactionIndex.tsx",
-      lineNumber: 38,
-      columnNumber: 5
-    }, this) : null
-  ] }, void 0, true, {
-    fileName: "../src/react-devtools/TransactionIndex.tsx",
-    lineNumber: 29,
-    columnNumber: 3
-  }, this);
+      update.key + index
+    )) }) : null
+  ] });
 };
 var TransactionIndex = () => {
-  const tokenIds = useO4(transactionIndex);
-  return /* @__PURE__ */ jsxDEV20("article", { className: "index transaction_index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
-    return /* @__PURE__ */ jsxDEV20(
+  const tokenIds = useO(transactionIndex);
+  return /* @__PURE__ */ jsx("article", { className: "index transaction_index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
+    return /* @__PURE__ */ jsx(
       TransactionLog,
       {
         token,
         isOpenState: findViewIsOpenState(token.key),
         logState: findTransactionLogState(token.key)
       },
-      token.key,
-      false,
-      {
-        fileName: "../src/react-devtools/TransactionIndex.tsx",
-        lineNumber: 60,
-        columnNumber: 7
-      },
-      this
+      token.key
     );
-  }) }, void 0, false, {
-    fileName: "../src/react-devtools/TransactionIndex.tsx",
-    lineNumber: 55,
-    columnNumber: 3
-  }, this);
+  }) });
 };
-
-// ../src/react-devtools/AtomIODevtools.tsx
-import { Fragment as Fragment7, jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
 var AtomIODevtools = () => {
-  const constraintsRef = useRef4(null);
-  const [devtoolsAreOpen, setDevtoolsAreOpen] = useIO5(devtoolsAreOpenState);
-  const [devtoolsView, setDevtoolsView] = useIO5(devtoolsViewSelectionState);
-  const devtoolsViewOptions = useO5(devtoolsViewOptionsState);
-  const mouseHasMoved = useRef4(false);
-  return /* @__PURE__ */ jsxDEV21(Fragment7, { children: [
-    /* @__PURE__ */ jsxDEV21(
+  const constraintsRef = useRef(null);
+  const setDevtoolsAreOpen = useI(devtoolsAreOpenState);
+  const devtoolsAreOpen = useO(devtoolsAreOpenState);
+  const setDevtoolsView = useI(devtoolsViewSelectionState);
+  const devtoolsView = useO(devtoolsViewSelectionState);
+  const devtoolsViewOptions = useO(devtoolsViewOptionsState);
+  const mouseHasMoved = useRef(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       motion.span,
       {
         ref: constraintsRef,
@@ -4445,17 +2679,9 @@ var AtomIODevtools = () => {
           bottom: 0,
           pointerEvents: `none`
         }
-      },
-      void 0,
-      false,
-      {
-        fileName: "../src/react-devtools/AtomIODevtools.tsx",
-        lineNumber: 29,
-        columnNumber: 4
-      },
-      this
+      }
     ),
-    /* @__PURE__ */ jsxDEV21(
+    /* @__PURE__ */ jsxs(
       motion.main,
       {
         drag: true,
@@ -4469,14 +2695,10 @@ var AtomIODevtools = () => {
           maxWidth: 33
         },
         children: [
-          devtoolsAreOpen ? /* @__PURE__ */ jsxDEV21(Fragment7, { children: [
-            /* @__PURE__ */ jsxDEV21(motion.header, { children: [
-              /* @__PURE__ */ jsxDEV21("h1", { children: "atom.io" }, void 0, false, {
-                fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                lineNumber: 60,
-                columnNumber: 8
-              }, this),
-              /* @__PURE__ */ jsxDEV21("nav", { children: devtoolsViewOptions.map((viewOption) => /* @__PURE__ */ jsxDEV21(
+          devtoolsAreOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(motion.header, { children: [
+              /* @__PURE__ */ jsx("h1", { children: "atom.io" }),
+              /* @__PURE__ */ jsx("nav", { children: devtoolsViewOptions.map((viewOption) => /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
@@ -4485,55 +2707,12 @@ var AtomIODevtools = () => {
                   disabled: viewOption === devtoolsView,
                   children: viewOption
                 },
-                viewOption,
-                false,
-                {
-                  fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                  lineNumber: 63,
-                  columnNumber: 10
-                },
-                this
-              )) }, void 0, false, {
-                fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                lineNumber: 61,
-                columnNumber: 8
-              }, this)
-            ] }, void 0, true, {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 59,
-              columnNumber: 7
-            }, this),
-            /* @__PURE__ */ jsxDEV21(motion.main, { children: /* @__PURE__ */ jsxDEV21(LayoutGroup, { children: devtoolsView === `atoms` ? /* @__PURE__ */ jsxDEV21(StateIndex, { tokenIndex: atomIndex }, void 0, false, {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 78,
-              columnNumber: 10
-            }, this) : devtoolsView === `selectors` ? /* @__PURE__ */ jsxDEV21(StateIndex, { tokenIndex: selectorIndex }, void 0, false, {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 80,
-              columnNumber: 10
-            }, this) : devtoolsView === `transactions` ? /* @__PURE__ */ jsxDEV21(TransactionIndex, {}, void 0, false, {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 82,
-              columnNumber: 10
-            }, this) : devtoolsView === `timelines` ? /* @__PURE__ */ jsxDEV21(TimelineIndex, {}, void 0, false, {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 84,
-              columnNumber: 10
-            }, this) : null }, void 0, false, {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 76,
-              columnNumber: 8
-            }, this) }, void 0, false, {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 75,
-              columnNumber: 7
-            }, this)
-          ] }, void 0, true, {
-            fileName: "../src/react-devtools/AtomIODevtools.tsx",
-            lineNumber: 58,
-            columnNumber: 6
-          }, this) : null,
-          /* @__PURE__ */ jsxDEV21("footer", { children: /* @__PURE__ */ jsxDEV21(
+                viewOption
+              )) })
+            ] }),
+            /* @__PURE__ */ jsx(motion.main, { children: /* @__PURE__ */ jsx(LayoutGroup, { children: devtoolsView === `atoms` ? /* @__PURE__ */ jsx(StateIndex, { tokenIndex: atomIndex }) : devtoolsView === `selectors` ? /* @__PURE__ */ jsx(StateIndex, { tokenIndex: selectorIndex }) : devtoolsView === `transactions` ? /* @__PURE__ */ jsx(TransactionIndex, {}) : devtoolsView === `timelines` ? /* @__PURE__ */ jsx(TimelineIndex, {}) : null }) })
+          ] }) : null,
+          /* @__PURE__ */ jsx("footer", { children: /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -4545,39 +2724,15 @@ var AtomIODevtools = () => {
                 }
               },
               children: "\u{1F441}\u200D\u{1F5E8}"
-            },
-            void 0,
-            false,
-            {
-              fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 91,
-              columnNumber: 6
-            },
-            this
-          ) }, void 0, false, {
-            fileName: "../src/react-devtools/AtomIODevtools.tsx",
-            lineNumber: 90,
-            columnNumber: 5
-          }, this)
+            }
+          ) })
         ]
-      },
-      void 0,
-      true,
-      {
-        fileName: "../src/react-devtools/AtomIODevtools.tsx",
-        lineNumber: 41,
-        columnNumber: 4
-      },
-      this
+      }
     )
-  ] }, void 0, true, {
-    fileName: "../src/react-devtools/AtomIODevtools.tsx",
-    lineNumber: 28,
-    columnNumber: 3
-  }, this);
+  ] });
 };
 
-// ../src/react-devtools/index.ts
+// src/index.ts
 var {
   atomIndex,
   selectorIndex,
@@ -4624,20 +2779,7 @@ var prettyJson = new Differ(primitiveRefinery, jsonTreeRefinery, {
   object: diffObject,
   array: diffArray
 });
-export {
-  AtomIODevtools,
-  atomIndex,
-  devtoolsAreOpenState,
-  devtoolsViewOptionsState,
-  devtoolsViewSelectionState,
-  findTimelineState,
-  findTransactionLogState,
-  findViewIsOpenState,
-  jsonTreeRefinery,
-  prettyJson,
-  primitiveRefinery,
-  selectorIndex,
-  timelineIndex,
-  transactionIndex
-};
+
+export { AtomIODevtools, atomIndex, devtoolsAreOpenState, devtoolsViewOptionsState, devtoolsViewSelectionState, findTimelineState, findTransactionLogState, findViewIsOpenState, jsonTreeRefinery, prettyJson, primitiveRefinery, selectorIndex, timelineIndex, transactionIndex };
+//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map