@symbo.ls/scratch - npm Package Compare versions

Comparing version 2.10.291 to 2.11.5

dist/cjs/factory.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document,
-      global: () => global,
-      self: () => self,
-      window: () => window
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window = globalThis;
-    var document = window.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document,
+      global: () => global,
+      self: () => self,
+      window: () => window
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window = globalThis;
+    var document = window.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals.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_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject2 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals.window.Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals.window.HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject2(arg) || isObjectLike(arg) || isString(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals = require_cjs();
+    var import_globals = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -883,3 +1000,3 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(factory_exports);
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -886,0 +1003,0 @@ // src/defaultConfig/index.js

dist/cjs/system/color.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document3,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject5 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject5(arg) || isObjectLike2(arg) || isString5(arg) || isNumber(arg) || isFunction(arg) || isArray4(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_cjs();
+    var import_globals2 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -883,3 +1000,3 @@ __reExport(utils_exports, require_object(), module2.exports);
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -1102,6 +1219,6 @@ // src/defaultConfig/index.js
 // src/system/color.js
-var import_utils8 = __toESM(require_cjs3(), 1);
+var import_utils8 = __toESM(require_cjs4(), 1);
 
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 var colorStringToRgbaArray = (color) => {
@@ -1183,15 +1300,15 @@ if (color === "")
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs3());
+var import_utils3 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs3());
+var import_utils2 = __toESM(require_cjs4());
 
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1198,0 +1315,0 @@ // src/system/color.js

dist/cjs/system/document.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document3,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject4 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_cjs();
+    var import_globals2 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -878,6 +995,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(document_exports);
-var import_utils8 = __toESM(require_cjs3(), 1);
+var import_utils8 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -1100,3 +1217,3 @@ // src/defaultConfig/index.js
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 
@@ -1114,15 +1231,15 @@ // src/utils/font.js
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs3());
+var import_utils3 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs3());
+var import_utils2 = __toESM(require_cjs4());
 
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1129,0 +1246,0 @@ // src/system/document.js

dist/cjs/system/font.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document3,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject5 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject5(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_cjs();
+    var import_globals2 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -880,9 +997,9 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(font_exports);
-var import_utils8 = __toESM(require_cjs3(), 1);
+var import_utils8 = __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());
 
@@ -900,3 +1017,3 @@ // ../utils/src/index.js
 // src/factory.js
-var import_utils3 = __toESM(require_cjs3(), 1);
+var import_utils3 = __toESM(require_cjs4(), 1);
 
@@ -1119,3 +1236,3 @@ // src/defaultConfig/index.js
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 
@@ -1149,9 +1266,9 @@ // src/utils/font.js
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1158,0 +1275,0 @@ // src/system/font.js

dist/cjs/system/reset.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document4,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document4 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document4,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document4 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals3 = require_cjs3();
+    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
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     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_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject7 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    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) => {
@@ -343,4 +411,4 @@ return isObject7(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike3,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals3 = require_cjs();
+    var import_globals3 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge3(elementProp, extendProp);
+        } else if (elementProp === 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;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -878,6 +995,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(reset_exports);
-var import_utils24 = __toESM(require_cjs3(), 1);
+var import_utils24 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -1100,24 +1217,24 @@ // src/defaultConfig/index.js
 // src/system/color.js
-var import_utils8 = __toESM(require_cjs3(), 1);
+var import_utils8 = __toESM(require_cjs4(), 1);
 
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs3());
+var import_utils3 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs3());
+var import_utils2 = __toESM(require_cjs4());
 
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
 // src/system/theme.js
