@symbo.ls/scratch 2.10.224 → 2.10.230

package/dist/cjs/system/theme.js

@@ -1,8 +1,13 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,7 +20,830 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/tags/dist/cjs/htmlTags.js
+var require_htmlTags = __commonJS({
+  "../../node_modules/@domql/tags/dist/cjs/htmlTags.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var htmlTags_exports = {};
+    __export2(htmlTags_exports, {
+      HTML_TAGS: () => HTML_TAGS
+    });
+    module2.exports = __toCommonJS2(htmlTags_exports);
+    var HTML_TAGS = {
+      root: [
+        "body",
+        "html"
+      ],
+      head: [
+        "title",
+        "base",
+        "meta",
+        "style"
+      ],
+      body: [
+        "string",
+        "fragment",
+        "a",
+        "abbr",
+        "acronym",
+        "address",
+        "applet",
+        "area",
+        "article",
+        "aside",
+        "audio",
+        "b",
+        "basefont",
+        "bdi",
+        "bdo",
+        "big",
+        "blockquote",
+        "br",
+        "button",
+        "canvas",
+        "caption",
+        "center",
+        "cite",
+        "code",
+        "col",
+        "colgroup",
+        "data",
+        "datalist",
+        "dd",
+        "del",
+        "details",
+        "dfn",
+        "dialog",
+        "dir",
+        "div",
+        "dl",
+        "dt",
+        "em",
+        "embed",
+        "fieldset",
+        "figcaption",
+        "figure",
+        "font",
+        "footer",
+        "form",
+        "frame",
+        "frameset",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "head",
+        "header",
+        "hr",
+        "i",
+        "iframe",
+        "img",
+        "input",
+        "ins",
+        "kbd",
+        "label",
+        "legend",
+        "li",
+        "link",
+        "main",
+        "map",
+        "mark",
+        "meter",
+        "nav",
+        "noframes",
+        "noscript",
+        "object",
+        "ol",
+        "optgroup",
+        "option",
+        "output",
+        "p",
+        "param",
+        "picture",
+        "pre",
+        "progress",
+        "q",
+        "rp",
+        "rt",
+        "ruby",
+        "s",
+        "samp",
+        "script",
+        "section",
+        "select",
+        "small",
+        "source",
+        "span",
+        "strike",
+        "strong",
+        "sub",
+        "summary",
+        "sup",
+        "table",
+        "tbody",
+        "td",
+        "template",
+        "textarea",
+        "tfoot",
+        "th",
+        "thead",
+        "time",
+        "tr",
+        "track",
+        "tt",
+        "u",
+        "ul",
+        "var",
+        "video",
+        "wbr",
+        // SVG
+        "svg",
+        "path"
+      ]
+    };
+  }
+});
+
+// ../../node_modules/@domql/tags/dist/cjs/index.js
+var require_cjs2 = __commonJS({
+  "../../node_modules/@domql/tags/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var tags_exports = {};
+    module2.exports = __toCommonJS2(tags_exports);
+    __reExport(tags_exports, require_htmlTags(), module2.exports);
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/types.js
+var require_types = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var types_exports = {};
+    __export2(types_exports, {
+      TYPES: () => TYPES,
+      is: () => is,
+      isArray: () => isArray5,
+      isBoolean: () => isBoolean,
+      isDefined: () => isDefined2,
+      isFunction: () => isFunction,
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode,
+      isNot: () => isNot,
+      isNull: () => isNull,
+      isNumber: () => isNumber,
+      isObject: () => isObject5,
+      isObjectLike: () => isObjectLike3,
+      isString: () => isString6,
+      isUndefined: () => isUndefined,
+      isValidHtmlTag: () => isValidHtmlTag
+    });
+    module2.exports = __toCommonJS2(types_exports);
+    var import_globals2 = require_cjs();
+    var import_tags = require_cjs2();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var isObject5 = (arg) => {
+      if (arg === null)
+        return false;
+      return typeof arg === "object" && arg.constructor === Object;
+    };
+    var isString6 = (arg) => typeof arg === "string";
+    var isNumber = (arg) => typeof arg === "number";
+    var isFunction = (arg) => typeof arg === "function";
+    var isBoolean = (arg) => arg === true || arg === false;
+    var isNull = (arg) => arg === null;
+    var isArray5 = (arg) => Array.isArray(arg);
+    var isObjectLike3 = (arg) => {
+      if (arg === null)
+        return false;
+      return typeof arg === "object";
+    };
+    var isNode = (obj) => {
+      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
+    };
+    var isHtmlElement = (obj) => {
+      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
+    };
+    var isDefined2 = (arg) => {
+      return isObject5(arg) || isObjectLike3(arg) || isString6(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+    };
+    var isUndefined = (arg) => {
+      return arg === void 0;
+    };
+    var TYPES = {
+      boolean: isBoolean,
+      array: isArray5,
+      object: isObject5,
+      string: isString6,
+      number: isNumber,
+      null: isNull,
+      function: isFunction,
+      objectLike: isObjectLike3,
+      node: isNode,
+      htmlElement: isHtmlElement,
+      defined: isDefined2
+    };
+    var is = (arg) => {
+      return (...args) => {
+        return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
+      };
+    };
+    var isNot = (arg) => {
+      return (...args) => {
+        return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
+      };
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/object.js
+var require_object = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var object_exports = {};
+    __export2(object_exports, {
+      clone: () => clone,
+      deepClone: () => deepClone2,
+      deepCloneExclude: () => deepCloneExclude,
+      deepDestringify: () => deepDestringify,
+      deepMerge: () => deepMerge,
+      deepStringify: () => deepStringify,
+      detachFunctionsFromObject: () => detachFunctionsFromObject,
+      diff: () => diff,
+      exec: () => exec,
+      flattenRecursive: () => flattenRecursive,
+      isEqualDeep: () => isEqualDeep,
+      map: () => map,
+      merge: () => merge,
+      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
+      mergeArray: () => mergeArray,
+      mergeArrayExclude: () => mergeArrayExclude,
+      mergeIfExisted: () => mergeIfExisted,
+      overwrite: () => overwrite,
+      overwriteDeep: () => overwriteDeep,
+      overwriteObj: () => overwriteObj
+    });
+    module2.exports = __toCommonJS2(object_exports);
+    var import_globals2 = require_cjs();
+    var import_types = require_types();
+    var exec = (param, element, state, context) => {
+      if ((0, import_types.isFunction)(param)) {
+        return param(
+          element,
+          state || element.state,
+          context || element.context
+        );
+      }
+      return param;
+    };
+    var map = (obj, extention, element) => {
+      for (const e in extention) {
+        obj[e] = exec(extention[e], element);
+      }
+    };
+    var merge = (element, obj) => {
+      for (const e in obj) {
+        const elementProp = element[e];
+        const objProp = obj[e];
+        if (elementProp === void 0) {
+          element[e] = objProp;
+        }
+      }
+      return element;
+    };
+    var deepMerge = (element, extend) => {
+      for (const e in extend) {
+        const extendProp = extend[e];
+        if (e === "parent" || e === "props")
+          continue;
+        if (element[e] === void 0) {
+          element[e] = extendProp;
+        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge(element[e], extendProp);
+        } else {
+          element[e] = extendProp;
+        }
+      }
+      return element;
+    };
+    var clone = (obj) => {
+      const o = {};
+      for (const prop in obj) {
+        if (prop === "node")
+          continue;
+        o[prop] = obj[prop];
+      }
+      return o;
+    };
+    var deepCloneExclude = (obj, exclude = []) => {
+      if ((0, import_types.isArray)(obj)) {
+        return obj.map((x) => deepCloneExclude(x, exclude));
+      }
+      const o = {};
+      for (const k in obj) {
+        if (exclude.indexOf(k) > -1)
+          continue;
+        let v = obj[k];
+        if (k === "extend" && (0, import_types.isArray)(v)) {
+          v = mergeArrayExclude(v, exclude);
+        }
+        if ((0, import_types.isArray)(v)) {
+          o[k] = v.map((x) => deepCloneExclude(x, exclude));
+        } else if ((0, import_types.isObject)(v)) {
+          o[k] = deepCloneExclude(v, exclude);
+        } else
+          o[k] = v;
+      }
+      return o;
+    };
+    var mergeArrayExclude = (arr, excl = []) => {
+      return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
+    };
+    var deepClone2 = (obj) => {
+      if ((0, import_types.isArray)(obj)) {
+        return obj.map(deepClone2);
+      }
+      const o = {};
+      for (const prop in obj) {
+        let objProp = obj[prop];
+        if (prop === "extend" && (0, import_types.isArray)(objProp)) {
+          objProp = mergeArray(objProp);
+        }
+        if ((0, import_types.isArray)(objProp)) {
+          o[prop] = objProp.map((v) => (0, import_types.isObject)(v) ? deepClone2(v) : v);
+        } else if ((0, import_types.isObject)(objProp)) {
+          o[prop] = deepClone2(objProp);
+        } else
+          o[prop] = objProp;
+      }
+      return o;
+    };
+    var deepStringify = (obj, stringified = {}) => {
+      for (const prop in obj) {
+        const objProp = obj[prop];
+        if ((0, import_types.isFunction)(objProp)) {
+          stringified[prop] = objProp.toString();
+        } else if ((0, import_types.isObject)(objProp)) {
+          stringified[prop] = {};
+          deepStringify(objProp, stringified[prop]);
+        } else if ((0, import_types.isArray)(objProp)) {
+          stringified[prop] = [];
+          objProp.forEach((v, i) => {
+            if ((0, import_types.isObject)(v)) {
+              stringified[prop][i] = {};
+              deepStringify(v, stringified[prop][i]);
+            } else if ((0, import_types.isFunction)(v)) {
+              stringified[prop][i] = v.toString();
+            } else {
+              stringified[prop][i] = v;
+            }
+          });
+        } else {
+          stringified[prop] = objProp;
+        }
+      }
+      return stringified;
+    };
+    var detachFunctionsFromObject = (obj, detached = {}) => {
+      for (const prop in obj) {
+        const objProp = obj[prop];
+        if ((0, import_types.isFunction)(objProp))
+          continue;
+        else if ((0, import_types.isObject)(objProp)) {
+          detached[prop] = {};
+          deepStringify(objProp[prop], detached[prop]);
+        } else if ((0, import_types.isArray)(objProp)) {
+          detached[prop] = [];
+          objProp.map((v, i) => deepStringify(v, detached[prop][i]));
+        } else
+          detached[prop] = objProp;
+      }
+      return detached;
+    };
+    var deepDestringify = (obj, stringified = {}) => {
+      for (const prop in obj) {
+        const objProp = obj[prop];
+        if ((0, import_types.isString)(objProp)) {
+          if (objProp.includes("=>") || objProp.includes("function") || objProp.startsWith("(")) {
+            try {
+              const evalProp = import_globals2.window.eval(`(${objProp})`);
+              stringified[prop] = evalProp;
+            } catch (e) {
+              if (e)
+                stringified[prop] = objProp;
+            }
+          } else {
+            stringified[prop] = objProp;
+          }
+        } else if ((0, import_types.isArray)(objProp)) {
+          stringified[prop] = [];
+          objProp.forEach((arrProp) => {
+            if ((0, import_types.isString)(arrProp)) {
+              if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
+                try {
+                  const evalProp = import_globals2.window.eval(`(${arrProp})`);
+                  stringified[prop].push(evalProp);
+                } catch (e) {
+                  if (e)
+                    stringified[prop].push(arrProp);
+                }
+              } else {
+                stringified[prop].push(arrProp);
+              }
+            } else if ((0, import_types.isObject)(arrProp)) {
+              stringified[prop].push(deepDestringify(arrProp));
+            } else {
+              stringified[prop].push(arrProp);
+            }
+          });
+        } else if ((0, import_types.isObject)(objProp)) {
+          stringified[prop] = deepDestringify(objProp, stringified[prop]);
+        } else {
+          stringified[prop] = objProp;
+        }
+      }
+      return stringified;
+    };
+    var overwrite = (element, params, options) => {
+      const { ref } = element;
+      const changes = {};
+      for (const e in params) {
+        if (e === "props")
+          continue;
+        const elementProp = element[e];
+        const paramsProp = params[e];
+        if (paramsProp) {
+          ref.__cache[e] = changes[e] = elementProp;
+          ref[e] = paramsProp;
+        }
+      }
+      return changes;
+    };
+    var diff = (obj, original, cache) => {
+      const changes = cache || {};
+      for (const e in obj) {
+        if (e === "ref")
+          continue;
+        const originalProp = original[e];
+        const objProp = obj[e];
+        if ((0, import_types.isObjectLike)(originalProp) && (0, import_types.isObjectLike)(objProp)) {
+          changes[e] = {};
+          diff(originalProp, objProp, changes[e]);
+        } else if (objProp !== void 0) {
+          changes[e] = objProp;
+        }
+      }
+      return changes;
+    };
+    var overwriteObj = (params, obj) => {
+      const changes = {};
+      for (const e in params) {
+        const objProp = obj[e];
+        const paramsProp = params[e];
+        if (paramsProp) {
+          obj[e] = changes[e] = objProp;
+        }
+      }
+      return changes;
+    };
+    var overwriteDeep = (params, obj) => {
+      for (const e in params) {
+        const objProp = obj[e];
+        const paramsProp = params[e];
+        if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
+          overwriteDeep(paramsProp, objProp);
+        } else if (paramsProp !== void 0) {
+          obj[e] = paramsProp;
+        }
+      }
+      return obj;
+    };
+    var mergeIfExisted = (a, b) => {
+      if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
+        return deepMerge(a, b);
+      return a || b;
+    };
+    var mergeArray = (arr) => {
+      return arr.reduce((a, c) => deepMerge(a, deepClone2(c)), {});
+    };
+    var mergeAndCloneIfArray = (obj) => {
+      return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
+    };
+    var flattenRecursive = (param, prop, stack = []) => {
+      const objectized = mergeAndCloneIfArray(param);
+      stack.push(objectized);
+      const extendOfExtend = objectized[prop];
+      if (extendOfExtend)
+        flattenRecursive(extendOfExtend, prop, stack);
+      delete objectized[prop];
+      return stack;
+    };
+    var isEqualDeep = (param, element) => {
+      if (param === element)
+        return true;
+      if (!param || !element)
+        return false;
+      for (const prop in param) {
+        const paramProp = param[prop];
+        const elementProp = element[prop];
+        if ((0, import_types.isObjectLike)(paramProp)) {
+          const isEqual = isEqualDeep(paramProp, elementProp);
+          if (!isEqual)
+            return false;
+        } else {
+          const isEqual = paramProp === elementProp;
+          if (!isEqual)
+            return false;
+        }
+      }
+      return true;
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/function.js
+var require_function = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var function_exports = {};
+    __export2(function_exports, {
+      debounce: () => debounce,
+      memoize: () => memoize
+    });
+    module2.exports = __toCommonJS2(function_exports);
+    var debounce = (element, func, timeout = 300) => {
+      let timer;
+      return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          func.apply(element, args);
+        }, timeout);
+      };
+    };
+    var memoize = (fn) => {
+      const cache = {};
+      return (...args) => {
+        const n = args[0];
+        if (n in cache) {
+          return cache[n];
+        } else {
+          const result = fn(n);
+          cache[n] = result;
+          return result;
+        }
+      };
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/array.js
+var require_array = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+    "use strict";
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      cleanWithNode: () => cleanWithNode,
+      createID: () => createID,
+      createSnapshotId: () => createSnapshotId
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var cleanWithNode = (extend) => delete extend.node && extend;
+    var createID = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createID;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/log.js
+var require_log = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var log_exports = {};
+    __export2(log_exports, {
+      logGroupIf: () => logGroupIf,
+      logIf: () => logIf
+    });
+    module2.exports = __toCommonJS2(log_exports);
+    var logIf = (bool, ...arg) => {
+      if (bool)
+        arg.map((v) => console.log(v));
+    };
+    var logGroupIf = (bool, key, ...arg) => {
+      if (bool) {
+        console.group(key);
+        arg.map((v) => console.log(v));
+        console.groupEnd(key);
+      }
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var utils_exports = {};
+    module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_types(), module2.exports);
+    __reExport(utils_exports, require_object(), module2.exports);
+    __reExport(utils_exports, require_function(), module2.exports);
+    __reExport(utils_exports, require_array(), module2.exports);
+    __reExport(utils_exports, require_node(), module2.exports);
+    __reExport(utils_exports, require_log(), module2.exports);
+  }
+});
+
+// src/system/theme.js
 var theme_exports = {};
 __export(theme_exports, {
   getMediaTheme: () => getMediaTheme,
@@ -24,56 +852,376 @@ __export(theme_exports, {
   setTheme: () => setTheme
 });
 module.exports = __toCommonJS(theme_exports);
-var import_color = require("./color");
-var import_factory = require("../factory.js");
-var import_utils = require("@domql/utils");
-const ENV = "development";
-const setThemeValue = (theme) => {
+
+// src/factory.js
+var import_utils = __toESM(require_cjs3(), 1);
+
+// src/defaultConfig/index.js
+var defaultConfig_exports = {};
+__export(defaultConfig_exports, {
+  ANIMATION: () => ANIMATION,
+  BREAKPOINTS: () => BREAKPOINTS,
+  CASES: () => CASES,
+  COLOR: () => COLOR,
+  DEVICES: () => DEVICES,
+  DOCUMENT: () => DOCUMENT,
+  FONT: () => FONT,
+  FONT_FACE: () => FONT_FACE,
+  FONT_FAMILY: () => FONT_FAMILY,
+  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
+  GRADIENT: () => GRADIENT,
+  ICONS: () => ICONS,
+  MEDIA: () => MEDIA,
+  RESET: () => RESET,
+  SEQUENCE: () => SEQUENCE,
+  SPACING: () => SPACING,
+  SVG: () => SVG,
+  SVG_DATA: () => SVG_DATA,
+  THEME: () => THEME,
+  TIMING: () => TIMING,
+  TYPOGRAPHY: () => TYPOGRAPHY,
+  UNIT: () => UNIT
+});
+
+// src/defaultConfig/sequence.js
+var SEQUENCE = {
+  "minor-second": 1.067,
+  "major-second": 1.125,
+  "minor-third": 1.2,
+  "major-third": 1.25,
+  "perfect-fourth": 1.333,
+  "augmented-fourth": 1.414,
+  "perfect-fifth": 1.5,
+  "minor-sixth": 1.6,
+  phi: 1.618,
+  // golden-ratio
+  "major-sixth": 1.667,
+  "square-root-3": 1.732,
+  // theodorus
+  "minor-seventh": 1.778,
+  "major-seventh": 1.875,
+  octave: 2,
+  "square-root-5": 2.23,
+  // pythagoras
+  "major-tenth": 2.5,
+  "major-eleventh": 2.667,
+  "major-twelfth": 3,
+  pi: 3.14,
+  // archimedes
+  "double-octave": 4
+};
+
+// src/defaultConfig/unit.js
+var UNIT = {
+  default: "em"
+};
+
+// src/defaultConfig/typography.js
+var defaultProps = {
+  browserDefault: 16,
+  base: 16,
+  type: "font-size",
+  ratio: SEQUENCE["minor-third"],
+  range: [-3, 12],
+  h1Matches: 6,
+  lineHeight: 1.5,
+  unit: "em",
+  templates: {},
+  sequence: {},
+  scales: {},
+  vars: {}
+};
+var TYPOGRAPHY = defaultProps;
+
+// src/defaultConfig/font.js
+var FONT = {};
+
+// src/defaultConfig/font-family.js
+var FONT_FAMILY = {};
+var FONT_FAMILY_TYPES = {
+  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
+  serif: "Times New Roman, Georgia, serif, --system-default",
+  monospace: "Courier New, monospace, --system-default"
+};
+var FONT_FACE = {};
+
+// src/defaultConfig/media.js
+var MEDIA = {
+  tv: "(min-width: 2780px)",
+  screenL: "(max-width: 1920px)",
+  screenM: "(max-width: 1680px)",
+  screenS: "(max-width: 1440px)",
+  tabletL: "(max-width: 1366px)",
+  tabletM: "(max-width: 1280px)",
+  tabletS: "(max-width: 1024px)",
+  mobileL: "(max-width: 768px)",
+  mobileM: "(max-width: 560px)",
+  mobileS: "(max-width: 480px)",
+  mobileXS: "(max-width: 375px)",
+  light: "(prefers-color-scheme: light)",
+  dark: "(prefers-color-scheme: dark)",
+  print: "print"
+};
+
+// src/defaultConfig/spacing.js
+var defaultProps2 = {
+  base: TYPOGRAPHY.base,
+  type: "spacing",
+  ratio: SEQUENCE.phi,
+  range: [-5, 15],
+  subSequence: true,
+  unit: "em",
+  sequence: {},
+  scales: {},
+  vars: {}
+};
+var SPACING = defaultProps2;
+
+// src/defaultConfig/color.js
+var COLOR = {};
+var GRADIENT = {};
+
+// src/defaultConfig/theme.js
+var THEME = {};
+
+// src/defaultConfig/icons.js
+var ICONS = {};
+
+// src/defaultConfig/timing.js
+var defaultProps3 = {
+  default: 150,
+  base: 150,
+  type: "timing",
+  ratio: SEQUENCE["perfect-fourth"],
+  range: [-3, 12],
+  unit: "ms",
+  sequence: {},
+  scales: {},
+  vars: {}
+};
+var TIMING = defaultProps3;
+
+// src/defaultConfig/document.js
+var DOCUMENT = {};
+
+// src/defaultConfig/responsive.js
+var BREAKPOINTS = {
+  screenL: 1920,
+  screenM: 1680,
+  screenS: 1440,
+  tabletL: 1366,
+  tabletM: 1280,
+  tabletS: 1024,
+  mobileL: 768,
+  mobileM: 560,
+  mobileS: 480,
+  mobileXS: 375
+};
+var DEVICES = {
+  screenL: [1920, 1024],
+  screenM: [1680, 1024],
+  screenS: [1440, 978],
+  tabletL: [1366, 926],
+  tabletM: [1280, 768],
+  tabletS: [1024, 768],
+  mobileL: [768, 375],
+  mobileM: [560, 768],
+  mobileS: [480, 768],
+  mobileXS: [375, 768]
+};
+
+// src/defaultConfig/cases.js
+var CASES = {};
+
+// src/defaultConfig/animation.js
+var ANIMATION = {};
+
+// src/defaultConfig/svg.js
+var SVG = {};
+var SVG_DATA = {};
+
+// src/defaultConfig/index.js
+var RESET = {};
+
+// src/factory.js
+var CSS_VARS = {};
+var CONFIG = {
+  verbose: false,
+  useVariable: true,
+  useReset: true,
+  CSS_VARS,
+  ...defaultConfig_exports
+};
+var cachedConfig = (0, import_utils.deepClone)(CONFIG);
+var FACTORY = {
+  active: "0",
+  0: CONFIG
+};
+var getActiveConfig = (def) => {
+  if ((0, import_utils.isDefined)(def) && !FACTORY[def]) {
+    FACTORY[def] = (0, import_utils.deepClone)(cachedConfig);
+    return FACTORY[def];
+  }
+  return FACTORY[def || FACTORY.active];
+};
+
+// src/system/color.js
+var import_utils8 = __toESM(require_cjs3(), 1);
+
+// src/utils/color.js
+var import_globals = __toESM(require_cjs(), 1);
+var hexToRgbArray = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
+  return [r, g, b];
+};
+var rgbArrayToHex = ([r, g, b]) => {
+  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+};
+var rgbToHSL = (r, g, b) => {
+  const a = Math.max(r, g, b);
+  const n = a - Math.min(r, g, b);
+  const f = 1 - Math.abs(a + a - n - 1);
+  const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
+  return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
+};
+var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(
+  Math.min(k - 3, 9 - k, 1),
+  -1
+)) => [f(0), f(8), f(4)];
+var getColorShade = (col, amt) => {
+  const num = parseInt(col, 16);
+  let r = (num >> 16) + amt;
+  if (r > 255)
+    r = 255;
+  else if (r < 0)
+    r = 0;
+  let b = (num >> 8 & 255) + amt;
+  if (b > 255)
+    b = 255;
+  else if (b < 0)
+    b = 0;
+  let g = (num & 255) + amt;
+  if (g > 255)
+    g = 255;
+  else if (g < 0)
+    g = 0;
+  return (g | b << 8 | r << 16).toString(16);
+};
+
+// src/utils/sequence.js
+var import_utils4 = __toESM(require_cjs3(), 1);
+
+// ../utils/src/index.js
+var import_utils3 = __toESM(require_cjs3());
+
+// ../utils/src/scaling.js
+var import_utils2 = __toESM(require_cjs3());
+
+// src/utils/var.js
+var import_utils6 = __toESM(require_cjs3(), 1);
+
+// src/utils/sprite.js
+var import_utils7 = __toESM(require_cjs3(), 1);
+
+// src/system/color.js
+var getColor = (value, key) => {
+  const CONFIG2 = getActiveConfig();
+  if (!(0, import_utils8.isString)(value)) {
+    if (CONFIG2.verbose)
+      console.warn(value, "- type for color is not valid");
+    return;
+  }
+  if (value.slice(0, 2) === "--")
+    return `var(${value})`;
+  if (key && value[key])
+    value = value[key];
+  const [name, alpha, tone] = (0, import_utils8.isArray)(value) ? value : value.split(" ");
+  const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
+  let val = COLOR2[name] || GRADIENT2[name];
+  if (!val) {
+    if (CONFIG2.verbose)
+      console.warn("Can't find color ", name);
+    return value;
+  }
+  if (key) {
+    if (val[key])
+      val = val[key];
+    else if (CONFIG2.verbose)
+      console.warn(value, " - does not have ", key);
+  }
+  let rgb = val.rgb;
+  if (rgb) {
+    if (tone) {
+      if (!val[tone]) {
+        const toHex = rgbArrayToHex(rgb.split(", ").map((v) => parseFloat(v)));
+        if (tone.slice(0, 1) === "-" || tone.slice(0, 1) === "+") {
+          rgb = hexToRgbArray(getColorShade(toHex, parseFloat(tone))).join(", ");
+        } else {
+          const [r, g, b] = [...rgb.split(", ").map((v) => parseInt(v))];
+          const hsl = rgbToHSL(r, g, b);
+          const [h, s, l] = hsl;
+          const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
+          rgb = newRgb;
+        }
+        val[tone] = { rgb, var: `${val.var}-${tone}` };
+      } else
+        rgb = val[tone].rgb;
+    }
+    if (alpha)
+      return `rgba(${rgb}, ${alpha})`;
+    return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
+  } else
+    return CONFIG2.useVariable ? `var(${val.var})` : val.value;
+};
+
+// src/system/theme.js
+var import_utils10 = __toESM(require_cjs3(), 1);
+var setThemeValue = (theme) => {
   const value = {};
   const { state, media, helpers, ...rest } = theme;
   const keys = Object.keys(rest);
   keys.map((key) => {
     const conditions = ["color", "Color", "background", "border"];
     const isColor = conditions.some((k) => key.includes(k));
-    return value[key] = isColor ? (0, import_color.getColor)(theme[key]) : theme[key];
+    return value[key] = isColor ? getColor(theme[key]) : theme[key];
   });
   return value;
 };
-const getThemeValue = (theme) => {
+var getThemeValue = (theme) => {
   if (theme.value)
     return theme.value;
   theme.value = setThemeValue(theme);
   return theme.value;
 };
-const getTheme = (value, modifier) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (CONFIG.useVariable)
+var getTheme = (value, modifier) => {
+  const CONFIG2 = getActiveConfig();
+  if (CONFIG2.useVariable)
     return getMediaTheme(value, modifier);
-  const { THEME } = CONFIG;
-  if ((0, import_utils.isString)(value)) {
+  const { THEME: THEME2 } = CONFIG2;
+  if ((0, import_utils10.isString)(value)) {
     const [theme, subtheme] = value.split(" ");
-    const isOurTheme = THEME[theme];
+    const isOurTheme = THEME2[theme];
     if (isOurTheme) {
       if (!subtheme && !modifier)
         return getThemeValue(isOurTheme);
       value = [theme, subtheme || modifier];
     }
   }
-  if ((0, import_utils.isObjectLike)(value) && value[1]) {
+  if ((0, import_utils10.isObjectLike)(value) && value[1]) {
     const themeName = value[0];
     const subThemeName = value[1];
-    const { helpers, media, state } = THEME[themeName];
+    const { helpers, media, state } = THEME2[themeName];
     if (media && media[subThemeName])
       return getThemeValue(media[subThemeName]);
     if (helpers && helpers[subThemeName])
       return getThemeValue(helpers[subThemeName]);
     if (state && state[subThemeName])
       return getThemeValue(state[subThemeName]);
-  } else if ((0, import_utils.isObject)(value))
+  } else if ((0, import_utils10.isObject)(value))
     return setThemeValue(value);
 };
-const setInverseTheme = (theme, variant, value) => {
-  if ((0, import_utils.isObject)(variant)) {
+var setInverseTheme = (theme, variant, value) => {
+  if ((0, import_utils10.isObject)(variant)) {
     theme.variants.inverse.value = setThemeValue(variant);
   } else if (variant === true) {
     const { color, background } = value;
@@ -85,13 +1233,13 @@ const setInverseTheme = (theme, variant, value) => {
     };
   }
 };
-const setPseudo = (theme, key, variant, themeValue) => {
+var setPseudo = (theme, key, variant, themeValue) => {
   const result = getTheme(variant);
   themeValue[`&:${key}`] = result;
-  if ((0, import_utils.isObject)(variant) && !variant.value)
+  if ((0, import_utils10.isObject)(variant) && !variant.value)
     variant.value = result;
 };
-const setSelectors = (theme, value) => {
+var setSelectors = (theme, value) => {
   const { state } = theme;
   if (!state)
     return;
@@ -103,13 +1251,13 @@ const setSelectors = (theme, value) => {
   });
   return theme;
 };
-const setPrefersScheme = (theme, key, variant, themeValue) => {
+var setPrefersScheme = (theme, key, variant, themeValue) => {
   const result = getTheme(variant);
   themeValue[`@media (prefers-color-scheme: ${key})`] = result;
-  if ((0, import_utils.isObject)(variant) && !variant.value)
+  if ((0, import_utils10.isObject)(variant) && !variant.value)
     variant.value = result;
 };
-const setMedia = (theme, value) => {
+var setMedia = (theme, value) => {
   const { media } = theme;
   if (!media)
     return;
@@ -124,25 +1272,25 @@ const setMedia = (theme, value) => {
   });
   return theme;
 };
-const setHelpers = (theme, value) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
+var setHelpers = (theme, value) => {
+  const CONFIG2 = getActiveConfig();
   const { helpers } = theme;
   if (!helpers)
     return;
   const keys = Object.keys(helpers);
   keys.map((key) => {
     const helper = helpers[key];
-    if ((0, import_utils.isString)(helper))
-      helpers[key] = CONFIG.THEME[helper];
+    if ((0, import_utils10.isString)(helper))
+      helpers[key] = CONFIG2.THEME[helper];
     else
       getThemeValue(helpers[key]);
     return theme;
   });
   return theme;
 };
-const setTheme = (val, key) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if (CONFIG.useVariable)
+var setTheme = (val, key) => {
+  const CONFIG2 = getActiveConfig();
+  if (CONFIG2.useVariable)
     return setMediaTheme(val, key);
   const { state, media, helpers } = val;
   const value = setThemeValue(val, key);
@@ -152,17 +1300,11 @@ const setTheme = (val, key) => {
   setHelpers(val, value);
   return { var: CSSvar, value, state, media, helpers };
 };
-const keySetters = {
-  // eslint-disable-line
-  "@": (theme, value) => setMedia(theme, value),
-  ":": (theme, value) => setSelectors(theme, value),
-  ".": (theme, value) => setHelpers(theme, value)
-};
-const setMediaTheme = (val, key, suffix, prefers) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  const { CSS_VARS } = CONFIG;
+var setMediaTheme = (val, key, suffix, prefers) => {
+  const CONFIG2 = getActiveConfig();
+  const { CSS_VARS: CSS_VARS2 } = CONFIG2;
   const theme = { value: val };
-  if ((0, import_utils.isObjectLike)(val)) {
+  if ((0, import_utils10.isObjectLike)(val)) {
     for (const param in val) {
       const symb = param.slice(0, 1);
       const value = val[param];
@@ -170,12 +1312,12 @@ const setMediaTheme = (val, key, suffix, prefers) => {
         const hasPrefers = symb === "@" && param;
         theme[param] = setMediaTheme(value, key, param, prefers || hasPrefers);
       } else {
-        const color = (0, import_color.getColor)(value, prefers);
+        const color = getColor(value, prefers);
         const metaSuffixes = [...new Set([prefers, suffix].filter((v) => v).map((v) => v.slice(1)))];
         const varmetaSuffixName = metaSuffixes.length ? "-" + metaSuffixes.join("-") : "";
         const CSSVar = `--theme-${key}${varmetaSuffixName}-${param}`;
-        if (CONFIG.useVariable) {
-          CSS_VARS[CSSVar] = color;
+        if (CONFIG2.useVariable) {
+          CSS_VARS2[CSSVar] = color;
           theme[param] = `var(${CSSVar})`;
         } else {
           theme[param] = color;
@@ -190,22 +1332,22 @@ const setMediaTheme = (val, key, suffix, prefers) => {
       };
     }
   }
-  if ((0, import_utils.isString)(val) && val.slice(0, 2) === "--") {
-    const { THEME } = CONFIG;
-    const value = THEME[val.slice(2)];
+  if ((0, import_utils10.isString)(val) && val.slice(0, 2) === "--") {
+    const { THEME: THEME2 } = CONFIG2;
+    const value = THEME2[val.slice(2)];
     const getReferenced = getMediaTheme(value, prefers);
     return getReferenced;
   }
   return theme;
 };
-const recursiveTheme = (val) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
+var recursiveTheme = (val) => {
+  const CONFIG2 = getActiveConfig();
   const obj = {};
   for (const param in val) {
     const symb = param.slice(0, 1);
-    if ((0, import_utils.isObjectLike)(val[param])) {
+    if ((0, import_utils10.isObjectLike)(val[param])) {
       if (symb === "@") {
-        const query = CONFIG.MEDIA[param.slice(1)];
+        const query = CONFIG2.MEDIA[param.slice(1)];
         const media = `@media screen and ${query}`;
         obj[media] = recursiveTheme(val[param]);
       } else if (symb === ":") {
@@ -216,37 +1358,31 @@ const recursiveTheme = (val) => {
   }
   return obj;
 };
-const findModifierFromArray = (val, modifierArray) => {
+var findModifierFromArray = (val, modifierArray) => {
   const currentMod = modifierArray.shift();
   if (val[currentMod])
     return findModifierFromArray(val[currentMod], modifierArray);
   return val;
 };
-const findModifier = (val, modifier) => {
-  if ((0, import_utils.isArray)(modifier))
+var findModifier = (val, modifier) => {
+  if ((0, import_utils10.isArray)(modifier))
     return findModifierFromArray(val, modifier);
-  else if ((0, import_utils.isString)(modifier) && val[modifier])
+  else if ((0, import_utils10.isString)(modifier) && val[modifier])
     return val[modifier];
   else
     return val;
 };
-const checkForReference = (val, callback) => {
-  if ((0, import_utils.isString)(val) && val.slice(0, 2) === "--")
-    return getMediaTheme(val.slice(2));
-  return val;
-};
-const checkThemeReference = (val) => checkForReference(val, checkThemeReference);
-const getMediaTheme = (val, mod) => {
-  const CONFIG = (0, import_factory.getActiveConfig)();
-  if ((0, import_utils.isString)(val) && val.slice(0, 2) === "--")
+var getMediaTheme = (val, mod) => {
+  const CONFIG2 = getActiveConfig();
+  if ((0, import_utils10.isString)(val) && val.slice(0, 2) === "--")
     val = getMediaTheme(val.slice(2));
-  if (!val || !(0, import_utils.isString)(val)) {
-    if (CONFIG.verbose)
+  if (!val || !(0, import_utils10.isString)(val)) {
+    if (CONFIG2.verbose)
       console.warn(val, "- theme is not string");
     return;
   }
-  const [name, ...modifier] = (0, import_utils.isArray)(val) ? val : val.split(" ");
-  let value = CONFIG.THEME[name];
+  const [name, ...modifier] = (0, import_utils10.isArray)(val) ? val : val.split(" ");
+  let value = CONFIG2.THEME[name];
   if (value && (modifier || mod)) {
     value = findModifier(value, modifier.length ? modifier : mod);
   }