@symbo.ls/scratch 2.11.94 → 2.11.131

package/dist/cjs/index.js

@@ -1,2911 +0,0 @@
-"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 });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  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: () => document4,
-      global: () => global,
-      self: () => self,
-      window: () => window2
-    });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window2 = globalThis;
-    var document4 = window2.document;
-  }
-});
-
-// ../../node_modules/@domql/key/dist/cjs/index.js
-var require_cjs2 = __commonJS({
-  "../../node_modules/@domql/key/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 key_exports = {};
-    __export2(key_exports, {
-      createKey: () => createKey,
-      createSnapshotId: () => createSnapshotId
-    });
-    module2.exports = __toCommonJS2(key_exports);
-    var createKey = function() {
-      let index = 0;
-      function newId() {
-        index++;
-        return index;
-      }
-      return newId;
-    }();
-    var createSnapshotId = createKey;
-  }
-});
-
-// ../../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_cjs3 = __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/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, {
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode
-    });
-    module2.exports = __toCommonJS2(node_exports);
-    var import_globals3 = require_cjs();
-    var isNode = (obj) => {
-      return (typeof Node === "object" ? obj instanceof import_globals3.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
-    };
-    var isHtmlElement = (obj) => {
-      return (typeof HTMLElement === "object" ? obj instanceof import_globals3.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
-    };
-  }
-});
-
-// ../../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: () => isArray6,
-      isBoolean: () => isBoolean,
-      isDefined: () => isDefined2,
-      isFunction: () => isFunction2,
-      isNot: () => isNot,
-      isNull: () => isNull,
-      isNumber: () => isNumber2,
-      isObject: () => isObject7,
-      isObjectLike: () => isObjectLike3,
-      isString: () => isString9,
-      isUndefined: () => isUndefined,
-      isValidHtmlTag: () => isValidHtmlTag
-    });
-    module2.exports = __toCommonJS2(types_exports);
-    var import_tags = require_cjs3();
-    var import_node = require_node();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
-    var isObject7 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object" && arg.constructor === Object;
-    };
-    var isString9 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
-    var isFunction2 = (arg) => typeof arg === "function";
-    var isBoolean = (arg) => arg === true || arg === false;
-    var isNull = (arg) => arg === null;
-    var isArray6 = (arg) => Array.isArray(arg);
-    var isObjectLike3 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object";
-    };
-    var isDefined2 = (arg) => {
-      return isObject7(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction2(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
-    };
-    var isUndefined = (arg) => {
-      return arg === void 0;
-    };
-    var TYPES = {
-      boolean: isBoolean,
-      array: isArray6,
-      object: isObject7,
-      string: isString9,
-      number: isNumber2,
-      null: isNull,
-      function: isFunction2,
-      objectLike: isObjectLike3,
-      node: import_node.isNode,
-      htmlElement: import_node.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/array.js
-var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.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 array_exports = {};
-    __export2(array_exports, {
-      arrayContainsOtherArray: () => arrayContainsOtherArray,
-      createNestedObject: () => createNestedObject,
-      cutArrayAfterValue: () => cutArrayAfterValue,
-      cutArrayBeforeValue: () => cutArrayBeforeValue,
-      joinArrays: () => joinArrays,
-      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
-      mergeArray: () => mergeArray,
-      removeFromArray: () => removeFromArray,
-      swapItemsInArray: () => swapItemsInArray
-    });
-    module2.exports = __toCommonJS2(array_exports);
-    var import_object = require_object();
-    var import_types = require_types();
-    var arrayContainsOtherArray = (arr1, arr2) => {
-      return arr2.every((val) => arr1.includes(val));
-    };
-    var removeFromArray = (arr, index) => {
-      if ((0, import_types.isString)(index))
-        index = parseInt(index);
-      if ((0, import_types.isNumber)(index)) {
-        if (index < 0 || index >= arr.length || isNaN(index)) {
-          throw new Error("Invalid index");
-        }
-        arr.splice(index, 1);
-      } else if ((0, import_types.isArray)(index)) {
-        index.forEach((idx) => removeFromArray(arr, idx));
-      } else {
-        throw new Error("Invalid index");
-      }
-      return arr;
-    };
-    var swapItemsInArray = (arr, i, j) => {
-      [arr[i], arr[j]] = [arr[j], arr[i]];
-    };
-    var joinArrays = (...arrays) => {
-      return [].concat(...arrays);
-    };
-    var mergeArray = (arr, excludeFrom = []) => {
-      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
-    };
-    var mergeAndCloneIfArray = (obj) => {
-      return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
-    };
-    var cutArrayBeforeValue = (arr, value) => {
-      const index = arr.indexOf(value);
-      if (index !== -1) {
-        return arr.slice(0, index);
-      }
-      return arr;
-    };
-    var cutArrayAfterValue = (arr, value) => {
-      const index = arr.indexOf(value);
-      if (index !== -1) {
-        return arr.slice(index + 1);
-      }
-      return arr;
-    };
-    var createNestedObject = (arr, lastValue) => {
-      let nestedObject = {};
-      if (arr.length === 0) {
-        return lastValue;
-      }
-      arr.reduce((obj, value, index) => {
-        if (!obj[value]) {
-          obj[value] = {};
-        }
-        if (index === arr.length - 1 && lastValue) {
-          obj[value] = lastValue;
-        }
-        return obj[value];
-      }, nestedObject);
-      return nestedObject;
-    };
-  }
-});
-
-// ../../node_modules/@domql/utils/dist/cjs/string.js
-var require_string = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/string.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 string_exports = {};
-    __export2(string_exports, {
-      stringIncludesAny: () => stringIncludesAny
-    });
-    module2.exports = __toCommonJS2(string_exports);
-    var stringIncludesAny = (str, characters) => {
-      for (const char of characters) {
-        if (str.includes(char)) {
-          return true;
-        }
-      }
-      return false;
-    };
-  }
-});
-
-// ../../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: () => deepMerge3,
-      deepStringify: () => deepStringify,
-      detachFunctionsFromObject: () => detachFunctionsFromObject,
-      diff: () => diff,
-      diffArrays: () => diffArrays,
-      diffObjects: () => diffObjects,
-      exec: () => exec,
-      flattenRecursive: () => flattenRecursive,
-      isEqualDeep: () => isEqualDeep,
-      map: () => map,
-      merge: () => merge5,
-      mergeArrayExclude: () => mergeArrayExclude,
-      mergeIfExisted: () => mergeIfExisted,
-      objectToString: () => objectToString,
-      overwrite: () => overwrite,
-      overwriteDeep: () => overwriteDeep2,
-      overwriteShallow: () => overwriteShallow,
-      removeFromObject: () => removeFromObject,
-      stringToObject: () => stringToObject
-    });
-    module2.exports = __toCommonJS2(object_exports);
-    var import_globals3 = require_cjs();
-    var import_types = require_types();
-    var import_array = require_array();
-    var import_string = require_string();
-    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 merge5 = (element, obj, excludeFrom = []) => {
-      for (const e in obj) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const objProp = obj[e];
-        if (elementProp === void 0) {
-          element[e] = objProp;
-        }
-      }
-      return element;
-    };
-    var deepMerge3 = (element, extend, excludeFrom = []) => {
-      for (const e in extend) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const extendProp = extend[e];
-        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge3(elementProp, extendProp);
-        } else if (elementProp === void 0) {
-          element[e] = extendProp;
-        }
-      }
-      return element;
-    };
-    var clone = (obj, excludeFrom = []) => {
-      const o = {};
-      for (const prop in obj) {
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        o[prop] = obj[prop];
-      }
-      return o;
-    };
-    var deepCloneExclude = (obj, excludeFrom = []) => {
-      if ((0, import_types.isArray)(obj)) {
-        return obj.map((x) => deepCloneExclude(x, excludeFrom));
-      }
-      const o = {};
-      for (const k in obj) {
-        if (excludeFrom.includes(k) || k.startsWith("__"))
-          continue;
-        let v = obj[k];
-        if (k === "extend" && (0, import_types.isArray)(v)) {
-          v = mergeArrayExclude(v, excludeFrom);
-        }
-        if ((0, import_types.isArray)(v)) {
-          o[k] = v.map((x) => deepCloneExclude(x, excludeFrom));
-        } else if ((0, import_types.isObject)(v)) {
-          o[k] = deepCloneExclude(v, excludeFrom);
-        } else
-          o[k] = v;
-      }
-      return o;
-    };
-    var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge3(acc, deepCloneExclude(curr, excl)), {});
-    };
-    var deepClone2 = (obj, excludeFrom = []) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
-      for (const prop in obj) {
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        let objProp = obj[prop];
-        if (prop === "extend" && (0, import_types.isArray)(objProp)) {
-          objProp = (0, import_array.mergeArray)(objProp);
-        }
-        if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepClone2(objProp, excludeFrom);
-        } 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 objectToString = (obj, indent = 0) => {
-      const spaces = "  ".repeat(indent);
-      let str = "{\n";
-      for (const [key, value] of Object.entries(obj)) {
-        const keyAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "!"]);
-        const stringedKey = keyAllowdChars ? `'${key}'` : key;
-        str += `${spaces}  ${stringedKey}: `;
-        if ((0, import_types.isArray)(value)) {
-          str += "[\n";
-          for (const element of value) {
-            if ((0, import_types.isObject)(element) && element !== null) {
-              str += `${spaces}    ${objectToString(element, indent + 2)},
-`;
-            } else if ((0, import_types.isString)(element)) {
-              str += `${spaces}    '${element}',
-`;
-            } else {
-              str += `${spaces}    ${element},
-`;
-            }
-          }
-          str += `${spaces}  ]`;
-        } else if ((0, import_types.isObject)(value)) {
-          str += objectToString(value, indent + 1);
-        } else if ((0, import_types.isString)(value)) {
-          str += (0, import_string.stringIncludesAny)(value, ["\n", "'"]) ? `\`${value}\`` : `'${value}'`;
-        } else {
-          str += value;
-        }
-        str += ",\n";
-      }
-      str += `${spaces}}`;
-      return str;
-    };
-    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, detached[prop]);
-        } else if ((0, import_types.isArray)(objProp)) {
-          detached[prop] = [];
-          objProp.forEach((v, i) => {
-            if ((0, import_types.isFunction)(v))
-              return;
-            if ((0, import_types.isObject)(v)) {
-              detached[prop][i] = {};
-              detachFunctionsFromObject(v, detached[prop][i]);
-            } else {
-              detached[prop][i] = v;
-            }
-          });
-        } 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_globals3.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_globals3.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 stringToObject = (str) => {
-      let obj;
-      try {
-        obj = import_globals3.window.eval("(" + str + ")");
-      } catch (e) {
-        console.warn(e);
-      }
-      if (obj)
-        return obj;
-    };
-    var diffObjects = (original, objToDiff, cache) => {
-      for (const e in objToDiff) {
-        if (e === "ref")
-          continue;
-        const originalProp = original[e];
-        const objToDiffProp = objToDiff[e];
-        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
-          cache[e] = {};
-          diff(originalProp, objToDiffProp, cache[e]);
-        } else if (objToDiffProp !== void 0) {
-          cache[e] = objToDiffProp;
-        }
-      }
-      return cache;
-    };
-    var diffArrays = (original, objToDiff, cache) => {
-      if (original.length !== objToDiff.length) {
-        cache = objToDiff;
-      } else {
-        const diffArr = [];
-        for (let i = 0; i < original.length; i++) {
-          const diffObj = diff(original[i], objToDiff[i]);
-          if (Object.keys(diffObj).length > 0) {
-            diffArr.push(diffObj);
-          }
-        }
-        if (diffArr.length > 0) {
-          cache = diffArr;
-        }
-      }
-      return cache;
-    };
-    var diff = (original, objToDiff, cache = {}) => {
-      if ((0, import_types.isArray)(original) && (0, import_types.isArray)(objToDiff)) {
-        cache = [];
-        diffArrays(original, objToDiff, cache);
-      } else {
-        diffObjects(original, objToDiff, cache);
-      }
-      return cache;
-    };
-    var overwrite = (element, params, excludeFrom = []) => {
-      const { ref } = element;
-      const changes = {};
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const paramsProp = params[e];
-        if (paramsProp) {
-          ref.__cache[e] = changes[e] = elementProp;
-          ref[e] = paramsProp;
-        }
-      }
-      return changes;
-    };
-    var overwriteShallow = (obj, params, excludeFrom = []) => {
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        obj[e] = params[e];
-      }
-      return obj;
-    };
-    var overwriteDeep2 = (obj, params, excludeFrom = []) => {
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const objProp = obj[e];
-        const paramsProp = params[e];
-        if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-          overwriteDeep2(objProp, paramsProp);
-        } 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 deepMerge3(a, b);
-      return a || b;
-    };
-    var flattenRecursive = (param, prop, stack = []) => {
-      const objectized = (0, import_array.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;
-    };
-    var removeFromObject = (obj, props) => {
-      if (props === void 0 || props === null)
-        return obj;
-      if ((0, import_types.is)(props)("string", "number")) {
-        delete obj[props];
-      } else if ((0, import_types.isArray)(props)) {
-        props.forEach((prop) => delete obj[prop]);
-      } else {
-        throw new Error("Invalid input: props must be a string or an array of strings");
-      }
-      return obj;
-    };
-  }
-});
-
-// ../../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/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_cjs4 = __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_exports2 = {};
-    module2.exports = __toCommonJS2(utils_exports2);
-    __reExport(utils_exports2, require_cjs2(), module2.exports);
-    __reExport(utils_exports2, require_types(), module2.exports);
-    __reExport(utils_exports2, require_object(), module2.exports);
-    __reExport(utils_exports2, require_function(), module2.exports);
-    __reExport(utils_exports2, require_array(), module2.exports);
-    __reExport(utils_exports2, require_node(), module2.exports);
-    __reExport(utils_exports2, require_log(), module2.exports);
-    __reExport(utils_exports2, require_string(), module2.exports);
-  }
-});
-
-// src/index.js
-var src_exports = {};
-__export(src_exports, {
-  ANIMATION: () => ANIMATION,
-  BREAKPOINTS: () => BREAKPOINTS,
-  CASES: () => CASES,
-  COLOR: () => COLOR,
-  CONFIG: () => CONFIG,
-  CSS_VARS: () => CSS_VARS,
-  DEVICES: () => DEVICES,
-  DOCUMENT: () => DOCUMENT,
-  FACTORY: () => FACTORY,
-  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,
-  VALUE_TRANSFORMERS: () => VALUE_TRANSFORMERS,
-  activateConfig: () => activateConfig,
-  appendIconsSprite: () => appendIconsSprite,
-  appendSVGSprite: () => appendSVGSprite,
-  applyDocument: () => applyDocument,
-  applyHeadings: () => applyHeadings,
-  applyReset: () => applyReset,
-  applySequenceVars: () => applySequenceVars,
-  applySpacingSequence: () => applySpacingSequence,
-  applyTimingSequence: () => applyTimingSequence,
-  applyTypographySequence: () => applyTypographySequence,
-  changeLightness: () => changeLightness,
-  colorStringToRgbaArray: () => colorStringToRgbaArray,
-  convertSvgToSymbol: () => convertSvgToSymbol,
-  findHeadingLetter: () => findHeadingLetter,
-  findHeadings: () => findHeadings,
-  generateSequence: () => generateSequence,
-  generateSprite: () => generateSprite,
-  generateSubSequence: () => generateSubSequence,
-  getActiveConfig: () => getActiveConfig,
-  getColor: () => getColor,
-  getColorShade: () => getColorShade,
-  getDefaultOrFirstKey: () => getDefaultOrFirstKey,
-  getFontFace: () => getFontFace,
-  getFontFaceEach: () => getFontFaceEach,
-  getFontFaceEachString: () => getFontFaceEachString,
-  getFontFaceString: () => getFontFaceString,
-  getFontFamily: () => getFontFamily,
-  getFontFormat: () => getFontFormat,
-  getFontSizeByKey: () => getFontSizeByKey,
-  getMediaColor: () => getMediaColor,
-  getMediaTheme: () => getMediaTheme,
-  getRgbTone: () => getRgbTone,
-  getSequenceValue: () => getSequenceValue,
-  getSequenceValuePropertyPair: () => getSequenceValuePropertyPair,
-  getSpacingBasedOnRatio: () => getSpacingBasedOnRatio,
-  getSpacingByKey: () => getSpacingByKey,
-  getTheme: () => getTheme,
-  getTimingByKey: () => getTimingByKey,
-  getTimingFunction: () => getTimingFunction,
-  hexToRgb: () => hexToRgb,
-  hexToRgbArray: () => hexToRgbArray,
-  hexToRgba: () => hexToRgba,
-  hslToRgb: () => hslToRgb,
-  mixTwoColors: () => mixTwoColors,
-  mixTwoRgb: () => mixTwoRgb,
-  mixTwoRgba: () => mixTwoRgba,
-  numToLetterMap: () => numToLetterMap,
-  opacify: () => opacify,
-  returnSubThemeOrDefault: () => returnSubThemeOrDefault,
-  rgbArrayToHex: () => rgbArrayToHex,
-  rgbToHSL: () => rgbToHSL,
-  rgbToHex: () => rgbToHex,
-  runThroughMedia: () => runThroughMedia,
-  scratchSystem: () => system_exports,
-  scratchUtils: () => utils_exports,
-  set: () => set,
-  setActiveConfig: () => setActiveConfig,
-  setColor: () => setColor,
-  setCustomFont: () => setCustomFont,
-  setCustomFontMedia: () => setCustomFontMedia,
-  setEach: () => setEach,
-  setFont: () => setFont,
-  setFontFamily: () => setFontFamily,
-  setGradient: () => setGradient,
-  setIcon: () => setIcon,
-  setInCustomFontMedia: () => setInCustomFontMedia,
-  setMediaTheme: () => setMediaTheme,
-  setSVG: () => setSVG,
-  setTheme: () => setTheme,
-  setValue: () => setValue,
-  setVariables: () => setVariables,
-  splitTransition: () => splitTransition,
-  transformBackgroundImage: () => transformBackgroundImage,
-  transformBorder: () => transformBorder,
-  transformDuration: () => transformDuration,
-  transformShadow: () => transformShadow,
-  transformTextStroke: () => transformTextStroke,
-  transformTransition: () => transformTransition,
-  transfromGap: () => transfromGap
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/utils/index.js
-var utils_exports = {};
-__export(utils_exports, {
-  applySequenceVars: () => applySequenceVars,
-  changeLightness: () => changeLightness,
-  colorStringToRgbaArray: () => colorStringToRgbaArray,
-  convertSvgToSymbol: () => convertSvgToSymbol,
-  findHeadingLetter: () => findHeadingLetter,
-  findHeadings: () => findHeadings,
-  generateSequence: () => generateSequence,
-  generateSprite: () => generateSprite,
-  generateSubSequence: () => generateSubSequence,
-  getColorShade: () => getColorShade,
-  getDefaultOrFirstKey: () => getDefaultOrFirstKey,
-  getFontFace: () => getFontFace,
-  getFontFaceEach: () => getFontFaceEach,
-  getFontFaceEachString: () => getFontFaceEachString,
-  getFontFaceString: () => getFontFaceString,
-  getFontFormat: () => getFontFormat,
-  getRgbTone: () => getRgbTone,
-  getSequenceValue: () => getSequenceValue,
-  getSequenceValuePropertyPair: () => getSequenceValuePropertyPair,
-  hexToRgb: () => hexToRgb,
-  hexToRgbArray: () => hexToRgbArray,
-  hexToRgba: () => hexToRgba,
-  hslToRgb: () => hslToRgb,
-  mixTwoColors: () => mixTwoColors,
-  mixTwoRgb: () => mixTwoRgb,
-  mixTwoRgba: () => mixTwoRgba,
-  numToLetterMap: () => numToLetterMap,
-  opacify: () => opacify,
-  returnSubThemeOrDefault: () => returnSubThemeOrDefault,
-  rgbArrayToHex: () => rgbArrayToHex,
-  rgbToHSL: () => rgbToHSL,
-  rgbToHex: () => rgbToHex,
-  setCustomFont: () => setCustomFont,
-  setCustomFontMedia: () => setCustomFontMedia,
-  setInCustomFontMedia: () => setInCustomFontMedia,
-  setVariables: () => setVariables
-});
-
-// src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
-var import_utils = __toESM(require_cjs4(), 1);
-var ENV = "development";
-var colorStringToRgbaArray = (color) => {
-  if (color === "")
-    return;
-  if (color.toLowerCase() === "transparent")
-    return [0, 0, 0, 0];
-  if (color[0] === "#") {
-    if (color.length < 7) {
-      color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color.length > 4 ? color[4] + color[4] : "");
-    }
-    return [
-      parseInt(color.substr(1, 2), 16),
-      parseInt(color.substr(3, 2), 16),
-      parseInt(color.substr(5, 2), 16),
-      color.length > 7 ? parseInt(color.substr(7, 2), 16) / 255 : 1
-    ];
-  }
-  if (color.indexOf("rgb") === -1) {
-    if (import_globals.document && import_globals.window) {
-      const elem = import_globals.document.body.appendChild(import_globals.document.createElement("fictum"));
-      const flag = "rgb(1, 2, 3)";
-      elem.style.color = flag;
-      if (elem.style.color !== flag)
-        return;
-      elem.style.color = color;
-      if (elem.style.color === flag || elem.style.color === "")
-        return;
-      color = import_globals.window.getComputedStyle(elem).color;
-      import_globals.document.body.removeChild(elem);
-    }
-  }
-  if (color.indexOf("rgb") === 0) {
-    if (color.indexOf("rgba") === -1)
-      color = `${color}, 1`;
-    return color.match(/[\.\d]+/g).map((a) => +a);
-  }
-  return [];
-};
-var mixTwoColors = (colorA, colorB, range = 0.5) => {
-  colorA = colorStringToRgbaArray(colorA);
-  colorB = colorStringToRgbaArray(colorB);
-  return mixTwoRgba(colorA, colorB, range);
-};
-var hexToRgb = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return `rgb(${r},${g},${b})`;
-};
-var hexToRgbArray = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return [r, g, b];
-};
-var rgbToHex = (r, g, b) => {
-  return "#" + (1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1);
-};
-var rgbArrayToHex = ([r, g, b]) => {
-  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-};
-var hexToRgba = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return `rgba(${r},${g},${b},${alpha})`;
-};
-var mixTwoRgb = (colorA, colorB, range = 0.5) => {
-  const arr = [];
-  for (let i = 0; i < 3; i++) {
-    arr[i] = ~~(colorA[i] + (colorB[i] - colorA[i]) * range);
-  }
-  return `rgb(${arr})`;
-};
-var changeLightness = (delta, hsl) => {
-  const [hue, saturation, lightness] = hsl;
-  const newLightness = Math.max(
-    0,
-    Math.min(100, lightness + parseFloat(delta))
-  );
-  return [hue, saturation, newLightness];
-};
-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) + 16777216).toString(16).slice(1);
-};
-var mixTwoRgba = (colorA, colorB, range = 0.5) => {
-  const arr = [];
-  for (let i = 0; i < 4; i++) {
-    const round = i === 3 ? (x) => x : Math.round;
-    arr[i] = round(
-      colorA[i] + (colorB[i] - colorA[i]) * range
-    );
-  }
-  return `rgba(${arr})`;
-};
-var opacify = (color, opacity) => {
-  const arr = colorStringToRgbaArray(color);
-  if (!arr) {
-    if (ENV === "test" || ENV === "development")
-      console.warn(color + "color is not rgba");
-    return;
-  }
-  arr[3] = opacity;
-  return `rgba(${arr})`;
-};
-var getRgbTone = (rgb, tone) => {
-  if ((0, import_utils.isString)(rgb))
-    rgb = rgb.split(", ").map((v) => parseFloat(v));
-  if ((0, import_utils.isNumber)(tone))
-    tone += "";
-  const toHex = rgbArrayToHex(rgb);
-  const abs = tone.slice(0, 1);
-  if (abs === "-" || abs === "+") {
-    const colorShade = getColorShade(toHex, parseFloat(tone));
-    return hexToRgbArray(colorShade).join(", ");
-  } else {
-    const [r, g, b] = rgb;
-    const hsl = rgbToHSL(r, g, b);
-    const [h, s, l] = hsl;
-    const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
-    return newRgb;
-  }
-};
-
-// src/utils/theme.js
-var returnSubThemeOrDefault = (orig, theme) => {
-  if (!orig)
-    return;
-  if (orig.themes && orig.themes[theme])
-    return orig.themes[theme];
-  if (orig[theme])
-    return [orig, orig[theme]];
-  return orig;
-};
-
-// src/utils/font.js
-var getDefaultOrFirstKey = (LIBRARY, key) => {
-  if (LIBRARY[key])
-    return LIBRARY[key].value;
-  if (LIBRARY.default)
-    return LIBRARY[LIBRARY.default].value;
-  const hasValue = Object.keys(LIBRARY)[0];
-  return hasValue && LIBRARY[hasValue] && LIBRARY[hasValue].value;
-};
-var getFontFormat = (url) => url.split(/[#?]/)[0].split(".").pop().trim();
-var setInCustomFontMedia = (str) => `@font-face { ${str} }`;
-var setCustomFont = (name, url, weight) => `
-  font-family: '${name}';
-  font-style: normal;
-  ${weight && `font-weight: ${weight};`}
-  src: url('${url}') format('${getFontFormat(url)}');`;
-var setCustomFontMedia = (name, url, weight) => `@font-face {
-  ${setCustomFont(name, url, weight)}
-}`;
-var getFontFaceEach = (name, weights) => {
-  const keys = Object.keys(weights);
-  return keys.map((key) => {
-    const { url, fontWeight } = weights[key];
-    return setCustomFont(name, url, fontWeight);
-  });
-};
-var getFontFace = (LIBRARY) => {
-  const keys = Object.keys(LIBRARY);
-  return keys.map((key) => getFontFaceEach(key, LIBRARY[key].value));
-};
-var getFontFaceEachString = (name, weights) => {
-  const isArr = weights[0];
-  if (isArr)
-    return getFontFaceEach(name, weights).map(setInCustomFontMedia);
-  return setCustomFontMedia(name, weights.url);
-};
-var getFontFaceString = (LIBRARY) => {
-  const keys = Object.keys(LIBRARY);
-  return keys.map((key) => getFontFaceEachString(key, LIBRARY[key].value));
-};
-
-// src/utils/sequence.js
-var import_utils5 = __toESM(require_cjs4(), 1);
-
-// ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs4());
-
-// ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs4());
-
-// ../utils/src/index.js
-var toCamelCase = (str) => {
-  return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
-    return index === 0 ? word.toLowerCase() : word.toUpperCase();
-  }).replaceAll(/\s+/g, "");
-};
-var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-var arrayzeValue = (val) => {
-  if ((0, import_utils3.isString)(val))
-    return val.split(" ");
-  if ((0, import_utils3.isObject)(val))
-    return Object.keys(val).map((v) => val[v]);
-  if ((0, import_utils3.isArray)(val))
-    return val;
-};
-
-// src/factory.js
-var import_utils4 = __toESM(require_cjs4(), 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,
-  subSequence: true,
-  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)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-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_utils4.deepClone)(CONFIG);
-var FACTORY = {
-  active: "0",
-  0: CONFIG
-};
-var activateConfig = (def) => {
-  if ((0, import_utils4.isDefined)(def)) {
-    FACTORY.active = def;
-  }
-  return FACTORY[def || FACTORY.active];
-};
-var getActiveConfig = (def) => {
-  return FACTORY[def || FACTORY.active];
-};
-var setActiveConfig = (newConfig) => {
-  if (!(0, import_utils4.isObject)(newConfig))
-    return;
-  FACTORY.active = "1";
-  FACTORY["1"] = (0, import_utils4.deepMerge)(newConfig, (0, import_utils4.deepClone)(cachedConfig));
-  return newConfig;
-};
-
-// src/utils/sequence.js
-var numToLetterMap = {
-  "-6": "U",
-  "-5": "V",
-  "-4": "W",
-  "-3": "X",
-  "-2": "Y",
-  "-1": "Z",
-  0: "A",
-  1: "B",
-  2: "C",
-  3: "D",
-  4: "E",
-  5: "F",
-  6: "G",
-  7: "H",
-  8: "I",
-  9: "J",
-  10: "K",
-  11: "L",
-  12: "M",
-  13: "N",
-  14: "O",
-  15: "P",
-  16: "Q",
-  17: "R",
-  18: "S",
-  19: "T"
-};
-var setSequenceValue = (props, sequenceProps) => {
-  const { key, variable, value, scaling, index } = props;
-  sequenceProps.sequence[key] = {
-    key,
-    decimal: ~~(value * 100) / 100,
-    val: ~~value,
-    scaling,
-    index,
-    variable
-  };
-  sequenceProps.scales[key] = scaling;
-  sequenceProps.vars[variable] = scaling + sequenceProps.unit;
-};
-var generateSubSequence = (props, sequenceProps) => {
-  const { key, base, value, ratio, variable, index } = props;
-  const next = value * ratio;
-  const diff = next - value;
-  const smallscale = diff / 1.618;
-  const valueRounded = ~~value;
-  const nextRounded = ~~next;
-  const diffRounded = nextRounded - valueRounded;
-  let arr = [];
-  const first = next - smallscale;
-  const second = value + smallscale;
-  const middle = (first + second) / 2;
-  if (diffRounded > 16)
-    arr = [first, middle, second];
-  else
-    arr = [first, second];
-  arr.map((v, k) => {
-    const scaling = ~~(v / base * 1e3) / 1e3;
-    const newVar = variable + (k + 1);
-    const props2 = {
-      key: key + (k + 1),
-      variable: newVar,
-      value: v,
-      scaling,
-      index: index + (k + 1) / 10
-    };
-    return setSequenceValue(props2, sequenceProps);
-  });
-};
-var switchSequenceOnNegative = (key, base, ratio) => {
-  return base * Math.pow(ratio, key);
-};
-var generateSequence = (sequenceProps) => {
-  const { type, base, ratio, range, subSequence } = sequenceProps;
-  const n = Math.abs(range[0]) + Math.abs(range[1]);
-  const prefix = "--" + (type && type.replace(".", "-")) + "-";
-  for (let i = 0; i <= n; i++) {
-    const key = range[1] - i;
-    const letterKey = numToLetterMap[key];
-    const value = switchSequenceOnNegative(key, base, ratio);
-    const scaling = ~~(value / base * 100) / 100;
-    const variable = prefix + letterKey;
-    const props = {
-      key: letterKey,
-      variable,
-      value,
-      base,
-      scaling,
-      ratio,
-      index: key
-    };
-    setSequenceValue(props, sequenceProps);
-    if (subSequence)
-      generateSubSequence(props, sequenceProps);
-  }
-  return sequenceProps;
-};
-var getSequenceValue = (value = "A", sequenceProps) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2 } = CONFIG2;
-  const {
-    sequence,
-    unit = UNIT2.default,
-    useVariable
-  } = sequenceProps;
-  if ((0, import_utils5.isString)(value) && value.slice(0, 2) === "--")
-    return `var(${value})`;
-  const prefix = `--${toDashCase(sequenceProps.type.replace(".", "-"))}-`;
-  const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
-  const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
-  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || !startsWithDashOrLetter)
-    return value;
-  const letterVal = value.toUpperCase();
-  const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
-  let absValue = isNegative ? letterVal.slice(1) : letterVal;
-  let mediaName = "";
-  if (absValue.includes("-")) {
-    mediaName = "-" + absValue.split("-")[1].toLowerCase();
-    absValue = absValue.split("-")[0];
-  }
-  const varValue = (v) => `var(${prefix}${v}${mediaName})`;
-  if (absValue.includes("+")) {
-    const args = absValue.split("+");
-    const [first, second] = args;
-    const joint = `${varValue(first)} + ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  } else if (absValue.includes("-")) {
-    const args = absValue.split("-");
-    const [first, second] = args;
-    const joint = `${varValue(first)} - ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  }
-  if (!sequence[absValue] && absValue.length === 2) {
-    if (CONFIG2.verbose)
-      console.warn(absValue, "- value is not found because `subSequence` is set to false");
-    absValue = absValue.slice(0, 1);
-  }
-  if (useVariable || CONFIG2.useVariable) {
-    const varValue2 = `var(${prefix}${absValue}${mediaName})`;
-    return isNegative ? `calc(${varValue2} * -1)` : varValue2;
-  }
-  const sequenceItem = sequence ? sequence[absValue] : null;
-  if (!sequenceItem)
-    return console.warn("can't find", sequence, absValue);
-  if (unit === "ms" || unit === "s") {
-    return isNegative + sequenceItem.val + unit;
-  }
-  return isNegative + sequenceItem.scaling + unit;
-};
-var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
-  if (typeof value !== "string") {
-    console.warn(propertyName, value, "is not a string");
-    return {};
-  }
-  if (value === "-" || value === "")
-    return {};
-  return { [propertyName]: getSequenceValue(value, sequenceProps) };
-};
-var findHeadingLetter = (h1Matches, index) => numToLetterMap[h1Matches - index];
-var findHeadings = (propertyNames) => {
-  const { h1Matches, sequence } = propertyNames;
-  return new Array(6).fill(null).map((_, i) => {
-    const findLetter = findHeadingLetter(h1Matches, i);
-    return sequence[findLetter];
-  });
-};
-
-// src/utils/var.js
-var import_utils7 = __toESM(require_cjs4(), 1);
-var setVariables = (result, key) => {
-  const CONFIG2 = getActiveConfig();
-  const { CSS_VARS: CSS_VARS2 } = CONFIG2;
-  if ((0, import_utils7.isObjectLike)(result.value)) {
-  } else {
-    CSS_VARS2[result.var] = result.value;
-  }
-};
-var applySequenceVars = (props, mediaName, options = {}) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG2;
-  const unit = props.unit || UNIT2.default;
-  const { sequence, scales } = props;
-  for (const key in sequence) {
-    const item = sequence[key];
-    const value = (props.type === TIMING2.type ? sequence[key].val : scales[key]) + unit;
-    if (mediaName) {
-      const query = MEDIA2[mediaName];
-      if (!query) {
-        if (CONFIG2.verbose)
-          console.warn("Can't find query ", query);
-      }
-      let underMediaQuery = CSS_VARS2[`@media ${query}`];
-      if (!underMediaQuery)
-        underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-      underMediaQuery[item.variable] = `var(${item.variable + "-" + mediaName})`;
-      CSS_VARS2[item.variable + "-" + mediaName] = value;
-    } else {
-      if (options.useDefault === false) {
-        CSS_VARS2[item.variable] = value;
-      } else {
-        CSS_VARS2[item.variable + "-default"] = value;
-        CSS_VARS2[item.variable] = `var(${item.variable + "-default"})`;
-      }
-    }
-  }
-};
-
-// src/utils/sprite.js
-var import_utils8 = __toESM(require_cjs4(), 1);
-var generateSprite = (icons) => {
-  const CONFIG2 = getActiveConfig();
-  let sprite = "";
-  for (const key in icons) {
-    if (CONFIG2.__svg_cache[key])
-      continue;
-    else
-      CONFIG2.__svg_cache[key] = true;
-    sprite += icons[key];
-  }
-  return sprite;
-};
-var parseRootAttributes = (htmlString) => {
-  if (!(0, import_utils8.isString)(htmlString)) {
-    return console.warn(`parseRootAttributes: ${htmlString} is not a string`);
-  }
-  const match = htmlString.match(/<svg\s+(.*?)>/);
-  if (!match || !match[1]) {
-    return {};
-  }
-  const attrString = match[1];
-  const attrs = attrString.match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);
-  return attrs.reduce((acc, attr) => {
-    const [key, value] = attr.split("=");
-    acc[key] = value.replace(/['"]/g, "");
-    return acc;
-  }, {});
-};
-var replaceIdsAndUrls = (code, key) => {
-  const idRegex = /id="([^"]*)"/;
-  const urlRegex = /url\(#([^)]*)\)/g;
-  const matches = code.match(/id="([^"]*)"/g);
-  let replacedCode = code;
-  if ((0, import_utils8.isArray)(matches)) {
-    matches.forEach(() => {
-      const randomKey = Math.floor(Math.random() * 1e5);
-      replacedCode = code.replace(idRegex, `id="${key}-${randomKey}"`).replace(urlRegex, `url(#${key}-${randomKey})`);
-    });
-  }
-  return replacedCode;
-};
-var convertSvgToSymbol = (key, code) => {
-  const extractAttrs = parseRootAttributes(code);
-  const { width, height } = extractAttrs;
-  const viewBox = extractAttrs.viewBox || `0 0 ${width || 24} ${height || 24}`;
-  const xmlns = "http://www.w3.org/2000/svg";
-  const replacedCode = replaceIdsAndUrls(code, key);
-  let symbol = replacedCode.replace(
-    "<svg",
-    `<symbol id="${key}" xmlns="${xmlns}" viewBox="${viewBox}"`
-  );
-  symbol = symbol.replace(/width="[^"]*"/, "");
-  symbol = symbol.replace(/height="[^"]*"/, "");
-  symbol = symbol.replace("</svg", "</symbol");
-  return symbol;
-};
-
-// src/system/index.js
-var system_exports = {};
-__export(system_exports, {
-  appendIconsSprite: () => appendIconsSprite,
-  appendSVGSprite: () => appendSVGSprite,
-  applyDocument: () => applyDocument,
-  applyHeadings: () => applyHeadings,
-  applyReset: () => applyReset,
-  applySpacingSequence: () => applySpacingSequence,
-  applyTimingSequence: () => applyTimingSequence,
-  applyTypographySequence: () => applyTypographySequence,
-  getColor: () => getColor,
-  getFontFamily: () => getFontFamily,
-  getFontSizeByKey: () => getFontSizeByKey,
-  getMediaColor: () => getMediaColor,
-  getMediaTheme: () => getMediaTheme,
-  getSpacingBasedOnRatio: () => getSpacingBasedOnRatio,
-  getSpacingByKey: () => getSpacingByKey,
-  getTheme: () => getTheme,
-  getTimingByKey: () => getTimingByKey,
-  getTimingFunction: () => getTimingFunction,
-  runThroughMedia: () => runThroughMedia,
-  setColor: () => setColor,
-  setFont: () => setFont,
-  setFontFamily: () => setFontFamily,
-  setGradient: () => setGradient,
-  setIcon: () => setIcon,
-  setMediaTheme: () => setMediaTheme,
-  setSVG: () => setSVG,
-  setTheme: () => setTheme
-});
-
-// src/system/color.js
-var import_utils9 = __toESM(require_cjs4(), 1);
-var getColor = (value, key, config) => {
-  const CONFIG2 = config || getActiveConfig();
-  if (!(0, import_utils9.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_utils9.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) {
-    return CONFIG2.useVariable ? `var(${val.var})` : val.value;
-  }
-  if (tone && !val[tone]) {
-    rgb = getRgbTone(rgb, tone);
-    val[tone] = { rgb, var: `${val.var}-${tone}` };
-  }
-  if (val[tone])
-    rgb = val[tone].rgb;
-  if (alpha)
-    return `rgba(${rgb}, ${alpha})`;
-  return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
-};
-var getMediaColor = (value, globalTheme, config) => {
-  const CONFIG2 = config || getActiveConfig();
-  if (!globalTheme)
-    globalTheme = CONFIG2.globalTheme;
-  if (!(0, import_utils9.isString)(value)) {
-    if (CONFIG2.verbose)
-      console.warn(value, "- type for color is not valid");
-    return;
-  }
-  if (value.slice(0, 2) === "--")
-    return `var(${value})`;
-  const [name] = (0, import_utils9.isArray)(value) ? value : value.split(" ");
-  const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
-  const val = COLOR2[name] || GRADIENT2[name];
-  const isObj = (0, import_utils9.isObject)(val);
-  if (isObj && val.value)
-    return getColor(value, `@${globalTheme}`, config);
-  else if (isObj) {
-    if (globalTheme)
-      return getColor(value, `@${globalTheme}`, config);
-    else {
-      const obj = {};
-      for (const mediaName in val) {
-        const query = CONFIG2.MEDIA[mediaName.slice(1)];
-        const media = `@media screen and ${query}`;
-        obj[media] = getColor(value, mediaName, config);
-      }
-      return obj;
-    }
-  } else {
-    if (CONFIG2.verbose)
-      console.warn("Can't find color", value);
-    return value;
-  }
-};
-var setColor = (val, key, suffix) => {
-  const CONFIG2 = getActiveConfig();
-  if ((0, import_utils9.isString)(val) && val.slice(0, 2) === "--")
-    val = getColor(val.slice(2));
-  if ((0, import_utils9.isArray)(val)) {
-    return {
-      "@light": setColor(val[0], key, "light"),
-      "@dark": setColor(val[1], key, "dark")
-    };
-  }
-  if ((0, import_utils9.isObject)(val)) {
-    const obj = {};
-    for (const variant in val)
-      obj[variant] = setColor(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
-    return obj;
-  }
-  const CSSVar = `--color-${key}` + (suffix ? `-${suffix}` : "");
-  const [r, g, b, a = 1] = colorStringToRgbaArray(val.value || val);
-  const alpha = parseFloat(a.toFixed(2));
-  const rgb = `${r}, ${g}, ${b}`;
-  const value = `rgba(${rgb}, ${alpha})`;
-  if (CONFIG2.useVariable) {
-    CONFIG2.CSS_VARS[CSSVar] = value;
-  }
-  return {
-    var: CSSVar,
-    rgb,
-    alpha,
-    value
-  };
-};
-var setGradient = (val, key, suffix) => {
-  const CONFIG2 = getActiveConfig();
-  if ((0, import_utils9.isString)(val) && val.slice(0, 2) === "--")
-    val = getColor(val.slice(2));
-  if ((0, import_utils9.isArray)(val)) {
-    return {
-      "@light": setGradient(val[0], key, "light"),
-      "@dark": setGradient(val[0], key, "dark")
-    };
-  }
-  if ((0, import_utils9.isObject)(val)) {
-    const obj = {};
-    for (const variant in val)
-      obj[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
-    return obj;
-  }
-  const CSSVar = `--gradient-${key}` + (suffix ? `-${suffix}` : "");
-  if (CONFIG2.useVariable) {
-    CONFIG2.CSS_VARS[CSSVar] = val.value || val;
-  }
-  return {
-    var: CSSVar,
-    value: val.value || val
-  };
-};
-
-// src/system/theme.js
-var import_utils11 = __toESM(require_cjs4(), 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 ? getColor(theme[key]) : theme[key];
-  });
-  return value;
-};
-var getThemeValue = (theme) => {
-  if (theme.value)
-    return theme.value;
-  theme.value = setThemeValue(theme);
-  return theme.value;
-};
-var getTheme = (value, modifier) => {
-  const CONFIG2 = getActiveConfig();
-  if (CONFIG2.useVariable)
-    return getMediaTheme(value, modifier);
-  const { THEME: THEME2 } = CONFIG2;
-  if ((0, import_utils11.isString)(value)) {
-    const [theme, subtheme] = value.split(" ");
-    const isOurTheme = THEME2[theme];
-    if (isOurTheme) {
-      if (!subtheme && !modifier)
-        return getThemeValue(isOurTheme);
-      value = [theme, subtheme || modifier];
-    }
-  }
-  if ((0, import_utils11.isObjectLike)(value) && value[1]) {
-    const themeName = value[0];
-    const subThemeName = value[1];
-    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_utils11.isObject)(value))
-    return setThemeValue(value);
-};
-var setInverseTheme = (theme, variant, value) => {
-  if ((0, import_utils11.isObject)(variant)) {
-    theme.variants.inverse.value = setThemeValue(variant);
-  } else if (variant === true) {
-    const { color, background } = value;
-    theme.variants.inverse = {
-      value: {
-        color: background,
-        background: color
-      }
-    };
-  }
-};
-var setPseudo = (theme, key, variant, themeValue) => {
-  const result = getTheme(variant);
-  themeValue[`&:${key}`] = result;
-  if ((0, import_utils11.isObject)(variant) && !variant.value)
-    variant.value = result;
-};
-var setSelectors = (theme, value) => {
-  const { state } = theme;
-  if (!state)
-    return;
-  const keys = Object.keys(state);
-  keys.map((key) => {
-    const variant = state[key];
-    setPseudo(theme, key, variant, value);
-    return theme;
-  });
-  return theme;
-};
-var setPrefersScheme = (theme, key, variant, themeValue) => {
-  const result = getTheme(variant);
-  themeValue[`@media (prefers-color-scheme: ${key})`] = result;
-  if ((0, import_utils11.isObject)(variant) && !variant.value)
-    variant.value = result;
-};
-var setMedia = (theme, value) => {
-  const { media } = theme;
-  if (!media)
-    return;
-  const keys = Object.keys(media);
-  keys.map((key) => {
-    const variant = media[key];
-    if (key === "dark" || key === "light")
-      setPrefersScheme(theme, key, variant, value);
-    if (key === "inverse")
-      setInverseTheme(theme, variant, value);
-    return theme;
-  });
-  return theme;
-};
-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_utils11.isString)(helper))
-      helpers[key] = CONFIG2.THEME[helper];
-    else
-      getThemeValue(helpers[key]);
-    return theme;
-  });
-  return theme;
-};
-var setTheme = (val, key) => {
-  const CONFIG2 = getActiveConfig();
-  if (CONFIG2.useVariable)
-    return setMediaTheme(val, key);
-  const { state, media, helpers } = val;
-  const value = setThemeValue(val, key);
-  const CSSvar = `--theme-${key}`;
-  setSelectors(val, value);
-  setMedia(val, value);
-  setHelpers(val, value);
-  return { var: CSSvar, value, state, media, helpers };
-};
-var setMediaTheme = (val, key, suffix, prefers) => {
-  const CONFIG2 = getActiveConfig();
-  const { CSS_VARS: CSS_VARS2 } = CONFIG2;
-  const theme = { value: val };
-  if ((0, import_utils11.isObjectLike)(val)) {
-    for (const param in val) {
-      const symb = param.slice(0, 1);
-      const value = val[param];
-      if (symb === "@" || symb === ":" || symb === ".") {
-        const hasPrefers = symb === "@" && param;
-        theme[param] = setMediaTheme(value, key, param, prefers || hasPrefers);
-      } else {
-        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 (CONFIG2.useVariable) {
-          CSS_VARS2[CSSVar] = color;
-          theme[param] = `var(${CSSVar})`;
-        } else {
-          theme[param] = color;
-        }
-        theme[`.${param}`] = { [param]: theme[param] };
-      }
-    }
-    if (theme.background || theme.color || theme.backgroundColor) {
-      theme[".inversed"] = {
-        color: theme.background || theme.backgroundColor,
-        background: theme.color
-      };
-    }
-  }
-  if ((0, import_utils11.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;
-};
-var recursiveTheme = (val) => {
-  const CONFIG2 = getActiveConfig();
-  const obj = {};
-  for (const param in val) {
-    const symb = param.slice(0, 1);
-    if ((0, import_utils11.isObjectLike)(val[param])) {
-      if (symb === "@") {
-        const query = CONFIG2.MEDIA[param.slice(1)];
-        const media = `@media screen and ${query}`;
-        obj[media] = recursiveTheme(val[param]);
-      } else if (symb === ":") {
-        obj[`&${param}`] = recursiveTheme(val[param]);
-      }
-    } else
-      obj[param] = val[param];
-  }
-  return obj;
-};
-var findModifierFromArray = (val, modifierArray) => {
-  const currentMod = modifierArray.shift();
-  if (val[currentMod])
-    return findModifierFromArray(val[currentMod], modifierArray);
-  return val;
-};
-var findModifier = (val, modifier) => {
-  if ((0, import_utils11.isArray)(modifier))
-    return findModifierFromArray(val, modifier);
-  else if ((0, import_utils11.isString)(modifier) && val[modifier])
-    return val[modifier];
-  else
-    return val;
-};
-var getMediaTheme = (val, mod) => {
-  const CONFIG2 = getActiveConfig();
-  if ((0, import_utils11.isString)(val) && val.slice(0, 2) === "--")
-    val = getMediaTheme(val.slice(2));
-  if (!val || !(0, import_utils11.isString)(val)) {
-    if (CONFIG2.verbose)
-      console.warn(val, "- theme is not string");
-    return;
-  }
-  const [name, ...modifier] = (0, import_utils11.isArray)(val) ? val : val.split(" ");
-  let value = CONFIG2.THEME[name];
-  if (value && (modifier || mod)) {
-    value = findModifier(value, modifier.length ? modifier : mod);
-  }
-  const r = recursiveTheme(value);
-  return r;
-};
-
-// src/system/font.js
-var import_utils12 = __toESM(require_cjs4(), 1);
-var setFont = (val, key) => {
-  const CSSvar = `--font-${key}`;
-  const fontFace = val[0] ? getFontFaceEach(key, val) : setCustomFontMedia(key, val.url);
-  return { var: CSSvar, value: val, fontFace };
-};
-var getFontFamily = (key, factory) => {
-  const CONFIG2 = getActiveConfig();
-  const { FONT_FAMILY: FONT_FAMILY2 } = CONFIG2;
-  return getDefaultOrFirstKey(factory || FONT_FAMILY2, key);
-};
-var setFontFamily = (val, key) => {
-  const CONFIG2 = getActiveConfig();
-  const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG2;
-  let { value, type } = val;
-  if (val.isDefault)
-    FONT_FAMILY2.default = key;
-  if ((0, import_utils12.isObject)(value))
-    value = arrayzeValue(value);
-  const CSSvar = `--font-family-${key}`;
-  const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
-  return { var: CSSvar, value: str, arr: value, type };
-};
-
-// src/system/typography.js
-var import_utils15 = __toESM(require_cjs4(), 1);
-var runThroughMedia = (props) => {
-  const CONFIG2 = getActiveConfig();
-  const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG2;
-  for (const prop in props) {
-    const mediaProps = props[prop];
-    if (prop.slice(0, 1) === "@") {
-      const { type, base, ratio, range, subSequence, h1Matches, unit } = props;
-      (0, import_utils15.merge)(mediaProps, {
-        type,
-        base,
-        ratio,
-        range,
-        subSequence,
-        h1Matches,
-        unit,
-        sequence: {},
-        scales: {},
-        templates: {},
-        vars: {}
-      });
-      generateSequence(mediaProps);
-      const mediaName = prop.slice(1);
-      applySequenceVars(mediaProps, mediaName);
-      const query = MEDIA2[mediaName];
-      TYPOGRAPHY2.templates[`@media screen and ${query}`] = {
-        fontSize: mediaProps.base / TYPOGRAPHY2.browserDefault + unit
-      };
-    }
-  }
-};
-var applyHeadings = (props) => {
-  const CONFIG2 = getActiveConfig();
-  if (props.h1Matches) {
-    const unit = props.unit;
-    const HEADINGS = findHeadings(props);
-    const { templates } = props;
-    for (const k in HEADINGS) {
-      const headerName = `h${parseInt(k) + 1}`;
-      const headerStyle = templates[headerName];
-      templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
-        margin: headerStyle ? headerStyle.margin : 0,
-        lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
-        letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
-        fontWeight: headerStyle ? headerStyle.fontWeight : 900 - k * 100
-      };
-    }
-  }
-};
-var applyTypographySequence = () => {
-  const CONFIG2 = getActiveConfig();
-  const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
-  generateSequence(TYPOGRAPHY2);
-  applyHeadings(TYPOGRAPHY2);
-  applySequenceVars(TYPOGRAPHY2);
-  runThroughMedia(TYPOGRAPHY2);
-};
-var getFontSizeByKey = (value) => {
-  const CONFIG2 = getActiveConfig();
-  const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
-  return getSequenceValuePropertyPair(
-    value,
-    "fontSize",
-    TYPOGRAPHY2
-  );
-};
-
-// src/system/spacing.js
-var import_utils18 = __toESM(require_cjs4(), 1);
-var runThroughMedia2 = (sequenceProps) => {
-  for (const prop in sequenceProps) {
-    const mediaProps = sequenceProps[prop];
-    if (prop.slice(0, 1) === "@") {
-      const { type, base, ratio, range, subSequence, h1Matches, unit } = sequenceProps;
-      (0, import_utils18.merge)(mediaProps, {
-        type,
-        base,
-        ratio,
-        range,
-        subSequence,
-        h1Matches,
-        unit,
-        sequence: {},
-        scales: {},
-        templates: {},
-        vars: {}
-      });
-      generateSequence(mediaProps);
-      const mediaName = prop.slice(1);
-      applySequenceVars(mediaProps, mediaName);
-    }
-  }
-};
-var applySpacingSequence = () => {
-  const CONFIG2 = getActiveConfig();
-  const { SPACING: SPACING2 } = CONFIG2;
-  generateSequence(SPACING2);
-  applySequenceVars(SPACING2);
-  runThroughMedia2(SPACING2);
-};
-var getSequence = (sequenceProps) => {
-  const CONFIG2 = getActiveConfig();
-  const { SPACING: SPACING2 } = CONFIG2;
-  if (!sequenceProps)
-    return SPACING2;
-  const hasGenerated = Object.keys(sequenceProps.sequence).length > 0;
-  return hasGenerated ? sequenceProps : generateSequence(sequenceProps);
-};
-var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
-  const sequence = getSequence(sequenceProps);
-  const stack = arrayzeValue(value);
-  if (!stack)
-    return;
-  if ((0, import_utils18.isString)(value) && value.includes("calc")) {
-    return { [propertyName]: value };
-  }
-  if (stack.length > 1) {
-    let suffix = "";
-    if (propertyName === "borderWidth") {
-      propertyName = "border";
-      suffix = "Width";
-    }
-    const directions = {
-      2: ["Block", "Inline"],
-      3: ["BlockStart", "Inline", "BlockEnd"],
-      4: ["BlockStart", "InlineEnd", "BlockEnd", "InlineStart"]
-    };
-    const wrapSequenceValueByDirection = (direction, i) => getSequenceValuePropertyPair(
-      stack[i],
-      propertyName + direction + suffix,
-      sequence
-    );
-    return directions[stack.length].map((dir, key) => wrapSequenceValueByDirection(dir, key));
-  }
-  return getSequenceValuePropertyPair(
-    value,
-    propertyName,
-    sequence
-  );
-};
-var getSpacingBasedOnRatio = (props, propertyName, val) => {
-  const CONFIG2 = getActiveConfig();
-  const { SPACING: SPACING2 } = CONFIG2;
-  const { spacingRatio, unit } = props;
-  const value = val || props[propertyName];
-  if (spacingRatio) {
-    let sequenceProps = SPACING2[spacingRatio];
-    if (!sequenceProps) {
-      const { type, base, range, subSequence } = SPACING2;
-      sequenceProps = SPACING2[spacingRatio] = (0, import_utils18.merge)({
-        ratio: spacingRatio,
-        type: type + "-" + spacingRatio,
-        unit,
-        sequence: {},
-        scales: {},
-        templates: {},
-        vars: {}
-      }, {
-        base,
-        range,
-        subSequence,
-        ratio: SPACING2.ratio,
-        unit: SPACING2.unit
-      });
-    }
-    applySequenceVars(sequenceProps, null, { useDefault: false });
-    return getSpacingByKey(value, propertyName, sequenceProps);
-  }
-  return getSpacingByKey(value, propertyName);
-};
-
-// src/system/timing.js
-var applyTimingSequence = () => {
-  const CONFIG2 = getActiveConfig();
-  const { TIMING: TIMING2 } = CONFIG2;
-  generateSequence(TIMING2);
-  applySequenceVars(TIMING2);
-};
-var getTimingFunction = (value) => {
-  const CONFIG2 = getActiveConfig();
-  const { TIMING: TIMING2 } = CONFIG2;
-  return TIMING2[value] || TIMING2[toCamelCase(value)] || value;
-};
-var getTimingByKey = (value, property = "timing") => {
-  const CONFIG2 = getActiveConfig();
-  const { TIMING: TIMING2 } = CONFIG2;
-  return getSequenceValuePropertyPair(
-    value,
-    property,
-    TIMING2
-  );
-};
-
-// src/system/document.js
-var import_utils22 = __toESM(require_cjs4(), 1);
-var applyDocument = () => {
-  const CONFIG2 = getActiveConfig();
-  const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
-  return (0, import_utils22.merge)(DOCUMENT2, {
-    theme: THEME2.document,
-    fontFamily: getDefaultOrFirstKey(FONT_FAMILY2),
-    fontSize: TYPOGRAPHY2.base,
-    lineHeight: TYPOGRAPHY2.lineHeight
-  });
-};
-
-// src/system/svg.js
-var import_globals2 = __toESM(require_cjs(), 1);
-var DEF_OPTIONS = {
-  document: import_globals2.document
-};
-var setSVG = (val, key) => {
-  const CONFIG2 = getActiveConfig();
-  if (!val) {
-    if (CONFIG2.verbose)
-      console.warn("setSVG: val is not defined", key);
-    return;
-  }
-  if (CONFIG2.useSvgSprite) {
-    return convertSvgToSymbol(key, val);
-  }
-  return val;
-};
-var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
-  const CONFIG2 = getActiveConfig();
-  const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.SVG;
-  for (const key in LIBRARY)
-    lib[key] = CONFIG2.SVG[key];
-  appendSVG(lib, options);
-};
-var setIcon = (val, key) => {
-  const CONFIG2 = getActiveConfig();
-  if (CONFIG2.useIconSprite) {
-    return setSVG(val, key);
-  }
-  return val;
-};
-var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
-  const CONFIG2 = getActiveConfig();
-  const lib = Object.keys(LIBRARY).length ? {} : CONFIG2.ICONS;
-  for (const key in LIBRARY)
-    lib[key] = CONFIG2.ICONS[key];
-  appendSVG(lib, options);
-};
-var createSVGSpriteElement = (options = { isRoot: true }) => {
-  if (!import_globals2.document || !import_globals2.document.createElementNS)
-    return;
-  const svgElem = import_globals2.document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  if (options.isRoot) {
-    svgElem.setAttribute("aria-hidden", "true");
-    svgElem.setAttribute("width", "0");
-    svgElem.setAttribute("height", "0");
-    svgElem.setAttribute("style", "position:absolute");
-    svgElem.setAttribute("id", "svgSprite");
-  }
-  return svgElem;
-};
-var appendSVG = (lib, options = DEF_OPTIONS) => {
-  const CONFIG2 = getActiveConfig();
-  const doc = options.document || import_globals2.document;
-  if (!doc || !doc.documentElement) {
-    if (CONFIG2.verbose) {
-      console.warn("To append SVG sprites it should be run in browser environment");
-    }
-    return generateSprite(lib);
-  }
-  const exists = doc.querySelector("#svgSprite");
-  const SVGsprite = generateSprite(lib);
-  if (exists) {
-    const tempSVG = createSVGSpriteElement({ isRoot: false });
-    tempSVG.innerHTML = SVGsprite;
-    exists.append(...tempSVG.children);
-  } else {
-    const svgSpriteDOM = createSVGSpriteElement();
-    if (svgSpriteDOM && svgSpriteDOM.nodeType) {
-      svgSpriteDOM.innerHTML = SVGsprite;
-      doc.body.prepend(svgSpriteDOM);
-    }
-  }
-};
-
-// src/system/reset.js
-var import_utils25 = __toESM(require_cjs4(), 1);
-var applyReset = (reset = {}) => {
-  const CONFIG2 = getActiveConfig();
-  const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG2;
-  if (RESET2) {
-    if (RESET2[":root"]) {
-      const configReset = RESET2;
-      const configTemplates = TYPOGRAPHY2.templates;
-      configReset.body = {
-        ...CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {},
-        ...configTemplates.body
-      };
-      configReset.h1 = configTemplates.h1;
-      configReset.h2 = configTemplates.h2;
-      configReset.h3 = configTemplates.h3;
-      configReset.h4 = configTemplates.h4;
-      configReset.h5 = configTemplates.h5;
-      configReset.h6 = configTemplates.h6;
-    }
-    const { body, ...templates } = TYPOGRAPHY2.templates;
-    const globalTheme = CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {};
-    if (RESET2.html)
-      (0, import_utils25.overwriteDeep)(RESET2.html, globalTheme);
-    return (0, import_utils25.deepMerge)((0, import_utils25.merge)(RESET2, reset), {
-      html: {
-        position: "absolute",
-        // overflow: 'hidden',
-        width: "100%",
-        height: "100%",
-        top: "0",
-        left: "0",
-        margin: "0",
-        WebkitFontSmoothing: "subpixel-antialiased",
-        scrollBehavior: "smooth",
-        ...globalTheme,
-        fontSize: TYPOGRAPHY2.browserDefault + "px",
-        fontFamily: DOCUMENT2.fontFamily,
-        lineHeight: DOCUMENT2.lineHeight
-      },
-      body: {
-        boxSizing: "border-box",
-        height: "100%",
-        margin: 0,
-        fontFamily: DOCUMENT2.fontFamily,
-        fontSize: TYPOGRAPHY2.base / TYPOGRAPHY2.browserDefault + CONFIG2.UNIT.default,
-        ...templates,
-        ...body
-      },
-      // form elements
-      fieldset: {
-        border: 0,
-        padding: 0,
-        margin: 0
-      },
-      "select, input": {
-        fontFamily: DOCUMENT2.fontFamily
-      }
-    });
-  }
-};
-
-// src/transforms/index.js
-var import_utils26 = __toESM(require_cjs4(), 1);
-var isBorderStyle = (str) => [
-  "none",
-  "hidden",
-  "dotted",
-  "dashed",
-  "solid",
-  "double",
-  "groove",
-  "ridge",
-  "inset",
-  "outset",
-  "initial"
-].some((v) => str.includes(v));
-var transformBorder = (border) => {
-  const arr = border.split(", ");
-  return arr.map((v) => {
-    v = v.trim();
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    else if (isBorderStyle(v))
-      return v || "solid";
-    else if (v.slice(-2) === "px" || v.slice(-2) === "em")
-      return v;
-    else if (getColor(v).length > 2)
-      return getColor(v);
-    return getSpacingByKey(v, "border").border;
-  }).join(" ");
-};
-var transformTextStroke = (stroke) => {
-  return stroke.split(", ").map((v) => {
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    if (v.includes("px"))
-      return v;
-    else if (getColor(v))
-      return getColor(v);
-    return v;
-  }).join(" ");
-};
-var transformShadow = (shadows) => shadows.split("|").map((shadow) => {
-  return shadow.split(", ").map((v) => {
-    v = v.trim();
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    if (getColor(v).length > 2)
-      return getColor(v);
-    if (v.includes("px") || v.slice(-2) === "em")
-      return v;
-    const arr = v.split(" ");
-    if (!arr.length)
-      return v;
-    return arr.map((v2) => getSpacingByKey(v2, "shadow").shadow).join(" ");
-  }).join(" ");
-}).join(",");
-var transformBackgroundImage = (backgroundImage, globalTheme) => {
-  const CONFIG2 = getActiveConfig();
-  return backgroundImage.split(", ").map((v) => {
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    if (v.includes("url") || v.includes("gradient"))
-      return v;
-    else if (CONFIG2.GRADIENT[backgroundImage]) {
-      return {
-        backgroundImage: getMediaColor(backgroundImage, globalTheme || CONFIG2.globalTheme)
-      };
-    } else if (v.includes("/") || v.includes("http"))
-      return `url(${v})`;
-    return v;
-  }).join(" ");
-};
-var transfromGap = (gap) => (0, import_utils26.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey(v, "gap").gap).join(" ");
-var transformTransition = (transition) => {
-  const arr = transition.split(" ");
-  if (!arr.length)
-    return transition;
-  return arr.map((v) => {
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    if (v.length < 3 || v.includes("ms")) {
-      const mapWithSequence = getTimingByKey(v);
-      return mapWithSequence.timing || v;
-    }
-    if (getTimingFunction(v))
-      return getTimingFunction(v);
-    return v;
-  }).join(" ");
-};
-var transformDuration = (duration, props, propertyName) => {
-  if (!(0, import_utils26.isString)(duration))
-    return;
-  return duration.split(",").map((v) => getTimingByKey(v).timing || v).join(",");
-};
-var splitTransition = (transition) => {
-  const arr = transition.split(",");
-  if (!arr.length)
-    return;
-  return arr.map(transformTransition).join(",");
-};
-
-// src/set.js
-var import_utils27 = __toESM(require_cjs4(), 1);
-var setCases = (val, key) => {
-  if ((0, import_utils27.isFunction)(val))
-    return val();
-  return val;
-};
-var setSameValue = (val, key) => val;
-var VALUE_TRANSFORMERS = {
-  color: setColor,
-  gradient: setGradient,
-  font: setFont,
-  font_family: setFontFamily,
-  theme: setTheme,
-  icons: setIcon,
-  svg: setSVG,
-  svg_data: setSameValue,
-  typography: setSameValue,
-  cases: setCases,
-  spacing: setSameValue,
-  media: setSameValue,
-  timing: setSameValue,
-  reset: setSameValue,
-  unit: setSameValue,
-  animation: setSameValue
-};
-var setValue = (FACTORY_NAME, value, key) => {
-  const CONFIG2 = getActiveConfig();
-  const factoryName = FACTORY_NAME.toLowerCase();
-  const FACTORY2 = CONFIG2[FACTORY_NAME];
-  if (VALUE_TRANSFORMERS[factoryName]) {
-    const result = VALUE_TRANSFORMERS[factoryName](value, key);
-    FACTORY2[key] = result;
-    return FACTORY2;
-  }
-  if (CONFIG2.verbose)
-    console.warn("Can not find", factoryName, "method in scratch");
-};
-var setEach = (factoryName, props) => {
-  const CONFIG2 = getActiveConfig();
-  const FACTORY_NAME = factoryName.toUpperCase();
-  const keys = Object.keys(props);
-  keys.map((key) => setValue(FACTORY_NAME, props[key], key));
-  return CONFIG2[FACTORY_NAME];
-};
-var SET_OPTIONS = {};
-var set = (recivedConfig, options = SET_OPTIONS) => {
-  let CONFIG2 = getActiveConfig();
-  const {
-    version,
-    verbose,
-    useVariable,
-    useReset,
-    useSvgSprite,
-    useFontImport,
-    useIconSprite,
-    globalTheme,
-    useDocumentTheme,
-    ...config
-  } = recivedConfig;
-  if (options.newConfig) {
-    CONFIG2 = setActiveConfig(options.newConfig);
-  }
-  if (verbose !== void 0)
-    CONFIG2.verbose = verbose;
-  if (useVariable !== void 0)
-    CONFIG2.useVariable = useVariable;
-  if (useReset !== void 0)
-    CONFIG2.useReset = useReset;
-  if (useFontImport !== void 0)
-    CONFIG2.useFontImport = useFontImport;
-  if (useSvgSprite !== void 0)
-    CONFIG2.useSvgSprite = useSvgSprite;
-  if (useIconSprite !== void 0)
-    CONFIG2.useIconSprite = useIconSprite;
-  if (useDocumentTheme !== void 0)
-    CONFIG2.useDocumentTheme = useDocumentTheme;
-  if (globalTheme !== void 0)
-    CONFIG2.globalTheme = globalTheme;
-  if (CONFIG2.verbose)
-    console.log(CONFIG2);
-  if (!CONFIG2.__svg_cache)
-    CONFIG2.__svg_cache = {};
-  const keys = Object.keys(config);
-  keys.map((key) => setEach(key, config[key]));
-  applyTypographySequence();
-  applySpacingSequence();
-  applyTimingSequence();
-  applyDocument();
-  applyReset();
-  return CONFIG2;
-};