@symbo.ls/scratch 2.10.291 → 2.11.16

package/dist/cjs/index.js

@@ -66,6 +66,45 @@ var require_cjs = __commonJS({
   }
 });
 
+// ../../node_modules/@domql/key/dist/cjs/index.js
+var require_cjs2 = __commonJS({
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
+    });
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
+  }
+});
+
 // ../../node_modules/@domql/tags/dist/cjs/htmlTags.js
 var require_htmlTags = __commonJS({
   "../../node_modules/@domql/tags/dist/cjs/htmlTags.js"(exports, module2) {
@@ -230,7 +269,7 @@ var require_htmlTags = __commonJS({
 });
 
 // ../../node_modules/@domql/tags/dist/cjs/index.js
-var require_cjs2 = __commonJS({
+var require_cjs3 = __commonJS({
   "../../node_modules/@domql/tags/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -253,6 +292,43 @@ var require_cjs2 = __commonJS({
   }
 });
 
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals3 = require_cjs();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals3.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals3.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
 var require_types = __commonJS({
   "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
@@ -282,8 +358,6 @@ var require_types = __commonJS({
       isBoolean: () => isBoolean,
       isDefined: () => isDefined2,
       isFunction: () => isFunction2,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
       isNull: () => isNull,
       isNumber: () => isNumber,
@@ -294,9 +368,9 @@ var require_types = __commonJS({
       isValidHtmlTag: () => isValidHtmlTag
     });
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals3 = require_cjs();
-    var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_tags = require_cjs3();
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject7 = (arg) => {
       if (arg === null)
         return false;
@@ -313,12 +387,6 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object";
     };
-    var isNode = (obj) => {
-      return typeof import_globals3.window.Node === "object" ? obj instanceof import_globals3.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals3.window.HTMLElement === "object" ? obj instanceof import_globals3.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
       return isObject7(arg) || isObjectLike3(arg) || isString8(arg) || isNumber(arg) || isFunction2(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
     };
@@ -334,8 +402,8 @@ var require_types = __commonJS({
       null: isNull,
       function: isFunction2,
       objectLike: isObjectLike3,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
     };
     var is = (arg) => {
@@ -382,18 +450,19 @@ var require_object = __commonJS({
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
       flattenRecursive: () => flattenRecursive,
       isEqualDeep: () => isEqualDeep,
       map: () => map,
       merge: () => merge5,
-      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
-      mergeArray: () => mergeArray,
-      mergeArrayExclude: () => mergeArrayExclude,
       mergeIfExisted: () => mergeIfExisted,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      overwriteShallow: () => overwriteShallow,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
     var import_globals3 = require_cjs();
@@ -409,82 +478,75 @@ var require_object = __commonJS({
       return param;
     };
     var map = (obj, extention, element) => {
-      for (const e in extention) {
-        obj[e] = exec(extention[e], element);
+      for (const e2 in extention) {
+        obj[e2] = exec(extention[e2], element);
       }
     };
     var merge5 = (element, obj) => {
-      for (const e in obj) {
-        const elementProp = element[e];
-        const objProp = obj[e];
+      for (const e2 in obj) {
+        const elementProp = element[e2];
+        const objProp = obj[e2];
         if (elementProp === void 0) {
-          element[e] = objProp;
+          element[e2] = objProp;
         }
       }
       return element;
     };
-    var deepMerge3 = (element, extend) => {
-      for (const e in extend) {
-        const extendProp = extend[e];
-        if (e === "parent" || e === "props")
+    var deepMerge3 = (element, extend, excludeFrom = []) => {
+      for (const e2 in extend) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
           continue;
-        if (element[e] === void 0) {
-          element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge3(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
+        const elementProp = element[e2];
+        const extendProp = extend[e2];
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge3(elementProp, extendProp);
+        } else if (elementProp === void 0) {
+          element[e2] = extendProp;
         }
       }
       return element;
     };
-    var clone = (obj) => {
+    var clone = (obj, excludeFrom = []) => {
       const o = {};
       for (const prop in obj) {
-        if (prop === "node")
+        if (excludeFrom.includes(e) || e.includes("__"))
           continue;
         o[prop] = obj[prop];
       }
       return o;
     };
-    var deepCloneExclude = (obj, exclude = []) => {
+    var deepCloneExclude = (obj, excludeFrom = []) => {
       if ((0, import_types.isArray)(obj)) {
-        return obj.map((x) => deepCloneExclude(x, exclude));
+        return obj.map((x) => deepCloneExclude(x, excludeFrom));
       }
       const o = {};
       for (const k in obj) {
-        if (exclude.indexOf(k) > -1)
+        if (excludeFrom.includes(k) || k.includes("__"))
           continue;
         let v = obj[k];
         if (k === "extend" && (0, import_types.isArray)(v)) {
-          v = mergeArrayExclude(v, exclude);
+          v = mergeArrayExclude(v, excludeFrom);
         }
         if ((0, import_types.isArray)(v)) {
-          o[k] = v.map((x) => deepCloneExclude(x, exclude));
+          o[k] = v.map((x) => deepCloneExclude(x, excludeFrom));
         } else if ((0, import_types.isObject)(v)) {
-          o[k] = deepCloneExclude(v, exclude);
+          o[k] = deepCloneExclude(v, excludeFrom);
         } else
           o[k] = v;
       }
       return o;
     };
-    var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge3(acc, deepCloneExclude(curr, excl)), {});
-    };
-    var deepClone2 = (obj) => {
-      if ((0, import_types.isArray)(obj)) {
-        return obj.map(deepClone2);
-      }
-      const o = {};
+    var deepClone2 = (obj, excludeFrom = []) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
+        if (excludeFrom.includes(prop) || prop.includes("__"))
+          continue;
         let objProp = obj[prop];
         if (prop === "extend" && (0, import_types.isArray)(objProp)) {
           objProp = mergeArray(objProp);
         }
-        if ((0, import_types.isArray)(objProp)) {
-          o[prop] = objProp.map((v) => (0, import_types.isObject)(v) ? deepClone2(v) : v);
-        } else if ((0, import_types.isObject)(objProp)) {
-          o[prop] = deepClone2(objProp);
+        if ((0, import_types.isObjectLike)(objProp)) {
+          o[prop] = deepClone2(objProp, excludeFrom);
         } else
           o[prop] = objProp;
       }
@@ -550,8 +612,8 @@ var require_object = __commonJS({
             try {
               const evalProp = import_globals3.window.eval(`(${objProp})`);
               stringified[prop] = evalProp;
-            } catch (e) {
-              if (e)
+            } catch (e2) {
+              if (e2)
                 stringified[prop] = objProp;
             }
           } else {
@@ -565,8 +627,8 @@ var require_object = __commonJS({
                 try {
                   const evalProp = import_globals3.window.eval(`(${arrProp})`);
                   stringified[prop].push(evalProp);
-                } catch (e) {
-                  if (e)
+                } catch (e2) {
+                  if (e2)
                     stringified[prop].push(arrProp);
                 }
               } else {
@@ -586,56 +648,91 @@ var require_object = __commonJS({
       }
       return stringified;
     };
-    var overwrite = (element, params, options) => {
+    var overwrite = (element, params, excludeFrom = []) => {
       const { ref } = element;
       const changes = {};
-      for (const e in params) {
-        if (e === "props")
+      for (const e2 in params) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
           continue;
-        const elementProp = element[e];
-        const paramsProp = params[e];
+        const elementProp = element[e2];
+        const paramsProp = params[e2];
         if (paramsProp) {
-          ref.__cache[e] = changes[e] = elementProp;
-          ref[e] = paramsProp;
+          ref.__cache[e2] = changes[e2] = elementProp;
+          ref[e2] = paramsProp;
         }
       }
       return changes;
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
-        if (e === "ref")
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e2 in objToDiff) {
+        if (e2 === "ref")
           continue;
-        const originalProp = original[e];
-        const objProp = obj[e];
-        if ((0, import_types.isObjectLike)(originalProp) && (0, import_types.isObjectLike)(objProp)) {
-          changes[e] = {};
-          diff(originalProp, objProp, changes[e]);
-        } else if (objProp !== void 0) {
-          changes[e] = objProp;
+        const originalProp = original[e2];
+        const objToDiffProp = objToDiff[e2];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e2] = {};
+          diff(originalProp, objToDiffProp, cache[e2]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e2] = objToDiffProp;
         }
       }
-      return changes;
+      return cache;
+    };
+    var diffArrays = (original, objToDiff, cache) => {
+      if (original.length !== objToDiff.length) {
+        cache = objToDiff;
+      } else {
+        const diffArr = [];
+        for (let i = 0; i < original.length; i++) {
+          const diffObj = diff(original[i], objToDiff[i]);
+          if (Object.keys(diffObj).length > 0) {
+            diffArr.push(diffObj);
+          }
+        }
+        if (diffArr.length > 0) {
+          cache = diffArr;
+        }
+      }
+      return cache;
+    };
+    var diff = (original, objToDiff, cache = {}) => {
+      if ((0, import_types.isArray)(original) && (0, import_types.isArray)(objToDiff)) {
+        cache = [];
+        diffArrays(original, objToDiff, cache);
+      } else {
+        diffObjects(original, objToDiff, cache);
+      }
+      return cache;
     };
     var overwriteObj = (params, obj) => {
       const changes = {};
-      for (const e in params) {
-        const objProp = obj[e];
-        const paramsProp = params[e];
+      for (const e2 in params) {
+        const objProp = obj[e2];
+        const paramsProp = params[e2];
         if (paramsProp) {
-          obj[e] = changes[e] = objProp;
+          obj[e2] = changes[e2] = objProp;
         }
       }
       return changes;
     };
-    var overwriteDeep = (params, obj) => {
-      for (const e in params) {
-        const objProp = obj[e];
-        const paramsProp = params[e];
+    var overwriteShallow = (obj, params, excludeFrom = []) => {
+      for (const e2 in params) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
+          continue;
+        obj[e2] = params[e2];
+      }
+      return obj;
+    };
+    var overwriteDeep = (params, obj, excludeFrom = []) => {
+      for (const e2 in params) {
+        if (excludeFrom.includes(e2) || e2.includes("__"))
+          continue;
+        const objProp = obj[e2];
+        const paramsProp = params[e2];
         if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
           overwriteDeep(paramsProp, objProp);
         } else if (paramsProp !== void 0) {
-          obj[e] = paramsProp;
+          obj[e2] = paramsProp;
         }
       }
       return obj;
@@ -645,12 +742,6 @@ var require_object = __commonJS({
         return deepMerge3(a, b);
       return a || b;
     };
-    var mergeArray = (arr) => {
-      return arr.reduce((a, c) => deepMerge3(a, deepClone2(c)), {});
-    };
-    var mergeAndCloneIfArray = (obj) => {
-      return (0, import_types.isArray)(obj) ? mergeArray(obj) : deepClone2(obj);
-    };
     var flattenRecursive = (param, prop, stack = []) => {
       const objectized = mergeAndCloneIfArray(param);
       stack.push(objectized);
@@ -680,6 +771,18 @@ var require_object = __commonJS({
       }
       return true;
     };
+    var removeFromObject = (obj, props) => {
+      if (props === void 0 || props === null)
+        return obj;
+      if ((0, import_types.is)(props)("string", "number")) {
+        delete obj[props];
+      } else if ((0, import_types.isArray)(props)) {
+        props.forEach((prop) => delete obj[prop]);
+      } else {
+        throw new Error("Invalid input: props must be a string or an array of strings");
+      }
+      return obj;
+    };
   }
 });
 
@@ -737,14 +840,7 @@ var require_function = __commonJS({
 
 // ../../node_modules/@domql/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
-    "use strict";
-  }
-});
-
-// ../../node_modules/@domql/utils/dist/cjs/node.js
-var require_node = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -763,23 +859,48 @@ var require_node = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var node_exports = {};
-    __export2(node_exports, {
-      cleanWithNode: () => cleanWithNode,
-      createID: () => createID,
-      createSnapshotId: () => createSnapshotId
+    var array_exports = {};
+    __export2(array_exports, {
+      arrayContainsOtherArray: () => arrayContainsOtherArray,
+      joinArrays: () => joinArrays,
+      mergeAndCloneIfArray: () => mergeAndCloneIfArray2,
+      mergeArray: () => mergeArray2,
+      removeFromArray: () => removeFromArray,
+      swapItemsInArray: () => swapItemsInArray
     });
-    module2.exports = __toCommonJS2(node_exports);
-    var cleanWithNode = (extend) => delete extend.node && extend;
-    var createID = function() {
-      let index = 0;
-      function newId() {
-        index++;
-        return index;
+    module2.exports = __toCommonJS2(array_exports);
+    var import_object = require_object();
+    var import_types = require_types();
+    var arrayContainsOtherArray = (arr1, arr2) => {
+      return arr2.every((val) => arr1.includes(val));
+    };
+    var removeFromArray = (arr, index) => {
+      if ((0, import_types.isString)(index))
+        index = parseInt(index);
+      if ((0, import_types.isNumber)(index)) {
+        if (index < 0 || index >= arr.length || isNaN(index)) {
+          throw new Error("Invalid index");
+        }
+        arr.splice(index, 1);
+      } else if ((0, import_types.isArray)(index)) {
+        index.forEach((idx) => removeFromArray(arr, idx));
+      } else {
+        throw new Error("Invalid index");
       }
-      return newId;
-    }();
-    var createSnapshotId = createID;
+      return arr;
+    };
+    var swapItemsInArray = (arr, i, j) => {
+      [arr[i], arr[j]] = [arr[j], arr[i]];
+    };
+    var joinArrays = (...arrays) => {
+      return [].concat(...arrays);
+    };
+    var mergeArray2 = (arr, excludeFrom = []) => {
+      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
+    };
+    var mergeAndCloneIfArray2 = (obj) => {
+      return (0, import_types.isArray)(obj) ? mergeArray2(obj) : (0, import_object.deepClone)(obj);
+    };
   }
 });
 
@@ -825,7 +946,7 @@ var require_log = __commonJS({
 });
 
 // ../../node_modules/@domql/utils/dist/cjs/index.js
-var require_cjs3 = __commonJS({
+var require_cjs4 = __commonJS({
   "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -844,6 +965,7 @@ var require_cjs3 = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var utils_exports2 = {};
     module2.exports = __toCommonJS2(utils_exports2);
+    __reExport(utils_exports2, require_cjs2(), module2.exports);
     __reExport(utils_exports2, require_types(), module2.exports);
     __reExport(utils_exports2, require_object(), module2.exports);
     __reExport(utils_exports2, require_function(), module2.exports);
@@ -1185,13 +1307,13 @@ var getFontFaceString = (LIBRARY) => {
 };
 
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils2 = __toESM(require_cjs3());
+var import_utils2 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils = __toESM(require_cjs3());
+var import_utils = __toESM(require_cjs4());
 
 // ../utils/src/index.js
 var toCamelCase = (str) => {
@@ -1210,7 +1332,7 @@ var arrayzeValue = (val) => {
 };
 
 // src/factory.js
-var import_utils3 = __toESM(require_cjs3(), 1);
+var import_utils3 = __toESM(require_cjs4(), 1);
 
 // src/defaultConfig/index.js
 var defaultConfig_exports = {};
@@ -1610,7 +1732,7 @@ var findHeadings = (propertyNames) => {
 };
 
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 var setVariables = (result, key) => {
   const CONFIG2 = getActiveConfig();
   const { CSS_VARS: CSS_VARS2 } = CONFIG2;
@@ -1650,7 +1772,7 @@ var applySequenceVars = (props, mediaName, options = {}) => {
 };
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -1727,9 +1849,9 @@ __export(system_exports, {
 });
 
 // src/system/color.js
-var import_utils8 = __toESM(require_cjs3(), 1);
-var getColor = (value, key) => {
-  const CONFIG2 = getActiveConfig();
+var import_utils8 = __toESM(require_cjs4(), 1);
+var getColor = (value, key, config) => {
+  const CONFIG2 = config || getActiveConfig();
   if (!(0, import_utils8.isString)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
@@ -1754,34 +1876,32 @@ var getColor = (value, key) => {
       console.warn(value, " - does not have ", key);
   }
   let rgb = val.rgb;
-  if (rgb) {
-    if (tone) {
-      if (!val[tone]) {
-        const toHex = rgbArrayToHex(rgb.split(", ").map((v) => parseFloat(v)));
-        const abs = tone.slice(0, 1);
-        if (abs === "-" || abs === "+") {
-          rgb = hexToRgbArray(
-            getColorShade(toHex, parseFloat(tone))
-          ).join(", ");
-        } else {
-          const [r, g, b] = [...rgb.split(", ").map((v) => parseInt(v))];
-          const hsl = rgbToHSL(r, g, b);
-          const [h, s, l] = hsl;
-          const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
-          rgb = newRgb;
-        }
-        val[tone] = { rgb, var: `${val.var}-${tone}` };
-      } else
-        rgb = val[tone].rgb;
-    }
-    if (alpha)
-      return `rgba(${rgb}, ${alpha})`;
-    return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
-  } else
+  if (!rgb)
     return CONFIG2.useVariable ? `var(${val.var})` : val.value;
-};
-var getMediaColor = (value, globalTheme) => {
-  const CONFIG2 = getActiveConfig();
+  if (tone && !val[tone]) {
+    const toHex = rgbArrayToHex(rgb.split(", ").map((v) => parseFloat(v)));
+    const abs = tone.slice(0, 1);
+    if (abs === "-" || abs === "+") {
+      rgb = hexToRgbArray(
+        getColorShade(toHex, parseFloat(tone))
+      ).join(", ");
+    } else {
+      const [r, g, b] = [...rgb.split(", ").map((v) => parseInt(v))];
+      const hsl = rgbToHSL(r, g, b);
+      const [h, s, l] = hsl;
+      const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
+      rgb = newRgb;
+    }
+    val[tone] = { rgb, var: `${val.var}-${tone}` };
+  }
+  if (val[tone])
+    rgb = val[tone].rgb;
+  if (alpha)
+    return `rgba(${rgb}, ${alpha})`;
+  return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
+};
+var getMediaColor = (value, globalTheme, config) => {
+  const CONFIG2 = config || getActiveConfig();
   if (!globalTheme)
     globalTheme = CONFIG2.globalTheme;
   if (!(0, import_utils8.isString)(value)) {
@@ -1796,16 +1916,16 @@ var getMediaColor = (value, globalTheme) => {
   const val = COLOR2[name] || GRADIENT2[name];
   const isObj = (0, import_utils8.isObject)(val);
   if (isObj && val.value)
-    return getColor(value, `@${globalTheme}`);
+    return getColor(value, `@${globalTheme}`, config);
   else if (isObj) {
     if (globalTheme)
-      return getColor(value, `@${globalTheme}`);
+      return getColor(value, `@${globalTheme}`, config);
     else {
       const obj = {};
       for (const mediaName in val) {
         const query = CONFIG2.MEDIA[mediaName.slice(1)];
         const media = `@media screen and ${query}`;
-        obj[media] = getColor(value, mediaName);
+        obj[media] = getColor(value, mediaName, config);
       }
       return obj;
     }
@@ -1873,7 +1993,7 @@ var setGradient = (val, key, suffix) => {
 };
 
 // src/system/theme.js
-var import_utils10 = __toESM(require_cjs3(), 1);
+var import_utils10 = __toESM(require_cjs4(), 1);
 var setThemeValue = (theme) => {
   const value = {};
   const { state, media, helpers, ...rest } = theme;
@@ -2089,7 +2209,7 @@ var getMediaTheme = (val, mod) => {
 };
 
 // src/system/font.js
-var import_utils11 = __toESM(require_cjs3(), 1);
+var import_utils11 = __toESM(require_cjs4(), 1);
 var setFont = (val, key) => {
   const CSSvar = `--font-${key}`;
   const fontFace = val[0] ? getFontFaceEach(key, val) : setCustomFontMedia(key, val.url);
@@ -2114,7 +2234,7 @@ var setFontFamily = (val, key) => {
 };
 
 // src/system/typography.js
-var import_utils14 = __toESM(require_cjs3(), 1);
+var import_utils14 = __toESM(require_cjs4(), 1);
 var runThroughMedia = (props) => {
   const CONFIG2 = getActiveConfig();
   const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG2;
@@ -2183,7 +2303,7 @@ var getFontSizeByKey = (value) => {
 };
 
 // src/system/spacing.js
-var import_utils17 = __toESM(require_cjs3(), 1);
+var import_utils17 = __toESM(require_cjs4(), 1);
 var runThroughMedia2 = (sequenceProps) => {
   for (const prop in sequenceProps) {
     const mediaProps = sequenceProps[prop];
@@ -2309,7 +2429,7 @@ var getTimingByKey = (value, property = "timing") => {
 };
 
 // src/system/document.js
-var import_utils21 = __toESM(require_cjs3(), 1);
+var import_utils21 = __toESM(require_cjs4(), 1);
 var applyDocument = () => {
   const CONFIG2 = getActiveConfig();
   const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG2;
@@ -2393,7 +2513,7 @@ var appendSVG = (lib, options = DEF_OPTIONS) => {
 };
 
 // src/system/reset.js
-var import_utils24 = __toESM(require_cjs3(), 1);
+var import_utils24 = __toESM(require_cjs4(), 1);
 var applyReset = (reset = {}) => {
   const CONFIG2 = getActiveConfig();
   const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG2;
@@ -2422,7 +2542,7 @@ var applyReset = (reset = {}) => {
         top: "0",
         left: "0",
         margin: "0",
-        WebkitFontSmoothing: "antialiased",
+        WebkitFontSmoothing: "subpixel-antialiased",
         scrollBehavior: "smooth",
         fontSize: TYPOGRAPHY2.browserDefault + "px",
         ...CONFIG2.useDocumentTheme ? getMediaTheme("document", `@${CONFIG2.globalTheme}`) : {},
@@ -2452,7 +2572,7 @@ var applyReset = (reset = {}) => {
 };
 
 // src/transforms/index.js
-var import_utils25 = __toESM(require_cjs3(), 1);
+var import_utils25 = __toESM(require_cjs4(), 1);
 var isBorderStyle = (str) => [
   "none",
   "hidden",
@@ -2553,7 +2673,7 @@ var splitTransition = (transition) => {
 };
 
 // src/set.js
-var import_utils26 = __toESM(require_cjs3(), 1);
+var import_utils26 = __toESM(require_cjs4(), 1);
 var setCases = (val, key) => {
   if ((0, import_utils26.isFunction)(val))
     return val();