@symbo.ls/scratch 2.11.131 → 2.11.133

package/dist/cjs/system/typography.js

@@ -0,0 +1,1754 @@
+"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/utils/dist/cjs/key.js
+var require_key = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/key.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/utils/dist/cjs/env.js
+var require_env = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/env.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 env_exports = {};
+    __export2(env_exports, {
+      NODE_ENV: () => NODE_ENV,
+      getNev: () => getNev,
+      isDevelopment: () => isDevelopment,
+      isProduction: () => isProduction,
+      isTest: () => isTest
+    });
+    module2.exports = __toCommonJS2(env_exports);
+    var NODE_ENV = "development";
+    var isProduction = (env = NODE_ENV) => env === "production" || env === "prod" || env !== "development" && env !== "dev" && env !== "test";
+    var isTest = (env = NODE_ENV) => env === "test";
+    var isDevelopment = (env = NODE_ENV) => env === "development" || env === "dev";
+    var getNev = (key, env = NODE_ENV) => env[key];
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/globals.js
+var require_globals = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window2
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window2 = globalThis;
+    var document3 = window2.document;
+  }
+});
+
+// ../../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_globals2 = require_globals();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.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_globals2.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: () => isArray4,
+      isBoolean: () => isBoolean,
+      isDefined: () => isDefined2,
+      isFunction: () => isFunction,
+      isNot: () => isNot,
+      isNull: () => isNull,
+      isNumber: () => isNumber2,
+      isObject: () => isObject4,
+      isObjectLike: () => isObjectLike2,
+      isString: () => isString5,
+      isUndefined: () => isUndefined
+    });
+    module2.exports = __toCommonJS2(types_exports);
+    var import_node = require_node();
+    var isObject4 = (arg) => {
+      if (arg === null)
+        return false;
+      return typeof arg === "object" && arg.constructor === Object;
+    };
+    var isString5 = (arg) => typeof arg === "string";
+    var isNumber2 = (arg) => typeof arg === "number";
+    var isFunction = (arg) => typeof arg === "function";
+    var isBoolean = (arg) => arg === true || arg === false;
+    var isNull = (arg) => arg === null;
+    var isArray4 = (arg) => Array.isArray(arg);
+    var isObjectLike2 = (arg) => {
+      if (arg === null)
+        return false;
+      return typeof arg === "object";
+    };
+    var isDefined2 = (arg) => {
+      return isObject4(arg) || isObjectLike2(arg) || isString5(arg) || isNumber2(arg) || isFunction(arg) || isArray4(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
+    };
+    var isUndefined = (arg) => {
+      return arg === void 0;
+    };
+    var TYPES = {
+      boolean: isBoolean,
+      array: isArray4,
+      object: isObject4,
+      string: isString5,
+      number: isNumber2,
+      null: isNull,
+      function: isFunction,
+      objectLike: isObjectLike2,
+      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) => {
+      const 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, {
+      replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
+      stringIncludesAny: () => stringIncludesAny
+    });
+    module2.exports = __toCommonJS2(string_exports);
+    var stringIncludesAny = (str, characters) => {
+      for (const char of characters) {
+        if (str.includes(char)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
+    var replaceLiteralsWithObjectFields = (str, state) => {
+      if (!str.includes("{{"))
+        return str;
+      return str.replace(brackRegex, (_, parentPath, variable) => {
+        if (parentPath) {
+          const parentLevels = parentPath.match(/\.\.\//g).length;
+          let parentState = state;
+          for (let i = 0; i < parentLevels; i++) {
+            parentState = parentState.parent;
+            if (!parentState) {
+              return "";
+            }
+          }
+          const value = parentState[variable.trim()];
+          return value !== void 0 ? `${value}` : "";
+        } else {
+          const value = state[variable.trim()];
+          return value !== void 0 ? `${value}` : "";
+        }
+      });
+    };
+  }
+});
+
+// ../../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: () => deepMerge2,
+      deepStringify: () => deepStringify,
+      detachFunctionsFromObject: () => detachFunctionsFromObject,
+      diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
+      exec: () => exec,
+      flattenRecursive: () => flattenRecursive,
+      isEqualDeep: () => isEqualDeep,
+      map: () => map,
+      merge: () => merge2,
+      mergeArrayExclude: () => mergeArrayExclude,
+      mergeIfExisted: () => mergeIfExisted,
+      objectToString: () => objectToString,
+      overwrite: () => overwrite,
+      overwriteDeep: () => overwriteDeep,
+      overwriteShallow: () => overwriteShallow,
+      removeFromObject: () => removeFromObject,
+      stringToObject: () => stringToObject
+    });
+    module2.exports = __toCommonJS2(object_exports);
+    var import_globals2 = require_globals();
+    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 merge2 = (element, obj, excludeFrom = []) => {
+      for (const e in obj) {
+        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, e);
+        if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
+          continue;
+        const elementProp = element[e];
+        const objProp = obj[e];
+        if (elementProp === void 0) {
+          element[e] = objProp;
+        }
+      }
+      return element;
+    };
+    var deepMerge2 = (element, extend, excludeFrom = []) => {
+      for (const e in extend) {
+        const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
+        if (!hasOwnProperty || 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)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
+          element[e] = extendProp;
+        }
+      }
+      return element;
+    };
+    var clone = (obj, excludeFrom = []) => {
+      const o = {};
+      for (const prop in obj) {
+        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
+        if (!hasOwnProperty || 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) {
+        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, k);
+        if (!hasOwnProperty || 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) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
+    };
+    var deepClone2 = (obj, excludeFrom = []) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
+      for (const prop in obj) {
+        if (prop === "__proto__")
+          continue;
+        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 hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
+        if (!hasOwnProperty)
+          continue;
+        const objProp = obj[prop];
+        if ((0, import_types.isString)(objProp)) {
+          if (objProp.includes("=>") || objProp.includes("function") || objProp.startsWith("(")) {
+            try {
+              const evalProp = import_globals2.window.eval(`(${objProp})`);
+              stringified[prop] = evalProp;
+            } catch (e) {
+              if (e)
+                stringified[prop] = objProp;
+            }
+          } else {
+            stringified[prop] = objProp;
+          }
+        } else if ((0, import_types.isArray)(objProp)) {
+          stringified[prop] = [];
+          objProp.forEach((arrProp) => {
+            if ((0, import_types.isString)(arrProp)) {
+              if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
+                try {
+                  const evalProp = import_globals2.window.eval(`(${arrProp})`);
+                  stringified[prop].push(evalProp);
+                } catch (e) {
+                  if (e)
+                    stringified[prop].push(arrProp);
+                }
+              } else {
+                stringified[prop].push(arrProp);
+              }
+            } else if ((0, import_types.isObject)(arrProp)) {
+              stringified[prop].push(deepDestringify(arrProp));
+            } else {
+              stringified[prop].push(arrProp);
+            }
+          });
+        } else if ((0, import_types.isObject)(objProp)) {
+          stringified[prop] = deepDestringify(objProp, stringified[prop]);
+        } else {
+          stringified[prop] = objProp;
+        }
+      }
+      return stringified;
+    };
+    var stringToObject = (str) => {
+      let obj;
+      try {
+        obj = import_globals2.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 overwriteDeep = (obj, params, excludeFrom = []) => {
+      for (const e in params) {
+        if (e === "__proto__")
+          continue;
+        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)) {
+          overwriteDeep(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 deepMerge2(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/cookie.js
+var require_cookie = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/cookie.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 cookie_exports = {};
+    __export2(cookie_exports, {
+      getCookie: () => getCookie,
+      isMobile: () => isMobile,
+      setCookie: () => setCookie
+    });
+    module2.exports = __toCommonJS2(cookie_exports);
+    var import_types = require_types();
+    var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
+    var setCookie = (cname, cvalue, exdays = 365) => {
+      if ((0, import_types.isUndefined)(document) || (0, import_types.isUndefined)(document.cookie))
+        return;
+      const d = /* @__PURE__ */ new Date();
+      d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
+      const expires = `expires=${d.toUTCString()}`;
+      document.cookie = `${cname}=${cvalue};${expires};path=/`;
+    };
+    var getCookie = (cname) => {
+      if ((0, import_types.isUndefined)(document) || (0, import_types.isUndefined)(document.cookie))
+        return;
+      const name = `${cname}=`;
+      const decodedCookie = decodeURIComponent(document.cookie);
+      const ca = decodedCookie.split(";");
+      for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) === " ")
+          c = c.substring(1);
+        if (c.indexOf(name) === 0)
+          return c.substring(name.length, c.length);
+      }
+      return "";
+    };
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/tags.js
+var require_tags = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/tags.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 tags_exports = {};
+    __export2(tags_exports, {
+      HTML_TAGS: () => HTML_TAGS,
+      isValidHtmlTag: () => isValidHtmlTag
+    });
+    module2.exports = __toCommonJS2(tags_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"
+      ]
+    };
+    var isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/index.js
+var require_cjs = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var utils_exports = {};
+    module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_key(), module2.exports);
+    __reExport(utils_exports, require_env(), module2.exports);
+    __reExport(utils_exports, require_types(), module2.exports);
+    __reExport(utils_exports, require_object(), module2.exports);
+    __reExport(utils_exports, require_function(), module2.exports);
+    __reExport(utils_exports, require_array(), module2.exports);
+    __reExport(utils_exports, require_node(), module2.exports);
+    __reExport(utils_exports, require_log(), module2.exports);
+    __reExport(utils_exports, require_string(), module2.exports);
+    __reExport(utils_exports, require_globals(), module2.exports);
+    __reExport(utils_exports, require_cookie(), module2.exports);
+    __reExport(utils_exports, require_tags(), module2.exports);
+  }
+});
+
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs2 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window2
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window2 = globalThis;
+    var document3 = window2.document;
+  }
+});
+
+// src/system/typography.js
+var typography_exports = {};
+__export(typography_exports, {
+  applyHeadings: () => applyHeadings,
+  applyTypographySequence: () => applyTypographySequence,
+  getFontSizeByKey: () => getFontSizeByKey,
+  runThroughMedia: () => runThroughMedia
+});
+module.exports = __toCommonJS(typography_exports);
+var import_utils9 = __toESM(require_cjs(), 1);
+
+// src/factory.js
+var import_utils = __toESM(require_cjs(), 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,
+  TEMPLATES: () => TEMPLATES,
+  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/templates.js
+var TEMPLATES = {};
+
+// src/defaultConfig/index.js
+var RESET = {};
+
+// src/factory.js
+var CSS_VARS = {};
+var CONFIG = {
+  verbose: false,
+  useVariable: true,
+  useReset: true,
+  CSS_VARS,
+  ...defaultConfig_exports
+};
+var cachedConfig = (0, import_utils.deepClone)(CONFIG);
+var FACTORY = {
+  active: "0",
+  0: CONFIG
+};
+var getActiveConfig = (def) => {
+  return FACTORY[def || FACTORY.active];
+};
+
+// src/utils/color.js
+var import_globals = __toESM(require_cjs2(), 1);
+var import_utils2 = __toESM(require_cjs(), 1);
+
+// src/utils/sequence.js
+var import_utils5 = __toESM(require_cjs(), 1);
+
+// ../utils/src/index.js
+var import_utils4 = __toESM(require_cjs());
+
+// ../utils/src/scaling.js
+var import_utils3 = __toESM(require_cjs());
+
+// ../utils/src/index.js
+var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+
+// 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_cjs(), 1);
+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_cjs(), 1);
+
+// src/system/typography.js
+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_utils9.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
+  );
+};