atom.io 0.6.3 → 0.6.4

package/react-devtools/dist/index.mjs

@@ -32,14 +32,14 @@ var __objRest = (source, exclude) => {
 };
 
 // ../src/react-devtools/AtomIODevtools.tsx
-import { useRef as useRef4 } from "react";
 import { atom, __INTERNAL__ } from "atom.io";
 import { useI, useO, useIO } from "atom.io/react";
 import { LayoutGroup, motion, spring } from "framer-motion";
+import { useRef as useRef4 } from "react";
 
 // ../src/react-devtools/TokenList.tsx
-import { Fragment as Fragment3 } from "react";
 import { getState } from "atom.io";
+import { Fragment as Fragment3 } from "react";
 
 // ../../anvl/src/object/index.ts
 import { pipe as pipe3 } from "fp-ts/function";
@@ -184,7 +184,7 @@ import {
   useRef,
   useState
 } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxDEV } from "react/jsx-dev-runtime";
 var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
   var _a2, _b, _c, _d;
   const inputRef = useRef(null);
@@ -208,8 +208,8 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
       return () => clearInterval(interval);
     }
   }, [(_a2 = inputRef.current) == null ? void 0 : _a2.value, props.value]);
-  return /* @__PURE__ */ jsxs("div", { style: { display: `inline-block`, position: `relative` }, children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxDEV("div", { style: { display: `inline-block`, position: `relative` }, children: [
+    /* @__PURE__ */ jsxDEV(
       "input",
       __spreadProps(__spreadValues({}, props), {
         ref: inputRef,
@@ -221,9 +221,17 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
           fontSize: `inherit`,
           width: inputWidth
         }, props.style)
-      })
+      }),
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-elastic-input/ElasticInput.tsx",
+        lineNumber: 45,
+        columnNumber: 4
+      },
+      this
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxDEV(
       "span",
       {
         ref: spanRef,
@@ -237,20 +245,32 @@ var ElasticInput = forwardRef(function ElasticInputFC(props, ref) {
           fontSize: ((_d = props.style) == null ? void 0 : _d.fontSize) || `inherit`
         },
         children: props.value
-      }
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-elastic-input/ElasticInput.tsx",
+        lineNumber: 58,
+        columnNumber: 4
+      },
+      this
     )
-  ] });
+  ] }, void 0, true, {
+    fileName: "../../hamr/src/react-elastic-input/ElasticInput.tsx",
+    lineNumber: 44,
+    columnNumber: 3
+  }, this);
 });
 
 // ../../hamr/src/react-elastic-input/NumberInput.tsx
-import { useState as useState2, useId, useRef as useRef2 } from "react";
 import { pipe as pipe5 } from "fp-ts/function";
+import { useState as useState2, useId, useRef as useRef2 } from "react";
 
 // ../../anvl/src/number/clamp.ts
-var clampInto = ([min, max]) => (value) => value < min ? min : value > max ? max : value;
+var clampInto = (min, max) => (value) => value < min ? min : value > max ? max : value;
 
 // ../../hamr/src/react-elastic-input/NumberInput.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 function round(value, decimalPlaces) {
   if (decimalPlaces === void 0)
     return value;
