@symbo.ls/scratch 2.11.410 → 2.11.429

package/dist/cjs/system/color.js

@@ -34,29 +34,29 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var require_key = __commonJS({
   "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var key_exports = {};
-    __export3(key_exports, {
+    __export2(key_exports, {
       createSnapshotId: () => createSnapshotId,
       generateKey: () => generateKey
     });
-    module2.exports = __toCommonJS3(key_exports);
+    module2.exports = __toCommonJS2(key_exports);
     var generateKey = /* @__PURE__ */ function() {
       let index = 0;
       function newId() {
@@ -73,32 +73,32 @@ var require_key = __commonJS({
 var require_env = __commonJS({
   "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var env_exports = {};
-    __export3(env_exports, {
+    __export2(env_exports, {
       NODE_ENV: () => NODE_ENV,
       getNev: () => getNev,
       isDevelopment: () => isDevelopment,
       isProduction: () => isProduction,
       isTest: () => isTest
     });
-    module2.exports = __toCommonJS3(env_exports);
+    module2.exports = __toCommonJS2(env_exports);
     var NODE_ENV = "development";
     var isProduction = (env = NODE_ENV) => env === "production" || env === "prod" || env !== "development" && env !== "dev" && env !== "test";
     var isTest = (env = NODE_ENV) => env === "test";
@@ -111,35 +111,35 @@ var require_env = __commonJS({
 var require_globals = __commonJS({
   "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var globals_exports = {};
-    __export3(globals_exports, {
+    __export2(globals_exports, {
       document: () => document3,
       global: () => global,
       self: () => self,
-      window: () => window2
+      window: () => window3
     });
-    module2.exports = __toCommonJS3(globals_exports);
+    module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self = globalThis;
-    var window2 = globalThis;
-    var document3 = window2.document;
+    var window3 = globalThis;
+    var document3 = window3.document;
   }
 });
 
@@ -147,29 +147,29 @@ var require_globals = __commonJS({
 var require_node = __commonJS({
   "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var node_exports = {};
-    __export3(node_exports, {
+    __export2(node_exports, {
       isHtmlElement: () => isHtmlElement,
       isNode: () => isNode
     });
-    module2.exports = __toCommonJS3(node_exports);
+    module2.exports = __toCommonJS2(node_exports);
     var import_globals2 = require_globals();
     var isNode = (obj) => {
       return (typeof Node === "object" ? obj instanceof import_globals2.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
@@ -184,25 +184,25 @@ var require_node = __commonJS({
 var require_types = __commonJS({
   "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var types_exports = {};
-    __export3(types_exports, {
+    __export2(types_exports, {
       TYPES: () => TYPES,
       is: () => is,
       isArray: () => isArray3,
@@ -218,7 +218,7 @@ var require_types = __commonJS({
       isString: () => isString5,
       isUndefined: () => isUndefined
     });
-    module2.exports = __toCommonJS3(types_exports);
+    module2.exports = __toCommonJS2(types_exports);
     var import_node = require_node();
     var isObject3 = (arg) => {
       if (arg === null)
@@ -274,25 +274,25 @@ var require_types = __commonJS({
 var require_array = __commonJS({
   "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var array_exports = {};
-    __export3(array_exports, {
+    __export2(array_exports, {
       addItemAfterEveryElement: () => addItemAfterEveryElement,
       arrayContainsOtherArray: () => arrayContainsOtherArray,
       arraysEqual: () => arraysEqual,
@@ -309,7 +309,7 @@ var require_array = __commonJS({
       reorderArrayByValues: () => reorderArrayByValues,
       swapItemsInArray: () => swapItemsInArray
     });
-    module2.exports = __toCommonJS3(array_exports);
+    module2.exports = __toCommonJS2(array_exports);
     var import_object = require_object();
     var import_types = require_types();
     var arrayContainsOtherArray = (arr1, arr2) => {
@@ -342,10 +342,10 @@ var require_array = __commonJS({
       return [].concat(...arrays);
     };
     var mergeArray = (arr, excludeFrom = []) => {
-      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
+      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepCloneWithExtend)(c, excludeFrom), excludeFrom), {});
     };
     var mergeAndCloneIfArray = (obj) => {
-      return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
+      return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepCloneWithExtend)(obj);
     };
     var cutArrayBeforeValue = (arr, value) => {
       const index = arr.indexOf(value);
@@ -430,27 +430,29 @@ var require_array = __commonJS({
 var require_string = __commonJS({
   "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var string_exports = {};
-    __export3(string_exports, {
+    __export2(string_exports, {
       customDecodeURIComponent: () => customDecodeURIComponent,
       customEncodeURIComponent: () => customEncodeURIComponent,
+      decodeNewlines: () => decodeNewlines,
+      encodeNewlines: () => encodeNewlines,
       findKeyPosition: () => findKeyPosition,
       lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
@@ -458,7 +460,7 @@ var require_string = __commonJS({
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
     });
-    module2.exports = __toCommonJS3(string_exports);
+    module2.exports = __toCommonJS2(string_exports);
     var stringIncludesAny = (str, characters) => {
       for (const char of characters) {
         if (str.includes(char)) {
@@ -554,6 +556,12 @@ var require_string = __commonJS({
         return char;
       });
     };
+    var encodeNewlines = (str) => {
+      return str.split("\n").join("/////n").split("`").join("/////tilde").split("$").join("/////dlrsgn");
+    };
+    var decodeNewlines = (encodedStr) => {
+      return encodedStr.split("/////n").join("\n").split("/////tilde").join("`").split("/////dlrsgn").join("$");
+    };
     var customEncodeURIComponent = (str) => {
       return str.split("").map((char) => {
         if (/[^a-zA-Z0-9\s]/.test(char)) {
@@ -572,25 +580,25 @@ var require_string = __commonJS({
 var require_object = __commonJS({
   "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var object_exports = {};
-    __export3(object_exports, {
+    __export2(object_exports, {
       checkIfKeyIsComponent: () => checkIfKeyIsComponent,
       clone: () => clone,
       createObjectWithoutPrototype: () => createObjectWithoutPrototype,
@@ -626,7 +634,7 @@ var require_object = __commonJS({
       removeFromObject: () => removeFromObject,
       stringToObject: () => stringToObject
     });
-    module2.exports = __toCommonJS3(object_exports);
+    module2.exports = __toCommonJS2(object_exports);
     var import_globals2 = require_globals();
     var import_types = require_types();
     var import_array = require_array();
@@ -732,7 +740,7 @@ var require_object = __commonJS({
       return o;
     };
     var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
+      const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
         if (!Object.prototype.hasOwnProperty.call(obj, prop))
           continue;
@@ -986,7 +994,7 @@ var require_object = __commonJS({
     };
     var overwriteDeep = (obj, params, excludeFrom = []) => {
       for (const e in params) {
-        if (e === "__proto__")
+        if (e === "__ref")
           continue;
         if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
@@ -1108,6 +1116,12 @@ var require_object = __commonJS({
         if (foundString || foundInArray)
           return el;
       }
+      if (el.parent && el.parent.childExtend) {
+        const foundString = (0, import_types.isString)(el.parent.childExtend) && el.parent.childExtend === key;
+        const foundInArray = (0, import_types.isArray)(el.parent.childExtend) && el.parent.childExtend.filter((v) => v === key).length;
+        if (foundString || foundInArray)
+          return el;
+      }
     };
     var getExtendsInElement = (obj) => {
       let result = [];
@@ -1140,31 +1154,31 @@ var require_object = __commonJS({
 var require_function = __commonJS({
   "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var function_exports = {};
-    __export3(function_exports, {
+    __export2(function_exports, {
       debounce: () => debounce,
       debounceOnContext: () => debounceOnContext,
       isStringFunction: () => isStringFunction,
       memoize: () => memoize
     });
-    module2.exports = __toCommonJS3(function_exports);
+    module2.exports = __toCommonJS2(function_exports);
     function debounce(func, wait, immediate) {
       let timeout;
       return function() {
@@ -1215,29 +1229,29 @@ var require_function = __commonJS({
 var require_log = __commonJS({
   "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var log_exports = {};
-    __export3(log_exports, {
+    __export2(log_exports, {
       logGroupIf: () => logGroupIf,
       logIf: () => logIf
     });
-    module2.exports = __toCommonJS3(log_exports);
+    module2.exports = __toCommonJS2(log_exports);
     var logIf = (bool, ...arg) => {
       if (bool)
         arg.map((v) => console.log(v));
@@ -1256,46 +1270,46 @@ var require_log = __commonJS({
 var require_cookie = __commonJS({
   "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var cookie_exports = {};
-    __export3(cookie_exports, {
+    __export2(cookie_exports, {
       getCookie: () => getCookie,
       isMobile: () => isMobile,
       setCookie: () => setCookie
     });
-    module2.exports = __toCommonJS3(cookie_exports);
+    module2.exports = __toCommonJS2(cookie_exports);
     var import_types = require_types();
-    var import_utils10 = require_cjs();
+    var import_utils9 = require_cjs();
     var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
     var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(import_utils10.document) || (0, import_types.isUndefined)(import_utils10.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils9.document) || (0, import_types.isUndefined)(import_utils9.document.cookie))
         return;
       const d = /* @__PURE__ */ new Date();
       d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
       const expires = `expires=${d.toUTCString()}`;
-      import_utils10.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+      import_utils9.document.cookie = `${cname}=${cvalue};${expires};path=/`;
     };
     var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils10.document) || (0, import_types.isUndefined)(import_utils10.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils9.document) || (0, import_types.isUndefined)(import_utils9.document.cookie))
         return;
       const name = `${cname}=`;
-      const decodedCookie = decodeURIComponent(import_utils10.document.cookie);
+      const decodedCookie = decodeURIComponent(import_utils9.document.cookie);
       const ca = decodedCookie.split(";");
       for (let i = 0; i < ca.length; i++) {
         let c = ca[i];
@@ -1313,29 +1327,29 @@ var require_cookie = __commonJS({
 var require_tags = __commonJS({
   "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var tags_exports = {};
-    __export3(tags_exports, {
+    __export2(tags_exports, {
       HTML_TAGS: () => HTML_TAGS,
       isValidHtmlTag: () => isValidHtmlTag
     });
-    module2.exports = __toCommonJS3(tags_exports);
+    module2.exports = __toCommonJS2(tags_exports);
     var HTML_TAGS = {
       root: [
         "body",
@@ -1481,22 +1495,22 @@ var require_tags = __commonJS({
 var require_cjs = __commonJS({
   "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __copyProps3 = (to, from, except, desc) => {
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        for (let key of __getOwnPropNames2(from))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
       }
       return to;
     };
-    var __reExport = (target, mod, secondTarget) => (__copyProps3(target, mod, "default"), secondTarget && __copyProps3(secondTarget, mod, "default"));
-    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var utils_exports = {};
-    module2.exports = __toCommonJS3(utils_exports);
+    module2.exports = __toCommonJS2(utils_exports);
     __reExport(utils_exports, require_key(), module2.exports);
     __reExport(utils_exports, require_env(), module2.exports);
     __reExport(utils_exports, require_types(), module2.exports);
@@ -1516,2022 +1530,2052 @@ var require_cjs = __commonJS({
 var require_cjs2 = __commonJS({
   "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames3 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export3 = (target, all) => {
+    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)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps3 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames3(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc3(from, key)) || desc.enumerable });
+        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 __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var globals_exports = {};
-    __export3(globals_exports, {
+    __export2(globals_exports, {
       document: () => document3,
       global: () => global,
       self: () => self,
-      window: () => window2
+      window: () => window3
     });
-    module2.exports = __toCommonJS3(globals_exports);
+    module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self = globalThis;
-    var window2 = globalThis;
-    var document3 = window2.document;
+    var window3 = globalThis;
+    var document3 = window3.document;
   }
 });
 
-// src/system/color.js
-var color_exports = {};
-__export(color_exports, {
-  getColor: () => getColor,
-  getMediaColor: () => getMediaColor,
-  setColor: () => setColor,
-  setGradient: () => setGradient
-});
-module.exports = __toCommonJS(color_exports);
-var import_utils8 = __toESM(require_cjs(), 1);
-
-// src/factory.js
-var import_utils = __toESM(require_cjs(), 1);
-
-// src/defaultConfig/index.js
-var defaultConfig_exports = {};
-__export(defaultConfig_exports, {
-  ANIMATION: () => ANIMATION,
-  BREAKPOINTS: () => BREAKPOINTS,
-  CASES: () => CASES,
-  COLOR: () => COLOR,
-  DEVICES: () => DEVICES,
-  DOCUMENT: () => DOCUMENT,
-  FONT: () => FONT,
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
-  GRADIENT: () => GRADIENT,
-  GRID: () => GRID,
-  ICONS: () => ICONS,
-  MEDIA: () => MEDIA,
-  RESET: () => RESET,
-  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
-  SEQUENCE: () => SEQUENCE,
-  SHADOW: () => SHADOW,
-  SPACING: () => SPACING,
-  SVG: () => SVG,
-  SVG_DATA: () => SVG_DATA,
-  TEMPLATES: () => TEMPLATES,
-  THEME: () => THEME,
-  TIMING: () => TIMING,
-  TYPOGRAPHY: () => TYPOGRAPHY,
-  UNIT: () => UNIT
-});
-
-// src/defaultConfig/sequence.js
-var SEQUENCE = {
-  "minor-second": 1.067,
-  "major-second": 1.125,
-  "minor-third": 1.2,
-  "major-third": 1.25,
-  "perfect-fourth": 1.333,
-  "augmented-fourth": 1.414,
-  "perfect-fifth": 1.5,
-  "minor-sixth": 1.6,
-  phi: 1.618,
-  // golden-ratio
-  "major-sixth": 1.667,
-  "square-root-3": 1.732,
-  // theodorus
-  "minor-seventh": 1.778,
-  "major-seventh": 1.875,
-  octave: 2,
-  "square-root-5": 2.23,
-  // pythagoras
-  "major-tenth": 2.5,
-  "major-eleventh": 2.667,
-  "major-twelfth": 3,
-  pi: 3.14,
-  // archimedes
-  "double-octave": 4
-};
-
-// src/defaultConfig/unit.js
-var UNIT = {
-  default: "em"
-};
-
-// src/defaultConfig/typography.js
-var defaultProps = {
-  browserDefault: 16,
-  base: 16,
-  type: "font-size",
-  ratio: SEQUENCE["minor-third"],
-  range: [-3, 12],
-  h1Matches: 6,
-  lineHeight: 1.5,
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  templates: {},
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TYPOGRAPHY = defaultProps;
-
-// src/defaultConfig/font.js
-var FONT = {};
-
-// src/defaultConfig/font-family.js
-var FONT_FAMILY = {};
-var FONT_FAMILY_TYPES = {
-  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
-  serif: "Times New Roman, Georgia, serif, --system-default",
-  monospace: "Courier New, monospace, --system-default"
-};
-var FONT_FACE = {};
-
-// src/defaultConfig/media.js
-var MEDIA = {
-  tv: "(min-width: 2780px)",
-  light: "(prefers-color-scheme: light)",
-  dark: "(prefers-color-scheme: dark)",
-  print: "print"
-};
-
-// src/defaultConfig/spacing.js
-var defaultProps2 = {
-  base: TYPOGRAPHY.base,
-  type: "spacing",
-  ratio: SEQUENCE.phi,
-  range: [-5, 15],
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: "em",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var SPACING = defaultProps2;
-
-// src/defaultConfig/color.js
-var COLOR = {};
-var GRADIENT = {};
-
-// src/defaultConfig/theme.js
-var THEME = {};
-
-// src/defaultConfig/shadow.js
-var SHADOW = {};
-
-// src/defaultConfig/icons.js
-var ICONS = {};
-var SEMANTIC_ICONS = {};
-
-// src/defaultConfig/timing.js
-var defaultProps3 = {
-  default: 150,
-  base: 150,
-  type: "timing",
-  ratio: SEQUENCE["perfect-fourth"],
-  range: [-3, 12],
-  mediaRegenerate: false,
-  unit: "ms",
-  sequence: {},
-  scales: {},
-  vars: {}
-};
-var TIMING = defaultProps3;
-
-// src/defaultConfig/document.js
-var DOCUMENT = {};
-
-// src/defaultConfig/responsive.js
-var BREAKPOINTS = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-};
-var DEVICES = {
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 978],
-  tabletL: [1366, 926],
-  tabletM: [1280, 768],
-  tabletS: [1024, 768],
-  mobileL: [768, 375],
-  mobileM: [560, 768],
-  mobileS: [480, 768],
-  mobileXS: [375, 768]
-};
-
-// src/defaultConfig/cases.js
-var CASES = {};
-
-// src/defaultConfig/animation.js
-var ANIMATION = {};
-
-// src/defaultConfig/svg.js
-var SVG = {};
-var SVG_DATA = {};
-
-// src/defaultConfig/templates.js
-var TEMPLATES = {};
-
-// src/defaultConfig/grid.js
-var defaultProps4 = {};
-var GRID = defaultProps4;
-
-// src/defaultConfig/index.js
-var RESET = {};
-
-// src/factory.js
-var CSS_VARS = {};
-var CONFIG = {
-  verbose: false,
-  useVariable: true,
-  useReset: true,
-  CSS_VARS,
-  ...defaultConfig_exports
-};
-var cachedConfig = (0, import_utils.deepClone)(CONFIG);
-var FACTORY = {
-  active: "0",
-  0: CONFIG
-};
-var getActiveConfig = (def) => {
-  return FACTORY[def || FACTORY.active] || CONFIG;
-};
-
-// src/utils/color.js
-var import_globals = __toESM(require_cjs2(), 1);
-var import_utils2 = __toESM(require_cjs(), 1);
-var colorStringToRgbaArray = (color) => {
-  if (color === "")
-    return [0, 0, 0, 0];
-  if (color.toLowerCase() === "transparent")
-    return [0, 0, 0, 0];
-  if (color[0] === "#") {
-    if (color.length < 7) {
-      color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color.length > 4 ? color[4] + color[4] : "");
-    }
-    return [
-      parseInt(color.substr(1, 2), 16),
-      parseInt(color.substr(3, 2), 16),
-      parseInt(color.substr(5, 2), 16),
-      color.length > 7 ? parseInt(color.substr(7, 2), 16) / 255 : 1
-    ];
-  }
-  if (color.indexOf("rgb") === -1) {
-    if (import_globals.document && import_globals.window) {
-      const elem = import_globals.document.body.appendChild(import_globals.document.createElement("fictum"));
-      const flag = "rgb(1, 2, 3)";
-      elem.style.color = flag;
-      if (elem.style.color !== flag) {
-        import_globals.document.body.removeChild(elem);
-        return;
-      }
-      elem.style.color = color;
-      if (elem.style.color === flag || elem.style.color === "") {
-        import_globals.document.body.removeChild(elem);
-        return [0, 0, 0, 0];
-      }
-      color = import_globals.window.getComputedStyle(elem).color;
-      import_globals.document.body.removeChild(elem);
-    }
-  }
-  if (color.indexOf("rgb") === 0) {
-    if (color.indexOf("rgba") === -1)
-      color = `${color}, 1`;
-    return color.match(/[\.\d]+/g).map((a) => +a);
-  }
-  return [0, 0, 0, 0];
-};
-var hexToRgbArray = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return [r, g, b];
-};
-var rgbArrayToHex = ([r, g, b]) => {
-  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-};
-var rgbToHSL = (r, g, b) => {
-  const a = Math.max(r, g, b);
-  const n = a - Math.min(r, g, b);
-  const f = 1 - Math.abs(a + a - n - 1);
-  const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
-  return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
-};
-var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(
-  Math.min(k - 3, 9 - k, 1),
-  -1
-)) => [f(0), f(8), f(4)];
-var getColorShade = (col, amt) => {
-  const num = parseInt(col, 16);
-  let r = (num >> 16) + amt;
-  if (r > 255)
-    r = 255;
-  else if (r < 0)
-    r = 0;
-  let b = (num >> 8 & 255) + amt;
-  if (b > 255)
-    b = 255;
-  else if (b < 0)
-    b = 0;
-  let g = (num & 255) + amt;
-  if (g > 255)
-    g = 255;
-  else if (g < 0)
-    g = 0;
-  return ((g | b << 8 | r << 16) + 16777216).toString(16).slice(1);
-};
-var getRgbTone = (rgb, tone) => {
-  if ((0, import_utils2.isString)(rgb) && rgb.includes("rgb"))
-    rgb = colorStringToRgbaArray(rgb).join(", ");
-  if ((0, import_utils2.isString)(rgb))
-    rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-  if ((0, import_utils2.isNumber)(tone))
-    tone += "";
-  const toHex = rgbArrayToHex(rgb);
-  const abs = tone.slice(0, 1);
-  if (abs === "-" || abs === "+") {
-    const colorShade = getColorShade(toHex, parseFloat(tone));
-    return hexToRgbArray(colorShade).join(", ");
-  } else {
-    const [r, g, b] = rgb;
-    const hsl = rgbToHSL(r, g, b);
-    const [h, s, l] = hsl;
-    const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
-    return newRgb;
-  }
-};
-
-// src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs(), 1);
-
 // ../utils/dist/cjs/index.js
-var __create2 = Object.create;
-var __defProp2 = Object.defineProperty;
-var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames2 = Object.getOwnPropertyNames;
-var __getProtoOf2 = Object.getPrototypeOf;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __commonJS2 = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames2(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-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 __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-var require_key2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
+var require_cjs3 = __commonJS({
+  "../utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
+    var __create2 = Object.create;
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __getProtoOf2 = Object.getPrototypeOf;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __commonJS2 = (cb, mod) => function __require() {
+      return mod || (0, cb[__getOwnPropNames2(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+    };
+    var __export2 = (target, all) => {
       for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps22 = (to, from, except, desc) => {
+    var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+        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 __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var key_exports = {};
-    __export22(key_exports, {
-      createSnapshotId: () => createSnapshotId,
-      generateKey: () => generateKey
+    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+      // If the importer is in node compatibility mode or this is not an ESM
+      // file that has been converted to a CommonJS file using a Babel-
+      // compatible transform (i.e. "__esModule" has not been set), then set
+      // "default" to the CommonJS "module.exports" for node compatibility.
+      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
+      mod
+    ));
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var require_key2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var key_exports = {};
+        __export22(key_exports, {
+          createSnapshotId: () => createSnapshotId,
+          generateKey: () => generateKey
+        });
+        module22.exports = __toCommonJS22(key_exports);
+        var generateKey = /* @__PURE__ */ function() {
+          let index = 0;
+          function newId() {
+            index++;
+            return index;
+          }
+          return newId;
+        }();
+        var createSnapshotId = generateKey;
+      }
     });
-    module2.exports = __toCommonJS22(key_exports);
-    var generateKey = /* @__PURE__ */ function() {
-      let index = 0;
-      function newId() {
-        index++;
-        return index;
+    var require_env2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var env_exports = {};
+        __export22(env_exports, {
+          NODE_ENV: () => NODE_ENV,
+          getNev: () => getNev,
+          isDevelopment: () => isDevelopment,
+          isProduction: () => isProduction,
+          isTest: () => isTest
+        });
+        module22.exports = __toCommonJS22(env_exports);
+        var NODE_ENV = "development";
+        var isProduction = (env = NODE_ENV) => env === "production" || env === "prod" || env !== "development" && env !== "dev" && env !== "test";
+        var isTest = (env = NODE_ENV) => env === "test";
+        var isDevelopment = (env = NODE_ENV) => env === "development" || env === "dev";
+        var getNev = (key, env = NODE_ENV) => env[key];
       }
-      return newId;
-    }();
-    var createSnapshotId = generateKey;
-  }
-});
-var require_env2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+    });
+    var require_globals2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var globals_exports = {};
+        __export22(globals_exports, {
+          document: () => document22,
+          global: () => global,
+          self: () => self,
+          window: () => window22
+        });
+        module22.exports = __toCommonJS22(globals_exports);
+        var global = globalThis;
+        var self = globalThis;
+        var window22 = globalThis;
+        var document22 = window22.document;
       }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var env_exports = {};
-    __export22(env_exports, {
-      NODE_ENV: () => NODE_ENV,
-      getNev: () => getNev,
-      isDevelopment: () => isDevelopment,
-      isProduction: () => isProduction,
-      isTest: () => isTest
     });
-    module2.exports = __toCommonJS22(env_exports);
-    var NODE_ENV = "development";
-    var isProduction = (env = NODE_ENV) => env === "production" || env === "prod" || env !== "development" && env !== "dev" && env !== "test";
-    var isTest = (env = NODE_ENV) => env === "test";
-    var isDevelopment = (env = NODE_ENV) => env === "development" || env === "dev";
-    var getNev = (key, env = NODE_ENV) => env[key];
-  }
-});
-var require_globals2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+    var require_node2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var node_exports = {};
+        __export22(node_exports, {
+          isHtmlElement: () => isHtmlElement,
+          isNode: () => isNode
+        });
+        module22.exports = __toCommonJS22(node_exports);
+        var import_globals2 = require_globals2();
+        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;
+        };
       }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export22(globals_exports, {
-      document: () => document22,
-      global: () => global,
-      self: () => self,
-      window: () => window2
     });
-    module2.exports = __toCommonJS22(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window2 = globalThis;
-    var document22 = window2.document;
-  }
-});
-var require_node2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+    var require_types2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var types_exports = {};
+        __export22(types_exports, {
+          TYPES: () => TYPES,
+          is: () => is,
+          isArray: () => isArray3,
+          isBoolean: () => isBoolean,
+          isDate: () => isDate,
+          isDefined: () => isDefined2,
+          isFunction: () => isFunction,
+          isNot: () => isNot,
+          isNull: () => isNull,
+          isNumber: () => isNumber2,
+          isObject: () => isObject3,
+          isObjectLike: () => isObjectLike2,
+          isString: () => isString22,
+          isUndefined: () => isUndefined
+        });
+        module22.exports = __toCommonJS22(types_exports);
+        var import_node = require_node2();
+        var isObject3 = (arg) => {
+          if (arg === null)
+            return false;
+          return typeof arg === "object" && arg.constructor === Object;
+        };
+        var isString22 = (arg) => typeof arg === "string";
+        var isNumber2 = (arg) => typeof arg === "number";
+        var isFunction = (arg) => typeof arg === "function";
+        var isBoolean = (arg) => arg === true || arg === false;
+        var isNull = (arg) => arg === null;
+        var isArray3 = (arg) => Array.isArray(arg);
+        var isDate = (d) => d instanceof Date;
+        var isObjectLike2 = (arg) => {
+          if (arg === null)
+            return false;
+          return typeof arg === "object";
+        };
+        var isDefined2 = (arg) => {
+          return isObject3(arg) || isObjectLike2(arg) || isString22(arg) || isNumber2(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+        };
+        var isUndefined = (arg) => {
+          return arg === void 0;
+        };
+        var TYPES = {
+          boolean: isBoolean,
+          array: isArray3,
+          object: isObject3,
+          string: isString22,
+          date: isDate,
+          number: isNumber2,
+          null: isNull,
+          function: isFunction,
+          objectLike: isObjectLike2,
+          node: import_node.isNode,
+          htmlElement: import_node.isHtmlElement,
+          defined: isDefined2
+        };
+        var is = (arg) => {
+          return (...args) => {
+            return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
+          };
+        };
+        var isNot = (arg) => {
+          return (...args) => {
+            return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
+          };
+        };
       }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var node_exports = {};
-    __export22(node_exports, {
-      isHtmlElement: () => isHtmlElement,
-      isNode: () => isNode
     });
-    module2.exports = __toCommonJS22(node_exports);
-    var import_globals2 = require_globals2();
-    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;
-    };
-  }
-});
-var require_types2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+    var require_array2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var array_exports = {};
+        __export22(array_exports, {
+          addItemAfterEveryElement: () => addItemAfterEveryElement,
+          arrayContainsOtherArray: () => arrayContainsOtherArray,
+          arraysEqual: () => arraysEqual,
+          createNestedObject: () => createNestedObject,
+          cutArrayAfterValue: () => cutArrayAfterValue,
+          cutArrayBeforeValue: () => cutArrayBeforeValue,
+          getFrequencyInArray: () => getFrequencyInArray,
+          joinArrays: () => joinArrays,
+          mergeAndCloneIfArray: () => mergeAndCloneIfArray,
+          mergeArray: () => mergeArray,
+          removeFromArray: () => removeFromArray,
+          removeValueFromArray: () => removeValueFromArray,
+          removeValueFromArrayAll: () => removeValueFromArrayAll,
+          reorderArrayByValues: () => reorderArrayByValues,
+          swapItemsInArray: () => swapItemsInArray
+        });
+        module22.exports = __toCommonJS22(array_exports);
+        var import_object = require_object2();
+        var import_types = require_types2();
+        var arrayContainsOtherArray = (arr1, arr2) => {
+          return arr2.every((val) => arr1.includes(val));
+        };
+        var getFrequencyInArray = (arr, value) => {
+          return arr.reduce((count, currentValue) => {
+            return currentValue === value ? count + 1 : count;
+          }, 0);
+        };
+        var removeFromArray = (arr, index) => {
+          if ((0, import_types.isString)(index))
+            index = parseInt(index);
+          if ((0, import_types.isNumber)(index)) {
+            if (index < 0 || index >= arr.length || isNaN(index)) {
+              throw new Error("Invalid index");
+            }
+            arr.splice(index, 1);
+          } else if ((0, import_types.isArray)(index)) {
+            index.forEach((idx) => removeFromArray(arr, idx));
+          } else {
+            throw new Error("Invalid index");
+          }
+          return arr;
+        };
+        var swapItemsInArray = (arr, i, j) => {
+          [arr[i], arr[j]] = [arr[j], arr[i]];
+        };
+        var joinArrays = (...arrays) => {
+          return [].concat(...arrays);
+        };
+        var mergeArray = (arr, excludeFrom = []) => {
+          return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
+        };
+        var mergeAndCloneIfArray = (obj) => {
+          return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
+        };
+        var cutArrayBeforeValue = (arr, value) => {
+          const index = arr.indexOf(value);
+          if (index !== -1) {
+            return arr.slice(0, index);
+          }
+          return arr;
+        };
+        var cutArrayAfterValue = (arr, value) => {
+          if (!(0, import_types.isArray)(arr))
+            return;
+          const index = arr.indexOf(value);
+          if (index !== -1) {
+            return arr.slice(index + 1);
+          }
+          return arr;
+        };
+        var createNestedObject = (arr, lastValue) => {
+          const nestedObject = {};
+          if (arr.length === 0) {
+            return lastValue;
+          }
+          arr.reduce((obj, value, index) => {
+            if (!obj[value]) {
+              obj[value] = {};
+            }
+            if (index === arr.length - 1 && lastValue) {
+              obj[value] = lastValue;
+            }
+            return obj[value];
+          }, nestedObject);
+          return nestedObject;
+        };
+        var removeValueFromArray = (arr, value) => {
+          const index = arr.indexOf(value);
+          if (index > -1) {
+            const newArray = [...arr];
+            newArray.splice(index, 1);
+            return newArray;
+          }
+          return arr;
+        };
+        var removeValueFromArrayAll = (arr, value) => {
+          return arr.filter((item) => item !== value);
+        };
+        var addItemAfterEveryElement = (array, item) => {
+          const result = [];
+          for (let i = 0; i < array.length; i++) {
+            result.push(array[i]);
+            if (i < array.length - 1) {
+              result.push(item);
+            }
+          }
+          return result;
+        };
+        var reorderArrayByValues = (array, valueToMove, insertBeforeValue) => {
+          const newArray = [...array];
+          const indexToMove = newArray.indexOf(valueToMove);
+          const indexToInsertBefore = newArray.indexOf(insertBeforeValue);
+          if (indexToMove !== -1 && indexToInsertBefore !== -1) {
+            const removedItem = newArray.splice(indexToMove, 1)[0];
+            const insertIndex = indexToInsertBefore < indexToMove ? indexToInsertBefore : indexToInsertBefore + 1;
+            newArray.splice(insertIndex, 0, removedItem);
+          }
+          return newArray;
+        };
+        var arraysEqual = (arr1, arr2) => {
+          if (arr1.length !== arr2.length) {
+            return false;
+          }
+          for (let i = 0; i < arr1.length; i++) {
+            if (arr1[i] !== arr2[i]) {
+              return false;
+            }
+          }
+          return true;
+        };
       }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var types_exports = {};
-    __export22(types_exports, {
-      TYPES: () => TYPES,
-      is: () => is,
-      isArray: () => isArray3,
-      isBoolean: () => isBoolean,
-      isDate: () => isDate,
-      isDefined: () => isDefined2,
-      isFunction: () => isFunction,
-      isNot: () => isNot,
-      isNull: () => isNull,
-      isNumber: () => isNumber2,
-      isObject: () => isObject3,
-      isObjectLike: () => isObjectLike2,
-      isString: () => isString22,
-      isUndefined: () => isUndefined
     });
-    module2.exports = __toCommonJS22(types_exports);
-    var import_node = require_node2();
-    var isObject3 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object" && arg.constructor === Object;
-    };
-    var isString22 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
-    var isFunction = (arg) => typeof arg === "function";
-    var isBoolean = (arg) => arg === true || arg === false;
-    var isNull = (arg) => arg === null;
-    var isArray3 = (arg) => Array.isArray(arg);
-    var isDate = (d) => d instanceof Date;
-    var isObjectLike2 = (arg) => {
-      if (arg === null)
-        return false;
-      return typeof arg === "object";
-    };
-    var isDefined2 = (arg) => {
-      return isObject3(arg) || isObjectLike2(arg) || isString22(arg) || isNumber2(arg) || isFunction(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
-    };
-    var isUndefined = (arg) => {
-      return arg === void 0;
-    };
-    var TYPES = {
-      boolean: isBoolean,
-      array: isArray3,
-      object: isObject3,
-      string: isString22,
-      date: isDate,
-      number: isNumber2,
-      null: isNull,
-      function: isFunction,
-      objectLike: isObjectLike2,
-      node: import_node.isNode,
-      htmlElement: import_node.isHtmlElement,
-      defined: isDefined2
-    };
-    var is = (arg) => {
-      return (...args) => {
-        return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
-      };
-    };
-    var isNot = (arg) => {
-      return (...args) => {
-        return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
-      };
-    };
-  }
-});
-var require_array2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var array_exports = {};
-    __export22(array_exports, {
-      addItemAfterEveryElement: () => addItemAfterEveryElement,
-      arrayContainsOtherArray: () => arrayContainsOtherArray,
-      arraysEqual: () => arraysEqual,
-      createNestedObject: () => createNestedObject,
-      cutArrayAfterValue: () => cutArrayAfterValue,
-      cutArrayBeforeValue: () => cutArrayBeforeValue,
-      getFrequencyInArray: () => getFrequencyInArray,
-      joinArrays: () => joinArrays,
-      mergeAndCloneIfArray: () => mergeAndCloneIfArray,
-      mergeArray: () => mergeArray,
-      removeFromArray: () => removeFromArray,
-      removeValueFromArray: () => removeValueFromArray,
-      removeValueFromArrayAll: () => removeValueFromArrayAll,
-      reorderArrayByValues: () => reorderArrayByValues,
-      swapItemsInArray: () => swapItemsInArray
-    });
-    module2.exports = __toCommonJS22(array_exports);
-    var import_object = require_object2();
-    var import_types = require_types2();
-    var arrayContainsOtherArray = (arr1, arr2) => {
-      return arr2.every((val) => arr1.includes(val));
-    };
-    var getFrequencyInArray = (arr, value) => {
-      return arr.reduce((count, currentValue) => {
-        return currentValue === value ? count + 1 : count;
-      }, 0);
-    };
-    var removeFromArray = (arr, index) => {
-      if ((0, import_types.isString)(index))
-        index = parseInt(index);
-      if ((0, import_types.isNumber)(index)) {
-        if (index < 0 || index >= arr.length || isNaN(index)) {
-          throw new Error("Invalid index");
-        }
-        arr.splice(index, 1);
-      } else if ((0, import_types.isArray)(index)) {
-        index.forEach((idx) => removeFromArray(arr, idx));
-      } else {
-        throw new Error("Invalid index");
-      }
-      return arr;
-    };
-    var swapItemsInArray = (arr, i, j) => {
-      [arr[i], arr[j]] = [arr[j], arr[i]];
-    };
-    var joinArrays = (...arrays) => {
-      return [].concat(...arrays);
-    };
-    var mergeArray = (arr, excludeFrom = []) => {
-      return arr.reduce((a, c) => (0, import_object.deepMerge)(a, (0, import_object.deepClone)(c, excludeFrom), excludeFrom), {});
-    };
-    var mergeAndCloneIfArray = (obj) => {
-      return (0, import_types.isArray)(obj) ? mergeArray(obj) : (0, import_object.deepClone)(obj);
-    };
-    var cutArrayBeforeValue = (arr, value) => {
-      const index = arr.indexOf(value);
-      if (index !== -1) {
-        return arr.slice(0, index);
-      }
-      return arr;
-    };
-    var cutArrayAfterValue = (arr, value) => {
-      if (!(0, import_types.isArray)(arr))
-        return;
-      const index = arr.indexOf(value);
-      if (index !== -1) {
-        return arr.slice(index + 1);
-      }
-      return arr;
-    };
-    var createNestedObject = (arr, lastValue) => {
-      const nestedObject = {};
-      if (arr.length === 0) {
-        return lastValue;
-      }
-      arr.reduce((obj, value, index) => {
-        if (!obj[value]) {
-          obj[value] = {};
-        }
-        if (index === arr.length - 1 && lastValue) {
-          obj[value] = lastValue;
-        }
-        return obj[value];
-      }, nestedObject);
-      return nestedObject;
-    };
-    var removeValueFromArray = (arr, value) => {
-      const index = arr.indexOf(value);
-      if (index > -1) {
-        const newArray = [...arr];
-        newArray.splice(index, 1);
-        return newArray;
-      }
-      return arr;
-    };
-    var removeValueFromArrayAll = (arr, value) => {
-      return arr.filter((item) => item !== value);
-    };
-    var addItemAfterEveryElement = (array, item) => {
-      const result = [];
-      for (let i = 0; i < array.length; i++) {
-        result.push(array[i]);
-        if (i < array.length - 1) {
-          result.push(item);
-        }
-      }
-      return result;
-    };
-    var reorderArrayByValues = (array, valueToMove, insertBeforeValue) => {
-      const newArray = [...array];
-      const indexToMove = newArray.indexOf(valueToMove);
-      const indexToInsertBefore = newArray.indexOf(insertBeforeValue);
-      if (indexToMove !== -1 && indexToInsertBefore !== -1) {
-        const removedItem = newArray.splice(indexToMove, 1)[0];
-        const insertIndex = indexToInsertBefore < indexToMove ? indexToInsertBefore : indexToInsertBefore + 1;
-        newArray.splice(insertIndex, 0, removedItem);
-      }
-      return newArray;
-    };
-    var arraysEqual = (arr1, arr2) => {
-      if (arr1.length !== arr2.length) {
-        return false;
-      }
-      for (let i = 0; i < arr1.length; i++) {
-        if (arr1[i] !== arr2[i]) {
-          return false;
-        }
-      }
-      return true;
-    };
-  }
-});
-var require_string2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var string_exports = {};
-    __export22(string_exports, {
-      customDecodeURIComponent: () => customDecodeURIComponent,
-      customEncodeURIComponent: () => customEncodeURIComponent,
-      findKeyPosition: () => findKeyPosition,
-      lowercaseFirstLetter: () => lowercaseFirstLetter,
-      replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
-      replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
-      stringIncludesAny: () => stringIncludesAny,
-      trimStringFromSymbols: () => trimStringFromSymbols
-    });
-    module2.exports = __toCommonJS22(string_exports);
-    var stringIncludesAny = (str, characters) => {
-      for (const char of characters) {
-        if (str.includes(char)) {
-          return true;
-        }
-      }
-      return false;
-    };
-    var trimStringFromSymbols = (str, characters) => {
-      const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
-      return str.replace(pattern, "");
-    };
-    var brackRegex = {
-      2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
-      3: /\{\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}\}/g
-    };
-    var replaceLiteralsWithObjectFields = (str, state, options = {}) => {
-      if (!str.includes(options.bracketsLength === 3 ? "{{{" : "{{"))
-        return str;
-      const reg = brackRegex[options.bracketsLength || 2];
-      return str.replace(reg, (_, parentPath, variable) => {
-        if (parentPath) {
-          const parentLevels = parentPath.match(options.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
-          let parentState = state;
-          for (let i = 0; i < parentLevels; i++) {
-            parentState = parentState.parent;
-            if (!parentState) {
-              return "";
-            }
-          }
-          const value = parentState[variable.trim()];
-          return value !== void 0 ? `${value}` : "";
-        } else {
-          const value = state[variable.trim()];
-          return value !== void 0 ? `${value}` : "";
-        }
-      });
-    };
-    var lowercaseFirstLetter = (inputString) => {
-      return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
-    };
-    var findKeyPosition = (str, key) => {
-      const lines = str.split("\n");
-      let startLineNumber = -1;
-      let endLineNumber = -1;
-      let startColumn = -1;
-      let endColumn = -1;
-      const keyPattern = new RegExp(`\\b${key}\\b\\s*:\\s*`);
-      let braceCount = 0;
-      let foundKey = false;
-      for (let i = 0; i < lines.length; i++) {
-        if (keyPattern.test(lines[i]) && !foundKey) {
-          foundKey = true;
-          startLineNumber = i + 1;
-          startColumn = lines[i].indexOf(key) + 1;
-          if (lines[i].includes("{}")) {
-            endLineNumber = startLineNumber;
-            endColumn = lines[i].indexOf("{}") + 3;
-            break;
-          }
-          const line = lines[i].slice(startColumn + key.length);
-          if (line.includes("{") || line.includes("[")) {
-            braceCount = 1;
-          } else {
-            endLineNumber = i + 1;
-            endColumn = lines[i].length + 1;
-            break;
-          }
-        } else if (foundKey) {
-          braceCount += (lines[i].match(/{/g) || []).length;
-          braceCount += (lines[i].match(/\[/g) || []).length;
-          braceCount -= (lines[i].match(/}/g) || []).length;
-          braceCount -= (lines[i].match(/]/g) || []).length;
-          if (braceCount === 0) {
-            endLineNumber = i + 1;
-            endColumn = lines[i].lastIndexOf("}") !== -1 ? lines[i].lastIndexOf("}") + 2 : lines[i].length + 1;
-            break;
-          }
-        }
-      }
-      return {
-        startColumn,
-        endColumn,
-        startLineNumber,
-        endLineNumber
-      };
-    };
-    var replaceOctalEscapeSequences = (str) => {
-      const octalRegex = /\\([0-7]{1,3})/g;
-      return str.replace(octalRegex, (match, p1) => {
-        const octalValue = parseInt(p1, 8);
-        const char = String.fromCharCode(octalValue);
-        return char;
-      });
-    };
-    var customEncodeURIComponent = (str) => {
-      return str.split("").map((char) => {
-        if (/[^a-zA-Z0-9\s]/.test(char)) {
-          return "%" + char.charCodeAt(0).toString(16).toUpperCase();
-        }
-        return char;
-      }).join("");
-    };
-    var customDecodeURIComponent = (encodedStr) => {
-      return encodedStr.replace(/%[0-9A-Fa-f]{2}/g, (match) => String.fromCharCode(parseInt(match.slice(1), 16)));
-    };
-  }
-});
-var require_object2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var object_exports = {};
-    __export22(object_exports, {
-      checkIfKeyIsComponent: () => checkIfKeyIsComponent,
-      clone: () => clone,
-      createObjectWithoutPrototype: () => createObjectWithoutPrototype,
-      deepClone: () => deepClone2,
-      deepCloneExclude: () => deepCloneExclude,
-      deepCloneWithExtend: () => deepCloneWithExtend,
-      deepContains: () => deepContains,
-      deepDestringify: () => deepDestringify,
-      deepDiff: () => deepDiff,
-      deepMerge: () => deepMerge2,
-      deepStringify: () => deepStringify,
-      detachFunctionsFromObject: () => detachFunctionsFromObject,
-      diff: () => diff,
-      diffArrays: () => diffArrays,
-      diffObjects: () => diffObjects,
-      exec: () => exec,
-      flattenRecursive: () => flattenRecursive,
-      getChildrenComponentsByKey: () => getChildrenComponentsByKey,
-      getExtendsInElement: () => getExtendsInElement,
-      hasOwnProperty: () => hasOwnProperty,
-      isEmpty: () => isEmpty,
-      isEmptyObject: () => isEmptyObject,
-      isEqualDeep: () => isEqualDeep,
-      makeObjectWithoutPrototype: () => makeObjectWithoutPrototype,
-      map: () => map,
-      merge: () => merge,
-      mergeArrayExclude: () => mergeArrayExclude,
-      mergeIfExisted: () => mergeIfExisted,
-      objectToString: () => objectToString,
-      overwrite: () => overwrite,
-      overwriteDeep: () => overwriteDeep,
-      overwriteShallow: () => overwriteShallow,
-      removeFromObject: () => removeFromObject,
-      stringToObject: () => stringToObject
-    });
-    module2.exports = __toCommonJS22(object_exports);
-    var import_globals2 = require_globals2();
-    var import_types = require_types2();
-    var import_array = require_array2();
-    var import_string = require_string2();
-    var exec = (param, element, state, context) => {
-      if ((0, import_types.isFunction)(param)) {
-        return param(
-          element,
-          state || element.state,
-          context || element.context
-        );
-      }
-      return param;
-    };
-    var map = (obj, extention, element) => {
-      for (const e in extention) {
-        obj[e] = exec(extention[e], element);
-      }
-    };
-    var merge = (element, obj, excludeFrom = []) => {
-      for (const e in obj) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
-        if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const objProp = obj[e];
-        if (elementProp === void 0) {
-          element[e] = objProp;
-        }
-      }
-      return element;
-    };
-    var deepMerge2 = (element, extend, excludeFrom = []) => {
-      for (const e in extend) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-        if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const extendProp = extend[e];
-        if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
-          deepMerge2(elementProp, extendProp, excludeFrom);
-        } else if (elementProp === void 0) {
-          element[e] = extendProp;
-        }
-      }
-      return element;
-    };
-    var clone = (obj, excludeFrom = []) => {
-      const o = {};
-      for (const prop in obj) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        o[prop] = obj[prop];
-      }
-      return o;
-    };
-    var deepCloneExclude = (obj, excludeFrom = []) => {
-      if ((0, import_types.isArray)(obj)) {
-        return obj.map((x) => deepCloneExclude(x, excludeFrom));
-      }
-      const o = {};
-      for (const k in obj) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, k);
-        if (!hasOwnProperty2 || excludeFrom.includes(k) || k.startsWith("__"))
-          continue;
-        let v = obj[k];
-        if (k === "extend" && (0, import_types.isArray)(v)) {
-          v = mergeArrayExclude(v, excludeFrom);
-        }
-        if ((0, import_types.isArray)(v)) {
-          o[k] = v.map((x) => deepCloneExclude(x, excludeFrom));
-        } else if ((0, import_types.isObject)(v)) {
-          o[k] = deepCloneExclude(v, excludeFrom);
-        } else
-          o[k] = v;
-      }
-      return o;
-    };
-    var mergeArrayExclude = (arr, excl = []) => {
-      return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
-    };
-    var deepClone2 = (obj, excludeFrom = [], cleanUndefined = false) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
-      for (const prop in obj) {
-        if (!Object.prototype.hasOwnProperty.call(obj, prop))
-          continue;
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
-        let objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
-          continue;
-        if (prop === "extend" && (0, import_types.isArray)(objProp)) {
-          objProp = (0, import_array.mergeArray)(objProp);
-        }
-        if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepClone2(objProp, excludeFrom, cleanUndefined);
-        } else
-          o[prop] = objProp;
-      }
-      return o;
-    };
-    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
-      const o = (0, import_types.isArray)(obj) ? [] : {};
-      for (const prop in obj) {
-        if (!Object.prototype.hasOwnProperty.call(obj, prop))
-          continue;
-        const objProp = obj[prop];
-        if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
-          continue;
-        if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
-        } else
-          o[prop] = objProp;
-      }
-      return o;
-    };
-    var deepStringify = (obj, stringified = {}) => {
-      for (const prop in obj) {
-        const objProp = obj[prop];
-        if ((0, import_types.isFunction)(objProp)) {
-          stringified[prop] = objProp.toString();
-        } else if ((0, import_types.isObject)(objProp)) {
-          stringified[prop] = {};
-          deepStringify(objProp, stringified[prop]);
-        } else if ((0, import_types.isArray)(objProp)) {
-          stringified[prop] = [];
-          objProp.forEach((v, i) => {
-            if ((0, import_types.isObject)(v)) {
-              stringified[prop][i] = {};
-              deepStringify(v, stringified[prop][i]);
-            } else if ((0, import_types.isFunction)(v)) {
-              stringified[prop][i] = v.toString();
+    var require_string2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var string_exports = {};
+        __export22(string_exports, {
+          customDecodeURIComponent: () => customDecodeURIComponent,
+          customEncodeURIComponent: () => customEncodeURIComponent,
+          findKeyPosition: () => findKeyPosition,
+          lowercaseFirstLetter: () => lowercaseFirstLetter,
+          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
+          replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
+          stringIncludesAny: () => stringIncludesAny,
+          trimStringFromSymbols: () => trimStringFromSymbols
+        });
+        module22.exports = __toCommonJS22(string_exports);
+        var stringIncludesAny = (str, characters) => {
+          for (const char of characters) {
+            if (str.includes(char)) {
+              return true;
+            }
+          }
+          return false;
+        };
+        var trimStringFromSymbols = (str, characters) => {
+          const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
+          return str.replace(pattern, "");
+        };
+        var brackRegex = {
+          2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
+          3: /\{\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}\}/g
+        };
+        var replaceLiteralsWithObjectFields = (str, state, options = {}) => {
+          if (!str.includes(options.bracketsLength === 3 ? "{{{" : "{{"))
+            return str;
+          const reg = brackRegex[options.bracketsLength || 2];
+          return str.replace(reg, (_, parentPath, variable) => {
+            if (parentPath) {
+              const parentLevels = parentPath.match(options.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
+              let parentState = state;
+              for (let i = 0; i < parentLevels; i++) {
+                parentState = parentState.parent;
+                if (!parentState) {
+                  return "";
+                }
+              }
+              const value = parentState[variable.trim()];
+              return value !== void 0 ? `${value}` : "";
             } else {
-              stringified[prop][i] = v;
+              const value = state[variable.trim()];
+              return value !== void 0 ? `${value}` : "";
             }
           });
-        } else {
-          stringified[prop] = objProp;
-        }
-      }
-      return stringified;
-    };
-    var objectToString = (obj = {}, indent = 0) => {
-      const spaces = "  ".repeat(indent);
-      let str = "{\n";
-      for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
-        const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
-        str += `${spaces}  ${stringedKey}: `;
-        if ((0, import_types.isArray)(value)) {
-          str += "[\n";
-          for (const element of value) {
-            if ((0, import_types.isObject)(element) && element !== null) {
-              str += `${spaces}    ${objectToString(element, indent + 2)},
-`;
-            } else if ((0, import_types.isString)(element)) {
-              str += `${spaces}    '${element}',
-`;
-            } else {
-              str += `${spaces}    ${element},
-`;
+        };
+        var lowercaseFirstLetter = (inputString) => {
+          return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
+        };
+        var findKeyPosition = (str, key) => {
+          const lines = str.split("\n");
+          let startLineNumber = -1;
+          let endLineNumber = -1;
+          let startColumn = -1;
+          let endColumn = -1;
+          const keyPattern = new RegExp(`\\b${key}\\b\\s*:\\s*`);
+          let braceCount = 0;
+          let foundKey = false;
+          for (let i = 0; i < lines.length; i++) {
+            if (keyPattern.test(lines[i]) && !foundKey) {
+              foundKey = true;
+              startLineNumber = i + 1;
+              startColumn = lines[i].indexOf(key) + 1;
+              if (lines[i].includes("{}")) {
+                endLineNumber = startLineNumber;
+                endColumn = lines[i].indexOf("{}") + 3;
+                break;
+              }
+              const line = lines[i].slice(startColumn + key.length);
+              if (line.includes("{") || line.includes("[")) {
+                braceCount = 1;
+              } else {
+                endLineNumber = i + 1;
+                endColumn = lines[i].length + 1;
+                break;
+              }
+            } else if (foundKey) {
+              braceCount += (lines[i].match(/{/g) || []).length;
+              braceCount += (lines[i].match(/\[/g) || []).length;
+              braceCount -= (lines[i].match(/}/g) || []).length;
+              braceCount -= (lines[i].match(/]/g) || []).length;
+              if (braceCount === 0) {
+                endLineNumber = i + 1;
+                endColumn = lines[i].lastIndexOf("}") !== -1 ? lines[i].lastIndexOf("}") + 2 : lines[i].length + 1;
+                break;
+              }
             }
           }
-          str += `${spaces}  ]`;
-        } else if ((0, import_types.isObjectLike)(value)) {
-          str += objectToString(value, indent + 1);
-        } else if ((0, import_types.isString)(value)) {
-          str += (0, import_string.stringIncludesAny)(value, ["\n", "'"]) ? `\`${value}\`` : `'${value}'`;
-        } else {
-          str += value;
-        }
-        str += ",\n";
+          return {
+            startColumn,
+            endColumn,
+            startLineNumber,
+            endLineNumber
+          };
+        };
+        var replaceOctalEscapeSequences = (str) => {
+          const octalRegex = /\\([0-7]{1,3})/g;
+          return str.replace(octalRegex, (match, p1) => {
+            const octalValue = parseInt(p1, 8);
+            const char = String.fromCharCode(octalValue);
+            return char;
+          });
+        };
+        var customEncodeURIComponent = (str) => {
+          return str.split("").map((char) => {
+            if (/[^a-zA-Z0-9\s]/.test(char)) {
+              return "%" + char.charCodeAt(0).toString(16).toUpperCase();
+            }
+            return char;
+          }).join("");
+        };
+        var customDecodeURIComponent = (encodedStr) => {
+          return encodedStr.replace(/%[0-9A-Fa-f]{2}/g, (match) => String.fromCharCode(parseInt(match.slice(1), 16)));
+        };
       }
-      str += `${spaces}}`;
-      return str;
-    };
-    var detachFunctionsFromObject = (obj, detached = {}) => {
-      for (const prop in obj) {
-        const objProp = obj[prop];
-        if ((0, import_types.isFunction)(objProp))
-          continue;
-        else if ((0, import_types.isObject)(objProp)) {
-          detached[prop] = {};
-          deepStringify(objProp, detached[prop]);
-        } else if ((0, import_types.isArray)(objProp)) {
-          detached[prop] = [];
-          objProp.forEach((v, i) => {
-            if ((0, import_types.isFunction)(v))
-              return;
-            if ((0, import_types.isObject)(v)) {
-              detached[prop][i] = {};
-              detachFunctionsFromObject(v, detached[prop][i]);
+    });
+    var require_object2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var object_exports = {};
+        __export22(object_exports, {
+          checkIfKeyIsComponent: () => checkIfKeyIsComponent,
+          clone: () => clone,
+          createObjectWithoutPrototype: () => createObjectWithoutPrototype,
+          deepClone: () => deepClone2,
+          deepCloneExclude: () => deepCloneExclude,
+          deepCloneWithExtend: () => deepCloneWithExtend,
+          deepContains: () => deepContains,
+          deepDestringify: () => deepDestringify,
+          deepDiff: () => deepDiff,
+          deepMerge: () => deepMerge2,
+          deepStringify: () => deepStringify,
+          detachFunctionsFromObject: () => detachFunctionsFromObject,
+          diff: () => diff,
+          diffArrays: () => diffArrays,
+          diffObjects: () => diffObjects,
+          exec: () => exec,
+          flattenRecursive: () => flattenRecursive,
+          getChildrenComponentsByKey: () => getChildrenComponentsByKey,
+          getExtendsInElement: () => getExtendsInElement,
+          hasOwnProperty: () => hasOwnProperty,
+          isEmpty: () => isEmpty,
+          isEmptyObject: () => isEmptyObject,
+          isEqualDeep: () => isEqualDeep,
+          makeObjectWithoutPrototype: () => makeObjectWithoutPrototype,
+          map: () => map,
+          merge: () => merge,
+          mergeArrayExclude: () => mergeArrayExclude,
+          mergeIfExisted: () => mergeIfExisted,
+          objectToString: () => objectToString,
+          overwrite: () => overwrite,
+          overwriteDeep: () => overwriteDeep,
+          overwriteShallow: () => overwriteShallow,
+          removeFromObject: () => removeFromObject,
+          stringToObject: () => stringToObject
+        });
+        module22.exports = __toCommonJS22(object_exports);
+        var import_globals2 = require_globals2();
+        var import_types = require_types2();
+        var import_array = require_array2();
+        var import_string = require_string2();
+        var exec = (param, element, state, context) => {
+          if ((0, import_types.isFunction)(param)) {
+            return param(
+              element,
+              state || element.state,
+              context || element.context
+            );
+          }
+          return param;
+        };
+        var map = (obj, extention, element) => {
+          for (const e in extention) {
+            obj[e] = exec(extention[e], element);
+          }
+        };
+        var merge = (element, obj, excludeFrom = []) => {
+          for (const e in obj) {
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
+            if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
+              continue;
+            const elementProp = element[e];
+            const objProp = obj[e];
+            if (elementProp === void 0) {
+              element[e] = objProp;
+            }
+          }
+          return element;
+        };
+        var deepMerge2 = (element, extend, excludeFrom = []) => {
+          for (const e in extend) {
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
+            if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
+              continue;
+            const elementProp = element[e];
+            const extendProp = extend[e];
+            if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
+              deepMerge2(elementProp, extendProp, excludeFrom);
+            } else if (elementProp === void 0) {
+              element[e] = extendProp;
+            }
+          }
+          return element;
+        };
+        var clone = (obj, excludeFrom = []) => {
+          const o = {};
+          for (const prop in obj) {
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
+            if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__"))
+              continue;
+            o[prop] = obj[prop];
+          }
+          return o;
+        };
+        var deepCloneExclude = (obj, excludeFrom = []) => {
+          if ((0, import_types.isArray)(obj)) {
+            return obj.map((x) => deepCloneExclude(x, excludeFrom));
+          }
+          const o = {};
+          for (const k in obj) {
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, k);
+            if (!hasOwnProperty2 || excludeFrom.includes(k) || k.startsWith("__"))
+              continue;
+            let v = obj[k];
+            if (k === "extend" && (0, import_types.isArray)(v)) {
+              v = mergeArrayExclude(v, excludeFrom);
+            }
+            if ((0, import_types.isArray)(v)) {
+              o[k] = v.map((x) => deepCloneExclude(x, excludeFrom));
+            } else if ((0, import_types.isObject)(v)) {
+              o[k] = deepCloneExclude(v, excludeFrom);
+            } else
+              o[k] = v;
+          }
+          return o;
+        };
+        var mergeArrayExclude = (arr, excl = []) => {
+          return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
+        };
+        var deepClone2 = (obj, excludeFrom = [], cleanUndefined = false) => {
+          const o = (0, import_types.isArray)(obj) ? [] : {};
+          for (const prop in obj) {
+            if (!Object.prototype.hasOwnProperty.call(obj, prop))
+              continue;
+            if (prop === "__proto__")
+              continue;
+            if (excludeFrom.includes(prop) || prop.startsWith("__"))
+              continue;
+            let objProp = obj[prop];
+            if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+              continue;
+            if (prop === "extend" && (0, import_types.isArray)(objProp)) {
+              objProp = (0, import_array.mergeArray)(objProp);
+            }
+            if ((0, import_types.isObjectLike)(objProp)) {
+              o[prop] = deepClone2(objProp, excludeFrom, cleanUndefined);
+            } else
+              o[prop] = objProp;
+          }
+          return o;
+        };
+        var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
+          const o = options.window ? (0, import_types.isArray)(obj) ? new options.window.Array([]) : new options.window.Object({}) : (0, import_types.isArray)(obj) ? [] : {};
+          for (const prop in obj) {
+            if (!Object.prototype.hasOwnProperty.call(obj, prop))
+              continue;
+            const objProp = obj[prop];
+            if (excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
+              continue;
+            if ((0, import_types.isObjectLike)(objProp)) {
+              o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
+            } else
+              o[prop] = objProp;
+          }
+          return o;
+        };
+        var deepStringify = (obj, stringified = {}) => {
+          for (const prop in obj) {
+            const objProp = obj[prop];
+            if ((0, import_types.isFunction)(objProp)) {
+              stringified[prop] = objProp.toString();
+            } else if ((0, import_types.isObject)(objProp)) {
+              stringified[prop] = {};
+              deepStringify(objProp, stringified[prop]);
+            } else if ((0, import_types.isArray)(objProp)) {
+              stringified[prop] = [];
+              objProp.forEach((v, i) => {
+                if ((0, import_types.isObject)(v)) {
+                  stringified[prop][i] = {};
+                  deepStringify(v, stringified[prop][i]);
+                } else if ((0, import_types.isFunction)(v)) {
+                  stringified[prop][i] = v.toString();
+                } else {
+                  stringified[prop][i] = v;
+                }
+              });
             } else {
-              detached[prop][i] = v;
+              stringified[prop] = objProp;
             }
-          });
-        } else {
-          detached[prop] = objProp;
-        }
-      }
-      return detached;
-    };
-    var deepDestringify = (obj, destringified = {}) => {
-      for (const prop in obj) {
-        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty2)
-          continue;
-        const objProp = obj[prop];
-        if ((0, import_types.isString)(objProp)) {
-          if ((objProp.includes("(){") || objProp.includes("() {") || objProp.includes("=>") || objProp.startsWith("()") || objProp.startsWith("async") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
-            try {
-              const evalProp = import_globals2.window.eval(`(${objProp})`);
-              destringified[prop] = evalProp;
-            } catch (e) {
-              if (e)
-                destringified[prop] = objProp;
+          }
+          return stringified;
+        };
+        var objectToString = (obj = {}, indent = 0) => {
+          const spaces = "  ".repeat(indent);
+          let str = "{\n";
+          for (const [key, value] of Object.entries(obj)) {
+            const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "%", "{", "}", ">", "<", "@", ".", "/", "!", " "]);
+            const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
+            str += `${spaces}  ${stringedKey}: `;
+            if ((0, import_types.isArray)(value)) {
+              str += "[\n";
+              for (const element of value) {
+                if ((0, import_types.isObject)(element) && element !== null) {
+                  str += `${spaces}    ${objectToString(element, indent + 2)},
+`;
+                } else if ((0, import_types.isString)(element)) {
+                  str += `${spaces}    '${element}',
+`;
+                } else {
+                  str += `${spaces}    ${element},
+`;
+                }
+              }
+              str += `${spaces}  ]`;
+            } else if ((0, import_types.isObjectLike)(value)) {
+              str += objectToString(value, indent + 1);
+            } else if ((0, import_types.isString)(value)) {
+              str += (0, import_string.stringIncludesAny)(value, ["\n", "'"]) ? `\`${value}\`` : `'${value}'`;
+            } else {
+              str += value;
             }
-          } else {
-            destringified[prop] = objProp;
+            str += ",\n";
           }
-        } else if ((0, import_types.isArray)(objProp)) {
-          destringified[prop] = [];
-          objProp.forEach((arrProp) => {
-            if ((0, import_types.isString)(arrProp)) {
-              if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
+          str += `${spaces}}`;
+          return str;
+        };
+        var detachFunctionsFromObject = (obj, detached = {}) => {
+          for (const prop in obj) {
+            const objProp = obj[prop];
+            if ((0, import_types.isFunction)(objProp))
+              continue;
+            else if ((0, import_types.isObject)(objProp)) {
+              detached[prop] = {};
+              deepStringify(objProp, detached[prop]);
+            } else if ((0, import_types.isArray)(objProp)) {
+              detached[prop] = [];
+              objProp.forEach((v, i) => {
+                if ((0, import_types.isFunction)(v))
+                  return;
+                if ((0, import_types.isObject)(v)) {
+                  detached[prop][i] = {};
+                  detachFunctionsFromObject(v, detached[prop][i]);
+                } else {
+                  detached[prop][i] = v;
+                }
+              });
+            } else {
+              detached[prop] = objProp;
+            }
+          }
+          return detached;
+        };
+        var deepDestringify = (obj, destringified = {}) => {
+          for (const prop in obj) {
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
+            if (!hasOwnProperty2)
+              continue;
+            const objProp = obj[prop];
+            if ((0, import_types.isString)(objProp)) {
+              if ((objProp.includes("(){") || objProp.includes("() {") || objProp.includes("=>") || objProp.startsWith("()") || objProp.startsWith("async") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
                 try {
-                  const evalProp = import_globals2.window.eval(`(${arrProp})`);
-                  destringified[prop].push(evalProp);
+                  const evalProp = import_globals2.window.eval(`(${objProp})`);
+                  destringified[prop] = evalProp;
                 } catch (e) {
                   if (e)
-                    destringified[prop].push(arrProp);
+                    destringified[prop] = objProp;
                 }
               } else {
-                destringified[prop].push(arrProp);
+                destringified[prop] = objProp;
               }
-            } else if ((0, import_types.isObject)(arrProp)) {
-              destringified[prop].push(deepDestringify(arrProp));
+            } else if ((0, import_types.isArray)(objProp)) {
+              destringified[prop] = [];
+              objProp.forEach((arrProp) => {
+                if ((0, import_types.isString)(arrProp)) {
+                  if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
+                    try {
+                      const evalProp = import_globals2.window.eval(`(${arrProp})`);
+                      destringified[prop].push(evalProp);
+                    } catch (e) {
+                      if (e)
+                        destringified[prop].push(arrProp);
+                    }
+                  } else {
+                    destringified[prop].push(arrProp);
+                  }
+                } else if ((0, import_types.isObject)(arrProp)) {
+                  destringified[prop].push(deepDestringify(arrProp));
+                } else {
+                  destringified[prop].push(arrProp);
+                }
+              });
+            } else if ((0, import_types.isObject)(objProp)) {
+              destringified[prop] = deepDestringify(objProp, destringified[prop]);
             } else {
-              destringified[prop].push(arrProp);
+              destringified[prop] = objProp;
             }
-          });
-        } else if ((0, import_types.isObject)(objProp)) {
-          destringified[prop] = deepDestringify(objProp, destringified[prop]);
-        } else {
-          destringified[prop] = objProp;
-        }
-      }
-      return destringified;
-    };
-    var stringToObject = (str, opts = { verbose: true }) => {
-      try {
-        return import_globals2.window.eval("(" + str + ")");
-      } catch (e) {
-        if (opts.verbose)
-          console.warn(e);
-      }
-    };
-    var diffObjects = (original, objToDiff, cache) => {
-      for (const e in objToDiff) {
-        if (e === "ref")
-          continue;
-        const originalProp = original[e];
-        const objToDiffProp = objToDiff[e];
-        if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
-          cache[e] = {};
-          diff(originalProp, objToDiffProp, cache[e]);
-        } else if (objToDiffProp !== void 0) {
-          cache[e] = objToDiffProp;
-        }
-      }
-      return cache;
-    };
-    var diffArrays = (original, objToDiff, cache) => {
-      if (original.length !== objToDiff.length) {
-        cache = objToDiff;
-      } else {
-        const diffArr = [];
-        for (let i = 0; i < original.length; i++) {
-          const diffObj = diff(original[i], objToDiff[i]);
-          if (Object.keys(diffObj).length > 0) {
-            diffArr.push(diffObj);
           }
-        }
-        if (diffArr.length > 0) {
-          cache = diffArr;
-        }
-      }
-      return cache;
-    };
-    var diff = (original, objToDiff, cache = {}) => {
-      if ((0, import_types.isArray)(original) && (0, import_types.isArray)(objToDiff)) {
-        cache = [];
-        diffArrays(original, objToDiff, cache);
-      } else {
-        diffObjects(original, objToDiff, cache);
-      }
-      return cache;
-    };
-    var hasOwnProperty = (o, ...args) => Object.prototype.hasOwnProperty.call(o, ...args);
-    var isEmpty = (o) => Object.keys(o).length === 0;
-    var isEmptyObject = (o) => (0, import_types.isObject)(o) && isEmpty(o);
-    var makeObjectWithoutPrototype = () => /* @__PURE__ */ Object.create(null);
-    var deepDiff = (lhs, rhs) => {
-      if (lhs === rhs)
-        return {};
-      if (!(0, import_types.isObjectLike)(lhs) || !(0, import_types.isObjectLike)(rhs))
-        return rhs;
-      const deletedValues = Object.keys(lhs).reduce((acc, key) => {
-        if (!hasOwnProperty(rhs, key)) {
-          acc[key] = void 0;
-        }
-        return acc;
-      }, makeObjectWithoutPrototype());
-      if ((0, import_types.isDate)(lhs) || (0, import_types.isDate)(rhs)) {
-        if (lhs.valueOf() === rhs.valueOf())
-          return {};
-        return rhs;
-      }
-      return Object.keys(rhs).reduce((acc, key) => {
-        if (!hasOwnProperty(lhs, key)) {
-          acc[key] = rhs[key];
-          return acc;
-        }
-        const difference = diff(lhs[key], rhs[key]);
-        if (isEmptyObject(difference) && !(0, import_types.isDate)(difference) && (isEmptyObject(lhs[key]) || !isEmptyObject(rhs[key]))) {
-          return acc;
-        }
-        acc[key] = difference;
-        return acc;
-      }, deletedValues);
-    };
-    var overwrite = (element, params, excludeFrom = []) => {
-      const { ref } = element;
-      const changes = {};
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const elementProp = element[e];
-        const paramsProp = params[e];
-        if (paramsProp) {
-          ref.__cache[e] = changes[e] = elementProp;
-          ref[e] = paramsProp;
-        }
-      }
-      return changes;
-    };
-    var overwriteShallow = (obj, params, excludeFrom = []) => {
-      for (const e in params) {
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        obj[e] = params[e];
-      }
-      return obj;
-    };
-    var overwriteDeep = (obj, params, excludeFrom = []) => {
-      for (const e in params) {
-        if (e === "__proto__")
-          continue;
-        if (excludeFrom.includes(e) || e.startsWith("__"))
-          continue;
-        const objProp = obj[e];
-        const paramsProp = params[e];
-        if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
-          overwriteDeep(objProp, paramsProp);
-        } else if (paramsProp !== void 0) {
-          obj[e] = paramsProp;
-        }
-      }
-      return obj;
-    };
-    var mergeIfExisted = (a, b) => {
-      if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
-        return deepMerge2(a, b);
-      return a || b;
-    };
-    var flattenRecursive = (param, prop, stack = []) => {
-      const objectized = (0, import_array.mergeAndCloneIfArray)(param);
-      stack.push(objectized);
-      const extendOfExtend = objectized[prop];
-      if (extendOfExtend)
-        flattenRecursive(extendOfExtend, prop, stack);
-      delete objectized[prop];
-      return stack;
-    };
-    var isEqualDeep = (param, element, visited = /* @__PURE__ */ new Set()) => {
-      if (typeof param !== "object" || typeof element !== "object" || param === null || element === null) {
-        return param === element;
-      }
-      if (visited.has(param) || visited.has(element)) {
-        return true;
-      }
-      visited.add(param);
-      visited.add(element);
-      const keysParam = Object.keys(param);
-      const keysElement = Object.keys(element);
-      if (keysParam.length !== keysElement.length) {
-        return false;
-      }
-      for (const key of keysParam) {
-        if (!keysElement.includes(key)) {
-          return false;
-        }
-        const paramProp = param[key];
-        const elementProp = element[key];
-        if (!isEqualDeep(paramProp, elementProp, visited)) {
-          return false;
-        }
-      }
-      return true;
-    };
-    var deepContains = (obj1, obj2) => {
-      if (typeof obj1 !== typeof obj2) {
-        return false;
-      }
-      if ((0, import_types.isObjectLike)(obj1)) {
-        if (Array.isArray(obj1) && Array.isArray(obj2)) {
-          if (obj1.length !== obj2.length) {
+          return destringified;
+        };
+        var stringToObject = (str, opts = { verbose: true }) => {
+          try {
+            return import_globals2.window.eval("(" + str + ")");
+          } catch (e) {
+            if (opts.verbose)
+              console.warn(e);
+          }
+        };
+        var diffObjects = (original, objToDiff, cache) => {
+          for (const e in objToDiff) {
+            if (e === "ref")
+              continue;
+            const originalProp = original[e];
+            const objToDiffProp = objToDiff[e];
+            if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
+              cache[e] = {};
+              diff(originalProp, objToDiffProp, cache[e]);
+            } else if (objToDiffProp !== void 0) {
+              cache[e] = objToDiffProp;
+            }
+          }
+          return cache;
+        };
+        var diffArrays = (original, objToDiff, cache) => {
+          if (original.length !== objToDiff.length) {
+            cache = objToDiff;
+          } else {
+            const diffArr = [];
+            for (let i = 0; i < original.length; i++) {
+              const diffObj = diff(original[i], objToDiff[i]);
+              if (Object.keys(diffObj).length > 0) {
+                diffArr.push(diffObj);
+              }
+            }
+            if (diffArr.length > 0) {
+              cache = diffArr;
+            }
+          }
+          return cache;
+        };
+        var diff = (original, objToDiff, cache = {}) => {
+          if ((0, import_types.isArray)(original) && (0, import_types.isArray)(objToDiff)) {
+            cache = [];
+            diffArrays(original, objToDiff, cache);
+          } else {
+            diffObjects(original, objToDiff, cache);
+          }
+          return cache;
+        };
+        var hasOwnProperty = (o, ...args) => Object.prototype.hasOwnProperty.call(o, ...args);
+        var isEmpty = (o) => Object.keys(o).length === 0;
+        var isEmptyObject = (o) => (0, import_types.isObject)(o) && isEmpty(o);
+        var makeObjectWithoutPrototype = () => /* @__PURE__ */ Object.create(null);
+        var deepDiff = (lhs, rhs) => {
+          if (lhs === rhs)
+            return {};
+          if (!(0, import_types.isObjectLike)(lhs) || !(0, import_types.isObjectLike)(rhs))
+            return rhs;
+          const deletedValues = Object.keys(lhs).reduce((acc, key) => {
+            if (!hasOwnProperty(rhs, key)) {
+              acc[key] = void 0;
+            }
+            return acc;
+          }, makeObjectWithoutPrototype());
+          if ((0, import_types.isDate)(lhs) || (0, import_types.isDate)(rhs)) {
+            if (lhs.valueOf() === rhs.valueOf())
+              return {};
+            return rhs;
+          }
+          return Object.keys(rhs).reduce((acc, key) => {
+            if (!hasOwnProperty(lhs, key)) {
+              acc[key] = rhs[key];
+              return acc;
+            }
+            const difference = diff(lhs[key], rhs[key]);
+            if (isEmptyObject(difference) && !(0, import_types.isDate)(difference) && (isEmptyObject(lhs[key]) || !isEmptyObject(rhs[key]))) {
+              return acc;
+            }
+            acc[key] = difference;
+            return acc;
+          }, deletedValues);
+        };
+        var overwrite = (element, params, excludeFrom = []) => {
+          const { ref } = element;
+          const changes = {};
+          for (const e in params) {
+            if (excludeFrom.includes(e) || e.startsWith("__"))
+              continue;
+            const elementProp = element[e];
+            const paramsProp = params[e];
+            if (paramsProp) {
+              ref.__cache[e] = changes[e] = elementProp;
+              ref[e] = paramsProp;
+            }
+          }
+          return changes;
+        };
+        var overwriteShallow = (obj, params, excludeFrom = []) => {
+          for (const e in params) {
+            if (excludeFrom.includes(e) || e.startsWith("__"))
+              continue;
+            obj[e] = params[e];
+          }
+          return obj;
+        };
+        var overwriteDeep = (obj, params, excludeFrom = []) => {
+          for (const e in params) {
+            if (e === "__proto__")
+              continue;
+            if (excludeFrom.includes(e) || e.startsWith("__"))
+              continue;
+            const objProp = obj[e];
+            const paramsProp = params[e];
+            if ((0, import_types.isObjectLike)(objProp) && (0, import_types.isObjectLike)(paramsProp)) {
+              overwriteDeep(objProp, paramsProp);
+            } else if (paramsProp !== void 0) {
+              obj[e] = paramsProp;
+            }
+          }
+          return obj;
+        };
+        var mergeIfExisted = (a, b) => {
+          if ((0, import_types.isObjectLike)(a) && (0, import_types.isObjectLike)(b))
+            return deepMerge2(a, b);
+          return a || b;
+        };
+        var flattenRecursive = (param, prop, stack = []) => {
+          const objectized = (0, import_array.mergeAndCloneIfArray)(param);
+          stack.push(objectized);
+          const extendOfExtend = objectized[prop];
+          if (extendOfExtend)
+            flattenRecursive(extendOfExtend, prop, stack);
+          delete objectized[prop];
+          return stack;
+        };
+        var isEqualDeep = (param, element, visited = /* @__PURE__ */ new Set()) => {
+          if (typeof param !== "object" || typeof element !== "object" || param === null || element === null) {
+            return param === element;
+          }
+          if (visited.has(param) || visited.has(element)) {
+            return true;
+          }
+          visited.add(param);
+          visited.add(element);
+          const keysParam = Object.keys(param);
+          const keysElement = Object.keys(element);
+          if (keysParam.length !== keysElement.length) {
             return false;
           }
-          for (let i = 0; i < obj1.length; i++) {
-            if (!deepContains(obj1[i], obj2[i])) {
+          for (const key of keysParam) {
+            if (!keysElement.includes(key)) {
               return false;
             }
-          }
-        } else if ((0, import_types.isObjectLike)(obj1) && obj2 !== null) {
-          for (const key in obj1) {
-            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj2, key);
-            if (!hasOwnProperty2 || !deepContains(obj1[key], obj2[key])) {
+            const paramProp = param[key];
+            const elementProp = element[key];
+            if (!isEqualDeep(paramProp, elementProp, visited)) {
               return false;
             }
           }
-        }
-      } else {
-        return obj2 === obj1;
-      }
-      return true;
-    };
-    var removeFromObject = (obj, props) => {
-      if (props === void 0 || props === null)
-        return obj;
-      if ((0, import_types.is)(props)("string", "number")) {
-        delete obj[props];
-      } else if ((0, import_types.isArray)(props)) {
-        props.forEach((prop) => delete obj[prop]);
-      } else {
-        throw new Error("Invalid input: props must be a string or an array of strings");
-      }
-      return obj;
-    };
-    var createObjectWithoutPrototype = (obj) => {
-      if (obj === null || typeof obj !== "object") {
-        return obj;
-      }
-      const newObj = /* @__PURE__ */ Object.create(null);
-      for (const key in obj) {
-        if (Object.prototype.hasOwnProperty.call(obj, key)) {
-          newObj[key] = createObjectWithoutPrototype(obj[key]);
-        }
-      }
-      return newObj;
-    };
-    var checkIfKeyIsComponent = (key) => {
-      const isFirstKeyString = (0, import_types.isString)(key);
-      if (!isFirstKeyString)
-        return;
-      const firstCharKey = key.slice(0, 1);
-      return /^[A-Z]*$/.test(firstCharKey);
-    };
-    var getChildrenComponentsByKey = (key, el) => {
-      if (key === el.key || el.__ref.__componentKey === key) {
-        return el;
-      }
-      if (el.extend) {
-        const foundString = (0, import_types.isString)(el.extend) && el.extend === key;
-        const foundInArray = (0, import_types.isArray)(el.extend) && el.extend.filter((v) => v === key).length;
-        if (foundString || foundInArray)
-          return el;
-      }
-    };
-    var getExtendsInElement = (obj) => {
-      let result = [];
-      function traverse(o) {
-        for (const key in o) {
-          if (Object.hasOwnProperty.call(o, key)) {
-            if (checkIfKeyIsComponent(key)) {
-              result.push(key);
-            }
-            if (key === "extend") {
-              if (typeof o[key] === "string") {
-                result.push(o[key]);
-              } else if (Array.isArray(o[key])) {
-                result = result.concat(o[key]);
+          return true;
+        };
+        var deepContains = (obj1, obj2) => {
+          if (typeof obj1 !== typeof obj2) {
+            return false;
+          }
+          if ((0, import_types.isObjectLike)(obj1)) {
+            if (Array.isArray(obj1) && Array.isArray(obj2)) {
+              if (obj1.length !== obj2.length) {
+                return false;
+              }
+              for (let i = 0; i < obj1.length; i++) {
+                if (!deepContains(obj1[i], obj2[i])) {
+                  return false;
+                }
+              }
+            } else if ((0, import_types.isObjectLike)(obj1) && obj2 !== null) {
+              for (const key in obj1) {
+                const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj2, key);
+                if (!hasOwnProperty2 || !deepContains(obj1[key], obj2[key])) {
+                  return false;
+                }
               }
             }
-            if (typeof o[key] === "object" && o[key] !== null) {
-              traverse(o[key]);
+          } else {
+            return obj2 === obj1;
+          }
+          return true;
+        };
+        var removeFromObject = (obj, props) => {
+          if (props === void 0 || props === null)
+            return obj;
+          if ((0, import_types.is)(props)("string", "number")) {
+            delete obj[props];
+          } else if ((0, import_types.isArray)(props)) {
+            props.forEach((prop) => delete obj[prop]);
+          } else {
+            throw new Error("Invalid input: props must be a string or an array of strings");
+          }
+          return obj;
+        };
+        var createObjectWithoutPrototype = (obj) => {
+          if (obj === null || typeof obj !== "object") {
+            return obj;
+          }
+          const newObj = /* @__PURE__ */ Object.create(null);
+          for (const key in obj) {
+            if (Object.prototype.hasOwnProperty.call(obj, key)) {
+              newObj[key] = createObjectWithoutPrototype(obj[key]);
             }
           }
-        }
-      }
-      traverse(obj);
-      return result;
-    };
-  }
-});
-var require_function2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          return newObj;
+        };
+        var checkIfKeyIsComponent = (key) => {
+          const isFirstKeyString = (0, import_types.isString)(key);
+          if (!isFirstKeyString)
+            return;
+          const firstCharKey = key.slice(0, 1);
+          return /^[A-Z]*$/.test(firstCharKey);
+        };
+        var getChildrenComponentsByKey = (key, el) => {
+          if (key === el.key || el.__ref.__componentKey === key) {
+            return el;
+          }
+          if (el.extend) {
+            const foundString = (0, import_types.isString)(el.extend) && el.extend === key;
+            const foundInArray = (0, import_types.isArray)(el.extend) && el.extend.filter((v) => v === key).length;
+            if (foundString || foundInArray)
+              return el;
+          }
+          if (el.parent && el.parent.childExtend) {
+            const foundString = (0, import_types.isString)(el.parent.childExtend) && el.parent.childExtend === key;
+            const foundInArray = (0, import_types.isArray)(el.parent.childExtend) && el.parent.childExtend.filter((v) => v === key).length;
+            if (foundString || foundInArray)
+              return el;
+          }
+        };
+        var getExtendsInElement = (obj) => {
+          let result = [];
+          function traverse(o) {
+            for (const key in o) {
+              if (Object.hasOwnProperty.call(o, key)) {
+                if (checkIfKeyIsComponent(key)) {
+                  result.push(key);
+                }
+                if (key === "extend") {
+                  if (typeof o[key] === "string") {
+                    result.push(o[key]);
+                  } else if (Array.isArray(o[key])) {
+                    result = result.concat(o[key]);
+                  }
+                }
+                if (typeof o[key] === "object" && o[key] !== null) {
+                  traverse(o[key]);
+                }
+              }
+            }
+          }
+          traverse(obj);
+          return result;
+        };
       }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var function_exports = {};
-    __export22(function_exports, {
-      debounce: () => debounce,
-      debounceOnContext: () => debounceOnContext,
-      isStringFunction: () => isStringFunction,
-      memoize: () => memoize
     });
-    module2.exports = __toCommonJS22(function_exports);
-    function debounce(func, wait, immediate) {
-      let timeout;
-      return function() {
-        const context = this;
-        const args = arguments;
-        const later = function() {
-          timeout = null;
-          if (!immediate)
-            func.apply(context, args);
+    var require_function2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
         };
-        const callNow = immediate && !timeout;
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-        if (callNow)
-          func.apply(context, args);
-      };
-    }
-    var debounceOnContext = (element, func, timeout = 300) => {
-      let timer;
-      return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => {
-          func.apply(element, args);
-        }, timeout);
-      };
-    };
-    var memoize = (fn) => {
-      const cache = {};
-      return (...args) => {
-        const n = args[0];
-        if (n in cache) {
-          return cache[n];
-        } else {
-          const result = fn(n);
-          cache[n] = result;
-          return result;
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var function_exports = {};
+        __export22(function_exports, {
+          debounce: () => debounce,
+          debounceOnContext: () => debounceOnContext,
+          isStringFunction: () => isStringFunction,
+          memoize: () => memoize
+        });
+        module22.exports = __toCommonJS22(function_exports);
+        function debounce(func, wait, immediate) {
+          let timeout;
+          return function() {
+            const context = this;
+            const args = arguments;
+            const later = function() {
+              timeout = null;
+              if (!immediate)
+                func.apply(context, args);
+            };
+            const callNow = immediate && !timeout;
+            clearTimeout(timeout);
+            timeout = setTimeout(later, wait);
+            if (callNow)
+              func.apply(context, args);
+          };
         }
-      };
-    };
-    var isStringFunction = (inputString) => {
-      const functionRegex = /^((function\s*\([^)]*\)\s*\{[^}]*\})|(\([^)]*\)\s*=>))/;
-      return functionRegex.test(inputString);
-    };
-  }
-});
-var require_log2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+        var debounceOnContext = (element, func, timeout = 300) => {
+          let timer;
+          return (...args) => {
+            clearTimeout(timer);
+            timer = setTimeout(() => {
+              func.apply(element, args);
+            }, timeout);
+          };
+        };
+        var memoize = (fn) => {
+          const cache = {};
+          return (...args) => {
+            const n = args[0];
+            if (n in cache) {
+              return cache[n];
+            } else {
+              const result = fn(n);
+              cache[n] = result;
+              return result;
+            }
+          };
+        };
+        var isStringFunction = (inputString) => {
+          const functionRegex = /^((function\s*\([^)]*\)\s*\{[^}]*\})|(\([^)]*\)\s*=>))/;
+          return functionRegex.test(inputString);
+        };
       }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var log_exports = {};
-    __export22(log_exports, {
-      logGroupIf: () => logGroupIf,
-      logIf: () => logIf
     });
-    module2.exports = __toCommonJS22(log_exports);
-    var logIf = (bool, ...arg) => {
-      if (bool)
-        arg.map((v) => console.log(v));
-    };
-    var logGroupIf = (bool, key, ...arg) => {
-      if (bool) {
-        console.group(key);
-        arg.map((v) => console.log(v));
-        console.groupEnd(key);
+    var require_log2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var log_exports = {};
+        __export22(log_exports, {
+          logGroupIf: () => logGroupIf,
+          logIf: () => logIf
+        });
+        module22.exports = __toCommonJS22(log_exports);
+        var logIf = (bool, ...arg) => {
+          if (bool)
+            arg.map((v) => console.log(v));
+        };
+        var logGroupIf = (bool, key, ...arg) => {
+          if (bool) {
+            console.group(key);
+            arg.map((v) => console.log(v));
+            console.groupEnd(key);
+          }
+        };
       }
-    };
-  }
-});
-var require_cookie2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+    });
+    var require_cookie2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var cookie_exports = {};
+        __export22(cookie_exports, {
+          getCookie: () => getCookie,
+          isMobile: () => isMobile,
+          setCookie: () => setCookie
+        });
+        module22.exports = __toCommonJS22(cookie_exports);
+        var import_types = require_types2();
+        var import_utils32 = require_cjs4();
+        var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
+        var setCookie = (cname, cvalue, exdays = 365) => {
+          if ((0, import_types.isUndefined)(import_utils32.document) || (0, import_types.isUndefined)(import_utils32.document.cookie))
+            return;
+          const d = /* @__PURE__ */ new Date();
+          d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
+          const expires = `expires=${d.toUTCString()}`;
+          import_utils32.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+        };
+        var getCookie = (cname) => {
+          if ((0, import_types.isUndefined)(import_utils32.document) || (0, import_types.isUndefined)(import_utils32.document.cookie))
+            return;
+          const name = `${cname}=`;
+          const decodedCookie = decodeURIComponent(import_utils32.document.cookie);
+          const ca = decodedCookie.split(";");
+          for (let i = 0; i < ca.length; i++) {
+            let c = ca[i];
+            while (c.charAt(0) === " ")
+              c = c.substring(1);
+            if (c.indexOf(name) === 0)
+              return c.substring(name.length, c.length);
+          }
+          return "";
+        };
       }
-      return to;
-    };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var cookie_exports = {};
-    __export22(cookie_exports, {
-      getCookie: () => getCookie,
-      isMobile: () => isMobile,
-      setCookie: () => setCookie
     });
-    module2.exports = __toCommonJS22(cookie_exports);
-    var import_types = require_types2();
-    var import_utils32 = require_cjs3();
-    var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
-    var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(import_utils32.document) || (0, import_types.isUndefined)(import_utils32.document.cookie))
-        return;
-      const d = /* @__PURE__ */ new Date();
-      d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
-      const expires = `expires=${d.toUTCString()}`;
-      import_utils32.document.cookie = `${cname}=${cvalue};${expires};path=/`;
-    };
-    var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils32.document) || (0, import_types.isUndefined)(import_utils32.document.cookie))
-        return;
-      const name = `${cname}=`;
-      const decodedCookie = decodeURIComponent(import_utils32.document.cookie);
-      const ca = decodedCookie.split(";");
-      for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) === " ")
-          c = c.substring(1);
-        if (c.indexOf(name) === 0)
-          return c.substring(name.length, c.length);
+    var require_tags2 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var tags_exports = {};
+        __export22(tags_exports, {
+          HTML_TAGS: () => HTML_TAGS,
+          isValidHtmlTag: () => isValidHtmlTag
+        });
+        module22.exports = __toCommonJS22(tags_exports);
+        var HTML_TAGS = {
+          root: [
+            "body",
+            "html"
+          ],
+          head: [
+            "title",
+            "base",
+            "meta",
+            "style"
+          ],
+          body: [
+            "string",
+            "fragment",
+            "a",
+            "abbr",
+            "acronym",
+            "address",
+            "applet",
+            "area",
+            "article",
+            "aside",
+            "audio",
+            "b",
+            "basefont",
+            "bdi",
+            "bdo",
+            "big",
+            "blockquote",
+            "br",
+            "button",
+            "canvas",
+            "caption",
+            "center",
+            "cite",
+            "code",
+            "search",
+            "col",
+            "colgroup",
+            "data",
+            "datalist",
+            "dd",
+            "del",
+            "details",
+            "dfn",
+            "dialog",
+            "dir",
+            "div",
+            "dl",
+            "dt",
+            "em",
+            "embed",
+            "fieldset",
+            "figcaption",
+            "figure",
+            "font",
+            "footer",
+            "form",
+            "frame",
+            "frameset",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "head",
+            "header",
+            "hr",
+            "i",
+            "iframe",
+            "img",
+            "input",
+            "ins",
+            "kbd",
+            "label",
+            "legend",
+            "li",
+            "link",
+            "main",
+            "map",
+            "mark",
+            "meter",
+            "nav",
+            "noframes",
+            "noscript",
+            "object",
+            "ol",
+            "optgroup",
+            "option",
+            "output",
+            "p",
+            "param",
+            "picture",
+            "pre",
+            "progress",
+            "hgroup",
+            "q",
+            "rp",
+            "rt",
+            "ruby",
+            "s",
+            "samp",
+            "script",
+            "section",
+            "select",
+            "small",
+            "source",
+            "span",
+            "strike",
+            "strong",
+            "sub",
+            "summary",
+            "sup",
+            "table",
+            "tbody",
+            "td",
+            "template",
+            "hgroup",
+            "textarea",
+            "tfoot",
+            "th",
+            "thead",
+            "time",
+            "tr",
+            "track",
+            "tt",
+            "u",
+            "ul",
+            "var",
+            "video",
+            "wbr",
+            // SVG
+            "svg",
+            "path"
+          ]
+        };
+        var isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
+      }
+    });
+    var require_cjs4 = __commonJS2({
+      "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __copyProps22 = (to, from, except, desc) => {
+          if (from && typeof from === "object" || typeof from === "function") {
+            for (let key of __getOwnPropNames22(from))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __reExport = (target, mod, secondTarget) => (__copyProps22(target, mod, "default"), secondTarget && __copyProps22(secondTarget, mod, "default"));
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var utils_exports = {};
+        module22.exports = __toCommonJS22(utils_exports);
+        __reExport(utils_exports, require_key2(), module22.exports);
+        __reExport(utils_exports, require_env2(), module22.exports);
+        __reExport(utils_exports, require_types2(), module22.exports);
+        __reExport(utils_exports, require_object2(), module22.exports);
+        __reExport(utils_exports, require_function2(), module22.exports);
+        __reExport(utils_exports, require_array2(), module22.exports);
+        __reExport(utils_exports, require_node2(), module22.exports);
+        __reExport(utils_exports, require_log2(), module22.exports);
+        __reExport(utils_exports, require_string2(), module22.exports);
+        __reExport(utils_exports, require_globals2(), module22.exports);
+        __reExport(utils_exports, require_cookie2(), module22.exports);
+        __reExport(utils_exports, require_tags2(), module22.exports);
+      }
+    });
+    var src_exports = {};
+    __export2(src_exports, {
+      arrayzeValue: () => arrayzeValue,
+      copyStringToClipboard: () => copyStringToClipboard,
+      fibonacciNumberByIndex: () => fibonacciNumberByIndex,
+      findClosestNumber: () => findClosestNumber,
+      findClosestNumberInFactory: () => findClosestNumberInFactory,
+      formatDate: () => formatDate,
+      isPhoto: () => isPhoto,
+      loadCssFile: () => loadCssFile,
+      loadJavascript: () => loadJavascript,
+      loadJavascriptFile: () => loadJavascriptFile,
+      loadJavascriptFileSync: () => loadJavascriptFileSync,
+      removeChars: () => removeChars,
+      toCamelCase: () => toCamelCase,
+      toDashCase: () => toDashCase2,
+      toDescriptionCase: () => toDescriptionCase,
+      toTitleCase: () => toTitleCase,
+      toggleFullscreen: () => toggleFullscreen
+    });
+    module2.exports = __toCommonJS2(src_exports);
+    var import_utils22 = __toESM2(require_cjs4(), 1);
+    var toggleFullscreen = async (el) => {
+      if (!document.fullscreenElement) {
+        try {
+          await (el.node || document).requestFullscreen();
+        } catch (err) {
+          console.warn(`Error attempting to enable fullscreen mode: ${err.message} (${err.name})`);
+        }
+      } else {
+        await document.exitFullscreen();
       }
-      return "";
     };
-  }
-});
-var require_tags2 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __export22 = (target, all) => {
-      for (var name in all)
-        __defProp22(target, name, { get: all[name], enumerable: true });
+    var import_utils9 = __toESM2(require_cjs4(), 1);
+    var findClosestNumber = (number, arr) => {
+      return ((0, import_utils9.isArray)(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
+        return Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev;
+      });
     };
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
-      }
-      return to;
+    var findClosestNumberInFactory = (val, factory) => {
+      val = parseFloat(val);
+      if ((0, import_utils9.isObject)(factory))
+        factory = Object.values(factory);
+      return findClosestNumber(val, factory);
+    };
+    var formatDate = (timestamp) => {
+      if (!timestamp)
+        return "";
+      const d = new Date(timestamp);
+      const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
+      const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
+      const da = new Intl.DateTimeFormat("en", { day: "2-digit" }).format(d);
+      return `${da} ${mo}, ${ye}`;
+    };
+    var fibonacciNumberByIndex = function fibonacciNumberByIndex2(n) {
+      const fib = [0, 1];
+      for (let i = 2; i <= n; i++) {
+        fib[i] = fib[i - 1] + fib[i - 2];
+      }
+      return fib[n];
+    };
+    var loadJavascriptFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
+      return new Promise((resolve, reject) => {
+        try {
+          const scriptEle = doc.createElement("script");
+          scriptEle.type = type;
+          scriptEle.async = async;
+          scriptEle.src = FILE_URL;
+          scriptEle.addEventListener("load", (ev) => {
+            resolve({
+              status: true
+            });
+          });
+          scriptEle.addEventListener("error", (ev) => {
+            reject(new Error({
+              status: false,
+              message: `Failed to load the script ${FILE_URL}`
+            }));
+          });
+          doc.body.appendChild(scriptEle);
+        } catch (error) {
+          reject(error);
+        }
+      });
     };
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var tags_exports = {};
-    __export22(tags_exports, {
-      HTML_TAGS: () => HTML_TAGS,
-      isValidHtmlTag: () => isValidHtmlTag
-    });
-    module2.exports = __toCommonJS22(tags_exports);
-    var HTML_TAGS = {
-      root: [
-        "body",
-        "html"
-      ],
-      head: [
-        "title",
-        "base",
-        "meta",
-        "style"
-      ],
-      body: [
-        "string",
-        "fragment",
-        "a",
-        "abbr",
-        "acronym",
-        "address",
-        "applet",
-        "area",
-        "article",
-        "aside",
-        "audio",
-        "b",
-        "basefont",
-        "bdi",
-        "bdo",
-        "big",
-        "blockquote",
-        "br",
-        "button",
-        "canvas",
-        "caption",
-        "center",
-        "cite",
-        "code",
-        "search",
-        "col",
-        "colgroup",
-        "data",
-        "datalist",
-        "dd",
-        "del",
-        "details",
-        "dfn",
-        "dialog",
-        "dir",
-        "div",
-        "dl",
-        "dt",
-        "em",
-        "embed",
-        "fieldset",
-        "figcaption",
-        "figure",
-        "font",
-        "footer",
-        "form",
-        "frame",
-        "frameset",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "head",
-        "header",
-        "hr",
-        "i",
-        "iframe",
-        "img",
-        "input",
-        "ins",
-        "kbd",
-        "label",
-        "legend",
-        "li",
-        "link",
-        "main",
-        "map",
-        "mark",
-        "meter",
-        "nav",
-        "noframes",
-        "noscript",
-        "object",
-        "ol",
-        "optgroup",
-        "option",
-        "output",
-        "p",
-        "param",
-        "picture",
-        "pre",
-        "progress",
-        "hgroup",
-        "q",
-        "rp",
-        "rt",
-        "ruby",
-        "s",
-        "samp",
-        "script",
-        "section",
-        "select",
-        "small",
-        "source",
-        "span",
-        "strike",
-        "strong",
-        "sub",
-        "summary",
-        "sup",
-        "table",
-        "tbody",
-        "td",
-        "template",
-        "hgroup",
-        "textarea",
-        "tfoot",
-        "th",
-        "thead",
-        "time",
-        "tr",
-        "track",
-        "tt",
-        "u",
-        "ul",
-        "var",
-        "video",
-        "wbr",
-        // SVG
-        "svg",
-        "path"
-      ]
+    var loadJavascriptFileSync = (FILE_URL, doc = document, fallback, type = "text/javascript") => {
+      const xhr = new window.XMLHttpRequest();
+      xhr.open("GET", FILE_URL, false);
+      xhr.send();
+      if (xhr.status === 200) {
+        const scriptEle = doc.createElement("script");
+        scriptEle.type = type;
+        scriptEle.text = xhr.responseText;
+        doc.body.appendChild(scriptEle);
+        if (typeof fallback === "function")
+          fallback();
+      } else {
+        throw new Error(`Failed to load the script ${FILE_URL}`);
+      }
+    };
+    var loadCssFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
+      return new Promise((resolve, reject) => {
+        try {
+          const linkElem = doc.createElement("link");
+          linkElem.rel = "stylesheet";
+          linkElem.href = FILE_URL;
+          linkElem.addEventListener("load", (ev) => {
+            resolve({
+              status: true
+            });
+          });
+          doc.head.appendChild(linkElem);
+        } catch (error) {
+          reject(error);
+        }
+      });
     };
-    var isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
-  }
-});
-var require_cjs3 = __commonJS2({
-  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp22 = Object.defineProperty;
-    var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames22 = Object.getOwnPropertyNames;
-    var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-    var __copyProps22 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames22(from))
-          if (!__hasOwnProp22.call(to, key) && key !== except)
-            __defProp22(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc22(from, key)) || desc.enumerable });
-      }
-      return to;
+    var loadJavascript = (body, async = false, doc = document, type = "text/javascript", id = "smbls-script") => {
+      try {
+        const scriptEle = doc.createElement("script");
+        scriptEle.type = type;
+        scriptEle.async = async;
+        scriptEle.id = id;
+        scriptEle.innerHTML = body;
+        doc.body.appendChild(scriptEle);
+      } catch (error) {
+        console.warn(error);
+      }
+    };
+    var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
+    var copyStringToClipboard = (str) => {
+      const el = document.createElement("textarea");
+      el.value = str;
+      el.setAttribute("readonly", "");
+      el.style = { position: "absolute", left: "-9999px" };
+      document.body.appendChild(el);
+      el.select();
+      document.execCommand("copy");
+      document.body.removeChild(el);
+    };
+    var removeChars = (str) => {
+      return str.replace(/[^a-zA-Z0-9_]/g, "");
+    };
+    var toCamelCase = (str) => {
+      return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
+        return index === 0 ? word.toLowerCase() : word.toUpperCase();
+      }).replaceAll(/\s+/g, "");
+    };
+    var toTitleCase = (str) => str && str.replace(
+      /\w\S*/g,
+      (txt) => {
+        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+      }
+    );
+    var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
+    var toDescriptionCase = (str = "") => {
+      if (typeof str !== "string")
+        return;
+      const result = str.replace(/([A-Z])/g, " $1");
+      return result.charAt(0).toUpperCase() + result.slice(1);
+    };
+    var arrayzeValue = (val) => {
+      if ((0, import_utils22.isArray)(val))
+        return val;
+      if ((0, import_utils22.isString)(val))
+        return val.split(" ");
+      if ((0, import_utils22.isObject)(val))
+        return Object.values(val);
+      if ((0, import_utils22.isNumber)(val))
+        return [val];
     };
-    var __reExport = (target, mod, secondTarget) => (__copyProps22(target, mod, "default"), secondTarget && __copyProps22(secondTarget, mod, "default"));
-    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-    var utils_exports = {};
-    module2.exports = __toCommonJS22(utils_exports);
-    __reExport(utils_exports, require_key2(), module2.exports);
-    __reExport(utils_exports, require_env2(), module2.exports);
-    __reExport(utils_exports, require_types2(), module2.exports);
-    __reExport(utils_exports, require_object2(), module2.exports);
-    __reExport(utils_exports, require_function2(), module2.exports);
-    __reExport(utils_exports, require_array2(), module2.exports);
-    __reExport(utils_exports, require_node2(), module2.exports);
-    __reExport(utils_exports, require_log2(), module2.exports);
-    __reExport(utils_exports, require_string2(), module2.exports);
-    __reExport(utils_exports, require_globals2(), module2.exports);
-    __reExport(utils_exports, require_cookie2(), module2.exports);
-    __reExport(utils_exports, require_tags2(), module2.exports);
   }
 });
-var src_exports = {};
-__export2(src_exports, {
-  arrayzeValue: () => arrayzeValue,
-  copyStringToClipboard: () => copyStringToClipboard,
-  fibonacciNumberByIndex: () => fibonacciNumberByIndex,
-  findClosestNumber: () => findClosestNumber,
-  findClosestNumberInFactory: () => findClosestNumberInFactory,
-  formatDate: () => formatDate,
-  isPhoto: () => isPhoto,
-  loadCssFile: () => loadCssFile,
-  loadJavascript: () => loadJavascript,
-  loadJavascriptFile: () => loadJavascriptFile,
-  removeChars: () => removeChars,
-  toCamelCase: () => toCamelCase,
-  toDashCase: () => toDashCase,
-  toDescriptionCase: () => toDescriptionCase,
-  toTitleCase: () => toTitleCase,
-  toggleFullscreen: () => toggleFullscreen
+
+// src/system/color.js
+var color_exports = {};
+__export(color_exports, {
+  getColor: () => getColor,
+  getMediaColor: () => getMediaColor,
+  setColor: () => setColor,
+  setGradient: () => setGradient
 });
-module.exports = __toCommonJS2(src_exports);
-var import_utils22 = __toESM2(require_cjs3(), 1);
-var toggleFullscreen = (el) => {
-  if (!document.fullscreenElement) {
-    el.node.requestFullscreen().catch((err) => {
-      console.warn(`Error attempting to enable fullscreen mode: ${err.message} (${err.name})`);
-    });
-  } else {
-    document.exitFullscreen();
-  }
+module.exports = __toCommonJS(color_exports);
+var import_utils7 = __toESM(require_cjs(), 1);
+
+// src/factory.js
+var import_utils = __toESM(require_cjs(), 1);
+
+// src/defaultConfig/index.js
+var defaultConfig_exports = {};
+__export(defaultConfig_exports, {
+  ANIMATION: () => ANIMATION,
+  BREAKPOINTS: () => BREAKPOINTS,
+  CASES: () => CASES,
+  COLOR: () => COLOR,
+  DEVICES: () => DEVICES,
+  DOCUMENT: () => DOCUMENT,
+  FONT: () => FONT,
+  FONT_FACE: () => FONT_FACE,
+  FONT_FAMILY: () => FONT_FAMILY,
+  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
+  GRADIENT: () => GRADIENT,
+  GRID: () => GRID,
+  ICONS: () => ICONS,
+  MEDIA: () => MEDIA,
+  RESET: () => RESET,
+  SEMANTIC_ICONS: () => SEMANTIC_ICONS,
+  SEQUENCE: () => SEQUENCE,
+  SHADOW: () => SHADOW,
+  SPACING: () => SPACING,
+  SVG: () => SVG,
+  SVG_DATA: () => SVG_DATA,
+  TEMPLATES: () => TEMPLATES,
+  THEME: () => THEME,
+  TIMING: () => TIMING,
+  TYPOGRAPHY: () => TYPOGRAPHY,
+  UNIT: () => UNIT
+});
+
+// src/defaultConfig/sequence.js
+var SEQUENCE = {
+  "minor-second": 1.067,
+  "major-second": 1.125,
+  "minor-third": 1.2,
+  "major-third": 1.25,
+  "perfect-fourth": 1.333,
+  "augmented-fourth": 1.414,
+  "perfect-fifth": 1.5,
+  "minor-sixth": 1.6,
+  phi: 1.618,
+  // golden-ratio
+  "major-sixth": 1.667,
+  "square-root-3": 1.732,
+  // theodorus
+  "minor-seventh": 1.778,
+  "major-seventh": 1.875,
+  octave: 2,
+  "square-root-5": 2.23,
+  // pythagoras
+  "major-tenth": 2.5,
+  "major-eleventh": 2.667,
+  "major-twelfth": 3,
+  pi: 3.14,
+  // archimedes
+  "double-octave": 4
+};
+
+// src/defaultConfig/unit.js
+var UNIT = {
+  default: "em"
 };
-var import_utils3 = __toESM2(require_cjs3(), 1);
-var findClosestNumber = (number, arr) => {
-  return ((0, import_utils3.isArray)(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
-    return Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev;
-  });
+
+// src/defaultConfig/typography.js
+var defaultProps = {
+  browserDefault: 16,
+  base: 16,
+  type: "font-size",
+  ratio: SEQUENCE["minor-third"],
+  range: [-3, 12],
+  h1Matches: 6,
+  lineHeight: 1.5,
+  subSequence: true,
+  mediaRegenerate: false,
+  unit: "em",
+  templates: {},
+  sequence: {},
+  scales: {},
+  vars: {}
 };
-var findClosestNumberInFactory = (val, factory) => {
-  val = parseFloat(val);
-  if ((0, import_utils3.isObject)(factory))
-    factory = Object.values(factory);
-  return findClosestNumber(val, factory);
+var TYPOGRAPHY = defaultProps;
+
+// src/defaultConfig/font.js
+var FONT = {};
+
+// src/defaultConfig/font-family.js
+var FONT_FAMILY = {};
+var FONT_FAMILY_TYPES = {
+  "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
+  serif: "Times New Roman, Georgia, serif, --system-default",
+  monospace: "Courier New, monospace, --system-default"
 };
-var formatDate = (timestamp) => {
-  if (!timestamp)
-    return "";
-  const d = new Date(timestamp);
-  const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
-  const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
-  const da = new Intl.DateTimeFormat("en", { day: "2-digit" }).format(d);
-  return `${da} ${mo}, ${ye}`;
+var FONT_FACE = {};
+
+// src/defaultConfig/media.js
+var MEDIA = {
+  tv: "(min-width: 2780px)",
+  light: "(prefers-color-scheme: light)",
+  dark: "(prefers-color-scheme: dark)",
+  print: "print"
 };
-var fibonacciNumberByIndex = function fibonacciNumberByIndex2(n) {
-  const fib = [0, 1];
-  for (let i = 2; i <= n; i++) {
-    fib[i] = fib[i - 1] + fib[i - 2];
-  }
-  return fib[n];
+
+// src/defaultConfig/spacing.js
+var defaultProps2 = {
+  base: TYPOGRAPHY.base,
+  type: "spacing",
+  ratio: SEQUENCE.phi,
+  range: [-5, 15],
+  subSequence: true,
+  mediaRegenerate: false,
+  unit: "em",
+  sequence: {},
+  scales: {},
+  vars: {}
 };
-var loadJavascriptFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
-  return new Promise((resolve, reject) => {
-    try {
-      const scriptEle = doc.createElement("script");
-      scriptEle.type = type;
-      scriptEle.async = async;
-      scriptEle.src = FILE_URL;
-      scriptEle.addEventListener("load", (ev) => {
-        resolve({
-          status: true
-        });
-      });
-      scriptEle.addEventListener("error", (ev) => {
-        reject({
-          status: false,
-          message: `Failed to load the script ${FILE_URL}`
-        });
-      });
-      doc.body.appendChild(scriptEle);
-    } catch (error) {
-      reject(error);
-    }
-  });
+var SPACING = defaultProps2;
+
+// src/defaultConfig/color.js
+var COLOR = {};
+var GRADIENT = {};
+
+// src/defaultConfig/theme.js
+var THEME = {};
+
+// src/defaultConfig/shadow.js
+var SHADOW = {};
+
+// src/defaultConfig/icons.js
+var ICONS = {};
+var SEMANTIC_ICONS = {};
+
+// src/defaultConfig/timing.js
+var defaultProps3 = {
+  default: 150,
+  base: 150,
+  type: "timing",
+  ratio: SEQUENCE["perfect-fourth"],
+  range: [-3, 12],
+  mediaRegenerate: false,
+  unit: "ms",
+  sequence: {},
+  scales: {},
+  vars: {}
 };
-var loadCssFile = (FILE_URL, async = false, doc = document, type = "text/javascript") => {
-  return new Promise((resolve, reject) => {
-    try {
-      const linkElem = doc.createElement("link");
-      linkElem.rel = "stylesheet";
-      linkElem.href = FILE_URL;
-      linkElem.addEventListener("load", (ev) => {
-        resolve({
-          status: true
-        });
-      });
-      doc.head.appendChild(linkElem);
-    } catch (error) {
-      reject(error);
-    }
-  });
+var TIMING = defaultProps3;
+
+// src/defaultConfig/document.js
+var DOCUMENT = {};
+
+// src/defaultConfig/responsive.js
+var BREAKPOINTS = {
+  screenL: 1920,
+  screenM: 1680,
+  screenS: 1440,
+  tabletL: 1366,
+  tabletM: 1280,
+  tabletS: 1024,
+  mobileL: 768,
+  mobileM: 560,
+  mobileS: 480,
+  mobileXS: 375
 };
-var loadJavascript = (body, async = false, doc = document, type = "text/javascript", id = "smbls-script") => {
-  try {
-    const scriptEle = doc.createElement("script");
-    scriptEle.type = type;
-    scriptEle.async = async;
-    scriptEle.id = id;
-    scriptEle.innerHTML = body;
-    doc.body.appendChild(scriptEle);
-  } catch (error) {
-    console.warn(error);
-  }
+var DEVICES = {
+  screenL: [1920, 1024],
+  screenM: [1680, 1024],
+  screenS: [1440, 978],
+  tabletL: [1366, 926],
+  tabletM: [1280, 768],
+  tabletS: [1024, 768],
+  mobileL: [768, 375],
+  mobileM: [560, 768],
+  mobileS: [480, 768],
+  mobileXS: [375, 768]
 };
-var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
-var copyStringToClipboard = (str) => {
-  const el = document.createElement("textarea");
-  el.value = str;
-  el.setAttribute("readonly", "");
-  el.style = { position: "absolute", left: "-9999px" };
-  document.body.appendChild(el);
-  el.select();
-  document.execCommand("copy");
-  document.body.removeChild(el);
+
+// src/defaultConfig/cases.js
+var CASES = {};
+
+// src/defaultConfig/animation.js
+var ANIMATION = {};
+
+// src/defaultConfig/svg.js
+var SVG = {};
+var SVG_DATA = {};
+
+// src/defaultConfig/templates.js
+var TEMPLATES = {};
+
+// src/defaultConfig/grid.js
+var defaultProps4 = {};
+var GRID = defaultProps4;
+
+// src/defaultConfig/index.js
+var RESET = {};
+
+// src/factory.js
+var CSS_VARS = {};
+var CONFIG = {
+  verbose: false,
+  useVariable: true,
+  useReset: true,
+  CSS_VARS,
+  ...defaultConfig_exports
 };
-var removeChars = (str) => {
-  return str.replace(/[^a-zA-Z0-9_]/g, "");
+var cachedConfig = (0, import_utils.deepClone)(CONFIG);
+var FACTORY = {
+  active: "0",
+  0: CONFIG
 };
-var toCamelCase = (str) => {
-  return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
-    return index === 0 ? word.toLowerCase() : word.toUpperCase();
-  }).replaceAll(/\s+/g, "");
+var getActiveConfig = (def) => {
+  return FACTORY[def || FACTORY.active] || CONFIG;
 };
-var toTitleCase = (str) => str && str.replace(
-  /\w\S*/g,
-  (txt) => {
-    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+
+// src/utils/color.js
+var import_globals = __toESM(require_cjs2(), 1);
+var import_utils2 = __toESM(require_cjs(), 1);
+var colorStringToRgbaArray = (color) => {
+  if (color === "")
+    return [0, 0, 0, 0];
+  if (color.toLowerCase() === "transparent")
+    return [0, 0, 0, 0];
+  if (color[0] === "#") {
+    if (color.length < 7) {
+      color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color.length > 4 ? color[4] + color[4] : "");
+    }
+    return [
+      parseInt(color.substr(1, 2), 16),
+      parseInt(color.substr(3, 2), 16),
+      parseInt(color.substr(5, 2), 16),
+      color.length > 7 ? parseInt(color.substr(7, 2), 16) / 255 : 1
+    ];
   }
-);
-var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-var toDescriptionCase = (str = "") => {
-  if (typeof str !== "string")
-    return;
-  const result = str.replace(/([A-Z])/g, " $1");
-  return result.charAt(0).toUpperCase() + result.slice(1);
+  if (color.indexOf("rgb") === -1) {
+    if (import_globals.document && import_globals.window) {
+      const elem = import_globals.document.body.appendChild(import_globals.document.createElement("fictum"));
+      const flag = "rgb(1, 2, 3)";
+      elem.style.color = flag;
+      if (elem.style.color !== flag) {
+        import_globals.document.body.removeChild(elem);
+        return;
+      }
+      elem.style.color = color;
+      if (elem.style.color === flag || elem.style.color === "") {
+        import_globals.document.body.removeChild(elem);
+        return [0, 0, 0, 0];
+      }
+      color = import_globals.window.getComputedStyle(elem).color;
+      import_globals.document.body.removeChild(elem);
+    }
+  }
+  if (color.indexOf("rgb") === 0) {
+    if (color.indexOf("rgba") === -1)
+      color = `${color}, 1`;
+    return color.match(/[\.\d]+/g).map((a) => +a);
+  }
+  return [0, 0, 0, 0];
+};
+var hexToRgbArray = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
+  return [r, g, b];
+};
+var rgbArrayToHex = ([r, g, b]) => {
+  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+};
+var rgbToHSL = (r, g, b) => {
+  const a = Math.max(r, g, b);
+  const n = a - Math.min(r, g, b);
+  const f = 1 - Math.abs(a + a - n - 1);
+  const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
+  return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
+};
+var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(
+  Math.min(k - 3, 9 - k, 1),
+  -1
+)) => [f(0), f(8), f(4)];
+var getColorShade = (col, amt) => {
+  const num = parseInt(col, 16);
+  let r = (num >> 16) + amt;
+  if (r > 255)
+    r = 255;
+  else if (r < 0)
+    r = 0;
+  let b = (num >> 8 & 255) + amt;
+  if (b > 255)
+    b = 255;
+  else if (b < 0)
+    b = 0;
+  let g = (num & 255) + amt;
+  if (g > 255)
+    g = 255;
+  else if (g < 0)
+    g = 0;
+  return ((g | b << 8 | r << 16) + 16777216).toString(16).slice(1);
 };
-var arrayzeValue = (val) => {
-  if ((0, import_utils22.isArray)(val))
-    return val;
-  if ((0, import_utils22.isString)(val))
-    return val.split(" ");
-  if ((0, import_utils22.isObject)(val))
-    return Object.values(val);
-  if ((0, import_utils22.isNumber)(val))
-    return [val];
+var getRgbTone = (rgb, tone) => {
+  if ((0, import_utils2.isString)(rgb) && rgb.includes("rgb"))
+    rgb = colorStringToRgbaArray(rgb).join(", ");
+  if ((0, import_utils2.isString)(rgb))
+    rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
+  if ((0, import_utils2.isNumber)(tone))
+    tone += "";
+  const toHex = rgbArrayToHex(rgb);
+  const abs = tone.slice(0, 1);
+  if (abs === "-" || abs === "+") {
+    const colorShade = getColorShade(toHex, parseFloat(tone));
+    return hexToRgbArray(colorShade).join(", ");
+  } else {
+    const [r, g, b] = rgb;
+    const hsl = rgbToHSL(r, g, b);
+    const [h, s, l] = hsl;
+    const newRgb = hslToRgb(h, s, parseFloat(tone) / 100 * 255);
+    return newRgb;
+  }
 };
 
+// src/utils/sequence.js
+var import_utils3 = __toESM(require_cjs(), 1);
+var import_utils4 = __toESM(require_cjs3(), 1);
+
 // src/utils/var.js
-var import_utils6 = __toESM(require_cjs(), 1);
+var import_utils5 = __toESM(require_cjs(), 1);
 
 // src/utils/sprite.js
-var import_utils7 = __toESM(require_cjs(), 1);
+var import_utils6 = __toESM(require_cjs(), 1);
 
 // src/system/color.js
 var getColor = (value, key, config) => {
   const CONFIG2 = config || getActiveConfig();
-  if (!(0, import_utils8.isString)(value)) {
+  if (!(0, import_utils7.isString)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
     return;
@@ -3540,7 +3584,7 @@ var getColor = (value, key, config) => {
     return `var(${value})`;
   if (key && value[key])
     value = value[key];
-  const [name, alpha, tone] = (0, import_utils8.isArray)(value) ? value : value.split(" ");
+  const [name, alpha, tone] = (0, import_utils7.isArray)(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   let val = COLOR2[name] || GRADIENT2[name];
   if (!val) {
@@ -3572,17 +3616,17 @@ var getMediaColor = (value, globalTheme, config) => {
   const CONFIG2 = config || getActiveConfig();
   if (!globalTheme)
     globalTheme = CONFIG2.globalTheme;
-  if (!(0, import_utils8.isString)(value)) {
+  if (!(0, import_utils7.isString)(value)) {
     if (CONFIG2.verbose)
       console.warn(value, "- type for color is not valid");
     return;
   }
   if (value.slice(0, 2) === "--")
     return `var(${value})`;
-  const [name] = (0, import_utils8.isArray)(value) ? value : value.split(" ");
+  const [name] = (0, import_utils7.isArray)(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   const val = COLOR2[name] || GRADIENT2[name];
-  const isObj = (0, import_utils8.isObject)(val);
+  const isObj = (0, import_utils7.isObject)(val);
   if (isObj && val.value)
     return getColor(value, `@${globalTheme}`, config);
   else if (isObj) {
@@ -3605,7 +3649,7 @@ var getMediaColor = (value, globalTheme, config) => {
 };
 var setColor = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if ((0, import_utils8.isString)(val) && val.slice(0, 2) === "--") {
+  if ((0, import_utils7.isString)(val) && val.slice(0, 2) === "--") {
     val = getColor(val.slice(2));
     if (!(val.includes("rgb") || val.includes("var") || val.includes("#"))) {
       if (CONFIG2.verbose)
@@ -3613,13 +3657,13 @@ var setColor = (val, key, suffix) => {
       val = val.split(" ")[0];
     }
   }
-  if ((0, import_utils8.isArray)(val)) {
+  if ((0, import_utils7.isArray)(val)) {
     return {
       "@light": setColor(val[0], key, "light"),
       "@dark": setColor(val[1], key, "dark")
     };
   }
-  if ((0, import_utils8.isObject)(val)) {
+  if ((0, import_utils7.isObject)(val)) {
     const obj = {};
     for (const variant in val) {
       obj[variant] = setColor(
@@ -3648,15 +3692,15 @@ var setColor = (val, key, suffix) => {
 };
 var setGradient = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if ((0, import_utils8.isString)(val) && val.slice(0, 2) === "--")
+  if ((0, import_utils7.isString)(val) && val.slice(0, 2) === "--")
     val = getColor(val.slice(2));
-  if ((0, import_utils8.isArray)(val)) {
+  if ((0, import_utils7.isArray)(val)) {
     return {
       "@light": setGradient(val[0], key, "light"),
       "@dark": setGradient(val[0], key, "dark")
     };
   }
-  if ((0, import_utils8.isObject)(val)) {
+  if ((0, import_utils7.isObject)(val)) {
     const obj = {};
     for (const variant in val)
       obj[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);