atom.io 0.28.0 → 0.28.2

package/react-devtools/dist/index.js

@@ -1,16 +1,12 @@
-import { pipe, ifDefined, isArray, isRecord, doesExtend, jsonRefinery, doNothing, isPlainObject, become, mapObject, delve } from '../../dist/chunk-D52JNVER.js';
-import { isJson as isJson$1 } from '../../dist/chunk-EUVKUTW3.js';
-import '../../dist/chunk-BX3MTH2Z.js';
-import '../../dist/chunk-IBTHB2PI.js';
 import '../../dist/chunk-XWL6SNVU.js';
-import { useI, useO } from 'atom.io/react';
+import { StoreContext, useI, useO } from 'atom.io/react';
 import { motion, spring, LayoutGroup } from 'framer-motion';
-import { forwardRef, useRef, useState, useImperativeHandle, useLayoutEffect, Fragment as Fragment$1, Component, useId } from 'react';
-import { atom, atomFamily, undo, redo, getState } from 'atom.io';
-import { findState } from 'atom.io/ephemeral';
-import { attachIntrospectionStates, primitiveRefinery, prettyJson, discoverType } from 'atom.io/introspection';
+import { forwardRef, useRef, useState, useImperativeHandle, useLayoutEffect, createContext, useId, Component, useContext, Fragment as Fragment$1 } from 'react';
+import { undo, redo, getState } from 'atom.io';
+import { IMPLICIT, createStandaloneAtom, createAtomFamily, findInStore, become } from 'atom.io/internal';
+import { jsonRefinery, attachIntrospectionStates, primitiveRefinery, prettyJson, discoverType } from 'atom.io/introspection';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { isJson } from 'atom.io/json';
+import { isJson, fromEntries, toEntries, JSON_DEFAULTS } from 'atom.io/json';
 import { persistSync } from 'atom.io/web';
 
 var OpenClose = ({ isOpen, setIsOpen, disabled, testid }) => {
@@ -92,9 +88,9 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
     )
   ] });
 });
-
-// ../anvl/src/number/clamp.ts
-var clampInto = (min, max) => (value) => value < min ? min : value > max ? max : value;
+function clampInto(min, max) {
+  return (value) => value < min ? min : value > max ? max : value;
+}
 function round(value, decimalPlaces) {
   if (decimalPlaces === void 0) return value;
   const factor = 10 ** decimalPlaces;
@@ -127,11 +123,10 @@ var initRefinery = (constraints) => (input) => {
     ...DEFAULT_NUMBER_CONSTRAINTS,
     ...constraints
   };
-  const constrained = pipe(
-    input ?? 0,
-    clampInto(min, max),
-    (n) => decimalPlaces ? round(n, decimalPlaces) : n
-  );
+  let constrained = clampInto(min, max)(input ?? 0);
+  if (decimalPlaces) {
+    constrained = round(constrained, decimalPlaces);
+  }
   return constrained;
 };
 var valueToText = (numericValue) => {
@@ -152,7 +147,7 @@ var NumberInput = ({
   onClick,
   placeholder = ``,
   set = () => null,
-  testId,
+  testid,
   value = null
 }) => {
   const id = useId();
@@ -201,7 +196,7 @@ var NumberInput = ({
         name: name ?? id,
         id,
         onClick,
-        "data-testid": `number-input-${testId ?? id}`
+        "data-testid": testid
       }
     ) : /* @__PURE__ */ jsx(
       "input",
@@ -215,7 +210,7 @@ var NumberInput = ({
         name: name ?? id,
         id,
         onClick,
-        "data-testid": `number-input-${testId ?? id}`
+        "data-testid": testid
       }
     )
   ] });
