@symbo.ls/scratch 2.11.397 → 2.11.410

package/dist/cjs/utils/index.js

@@ -34,31 +34,31 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var require_cjs = __commonJS({
   "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var globals_exports = {};
-    __export2(globals_exports, {
+    __export3(globals_exports, {
       document: () => document3,
       global: () => global,
       self: () => self,
       window: () => window2
     });
-    module2.exports = __toCommonJS2(globals_exports);
+    module2.exports = __toCommonJS3(globals_exports);
     var global = globalThis;
     var self = globalThis;
     var window2 = globalThis;
@@ -66,33 +66,33 @@ var require_cjs = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/key.js
+// ../../../domql/packages/utils/dist/cjs/key.js
 var require_key = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var key_exports = {};
-    __export2(key_exports, {
+    __export3(key_exports, {
       createSnapshotId: () => createSnapshotId,
       generateKey: () => generateKey
     });
-    module2.exports = __toCommonJS2(key_exports);
+    module2.exports = __toCommonJS3(key_exports);
     var generateKey = /* @__PURE__ */ function() {
       let index = 0;
       function newId() {
@@ -105,36 +105,36 @@ var require_key = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/env.js
+// ../../../domql/packages/utils/dist/cjs/env.js
 var require_env = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var env_exports = {};
-    __export2(env_exports, {
+    __export3(env_exports, {
       NODE_ENV: () => NODE_ENV,
       getNev: () => getNev,
       isDevelopment: () => isDevelopment,
       isProduction: () => isProduction,
       isTest: () => isTest
     });
-    module2.exports = __toCommonJS2(env_exports);
+    module2.exports = __toCommonJS3(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";
@@ -143,35 +143,35 @@ var require_env = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/globals.js
+// ../../../domql/packages/utils/dist/cjs/globals.js
 var require_globals = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var globals_exports = {};
-    __export2(globals_exports, {
+    __export3(globals_exports, {
       document: () => document3,
       global: () => global,
       self: () => self,
       window: () => window2
     });
-    module2.exports = __toCommonJS2(globals_exports);
+    module2.exports = __toCommonJS3(globals_exports);
     var global = globalThis;
     var self = globalThis;
     var window2 = globalThis;
@@ -179,33 +179,33 @@ var require_globals = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/node.js
+// ../../../domql/packages/utils/dist/cjs/node.js
 var require_node = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var node_exports = {};
-    __export2(node_exports, {
+    __export3(node_exports, {
       isHtmlElement: () => isHtmlElement,
       isNode: () => isNode
     });
-    module2.exports = __toCommonJS2(node_exports);
+    module2.exports = __toCommonJS3(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;
@@ -216,29 +216,29 @@ var require_node = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/types.js
+// ../../../domql/packages/utils/dist/cjs/types.js
 var require_types = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var types_exports = {};
-    __export2(types_exports, {
+    __export3(types_exports, {
       TYPES: () => TYPES,
       is: () => is,
       isArray: () => isArray2,
@@ -254,7 +254,7 @@ var require_types = __commonJS({
       isString: () => isString4,
       isUndefined: () => isUndefined
     });
-    module2.exports = __toCommonJS2(types_exports);
+    module2.exports = __toCommonJS3(types_exports);
     var import_node = require_node();
     var isObject2 = (arg) => {
       if (arg === null)
@@ -306,31 +306,32 @@ var require_types = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/array.js
+// ../../../domql/packages/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var array_exports = {};
-    __export2(array_exports, {
+    __export3(array_exports, {
       addItemAfterEveryElement: () => addItemAfterEveryElement,
       arrayContainsOtherArray: () => arrayContainsOtherArray,
+      arraysEqual: () => arraysEqual,
       createNestedObject: () => createNestedObject,
       cutArrayAfterValue: () => cutArrayAfterValue,
       cutArrayBeforeValue: () => cutArrayBeforeValue,
@@ -344,7 +345,7 @@ var require_array = __commonJS({
       reorderArrayByValues: () => reorderArrayByValues,
       swapItemsInArray: () => swapItemsInArray
     });
-    module2.exports = __toCommonJS2(array_exports);
+    module2.exports = __toCommonJS3(array_exports);
     var import_object = require_object();
     var import_types = require_types();
     var arrayContainsOtherArray = (arr1, arr2) => {
@@ -447,38 +448,53 @@ var require_array = __commonJS({
       }
       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;
+    };
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/string.js
+// ../../../domql/packages/utils/dist/cjs/string.js
 var require_string = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var string_exports = {};
-    __export2(string_exports, {
+    __export3(string_exports, {
+      customDecodeURIComponent: () => customDecodeURIComponent,
+      customEncodeURIComponent: () => customEncodeURIComponent,
+      findKeyPosition: () => findKeyPosition,
       lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
+      replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
     });
-    module2.exports = __toCommonJS2(string_exports);
+    module2.exports = __toCommonJS3(string_exports);
     var stringIncludesAny = (str, characters) => {
       for (const char of characters) {
         if (str.includes(char)) {
@@ -520,33 +536,100 @@ var require_string = __commonJS({
     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)));
+    };
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/object.js
+// ../../../domql/packages/utils/dist/cjs/object.js
 var require_object = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var object_exports = {};
-    __export2(object_exports, {
+    __export3(object_exports, {
+      checkIfKeyIsComponent: () => checkIfKeyIsComponent,
       clone: () => clone,
+      createObjectWithoutPrototype: () => createObjectWithoutPrototype,
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
       deepCloneWithExtend: () => deepCloneWithExtend,
@@ -561,6 +644,8 @@ var require_object = __commonJS({
       diffObjects: () => diffObjects,
       exec: () => exec,
       flattenRecursive: () => flattenRecursive,
+      getChildrenComponentsByKey: () => getChildrenComponentsByKey,
+      getExtendsInElement: () => getExtendsInElement,
       hasOwnProperty: () => hasOwnProperty,
       isEmpty: () => isEmpty,
       isEmptyObject: () => isEmptyObject,
@@ -577,7 +662,7 @@ var require_object = __commonJS({
       removeFromObject: () => removeFromObject,
       stringToObject: () => stringToObject
     });
-    module2.exports = __toCommonJS2(object_exports);
+    module2.exports = __toCommonJS3(object_exports);
     var import_globals2 = require_globals();
     var import_types = require_types();
     var import_array = require_array();
@@ -1030,38 +1115,92 @@ var require_object = __commonJS({
       }
       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]);
+              }
+            }
+            if (typeof o[key] === "object" && o[key] !== null) {
+              traverse(o[key]);
+            }
+          }
+        }
+      }
+      traverse(obj);
+      return result;
+    };
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/function.js
+// ../../../domql/packages/utils/dist/cjs/function.js
 var require_function = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var function_exports = {};
-    __export2(function_exports, {
+    __export3(function_exports, {
       debounce: () => debounce,
       debounceOnContext: () => debounceOnContext,
       isStringFunction: () => isStringFunction,
       memoize: () => memoize
     });
-    module2.exports = __toCommonJS2(function_exports);
+    module2.exports = __toCommonJS3(function_exports);
     function debounce(func, wait, immediate) {
       let timeout;
       return function() {
@@ -1108,33 +1247,33 @@ var require_function = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/log.js
+// ../../../domql/packages/utils/dist/cjs/log.js
 var require_log = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var log_exports = {};
-    __export2(log_exports, {
+    __export3(log_exports, {
       logGroupIf: () => logGroupIf,
       logIf: () => logIf
     });
-    module2.exports = __toCommonJS2(log_exports);
+    module2.exports = __toCommonJS3(log_exports);
     var logIf = (bool, ...arg) => {
       if (bool)
         arg.map((v) => console.log(v));
@@ -1149,50 +1288,50 @@ var require_log = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/cookie.js
+// ../../../domql/packages/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var cookie_exports = {};
-    __export2(cookie_exports, {
+    __export3(cookie_exports, {
       getCookie: () => getCookie,
       isMobile: () => isMobile,
       setCookie: () => setCookie
     });
-    module2.exports = __toCommonJS2(cookie_exports);
+    module2.exports = __toCommonJS3(cookie_exports);
     var import_types = require_types();
-    var import_utils7 = require_cjs2();
+    var import_utils9 = require_cjs2();
     var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
     var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(import_utils7.document) || (0, import_types.isUndefined)(import_utils7.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_utils7.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+      import_utils9.document.cookie = `${cname}=${cvalue};${expires};path=/`;
     };
     var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils7.document) || (0, import_types.isUndefined)(import_utils7.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_utils7.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];
@@ -1206,33 +1345,33 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/tags.js
+// ../../../domql/packages/utils/dist/cjs/tags.js
 var require_tags = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __export3 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __defProp3(target, name, { get: all[name], enumerable: true });
     };
-    var __copyProps2 = (to, from, except, desc) => {
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var tags_exports = {};
-    __export2(tags_exports, {
+    __export3(tags_exports, {
       HTML_TAGS: () => HTML_TAGS,
       isValidHtmlTag: () => isValidHtmlTag
     });
-    module2.exports = __toCommonJS2(tags_exports);
+    module2.exports = __toCommonJS3(tags_exports);
     var HTML_TAGS = {
       root: [
         "body",
@@ -1374,26 +1513,26 @@ var require_tags = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/index.js
+// ../../../domql/packages/utils/dist/cjs/index.js
 var require_cjs2 = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
+  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __copyProps2 = (to, from, except, desc) => {
+    var __defProp3 = Object.defineProperty;
+    var __getOwnPropDesc3 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames3 = Object.getOwnPropertyNames;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __copyProps3 = (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 });
+        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 });
       }
       return to;
     };
-    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var __reExport = (target, mod, secondTarget) => (__copyProps3(target, mod, "default"), secondTarget && __copyProps3(secondTarget, mod, "default"));
+    var __toCommonJS3 = (mod) => __copyProps3(__defProp3({}, "__esModule", { value: true }), mod);
     var utils_exports2 = {};
-    module2.exports = __toCommonJS2(utils_exports2);
+    module2.exports = __toCommonJS3(utils_exports2);
     __reExport(utils_exports2, require_key(), module2.exports);
     __reExport(utils_exports2, require_env(), module2.exports);
     __reExport(utils_exports2, require_types(), module2.exports);
@@ -1409,1758 +1548,1912 @@ var require_cjs2 = __commonJS({
   }
 });
 
-// ../../node_modules/@symbo.ls/utils/dist/cjs/index.js
-var require_cjs3 = __commonJS({
-  "../../node_modules/@symbo.ls/utils/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    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({
-      "../../node_modules/@domql/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;
-      }
-    });
-    var require_env2 = __commonJS2({
-      "../../node_modules/@domql/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];
-      }
-    });
-    var require_globals2 = __commonJS2({
-      "../../node_modules/@domql/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: () => window2
-        });
-        module22.exports = __toCommonJS22(globals_exports);
-        var global = globalThis;
-        var self = globalThis;
-        var window2 = globalThis;
-        var document22 = window2.document;
-      }
-    });
-    var require_node2 = __commonJS2({
-      "../../node_modules/@domql/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;
-        };
-      }
-    });
-    var require_types2 = __commonJS2({
-      "../../node_modules/@domql/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;
-          };
-        };
-      }
-    });
-    var require_array2 = __commonJS2({
-      "../../node_modules/@domql/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,
-          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;
-        };
+// src/utils/index.js
+var utils_exports = {};
+__export(utils_exports, {
+  applyMediaSequenceVars: () => applyMediaSequenceVars,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
+  applySequenceVars: () => applySequenceVars,
+  changeLightness: () => changeLightness,
+  colorStringToRgbaArray: () => colorStringToRgbaArray,
+  convertSvgToSymbol: () => convertSvgToSymbol,
+  findHeadingLetter: () => findHeadingLetter,
+  findHeadings: () => findHeadings,
+  generateSequence: () => generateSequence,
+  generateSprite: () => generateSprite,
+  generateSubSequence: () => generateSubSequence,
+  getColorShade: () => getColorShade,
+  getDefaultOrFirstKey: () => getDefaultOrFirstKey,
+  getFontFace: () => getFontFace,
+  getFontFaceEach: () => getFontFaceEach,
+  getFontFaceEachString: () => getFontFaceEachString,
+  getFontFaceString: () => getFontFaceString,
+  getFontFormat: () => getFontFormat,
+  getRgbTone: () => getRgbTone,
+  getSequenceValue: () => getSequenceValue,
+  getSequenceValuePropertyPair: () => getSequenceValuePropertyPair,
+  getSubratio: () => getSubratio,
+  getSubratioDifference: () => getSubratioDifference,
+  hexToRgb: () => hexToRgb,
+  hexToRgbArray: () => hexToRgbArray,
+  hexToRgba: () => hexToRgba,
+  hslToRgb: () => hslToRgb,
+  isScalingUnit: () => isScalingUnit,
+  mixTwoColors: () => mixTwoColors,
+  mixTwoRgb: () => mixTwoRgb,
+  mixTwoRgba: () => mixTwoRgba,
+  numToLetterMap: () => numToLetterMap,
+  opacify: () => opacify,
+  returnSubThemeOrDefault: () => returnSubThemeOrDefault,
+  rgbArrayToHex: () => rgbArrayToHex,
+  rgbToHSL: () => rgbToHSL,
+  rgbToHex: () => rgbToHex,
+  setCustomFont: () => setCustomFont,
+  setCustomFontMedia: () => setCustomFontMedia,
+  setInCustomFontMedia: () => setInCustomFontMedia,
+  setScalingVar: () => setScalingVar,
+  setSubScalingVar: () => setSubScalingVar,
+  setVariables: () => setVariables
+});
+module.exports = __toCommonJS(utils_exports);
+
+// src/utils/unit.js
+var isScalingUnit = (unit) => {
+  return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
+};
+
+// src/utils/color.js
+var import_globals = __toESM(require_cjs(), 1);
+var import_utils = __toESM(require_cjs2(), 1);
+var ENV = "development";
+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;
       }
-    });
-    var require_string2 = __commonJS2({
-      "../../node_modules/@domql/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, {
-          lowercaseFirstLetter: () => lowercaseFirstLetter,
-          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
-          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 {
-              const value = state[variable.trim()];
-              return value !== void 0 ? `${value}` : "";
-            }
-          });
-        };
-        var lowercaseFirstLetter = (inputString) => {
-          return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
-        };
+      elem.style.color = color;
+      if (elem.style.color === flag || elem.style.color === "") {
+        import_globals.document.body.removeChild(elem);
+        return [0, 0, 0, 0];
       }
-    });
-    var require_object2 = __commonJS2({
-      "../../node_modules/@domql/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, {
-          clone: () => clone,
-          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,
-          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 = (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 {
-              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},
-`;
-                }
-              }
-              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}'`;
+      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 mixTwoColors = (colorA, colorB, range = 0.5) => {
+  colorA = colorStringToRgbaArray(colorA);
+  colorB = colorStringToRgbaArray(colorB);
+  return mixTwoRgba(colorA, colorB, range);
+};
+var hexToRgb = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
+  return `rgb(${r},${g},${b})`;
+};
+var hexToRgbArray = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
+  return [r, g, b];
+};
+var rgbToHex = (r, g, b) => {
+  return "#" + (1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1);
+};
+var rgbArrayToHex = ([r, g, b]) => {
+  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+};
+var hexToRgba = (hex, alpha = 1) => {
+  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
+  return `rgba(${r},${g},${b},${alpha})`;
+};
+var mixTwoRgb = (colorA, colorB, range = 0.5) => {
+  const arr = [];
+  for (let i = 0; i < 3; i++) {
+    arr[i] = ~~(colorA[i] + (colorB[i] - colorA[i]) * range);
+  }
+  return `rgb(${arr})`;
+};
+var changeLightness = (delta, hsl) => {
+  const [hue, saturation, lightness] = hsl;
+  const newLightness = Math.max(
+    0,
+    Math.min(100, lightness + parseFloat(delta))
+  );
+  return [hue, saturation, newLightness];
+};
+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 mixTwoRgba = (colorA, colorB, range = 0.5) => {
+  const arr = [];
+  for (let i = 0; i < 4; i++) {
+    const round = i === 3 ? (x) => x : Math.round;
+    arr[i] = round(
+      colorA[i] + (colorB[i] - colorA[i]) * range
+    );
+  }
+  return `rgba(${arr})`;
+};
+var opacify = (color, opacity) => {
+  const arr = colorStringToRgbaArray(color);
+  if (!arr) {
+    if (ENV === "test" || ENV === "development")
+      console.warn(color + " color is not rgba");
+    return;
+  }
+  arr[3] = opacity;
+  return `rgba(${arr})`;
+};
+var getRgbTone = (rgb, tone) => {
+  if ((0, import_utils.isString)(rgb) && rgb.includes("rgb"))
+    rgb = colorStringToRgbaArray(rgb).join(", ");
+  if ((0, import_utils.isString)(rgb))
+    rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
+  if ((0, import_utils.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/theme.js
+var returnSubThemeOrDefault = (orig, theme) => {
+  if (!orig)
+    return;
+  if (orig.themes && orig.themes[theme])
+    return orig.themes[theme];
+  if (orig[theme])
+    return [orig, orig[theme]];
+  return orig;
+};
+
+// src/utils/font.js
+var getDefaultOrFirstKey = (LIBRARY, key) => {
+  if (LIBRARY[key])
+    return LIBRARY[key].value;
+  if (LIBRARY.default)
+    return LIBRARY[LIBRARY.default].value;
+  const hasValue = Object.keys(LIBRARY)[0];
+  return hasValue && LIBRARY[hasValue] && LIBRARY[hasValue].value;
+};
+var getFontFormat = (url) => url.split(/[#?]/)[0].split(".").pop().trim();
+var setInCustomFontMedia = (str) => `@font-face { ${str} }`;
+var setCustomFont = (name, url, weight) => `
+  font-family: '${name}';
+  font-style: normal;
+  ${weight && `font-weight: ${weight};`}
+  src: url('${url}') format('${getFontFormat(url)}');`;
+var setCustomFontMedia = (name, url, weight) => `@font-face {
+  ${setCustomFont(name, url, weight)}
+}`;
+var getFontFaceEach = (name, weights) => {
+  const keys = Object.keys(weights);
+  return keys.map((key) => {
+    const { url, fontWeight } = weights[key];
+    return setCustomFont(name, url, fontWeight);
+  });
+};
+var getFontFace = (LIBRARY) => {
+  const keys = Object.keys(LIBRARY);
+  return keys.map((key) => getFontFaceEach(key, LIBRARY[key].value));
+};
+var getFontFaceEachString = (name, weights) => {
+  const isArr = weights[0];
+  if (isArr)
+    return getFontFaceEach(name, weights).map(setInCustomFontMedia);
+  return setCustomFontMedia(name, weights.url);
+};
+var getFontFaceString = (LIBRARY) => {
+  const keys = Object.keys(LIBRARY);
+  return keys.map((key) => getFontFaceEachString(key, LIBRARY[key].value));
+};
+
+// src/utils/sequence.js
+var import_utils5 = __toESM(require_cjs2(), 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) {
+    "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
+    });
+    module2.exports = __toCommonJS22(key_exports);
+    var generateKey = /* @__PURE__ */ function() {
+      let index = 0;
+      function newId() {
+        index++;
+        return index;
+      }
+      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 });
+      }
+      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 });
+      }
+      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 });
+      }
+      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 });
+      }
+      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();
+            } else {
+              stringified[prop][i] = v;
+            }
+          });
+        } 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 += value;
+              str += `${spaces}    ${element},
+`;
             }
-            str += ",\n";
           }
-          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;
-                }
-              });
+          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";
+      }
+      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] = objProp;
+              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(`(${objProp})`);
+              destringified[prop] = evalProp;
+            } catch (e) {
+              if (e)
+                destringified[prop] = objProp;
             }
+          } else {
+            destringified[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("[")) {
+        } 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(`(${objProp})`);
-                  destringified[prop] = evalProp;
+                  const evalProp = import_globals2.window.eval(`(${arrProp})`);
+                  destringified[prop].push(evalProp);
                 } catch (e) {
                   if (e)
-                    destringified[prop] = objProp;
+                    destringified[prop].push(arrProp);
                 }
               } else {
-                destringified[prop] = objProp;
+                destringified[prop].push(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 if ((0, import_types.isObject)(arrProp)) {
+              destringified[prop].push(deepDestringify(arrProp));
             } 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;
+              destringified[prop].push(arrProp);
             }
+          });
+        } 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);
           }
