atom.io 0.33.11 → 0.33.13

package/dist/react/index.js

@@ -1,49 +1,8 @@
-import { IMPLICIT, findInStore, getFromStore, getJsonToken, setIntoStore, subscribeToState, subscribeToTimeline, withdraw } from "atom.io/internal";
+import { StoreContext, StoreProvider, useI, useO } from "../use-o-BrXc7Qro.js";
+import { findInStore, getJsonToken, subscribeToTimeline, withdraw } from "atom.io/internal";
 import { redo, undo } from "atom.io";
 import * as React from "react";
-import { jsx } from "react/jsx-runtime";
 
-//#region src/react/store-context.tsx
-const StoreContext = React.createContext(IMPLICIT.STORE);
-const StoreProvider = ({ children, store = IMPLICIT.STORE }) => /* @__PURE__ */ jsx(StoreContext.Provider, {
-	value: store,
-	children
-});
-
-//#endregion
-//#region src/react/parse-state-overloads.ts
-function parseStateOverloads(store, ...rest) {
-	let token;
-	if (rest.length === 2) {
-		const family = rest[0];
-		const key = rest[1];
-		token = findInStore(store, family, key);
-	} else token = rest[0];
-	return token;
-}
-
-//#endregion
-//#region src/react/use-i.ts
-function useI(...params) {
-	const store = React.useContext(StoreContext);
-	const token = parseStateOverloads(store, ...params);
-	const setter = React.useRef(null);
-	setter.current ??= (next) => {
-		setIntoStore(store, token, next);
-	};
-	return setter.current;
-}
-
-//#endregion
-//#region src/react/use-o.ts
-function useO(...params) {
-	const store = React.useContext(StoreContext);
-	const token = parseStateOverloads(store, ...params);
-	const id = React.useId();
-	return React.useSyncExternalStore((dispatch) => subscribeToState(store, token, `use-o:${id}`, dispatch), () => getFromStore(store, token), () => getFromStore(store, token));
-}
-
-//#endregion
 //#region src/react/use-json.ts
 function useJSON(token, key) {
 	const store = React.useContext(StoreContext);

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StoreContext: React.Context<Store>","StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}>","store: Store","token: ReadableToken<any>","setter: React.RefObject<\n\t\t(<New extends T>(next: New | ((old: T) => New)) => void) | null\n\t>","token:\n\t\t| MutableAtomFamilyToken<any, Serializable, Key>\n\t\t| MutableAtomToken<any, Serializable>","key?: Key","stateToken: ReadableToken<any>","token: TimelineToken<any>"],"sources":["../../src/react/store-context.tsx","../../src/react/parse-state-overloads.ts","../../src/react/use-i.ts","../../src/react/use-o.ts","../../src/react/use-json.ts","../../src/react/use-tl.ts"],"sourcesContent":["import type { Store } from \"atom.io/internal\"\nimport { IMPLICIT } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nexport const StoreContext: React.Context<Store> = React.createContext(\n\tIMPLICIT.STORE,\n)\n\nexport const StoreProvider: React.FC<{\n\tchildren: React.ReactNode\n\tstore?: Store\n}> = ({ children, store = IMPLICIT.STORE }) => (\n\t<StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n)\n","import type {\n\tReadableFamilyToken,\n\tReadableToken,\n\tWritableFamilyToken,\n\tWritableToken,\n} from \"atom.io\"\nimport type { Store } from \"atom.io/internal\"\nimport { findInStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [WritableFamilyToken<T, K>, K] | [WritableToken<T>]\n): WritableToken<T>\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): ReadableToken<T>\n\nexport function parseStateOverloads<T, K extends Canonical>(\n\tstore: Store,\n\t...rest: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): ReadableToken<T> {\n\tlet token: ReadableToken<any>\n\tif (rest.length === 2) {\n\t\tconst family = rest[0]\n\t\tconst key = rest[1]\n\n\t\ttoken = findInStore(store, family, key)\n\t} else {\n\t\ttoken = rest[0]\n\t}\n\treturn token\n}\n","import type { WritableFamilyToken, WritableToken } from \"atom.io\"\nimport { setIntoStore } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { parseStateOverloads } from \"./parse-state-overloads\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useI<T>(\n\ttoken: WritableToken<T>,\n): <New extends T>(next: New | ((old: T) => New)) => void\n\nexport function useI<T, K extends Canonical>(\n\ttoken: WritableFamilyToken<T, K>,\n\tkey: K,\n): <New extends T>(next: New | ((old: T) => New)) => void\n\nexport function useI<T, K extends Canonical>(\n\t...params: [WritableFamilyToken<T, K>, K] | [WritableToken<T>]\n): <New extends T>(next: New | ((old: T) => New)) => void {\n\tconst store = React.useContext(StoreContext)\n\tconst token = parseStateOverloads(store, ...params)\n\tconst setter: React.RefObject<\n\t\t(<New extends T>(next: New | ((old: T) => New)) => void) | null\n\t> = React.useRef(null)\n\tsetter.current ??= (next) => {\n\t\tsetIntoStore(store, token, next)\n\t}\n\treturn setter.current\n}\n","import type { ReadableFamilyToken, ReadableToken } from \"atom.io\"\nimport { getFromStore, subscribeToState } from \"atom.io/internal\"\nimport type { Canonical } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { parseStateOverloads } from \"./parse-state-overloads\"\nimport { StoreContext } from \"./store-context\"\n\nexport function useO<T>(token: ReadableToken<T>): T\n\nexport function useO<T, K extends Canonical>(\n\ttoken: ReadableFamilyToken<T, K>,\n\tkey: K,\n): T\n\nexport function useO<T, K extends Canonical>(\n\t...params: [ReadableFamilyToken<T, K>, K] | [ReadableToken<T>]\n): T {\n\tconst store = React.useContext(StoreContext)\n\tconst token = parseStateOverloads(store, ...params)\n\tconst id = React.useId()\n\treturn React.useSyncExternalStore<T>(\n\t\t(dispatch) => subscribeToState(store, token, `use-o:${id}`, dispatch),\n\t\t() => getFromStore(store, token),\n\t\t() => getFromStore(store, token),\n\t)\n}\n","import type {\n\tMutableAtomFamilyToken,\n\tMutableAtomToken,\n\tReadableToken,\n} from \"atom.io\"\nimport { findInStore, getJsonToken } from \"atom.io/internal\"\nimport type { Canonical, Json } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { StoreContext } from \"./store-context\"\nimport { useO } from \"./use-o\"\n\nexport function useJSON<Serializable extends Json.Serializable>(\n\ttoken: MutableAtomToken<any, Serializable>,\n): Serializable\n\nexport function useJSON<\n\tSerializable extends Json.Serializable,\n\tKey extends Canonical,\n>(token: MutableAtomFamilyToken<any, Serializable, Key>, key: Key): Serializable\n\nexport function useJSON<\n\tSerializable extends Json.Serializable,\n\tKey extends Canonical,\n>(\n\ttoken:\n\t\t| MutableAtomFamilyToken<any, Serializable, Key>\n\t\t| MutableAtomToken<any, Serializable>,\n\tkey?: Key,\n): Serializable {\n\tconst store = React.useContext(StoreContext)\n\tconst stateToken: ReadableToken<any> =\n\t\ttoken.type === `mutable_atom_family`\n\t\t\t? findInStore(store, token, key as Key)\n\t\t\t: token\n\tconst jsonToken = getJsonToken(store, stateToken)\n\treturn useO(jsonToken)\n}\n","import type { TimelineToken } from \"atom.io\"\nimport { redo, undo } from \"atom.io\"\nimport { subscribeToTimeline, withdraw } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nimport { StoreContext } from \"./store-context\"\n\nexport type TimelineMeta = {\n\tat: number\n\tlength: number\n\tundo: () => void\n\tredo: () => void\n}\n\nexport function useTL(token: TimelineToken<any>): TimelineMeta {\n\tconst store = React.useContext(StoreContext)\n\tconst id = React.useId()\n\tconst timeline = withdraw(store, token)\n\tconst tokenRef = React.useRef(token)\n\tconst rebuildMeta = () => {\n\t\treturn {\n\t\t\tat: timeline.at,\n\t\t\tlength: timeline.history.length,\n\t\t\tundo: () => {\n\t\t\t\tundo(token)\n\t\t\t},\n\t\t\tredo: () => {\n\t\t\t\tredo(token)\n\t\t\t},\n\t\t}\n\t}\n\tconst meta = React.useRef<TimelineMeta>(rebuildMeta())\n\tconst retrieve = () => {\n\t\tif (\n\t\t\tmeta.current.at !== timeline?.at ||\n\t\t\tmeta.current.length !== timeline?.history.length ||\n\t\t\ttokenRef.current !== token\n\t\t) {\n\t\t\ttokenRef.current = token\n\t\t\tmeta.current = rebuildMeta()\n\t\t}\n\t\treturn meta.current\n\t}\n\treturn React.useSyncExternalStore<TimelineMeta>(\n\t\t(dispatch) => subscribeToTimeline(store, token, `use-tl:${id}`, dispatch),\n\t\tretrieve,\n\t\tretrieve,\n\t)\n}\n"],"mappings":";;;;;;AAIA,MAAaA,eAAqC,MAAM,cACvD,SAAS,MACT;AAED,MAAaC,gBAGR,CAAC,EAAE,UAAU,QAAQ,SAAS,OAAO,qBACzC,IAAC,aAAa;CAAS,OAAO;CAAQ;EAAiC;;;;ACQxE,SAAgB,oBACfC,OACA,GAAG,MACgB;CACnB,IAAIC;AACJ,KAAI,KAAK,WAAW,GAAG;EACtB,MAAM,SAAS,KAAK;EACpB,MAAM,MAAM,KAAK;AAEjB,UAAQ,YAAY,OAAO,QAAQ,IAAI;CACvC,MACA,SAAQ,KAAK;AAEd,QAAO;AACP;;;;ACjBD,SAAgB,KACf,GAAG,QACsD;CACzD,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,oBAAoB,OAAO,GAAG,OAAO;CACnD,MAAMC,SAEF,MAAM,OAAO,KAAK;AACtB,QAAO,YAAY,CAAC,SAAS;AAC5B,eAAa,OAAO,OAAO,KAAK;CAChC;AACD,QAAO,OAAO;AACd;;;;ACdD,SAAgB,KACf,GAAG,QACC;CACJ,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,QAAQ,oBAAoB,OAAO,GAAG,OAAO;CACnD,MAAM,KAAK,MAAM,OAAO;AACxB,QAAO,MAAM,qBACZ,CAAC,aAAa,iBAAiB,OAAO,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,EACrE,MAAM,aAAa,OAAO,MAAM,EAChC,MAAM,aAAa,OAAO,MAAM,CAChC;AACD;;;;ACLD,SAAgB,QAIfC,OAGAC,KACe;CACf,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAMC,aACL,MAAM,SAAS,CAAC,mBAAmB,CAAC,GACjC,YAAY,OAAO,OAAO,IAAW,GACrC;CACJ,MAAM,YAAY,aAAa,OAAO,WAAW;AACjD,QAAO,KAAK,UAAU;AACtB;;;;ACvBD,SAAgB,MAAMC,OAAyC;CAC9D,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,KAAK,MAAM,OAAO;CACxB,MAAM,WAAW,SAAS,OAAO,MAAM;CACvC,MAAM,WAAW,MAAM,OAAO,MAAM;CACpC,MAAM,cAAc,MAAM;AACzB,SAAO;GACN,IAAI,SAAS;GACb,QAAQ,SAAS,QAAQ;GACzB,MAAM,MAAM;AACX,SAAK,MAAM;GACX;GACD,MAAM,MAAM;AACX,SAAK,MAAM;GACX;EACD;CACD;CACD,MAAM,OAAO,MAAM,OAAqB,aAAa,CAAC;CACtD,MAAM,WAAW,MAAM;AACtB,MACC,KAAK,QAAQ,OAAO,UAAU,MAC9B,KAAK,QAAQ,WAAW,UAAU,QAAQ,UAC1C,SAAS,YAAY,OACpB;AACD,YAAS,UAAU;AACnB,QAAK,UAAU,aAAa;EAC5B;AACD,SAAO,KAAK;CACZ;AACD,QAAO,MAAM,qBACZ,CAAC,aAAa,oBAAoB,OAAO,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EACzE,UACA,SACA;AACD"}
+{"version":3,"file":"index.js","names":["token:\n\t\t| MutableAtomFamilyToken<any, Serializable, Key>\n\t\t| MutableAtomToken<any, Serializable>","key?: Key","stateToken: ReadableToken<any>","token: TimelineToken<any>"],"sources":["../../src/react/use-json.ts","../../src/react/use-tl.ts"],"sourcesContent":["import type {\n\tMutableAtomFamilyToken,\n\tMutableAtomToken,\n\tReadableToken,\n} from \"atom.io\"\nimport { findInStore, getJsonToken } from \"atom.io/internal\"\nimport type { Canonical, Json } from \"atom.io/json\"\nimport * as React from \"react\"\n\nimport { StoreContext } from \"./store-context\"\nimport { useO } from \"./use-o\"\n\nexport function useJSON<Serializable extends Json.Serializable>(\n\ttoken: MutableAtomToken<any, Serializable>,\n): Serializable\n\nexport function useJSON<\n\tSerializable extends Json.Serializable,\n\tKey extends Canonical,\n>(token: MutableAtomFamilyToken<any, Serializable, Key>, key: Key): Serializable\n\nexport function useJSON<\n\tSerializable extends Json.Serializable,\n\tKey extends Canonical,\n>(\n\ttoken:\n\t\t| MutableAtomFamilyToken<any, Serializable, Key>\n\t\t| MutableAtomToken<any, Serializable>,\n\tkey?: Key,\n): Serializable {\n\tconst store = React.useContext(StoreContext)\n\tconst stateToken: ReadableToken<any> =\n\t\ttoken.type === `mutable_atom_family`\n\t\t\t? findInStore(store, token, key as Key)\n\t\t\t: token\n\tconst jsonToken = getJsonToken(store, stateToken)\n\treturn useO(jsonToken)\n}\n","import type { TimelineToken } from \"atom.io\"\nimport { redo, undo } from \"atom.io\"\nimport { subscribeToTimeline, withdraw } from \"atom.io/internal\"\nimport * as React from \"react\"\n\nimport { StoreContext } from \"./store-context\"\n\nexport type TimelineMeta = {\n\tat: number\n\tlength: number\n\tundo: () => void\n\tredo: () => void\n}\n\nexport function useTL(token: TimelineToken<any>): TimelineMeta {\n\tconst store = React.useContext(StoreContext)\n\tconst id = React.useId()\n\tconst timeline = withdraw(store, token)\n\tconst tokenRef = React.useRef(token)\n\tconst rebuildMeta = () => {\n\t\treturn {\n\t\t\tat: timeline.at,\n\t\t\tlength: timeline.history.length,\n\t\t\tundo: () => {\n\t\t\t\tundo(token)\n\t\t\t},\n\t\t\tredo: () => {\n\t\t\t\tredo(token)\n\t\t\t},\n\t\t}\n\t}\n\tconst meta = React.useRef<TimelineMeta>(rebuildMeta())\n\tconst retrieve = () => {\n\t\tif (\n\t\t\tmeta.current.at !== timeline?.at ||\n\t\t\tmeta.current.length !== timeline?.history.length ||\n\t\t\ttokenRef.current !== token\n\t\t) {\n\t\t\ttokenRef.current = token\n\t\t\tmeta.current = rebuildMeta()\n\t\t}\n\t\treturn meta.current\n\t}\n\treturn React.useSyncExternalStore<TimelineMeta>(\n\t\t(dispatch) => subscribeToTimeline(store, token, `use-tl:${id}`, dispatch),\n\t\tretrieve,\n\t\tretrieve,\n\t)\n}\n"],"mappings":";;;;;;AAqBA,SAAgB,QAIfA,OAGAC,KACe;CACf,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAMC,aACL,MAAM,SAAS,CAAC,mBAAmB,CAAC,GACjC,YAAY,OAAO,OAAO,IAAW,GACrC;CACJ,MAAM,YAAY,aAAa,OAAO,WAAW;AACjD,QAAO,KAAK,UAAU;AACtB;;;;ACvBD,SAAgB,MAAMC,OAAyC;CAC9D,MAAM,QAAQ,MAAM,WAAW,aAAa;CAC5C,MAAM,KAAK,MAAM,OAAO;CACxB,MAAM,WAAW,SAAS,OAAO,MAAM;CACvC,MAAM,WAAW,MAAM,OAAO,MAAM;CACpC,MAAM,cAAc,MAAM;AACzB,SAAO;GACN,IAAI,SAAS;GACb,QAAQ,SAAS,QAAQ;GACzB,MAAM,MAAM;AACX,SAAK,MAAM;GACX;GACD,MAAM,MAAM;AACX,SAAK,MAAM;GACX;EACD;CACD;CACD,MAAM,OAAO,MAAM,OAAqB,aAAa,CAAC;CACtD,MAAM,WAAW,MAAM;AACtB,MACC,KAAK,QAAQ,OAAO,UAAU,MAC9B,KAAK,QAAQ,WAAW,UAAU,QAAQ,UAC1C,SAAS,YAAY,OACpB;AACD,YAAS,UAAU;AACnB,QAAK,UAAU,aAAa;EAC5B;AACD,SAAO,KAAK;CACZ;AACD,QAAO,MAAM,qBACZ,CAAC,aAAa,oBAAoB,OAAO,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EACzE,UACA,SACA;AACD"}

