atom.io 0.6.9 → 0.7.0

package/react-devtools/dist/index.js

@@ -3,55 +3,2817 @@
 var atom_io = require('atom.io');
 var introspection = require('atom.io/introspection');
 var webEffects = require('atom.io/web-effects');
-var _function = require('fp-ts/function');
 var react = require('atom.io/react');
 var framerMotion = require('framer-motion');
-var Wo = require('react');
-var boolean = require('fp-ts/boolean');
-var number = require('fp-ts/number');
-var string = require('fp-ts/string');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var Rs = require('ajv');
 var react$1 = require('@floating-ui/react');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
 function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
-}
-
-var Wo__namespace = /*#__PURE__*/_interopNamespace(Wo);
-var Rs__default = /*#__PURE__*/_interopDefault(Rs);
-
-var br=Object.defineProperty,xr=Object.defineProperties;var gr=Object.getOwnPropertyDescriptors;var Je=Object.getOwnPropertySymbols;var Lt=Object.prototype.hasOwnProperty,_t=Object.prototype.propertyIsEnumerable;var jt=(e,t,n)=>t in e?br(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))Lt.call(t,n)&&jt(e,n,t[n]);if(Je)for(var n of Je(t))_t.call(t,n)&&jt(e,n,t[n]);return e},u=(e,t)=>xr(e,gr(t));var Pt=e=>typeof e=="symbol"?e:e+"",ve=(e,t)=>{var n={};for(var o in e)Lt.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(e!=null&&Je)for(var o of Je(e))t.indexOf(o)<0&&_t.call(e,o)&&(n[o]=e[o]);return n};var Bt=e=>t=>{for(let n of e)if(!t.includes(n))return !1;return !0};var Ft=e=>t=>Bt(e)(t)&&Bt(t)(e);var w=e=>t=>Array.isArray(t)&&t.every(n=>e(n));var Te=e=>t=>t.map(e);var Xe=(e=Boolean)=>t=>t.every(e),Mt=Xe(e=>e===!0),Ie=e=>t=>e.includes(t)?e:[...e,t],Se=e=>Array.isArray(e)&&e.length===0,Dt=(...e)=>t=>e.includes(t);var Ge=e=>e===void 0,f=e=>t=>Ge(t)||e(t);var Kt=e=>t=>t!=null?t:e;var se=()=>{},ie=e=>t=>e instanceof Function?e(t instanceof Function?t():t):e,Wt=e=>t=>{if(!e(t))throw new Error(`Invalid test case: JSON.stringify(${t})`);return o=>{if(typeof o!="function")return !1;let r=o(t);return e(r)}},Ht=(...e)=>t=>t(...e);var $t=e=>{throw new Error(e)};var Vt=(e,t)=>{try{return e()}catch(n){return t}};var Ut=e=>Object.assign(t=>t[e],{in:t=>t[e]});var z=e=>Object.entries(e),Oe=e=>Object.fromEntries(e);var ae=(e,t)=>_function.pipe(e,z,Te(([n,o])=>[n,t(o,n)]),Oe),zt=e=>t=>ae(t,e);var Tr=e=>typeof e=="object"&&e!==null,v=e=>Tr(e)&&Object.getPrototypeOf(e)===Object.prototype,Yt=e=>v(e)&&Object.keys(e).length===0,pe=(e,t)=>n=>v(n)&&Object.entries(n).every(([o,r])=>e(o)&&t(r)),qt=(e,t={allowExtraProperties:!1})=>{let n=`{${z(e).map(([r,s])=>String(r)+":"+s.name).join(",")}}`;return {[n]:r=>v(r)&&_function.pipe(e,Object.entries,Xe(([s,i])=>s in r||i(void 0)))&&_function.pipe(r,zt((s,i)=>_function.pipe(e,Ut(i),Kt(()=>t.allowExtraProperties),Ht(s))),Object.values,Mt)}[n]},T=e=>qt(e,{allowExtraProperties:!0}),Qe=e=>qt(e,{allowExtraProperties:!1});var et=(e,t)=>{let n=(o,r)=>{let i=((p,l)=>{let m=t(p,l);return m||null})(o,r);if(i!=null&&i.jobComplete||i!=null&&i.pathComplete)return i;let a=Array.isArray(r)?r.map((p,l)=>[l,p]):v(r)?Object.entries(r):[];for(let[p,l]of a){let m=n([...o,p],l);if(m!=null&&m.jobComplete)return m}return {}};n([],e);};var Y=(e=Ge)=>t=>{let n={};return Object.entries(t).forEach(([r,s])=>e(s,r)?null:n[r]=s),n};var Xt=(e,t)=>{let n=t.reduce((o,r)=>o==null?void 0:o[r],e);return n===void 0?new Error("Not found"):{found:n}};var le=class{constructor(t){this.supported=t;}refine(t){for(let[n,o]of Object.entries(this.supported))try{if(o(t)===!0&&o!==Boolean)return {type:n,data:t}}catch(r){try{if(t instanceof o)return {type:n,data:t}}catch(s){}}return null}},Sr=new le({number:e=>typeof e=="number",string:e=>typeof e=="string",boolean:e=>typeof e=="boolean",object:v,array:e=>Array.isArray(e),null:e=>e===null}),ce=e=>{if(e===void 0)return "undefined";let t=Sr.refine(e);return t?t.type:Object.getPrototypeOf(e).constructor.name};function Gt(e,t){return {summary:`${e<t?"+":"-"}${Math.abs(e-t)} (${e} \u2192 ${t})`}}function Zt(e,t){return {summary:`${e.length<t.length?"+":"-"}${Math.abs(e.length-t.length)} ("${e}" \u2192 "${t}")`}}function Qt(e,t){return {summary:`${e} \u2192 ${t}`}}function tt(e,t,n){let o="",r=[],s=[],i=[];return et(e,(a,p)=>{let l;for(l of a){let m=t[l];if(m===void 0)s.push([l,JSON.stringify(p)]);else {let d=n(p,m);d.summary!=="No Change"&&i.push([l,d]);}}}),et(t,(a,p)=>{let l;for(l of a)e[l]===void 0&&r.push([l,JSON.stringify(p)]);}),o=`\uFF5E${i.length} \uFF0B${r.length} \uFF0D${s.length}`,{summary:o,added:r,removed:s,changed:i}}function en(e,t,n){return tt(e,t,n)}var je=class{constructor(t,n,o){this.leafRefinery=t,this.treeRefinery=n,this.leafDiffers={},this.treeDiffers={};for(let r of Object.keys(t.supported)){let s=o[r];this.leafDiffers[r]=s;}for(let r of Object.keys(n.supported)){let s=o[r];this.treeDiffers[r]=s;}}diff(t,n){var a,p;if(t===n)return {summary:"No Change"};try{if(JSON.stringify(t)===JSON.stringify(n))return {summary:"No Change"}}catch(l){console.error("Error stringifying",t,n);}let o=(a=this.leafRefinery.refine(t))!=null?a:this.treeRefinery.refine(t),r=(p=this.leafRefinery.refine(n))!=null?p:this.treeRefinery.refine(n);if(o!==null&&r!==null&&o.type===r.type){if(o.type in this.leafDiffers)return this.leafDiffers[o.type](o.data,r.data);if(o.type in this.treeDiffers)return this.treeDiffers[o.type](o.data,r.data,(m,d)=>this.diff(m,d))}let s=ce(t),i=ce(n);return s===i?{summary:`${s} \u2192 ${i}`}:{summary:`Type change: ${s} \u2192 ${i}`}}};var tn=e=>JSON.stringify(e),nn=["array","boolean","null","number","object","string"],on={array:[],boolean:!1,null:null,number:0,object:{},string:""};var Rr=["Array","Boolean","Number","Object","String"],me=e=>e===null?{type:"null",data:null}:boolean.isBoolean(e)?{type:"boolean",data:e}:number.isNumber(e)?{type:"number",data:e}:string.isString(e)?{type:"string",data:e}:Array.isArray(e)?{type:"array",data:e}:v(e)?{type:"object",data:e}:$t(e===void 0?"undefined passed to refineJsonType. This is not valid JSON.":`${tn(e)} with prototype "${Object.getPrototypeOf(e).constructor.name}" passed to refineJsonType. This is not valid JSON.`),q=e=>{var o;if(e===null)return !0;if(e===void 0)return !1;let t=(o=Object.getPrototypeOf(e))==null?void 0:o.constructor.name;return Rr.includes(t)};var Cr=({isOpen:e,setIsOpen:t,disabled:n})=>jsxRuntime.jsx("button",{type:"button",className:`carat ${e?"open":"closed"}`,onClick:()=>t(o=>!o),disabled:n,children:"\u25B6"}),X={OpenClose:Cr};var wr=e=>!0,Ar=e=>!1,R=e=>t=>t===e,nt=e=>t=>e.includes(t);var Ne=(e,t=!1,n=[e])=>{let o=`(${n.map(i=>i.name||"anon").join(" | ")})`,r={[o]:i=>n.some(a=>{var p;return t&&console.log(n.map(l=>l.name||"anon").join(" | "),">",(p=a.name)!=null?p:"anon",":",a(i)),a(i)})};return Object.assign(r[o],{or:i=>Ne(i,t,[...n,i])})},ot=Ne(Ar),rn=(e,t=!1,n=[e])=>{let o=`(${n.map(i=>i.name||"anon").join(" & ")})`,r={[o]:i=>n.every(a=>(t&&console.log(n.map(p=>p.name||"anon").join(" & "),">",a.name||"anon",":",a(i)),a(i)))};return Object.assign(r[o],{and:i=>rn(i,t,[...n,i])})},sn=rn(wr);var Jr=["1:1","1:n","n:n"],vr=e=>Jr.includes(e),an={contents:{},relations:{},relationType:"n:n",a:"from",b:"to"},pn=({from:e="from",to:t="to",isContent:n}={})=>o=>Qe({contents:n?pe(string.isString,n):Qe({}),relations:pe(string.isString,w(string.isString)),relationType:vr,a:R(e),b:R(t)})(o);var G=(e,t)=>{var n;return (n=e.relations[t])!=null?n:[]},ue=(e,t)=>{let n=G(e,t);return n.length>1&&console.warn(`entry with id ${t} was not expected to have multiple relations`),n[0]};var ln=(e,...t)=>{let n=t[0],{a:o,b:r}=e,s={from:o,to:r,isContent:n};return {toJson:i=>i.toJSON(),fromJson:i=>de.fromJSON(i,s)}};var ke=(e,t)=>G(e,t).map(n=>[n,Le(e,t,n)]),cn=(e,t)=>Object.fromEntries(ke(e,t));var mn=e=>t=>t.split(e);var Ir=(e,t,n)=>{let o=Dt(t,n);return u(c({},e),{relations:_function.pipe(e.relations,z,Te(([r,s])=>[r,o(r)?s.filter(i=>!o(i)):s]),Oe,Y(Se)),contents:_function.pipe(e.contents,Y((r,s)=>string.isString(s)&&_function.pipe(s,mn("/"),Ft([t,n]))))})},jr=(e,t)=>u(c({},e),{relations:_function.pipe(e.relations,z,Te(([o,r])=>[o,r.filter(s=>s!==t)]),Oe,Y((o,r)=>r===t||Se(o))),contents:_function.pipe(e.contents,Y((o,r)=>string.isString(r)&&r.split("/").includes(t)))}),_e=(e,t)=>{let n=t[e.a],o=t[e.b];return o?Ir(e,n,o):jr(e,n)};var Lr=(e,t,n,...o)=>{var i,a;let r=u(c({},e),{relations:u(c({},e.relations),{[t]:Ie((i=e.relations[t])!=null?i:[])(n),[n]:Ie((a=e.relations[n])!=null?a:[])(t)})}),s=o[0];return s?Be(r,t,n,s):r},dn=Y(Se),_r=(e,t,n,...o)=>{var p;let r=c({},e.relations),s=ue(e,n),i=u(c({},e),{relations:dn(u(c(c({},r),s&&s!==t&&{[s]:r[s].filter(l=>l!==n)}),{[n]:[t],[t]:Ie((p=r[t])!=null?p:[])(n)}))}),a=o[0];return a?Be(i,t,n,a):i},Pr=(e,t,n,...o)=>{let r=ue(e,n),s=ue(e,t),i=u(c({},e),{relations:dn(u(c(c(c({},e.relations),r&&{[r]:[]}),s&&{[s]:[]}),{[t]:[n],[n]:[t]}))}),a=o[0];return a?Be(i,t,n,a):i},Pe=(e,t,...n)=>{let{[e.a]:o,[e.b]:r}=t;switch(e.relationType){case"1:1":return Pr(e,o,r,...n);case"1:n":return _r(e,o,r,...n);case"n:n":return Lr(e,o,r,...n)}};var fn=(e,t)=>[e,t].sort().join("/"),Le=(e,t,n)=>e.contents[fn(t,n)],Be=(e,t,n,o)=>u(c({},e),{contents:u(c({},e.contents),{[fn(t,n)]:o})}),st=(e,t)=>ke(e,t).map(([n,o])=>c({id:n},o)),yn=(e,t,n)=>{let o=t[e.a],r=t[e.b];return _function.pipe(e,s=>{let a=G(e,o).filter(l=>!n.some(m=>m.id===l)),p=s;for(let l of a){let m={[e.a]:o!=null?o:l,[e.b]:r!=null?r:l};p=_e(p,m);}return p},s=>{let i=s;for(let a of n){let p=a,{id:l}=p,m=ve(p,["id"]);let d=Yt(m)?void 0:m;i=Pe(i,{[e.a]:o!=null?o:l,[e.b]:r!=null?r:l},d);}return i},s=>{let i=n.map(a=>a.id);return u(c({},s),{relations:u(c({},s.relations),{[o!=null?o:r]:i})})})};var de=class e{constructor(t){this.a="from";this.b="to";this.makeJsonInterface=(...t)=>ln(this,...t);Object.assign(this,u(c(c({},an),t),{makeJsonInterface:this.makeJsonInterface}));}toJSON(){return {relationType:this.relationType,relations:this.relations,contents:this.contents,a:this.a,b:this.b}}static fromJSON(t,n){if(pn(n)(t))return new e(t);throw new Error(`Saved JSON for this Join is invalid: ${JSON.stringify(t)}`)}from(t){return new e(u(c({},this),{a:t}))}to(t){return new e(u(c({},this),{b:t}))}getRelatedId(t){return ue(this,t)}getRelatedIds(t){return G(this,t)}getContent(t,n){return Le(this,t,n)}getRelationEntries(t){return ke(this,t)}getRelationRecord(t){return cn(this,t)}getRelation(t){return st(this,t)[0]}getRelations(t){return st(this,t)}setRelations(t,n){return new e(yn(this,t,n))}set(t,...n){return new e(Pe(this,t,...n))}remove(t){return new e(_e(this,t))}};var C=Wo.forwardRef(function(t,n){var p,l,m,d;let o=Wo.useRef(null),r=Wo.useRef(null),[s,i]=Wo.useState("auto");Wo.useImperativeHandle(n,()=>({focus:()=>{var y;(y=o.current)==null||y.focus();}}));let a=t.type==="number"?15:0;return Wo.useLayoutEffect(()=>{if(r.current){i(`${r.current.offsetWidth+a}px`);let y=setInterval(()=>{r.current&&i(`${r.current.offsetWidth+a}px`);},1e3);return ()=>clearInterval(y)}},[(p=o.current)==null?void 0:p.value,t.value]),jsxRuntime.jsxs("div",{style:{display:"inline-block",position:"relative"},children:[jsxRuntime.jsx("input",u(c({},t),{ref:o,style:c({padding:0,borderRadius:0,border:"none",fontFamily:"inherit",fontSize:"inherit",width:s},t.style)})),jsxRuntime.jsx("span",{ref:r,style:{padding:(l=t.style)==null?void 0:l.padding,position:"absolute",visibility:"hidden",whiteSpace:"pre",fontFamily:((m=t.style)==null?void 0:m.fontFamily)||"inherit",fontSize:((d=t.style)==null?void 0:d.fontSize)||"inherit"},children:t.value})]})});var F=(e,t)=>n=>n<e?e:n>t?t:n;var Z=(e,t)=>n=>n<e?t-(e-n)%(t-e):e+(n-e)%(t-e);function zr(e,t){if(t===void 0)return e;let n=10**t;return Math.round(e*n)/n}var Yr=["","-",".","-."],Tn=e=>Yr.includes(e),qr={"":null,"-":0,".":0,"-.":0},gn=e=>e==="0"||!isNaN(Number(e))&&e.includes("."),hn=(e,t)=>Tn(e)?qr[e]:t?parseFloat(e):Math.round(parseFloat(e)),Xr={max:1/0,min:-1/0,decimalPlaces:100,nullable:!0},Gr=e=>t=>{if(t===null&&e.nullable===!0)return null;let{max:n,min:o,decimalPlaces:r}=c(c({},Xr),e);return _function.pipe(t!=null?t:0,F(o,n),i=>r?zr(i,r):i)},Zr=e=>e==null?"":e.toString(),Sn=({autoSize:e=!1,customCss:t,decimalPlaces:n,disabled:o=!1,label:r,max:s,min:i,name:a,onChange:p,onClick:l,placeholder:m="",set:d=()=>null,testId:y,value:x=null})=>{let O=Wo.useId(),[I,j]=Wo.useState(null),J=Wo.useRef(!1),E=Gr({max:s,min:i,decimalPlaces:n,nullable:!0}),re=n===void 0||n>0,ge=()=>{J.current&&(d(E(x!=null?x:null)),j(null)),J.current=!1;},he=B=>{var qe;if(p&&p(B),d===void 0)return;J.current=!0;let h=B.target.value;if(Tn(h)||gn(h)){j(h);let fr=gn(h)?h:(qe=i==null?void 0:i.toString())!=null?qe:"0",yr=hn(fr,re);d(E(yr));return}j(null);let Ae=!isNaN(Number(h))&&!h.includes(" ")||re&&h==="."||re&&h==="-."||h===""||h==="-",Ye=hn(h,re);Ae&&d(E(Ye));},b=I!=null?I:Zr(x&&E(x));return jsxRuntime.jsxs("span",{css:t,children:[r&&jsxRuntime.jsx("label",{htmlFor:O,children:r}),e?jsxRuntime.jsx(C,{type:"text",value:b,placeholder:m!=null?m:"-",onChange:he,onBlur:ge,disabled:o,name:a!=null?a:O,id:O,onClick:l,"data-testid":`number-input-${y!=null?y:O}`}):jsxRuntime.jsx("input",{type:"text",value:b,placeholder:m!=null?m:"-",onChange:he,onBlur:ge,disabled:o,name:a!=null?a:O,id:O,onClick:l,"data-testid":`number-input-${y!=null?y:O}`})]})};var On=({value:e,set:t,label:n,placeholder:o,customCss:r,autoSize:s=!1})=>jsxRuntime.jsxs("span",{css:r,children:[jsxRuntime.jsx("label",{children:n}),s?jsxRuntime.jsx(C,{type:"text",value:e,onChange:i=>t==null?void 0:t(i.target.value),disabled:t===void 0,placeholder:o}):jsxRuntime.jsx("input",{type:"text",value:e,onChange:i=>t==null?void 0:t(i.target.value),disabled:t===void 0,placeholder:o})]});var kn=({data:e})=>e===void 0?jsxRuntime.jsx(C,{disabled:!0,value:"undefined"}):jsxRuntime.jsx(C,{disabled:!0,value:Object.getPrototypeOf(e).constructor.name+" "+JSON.stringify(e)});var fe=({data:e,set:t,schema:n,name:o,rename:r,remove:s,recast:i,path:a=[],isReadonly:p=()=>!1,isHidden:l=()=>!1,className:m,customCss:d,Header:y,Components:x})=>{let O=q(e),I=O?me(e):{type:"non-json",data:e},j=O?pt[I.type]:kn,J=p(a);return l(a)?null:jsxRuntime.jsx(x.ErrorBoundary,{children:jsxRuntime.jsxs(x.EditorWrapper,{className:m,customCss:d,children:[s&&jsxRuntime.jsx(x.Button,{onClick:J?se:s,disabled:J,children:jsxRuntime.jsx(x.DeleteIcon,{})}),y&&jsxRuntime.jsx(y,{data:e,schema:n}),r&&jsxRuntime.jsx(x.KeyWrapper,{children:jsxRuntime.jsx(C,{value:o,onChange:J?se:E=>r(E.target.value),disabled:J})}),jsxRuntime.jsx(j,{data:I.data,set:t,schema:n,remove:s,rename:r,path:a,isReadonly:p,isHidden:l,Components:x}),i&&O?jsxRuntime.jsx("select",{onChange:J?se:E=>i(E.target.value),value:I.type,disabled:J,children:Object.keys(pt).map(E=>jsxRuntime.jsx("option",{value:E,children:E},E))}):null]})})};var Rn=(e,t)=>e.map((n,o)=>r=>t(()=>{let s=[...e];return s[o]=ie(r)(n),s}));var En=({path:e=[],isReadonly:t=()=>!1,isHidden:n=()=>!1,data:o,set:r,Components:s})=>{let i=Rn(o,r);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:o.map((a,p)=>{let l=[...e,p];return jsxRuntime.jsx(fe,{path:l,isReadonly:t,isHidden:n,data:a,set:i[p],Components:s},l.join(""))})})};var N=e=>Number.isInteger(e),lt=e=>{if(N(e))return e;throw new Fe(e)},rs,Ce=class extends Number{constructor(n,o){super(n/o);this[rs]=()=>this.numerator/this.denominator;if(o===0)throw new Error("Denominator cannot be zero");this.numerator=lt(n),this.denominator=lt(o);}};rs=Symbol.toPrimitive;var Fe=class extends Error{constructor(t){super(`Could not parse integer from ${JSON.stringify(t)}`);}},ct=Object.assign(e=>lt(e),{from:e=>_function.pipe(e,String,parseFloat,t=>N(t)?{value:t,error:null,round:null,upper:null,lower:null,ratio:null}:{value:null,error:new Fe(e),round:Math.round(t),upper:Math.ceil(t),lower:Math.floor(t),ratio:null}),formula:e=>t=>e(t)});new Ce(1,2);[new Ce(1,2)];({a:new Ce(1,2)});function ye(e){return T({$ref:string.isString})(e)}({$defs:{colorChannel:{type:"integer",minimum:ct(0),maximum:ct(255)},color:{type:"object",properties:{red:{$ref:"#/$defs/colorChannel"},green:{$ref:"#/$defs/colorChannel"},blue:{$ref:"#/$defs/colorChannel"}}}},type:"array",items:{$ref:"#/$defs/color"}});var Me=({refNode:{$ref:e},refMap:t={},root:n})=>{if(typeof n=="boolean")throw new TypeError("The root is a boolean and cannot be indexed");if(e in t)return {node:t[e],refMap:t};let[o,...r]=e.split("/"),s=Xt(n,r);if(s instanceof Error)throw s;let i=s.found;for(;ye(i);){let a=Me({refNode:i,refMap:t,root:n});i=a.node,t=a.refMap;}if(k(i))return {node:i,refMap:u(c({},t),{[e]:i})};throw new TypeError("The refNode is not a JsonSchema")};var wn=["date-time","date","email","hostname","ipv4","ipv6","regex","time","uri-reference","uri-template","uri","uuid"];var An=[...nn,"integer"];[...An,"any","never"];var Jn={type:R("string"),enum:f(w(string.isString)),minLength:f(N),maxLength:f(N),pattern:f(string.isString),format:f(nt(wn))};function mt(e){return T(Jn)(e)}var vn={type:R("number"),enum:f(w(number.isNumber)),minimum:f(number.isNumber),maximum:f(number.isNumber),exclusiveMinimum:f(number.isNumber),exclusiveMaximum:f(number.isNumber),multipleOf:f(number.isNumber)};function In(e){return T(vn)(e)}var jn={type:R("integer"),enum:f(w(N)),minimum:f(N),maximum:f(N),exclusiveMinimum:f(N),exclusiveMaximum:f(N),multipleOf:f(N)};function Ln(e){return T(jn)(e)}var _n={type:R("boolean"),enum:f(w(boolean.isBoolean))};function Pn(e){return T(_n)(e)}var Bn={type:R("null")};function Fn(e){return T(Bn)(e)}var Mn={type:R("object"),properties:f(pe(string.isString,k)),required:f(w(string.isString)),additionalProperties:f(k),propertyNames:f(mt),minProperties:f(N),maxProperties:f(N),dependentSchemas:f(pe(string.isString,k))};function Ke(e){return T(Mn)(e)}var Dn={type:R("array"),items:f(Ne(k).or(w(k))),minItems:f(N),maxItems:f(N),uniqueItems:f(boolean.isBoolean)};function Kn(e){return T(Dn)(e)}var is={anyOf:w(k)};function Wn(e){return T(is)(e)}var as={oneOf:w(k)};function ps(e){return T(as)(e)}var ls={allOf:w(k)};function Hn(e){return T(ls)(e)}var cs={if:k,then:f(k),else:f(k)};function $n(e){return T(cs)(e)}var ms={not:k};function Vn(e){return T(ms)(e)}var us=u(c(c(c(c(c(c(c({},Dn),_n),jn),Bn),vn),Mn),Jn),{type:w(nt(An)),enum:f(w(ot.or(N).or(boolean.isBoolean).or(number.isNumber).or(string.isString)))});function ds(e){return T(us)(e)}var fs=ot.or(Kn).or(Pn).or($n).or(ps).or(Ln).or(Hn).or(ds).or(Vn).or(Fn).or(In).or(Ke).or(mt).or(Wn);var ys=T({$id:f(string.isString),$schema:f(string.isString)}),bs=sn.and(fs).and(ys);function k(e){return Ne(bs).or(boolean.isBoolean).or(ye)(e)}var Un=e=>{try{return e.flatMap(t=>{switch(typeof t){case"string":return ["properties",t];case"number":return ["items",t];case"symbol":throw new TypeError(`The key ${String(t)} is not a valid JSON key; expected string or number, got symbol`);default:throw new TypeError(`The key ${t} is not a valid JSON key; expected string or number, got ${typeof t}`)}})}catch(t){if(t instanceof TypeError)return t;throw t}};var zn=e=>{if(typeof e=="boolean")throw new Error("The schema does not contain subSchemas");return t=>{let n=Un(t);if(n instanceof Error)return n;if(typeof e=="boolean")return new TypeError("The schema is not a JsonSchema");let{node:o,refMap:r}=n.reduce(({node:i,refMap:a=void 0},p)=>(console.log({node:i,key:p}),ye(i)?Me({refNode:i,root:e,refMap:a}):{node:i[p],refMap:a}),{node:e,refMap:void 0});if(o instanceof Error)throw o;let s=o;for(;ye(s);)console.log({subSchema:s}),s=Me({refNode:s,root:e,refMap:r}).node;if(console.log({subSchema:s}),k(s))return s;throw new TypeError("The subSchema is not a JsonSchema")}};var Yn=e=>e==="true",qn=e=>Number(e),Xn=e=>e.split(","),Gn=e=>{try{return JSON.parse(e)}catch(t){return {[e]:e}}},Zn=e=>JSON.stringify(e),Qn=e=>e.true===!0,eo=e=>{var t,n,o;return Number((o=(n=(t=e.number)!=null?t:e.size)!=null?n:e.count)!=null?o:0)},to=e=>Object.entries(e),no=e=>e.toString(),oo=e=>+e,ro=e=>({[e.toString()]:e}),so=e=>[e],io=e=>e.toString(),ao=e=>e===1,po=e=>({number:e}),lo=e=>Array(e).fill(null),co=e=>e.join(","),mo=e=>e.length,uo=e=>typeof e[0]=="boolean"?e[0]:e.length>0,fo=e=>e.reduce((t,n,o)=>(t[`${o}`]=n,t),{}),yo=()=>"",bo=()=>0,xo=()=>!1,go=()=>[],ho=()=>({});var To=e=>{let t=me(e);return {to:{array:()=>{switch(t.type){case"array":return t.data;case"object":return to(t.data);case"string":return Xn(t.data);case"boolean":return so(t.data);case"number":return lo(t.data);case"null":return go()}},boolean:()=>{switch(t.type){case"array":return uo(t.data);case"object":return Qn(t.data);case"string":return Yn(t.data);case"boolean":return t.data;case"number":return ao(t.data);case"null":return xo()}},number:()=>{switch(t.type){case"array":return mo(t.data);case"object":return eo(t.data);case"string":return qn(t.data);case"boolean":return oo(t.data);case"number":return t.data;case"null":return bo()}},object:()=>{switch(t.type){case"array":return fo(t.data);case"object":return t.data;case"string":return Gn(t.data);case"boolean":return ro(t.data);case"number":return po(t.data);case"null":return ho()}},string:()=>{switch(t.type){case"array":return co(t.data);case"object":return Zn(t.data);case"string":return t.data;case"boolean":return no(t.data);case"number":return io(t.data);case"null":return yo()}},null:()=>null}}};var So=(e,t)=>ae(e,(n,o)=>r=>t(u(c({},e),{[o]:ie(r)(n[o])}))),Oo=(e,t,n)=>ae(e,(o,r)=>s=>Object.hasOwn(e,s)?null:t(()=>{let i=Object.entries(e),a=i.findIndex(([l])=>l===r);i[a]=[s,o];let p=n.current;return n.current=u(c({},p),{[s]:p[r]}),Object.fromEntries(i)})),No=(e,t)=>ae(e,(n,o)=>()=>t(()=>{let i=e;return ve(i,[Pt(o)])})),ko=(e,t)=>ae(e,(n,o)=>r=>t(()=>u(c({},e),{[o]:To(n).to[r]()}))),Ro=(e,t)=>(n,o)=>r=>t(u(c({},e),{[n]:r!=null?r:on[o]})),Co=(e,t,n)=>()=>{let o=Object.keys(e).sort(n),r={};o.forEach(s=>r[s]=e[s]),t(r);};var hs=({addProperty:e,disabled:t,propertyKey:n,Components:o})=>jsxRuntime.jsxs(o.MissingPropertyWrapper,{children:[jsxRuntime.jsx(C,{disabled:!0,defaultValue:n})," ",jsxRuntime.jsx(C,{disabled:!0,defaultValue:"is missing"}),jsxRuntime.jsx(o.Button,{onClick:()=>e(),disabled:t,children:"+"})]}),Eo=({schema:e,path:t=[],isReadonly:n=()=>!1,isHidden:o=()=>!1,data:r,set:s,Components:i})=>{var he;let a=n(t),p=Wo.useRef(Object.keys(r).reduce((b,B)=>(b[B]=B,b),{})),l=So(r,s),m=Oo(r,s,p),d=No(r,s),y=ko(r,s),x=Co(r,s),O=Ro(r,s),I=v(e)?zn(e)(t):!0,j=R(!0)(I)?!0:Ke(I)?Object.keys((he=I.properties)!=null?he:{}):[],J=Object.keys(r),[E,re]=J.reduce(([b,B],h)=>j===!0||j.includes(h)?[b,[...B,h]]:[[...b,h],B],[[],[]]),ge=j===!0?[]:j.filter(b=>!J.includes(b));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(i.Button,{onClick:()=>x(),disabled:a,children:"Sort"}),jsxRuntime.jsxs(i.ObjectWrapper,{children:[jsxRuntime.jsx("div",{className:"json_editor_properties",children:[...ge,...re,...E].map(b=>{let B=p.current[b],h=[...t,b],Ae=[...t,B],Ye=j===!0||j.includes(b);return ge.includes(b)?jsxRuntime.jsx(hs,{propertyKey:b,addProperty:O(b,"string"),disabled:a,Components:i},b+"IsMissing"):jsxRuntime.jsx(fe,{schema:e,path:h,name:b,isReadonly:n,isHidden:o,data:r[b],set:l[b],rename:m[b],remove:d[b],recast:y[b],className:`json_editor_property ${Ye?"json_editor_official":"json_editor_unofficial"}`,Components:i},Ae.join("."))})}),jsxRuntime.jsx(i.Button,{onClick:a?se:()=>O("new_property","string")(),disabled:a,children:"+"})]})]})};var wo=({data:e,set:t,Components:n})=>jsxRuntime.jsx(n.BooleanWrapper,{children:jsxRuntime.jsx("input",{type:"checkbox",checked:e,onChange:o=>t(o.target.checked)})}),Ao=({Components:e})=>jsxRuntime.jsx(e.NullWrapper,{children:'" "'}),Jo=({path:e=[],isReadonly:t=()=>!1,data:n,set:o,Components:r})=>jsxRuntime.jsx(r.NumberWrapper,{children:jsxRuntime.jsx(Sn,{value:n,set:t(e)?void 0:s=>o(Number(s)),autoSize:!0})}),vo=({path:e=[],isReadonly:t=()=>!1,data:n,set:o,Components:r})=>jsxRuntime.jsx(r.StringWrapper,{children:jsxRuntime.jsx(On,{value:n,set:t(e)?void 0:o,autoSize:!0})});var Io=({error:e,errorInfo:t})=>{var r,s;let n=t==null?void 0:t.componentStack.split(" ").filter(Boolean)[2],o=(s=(r=e==null?void 0:e.toString())!=null?r:t==null?void 0:t.componentStack)!=null?s:"Unknown error";return jsxRuntime.jsx("div",{"data-testid":"error-boundary",style:{flex:"1",background:"black",backgroundImage:"url(./src/assets/kablooey.gif)",backgroundPosition:"center",backgroundSize:"overlay"},children:jsxRuntime.jsx("div",{style:{margin:"50px",marginTop:"0",padding:"50px",border:"1px solid dashed"},children:jsxRuntime.jsxs("span",{style:{background:"black",color:"white",padding:10,paddingTop:5},children:["\u26A0\uFE0F ",jsxRuntime.jsx("span",{style:{color:"#fc0",fontWeight:700},children:n})," \u26A0\uFE0F ",o]})})})};var We=class extends Wo.Component{constructor(t){super(t),this.state={};}componentDidCatch(t,n){var o,r;(r=(o=this.props).onError)==null||r.call(o,t,n),this.setState({error:t,errorInfo:n});}render(){let{error:t,errorInfo:n}=this.state,{children:o,Fallback:r=Io}=this.props;return n?jsxRuntime.jsx(r,{error:t,errorInfo:n}):o}};var jo={ErrorBoundary:({children:e})=>jsxRuntime.jsx(We,{children:e}),Button:({onClick:e,children:t,disabled:n})=>jsxRuntime.jsx("button",{type:"button",className:"json_editor_button",onClick:e,disabled:n,children:t}),EditorWrapper:({children:e,customCss:t,className:n})=>jsxRuntime.jsx("div",{className:"json_editor "+n,css:t,children:e}),EditorLayout:({DeleteButton:e,Header:t,KeyInput:n,TypeSelect:o,ValueEditor:r,Wrapper:s})=>jsxRuntime.jsxs(s,{children:[e&&jsxRuntime.jsx(e,{}),t&&jsxRuntime.jsx(t,{}),n&&jsxRuntime.jsx(n,{}),o&&jsxRuntime.jsx(o,{}),jsxRuntime.jsx(r,{})]}),ArrayWrapper:({children:e})=>jsxRuntime.jsx("div",{className:"json_editor_array",children:e}),ObjectWrapper:({children:e})=>jsxRuntime.jsx("div",{className:"json_editor_object",children:e}),StringWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_string",children:e}),NumberWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_number",children:e}),BooleanWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_boolean",children:e}),NullWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_null",children:e}),MissingPropertyWrapper:({children:e})=>jsxRuntime.jsx("div",{className:"json_editor_property json_editor_missing",children:e}),MiscastPropertyWrapper:({children:e})=>jsxRuntime.jsx("div",{className:"json_editor_property json_editor_miscast",children:e}),IllegalPropertyWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_property json_editor_illegal",children:e}),OfficialPropertyWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_property json_editor_official",children:e}),UnofficialPropertyWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_property json_editor_unofficial",children:e}),DeleteIcon:()=>jsxRuntime.jsx("span",{className:"json_editor_icon json_editor_delete",children:"x"}),KeyWrapper:({children:e})=>jsxRuntime.jsx("span",{className:"json_editor_key",children:e})};var ft=({data:e,set:t,schema:n=!0,name:o,rename:r,remove:s,isReadonly:i=()=>!1,isHidden:a=()=>!1,className:p,customCss:l,Header:m,Components:d={}})=>{let y=c(c({},jo),d),x=new Rs__default.default({allErrors:!0,verbose:!0});Wo.useMemo(()=>x.compile(n),[n])(e);return jsxRuntime.jsx(fe,{data:e,set:t,name:o,schema:n,rename:r,remove:s,path:[],isReadonly:i,isHidden:a,className:p,customCss:l,Header:m,Components:y})};var pt={array:En,boolean:wo,null:Ao,number:Jo,object:Eo,string:vo};function Lo(e){let t=0;for(let o=0;o<e.length;o++){let r=e.charCodeAt(o);t=(t<<5)-t+r,t|=0;}let n=(t&16777215).toString(16);for(;n.length<6;)n="0"+n;return `#${n}`}var $={R:.3,G:.5,B:.2};var _o=[{sat:255,hue:0},{sat:255,hue:360}];var ws=e=>`#${Object.values(e).map(t=>{let n=t.toString(16);return n.length===1&&(n=0+n),n}).join("")}`,Po=ws;var Ee=e=>{let n=Z(0,360)(e)/60,o=Math.floor(n),r=n-o,s=r,i=1-r;switch(o){case 0:return [1,s,0];case 1:return [i,1,0];case 2:return [0,1,s];case 3:return [0,i,1];case 4:return [s,0,1];case 5:return [1,0,i];default:throw new Error(`invalid hue served: ${e}`)}};var As=({R:e,G:t,B:n})=>{let o=0;return e>t&&t>=n&&(o=60*(0+(t-n)/(e-n))),t>=e&&e>n&&(o=60*(2-(e-n)/(t-n))),t>n&&n>=e&&(o=60*(2+(n-e)/(t-e))),n>=t&&t>e&&(o=60*(4-(t-e)/(n-e))),n>e&&e>=t&&(o=60*(4+(e-t)/(n-t))),e>=n&&n>t&&(o=60*(6-(n-t)/(e-t))),o},yt=As;var Js=({R:e,G:t,B:n})=>$.R*e/255+$.G*t/255+$.B*n/255,te=Js;var bt=(e,t)=>{let n=255,o=Z(0,360)(e);for(let r=-1,s=0;s<t.length;r++,s++){r=Z(0,t.length)(r);let i=r>s?Z(-180,180)(o):void 0,a=t[r],p=t[s],l=r>s?Z(-180,180)(a.hue):a.hue,m=p.hue;if((i||o)>=l&&(i||o)<m){let d=i||o;d-=l,d/=m-l,d*=p.sat-a.sat,d+=a.sat,n=d;}}return n};var vs=({R:e,G:t,B:n})=>Math.max(e,t,n)-Math.min(e,t,n),xt=vs;var gt=e=>{let[t,n,o]=Ee(e),r=$.R*t,s=$.G*n,i=$.B*o;return r+s+i};var Is=e=>{let t=Ee(e);return o=>{let r=s=>Math.round(t[s]*o);return {R:r(0),G:r(1),B:r(2)}}},js=({minChannels:e,trueLuminosity:t,minLum:n})=>{let{max:o,round:r}=Math,s=255-o(...Object.values(e)),i=F(0,s)(r((t-n)*255));return {R:e.R+i,G:e.G+i,B:e.B+i}},Ls=({hue:e,sat:t,lum:n,prefer:o="lum"},r=_o)=>{let s=Is(e),i,a,p,l,m,d=0,y=1,x=bt(e,r);switch(o){case"sat":i=F(0,255)(Math.min(t,x)),p=s(i),l={R:p.R+255-i,G:p.G+255-i,B:p.B+255-i},d=te(p),y=te(l),a=F(d,y)(n);break;case"lum":a=F(0,1)(n),m=gt(e),x=Math.min(x,Math.round(a<=m?255*(a/m):255*(1-a)/(1-m))),i=Math.min(t,x),p=s(i),d=te(p);break}return {channels:js({minChannels:p,trueLuminosity:a,minLum:d}),fix:{sat:i,lum:a},limit:{sat:[0,x],lum:[o==="lum"?0:d,y]}}},Bo=Ls;var _s=({hue:e,sat:t,lum:n,prefer:o},r)=>{let{channels:s,fix:i,limit:a}=Bo({hue:e,sat:t,lum:n,prefer:o},r),{R:p,G:l,B:m}=s;return {hex:Po({R:p,G:l,B:m}),fix:i,limit:a}},ht=_s;var Ps=({hue:e,sat:t,lum:n,prefer:o},r)=>{let{hex:s}=ht({hue:e,sat:t,lum:n,prefer:o},r);return s},D=Ps;var Bs=({R:e,G:t,B:n})=>{let o=yt({R:e,G:t,B:n}),r=xt({R:e,G:t,B:n}),s=te({R:e,G:t,B:n});return {hue:o,sat:r,lum:s}},Tt=Bs;var Fs="[a-fA-F0-9]+",Ms=e=>{let t=e.split("");return [0,0,1,1,2,2].map(o=>t[o]).join("")},Ds=e=>{let t=e.replace(/^#/,""),n=t.length===6||t.length===3,o=t.match(new RegExp(`^${Fs}$`))!==null;if(!(n&&o))throw new Error(`${e} is not a valid hex code`);return t.length===3?Ms(t):t},St=Ds;var Ot=e=>{let t=St(e);return {R:parseInt(t.slice(0,2),16),G:parseInt(t.slice(2,4),16),B:parseInt(t.slice(4,6),16)}};var Ks=e=>{let{R:t,G:n,B:o}=Ot(e),{hue:r,sat:s,lum:i}=Tt({R:t,G:n,B:o});return {hue:r,sat:s,lum:i}},ne=Ks;var Nt=e=>u(c({},e),{lum:e.lum>.666?0:1});var Do=e=>t=>u(c({},t),{lum:t.lum>.666?t.lum-e:t.lum+e});var Ko={hue:0,lum:0,sat:0,prefer:"lum"};var Mo=e=>typeof e=="object"&&e!==null&&typeof e.hue=="number"&&typeof e.sat=="number"&&typeof e.lum=="number"&&["sat","lum"].includes(e.prefer);Wt(Mo)(Ko);var Vs=["Red","Orange","Yellow","Lime","Green","Teal","Cyan","Blue","Indigo","Violet","Magenta","Pink"];Vs.reduce((e,t,n)=>(e[t]={hue:n*30,sat:255,lum:.5,prefer:"sat"},e),{});var Ct=({id:e})=>{let[t,n]=Wo__namespace.useState(!1),{refs:o,floatingStyles:r,context:s}=react$1.useFloating({open:t,onOpenChange:n,placement:"bottom-start"}),i=react$1.useClick(s),{getReferenceProps:a,getFloatingProps:p}=react$1.useInteractions([i]),l=Lo(e),m=_function.pipe(l,ne,Nt,D),d=_function.pipe(l,ne,Do(.25),D),y=_function.pipe(d,ne,Nt,D);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("span",u(c({role:"content",ref:o.setReference},a()),{style:{background:l,cursor:"pointer",padding:"0px 4px",color:m,userSelect:"none",whiteSpace:"nowrap"},children:e.substring(0,3)})),t&&jsxRuntime.jsx(react$1.FloatingPortal,{children:jsxRuntime.jsx("span",u(c({role:"popup",ref:o.setFloating},p()),{style:u(c({},r),{color:y,background:d,padding:"0px 4px",boxShadow:"0px 2px 10px rgba(0, 0, 0, 0.1)"}),children:e}))})]})};var Ho={};var $o=e=>{let t=new Set,n=Object.entries(e.data.relations).sort(([o,r],[s,i])=>i.length-r.length).filter(([o,r])=>{if(t.has(o))return !1;t.add(o);for(let s of r)t.add(s);return !0});return jsxRuntime.jsx("article",{className:Ho.class,children:n.map(([o,r])=>jsxRuntime.jsxs("section",{children:[jsxRuntime.jsx("span",{children:jsxRuntime.jsx(Ct,{id:o})}),":",jsxRuntime.jsx("span",{children:r.map(s=>jsxRuntime.jsx(Ct,{id:s}))})]}))})};var ni=({token:e})=>{let[t,n]=react.useIO(e);return q(t)?jsxRuntime.jsx(ft,{data:t,set:n,schema:!0}):t instanceof de?jsxRuntime.jsx($o,{data:t,set:n}):jsxRuntime.jsx("div",{className:"json_editor",children:jsxRuntime.jsx(C,{value:t instanceof Set?`Set { ${JSON.stringify([...t]).slice(1,-1)} }`:t instanceof Map?"Map "+JSON.stringify([...t]):Object.getPrototypeOf(t).constructor.name+" "+Vt(()=>JSON.stringify(t),"?"),disabled:!0})})},oi=({token:e})=>{let t=react.useO(e);return q(t)?jsxRuntime.jsx(ft,{data:t,set:()=>null,schema:!0,isReadonly:()=>!0}):jsxRuntime.jsx("div",{className:"json_editor",children:jsxRuntime.jsx(C,{value:t instanceof Set?"Set "+JSON.stringify([...t]):t instanceof Map?"Map "+JSON.stringify([...t]):Object.getPrototypeOf(t).constructor.name+" "+JSON.stringify(t),disabled:!0})})},Et=({token:e})=>e.type==="readonly_selector"?jsxRuntime.jsx(oi,{token:e}):jsxRuntime.jsx(ni,{token:e});var At=atom_io.selectorFamily({key:"\u{1F441}\u200D\u{1F5E8} State Type",get:e=>({get:t})=>{let n;try{n=t(e);}catch(o){return "error"}return n===void 0?"undefined":q(n)?me(n).type:Object.getPrototypeOf(n).constructor.name}}),si=({node:e,isOpenState:t,typeState:n})=>{var p,l;let[o,r]=react.useIO(t),s=react.useO(e),i=react.useO(n),a=!!vt.refine(s);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("header",{children:[jsxRuntime.jsx(X.OpenClose,{isOpen:o&&!a,setIsOpen:r,disabled:a}),jsxRuntime.jsxs("label",{onClick:()=>console.log(e,atom_io.getState(e)),onKeyUp:()=>console.log(e,atom_io.getState(e)),children:[jsxRuntime.jsx("h2",{children:(l=(p=e.family)==null?void 0:p.subKey)!=null?l:e.key}),jsxRuntime.jsxs("span",{className:"type detail",children:["(",i,")"]})]}),a?jsxRuntime.jsx(Et,{token:e}):null]}),o&&!a?jsxRuntime.jsx("main",{children:jsxRuntime.jsx(Et,{token:e})}):null]})},ii=({node:e,isOpenState:t})=>{let[n,o]=react.useIO(t);return Object.entries(e.familyMembers).forEach(([r,s])=>{V(r),At(s);}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("header",{children:[jsxRuntime.jsx(X.OpenClose,{isOpen:n,setIsOpen:o}),jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("h2",{children:e.key}),jsxRuntime.jsx("span",{className:"type detail",children:" (family)"})]})]}),n?Object.entries(e.familyMembers).map(([r,s])=>jsxRuntime.jsx(zo,{node:s,isOpenState:V(s.key),typeState:At(s)},r)):null]})},zo=({node:e,isOpenState:t,typeState:n})=>e.key.startsWith("\u{1F441}\u200D\u{1F5E8}")?null:jsxRuntime.jsx("section",{className:"node state",children:"type"in e?jsxRuntime.jsx(si,{node:e,isOpenState:t,typeState:n}):jsxRuntime.jsx(ii,{node:e,isOpenState:t})}),Jt=({tokenIndex:e})=>{let t=react.useO(e);return jsxRuntime.jsx("article",{className:"index state_index",children:Object.entries(t).filter(([n])=>!n.startsWith("\u{1F441}\u200D\u{1F5E8}")).sort().map(([n,o])=>jsxRuntime.jsx(zo,{node:o,isOpenState:V(o.key),typeState:At(o)},n))})};var ai=({atomUpdate:e})=>jsxRuntime.jsxs("article",{className:"node atom_update",onClick:()=>console.log(e),onKeyUp:()=>console.log(e),children:[jsxRuntime.jsxs("span",{className:"detail",children:[e.key,": "]}),jsxRuntime.jsx("span",{children:jsxRuntime.jsx("span",{className:"summary",children:Xo.diff(e.oldValue,e.newValue).summary})})]},e.key),pi=({serialNumber:e,transactionUpdate:t})=>jsxRuntime.jsxs("article",{className:"node transaction_update",children:[jsxRuntime.jsx("header",{children:jsxRuntime.jsx("h4",{children:e})}),jsxRuntime.jsxs("main",{children:[jsxRuntime.jsxs("section",{className:"transaction_params",children:[jsxRuntime.jsx("span",{className:"detail",children:"params: "}),t.params.map((n,o)=>jsxRuntime.jsxs("article",{className:"node transaction_param",onClick:()=>console.log(t),onKeyUp:()=>console.log(t),children:[jsxRuntime.jsxs("span",{className:"detail",children:[ce(n),": "]}),jsxRuntime.jsx("span",{className:"summary",children:typeof n=="object"&&n!==null&&"type"in n&&"target"in n?jsxRuntime.jsx(jsxRuntime.Fragment,{children:JSON.stringify(n.type)}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:JSON.stringify(n)})})]},"param"+o))]}),jsxRuntime.jsxs("section",{className:"node transaction_output",children:[jsxRuntime.jsx("span",{className:"detail",children:"output: "}),jsxRuntime.jsx("span",{className:"detail",children:ce(t.output)}),t.output?jsxRuntime.jsxs("span",{className:"summary",children:[": ",JSON.stringify(t.output)]}):null]}),jsxRuntime.jsxs("section",{className:"transaction_impact",children:[jsxRuntime.jsx("span",{className:"detail",children:"impact: "}),t.atomUpdates.filter(n=>!n.key.startsWith("\u{1F441}\u200D\u{1F5E8}")).map((n,o)=>jsxRuntime.jsx(U.AtomUpdate,{serialNumber:o,atomUpdate:n},`${t.key}:${o}:${n.key}`))]})]})]}),li=({timelineUpdate:e})=>jsxRuntime.jsxs("article",{className:"node timeline_update",children:[jsxRuntime.jsx("header",{children:jsxRuntime.jsxs("h4",{children:[e.timestamp,": ",e.type," (",e.key,")"]})}),jsxRuntime.jsx("main",{children:e.type==="transaction_update"?e.atomUpdates.filter(t=>!t.key.startsWith("\u{1F441}\u200D\u{1F5E8}")).map((t,n)=>jsxRuntime.jsx(U.AtomUpdate,{serialNumber:n,atomUpdate:t},`${e.key}:${n}:${t.key}`)):e.type==="selector_update"?e.atomUpdates.filter(t=>!t.key.startsWith("\u{1F441}\u200D\u{1F5E8}")).map((t,n)=>jsxRuntime.jsx(U.AtomUpdate,{serialNumber:n,atomUpdate:t},`${e.key}:${n}:${t.key}`)):e.type==="atom_update"?jsxRuntime.jsx(U.AtomUpdate,{serialNumber:e.timestamp,atomUpdate:e}):null})]}),U={AtomUpdate:ai,TransactionUpdate:pi,TimelineUpdate:li};var Go=()=>jsxRuntime.jsx("span",{className:"you_are_here",children:"you are here"}),fi=({token:e,isOpenState:t,timelineState:n})=>{let o=react.useO(n),[r,s]=react.useIO(t);return jsxRuntime.jsxs("section",{className:"node timeline_log",children:[jsxRuntime.jsxs("header",{children:[jsxRuntime.jsx(X.OpenClose,{isOpen:r,setIsOpen:s}),jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("h2",{children:e.key}),jsxRuntime.jsxs("span",{className:"detail length",children:["(",o.at,"/",o.history.length,")"]}),jsxRuntime.jsx("span",{className:"gap"}),jsxRuntime.jsxs("nav",{children:[jsxRuntime.jsx("button",{type:"button",onClick:()=>atom_io.undo(e),disabled:o.at===0,children:"undo"}),jsxRuntime.jsx("button",{type:"button",onClick:()=>atom_io.redo(e),disabled:o.at===o.history.length,children:"redo"})]})]})]}),r?jsxRuntime.jsx("main",{children:o.history.map((i,a)=>jsxRuntime.jsxs(Wo.Fragment,{children:[a===o.at?jsxRuntime.jsx(Go,{}):null,jsxRuntime.jsx(U.TimelineUpdate,{timelineUpdate:i}),a===o.history.length-1&&o.at===o.history.length?jsxRuntime.jsx(Go,{}):null]},i.key+a+o.at))}):null]})},Qo=()=>{let e=react.useO(er);return jsxRuntime.jsx("article",{className:"index timeline_index",children:e.filter(t=>!t.key.startsWith("\u{1F441}\u200D\u{1F5E8}")).map(t=>jsxRuntime.jsx(fi,{token:t,isOpenState:V(t.key),timelineState:tr(t.key)},t.key))})};var bi=({token:e,isOpenState:t,logState:n})=>{let o=react.useO(n),[r,s]=react.useIO(t);return jsxRuntime.jsxs("section",{className:"node transaction_log",children:[jsxRuntime.jsxs("header",{children:[jsxRuntime.jsx(X.OpenClose,{isOpen:r,setIsOpen:s}),jsxRuntime.jsxs("label",{children:[jsxRuntime.jsx("h2",{children:e.key}),jsxRuntime.jsxs("span",{className:"detail length",children:["(",o.length,")"]})]})]}),r?jsxRuntime.jsx("main",{children:o.map((i,a)=>jsxRuntime.jsx(U.TransactionUpdate,{serialNumber:a,transactionUpdate:i},i.key+a))}):null]})},or=()=>{let e=react.useO(rr);return jsxRuntime.jsx("article",{className:"index transaction_index",children:e.filter(t=>!t.key.startsWith("\u{1F441}\u200D\u{1F5E8}")).map(t=>jsxRuntime.jsx(bi,{token:t,isOpenState:V(t.key),logState:sr(t.key)},t.key))})};var Ed=()=>{let e=Wo.useRef(null),[t,n]=react.useIO(mr),[o,r]=react.useIO(ur),s=react.useO(dr),i=Wo.useRef(!1);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(framerMotion.motion.span,{ref:e,className:"atom_io_devtools_zone",style:{position:"fixed",top:0,left:0,right:0,bottom:0,pointerEvents:"none"}}),jsxRuntime.jsxs(framerMotion.motion.main,{drag:!0,dragConstraints:e,className:"atom_io_devtools",transition:framerMotion.spring,style:t?{}:{backgroundColor:"#0000",borderColor:"#0000",maxHeight:28,maxWidth:33},children:[t?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(framerMotion.motion.header,{children:[jsxRuntime.jsx("h1",{children:"atom.io"}),jsxRuntime.jsx("nav",{children:s.map(a=>jsxRuntime.jsx("button",{type:"button",className:a===o?"active":"",onClick:()=>r(a),disabled:a===o,children:a},a))})]}),jsxRuntime.jsx(framerMotion.motion.main,{children:jsxRuntime.jsx(framerMotion.LayoutGroup,{children:o==="atoms"?jsxRuntime.jsx(Jt,{tokenIndex:lr}):o==="selectors"?jsxRuntime.jsx(Jt,{tokenIndex:cr}):o==="transactions"?jsxRuntime.jsx(or,{}):o==="timelines"?jsxRuntime.jsx(Qo,{}):null})})]}):null,jsxRuntime.jsx("footer",{children:jsxRuntime.jsx("button",{type:"button",onMouseDown:()=>i.current=!1,onMouseMove:()=>i.current=!0,onMouseUp:()=>{i.current||n(a=>!a);},children:"\u{1F441}\u200D\u{1F5E8}"})})]})]})};var {atomIndex:lr,selectorIndex:cr,transactionIndex:rr,findTransactionLogState:sr,timelineIndex:er,findTimelineState:tr}=introspection.attachIntrospectionStates(),mr=atom_io.atom({key:"\u{1F441}\u200D\u{1F5E8} Devtools Are Open",default:!0,effects:[webEffects.lazyLocalStorageEffect("\u{1F441}\u200D\u{1F5E8} Devtools Are Open")]}),ur=atom_io.atom({key:"\u{1F441}\u200D\u{1F5E8} Devtools View Selection",default:"atoms",effects:[webEffects.lazyLocalStorageEffect("\u{1F441}\u200D\u{1F5E8} Devtools View")]}),dr=atom_io.atom({key:"\u{1F441}\u200D\u{1F5E8} Devtools View Options",default:["atoms","selectors","transactions","timelines"],effects:[webEffects.lazyLocalStorageEffect("\u{1F441}\u200D\u{1F5E8} Devtools View Options")]}),V=atom_io.atomFamily({key:"\u{1F441}\u200D\u{1F5E8} Devtools View Is Open",default:!1,effects:e=>[webEffects.lazyLocalStorageEffect(e+":view-is-open")]}),vt=new le({number:e=>typeof e=="number",string:e=>typeof e=="string",boolean:e=>typeof e=="boolean",null:e=>e===null}),Oi=new le({object:v,array:e=>Array.isArray(e)}),Xo=new je(vt,Oi,{number:Gt,string:Zt,boolean:Qt,null:()=>({summary:"No Change"}),object:tt,array:en});
-
-exports.AtomIODevtools = Ed;
-exports.atomIndex = lr;
-exports.devtoolsAreOpenState = mr;
-exports.devtoolsViewOptionsState = dr;
-exports.devtoolsViewSelectionState = ur;
-exports.findTimelineState = tr;
-exports.findTransactionLogState = sr;
-exports.findViewIsOpenState = V;
-exports.jsonTreeRefinery = Oi;
-exports.prettyJson = Xo;
-exports.primitiveRefinery = vt;
-exports.selectorIndex = cr;
-exports.timelineIndex = er;
-exports.transactionIndex = rr;
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
+    }
+  return a2;
+};
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
+var __restKey = (key) => typeof key === "symbol" ? key : key + "";
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// ../../anvl/src/function/pipe.ts
+function pipe(a2, ab, bc, cd, de, ef, fg, gh, hi) {
+  switch (arguments.length) {
+    case 1:
+      return a2;
+    case 2:
+      return ab(a2);
+    case 3:
+      return bc(ab(a2));
+    case 4:
+      return cd(bc(ab(a2)));
+    case 5:
+      return de(cd(bc(ab(a2))));
+    case 6:
+      return ef(de(cd(bc(ab(a2)))));
+    case 7:
+      return fg(ef(de(cd(bc(ab(a2))))));
+    case 8:
+      return gh(fg(ef(de(cd(bc(ab(a2)))))));
+    case 9:
+      return hi(gh(fg(ef(de(cd(bc(ab(a2))))))));
+    default: {
+      let ret = arguments[0];
+      for (let i = 1; i < arguments.length; i++) {
+        ret = arguments[i](ret);
+      }
+      return ret;
+    }
+  }
+}
+
+// ../../anvl/src/function/index.ts
+var doNothing = () => void 0;
+var become = (nextVersionOfThing) => (originalThing) => nextVersionOfThing instanceof Function ? nextVersionOfThing(
+  originalThing instanceof Function ? originalThing() : originalThing
+) : nextVersionOfThing;
+var isModifier = (validate) => (sample) => {
+  const sampleIsValid = validate(sample);
+  if (!sampleIsValid) {
+    throw new Error(`Invalid test case: JSON.stringify(${sample})`);
+  }
+  return (input) => {
+    if (typeof input !== `function`)
+      return false;
+    const testResult = input(sample);
+    return validate(testResult);
+  };
+};
+var pass = (...params) => (fn) => fn(...params);
+var raiseError = (message) => {
+  throw new Error(message);
+};
+var fallback = (fn, fallbackValue) => {
+  try {
+    return fn();
+  } catch (_) {
+    return fallbackValue;
+  }
+};
+
+// ../../anvl/src/array/venn.ts
+var includesAll = (items) => (array) => {
+  for (const item of items) {
+    if (!array.includes(item))
+      return false;
+  }
+  return true;
+};
+var comprises = (items) => (array) => includesAll(items)(array) && includesAll(array)(items);
+
+// ../../anvl/src/array/index.ts
+var isArray = (isType) => (input) => Array.isArray(input) && input.every((item) => isType(item));
+var map = (f) => (a2) => a2.map(f);
+var every = (f = Boolean) => (a2) => a2.every(f);
+var allTrue = every((x) => x === true);
+var addTo = (a2) => (x) => a2.includes(x) ? a2 : [...a2, x];
+var isEmptyArray = (input) => Array.isArray(input) && input.length === 0;
+var isOneOf = (...args) => (input) => args.includes(input);
+
+// ../../anvl/src/nullish/index.ts
+var isUndefined = (input) => input === void 0;
+var ifDefined = (validate) => (input) => isUndefined(input) || validate(input);
+var ifNullish = (alt) => (input) => input != null ? input : alt;
+
+// ../../anvl/src/object/access.ts
+var access = (k) => Object.assign((obj) => obj[k], {
+  in: (obj) => obj[k]
+});
+
+// ../../anvl/src/object/entries.ts
+var recordToEntries = (obj) => Object.entries(obj);
+var entriesToRecord = (entries) => Object.fromEntries(entries);
+
+// ../../anvl/src/object/mapObject.ts
+var mapObject = (obj, fn) => pipe(
+  obj,
+  recordToEntries,
+  map(([key, val]) => [key, fn(val, key)]),
+  entriesToRecord
+);
+var mob = (fn) => (obj) => mapObject(obj, fn);
+
+// ../../anvl/src/object/refinement.ts
+var isNonNullObject = (input) => typeof input === `object` && input !== null;
+var isPlainObject = (input) => isNonNullObject(input) && Object.getPrototypeOf(input) === Object.prototype;
+var isEmptyObject = (input) => isPlainObject(input) && Object.keys(input).length === 0;
+var isRecord = (isKey, isValue) => (input) => isPlainObject(input) && Object.entries(input).every(([k, v]) => isKey(k) && isValue(v));
+var hasProperties = (isValue, options = { allowExtraProperties: false }) => {
+  const name = `{${recordToEntries(
+    isValue
+  ).map(([k, v]) => String(k) + `:` + v.name).join(`,`)}}`;
+  const _ = {
+    [name]: (input) => isPlainObject(input) && pipe(
+      isValue,
+      Object.entries,
+      every(([key, val]) => key in input || val(void 0))
+    ) && pipe(
+      input,
+      mob(
+        (val, key) => pipe(
+          isValue,
+          access(key),
+          ifNullish(() => options.allowExtraProperties),
+          pass(val)
+        )
+      ),
+      Object.values,
+      allTrue
+    )
+  };
+  return _[name];
+};
+var ALLOW_EXTENSION = { allowExtraProperties: true };
+var doesExtend = (isValue) => hasProperties(isValue, ALLOW_EXTENSION);
+var DO_NOT_ALLOW_EXTENSION = { allowExtraProperties: false };
+var hasExactProperties = (isValue) => hasProperties(isValue, DO_NOT_ALLOW_EXTENSION);
+
+// ../../anvl/src/object/sprawl.ts
+var sprawl = (tree, inspector) => {
+  const walk = (path, node) => {
+    const inspect = (path2, node2) => {
+      const result2 = inspector(path2, node2);
+      if (result2)
+        return result2;
+      return null;
+    };
+    const result = inspect(path, node);
+    if ((result == null ? void 0 : result.jobComplete) || (result == null ? void 0 : result.pathComplete)) {
+      return result;
+    }
+    const childEntries = Array.isArray(node) ? node.map((v, i) => [i, v]) : isPlainObject(node) ? Object.entries(node) : [];
+    for (const [k, v] of childEntries) {
+      const subResult = walk([...path, k], v);
+      if (subResult == null ? void 0 : subResult.jobComplete) {
+        return subResult;
+      }
+    }
+    return {};
+  };
+  walk([], tree);
+};
+
+// ../../anvl/src/object/index.ts
+var treeShake = (shouldDiscard = isUndefined) => (obj) => {
+  const newObj = {};
+  const entries = Object.entries(obj);
+  entries.forEach(
+    ([key, val]) => !shouldDiscard(val, key) ? newObj[key] = val : null
+  );
+  return newObj;
+};
+var delve = (obj, path) => {
+  const found = path.reduce((acc, key) => acc == null ? void 0 : acc[key], obj);
+  return found === void 0 ? new Error(`Not found`) : { found };
+};
+
+// ../../anvl/src/refinement/refinery.ts
+var Refinery = class {
+  constructor(supported) {
+    this.supported = supported;
+  }
+  refine(input) {
+    for (const [key, refiner] of Object.entries(this.supported)) {
+      try {
+        if (
+          // @ts-expect-error that's the point
+          refiner(input) === true && refiner !== Boolean
+        ) {
+          return { type: key, data: input };
+        }
+      } catch (e) {
+        try {
+          if (input instanceof refiner) {
+            return { type: key, data: input };
+          }
+        } catch (e2) {
+        }
+      }
+    }
+    return null;
+  }
+};
+var jsonRefinery = new Refinery({
+  number: (input) => typeof input === `number`,
+  string: (input) => typeof input === `string`,
+  boolean: (input) => typeof input === `boolean`,
+  object: isPlainObject,
+  array: (input) => Array.isArray(input),
+  null: (input) => input === null
+});
+var discoverType = (input) => {
+  if (input === void 0) {
+    return `undefined`;
+  }
+  const refined = jsonRefinery.refine(input);
+  if (refined) {
+    return refined.type;
+  }
+  return Object.getPrototypeOf(input).constructor.name;
+};
+
+// ../../anvl/src/tree/differ.ts
+function diffNumber(a2, b2) {
+  const sign = a2 < b2 ? `+` : `-`;
+  return {
+    summary: `${sign}${Math.abs(a2 - b2)} (${a2} \u2192 ${b2})`
+  };
+}
+function diffString(a2, b2) {
+  const sign = a2.length < b2.length ? `+` : `-`;
+  return {
+    summary: `${sign}${Math.abs(a2.length - b2.length)} ("${a2}" \u2192 "${b2}")`
+  };
+}
+function diffBoolean(a2, b2) {
+  return {
+    summary: `${a2} \u2192 ${b2}`
+  };
+}
+function diffObject(a2, b2, recurse) {
+  let summary = ``;
+  const added = [];
+  const removed = [];
+  const changed = [];
+  sprawl(a2, (path, nodeA) => {
+    let key;
+    for (key of path) {
+      const nodeB = b2[key];
+      if (nodeB === void 0) {
+        removed.push([key, JSON.stringify(nodeA)]);
+      } else {
+        const delta = recurse(nodeA, nodeB);
+        if (delta.summary !== `No Change`) {
+          changed.push([key, delta]);
+        }
+      }
+    }
+  });
+  sprawl(b2, (path, nodeB) => {
+    let key;
+    for (key of path) {
+      const nodeA = a2[key];
+      if (nodeA === void 0) {
+        added.push([key, JSON.stringify(nodeB)]);
+      }
+    }
+  });
+  summary = `\uFF5E${changed.length} \uFF0B${added.length} \uFF0D${removed.length}`;
+  return {
+    summary,
+    added,
+    removed,
+    changed
+  };
+}
+function diffArray(a2, b2, recurse) {
+  return diffObject(a2, b2, recurse);
+}
+var Differ = class {
+  constructor(leafRefinery, treeRefinery, diffFunctions) {
+    this.leafRefinery = leafRefinery;
+    this.treeRefinery = treeRefinery;
+    this.leafDiffers = {};
+    this.treeDiffers = {};
+    for (const key of Object.keys(leafRefinery.supported)) {
+      const diffFunction = diffFunctions[key];
+      this.leafDiffers[key] = diffFunction;
+    }
+    for (const key of Object.keys(treeRefinery.supported)) {
+      const diffFunction = diffFunctions[key];
+      this.treeDiffers[key] = diffFunction;
+    }
+  }
+  diff(a2, b2) {
+    var _a2, _b;
+    if (a2 === b2) {
+      return { summary: `No Change` };
+    }
+    try {
+      if (JSON.stringify(a2) === JSON.stringify(b2)) {
+        return { summary: `No Change` };
+      }
+    } catch (thrown) {
+      console.error(`Error stringifying`, a2, b2);
+    }
+    const aRefined = (_a2 = this.leafRefinery.refine(a2)) != null ? _a2 : this.treeRefinery.refine(a2);
+    const bRefined = (_b = this.leafRefinery.refine(b2)) != null ? _b : this.treeRefinery.refine(b2);
+    if (aRefined !== null && bRefined !== null) {
+      if (aRefined.type === bRefined.type) {
+        if (aRefined.type in this.leafDiffers) {
+          const delta = this.leafDiffers[aRefined.type](
+            aRefined.data,
+            bRefined.data
+          );
+          return delta;
+        }
+        if (aRefined.type in this.treeDiffers) {
+          const delta = this.treeDiffers[aRefined.type](
+            aRefined.data,
+            bRefined.data,
+            (x, y) => this.diff(x, y)
+          );
+          return delta;
+        }
+      }
+    }
+    const typeA = discoverType(a2);
+    const typeB = discoverType(b2);
+    if (typeA === typeB) {
+      return {
+        summary: `${typeA} \u2192 ${typeB}`
+      };
+    }
+    return {
+      summary: `Type change: ${typeA} \u2192 ${typeB}`
+    };
+  }
+};
+
+// ../../anvl/src/json/index.ts
+var stringifyJson = (json) => JSON.stringify(json);
+var JSON_TYPE_NAMES = [
+  `array`,
+  `boolean`,
+  `null`,
+  `number`,
+  `object`,
+  `string`
+];
+var JSON_DEFAULTS = {
+  array: [],
+  boolean: false,
+  null: null,
+  number: 0,
+  object: {},
+  string: ``
+};
+
+// ../../anvl/src/primitive/index.ts
+var isString = (input) => {
+  return typeof input === `string`;
+};
+var isNumber = (input) => {
+  return typeof input === `number`;
+};
+var isBoolean = (input) => {
+  return typeof input === `boolean`;
+};
+
+// ../../anvl/src/refinement/refine-json.ts
+var JSON_PROTOTYPES = [
+  `Array`,
+  `Boolean`,
+  `Number`,
+  `Object`,
+  `String`
+];
+var refineJsonType = (data) => data === null ? { type: `null`, data: null } : isBoolean(data) ? { type: `boolean`, data } : isNumber(data) ? { type: `number`, data } : isString(data) ? { type: `string`, data } : Array.isArray(data) ? { type: `array`, data } : isPlainObject(data) ? { type: `object`, data } : raiseError(
+  data === void 0 ? `undefined passed to refineJsonType. This is not valid JSON.` : `${stringifyJson(data)} with prototype "${Object.getPrototypeOf(data).constructor.name}" passed to refineJsonType. This is not valid JSON.`
+);
+var isJson = (input) => {
+  var _a2;
+  if (input === null)
+    return true;
+  if (input === void 0)
+    return false;
+  const prototype = (_a2 = Object.getPrototypeOf(input)) == null ? void 0 : _a2.constructor.name;
+  const isJson2 = JSON_PROTOTYPES.includes(prototype);
+  return isJson2;
+};
+var OpenClose = ({ isOpen, setIsOpen, disabled }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: `carat ${isOpen ? `open` : `closed`}`,
+      onClick: () => setIsOpen((isOpen2) => !isOpen2),
+      disabled,
+      children: "\u25B6"
+    }
+  );
+};
+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);
+var EMPTY_RELATION_DATA = {
+  contents: {},
+  relations: {},
+  relationType: `n:n`,
+  a: `from`,
+  b: `to`
+};
+var isRelationData = ({
+  from: a2 = `from`,
+  to: b2 = `to`,
+  isContent
+} = {}) => (input) => {
+  return hasExactProperties({
+    contents: isContent ? isRecord(isString, isContent) : hasExactProperties({}),
+    relations: isRecord(isString, isArray(isString)),
+    relationType: isRelationType,
+    a: isLiteral(a2),
+    b: isLiteral(b2)
+  })(input);
+};
+
+// ../../anvl/src/join/get-related-ids.ts
+var getRelatedIds = (relationMap, id) => {
+  var _a2;
+  return (_a2 = relationMap.relations[id]) != null ? _a2 : [];
+};
+var getRelatedId = (relationMap, id) => {
+  const relations = getRelatedIds(relationMap, id);
+  if (relations.length > 1) {
+    console.warn(
+      `entry with id ${id} was not expected to have multiple relations`
+    );
+  }
+  return relations[0];
+};
+
+// ../../anvl/src/join/make-json-interface.ts
+var makeJsonInterface = (join, ...params) => {
+  const isContent = params[0];
+  const { a: a2, b: b2 } = join;
+  const options = {
+    from: a2,
+    to: b2,
+    isContent
+  };
+  return {
+    toJson: (join2) => join2.toJSON(),
+    fromJson: (json) => Join.fromJSON(json, options)
+  };
+};
+
+// ../../anvl/src/join/relation-record.ts
+var getRelationEntries = (relationMap, idA) => getRelatedIds(relationMap, idA).map((idB) => [
+  idB,
+  getContent(relationMap, idA, idB)
+]);
+var getRelationRecord = (relationMap, id) => Object.fromEntries(getRelationEntries(relationMap, id));
+
+// ../../anvl/src/string/split.ts
+var split = (separator) => (str) => str.split(separator);
+
+// ../../anvl/src/join/remove-relation.ts
+var removeSpecific = (current, idA, idB) => {
+  const isIdForRemoval = isOneOf(idA, idB);
+  return __spreadProps(__spreadValues({}, current), {
+    relations: pipe(
+      current.relations,
+      recordToEntries,
+      map(([id, relations]) => [
+        id,
+        isIdForRemoval(id) ? relations.filter((relation) => !isIdForRemoval(relation)) : relations
+      ]),
+      entriesToRecord,
+      treeShake(isEmptyArray)
+    ),
+    contents: pipe(
+      current.contents,
+      treeShake(
+        (_, key) => isString(key) && pipe(key, split(`/`), comprises([idA, idB]))
+      )
+    )
+  });
+};
+var removeAll = (current, idToRemove) => {
+  const next = __spreadProps(__spreadValues({}, current), {
+    relations: pipe(
+      current.relations,
+      recordToEntries,
+      map(([id, relations]) => [
+        id,
+        relations.filter((relation) => relation !== idToRemove)
+      ]),
+      entriesToRecord,
+      treeShake((val, key) => key === idToRemove || isEmptyArray(val))
+    ),
+    contents: pipe(
+      current.contents,
+      treeShake(
+        (_, key) => isString(key) && key.split(`/`).includes(idToRemove)
+      )
+    )
+  });
+  return next;
+};
+var removeRelation = (current, relation) => {
+  const idA = relation[current.a];
+  const idB = relation[current.b];
+  return idB ? removeSpecific(current, idA, idB) : removeAll(current, idA);
+};
+
+// ../../anvl/src/join/set-relation.ts
+var setManyToMany = (map2, idA, idB, ...rest) => {
+  var _a2, _b;
+  const next = __spreadProps(__spreadValues({}, map2), {
+    relations: __spreadProps(__spreadValues({}, map2.relations), {
+      [idA]: addTo((_a2 = map2.relations[idA]) != null ? _a2 : [])(idB),
+      [idB]: addTo((_b = map2.relations[idB]) != null ? _b : [])(idA)
+    })
+  });
+  const content = rest[0];
+  return content ? setContent(next, idA, idB, content) : next;
+};
+var removeEmpties = treeShake(isEmptyArray);
+var set1ToMany = (current, leaderId, followerId, ...rest) => {
+  var _a2;
+  const relations = __spreadValues({}, current.relations);
+  const prevLeaderId = getRelatedId(current, followerId);
+  const next = __spreadProps(__spreadValues({}, current), {
+    relations: removeEmpties(__spreadProps(__spreadValues(__spreadValues({}, relations), prevLeaderId && prevLeaderId !== leaderId && {
+      [prevLeaderId]: relations[prevLeaderId].filter(
+        (id) => id !== followerId
+      )
+    }), {
+      [followerId]: [leaderId],
+      [leaderId]: addTo((_a2 = relations[leaderId]) != null ? _a2 : [])(followerId)
+    }))
+  });
+  const content = rest[0];
+  return content ? setContent(next, leaderId, followerId, content) : next;
+};
+var set1To1 = (current, wifeId, husbandId, ...rest) => {
+  const prevWifeId = getRelatedId(current, husbandId);
+  const prevHusbandId = getRelatedId(current, wifeId);
+  const next = __spreadProps(__spreadValues({}, current), {
+    relations: removeEmpties(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, current.relations), prevWifeId && { [prevWifeId]: [] }), prevHusbandId && { [prevHusbandId]: [] }), {
+      [wifeId]: [husbandId],
+      [husbandId]: [wifeId]
+    }))
+  });
+  const content = rest[0];
+  return content ? setContent(next, wifeId, husbandId, content) : next;
+};
+var setRelationWithContent = (current, relation, ...rest) => {
+  const { [current.a]: idA, [current.b]: idB } = relation;
+  switch (current.relationType) {
+    case `1:1`:
+      return set1To1(current, idA, idB, ...rest);
+    case `1:n`:
+      return set1ToMany(current, idA, idB, ...rest);
+    case `n:n`:
+      return setManyToMany(current, idA, idB, ...rest);
+  }
+};
+
+// ../../anvl/src/join/relation-contents.ts
+var makeContentId = (idA, idB) => [idA, idB].sort().join(`/`);
+var getContent = (relationMap, idA, idB) => relationMap.contents[makeContentId(idA, idB)];
+var setContent = (map2, idA, idB, content) => __spreadProps(__spreadValues({}, map2), {
+  contents: __spreadProps(__spreadValues({}, map2.contents), {
+    [makeContentId(idA, idB)]: content
+  })
+});
+var getRelations = (relationMap, id) => getRelationEntries(relationMap, id).map(
+  ([id2, content]) => __spreadValues({
+    id: id2
+  }, content)
+);
+var setRelations = (current, subject, relations) => {
+  const idA = subject[current.a];
+  const idB = subject[current.b];
+  return pipe(
+    current,
+    (relationData) => {
+      const relatedIds = getRelatedIds(current, idA);
+      const removedIds = relatedIds.filter(
+        (id) => !relations.some((r) => r.id === id)
+      );
+      let step = relationData;
+      for (const id of removedIds) {
+        const remove = {
+          [current.a]: idA != null ? idA : id,
+          [current.b]: idB != null ? idB : id
+        };
+        step = removeRelation(step, remove);
+      }
+      return step;
+    },
+    (relationData) => {
+      let step = relationData;
+      for (const _a2 of relations) {
+        const _b = _a2, { id } = _b, rest = __objRest(_b, ["id"]);
+        const content = isEmptyObject(rest) ? void 0 : rest;
+        step = setRelationWithContent(
+          step,
+          { [current.a]: idA != null ? idA : id, [current.b]: idB != null ? idB : id },
+          // @ts-expect-error hacky
+          content
+        );
+      }
+      return step;
+    },
+    (relationData) => {
+      const newlyOrderedIds = relations.map((r) => r.id);
+      return __spreadProps(__spreadValues({}, relationData), {
+        relations: __spreadProps(__spreadValues({}, relationData.relations), {
+          [idA != null ? idA : idB]: newlyOrderedIds
+        })
+      });
+    }
+  );
+};
+
+// ../../anvl/src/join/index.ts
+var Join = class _Join {
+  constructor(json) {
+    this.a = `from`;
+    this.b = `to`;
+    this.makeJsonInterface = (...params) => {
+      return makeJsonInterface(this, ...params);
+    };
+    Object.assign(this, __spreadProps(__spreadValues(__spreadValues({}, EMPTY_RELATION_DATA), json), {
+      makeJsonInterface: this.makeJsonInterface
+    }));
+  }
+  toJSON() {
+    return {
+      relationType: this.relationType,
+      relations: this.relations,
+      contents: this.contents,
+      a: this.a,
+      b: this.b
+    };
+  }
+  static fromJSON(json, options) {
+    const isValid = isRelationData(options)(json);
+    if (isValid) {
+      return new _Join(json);
+    }
+    throw new Error(
+      `Saved JSON for this Join is invalid: ${JSON.stringify(json)}`
+    );
+  }
+  from(newA) {
+    return new _Join(__spreadProps(__spreadValues({}, this), { a: newA }));
+  }
+  to(newB) {
+    return new _Join(__spreadProps(__spreadValues({}, this), { b: newB }));
+  }
+  getRelatedId(id) {
+    return getRelatedId(this, id);
+  }
+  getRelatedIds(id) {
+    return getRelatedIds(this, id);
+  }
+  getContent(idA, idB) {
+    return getContent(this, idA, idB);
+  }
+  getRelationEntries(id) {
+    return getRelationEntries(this, id);
+  }
+  getRelationRecord(id) {
+    return getRelationRecord(this, id);
+  }
+  getRelation(id) {
+    return getRelations(this, id)[0];
+  }
+  getRelations(id) {
+    return getRelations(this, id);
+  }
+  setRelations(subject, relations) {
+    return new _Join(setRelations(this, subject, relations));
+  }
+  set(relation, ...rest) {
+    return new _Join(setRelationWithContent(this, relation, ...rest));
+  }
+  remove(relation) {
+    return new _Join(
+      removeRelation(this, relation)
+    );
+  }
+};
+var ElasticInput = React.forwardRef(function ElasticInputFC(props, ref) {
+  var _a2, _b, _c, _d;
+  const inputRef = React.useRef(null);
+  const spanRef = React.useRef(null);
+  const [inputWidth, setInputWidth] = React.useState(`auto`);
+  React.useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _a3;
+      (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
+    }
+  }));
+  const extraWidth = props.type === `number` ? 15 : 0;
+  React.useLayoutEffect(() => {
+    if (spanRef.current) {
+      setInputWidth(`${spanRef.current.offsetWidth + extraWidth}px`);
+      const interval = setInterval(() => {
+        if (spanRef.current) {
+          setInputWidth(`${spanRef.current.offsetWidth + extraWidth}px`);
+        }
+      }, 1e3);
+      return () => clearInterval(interval);
+    }
+  }, [(_a2 = inputRef.current) == null ? void 0 : _a2.value, props.value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: `inline-block`, position: `relative` }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      __spreadProps(__spreadValues({}, props), {
+        ref: inputRef,
+        style: __spreadValues({
+          padding: 0,
+          borderRadius: 0,
+          border: `none`,
+          fontFamily: `inherit`,
+          fontSize: `inherit`,
+          width: inputWidth
+        }, props.style)
+      })
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref: spanRef,
+        style: {
+          padding: (_b = props.style) == null ? void 0 : _b.padding,
+          position: `absolute`,
+          visibility: `hidden`,
+          // color: `red`,
+          whiteSpace: `pre`,
+          fontFamily: ((_c = props.style) == null ? void 0 : _c.fontFamily) || `inherit`,
+          fontSize: ((_d = props.style) == null ? void 0 : _d.fontSize) || `inherit`
+        },
+        children: props.value
+      }
+    )
+  ] });
+});
+
+// ../../anvl/src/number/clamp.ts
+var clampInto = (min, max) => (value) => value < min ? min : value > max ? max : value;
+
+// ../../anvl/src/number/wrap.ts
+var wrapInto = (min, max) => (value) => value < min ? max - (min - value) % (max - min) : min + (value - min) % (max - min);
+function round(value, decimalPlaces) {
+  if (decimalPlaces === void 0)
+    return value;
+  const factor = 10 ** decimalPlaces;
+  return Math.round(value * factor) / factor;
+}
+var VALID_NON_NUMBERS = [``, `-`, `.`, `-.`];
+var isValidNonNumber = (input) => VALID_NON_NUMBERS.includes(input);
+var VALID_NON_NUMBER_INTERPRETATIONS = {
+  "": null,
+  "-": 0,
+  ".": 0,
+  "-.": 0
+};
+var isDecimalInProgress = (input) => input === `0` || !isNaN(Number(input)) && input.includes(`.`);
+var textToValue = (input, allowDecimal) => {
+  if (isValidNonNumber(input))
+    return VALID_NON_NUMBER_INTERPRETATIONS[input];
+  return allowDecimal ? parseFloat(input) : Math.round(parseFloat(input));
+};
+var DEFAULT_NUMBER_CONSTRAINTS = {
+  max: Infinity,
+  min: -Infinity,
+  decimalPlaces: 100,
+  nullable: true
+};
+var initRefinery = (constraints) => (input) => {
+  if (input === null && constraints.nullable === true) {
+    return null;
+  }
+  const { max, min, decimalPlaces } = __spreadValues(__spreadValues({}, DEFAULT_NUMBER_CONSTRAINTS), constraints);
+  const constrained = pipe(
+    input != null ? input : 0,
+    clampInto(min, max),
+    (n) => decimalPlaces ? round(n, decimalPlaces) : n
+  );
+  return constrained;
+};
+var valueToText = (numericValue) => {
+  if (numericValue === null || numericValue === void 0) {
+    return ``;
+  }
+  return numericValue.toString();
+};
+var NumberInput = ({
+  autoSize = false,
+  customCss,
+  decimalPlaces,
+  disabled = false,
+  label,
+  max,
+  min,
+  name,
+  onChange,
+  onClick,
+  placeholder = ``,
+  set = () => null,
+  testId,
+  value = null
+}) => {
+  const id = React.useId();
+  const [temporaryEntry, setTemporaryEntry] = React.useState(null);
+  const userHasMadeDeliberateChange = React.useRef(false);
+  const refine = initRefinery({ max, min, decimalPlaces, nullable: true });
+  const allowDecimal = decimalPlaces === void 0 || decimalPlaces > 0;
+  const handleBlur = () => {
+    if (userHasMadeDeliberateChange.current) {
+      set(refine(value != null ? value : null));
+      setTemporaryEntry(null);
+    }
+    userHasMadeDeliberateChange.current = false;
+  };
+  const handleChange = (event) => {
+    var _a2;
+    if (onChange)
+      onChange(event);
+    if (set === void 0)
+      return;
+    userHasMadeDeliberateChange.current = true;
+    const input = event.target.value;
+    if (isValidNonNumber(input) || isDecimalInProgress(input)) {
+      setTemporaryEntry(input);
+      const textInterpretation = isDecimalInProgress(input) ? input : (_a2 = min == null ? void 0 : min.toString()) != null ? _a2 : `0`;
+      const newValue = textToValue(textInterpretation, allowDecimal);
+      set(refine(newValue));
+      return;
+    }
+    setTemporaryEntry(null);
+    const inputIsNumeric = !isNaN(Number(input)) && !input.includes(` `) || allowDecimal && input === `.` || allowDecimal && input === `-.` || input === `` || input === `-`;
+    const numericValue = textToValue(input, allowDecimal);
+    if (inputIsNumeric) {
+      set(refine(numericValue));
+    }
+  };
+  const displayValue = temporaryEntry != null ? temporaryEntry : valueToText(value ? refine(value) : value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { css: customCss, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, children: label }),
+    autoSize ? /* @__PURE__ */ jsxRuntime.jsx(
+      ElasticInput,
+      {
+        type: "text",
+        value: displayValue,
+        placeholder: placeholder != null ? placeholder : `-`,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        disabled,
+        name: name != null ? name : id,
+        id,
+        onClick,
+        "data-testid": `number-input-${testId != null ? testId : id}`
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value: displayValue,
+        placeholder: placeholder != null ? placeholder : `-`,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        disabled,
+        name: name != null ? name : id,
+        id,
+        onClick,
+        "data-testid": `number-input-${testId != null ? testId : id}`
+      }
+    )
+  ] });
+};
+var TextInput = ({
+  value,
+  set,
+  label,
+  placeholder,
+  customCss,
+  autoSize = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { css: customCss, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { children: label }),
+    autoSize ? /* @__PURE__ */ jsxRuntime.jsx(
+      ElasticInput,
+      {
+        type: "text",
+        value,
+        onChange: (e) => set == null ? void 0 : set(e.target.value),
+        disabled: set === void 0,
+        placeholder
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        value,
+        onChange: (e) => set == null ? void 0 : set(e.target.value),
+        disabled: set === void 0,
+        placeholder
+      }
+    )
+  ] });
+};
+var NonJsonEditor = ({ data }) => {
+  return data === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ElasticInput, { disabled: true, value: "undefined" }) : /* @__PURE__ */ jsxRuntime.jsx(
+    ElasticInput,
+    {
+      disabled: true,
+      value: Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data)
+    }
+  );
+};
+var JsonEditor_INTERNAL = ({
+  data,
+  set,
+  schema,
+  name,
+  rename,
+  remove,
+  recast,
+  path = [],
+  isReadonly = () => false,
+  isHidden = () => false,
+  className,
+  customCss,
+  Header: HeaderDisplay,
+  Components
+}) => {
+  const dataIsJson = isJson(data);
+  const refined = dataIsJson ? refineJsonType(data) : { type: `non-json`, data };
+  const SubEditor = dataIsJson ? SubEditors[refined.type] : NonJsonEditor;
+  const disabled = isReadonly(path);
+  return isHidden(path) ? null : /* @__PURE__ */ jsxRuntime.jsx(Components.ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(Components.EditorWrapper, { className, customCss, children: [
+    remove && /* @__PURE__ */ jsxRuntime.jsx(
+      Components.Button,
+      {
+        onClick: disabled ? doNothing : remove,
+        disabled,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Components.DeleteIcon, {})
+      }
+    ),
+    HeaderDisplay && /* @__PURE__ */ jsxRuntime.jsx(HeaderDisplay, { data, schema }),
+    rename && /* @__PURE__ */ jsxRuntime.jsx(Components.KeyWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ElasticInput,
+      {
+        value: name,
+        onChange: disabled ? doNothing : (e) => rename(e.target.value),
+        disabled
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SubEditor,
+      {
+        data: refined.data,
+        set,
+        schema,
+        remove,
+        rename,
+        path,
+        isReadonly,
+        isHidden,
+        Components
+      }
+    ),
+    recast && dataIsJson ? /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        onChange: disabled ? doNothing : (e) => recast(e.target.value),
+        value: refined.type,
+        disabled,
+        children: Object.keys(SubEditors).map((type) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: type, children: type }, type))
+      }
+    ) : null
+  ] }) });
+};
+
+// ../../hamr/src/react-json-editor/editors-by-type/utilities/array-elements.ts
+var makeElementSetters = (data, set) => data.map(
+  (value, index) => (newValue) => set(() => {
+    const newData = [...data];
+    newData[index] = become(newValue)(value);
+    return newData;
+  })
+);
+var ArrayEditor = ({
+  path = [],
+  isReadonly = () => false,
+  isHidden = () => false,
+  data,
+  set,
+  Components
+}) => {
+  const setElement = makeElementSetters(data, set);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: data.map((element, index) => {
+    const newPath = [...path, index];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      JsonEditor_INTERNAL,
+      {
+        path: newPath,
+        isReadonly,
+        isHidden,
+        data: element,
+        set: setElement[index],
+        Components
+      },
+      newPath.join(``)
+    );
+  }) });
+};
+
+// ../../anvl/src/json-schema/integer.ts
+var isInteger = (input) => Number.isInteger(input);
+var parseInteger = (input) => {
+  if (isInteger(input))
+    return input;
+  throw new IntegerParseError(input);
+};
+var _a;
+var Fraction = class extends Number {
+  constructor(n, d) {
+    super(n / d);
+    this[_a] = () => this.numerator / this.denominator;
+    if (d === 0) {
+      throw new Error(`Denominator cannot be zero`);
+    }
+    this.numerator = parseInteger(n);
+    this.denominator = parseInteger(d);
+  }
+};
+_a = Symbol.toPrimitive;
+var IntegerParseError = class extends Error {
+  constructor(value) {
+    super(`Could not parse integer from ${JSON.stringify(value)}`);
+  }
+};
+var Int = Object.assign((input) => parseInteger(input), {
+  from: (input) => pipe(
+    input,
+    String,
+    parseFloat,
+    (num) => isInteger(num) ? {
+      value: num,
+      error: null,
+      round: null,
+      upper: null,
+      lower: null,
+      ratio: null
+    } : {
+      value: null,
+      error: new IntegerParseError(input),
+      round: Math.round(num),
+      upper: Math.ceil(num),
+      lower: Math.floor(num),
+      ratio: null
+    }
+  ),
+  formula: (fm) => {
+    return (input) => {
+      return fm(
+        input
+      );
+    };
+  }
+});
+function asNumber(input) {
+  return input;
+}
+asNumber(new Fraction(1, 2));
+asNumber([new Fraction(1, 2)]);
+asNumber({ a: new Fraction(1, 2) });
+
+// ../../anvl/src/json-schema/refs.ts
+function isJsonSchemaRef(input) {
+  return doesExtend({
+    $ref: isString
+  })(input);
+}
+({
+  $defs: {
+    colorChannel: {
+      type: `integer`,
+      minimum: Int(0),
+      maximum: Int(255)
+    },
+    color: {
+      type: `object`,
+      properties: {
+        red: { $ref: `#/$defs/colorChannel` },
+        green: { $ref: `#/$defs/colorChannel` },
+        blue: { $ref: `#/$defs/colorChannel` }
+      }
+    }
+  },
+  type: `array`,
+  items: {
+    $ref: `#/$defs/color`
+  }
+});
+var retrieveRef = ({
+  refNode: { $ref },
+  refMap = {},
+  root
+}) => {
+  if (typeof root === `boolean`) {
+    throw new TypeError(`The root is a boolean and cannot be indexed`);
+  }
+  if ($ref in refMap)
+    return { node: refMap[$ref], refMap };
+  const [_, ...refPath] = $ref.split(`/`);
+  const discovery = delve(root, refPath);
+  if (discovery instanceof Error)
+    throw discovery;
+  let node = discovery.found;
+  while (isJsonSchemaRef(node)) {
+    const result = retrieveRef({ refNode: node, refMap, root });
+    node = result.node;
+    refMap = result.refMap;
+  }
+  if (isJsonSchema(node)) {
+    return { node, refMap: __spreadProps(__spreadValues({}, refMap), { [$ref]: node }) };
+  }
+  throw new TypeError(`The refNode is not a JsonSchema`);
+};
+
+// ../../anvl/src/json-schema/string-formats.ts
+var JSON_SCHEMA_STRING_FORMATS = [
+  `date-time`,
+  `date`,
+  `email`,
+  `hostname`,
+  `ipv4`,
+  `ipv6`,
+  `regex`,
+  `time`,
+  `uri-reference`,
+  `uri-template`,
+  `uri`,
+  `uuid`
+];
+
+// ../../anvl/src/json-schema/json-schema.ts
+var JSON_SCHEMA_TYPE_NAMES = [...JSON_TYPE_NAMES, `integer`];
+[
+  ...JSON_SCHEMA_TYPE_NAMES,
+  `any`,
+  `never`
+];
+var stringSchemaStructure = {
+  type: isLiteral(`string`),
+  enum: ifDefined(isArray(isString)),
+  minLength: ifDefined(isInteger),
+  maxLength: ifDefined(isInteger),
+  pattern: ifDefined(isString),
+  format: ifDefined(isWithin(JSON_SCHEMA_STRING_FORMATS))
+};
+function isStringSchema(input) {
+  return doesExtend(stringSchemaStructure)(input);
+}
+var numberSchemaStructure = {
+  type: isLiteral(`number`),
+  enum: ifDefined(isArray(isNumber)),
+  minimum: ifDefined(isNumber),
+  maximum: ifDefined(isNumber),
+  exclusiveMinimum: ifDefined(isNumber),
+  exclusiveMaximum: ifDefined(isNumber),
+  multipleOf: ifDefined(isNumber)
+};
+function isNumberSchema(input) {
+  return doesExtend(numberSchemaStructure)(input);
+}
+var integerSchemaStructure = {
+  type: isLiteral(`integer`),
+  enum: ifDefined(isArray(isInteger)),
+  minimum: ifDefined(isInteger),
+  maximum: ifDefined(isInteger),
+  exclusiveMinimum: ifDefined(isInteger),
+  exclusiveMaximum: ifDefined(isInteger),
+  multipleOf: ifDefined(isInteger)
+};
+function isIntegerSchema(input) {
+  return doesExtend(integerSchemaStructure)(input);
+}
+var booleanSchemaStructure = {
+  type: isLiteral(`boolean`),
+  enum: ifDefined(isArray(isBoolean))
+};
+function isBooleanSchema(input) {
+  return doesExtend(booleanSchemaStructure)(input);
+}
+var nullSchemaStructure = {
+  type: isLiteral(`null`)
+};
+function isNullSchema(input) {
+  return doesExtend(nullSchemaStructure)(input);
+}
+var objectSchemaStructure = {
+  type: isLiteral(`object`),
+  properties: ifDefined(isRecord(isString, isJsonSchema)),
+  required: ifDefined(isArray(isString)),
+  additionalProperties: ifDefined(isJsonSchema),
+  propertyNames: ifDefined(isStringSchema),
+  minProperties: ifDefined(isInteger),
+  maxProperties: ifDefined(isInteger),
+  dependentSchemas: ifDefined(isRecord(isString, isJsonSchema))
+};
+function isObjectSchema(input) {
+  return doesExtend(objectSchemaStructure)(input);
+}
+var arraySchemaStructure = {
+  type: isLiteral(`array`),
+  items: ifDefined(
+    mustSatisfyOneOfTheFollowing(isJsonSchema).or(isArray(isJsonSchema))
+  ),
+  minItems: ifDefined(isInteger),
+  maxItems: ifDefined(isInteger),
+  uniqueItems: ifDefined(isBoolean)
+};
+function isArraySchema(input) {
+  return doesExtend(arraySchemaStructure)(input);
+}
+var unionSchemaStructure = { anyOf: isArray(isJsonSchema) };
+function isUnionSchema(input) {
+  return doesExtend(unionSchemaStructure)(input);
+}
+var exclusiveSchemaStructure = { oneOf: isArray(isJsonSchema) };
+function isExclusiveSchema(input) {
+  return doesExtend(exclusiveSchemaStructure)(input);
+}
+var intersectionSchemaStructure = { allOf: isArray(isJsonSchema) };
+function isIntersectionSchema(input) {
+  return doesExtend(intersectionSchemaStructure)(input);
+}
+var conditionalSchemaStructure = {
+  if: isJsonSchema,
+  then: ifDefined(isJsonSchema),
+  else: ifDefined(isJsonSchema)
+};
+function isConditionalSchema(input) {
+  return doesExtend(conditionalSchemaStructure)(input);
+}
+var negationSchemaStructure = { not: isJsonSchema };
+function isNegationSchema(input) {
+  return doesExtend(negationSchemaStructure)(input);
+}
+var mixedSchemaStructure = __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, arraySchemaStructure), booleanSchemaStructure), integerSchemaStructure), nullSchemaStructure), numberSchemaStructure), objectSchemaStructure), stringSchemaStructure), {
+  type: isArray(isWithin(JSON_SCHEMA_TYPE_NAMES)),
+  enum: ifDefined(
+    isArray(isUnion.or(isInteger).or(isBoolean).or(isNumber).or(isString))
+  )
+});
+function isMixedSchema(input) {
+  return doesExtend(mixedSchemaStructure)(input);
+}
+var isJsonSchemaCore = isUnion.or(isArraySchema).or(isBooleanSchema).or(isConditionalSchema).or(isExclusiveSchema).or(isIntegerSchema).or(isIntersectionSchema).or(isMixedSchema).or(isNegationSchema).or(isNullSchema).or(isNumberSchema).or(isObjectSchema).or(isStringSchema).or(isUnionSchema);
+var isJsonSchemaRoot = doesExtend({
+  $id: ifDefined(isString),
+  $schema: ifDefined(isString)
+});
+var isJsonSchemaObject = isIntersection.and(isJsonSchemaCore).and(isJsonSchemaRoot);
+function isJsonSchema(input) {
+  return mustSatisfyOneOfTheFollowing(isBoolean).or(isJsonSchemaObject).or(isJsonSchemaRef)(input);
+}
+
+// ../../anvl/src/json-schema/path-into.ts
+var expandPathForSchema = (path) => {
+  try {
+    return path.flatMap((key) => {
+      switch (typeof key) {
+        case `string`:
+          return [`properties`, key];
+        case `number`:
+          return [`items`, key];
+        case `symbol`:
+          throw new TypeError(
+            `The key ${String(
+              key
+            )} is not a valid JSON key; expected string or number, got symbol`
+          );
+        default:
+          throw new TypeError(
+            `The key ${key} is not a valid JSON key; expected string or number, got ${typeof key}`
+          );
+      }
+    });
+  } catch (caught) {
+    if (caught instanceof TypeError)
+      return caught;
+    throw caught;
+  }
+};
+
+// ../../anvl/src/json-schema/find-sub-schema.ts
+var findSubSchema = (schema) => {
+  if (typeof schema === `boolean`) {
+    throw new Error(`The schema does not contain subSchemas`);
+  }
+  return (path) => {
+    const pathIntoSchema = expandPathForSchema(path);
+    if (pathIntoSchema instanceof Error)
+      return pathIntoSchema;
+    if (typeof schema === `boolean`) {
+      return new TypeError(`The schema is not a JsonSchema`);
+    }
+    const { node, refMap } = pathIntoSchema.reduce(
+      ({ node: node2, refMap: refMap2 = void 0 }, key) => (console.log({ node: node2, key }), isJsonSchemaRef(node2) ? retrieveRef({ refNode: node2, root: schema, refMap: refMap2 }) : { node: node2[key], refMap: refMap2 }),
+      { node: schema, refMap: void 0 }
+    );
+    if (node instanceof Error)
+      throw node;
+    let subSchema = node;
+    while (isJsonSchemaRef(subSchema)) {
+      console.log({ subSchema });
+      subSchema = retrieveRef({ refNode: subSchema, root: schema, refMap }).node;
+    }
+    console.log({ subSchema });
+    if (isJsonSchema(subSchema)) {
+      return subSchema;
+    }
+    throw new TypeError(`The subSchema is not a JsonSchema`);
+  };
+};
+
+// ../../anvl/src/json/cast-json.ts
+var stringToBoolean = (str) => str === `true`;
+var stringToNumber = (str) => Number(str);
+var stringToArray = (str) => str.split(`,`);
+var stringToObject = (str) => {
+  try {
+    return JSON.parse(str);
+  } catch (e) {
+    return { [str]: str };
+  }
+};
+var objectToString = (obj) => JSON.stringify(obj);
+var objectToBoolean = (obj) => obj.true === true;
+var objectToNumber = (obj) => {
+  var _a2, _b, _c;
+  return Number((_c = (_b = (_a2 = obj.number) != null ? _a2 : obj.size) != null ? _b : obj.count) != null ? _c : 0);
+};
+var objectToArray = (obj) => Object.entries(obj);
+var booleanToString = (bool) => bool.toString();
+var booleanToNumber = (bool) => +bool;
+var booleanToObject = (bool) => ({
+  [bool.toString()]: bool
+});
+var booleanToArray = (bool) => [bool];
+var numberToString = (num) => num.toString();
+var numberToBoolean = (num) => num === 1;
+var numberToObject = (num) => ({
+  number: num
+});
+var numberToArray = (num) => Array(num).fill(null);
+var arrayToString = (arr) => arr.join(`,`);
+var arrayToNumber = (arr) => arr.length;
+var arrayToBoolean = (arr) => typeof arr[0] === `boolean` ? arr[0] : arr.length > 0;
+var arrayToObject = (arr) => arr.reduce((acc, cur, idx) => {
+  acc[`${idx}`] = cur;
+  return acc;
+}, {});
+var nullToString = () => ``;
+var nullToNumber = () => 0;
+var nullToBoolean = () => false;
+var nullToArray = () => [];
+var nullToObject = () => ({});
+
+// ../../anvl/src/refinement/smart-cast-json.ts
+var castToJson = (input) => {
+  const json = refineJsonType(input);
+  return {
+    to: {
+      array: () => {
+        switch (json.type) {
+          case `array`:
+            return json.data;
+          case `object`:
+            return objectToArray(json.data);
+          case `string`:
+            return stringToArray(json.data);
+          case `boolean`:
+            return booleanToArray(json.data);
+          case `number`:
+            return numberToArray(json.data);
+          case `null`:
+            return nullToArray();
+        }
+      },
+      boolean: () => {
+        switch (json.type) {
+          case `array`:
+            return arrayToBoolean(json.data);
+          case `object`:
+            return objectToBoolean(json.data);
+          case `string`:
+            return stringToBoolean(json.data);
+          case `boolean`:
+            return json.data;
+          case `number`:
+            return numberToBoolean(json.data);
+          case `null`:
+            return nullToBoolean();
+        }
+      },
+      number: () => {
+        switch (json.type) {
+          case `array`:
+            return arrayToNumber(json.data);
+          case `object`:
+            return objectToNumber(json.data);
+          case `string`:
+            return stringToNumber(json.data);
+          case `boolean`:
+            return booleanToNumber(json.data);
+          case `number`:
+            return json.data;
+          case `null`:
+            return nullToNumber();
+        }
+      },
+      object: () => {
+        switch (json.type) {
+          case `array`:
+            return arrayToObject(json.data);
+          case `object`:
+            return json.data;
+          case `string`:
+            return stringToObject(json.data);
+          case `boolean`:
+            return booleanToObject(json.data);
+          case `number`:
+            return numberToObject(json.data);
+          case `null`:
+            return nullToObject();
+        }
+      },
+      string: () => {
+        switch (json.type) {
+          case `array`:
+            return arrayToString(json.data);
+          case `object`:
+            return objectToString(json.data);
+          case `string`:
+            return json.data;
+          case `boolean`:
+            return booleanToString(json.data);
+          case `number`:
+            return numberToString(json.data);
+          case `null`:
+            return nullToString();
+        }
+      },
+      null: () => null
+    }
+  };
+};
+
+// ../../hamr/src/react-json-editor/editors-by-type/utilities/object-properties.ts
+var makePropertySetters = (data, set) => mapObject(
+  data,
+  (value, key) => (newValue) => set(__spreadProps(__spreadValues({}, data), { [key]: become(newValue)(value[key]) }))
+);
+var makePropertyRenamers = (data, set, stableKeyMapRef) => mapObject(
+  data,
+  (value, key) => (newKey) => Object.hasOwn(data, newKey) ? null : set(() => {
+    const entries = Object.entries(data);
+    const index = entries.findIndex(([k]) => k === key);
+    entries[index] = [newKey, value];
+    const stableKeyMap = stableKeyMapRef.current;
+    stableKeyMapRef.current = __spreadProps(__spreadValues({}, stableKeyMap), {
+      [newKey]: stableKeyMap[key]
+    });
+    return Object.fromEntries(entries);
+  })
+);
+var makePropertyRemovers = (data, set) => mapObject(
+  data,
+  (_, key) => () => set(() => {
+    const _a2 = data, rest = __objRest(_a2, [__restKey(key)]);
+    return rest;
+  })
+);
+var makePropertyRecasters = (data, set) => mapObject(
+  data,
+  (value, key) => (newType) => set(() => __spreadProps(__spreadValues({}, data), {
+    [key]: castToJson(value).to[newType]()
+  }))
+);
+var makePropertyCreationInterface = (data, set) => (key, type) => (value) => set(__spreadProps(__spreadValues({}, data), { [key]: value != null ? value : JSON_DEFAULTS[type] }));
+var makePropertySorter = (data, set, sortFn) => () => {
+  const sortedKeys = Object.keys(data).sort(sortFn);
+  const sortedObj = {};
+  sortedKeys.forEach((key) => sortedObj[key] = data[key]);
+  set(sortedObj);
+};
+var PropertyAdder = ({
+  addProperty,
+  disabled,
+  propertyKey,
+  Components
+}) => /* @__PURE__ */ jsxRuntime.jsxs(Components.MissingPropertyWrapper, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ElasticInput, { disabled: true, defaultValue: propertyKey }),
+  ` `,
+  /* @__PURE__ */ jsxRuntime.jsx(ElasticInput, { disabled: true, defaultValue: "is missing" }),
+  /* @__PURE__ */ jsxRuntime.jsx(Components.Button, { onClick: () => addProperty(), disabled, children: "+" })
+] });
+var ObjectEditor = ({
+  schema,
+  path = [],
+  isReadonly = () => false,
+  isHidden = () => false,
+  data,
+  set,
+  Components
+}) => {
+  var _a2;
+  const disabled = isReadonly(path);
+  const stableKeyMap = React.useRef(
+    Object.keys(data).reduce((acc, key) => {
+      acc[key] = key;
+      return acc;
+    }, {})
+  );
+  const setProperty = makePropertySetters(data, set);
+  const renameProperty = makePropertyRenamers(data, set, stableKeyMap);
+  const removeProperty = makePropertyRemovers(data, set);
+  const recastProperty = makePropertyRecasters(data, set);
+  const sortProperties = makePropertySorter(data, set);
+  const makePropertyAdder = makePropertyCreationInterface(data, set);
+  const subSchema = isPlainObject(schema) ? findSubSchema(schema)(path) : true;
+  const schemaKeys = isLiteral(true)(subSchema) ? true : isObjectSchema(subSchema) ? Object.keys((_a2 = subSchema.properties) != null ? _a2 : {}) : [];
+  const dataKeys = Object.keys(data);
+  const [unofficialKeys, officialKeys] = dataKeys.reduce(
+    ([unofficial, official], key) => {
+      const isOfficial = schemaKeys === true || schemaKeys.includes(key);
+      return isOfficial ? [unofficial, [...official, key]] : [[...unofficial, key], official];
+    },
+    [[], []]
+  );
+  const missingKeys = schemaKeys === true ? [] : schemaKeys.filter((key) => !dataKeys.includes(key));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Components.Button, { onClick: () => sortProperties(), disabled, children: "Sort" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Components.ObjectWrapper, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_properties", children: [...missingKeys, ...officialKeys, ...unofficialKeys].map((key) => {
+        const originalKey = stableKeyMap.current[key];
+        const newPath = [...path, key];
+        const originalPath = [...path, originalKey];
+        const isOfficial = schemaKeys === true || schemaKeys.includes(key);
+        const isMissing = missingKeys.includes(key);
+        return isMissing ? /* @__PURE__ */ jsxRuntime.jsx(
+          PropertyAdder,
+          {
+            propertyKey: key,
+            addProperty: makePropertyAdder(key, `string`),
+            disabled,
+            Components
+          },
+          key + `IsMissing`
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          JsonEditor_INTERNAL,
+          {
+            schema,
+            path: newPath,
+            name: key,
+            isReadonly,
+            isHidden,
+            data: data[key],
+            set: setProperty[key],
+            rename: renameProperty[key],
+            remove: removeProperty[key],
+            recast: recastProperty[key],
+            className: `json_editor_property ${isOfficial ? `json_editor_official` : `json_editor_unofficial`}`,
+            Components
+          },
+          originalPath.join(`.`)
+        );
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Components.Button,
+        {
+          onClick: disabled ? doNothing : () => makePropertyAdder(`new_property`, `string`)(),
+          disabled,
+          children: "+"
+        }
+      )
+    ] })
+  ] });
+};
+var BooleanEditor = ({
+  data,
+  set,
+  Components
+}) => /* @__PURE__ */ jsxRuntime.jsx(Components.BooleanWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  "input",
+  {
+    type: "checkbox",
+    checked: data,
+    onChange: (event) => set(event.target.checked)
+  }
+) });
+var NullEditor = ({
+  Components
+}) => /* @__PURE__ */ jsxRuntime.jsx(Components.NullWrapper, { children: '" "' });
+var NumberEditor = ({
+  path = [],
+  isReadonly = () => false,
+  data,
+  set,
+  Components
+}) => /* @__PURE__ */ jsxRuntime.jsx(Components.NumberWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  NumberInput,
+  {
+    value: data,
+    set: isReadonly(path) ? void 0 : (newValue) => set(Number(newValue)),
+    autoSize: true
+  }
+) });
+var StringEditor = ({
+  path = [],
+  isReadonly = () => false,
+  data,
+  set,
+  Components
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Components.StringWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    TextInput,
+    {
+      value: data,
+      set: isReadonly(path) ? void 0 : set,
+      autoSize: true
+    }
+  ) });
+};
+var DefaultFallback = ({ error, errorInfo }) => {
+  var _a2, _b;
+  const component = errorInfo == null ? void 0 : errorInfo.componentStack.split(` `).filter(Boolean)[2];
+  const message = (_b = (_a2 = error == null ? void 0 : error.toString()) != null ? _a2 : errorInfo == null ? void 0 : errorInfo.componentStack) != null ? _b : `Unknown error`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-testid": "error-boundary",
+      style: {
+        flex: `1`,
+        background: `black`,
+        backgroundImage: `url(./src/assets/kablooey.gif)`,
+        backgroundPosition: `center`,
+        // backgroundRepeat: `no-repeat`,
+        backgroundSize: `overlay`
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            margin: `50px`,
+            marginTop: `0`,
+            padding: `50px`,
+            border: `1px solid dashed`
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              style: {
+                background: `black`,
+                color: `white`,
+                padding: 10,
+                paddingTop: 5
+              },
+              children: [
+                `\u26A0\uFE0F `,
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: `#fc0`, fontWeight: 700 }, children: component }),
+                ` \u26A0\uFE0F `,
+                message
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var ErrorBoundary = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+  componentDidCatch(error, errorInfo) {
+    var _a2, _b;
+    (_b = (_a2 = this.props).onError) == null ? void 0 : _b.call(_a2, error, errorInfo);
+    this.setState({
+      error,
+      errorInfo
+    });
+  }
+  render() {
+    const { error, errorInfo } = this.state;
+    const { children, Fallback = DefaultFallback } = this.props;
+    return errorInfo ? /* @__PURE__ */ jsxRuntime.jsx(Fallback, { error, errorInfo }) : children;
+  }
+};
+var DEFAULT_JSON_EDITOR_COMPONENTS = {
+  ErrorBoundary: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children }),
+  Button: ({ onClick, children, disabled }) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: "json_editor_button",
+      onClick,
+      disabled,
+      children
+    }
+  ),
+  EditorWrapper: ({ children, customCss, className }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `json_editor ` + className, css: customCss, children }),
+  EditorLayout: ({
+    DeleteButton,
+    Header,
+    KeyInput,
+    TypeSelect,
+    ValueEditor,
+    Wrapper
+  }) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { children: [
+      DeleteButton && /* @__PURE__ */ jsxRuntime.jsx(DeleteButton, {}),
+      Header && /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
+      KeyInput && /* @__PURE__ */ jsxRuntime.jsx(KeyInput, {}),
+      TypeSelect && /* @__PURE__ */ jsxRuntime.jsx(TypeSelect, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ValueEditor, {})
+    ] });
+  },
+  ArrayWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_array", children }),
+  ObjectWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_object", children }),
+  StringWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_string", children }),
+  NumberWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_number", children }),
+  BooleanWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_boolean", children }),
+  NullWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_null", children }),
+  MissingPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_property json_editor_missing", children }),
+  MiscastPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor_property json_editor_miscast", children }),
+  IllegalPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_property json_editor_illegal", children }),
+  OfficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_property json_editor_official", children }),
+  UnofficialPropertyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_property json_editor_unofficial", children }),
+  DeleteIcon: () => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_icon json_editor_delete", children: "x" }),
+  KeyWrapper: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "json_editor_key", children })
+};
+var JsonEditor = ({
+  data,
+  set,
+  schema = true,
+  name,
+  rename,
+  remove,
+  isReadonly = () => false,
+  isHidden = () => false,
+  // isIllegal = () => false,
+  className,
+  customCss,
+  Header,
+  Components: CustomComponents = {}
+}) => {
+  const Components = __spreadValues(__spreadValues({}, DEFAULT_JSON_EDITOR_COMPONENTS), CustomComponents);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    JsonEditor_INTERNAL,
+    {
+      data,
+      set,
+      name,
+      schema,
+      rename,
+      remove,
+      path: [],
+      isReadonly,
+      isHidden,
+      className,
+      customCss,
+      Header,
+      Components
+    }
+  );
+};
+
+// ../../hamr/src/react-json-editor/index.ts
+var SubEditors = {
+  array: ArrayEditor,
+  boolean: BooleanEditor,
+  null: NullEditor,
+  number: NumberEditor,
+  object: ObjectEditor,
+  string: StringEditor
+};
+
+// ../../anvl/src/string/string-to-color.ts
+function stringToColor(input) {
+  let hash = 0;
+  for (let i = 0; i < input.length; i++) {
+    const char = input.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash |= 0;
+  }
+  let hexColor = (hash & 16777215).toString(16);
+  while (hexColor.length < 6) {
+    hexColor = `0` + hexColor;
+  }
+  return `#${hexColor}`;
+}
+
+// ../../luum/src/constants/index.ts
+var CHANNEL_SPECIFIC_LUM = {
+  R: 0.3,
+  G: 0.5,
+  B: 0.2
+};
+
+// ../../luum/src/constants/filters.ts
+var unfiltered = [
+  { sat: 255, hue: 0 },
+  { sat: 255, hue: 360 }
+];
+
+// ../../luum/src/export/channelsToHex.ts
+var channelsToHex = (channels) => `#${Object.values(channels).map((channel) => {
+  let channelHex = channel.toString(16);
+  if (channelHex.length === 1)
+    channelHex = 0 + channelHex;
+  return channelHex;
+}).join(``)}`;
+var channelsToHex_default = channelsToHex;
+
+// ../../luum/src/import/hueToRelativeChannels.ts
+var hueToRelativeChannels_default = (hue) => {
+  const hueWrapped = wrapInto(0, 360)(hue);
+  const hueReduced = hueWrapped / 60;
+  const hueInteger = Math.floor(hueReduced);
+  const hueDecimal = hueReduced - hueInteger;
+  const x = hueDecimal;
+  const y = 1 - hueDecimal;
+  switch (hueInteger) {
+    case 0:
+      return [1, x, 0];
+    case 1:
+      return [y, 1, 0];
+    case 2:
+      return [0, 1, x];
+    case 3:
+      return [0, y, 1];
+    case 4:
+      return [x, 0, 1];
+    case 5:
+      return [1, 0, y];
+    default:
+      throw new Error(`invalid hue served: ${hue}`);
+  }
+};
+
+// ../../luum/src/solveFor/hueFromChannels.ts
+var hueFromChannels = ({ R, G, B }) => {
+  let hue = 0;
+  if (R > G && G >= B)
+    hue = 60 * (0 + (G - B) / (R - B));
+  if (G >= R && R > B)
+    hue = 60 * (2 - (R - B) / (G - B));
+  if (G > B && B >= R)
+    hue = 60 * (2 + (B - R) / (G - R));
+  if (B >= G && G > R)
+    hue = 60 * (4 - (G - R) / (B - R));
+  if (B > R && R >= G)
+    hue = 60 * (4 + (R - G) / (B - G));
+  if (R >= B && B > G)
+    hue = 60 * (6 - (B - G) / (R - G));
+  return hue;
+};
+var hueFromChannels_default = hueFromChannels;
+
+// ../../luum/src/solveFor/lumFromChannels.ts
+var lumFromChannels = ({ R, G, B }) => {
+  const lum = CHANNEL_SPECIFIC_LUM.R * R / 255 + CHANNEL_SPECIFIC_LUM.G * G / 255 + CHANNEL_SPECIFIC_LUM.B * B / 255;
+  return lum;
+};
+var lumFromChannels_default = lumFromChannels;
+
+// ../../luum/src/solveFor/maxSatForHueInFilter.ts
+var maxSatForHueInFilter_default = (hue, filter) => {
+  let maxSat = 255;
+  const hueWrapped = wrapInto(0, 360)(hue);
+  for (let a2 = -1, b2 = 0; b2 < filter.length; a2++, b2++) {
+    a2 = wrapInto(0, filter.length)(a2);
+    const hueDoubleWrapped = a2 > b2 ? wrapInto(-180, 180)(hueWrapped) : void 0;
+    const tuningPointA = filter[a2];
+    const tuningPointB = filter[b2];
+    const hueA = a2 > b2 ? wrapInto(-180, 180)(tuningPointA.hue) : tuningPointA.hue;
+    const hueB = tuningPointB.hue;
+    if ((hueDoubleWrapped || hueWrapped) >= hueA && (hueDoubleWrapped || hueWrapped) < hueB) {
+      let $ = hueDoubleWrapped || hueWrapped;
+      $ -= hueA;
+      $ /= hueB - hueA;
+      $ *= tuningPointB.sat - tuningPointA.sat;
+      $ += tuningPointA.sat;
+      maxSat = $;
+    }
+  }
+  return maxSat;
+};
+
+// ../../luum/src/solveFor/satFromChannels.ts
+var satFromChannels = ({ R, G, B }) => {
+  const sat = Math.max(R, G, B) - Math.min(R, G, B);
+  return sat;
+};
+var satFromChannels_default = satFromChannels;
+
+// ../../luum/src/solveFor/specificLumFromHue.ts
+var specificLumFromHue_default = (hue) => {
+  const [factorR, factorG, factorB] = hueToRelativeChannels_default(hue);
+  const lumR = CHANNEL_SPECIFIC_LUM.R * factorR;
+  const lumG = CHANNEL_SPECIFIC_LUM.G * factorG;
+  const lumB = CHANNEL_SPECIFIC_LUM.B * factorB;
+  const specificLum = lumR + lumG + lumB;
+  return specificLum;
+};
+
+// ../../luum/src/export/specToChannelsFixLimit.ts
+var minChannelsForSaturationFromHue = (hue) => {
+  const relativeChannels = hueToRelativeChannels_default(hue);
+  const channelSpreader = (trueSaturation) => {
+    const makeMinChannel = (idx) => Math.round(relativeChannels[idx] * trueSaturation);
+    return {
+      R: makeMinChannel(0),
+      G: makeMinChannel(1),
+      B: makeMinChannel(2)
+    };
+  };
+  return channelSpreader;
+};
+var channelsFromIlluminationObj = ({
+  minChannels,
+  trueLuminosity,
+  minLum
+}) => {
+  const { max, round: round2 } = Math;
+  const maxWhite = 255 - max(...Object.values(minChannels));
+  const white = clampInto(0, maxWhite)(round2((trueLuminosity - minLum) * 255));
+  const channels = {
+    R: minChannels.R + white,
+    G: minChannels.G + white,
+    B: minChannels.B + white
+  };
+  return channels;
+};
+var specToChannelsFixLimit = ({ hue, sat, lum, prefer = `lum` }, filter = unfiltered) => {
+  const minChannelsForSaturation = minChannelsForSaturationFromHue(hue);
+  let trueSaturation;
+  let trueLuminosity;
+  let minChannels;
+  let maxChannels;
+  let specificLum;
+  let minLum = 0;
+  let maxLum = 1;
+  let maxSat = maxSatForHueInFilter_default(hue, filter);
+  switch (prefer) {
+    case `sat`:
+      trueSaturation = clampInto(0, 255)(Math.min(sat, maxSat));
+      minChannels = minChannelsForSaturation(trueSaturation);
+      maxChannels = {
+        R: minChannels.R + 255 - trueSaturation,
+        G: minChannels.G + 255 - trueSaturation,
+        B: minChannels.B + 255 - trueSaturation
+      };
+      minLum = lumFromChannels_default(minChannels);
+      maxLum = lumFromChannels_default(maxChannels);
+      trueLuminosity = clampInto(minLum, maxLum)(lum);
+      break;
+    case `lum`:
+      trueLuminosity = clampInto(0, 1)(lum);
+      specificLum = specificLumFromHue_default(hue);
+      maxSat = Math.min(
+        maxSat,
+        Math.round(
+          trueLuminosity <= specificLum ? 255 * (trueLuminosity / specificLum) : 255 * (1 - trueLuminosity) / (1 - specificLum)
+        )
+      );
+      trueSaturation = Math.min(sat, maxSat);
+      minChannels = minChannelsForSaturation(trueSaturation);
+      minLum = lumFromChannels_default(minChannels);
+      break;
+  }
+  const channels = channelsFromIlluminationObj({
+    minChannels,
+    trueLuminosity,
+    minLum
+  });
+  return {
+    channels,
+    fix: {
+      sat: trueSaturation,
+      lum: trueLuminosity
+    },
+    limit: {
+      sat: [0, maxSat],
+      lum: [prefer === `lum` ? 0 : minLum, maxLum]
+    }
+  };
+};
+var specToChannelsFixLimit_default = specToChannelsFixLimit;
+
+// ../../luum/src/export/specToHexFixLimit.ts
+var specToHexFixLimit = ({ hue, sat, lum, prefer }, filter) => {
+  const { channels, fix, limit } = specToChannelsFixLimit_default(
+    {
+      hue,
+      sat,
+      lum,
+      prefer
+    },
+    filter
+  );
+  const { R, G, B } = channels;
+  const hex = channelsToHex_default({ R, G, B });
+  return { hex, fix, limit };
+};
+var specToHexFixLimit_default = specToHexFixLimit;
+
+// ../../luum/src/export/specToHex.ts
+var specToHex = ({ hue, sat, lum, prefer }, filter) => {
+  const { hex } = specToHexFixLimit_default({ hue, sat, lum, prefer }, filter);
+  return hex;
+};
+var specToHex_default = specToHex;
+
+// ../../luum/src/import/channelsToSpec.ts
+var channelsToSpec = ({ R, G, B }) => {
+  const hue = hueFromChannels_default({ R, G, B });
+  const sat = satFromChannels_default({ R, G, B });
+  const lum = lumFromChannels_default({ R, G, B });
+  return { hue, sat, lum };
+};
+var channelsToSpec_default = channelsToSpec;
+
+// ../../luum/src/import/normalizeHex.ts
+var BASE_16_CHAR_SET = `[a-fA-F0-9]+`;
+var miniHexToHex = (miniHex) => {
+  const miniHexArray = miniHex.split(``);
+  const hexTemplate = [0, 0, 1, 1, 2, 2];
+  return hexTemplate.map((idx) => miniHexArray[idx]).join(``);
+};
+var normalizeHex = (maybeHex) => {
+  const hex = maybeHex.replace(/^#/, ``);
+  const hexIsCorrectLength = hex.length === 6 || hex.length === 3;
+  const hexIsCorrectCharSet = hex.match(new RegExp(`^${BASE_16_CHAR_SET}$`)) !== null;
+  const hexIsValid = hexIsCorrectLength && hexIsCorrectCharSet;
+  if (!hexIsValid) {
+    throw new Error(`${maybeHex} is not a valid hex code`);
+  }
+  if (hex.length === 3) {
+    return miniHexToHex(hex);
+  }
+  return hex;
+};
+var normalizeHex_default = normalizeHex;
+
+// ../../luum/src/import/hexToChannels.ts
+var hexToChannels_default = (maybeHex) => {
+  const hex = normalizeHex_default(maybeHex);
+  return {
+    R: parseInt(hex.slice(0, 2), 16),
+    G: parseInt(hex.slice(2, 4), 16),
+    B: parseInt(hex.slice(4, 6), 16)
+  };
+};
+
+// ../../luum/src/import/hexToSpec.ts
+var hexToSpec = (hex) => {
+  const { R, G, B } = hexToChannels_default(hex);
+  const { hue, sat, lum } = channelsToSpec_default({ R, G, B });
+  return { hue, sat, lum };
+};
+var hexToSpec_default = hexToSpec;
+
+// ../../luum/src/mixers/contrast.ts
+var contrastMax = (color) => __spreadProps(__spreadValues({}, color), {
+  lum: color.lum > 0.666 ? 0 : 1
+});
+var offset = (offsetAmount) => (color) => __spreadProps(__spreadValues({}, color), {
+  lum: color.lum > 0.666 ? color.lum - offsetAmount : color.lum + offsetAmount
+});
+
+// ../../luum/src/constants/luum-spec.ts
+var defaultSpec = {
+  hue: 0,
+  lum: 0,
+  sat: 0,
+  prefer: `lum`
+};
+
+// ../../luum/src/scheme/index.ts
+var isLuumSpec = (input) => typeof input === `object` && input !== null && typeof input.hue === `number` && typeof input.sat === `number` && typeof input.lum === `number` && [`sat`, `lum`].includes(input.prefer);
+isModifier(isLuumSpec)(defaultSpec);
+var WAYFORGE_CORE_COLOR_NAMES = [
+  `Red`,
+  `Orange`,
+  `Yellow`,
+  `Lime`,
+  `Green`,
+  `Teal`,
+  `Cyan`,
+  `Blue`,
+  `Indigo`,
+  `Violet`,
+  `Magenta`,
+  `Pink`
+];
+WAYFORGE_CORE_COLOR_NAMES.reduce((acc, name, idx) => {
+  acc[name] = {
+    hue: idx * 30,
+    sat: 255,
+    lum: 0.5,
+    prefer: `sat`
+  };
+  return acc;
+}, {});
+var Id = ({ id }) => {
+  const [isOpen, setIsOpen] = React__namespace.useState(false);
+  const { refs, floatingStyles, context } = react$1.useFloating({
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    placement: `bottom-start`
+  });
+  const click = react$1.useClick(context);
+  const { getReferenceProps, getFloatingProps } = react$1.useInteractions([click]);
+  const bgColor = stringToColor(id);
+  const contrastColor = pipe(bgColor, hexToSpec_default, contrastMax, specToHex_default);
+  const offsetColor = pipe(bgColor, hexToSpec_default, offset(0.25), specToHex_default);
+  const contrastOffsetColor = pipe(
+    offsetColor,
+    hexToSpec_default,
+    contrastMax,
+    specToHex_default
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      __spreadProps(__spreadValues({
+        role: "content",
+        ref: refs.setReference
+      }, getReferenceProps()), {
+        style: {
+          background: bgColor,
+          cursor: `pointer`,
+          padding: `0px 4px`,
+          color: contrastColor,
+          userSelect: `none`,
+          whiteSpace: `nowrap`
+        },
+        children: id.substring(0, 3)
+      })
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(react$1.FloatingPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      __spreadProps(__spreadValues({
+        role: "popup",
+        ref: refs.setFloating
+      }, getFloatingProps()), {
+        style: __spreadProps(__spreadValues({}, floatingStyles), {
+          color: contrastOffsetColor,
+          background: offsetColor,
+          padding: `0px 4px`,
+          boxShadow: `0px 2px 10px rgba(0, 0, 0, 0.1)`
+        }),
+        children: 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]) => {
+    if (seen.has(head))
+      return false;
+    seen.add(head);
+    for (const tailElement of tail) {
+      seen.add(tailElement);
+    }
+    return true;
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("article", { className: RelationEditor_module_default.class, children: data.map(([head, tail]) => /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(Id, { id: head }) }),
+    ":",
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: tail.map((child) => /* @__PURE__ */ jsxRuntime.jsx(Id, { id: child })) })
+  ] })) });
+};
+var StateEditor = ({ token }) => {
+  const set = react.useI(token);
+  const data = react.useO(token);
+  return isJson(data) ? /* @__PURE__ */ jsxRuntime.jsx(JsonEditor, { data, set, schema: true }) : data instanceof Join ? /* @__PURE__ */ jsxRuntime.jsx(RelationEditor, { data, set }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ElasticInput,
+    {
+      value: data instanceof Set ? `Set { ${JSON.stringify([...data]).slice(1, -1)} }` : data instanceof Map ? `Map ` + JSON.stringify([...data]) : Object.getPrototypeOf(data).constructor.name + ` ` + fallback(() => JSON.stringify(data), `?`),
+      disabled: true
+    }
+  ) });
+};
+var ReadonlySelectorViewer = ({ token }) => {
+  const data = react.useO(token);
+  return isJson(data) ? /* @__PURE__ */ jsxRuntime.jsx(
+    JsonEditor,
+    {
+      data,
+      set: () => null,
+      schema: true,
+      isReadonly: () => true
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "json_editor", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ElasticInput,
+    {
+      value: data instanceof Set ? `Set ` + JSON.stringify([...data]) : data instanceof Map ? `Map ` + JSON.stringify([...data]) : Object.getPrototypeOf(data).constructor.name + ` ` + JSON.stringify(data),
+      disabled: true
+    }
+  ) });
+};
+var StoreEditor = ({ token }) => {
+  if (token.type === `readonly_selector`) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ReadonlySelectorViewer, { token });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(StateEditor, { token });
+};
+var findStateTypeState = atom_io.selectorFamily({
+  key: `\u{1F441}\u200D\u{1F5E8} State Type`,
+  get: (token) => ({ get }) => {
+    let state;
+    try {
+      state = get(token);
+    } catch (error) {
+      return `error`;
+    }
+    if (state === void 0)
+      return `undefined`;
+    if (isJson(state))
+      return refineJsonType(state).type;
+    return Object.getPrototypeOf(state).constructor.name;
+  }
+});
+var StateIndexLeafNode = ({ node, isOpenState, typeState }) => {
+  var _a2, _b;
+  const setIsOpen = react.useI(isOpenState);
+  const isOpen = react.useO(isOpenState);
+  const state = react.useO(node);
+  const stateType = react.useO(typeState);
+  const isPrimitive = Boolean(primitiveRefinery.refine(state));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.OpenClose,
+        {
+          isOpen: isOpen && !isPrimitive,
+          setIsOpen,
+          disabled: isPrimitive
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          onClick: () => console.log(node, atom_io.getState(node)),
+          onKeyUp: () => console.log(node, atom_io.getState(node)),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { children: (_b = (_a2 = node.family) == null ? void 0 : _a2.subKey) != null ? _b : node.key }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "type detail", children: [
+              "(",
+              stateType,
+              ")"
+            ] })
+          ]
+        }
+      ),
+      isPrimitive ? /* @__PURE__ */ jsxRuntime.jsx(StoreEditor, { token: node }) : null
+    ] }),
+    isOpen && !isPrimitive ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: /* @__PURE__ */ jsxRuntime.jsx(StoreEditor, { token: node }) }) : null
+  ] });
+};
+var StateIndexTreeNode = ({ node, isOpenState }) => {
+  const setIsOpen = react.useI(isOpenState);
+  const isOpen = react.useO(isOpenState);
+  Object.entries(node.familyMembers).forEach(([key, childNode]) => {
+    findViewIsOpenState(key);
+    findStateTypeState(childNode);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(button.OpenClose, { isOpen, setIsOpen }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: node.key }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "type detail", children: " (family)" })
+      ] })
+    ] }),
+    isOpen ? Object.entries(node.familyMembers).map(([key, childNode]) => /* @__PURE__ */ jsxRuntime.jsx(
+      StateIndexNode,
+      {
+        node: childNode,
+        isOpenState: findViewIsOpenState(childNode.key),
+        typeState: findStateTypeState(childNode)
+      },
+      key
+    )) : null
+  ] });
+};
+var StateIndexNode = ({ node, isOpenState, typeState }) => {
+  if (node.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "node state", children: `type` in node ? /* @__PURE__ */ jsxRuntime.jsx(
+    StateIndexLeafNode,
+    {
+      node,
+      isOpenState,
+      typeState
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(StateIndexTreeNode, { node, isOpenState }) });
+};
+var StateIndex = ({ tokenIndex }) => {
+  const tokenIds = react.useO(tokenIndex);
+  return /* @__PURE__ */ jsxRuntime.jsx("article", { className: "index state_index", children: Object.entries(tokenIds).filter(([key]) => !key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).sort().map(([key, node]) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StateIndexNode,
+      {
+        node,
+        isOpenState: findViewIsOpenState(node.key),
+        typeState: findStateTypeState(node)
+      },
+      key
+    );
+  }) });
+};
+var AtomUpdateFC = ({ atomUpdate }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "article",
+    {
+      className: "node atom_update",
+      onClick: () => console.log(atomUpdate),
+      onKeyUp: () => console.log(atomUpdate),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail", children: [
+          atomUpdate.key,
+          ": "
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "summary", children: prettyJson.diff(atomUpdate.oldValue, atomUpdate.newValue).summary }) })
+      ]
+    },
+    atomUpdate.key
+  );
+};
+var TransactionUpdateFC = ({ serialNumber, transactionUpdate }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "node transaction_update", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsx("h4", { children: serialNumber }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("main", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "transaction_params", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: "params: " }),
+        transactionUpdate.params.map((param, index) => {
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "article",
+            {
+              className: "node transaction_param",
+              onClick: () => console.log(transactionUpdate),
+              onKeyUp: () => console.log(transactionUpdate),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail", children: [
+                  discoverType(param),
+                  ": "
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "summary", children: typeof param === `object` && param !== null && `type` in param && `target` in param ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: JSON.stringify(param.type) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: JSON.stringify(param) }) })
+              ]
+            },
+            `param` + index
+          );
+        })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "node transaction_output", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: "output: " }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: discoverType(transactionUpdate.output) }),
+        transactionUpdate.output ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "summary", children: [
+          ": ",
+          JSON.stringify(transactionUpdate.output)
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "transaction_impact", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "detail", children: "impact: " }),
+        transactionUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            article.AtomUpdate,
+            {
+              serialNumber: index,
+              atomUpdate
+            },
+            `${transactionUpdate.key}:${index}:${atomUpdate.key}`
+          );
+        })
+      ] })
+    ] })
+  ] });
+};
+var TimelineUpdateFC = ({ timelineUpdate }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "node timeline_update", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { children: /* @__PURE__ */ jsxRuntime.jsxs("h4", { children: [
+      timelineUpdate.timestamp,
+      ": ",
+      timelineUpdate.type,
+      " (",
+      timelineUpdate.key,
+      ")"
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { children: timelineUpdate.type === `transaction_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        article.AtomUpdate,
+        {
+          serialNumber: index,
+          atomUpdate
+        },
+        `${timelineUpdate.key}:${index}:${atomUpdate.key}`
+      );
+    }) : timelineUpdate.type === `selector_update` ? timelineUpdate.atomUpdates.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((atomUpdate, index) => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        article.AtomUpdate,
+        {
+          serialNumber: index,
+          atomUpdate
+        },
+        `${timelineUpdate.key}:${index}:${atomUpdate.key}`
+      );
+    }) : timelineUpdate.type === `atom_update` ? /* @__PURE__ */ jsxRuntime.jsx(
+      article.AtomUpdate,
+      {
+        serialNumber: timelineUpdate.timestamp,
+        atomUpdate: timelineUpdate
+      }
+    ) : null })
+  ] });
+};
+var article = {
+  AtomUpdate: AtomUpdateFC,
+  TransactionUpdate: TransactionUpdateFC,
+  TimelineUpdate: TimelineUpdateFC
+};
+var YouAreHere = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "you_are_here", children: "you are here" });
+};
+var TimelineLog = ({ token, isOpenState, timelineState }) => {
+  const timeline = react.useO(timelineState);
+  const isOpen = react.useO(isOpenState);
+  const setIsOpen = react.useI(isOpenState);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "node timeline_log", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(button.OpenClose, { isOpen, setIsOpen }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: token.key }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail length", children: [
+          "(",
+          timeline.at,
+          "/",
+          timeline.history.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "gap" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("nav", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => atom_io.undo(token),
+              disabled: timeline.at === 0,
+              children: "undo"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => atom_io.redo(token),
+              disabled: timeline.at === timeline.history.length,
+              children: "redo"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: timeline.history.map((update, index) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+      index === timeline.at ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null,
+      /* @__PURE__ */ jsxRuntime.jsx(article.TimelineUpdate, { timelineUpdate: update }),
+      index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ jsxRuntime.jsx(YouAreHere, {}) : null
+    ] }, update.key + index + timeline.at)) }) : null
+  ] });
+};
+var TimelineIndex = () => {
+  const tokenIds = react.useO(timelineIndex);
+  return /* @__PURE__ */ jsxRuntime.jsx("article", { className: "index timeline_index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TimelineLog,
+      {
+        token,
+        isOpenState: findViewIsOpenState(token.key),
+        timelineState: findTimelineState(token.key)
+      },
+      token.key
+    );
+  }) });
+};
+var TransactionLog = ({ token, isOpenState, logState }) => {
+  const log = react.useO(logState);
+  const isOpen = react.useO(isOpenState);
+  const setIsOpen = react.useI(isOpenState);
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "node transaction_log", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(button.OpenClose, { isOpen, setIsOpen }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: token.key }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "detail length", children: [
+          "(",
+          log.length,
+          ")"
+        ] })
+      ] })
+    ] }),
+    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("main", { children: log.map((update, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      article.TransactionUpdate,
+      {
+        serialNumber: index,
+        transactionUpdate: update
+      },
+      update.key + index
+    )) }) : null
+  ] });
+};
+var TransactionIndex = () => {
+  const tokenIds = react.useO(transactionIndex);
+  return /* @__PURE__ */ jsxRuntime.jsx("article", { className: "index transaction_index", children: tokenIds.filter((token) => !token.key.startsWith(`\u{1F441}\u200D\u{1F5E8}`)).map((token) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TransactionLog,
+      {
+        token,
+        isOpenState: findViewIsOpenState(token.key),
+        logState: findTransactionLogState(token.key)
+      },
+      token.key
+    );
+  }) });
+};
+var AtomIODevtools = () => {
+  const constraintsRef = React.useRef(null);
+  const setDevtoolsAreOpen = react.useI(devtoolsAreOpenState);
+  const devtoolsAreOpen = react.useO(devtoolsAreOpenState);
+  const setDevtoolsView = react.useI(devtoolsViewSelectionState);
+  const devtoolsView = react.useO(devtoolsViewSelectionState);
+  const devtoolsViewOptions = react.useO(devtoolsViewOptionsState);
+  const mouseHasMoved = React.useRef(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.span,
+      {
+        ref: constraintsRef,
+        className: "atom_io_devtools_zone",
+        style: {
+          position: `fixed`,
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          pointerEvents: `none`
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.main,
+      {
+        drag: true,
+        dragConstraints: constraintsRef,
+        className: "atom_io_devtools",
+        transition: framerMotion.spring,
+        style: devtoolsAreOpen ? {} : {
+          backgroundColor: `#0000`,
+          borderColor: `#0000`,
+          maxHeight: 28,
+          maxWidth: 33
+        },
+        children: [
+          devtoolsAreOpen ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.header, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h1", { children: "atom.io" }),
+              /* @__PURE__ */ jsxRuntime.jsx("nav", { children: devtoolsViewOptions.map((viewOption) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: viewOption === devtoolsView ? `active` : ``,
+                  onClick: () => setDevtoolsView(viewOption),
+                  disabled: viewOption === devtoolsView,
+                  children: viewOption
+                },
+                viewOption
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.main, { children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.LayoutGroup, { children: devtoolsView === `atoms` ? /* @__PURE__ */ jsxRuntime.jsx(StateIndex, { tokenIndex: atomIndex }) : devtoolsView === `selectors` ? /* @__PURE__ */ jsxRuntime.jsx(StateIndex, { tokenIndex: selectorIndex }) : devtoolsView === `transactions` ? /* @__PURE__ */ jsxRuntime.jsx(TransactionIndex, {}) : devtoolsView === `timelines` ? /* @__PURE__ */ jsxRuntime.jsx(TimelineIndex, {}) : null }) })
+          ] }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("footer", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onMouseDown: () => mouseHasMoved.current = false,
+              onMouseMove: () => mouseHasMoved.current = true,
+              onMouseUp: () => {
+                if (!mouseHasMoved.current) {
+                  setDevtoolsAreOpen((open) => !open);
+                }
+              },
+              children: "\u{1F441}\u200D\u{1F5E8}"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/index.ts
+var {
+  atomIndex,
+  selectorIndex,
+  transactionIndex,
+  findTransactionLogState,
+  timelineIndex,
+  findTimelineState
+} = introspection.attachIntrospectionStates();
+var devtoolsAreOpenState = atom_io.atom({
+  key: `\u{1F441}\u200D\u{1F5E8} Devtools Are Open`,
+  default: true,
+  effects: [webEffects.lazyLocalStorageEffect(`\u{1F441}\u200D\u{1F5E8} Devtools Are Open`)]
+});
+var devtoolsViewSelectionState = atom_io.atom({
+  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Selection`,
+  default: `atoms`,
+  effects: [webEffects.lazyLocalStorageEffect(`\u{1F441}\u200D\u{1F5E8} Devtools View`)]
+});
+var devtoolsViewOptionsState = atom_io.atom({
+  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Options`,
+  default: [`atoms`, `selectors`, `transactions`, `timelines`],
+  effects: [webEffects.lazyLocalStorageEffect(`\u{1F441}\u200D\u{1F5E8} Devtools View Options`)]
+});
+var findViewIsOpenState = atom_io.atomFamily({
+  key: `\u{1F441}\u200D\u{1F5E8} Devtools View Is Open`,
+  default: false,
+  effects: (key) => [webEffects.lazyLocalStorageEffect(key + `:view-is-open`)]
+});
+var primitiveRefinery = new Refinery({
+  number: (input) => typeof input === `number`,
+  string: (input) => typeof input === `string`,
+  boolean: (input) => typeof input === `boolean`,
+  null: (input) => input === null
+});
+var jsonTreeRefinery = new Refinery({
+  object: isPlainObject,
+  array: (input) => Array.isArray(input)
+});
+var prettyJson = new Differ(primitiveRefinery, jsonTreeRefinery, {
+  number: diffNumber,
+  string: diffString,
+  boolean: diffBoolean,
+  null: () => ({ summary: `No Change` }),
+  object: diffObject,
+  array: diffArray
+});
+
+exports.AtomIODevtools = AtomIODevtools;
+exports.atomIndex = atomIndex;
+exports.devtoolsAreOpenState = devtoolsAreOpenState;
+exports.devtoolsViewOptionsState = devtoolsViewOptionsState;
+exports.devtoolsViewSelectionState = devtoolsViewSelectionState;
+exports.findTimelineState = findTimelineState;
+exports.findTransactionLogState = findTransactionLogState;
+exports.findViewIsOpenState = findViewIsOpenState;
+exports.jsonTreeRefinery = jsonTreeRefinery;
+exports.prettyJson = prettyJson;
+exports.primitiveRefinery = primitiveRefinery;
+exports.selectorIndex = selectorIndex;
+exports.timelineIndex = timelineIndex;
+exports.transactionIndex = transactionIndex;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map