-var import_utils10 = __toESM(require_cjs3(), 1);
+var import_utils10 = __toESM(require_cjs4(), 1);
 var recursiveTheme = (val) => {
@@ -1174,15 +1291,15 @@ const CONFIG2 = getActiveConfig();
 // src/system/font.js
-var import_utils11 = __toESM(require_cjs3(), 1);
+var import_utils11 = __toESM(require_cjs4(), 1);
 
 // src/system/typography.js
-var import_utils14 = __toESM(require_cjs3(), 1);
+var import_utils14 = __toESM(require_cjs4(), 1);
 
 // src/system/spacing.js
-var import_utils17 = __toESM(require_cjs3(), 1);
+var import_utils17 = __toESM(require_cjs4(), 1);
 
 // src/system/document.js
-var import_utils21 = __toESM(require_cjs3(), 1);
+var import_utils21 = __toESM(require_cjs4(), 1);
 
 // src/system/svg.js
-var import_globals2 = __toESM(require_cjs(), 1);
+var import_globals2 = __toESM(require_cjs3(), 1);
 
@@ -1189,0 +1306,0 @@ // src/system/reset.js

dist/cjs/system/spacing.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document3,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject4 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject4(arg) || isObjectLike2(arg) || isString5(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_cjs();
+    var import_globals2 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -882,6 +999,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 // ../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());
 
@@ -900,6 +1017,6 @@ // ../utils/src/index.js
 // src/system/spacing.js
-var import_utils9 = __toESM(require_cjs3(), 1);
+var import_utils9 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
-var import_utils3 = __toESM(require_cjs3(), 1);
+var import_utils3 = __toESM(require_cjs4(), 1);
 
@@ -1122,6 +1239,6 @@ // src/defaultConfig/index.js
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 var numToLetterMap = {
@@ -1288,3 +1405,3 @@ "-6": "U",
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 var applySequenceVars = (props, mediaName, options = {}) => {
@@ -1321,3 +1438,3 @@ const CONFIG2 = getActiveConfig();
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1324,0 +1441,0 @@ // src/system/spacing.js

dist/cjs/system/svg.js

@@ -69,2 +69,41 @@ "use strict";
 
+// ../../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
@@ -234,3 +273,3 @@ 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) {
@@ -258,2 +297,39 @@ "use strict";
 
+// ../../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
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     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 isObject4 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    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) => {
@@ -343,4 +411,4 @@ return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,3 +474,4 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
@@ -437,11 +508,10 @@ module2.exports = __toCommonJS2(object_exports);
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs2(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -887,12 +1004,12 @@ __reExport(utils_exports, require_object(), module2.exports);
 // 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());
 
 // src/factory.js
-var import_utils3 = __toESM(require_cjs3(), 1);
+var import_utils3 = __toESM(require_cjs4(), 1);
 
@@ -1115,6 +1232,6 @@ // src/defaultConfig/index.js
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 var generateSprite = (icons) => {
@@ -1121,0 +1238,0 @@ const CONFIG2 = getActiveConfig();

dist/cjs/system/theme.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document3,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject6 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject6(arg) || isObjectLike3(arg) || isString6(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike3,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_cjs();
+    var import_globals2 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -883,3 +1000,3 @@ __reExport(utils_exports, require_object(), module2.exports);
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -1102,6 +1219,6 @@ // src/defaultConfig/index.js
 // src/system/color.js
-var import_utils8 = __toESM(require_cjs3(), 1);
+var import_utils8 = __toESM(require_cjs4(), 1);
 
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 var hexToRgbArray = (hex, alpha = 1) => {
@@ -1146,15 +1263,15 @@ const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs3());
+var import_utils3 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs3());
+var import_utils2 = __toESM(require_cjs4());
 
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1216,3 +1333,3 @@ // src/system/color.js
 // src/system/theme.js
-var import_utils10 = __toESM(require_cjs3(), 1);
+var import_utils10 = __toESM(require_cjs4(), 1);
 var setThemeValue = (theme) => {
@@ -1219,0 +1336,0 @@ const value = {};

dist/cjs/system/timing.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document3,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject4 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_cjs();
+    var import_globals2 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -882,6 +999,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 // ../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());
 
@@ -897,3 +1014,3 @@ // ../utils/src/index.js
 // src/factory.js
-var import_utils3 = __toESM(require_cjs3(), 1);
+var import_utils3 = __toESM(require_cjs4(), 1);
 
@@ -1116,6 +1233,6 @@ // src/defaultConfig/index.js
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 var numToLetterMap = {
@@ -1282,3 +1399,3 @@ "-6": "U",
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 var applySequenceVars = (props, mediaName, options = {}) => {
@@ -1315,3 +1432,3 @@ const CONFIG2 = getActiveConfig();
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1318,0 +1435,0 @@ // src/system/timing.js

dist/cjs/system/typography.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document3,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document3 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document3,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document3 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject4 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_cjs();
+    var import_globals2 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -881,6 +998,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(typography_exports);
-var import_utils8 = __toESM(require_cjs3(), 1);
+var import_utils8 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -1103,12 +1220,12 @@ // src/defaultConfig/index.js
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs3());
+var import_utils3 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs3());
+var import_utils2 = __toESM(require_cjs4());
 
@@ -1288,3 +1405,3 @@ // ../utils/src/index.js
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 var applySequenceVars = (props, mediaName, options = {}) => {
@@ -1321,3 +1438,3 @@ const CONFIG2 = getActiveConfig();
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1324,0 +1441,0 @@ // src/system/typography.js

dist/cjs/transforms/index.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document4,
-      global: () => global,
-      self: () => self,
-      window: () => window3
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window3 = globalThis;
-    var document4 = window3.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document4,
+      global: () => global,
+      self: () => self,
+      window: () => window3
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window3 = globalThis;
+    var document4 = window3.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals3 = require_cjs3();
+    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
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     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_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject7 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    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) => {
@@ -343,4 +411,4 @@ return isObject7(arg) || isObjectLike3(arg) || isString8(arg) || isNumber(arg) || isFunction(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike3,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals3 = require_cjs();
+    var import_globals3 = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge3(elementProp, extendProp);
+        } else if (elementProp === 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;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -885,6 +1002,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(transforms_exports);
-var import_utils25 = __toESM(require_cjs3(), 1);
+var import_utils25 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -1107,6 +1224,6 @@ // src/defaultConfig/index.js
 // src/system/color.js
-var import_utils8 = __toESM(require_cjs3(), 1);
+var import_utils8 = __toESM(require_cjs4(), 1);
 
 // src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
+var import_globals = __toESM(require_cjs3(), 1);
 var hexToRgbArray = (hex, alpha = 1) => {
@@ -1151,9 +1268,9 @@ const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs3(), 1);
+var import_utils4 = __toESM(require_cjs4(), 1);
 
 // ../utils/src/index.js
-var import_utils3 = __toESM(require_cjs3());
+var import_utils3 = __toESM(require_cjs4());
 
 // ../utils/src/scaling.js
-var import_utils2 = __toESM(require_cjs3());
+var import_utils2 = __toESM(require_cjs4());
 
@@ -1338,6 +1455,6 @@ // ../utils/src/index.js
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 
@@ -1434,12 +1551,12 @@ // src/system/color.js
 // src/system/theme.js
-var import_utils10 = __toESM(require_cjs3(), 1);
+var import_utils10 = __toESM(require_cjs4(), 1);
 
 // src/system/font.js
-var import_utils11 = __toESM(require_cjs3(), 1);
+var import_utils11 = __toESM(require_cjs4(), 1);
 
 // src/system/typography.js
-var import_utils14 = __toESM(require_cjs3(), 1);
+var import_utils14 = __toESM(require_cjs4(), 1);
 
 // src/system/spacing.js
-var import_utils17 = __toESM(require_cjs3(), 1);
+var import_utils17 = __toESM(require_cjs4(), 1);
 var getSequence = (sequenceProps) => {
@@ -1503,9 +1620,9 @@ const CONFIG2 = getActiveConfig();
 // src/system/document.js
-var import_utils21 = __toESM(require_cjs3(), 1);
+var import_utils21 = __toESM(require_cjs4(), 1);
 
 // src/system/svg.js
-var import_globals2 = __toESM(require_cjs(), 1);
+var import_globals2 = __toESM(require_cjs3(), 1);
 
 // src/system/reset.js
-var import_utils24 = __toESM(require_cjs3(), 1);
+var import_utils24 = __toESM(require_cjs4(), 1);
 
@@ -1512,0 +1629,0 @@ // src/transforms/index.js

dist/cjs/utils/index.js

@@ -69,2 +69,41 @@ "use strict";
 
+// ../../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
@@ -234,3 +273,3 @@ 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) {
@@ -258,2 +297,39 @@ "use strict";
 
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals2 = require_cjs();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
+    };
+    var isHtmlElement = (obj) => {
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals2 = 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 isObject4 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals2.window.Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals2.window.HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject4(arg) || isObjectLike2(arg) || isString4(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,3 +474,4 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
@@ -437,11 +508,10 @@ module2.exports = __toCommonJS2(object_exports);
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports2);
+    __reExport(utils_exports2, require_cjs2(), module2.exports);
     __reExport(utils_exports2, require_types(), module2.exports);
@@ -1095,9 +1212,9 @@ __reExport(utils_exports2, require_object(), module2.exports);
 // 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());
 
@@ -1108,3 +1225,3 @@ // ../utils/src/index.js
 // src/factory.js
-var import_utils3 = __toESM(require_cjs3(), 1);
+var import_utils3 = __toESM(require_cjs4(), 1);
 
@@ -1496,3 +1613,3 @@ // src/defaultConfig/index.js
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs3(), 1);
+var import_utils6 = __toESM(require_cjs4(), 1);
 var setVariables = (result, key) => {
@@ -1537,3 +1654,3 @@ const CONFIG2 = getActiveConfig();
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs3(), 1);
+var import_utils7 = __toESM(require_cjs4(), 1);
 var generateSprite = (icons) => {
@@ -1540,0 +1657,0 @@ const CONFIG2 = getActiveConfig();

dist/cjs/utils/sequence.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document2,
-      global: () => global,
-      self: () => self,
-      window: () => window2
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window2 = globalThis;
-    var document2 = window2.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document2,
+      global: () => global,
+      self: () => self,
+      window: () => window2
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window2 = globalThis;
+    var document2 = window2.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals.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_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject4 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals.window.Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals.window.HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject4(arg) || isObjectLike(arg) || isString3(arg) || isNumber(arg) || isFunction(arg) || isArray3(arg) || isObjectLike(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals = require_cjs();
+    var import_globals = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -884,9 +1001,9 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(sequence_exports);
-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());
 
@@ -897,3 +1014,3 @@ // ../utils/src/index.js
 // src/factory.js
-var import_utils3 = __toESM(require_cjs3(), 1);
+var import_utils3 = __toESM(require_cjs4(), 1);
 
@@ -900,0 +1017,0 @@ // src/defaultConfig/index.js

dist/cjs/utils/sprite.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document,
-      global: () => global,
-      self: () => self,
-      window: () => window
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window = globalThis;
-    var document = window.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document,
+      global: () => global,
+      self: () => self,
+      window: () => window
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window = globalThis;
+    var document = window.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals.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_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject2 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals.window.Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals.window.HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject2(arg) || isObjectLike(arg) || isString2(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals = require_cjs();
+    var import_globals = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -879,6 +996,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(sprite_exports);
-var import_utils2 = __toESM(require_cjs3(), 1);
+var import_utils2 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -885,0 +1002,0 @@ // src/defaultConfig/index.js

dist/cjs/utils/var.js

@@ -33,5 +33,5 @@ "use strict";
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
+// ../../node_modules/@domql/key/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/key/dist/cjs/index.js"(exports, module2) {
     "use strict";
@@ -55,14 +55,17 @@ var __defProp2 = Object.defineProperty;
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document,
-      global: () => global,
-      self: () => self,
-      window: () => window
+    var key_exports = {};
+    __export2(key_exports, {
+      createKey: () => createKey,
+      createSnapshotId: () => createSnapshotId
     });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window = globalThis;
-    var document = window.document;
+    module2.exports = __toCommonJS2(key_exports);
+    var createKey = function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      return newId;
+    }();
+    var createSnapshotId = createKey;
   }
@@ -258,2 +261,75 @@ });
 
+// ../../node_modules/@domql/globals/dist/cjs/index.js
+var require_cjs3 = __commonJS({
+  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document,
+      global: () => global,
+      self: () => self,
+      window: () => window
+    });
+    module2.exports = __toCommonJS2(globals_exports);
+    var global = globalThis;
+    var self = globalThis;
+    var window = globalThis;
+    var document = window.document;
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/node.js
+var require_node = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var node_exports = {};
+    __export2(node_exports, {
+      isHtmlElement: () => isHtmlElement,
+      isNode: () => isNode
+    });
+    module2.exports = __toCommonJS2(node_exports);
+    var import_globals = require_cjs3();
+    var isNode = (obj) => {
+      return (typeof Node === "object" ? obj instanceof import_globals.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_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+    };
+  }
+});
+
 // ../../node_modules/@domql/utils/dist/cjs/types.js
@@ -288,4 +364,2 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode,
       isNot: () => isNot,
@@ -301,5 +375,5 @@ isNull: () => isNull,
     module2.exports = __toCommonJS2(types_exports);
-    var import_globals = require_cjs();
     var import_tags = require_cjs2();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.indexOf(arg);
+    var import_node = require_node();
+    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject2 = (arg) => {
@@ -321,8 +395,2 @@ if (arg === null)
     };
-    var isNode = (obj) => {
-      return typeof import_globals.window.Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string";
-    };
-    var isHtmlElement = (obj) => {
-      return typeof import_globals.window.HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
-    };
     var isDefined2 = (arg) => {
@@ -343,4 +411,4 @@ return isObject2(arg) || isObjectLike2(arg) || isString(arg) || isNumber(arg) || isFunction(arg) || isArray(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
       objectLike: isObjectLike2,
-      node: isNode,
-      htmlElement: isHtmlElement,
+      node: import_node.isNode,
+      htmlElement: import_node.isHtmlElement,
       defined: isDefined2
@@ -392,2 +460,4 @@ };
       diff: () => diff,
+      diffArrays: () => diffArrays,
+      diffObjects: () => diffObjects,
       exec: () => exec,
@@ -404,6 +474,7 @@ flattenRecursive: () => flattenRecursive,
       overwriteDeep: () => overwriteDeep,
-      overwriteObj: () => overwriteObj
+      overwriteObj: () => overwriteObj,
+      removeFromObject: () => removeFromObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals = require_cjs();
+    var import_globals = require_cjs3();
     var import_types = require_types();
@@ -437,11 +508,10 @@ var exec = (param, element, state, context) => {
       for (const e in extend) {
+        const elementProp = element[e];
         const extendProp = extend[e];
         if (e === "parent" || e === "props")
           continue;
-        if (element[e] === void 0) {
+        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+          deepMerge2(elementProp, extendProp);
+        } else if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_types.isObjectLike)(element[e]) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(element[e], extendProp);
-        } else {
-          element[e] = extendProp;
         }
@@ -614,18 +684,43 @@ }
     };
-    var diff = (obj, original, cache) => {
-      const changes = cache || {};
-      for (const e in obj) {
+    var diffObjects = (original, objToDiff, cache) => {
+      for (const e in objToDiff) {
         if (e === "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 objToDiffProp = objToDiff[e];
+        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+          cache[e] = {};
+          diff(originalProp, objToDiffProp, cache[e]);
+        } else if (objToDiffProp !== void 0) {
+          cache[e] = objToDiffProp;
         }
       }
-      return 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) => {
@@ -694,2 +789,14 @@ const changes = {};
     };
+    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;
+    };
   }
@@ -752,11 +859,4 @@ });
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"() {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-  }
-});
-
-// ../../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;
@@ -779,19 +879,35 @@ var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     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,
+      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_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);
+    };
   }
@@ -842,3 +958,3 @@ });
 // ../../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) {
@@ -862,2 +978,3 @@ "use strict";
     module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_cjs(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -879,6 +996,6 @@ __reExport(utils_exports, require_object(), module2.exports);
 module.exports = __toCommonJS(var_exports);
-var import_utils2 = __toESM(require_cjs3(), 1);
+var import_utils2 = __toESM(require_cjs4(), 1);
 
 // src/factory.js
-var import_utils = __toESM(require_cjs3(), 1);
+var import_utils = __toESM(require_cjs4(), 1);
 
@@ -885,0 +1002,0 @@ // src/defaultConfig/index.js

package.json

@@ -5,3 +5,3 @@ {
   "author": "symbo.ls",
-  "version": "2.10.291",
+  "version": "2.11.5",
   "files": [
@@ -36,3 +36,3 @@ "src",
   },
-  "gitHead": "bbb6844aa6db2e3681cac150fa5c531a3ea42e34"
+  "gitHead": "d5256e4c77123737a42641919ddbddb5acb6615c"
 }

No alert changes

Improved metrics

Total package byte prevSize

1002300

increased by8.93%

Lines of code

30312

increased by7.4%

No dependency changes