package/dist/react-devtools/index.css

@@ -1,9 +1,9 @@
 main[data-css="atom_io_devtools"] {
 	--fg-color: #ccc;
 	--fg-light: #aaa;
-	--fg-soft: #777;
-	--fg-faint: #555;
-	--fg-hint: #333;
+	--fg-soft: #888;
+	--fg-faint: #777;
+	--fg-hint: #4a4a4a;
 	--fg-max: #fff;
 	--bg-color: #111;
 	--bg-accent: #00f;
@@ -12,6 +12,7 @@ main[data-css="atom_io_devtools"] {
 	--bg-tint2: #333;
 	--fg-border: 1px solid var(--fg-color);
 	--fg-border-soft: 1px solid var(--fg-soft);
+	--fg-border-hint: 1px solid var(--fg-hint);
 	@media (prefers-color-scheme: light) {
 		--fg-color: #444;
 		--fg-light: #777;
@@ -25,6 +26,9 @@ main[data-css="atom_io_devtools"] {
 		--bg-tint1: #e3e3e3;
 		--bg-tint2: #f3f3f3;
 	}
+	* {
+		box-sizing: border-box;
+	}
 	& {
 		pointer-events: all;
 		box-sizing: border-box;
@@ -43,7 +47,7 @@ main[data-css="atom_io_devtools"] {
 		overflow-y: scroll;
 	}
 	* {
-		font-size: 16px;
+		font-size: 14px;
 		font-family: theia, monospace;
 		line-height: 1em;
 		color: var(--fg-color);
@@ -89,13 +93,15 @@ main[data-css="atom_io_devtools"] {
 		background-color: black;
 		height: 10px;
 	}
-	main {
+	> main {
 		overflow-y: scroll;
 		flex-grow: 1;
 		display: flex;
 		flex-flow: column;
 		gap: 0;
 		article.index {
+			margin-bottom: 24px;
+			border-bottom: var(--fg-border);
 			.node .node {
 				border-right: var(--fg-border);
 				padding-right: 0;
@@ -105,47 +111,26 @@ main[data-css="atom_io_devtools"] {
 				}
 			}
 			.node > .node {
-				margin: 0px 2px 2px 18px;
+				margin: 0px 0px 0px 9px;
 				border-left: var(--fg-border-soft);
-				&:last-of-type {
-					margin-bottom: 6px;
-				}
 			}
 			.node {
 				border-top: var(--fg-border);
 				overflow: visible;
-				&:last-of-type {
-					border-bottom: var(--fg-border);
-				}
+
 				&.transaction_update {
 					padding: 0;
 				}
-				header {
+				> header {
 					display: flex;
 					flex-flow: row;
+					justify-content: space-between;
 					position: sticky;
 					z-index: 999;
 					top: 0;
 					height: 22px;
 					background: var(--bg-tint2);
-					border-bottom: var(--fg-border-soft);
-					button.carat {
-						cursor: pointer;
-						background: none;
-						border: none;
-						width: 20px;
-						color: var(--fg-light);
-						&.open {
-							transform: rotate(90deg);
-						}
-						&:disabled {
-							cursor: default;
-						}
-						&:focus-within {
-							outline: 2px solid var(--fg-max);
-							background: var(--bg-max);
-						}
-					}
+					border-bottom: none;
 					> main {
 						display: flex;
 						flex-flow: row;
@@ -170,22 +155,31 @@ main[data-css="atom_io_devtools"] {
 							}
 						}
 					}
+					> .json_editor {
+						border-left: var(--fg-border-soft);
+						padding: 3px 0px;
+					}
 					> .json_viewer {
 						color: var(--fg-light);
+						font-size: 14px;
+						flex-shrink: 1;
 					}
 					> .json_editor,
 					> .json_viewer {
+						margin-left: 3px;
 						display: flex;
 						flex-shrink: 1;
 						z-index: -1;
 						overflow-x: scroll;
 						align-items: center;
-						border-left: var(--fg-border-soft);
 						white-space: pre;
 						background: var(--bg-tint2);
 						&:focus-within {
 							background-color: var(--bg-max);
 							outline: 2px solid var(--fg-max);
+							* {
+								color: var(--fg-max);
+							}
 						}
 						&.nu * {
 							display: flex;
@@ -197,6 +191,7 @@ main[data-css="atom_io_devtools"] {
 						}
 						input {
 							outline: none;
+							min-width: 10px;
 						}
 					}
 				}
@@ -295,7 +290,7 @@ main[data-css="atom_io_devtools"] {
 			}
 		}
 	}
-	footer {
+	> footer {
 		display: flex;
 		justify-content: flex-end;
 		button {
@@ -310,6 +305,51 @@ main[data-css="atom_io_devtools"] {
 	}
 
 	.json_editor {
+		display: flex;
+		flex-flow: column;
+		align-items: flex-start;
+		> header {
+			width: 100%;
+			display: flex;
+			flex-flow: row;
+			align-items: center;
+			overflow: hidden;
+			white-space: nowrap;
+			justify-content: space-between;
+			&:has(> main > button.carat) {
+				height: 21px;
+			}
+			> main {
+				display: flex;
+				flex-flow: row;
+				align-items: center;
+				flex-shrink: 1;
+				overflow-x: hidden;
+				align-self: center;
+				> .json_viewer {
+					flex-shrink: 1;
+					overflow-x: scroll;
+					height: 21px;
+					font-size: 14px;
+					display: flex;
+					align-items: center;
+					margin-left: 0px;
+					color: var(--fg-soft);
+				}
+				> button {
+					padding: 0;
+					&.carat {
+						line-height: 0.5em;
+						font-size: 14px;
+					}
+				}
+			}
+		}
+		> .json_editor_array,
+		> .json_editor_object {
+			width: 100%;
+			flex-grow: 1;
+		}
 		input {
 			font-family: theia, monospace;
 			background: none;
@@ -318,13 +358,14 @@ main[data-css="atom_io_devtools"] {
 			}
 		}
 		input,
-		button,
 		select {
 			&:focus-within {
 				outline: 2px solid var(--fg-max);
 				background: var(--bg-max);
+				color: var(--fg-max);
 			}
 		}
+
 		button:disabled {
 			cursor: default;
 			> span.json_editor_icon {
@@ -345,13 +386,25 @@ main[data-css="atom_io_devtools"] {
 			font-family: theia, monospace;
 			font-size: 14px;
 			height: 21px;
+			min-width: 21px;
 			margin: none;
 			padding: 4px;
 			padding-bottom: 6px;
 			cursor: pointer;
-			&:hover {
-				color: #333;
-				background-color: #aaa;
+			&:hover,
+			&:focus-within {
+				background-color: var(--fg-faint);
+				&,
+				> * {
+					color: var(--bg-color);
+				}
+			}
+			&:active {
+				background: var(--fg-color);
+				&,
+				> * {
+					color: var(--bg-color);
+				}
 			}
 		}
 		select {
@@ -377,32 +430,45 @@ main[data-css="atom_io_devtools"] {
 			padding-right: 0px;
 			&::after {
 				content: ":";
+				color: var(--fg-soft);
 			}
 			input {
-				color: #999;
-				@media (prefers-color-scheme: light) {
-					color: #777;
-				}
+				color: var(--fg-color);
 			}
 		}
 		.json_editor_object,
 		.json_editor_array {
 			border-left: var(--fg-border-soft);
-			padding-left: 12px;
-			margin-left: 8px;
+			margin-left: 9px;
+			width: calc(100% - 9px);
+			> footer {
+				display: flex;
+				flex-flow: row;
+				justify-content: flex-start;
+				justify-items: flex-start;
+				height: 21px;
+				align-items: baseline;
+				position: relative;
+			}
 			.json_editor_properties,
 			.json_editor_elements {
+				border-top: var(--fg-border-soft);
 				.json_editor_property,
 				.json_editor_element {
+					display: flex;
 					border-bottom: var(--fg-border-soft);
-					margin-bottom: 2px;
-					min-height: 23px;
-					> span {
-						input {
-							min-width: 10px;
-						}
-						> * {
-							border: var(--fg-border-soft);
+					margin-bottom: 0;
+					min-height: 21px;
+					> header {
+						> main {
+							> span {
+								input {
+									min-width: 10px;
+								}
+								> * {
+									border: var(--fg-border-hint);
+								}
+							}
 						}
 					}
 				}
@@ -412,7 +478,7 @@ main[data-css="atom_io_devtools"] {
 						&:last-of-type {
 							border-bottom: none;
 						}
-						> span > * {
+						span > * {
 							border: 1px solid transparent;
 						}
 					}
@@ -420,6 +486,28 @@ main[data-css="atom_io_devtools"] {
 			}
 		}
 	}
+
+	.json_editor_icon {
+		color: var(--fg-soft);
+	}
+
+	button.carat {
+		border: none;
+		cursor: pointer;
+		background: none;
+		> .json_editor_icon {
+			line-height: 4px;
+		}
+		&.open {
+			transform: rotate(90deg);
+		}
+		&:disabled {
+			> .json_editor_icon {
+				cursor: default;
+				color: var(--fg-hint);
+			}
+		}
+	}
 }
 
 

package/dist/react-devtools/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","names":[],"sources":["../../src/react-devtools/devtools.css"],"sourcesContent":["main[data-css=\"atom_io_devtools\"] {\n\t--fg-color: #ccc;\n\t--fg-light: #aaa;\n\t--fg-soft: #777;\n\t--fg-faint: #555;\n\t--fg-hint: #333;\n\t--fg-max: #fff;\n\t--bg-color: #111;\n\t--bg-accent: #00f;\n\t--bg-max: #000;\n\t--bg-tint1: #222;\n\t--bg-tint2: #333;\n\t--fg-border: 1px solid var(--fg-color);\n\t--fg-border-soft: 1px solid var(--fg-soft);\n\t@media (prefers-color-scheme: light) {\n\t\t--fg-color: #444;\n\t\t--fg-light: #777;\n\t\t--fg-soft: #888;\n\t\t--fg-faint: #999;\n\t\t--fg-hint: #ccc;\n\t\t--fg-max: #000;\n\t\t--bg-color: #ddd;\n\t\t--bg-accent: #0ff;\n\t\t--bg-max: #fff;\n\t\t--bg-tint1: #e3e3e3;\n\t\t--bg-tint2: #f3f3f3;\n\t}\n\t& {\n\t\tpointer-events: all;\n\t\tbox-sizing: border-box;\n\t\tcolor: var(--fg-color);\n\t\tbackground-color: var(--bg-color);\n\t\tborder: 2px solid var(--fg-color);\n\t\tposition: fixed;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tmax-height: 800px;\n\t\twidth: 100%;\n\t\tmax-width: 500px;\n\t\toverflow-y: scroll;\n\t}\n\t* {\n\t\tfont-size: 16px;\n\t\tfont-family: theia, monospace;\n\t\tline-height: 1em;\n\t\tcolor: var(--fg-color);\n\t}\n\t> header {\n\t\tpadding-bottom: 0;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\th1 {\n\t\t\tmargin: 2px 4px;\n\t\t\tfont-size: 24px;\n\t\t\tfont-family: charter, serif;\n\t\t}\n\t\tnav {\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\tflex-flow: row nowrap;\n\t\t\tmargin-top: 4px;\n\t\t\toverflow-x: scroll;\n\t\t\toverflow-y: visible;\n\t\t\theight: 24px;\n\t\t\tbutton {\n\t\t\t\theight: 24px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tbackground: none;\n\t\t\t\tborder: none;\n\t\t\t\tpadding: 0px 5px;\n\t\t\t\tmargin-bottom: -2px;\n\t\t\t\tz-index: 1000;\n\t\t\t\t&:disabled {\n\t\t\t\t\tcursor: default;\n\t\t\t\t\tbackground-color: var(--fg-color);\n\t\t\t\t\tcolor: var(--bg-color);\n\t\t\t\t\tborder: var(--fg-border);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t> main {\n\t\tbackground: var(--bg-tint1);\n\t}\n\t> main::before {\n\t\tbackground-color: black;\n\t\theight: 10px;\n\t}\n\tmain {\n\t\toverflow-y: scroll;\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tgap: 0;\n\t\tarticle.index {\n\t\t\t.node .node {\n\t\t\t\tborder-right: var(--fg-border);\n\t\t\t\tpadding-right: 0;\n\t\t\t\tbackground: #ffffff08;\n\t\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\t\tbackground: #00000004;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.node > .node {\n\t\t\t\tmargin: 0px 2px 2px 18px;\n\t\t\t\tborder-left: var(--fg-border-soft);\n\t\t\t\t&:last-of-type {\n\t\t\t\t\tmargin-bottom: 6px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.node {\n\t\t\t\tborder-top: var(--fg-border);\n\t\t\t\toverflow: visible;\n\t\t\t\t&:last-of-type {\n\t\t\t\t\tborder-bottom: var(--fg-border);\n\t\t\t\t}\n\t\t\t\t&.transaction_update {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t\theader {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-flow: row;\n\t\t\t\t\tposition: sticky;\n\t\t\t\t\tz-index: 999;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\theight: 22px;\n\t\t\t\t\tbackground: var(--bg-tint2);\n\t\t\t\t\tborder-bottom: var(--fg-border-soft);\n\t\t\t\t\tbutton.carat {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tbackground: none;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\tcolor: var(--fg-light);\n\t\t\t\t\t\t&.open {\n\t\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:disabled {\n\t\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&:focus-within {\n\t\t\t\t\t\t\toutline: 2px solid var(--fg-max);\n\t\t\t\t\t\t\tbackground: var(--bg-max);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t> main {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row;\n\t\t\t\t\t\tcursor: help;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t\t* {\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\talign-content: center;\n\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t}\n\t\t\t\t\t\th2 {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.detail {\n\t\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t\t\tcolor: #777;\n\t\t\t\t\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\t\t\t\t\tcolor: #999;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t> .json_viewer {\n\t\t\t\t\t\tcolor: var(--fg-light);\n\t\t\t\t\t}\n\t\t\t\t\t> .json_editor,\n\t\t\t\t\t> .json_viewer {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-shrink: 1;\n\t\t\t\t\t\tz-index: -1;\n\t\t\t\t\t\toverflow-x: scroll;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tborder-left: var(--fg-border-soft);\n\t\t\t\t\t\twhite-space: pre;\n\t\t\t\t\t\tbackground: var(--bg-tint2);\n\t\t\t\t\t\t&:focus-within {\n\t\t\t\t\t\t\tbackground-color: var(--bg-max);\n\t\t\t\t\t\t\toutline: 2px solid var(--fg-max);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.nu * {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t> span {\n\t\t\t\t\t\t\tpadding: 0px 5px;\n\t\t\t\t\t\t\tz-index: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tsection.transaction_log {\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmain {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\tgap: 5px;\n\t\t\t\t\t.transaction_update {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\tjustify-items: flex-start;\n\t\t\t\t\t\talign-content: flex-start;\n\t\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\t\tborder-top: var(--fg-border);\n\t\t\t\t\t\theader {\n\t\t\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\tfont-size: inherit;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmain {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-flow: column;\n\t\t\t\t\t\t\tgap: 0px;\n\t\t\t\t\t\t\tborder-left: 1px solid #333;\n\t\t\t\t\t\t\tsection ~ section {\n\t\t\t\t\t\t\t\tborder-top: 1px solid #333;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsection {\n\t\t\t\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t\t\t\t&.transaction_output {\n\t\t\t\t\t\t\t\t\tborder-right: none;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&.transaction_impact {\n\t\t\t\t\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\tarticle {\n\t\t\t\t\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\t\t\t\t\tborder-right: var(--fg-border);\n\t\t\t\t\t\t\t\t\t.summary {\n\t\t\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tsection.timeline_log {\n\t\t\t\theader {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t> main {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\t\t.gap {\n\t\t\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tnav {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\tgap: 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.timeline_update {\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\th4 {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tfont-size: inherit;\n\t\t\t\t\t}\n\t\t\t\t\tmain {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t.node.atom_update {\n\t\t\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.you_are_here {\n\t\t\t\t\tbackground: var(--fg-color);\n\t\t\t\t\tcolor: var(--bg-color);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tfooter {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tbutton {\n\t\t\tcursor: pointer;\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tpadding: none;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t}\n\t}\n\n\t.json_editor {\n\t\tinput {\n\t\t\tfont-family: theia, monospace;\n\t\t\tbackground: none;\n\t\t\t&:disabled {\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t}\n\t\tinput,\n\t\tbutton,\n\t\tselect {\n\t\t\t&:focus-within {\n\t\t\t\toutline: 2px solid var(--fg-max);\n\t\t\t\tbackground: var(--bg-max);\n\t\t\t}\n\t\t}\n\t\tbutton:disabled {\n\t\t\tcursor: default;\n\t\t\t> span.json_editor_icon {\n\t\t\t\tcolor: var(--fg-hint);\n\t\t\t}\n\t\t\t&:hover {\n\t\t\t\tbackground: none;\n\t\t\t}\n\t\t}\n\t\tinput::selection {\n\t\t\tbackground: var(--bg-accent);\n\t\t}\n\n\t\tbutton {\n\t\t\tbackground: none;\n\t\t\tcolor: #777;\n\t\t\tborder: none;\n\t\t\tfont-family: theia, monospace;\n\t\t\tfont-size: 14px;\n\t\t\theight: 21px;\n\t\t\tmargin: none;\n\t\t\tpadding: 4px;\n\t\t\tpadding-bottom: 6px;\n\t\t\tcursor: pointer;\n\t\t\t&:hover {\n\t\t\t\tcolor: #333;\n\t\t\t\tbackground-color: #aaa;\n\t\t\t}\n\t\t}\n\t\tselect {\n\t\t\tfont-family: theia, monospace;\n\t\t\tfont-size: 14px;\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tcolor: #777;\n\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\tcolor: #999;\n\t\t\t}\n\t\t}\n\t\t.json_editor_unofficial {\n\t\t\tbackground-color: #777;\n\t\t\tbutton {\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t}\n\t\t.json_editor_missing {\n\t\t\tbackground-color: #f055;\n\t\t}\n\t\t.json_editor_key {\n\t\t\tpadding-right: 0px;\n\t\t\t&::after {\n\t\t\t\tcontent: \":\";\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tcolor: #999;\n\t\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\t\tcolor: #777;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.json_editor_object,\n\t\t.json_editor_array {\n\t\t\tborder-left: var(--fg-border-soft);\n\t\t\tpadding-left: 12px;\n\t\t\tmargin-left: 8px;\n\t\t\t.json_editor_properties,\n\t\t\t.json_editor_elements {\n\t\t\t\t.json_editor_property,\n\t\t\t\t.json_editor_element {\n\t\t\t\t\tborder-bottom: var(--fg-border-soft);\n\t\t\t\t\tmargin-bottom: 2px;\n\t\t\t\t\tmin-height: 23px;\n\t\t\t\t\t> span {\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\tmin-width: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t> * {\n\t\t\t\t\t\t\tborder: var(--fg-border-soft);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&.readonly {\n\t\t\t\t\t.json_editor_property,\n\t\t\t\t\t.json_editor_element {\n\t\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t> span > * {\n\t\t\t\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"index.css","names":[],"sources":["../../src/react-devtools/devtools.css"],"sourcesContent":["main[data-css=\"atom_io_devtools\"] {\n\t--fg-color: #ccc;\n\t--fg-light: #aaa;\n\t--fg-soft: #888;\n\t--fg-faint: #777;\n\t--fg-hint: #4a4a4a;\n\t--fg-max: #fff;\n\t--bg-color: #111;\n\t--bg-accent: #00f;\n\t--bg-max: #000;\n\t--bg-tint1: #222;\n\t--bg-tint2: #333;\n\t--fg-border: 1px solid var(--fg-color);\n\t--fg-border-soft: 1px solid var(--fg-soft);\n\t--fg-border-hint: 1px solid var(--fg-hint);\n\t@media (prefers-color-scheme: light) {\n\t\t--fg-color: #444;\n\t\t--fg-light: #777;\n\t\t--fg-soft: #888;\n\t\t--fg-faint: #999;\n\t\t--fg-hint: #ccc;\n\t\t--fg-max: #000;\n\t\t--bg-color: #ddd;\n\t\t--bg-accent: #0ff;\n\t\t--bg-max: #fff;\n\t\t--bg-tint1: #e3e3e3;\n\t\t--bg-tint2: #f3f3f3;\n\t}\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\t& {\n\t\tpointer-events: all;\n\t\tbox-sizing: border-box;\n\t\tcolor: var(--fg-color);\n\t\tbackground-color: var(--bg-color);\n\t\tborder: 2px solid var(--fg-color);\n\t\tposition: fixed;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tmax-height: 800px;\n\t\twidth: 100%;\n\t\tmax-width: 500px;\n\t\toverflow-y: scroll;\n\t}\n\t* {\n\t\tfont-size: 14px;\n\t\tfont-family: theia, monospace;\n\t\tline-height: 1em;\n\t\tcolor: var(--fg-color);\n\t}\n\t> header {\n\t\tpadding-bottom: 0;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\th1 {\n\t\t\tmargin: 2px 4px;\n\t\t\tfont-size: 24px;\n\t\t\tfont-family: charter, serif;\n\t\t}\n\t\tnav {\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\tflex-flow: row nowrap;\n\t\t\tmargin-top: 4px;\n\t\t\toverflow-x: scroll;\n\t\t\toverflow-y: visible;\n\t\t\theight: 24px;\n\t\t\tbutton {\n\t\t\t\theight: 24px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tbackground: none;\n\t\t\t\tborder: none;\n\t\t\t\tpadding: 0px 5px;\n\t\t\t\tmargin-bottom: -2px;\n\t\t\t\tz-index: 1000;\n\t\t\t\t&:disabled {\n\t\t\t\t\tcursor: default;\n\t\t\t\t\tbackground-color: var(--fg-color);\n\t\t\t\t\tcolor: var(--bg-color);\n\t\t\t\t\tborder: var(--fg-border);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t> main {\n\t\tbackground: var(--bg-tint1);\n\t}\n\t> main::before {\n\t\tbackground-color: black;\n\t\theight: 10px;\n\t}\n\t> main {\n\t\toverflow-y: scroll;\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\tgap: 0;\n\t\tarticle.index {\n\t\t\tmargin-bottom: 24px;\n\t\t\tborder-bottom: var(--fg-border);\n\t\t\t.node .node {\n\t\t\t\tborder-right: var(--fg-border);\n\t\t\t\tpadding-right: 0;\n\t\t\t\tbackground: #ffffff08;\n\t\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\t\tbackground: #00000004;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.node > .node {\n\t\t\t\tmargin: 0px 0px 0px 9px;\n\t\t\t\tborder-left: var(--fg-border-soft);\n\t\t\t}\n\t\t\t.node {\n\t\t\t\tborder-top: var(--fg-border);\n\t\t\t\toverflow: visible;\n\n\t\t\t\t&.transaction_update {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t\t> header {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-flow: row;\n\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\tposition: sticky;\n\t\t\t\t\tz-index: 999;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\theight: 22px;\n\t\t\t\t\tbackground: var(--bg-tint2);\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\t> main {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row;\n\t\t\t\t\t\tcursor: help;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tflex-shrink: 0;\n\t\t\t\t\t\t* {\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\talign-content: center;\n\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t}\n\t\t\t\t\t\th2 {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.detail {\n\t\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t\t\tcolor: #777;\n\t\t\t\t\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\t\t\t\t\tcolor: #999;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t> .json_editor {\n\t\t\t\t\t\tborder-left: var(--fg-border-soft);\n\t\t\t\t\t\tpadding: 3px 0px;\n\t\t\t\t\t}\n\t\t\t\t\t> .json_viewer {\n\t\t\t\t\t\tcolor: var(--fg-light);\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\tflex-shrink: 1;\n\t\t\t\t\t}\n\t\t\t\t\t> .json_editor,\n\t\t\t\t\t> .json_viewer {\n\t\t\t\t\t\tmargin-left: 3px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-shrink: 1;\n\t\t\t\t\t\tz-index: -1;\n\t\t\t\t\t\toverflow-x: scroll;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\twhite-space: pre;\n\t\t\t\t\t\tbackground: var(--bg-tint2);\n\t\t\t\t\t\t&:focus-within {\n\t\t\t\t\t\t\tbackground-color: var(--bg-max);\n\t\t\t\t\t\t\toutline: 2px solid var(--fg-max);\n\t\t\t\t\t\t\t* {\n\t\t\t\t\t\t\t\tcolor: var(--fg-max);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t&.nu * {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t> span {\n\t\t\t\t\t\t\tpadding: 0px 5px;\n\t\t\t\t\t\t\tz-index: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\tmin-width: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tsection.transaction_log {\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmain {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\tgap: 5px;\n\t\t\t\t\t.transaction_update {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\tjustify-items: flex-start;\n\t\t\t\t\t\talign-content: flex-start;\n\t\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\t\tborder-top: var(--fg-border);\n\t\t\t\t\t\theader {\n\t\t\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t\t\th4 {\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\tfont-size: inherit;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmain {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-flow: column;\n\t\t\t\t\t\t\tgap: 0px;\n\t\t\t\t\t\t\tborder-left: 1px solid #333;\n\t\t\t\t\t\t\tsection ~ section {\n\t\t\t\t\t\t\t\tborder-top: 1px solid #333;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsection {\n\t\t\t\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t\t\t\t&.transaction_output {\n\t\t\t\t\t\t\t\t\tborder-right: none;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&.transaction_impact {\n\t\t\t\t\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\tarticle {\n\t\t\t\t\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\t\t\t\t\tborder-right: var(--fg-border);\n\t\t\t\t\t\t\t\t\t.summary {\n\t\t\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tsection.timeline_log {\n\t\t\t\theader {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t> main {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\t\t.gap {\n\t\t\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tnav {\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\tgap: 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.timeline_update {\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\th4 {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tfont-size: inherit;\n\t\t\t\t\t}\n\t\t\t\t\tmain {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t.node.atom_update {\n\t\t\t\t\t\t\tborder-left: var(--fg-border);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.you_are_here {\n\t\t\t\t\tbackground: var(--fg-color);\n\t\t\t\t\tcolor: var(--bg-color);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t> footer {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-end;\n\t\tbutton {\n\t\t\tcursor: pointer;\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tpadding: none;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t}\n\t}\n\n\t.json_editor {\n\t\tdisplay: flex;\n\t\tflex-flow: column;\n\t\talign-items: flex-start;\n\t\t> header {\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-flow: row;\n\t\t\talign-items: center;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\tjustify-content: space-between;\n\t\t\t&:has(> main > button.carat) {\n\t\t\t\theight: 21px;\n\t\t\t}\n\t\t\t> main {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-flow: row;\n\t\t\t\talign-items: center;\n\t\t\t\tflex-shrink: 1;\n\t\t\t\toverflow-x: hidden;\n\t\t\t\talign-self: center;\n\t\t\t\t> .json_viewer {\n\t\t\t\t\tflex-shrink: 1;\n\t\t\t\t\toverflow-x: scroll;\n\t\t\t\t\theight: 21px;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tmargin-left: 0px;\n\t\t\t\t\tcolor: var(--fg-soft);\n\t\t\t\t}\n\t\t\t\t> button {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\t&.carat {\n\t\t\t\t\t\tline-height: 0.5em;\n\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t> .json_editor_array,\n\t\t> .json_editor_object {\n\t\t\twidth: 100%;\n\t\t\tflex-grow: 1;\n\t\t}\n\t\tinput {\n\t\t\tfont-family: theia, monospace;\n\t\t\tbackground: none;\n\t\t\t&:disabled {\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t}\n\t\tinput,\n\t\tselect {\n\t\t\t&:focus-within {\n\t\t\t\toutline: 2px solid var(--fg-max);\n\t\t\t\tbackground: var(--bg-max);\n\t\t\t\tcolor: var(--fg-max);\n\t\t\t}\n\t\t}\n\n\t\tbutton:disabled {\n\t\t\tcursor: default;\n\t\t\t> span.json_editor_icon {\n\t\t\t\tcolor: var(--fg-hint);\n\t\t\t}\n\t\t\t&:hover {\n\t\t\t\tbackground: none;\n\t\t\t}\n\t\t}\n\t\tinput::selection {\n\t\t\tbackground: var(--bg-accent);\n\t\t}\n\n\t\tbutton {\n\t\t\tbackground: none;\n\t\t\tcolor: #777;\n\t\t\tborder: none;\n\t\t\tfont-family: theia, monospace;\n\t\t\tfont-size: 14px;\n\t\t\theight: 21px;\n\t\t\tmin-width: 21px;\n\t\t\tmargin: none;\n\t\t\tpadding: 4px;\n\t\t\tpadding-bottom: 6px;\n\t\t\tcursor: pointer;\n\t\t\t&:hover,\n\t\t\t&:focus-within {\n\t\t\t\tbackground-color: var(--fg-faint);\n\t\t\t\t&,\n\t\t\t\t> * {\n\t\t\t\t\tcolor: var(--bg-color);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:active {\n\t\t\t\tbackground: var(--fg-color);\n\t\t\t\t&,\n\t\t\t\t> * {\n\t\t\t\t\tcolor: var(--bg-color);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tselect {\n\t\t\tfont-family: theia, monospace;\n\t\t\tfont-size: 14px;\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tcolor: #777;\n\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\tcolor: #999;\n\t\t\t}\n\t\t}\n\t\t.json_editor_unofficial {\n\t\t\tbackground-color: #777;\n\t\t\tbutton {\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t}\n\t\t.json_editor_missing {\n\t\t\tbackground-color: #f055;\n\t\t}\n\t\t.json_editor_key {\n\t\t\tpadding-right: 0px;\n\t\t\t&::after {\n\t\t\t\tcontent: \":\";\n\t\t\t\tcolor: var(--fg-soft);\n\t\t\t}\n\t\t\tinput {\n\t\t\t\tcolor: var(--fg-color);\n\t\t\t}\n\t\t}\n\t\t.json_editor_object,\n\t\t.json_editor_array {\n\t\t\tborder-left: var(--fg-border-soft);\n\t\t\tmargin-left: 9px;\n\t\t\twidth: calc(100% - 9px);\n\t\t\t> footer {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-flow: row;\n\t\t\t\tjustify-content: flex-start;\n\t\t\t\tjustify-items: flex-start;\n\t\t\t\theight: 21px;\n\t\t\t\talign-items: baseline;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.json_editor_properties,\n\t\t\t.json_editor_elements {\n\t\t\t\tborder-top: var(--fg-border-soft);\n\t\t\t\t.json_editor_property,\n\t\t\t\t.json_editor_element {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tborder-bottom: var(--fg-border-soft);\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\tmin-height: 21px;\n\t\t\t\t\t> header {\n\t\t\t\t\t\t> main {\n\t\t\t\t\t\t\t> span {\n\t\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\t\tmin-width: 10px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t> * {\n\t\t\t\t\t\t\t\t\tborder: var(--fg-border-hint);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t&.readonly {\n\t\t\t\t\t.json_editor_property,\n\t\t\t\t\t.json_editor_element {\n\t\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tspan > * {\n\t\t\t\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.json_editor_icon {\n\t\tcolor: var(--fg-soft);\n\t}\n\n\tbutton.carat {\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\tbackground: none;\n\t\t> .json_editor_icon {\n\t\t\tline-height: 4px;\n\t\t}\n\t\t&.open {\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\t\t&:disabled {\n\t\t\t> .json_editor_icon {\n\t\t\t\tcursor: default;\n\t\t\t\tcolor: var(--fg-hint);\n\t\t\t}\n\t\t}\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/react-devtools/index.d.ts

@@ -93,6 +93,7 @@ type JsonEditorComponents = {
     disabled?: boolean;
   }>;
   DeleteIcon: FC;
+  AddIcon: FC;
   EditorWrapper: WC<{
     style?: CSSProperties | undefined;
     className?: string | undefined;
@@ -128,6 +129,8 @@ type JsonEditorProps_INTERNAL<T> = {
     data: T;
   }> | undefined;
   Components: JsonEditorComponents;
+  isOpen?: boolean;
+  setIsOpen?: (newValue: boolean) => void;
   testid?: string | undefined;
 };
 //#endregion
@@ -156,6 +159,7 @@ declare const JsonEditor: <T>({
   name,
   rename,
   remove,
+  path,
   isReadonly,
   isHidden,
   className,

package/dist/react-devtools/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":["AtomIODevtools: React.FC","ElasticInput: ForwardRefExoticComponent<\n\tDetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {\n\t\twidthPadding?: number\n\t}\n>","min: number","max: number","value: number","input: string","VALID_NON_NUMBER_INTERPRETATIONS: Readonly<\n\tRecord<ValidNonNumber, number | null>\n>","DEFAULT_NUMBER_CONSTRAINTS: NumberConstraints","e: React.ChangeEvent<HTMLInputElement>","e: React.MouseEvent<HTMLDivElement, MouseEvent>","newValue: number | null","NumberInput: FC<NumberInputProps>","value: string","TextInput: FC<TextInputProps>","DefaultFallback: FC<FallbackProps>","error: Error | string","errorInfo: ErrorInfo","newState:\n\t\t\t\t| ErrorBoundaryState\n\t\t\t\t| ((currState: ErrorBoundaryState) => ErrorBoundaryState)","currState: ErrorBoundaryState","props: ErrorBoundaryProps","error: Error","DEFAULT_JSON_EDITOR_COMPONENTS: JsonEditorComponents","newKey: string","newType: keyof JsonTypes","path: ReadonlyArray<number | string>","SubEditors: Record<\n\tkeyof JsonTypes,\n\tFC<JsonEditorProps_INTERNAL<any>>\n>","valOrUpdater: T | ((currVal: T) => T)","currVal: T","newKey: string","path: ReadonlyArray<number | string>","input: unknown","next: New | ((old: T) => New)","old: T"],"sources":["../../src/react-devtools/AtomIODevtools.tsx","../../src/react-devtools/elastic-input/ElasticInput.tsx","../../src/react-devtools/elastic-input/NumberInput.tsx","../../src/react-devtools/elastic-input/TextInput.tsx","../../src/react-devtools/error-boundary/DefaultFallback.tsx","../../src/react-devtools/error-boundary/ReactErrorBoundary.tsx","../../src/react-devtools/json-editor/default-components.tsx","../../src/react-devtools/json-editor/json-editor-internal.tsx","../../src/react-devtools/json-editor/developer-interface.tsx","../../src/react-devtools/json-editor/editors-by-type/utilities/cast-to-json.ts","../../src/react-devtools/json-editor/index.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":["AtomIODevtools: React.FC","ElasticInput: ForwardRefExoticComponent<\n\tDetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {\n\t\twidthPadding?: number\n\t}\n>","min: number","max: number","value: number","input: string","VALID_NON_NUMBER_INTERPRETATIONS: Readonly<\n\tRecord<ValidNonNumber, number | null>\n>","DEFAULT_NUMBER_CONSTRAINTS: NumberConstraints","e: React.ChangeEvent<HTMLInputElement>","e: React.MouseEvent<HTMLDivElement, MouseEvent>","newValue: number | null","NumberInput: FC<NumberInputProps>","value: string","TextInput: FC<TextInputProps>","DefaultFallback: FC<FallbackProps>","error: Error | string","errorInfo: ErrorInfo","newState:\n\t\t\t\t| ErrorBoundaryState\n\t\t\t\t| ((currState: ErrorBoundaryState) => ErrorBoundaryState)","currState: ErrorBoundaryState","props: ErrorBoundaryProps","error: Error","DEFAULT_JSON_EDITOR_COMPONENTS: JsonEditorComponents","newKey: string","newType: keyof JsonTypes","path: ReadonlyArray<number | string>","newValue: boolean","SubEditors: Record<\n\tkeyof JsonTypes,\n\tFC<JsonEditorProps_INTERNAL<any>>\n>","valOrUpdater: T | ((currVal: T) => T)","currVal: T","newKey: string","path: ReadonlyArray<number | string>","input: unknown","next: New | ((old: T) => New)","old: T"],"sources":["../../src/react-devtools/AtomIODevtools.tsx","../../src/react-devtools/elastic-input/ElasticInput.tsx","../../src/react-devtools/elastic-input/NumberInput.tsx","../../src/react-devtools/elastic-input/TextInput.tsx","../../src/react-devtools/error-boundary/DefaultFallback.tsx","../../src/react-devtools/error-boundary/ReactErrorBoundary.tsx","../../src/react-devtools/json-editor/default-components.tsx","../../src/react-devtools/json-editor/json-editor-internal.tsx","../../src/react-devtools/json-editor/developer-interface.tsx","../../src/react-devtools/json-editor/editors-by-type/utilities/cast-to-json.ts","../../src/react-devtools/json-editor/index.ts"],"sourcesContent":[],"mappings":"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"}