@symbo.ls/scratch 3.2.3 → 3.2.7

package/dist/cjs/system/index.js

@@ -1,2227 +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);
-
-// ../utils/dist/cjs/index.js
-var require_cjs = __commonJS({
-  "../utils/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp3(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 (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
-    var index_exports = {};
-    __export2(index_exports, {
-      arrayzeValue: () => arrayzeValue3,
-      copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
-      copyStringToClipboard: () => copyStringToClipboard,
-      fibonacciNumberByIndex: () => fibonacciNumberByIndex,
-      findClosestNumber: () => findClosestNumber,
-      findClosestNumberInFactory: () => findClosestNumberInFactory,
-      formatDate: () => formatDate,
-      isPhoto: () => isPhoto,
-      loadCssFile: () => loadCssFile,
-      loadJavascript: () => loadJavascript,
-      loadJavascriptFile: () => loadJavascriptFile,
-      loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
-      loadJavascriptFileSync: () => loadJavascriptFileSync,
-      loadRemoteCSS: () => loadRemoteCSS,
-      loadRemoteScript: () => loadRemoteScript,
-      removeChars: () => removeChars,
-      toCamelCase: () => toCamelCase2,
-      toDashCase: () => toDashCase2,
-      toDescriptionCase: () => toDescriptionCase,
-      toTitleCase: () => toTitleCase,
-      toggleFullscreen: () => toggleFullscreen
-    });
-    module2.exports = __toCommonJS2(index_exports);
-    var window22 = globalThis;
-    var document22 = window22.document;
-    var isObject2 = (arg) => {
-      if (arg === null) return false;
-      return typeof arg === "object" && arg.constructor === Object;
-    };
-    var isString2 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
-    var isArray2 = (arg) => Array.isArray(arg);
-    var STATE_METHODS3 = [
-      "update",
-      "parse",
-      "clean",
-      "create",
-      "destroy",
-      "add",
-      "toggle",
-      "remove",
-      "apply",
-      "set",
-      "reset",
-      "replace",
-      "quietReplace",
-      "quietUpdate",
-      "applyReplace",
-      "applyFunction",
-      "keys",
-      "values",
-      "ref",
-      "rootUpdate",
-      "parentUpdate",
-      "parent",
-      "__element",
-      "__depends",
-      "__ref",
-      "__children",
-      "root",
-      "setByPath",
-      "setPathCollection",
-      "removeByPath",
-      "removePathCollection",
-      "getByPath"
-    ];
-    var PROPS_METHODS3 = ["update", "__element"];
-    var METHODS3 = [
-      "set",
-      "reset",
-      "update",
-      "remove",
-      "updateContent",
-      "removeContent",
-      "lookup",
-      "lookdown",
-      "lookdownAll",
-      "getRef",
-      "getPath",
-      "setNodeStyles",
-      "spotByPath",
-      "keys",
-      "parse",
-      "setProps",
-      "parseDeep",
-      "variables",
-      "if",
-      "log",
-      "verbose",
-      "warn",
-      "error",
-      "call",
-      "nextElement",
-      "previousElement"
-    ];
-    var METHODS_EXL3 = [
-      ...["node", "context", "extends", "__element", "__ref"],
-      ...METHODS3,
-      ...STATE_METHODS3,
-      ...PROPS_METHODS3
-    ];
-    var isMobile2 = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
-    var STATE_METHODS22 = [
-      "update",
-      "parse",
-      "clean",
-      "create",
-      "destroy",
-      "add",
-      "toggle",
-      "remove",
-      "apply",
-      "set",
-      "reset",
-      "replace",
-      "quietReplace",
-      "quietUpdate",
-      "applyReplace",
-      "applyFunction",
-      "keys",
-      "values",
-      "ref",
-      "rootUpdate",
-      "parentUpdate",
-      "parent",
-      "__element",
-      "__depends",
-      "__ref",
-      "__children",
-      "root",
-      "setByPath",
-      "setPathCollection",
-      "removeByPath",
-      "removePathCollection",
-      "getByPath"
-    ];
-    var PROPS_METHODS22 = ["update", "__element"];
-    var METHODS22 = [
-      "set",
-      "reset",
-      "update",
-      "remove",
-      "updateContent",
-      "removeContent",
-      "lookup",
-      "lookdown",
-      "lookdownAll",
-      "getRef",
-      "getPath",
-      "setNodeStyles",
-      "spotByPath",
-      "keys",
-      "parse",
-      "setProps",
-      "parseDeep",
-      "variables",
-      "if",
-      "log",
-      "verbose",
-      "warn",
-      "error",
-      "call",
-      "nextElement",
-      "previousElement"
-    ];
-    var METHODS_EXL22 = [
-      ...["node", "context", "extends", "__element", "__ref"],
-      ...METHODS22,
-      ...STATE_METHODS22,
-      ...PROPS_METHODS22
-    ];
-    var window32 = globalThis;
-    var document32 = window32.document;
-    async function toggleFullscreen(opts) {
-      if (!document.fullscreenElement) {
-        try {
-          await (this.node || document).requestFullscreen();
-        } catch (err) {
-          console.warn(`Error attempting to enable fullscreen mode: ${err.message} (${err.name})`);
-        }
-      } else {
-        await document.exitFullscreen();
-      }
-    }
-    var findClosestNumber = (number, arr) => {
-      return (isArray2(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
-        return Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev;
-      });
-    };
-    var findClosestNumberInFactory = (val, factory) => {
-      val = parseFloat(val);
-      if (isObject2(factory)) factory = Object.values(factory);
-      return findClosestNumber(val, factory);
-    };
-    var formatDate = (timestamp) => {
-      if (!timestamp) return "";
-      const d = new Date(timestamp);
-      const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
-      const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
-      const da = new Intl.DateTimeFormat("en", { day: "2-digit" }).format(d);
-      return `${da} ${mo}, ${ye}`;
-    };
-    var fibonacciNumberByIndex = function fibonacciNumberByIndex2(n) {
-      const fib = [0, 1];
-      for (let i = 2; i <= n; i++) {
-        fib[i] = fib[i - 1] + fib[i - 2];
-      }
-      return fib[n];
-    };
-    var loadJavascriptFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
-      return new Promise((resolve, reject) => {
-        try {
-          const scriptEle = doc.createElement("script");
-          scriptEle.type = type;
-          scriptEle.async = async;
-          scriptEle.src = FILE_URL;
-          scriptEle.addEventListener("load", (ev) => {
-            resolve({
-              status: true
-            });
-          });
-          scriptEle.addEventListener("error", (ev) => {
-            reject(
-              new Error({
-                status: false,
-                message: `Failed to load the script ${FILE_URL}`
-              })
-            );
-          });
-          doc.body.appendChild(scriptEle);
-        } catch (error) {
-          reject(error);
-        }
-      });
-    };
-    var loadJavascriptFileSync = (fileUrl, doc = document, type = "text/javascript") => {
-      return new Promise((resolve, reject) => {
-        const scriptEle = doc.createElement("script");
-        scriptEle.type = type;
-        scriptEle.src = fileUrl;
-        const blocker = doc.createElement("div");
-        blocker.style.cssText = "position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.8);z-index:9999;";
-        doc.body.appendChild(blocker);
-        scriptEle.onload = () => {
-          console.log(`Successfully loaded: ${fileUrl}`);
-          doc.body.removeChild(blocker);
-          resolve();
-        };
-        scriptEle.onerror = () => {
-          doc.body.removeChild(blocker);
-          reject(new Error(`Failed to load: ${fileUrl}`));
-        };
-        doc.body.appendChild(scriptEle);
-      });
-    };
-    var loadJavascriptFileEmbedSync = (FILE_URL, doc = document, fallback, type = "text/javascript") => {
-      const xhr = new window.XMLHttpRequest();
-      xhr.open("GET", FILE_URL, false);
-      xhr.send();
-      if (xhr.status === 200) {
-        const scriptEle = doc.createElement("script");
-        scriptEle.type = type;
-        scriptEle.text = xhr.responseText;
-        doc.body.appendChild(scriptEle);
-        if (typeof fallback === "function") fallback();
-      } else {
-        throw new Error(`Failed to load the script ${FILE_URL}`);
-      }
-    };
-    var loadCssFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
-      return new Promise((resolve, reject) => {
-        try {
-          const linkElem = doc.createElement("link");
-          linkElem.rel = "stylesheet";
-          linkElem.href = FILE_URL;
-          linkElem.addEventListener("load", (ev) => {
-            resolve({
-              status: true
-            });
-          });
-          doc.head.appendChild(linkElem);
-        } catch (error) {
-          reject(error);
-        }
-      });
-    };
-    var loadJavascript = (body, async = false, doc = document, type = "text/javascript", id = "smbls-script") => {
-      try {
-        const scriptEle = doc.createElement("script");
-        scriptEle.type = type;
-        scriptEle.async = async;
-        scriptEle.id = id;
-        scriptEle.innerHTML = body;
-        doc.body.appendChild(scriptEle);
-      } catch (error) {
-        console.warn(error);
-      }
-    };
-    function loadRemoteScript(url, options = {}) {
-      const { window: window4 = globalThis } = options;
-      const { document: document4 = window4.document } = options;
-      return new Promise((resolve, reject) => {
-        const existingScript = document4.querySelector(`script[src="${url}"]`);
-        if (existingScript) {
-          return resolve(existingScript);
-        }
-        const script = document4.createElement("script");
-        script.src = url;
-        script.async = options.async === true;
-        script.type = options.type || "text/javascript";
-        if (options.id) script.id = options.id;
-        if (options.integrity) script.integrity = options.integrity;
-        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
-        script.onload = () => {
-          script.onerror = script.onload = null;
-          resolve(script);
-        };
-        script.onerror = () => {
-          script.onerror = script.onload = null;
-          reject(new Error(`Failed to load script: ${url}`));
-        };
-        document4.head.appendChild(script);
-      });
-    }
-    async function loadRemoteCSS(url, options = {}) {
-      const { window: window4 = globalThis } = options;
-      const { document: document4 = window4.document } = options;
-      return new Promise((resolve, reject) => {
-        const existingLink = document4.querySelector(`link[href="${url}"]`);
-        if (existingLink) {
-          return resolve(existingLink);
-        }
-        const link = document4.createElement("link");
-        link.href = url;
-        link.rel = options.rel || "stylesheet";
-        link.type = "text/css";
-        link.media = options.media || "all";
-        if (options.id) link.id = options.id;
-        if (options.integrity) link.integrity = options.integrity;
-        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
-        link.onload = () => {
-          link.onerror = link.onload = null;
-          resolve(link);
-        };
-        link.onerror = () => {
-          link.onerror = link.onload = null;
-          reject(new Error(`Failed to load stylesheet: ${url}`));
-        };
-        document4.head.appendChild(link);
-      });
-    }
-    var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
-    var copyStringToClipboard = async (str) => {
-      try {
-        await navigator.clipboard.writeText(str);
-      } catch (err) {
-        console.warn("Failed to copy text: ", err);
-      }
-    };
-    var copyJavaScriptToClipboard = async (jsCode) => {
-      try {
-        const blob = new Blob([jsCode], { type: "text/javascript" });
-        const clipboardItem = new window.ClipboardItem({ "text/plain": blob });
-        await navigator.clipboard.write([clipboardItem]);
-        console.log("JavaScript code copied to clipboard as text/javascript");
-      } catch (err) {
-        console.error("Failed to copy JavaScript code: ", err);
-      }
-    };
-    var removeChars = (str) => {
-      return str.replace(/[^a-zA-Z0-9_]/g, "");
-    };
-    var toCamelCase2 = (str) => {
-      return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
-        return index === 0 ? word.toLowerCase() : word.toUpperCase();
-      }).replaceAll(/\s+/g, "");
-    };
-    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
-      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-    });
-    var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-    var toDescriptionCase = (str = "") => {
-      if (typeof str !== "string") return;
-      const result = str.replace(/([A-Z])/g, " $1");
-      return result.charAt(0).toUpperCase() + result.slice(1);
-    };
-    var arrayzeValue3 = (val) => {
-      if (isArray2(val)) return val;
-      if (isString2(val)) return val.split(" ");
-      if (isObject2(val)) return Object.values(val);
-      if (isNumber2(val)) return [val];
-    };
-  }
-});
-
-// src/system/index.js
-var system_exports = {};
-__export(system_exports, {
-  appendSVGSprite: () => appendSVGSprite,
-  appendSvgIconsSprite: () => appendSvgIconsSprite,
-  applyDocument: () => applyDocument,
-  applyHeadings: () => applyHeadings,
-  applyReset: () => applyReset,
-  applySpacingSequence: () => applySpacingSequence,
-  applyTimingSequence: () => applyTimingSequence,
-  applyTypographySequence: () => applyTypographySequence,
-  getColor: () => getColor,
-  getFontFamily: () => getFontFamily,
-  getFontSizeByKey: () => getFontSizeByKey,
-  getMediaColor: () => getMediaColor,
-  getMediaTheme: () => getMediaTheme,
-  getShadow: () => getShadow,
-  getSpacingBasedOnRatio: () => getSpacingBasedOnRatio,
-  getSpacingByKey: () => getSpacingByKey,
-  getTheme: () => getTheme,
-  getTimingByKey: () => getTimingByKey,
-  getTimingFunction: () => getTimingFunction,
-  runThroughMedia: () => runThroughMedia,
-  setColor: () => setColor,
-  setFont: () => setFont,
-  setFontFamily: () => setFontFamily,
-  setGradient: () => setGradient,
-  setMediaTheme: () => setMediaTheme,
-  setSVG: () => setSVG,
-  setShadow: () => setShadow,
-  setSvgIcon: () => setSvgIcon,
-  setTheme: () => setTheme
-});
-module.exports = __toCommonJS(system_exports);
-
-// ../../../domql/packages/utils/dist/esm/globals.js
-var window2 = globalThis;
-var document2 = window2.document;
-
-// ../../../domql/packages/utils/dist/esm/node.js
-var isDOMNode = (obj) => {
-  return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
-};
-
-// ../../../domql/packages/utils/dist/esm/types.js
-var isObject = (arg) => {
-  if (arg === null) return false;
-  return typeof arg === "object" && arg.constructor === Object;
-};
-var isString = (arg) => typeof arg === "string";
-var isNumber = (arg) => typeof arg === "number";
-var isFunction = (arg) => typeof arg === "function";
-var isNull = (arg) => arg === null;
-var isArray = (arg) => Array.isArray(arg);
-var isObjectLike = (arg) => {
-  if (arg === null) return false;
-  return typeof arg === "object";
-};
-var isUndefined = (arg) => {
-  return arg === void 0;
-};
-
-// ../../../domql/packages/utils/dist/esm/array.js
-var unstackArrayOfObjects = (arr, exclude = []) => {
-  return arr.reduce(
-    (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
-    {}
-  );
-};
-
-// ../../../domql/packages/utils/dist/esm/keys.js
-var STATE_METHODS = [
-  "update",
-  "parse",
-  "clean",
-  "create",
-  "destroy",
-  "add",
-  "toggle",
-  "remove",
-  "apply",
-  "set",
-  "reset",
-  "replace",
-  "quietReplace",
-  "quietUpdate",
-  "applyReplace",
-  "applyFunction",
-  "keys",
-  "values",
-  "ref",
-  "rootUpdate",
-  "parentUpdate",
-  "parent",
-  "__element",
-  "__depends",
-  "__ref",
-  "__children",
-  "root",
-  "setByPath",
-  "setPathCollection",
-  "removeByPath",
-  "removePathCollection",
-  "getByPath"
-];
-var PROPS_METHODS = ["update", "__element"];
-var METHODS = [
-  "set",
-  "reset",
-  "update",
-  "remove",
-  "updateContent",
-  "removeContent",
-  "lookup",
-  "lookdown",
-  "lookdownAll",
-  "getRef",
-  "getPath",
-  "setNodeStyles",
-  "spotByPath",
-  "keys",
-  "parse",
-  "setProps",
-  "parseDeep",
-  "variables",
-  "if",
-  "log",
-  "verbose",
-  "warn",
-  "error",
-  "call",
-  "nextElement",
-  "previousElement"
-];
-var METHODS_EXL = [
-  ...["node", "context", "extends", "__element", "__ref"],
-  ...METHODS,
-  ...STATE_METHODS,
-  ...PROPS_METHODS
-];
-
-// ../../../domql/packages/utils/dist/esm/object.js
-var __defProp2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var merge = (element, obj, excludeFrom = []) => {
-  for (const e in obj) {
-    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
-      continue;
-    }
-    const elementProp = element[e];
-    const objProp = obj[e];
-    if (elementProp === void 0) {
-      element[e] = objProp;
-    }
-  }
-  return element;
-};
-var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
-  for (const e in extend) {
-    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
-      continue;
-    }
-    const elementProp = element[e];
-    const extendProp = extend[e];
-    if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
-      deepMerge(elementProp, extendProp, excludeFrom);
-    } else if (elementProp === void 0) {
-      element[e] = extendProp;
-    }
-  }
-  return element;
-};
-var deepClone = (obj, options = {}) => {
-  const {
-    exclude = [],
-    cleanUndefined = false,
-    cleanNull = false,
-    window: targetWindow,
-    visited = /* @__PURE__ */ new WeakMap(),
-    handleExtends = false
-  } = options;
-  const contentWindow = targetWindow || window2 || globalThis;
-  if (!isObjectLike(obj) || isDOMNode(obj)) {
-    return obj;
-  }
-  if (visited.has(obj)) {
-    return visited.get(obj);
-  }
-  const clone2 = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
-  visited.set(obj, clone2);
-  for (const key in obj) {
-    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
-    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
-      continue;
-    }
-    const value = obj[key];
-    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) {
-      continue;
-    }
-    if (isDOMNode(value)) {
-      clone2[key] = value;
-      continue;
-    }
-    if (handleExtends && key === "extends" && isArray(value)) {
-      clone2[key] = unstackArrayOfObjects(value, exclude);
-      continue;
-    }
-    if (isFunction(value) && options.window) {
-      clone2[key] = contentWindow.eval("(" + value.toString() + ")");
-      continue;
-    }
-    if (isObjectLike(value)) {
-      clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
-        visited
-      }));
-    } else {
-      clone2[key] = value;
-    }
-  }
-  return clone2;
-};
-var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakMap()) => {
-  const excl = opts.exclude || [];
-  const forcedExclude = opts.preventForce ? [] : ["node", "window"];
-  if (!isObjectLike(obj) || !isObjectLike(params) || isDOMNode(obj) || isDOMNode(params)) {
-    return params;
-  }
-  if (visited.has(obj)) return visited.get(obj);
-  visited.set(obj, obj);
-  for (const e in params) {
-    if (!Object.hasOwnProperty.call(params, e)) continue;
-    if (excl.includes(e) || forcedExclude && e.startsWith("__")) continue;
-    const objProp = obj[e];
-    const paramsProp = params[e];
-    if (isDOMNode(paramsProp)) {
-      obj[e] = paramsProp;
-    } else if (isObjectLike(objProp) && isObjectLike(paramsProp)) {
-      obj[e] = overwriteDeep(objProp, paramsProp, opts, visited);
-    } else if (paramsProp !== void 0) {
-      obj[e] = paramsProp;
-    }
-  }
-  return obj;
-};
-
-// ../../../domql/packages/utils/dist/esm/env.js
-var NODE_ENV = "development";
-var isProduction = (env = NODE_ENV) => env === "production";
-var isNotProduction = (env = NODE_ENV) => !isProduction(env);
-
-// ../../../domql/packages/utils/dist/esm/cookie.js
-var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
-
-// ../../../domql/packages/event/dist/esm/keys.js
-var STATE_METHODS2 = [
-  "update",
-  "parse",
-  "clean",
-  "create",
-  "destroy",
-  "add",
-  "toggle",
-  "remove",
-  "apply",
-  "set",
-  "reset",
-  "replace",
-  "quietReplace",
-  "quietUpdate",
-  "applyReplace",
-  "applyFunction",
-  "keys",
-  "values",
-  "ref",
-  "rootUpdate",
-  "parentUpdate",
-  "parent",
-  "__element",
-  "__depends",
-  "__ref",
-  "__children",
-  "root",
-  "setByPath",
-  "setPathCollection",
-  "removeByPath",
-  "removePathCollection",
-  "getByPath"
-];
-var PROPS_METHODS2 = ["update", "__element"];
-var METHODS2 = [
-  "set",
-  "reset",
-  "update",
-  "remove",
-  "updateContent",
-  "removeContent",
-  "lookup",
-  "lookdown",
-  "lookdownAll",
-  "getRef",
-  "getPath",
-  "setNodeStyles",
-  "spotByPath",
-  "keys",
-  "parse",
-  "setProps",
-  "parseDeep",
-  "variables",
-  "if",
-  "log",
-  "verbose",
-  "warn",
-  "error",
-  "call",
-  "nextElement",
-  "previousElement"
-];
-var METHODS_EXL2 = [
-  ...["node", "context", "extends", "__element", "__ref"],
-  ...METHODS2,
-  ...STATE_METHODS2,
-  ...PROPS_METHODS2
-];
-
-// ../../../domql/packages/event/dist/esm/globals.js
-var window3 = globalThis;
-var document3 = window3.document;
-
-// src/defaultConfig/index.js
-var defaultConfig_exports = {};
-__export(defaultConfig_exports, {
-  ANIMATION: () => ANIMATION,
-  BREAKPOINTS: () => BREAKPOINTS,
-  CASES: () => CASES,
-  CLASS: () => CLASS,
-  COLOR: () => COLOR,
-  DEVICES: () => DEVICES,
-  DOCUMENT: () => DOCUMENT,
-  FONT: () => FONT,
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
-  GRADIENT: () => GRADIENT,
-  GRID: () => GRID,
-  ICONS: () => ICONS,
-  MEDIA: () => MEDIA,
-  RESET: () => RESET,
-  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
-  SEQUENCE: () => SEQUENCE,
-  SHADOW: () => SHADOW,
-  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,
-  mediaRegenerate: false,
-  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)",
-  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,
-  mediaRegenerate: false,
-  unit: "em",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var SPACING = defaultProps2;
-
-// src/defaultConfig/color.js
-var COLOR = {};
-var GRADIENT = {};
-
-// src/defaultConfig/theme.js
-var THEME = {};
-
-// src/defaultConfig/shadow.js
-var SHADOW = {};
-
-// src/defaultConfig/icons.js
-var ICONS = {};
-var SEMANTIC_ICONS = {};
-
-// src/defaultConfig/timing.js
-var defaultProps3 = {
-  default: 150,
-  base: 150,
-  type: "timing",
-  ratio: SEQUENCE["perfect-fourth"],
-  range: [-3, 12],
-  mediaRegenerate: false,
-  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 = {
-  screenXXL: [2560, 1440],
-  screenXL: [2240, 1260],
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 720],
-  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/grid.js
-var defaultProps4 = {};
-var GRID = defaultProps4;
-
-// src/defaultConfig/class.js
-var defaultProps5 = {};
-var CLASS = defaultProps5;
-
-// src/defaultConfig/index.js
-var RESET = {};
-
-// src/factory.js
-var CSS_VARS = {};
-var CONFIG = {
-  verbose: false,
-  useVariable: true,
-  useReset: true,
-  CSS_VARS,
-  ...void 0 || defaultConfig_exports
-};
-var cachedConfig = deepClone(CONFIG);
-var FACTORY = {
-  active: "0",
-  0: CONFIG
-};
-var getActiveConfig = (def) => {
-  return FACTORY[def || FACTORY.active] || CONFIG;
-};
-
-// src/utils/unit.js
-var isScalingUnit = (unit) => {
-  return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
-};
-
-// src/utils/color.js
-var colorStringToRgbaArray = (color) => {
-  if (color === "") return [0, 0, 0, 0];
-  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 (document2 && window2) {
-      const elem = document2.body.appendChild(document2.createElement("fictum"));
-      const flag = "rgb(1, 2, 3)";
-      elem.style.color = flag;
-      if (elem.style.color !== flag) {
-        document2.body.removeChild(elem);
-        return;
-      }
-      elem.style.color = color;
-      if (elem.style.color === flag || elem.style.color === "") {
-        document2.body.removeChild(elem);
-        return [0, 0, 0, 0];
-      }
-      color = window2.getComputedStyle(elem).color;
-      document2.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 [0, 0, 0, 0];
-};
-var hexToRgbArray = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return [r, g, b];
-};
-var rgbArrayToHex = ([r, g, b]) => {
-  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-};
-var rgbToHSL = (r, g, b) => {
-  const a = Math.max(r, g, b);
-  const n = a - Math.min(r, g, b);
-  const f = 1 - Math.abs(a + a - n - 1);
-  const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
-  return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
-};
-var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)) => [f(0), f(8), f(4)];
-var getColorShade = (col, amt) => {
-  const num = parseInt(col, 16);
-  let r = (num >> 16) + amt;
-  if (r > 255) r = 255;
-  else if (r < 0) r = 0;
-  let b = (num >> 8 & 255) + amt;
-  if (b > 255) b = 255;
-  else if (b < 0) b = 0;
-  let g = (num & 255) + amt;
-  if (g > 255) g = 255;
-  else if (g < 0) g = 0;
-  return ((g | b << 8 | r << 16) + 16777216).toString(16).slice(1);
-};
-var getRgbTone = (rgb, tone) => {
-  if (isString(rgb) && rgb.includes("rgb"))
-    rgb = colorStringToRgbaArray(rgb).join(", ");
-  if (isString(rgb)) rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-  if (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/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 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);
-  });
-};
-
-// src/utils/sequence.js
-var import_utils5 = __toESM(require_cjs(), 1);
-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, scalingVariable } = props;
-  sequenceProps.sequence[key] = {
-    key,
-    decimal: ~~(value * 100) / 100,
-    val: ~~value,
-    scaling,
-    index,
-    scalingVariable,
-    variable
-  };
-  sequenceProps.scales[key] = scaling;
-  sequenceProps.vars[variable] = scaling + sequenceProps.unit;
-};
-var setScalingVar = (key, sequenceProps) => {
-  const { base, type, unit } = sequenceProps;
-  const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
-  if (key === 0) return defaultVal;
-  const prefix = "--" + (type && type.replace(".", "-"));
-  const ratioVar = `${prefix}-ratio`;
-  if (key > 0) {
-    const prevLetterKey = numToLetterMap[key - 1];
-    return `calc(var(${prefix}-${prevLetterKey}) * var(${ratioVar}))`;
-  }
-  if (key < 0) {
-    const nextLetterKey = numToLetterMap[key + 1];
-    return `calc(var(${prefix}-${nextLetterKey}) / var(${ratioVar}))`;
-  }
-};
-var setSubScalingVar = (index, arr, variable, sequenceProps) => {
-  const { type } = sequenceProps;
-  const skipMiddle = index === 2 && arr.length === 2;
-  const indexMapWithLength = skipMiddle ? index + 1 : index;
-  const prefix = "--" + (type && type.replace(".", "-"));
-  const subRatioVarPrefix = `${prefix}-sub-ratio-`;
-  return `calc(var(${variable}) * var(${subRatioVarPrefix + indexMapWithLength}))`;
-};
-var getSubratioDifference = (base, ratio) => {
-  const diff = base * ratio - base;
-  const subRatio = diff / 1.618;
-  const first = base * ratio - subRatio;
-  const second = base + subRatio;
-  const middle = (first + second) / 2;
-  return [first, middle, second];
-};
-var getSubratio = (base, ratio) => {
-  return getSubratioDifference(base, ratio).map((v) => v / base);
-};
-var generateSubSequence = (props, sequenceProps) => {
-  const { key, base, value, ratio, variable, index } = props;
-  const next = value * ratio;
-  const diffRounded = ~~next - ~~value;
-  let arr;
-  const [first, middle, second] = getSubratioDifference(value, ratio);
-  if (diffRounded > 16) arr = [first, middle, second];
-  else arr = [first, second];
-  arr.forEach((v, k) => {
-    const scaling = ~~(v / base * 1e3) / 1e3;
-    const newVar = variable + (k + 1);
-    const newIndex = index + (k + 1) / 10;
-    const scalingVariable = setSubScalingVar(k + 1, arr, variable, sequenceProps);
-    const props2 = {
-      key: key + (k + 1),
-      variable: newVar,
-      value: v,
-      scaling,
-      scalingVariable,
-      index: newIndex
-    };
-    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 scalingVariable = setScalingVar(key, sequenceProps);
-    const props = {
-      key: letterKey,
-      variable,
-      value,
-      base,
-      scaling,
-      scalingVariable,
-      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 (isString(value) && value.slice(0, 2) === "--") return `var(${value})`;
-  const prefix = `--${(0, import_utils5.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") || value.includes("var") || !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) => startsWithDashOrLetterRegex.test(v) ? `var(${prefix}${v}${mediaName})` : v;
-  if (absValue.includes("+")) {
-    const [first, second] = absValue.split("+");
-    const joint = `${varValue(first)} + ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  } else if (absValue.includes("*")) {
-    const [first, second] = absValue.split("*");
-    const joint = `${varValue(first)} * ${varValue(second)}`;
-    return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
-  } else if (absValue.includes("-")) {
-    const [first, second] = absValue.split("-");
-    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") {
-    const CONFIG2 = getActiveConfig();
-    if (CONFIG2.verbose) console.warn(propertyName, value, "is not a string");
-    return { [propertyName]: value };
-  }
-  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 applySequenceGlobalVars = (vars, obj, options) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2 } = CONFIG2;
-  const unit = obj.unit || UNIT2.default;
-  const { base, ratio, type } = obj;
-  const prefix = "--" + (type && type.replace(".", "-"));
-  vars[`${prefix}-base`] = base;
-  vars[`${prefix}-unit`] = unit;
-  const ratioVar = `${prefix}-ratio`;
-  vars[ratioVar] = ratio;
-  const [first, middle, second] = getSubratio(base, ratio);
-  vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
-  vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
-  vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
-};
-var applySequenceVars = (FACTORY2, options = {}) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG2;
-  const unit = FACTORY2.unit || UNIT2.default;
-  const { mediaRegenerate, sequence, scales } = FACTORY2;
-  if (!mediaRegenerate) {
-    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
-  }
-  for (const key in sequence) {
-    const item = sequence[key];
-    const value = (FACTORY2.type === TIMING2.type ? sequence[key].val : scales[key]) + unit;
-    if (!mediaRegenerate) {
-      CSS_VARS2[item.variable + "_default"] = value;
-      CSS_VARS2[item.variable] = item.scalingVariable;
-      continue;
-    }
-    if (options.useDefault === false) {
-      CSS_VARS2[item.variable] = value;
-    } else {
-      CSS_VARS2[item.variable + "_default"] = value;
-      CSS_VARS2[item.variable] = `var(${item.variable + "_default"})`;
-    }
-  }
-};
-var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
-  const CONFIG2 = getActiveConfig();
-  const { UNIT: UNIT2, MEDIA: MEDIA2, CSS_VARS: CSS_VARS2 } = CONFIG2;
-  const mediaName = media.slice(1);
-  const unit = FACTORY2.unit || UNIT2.default;
-  const { mediaRegenerate } = FACTORY2;
-  const { sequence, scales } = FACTORY2[media];
-  const query = MEDIA2[mediaName];
-  if (!query && CONFIG2.verbose) console.warn("Can't find media query ", query);
-  if (!mediaRegenerate) {
-    let underMediaQuery = CSS_VARS2[`@media ${query}`];
-    if (!underMediaQuery) underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
-    return;
-  }
-  for (const key in sequence) {
-    const item = sequence[key];
-    const value = (isScalingUnit(unit) ? scales[key] : sequence[key].val) + unit;
-    if (!query && 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;
-  }
-};
-
-// src/utils/sprite.js
-var isDev = isNotProduction();
-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) => {
-  const val = htmlString.default || htmlString;
-  if (!isString(val)) {
-    if (isDev) console.warn("parseRootAttributes:", val, "is not a string");
-    return;
-  }
-  const match = val.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 (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/color.js
-var getColor = (value, key, config) => {
-  const CONFIG2 = config || getActiveConfig();
-  if (!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] = 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 (!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] = isArray(value) ? value : value.split(" ");
-  const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
-  const val = COLOR2[name] || GRADIENT2[name];
-  const isObj = 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 " + (query === "print" ? `${query}` : `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 (isString(val) && val.slice(0, 2) === "--") {
-    val = getColor(val.slice(2));
-    if (!(val.includes("rgb") || val.includes("var") || val.includes("#"))) {
-      if (CONFIG2.verbose) console.warn(val, "- referred but does not exist");
-      val = val.split(" ")[0];
-    }
-  }
-  if (isArray(val)) {
-    return {
-      "@light": setColor(val[0], key, "light"),
-      "@dark": setColor(val[1], key, "dark")
-    };
-  }
-  if (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 colorArr = colorStringToRgbaArray(val.value || val);
-  const [r, g, b, a = 1] = colorArr;
-  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 (isString(val) && val.slice(0, 2) === "--") val = getColor(val.slice(2));
-  if (isArray(val)) {
-    return {
-      "@light": setGradient(val[0], key, "light"),
-      "@dark": setGradient(val[0], key, "dark")
-    };
-  }
-  if (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 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 (isString(value)) {
-    const [theme, subtheme] = value.split(" ");
-    const isOurTheme = THEME2[theme];
-    if (isOurTheme) {
-      if (!subtheme && !modifier) return getThemeValue(isOurTheme);
-      value = [theme, subtheme || modifier];
-    }
-  }
-  if (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 (isObject(value)) return setThemeValue(value);
-};
-var setInverseTheme = (theme, variant, value) => {
-  if (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 (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 (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 (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 (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 (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 (isObjectLike(val[param])) {
-      if (symb === "@") {
-        const query = CONFIG2.MEDIA[param.slice(1)];
-        const media = "@media " + (query === "print" ? `${query}` : `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 (isArray(modifier)) return findModifierFromArray(val, modifier);
-  else if (isString(modifier) && val[modifier]) return val[modifier];
-  else return val;
-};
-var getMediaTheme = (value, modifier) => {
-  const activeConfig = getActiveConfig();
-  if (isString(value) && value.slice(0, 2) === "--") {
-    value = getMediaTheme(value.slice(2));
-  }
-  if (!value || !isString(value)) {
-    if (activeConfig.verbose) {
-      console.warn(`${value} - Theme is not a string`);
-    }
-    return;
-  }
-  const [themeName, ...themeModifiers] = isArray(value) ? value : value.split(" ");
-  let themeValue = activeConfig.THEME[themeName];
-  if (themeValue && (themeModifiers || modifier)) {
-    themeValue = findModifier(themeValue, themeModifiers.length ? themeModifiers : modifier);
-  }
-  const resolvedTheme = recursiveTheme(themeValue);
-  return resolvedTheme;
-};
-
-// src/system/font.js
-var import_utils12 = __toESM(require_cjs(), 1);
-var setFont = (val, key) => {
-  const CSSvar = `--font-${key}`;
-  if (!val || isArray(val) && !val[0]) return;
-  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 (isObject(value)) value = (0, import_utils12.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 runThroughMedia = (FACTORY2) => {
-  const CONFIG2 = getActiveConfig();
-  const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG2;
-  for (const prop in FACTORY2) {
-    const isPropMedia = prop.slice(0, 1) === "@";
-    const mediaValue = FACTORY2[prop];
-    if (!isPropMedia) continue;
-    const { mediaRegenerate } = FACTORY2;
-    const mediaName = prop.slice(1);
-    const { type, base, ratio, range, subSequence, h1Matches, unit } = FACTORY2;
-    merge(mediaValue, {
-      type,
-      base,
-      ratio,
-      range,
-      subSequence,
-      h1Matches,
-      unit
-    });
-    const query = MEDIA2[mediaName];
-    const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
-    TYPOGRAPHY2.templates[media] = {
-      fontSize: mediaValue.base / TYPOGRAPHY2.browserDefault + unit
-    };
-    if (!mediaRegenerate) {
-      applyMediaSequenceVars(FACTORY2, prop);
-      continue;
-    }
-    merge(mediaValue, {
-      sequence: {},
-      scales: {},
-      templates: {},
-      vars: {}
-    });
-    generateSequence(mediaValue);
-    applyMediaSequenceVars(FACTORY2, prop);
-  }
-};
-var applyHeadings = (props) => {
-  var _a, _b;
-  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(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${(_b = HEADINGS[k]) == null ? void 0 : _b.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_utils16 = __toESM(require_cjs(), 1);
-var runThroughMedia2 = (FACTORY2) => {
-  for (const prop in FACTORY2) {
-    const mediaProps = FACTORY2[prop];
-    const isMediaName = prop.slice(0, 1) === "@";
-    if (!isMediaName) continue;
-    const {
-      type,
-      base,
-      ratio,
-      range,
-      subSequence,
-      h1Matches,
-      unit
-    } = FACTORY2;
-    merge(mediaProps, {
-      type,
-      base,
-      ratio,
-      range,
-      subSequence,
-      h1Matches,
-      unit,
-      sequence: {},
-      scales: {},
-      templates: {},
-      vars: {}
-    });
-    generateSequence(mediaProps);
-    applyMediaSequenceVars(FACTORY2, prop);
-  }
-};
-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);
-  if (isString(value) && (value.includes("calc") || value.includes("var"))) {
-    return { [propertyName]: value };
-  }
-  const stack = (0, import_utils16.arrayzeValue)(value);
-  if (!isArray(stack)) return;
-  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] = merge({
-        ratio: spacingRatio,
-        type: type + "-" + spacingRatio,
-        unit,
-        sequence: {},
-        scales: {},
-        templates: {},
-        vars: {}
-      }, {
-        base,
-        range,
-        subSequence,
-        ratio: SPACING2.ratio,
-        unit: SPACING2.unit
-      });
-    }
-    applySequenceVars(sequenceProps, { useDefault: false });
-    return getSpacingByKey(value, propertyName, sequenceProps);
-  }
-  return getSpacingByKey(value, propertyName);
-};
-
-// src/system/shadow.js
-var setShadow = (value, key, suffix, prefers) => {
-  const CONFIG2 = getActiveConfig();
-  if (isArray(value)) {
-    return {
-      "@light": setShadow(value[0], key, "light"),
-      "@dark": setShadow(value[1], key, "dark")
-    };
-  }
-  if (isObject(value)) {
-    const obj = {};
-    for (const variant in value) {
-      obj[variant] = setShadow(
-        value[variant],
-        key,
-        variant.startsWith("@") ? variant.slice(1) : variant
-      );
-    }
-    return obj;
-  }
-  if (isString(value) && value.includes(",")) {
-    value = value.split(",").map((v) => {
-      v = v.trim();
-      if (v.startsWith("--")) 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(" ");
-  }
-  const CSSVar = `--shadow-${key}` + (suffix ? `-${suffix}` : "");
-  if (CONFIG2.useVariable) {
-    CONFIG2.CSS_VARS[CSSVar] = value;
-  }
-  return {
-    var: CSSVar,
-    value
-  };
-};
-var getShadow = (value, globalTheme) => {
-  const CONFIG2 = getActiveConfig();
-  if (!globalTheme) globalTheme = CONFIG2.globalTheme;
-  if (!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] = isArray(value) ? value : value.split(" ");
-  const { SHADOW: SHADOW2 } = CONFIG2;
-  const val = SHADOW2[name];
-  const isObj = isObject(val);
-  if (!val) {
-    if (CONFIG2.verbose) console.warn("Can't find color ", name);
-    return value;
-  }
-  if (globalTheme) {
-    if (val[globalTheme]) return val[globalTheme].value;
-    else if (CONFIG2.verbose) console.warn(value, " - does not have ", globalTheme);
-  }
-  if (isObj && val.value) return val.value;
-  if (isObj) {
-    const obj = {};
-    for (const mediaName in val) {
-      const query = CONFIG2.MEDIA[mediaName.slice(1)];
-      const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
-      obj[media] = val.value;
-    }
-    return obj;
-  }
-  if (CONFIG2.verbose) console.warn("Can't find color", value);
-  return value;
-};
-
-// src/system/timing.js
-var import_utils20 = __toESM(require_cjs(), 1);
-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[(0, import_utils20.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 applyDocument = () => {
-  const CONFIG2 = getActiveConfig();
-  const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
-  return merge(DOCUMENT2, {
-    theme: THEME2.document,
-    fontFamily: getDefaultOrFirstKey(FONT_FAMILY2),
-    fontSize: TYPOGRAPHY2.base,
-    lineHeight: TYPOGRAPHY2.lineHeight
-  });
-};
-
-// src/system/svg.js
-var DEF_OPTIONS = {
-  document: document2
-};
-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 setSvgIcon = (val, key) => {
-  var _a;
-  const CONFIG2 = getActiveConfig();
-  if (CONFIG2.useIconSprite && !((_a = CONFIG2.SEMANTIC_ICONS) == null ? void 0 : _a[key])) {
-    return setSVG(val, key);
-  }
-  return val;
-};
-var appendSvgIconsSprite = (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 (!document2 || !document2.createElementNS) return;
-  const svgElem = document2.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 || document2;
-  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 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) overwriteDeep(RESET2.html, globalTheme);
-    return deepMerge(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
-      }
-    });
-  }
-};
-// @preserve-env