-          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) {
+        }
+        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 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)) {
+          for (let i = 0; i < obj1.length; i++) {
+            if (!deepContains(obj1[i], obj2[i])) {
               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 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;
-                }
-              }
+        } 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;
             }
-          } 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 require_function2 = __commonJS2({
-      "../../node_modules/@domql/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 });
-        };
-        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 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);
-        };
+      } else {
+        return obj2 === obj1;
       }
-    });
-    var require_log2 = __commonJS2({
-      "../../node_modules/@domql/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);
-          }
-        };
+      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");
       }
-    });
-    var require_cookie2 = __commonJS2({
-      "../../node_modules/@domql/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 obj;
+    };
+    var createObjectWithoutPrototype = (obj) => {
+      if (obj === null || typeof obj !== "object") {
+        return obj;
       }
-    });
-    var require_tags2 = __commonJS2({
-      "../../node_modules/@domql/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 });
+      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]);
+              }
+            }
+            if (typeof o[key] === "object" && o[key] !== null) {
+              traverse(o[key]);
+            }
           }
-          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);
+        }
+      }
+      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 to;
+    };
+    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+    var function_exports = {};
+    __export22(function_exports, {
+      debounce: () => debounce,
+      debounceOnContext: () => debounceOnContext,
+      isStringFunction: () => isStringFunction,
+      memoize: () => memoize
     });
