atom.io 0.33.13 → 0.33.14

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: #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"}
+{"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\n\t> main {\n\t\tbackground: var(--bg-tint1);\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: 0px;\n\t\t\tpadding-bottom: 24px;\n\t\t\tborder-top: var(--fg-border);\n\t\t\tmin-height: calc(100% - 24px);\n\t\t\tdisplay: flex;\n\t\t\tflex-shrink: 0;\n\t\t\tflex-flow: column;\n\t\t\t.node .node {\n\t\t\t\tborder-right: none;\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.index-empty-state {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tfont-style: italic;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t\t.node > .node {\n\t\t\t\tmargin: 0px 0px 0px 9px;\n\t\t\t\twidth: calc(100% - 9px);\n\t\t\t\tborder-left: var(--fg-border-soft);\n\t\t\t\t&:first-of-type {\n\t\t\t\t\tborder-top: var(--fg-border-soft);\n\t\t\t\t}\n\t\t\t\t&:last-of-type {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.node {\n\t\t\t\tposition: relative;\n\t\t\t\tborder-bottom: var(--fg-border-soft);\n\t\t\t\toverflow: visible;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-flow: column;\n\t\t\t\t&.transaction_update {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\n\t\t\t\t> header {\n\t\t\t\t\twidth: auto;\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\talign-items: center;\n\t\t\t\t\toverflow: hidden;\n\n\t\t\t\t\t> main {\n\t\t\t\t\t\theight: 100%;\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}\n\n\t\t\t\t\t> footer {\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\twidth: fit-content;\n\t\t\t\t\t\tmin-width: 0;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tflex-shrink: 1;\n\t\t\t\t\t\t> button {\n\t\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\t\tbackground: none;\n\t\t\t\t\t\t\tborder-left: var(--fg-border-soft);\n\t\t\t\t\t\t}\n\t\t\t\t\t\t> .json_viewer {\n\t\t\t\t\t\t\tcolor: var(--fg-light);\n\t\t\t\t\t\t\tflex-shrink: 1;\n\t\t\t\t\t\t\toverflow: scroll;\n\t\t\t\t\t\t\talign-self: center;\n\t\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t> .json_editor,\n\t\t\t\t\t\t> .json_viewer {\n\t\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\t\tmin-width: 10px;\n\t\t\t\t\t\t\tpadding-left: 4px;\n\t\t\t\t\t\t\tpadding-right: 2px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-flow: row;\n\t\t\t\t\t\t\tmargin-right: 0px;\n\t\t\t\t\t\t\toverflow-x: scroll;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tjustify-content: flex-start;\n\t\t\t\t\t\t\twhite-space: pre;\n\t\t\t\t\t\t\tborder-left: var(--fg-border-soft);\n\t\t\t\t\t\t\t&:focus-within {\n\t\t\t\t\t\t\t\tbackground-color: var(--bg-max);\n\t\t\t\t\t\t\t\toutline: 2px solid var(--fg-max);\n\t\t\t\t\t\t\t\t* {\n\t\t\t\t\t\t\t\t\tcolor: var(--fg-max);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmain {\n\t\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t> span {\n\t\t\t\t\t\t\t\tpadding: 0px 5px;\n\t\t\t\t\t\t\t\tz-index: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.detail {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t\tcolor: #777;\n\t\t\t\t\t\t@media (prefers-color-scheme: light) {\n\t\t\t\t\t\t\tcolor: #999;\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: 0;\n\t\t\t\t\tarticle.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: none;\n\t\t\t\t\t\tborder-bottom: none;\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\theight: 100%;\n\t\t\t\t\t\t\tpadding: 5px;\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\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\tflex-grow: 1;\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\tborder-bottom: none;\n\t\t\t\t\t\t\t\tmargin: 0;\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\n\t\t\t\t\t\t\t\tarticle {\n\t\t\t\t\t\t\t\t\tpadding: 3px 6px;\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&:first-of-type {\n\t\t\t\t\t\t\t\t\t\tborder-top: var(--fg-border);\n\t\t\t\t\t\t\t\t\t}\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\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\n\t> footer {\n\t\tz-index: 10000;\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\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\talign-self: center;\n\t\t\t\tflex-shrink: 1;\n\t\t\t\toverflow-x: hidden;\n\t\t\t\tpadding-right: 2px;\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;;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;;AAEA;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;;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;;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;;AAEA;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;;AAEA;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.js

@@ -1,5 +1,5 @@
 import { useI, useO } from "../use-o-BrXc7Qro.js";
-import { IMPLICIT, actUponStore, arbitrary, become, createAtomFamily, createStandaloneAtom, createTransaction, findInStore, getFromStore } from "atom.io/internal";
+import { IMPLICIT, actUponStore, arbitrary, become, createAtomFamily, createStandaloneAtom, createTransaction, disposeFromStore, findInStore, getFromStore } from "atom.io/internal";
 import { JSON_DEFAULTS, fromEntries, isJson, stringifyJson, toEntries } from "atom.io/json";
 import { redo, undo } from "atom.io";
 import { Component, Fragment, createContext, forwardRef, useContext, useId, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
@@ -195,7 +195,7 @@ function attachDevtoolsStates(store) {
 		effects: (key) => typeof window === `undefined` ? [] : [persistSync(window.localStorage, JSON, `view-is-open:${key.join()}`)]
 	});
 	const openCloseAllTX = createTransaction(store, {
-		key: `openCloseMultiView`,
+		key: `🔍 Open Close All`,
 		do: ({ get, set }, path, current) => {
 			const currentView = get(devtoolsViewSelectionState);
 			let states;
@@ -1037,7 +1037,7 @@ const StoreEditor = ({ token }) => {
 
 //#endregion
 //#region src/react-devtools/StateIndex.tsx
-const StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
+const StateIndexLeafNode = ({ node, isOpenState, typeState, dispose }) => {
 	const { openCloseAllTX, store } = useContext(DevtoolsContext);
 	const setIsOpen = useI$1(isOpenState);
 	const isOpen = useO$1(isOpenState);
@@ -1074,10 +1074,16 @@ const StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
 				]
 			})
 		]
-	}), isPrimitive ? /* @__PURE__ */ jsx(StoreEditor, { token: node }) : /* @__PURE__ */ jsx("div", {
+	}), /* @__PURE__ */ jsxs("footer", { children: [isPrimitive ? /* @__PURE__ */ jsx(StoreEditor, { token: node }) : /* @__PURE__ */ jsx("div", {
 		className: "json_viewer",
 		children: JSON.stringify(state)
-	})] }), isOpen && !isPrimitive ? /* @__PURE__ */ jsx("main", { children: /* @__PURE__ */ jsx(StoreEditor, { token: node }) }) : null] });
+	}), dispose ? /* @__PURE__ */ jsx(DEFAULT_JSON_EDITOR_COMPONENTS.Button, {
+		onClick: () => {
+			dispose?.();
+		},
+		testid: `${node.key}-dispose`,
+		children: /* @__PURE__ */ jsx(DEFAULT_JSON_EDITOR_COMPONENTS.DeleteIcon, {})
+	}) : null] })] }), isOpen && !isPrimitive ? /* @__PURE__ */ jsx("main", { children: /* @__PURE__ */ jsx(StoreEditor, { token: node }) }) : null] });
 };
 const StateIndexTreeNode = ({ node, isOpenState }) => {
 	const setIsOpen = useI$1(isOpenState);
@@ -1105,17 +1111,21 @@ const StateIndexTreeNode = ({ node, isOpenState }) => {
 	] }) }), isOpen ? [...node.familyMembers.entries()].map(([key, childNode]) => /* @__PURE__ */ jsx(StateIndexNode, {
 		node: childNode,
 		isOpenState: findInStore(store, viewIsOpenAtoms, [node.key, key]),
-		typeState: findInStore(store, typeSelectors, childNode.key)
+		typeState: findInStore(store, typeSelectors, childNode.key),
+		dispose: () => {
+			disposeFromStore(store, childNode);
+		}
 	}, key)) : null] });
 };
