@symbo.ls/scratch 3.2.3 → 3.2.7

package/dist/cjs/transforms/index.js

@@ -1,1613 +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/transforms/index.js
-var transforms_exports = {};
-__export(transforms_exports, {
-  checkIfBoxSize: () => checkIfBoxSize,
-  splitTransition: () => splitTransition,
-  transformBackgroundImage: () => transformBackgroundImage,
-  transformBorder: () => transformBorder,
-  transformBorderRadius: () => transformBorderRadius,
-  transformBoxShadow: () => transformBoxShadow,
-  transformDuration: () => transformDuration,
-  transformShadow: () => transformShadow,
-  transformSize: () => transformSize,
-  transformSizeRatio: () => transformSizeRatio,
-  transformTextStroke: () => transformTextStroke,
-  transformTransition: () => transformTransition,
-  transfromGap: () => transfromGap
-});
-module.exports = __toCommonJS(transforms_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;
-};
-
-// ../../../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/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) };
-};
-
-// 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"})`;
-    }
-  }
-};
-
-// src/utils/sprite.js
-var isDev = isNotProduction();
-
-// 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;
-  }
-};
-
-// src/system/font.js
-var import_utils12 = __toESM(require_cjs(), 1);
-
-// src/system/spacing.js
-var import_utils16 = __toESM(require_cjs(), 1);
-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 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 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/transforms/index.js
-var isBorderStyle = (str) => [
-  "none",
-  "hidden",
-  "dotted",
-  "dashed",
-  "solid",
-  "double",
-  "groove",
-  "ridge",
-  "inset",
-  "outset",
-  "initial"
-].some((v) => str.includes(v));
-var transformBorder = (border) => {
-  const arr = border.split(", ");
-  return arr.map((v) => {
-    v = v.trim();
-    if (v.slice(0, 2) === "--") return `var(${v})`;
-    else if (isBorderStyle(v)) return v || "solid";
-    else if (v.slice(-2) === "px" || v.slice(-2) === "em") return v;
-    else if (getColor(v).length > 2) return getColor(v);
-    return getSpacingByKey(v, "border").border;
-  }).join(" ");
-};
-var transformTextStroke = (stroke) => {
-  return stroke.split(", ").map((v) => {
-    if (v.slice(0, 2) === "--") return `var(${v})`;
-    if (v.includes("px")) return v;
-    else if (getColor(v)) return getColor(v);
-    return v;
-  }).join(" ");
-};
-var transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
-var transformBoxShadow = (shadows, globalTheme) => shadows.split("|").map((shadow) => {
-  return shadow.split(",").map((v) => {
-    v = v.trim();
-    if (v.slice(0, 2) === "--") return `var(${v})`;
-    if (getColor(v).length > 2) {
-      const color = getMediaColor(v, globalTheme);
-      if (isObject(color)) return Object.values(color).filter((v2) => v2.includes(": " + globalTheme))[0];
-      return color;
-    }
-    if (v.includes("px") || v.slice(-2) === "em") return v;
-    const arr = v.split(" ");
-    if (!arr.length) return v;
-    return arr.map((v2) => getSpacingByKey(v2, "shadow").shadow).join(" ");
-  }).join(" ");
-}).join(",");
-var transformBackgroundImage = (backgroundImage, globalTheme) => {
-  const CONFIG2 = getActiveConfig();
-  return backgroundImage.split(", ").map((v) => {
-    if (v.slice(0, 2) === "--") return `var(${v})`;
-    if (v.includes("url") || v.includes("gradient")) return v;
-    else if (CONFIG2.GRADIENT[backgroundImage]) {
-      return {
-        backgroundImage: getMediaColor(backgroundImage, globalTheme || CONFIG2.globalTheme)
-      };
-    } else if (v.includes("/") || v.startsWith("http") || v.includes(".")) return `url(${v})`;
-    return v;
-  }).join(" ");
-};
-var transfromGap = (gap) => isString(gap) && gap.split(" ").map((v) => getSpacingByKey(v, "gap").gap).join(" ");
-var transformTransition = (transition) => {
-  const arr = transition.split(" ");
-  if (!arr.length) return transition;
-  return arr.map((v) => {
-    if (v.slice(0, 2) === "--") return `var(${v})`;
-    if (v.length < 3 || v.includes("ms")) {
-      const mapWithSequence = getTimingByKey(v);
-      return mapWithSequence.timing || v;
-    }
-    if (getTimingFunction(v)) return getTimingFunction(v);
-    return v;
-  }).join(" ");
-};
-var transformDuration = (duration, props, propertyName) => {
-  if (!isString(duration)) return;
-  return duration.split(",").map((v) => getTimingByKey(v).timing || v).join(",");
-};
-var splitTransition = (transition) => {
-  const arr = transition.split(",");
-  if (!arr.length) return;
-  return arr.map(transformTransition).join(",");
-};
-var checkIfBoxSize = (propertyName) => {
-  const prop = propertyName.toLowerCase();
-  return (prop.includes("width") || prop.includes("height")) && !prop.includes("border");
-};
-var transformSize = (propertyName, val, props = {}, opts = {}) => {
-  let value = val || props[propertyName];
-  if (isUndefined(value) && isNull(value)) return;
-  const shouldScaleBoxSize = props.scaleBoxSize;
-  const isBoxSize = checkIfBoxSize(propertyName);
-  if (!shouldScaleBoxSize && isBoxSize && isString(value)) {
-    value = value.split(" ").map((v) => {
-      const isSingleLetter = v.length < 3 && /[A-Z]/.test(v);
-      const hasUnits = ["%", "vw", "vh", "ch"].some((unit) => value.includes(unit));
-      if (isSingleLetter && !hasUnits) return v + "_default";
-      return v;
-    }).join(" ");
-  }
-  if (opts.ratio) {
-    return getSpacingBasedOnRatio(props, propertyName, value);
-  } else {
-    return getSpacingByKey(value, propertyName);
-  }
-};
-var transformSizeRatio = (propertyName, val = null, props) => {
-  return transformSize(propertyName, val, props, {
-    ratio: true
-  });
-};
-var transformBorderRadius = (radius, props, propertyName) => {
-  if (!isString(radius)) return;
-  return {
-    borderRadius: radius.split(" ").map((v, k) => getSpacingBasedOnRatio(props, propertyName, v)[propertyName]).join(" ")
-  };
-};
-// @preserve-env