-    var require_cjs4 = __commonJS2({
-      "../../node_modules/@domql/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;
+    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 __reExport = (target, mod, secondTarget) => (__copyProps22(target, mod, "default"), secondTarget && __copyProps22(secondTarget, mod, "default"));
-        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-        var utils_exports2 = {};
-        module22.exports = __toCommonJS22(utils_exports2);
-        __reExport(utils_exports2, require_key2(), module22.exports);
-        __reExport(utils_exports2, require_env2(), module22.exports);
-        __reExport(utils_exports2, require_types2(), module22.exports);
-        __reExport(utils_exports2, require_object2(), module22.exports);
-        __reExport(utils_exports2, require_function2(), module22.exports);
-        __reExport(utils_exports2, require_array2(), module22.exports);
-        __reExport(utils_exports2, require_node2(), module22.exports);
-        __reExport(utils_exports2, require_log2(), module22.exports);
-        __reExport(utils_exports2, require_string2(), module22.exports);
-        __reExport(utils_exports2, require_globals2(), module22.exports);
-        __reExport(utils_exports2, require_cookie2(), module22.exports);
-        __reExport(utils_exports2, require_tags2(), module22.exports);
+        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 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 });
       }
+      return to;
+    };
+    var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+    var log_exports = {};
+    __export22(log_exports, {
+      logGroupIf: () => logGroupIf,
+      logIf: () => logIf
     });