-const StateIndexNode = ({ node, isOpenState, typeState }) => {
+const StateIndexNode = ({ node, isOpenState, typeState, dispose }) => {
 	return /* @__PURE__ */ jsx("section", {
 		className: "node state",
 		"data-testid": `state-${node.key}`,
 		children: `type` in node ? /* @__PURE__ */ jsx(StateIndexLeafNode, {
 			node,
 			isOpenState,
-			typeState
+			typeState,
+			dispose
 		}) : /* @__PURE__ */ jsx(StateIndexTreeNode, {
 			node,
 			isOpenState
@@ -1125,10 +1135,18 @@ const StateIndexNode = ({ node, isOpenState, typeState }) => {
 const StateIndex = ({ tokenIndex }) => {
 	const tokenIds = useO$1(tokenIndex);
 	const { typeSelectors, viewIsOpenAtoms, store } = useContext(DevtoolsContext);
+	const statesName = tokenIndex.key.includes(`Atom`) ? `atoms` : `selectors`;
 	return /* @__PURE__ */ jsx("article", {
 		className: "index state_index",
 		"data-testid": "state-index",
-		children: [...tokenIds.entries()].map(([key, node]) => {
+		children: tokenIds.size === 0 ? /* @__PURE__ */ jsxs("p", {
+			className: "index-empty-state",
+			children: [
+				"(no ",
+				statesName,
+				")"
+			]
+		}) : [...tokenIds.entries()].map(([key, node]) => {
 			return /* @__PURE__ */ jsx(StateIndexNode, {
 				node,
 				isOpenState: findInStore(store, viewIsOpenAtoms, [node.key]),
@@ -1339,7 +1357,10 @@ const TimelineIndex = () => {
 	return /* @__PURE__ */ jsx("article", {
 		className: "index timeline_index",
 		"data-testid": "timeline-index",
-		children: tokenIds.filter((token) => !token.key.startsWith(`👁‍🗨`)).map((token) => {
+		children: tokenIds.length === 0 ? /* @__PURE__ */ jsx("p", {
+			className: "index-empty-state",
+			children: "(no timelines)"
+		}) : tokenIds.filter((token) => !token.key.startsWith(`👁‍🗨`)).map((token) => {
 			return /* @__PURE__ */ jsx(TimelineLog, {
 				token,
 				isOpenState: findInStore(store, viewIsOpenAtoms, [token.key]),
@@ -1358,18 +1379,18 @@ const TransactionLog = ({ token, isOpenState, logState }) => {
 	return /* @__PURE__ */ jsxs("section", {
 		className: "node transaction_log",
 		"data-testid": `transaction-${token.key}`,
-		children: [/* @__PURE__ */ jsxs("header", { children: [/* @__PURE__ */ jsx(button.OpenClose, {
+		children: [/* @__PURE__ */ jsxs("header", { children: [/* @__PURE__ */ jsxs("main", { children: [/* @__PURE__ */ jsx(button.OpenClose, {
 			isOpen,
 			testid: `open-close-transaction-${token.key}`,
 			setIsOpen
-		}), /* @__PURE__ */ jsxs("main", { children: [/* @__PURE__ */ jsx("h2", { children: token.key }), /* @__PURE__ */ jsxs("span", {
+		}), /* @__PURE__ */ jsx("h2", { children: token.key })] }), /* @__PURE__ */ jsxs("span", {
 			className: "detail length",
 			children: [
 				"(",
 				log.length,
 				")"
 			]
-		})] })] }), isOpen ? /* @__PURE__ */ jsx("main", { children: log.map((update, index) => /* @__PURE__ */ jsx(article.TransactionUpdate, {
+		})] }), isOpen ? /* @__PURE__ */ jsx("main", { children: log.map((update, index) => /* @__PURE__ */ jsx(article.TransactionUpdate, {
 			serialNumber: index,
 			transactionUpdate: update
 		}, update.key + index)) }) : null]
@@ -1381,7 +1402,10 @@ const TransactionIndex = () => {
 	return /* @__PURE__ */ jsx("article", {
 		className: "index transaction_index",
 		"data-testid": "transaction-index",
-		children: tokenIds.filter((token) => !token.key.startsWith(`🔍`)).map((token) => {
+		children: tokenIds.length === 0 ? /* @__PURE__ */ jsx("p", {
+			className: "index-empty-state",
+			children: "(no transactions)"
+		}) : tokenIds.filter((token) => !token.key.startsWith(`🔍`)).map((token) => {
 			return /* @__PURE__ */ jsx(TransactionLog, {
 				token,
 				isOpenState: findInStore(store, viewIsOpenAtoms, [token.key]),