@@ -284,7 +304,7 @@ var initRefinery = (constraints) => (input) => {
   const { max, min, decimalPlaces } = __spreadValues(__spreadValues({}, DEFAULT_NUMBER_CONSTRAINTS), constraints);
   const constrained = pipe5(
     input != null ? input : 0,
-    clampInto([min, max]),
+    clampInto(min, max),
     (n) => decimalPlaces ? round(n, decimalPlaces) : n
   );
   return constrained;
@@ -346,9 +366,13 @@ var NumberInput = ({
     }
   };
   const displayValue = temporaryEntry != null ? temporaryEntry : valueToText(value ? refine(value) : value);
-  return /* @__PURE__ */ jsxs2("span", { css: customCss, children: [
-    label && /* @__PURE__ */ jsx2("label", { htmlFor: id, children: label }),
-    autoSize ? /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxDEV2("span", { css: customCss, children: [
+    label && /* @__PURE__ */ jsxDEV2("label", { htmlFor: id, children: label }, void 0, false, {
+      fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
+      lineNumber: 166,
+      columnNumber: 14
+    }, this),
+    autoSize ? /* @__PURE__ */ jsxDEV2(
       ElasticInput,
       {
         type: "text",
@@ -361,8 +385,16 @@ var NumberInput = ({
         id,
         onClick,
         "data-testid": `number-input-${testId != null ? testId : id}`
-      }
-    ) : /* @__PURE__ */ jsx2(
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
+        lineNumber: 168,
+        columnNumber: 5
+      },
+      this
+    ) : /* @__PURE__ */ jsxDEV2(
       "input",
       {
         type: "text",
@@ -375,13 +407,25 @@ var NumberInput = ({
         id,
         onClick,
         "data-testid": `number-input-${testId != null ? testId : id}`
-      }
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
+        lineNumber: 181,
+        columnNumber: 5
+      },
+      this
     )
-  ] });
+  ] }, void 0, true, {
+    fileName: "../../hamr/src/react-elastic-input/NumberInput.tsx",
+    lineNumber: 165,
+    columnNumber: 3
+  }, this);
 };
 
 // ../../hamr/src/react-elastic-input/TextInput.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
 var TextInput = ({
   value,
   set,
@@ -390,9 +434,13 @@ var TextInput = ({
   customCss,
   autoSize = false
 }) => {
-  return /* @__PURE__ */ jsxs3("span", { css: customCss, children: [
-    /* @__PURE__ */ jsx3("label", { children: label }),
-    autoSize ? /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxDEV3("span", { css: customCss, children: [
+    /* @__PURE__ */ jsxDEV3("label", { children: label }, void 0, false, {
+      fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
+      lineNumber: 25,
+      columnNumber: 4
+    }, this),
+    autoSize ? /* @__PURE__ */ jsxDEV3(
       ElasticInput,
       {
         type: "text",
@@ -400,8 +448,16 @@ var TextInput = ({
         onChange: (e) => set == null ? void 0 : set(e.target.value),
         disabled: set === void 0,
         placeholder
-      }
-    ) : /* @__PURE__ */ jsx3(
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
+        lineNumber: 27,
+        columnNumber: 5
+      },
+      this
+    ) : /* @__PURE__ */ jsxDEV3(
       "input",
       {
         type: "text",
@@ -409,9 +465,21 @@ var TextInput = ({
         onChange: (e) => set == null ? void 0 : set(e.target.value),
         disabled: set === void 0,
         placeholder
-      }
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
+        lineNumber: 35,
+        columnNumber: 5
+      },
+      this
     )
-  ] });
+  ] }, void 0, true, {
+    fileName: "../../hamr/src/react-elastic-input/TextInput.tsx",
+    lineNumber: 24,
+    columnNumber: 3
+  }, this);
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/utilities/array-elements.ts
@@ -424,7 +492,7 @@ var makeElementSetters = (data, set) => data.map(
 );
 
 // ../../hamr/src/react-json-editor/json-editor-internal.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
 var JsonEditor_INTERNAL = ({
   data,
   set,
@@ -444,25 +512,53 @@ var JsonEditor_INTERNAL = ({
   const json = refineJsonType(data);
   const SubEditor = SubEditors[json.type];
   const disabled = isReadonly(path);
-  return isHidden(path) ? null : /* @__PURE__ */ jsx4(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxs4(Components.EditorWrapper, { className, customCss, children: [
-    remove && /* @__PURE__ */ jsx4(
+  return isHidden(path) ? null : /* @__PURE__ */ jsxDEV4(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxDEV4(Components.EditorWrapper, { className, customCss, children: [
+    remove && /* @__PURE__ */ jsxDEV4(
       Components.Button,
       {
         onClick: disabled ? doNothing : remove,
         disabled,
-        children: /* @__PURE__ */ jsx4(Components.DeleteIcon, {})
-      }
+        children: /* @__PURE__ */ jsxDEV4(Components.DeleteIcon, {}, void 0, false, {
+          fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+          lineNumber: 61,
+          columnNumber: 7
+        }, this)
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+        lineNumber: 57,
+        columnNumber: 6
+      },
+      this
     ),
-    HeaderDisplay && /* @__PURE__ */ jsx4(HeaderDisplay, { data, schema }),
-    rename && /* @__PURE__ */ jsx4(Components.KeyWrapper, { children: /* @__PURE__ */ jsx4(
+    HeaderDisplay && /* @__PURE__ */ jsxDEV4(HeaderDisplay, { data, schema }, void 0, false, {
+      fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+      lineNumber: 64,
+      columnNumber: 23
+    }, this),
+    rename && /* @__PURE__ */ jsxDEV4(Components.KeyWrapper, { children: /* @__PURE__ */ jsxDEV4(
       ElasticInput,
       {
         value: name,
         onChange: disabled ? doNothing : (e) => rename(e.target.value),
         disabled
-      }
-    ) }),
-    /* @__PURE__ */ jsx4(
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+        lineNumber: 67,
+        columnNumber: 7
+      },
+      this
+    ) }, void 0, false, {
+      fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+      lineNumber: 66,
+      columnNumber: 6
+    }, this),
+    /* @__PURE__ */ jsxDEV4(
       SubEditor,
       {
         data: json.data,
@@ -474,22 +570,50 @@ var JsonEditor_INTERNAL = ({
         isReadonly,
         isHidden,
         Components
-      }
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+        lineNumber: 74,
+        columnNumber: 5
+      },
+      this
     ),
-    recast && /* @__PURE__ */ jsx4(
+    recast && /* @__PURE__ */ jsxDEV4(
       "select",
       {
         onChange: disabled ? doNothing : (e) => recast(e.target.value),
         value: json.type,
         disabled,
-        children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsx4("option", { value: type, children: type }, type))
-      }
+        children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsxDEV4("option", { value: type, children: type }, type, false, {
+          fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+          lineNumber: 96,
+          columnNumber: 8
+        }, this))
+      },
+      void 0,
+      false,
+      {
+        fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+        lineNumber: 86,
+        columnNumber: 6
+      },
+      this
     )
-  ] }) });
+  ] }, void 0, true, {
+    fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+    lineNumber: 55,
+    columnNumber: 4
+  }, this) }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/json-editor-internal.tsx",
+    lineNumber: 54,
+    columnNumber: 3
+  }, this);
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/array-editor.tsx
-import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
+import { Fragment, jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
 var ArrayEditor = ({
   path = [],
   isReadonly = () => false,
@@ -499,9 +623,9 @@ var ArrayEditor = ({
   Components
 }) => {
   const setElement = makeElementSetters(data, set);
-  return /* @__PURE__ */ jsx5(Fragment, { children: data.map((element, index) => {
+  return /* @__PURE__ */ jsxDEV5(Fragment, { children: data.map((element, index) => {
     const newPath = [...path, index];
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsxDEV5(
       JsonEditor_INTERNAL,
       {
         path: newPath,
@@ -511,9 +635,20 @@ var ArrayEditor = ({
         set: setElement[index],
         Components
       },
-      newPath.join(``)
+      newPath.join(``),
+      false,
+      {
+        fileName: "../../hamr/src/react-json-editor/editors-by-type/array-editor.tsx",
+        lineNumber: 23,
+        columnNumber: 6
+      },
+      this
     );
-  }) });
+  }) }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/array-editor.tsx",
+    lineNumber: 19,
+    columnNumber: 3
+  }, this);
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx
@@ -1030,21 +1165,12 @@ var cast = (input) => {
   };
 };
 
-// ../../Luum/src/utils/mapObject.ts
-var mapObject2 = (obj, fn) => {
-  const newObj = {};
-  const entries = Object.entries(obj);
-  entries.forEach(([key, val]) => newObj[key] = fn(val, key));
-  return newObj;
-};
-var mapObject_default = mapObject2;
-
 // ../../hamr/src/react-json-editor/editors-by-type/utilities/object-properties.ts
-var makePropertySetters = (data, set) => mapObject_default(
+var makePropertySetters = (data, set) => mapObject(
   data,
   (value, key) => (newValue) => set(__spreadProps(__spreadValues({}, data), { [key]: become(newValue)(value[key]) }))
 );
-var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject_default(
+var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject(
   data,
   (value, key) => (newKey) => Object.hasOwn(data, newKey) ? null : set(() => {
     const entries = Object.entries(data);
@@ -1057,14 +1183,14 @@ var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject_default(
     return Object.fromEntries(entries);
   })
 );
-var makePropertyRemovers = (data, set) => mapObject_default(
+var makePropertyRemovers = (data, set) => mapObject(
   data,
   (_, key) => () => set(() => {
     const _a2 = data, { [key]: _2 } = _a2, rest = __objRest(_a2, [__restKey(key)]);
     return rest;
   })
 );
-var makePropertyRecasters = (data, set) => mapObject_default(
+var makePropertyRecasters = (data, set) => mapObject(
   data,
   (value, key) => (newType) => set(() => __spreadProps(__spreadValues({}, data), {
     [key]: cast(value).to[newType]()
@@ -1079,18 +1205,34 @@ var makePropertySorter = (data, set, sortFn) => () => {
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
 var PropertyAdder = ({
   addProperty,
   disabled,
   propertyKey,
   Components
-}) => /* @__PURE__ */ jsxs5(Components.MissingPropertyWrapper, { children: [
-  /* @__PURE__ */ jsx6(ElasticInput, { disabled: true, defaultValue: propertyKey }),
-  " ",
-  /* @__PURE__ */ jsx6(ElasticInput, { disabled: true, defaultValue: "is missing" }),
-  /* @__PURE__ */ jsx6(Components.Button, { onClick: () => addProperty(), disabled, children: "+" })
-] });
+}) => /* @__PURE__ */ jsxDEV6(Components.MissingPropertyWrapper, { children: [
+  /* @__PURE__ */ jsxDEV6(ElasticInput, { disabled: true, defaultValue: propertyKey }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+    lineNumber: 38,
+    columnNumber: 3
+  }, this),
+  ` `,
+  /* @__PURE__ */ jsxDEV6(ElasticInput, { disabled: true, defaultValue: "is missing" }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+    lineNumber: 41,
+    columnNumber: 3
+  }, this),
+  /* @__PURE__ */ jsxDEV6(Components.Button, { onClick: () => addProperty(), disabled, children: "+" }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+    lineNumber: 42,
+    columnNumber: 3
+  }, this)
+] }, void 0, true, {
+  fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+  lineNumber: 37,
+  columnNumber: 2
+}, this);
 var ObjectEditor = ({
   schema,
   path = [],
@@ -1125,16 +1267,20 @@ var ObjectEditor = ({
     [[], []]
   );
   const missingKeys = schemaKeys === true ? [] : schemaKeys.filter((key) => !dataKeys.includes(key));
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsx6(Components.Button, { onClick: () => sortProperties(), disabled, children: "Sort" }),
-    /* @__PURE__ */ jsxs5(Components.ObjectWrapper, { children: [
-      /* @__PURE__ */ jsx6("div", { className: "json_editor_properties", children: [...missingKeys, ...officialKeys, ...unofficialKeys].map((key) => {
+  return /* @__PURE__ */ jsxDEV6(Fragment2, { children: [
+    /* @__PURE__ */ jsxDEV6(Components.Button, { onClick: () => sortProperties(), disabled, children: "Sort" }, void 0, false, {
+      fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+      lineNumber: 96,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV6(Components.ObjectWrapper, { children: [
+      /* @__PURE__ */ jsxDEV6("div", { className: "json_editor_properties", children: [...missingKeys, ...officialKeys, ...unofficialKeys].map((key) => {
         const originalKey = stableKeyMap.current[key];
         const newPath = [...path, key];
         const originalPath = [...path, originalKey];
         const isOfficial = schemaKeys === true || schemaKeys.includes(key);
         const isMissing = missingKeys.includes(key);
-        return isMissing ? /* @__PURE__ */ jsx6(
+        return isMissing ? /* @__PURE__ */ jsxDEV6(
           PropertyAdder,
           {
             propertyKey: key,
@@ -1142,8 +1288,15 @@ var ObjectEditor = ({
             disabled,
             Components
           },
-          key + `IsMissing`
-        ) : /* @__PURE__ */ jsx6(
+          key + `IsMissing`,
+          false,
+          {
+            fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+            lineNumber: 109,
+            columnNumber: 8
+          },
+          this
+        ) : /* @__PURE__ */ jsxDEV6(
           JsonEditor_INTERNAL,
           {
             schema,
@@ -1159,47 +1312,94 @@ var ObjectEditor = ({
             className: `json_editor_property ${isOfficial ? `json_editor_official` : `json_editor_unofficial`}`,
             Components
           },
-          originalPath.join(`.`)
+          originalPath.join(`.`),
+          false,
+          {
+            fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+            lineNumber: 117,
+            columnNumber: 8
+          },
+          this
         );
-      }) }),
-      /* @__PURE__ */ jsx6(
+      }) }, void 0, false, {
+        fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+        lineNumber: 100,
+        columnNumber: 5
+      }, this),
+      /* @__PURE__ */ jsxDEV6(
         Components.Button,
         {
           onClick: disabled ? doNothing : () => makePropertyAdder(`new_property`, `string`)(),
           disabled,
           children: "+"
-        }
+        },
+        void 0,
+        false,
+        {
+          fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+          lineNumber: 137,
+          columnNumber: 5
+        },
+        this
       )
-    ] })
-  ] });
+    ] }, void 0, true, {
+      fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+      lineNumber: 99,
+      columnNumber: 4
+    }, this)
+  ] }, void 0, true, {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/object-editor.tsx",
+    lineNumber: 95,
+    columnNumber: 3
+  }, this);
 };
 
 // ../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
 var BooleanEditor = ({
   data,
   set
-}) => /* @__PURE__ */ jsx7(
+}) => /* @__PURE__ */ jsxDEV7(
   "input",
   {
     type: "checkbox",
     checked: data,
     onChange: (event) => set(event.target.checked)
-  }
+  },
+  void 0,
+  false,
+  {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
+    lineNumber: 10,
+    columnNumber: 2
+  },
+  this
 );
-var NullEditor = () => /* @__PURE__ */ jsx7("input", { type: "text", value: "null", readOnly: true });
+var NullEditor = () => /* @__PURE__ */ jsxDEV7("input", { type: "text", value: "null", readOnly: true }, void 0, false, {
+  fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
+  lineNumber: 18,
+  columnNumber: 2
+}, this);
 var NumberEditor = ({
   path = [],
   isReadonly = () => false,
   data,
   set
-}) => /* @__PURE__ */ jsx7(
+}) => /* @__PURE__ */ jsxDEV7(
   NumberInput,
   {
     value: data,
     set: isReadonly(path) ? void 0 : (newValue) => set(Number(newValue)),
     autoSize: true
-  }
+  },
+  void 0,
+  false,
+  {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
+    lineNumber: 27,
+    columnNumber: 2
+  },
+  this
 );
 var StringEditor = ({
   path = [],
@@ -1208,14 +1408,26 @@ var StringEditor = ({
   set,
   Components
 }) => {
-  return /* @__PURE__ */ jsx7(Components.StringWrapper, { children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxDEV7(Components.StringWrapper, { children: /* @__PURE__ */ jsxDEV7(
     TextInput,
     {
       value: data,
       set: isReadonly(path) ? void 0 : set,
       autoSize: true
-    }
-  ) });
+    },
+    void 0,
+    false,
+    {
+      fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
+      lineNumber: 43,
+      columnNumber: 4
+    },
+    this
+  ) }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/editors-by-type/primitive-editors.tsx",
+    lineNumber: 42,
+    columnNumber: 3
+  }, this);
 };
 
 // ../../hamr/src/react-error-boundary/ErrorBoundary.tsx
@@ -1223,12 +1435,12 @@ import { useId as useId2, Component } from "react";
 import { atomFamily, useRecoilState, useResetRecoilState } from "recoil";
 
 // ../../hamr/src/react-error-boundary/DefaultFallback.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 var DefaultFallback = ({ error, errorInfo }) => {
   var _a2, _b;
   const component = errorInfo == null ? void 0 : errorInfo.componentStack.split(` `).filter(Boolean)[2];
   const message = (_b = (_a2 = error == null ? void 0 : error.toString()) != null ? _a2 : errorInfo == null ? void 0 : errorInfo.componentStack) != null ? _b : `Unknown error`;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxDEV8(
     "div",
     {
       "data-testid": "error-boundary",
@@ -1240,7 +1452,7 @@ var DefaultFallback = ({ error, errorInfo }) => {
         // backgroundRepeat: `no-repeat`,
         backgroundSize: `overlay`
       },
-      children: /* @__PURE__ */ jsx8(
+      children: /* @__PURE__ */ jsxDEV8(
         "div",
         {
           style: {
@@ -1249,7 +1461,7 @@ var DefaultFallback = ({ error, errorInfo }) => {
             padding: `50px`,
             border: `1px solid dashed`
           },
-          children: /* @__PURE__ */ jsxs6(
+          children: /* @__PURE__ */ jsxDEV8(
             "span",
             {
               style: {
@@ -1260,20 +1472,48 @@ var DefaultFallback = ({ error, errorInfo }) => {
               },
               children: [
                 `\u26A0\uFE0F `,
-                /* @__PURE__ */ jsx8("span", { style: { color: `#fc0`, fontWeight: 700 }, children: component }),
+                /* @__PURE__ */ jsxDEV8("span", { style: { color: `#fc0`, fontWeight: 700 }, children: component }, void 0, false, {
+                  fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
+                  lineNumber: 42,
+                  columnNumber: 6
+                }, this),
                 ` \u26A0\uFE0F `,
                 message
               ]
-            }
+            },
+            void 0,
+            true,
+            {
+              fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
+              lineNumber: 33,
+              columnNumber: 5
+            },
+            this
           )
-        }
+        },
+        void 0,
+        false,
+        {
+          fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
+          lineNumber: 25,
+          columnNumber: 4
+        },
+        this
       )
-    }
+    },
+    void 0,
+    false,
+    {
+      fileName: "../../hamr/src/react-error-boundary/DefaultFallback.tsx",
+      lineNumber: 13,
+      columnNumber: 3
+    },
+    this
   );
 };
 
 // ../../hamr/src/react-error-boundary/ErrorBoundary.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -1290,7 +1530,11 @@ var ErrorBoundary = class extends Component {
   render() {
     const { error, errorInfo } = this.state;
     const { children, Fallback = DefaultFallback } = this.props;
-    return errorInfo ? /* @__PURE__ */ jsx9(Fallback, { error, errorInfo }) : children;
+    return errorInfo ? /* @__PURE__ */ jsxDEV9(Fallback, { error, errorInfo }, void 0, false, {
+      fileName: "../../hamr/src/react-error-boundary/ErrorBoundary.tsx",
+      lineNumber: 43,
+      columnNumber: 4
+    }, this) : children;
   }
 };
 var findErrorBoundaryState = atomFamily({
@@ -1299,10 +1543,14 @@ var findErrorBoundaryState = atomFamily({
 });
 
 // ../../hamr/src/react-json-editor/default-components.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
 var DEFAULT_JSON_EDITOR_COMPONENTS = {
-  ErrorBoundary: ({ children }) => /* @__PURE__ */ jsx10(ErrorBoundary, { children }),
-  Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsx10(
+  ErrorBoundary: ({ children }) => /* @__PURE__ */ jsxDEV10(ErrorBoundary, { children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 47,
+    columnNumber: 35
+  }, this),
+  Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsxDEV10(
     "button",
     {
       type: "button",
@@ -1310,9 +1558,21 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
       onClick,
       disabled,
       children
-    }
+    },
+    void 0,
+    false,
+    {
+      fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+      lineNumber: 49,
+      columnNumber: 3
+    },
+    this
   ),
-  EditorWrapper: ({ children, customCss, className }) => /* @__PURE__ */ jsx10("div", { className: `json_editor ` + className, css: customCss, children }),
+  EditorWrapper: ({ children, customCss, className }) => /* @__PURE__ */ jsxDEV10("div", { className: `json_editor ` + className, css: customCss, children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 59,
+    columnNumber: 3
+  }, this),
   EditorLayout: ({
     DeleteButton,
     Header,
@@ -1321,33 +1581,109 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
     ValueEditor,
     Wrapper
   }) => {
-    return /* @__PURE__ */ jsxs8(Wrapper, { children: [
-      DeleteButton && /* @__PURE__ */ jsx10(DeleteButton, {}),
-      Header && /* @__PURE__ */ jsx10(Header, {}),
-      KeyInput && /* @__PURE__ */ jsx10(KeyInput, {}),
-      TypeSelect && /* @__PURE__ */ jsx10(TypeSelect, {}),
-      /* @__PURE__ */ jsx10(ValueEditor, {})
-    ] });
+    return /* @__PURE__ */ jsxDEV10(Wrapper, { children: [
+      DeleteButton && /* @__PURE__ */ jsxDEV10(DeleteButton, {}, void 0, false, {
+        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+        lineNumber: 73,
+        columnNumber: 22
+      }, this),
+      Header && /* @__PURE__ */ jsxDEV10(Header, {}, void 0, false, {
+        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+        lineNumber: 74,
+        columnNumber: 16
+      }, this),
+      KeyInput && /* @__PURE__ */ jsxDEV10(KeyInput, {}, void 0, false, {
+        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+        lineNumber: 75,
+        columnNumber: 18
+      }, this),
+      TypeSelect && /* @__PURE__ */ jsxDEV10(TypeSelect, {}, void 0, false, {
+        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+        lineNumber: 76,
+        columnNumber: 20
+      }, this),
+      /* @__PURE__ */ jsxDEV10(ValueEditor, {}, void 0, false, {
+        fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+      }, this)
+    ] }, void 0, true, {
+      fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+      lineNumber: 72,
+      columnNumber: 4
+    }, this);
   },
-  ArrayWrapper: ({ children }) => /* @__PURE__ */ jsx10("div", { className: "json_editor_array", children }),
-  ObjectWrapper: ({ children }) => /* @__PURE__ */ jsx10("div", { className: "json_editor_object", children }),
-  StringWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_string", children }),
-  NumberWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_number", children }),
-  BooleanWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_boolean", children }),
-  NullWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_null", children }),
-  MissingPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx10("div", { className: "json_editor_property json_editor_missing", children }),
-  MiscastPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx10("div", { className: "json_editor_property json_editor_miscast", children }),
-  IllegalPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_property json_editor_illegal", children }),
-  OfficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_property json_editor_official", children }),
-  UnofficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_property json_editor_unofficial", children }),
-  DeleteIcon: () => /* @__PURE__ */ jsx10("span", { className: "json_editor_icon json_editor_delete", children: "x" }),
-  KeyWrapper: ({ children }) => /* @__PURE__ */ jsx10("span", { className: "json_editor_key", children })
+  ArrayWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("div", { className: "json_editor_array", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 82,
+    columnNumber: 3
+  }, this),
+  ObjectWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("div", { className: "json_editor_object", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 85,
+    columnNumber: 3
+  }, this),
+  StringWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_string", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 88,
+    columnNumber: 3
+  }, this),
+  NumberWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_number", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 91,
+    columnNumber: 3
+  }, this),
+  BooleanWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_boolean", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 94,
+    columnNumber: 3
+  }, this),
+  NullWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_null", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 97,
+    columnNumber: 3
+  }, this),
+  MissingPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("div", { className: "json_editor_property json_editor_missing", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 100,
+    columnNumber: 3
+  }, this),
+  MiscastPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("div", { className: "json_editor_property json_editor_miscast", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 103,
+    columnNumber: 3
+  }, this),
+  IllegalPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_property json_editor_illegal", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 106,
+    columnNumber: 3
+  }, this),
+  OfficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_property json_editor_official", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 109,
+    columnNumber: 3
+  }, this),
+  UnofficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_property json_editor_unofficial", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 112,
+    columnNumber: 3
+  }, this),
+  DeleteIcon: () => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_icon json_editor_delete", children: "x" }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 117,
+    columnNumber: 3
+  }, this),
+  KeyWrapper: ({ children }) => /* @__PURE__ */ jsxDEV10("span", { className: "json_editor_key", children }, void 0, false, {
+    fileName: "../../hamr/src/react-json-editor/default-components.tsx",
+    lineNumber: 120,
+    columnNumber: 3
+  }, this)
 };
 
 // ../../hamr/src/react-json-editor/developer-interface.tsx
-import { useMemo } from "react";
 import Ajv from "ajv";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 var JsonEditor = ({
   data,
   set,
@@ -1369,7 +1705,7 @@ var JsonEditor = ({
     return ajv.compile(schema);
   }, [schema]);
   const validationResults = validate(data);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxDEV11(
     JsonEditor_INTERNAL,
     {
       data,
@@ -1385,7 +1721,15 @@ var JsonEditor = ({
       customCss,
       Header,
       Components
-    }
+    },
+    void 0,
+    false,
+    {
+      fileName: "../../hamr/src/react-json-editor/developer-interface.tsx",
+      lineNumber: 79,
+      columnNumber: 3
+    },
+    this
   );
 };
 
@@ -1400,60 +1744,144 @@ var SubEditors = {
 };
 
 // ../src/react-devtools/StateEditor.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
 var StateEditor = ({ storeHooks, token }) => {
   const [data, set] = storeHooks.useIO(token);
-  return isPlainJson(data) ? /* @__PURE__ */ jsx12(JsonEditor, { data, set, schema: true }) : /* @__PURE__ */ jsx12("div", { className: "json_editor", children: /* @__PURE__ */ jsx12(
+  return isPlainJson(data) ? /* @__PURE__ */ jsxDEV12(JsonEditor, { data, set, schema: true }, void 0, false, {
+    fileName: "../src/react-devtools/StateEditor.tsx",
+    lineNumber: 15,
+    columnNumber: 3
+  }, this) : /* @__PURE__ */ jsxDEV12("div", { className: "json_editor", children: /* @__PURE__ */ jsxDEV12(
     ElasticInput,
     {
       value: data instanceof Set ? `Set { ${JSON.stringify([...data]).slice(1, -1)} }` : data instanceof Map ? `Map ` + JSON.stringify([...data]) : Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data),
       disabled: true
-    }
-  ) });
+    },
+    void 0,
+    false,
+    {
+      fileName: "../src/react-devtools/StateEditor.tsx",
+      lineNumber: 18,
+      columnNumber: 4
+    },
+    this
+  ) }, void 0, false, {
+    fileName: "../src/react-devtools/StateEditor.tsx",
+    lineNumber: 17,
+    columnNumber: 3
+  }, this);
 };
 var ReadonlySelectorEditor = ({ storeHooks, token }) => {
   const data = storeHooks.useO(token);
-  return isPlainJson(data) ? /* @__PURE__ */ jsx12(
+  return isPlainJson(data) ? /* @__PURE__ */ jsxDEV12(
     JsonEditor,
     {
       data,
       set: () => null,
       schema: true,
       isReadonly: () => true
-    }
-  ) : /* @__PURE__ */ jsx12("div", { className: "json_editor", children: /* @__PURE__ */ jsx12(
+    },
+    void 0,
+    false,
+    {
+      fileName: "../src/react-devtools/StateEditor.tsx",
+      lineNumber: 40,
+      columnNumber: 3
+    },
+    this
+  ) : /* @__PURE__ */ jsxDEV12("div", { className: "json_editor", children: /* @__PURE__ */ jsxDEV12(
     ElasticInput,
     {
       value: data instanceof Set ? `Set ` + JSON.stringify([...data]) : data instanceof Map ? `Map ` + JSON.stringify([...data]) : Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data),
       disabled: true
-    }
-  ) });
+    },
+    void 0,
+    false,
+    {
+      fileName: "../src/react-devtools/StateEditor.tsx",
+      lineNumber: 48,
+      columnNumber: 4
+    },
+    this
+  ) }, void 0, false, {
+    fileName: "../src/react-devtools/StateEditor.tsx",
+    lineNumber: 47,
+    columnNumber: 3
+  }, this);
 };
 var StoreEditor = ({ storeHooks, token }) => {
   if (token.type === `readonly_selector`) {
-    return /* @__PURE__ */ jsx12(ReadonlySelectorEditor, { storeHooks, token });
+    return /* @__PURE__ */ jsxDEV12(ReadonlySelectorEditor, { storeHooks, token }, void 0, false, {
+      fileName: "../src/react-devtools/StateEditor.tsx",
+      lineNumber: 69,
+      columnNumber: 10
+    }, this);
   }
-  return /* @__PURE__ */ jsx12(StateEditor, { storeHooks, token });
+  return /* @__PURE__ */ jsxDEV12(StateEditor, { storeHooks, token }, void 0, false, {
+    fileName: "../src/react-devtools/StateEditor.tsx",
+    lineNumber: 71,
+    columnNumber: 9
+  }, this);
 };
 
 // ../src/react-devtools/TokenList.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
 var TokenList = ({ storeHooks, tokenIndex }) => {
   const tokenIds = storeHooks.useO(tokenIndex);
-  return /* @__PURE__ */ jsx13(Fragment4, { children: Object.entries(tokenIds).map(([key, token]) => {
+  return /* @__PURE__ */ jsxDEV13(Fragment4, { children: Object.entries(tokenIds).map(([key, token]) => {
     let logState;
-    return /* @__PURE__ */ jsx13(Fragment3, { children: key.startsWith(`\u{1F441}\u200D\u{1F5E8}_`) ? null : /* @__PURE__ */ jsx13("div", { className: "node", children: `type` in token ? (logState = () => console.log(token, getState(token)), /* @__PURE__ */ jsxs9(Fragment4, { children: [
-      /* @__PURE__ */ jsx13("label", { onClick: logState, onKeyUp: logState, children: key }),
-      /* @__PURE__ */ jsx13(StoreEditor, { storeHooks, token })
-    ] })) : recordToEntries(token.familyMembers).map(([key2, token2]) => /* @__PURE__ */ jsxs9(Fragment4, { children: [
-      /* @__PURE__ */ jsx13("label", { children: key2 }),
-      /* @__PURE__ */ jsxs9("div", { className: "node", children: [
+    return /* @__PURE__ */ jsxDEV13(Fragment3, { children: key.startsWith(`\u{1F441}\u200D\u{1F5E8}_`) ? null : /* @__PURE__ */ jsxDEV13("div", { className: "node", children: `type` in token ? (logState = () => console.log(token, getState(token)), /* @__PURE__ */ jsxDEV13(Fragment4, { children: [
+      /* @__PURE__ */ jsxDEV13("label", { onClick: logState, onKeyUp: logState, children: key }, void 0, false, {
+        fileName: "../src/react-devtools/TokenList.tsx",
+        lineNumber: 39,
+        columnNumber: 13
+      }, this),
+      /* @__PURE__ */ jsxDEV13(StoreEditor, { storeHooks, token }, void 0, false, {
+        fileName: "../src/react-devtools/TokenList.tsx",
+        lineNumber: 42,
+        columnNumber: 13
+      }, this)
+    ] }, void 0, true, {
+      fileName: "../src/react-devtools/TokenList.tsx",
+      lineNumber: 38,
+      columnNumber: 12
+    }, this)) : recordToEntries(token.familyMembers).map(([key2, token2]) => /* @__PURE__ */ jsxDEV13(Fragment4, { children: [
+      /* @__PURE__ */ jsxDEV13("label", { children: key2 }, void 0, false, {
+        fileName: "../src/react-devtools/TokenList.tsx",
+        lineNumber: 47,
+        columnNumber: 13
+      }, this),
+      /* @__PURE__ */ jsxDEV13("div", { className: "node", children: [
         key2,
         ":",
-        /* @__PURE__ */ jsx13(StoreEditor, { storeHooks, token: token2 })
-      ] }, key2)
-    ] })) }) }, key);
-  }) });
+        /* @__PURE__ */ jsxDEV13(StoreEditor, { storeHooks, token: token2 }, void 0, false, {
+          fileName: "../src/react-devtools/TokenList.tsx",
+          lineNumber: 50,
+          columnNumber: 14
+        }, this)
+      ] }, key2, true, {
+        fileName: "../src/react-devtools/TokenList.tsx",
+        lineNumber: 48,
+        columnNumber: 13
+      }, this)
+    ] }, void 0, true, {
+      fileName: "../src/react-devtools/TokenList.tsx",
+      lineNumber: 46,
+      columnNumber: 12
+    }, this)) }, void 0, false, {
+      fileName: "../src/react-devtools/TokenList.tsx",
+      lineNumber: 34,
+      columnNumber: 8
+    }, this) }, key, false, {
+      fileName: "../src/react-devtools/TokenList.tsx",
+      lineNumber: 32,
+      columnNumber: 6
+    }, this);
+  }) }, void 0, false, {
+    fileName: "../src/react-devtools/TokenList.tsx",
+    lineNumber: 28,
+    columnNumber: 3
+  }, this);
 };
 
 // ../src/web-effects/storage.ts