-    var src_exports = {};
-    __export2(src_exports, {
-      arrayzeValue: () => arrayzeValue,
-      copyStringToClipboard: () => copyStringToClipboard,
-      fibonacciNumberByIndex: () => fibonacciNumberByIndex,
-      findClosestNumber: () => findClosestNumber,
-      findClosestNumberInFactory: () => findClosestNumberInFactory,
-      formatDate: () => formatDate,
-      loadJavascript: () => loadJavascript,
-      loadJavascriptFile: () => loadJavascriptFile,
-      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 = (el) => {
-      if (!document.fullscreenElement) {
-        el.node.requestFullscreen().catch((err) => {
-          console.warn(`Error attempting to enable fullscreen mode: ${err.message} (${err.name})`);
-        });
-      } else {
-        document.exitFullscreen();
-      }
+    module2.exports = __toCommonJS22(log_exports);
+    var logIf = (bool, ...arg) => {
+      if (bool)
+        arg.map((v) => console.log(v));
     };
-    var import_utils7 = __toESM2(require_cjs4(), 1);
-    var findClosestNumber = (number, arr) => {
-      return ((0, import_utils7.isArray)(arr) ? arr : Object.values(arr)).reduce((prev, curr) => {
-        return Math.abs(curr - number) < Math.abs(prev - number) ? curr : prev;
-      });
+    var logGroupIf = (bool, key, ...arg) => {
+      if (bool) {
+        console.group(key);
+        arg.map((v) => console.log(v));
+        console.groupEnd(key);
+      }
     };
-    var findClosestNumberInFactory = (val, factory) => {
-      val = parseFloat(val);
-      if ((0, import_utils7.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 = true, 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 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 loadJavascript = (body, async = true, doc = document, type = "text/javascript") => {
-      try {
-        const scriptEle = doc.createElement("script");
-        scriptEle.type = type;
-        scriptEle.async = async;
-        scriptEle.innerHTML = body;
-        doc.body.appendChild(scriptEle);
-      } catch (error) {
-        console.warn(error);
-      }
-    };
-    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 __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 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 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 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];
+      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 "";
     };
   }
 });
-
-// src/utils/index.js
-var utils_exports = {};
-__export(utils_exports, {
-  applyMediaSequenceVars: () => applyMediaSequenceVars,
-  applySequenceGlobalVars: () => applySequenceGlobalVars,
-  applySequenceVars: () => applySequenceVars,
-  changeLightness: () => changeLightness,
-  colorStringToRgbaArray: () => colorStringToRgbaArray,
-  convertSvgToSymbol: () => convertSvgToSymbol,
-  findHeadingLetter: () => findHeadingLetter,
-  findHeadings: () => findHeadings,
-  generateSequence: () => generateSequence,
-  generateSprite: () => generateSprite,
-  generateSubSequence: () => generateSubSequence,
-  getColorShade: () => getColorShade,
-  getDefaultOrFirstKey: () => getDefaultOrFirstKey,
-  getFontFace: () => getFontFace,
-  getFontFaceEach: () => getFontFaceEach,
-  getFontFaceEachString: () => getFontFaceEachString,
-  getFontFaceString: () => getFontFaceString,
-  getFontFormat: () => getFontFormat,
-  getRgbTone: () => getRgbTone,
-  getSequenceValue: () => getSequenceValue,
-  getSequenceValuePropertyPair: () => getSequenceValuePropertyPair,
-  getSubratio: () => getSubratio,
-  getSubratioDifference: () => getSubratioDifference,
-  hexToRgb: () => hexToRgb,
-  hexToRgbArray: () => hexToRgbArray,
-  hexToRgba: () => hexToRgba,
-  hslToRgb: () => hslToRgb,
-  isScalingUnit: () => isScalingUnit,
-  mixTwoColors: () => mixTwoColors,
-  mixTwoRgb: () => mixTwoRgb,
-  mixTwoRgba: () => mixTwoRgba,
-  numToLetterMap: () => numToLetterMap,
-  opacify: () => opacify,
-  returnSubThemeOrDefault: () => returnSubThemeOrDefault,
-  rgbArrayToHex: () => rgbArrayToHex,
-  rgbToHSL: () => rgbToHSL,
-  rgbToHex: () => rgbToHex,
-  setCustomFont: () => setCustomFont,
-  setCustomFontMedia: () => setCustomFontMedia,
-  setInCustomFontMedia: () => setInCustomFontMedia,
-  setScalingVar: () => setScalingVar,
-  setSubScalingVar: () => setSubScalingVar,
-  setVariables: () => setVariables
-});
-module.exports = __toCommonJS(utils_exports);
-
-// src/utils/unit.js
-var isScalingUnit = (unit) => {
-  return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
-};
-
-// src/utils/color.js
-var import_globals = __toESM(require_cjs(), 1);
-var import_utils = __toESM(require_cjs2(), 1);
-var ENV = "development";
-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 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 __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
+    });
+    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 isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
   }
