@symbo.ls/uikit 2.11.211 → 2.11.214

package/dist/index.cjs.js

@@ -568,7 +568,7 @@ var require_cjs = __commonJS({
             const elementProp = element[e];
             const extendProp = extend[e];
             if ((0, import_types.isObjectLike)(elementProp) && (0, import_types.isObjectLike)(extendProp)) {
-              deepMerge3(elementProp, extendProp);
+              deepMerge3(elementProp, extendProp, excludeFrom);
             } else if (elementProp === void 0) {
               element[e] = extendProp;
             }
@@ -658,8 +658,8 @@ var require_cjs = __commonJS({
           const spaces = "  ".repeat(indent);
           let str = "{\n";
           for (const [key, value] of Object.entries(obj)) {
-            const keyAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "!"]);
-            const stringedKey = keyAllowdChars ? `'${key}'` : key;
+            const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
+            const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
             str += `${spaces}  ${stringedKey}: `;
             if ((0, import_types.isArray)(value)) {
               str += "[\n";
@@ -714,7 +714,7 @@ var require_cjs = __commonJS({
           }
           return detached;
         };
-        var deepDestringify = (obj, stringified = {}) => {
+        var deepDestringify = (obj, destringified = {}) => {
           for (const prop in obj) {
             const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, prop);
             if (!hasOwnProperty)
@@ -724,52 +724,50 @@ var require_cjs = __commonJS({
               if (objProp.includes("=>") || objProp.includes("function") || objProp.startsWith("(")) {
                 try {
                   const evalProp = import_globals3.window.eval(`(${objProp})`);
-                  stringified[prop] = evalProp;
+                  destringified[prop] = evalProp;
                 } catch (e) {
                   if (e)
-                    stringified[prop] = objProp;
+                    destringified[prop] = objProp;
                 }
               } else {
-                stringified[prop] = objProp;
+                destringified[prop] = objProp;
               }
             } else if ((0, import_types.isArray)(objProp)) {
-              stringified[prop] = [];
+              destringified[prop] = [];
               objProp.forEach((arrProp) => {
                 if ((0, import_types.isString)(arrProp)) {
                   if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
                     try {
                       const evalProp = import_globals3.window.eval(`(${arrProp})`);
-                      stringified[prop].push(evalProp);
+                      destringified[prop].push(evalProp);
                     } catch (e) {
                       if (e)
-                        stringified[prop].push(arrProp);
+                        destringified[prop].push(arrProp);
                     }
                   } else {
-                    stringified[prop].push(arrProp);
+                    destringified[prop].push(arrProp);
                   }
                 } else if ((0, import_types.isObject)(arrProp)) {
-                  stringified[prop].push(deepDestringify(arrProp));
+                  destringified[prop].push(deepDestringify(arrProp));
                 } else {
-                  stringified[prop].push(arrProp);
+                  destringified[prop].push(arrProp);
                 }
               });
             } else if ((0, import_types.isObject)(objProp)) {
-              stringified[prop] = deepDestringify(objProp, stringified[prop]);
+              destringified[prop] = deepDestringify(objProp, destringified[prop]);
             } else {
-              stringified[prop] = objProp;
+              destringified[prop] = objProp;
             }
           }
-          return stringified;
+          return destringified;
         };
-        var stringToObject = (str) => {
-          let obj;
+        var stringToObject = (str, verbose) => {
           try {
-            obj = import_globals3.window.eval("(" + str + ")");
+            return import_globals3.window.eval("(" + str + ")");
           } catch (e) {
-            console.warn(e);
+            if (verbose)
+              console.warn(e);
           }
-          if (obj)
-            return obj;
         };
         var diffObjects = (original, objToDiff, cache) => {
           for (const e in objToDiff) {
@@ -955,11 +953,29 @@ var require_cjs = __commonJS({
         var function_exports = {};
         __export22(function_exports, {
           debounce: () => debounce,
+          debounceOnContext: () => debounceOnContext,
           isStringFunction: () => isStringFunction,
           memoize: () => memoize2
         });
         module22.exports = __toCommonJS22(function_exports);
-        var debounce = (element, func, timeout = 300) => {
+        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);
@@ -1426,7 +1442,7 @@ var require_cjs = __commonJS({
       setVariables: () => setVariables
     });
     var import_globals = __toESM2(require_cjs7(), 1);
-    var import_utils13 = __toESM2(require_cjs22(), 1);
+    var import_utils15 = __toESM2(require_cjs22(), 1);
     var ENV = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -1554,9 +1570,9 @@ var require_cjs = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils13.isString)(rgb))
+      if ((0, import_utils15.isString)(rgb))
         rgb = rgb.split(", ").map((v) => parseFloat(v));
-      if ((0, import_utils13.isNumber)(tone))
+      if ((0, import_utils15.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs2 = tone.slice(0, 1);
@@ -1947,19 +1963,21 @@ var require_cjs = __commonJS({
       const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
       let absValue = isNegative ? letterVal.slice(1) : letterVal;
       let mediaName = "";
-      if (absValue.includes("-")) {
-        mediaName = "-" + absValue.split("-")[1].toLowerCase();
-        absValue = absValue.split("-")[0];
+      if (absValue.includes("_")) {
+        mediaName = "_" + absValue.split("_")[1].toLowerCase();
+        absValue = absValue.split("_")[0];
       }
-      const varValue = (v) => `var(${prefix2}${v}${mediaName})`;
+      const varValue = (v) => startsWithDashOrLetterRegex.test(v) ? `var(${prefix2}${v}${mediaName})` : v;
       if (absValue.includes("+")) {
-        const args = absValue.split("+");
-        const [first, second] = args;
+        const [first, second] = absValue.split("+");
         const joint = `${varValue(first)} + ${varValue(second)}`;
         return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
+      } else if (absValue.includes("*")) {
+        const [first, second] = absValue.split("*");
+        const joint = `${varValue(first)} * ${varValue(second)}`;
+        return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
       } else if (absValue.includes("-")) {
-        const args = absValue.split("-");
-        const [first, second] = args;
+        const [first, second] = absValue.split("-");
         const joint = `${varValue(first)} - ${varValue(second)}`;
         return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
       }
@@ -2023,14 +2041,14 @@ var require_cjs = __commonJS({
           let underMediaQuery = CSS_VARS2[`@media ${query}`];
           if (!underMediaQuery)
             underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-          underMediaQuery[item.variable] = `var(${item.variable + "-" + mediaName})`;
-          CSS_VARS2[item.variable + "-" + mediaName] = value;
+          underMediaQuery[item.variable] = `var(${item.variable + "_" + mediaName})`;
+          CSS_VARS2[item.variable + "_" + mediaName] = value;
         } else {
           if (options.useDefault === false) {
             CSS_VARS2[item.variable] = value;
           } else {
-            CSS_VARS2[item.variable + "-default"] = value;
-            CSS_VARS2[item.variable] = `var(${item.variable + "-default"})`;
+            CSS_VARS2[item.variable + "_default"] = value;
+            CSS_VARS2[item.variable] = `var(${item.variable + "_default"})`;
           }
         }
       }
@@ -2490,7 +2508,7 @@ var require_cjs = __commonJS({
       const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
       return { var: CSSvar, value: str, arr: value, type };
     };
-    var import_utils15 = __toESM2(require_cjs22(), 1);
+    var import_utils152 = __toESM2(require_cjs22(), 1);
     var runThroughMedia = (props4) => {
       const CONFIG22 = getActiveConfig3();
       const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG22;
@@ -2498,7 +2516,7 @@ var require_cjs = __commonJS({
         const mediaProps = props4[prop];
         if (prop.slice(0, 1) === "@") {
           const { type, base, ratio, range, subSequence, h1Matches, unit } = props4;
-          (0, import_utils15.merge)(mediaProps, {
+          (0, import_utils152.merge)(mediaProps, {
             type,
             base,
             ratio,
@@ -3016,9 +3034,9 @@ var require_cjs = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/key.js
+// ../../node_modules/@domql/utils/dist/cjs/key.js
 var require_key = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/key.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/key.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3055,9 +3073,9 @@ var require_key = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/env.js
+// ../../node_modules/@domql/utils/dist/cjs/env.js
 var require_env = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/env.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/env.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3093,9 +3111,9 @@ var require_env = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/globals.js
+// ../../node_modules/@domql/utils/dist/cjs/globals.js
 var require_globals = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/globals.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3129,9 +3147,9 @@ var require_globals = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/node.js
+// ../../node_modules/@domql/utils/dist/cjs/node.js
 var require_node = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/node.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/node.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3166,9 +3184,9 @@ var require_node = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/types.js
+// ../../node_modules/@domql/utils/dist/cjs/types.js
 var require_types = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/types.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/types.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3200,7 +3218,7 @@ var require_types = __commonJS({
       isNumber: () => isNumber,
       isObject: () => isObject4,
       isObjectLike: () => isObjectLike2,
-      isString: () => isString6,
+      isString: () => isString8,
       isUndefined: () => isUndefined2
     });
     module2.exports = __toCommonJS2(types_exports);
@@ -3210,7 +3228,7 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString6 = (arg) => typeof arg === "string";
+    var isString8 = (arg) => typeof arg === "string";
     var isNumber = (arg) => typeof arg === "number";
     var isFunction3 = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
@@ -3222,7 +3240,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined = (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) || isString8(arg) || isNumber(arg) || isFunction3(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined2 = (arg) => {
       return arg === void 0;
@@ -3231,7 +3249,7 @@ var require_types = __commonJS({
       boolean: isBoolean,
       array: isArray3,
       object: isObject4,
-      string: isString6,
+      string: isString8,
       number: isNumber,
       null: isNull,
       function: isFunction3,
@@ -3253,9 +3271,9 @@ var require_types = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/array.js
+// ../../node_modules/@domql/utils/dist/cjs/array.js
 var require_array = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/array.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/array.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3352,9 +3370,9 @@ var require_array = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/string.js
+// ../../node_modules/@domql/utils/dist/cjs/string.js
 var require_string = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/string.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/string.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3412,9 +3430,9 @@ var require_string = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/object.js
+// ../../node_modules/@domql/utils/dist/cjs/object.js
 var require_object = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/object.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/object.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3864,9 +3882,9 @@ var require_object = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/function.js
+// ../../node_modules/@domql/utils/dist/cjs/function.js
 var require_function = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/function.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/function.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3939,9 +3957,9 @@ var require_function = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/log.js
+// ../../node_modules/@domql/utils/dist/cjs/log.js
 var require_log = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/log.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/log.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3980,9 +3998,9 @@ var require_log = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/cookie.js
+// ../../node_modules/@domql/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/cookie.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4036,9 +4054,9 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/tags.js
+// ../../node_modules/@domql/utils/dist/cjs/tags.js
 var require_tags = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/tags.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4201,9 +4219,9 @@ var require_tags = __commonJS({
   }
 });
 
-// ../../../domql/packages/utils/dist/cjs/index.js
+// ../../node_modules/@domql/utils/dist/cjs/index.js
 var require_cjs2 = __commonJS({
-  "../../../domql/packages/utils/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4236,9 +4254,9 @@ var require_cjs2 = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/ignore.js
+// ../../node_modules/@domql/state/dist/cjs/ignore.js
 var require_ignore = __commonJS({
-  "../../../domql/packages/state/dist/cjs/ignore.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/ignore.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4285,9 +4303,9 @@ var require_ignore = __commonJS({
   }
 });
 
-// ../../../domql/packages/event/dist/cjs/on.js
+// ../../node_modules/@domql/event/dist/cjs/on.js
 var require_on = __commonJS({
-  "../../../domql/packages/event/dist/cjs/on.js"(exports, module2) {
+  "../../node_modules/@domql/event/dist/cjs/on.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4315,12 +4333,12 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils13 = require_cjs2();
+    var import_utils15 = require_cjs2();
     var applyEvent = (param, element, state, context, options) => {
       return param(element, state || element.state, context || element.context, options);
     };
     var triggerEventOn = (param, element, options) => {
-      if (element.on && (0, import_utils13.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils15.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEvent(element.on[param], element, state, context, options);
       }
@@ -4329,7 +4347,7 @@ var require_on = __commonJS({
       return param(updatedObj, element, state || element.state, context || element.context, options);
     };
     var triggerEventOnUpdate = (param, updatedObj, element, options) => {
-      if (element.on && (0, import_utils13.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils15.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEventUpdate(element.on[param], updatedObj, element, state, context, options);
       }
@@ -4340,7 +4358,7 @@ var require_on = __commonJS({
         if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "initStateUpdated" || param === "stateUpdated" || param === "initUpdate" || param === "update")
           continue;
         const appliedFunction = element.on[param];
-        if ((0, import_utils13.isFunction)(appliedFunction)) {
+        if ((0, import_utils15.isFunction)(appliedFunction)) {
           const { state, context } = element;
           node2.addEventListener(param, (event) => appliedFunction(event, element, state, context));
         }
@@ -4349,9 +4367,9 @@ var require_on = __commonJS({
   }
 });
 
-// ../../../domql/plugins/report/dist/cjs/index.js
+// ../../node_modules/@domql/report/dist/cjs/index.js
 var require_cjs3 = __commonJS({
-  "../../../domql/plugins/report/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/report/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4446,9 +4464,9 @@ ${element}` : ""
   }
 });
 
-// ../../../domql/packages/event/dist/cjs/can.js
+// ../../node_modules/@domql/event/dist/cjs/can.js
 var require_can = __commonJS({
-  "../../../domql/packages/event/dist/cjs/can.js"(exports, module2) {
+  "../../node_modules/@domql/event/dist/cjs/can.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4473,17 +4491,17 @@ var require_can = __commonJS({
     });
     module2.exports = __toCommonJS2(can_exports);
     var import_report = require_cjs3();
-    var import_utils13 = require_cjs2();
+    var import_utils15 = require_cjs2();
     var canRender = (element) => {
       const tag = element.tag || "div";
-      return (0, import_utils13.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils15.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
 
-// ../../../domql/packages/event/dist/cjs/index.js
+// ../../node_modules/@domql/event/dist/cjs/index.js
 var require_cjs4 = __commonJS({
-  "../../../domql/packages/event/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/event/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4506,9 +4524,9 @@ var require_cjs4 = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/methods.js
+// ../../node_modules/@domql/state/dist/cjs/methods.js
 var require_methods = __commonJS({
-  "../../../domql/packages/state/dist/cjs/methods.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/methods.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4541,11 +4559,11 @@ var require_methods = __commonJS({
       toggle: () => toggle
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils13 = require_cjs2();
+    var import_utils15 = require_cjs2();
     var import_ignore = require_ignore();
     var parse2 = function() {
       const state = this;
-      if ((0, import_utils13.isObject)(state)) {
+      if ((0, import_utils15.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -4553,7 +4571,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils13.isArray)(state)) {
+      } else if ((0, import_utils15.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -4573,7 +4591,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils13.isString)(stateKey)) {
+      if ((0, import_utils15.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -4608,10 +4626,10 @@ var require_methods = __commonJS({
     };
     var add = function(value, options = {}) {
       const state = this;
-      if ((0, import_utils13.isArray)(state)) {
+      if ((0, import_utils15.isArray)(state)) {
         state.push(value);
         state.update(state.parse(), { overwrite: "replace", ...options });
-      } else if ((0, import_utils13.isObject)(state)) {
+      } else if ((0, import_utils15.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value }, options);
       }
@@ -4622,10 +4640,10 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils13.isArray)(state))
-        (0, import_utils13.removeFromArray)(state, key);
-      if ((0, import_utils13.isObject)(state))
-        (0, import_utils13.removeFromObject)(state, key);
+      if ((0, import_utils15.isArray)(state))
+        (0, import_utils15.removeFromArray)(state, key);
+      if ((0, import_utils15.isObject)(state))
+        (0, import_utils15.removeFromObject)(state, key);
       return state.update(state.parse(), { replace: true, ...options });
     };
     var set3 = function(value, options = {}) {
@@ -4634,7 +4652,7 @@ var require_methods = __commonJS({
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils13.isFunction)(func)) {
+      if ((0, import_utils15.isFunction)(func)) {
         func(state);
         return state.update(state, { replace: true, ...options });
       }
@@ -4642,9 +4660,9 @@ var require_methods = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/inherit.js
+// ../../node_modules/@domql/state/dist/cjs/inherit.js
 var require_inherit = __commonJS({
-  "../../../domql/packages/state/dist/cjs/inherit.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/inherit.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4674,7 +4692,7 @@ var require_inherit = __commonJS({
       isState: () => isState2
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils13 = require_cjs2();
+    var import_utils15 = require_cjs2();
     var import_ignore = require_ignore();
     var getParentStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("../"))
@@ -4726,11 +4744,11 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if ((0, import_utils13.isUndefined)(inheritedState))
+      if ((0, import_utils15.isUndefined)(inheritedState))
         return element.state;
-      if ((0, import_utils13.is)(inheritedState)("object", "array")) {
-        return (0, import_utils13.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils13.is)(inheritedState)("string", "number", "boolean")) {
+      if ((0, import_utils15.is)(inheritedState)("object", "array")) {
+        return (0, import_utils15.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
+      } else if ((0, import_utils15.is)(inheritedState)("string", "number", "boolean")) {
         ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
@@ -4739,12 +4757,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (stateKey && (0, import_utils13.is)(stateKey)("number", "string", "boolean"))
+      if (stateKey && (0, import_utils15.is)(stateKey)("number", "string", "boolean"))
         return true;
       return false;
     };
     var isState2 = function(state) {
-      if (!(0, import_utils13.isObjectLike)(state))
+      if (!(0, import_utils15.isObjectLike)(state))
         return false;
       return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.add && state.apply && state.__element && state.__children;
     };
@@ -4764,9 +4782,9 @@ var require_inherit = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/updateState.js
+// ../../node_modules/@domql/state/dist/cjs/updateState.js
 var require_updateState = __commonJS({
-  "../../../domql/packages/state/dist/cjs/updateState.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/updateState.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4793,7 +4811,7 @@ var require_updateState = __commonJS({
     var import_report = require_cjs3();
     var import_event = require_cjs4();
     var import_ignore = require_ignore();
-    var import_utils13 = require_cjs2();
+    var import_utils15 = require_cjs2();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -4807,7 +4825,7 @@ var require_updateState = __commonJS({
       const state = this;
       const element = state.__element;
       if (!options.updateByState)
-        (0, import_utils13.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils15.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -4837,10 +4855,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils13.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils15.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils13.overwriteShallow : import_utils13.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils15.overwriteShallow : import_utils15.overwriteDeep;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     };
     var hoistStateUpdate = (state, obj, options) => {
@@ -4904,9 +4922,9 @@ var require_updateState = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/create.js
+// ../../node_modules/@domql/state/dist/cjs/create.js
 var require_create = __commonJS({
-  "../../../domql/packages/state/dist/cjs/create.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/create.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4932,7 +4950,7 @@ var require_create = __commonJS({
     });
     module2.exports = __toCommonJS2(create_exports);
     var import_event = require_cjs4();
-    var import_utils13 = require_cjs2();
+    var import_utils15 = require_cjs2();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -4946,13 +4964,13 @@ var require_create = __commonJS({
       if (objectizeState === false)
         return parent.state || {};
       else
-        element.state = (0, import_utils13.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
+        element.state = (0, import_utils15.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
       const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
       if (whatInitReturns === false)
         return element.state;
       if ((0, import_inherit.checkIfInherits)(element)) {
         const inheritedState = (0, import_inherit.createInheritedState)(element, parent);
-        element.state = (0, import_utils13.isUndefined)(inheritedState) ? {} : inheritedState;
+        element.state = (0, import_utils15.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state);
       if (dependentState)
@@ -4965,17 +4983,17 @@ var require_create = __commonJS({
       const { __ref: ref } = state;
       if (!ref)
         return;
-      const dependentState = (0, import_utils13.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils15.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      ref.__depends = (0, import_utils13.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
+      ref.__depends = (0, import_utils15.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
       return dependentState;
     };
     var checkForTypes = (element) => {
       const { state, __ref: ref } = element;
-      if ((0, import_utils13.isFunction)(state)) {
+      if ((0, import_utils15.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils13.exec)(state, element);
-      } else if ((0, import_utils13.is)(state)("string", "number")) {
+        return (0, import_utils15.exec)(state, element);
+      } else if ((0, import_utils15.is)(state)("string", "number")) {
         ref.__state = state;
         return {};
       } else if (state === true) {
@@ -5022,7 +5040,7 @@ var require_create = __commonJS({
         __children: {},
         __root: ref.__root ? ref.__root.state : state
       };
-      if ((0, import_utils13.isArray)(state)) {
+      if ((0, import_utils15.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -5034,9 +5052,9 @@ var require_create = __commonJS({
   }
 });
 
-// ../../../domql/packages/state/dist/cjs/index.js
+// ../../node_modules/@domql/state/dist/cjs/index.js
 var require_cjs5 = __commonJS({
-  "../../../domql/packages/state/dist/cjs/index.js"(exports, module2) {
+  "../../node_modules/@domql/state/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -5092,8 +5110,8 @@ var require_cjs6 = __commonJS({
       router: () => router
     });
     module2.exports = __toCommonJS2(router_exports);
-    var import_utils13 = require_cjs2();
-    var getActiveRoute = (level = 0, route = import_utils13.window.location.pathname) => {
+    var import_utils15 = require_cjs2();
+    var getActiveRoute = (level = 0, route = import_utils15.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -5107,7 +5125,7 @@ var require_cjs6 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_utils13.document && import_utils13.document.documentElement,
+      scrollNode: import_utils15.document && import_utils15.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -5122,13 +5140,13 @@ var require_cjs6 = __commonJS({
       const route = getActiveRoute(options.level, pathname);
       const content = element.routes[route || "/"] || element.routes["/*"];
       const scrollNode = options.scrollToNode ? rootNode : options.scrollNode;
-      const hashChanged = hash2 && hash2 !== import_utils13.window.location.hash.slice(1);
+      const hashChanged = hash2 && hash2 !== import_utils15.window.location.hash.slice(1);
       const pathChanged = pathname !== lastPathname;
       lastPathname = pathname;
       if (!content)
         return;
       if (options.pushState) {
-        import_utils13.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
+        import_utils15.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
       }
       if (pathChanged || !hashChanged) {
         if (options.updateState) {
@@ -5154,7 +5172,7 @@ var require_cjs6 = __commonJS({
         });
       }
       if (hash2) {
-        const activeNode = import_utils13.document.getElementById(hash2);
+        const activeNode = import_utils15.document.getElementById(hash2);
         if (activeNode) {
           const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0;
           scrollNode.scrollTo({
@@ -5846,7 +5864,7 @@ var SHAPES = {
 var import_utils = __toESM(require_cjs2());
 var getSystemTheme = ({ context, state }) => {
   const rootState = state && state.__root;
-  return rootState ? rootState.globalTheme : context.designSystem && context.designSystem.globalTheme;
+  return rootState && rootState.globalTheme ? rootState.globalTheme : context.designSystem && context.designSystem.globalTheme;
 };
 var Theme = {
   deps: {
@@ -8144,11 +8162,14 @@ var StatusIndicator = {
 
 // Indicator/CheckIndicator.js
 var CheckIndicator = {
+  extend: Flex,
   props: {
+    align: "center center",
     padding: "X",
     boxSize: "fit-content fit-content",
     round: "100%",
     theme: "primary",
+    aspectRatio: "1 / 1",
     fontSize: "X"
   },
   Icon: {
@@ -8482,8 +8503,8 @@ var Input = {
     autocomplete: ({ props: props4 }) => props4.autocomplete,
     placeholder: ({ props: props4 }) => props4.placeholder,
     value: ({ props: props4, state, deps }) => {
-      const { isString: isString6, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2 } = deps;
-      if (isString6(props4.value) && props4.value.includes("{{")) {
+      const { isString: isString8, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2 } = deps;
+      if (isString8(props4.value) && props4.value.includes("{{")) {
         return replaceLiteralsWithObjectFields2(props4.value, state);
       }
       return props4.value;
@@ -8907,7 +8928,7 @@ var SearchWithDropDownButton = {
 
 // Button/index.js
 var Button = {
-  extend: [FocusableComponent, IconText],
+  extend: [IconText, FocusableComponent],
   tag: "button",
   props: {
     fontSize: "A",
@@ -9447,7 +9468,7 @@ var Avatar = {
     avatarType: "initials",
     borderRadius: "100%",
     boxSize: "C+X C+X",
-    src: `https://api.dicebear.com/7.x/${props4.avatarType || "initials"}/svg?seed=${props4.key || key}`
+    src: `https://api.dicebear.com/7.x/${props4.avatarType || "initials"}/svg?seed=${props4.key || key || "no-avatar"}`
   })
 };
 
@@ -9482,7 +9503,8 @@ var AvatarBundle = {
       }
     }
   },
-  childExtend: Avatar
+  childExtend: Avatar,
+  $setPropsCollection: ({ props: props4 }) => props4.options
 };
 
 // Avatar/AvatarChooser.js
@@ -10074,6 +10096,91 @@ var Modal = {
   Footer: { extend: Flex }
 };
 
+// Modal/node_modules/@symbo.ls/icon/index.js
+var import_utils13 = __toESM(require_cjs2());
+var IconText2 = {
+  extend: Flex,
+  props: {
+    align: "center center",
+    lineHeight: 1
+  },
+  Icon: {
+    props: ({ parent, props: props4 }) => ({ icon: parent.props.icon || props4.name || props4.icon }),
+    if: ({ parent, props: props4 }) => parent.props.icon || parent.props.Icon || props4.name || props4.icon
+  },
+  text: ({ props: props4 }) => props4.text,
+  ".reversed": {
+    props: { flow: "row-reverse" }
+  },
+  ".vertical": {
+    props: { flow: "column" }
+  }
+};
+
+// Modal/node_modules/@symbo.ls/button/index.js
+var Button2 = {
+  extend: [FocusableComponent, IconText2],
+  tag: "button",
+  props: {
+    fontSize: "A",
+    type: "button",
+    border: "none",
+    display: "inline-flex",
+    align: "center center",
+    textDecoration: "none",
+    lineHeight: "1",
+    whiteSpace: "nowrap",
+    padding: "Z A1",
+    fontFamily: "inherit",
+    round: "C2"
+  },
+  attr: {
+    type: ({ props: props4 }) => props4.type
+  }
+};
+var CommonButton2 = {
+  extend: Button2,
+  props: {
+    theme: "primary",
+    boxSize: "fit-content",
+    padding: "A A2",
+    round: "Z2",
+    gap: "Y2",
+    position: "relative"
+  },
+  Icon: {
+    props: { fontSize: "C" }
+  },
+  Caption: {
+    props: {
+      text: "Button",
+      line_height: "1em"
+    }
+  }
+};
+var CancelConfirmButtons2 = {
+  extend: Flex,
+  childExtend: {
+    extend: CommonButton2,
+    props: {
+      minWidth: "D2",
+      ":first-child": {
+        background: "transparent",
+        border: "1px solid #20202B"
+      },
+      ":last-child": {}
+    }
+  },
+  ...[
+    { Caption: { text: "No" } },
+    { Caption: { text: "Yes" } }
+  ],
+  props: {
+    gap: "Z",
+    maxWidth: "fit-content"
+  }
+};
+
 // Modal/CompleteProcess.js
 var CompleteProcess = {
   extend: Modal,
@@ -10126,7 +10233,7 @@ var CompleteProcess = {
     }
   },
   Footer: {
-    extend: CommonButton,
+    extend: CommonButton2,
     props: {
       minWidth: "100%",
       fontWeight: "500"
@@ -10298,7 +10405,7 @@ var VerificationCode = {
       padding: "Y2 - - -"
     },
     Buttons: {
-      extend: CancelConfirmButtons,
+      extend: CancelConfirmButtons2,
       props: { childProps: { ":first-child": { border: "none" } } },
       ...[
         { Caption: { text: "Cancel" } },
@@ -10704,6 +10811,91 @@ var TimePickerItem = {
   Button_minus: { icon: "minus" }
 };
 
+// TimePicker/node_modules/@symbo.ls/icon/index.js
+var import_utils14 = __toESM(require_cjs2());
+var IconText3 = {
+  extend: Flex,
+  props: {
+    align: "center center",
+    lineHeight: 1
+  },
+  Icon: {
+    props: ({ parent, props: props4 }) => ({ icon: parent.props.icon || props4.name || props4.icon }),
+    if: ({ parent, props: props4 }) => parent.props.icon || parent.props.Icon || props4.name || props4.icon
+  },
+  text: ({ props: props4 }) => props4.text,
+  ".reversed": {
+    props: { flow: "row-reverse" }
+  },
+  ".vertical": {
+    props: { flow: "column" }
+  }
+};
+
+// TimePicker/node_modules/@symbo.ls/button/index.js
+var Button3 = {
+  extend: [FocusableComponent, IconText3],
+  tag: "button",
+  props: {
+    fontSize: "A",
+    type: "button",
+    border: "none",
+    display: "inline-flex",
+    align: "center center",
+    textDecoration: "none",
+    lineHeight: "1",
+    whiteSpace: "nowrap",
+    padding: "Z A1",
+    fontFamily: "inherit",
+    round: "C2"
+  },
+  attr: {
+    type: ({ props: props4 }) => props4.type
+  }
+};
+var CommonButton3 = {
+  extend: Button3,
+  props: {
+    theme: "primary",
+    boxSize: "fit-content",
+    padding: "A A2",
+    round: "Z2",
+    gap: "Y2",
+    position: "relative"
+  },
+  Icon: {
+    props: { fontSize: "C" }
+  },
+  Caption: {
+    props: {
+      text: "Button",
+      line_height: "1em"
+    }
+  }
+};
+var CancelConfirmButtons3 = {
+  extend: Flex,
+  childExtend: {
+    extend: CommonButton3,
+    props: {
+      minWidth: "D2",
+      ":first-child": {
+        background: "transparent",
+        border: "1px solid #20202B"
+      },
+      ":last-child": {}
+    }
+  },
+  ...[
+    { Caption: { text: "No" } },
+    { Caption: { text: "Yes" } }
+  ],
+  props: {
+    gap: "Z",
+    maxWidth: "fit-content"
+  }
+};
+
 // TimePicker/TimeSwitcher.js
 var props3 = {
   boxSize: "C B2",
@@ -10716,7 +10908,7 @@ var TimeSwitcher = {
   props: props3,
   extend: Flex,
   childExtend: {
-    extend: Button,
+    extend: Button3,
     props: ({ state, key }) => ({
       active: state.activeShift === key,
       padding: "0",
@@ -10848,7 +11040,8 @@ var DropdownList = {
         borderWidth: "1px 0 0"
       }
     })
-  }
+  },
+  $setPropsCollection: ({ props: props4 }) => props4.options
 };
 var DropdownParent = {
   props: {
@@ -11665,9 +11858,8 @@ var User = {
     align: "center flex-start",
     gap: "Z2"
   },
-  Avatar: {
-    extend: AvatarIndicator,
-    props: { margin: "0 - - -" }
+  AvatarIndicator: {
+    margin: "0 - - -"
   },
   Notes: {
     extend: TitleParagraph,
@@ -11704,7 +11896,7 @@ var ChatUser = {
     padding: "A",
     round: "Z"
   },
-  Avatar: { props: { margin: "0" } },
+  AvatarIndicator: { margin: "0" },
   Notes: {
     props: { flex: "1" },
     Title: {
@@ -11754,7 +11946,7 @@ var UserButtonSet = {
     round: "Z2"
   },
   User: {
-    Avatar: { fontSize: "A2" },
+    AvatarIndicator: { fontSize: "A2" },
     Notes: {
       Title: {
         h5: {
@@ -11785,8 +11977,8 @@ var UserButtonSet = {
 var UserMessage = {
   extend: User,
   props: { gap: "Z" },
-  Avatar: {
-    props: { fontSize: "Z" }
+  AvatarIndicator: {
+    fontSize: "Z"
   },
   Notes: {
     Title: null,
@@ -11807,7 +11999,7 @@ var UserMessage = {
 // User/UserWithLabel.js
 var UserWithLabel = {
   extend: User,
-  Avatar: {
+  AvatarIndicator: {
     StatusIndicator: null,
     Avatar: { boxSize: "B" }
   },
@@ -11848,7 +12040,7 @@ var UserWithButton = {
     border: "1px, solid, gray3",
     gap: "Y2"
   },
-  Avatar: {
+  AvatarIndicator: {
     Avatar: {
       round: "Y"
     },