@@ -1472,7 +1900,7 @@ var persistAtom = (storage) => ({ stringify, parse }) => (key) => ({ setSelf, on
 var lazyLocalStorageEffect = persistAtom(localStorage)(JSON);
 
 // ../src/react-devtools/AtomIODevtools.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
 var { atomTokenIndexState, selectorTokenIndexState } = __INTERNAL__.META.attachMetaState();
 var devtoolsAreOpenState = atom({
   key: `\u{1F441}\u200D\u{1F5E8}_devtools_are_open`,
@@ -1484,8 +1912,8 @@ var composeDevtools = (storeHooks) => {
     const constraintsRef = useRef4(null);
     const [devtoolsAreOpen, setDevtoolsAreOpen] = storeHooks.useIO(devtoolsAreOpenState);
     const mouseHasMoved = useRef4(false);
-    return /* @__PURE__ */ jsxs10(Fragment5, { children: [
-      /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsxDEV14(Fragment5, { children: [
+      /* @__PURE__ */ jsxDEV14(
         motion.span,
         {
           ref: constraintsRef,
@@ -1498,9 +1926,17 @@ var composeDevtools = (storeHooks) => {
             bottom: 0,
             pointerEvents: `none`
           }
-        }
+        },
+        void 0,
+        false,
+        {
+          fileName: "../src/react-devtools/AtomIODevtools.tsx",
+          lineNumber: 33,
+          columnNumber: 5
+        },
+        this
       ),
-      /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsxDEV14(
         motion.main,
         {
           drag: true,
@@ -1514,32 +1950,84 @@ var composeDevtools = (storeHooks) => {
             maxWidth: 33
           },
           children: [
-            devtoolsAreOpen ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
-              /* @__PURE__ */ jsx14(motion.header, { children: /* @__PURE__ */ jsx14("h1", { children: "atom.io" }) }),
-              /* @__PURE__ */ jsx14(motion.main, { children: /* @__PURE__ */ jsxs10(LayoutGroup, { children: [
-                /* @__PURE__ */ jsxs10("section", { children: [
-                  /* @__PURE__ */ jsx14("h2", { children: "atoms" }),
-                  /* @__PURE__ */ jsx14(
+            devtoolsAreOpen ? /* @__PURE__ */ jsxDEV14(Fragment5, { children: [
+              /* @__PURE__ */ jsxDEV14(motion.header, { children: /* @__PURE__ */ jsxDEV14("h1", { children: "atom.io" }, void 0, false, {
+                fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                lineNumber: 64,
+                columnNumber: 9
+              }, this) }, void 0, false, {
+                fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                lineNumber: 63,
+                columnNumber: 8
+              }, this),
+              /* @__PURE__ */ jsxDEV14(motion.main, { children: /* @__PURE__ */ jsxDEV14(LayoutGroup, { children: [
+                /* @__PURE__ */ jsxDEV14("section", { children: [
+                  /* @__PURE__ */ jsxDEV14("h2", { children: "atoms" }, void 0, false, {
+                    fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                    lineNumber: 69,
+                    columnNumber: 11
+                  }, this),
+                  /* @__PURE__ */ jsxDEV14(
                     TokenList,
                     {
                       storeHooks,
                       tokenIndex: atomTokenIndexState
-                    }
+                    },
+                    void 0,
+                    false,
+                    {
+                      fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                      lineNumber: 70,
+                      columnNumber: 11
+                    },
+                    this
                   )
-                ] }),
-                /* @__PURE__ */ jsxs10("section", { children: [
-                  /* @__PURE__ */ jsx14("h2", { children: "selectors" }),
-                  /* @__PURE__ */ jsx14(
+                ] }, void 0, true, {
+                  fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                  lineNumber: 68,
+                  columnNumber: 10
+                }, this),
+                /* @__PURE__ */ jsxDEV14("section", { children: [
+                  /* @__PURE__ */ jsxDEV14("h2", { children: "selectors" }, void 0, false, {
+                    fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                    lineNumber: 76,
+                    columnNumber: 11
+                  }, this),
+                  /* @__PURE__ */ jsxDEV14(
                     TokenList,
                     {
                       storeHooks,
                       tokenIndex: selectorTokenIndexState
-                    }
+                    },
+                    void 0,
+                    false,
+                    {
+                      fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                      lineNumber: 77,
+                      columnNumber: 11
+                    },
+                    this
                   )
-                ] })
-              ] }) })
-            ] }) : null,
-            /* @__PURE__ */ jsx14("footer", { children: /* @__PURE__ */ jsx14(
+                ] }, void 0, true, {
+                  fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                  lineNumber: 75,
+                  columnNumber: 10
+                }, this)
+              ] }, void 0, true, {
+                fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                lineNumber: 67,
+                columnNumber: 9
+              }, this) }, void 0, false, {
+                fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                lineNumber: 66,
+                columnNumber: 8
+              }, this)
+            ] }, void 0, true, {
+              fileName: "../src/react-devtools/AtomIODevtools.tsx",
+              lineNumber: 62,
+              columnNumber: 7
+            }, this) : null,
+            /* @__PURE__ */ jsxDEV14("footer", { children: /* @__PURE__ */ jsxDEV14(
               "button",
               {
                 type: "button",
@@ -1551,12 +2039,36 @@ var composeDevtools = (storeHooks) => {
                   }
                 },
                 children: "\u{1F441}\u200D\u{1F5E8}"
-              }
-            ) })
+              },
+              void 0,
+              false,
+              {
+                fileName: "../src/react-devtools/AtomIODevtools.tsx",
+                lineNumber: 87,
+                columnNumber: 7
+              },
+              this
+            ) }, void 0, false, {
+              fileName: "../src/react-devtools/AtomIODevtools.tsx",
+              lineNumber: 86,
+              columnNumber: 6
+            }, this)
           ]
-        }
+        },
+        void 0,
+        true,
+        {
+          fileName: "../src/react-devtools/AtomIODevtools.tsx",
+          lineNumber: 45,
+          columnNumber: 5
+        },
+        this
       )
-    ] });
+    ] }, void 0, true, {
+      fileName: "../src/react-devtools/AtomIODevtools.tsx",
+      lineNumber: 32,
+      columnNumber: 4
+    }, this);
   };
   return Devtools;
 };