-  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];
+});
+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 });
       }
-      color = import_globals.window.getComputedStyle(elem).color;
-      import_globals.document.body.removeChild(elem);
-    }
+      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_exports2 = {};
+    module2.exports = __toCommonJS22(utils_exports2);
+    __reExport(utils_exports2, require_key2(), module2.exports);
+    __reExport(utils_exports2, require_env2(), module2.exports);
+    __reExport(utils_exports2, require_types2(), module2.exports);
+    __reExport(utils_exports2, require_object2(), module2.exports);
+    __reExport(utils_exports2, require_function2(), module2.exports);
+    __reExport(utils_exports2, require_array2(), module2.exports);
+    __reExport(utils_exports2, require_node2(), module2.exports);
+    __reExport(utils_exports2, require_log2(), module2.exports);
+    __reExport(utils_exports2, require_string2(), module2.exports);
+    __reExport(utils_exports2, require_globals2(), module2.exports);
+    __reExport(utils_exports2, require_cookie2(), module2.exports);
+    __reExport(utils_exports2, require_tags2(), module2.exports);
   }
-  if (color.indexOf("rgb") === 0) {
-    if (color.indexOf("rgba") === -1)
-      color = `${color}, 1`;
-    return color.match(/[\.\d]+/g).map((a) => +a);
+});
+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
+});
+module.exports = __toCommonJS2(src_exports);
+var import_utils2 = __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();
   }
