atom.io 0.6.6 → 0.6.7

package/react-devtools/dist/index.mjs

@@ -343,21 +343,17 @@ var Differ = class {
 // ../../anvl/src/string/capitalize.ts
 var capitalize = (str) => str[0].toUpperCase() + str.slice(1);
 
-// ../src/internal/atom-internal.ts
-import HAMT5 from "hamt_plus";
-
 // ../src/internal/get.ts
-import HAMT from "hamt_plus";
 var computeSelectorState = (selector) => selector.get();
 function lookup(key, store) {
   const core = target(store);
-  const type = HAMT.has(key, core.atoms) ? `atom` : HAMT.has(key, core.selectors) ? `selector` : `readonly_selector`;
+  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 = HAMT.get(token.key, core.atoms)) != null ? _a2 : HAMT.get(token.key, core.selectors)) != null ? _b : HAMT.get(token.key, core.readonlySelectors)) != null ? _c : HAMT.get(token.key, core.transactions)) != null ? _d : HAMT.get(token.key, core.timelines)) != null ? _e : null;
+  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({
@@ -396,12 +392,6 @@ var markAtomAsNotDefault = (key, store = IMPLICIT.STORE) => {
   core.atomsThatAreDefault.delete(key);
 };
 
-// ../src/internal/operation.ts
-import HAMT3 from "hamt_plus";
-
-// ../src/internal/store.ts
-import HAMT2 from "hamt_plus";
-
 // ../../anvl/src/join/core-relation-data.ts
 import { isString } from "fp-ts/string";
 
@@ -757,17 +747,17 @@ var Join = class _Join {
 // ../src/internal/store.ts
 var createStore = (name, store = null) => {
   var _a2;
-  const copiedStore = __spreadProps(__spreadValues({}, store != null ? store : (() => ({
+  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: HAMT2.make()
+    selectorGraph: new Join({ relationType: `n:n` })
   }))()), {
-    atoms: HAMT2.make(),
-    readonlySelectors: HAMT2.make(),
-    selectors: HAMT2.make(),
-    transactions: HAMT2.make(),
-    timelines: HAMT2.make(),
+    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(),
@@ -793,21 +783,21 @@ var createStore = (name, store = null) => {
   });
   store == null ? void 0 : store.atoms.forEach((atom2) => {
     const copiedAtom = __spreadProps(__spreadValues({}, atom2), { subject: new Subject() });
-    copiedStore.atoms = HAMT2.set(atom2.key, copiedAtom, copiedStore.atoms);
+    created.atoms.set(atom2.key, copiedAtom);
   });
   store == null ? void 0 : store.readonlySelectors.forEach((selector) => {
-    selector.install(copiedStore);
+    selector.install(created);
   });
   store == null ? void 0 : store.selectors.forEach((selector) => {
-    selector.install(copiedStore);
+    selector.install(created);
   });
   store == null ? void 0 : store.transactions.forEach((tx) => {
-    tx.install(copiedStore);
+    tx.install(created);
   });
-  store == null ? void 0 : store.timelines.forEach((timeline) => {
-    timeline.install(copiedStore);
+  store == null ? void 0 : store.timelines.forEach((timeline2) => {
+    timeline2.install(created);
   });
-  return copiedStore;
+  return created;
 };
 var IMPLICIT = {
   STORE_INTERNAL: void 0,
@@ -830,7 +820,7 @@ var openOperation = (token, store) => {
   core.operation = {
     open: true,
     done: /* @__PURE__ */ new Set(),
-    prev: store.valueMap,
+    prev: new Map(store.valueMap),
     time: Date.now(),
     token
   };
@@ -874,39 +864,35 @@ var recallState = (state, store = IMPLICIT.STORE) => {
     (_a2 = store.config.logger) == null ? void 0 : _a2.warn(
       `recall called outside of an operation. This is probably a bug.`
     );
-    return HAMT3.get(state.key, core.valueMap);
+    return core.valueMap.get(state.key);
   }
-  return HAMT3.get(state.key, core.operation.prev);
+  return core.operation.prev.get(state.key);
 };
 var cacheValue = (key, value, store = IMPLICIT.STORE) => {
   const core = target(store);
-  core.valueMap = HAMT3.set(key, value, core.valueMap);
+  core.valueMap.set(key, value);
 };
 var evictCachedValue = (key, store = IMPLICIT.STORE) => {
   const core = target(store);
-  core.valueMap = HAMT3.remove(key, core.valueMap);
-};
-var readCachedValue = (key, store = IMPLICIT.STORE) => HAMT3.get(key, target(store).valueMap);
-var isValueCached = (key, store = IMPLICIT.STORE) => HAMT3.has(key, target(store).valueMap);
-var hasKeyBeenUsed = (key, store = IMPLICIT.STORE) => {
-  const core = target(store);
-  return HAMT3.has(key, core.atoms) || HAMT3.has(key, core.selectors) || HAMT3.has(key, core.readonlySelectors);
+  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
-import HAMT4 from "hamt_plus";
 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);
-  if (hasKeyBeenUsed(options.key, 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(core.atoms.get(options.key));
+    return deposit(existing);
   }
   const subject = new Subject();
   const newAtom = __spreadValues(__spreadProps(__spreadValues({}, options), {
@@ -914,7 +900,7 @@ function atom__INTERNAL(options, family, store = IMPLICIT.STORE) {
     type: `atom`
   }), family && { family });
   const initialValue = options.default instanceof Function ? options.default() : options.default;
-  core.atoms = HAMT5.set(newAtom.key, newAtom, core.atoms);
+  core.atoms.set(newAtom.key, newAtom);
   markAtomAsDefault(options.key, store);
   cacheValue(options.key, initialValue, store);
   const token = deposit(newAtom);
@@ -1037,7 +1023,6 @@ var traceAllSelectorAtoms = (selectorKey, store) => {
 };
 
 // ../src/internal/set.ts
-import HAMT6 from "hamt_plus";
 var evictDownStream = (state, store = IMPLICIT.STORE) => {
   var _a2, _b;
   const core = target(store);
@@ -1056,7 +1041,7 @@ var evictDownStream = (state, store = IMPLICIT.STORE) => {
       (_a3 = store.config.logger) == null ? void 0 : _a3.info(`   || ${stateKey} already done`);
       return;
     }
-    const state2 = (_b2 = HAMT6.get(stateKey, core.selectors)) != null ? _b2 : HAMT6.get(stateKey, core.readonlySelectors);
+    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`
@@ -1173,7 +1158,13 @@ var subscribeToRootAtoms = (state, store) => {
       );
       const oldValue = recallState(state, store);
       const newValue = getState__INTERNAL(state, store);
-      (_b = store.config.logger) == null ? void 0 : _b.info(`   <- ${state.key} became`, newValue);
+      (_b = store.config.logger) == null ? void 0 : _b.info(
+        `   <- "${state.key}" went (`,
+        oldValue,
+        `->`,
+        newValue,
+        `)`
+      );
       state.subject.next({ newValue, oldValue });
     });
   });
@@ -1366,11 +1357,24 @@ 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) => store.timelines.get(key),
+      default: (key) => {
+        var _a2;
+        return (_a2 = store.timelines.get(key)) != null ? _a2 : {
+          key: ``,
+          at: 0,
+          timeTraveling: false,
+          history: [],
+          selectorTime: null,
+          transactionKey: null,
+          install: () => {
+          },
+          subject: new Subject()
+        };
+      },
       effects: (key) => [
         ({ setSelf }) => {
           const tl = store.timelines.get(key);
-          tl.subject.subscribe((_) => {
+          tl == null ? void 0 : tl.subject.subscribe((_) => {
             if (store.operation.open === true) {
               const subscription = store.subject.operationStatus.subscribe(
                 (operationStatus) => {
@@ -1471,7 +1475,7 @@ var attachTransactionLogs = (store = __INTERNAL__6.IMPLICIT.STORE) => {
       effects: (key) => [
         ({ setSelf }) => {
           const tx = store.transactions.get(key);
-          tx.subject.subscribe((transactionUpdate) => {
+          tx == null ? void 0 : tx.subject.subscribe((transactionUpdate) => {
             if (transactionUpdate.key === key) {
               setSelf((state) => [...state, transactionUpdate]);
             }
@@ -2804,9 +2808,8 @@ var StringEditor = ({
   }, this);
 };
 
-// ../../hamr/src/react-error-boundary/ErrorBoundary.tsx
-import { useId as useId2, Component } from "react";
-import { atomFamily as atomFamily2, useRecoilState, useResetRecoilState } from "recoil";
+// ../../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";
@@ -2886,7 +2889,7 @@ var DefaultFallback = ({ error, errorInfo }) => {
   );
 };
 
-// ../../hamr/src/react-error-boundary/ErrorBoundary.tsx
+// ../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx
 import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
@@ -2905,23 +2908,19 @@ var ErrorBoundary = class extends Component {
     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/ErrorBoundary.tsx",
-      lineNumber: 43,
+      fileName: "../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx",
+      lineNumber: 51,
       columnNumber: 4
     }, this) : children;
   }
 };
-var findErrorBoundaryState = atomFamily2({
-  key: `errorBoundary`,
-  default: { error: void 0, errorInfo: void 0 }
-});
 
 // ../../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: 47,
+    lineNumber: 46,
     columnNumber: 35
   }, this),
   Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsxDEV12(
@@ -2937,14 +2936,14 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
     false,
     {
       fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-      lineNumber: 49,
+      lineNumber: 48,
       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: 59,
+    lineNumber: 58,
     columnNumber: 3
   }, this),
   EditorLayout: ({
@@ -2958,98 +2957,98 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
     return /* @__PURE__ */ jsxDEV12(Wrapper, { children: [
       DeleteButton && /* @__PURE__ */ jsxDEV12(DeleteButton, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 73,
+        lineNumber: 72,
         columnNumber: 22
       }, this),
       Header && /* @__PURE__ */ jsxDEV12(Header, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 74,
+        lineNumber: 73,
         columnNumber: 16
       }, this),
       KeyInput && /* @__PURE__ */ jsxDEV12(KeyInput, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 75,
+        lineNumber: 74,
         columnNumber: 18
       }, this),
       TypeSelect && /* @__PURE__ */ jsxDEV12(TypeSelect, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 76,
+        lineNumber: 75,
         columnNumber: 20
       }, this),
       /* @__PURE__ */ jsxDEV12(ValueEditor, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 77,
+        lineNumber: 76,
         columnNumber: 5
       }, this)
     ] }, void 0, true, {
       fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-      lineNumber: 72,
+      lineNumber: 71,
       columnNumber: 4
     }, this);
   },
   ArrayWrapper: ({ children }) => /* @__PURE__ */ jsxDEV12("div", { className: "json_editor_array", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 82,
+    lineNumber: 81,
     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: 85,
+    lineNumber: 84,
     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: 88,
+    lineNumber: 87,
     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: 91,
+    lineNumber: 90,
     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: 94,
+    lineNumber: 93,
     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: 97,
+    lineNumber: 96,
     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: 100,
+    lineNumber: 99,
     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: 103,
+    lineNumber: 102,
     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: 106,
+    lineNumber: 105,
     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: 109,
+    lineNumber: 108,
     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: 112,
+    lineNumber: 111,
     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: 117,
+    lineNumber: 116,
     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: 120,
+    lineNumber: 119,
     columnNumber: 3
   }, this)
 };
@@ -3100,7 +3099,7 @@ var JsonEditor = ({
     false,
     {
       fileName: "../../hamr/src/react-json-editor/developer-interface.tsx",
-      lineNumber: 79,
+      lineNumber: 78,
       columnNumber: 3
     },
     this
@@ -3672,7 +3671,7 @@ var YouAreHere = () => {
   }, this);
 };
 var TimelineLog = ({ token, isOpenState, timelineState }) => {
-  const timeline = useO3(timelineState);
+  const timeline2 = useO3(timelineState);
   const [isOpen, setIsOpen] = useIO3(isOpenState);
   return /* @__PURE__ */ jsxDEV17("section", { className: "node timeline_log", children: [
     /* @__PURE__ */ jsxDEV17("header", { children: [
@@ -3689,9 +3688,9 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
         }, this),
         /* @__PURE__ */ jsxDEV17("span", { className: "detail length", children: [
           "(",
-          timeline.at,
+          timeline2.at,
           "/",
-          timeline.history.length,
+          timeline2.history.length,
           ")"
         ] }, void 0, true, {
           fileName: "../src/react-devtools/TimelineIndex.tsx",
@@ -3709,7 +3708,7 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
             {
               type: "button",
               onClick: () => undo(token),
-              disabled: timeline.at === 0,
+              disabled: timeline2.at === 0,
               children: "undo"
             },
             void 0,
@@ -3726,7 +3725,7 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
             {
               type: "button",
               onClick: () => redo(token),
-              disabled: timeline.at === timeline.history.length,
+              disabled: timeline2.at === timeline2.history.length,
               children: "redo"
             },
             void 0,
@@ -3753,8 +3752,8 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
       lineNumber: 30,
       columnNumber: 4
     }, this),
-    isOpen ? /* @__PURE__ */ jsxDEV17("main", { children: timeline.history.map((update, index) => /* @__PURE__ */ jsxDEV17(Fragment6, { children: [
-      index === timeline.at ? /* @__PURE__ */ jsxDEV17(YouAreHere, {}, void 0, false, {
+    isOpen ? /* @__PURE__ */ jsxDEV17("main", { children: timeline2.history.map((update, index) => /* @__PURE__ */ jsxDEV17(Fragment6, { children: [
+      index === timeline2.at ? /* @__PURE__ */ jsxDEV17(YouAreHere, {}, void 0, false, {
         fileName: "../src/react-devtools/TimelineIndex.tsx",
         lineNumber: 60,
         columnNumber: 33
@@ -3764,12 +3763,12 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
         lineNumber: 61,
         columnNumber: 8
       }, this),
-      index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsxDEV17(YouAreHere, {}, void 0, false, {
+      index === timeline2.history.length - 1 && timeline2.at === timeline2.history.length ? /* @__PURE__ */ jsxDEV17(YouAreHere, {}, void 0, false, {
         fileName: "../src/react-devtools/TimelineIndex.tsx",
         lineNumber: 64,
         columnNumber: 9
       }, this) : null
-    ] }, update.key + index + timeline.at, true, {
+    ] }, update.key + index + timeline2.at, true, {
       fileName: "../src/react-devtools/TimelineIndex.tsx",
       lineNumber: 59,
       columnNumber: 7
@@ -3926,7 +3925,7 @@ var AtomIODevtools = () => {
       false,
       {
         fileName: "../src/react-devtools/AtomIODevtools.tsx",
-        lineNumber: 30,
+        lineNumber: 29,
         columnNumber: 4
       },
       this
@@ -3949,7 +3948,7 @@ var AtomIODevtools = () => {
             /* @__PURE__ */ jsxDEV19(motion.header, { children: [
               /* @__PURE__ */ jsxDEV19("h1", { children: "atom.io" }, void 0, false, {
                 fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                lineNumber: 61,
+                lineNumber: 60,
                 columnNumber: 8
               }, this),
               /* @__PURE__ */ jsxDEV19("nav", { children: devtoolsViewOptions.map((viewOption) => /* @__PURE__ */ jsxDEV19(
@@ -3965,48 +3964,48 @@ var AtomIODevtools = () => {
                 false,
                 {
                   fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                  lineNumber: 64,
+                  lineNumber: 63,
                   columnNumber: 10
                 },
                 this
               )) }, void 0, false, {
                 fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                lineNumber: 62,
+                lineNumber: 61,
                 columnNumber: 8
               }, this)
             ] }, void 0, true, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 60,
+              lineNumber: 59,
               columnNumber: 7
             }, this),
             /* @__PURE__ */ jsxDEV19(motion.main, { children: /* @__PURE__ */ jsxDEV19(LayoutGroup, { children: devtoolsView === `atoms` ? /* @__PURE__ */ jsxDEV19(StateIndex, { tokenIndex: atomIndex }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 79,
+              lineNumber: 78,
               columnNumber: 10
             }, this) : devtoolsView === `selectors` ? /* @__PURE__ */ jsxDEV19(StateIndex, { tokenIndex: selectorIndex }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 81,
+              lineNumber: 80,
               columnNumber: 10
             }, this) : devtoolsView === `transactions` ? /* @__PURE__ */ jsxDEV19(TransactionIndex, {}, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 83,
+              lineNumber: 82,
               columnNumber: 10
             }, this) : devtoolsView === `timelines` ? /* @__PURE__ */ jsxDEV19(TimelineIndex, {}, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 85,
+              lineNumber: 84,
               columnNumber: 10
             }, this) : null }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 77,
+              lineNumber: 76,
               columnNumber: 8
             }, this) }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 76,
+              lineNumber: 75,
               columnNumber: 7
             }, this)
           ] }, void 0, true, {
             fileName: "../src/react-devtools/AtomIODevtools.tsx",
-            lineNumber: 59,
+            lineNumber: 58,
             columnNumber: 6
           }, this) : null,
           /* @__PURE__ */ jsxDEV19("footer", { children: /* @__PURE__ */ jsxDEV19(
@@ -4026,13 +4025,13 @@ var AtomIODevtools = () => {
             false,
             {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 92,
+              lineNumber: 91,
               columnNumber: 6
             },
             this
           ) }, void 0, false, {
             fileName: "../src/react-devtools/AtomIODevtools.tsx",
-            lineNumber: 91,
+            lineNumber: 90,
             columnNumber: 5
           }, this)
         ]
@@ -4041,14 +4040,14 @@ var AtomIODevtools = () => {
       true,
       {
         fileName: "../src/react-devtools/AtomIODevtools.tsx",
-        lineNumber: 42,
+        lineNumber: 41,
         columnNumber: 4
       },
       this
     )
   ] }, void 0, true, {
     fileName: "../src/react-devtools/AtomIODevtools.tsx",
-    lineNumber: 29,
+    lineNumber: 28,
     columnNumber: 3
   }, this);
 };