atom.io 0.17.0 → 0.18.1

package/react-devtools/dist/index.css

@@ -1,5 +1,5 @@
-/* ../hamr/src/react-data-designer/RelationEditor.module.scss */
-.class {
+/* ../hamr/react-data-designer/src/relation-editor-styles.scss */
+.relation-editor-0123456789 {
   display: flex;
   flex-flow: row wrap;
   gap: 4px;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../hamr/src/react-data-designer/RelationEditor.module.scss","../src/devtools.scss"],"sourcesContent":[".class {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 4px;\n  section {\n    display: flex;\n    flex-flow: row;\n    margin-bottom: 1rem;\n    border: 1px solid #ccc;\n    padding: 2px;\n    margin: 0;\n    span {\n      display: flex;\n    }\n  }\n}\n","main.atom_io_devtools {\n  --fg-color: #eee;\n  --bg-color: #111;\n  --bg-tint1: #222;\n  --fg-border: 1px solid var(--fg-color);\n  @media (prefers-color-scheme: light) {\n    --fg-color: #444;\n    --bg-color: #ddd;\n    --bg-tint1: #e3e3e3;\n  }\n  box-sizing: border-box;\n  color: var(--fg-color);\n  background-color: var(--bg-color);\n  border: 2px solid var(--fg-color);\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  max-height: 800px;\n  width: 100%;\n  max-width: 500px;\n  overflow-y: scroll;\n  * {\n    font-size: 16px;\n    font-family: theia, monospace;\n  }\n  > header {\n    padding: 5px;\n    padding-left: 10px;\n    padding-bottom: 0;\n    display: flex;\n    justify-content: space-between;\n    h1 {\n      font-size: inherit;\n      margin: 0;\n      font-size: 24px;\n      font-family: charter;\n    }\n    nav {\n      display: flex;\n      flex-flow: row nowrap;\n      button {\n        cursor: pointer;\n        background: none;\n        border: none;\n        padding: none;\n        margin-bottom: -2px;\n        z-index: 1000;\n        &:disabled {\n          cursor: default;\n          background-color: var(--bg-tint1);\n          color: var(--fg-color);\n          border: var(--fg-border);\n          border-bottom: none;\n        }\n      }\n    }\n  }\n  > main {\n    background: var(--bg-tint1);\n  }\n  main {\n    overflow-y: scroll;\n    flex-grow: 1;\n    display: flex;\n    flex-flow: column;\n    gap: 0;\n    article.index {\n      .node .node {\n        border-right: var(--fg-border);\n        padding-right: 0;\n        background: #fff3;\n      }\n      .node > .node {\n        margin: 5px 0;\n        margin-left: 12px;\n        border-left: var(--fg-border);\n      }\n      .node {\n        border-top: var(--fg-border);\n        overflow-x: scroll;\n        padding: 5px;\n        &:last-of-type {\n          border-bottom: var(--fg-border);\n        }\n        &.transaction_update {\n          padding: 0;\n        }\n        header {\n          display: flex;\n          flex-flow: row;\n          gap: 5px;\n          position: sticky;\n          z-index: 999;\n          top: 0;\n          button.carat {\n            cursor: pointer;\n            background: none;\n            border: none;\n            width: 20px;\n            &.open {\n              transform: rotate(90deg);\n            }\n            &:disabled {\n              cursor: default;\n            }\n          }\n          label {\n            display: flex;\n            flex-flow: row;\n            gap: 5px;\n            cursor: help;\n            h2 {\n              display: inline-block;\n              margin: 0;\n            }\n            .detail {\n              color: #777;\n              @media (prefers-color-scheme: light) {\n                color: #999;\n              }\n            }\n          }\n        }\n        main {\n          margin-left: 15px;\n        }\n      }\n      section.transaction_log {\n        margin-top: 0;\n        header: {\n          padding: 5px;\n        }\n        main {\n          display: flex;\n          flex-flow: row wrap;\n          gap: 5px;\n          .transaction_update {\n            width: 100%;\n            display: flex;\n            flex-flow: row;\n            align-items: flex-start;\n            justify-content: flex-start;\n            justify-items: flex-start;\n            align-content: flex-start;\n            border-left: var(--fg-border);\n            border-top: var(--fg-border);\n            header {\n              padding: 5px;\n              h4 {\n                margin: 0;\n                padding: 0;\n                font-size: inherit;\n              }\n            }\n            main {\n              margin-left: 0;\n              display: flex;\n              flex-flow: column;\n              gap: 0px;\n              border-left: 1px solid #333;\n              section ~ section {\n                border-top: 1px solid #333;\n              }\n              section {\n                padding: 5px;\n                &.transaction_output {\n                  border-right: none;\n                }\n                &.transaction_impact {\n                  padding: 5px;\n                }\n                margin: 0;\n                article {\n                  border-left: var(--fg-border);\n                  border-right: var(--fg-border);\n                  .summary {\n                    white-space: nowrap;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n      section.timeline_log {\n        header {\n          display: flex;\n          label {\n            display: flex;\n            width: 100%;\n            flex-grow: 1;\n            .gap {\n              flex-grow: 1;\n            }\n            nav {\n              display: flex;\n              flex-flow: row nowrap;\n              gap: 5px;\n            }\n          }\n        }\n        .timeline_update {\n          padding: 5px;\n          border-left: var(--fg-border);\n          h4 {\n            margin: 0;\n            padding: 0;\n            font-size: inherit;\n          }\n          main {\n            margin: 0;\n            .node.atom_update {\n              border-left: var(--fg-border);\n            }\n          }\n        }\n        .you_are_here {\n          background: var(--fg-color);\n          color: var(--bg-color);\n          text-align: center;\n        }\n      }\n    }\n  }\n  footer {\n    display: flex;\n    justify-content: flex-end;\n    button {\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: none;\n      position: absolute;\n      right: 0;\n      bottom: 0;\n    }\n  }\n\n  .json_editor {\n    input {\n      font-family: theia;\n      border: none;\n      border-bottom: 1px solid;\n      background: none;\n      &:disabled {\n        border: none;\n      }\n    }\n    button {\n      background: none;\n      margin-left: auto;\n      color: #777;\n      border: none;\n      font-family: theia;\n      font-size: 14px;\n      margin: none;\n      padding: 4px;\n      padding-bottom: 6px;\n      cursor: pointer;\n      &:hover {\n        color: #333;\n        background-color: #aaa;\n      }\n    }\n    select {\n      font-family: theia;\n      font-size: 14px;\n      background: none;\n      border: none;\n      color: #777;\n      @media (prefers-color-scheme: light) {\n        color: #999;\n      }\n    }\n    .json_editor_unofficial {\n      background-color: #777;\n      button {\n        color: #333;\n      }\n    }\n    .json_editor_missing {\n      background-color: #f055;\n    }\n    .json_editor_key {\n      padding-right: 10px;\n      input {\n        color: #999;\n        @media (prefers-color-scheme: light) {\n          color: #777;\n        }\n      }\n    }\n    .json_editor_object {\n      border-left: 2px solid #333;\n      padding-left: 20px;\n      @media (prefers-color-scheme: light) {\n        border-color: #ccc;\n      }\n      .json_editor_properties {\n        > * {\n          border-bottom: var(--fg-border);\n          margin-bottom: 2px;\n        }\n      }\n    }\n  }\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,aAAW,IAAI;AACf,OAAK;AACL;AACE,aAAS;AACT,eAAW;AACX,mBAAe;AACf,YAAQ,IAAI,MAAM;AAClB,aAAS;AACT,YAAQ;AACR;AACE,eAAS;AACX;AACF;AACF;;;ACfA,IAAI,CAAC;AACH,cAAY;AACZ,cAAY;AACZ,cAAY;AACZ,eAAa,IAAI,MAAM,IAAI;AAC3B,SAAO,CAAC,oBAAoB,EAAE;AAC5B,gBAAY;AACZ,gBAAY;AACZ,gBAAY;AACd;AACA,cAAY;AACZ,SAAO,IAAI;AACX,oBAAkB,IAAI;AACtB,UAAQ,IAAI,MAAM,IAAI;AACtB,YAAU;AACV,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,WAAS;AACT,aAAW;AACX,cAAY;AACZ,SAAO;AACP,aAAW;AACX,cAAY;AACZ;AACE,eAAW;AACX,iBAAa,KAAK,EAAE;AACtB;AACA,IAAE;AACA,aAAS;AACT,kBAAc;AACd,oBAAgB;AAChB,aAAS;AACT,qBAAiB;AACjB;AACE,iBAAW;AACX,cAAQ;AACR,iBAAW;AACX,mBAAa;AACf;AACA;AACE,eAAS;AACT,iBAAW,IAAI;AACf;AACE,gBAAQ;AACR,oBAAY;AACZ,gBAAQ;AACR,iBAAS;AACT,uBAAe;AACf,iBAAS;AACT,SAAC;AACC,kBAAQ;AACR,4BAAkB,IAAI;AACtB,iBAAO,IAAI;AACX,kBAAQ,IAAI;AACZ,yBAAe;AACjB;AACF;AACF;AACF;AACA,IAAE;AACA,gBAAY,IAAI;AAClB;AACA;AACE,gBAAY;AACZ,eAAW;AACX,aAAS;AACT,eAAW;AACX,SAAK;AACL,WAAO,CAAC;AACN,OAAC,KAAK,CAAL;AACC,sBAAc,IAAI;AAClB,uBAAe;AACf,oBAAY;AACd;AACA,OALC,KAKK,EAAE,CALP;AAMC,gBAAQ,IAAI;AACZ,qBAAa;AACb,qBAAa,IAAI;AACnB;AACA,OAVC;AAWC,oBAAY,IAAI;AAChB,oBAAY;AACZ,iBAAS;AACT,SAAC;AACC,yBAAe,IAAI;AACrB;AACA,SAAC,CAAC;AACA,mBAAS;AACX;AACA;AACE,mBAAS;AACT,qBAAW;AACX,eAAK;AACL,oBAAU;AACV,mBAAS;AACT,eAAK;AACL,gBAAM,CAAC;AACL,oBAAQ;AACR,wBAAY;AACZ,oBAAQ;AACR,mBAAO;AACP,aAAC,CAAC;AACA,yBAAW,OAAO;AACpB;AACA,aAAC;AACC,sBAAQ;AACV;AACF;AACA;AACE,qBAAS;AACT,uBAAW;AACX,iBAAK;AACL,oBAAQ;AACR;AACE,uBAAS;AACT,sBAAQ;AACV;AACA,aAAC;AACC,qBAAO;AACP,qBAAO,CAAC,oBAAoB,EAAE;AAC5B,uBAAO;AACT;AACF;AACF;AACF;AACA;AACE,uBAAa;AACf;AACF;AACA,aAAO,CAAC;AACN,oBAAY;AACZ,cAAM;AACJ,mBAAS;AACX;AACA;AACE,mBAAS;AACT,qBAAW,IAAI;AACf,eAAK;AACL,WApDA;AAqDE,mBAAO;AACP,qBAAS;AACT,uBAAW;AACX,yBAAa;AACb,6BAAiB;AACjB,2BAAe;AACf,2BAAe;AACf,yBAAa,IAAI;AACjB,wBAAY,IAAI;AAChB;AACE,uBAAS;AACT;AACE,wBAAQ;AACR,yBAAS;AACT,2BAAW;AACb;AACF;AACA;AACE,2BAAa;AACb,uBAAS;AACT,yBAAW;AACX,mBAAK;AACL,2BAAa,IAAI,MAAM;AACvB,sBAAQ,EAAE;AACR,4BAAY,IAAI,MAAM;AACxB;AACA;AACE,yBAAS;AACT,iBAAC,CAAC;AACA,gCAAc;AAChB;AACA,iBAAC,CAAC;AACA,2BAAS;AACX;AACA,wBAAQ;AACR;AACE,+BAAa,IAAI;AACjB,gCAAc,IAAI;AAClB,mBAAC;AACC,iCAAa;AACf;AACF;AACF;AACF;AACF;AACF;AACF;AACA,aAAO,CAAC;AACN;AACE,mBAAS;AACT;AACE,qBAAS;AACT,mBAAO;AACP,uBAAW;AACX,aAAC;AACC,yBAAW;AACb;AACA;AACE,uBAAS;AACT,yBAAW,IAAI;AACf,mBAAK;AACP;AACF;AACF;AACA,SAAC;AACC,mBAAS;AACT,uBAAa,IAAI;AACjB;AACE,oBAAQ;AACR,qBAAS;AACT,uBAAW;AACb;AACA;AACE,oBAAQ;AACR,aAhJL,IAgJU,CAAC;AACJ,2BAAa,IAAI;AACnB;AACF;AACF;AACA,SAAC;AACC,sBAAY,IAAI;AAChB,iBAAO,IAAI;AACX,sBAAY;AACd;AACF;AACF;AACF;AACA;AACE,aAAS;AACT,qBAAiB;AACjB;AACE,cAAQ;AACR,kBAAY;AACZ,cAAQ;AACR,eAAS;AACT,gBAAU;AACV,aAAO;AACP,cAAQ;AACV;AACF;AAEA,GAAC;AACC;AACE,mBAAa;AACb,cAAQ;AACR,qBAAe,IAAI;AACnB,kBAAY;AACZ,OAAC;AACC,gBAAQ;AACV;AACF;AACA;AACE,kBAAY;AACZ,mBAAa;AACb,aAAO;AACP,cAAQ;AACR,mBAAa;AACb,iBAAW;AACX,cAAQ;AACR,eAAS;AACT,sBAAgB;AAChB,cAAQ;AACR,OAAC;AACC,eAAO;AACP,0BAAkB;AACpB;AACF;AACA;AACE,mBAAa;AACb,iBAAW;AACX,kBAAY;AACZ,cAAQ;AACR,aAAO;AACP,aAAO,CAAC,oBAAoB,EAAE;AAC5B,eAAO;AACT;AACF;AACA,KAAC;AACC,wBAAkB;AAClB;AACE,eAAO;AACT;AACF;AACA,KAAC;AACC,wBAAkB;AACpB;AACA,KAAC;AACC,qBAAe;AACf;AACE,eAAO;AACP,eAAO,CAAC,oBAAoB,EAAE;AAC5B,iBAAO;AACT;AACF;AACF;AACA,KAAC;AACC,mBAAa,IAAI,MAAM;AACvB,oBAAc;AACd,aAAO,CAAC,oBAAoB,EAAE;AAC5B,sBAAc;AAChB;AACA,OAAC;AACC,UAAE;AACA,yBAAe,IAAI;AACnB,yBAAe;AACjB;AACF;AACF;AACF;AACF;","names":[]}
+{"version":3,"sources":["../../../hamr/react-data-designer/src/relation-editor-styles.scss","../src/devtools.scss"],"sourcesContent":[".relation-editor-0123456789 {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 4px;\n  section {\n    display: flex;\n    flex-flow: row;\n    margin-bottom: 1rem;\n    border: 1px solid #ccc;\n    padding: 2px;\n    margin: 0;\n    span {\n      display: flex;\n    }\n  }\n}\n","main.atom_io_devtools {\n  --fg-color: #eee;\n  --bg-color: #111;\n  --bg-tint1: #222;\n  --fg-border: 1px solid var(--fg-color);\n  @media (prefers-color-scheme: light) {\n    --fg-color: #444;\n    --bg-color: #ddd;\n    --bg-tint1: #e3e3e3;\n  }\n  box-sizing: border-box;\n  color: var(--fg-color);\n  background-color: var(--bg-color);\n  border: 2px solid var(--fg-color);\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  display: flex;\n  flex-flow: column;\n  max-height: 800px;\n  width: 100%;\n  max-width: 500px;\n  overflow-y: scroll;\n  * {\n    font-size: 16px;\n    font-family: theia, monospace;\n  }\n  > header {\n    padding: 5px;\n    padding-left: 10px;\n    padding-bottom: 0;\n    display: flex;\n    justify-content: space-between;\n    h1 {\n      font-size: inherit;\n      margin: 0;\n      font-size: 24px;\n      font-family: charter;\n    }\n    nav {\n      display: flex;\n      flex-flow: row nowrap;\n      button {\n        cursor: pointer;\n        background: none;\n        border: none;\n        padding: none;\n        margin-bottom: -2px;\n        z-index: 1000;\n        &:disabled {\n          cursor: default;\n          background-color: var(--bg-tint1);\n          color: var(--fg-color);\n          border: var(--fg-border);\n          border-bottom: none;\n        }\n      }\n    }\n  }\n  > main {\n    background: var(--bg-tint1);\n  }\n  main {\n    overflow-y: scroll;\n    flex-grow: 1;\n    display: flex;\n    flex-flow: column;\n    gap: 0;\n    article.index {\n      .node .node {\n        border-right: var(--fg-border);\n        padding-right: 0;\n        background: #fff3;\n      }\n      .node > .node {\n        margin: 5px 0;\n        margin-left: 12px;\n        border-left: var(--fg-border);\n      }\n      .node {\n        border-top: var(--fg-border);\n        overflow-x: scroll;\n        padding: 5px;\n        &:last-of-type {\n          border-bottom: var(--fg-border);\n        }\n        &.transaction_update {\n          padding: 0;\n        }\n        header {\n          display: flex;\n          flex-flow: row;\n          gap: 5px;\n          position: sticky;\n          z-index: 999;\n          top: 0;\n          button.carat {\n            cursor: pointer;\n            background: none;\n            border: none;\n            width: 20px;\n            &.open {\n              transform: rotate(90deg);\n            }\n            &:disabled {\n              cursor: default;\n            }\n          }\n          label {\n            display: flex;\n            flex-flow: row;\n            gap: 5px;\n            cursor: help;\n            h2 {\n              display: inline-block;\n              margin: 0;\n            }\n            .detail {\n              color: #777;\n              @media (prefers-color-scheme: light) {\n                color: #999;\n              }\n            }\n          }\n        }\n        main {\n          margin-left: 15px;\n        }\n      }\n      section.transaction_log {\n        margin-top: 0;\n        header: {\n          padding: 5px;\n        }\n        main {\n          display: flex;\n          flex-flow: row wrap;\n          gap: 5px;\n          .transaction_update {\n            width: 100%;\n            display: flex;\n            flex-flow: row;\n            align-items: flex-start;\n            justify-content: flex-start;\n            justify-items: flex-start;\n            align-content: flex-start;\n            border-left: var(--fg-border);\n            border-top: var(--fg-border);\n            header {\n              padding: 5px;\n              h4 {\n                margin: 0;\n                padding: 0;\n                font-size: inherit;\n              }\n            }\n            main {\n              margin-left: 0;\n              display: flex;\n              flex-flow: column;\n              gap: 0px;\n              border-left: 1px solid #333;\n              section ~ section {\n                border-top: 1px solid #333;\n              }\n              section {\n                padding: 5px;\n                &.transaction_output {\n                  border-right: none;\n                }\n                &.transaction_impact {\n                  padding: 5px;\n                }\n                margin: 0;\n                article {\n                  border-left: var(--fg-border);\n                  border-right: var(--fg-border);\n                  .summary {\n                    white-space: nowrap;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n      section.timeline_log {\n        header {\n          display: flex;\n          label {\n            display: flex;\n            width: 100%;\n            flex-grow: 1;\n            .gap {\n              flex-grow: 1;\n            }\n            nav {\n              display: flex;\n              flex-flow: row nowrap;\n              gap: 5px;\n            }\n          }\n        }\n        .timeline_update {\n          padding: 5px;\n          border-left: var(--fg-border);\n          h4 {\n            margin: 0;\n            padding: 0;\n            font-size: inherit;\n          }\n          main {\n            margin: 0;\n            .node.atom_update {\n              border-left: var(--fg-border);\n            }\n          }\n        }\n        .you_are_here {\n          background: var(--fg-color);\n          color: var(--bg-color);\n          text-align: center;\n        }\n      }\n    }\n  }\n  footer {\n    display: flex;\n    justify-content: flex-end;\n    button {\n      cursor: pointer;\n      background: none;\n      border: none;\n      padding: none;\n      position: absolute;\n      right: 0;\n      bottom: 0;\n    }\n  }\n\n  .json_editor {\n    input {\n      font-family: theia;\n      border: none;\n      border-bottom: 1px solid;\n      background: none;\n      &:disabled {\n        border: none;\n      }\n    }\n    button {\n      background: none;\n      margin-left: auto;\n      color: #777;\n      border: none;\n      font-family: theia;\n      font-size: 14px;\n      margin: none;\n      padding: 4px;\n      padding-bottom: 6px;\n      cursor: pointer;\n      &:hover {\n        color: #333;\n        background-color: #aaa;\n      }\n    }\n    select {\n      font-family: theia;\n      font-size: 14px;\n      background: none;\n      border: none;\n      color: #777;\n      @media (prefers-color-scheme: light) {\n        color: #999;\n      }\n    }\n    .json_editor_unofficial {\n      background-color: #777;\n      button {\n        color: #333;\n      }\n    }\n    .json_editor_missing {\n      background-color: #f055;\n    }\n    .json_editor_key {\n      padding-right: 10px;\n      input {\n        color: #999;\n        @media (prefers-color-scheme: light) {\n          color: #777;\n        }\n      }\n    }\n    .json_editor_object {\n      border-left: 2px solid #333;\n      padding-left: 20px;\n      @media (prefers-color-scheme: light) {\n        border-color: #ccc;\n      }\n      .json_editor_properties {\n        > * {\n          border-bottom: var(--fg-border);\n          margin-bottom: 2px;\n        }\n      }\n    }\n  }\n}\n"],"mappings":"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","names":[]}

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

@@ -64,14 +64,14 @@ declare const AtomIODevtools: () => JSX.Element;
 declare const atomIndex: atom_io.ReadonlySelectorToken<AtomTokenIndex>;
 declare const selectorIndex: atom_io.ReadonlySelectorToken<SelectorTokenIndex>;
 declare const transactionIndex: atom_io.ReadonlySelectorToken<atom_io.TransactionToken<atom_io.ƒn>[]>;
-declare const findTransactionLogState: atom_io.ReadonlySelectorFamily<atom_io.TransactionUpdate<atom_io.ƒn>[]>;
+declare const findTransactionLogState: atom_io.ReadonlySelectorFamilyToken<atom_io.TransactionUpdate<atom_io.ƒn>[], string>;
 declare const timelineIndex: atom_io.ReadonlySelectorToken<atom_io.TimelineToken<any>[]>;
-declare const findTimelineState: atom_io.ReadonlySelectorFamily<Internal.Timeline<any>>;
+declare const findTimelineState: atom_io.ReadonlySelectorFamilyToken<Internal.Timeline<any>, string>;
 declare const devtoolsAreOpenState: atom_io.RegularAtomToken<boolean>;
 type DevtoolsView = `atoms` | `selectors` | `timelines` | `transactions`;
 declare const devtoolsViewSelectionState: atom_io.RegularAtomToken<DevtoolsView>;
 declare const devtoolsViewOptionsState: atom_io.RegularAtomToken<DevtoolsView[]>;
-declare const findViewIsOpenState: atom_io.RegularAtomFamily<boolean, string>;
+declare const findViewIsOpenState: atom_io.RegularAtomFamilyTokenWithCall<boolean, string>;
 declare const primitiveRefinery: Refinery<{
     number: (input: unknown) => input is number;
     string: (input: unknown) => input is string;

package/react-devtools/dist/index.js

@@ -1,7 +1,8 @@
-import { treeShake, isEmptyArray, pipe, ifDefined, isArray, isRecord, doesExtend, isModifier, sprawl, isPlainObject, raiseError, recordToEntries, fallback, hasExactProperties, isEmptyObject, doNothing, isOneOf, map, entriesToRecord, comprises, addTo, become, mapObject, delve } from '../../dist/chunk-NYCVSXQB.js';
+import { lazyLocalStorageEffect } from '../../dist/chunk-JDUNWJFB.js';
+import { treeShake, isEmptyArray, pipe, ifDefined, isArray, isRecord, doesExtend, isModifier, isPlainObject, raiseError, sprawl, recordToEntries, fallback, hasExactProperties, isEmptyObject, doNothing, isOneOf, map, entriesToRecord, comprises, addTo, become, mapObject, delve } from '../../dist/chunk-NYCVSXQB.js';
 import { JSON_TYPE_NAMES, isString, isNumber, isBoolean, stringifyJson, JSON_DEFAULTS } from '../../dist/chunk-XACXFU3B.js';
 import { __spreadProps, __spreadValues, __objRest, __restKey } from '../../dist/chunk-PZLG2HP3.js';
-import { selectorFamily, atom, atomFamily, undo, redo, getState } from 'atom.io';
+import { selectorFamily, atom, atomFamily, findState, undo, redo, getState } from 'atom.io';
 import { attachIntrospectionStates } from 'atom.io/introspection';
 import { useI, useO } from 'atom.io/react';
 import { motion, spring, LayoutGroup } from 'framer-motion';
@@ -10,21 +11,6 @@ import { forwardRef, useRef, useState, useImperativeHandle, useLayoutEffect, Fra
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useFloating, useClick, useInteractions, FloatingPortal } from '@floating-ui/react';
 
-// __unstable__/web-effects/src/storage.ts
-var persistAtom = (storage) => ({ stringify, parse }) => (key) => ({ setSelf, onSet }) => {
-  const savedValue = storage.getItem(key);
-  if (savedValue != null)
-    setSelf(parse(savedValue));
-  onSet(({ newValue }) => {
-    if (newValue == null) {
-      storage.removeItem(key);
-      return;
-    }
-    storage.setItem(key, stringify(newValue));
-  });
-};
-var lazyLocalStorageEffect = persistAtom(localStorage)(JSON);
-
 // ../anvl/src/refinement/refinery.ts
 var Refinery = class {
   constructor(supported) {
@@ -70,6 +56,86 @@ var discoverType = (input) => {
   return Object.getPrototypeOf(input).constructor.name;
 };
 
+// ../anvl/src/refinement/refine-json.ts
+var JSON_PROTOTYPES = [
+  `Array`,
+  `Boolean`,
+  `Number`,
+  `Object`,
+  `String`
+];
+var refineJsonType = (data) => data === null ? { type: `null`, data: null } : isBoolean(data) ? { type: `boolean`, data } : isNumber(data) ? { type: `number`, data } : isString(data) ? { type: `string`, data } : Array.isArray(data) ? { type: `array`, data } : isPlainObject(data) ? { type: `object`, data } : raiseError(
+  data === void 0 ? `undefined passed to refineJsonType. This is not valid JSON.` : `${stringifyJson(data)} with prototype "${Object.getPrototypeOf(data).constructor.name}" passed to refineJsonType. This is not valid JSON.`
+);
+var isJson = (input) => {
+  var _a2;
+  if (input === null)
+    return true;
+  if (input === void 0)
+    return false;
+  const prototype = (_a2 = Object.getPrototypeOf(input)) == null ? void 0 : _a2.constructor.name;
+  const isJson2 = JSON_PROTOTYPES.includes(prototype);
+  return isJson2;
+};
+
+// ../anvl/src/refinement/can-exist.ts
+var canExist = (_) => true;
+
+// ../anvl/src/refinement/cannot-exist.ts
+var cannotExist = (_) => false;
+
+// ../anvl/src/refinement/is-union.ts
+var mustSatisfyOneOfTheFollowing = (isTypeA, logging = false, refinements = [isTypeA]) => {
+  const name = `(${refinements.map((r) => (r == null ? void 0 : r.name) || `anon`).join(` | `)})`;
+  const _ = {
+    [name]: (input) => refinements.some(
+      (refinement) => {
+        var _a2;
+        return logging && console.log(
+          refinements.map((r) => r.name || `anon`).join(` | `),
+          `>`,
+          (_a2 = refinement.name) != null ? _a2 : `anon`,
+          `:`,
+          refinement(input)
+        ), refinement(input);
+      }
+    )
+  };
+  const checkTypes = Object.assign(_[name], {
+    or: (isTypeB) => mustSatisfyOneOfTheFollowing(isTypeB, logging, [...refinements, isTypeB])
+  });
+  return checkTypes;
+};
+var isUnion = mustSatisfyOneOfTheFollowing(cannotExist);
+
+// ../anvl/src/refinement/is-intersection.ts
+function mustSatisfyAllOfTheFollowing(isTypeA, logging = false, refinements = [isTypeA]) {
+  const name = `(${refinements.map((r) => (r == null ? void 0 : r.name) || `anon`).join(` & `)})`;
+  const _ = {
+    [name]: (input) => refinements.every(
+      (refinement) => (logging && console.log(
+        refinements.map((r) => r.name || `anon`).join(` & `),
+        `>`,
+        refinement.name || `anon`,
+        `:`,
+        refinement(input)
+      ), refinement(input))
+    )
+  };
+  const checkTypes = Object.assign(_[name], {
+    and: (isTypeB) => mustSatisfyAllOfTheFollowing(isTypeB, logging, [
+      ...refinements,
+      isTypeB
+    ])
+  });
+  return checkTypes;
+}
+var isIntersection = mustSatisfyAllOfTheFollowing(canExist);
+
+// ../anvl/src/refinement/index.ts
+var isLiteral = (value) => (input) => input === value;
+var isWithin = (args) => (input) => args.includes(input);
+
 // ../anvl/src/tree/differ.ts
 function diffNumber(a2, b2) {
   const sign = a2 < b2 ? `+` : `-`;
@@ -187,28 +253,6 @@ var Differ = class {
     };
   }
 };
-
-// ../anvl/src/refinement/refine-json.ts
-var JSON_PROTOTYPES = [
-  `Array`,
-  `Boolean`,
-  `Number`,
-  `Object`,
-  `String`
-];
-var refineJsonType = (data) => data === null ? { type: `null`, data: null } : isBoolean(data) ? { type: `boolean`, data } : isNumber(data) ? { type: `number`, data } : isString(data) ? { type: `string`, data } : Array.isArray(data) ? { type: `array`, data } : isPlainObject(data) ? { type: `object`, data } : raiseError(
-  data === void 0 ? `undefined passed to refineJsonType. This is not valid JSON.` : `${stringifyJson(data)} with prototype "${Object.getPrototypeOf(data).constructor.name}" passed to refineJsonType. This is not valid JSON.`
-);
-var isJson = (input) => {
-  var _a2;
-  if (input === null)
-    return true;
-  if (input === void 0)
-    return false;
-  const prototype = (_a2 = Object.getPrototypeOf(input)) == null ? void 0 : _a2.constructor.name;
-  const isJson2 = JSON_PROTOTYPES.includes(prototype);
-  return isJson2;
-};
 var OpenClose = ({ isOpen, setIsOpen, disabled }) => {
   return /* @__PURE__ */ jsx(
     "button",
@@ -225,64 +269,6 @@ var button = {
   OpenClose
 };
 
-// ../anvl/src/refinement/can-exist.ts
-var canExist = (_) => true;
-
-// ../anvl/src/refinement/cannot-exist.ts
-var cannotExist = (_) => false;
-
-// ../anvl/src/refinement/is-union.ts
-var mustSatisfyOneOfTheFollowing = (isTypeA, logging = false, refinements = [isTypeA]) => {
-  const name = `(${refinements.map((r) => (r == null ? void 0 : r.name) || `anon`).join(` | `)})`;
-  const _ = {
-    [name]: (input) => refinements.some(
-      (refinement) => {
-        var _a2;
-        return logging && console.log(
-          refinements.map((r) => r.name || `anon`).join(` | `),
-          `>`,
-          (_a2 = refinement.name) != null ? _a2 : `anon`,
-          `:`,
-          refinement(input)
-        ), refinement(input);
-      }
-    )
-  };
-  const checkTypes = Object.assign(_[name], {
-    or: (isTypeB) => mustSatisfyOneOfTheFollowing(isTypeB, logging, [...refinements, isTypeB])
-  });
-  return checkTypes;
-};
-var isUnion = mustSatisfyOneOfTheFollowing(cannotExist);
-
-// ../anvl/src/refinement/is-intersection.ts
-function mustSatisfyAllOfTheFollowing(isTypeA, logging = false, refinements = [isTypeA]) {
-  const name = `(${refinements.map((r) => (r == null ? void 0 : r.name) || `anon`).join(` & `)})`;
-  const _ = {
-    [name]: (input) => refinements.every(
-      (refinement) => (logging && console.log(
-        refinements.map((r) => r.name || `anon`).join(` & `),
-        `>`,
-        refinement.name || `anon`,
-        `:`,
-        refinement(input)
-      ), refinement(input))
-    )
-  };
-  const checkTypes = Object.assign(_[name], {
-    and: (isTypeB) => mustSatisfyAllOfTheFollowing(isTypeB, logging, [
-      ...refinements,
-      isTypeB
-    ])
-  });
-  return checkTypes;
-}
-var isIntersection = mustSatisfyAllOfTheFollowing(canExist);
-
-// ../anvl/src/refinement/index.ts
-var isLiteral = (value) => (input) => input === value;
-var isWithin = (args) => (input) => args.includes(input);
-
 // ../anvl/src/join/core-relation-data.ts
 var RELATION_TYPES = [`1:1`, `1:n`, `n:n`];
 var isRelationType = (x) => RELATION_TYPES.includes(x);
@@ -872,7 +858,7 @@ var JsonEditor_INTERNAL = ({
   ] }) });
 };
 
-// ../hamr/src/react-json-editor/editors-by-type/utilities/array-elements.ts
+// ../hamr/react-json-editor/src/editors-by-type/utilities/array-elements.ts
 var makeElementSetters = (data, set) => data.map(
   (value, index) => (newValue) => set(() => {
     const newData = [...data];
@@ -1354,7 +1340,7 @@ var castToJson = (input) => {
   };
 };
 
-// ../hamr/src/react-json-editor/editors-by-type/utilities/object-properties.ts
+// ../hamr/react-json-editor/src/editors-by-type/utilities/object-properties.ts
 var makePropertySetters = (data, set) => mapObject(
   data,
   (value, key) => (newValue) => set(__spreadProps(__spreadValues({}, data), { [key]: become(newValue)(value[key]) }))
@@ -1680,7 +1666,7 @@ var JsonEditor = ({
   );
 };
 
-// ../hamr/src/react-json-editor/index.ts
+// ../hamr/react-json-editor/src/index.ts
 var SubEditors = {
   array: ArrayEditor,
   boolean: BooleanEditor,
@@ -2072,9 +2058,6 @@ var Id = ({ id }) => {
     ) })
   ] });
 };
-
-// ../hamr/src/react-data-designer/RelationEditor.module.scss
-var RelationEditor_module_default = {};
 var RelationEditor = (props) => {
   const seen = /* @__PURE__ */ new Set();
   const data = Object.entries(props.data.relations).sort(([_, a2], [__, b2]) => b2.length - a2.length).filter(([head, tail]) => {
@@ -2086,7 +2069,7 @@ var RelationEditor = (props) => {
     }
     return true;
   });
-  return /* @__PURE__ */ jsx("article", { className: RelationEditor_module_default.class, children: data.map(([head, tail]) => /* @__PURE__ */ jsxs("section", { children: [
+  return /* @__PURE__ */ jsx("article", { className: "relation-editor-0123456789", children: data.map(([head, tail]) => /* @__PURE__ */ jsxs("section", { children: [
     /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Id, { id: head }) }),
     ":",
     /* @__PURE__ */ jsx("span", { children: tail.map((child) => /* @__PURE__ */ jsx(Id, { id: child })) })
@@ -2412,8 +2395,8 @@ var TimelineIndex = () => {
       TimelineLog,
       {
         token,
-        isOpenState: findViewIsOpenState(token.key),
-        timelineState: findTimelineState(token.key)
+        isOpenState: findState(findViewIsOpenState, token.key),
+        timelineState: findState(findTimelineState, token.key)
       },
       token.key
     );
@@ -2452,8 +2435,8 @@ var TransactionIndex = () => {
       TransactionLog,
       {
         token,
-        isOpenState: findViewIsOpenState(token.key),
-        logState: findTransactionLogState(token.key)
+        isOpenState: findState(findViewIsOpenState, token.key),
+        logState: findState(findTransactionLogState, token.key)
       },
       token.key
     );