@symbo.ls/uikit 2.11.221 → 2.11.225

package/dist/index.cjs.js

@@ -99,7 +99,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_key2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/key.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/key.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -136,7 +136,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_env2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/env.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/env.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -172,7 +172,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_globals2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -206,7 +206,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_node2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/node.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/node.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -241,7 +241,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_types2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/types.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/types.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -264,8 +264,9 @@ var require_cjs = __commonJS({
         __export22(types_exports, {
           TYPES: () => TYPES,
           is: () => is,
-          isArray: () => isArray7,
+          isArray: () => isArray8,
           isBoolean: () => isBoolean,
+          isDate: () => isDate,
           isDefined: () => isDefined2,
           isFunction: () => isFunction22,
           isNot: () => isNot2,
@@ -288,23 +289,25 @@ var require_cjs = __commonJS({
         var isFunction22 = (arg) => typeof arg === "function";
         var isBoolean = (arg) => arg === true || arg === false;
         var isNull = (arg) => arg === null;
-        var isArray7 = (arg) => Array.isArray(arg);
+        var isArray8 = (arg) => Array.isArray(arg);
+        var isDate = (d) => d instanceof Date;
         var isObjectLike3 = (arg) => {
           if (arg === null)
             return false;
           return typeof arg === "object";
         };
         var isDefined2 = (arg) => {
-          return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber2(arg) || isFunction22(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+          return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber2(arg) || isFunction22(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
         };
         var isUndefined2 = (arg) => {
           return arg === void 0;
         };
         var TYPES = {
           boolean: isBoolean,
-          array: isArray7,
+          array: isArray8,
           object: isObject8,
           string: isString10,
+          date: isDate,
           number: isNumber2,
           null: isNull,
           function: isFunction22,
@@ -326,7 +329,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_array2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/array.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/array.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -355,6 +358,8 @@ var require_cjs = __commonJS({
           mergeAndCloneIfArray: () => mergeAndCloneIfArray,
           mergeArray: () => mergeArray,
           removeFromArray: () => removeFromArray,
+          removeValueFromArray: () => removeValueFromArray,
+          removeValueFromArrayAll: () => removeValueFromArrayAll,
           swapItemsInArray: () => swapItemsInArray
         });
         module22.exports = __toCommonJS22(array_exports);
@@ -420,10 +425,22 @@ var require_cjs = __commonJS({
           }, 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.slice();
+        };
+        var removeValueFromArrayAll = (arr, value) => {
+          return arr.filter((item) => item !== value);
+        };
       }
     });
     var require_string2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/string.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/string.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -481,7 +498,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_object2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/object.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/object.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -507,6 +524,7 @@ var require_cjs = __commonJS({
           deepCloneExclude: () => deepCloneExclude,
           deepContains: () => deepContains,
           deepDestringify: () => deepDestringify,
+          deepDiff: () => deepDiff2,
           deepMerge: () => deepMerge3,
           deepStringify: () => deepStringify,
           detachFunctionsFromObject: () => detachFunctionsFromObject,
@@ -515,7 +533,11 @@ var require_cjs = __commonJS({
           diffObjects: () => diffObjects,
           exec: () => exec2,
           flattenRecursive: () => flattenRecursive,
+          hasOwnProperty: () => hasOwnProperty,
+          isEmpty: () => isEmpty,
+          isEmptyObject: () => isEmptyObject,
           isEqualDeep: () => isEqualDeep,
+          makeObjectWithoutPrototype: () => makeObjectWithoutPrototype,
           map: () => map,
           merge: () => merge5,
           mergeArrayExclude: () => mergeArrayExclude,
@@ -549,8 +571,8 @@ var require_cjs = __commonJS({
         };
         var merge5 = (element, obj, excludeFrom = []) => {
           for (const e in obj) {
-            const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, e);
-            if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
+            if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
               continue;
             const elementProp = element[e];
             const objProp = obj[e];
@@ -562,8 +584,8 @@ var require_cjs = __commonJS({
         };
         var deepMerge3 = (element, extend, excludeFrom = []) => {
           for (const e in extend) {
-            const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
-            if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
+            if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
               continue;
             const elementProp = element[e];
             const extendProp = extend[e];
@@ -578,8 +600,8 @@ var require_cjs = __commonJS({
         var clone = (obj, excludeFrom = []) => {
           const o = {};
           for (const prop in obj) {
-            const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
-            if (!hasOwnProperty || excludeFrom.includes(prop) || prop.startsWith("__"))
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
+            if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__"))
               continue;
             o[prop] = obj[prop];
           }
@@ -591,8 +613,8 @@ var require_cjs = __commonJS({
           }
           const o = {};
           for (const k in obj) {
-            const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, k);
-            if (!hasOwnProperty || excludeFrom.includes(k) || k.startsWith("__"))
+            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)) {
@@ -610,7 +632,7 @@ var require_cjs = __commonJS({
         var mergeArrayExclude = (arr, excl = []) => {
           return arr.reduce((acc, curr) => deepMerge3(acc, deepCloneExclude(curr, excl)), {});
         };
-        var deepClone22 = (obj, excludeFrom = []) => {
+        var deepClone22 = (obj, excludeFrom = [], cleanUndefined = false) => {
           const o = (0, import_types.isArray)(obj) ? [] : {};
           for (const prop in obj) {
             if (prop === "__proto__")
@@ -618,11 +640,13 @@ var require_cjs = __commonJS({
             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] = deepClone22(objProp, excludeFrom);
+              o[prop] = deepClone22(objProp, excludeFrom, cleanUndefined);
             } else
               o[prop] = objProp;
           }
@@ -676,7 +700,7 @@ var require_cjs = __commonJS({
                 }
               }
               str += `${spaces}  ]`;
-            } else if ((0, import_types.isObject)(value)) {
+            } 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}'`;
@@ -716,8 +740,8 @@ var require_cjs = __commonJS({
         };
         var deepDestringify = (obj, destringified = {}) => {
           for (const prop in obj) {
-            const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
-            if (!hasOwnProperty)
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
+            if (!hasOwnProperty2)
               continue;
             const objProp = obj[prop];
             if ((0, import_types.isString)(objProp)) {
@@ -810,6 +834,39 @@ var require_cjs = __commonJS({
           }
           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 deepDiff2 = (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 = {};
@@ -905,8 +962,8 @@ var require_cjs = __commonJS({
               }
             } else if ((0, import_types.isObjectLike)(obj1) && obj2 !== null) {
               for (const key in obj1) {
-                const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj2, key);
-                if (!hasOwnProperty || !deepContains(obj1[key], obj2[key])) {
+                const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj2, key);
+                if (!hasOwnProperty2 || !deepContains(obj1[key], obj2[key])) {
                   return false;
                 }
               }
@@ -931,7 +988,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_function2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/function.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/function.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1004,7 +1061,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_log2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/log.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/log.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1043,7 +1100,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_cookie2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1097,7 +1154,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_tags2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1260,7 +1317,7 @@ var require_cjs = __commonJS({
       }
     });
     var require_cjs22 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
+      "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -1567,15 +1624,17 @@ var require_cjs = __commonJS({
       const arr = colorStringToRgbaArray(color);
       if (!arr) {
         if (ENV === "test" || ENV === "development")
-          console.warn(color + "color is not rgba");
+          console.warn(color + " color is not rgba");
         return;
       }
       arr[3] = opacity;
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
+      if ((0, import_utils14.isString)(rgb) && rgb.includes("rgb"))
+        rgb = colorStringToRgbaArray(rgb).join(", ");
       if ((0, import_utils14.isString)(rgb))
-        rgb = rgb.split(", ").map((v) => parseFloat(v));
+        rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
       if ((0, import_utils14.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
@@ -2501,6 +2560,8 @@ var require_cjs = __commonJS({
     var import_utils122 = __toESM2(require_cjs22(), 1);
     var setFont = (val, key) => {
       const CSSvar = `--font-${key}`;
+      if (!val || (0, import_utils122.isArray)(val) && !val[0])
+        return;
       const fontFace = val[0] ? getFontFaceEach(key, val) : setCustomFontMedia(key, val.url);
       return { var: CSSvar, value: val, fontFace };
     };
@@ -3122,9 +3183,9 @@ 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;
@@ -3161,9 +3222,9 @@ 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;
@@ -3199,9 +3260,9 @@ 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;
@@ -3235,9 +3296,9 @@ 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;
@@ -3272,9 +3333,9 @@ 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;
@@ -3299,6 +3360,7 @@ var require_types = __commonJS({
       is: () => is,
       isArray: () => isArray3,
       isBoolean: () => isBoolean,
+      isDate: () => isDate,
       isDefined: () => isDefined2,
       isFunction: () => isFunction3,
       isNot: () => isNot2,
@@ -3322,13 +3384,14 @@ var require_types = __commonJS({
     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 isObject4(arg) || isObjectLike2(arg) || isString6(arg) || isNumber(arg) || isFunction3(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
+      return isObject4(arg) || isObjectLike2(arg) || isString6(arg) || isNumber(arg) || isFunction3(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined2 = (arg) => {
       return arg === void 0;
@@ -3338,6 +3401,7 @@ var require_types = __commonJS({
       array: isArray3,
       object: isObject4,
       string: isString6,
+      date: isDate,
       number: isNumber,
       null: isNull,
       function: isFunction3,
@@ -3359,9 +3423,9 @@ 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;
@@ -3390,6 +3454,8 @@ var require_array = __commonJS({
       mergeAndCloneIfArray: () => mergeAndCloneIfArray,
       mergeArray: () => mergeArray,
       removeFromArray: () => removeFromArray,
+      removeValueFromArray: () => removeValueFromArray,
+      removeValueFromArrayAll: () => removeValueFromArrayAll,
       swapItemsInArray: () => swapItemsInArray
     });
     module2.exports = __toCommonJS2(array_exports);
@@ -3455,12 +3521,24 @@ var require_array = __commonJS({
       }, 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.slice();
+    };
+    var removeValueFromArrayAll = (arr, value) => {
+      return arr.filter((item) => item !== value);
+    };
   }
 });
 
-// ../../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;
@@ -3518,9 +3596,9 @@ var require_string = __commonJS({
   }
 });
 
-// ../../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;
@@ -3546,6 +3624,7 @@ var require_object = __commonJS({
       deepCloneExclude: () => deepCloneExclude,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
+      deepDiff: () => deepDiff2,
       deepMerge: () => deepMerge2,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
@@ -3554,7 +3633,11 @@ var require_object = __commonJS({
       diffObjects: () => diffObjects,
       exec: () => exec2,
       flattenRecursive: () => flattenRecursive,
+      hasOwnProperty: () => hasOwnProperty,
+      isEmpty: () => isEmpty,
+      isEmptyObject: () => isEmptyObject,
       isEqualDeep: () => isEqualDeep,
+      makeObjectWithoutPrototype: () => makeObjectWithoutPrototype,
       map: () => map,
       merge: () => merge3,
       mergeArrayExclude: () => mergeArrayExclude,
@@ -3588,8 +3671,8 @@ var require_object = __commonJS({
     };
     var merge3 = (element, obj, excludeFrom = []) => {
       for (const e in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, e);
-        if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
+        if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const objProp = obj[e];
@@ -3601,8 +3684,8 @@ var require_object = __commonJS({
     };
     var deepMerge2 = (element, extend, excludeFrom = []) => {
       for (const e in extend) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
-        if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
+        if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const extendProp = extend[e];
@@ -3617,8 +3700,8 @@ var require_object = __commonJS({
     var clone = (obj, excludeFrom = []) => {
       const o = {};
       for (const prop in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty || excludeFrom.includes(prop) || prop.startsWith("__"))
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
+        if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__"))
           continue;
         o[prop] = obj[prop];
       }
@@ -3630,8 +3713,8 @@ var require_object = __commonJS({
       }
       const o = {};
       for (const k in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, k);
-        if (!hasOwnProperty || excludeFrom.includes(k) || k.startsWith("__"))
+        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)) {
@@ -3649,7 +3732,7 @@ var require_object = __commonJS({
     var mergeArrayExclude = (arr, excl = []) => {
       return arr.reduce((acc, curr) => deepMerge2(acc, deepCloneExclude(curr, excl)), {});
     };
-    var deepClone3 = (obj, excludeFrom = []) => {
+    var deepClone3 = (obj, excludeFrom = [], cleanUndefined = false) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
         if (prop === "__proto__")
@@ -3657,11 +3740,13 @@ var require_object = __commonJS({
         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] = deepClone3(objProp, excludeFrom);
+          o[prop] = deepClone3(objProp, excludeFrom, cleanUndefined);
         } else
           o[prop] = objProp;
       }
@@ -3715,7 +3800,7 @@ var require_object = __commonJS({
             }
           }
           str += `${spaces}  ]`;
-        } else if ((0, import_types.isObject)(value)) {
+        } 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}'`;
@@ -3755,8 +3840,8 @@ var require_object = __commonJS({
     };
     var deepDestringify = (obj, destringified = {}) => {
       for (const prop in obj) {
-        const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
-        if (!hasOwnProperty)
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
+        if (!hasOwnProperty2)
           continue;
         const objProp = obj[prop];
         if ((0, import_types.isString)(objProp)) {
@@ -3849,6 +3934,39 @@ var require_object = __commonJS({
       }
       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 deepDiff2 = (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 = {};
@@ -3944,8 +4062,8 @@ var require_object = __commonJS({
           }
         } else if ((0, import_types.isObjectLike)(obj1) && obj2 !== null) {
           for (const key in obj1) {
-            const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj2, key);
-            if (!hasOwnProperty || !deepContains(obj1[key], obj2[key])) {
+            const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj2, key);
+            if (!hasOwnProperty2 || !deepContains(obj1[key], obj2[key])) {
               return false;
             }
           }
@@ -3970,9 +4088,9 @@ var require_object = __commonJS({
   }
 });
 
-// ../../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;
@@ -4045,9 +4163,9 @@ 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;
@@ -4086,9 +4204,9 @@ 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;
@@ -4142,9 +4260,9 @@ 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;
@@ -4307,9 +4425,9 @@ 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;
@@ -4342,9 +4460,9 @@ var require_cjs2 = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/state/dist/cjs/ignore.js
+// ../../../domql/packages/state/dist/cjs/ignore.js
 var require_ignore = __commonJS({
-  "../../node_modules/@domql/state/dist/cjs/ignore.js"(exports, module2) {
+  "../../../domql/packages/state/dist/cjs/ignore.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4379,6 +4497,7 @@ var require_ignore = __commonJS({
       "remove",
       "apply",
       "set",
+      "reset",
       "rootUpdate",
       "parentUpdate",
       "parent",
@@ -4391,9 +4510,9 @@ var require_ignore = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/event/dist/cjs/on.js
+// ../../../domql/packages/event/dist/cjs/on.js
 var require_on = __commonJS({
-  "../../node_modules/@domql/event/dist/cjs/on.js"(exports, module2) {
+  "../../../domql/packages/event/dist/cjs/on.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4447,17 +4566,19 @@ var require_on = __commonJS({
           continue;
         const appliedFunction = element.on[param];
         if ((0, import_utils14.isFunction)(appliedFunction)) {
-          const { state, context } = element;
-          node2.addEventListener(param, (event) => appliedFunction(event, element, state, context));
+          node2.addEventListener(param, (event) => {
+            const { state, context } = element;
+            appliedFunction(event, element, state, context);
+          });
         }
       }
     };
   }
 });
 
-// ../../node_modules/@domql/report/dist/cjs/index.js
+// ../../../domql/plugins/report/dist/cjs/index.js
 var require_cjs3 = __commonJS({
-  "../../node_modules/@domql/report/dist/cjs/index.js"(exports, module2) {
+  "../../../domql/plugins/report/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4552,9 +4673,9 @@ ${element}` : ""
   }
 });
 
-// ../../node_modules/@domql/event/dist/cjs/can.js
+// ../../../domql/packages/event/dist/cjs/can.js
 var require_can = __commonJS({
-  "../../node_modules/@domql/event/dist/cjs/can.js"(exports, module2) {
+  "../../../domql/packages/event/dist/cjs/can.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4587,9 +4708,9 @@ var require_can = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/event/dist/cjs/index.js
+// ../../../domql/packages/event/dist/cjs/index.js
 var require_cjs4 = __commonJS({
-  "../../node_modules/@domql/event/dist/cjs/index.js"(exports, module2) {
+  "../../../domql/packages/event/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4612,9 +4733,9 @@ var require_cjs4 = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/state/dist/cjs/methods.js
+// ../../../domql/packages/state/dist/cjs/methods.js
 var require_methods = __commonJS({
-  "../../node_modules/@domql/state/dist/cjs/methods.js"(exports, module2) {
+  "../../../domql/packages/state/dist/cjs/methods.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4642,6 +4763,7 @@ var require_methods = __commonJS({
       parentUpdate: () => parentUpdate,
       parse: () => parse2,
       remove: () => remove,
+      reset: () => reset,
       rootUpdate: () => rootUpdate,
       set: () => set3,
       toggle: () => toggle
@@ -4671,7 +4793,7 @@ var require_methods = __commonJS({
         }
       }
       if (!options.preventStateUpdate) {
-        state.update(state, { replace: true, options });
+        state.update(state, { replace: true, ...options });
       }
       return state;
     };
@@ -4692,7 +4814,19 @@ var require_methods = __commonJS({
         for (const key in state.__children) {
           const child = state.__children[key];
           if (child.state) {
-            child.parent = state.parent;
+            if ((0, import_utils14.isArray)(child.state)) {
+              Object.defineProperty(child.state, "parent", {
+                value: state.parent,
+                enumerable: false,
+                // Set this to true if you want the method to appear in for...in loops
+                configurable: true,
+                // Set this to true if you want to allow redefining/removing the property later
+                writable: true
+                // Set this to true if you want to allow changing the function later
+              });
+            } else {
+              Object.setPrototypeOf(child, { parent: state.parent });
+            }
           }
         }
       }
@@ -4734,23 +4868,29 @@ var require_methods = __commonJS({
         (0, import_utils14.removeFromObject)(state, key);
       return state.update(state.parse(), { replace: true, ...options });
     };
-    var set3 = function(value, options = {}) {
+    var set3 = function(val, options = {}) {
+      const state = this;
+      const value = (0, import_utils14.deepClone)(val);
+      return state.clean({ preventStateUpdate: true, ...options }).update(value, { replace: true, ...options });
+    };
+    var reset = function(options = {}) {
       const state = this;
-      return state.clean({ preventStateUpdate: true }).update(value, { replace: true, ...options });
+      const value = (0, import_utils14.deepClone)(state.parse());
+      return state.set(value, { replace: true, ...options });
     };
     var apply = function(func, options = {}) {
       const state = this;
       if ((0, import_utils14.isFunction)(func)) {
         func(state);
-        return state.update(state, { replace: true, ...options });
+        return state.update(state.parse(), { replace: true, ...options });
       }
     };
   }
 });
 
-// ../../node_modules/@domql/state/dist/cjs/inherit.js
+// ../../../domql/packages/state/dist/cjs/inherit.js
 var require_inherit = __commonJS({
-  "../../node_modules/@domql/state/dist/cjs/inherit.js"(exports, module2) {
+  "../../../domql/packages/state/dist/cjs/inherit.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4870,9 +5010,9 @@ var require_inherit = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/state/dist/cjs/updateState.js
+// ../../../domql/packages/state/dist/cjs/updateState.js
 var require_updateState = __commonJS({
-  "../../node_modules/@domql/state/dist/cjs/updateState.js"(exports, module2) {
+  "../../../domql/packages/state/dist/cjs/updateState.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4906,8 +5046,7 @@ var require_updateState = __commonJS({
       preventHoistElementUpdate: false,
       updateByState: true,
       isHoisted: true,
-      execStateFunction: true,
-      stateFunctionOverwrite: true
+      execStateFunction: true
     };
     var updateState = function(obj, options = STATE_UPDATE_OPTIONS) {
       const state = this;
@@ -4968,10 +5107,10 @@ var require_updateState = __commonJS({
       const changesValue = (0, import_inherit.createChangesByKey)(stateKey, passedValue);
       const targetParent = findGrandParentState || parent.state;
       if (options.replace)
-        targetParent[stateKey] = value;
+        (0, import_utils14.overwriteDeep)(targetParent, changesValue || value);
+      console.log(changesValue);
       targetParent.update(changesValue, {
         execStateFunction: false,
-        stateFunctionOverwrite: false,
         isHoisted: true,
         ...options,
         preventUpdate: options.preventHoistElementUpdate,
@@ -5010,9 +5149,9 @@ var require_updateState = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/state/dist/cjs/create.js
+// ../../../domql/packages/state/dist/cjs/create.js
 var require_create = __commonJS({
-  "../../node_modules/@domql/state/dist/cjs/create.js"(exports, module2) {
+  "../../../domql/packages/state/dist/cjs/create.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5123,6 +5262,7 @@ var require_create = __commonJS({
         remove: import_methods.remove.bind(state),
         apply: import_methods.apply.bind(state),
         set: import_methods.set.bind(state),
+        reset: import_methods.reset.bind(state),
         parent: element.parent.state,
         __element: element,
         __children: {},
@@ -5140,9 +5280,9 @@ var require_create = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/state/dist/cjs/index.js
+// ../../../domql/packages/state/dist/cjs/index.js
 var require_cjs5 = __commonJS({
-  "../../node_modules/@domql/state/dist/cjs/index.js"(exports, module2) {
+  "../../../domql/packages/state/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -8772,10 +8912,9 @@ var Textarea = {
   props: {
     variant: "outlined",
     round: "Z2",
-    maxWidth: "H",
+    width: "H",
     minHeight: "E",
     placeholder: "Leave us a message...",
-    fontSize: "Z1",
     padding: "A",
     color: "white",
     style: { resize: "none" }
@@ -8793,7 +8932,8 @@ var Textarea = {
     props: {
       border: "1px solid #3F3F43",
       background: "transparent",
-      // round: 'Y+W',
+      round: "Y+W",
+      //
       width: "G1",
       height: "D2+W",
       lineHeight: 1.4,