atom.io 0.25.6 → 0.27.0

package/react-devtools/dist/index.cjs

@@ -1,2191 +0,0 @@
-'use strict';
-
-var atom_io = require('atom.io');
-var introspection = require('atom.io/introspection');
-var react$1 = require('atom.io/react');
-var framerMotion = require('framer-motion');
-var react = require('react');
-var ephemeral = require('atom.io/ephemeral');
-var jsxRuntime = require('react/jsx-runtime');
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __restKey = (key) => typeof key === "symbol" ? key : key + "";
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// ../anvl/src/array/index.ts
-var isArray = (isType) => (input) => Array.isArray(input) && input.every((item) => isType(item));
-var map = (f) => (a) => a.map(f);
-var every = (f = Boolean) => (a) => a.every(f);
-var allTrue = every((x) => x === true);
-
-// ../anvl/src/function/pipe.ts
-function pipe(a, ab, bc, cd, de, ef, fg, gh, hi) {
-  switch (arguments.length) {
-    case 1:
-      return a;
-    case 2:
-      return ab(a);
-    case 3:
-      return bc(ab(a));
-    case 4:
-      return cd(bc(ab(a)));
-    case 5:
-      return de(cd(bc(ab(a))));
-    case 6:
-      return ef(de(cd(bc(ab(a)))));
-    case 7:
-      return fg(ef(de(cd(bc(ab(a))))));
-    case 8:
-      return gh(fg(ef(de(cd(bc(ab(a)))))));
-    case 9:
-      return hi(gh(fg(ef(de(cd(bc(ab(a))))))));
-    default: {
-      let ret = arguments[0];
-      for (let i = 1; i < arguments.length; i++) {
-        ret = arguments[i](ret);
-      }
-      return ret;
-    }
-  }
-}
-
-// ../anvl/src/function/index.ts
-var doNothing = () => void 0;
-var become = (nextVersionOfThing) => (originalThing) => nextVersionOfThing instanceof Function ? nextVersionOfThing(
-  originalThing instanceof Function ? originalThing() : originalThing
-) : nextVersionOfThing;
-var pass = (...params) => (fn) => fn(...params);
-var raiseError = (message) => {
-  throw new Error(message);
-};
-var fallback = (fn, fallbackValue) => {
-  try {
-    return fn();
-  } catch (_) {
-    return fallbackValue;
-  }
-};
-
-// ../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;
-var isRecord = (isKey, isValue) => (input) => isPlainObject(input) && Object.entries(input).every(([k, v]) => isKey(k) && isValue(v));
-var hasProperties = (isValue, options = { allowExtraProperties: false }) => {
-  const name = `{${recordToEntries(
-    isValue
-  ).map(([k, v]) => String(k) + `:` + v.name).join(`,`)}}`;
-  const _ = {
-    [name]: (input) => isPlainObject(input) && pipe(
-      isValue,
-      Object.entries,
-      every(([key, val]) => key in input || val(void 0))
-    ) && pipe(
-      input,
-      mob(
-        (val, key) => pipe(
-          isValue,
-          access(key),
-          ifNullish(() => options.allowExtraProperties),
-          pass(val)
-        )
-      ),
-      Object.values,
-      allTrue
-    )
-  };
-  return _[name];
-};
-var ALLOW_EXTENSION = { allowExtraProperties: true };
-var doesExtend = (isValue) => hasProperties(isValue, ALLOW_EXTENSION);
-
-// ../anvl/src/object/sprawl.ts
-var sprawl = (tree, inspector) => {
-  const walk = (path, node) => {
-    var _a2;
-    const inspect = (p, n) => {
-      const result2 = inspector(p, n);
-      if (result2) return result2;
-      return null;
-    };
-    const result = inspect(path, node);
-    if ((_a2 = result == null ? void 0 : result.jobComplete) != null ? _a2 : result == null ? void 0 : result.pathComplete) {
-      return result;
-    }
-    const childEntries = Array.isArray(node) ? node.map((v, i) => [i, v]) : isPlainObject(node) ? Object.entries(node) : [];
-    for (const [k, v] of childEntries) {
-      const subResult = walk([...path, k], v);
-      if (subResult == null ? void 0 : subResult.jobComplete) {
-        return subResult;
-      }
-    }
-    return {};
-  };
-  walk([], tree);
-};
-
-// ../anvl/src/object/index.ts
-var delve = (obj, path) => {
-  const found = path.reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
-  return found === void 0 ? new Error(`Not found`) : { found };
-};
-
-// ../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 == null ? void 0 : 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 == null ? void 0 : r.name) || `anon`).join(` | `)})`;
-  const _ = {
-    [name]: (input) => refinements.some(
-      (refinement) => {
-        var _a2;
-        return logging && console.log(
-          refinements.map((r) => r.name || `anon`).join(` | `),
-          `>`,
-          (_a2 = refinement.name) != null ? _a2 : `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/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: ``
-};
-
-// ../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/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 refine = JSON_PROTOTYPES.includes(prototype);
-  return refine;
-};
-
-// ../anvl/src/refinement/refinery.ts
-var Refinery = class {
-  constructor(supported) {
-    this.supported = supported;
-  }
-  refine(input) {
-    for (const [key, refiner] of Object.entries(this.supported)) {
-      try {
-        if (
-          // @ts-expect-error that's the point
-          refiner(input) === true && refiner !== Boolean
-        ) {
-          return { type: key, data: input };
-        }
-      } catch (e) {
-        try {
-          if (input instanceof refiner) {
-            return { type: key, data: input };
-          }
-        } catch (_) {
-        }
-      }
-    }
-    return null;
-  }
-};
-var jsonRefinery = new Refinery({
-  number: (input) => typeof input === `number`,
-  string: (input) => typeof input === `string`,
-  boolean: (input) => typeof input === `boolean`,
-  object: isPlainObject,
-  array: (input) => Array.isArray(input),
-  null: (input) => input === null
-});
-var discoverType = (input) => {
-  if (input === void 0) {
-    return `undefined`;
-  }
-  const refined = jsonRefinery.refine(input);
-  if (refined) {
-    return refined.type;
-  }
-  return Object.getPrototypeOf(input).constructor.name;
-};
-
-// ../anvl/src/refinement/index.ts
-var isLiteral = (value) => (input) => input === value;
-var isWithin = (args) => (input) => args.includes(input);
-
-// ../anvl/src/tree/differ.ts
-function diffNumber(a, b) {
-  const sign = a < b ? `+` : `-`;
-  return {
-    summary: `${sign}${Math.abs(a - b)} (${a} \u2192 ${b})`
-  };
-}
-function diffString(a, b) {
-  const sign = a.length < b.length ? `+` : `-`;
-  return {
-    summary: `${sign}${Math.abs(a.length - b.length)} ("${a}" \u2192 "${b}")`
-  };
-}
-function diffBoolean(a, b) {
-  return {
-    summary: `${a} \u2192 ${b}`
-  };
-}
-function diffObject(a, b, recurse) {
-  let summary = ``;
-  const added = [];
-  const removed = [];
-  const changed = [];
-  sprawl(a, (path, nodeA) => {
-    let key;
-    for (key of path) {
-      const nodeB = b[key];
-      if (nodeB === void 0) {
-        removed.push([key, JSON.stringify(nodeA)]);
-      } else {
-        const delta = recurse(nodeA, nodeB);
-        if (delta.summary !== `No Change`) {
-          changed.push([key, delta]);
-        }
-      }
-    }
-  });
-  sprawl(b, (path, nodeB) => {
-    let key;
-    for (key of path) {
-      const nodeA = a[key];
-      if (nodeA === void 0) {
-        added.push([key, JSON.stringify(nodeB)]);
-      }
-    }
-  });
-  summary = `\uFF5E${changed.length} \uFF0B${added.length} \uFF0D${removed.length}`;
-  return {
-    summary,
-    added,
-    removed,
-    changed
-  };
-}
-function diffArray(a, b, recurse) {
-  return diffObject(a, b, recurse);
-}
-var Differ = class {
-  constructor(leafRefinery, treeRefinery, diffFunctions) {
-    this.leafRefinery = leafRefinery;
-    this.treeRefinery = treeRefinery;
-    this.leafDiffers = {};
-    this.treeDiffers = {};
-    for (const key of Object.keys(leafRefinery.supported)) {
-      const diffFunction = diffFunctions[key];
-      this.leafDiffers[key] = diffFunction;
-    }
-    for (const key of Object.keys(treeRefinery.supported)) {
-      const diffFunction = diffFunctions[key];
-      this.treeDiffers[key] = diffFunction;
-    }
-  }
-  diff(a, b) {
-    var _a2, _b2;
-    if (a === b) {
-      return { summary: `No Change` };
-    }
-    try {
-      if (JSON.stringify(a) === JSON.stringify(b)) {
-        return { summary: `No Change` };
-      }
-    } catch (thrown) {
-      console.error(`Error stringifying`, a, b);
-    }
-    const aRefined = (_a2 = this.leafRefinery.refine(a)) != null ? _a2 : this.treeRefinery.refine(a);
-    const bRefined = (_b2 = this.leafRefinery.refine(b)) != null ? _b2 : this.treeRefinery.refine(b);
-    if (aRefined !== null && bRefined !== null) {
-      if (aRefined.type === bRefined.type) {
-        if (aRefined.type in this.leafDiffers) {
-          const delta = this.leafDiffers[aRefined.type](
-            aRefined.data,
-            bRefined.data
-          );
-          return delta;
-        }
-        if (aRefined.type in this.treeDiffers) {
-          const delta = this.treeDiffers[aRefined.type](
-            aRefined.data,
-            bRefined.data,
-            (x, y) => this.diff(x, y)
-          );
-          return delta;
-        }
-      }
-    }
-    const typeA = discoverType(a);
-    const typeB = discoverType(b);
-    if (typeA === typeB) {
-      return {
-        summary: `${typeA} \u2192 ${typeB}`
-      };
-    }
-    return {
-      summary: `Type change: ${typeA} \u2192 ${typeB}`
-    };
-  }
-};
-
-// __unstable__/web-effects/src/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(window.localStorage)(JSON);
-var OpenClose = ({ isOpen, setIsOpen, disabled, testid }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      "data-testid": testid,
-      className: `carat ${isOpen ? `open` : `closed`}`,
-      onClick: () => {
-        setIsOpen((prev) => !prev);
-      },
-      disabled,
-      children: "\u25B6"
-    }
-  );
-};
-var button = {
-  OpenClose
-};
-var ElasticInput = react.forwardRef(function ElasticInputFC(props, ref) {
-  var _a2, _b2, _c, _d, _e, _f;
-  const inputRef = react.useRef(null);
-  const spanRef = react.useRef(null);
-  const [inputWidth, setInputWidth] = react.useState(`auto`);
-  react.useImperativeHandle(
-    ref,
-    () => ({
-      focus: () => {
-        var _a3;
-        (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
-      }
-    })
-  );
-  const extraWidth = props.type === `number` ? 15 : 0;
-  react.useLayoutEffect(() => {
-    if (spanRef.current) {
-      setInputWidth(`${spanRef.current.offsetWidth + extraWidth}px`);
-      const interval = setInterval(() => {
-        if (spanRef.current) {
-          setInputWidth(`${spanRef.current.offsetWidth + extraWidth}px`);
-        }
-      }, 1e3);
-      return () => {
-        clearInterval(interval);
-      };
-    }
-  }, [(_a2 = inputRef.current) == null ? void 0 : _a2.value, props.value]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: `inline-block`, position: `relative` }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      __spreadProps(__spreadValues({}, props), {
-        ref: inputRef,
-        style: __spreadValues({
-          padding: 0,
-          borderRadius: 0,
-          border: `none`,
-          fontFamily: `inherit`,
-          fontSize: `inherit`,
-          width: inputWidth
-        }, props.style)
-      })
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        ref: spanRef,
-        style: {
-          padding: (_b2 = props.style) == null ? void 0 : _b2.padding,
-          position: `absolute`,
-          visibility: `hidden`,
-          // color: `red`,
-          whiteSpace: `pre`,
-          fontFamily: (_d = (_c = props.style) == null ? void 0 : _c.fontFamily) != null ? _d : `inherit`,
-          fontSize: (_f = (_e = props.style) == null ? void 0 : _e.fontSize) != null ? _f : `inherit`
-        },
-        children: props.value
-      }
-    )
-  ] });
-});
-
-// ../anvl/src/number/clamp.ts
-var clampInto = (min, max) => (value) => value < min ? min : value > max ? max : value;
-function round(value, decimalPlaces) {
-  if (decimalPlaces === void 0) return value;
-  const factor = 10 ** decimalPlaces;
-  return Math.round(value * factor) / factor;
-}
-var VALID_NON_NUMBERS = [``, `-`, `.`, `-.`];
-var isValidNonNumber = (input) => VALID_NON_NUMBERS.includes(input);
-var VALID_NON_NUMBER_INTERPRETATIONS = {
-  "": null,
-  "-": 0,
-  ".": 0,
-  "-.": 0
-};
-var isDecimalInProgress = (input) => input === `0` || !Number.isNaN(Number(input)) && input.includes(`.`);
-var textToValue = (input, allowDecimal) => {
-  if (isValidNonNumber(input)) return VALID_NON_NUMBER_INTERPRETATIONS[input];
-  return allowDecimal ? Number.parseFloat(input) : Math.round(Number.parseFloat(input));
-};
-var DEFAULT_NUMBER_CONSTRAINTS = {
-  max: Number.POSITIVE_INFINITY,
-  min: Number.NEGATIVE_INFINITY,
-  decimalPlaces: 100,
-  nullable: true
-};
-var initRefinery = (constraints) => (input) => {
-  if (input === null && constraints.nullable === true) {
-    return null;
-  }
-  const { max, min, decimalPlaces } = __spreadValues(__spreadValues({}, DEFAULT_NUMBER_CONSTRAINTS), constraints);
-  const constrained = pipe(
-    input != null ? input : 0,
-    clampInto(min, max),
-    (n) => decimalPlaces ? round(n, decimalPlaces) : n
-  );
-  return constrained;
-};
-var valueToText = (numericValue) => {
-  if (numericValue === null || numericValue === void 0) {
-    return ``;
-  }
-  return numericValue.toString();
-};
-var NumberInput = ({
-  autoSize = false,
-  decimalPlaces,
-  disabled = false,
-  label,
-  max,
-  min,
-  name,
-  onChange,
-  onClick,
-  placeholder = ``,
-  set = () => null,
-  testId,
-  value = null
-}) => {
-  const id = react.useId();
-  const [temporaryEntry, setTemporaryEntry] = react.useState(null);
-  const userHasMadeDeliberateChange = react.useRef(false);
-  const refine = initRefinery({ max, min, decimalPlaces, nullable: true });
-  const allowDecimal = decimalPlaces === void 0 || decimalPlaces > 0;
-  const handleBlur = () => {
-    if (userHasMadeDeliberateChange.current) {
-      set(refine(value != null ? value : null));
-      setTemporaryEntry(null);
-    }
-    userHasMadeDeliberateChange.current = false;
-  };
-  const handleChange = (event) => {
-    var _a2;
-    if (onChange) onChange(event);
-    if (set === void 0) return;
-    userHasMadeDeliberateChange.current = true;
-    const input = event.target.value;
-    if (isValidNonNumber(input) || isDecimalInProgress(input)) {
-      setTemporaryEntry(input);
-      const textInterpretation = isDecimalInProgress(input) ? input : (_a2 = min == null ? void 0 : min.toString()) != null ? _a2 : `0`;
-      const newValue = textToValue(textInterpretation, allowDecimal);
-      set(refine(newValue));
-      return;
-    }
-    setTemporaryEntry(null);
-    const inputIsNumeric = !Number.isNaN(Number(input)) && !input.includes(` `) || allowDecimal && input === `.` || allowDecimal && input === `-.` || input === `` || input === `-`;
-    const numericValue = textToValue(input, allowDecimal);
-    if (inputIsNumeric) {
-      set(refine(numericValue));
-    }
-  };
-  const displayValue = temporaryEntry != null ? temporaryEntry : valueToText(value ? refine(value) : value);
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, children: label }),
-    autoSize ? /* @__PURE__ */ jsxRuntime.jsx(
-      ElasticInput,
-      {
-        type: "text",
-        value: displayValue,
-        placeholder: placeholder != null ? placeholder : `-`,
-        onChange: handleChange,
-        onBlur: handleBlur,
-        disabled,
-        name: name != null ? name : id,
-        id,
-        onClick,
-        "data-testid": `number-input-${testId != null ? testId : id}`
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "text",
-        value: displayValue,
-        placeholder: placeholder != null ? placeholder : `-`,
-        onChange: handleChange,
-        onBlur: handleBlur,
-        disabled,
-        name: name != null ? name : id,
-        id,
-        onClick,
-        "data-testid": `number-input-${testId != null ? testId : id}`
-      }
-    )
-  ] });
-};
-var TextInput = ({
-  value,
-  set,
-  label,
-  placeholder,
-  autoSize = false
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("label", { children: label }),
-    autoSize ? /* @__PURE__ */ jsxRuntime.jsx(
-      ElasticInput,
-      {
-        type: "text",
-        value,
-        onChange: (e) => set == null ? void 0 : set(e.target.value),
-        disabled: set === void 0,
-        placeholder
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "text",
-        value,
-        onChange: (e) => set == null ? void 0 : set(e.target.value),
-        disabled: set === void 0,
-        placeholder
-      }
-    )
-  ] });
-};
-var NonJsonEditor = ({ data }) => {
-  return data === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ElasticInput, { disabled: true, value: "undefined" }) : /* @__PURE__ */ jsxRuntime.jsx(
-    ElasticInput,
-    {
-      disabled: true,
-      value: Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data)
-    }
-  );
-};
-var JsonEditor_INTERNAL = ({
-  data,
-  set,
-  schema,
-  name,
-  rename,
-  remove,
-  recast,
-  path = [],
-  isReadonly = () => false,
-  isHidden = () => false,
-  className,
-  style,
-  Header: HeaderDisplay,
-  Components
-}) => {
-  const dataIsJson = isJson(data);
-  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__ */ jsxRuntime.jsx(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(Components.EditorWrapper, { className, style, children: [
-    remove && /* @__PURE__ */ jsxRuntime.jsx(
-      Components.Button,
-      {
-        onClick: disabled ? doNothing : remove,
-        disabled,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Components.DeleteIcon, {})
-      }
-    ),
-    HeaderDisplay && /* @__PURE__ */ jsxRuntime.jsx(HeaderDisplay, { data, schema }),
-    rename && /* @__PURE__ */ jsxRuntime.jsx(Components.KeyWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      ElasticInput,
-      {
-        value: name,
-        onChange: disabled ? doNothing : (e) => {
-          rename(e.target.value);
-        },
-        disabled
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SubEditor,
-      {
-        data: refined.data,
-        set,
-        schema,
-        remove,
-        rename,
-        path,
-        isReadonly,
-        isHidden,
-        Components
-      }
-    ),
-    recast && dataIsJson ? /* @__PURE__ */ jsxRuntime.jsx(
-      "select",
-      {
-        onChange: disabled ? doNothing : (e) => {
-          recast(e.target.value);
-        },
-        value: refined.type,
-        disabled,
-        children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsxRuntime.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];
-    newData[index] = become(newValue)(value);
-    return newData;
-  });
-});
-var ArrayEditor = ({
-  path = [],
-  isReadonly = () => false,
-  isHidden = () => false,
-  data,
-  set,
-  Components
-}) => {
-  const setElement = makeElementSetters(data, set);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: data.map((element, index) => {
-    const newPath = [...path, index];
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      JsonEditor_INTERNAL,
-      {
-        path: newPath,
-        isReadonly,
-        isHidden,
-        data: element,
-        set: setElement[index],
-        Components
-      },
-      newPath.join(``)
-    );
-  }) });
-};
-
-// ../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: __spreadProps(__spreadValues({}, 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 = __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(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
-var stringToBoolean = (str) => str === `true`;
-var stringToNumber = (str) => Number(str);
-var stringToArray = (str) => str.split(`,`);
-var stringToObject = (str) => {
-  try {
-    return JSON.parse(str);
-  } catch (e) {
-    return { [str]: str };
-  }
-};
-var objectToString = (obj) => JSON.stringify(obj);
-var objectToBoolean = (obj) => obj.true === true;
-var objectToNumber = (obj) => {
-  var _a2, _b2, _c;
-  return Number((_c = (_b2 = (_a2 = obj.number) != null ? _a2 : obj.size) != null ? _b2 : obj.count) != null ? _c : 0);
-};
-var objectToArray = (obj) => Object.entries(obj);
-var booleanToString = (bool) => bool.toString();
-var booleanToNumber = (bool) => +bool;
-var booleanToObject = (bool) => ({
-  [bool.toString()]: bool
-});
-var booleanToArray = (bool) => [bool];
-var numberToString = (num) => num.toString();
-var numberToBoolean = (num) => num === 1;
-var numberToObject = (num) => ({
-  number: num
-});
-var numberToArray = (num) => Array(num).fill(null);
-var arrayToString = (arr) => arr.join(`,`);
-var arrayToNumber = (arr) => arr.length;
-var arrayToBoolean = (arr) => typeof arr[0] === `boolean` ? arr[0] : arr.length > 0;
-var arrayToObject = (arr) => arr.reduce(
-  (acc, cur, idx) => {
-    acc[`${idx}`] = cur;
-    return acc;
-  },
-  {}
-);
-var nullToString = () => ``;
-var nullToNumber = () => 0;
-var nullToBoolean = () => false;
-var nullToArray = () => [];
-var nullToObject = () => ({});
-
-// ../anvl/src/refinement/smart-cast-json.ts
-var castToJson = (input) => {
-  const json = refineJsonType(input);
-  return {
-    to: {
-      array: () => {
-        switch (json.type) {
-          case `array`:
-            return json.data;
-          case `object`:
-            return objectToArray(json.data);
-          case `string`:
-            return stringToArray(json.data);
-          case `boolean`:
-            return booleanToArray(json.data);
-          case `number`:
-            return numberToArray(json.data);
-          case `null`:
-            return nullToArray();
-        }
-      },
-      boolean: () => {
-        switch (json.type) {
-          case `array`:
-            return arrayToBoolean(json.data);
-          case `object`:
-            return objectToBoolean(json.data);
-          case `string`:
-            return stringToBoolean(json.data);
-          case `boolean`:
-            return json.data;
-          case `number`:
-            return numberToBoolean(json.data);
-          case `null`:
-            return nullToBoolean();
-        }
-      },
-      number: () => {
-        switch (json.type) {
-          case `array`:
-            return arrayToNumber(json.data);
-          case `object`:
-            return objectToNumber(json.data);
-          case `string`:
-            return stringToNumber(json.data);
-          case `boolean`:
-            return booleanToNumber(json.data);
-          case `number`:
-            return json.data;
-          case `null`:
-            return nullToNumber();
-        }
-      },
-      object: () => {
-        switch (json.type) {
-          case `array`:
-            return arrayToObject(json.data);
-          case `object`:
-            return json.data;
-          case `string`:
-            return stringToObject(json.data);
-          case `boolean`:
-            return booleanToObject(json.data);
-          case `number`:
-            return numberToObject(json.data);
-          case `null`:
-            return nullToObject();
-        }
-      },
-      string: () => {
-        switch (json.type) {
-          case `array`:
-            return arrayToString(json.data);
-          case `object`:
-            return objectToString(json.data);
-          case `string`:
-            return json.data;
-          case `boolean`:
-            return booleanToString(json.data);
-          case `number`:
-            return numberToString(json.data);
-          case `null`:
-            return nullToString();
-        }
-      },
-      null: () => null
-    }
-  };
-};
-
-// ../hamr/react-json-editor/src/editors-by-type/utilities/object-properties.ts
-var makePropertySetters = (data, set) => mapObject(
-  data,
-  (value, key) => (newValue) => {
-    set(__spreadProps(__spreadValues({}, data), { [key]: become(newValue)(value[key]) }));
-  }
-);
-var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject(
-  data,
-  (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 = __spreadProps(__spreadValues({}, stableKeyMap), {
-          [newKey]: stableKeyMap[key]
-        });
-        return Object.fromEntries(entries);
-      });
-    }
-  }
-);
-var makePropertyRemovers = (data, set) => mapObject(data, (_, key) => () => {
-  set(() => {
-    const _a2 = data, rest = __objRest(_a2, [__restKey(key)]);
-    return rest;
-  });
-});
-var makePropertyRecasters = (data, set) => mapObject(
-  data,
-  (value, key) => (newType) => {
-    set(() => __spreadProps(__spreadValues({}, data), {
-      [key]: castToJson(value).to[newType]()
-    }));
-  }
-);
-var makePropertyCreationInterface = (data, set) => (key, type) => (value) => {
-  set(__spreadProps(__spreadValues({}, data), { [key]: value != null ? value : JSON_DEFAULTS[type] }));
-};
-var makePropertySorter = (data, set, sortFn) => () => {
-  const sortedKeys = Object.keys(data).sort(sortFn);
-  const sortedObj = {};
-  for (const key of sortedKeys) {
-    sortedObj[key] = data[key];
-  }
-  set(sortedObj);
-};
-var PropertyAdder = ({
-  addProperty,
-  disabled,
-  propertyKey,
-  Components
-}) => /* @__PURE__ */ jsxRuntime.jsxs(Components.MissingPropertyWrapper, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(ElasticInput, { disabled: true, defaultValue: propertyKey }),
-  ` `,
-  /* @__PURE__ */ jsxRuntime.jsx(ElasticInput, { disabled: true, defaultValue: "is missing" }),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    Components.Button,
-    {
-      onClick: () => {
-        addProperty();
-      },
-      disabled,
-      children: "+"
-    }
-  )
-] });
-var ObjectEditor = ({
-  schema,
-  path = [],
-  isReadonly = () => false,
-  isHidden = () => false,
-  data,
-  set,
-  Components
-}) => {
-  var _a2;
-  const disabled = isReadonly(path);
-  const stableKeyMap = react.useRef(
-    Object.keys(data).reduce(
-      (acc, key) => {
-        acc[key] = key;
-        return acc;
-      },
-      {}
-    )
-  );
-  const setProperty = makePropertySetters(data, set);
-  const renameProperty = makePropertyRenamers(data, set, stableKeyMap);
-  const removeProperty = makePropertyRemovers(data, set);
-  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((_a2 = subSchema.properties) != null ? _a2 : {}) : [];
-  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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Components.Button,
-      {
-        onClick: () => {
-          sortProperties();
-        },
-        disabled,
-        children: "Sort"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Components.ObjectWrapper, { children: [
-      /* @__PURE__ */ jsxRuntime.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);
-        if (isMissing) {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            PropertyAdder,
-            {
-              propertyKey: key,
-              addProperty: makePropertyAdder(key, `string`),
-              disabled,
-              Components
-            },
-            key + `IsMissing`
-          );
-        }
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          JsonEditor_INTERNAL,
-          {
-            schema,
-            path: newPath,
-            name: key,
-            isReadonly,
-            isHidden,
-            data: data[key],
-            set: setProperty[key],
-            rename: renameProperty[key],
-            remove: removeProperty[key],
-            recast: recastProperty[key],
-            className: `json_editor_property ${isOfficial ? `json_editor_official` : `json_editor_unofficial`}`,
-            Components
-          },
-          originalPath.join(`.`)
-        );
-      }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Components.Button,
-        {
-          onClick: disabled ? doNothing : () => {
-            makePropertyAdder(`new_property`, `string`)();
-          },
-          disabled,
-          children: "+"
-        }
-      )
-    ] })
-  ] });
-};
-var BooleanEditor = ({
-  data,
-  set,
-  Components
-}) => /* @__PURE__ */ jsxRuntime.jsx(Components.BooleanWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  "input",
-  {
-    type: "checkbox",
-    checked: data,
-    onChange: (event) => {
-      set(event.target.checked);
-    }
-  }
-) });
-var NullEditor = ({
-  Components
-}) => /* @__PURE__ */ jsxRuntime.jsx(Components.NullWrapper, { children: '" "' });
-var NumberEditor = ({
-  path = [],
-  isReadonly = () => false,
-  data,
-  set,
-  Components
-}) => /* @__PURE__ */ jsxRuntime.jsx(Components.NumberWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  NumberInput,
-  {
-    value: data,
-    set: isReadonly(path) ? void 0 : (newValue) => {
-      set(Number(newValue));
-    },
-    autoSize: true
-  }
-) });
-var StringEditor = ({
-  path = [],
-  isReadonly = () => false,
-  data,
-  set,
-  Components
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Components.StringWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    TextInput,
-    {
-      value: data,
-      set: isReadonly(path) ? void 0 : set,
-      autoSize: true
-    }
-  ) });
-};
-var DefaultFallback = ({ error, errorInfo }) => {
-  var _a2, _b2, _c;
-  const component = (_a2 = errorInfo == null ? void 0 : errorInfo.componentStack) == null ? void 0 : _a2.split(` `).filter(Boolean)[2];
-  const message = (_c = (_b2 = error == null ? void 0 : error.toString()) != null ? _b2 : errorInfo == null ? void 0 : errorInfo.componentStack) != null ? _c : `Unknown error`;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-testid": "error-boundary",
-      style: {
-        flex: `1`,
-        background: `black`,
-        backgroundImage: `url(./src/assets/kablooey.gif)`,
-        backgroundPosition: `center`,
-        // backgroundRepeat: `no-repeat`,
-        backgroundSize: `overlay`
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          style: {
-            margin: `50px`,
-            marginTop: `0`,
-            padding: `50px`,
-            border: `1px solid dashed`
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              style: {
-                background: `black`,
-                color: `white`,
-                padding: 10,
-                paddingTop: 5
-              },
-              children: [
-                `\u26A0\uFE0F `,
-                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: `#fc0`, fontWeight: 700 }, children: component }),
-                ` \u26A0\uFE0F `,
-                message
-              ]
-            }
-          )
-        }
-      )
-    }
-  );
-};
-var ErrorBoundary = class extends react.Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-  componentDidCatch(error, errorInfo) {
-    var _a2, _b2;
-    (_b2 = (_a2 = this.props).onError) == null ? void 0 : _b2.call(_a2, error, errorInfo);
-    this.setState({
-      error,
-      errorInfo
-    });
-  }
-  render() {
-    const { error, errorInfo } = this.state;
-    const { children, Fallback = DefaultFallback } = this.props;
-    return errorInfo ? /* @__PURE__ */ jsxRuntime.jsx(Fallback, { error, errorInfo }) : children;
-  }
-};
-var DEFAULT_JSON_EDITOR_COMPONENTS = {
-  ErrorBoundary: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children }),
-  Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      className: "json_editor_button",
-      onClick,
-      disabled,
-      children
-    }
-  ),
-  EditorWrapper: ({ children, className }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `json_editor ` + className, children }),
-  EditorLayout: ({
-    DeleteButton,
-    Header,
-    KeyInput,
-    TypeSelect,
-    ValueEditor,
-    Wrapper
-  }) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { children: [
-      DeleteButton && /* @__PURE__ */ jsxRuntime.jsx(DeleteButton, {}),
-      Header && /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
-      KeyInput && /* @__PURE__ */ jsxRuntime.jsx(KeyInput, {}),
-      TypeSelect && /* @__PURE__ */ jsxRuntime.jsx(TypeSelect, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(ValueEditor, {})
-    ] });
-  },
-  ArrayWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_array", children }),
-  ObjectWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_object", children }),
-  StringWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_string", children }),
-  NumberWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_number", children }),
-  BooleanWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_boolean", children }),
-  NullWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_null", children }),
-  MissingPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_property json_editor_missing", children }),
-  MiscastPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_property json_editor_miscast", children }),
-  IllegalPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_property json_editor_illegal", children }),
-  OfficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_property json_editor_official", children }),
-  UnofficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_property json_editor_unofficial", children }),
-  DeleteIcon: () => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_icon json_editor_delete", children: "x" }),
-  KeyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_key", children })
-};
-var JsonEditor = ({
-  data,
-  set,
-  schema = true,
-  name,
-  rename,
-  remove,
-  isReadonly = () => false,
-  isHidden = () => false,
-  // isIllegal = () => false,
-  className,
-  Header,
-  style,
-  Components: CustomComponents = {}
-}) => {
-  const Components = __spreadValues(__spreadValues({}, DEFAULT_JSON_EDITOR_COMPONENTS), CustomComponents);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    JsonEditor_INTERNAL,
-    {
-      data,
-      set,
-      name,
-      schema,
-      rename,
-      remove,
-      path: [],
-      isReadonly,
-      isHidden,
-      className,
-      Header,
-      style,
-      Components
-    }
-  );
-};
-
-// ../hamr/react-json-editor/src/index.ts
-var SubEditors = {
-  array: ArrayEditor,
-  boolean: BooleanEditor,
-  null: NullEditor,
-  number: NumberEditor,
-  object: ObjectEditor,
-  string: StringEditor
-};
-var StateEditor = ({ token }) => {
-  const set = react$1.useI(token);
-  const data = react$1.useO(token);
-  return isJson(data) ? /* @__PURE__ */ jsxRuntime.jsx(JsonEditor, { data, set, schema: true }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsxRuntime.jsx(
-    ElasticInput,
-    {
-      value: 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
-    }
-  ) });
-};
-var ReadonlySelectorViewer = ({ token }) => {
-  const data = react$1.useO(token);
-  return isJson(data) ? /* @__PURE__ */ jsxRuntime.jsx(
-    JsonEditor,
-    {
-      data,
-      set: () => null,
-      schema: true,
-      isReadonly: () => true
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsxRuntime.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`) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ReadonlySelectorViewer, { token });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(StateEditor, { token });
-};
-var findStateTypeState = atom_io.selectorFamily({
-  key: `\u{1F441}\u200D\u{1F5E8} State Type`,
-  get: (token) => ({ get }) => {
-    let state;
-    try {
-      state = get(token);
-    } catch (error) {
-      return `error`;
-    }
-    if (state === void 0) return `undefined`;
-    if (isJson(state)) return refineJsonType(state).type;
-    return Object.getPrototypeOf(state).constructor.name;
-  }
-});
-var StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
-  var _a2, _b2;
-  const setIsOpen = react$1.useI(isOpenState);
-  const isOpen = react$1.useO(isOpenState);
-  const state = react$1.useO(node);
-  const stateType = react$1.useO(typeState);
-  const isPrimitive = Boolean(primitiveRefinery.refine(state));
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        button.OpenClose,
-        {
-          isOpen: isOpen && !isPrimitive,
-          testid: `open-close-state-${node.key}`,
-          setIsOpen,
-          disabled: isPrimitive
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "label",
-        {
-          onClick: () => {
-            console.log(node, atom_io.getState(node));
-          },
-          onKeyUp: () => {
-            console.log(node, atom_io.getState(node));
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { children: (_b2 = (_a2 = node.family) == null ? void 0 : _a2.subKey) != null ? _b2 : node.key }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "type detail", children: [
-              "(",
-              stateType,
-              ")"
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(StoreEditor, { token: node })
-    ] }),
-    isOpen && !isPrimitive ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: /* @__PURE__ */ jsxRuntime.jsx(StoreEditor, { token: node }) }) : null
-  ] });
-};
-var StateIndexTreeNode = ({ node, isOpenState }) => {
-  const setIsOpen = react$1.useI(isOpenState);
-  const isOpen = react$1.useO(isOpenState);
-  for (const [key, childNode] of node.familyMembers) {
-    ephemeral.findState(findViewIsOpenState, key);
-    ephemeral.findState(findStateTypeState, childNode);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        button.OpenClose,
-        {
-          isOpen,
-          testid: `open-close-state-family-${node.key}`,
-          setIsOpen
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: node.key }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "type detail", children: " (family)" })
-      ] })
-    ] }),
-    isOpen ? [...node.familyMembers.entries()].map(([key, childNode]) => /* @__PURE__ */ jsxRuntime.jsx(
-      StateIndexNode,
-      {
-        node: childNode,
-        isOpenState: ephemeral.findState(findViewIsOpenState, childNode.key),
-        typeState: ephemeral.findState(findStateTypeState, childNode)
-      },
-      key
-    )) : null
-  ] });
-};
-var StateIndexNode = ({ node, isOpenState, typeState }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "node state", "data-testid": `state-${node.key}`, children: `type` in node ? /* @__PURE__ */ jsxRuntime.jsx(
-    StateIndexLeafNode,
-    {
-      node,
-      isOpenState,
-      typeState
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsx(StateIndexTreeNode, { node, isOpenState }) });
-};
-var StateIndex = ({ tokenIndex }) => {
-  const tokenIds = react$1.useO(tokenIndex);
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      StateIndexNode,
-      {
-        node,
-        isOpenState: ephemeral.findState(findViewIsOpenState, node.key),
-        typeState: ephemeral.findState(findStateTypeState, node)
-      },
-      key
-    );
-  }) });
-};
-var AtomUpdateFC = ({ atomUpdate }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "article",
-    {
-      className: "node atom_update",
-      onClick: () => {
-        console.log(atomUpdate);
-      },
-      onKeyUp: () => {
-        console.log(atomUpdate);
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail", children: [
-          atomUpdate.key,
-          ": "
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "summary", children: prettyJson.diff(atomUpdate.oldValue, atomUpdate.newValue).summary }) })
-      ]
-    },
-    atomUpdate.key
-  );
-};
-var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "article",
-    {
-      className: "node transaction_update",
-      "data-testid": `transaction-update-${transactionUpdate.key}-${serialNumber}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h4", { children: serialNumber }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("main", { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "transaction_params", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: "params: " }),
-            transactionUpdate.params.map((param, index) => {
-              return /* @__PURE__ */ jsxRuntime.jsxs(
-                "article",
-                {
-                  className: "node transaction_param",
-                  onClick: () => {
-                    console.log(transactionUpdate);
-                  },
-                  onKeyUp: () => {
-                    console.log(transactionUpdate);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail", children: [
-                      discoverType(param),
-                      ": "
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "summary", children: typeof param === `object` && param !== null && `type` in param && `target` in param ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: JSON.stringify(param.type) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: JSON.stringify(param) }) })
-                  ]
-                },
-                `param` + index
-              );
-            })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "node transaction_output", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: "output: " }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: discoverType(transactionUpdate.output) }),
-            transactionUpdate.output ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "summary", children: [
-              ": ",
-              JSON.stringify(transactionUpdate.output)
-            ] }) : null
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "transaction_impact", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: "impact: " }),
-            transactionUpdate.updates.filter((token) => `key` in token && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
-              switch (update.type) {
-                case `atom_update`:
-                case `selector_update`:
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    article.AtomUpdate,
-                    {
-                      serialNumber: index,
-                      atomUpdate: update
-                    },
-                    `${transactionUpdate.key}:${index}:${update.key}`
-                  );
-                case `transaction_update`:
-                  return /* @__PURE__ */ jsxRuntime.jsx(
-                    TransactionUpdateFC,
-                    {
-                      serialNumber: index,
-                      transactionUpdate: update
-                    },
-                    `${transactionUpdate.key}:${index}:${update.key}`
-                  );
-              }
-            })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-var TimelineUpdateFC = ({ timelineUpdate, serialNumber }) => {
-  return `key` in timelineUpdate ? /* @__PURE__ */ jsxRuntime.jsxs(
-    "article",
-    {
-      className: "node timeline_update",
-      "data-testid": `timeline-update-${timelineUpdate.key}-${serialNumber}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsxs("h4", { children: [
-          timelineUpdate.timestamp,
-          ": ",
-          timelineUpdate.type,
-          " (",
-          timelineUpdate.key,
-          ")"
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.updates.filter((token) => `key` in token && !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((update, index) => {
-          switch (update.type) {
-            case `atom_update`:
-            case `selector_update`:
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                article.AtomUpdate,
-                {
-                  serialNumber: index,
-                  atomUpdate: update
-                },
-                `${timelineUpdate.key}:${index}:${update.key}`
-              );
-            case `transaction_update`:
-              return /* @__PURE__ */ jsxRuntime.jsx(
-                TransactionUpdateFC,
-                {
-                  serialNumber: index,
-                  transactionUpdate: update
-                },
-                `${timelineUpdate.key}:${index}:${update.key}`
-              );
-          }
-        }) : timelineUpdate.type === `selector_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            article.AtomUpdate,
-            {
-              serialNumber: index,
-              atomUpdate
-            },
-            `${timelineUpdate.key}:${index}:${atomUpdate.key}`
-          );
-        }) : timelineUpdate.type === `atom_update` ? /* @__PURE__ */ jsxRuntime.jsx(
-          article.AtomUpdate,
-          {
-            serialNumber: timelineUpdate.timestamp,
-            atomUpdate: timelineUpdate
-          }
-        ) : null })
-      ]
-    }
-  ) : null;
-};
-var article = {
-  AtomUpdate: AtomUpdateFC,
-  TransactionUpdate: TransactionUpdateFC,
-  TimelineUpdate: TimelineUpdateFC
-};
-var YouAreHere = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "you_are_here", children: "you are here" });
-};
-var TimelineLog = ({ token, isOpenState, timelineState }) => {
-  const timeline = react$1.useO(timelineState);
-  const isOpen = react$1.useO(isOpenState);
-  const setIsOpen = react$1.useI(isOpenState);
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "node timeline_log", "data-testid": `timeline-${token.key}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        button.OpenClose,
-        {
-          isOpen,
-          testid: `open-close-timeline-${token.key}`,
-          setIsOpen
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: token.key }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail length", children: [
-          "(",
-          timeline.at,
-          "/",
-          timeline.history.length,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "gap" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("nav", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                atom_io.undo(token);
-              },
-              disabled: timeline.at === 0,
-              children: "undo"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                atom_io.redo(token);
-              },
-              disabled: timeline.at === timeline.history.length,
-              children: "redo"
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: timeline.history.map(
-      (update, index) => `key` in update ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
-        index === timeline.at ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          article.TimelineUpdate,
-          {
-            timelineUpdate: update,
-            serialNumber: index
-          }
-        ),
-        index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null
-      ] }, update.key + index + timeline.at) : null
-    ) }) : null
-  ] });
-};
-var TimelineIndex = () => {
-  const tokenIds = react$1.useO(timelineIndex);
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      TimelineLog,
-      {
-        token,
-        isOpenState: ephemeral.findState(findViewIsOpenState, token.key),
-        timelineState: ephemeral.findState(findTimelineState, token.key)
-      },
-      token.key
-    );
-  }) });
-};
-var TransactionLog = ({ token, isOpenState, logState }) => {
-  const log = react$1.useO(logState);
-  const isOpen = react$1.useO(isOpenState);
-  const setIsOpen = react$1.useI(isOpenState);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "section",
-    {
-      className: "node transaction_log",
-      "data-testid": `transaction-${token.key}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            button.OpenClose,
-            {
-              isOpen,
-              testid: `open-close-transaction-${token.key}`,
-              setIsOpen
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { children: token.key }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail length", children: [
-              "(",
-              log.length,
-              ")"
-            ] })
-          ] })
-        ] }),
-        isOpen ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: log.map((update, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          article.TransactionUpdate,
-          {
-            serialNumber: index,
-            transactionUpdate: update
-          },
-          update.key + index
-        )) }) : null
-      ]
-    }
-  );
-};
-var TransactionIndex = () => {
-  const tokenIds = react$1.useO(transactionIndex);
-  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-      TransactionLog,
-      {
-        token,
-        isOpenState: ephemeral.findState(findViewIsOpenState, token.key),
-        logState: ephemeral.findState(findTransactionLogState, token.key)
-      },
-      token.key
-    );
-  }) });
-};
-var AtomIODevtools = () => {
-  const constraintsRef = react.useRef(null);
-  const setDevtoolsAreOpen = react$1.useI(devtoolsAreOpenState);
-  const devtoolsAreOpen = react$1.useO(devtoolsAreOpenState);
-  const setDevtoolsView = react$1.useI(devtoolsViewSelectionState);
-  const devtoolsView = react$1.useO(devtoolsViewSelectionState);
-  const devtoolsViewOptions = react$1.useO(devtoolsViewOptionsState);
-  const mouseHasMoved = react.useRef(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.span,
-      {
-        ref: constraintsRef,
-        className: "atom_io_devtools_zone",
-        style: {
-          position: `fixed`,
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          pointerEvents: `none`
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      framerMotion.motion.main,
-      {
-        drag: true,
-        dragConstraints: constraintsRef,
-        className: "atom_io_devtools",
-        transition: framerMotion.spring,
-        style: devtoolsAreOpen ? {} : {
-          backgroundColor: `#0000`,
-          borderColor: `#0000`,
-          maxHeight: 28,
-          maxWidth: 33
-        },
-        children: [
-          devtoolsAreOpen ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.header, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h1", { children: "atom.io" }),
-              /* @__PURE__ */ jsxRuntime.jsx("nav", { children: devtoolsViewOptions.map((viewOption) => /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  "data-testid": `view-${viewOption}`,
-                  className: viewOption === devtoolsView ? `active` : ``,
-                  onClick: () => {
-                    setDevtoolsView(viewOption);
-                  },
-                  disabled: viewOption === devtoolsView,
-                  children: viewOption
-                },
-                viewOption
-              )) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.main, { children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.LayoutGroup, { children: devtoolsView === `atoms` ? /* @__PURE__ */ jsxRuntime.jsx(StateIndex, { tokenIndex: atomIndex }) : devtoolsView === `selectors` ? /* @__PURE__ */ jsxRuntime.jsx(StateIndex, { tokenIndex: selectorIndex }) : devtoolsView === `transactions` ? /* @__PURE__ */ jsxRuntime.jsx(TransactionIndex, {}) : devtoolsView === `timelines` ? /* @__PURE__ */ jsxRuntime.jsx(TimelineIndex, {}) : null }) })
-          ] }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx("footer", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onMouseDown: () => mouseHasMoved.current = false,
-              onMouseMove: () => mouseHasMoved.current = true,
-              onMouseUp: () => {
-                if (!mouseHasMoved.current) {
-                  setDevtoolsAreOpen((open) => !open);
-                }
-              },
-              children: "\u{1F441}\u200D\u{1F5E8}"
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-};
-
-// react-devtools/src/index.ts
-var {
-  atomIndex,
-  selectorIndex,
-  transactionIndex,
-  findTransactionLogState,
-  timelineIndex,
-  findTimelineState
-} = introspection.attachIntrospectionStates();
-var devtoolsAreOpenState = atom_io.atom({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools Are Open`,
-  default: true,
-  effects: [lazyLocalStorageEffect(`\u{1F441}\u200D\u{1F5E8} Devtools Are Open`)]
-});
-var devtoolsViewSelectionState = atom_io.atom({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Selection`,
-  default: `atoms`,
-  effects: [lazyLocalStorageEffect(`\u{1F441}\u200D\u{1F5E8} Devtools View`)]
-});
-var devtoolsViewOptionsState = atom_io.atom({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Options`,
-  default: [`atoms`, `selectors`, `transactions`, `timelines`],
-  effects: [lazyLocalStorageEffect(`\u{1F441}\u200D\u{1F5E8} Devtools View Options`)]
-});
-var findViewIsOpenState = atom_io.atomFamily({
-  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Is Open`,
-  default: false,
-  effects: (key) => [lazyLocalStorageEffect(key + `:view-is-open`)]
-});
-var primitiveRefinery = new Refinery({
-  number: (input) => typeof input === `number`,
-  string: (input) => typeof input === `string`,
-  boolean: (input) => typeof input === `boolean`,
-  null: (input) => input === null
-});
-var jsonTreeRefinery = new Refinery({
-  object: isPlainObject,
-  array: (input) => Array.isArray(input)
-});
-var prettyJson = new Differ(primitiveRefinery, jsonTreeRefinery, {
-  number: diffNumber,
-  string: diffString,
-  boolean: diffBoolean,
-  null: () => ({ summary: `No Change` }),
-  object: diffObject,
-  array: diffArray
-});
-
-exports.AtomIODevtools = AtomIODevtools;
-exports.atomIndex = atomIndex;
-exports.devtoolsAreOpenState = devtoolsAreOpenState;
-exports.devtoolsViewOptionsState = devtoolsViewOptionsState;
-exports.devtoolsViewSelectionState = devtoolsViewSelectionState;
-exports.findTimelineState = findTimelineState;
-exports.findTransactionLogState = findTransactionLogState;
-exports.findViewIsOpenState = findViewIsOpenState;
-exports.jsonTreeRefinery = jsonTreeRefinery;
-exports.prettyJson = prettyJson;
-exports.primitiveRefinery = primitiveRefinery;
-exports.selectorIndex = selectorIndex;
-exports.timelineIndex = timelineIndex;
-exports.transactionIndex = transactionIndex;