@symbo.ls/scratch 2.34.25 → 2.34.29

package/dist/cjs/index.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,
@@ -6009,6 +6059,9 @@ var applyReset = (reset = {}) => {
         ...templates,
         ...body
       },
+      a: {
+        color: "currentColor"
+      },
       // form elements
       fieldset: {
         border: 0,

package/dist/cjs/set.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,
@@ -5472,6 +5522,9 @@ var applyReset = (reset = {}) => {
         ...templates,
         ...body
       },
+      a: {
+        color: "currentColor"
+      },
       // form elements
       fieldset: {
         border: 0,

package/dist/cjs/system/color.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/document.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/font.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/index.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,
@@ -5671,6 +5721,9 @@ var applyReset = (reset = {}) => {
         ...templates,
         ...body
       },
+      a: {
+        color: "currentColor"
+      },
       // form elements
       fieldset: {
         border: 0,

package/dist/cjs/system/reset.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,
@@ -4443,6 +4493,9 @@ var applyReset = (reset = {}) => {
         ...templates,
         ...body
       },
+      a: {
+        color: "currentColor"
+      },
       // form elements
       fieldset: {
         border: 0,

package/dist/cjs/system/shadow.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/spacing.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/svg.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/theme.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/timing.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/system/typography.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/transforms/index.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/utils/index.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/utils/sequence.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/dist/cjs/utils/var.js

@@ -1710,6 +1710,46 @@ ${element}` : ""
       }
       return element;
     };
+    function getRootState(param) {
+      var _a, _b;
+      let state2 = null;
+      const hasRootState = (obj) => {
+        var _a2;
+        return obj.__element && ((_a2 = obj.root) == null ? void 0 : _a2.isRootState);
+      };
+      if (!this) {
+        state2 = window.platformState || ((_a = window.smblsApp) == null ? void 0 : _a.state);
+      } else if (hasRootState(this)) {
+        state2 = this.root;
+      } else if (this.__ref && this.__ref.path) {
+        const hasPlatformState = this.state && hasRootState(this.state);
+        const hasPlatformStateOnParent = this.call("isFunction", this.state) && this.parent.state && hasRootState(this.parent.state);
+        if (hasPlatformState || hasPlatformStateOnParent) {
+          state2 = this.state.root || this.parent.state.root;
+        }
+      }
+      if (!state2) {
+        state2 = window.platformState || ((_b = window.smblsApp) == null ? void 0 : _b.state);
+      }
+      return param ? state2[param] : state2;
+    }
+    function getRoot(key) {
+      var _a;
+      const rootElem = (_a = this.getRootState()) == null ? void 0 : _a.__element;
+      return rootElem && Object.keys(rootElem).length > 0 && key ? rootElem[key] : rootElem;
+    }
+    function getRootData(key) {
+      return this.getRoot("data") && Object.keys(this.getRoot("data")).length > 0 && key ? this.getRoot("data")[key] : this.getRoot("data");
+    }
+    function getRootContext(key) {
+      var _a;
+      const ctx = (_a = this.getRoot()) == null ? void 0 : _a.context;
+      return key ? ctx[key] : ctx;
+    }
+    function getContext(key) {
+      const ctx = this.context;
+      return key ? ctx[key] : ctx;
+    }
     var ROOT = {
       key: ":root",
       node: document22 ? document22.body : report("DocumentNotDefined", document22)
@@ -2000,6 +2040,11 @@ ${element}` : ""
       "getRef",
       "getChildren",
       "getPath",
+      "getRootState",
+      "getRoot",
+      "getRootData",
+      "getRootContext",
+      "getContext",
       "setNodeStyles",
       "spotByPath",
       "keys",
@@ -3118,6 +3163,11 @@ ${element}` : ""
         lookdown,
         lookdownAll,
         getRef,
+        getRootState,
+        getRoot,
+        getRootData,
+        getRootContext,
+        getContext,
         getPath,
         setNodeStyles,
         spotByPath,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.34.25",
+  "version": "2.34.29",
   "files": [
     "src",
     "dist"
@@ -25,9 +25,9 @@
     "prepublish": "rimraf -I dist && npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@domql/utils": "^2.34.25",
-    "@symbo.ls/utils": "^2.34.25",
+    "@domql/utils": "^2.34.29",
+    "@symbo.ls/utils": "^2.34.29",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "d5d0fa6c595ec8b35ddb5520084a06b7689ecf42"
+  "gitHead": "90cb8b61065249122ff356c3ea6eb56191c49bfa"
 }

package/src/system/reset.js

@@ -15,7 +15,9 @@ export const applyReset = (reset = {}) => {
       const configTemplates = TYPOGRAPHY.templates
 
       configReset.body = {
-        ...(CONFIG.useDocumentTheme ? getMediaTheme('document', `@${CONFIG.globalTheme}`) : {}),
+        ...(CONFIG.useDocumentTheme
+          ? getMediaTheme('document', `@${CONFIG.globalTheme}`)
+          : {}),
         ...configTemplates.body
       }
       configReset.h1 = configTemplates.h1
@@ -27,7 +29,9 @@ export const applyReset = (reset = {}) => {
     }
 
     const { body, ...templates } = TYPOGRAPHY.templates
-    const globalTheme = (CONFIG.useDocumentTheme ? getMediaTheme('document', `@${CONFIG.globalTheme}`) : {})
+    const globalTheme = CONFIG.useDocumentTheme
+      ? getMediaTheme('document', `@${CONFIG.globalTheme}`)
+      : {}
     if (RESET.html) overwriteDeep(RESET.html, globalTheme)
 
     return deepMerge(merge(RESET, reset), {
@@ -56,12 +60,17 @@ export const applyReset = (reset = {}) => {
         margin: 0,
         fontFamily: DOCUMENT.fontFamily,
 
-        fontSize: TYPOGRAPHY.base / TYPOGRAPHY.browserDefault + CONFIG.UNIT.default,
+        fontSize:
+          TYPOGRAPHY.base / TYPOGRAPHY.browserDefault + CONFIG.UNIT.default,
 
         ...templates,
         ...body
       },
 
+      a: {
+        color: 'currentColor'
+      },
+
       // form elements
       fieldset: {
         border: 0,