@@ -225,7 +220,8 @@ var TextInput = ({
   set,
   label,
   placeholder,
-  autoSize = false
+  autoSize = false,
+  testid
 }) => {
   return /* @__PURE__ */ jsxs("span", { children: [
     /* @__PURE__ */ jsx("label", { children: label }),
@@ -236,7 +232,8 @@ var TextInput = ({
         value,
         onChange: (e) => set?.(e.target.value),
         disabled: set === void 0,
-        placeholder
+        placeholder,
+        "data-testid": testid
       }
     ) : /* @__PURE__ */ jsx(
       "input",
@@ -245,24 +242,35 @@ var TextInput = ({
         value,
         onChange: (e) => set?.(e.target.value),
         disabled: set === void 0,
-        placeholder
+        placeholder,
+        "data-testid": testid
       }
     )
   ] });
 };
-var NonJsonEditor = ({ data }) => {
-  return data === void 0 ? /* @__PURE__ */ jsx(ElasticInput, { disabled: true, value: "undefined" }) : /* @__PURE__ */ jsx(
+var NonJsonEditor = ({
+  data,
+  testid
+}) => {
+  return data === void 0 ? /* @__PURE__ */ jsx(
     ElasticInput,
     {
       disabled: true,
-      value: Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data)
+      value: "undefined",
+      "data-testid": `${testid}-undefined`
+    }
+  ) : /* @__PURE__ */ jsx(
+    ElasticInput,
+    {
+      disabled: true,
+      value: Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data),
+      "data-testid": `${testid}-non-json-${Object.getPrototypeOf(data).constructor.name}`
     }
   );
 };
 var JsonEditor_INTERNAL = ({
   data,
   set,
-  schema,
   name,
   rename,
   remove,
@@ -273,64 +281,75 @@ var JsonEditor_INTERNAL = ({
   className,
   style,
   Header: HeaderDisplay,
-  Components
+  Components,
+  testid
 }) => {
-  const dataIsJson = isJson$1(data);
+  const dataIsJson = isJson(data);
   const refined = jsonRefinery.refine(data) ?? {
     type: `non-json`,
     data
   };
   const SubEditor = dataIsJson ? SubEditors[refined.type] : NonJsonEditor;
   const disabled = isReadonly(path);
-  return isHidden(path) ? null : /* @__PURE__ */ jsx(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxs(Components.EditorWrapper, { className, style, children: [
-    remove && /* @__PURE__ */ jsx(
-      Components.Button,
-      {
-        onClick: disabled ? doNothing : remove,
-        disabled,
-        children: /* @__PURE__ */ jsx(Components.DeleteIcon, {})
-      }
-    ),
-    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
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      SubEditor,
-      {
-        data: refined.data,
-        set,
-        schema,
-        remove,
-        rename,
-        path,
-        isReadonly,
-        isHidden,
-        Components
-      }
-    ),
-    recast && dataIsJson ? /* @__PURE__ */ jsx(
-      "select",
-      {
-        onChange: disabled ? doNothing : (e) => {
-          recast(e.target.value);
-        },
-        value: refined.type,
-        disabled,
-        children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
-      }
-    ) : null
-  ] }) });
+  return isHidden(path) ? null : /* @__PURE__ */ jsx(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxs(
+    Components.EditorWrapper,
+    {
+      className,
+      style,
+      testid,
+      children: [
+        remove ? disabled ? /* @__PURE__ */ jsx(Components.Button, { disabled: true, testid: `${testid}-delete`, children: /* @__PURE__ */ jsx(Components.DeleteIcon, {}) }) : /* @__PURE__ */ jsx(
+          Components.Button,
+          {
+            testid: `${testid}-delete`,
+            onClick: () => {
+              remove();
+            },
+            children: /* @__PURE__ */ jsx(Components.DeleteIcon, {})
+          }
+        ) : null,
+        HeaderDisplay && /* @__PURE__ */ jsx(HeaderDisplay, { data }),
+        rename && /* @__PURE__ */ jsx(Components.KeyWrapper, { children: /* @__PURE__ */ jsx(
+          ElasticInput,
+          {
+            value: name,
+            onChange: disabled ? void 0 : (e) => {
+              rename(e.target.value);
+            },
+            disabled,
+            "data-testid": `${testid}-rename`
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          SubEditor,
+          {
+            data: refined.data,
+            set,
+            remove,
+            rename,
+            path,
+            isReadonly,
+            isHidden,
+            Components,
+            testid
+          }
+        ),
+        recast && dataIsJson ? /* @__PURE__ */ jsx(
+          "select",
+          {
+            onChange: disabled ? void 0 : (e) => {
+              recast(e.target.value);
+            },
+            value: refined.type,
+            disabled,
+            "data-testid": `${testid}-recast`,
+            children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsx("option", { value: type, children: type }, type))
+          }
+        ) : null
+      ]
+    }
+  ) });
 };
-
-// ../hamr/react-json-editor/src/editors-by-type/utilities/array-elements.ts
 var makeElementSetters = (data, set) => data.map((value, index) => (newValue) => {
   set(() => {
     const newData = [...data];
@@ -344,7 +363,8 @@ var ArrayEditor = ({
   isHidden = () => false,
   data,
   set,
-  Components
+  Components,
+  testid
 }) => {
   const setElement = makeElementSetters(data, set);
   return /* @__PURE__ */ jsx(Fragment, { children: data.map((element, index) => {
@@ -357,395 +377,16 @@ var ArrayEditor = ({
         isHidden,
         data: element,
         set: setElement[index],
-        Components
+        Components,
+        className: "json_editor_element",
+        testid: `${testid}-element-${index}`
       },
       newPath.join(``)
     );
   }) });
 };
 
-// ../anvl/src/json/index.ts
-var JSON_TYPE_NAMES = [
-  `array`,
-  `boolean`,
-  `null`,
-  `number`,
-  `object`,
-  `string`
-];
-var JSON_DEFAULTS = {
-  array: [],
-  boolean: false,
-  null: null,
-  number: 0,
-  object: {},
-  string: ``
-};
-
-// ../anvl/src/primitive/index.ts
-var isString = (input) => {
-  return typeof input === `string`;
-};
-var isNumber = (input) => {
-  return typeof input === `number`;
-};
-var isBoolean = (input) => {
-  return typeof input === `boolean`;
-};
-
-// ../anvl/src/refinement/can-exist.ts
-var canExist = (_) => true;
-
-// ../anvl/src/refinement/cannot-exist.ts
-var cannotExist = (_) => false;
-
-// ../anvl/src/refinement/is-intersection.ts
-function mustSatisfyAllOfTheFollowing(isTypeA, logging = false, refinements = [isTypeA]) {
-  const name = `(${refinements.map((r) => r?.name || `anon`).join(` & `)})`;
-  const _ = {
-    [name]: (input) => refinements.every(
-      (refinement) => (logging && console.log(
-        refinements.map((r) => r.name || `anon`).join(` & `),
-        `>`,
-        refinement.name || `anon`,
-        `:`,
-        refinement(input)
-      ), refinement(input))
-    )
-  };
-  const checkTypes = Object.assign(_[name], {
-    and: (isTypeB) => mustSatisfyAllOfTheFollowing(isTypeB, logging, [
-      ...refinements,
-      isTypeB
-    ])
-  });
-  return checkTypes;
-}
-var isIntersection = mustSatisfyAllOfTheFollowing(canExist);
-
-// ../anvl/src/refinement/is-union.ts
-var mustSatisfyOneOfTheFollowing = (isTypeA, logging = false, refinements = [isTypeA]) => {
-  const name = `(${refinements.map((r) => r?.name || `anon`).join(` | `)})`;
-  const _ = {
-    [name]: (input) => refinements.some(
-      (refinement) => (logging && console.log(
-        refinements.map((r) => r.name || `anon`).join(` | `),
-        `>`,
-        refinement.name ?? `anon`,
-        `:`,
-        refinement(input)
-      ), refinement(input))
-    )
-  };
-  const checkTypes = Object.assign(_[name], {
-    or: (isTypeB) => mustSatisfyOneOfTheFollowing(isTypeB, logging, [...refinements, isTypeB])
-  });
-  return checkTypes;
-};
-var isUnion = mustSatisfyOneOfTheFollowing(cannotExist);
-
-// ../anvl/src/refinement/index.ts
-var isLiteral = (value) => (input) => input === value;
-var isWithin = (args) => (input) => args.includes(input);
-
-// ../anvl/src/json-schema/integer.ts
-var isInteger = (input) => Number.isInteger(input);
-var parseInteger = (input) => {
-  if (isInteger(input)) return input;
-  throw new IntegerParseError(input);
-};
-var IntegerParseError = class extends Error {
-  constructor(value) {
-    super(`Could not parse integer from ${JSON.stringify(value)}`);
-  }
-};
-var Int = Object.assign((input) => parseInteger(input), {
-  from: (input) => pipe(
-    input,
-    String,
-    Number.parseFloat,
-    (num) => isInteger(num) ? {
-      value: num,
-      error: null,
-      round: null,
-      upper: null,
-      lower: null,
-      ratio: null
-    } : {
-      value: null,
-      error: new IntegerParseError(input),
-      round: Math.round(num),
-      upper: Math.ceil(num),
-      lower: Math.floor(num),
-      ratio: null
-    }
-  ),
-  formula: (fm) => {
-    return (input) => {
-      return fm(
-        input
-      );
-    };
-  }
-});
-
-// ../anvl/src/json-schema/refs.ts
-function isJsonSchemaRef(input) {
-  return doesExtend({
-    $ref: isString
-  })(input);
-}
-({
-  $defs: {
-    colorChannel: {
-      type: `integer`,
-      minimum: Int(0),
-      maximum: Int(255)
-    },
-    color: {
-      type: `object`,
-      properties: {
-        red: { $ref: `#/$defs/colorChannel` },
-        green: { $ref: `#/$defs/colorChannel` },
-        blue: { $ref: `#/$defs/colorChannel` }
-      }
-    }
-  },
-  type: `array`,
-  items: {
-    $ref: `#/$defs/color`
-  }
-});
-var retrieveRef = ({
-  refNode: { $ref },
-  refMap = {},
-  root
-}) => {
-  if (typeof root === `boolean`) {
-    throw new TypeError(`The root is a boolean and cannot be indexed`);
-  }
-  if ($ref in refMap) return { node: refMap[$ref], refMap };
-  const [_, ...refPath] = $ref.split(`/`);
-  const discovery = delve(root, refPath);
-  if (discovery instanceof Error) throw discovery;
-  let node = discovery.found;
-  while (isJsonSchemaRef(node)) {
-    const result = retrieveRef({ refNode: node, refMap, root });
-    node = result.node;
-    refMap = result.refMap;
-  }
-  if (isJsonSchema(node)) {
-    return { node, refMap: { ...refMap, [$ref]: node } };
-  }
-  throw new TypeError(`The refNode is not a JsonSchema`);
-};
-
-// ../anvl/src/json-schema/string-formats.ts
-var JSON_SCHEMA_STRING_FORMATS = [
-  `date-time`,
-  `date`,
-  `email`,
-  `hostname`,
-  `ipv4`,
-  `ipv6`,
-  `regex`,
-  `time`,
-  `uri-reference`,
-  `uri-template`,
-  `uri`,
-  `uuid`
-];
-
-// ../anvl/src/json-schema/json-schema.ts
-var JSON_SCHEMA_TYPE_NAMES = [...JSON_TYPE_NAMES, `integer`];
-[
-  ...JSON_SCHEMA_TYPE_NAMES,
-  `any`,
-  `never`
-];
-var stringSchemaStructure = {
-  type: isLiteral(`string`),
-  enum: ifDefined(isArray(isString)),
-  minLength: ifDefined(isInteger),
-  maxLength: ifDefined(isInteger),
-  pattern: ifDefined(isString),
-  format: ifDefined(isWithin(JSON_SCHEMA_STRING_FORMATS))
-};
-function isStringSchema(input) {
-  return doesExtend(stringSchemaStructure)(input);
-}
-var numberSchemaStructure = {
-  type: isLiteral(`number`),
-  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);
-}
-var integerSchemaStructure = {
-  type: isLiteral(`integer`),
-  enum: ifDefined(isArray(isInteger)),
-  minimum: ifDefined(isInteger),
-  maximum: ifDefined(isInteger),
-  exclusiveMinimum: ifDefined(isInteger),
-  exclusiveMaximum: ifDefined(isInteger),
-  multipleOf: ifDefined(isInteger)
-};
-function isIntegerSchema(input) {
-  return doesExtend(integerSchemaStructure)(input);
-}
-var booleanSchemaStructure = {
-  type: isLiteral(`boolean`),
-  enum: ifDefined(isArray(isBoolean))
-};
-function isBooleanSchema(input) {
-  return doesExtend(booleanSchemaStructure)(input);
-}
-var nullSchemaStructure = {
-  type: isLiteral(`null`)
-};
-function isNullSchema(input) {
-  return doesExtend(nullSchemaStructure)(input);
-}
-var objectSchemaStructure = {
-  type: isLiteral(`object`),
-  properties: ifDefined(isRecord(isString, isJsonSchema)),
-  required: ifDefined(isArray(isString)),
-  additionalProperties: ifDefined(isJsonSchema),
-  propertyNames: ifDefined(isStringSchema),
-  minProperties: ifDefined(isInteger),
-  maxProperties: ifDefined(isInteger),
-  dependentSchemas: ifDefined(isRecord(isString, isJsonSchema))
-};
-function isObjectSchema(input) {
-  return doesExtend(objectSchemaStructure)(input);
-}
-var arraySchemaStructure = {
-  type: isLiteral(`array`),
-  items: ifDefined(
-    mustSatisfyOneOfTheFollowing(isJsonSchema).or(isArray(isJsonSchema))
-  ),
-  minItems: ifDefined(isInteger),
-  maxItems: ifDefined(isInteger),
-  uniqueItems: ifDefined(isBoolean)
-};
-function isArraySchema(input) {
-  return doesExtend(arraySchemaStructure)(input);
-}
-var unionSchemaStructure = { anyOf: isArray(isJsonSchema) };
-function isUnionSchema(input) {
-  return doesExtend(unionSchemaStructure)(input);
-}
-var exclusiveSchemaStructure = { oneOf: isArray(isJsonSchema) };
-function isExclusiveSchema(input) {
-  return doesExtend(exclusiveSchemaStructure)(input);
-}
-var intersectionSchemaStructure = { allOf: isArray(isJsonSchema) };
-function isIntersectionSchema(input) {
-  return doesExtend(intersectionSchemaStructure)(input);
-}
-var conditionalSchemaStructure = {
-  if: isJsonSchema,
-  then: ifDefined(isJsonSchema),
-  else: ifDefined(isJsonSchema)
-};
-function isConditionalSchema(input) {
-  return doesExtend(conditionalSchemaStructure)(input);
-}
-var negationSchemaStructure = { not: isJsonSchema };
-function isNegationSchema(input) {
-  return doesExtend(negationSchemaStructure)(input);
-}
-var mixedSchemaStructure = {
-  ...arraySchemaStructure,
-  ...booleanSchemaStructure,
-  ...integerSchemaStructure,
-  ...nullSchemaStructure,
-  ...numberSchemaStructure,
-  ...objectSchemaStructure,
-  ...stringSchemaStructure,
-  type: isArray(isWithin(JSON_SCHEMA_TYPE_NAMES)),
-  enum: ifDefined(
-    isArray(isUnion.or(isInteger).or(isBoolean).or(isNumber).or(isString))
-  )
-};
-function isMixedSchema(input) {
-  return doesExtend(mixedSchemaStructure)(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(isString),
-  $schema: ifDefined(isString)
-});
-var isJsonSchemaObject = isIntersection.and(isJsonSchemaCore).and(isJsonSchemaRoot);
-function isJsonSchema(input) {
-  return mustSatisfyOneOfTheFollowing(isBoolean).or(isJsonSchemaObject).or(isJsonSchemaRef)(input);
-}
-
-// ../anvl/src/json-schema/path-into.ts
-var expandPathForSchema = (path) => {
-  try {
-    return path.flatMap((key) => {
-      switch (typeof key) {
-        case `string`:
-          return [`properties`, key];
-        case `number`:
-          return [`items`, key];
-        case `symbol`:
-          throw new TypeError(
-            `The key ${String(
-              key
-            )} is not a valid JSON key; expected string or number, got symbol`
-          );
-        default:
-          throw new TypeError(
-            `The key ${JSON.stringify(
-              key
-            )} is not a valid JSON key; expected string or number, got ${typeof key}`
-          );
-      }
-    });
-  } catch (caught) {
-    if (caught instanceof TypeError) return caught;
-    throw caught;
-  }
-};
-
-// ../anvl/src/json-schema/find-sub-schema.ts
-var findSubSchema = (schema) => {
-  if (typeof schema === `boolean`) {
-    throw new Error(`The schema does not contain subSchemas`);
-  }
-  return (path) => {
-    const pathIntoSchema = expandPathForSchema(path);
-    if (pathIntoSchema instanceof Error) return pathIntoSchema;
-    if (typeof schema === `boolean`) {
-      return new TypeError(`The schema is not a JsonSchema`);
-    }
-    const reduction = pathIntoSchema.reduce(
-      ({ node: node2, refMap: refMap2 = void 0 }, key) => (console.log({ node: node2, key }), isJsonSchemaRef(node2) ? retrieveRef({ refNode: node2, root: schema, refMap: refMap2 }) : { node: node2[key], refMap: refMap2 }),
-      { node: schema, refMap: void 0 }
-    );
-    const { node, refMap } = reduction;
-    if (node instanceof Error) throw node;
-    let subSchema = node;
-    while (isJsonSchemaRef(subSchema)) {
-      console.log({ subSchema });
-      subSchema = retrieveRef({ refNode: subSchema, root: schema, refMap }).node;
-    }
-    console.log({ subSchema });
-    if (isJsonSchema(subSchema)) {
-      return subSchema;
-    }
-    throw new TypeError(`The subSchema is not a JsonSchema`);
-  };
-};
-
-// ../anvl/src/json/cast-json.ts
+// react-devtools/src/json-editor/editors-by-type/utilities/cast-json.ts
 var stringToBoolean = (str) => str === `true`;
 var stringToNumber = (str) => Number(str);
 var stringToArray = (str) => str.split(`,`);
@@ -788,7 +429,7 @@ var nullToBoolean = () => false;
 var nullToArray = () => [];
 var nullToObject = () => ({});
 
-// ../anvl/src/refinement/smart-cast-json.ts
+// react-devtools/src/json-editor/editors-by-type/utilities/cast-to-json.ts
 var castToJson = (input) => {
   const refined = jsonRefinery.refine(input);
   switch (refined?.type) {
@@ -907,8 +548,7 @@ var castToJson = (input) => {
         }
       };
     }
-    case `null`: {
-      refined.data;
+    default: {
       return {
         get array() {
           return nullToArray();
@@ -930,51 +570,59 @@ var castToJson = (input) => {
         }
       };
     }
-    default:
-      console.error(`Could not handle input given to castToJson`);
-      throw new Error(`Could not handle input given to castToJson`);
   }
 };
 
-// ../hamr/react-json-editor/src/editors-by-type/utilities/object-properties.ts
-var makePropertySetters = (data, set) => mapObject(
-  data,
-  (value, key) => (newValue) => {
-    set({ ...data, [key]: become(newValue)(value[key]) });
-  }
+// react-devtools/src/json-editor/editors-by-type/utilities/object-properties.ts
+var makePropertySetters = (data, set) => fromEntries(
+  toEntries(data).map(([key, value]) => [
+    key,
+    (newValue) => {
+      set({ ...data, [key]: become(newValue)(value) });
+    }
+  ])
 );
-var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject(
-  data,
-  (value, key) => (newKey) => {
-    if (!Object.hasOwn(data, newKey)) {
+var makePropertyRenamers = (data, set, stableKeyMapRef) => fromEntries(
+  toEntries(data).map(([key, value]) => [
+    key,
+    (newKey) => {
+      if (!Object.hasOwn(data, newKey)) {
+        set(() => {
+          const entries = Object.entries(data);
+          const index = entries.findIndex(([k]) => k === key);
+          entries[index] = [newKey, value];
+          const stableKeyMap = stableKeyMapRef.current;
+          stableKeyMapRef.current = {
+            ...stableKeyMap,
+            [newKey]: stableKeyMap[key]
+          };
+          return Object.fromEntries(entries);
+        });
+      }
+    }
+  ])
+);
+var makePropertyRemovers = (data, set) => fromEntries(
+  toEntries(data).map(([key]) => [
+    key,
+    () => {
       set(() => {
-        const entries = Object.entries(data);
-        const index = entries.findIndex(([k]) => k === key);
-        entries[index] = [newKey, value];
-        const stableKeyMap = stableKeyMapRef.current;
-        stableKeyMapRef.current = {
-          ...stableKeyMap,
-          [newKey]: stableKeyMap[key]
-        };
-        return Object.fromEntries(entries);
+        const { [key]: _, ...rest } = data;
+        return rest;
       });
     }
-  }
+  ])
 );
-var makePropertyRemovers = (data, set) => mapObject(data, (_, key) => () => {
-  set(() => {
-    const { [key]: __, ...rest } = data;
-    return rest;
-  });
-});
-var makePropertyRecasters = (data, set) => mapObject(
-  data,
-  (value, key) => (newType) => {
-    set(() => ({
-      ...data,
-      [key]: castToJson(value)[newType]
-    }));
-  }
+var makePropertyRecasters = (data, set) => fromEntries(
+  toEntries(data).map(([key, value]) => [
+    key,
+    (newType) => {
+      set(() => ({
+        ...data,
+        [key]: castToJson(value)[newType]
+      }));
+    }
+  ])
 );
 var makePropertyCreationInterface = (data, set) => (key, type) => (value) => {
   set({ ...data, [key]: value ?? JSON_DEFAULTS[type] });
@@ -987,34 +635,14 @@ var makePropertySorter = (data, set, sortFn) => () => {
   }
   set(sortedObj);
 };
-var PropertyAdder = ({
-  addProperty,
-  disabled,
-  propertyKey,
-  Components
-}) => /* @__PURE__ */ jsxs(Components.MissingPropertyWrapper, { children: [
-  /* @__PURE__ */ jsx(ElasticInput, { disabled: true, defaultValue: propertyKey }),
-  ` `,
-  /* @__PURE__ */ jsx(ElasticInput, { disabled: true, defaultValue: "is missing" }),
-  /* @__PURE__ */ jsx(
-    Components.Button,
-    {
-      onClick: () => {
-        addProperty();
-      },
-      disabled,
-      children: "+"
-    }
-  )
-] });
 var ObjectEditor = ({
-  schema,
   path = [],
   isReadonly = () => false,
   isHidden = () => false,
   data,
   set,
-  Components
+  Components,
+  testid
 }) => {
   const disabled = isReadonly(path);
   const stableKeyMap = useRef(
@@ -1032,21 +660,11 @@ var ObjectEditor = ({
   const recastProperty = makePropertyRecasters(data, set);
   const sortProperties = makePropertySorter(data, set);
   const makePropertyAdder = makePropertyCreationInterface(data, set);
-  const subSchema = isPlainObject(schema) ? findSubSchema(schema)(path) : true;
-  const schemaKeys = isLiteral(true)(subSchema) ? true : isObjectSchema(subSchema) ? Object.keys(subSchema.properties ?? {}) : [];
-  const dataKeys = Object.keys(data);
-  const [unofficialKeys, officialKeys] = dataKeys.reduce(
-    ([unofficial, official], key) => {
-      const isOfficial = schemaKeys === true || schemaKeys.includes(key);
-      return isOfficial ? [unofficial, [...official, key]] : [[...unofficial, key], official];
-    },
-    [[], []]
-  );
-  const missingKeys = schemaKeys === true ? [] : schemaKeys.filter((key) => !dataKeys.includes(key));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Components.Button,
       {
+        testid: `${testid}-sort-properties`,
         onClick: () => {
           sortProperties();
         },
@@ -1055,28 +673,13 @@ var ObjectEditor = ({
       }
     ),
     /* @__PURE__ */ jsxs(Components.ObjectWrapper, { children: [
-      /* @__PURE__ */ jsx("div", { className: "json_editor_properties", children: [...missingKeys, ...officialKeys, ...unofficialKeys].map((key) => {
+      /* @__PURE__ */ jsx("div", { className: "json_editor_properties", children: Object.keys(data).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);
-        if (isMissing) {
-          return /* @__PURE__ */ jsx(
-            PropertyAdder,
-            {
-              propertyKey: key,
-              addProperty: makePropertyAdder(key, `string`),
-              disabled,
-              Components
-            },
-            key + `IsMissing`
-          );
-        }
         return /* @__PURE__ */ jsx(
           JsonEditor_INTERNAL,
           {
-            schema,
             path: newPath,
             name: key,
             isReadonly,
@@ -1086,19 +689,20 @@ var ObjectEditor = ({
             rename: renameProperty[key],
             remove: removeProperty[key],
             recast: recastProperty[key],
-            className: `json_editor_property ${isOfficial ? `json_editor_official` : `json_editor_unofficial`}`,
-            Components
+            className: "json_editor_property",
+            Components,
+            testid: `${testid}-property-${key}`
           },
           originalPath.join(`.`)
         );
       }) }),
-      /* @__PURE__ */ jsx(
+      disabled ? /* @__PURE__ */ jsx(Components.Button, { disabled: true, testid: `${testid}-add-property`, children: "+" }) : /* @__PURE__ */ jsx(
         Components.Button,
         {
-          onClick: disabled ? doNothing : () => {
+          testid: `${testid}-add-property`,
+          onClick: () => {
             makePropertyAdder(`new_property`, `string`)();
           },
-          disabled,
           children: "+"
         }
       )
@@ -1108,10 +712,12 @@ var ObjectEditor = ({
 var BooleanEditor = ({
   data,
   set,
-  Components
+  Components,
+  testid
 }) => /* @__PURE__ */ jsx(Components.BooleanWrapper, { children: /* @__PURE__ */ jsx(
   "input",
   {
+    "data-testid": `${testid}-boolean-input`,
     type: "checkbox",
     checked: data,
     onChange: (event) => {
@@ -1120,17 +726,20 @@ var BooleanEditor = ({
   }
 ) });
 var NullEditor = ({
-  Components
-}) => /* @__PURE__ */ jsx(Components.NullWrapper, { children: " " });
+  Components,
+  testid
+}) => /* @__PURE__ */ jsx(Components.Null, { testid: `${testid}-null` });
 var NumberEditor = ({
   path = [],
   isReadonly = () => false,
   data,
   set,
-  Components
+  Components,
+  testid
 }) => /* @__PURE__ */ jsx(Components.NumberWrapper, { children: /* @__PURE__ */ jsx(
   NumberInput,
   {
+    testid: `${testid}-number-input`,
     value: data,
     set: isReadonly(path) ? void 0 : (newValue) => {
       set(Number(newValue));
@@ -1143,11 +752,13 @@ var StringEditor = ({
   isReadonly = () => false,
   data,
   set,
-  Components
+  Components,
+  testid
 }) => {
   return /* @__PURE__ */ jsx(Components.StringWrapper, { children: /* @__PURE__ */ jsx(
     TextInput,
     {
+      testid: `${testid}-string-input`,
       value: data,
       set: isReadonly(path) ? void 0 : set,
       autoSize: true
@@ -1220,61 +831,48 @@ var ErrorBoundary = class extends Component {
 };
 var DEFAULT_JSON_EDITOR_COMPONENTS = {
   ErrorBoundary: ({ children }) => /* @__PURE__ */ jsx(ErrorBoundary, { children }),
-  Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsx(
+  Button: ({ onClick, children, disabled, testid }) => /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
       className: "json_editor_button",
       onClick,
       disabled,
+      "data-testid": testid,
       children
     }
   ),
-  EditorWrapper: ({ children, className }) => /* @__PURE__ */ jsx("div", { className: `json_editor` + (className ? ` ${className}` : ``), children }),
-  EditorLayout: ({
-    DeleteButton,
-    Header,
-    KeyInput,
-    TypeSelect,
-    ValueEditor,
-    Wrapper
-  }) => {
-    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__ */ 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 }),
+  EditorWrapper: ({ children, className, testid }) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `json_editor` + (className ? ` ${className}` : ``),
+      "data-testid": testid,
+      children
+    }
+  ),
+  ArrayWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("div", { className: "json_editor_array", "data-testid": testid, children }),
+  ObjectWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("div", { className: "json_editor_object", "data-testid": testid, children }),
+  StringWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", { className: "json_editor_string", "data-testid": testid, children }),
+  NumberWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", { className: "json_editor_number", "data-testid": testid, children }),
+  BooleanWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", { className: "json_editor_boolean", "data-testid": testid, children }),
+  Null: ({ testid }) => /* @__PURE__ */ jsx("span", { className: "json_editor_null", "data-testid": testid }),
   DeleteIcon: () => /* @__PURE__ */ jsx("span", { className: "json_editor_icon json_editor_delete", children: "x" }),
-  KeyWrapper: ({ children }) => /* @__PURE__ */ jsx("span", { className: "json_editor_key", children })
+  MissingPropertyWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", { className: "json_editor_missing_property", "data-testid": testid, children }),
+  KeyWrapper: ({ children, testid }) => /* @__PURE__ */ jsx("span", { className: "json_editor_key", "data-testid": testid, children })
 };
 var JsonEditor = ({
   data,
   set,
-  schema = true,
   name,
   rename,
   remove,
   isReadonly = () => false,
   isHidden = () => false,
-  // isIllegal = () => false,
   className,
   Header,
   style,
-  Components: CustomComponents = {}
+  Components: CustomComponents = {},
+  testid
 }) => {
   const Components = {
     ...DEFAULT_JSON_EDITOR_COMPONENTS,
@@ -1286,7 +884,6 @@ var JsonEditor = ({
       data,
       set,
       name,
-      schema,
       rename,
       remove,
       path: [],
@@ -1295,12 +892,13 @@ var JsonEditor = ({
       className,
       Header,
       style,
-      Components
+      Components,
+      testid
     }
   );
 };
 
-// ../hamr/react-json-editor/src/index.ts
+// react-devtools/src/json-editor/index.ts
 var SubEditors = {
   array: ArrayEditor,
   boolean: BooleanEditor,
@@ -1309,41 +907,22 @@ var SubEditors = {
   object: ObjectEditor,
   string: StringEditor
 };
-var fallback = (fn, fallbackValue) => {
-  try {
-    return fn();
-  } catch (_) {
-    return fallbackValue;
-  }
-};
 var StateEditor = ({ token }) => {
   const set = useI(token);
   const data = useO(token);
-  return isJson(data) ? /* @__PURE__ */ jsx(JsonEditor, { data, set, schema: true }) : /* @__PURE__ */ jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsx(
-    ElasticInput,
-    {
-      value: data === void 0 || data === null ? `` : typeof data === `object` && `toJson` in data && typeof data.toJson === `function` ? JSON.stringify(data.toJson()) : data instanceof Set ? `Set { ${JSON.stringify([...data]).slice(1, -1)} }` : Object.getPrototypeOf(data).constructor.name + ` ` + fallback(() => JSON.stringify(data), `?`),
-      disabled: true
-    }
-  ) });
+  return /* @__PURE__ */ jsx(JsonEditor, { testid: `${token.key}-state-editor`, data, set });
 };
 var ReadonlySelectorViewer = ({ token }) => {
   const data = useO(token);
-  return isJson(data) ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     JsonEditor,
     {
+      testid: `${token.key}-state-editor`,
       data,
       set: () => null,
-      schema: true,
       isReadonly: () => true
     }
-  ) : /* @__PURE__ */ jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsx(
-    ElasticInput,
-    {
-      value: data instanceof Set ? `Set ` + JSON.stringify([...data]) : Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data),
-      disabled: true
-    }
-  ) });
+  );
 };
 var StoreEditor = ({ token }) => {
   if (token.type === `readonly_selector`) {
@@ -1351,35 +930,38 @@ var StoreEditor = ({ token }) => {
   }
   return /* @__PURE__ */ jsx(StateEditor, { token });
 };
-var {
-  atomIndex,
-  selectorIndex,
-  transactionIndex,
-  transactionLogSelectors,
-  timelineIndex,
-  timelineSelectors,
-  typeSelectors
-} = attachIntrospectionStates();
-var devtoolsAreOpenState = atom({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools Are Open`,
-  default: true,
-  effects: typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, `\u{1F441}\u200D\u{1F5E8} Devtools Are Open`)]
-});
-var devtoolsViewSelectionState = atom({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Selection`,
-  default: `atoms`,
-  effects: typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, `\u{1F441}\u200D\u{1F5E8} Devtools View`)]
-});
-var devtoolsViewOptionsState = atom({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Options`,
-  default: [`atoms`, `selectors`, `transactions`, `timelines`],
-  effects: typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, `\u{1F441}\u200D\u{1F5E8} Devtools View Options`)]
-});
-var viewIsOpenAtoms = atomFamily({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Is Open`,
-  default: false,
-  effects: (key) => typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, key + `:view-is-open`)]
-});
+function attachDevtoolsStates(store) {
+  const introspectionStates = attachIntrospectionStates(store);
+  const devtoolsAreOpenState = createStandaloneAtom(store, {
+    key: `\u{1F50D} Devtools Are Open`,
+    default: true,
+    effects: typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, `\u{1F50D} Devtools Are Open`)]
+  });
+  const devtoolsViewSelectionState = createStandaloneAtom(store, {
+    key: `\u{1F50D} Devtools View Selection`,
+    default: `atoms`,
+    effects: typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, `\u{1F50D} Devtools View`)]
+  });
+  const devtoolsViewOptionsState = createStandaloneAtom(store, {
+    key: `\u{1F50D} Devtools View Options`,
+    default: [`atoms`, `selectors`, `transactions`, `timelines`],
+    effects: typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, `\u{1F50D} Devtools View Options`)]
+  });
+  const viewIsOpenAtoms = createAtomFamily(store, {
+    key: `\u{1F50D} Devtools View Is Open`,
+    default: false,
+    effects: (key) => typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, key + `:view-is-open`)]
+  });
+  return {
+    ...introspectionStates,
+    devtoolsAreOpenState,
+    devtoolsViewSelectionState,
+    devtoolsViewOptionsState,
+    viewIsOpenAtoms,
+    store
+  };
+}
+var DevtoolsContext = createContext(attachDevtoolsStates(IMPLICIT.STORE));
 var StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
   const setIsOpen = useI(isOpenState);
   const isOpen = useO(isOpenState);
@@ -1424,9 +1006,10 @@ var StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
 var StateIndexTreeNode = ({ node, isOpenState }) => {
   const setIsOpen = useI(isOpenState);
   const isOpen = useO(isOpenState);
+  const { typeSelectors, viewIsOpenAtoms, store } = useContext(DevtoolsContext);
   for (const [key, childNode] of node.familyMembers) {
-    findState(viewIsOpenAtoms, key);
-    findState(typeSelectors, childNode.key);
+    findInStore(store, viewIsOpenAtoms, key);
+    findInStore(store, typeSelectors, childNode.key);
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("header", { children: [
@@ -1447,8 +1030,8 @@ var StateIndexTreeNode = ({ node, isOpenState }) => {
       StateIndexNode,
       {
         node: childNode,
-        isOpenState: findState(viewIsOpenAtoms, childNode.key),
-        typeState: findState(typeSelectors, childNode.key)
+        isOpenState: findInStore(store, viewIsOpenAtoms, childNode.key),
+        typeState: findInStore(store, typeSelectors, childNode.key)
       },
       key
     )) : null
@@ -1466,13 +1049,14 @@ var StateIndexNode = ({ node, isOpenState, typeState }) => {
 };
 var StateIndex = ({ tokenIndex }) => {
   const tokenIds = useO(tokenIndex);
+  const { typeSelectors, viewIsOpenAtoms, store } = useContext(DevtoolsContext);
   return /* @__PURE__ */ jsx("article", { className: "index state_index", "data-testid": "state-index", children: [...tokenIds.entries()].filter(([key]) => !key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).sort().map(([key, node]) => {
     return /* @__PURE__ */ jsx(
       StateIndexNode,
       {
         node,
-        isOpenState: findState(viewIsOpenAtoms, node.key),
-        typeState: findState(typeSelectors, node.key)
+        isOpenState: findInStore(store, viewIsOpenAtoms, node.key),
+        typeState: findInStore(store, typeSelectors, node.key)
       },
       key
     );
@@ -1704,14 +1288,15 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
   ] });
 };
 var TimelineIndex = () => {
+  const { timelineIndex, timelineSelectors, viewIsOpenAtoms, store } = useContext(DevtoolsContext);
   const tokenIds = useO(timelineIndex);
   return /* @__PURE__ */ jsx("article", { className: "index timeline_index", "data-testid": "timeline-index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
     return /* @__PURE__ */ jsx(
       TimelineLog,
       {
         token,
-        isOpenState: findState(viewIsOpenAtoms, token.key),
-        timelineState: findState(timelineSelectors, token.key)
+        isOpenState: findInStore(store, viewIsOpenAtoms, token.key),
+        timelineState: findInStore(store, timelineSelectors, token.key)
       },
       token.key
     );
@@ -1758,21 +1343,33 @@ var TransactionLog = ({ token, isOpenState, logState }) => {
   );
 };
 var TransactionIndex = () => {
+  const { transactionIndex, transactionLogSelectors, viewIsOpenAtoms, store } = useContext(DevtoolsContext);
   const tokenIds = useO(transactionIndex);
-  return /* @__PURE__ */ jsx("article", { className: "index transaction_index", "data-testid": "transaction-index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
+  return /* @__PURE__ */ jsx("article", { className: "index transaction_index", "data-testid": "transaction-index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F50D}`)).map((token) => {
     return /* @__PURE__ */ jsx(
       TransactionLog,
       {
         token,
-        isOpenState: findState(viewIsOpenAtoms, token.key),
-        logState: findState(transactionLogSelectors, token.key)
+        isOpenState: findInStore(store, viewIsOpenAtoms, token.key),
+        logState: findInStore(store, transactionLogSelectors, token.key)
       },
       token.key
     );
   }) });
 };
 var AtomIODevtools = () => {
+  const store = useContext(StoreContext);
+  return /* @__PURE__ */ jsx(DevtoolsContext.Provider, { value: attachDevtoolsStates(store), children: /* @__PURE__ */ jsx(AtomIODevtoolsInternal, {}) });
+};
+var AtomIODevtoolsInternal = () => {
   const constraintsRef = useRef(null);
+  const {
+    atomIndex,
+    selectorIndex,
+    devtoolsAreOpenState,
+    devtoolsViewSelectionState,
+    devtoolsViewOptionsState
+  } = useContext(DevtoolsContext);
   const setDevtoolsAreOpen = useI(devtoolsAreOpenState);
   const devtoolsAreOpen = useO(devtoolsAreOpenState);
   const setDevtoolsView = useI(devtoolsViewSelectionState);
@@ -1827,7 +1424,7 @@ var AtomIODevtools = () => {
                 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 }) })
+            /* @__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, {}) : /* @__PURE__ */ jsx(TimelineIndex, {}) }) })
           ] }) : null,
           /* @__PURE__ */ jsx("footer", { children: /* @__PURE__ */ jsx(
             "button",
@@ -1840,7 +1437,7 @@ var AtomIODevtools = () => {
                   setDevtoolsAreOpen((open) => !open);
                 }
               },
-              children: "\u{1F441}\u200D\u{1F5E8}"
+              children: "\u{1F50D}"
             }
           ) })
         ]
@@ -1849,4 +1446,4 @@ var AtomIODevtools = () => {
   ] });
 };
 
-export { AtomIODevtools };
+export { AtomIODevtools, DEFAULT_JSON_EDITOR_COMPONENTS, DEFAULT_NUMBER_CONSTRAINTS, DefaultFallback, ElasticInput, ErrorBoundary, JsonEditor, NumberInput, SubEditors, TextInput, VALID_NON_NUMBERS, VALID_NON_NUMBER_INTERPRETATIONS, castToJson, clampInto, isDecimalInProgress, isValidNonNumber };