-  return [0, 0, 0, 0];
 };
-var mixTwoColors = (colorA, colorB, range = 0.5) => {
-  colorA = colorStringToRgbaArray(colorA);
-  colorB = colorStringToRgbaArray(colorB);
-  return mixTwoRgba(colorA, colorB, range);
+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;
+  });
 };
-var hexToRgb = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return `rgb(${r},${g},${b})`;
+var findClosestNumberInFactory = (val, factory) => {
+  val = parseFloat(val);
+  if ((0, import_utils3.isObject)(factory))
+    factory = Object.values(factory);
+  return findClosestNumber(val, factory);
 };
-var hexToRgbArray = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return [r, g, b];
+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 rgbToHex = (r, g, b) => {
-  return "#" + (1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1);
+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 rgbArrayToHex = ([r, g, b]) => {
-  return ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+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 hexToRgba = (hex, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16));
-  return `rgba(${r},${g},${b},${alpha})`;
+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 mixTwoRgb = (colorA, colorB, range = 0.5) => {
-  const arr = [];
-  for (let i = 0; i < 3; i++) {
-    arr[i] = ~~(colorA[i] + (colorB[i] - colorA[i]) * range);
+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);
   }
-  return `rgb(${arr})`;
-};
-var changeLightness = (delta, hsl) => {
-  const [hue, saturation, lightness] = hsl;
-  const newLightness = Math.max(
-    0,
-    Math.min(100, lightness + parseFloat(delta))
-  );
-  return [hue, saturation, newLightness];
-};
-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 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 mixTwoRgba = (colorA, colorB, range = 0.5) => {
-  const arr = [];
-  for (let i = 0; i < 4; i++) {
-    const round = i === 3 ? (x) => x : Math.round;
-    arr[i] = round(
-      colorA[i] + (colorB[i] - colorA[i]) * range
-    );
-  }
-  return `rgba(${arr})`;
+var removeChars = (str) => {
+  return str.replace(/[^a-zA-Z0-9_]/g, "");
 };
-var opacify = (color, opacity) => {
-  const arr = colorStringToRgbaArray(color);
-  if (!arr) {
-    if (ENV === "test" || ENV === "development")
-      console.warn(color + " color is not rgba");
-    return;
-  }
-  arr[3] = opacity;
-  return `rgba(${arr})`;
+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 getRgbTone = (rgb, tone) => {
-  if ((0, import_utils.isString)(rgb) && rgb.includes("rgb"))
-    rgb = colorStringToRgbaArray(rgb).join(", ");
-  if ((0, import_utils.isString)(rgb))
-    rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-  if ((0, import_utils.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;
+var toTitleCase = (str) => str && str.replace(
+  /\w\S*/g,
+  (txt) => {
+    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
   }
-};
-
-// src/utils/theme.js
-var returnSubThemeOrDefault = (orig, theme) => {
-  if (!orig)
+);
+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;
-  if (orig.themes && orig.themes[theme])
-    return orig.themes[theme];
-  if (orig[theme])
-    return [orig, orig[theme]];
-  return orig;
-};
-
-// src/utils/font.js
-var getDefaultOrFirstKey = (LIBRARY, key) => {
-  if (LIBRARY[key])
-    return LIBRARY[key].value;
-  if (LIBRARY.default)
-    return LIBRARY[LIBRARY.default].value;
-  const hasValue = Object.keys(LIBRARY)[0];
-  return hasValue && LIBRARY[hasValue] && LIBRARY[hasValue].value;
-};
-var getFontFormat = (url) => url.split(/[#?]/)[0].split(".").pop().trim();
-var setInCustomFontMedia = (str) => `@font-face { ${str} }`;
-var setCustomFont = (name, url, weight) => `
-  font-family: '${name}';
-  font-style: normal;
-  ${weight && `font-weight: ${weight};`}
-  src: url('${url}') format('${getFontFormat(url)}');`;
-var setCustomFontMedia = (name, url, weight) => `@font-face {
-  ${setCustomFont(name, url, weight)}
-}`;
-var getFontFaceEach = (name, weights) => {
-  const keys = Object.keys(weights);
-  return keys.map((key) => {
-    const { url, fontWeight } = weights[key];
-    return setCustomFont(name, url, fontWeight);
-  });
+  const result = str.replace(/([A-Z])/g, " $1");
+  return result.charAt(0).toUpperCase() + result.slice(1);
 };
-var getFontFace = (LIBRARY) => {
-  const keys = Object.keys(LIBRARY);
-  return keys.map((key) => getFontFaceEach(key, LIBRARY[key].value));
-};
-var getFontFaceEachString = (name, weights) => {
-  const isArr = weights[0];
-  if (isArr)
-    return getFontFaceEach(name, weights).map(setInCustomFontMedia);
-  return setCustomFontMedia(name, weights.url);
-};
-var getFontFaceString = (LIBRARY) => {
-  const keys = Object.keys(LIBRARY);
-  return keys.map((key) => getFontFaceEachString(key, LIBRARY[key].value));
+var arrayzeValue = (val) => {
+  if ((0, import_utils2.isArray)(val))
+    return val;
+  if ((0, import_utils2.isString)(val))
+    return val.split(" ");
+  if ((0, import_utils2.isObject)(val))
+    return Object.values(val);
+  if ((0, import_utils2.isNumber)(val))
+    return [val];
 };
 
-// src/utils/sequence.js
-var import_utils3 = __toESM(require_cjs2(), 1);
-var import_utils4 = __toESM(require_cjs3(), 1);
-
 // src/factory.js
-var import_utils2 = __toESM(require_cjs2(), 1);
+var import_utils4 = __toESM(require_cjs2(), 1);
 
 // src/defaultConfig/index.js
 var defaultConfig_exports = {};
@@ -3367,7 +3660,7 @@ var CONFIG = {
   CSS_VARS,
   ...defaultConfig_exports
 };
-var cachedConfig = (0, import_utils2.deepClone)(CONFIG);
+var cachedConfig = (0, import_utils4.deepClone)(CONFIG);
 var FACTORY = {
   active: "0",
   0: CONFIG
@@ -3518,9 +3811,9 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     unit = UNIT2.default,
     useVariable
   } = sequenceProps;
-  if ((0, import_utils3.isString)(value) && value.slice(0, 2) === "--")
+  if ((0, import_utils5.isString)(value) && value.slice(0, 2) === "--")
     return `var(${value})`;
-  const prefix = `--${(0, import_utils4.toDashCase)(sequenceProps.type.replace(".", "-"))}-`;
+  const prefix = `--${(void 0)(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
   const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
   if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter)
@@ -3583,11 +3876,11 @@ var findHeadings = (propertyNames) => {
 };
 
 // src/utils/var.js
-var import_utils5 = __toESM(require_cjs2(), 1);
+var import_utils7 = __toESM(require_cjs2(), 1);
 var setVariables = (result, key) => {
   const CONFIG2 = getActiveConfig();
   const { CSS_VARS: CSS_VARS2 } = CONFIG2;
-  if ((0, import_utils5.isObjectLike)(result.value)) {
+  if ((0, import_utils7.isObjectLike)(result.value)) {
   } else {
     CSS_VARS2[result.var] = result.value;
   }
@@ -3662,7 +3955,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
-var import_utils6 = __toESM(require_cjs2(), 1);
+var import_utils8 = __toESM(require_cjs2(), 1);
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -3676,7 +3969,7 @@ var generateSprite = (icons) => {
   return sprite;
 };
 var parseRootAttributes = (htmlString) => {
-  if (!(0, import_utils6.isString)(htmlString)) {
+  if (!(0, import_utils8.isString)(htmlString)) {
     return console.warn(`parseRootAttributes: ${htmlString} is not a string`);
   }
   const match = htmlString.match(/<svg\s+(.*?)>/);
@@ -3696,7 +3989,7 @@ var replaceIdsAndUrls = (code, key) => {
   const urlRegex = /url\(#([^)]*)\)/g;
   const matches = code.match(/id="([^"]*)"/g);
   let replacedCode = code;
-  if ((0, import_utils6.isArray)(matches)) {
+  if ((0, import_utils8.isArray)(matches)) {
     matches.forEach(() => {
       const randomKey = Math.floor(Math.random() * 1e5);
       replacedCode = code.replace(idRegex, `id="${key}-${randomKey}"`).replace(urlRegex, `url(#${key}-${randomKey})`);