smbls 2.11.458 → 2.11.460

package/dist/cjs/index.bundle.js

@@ -137,13 +137,13 @@ var require_globals = __commonJS({
       document: () => document2,
       global: () => global,
       self: () => self2,
-      window: () => window4
+      window: () => window3
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self2 = globalThis;
-    var window4 = globalThis;
-    var document2 = window4.document;
+    var window3 = globalThis;
+    var document2 = window3.document;
   }
 });
 
@@ -175,15 +175,15 @@ var require_node = __commonJS({
       isNode: () => isNode
     });
     module2.exports = __toCommonJS2(node_exports);
-    var import_globals2 = require_globals();
+    var import_globals = 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;
+      return (typeof Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
     };
     var isHtmlElement = (obj) => {
-      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
     };
     var isDOMNode = (obj) => {
-      return typeof import_globals2.window !== "undefined" && (obj instanceof import_globals2.window.Node || obj instanceof import_globals2.window.Window || obj === import_globals2.window || obj === document);
+      return typeof import_globals.window !== "undefined" && (obj instanceof import_globals.window.Node || obj instanceof import_globals.window.Window || obj === import_globals.window || obj === document);
     };
   }
 });
@@ -213,7 +213,7 @@ var require_types = __commonJS({
     __export2(types_exports, {
       TYPES: () => TYPES,
       is: () => is,
-      isArray: () => isArray5,
+      isArray: () => isArray4,
       isBoolean: () => isBoolean2,
       isDate: () => isDate,
       isDefined: () => isDefined2,
@@ -221,24 +221,24 @@ var require_types = __commonJS({
       isNot: () => isNot2,
       isNull: () => isNull,
       isNumber: () => isNumber2,
-      isObject: () => isObject8,
+      isObject: () => isObject7,
       isObjectLike: () => isObjectLike3,
-      isString: () => isString12,
+      isString: () => isString11,
       isUndefined: () => isUndefined8
     });
     module2.exports = __toCommonJS2(types_exports);
     var import_node = require_node();
-    var isObject8 = (arg) => {
+    var isObject7 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString12 = (arg) => typeof arg === "string";
+    var isString11 = (arg) => typeof arg === "string";
     var isNumber2 = (arg) => typeof arg === "number";
     var isFunction4 = (arg) => typeof arg === "function";
     var isBoolean2 = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
-    var isArray5 = (arg) => Array.isArray(arg);
+    var isArray4 = (arg) => Array.isArray(arg);
     var isDate = (d) => d instanceof Date;
     var isObjectLike3 = (arg) => {
       if (arg === null)
@@ -246,16 +246,16 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject8(arg) || isObjectLike3(arg) || isString12(arg) || isNumber2(arg) || isFunction4(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString11(arg) || isNumber2(arg) || isFunction4(arg) || isArray4(arg) || isObjectLike3(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined8 = (arg) => {
       return arg === void 0;
     };
     var TYPES = {
       boolean: isBoolean2,
-      array: isArray5,
-      object: isObject8,
-      string: isString12,
+      array: isArray4,
+      object: isObject7,
+      string: isString11,
       date: isDate,
       number: isNumber2,
       null: isNull,
@@ -632,13 +632,13 @@ var require_object = __commonJS({
       objectToString: () => objectToString,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep2,
-      overwriteShallow: () => overwriteShallow3,
+      overwriteShallow: () => overwriteShallow2,
       removeFromObject: () => removeFromObject,
       removeNestedKeyByPath: () => removeNestedKeyByPath,
       stringToObject: () => stringToObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_globals();
+    var import_globals = require_globals();
     var import_types = require_types();
     var import_array = require_array();
     var import_string = require_string();
@@ -764,7 +764,7 @@ var require_object = __commonJS({
         if ((0, import_types.isObjectLike)(objProp)) {
           o[prop] = deepCloneWithExtend2(objProp, excludeFrom, options, visited);
         } else if ((0, import_types.isFunction)(objProp) && options.window) {
-          o[prop] = (options.window || import_globals2.window).eval("(" + objProp.toString() + ")");
+          o[prop] = (options.window || import_globals.window).eval("(" + objProp.toString() + ")");
         } else {
           o[prop] = objProp;
         }
@@ -904,7 +904,7 @@ var require_object = __commonJS({
         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})`);
+              const evalProp = import_globals.window.eval(`(${objProp})`);
               destringified[prop] = evalProp;
             } catch (e) {
               if (e)
@@ -919,7 +919,7 @@ var require_object = __commonJS({
             if ((0, import_types.isString)(arrProp)) {
               if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
                 try {
-                  const evalProp = import_globals2.window.eval(`(${arrProp})`);
+                  const evalProp = import_globals.window.eval(`(${arrProp})`);
                   destringified[prop].push(evalProp);
                 } catch (e) {
                   if (e)
@@ -944,7 +944,7 @@ var require_object = __commonJS({
     };
     var stringToObject = (str, opts = { verbose: true }) => {
       try {
-        return str ? import_globals2.window.eval("(" + str + ")") : {};
+        return str ? import_globals.window.eval("(" + str + ")") : {};
       } catch (e) {
         if (opts.verbose)
           console.warn(e);
@@ -1046,7 +1046,7 @@ var require_object = __commonJS({
       }
       return element;
     };
-    var overwriteShallow3 = (obj, params, excludeFrom = []) => {
+    var overwriteShallow2 = (obj, params, excludeFrom = []) => {
       for (const e in params) {
         if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
@@ -1423,21 +1423,21 @@ var require_cookie = __commonJS({
     });
     module2.exports = __toCommonJS2(cookie_exports);
     var import_types = require_types();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
     var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(import_utils25.document) || (0, import_types.isUndefined)(import_utils25.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils23.document) || (0, import_types.isUndefined)(import_utils23.document.cookie))
         return;
       const d = /* @__PURE__ */ new Date();
       d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
       const expires = `expires=${d.toUTCString()}`;
-      import_utils25.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+      import_utils23.document.cookie = `${cname}=${cvalue};${expires};path=/`;
     };
     var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils25.document) || (0, import_types.isUndefined)(import_utils25.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils23.document) || (0, import_types.isUndefined)(import_utils23.document.cookie))
         return;
       const name = `${cname}=`;
-      const decodedCookie = decodeURIComponent(import_utils25.document.cookie);
+      const decodedCookie = decodeURIComponent(import_utils23.document.cookie);
       const ca = decodedCookie.split(";");
       for (let i = 0; i < ca.length; i++) {
         let c = ca[i];
@@ -1449,9 +1449,9 @@ var require_cookie = __commonJS({
       return "";
     };
     var removeCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils25.document) || (0, import_types.isUndefined)(import_utils25.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils23.document) || (0, import_types.isUndefined)(import_utils23.document.cookie))
         return;
-      import_utils25.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+      import_utils23.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
     };
     function getLocalStorage(key) {
       let savedJSON;
@@ -2708,7 +2708,7 @@ var require_cjs2 = __commonJS({
       mod
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var require_cjs16 = __commonJS2({
+    var require_cjs17 = __commonJS2({
       "../../node_modules/@domql/globals/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -2733,13 +2733,13 @@ var require_cjs2 = __commonJS({
           document: () => document4,
           global: () => global,
           self: () => self2,
-          window: () => window32
+          window: () => window3
         });
         module22.exports = __toCommonJS22(globals_exports);
         var global = globalThis;
         var self2 = globalThis;
-        var window32 = globalThis;
-        var document4 = window32.document;
+        var window3 = globalThis;
+        var document4 = window3.document;
       }
     });
     var require_key3 = __commonJS2({
@@ -2840,13 +2840,13 @@ var require_cjs2 = __commonJS({
           document: () => document4,
           global: () => global,
           self: () => self2,
-          window: () => window32
+          window: () => window3
         });
         module22.exports = __toCommonJS22(globals_exports);
         var global = globalThis;
         var self2 = globalThis;
-        var window32 = globalThis;
-        var document4 = window32.document;
+        var window3 = globalThis;
+        var document4 = window3.document;
       }
     });
     var require_node4 = __commonJS2({
@@ -2920,14 +2920,14 @@ var require_cjs2 = __commonJS({
           isNot: () => isNot2,
           isNull: () => isNull2,
           isNumber: () => isNumber2,
-          isObject: () => isObject72,
+          isObject: () => isObject7,
           isObjectLike: () => isObjectLike3,
           isString: () => isString92,
           isUndefined: () => isUndefined22
         });
         module22.exports = __toCommonJS22(types_exports);
         var import_node = require_node4();
-        var isObject72 = (arg) => {
+        var isObject7 = (arg) => {
           if (arg === null)
             return false;
           return typeof arg === "object" && arg.constructor === Object;
@@ -2945,7 +2945,7 @@ var require_cjs2 = __commonJS({
           return typeof arg === "object";
         };
         var isDefined2 = (arg) => {
-          return isObject72(arg) || isObjectLike3(arg) || isString92(arg) || isNumber2(arg) || isFunction22(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean2(arg) || isDate(arg) || isNull2(arg);
+          return isObject7(arg) || isObjectLike3(arg) || isString92(arg) || isNumber2(arg) || isFunction22(arg) || isArray7(arg) || isObjectLike3(arg) || isBoolean2(arg) || isDate(arg) || isNull2(arg);
         };
         var isUndefined22 = (arg) => {
           return arg === void 0;
@@ -2953,7 +2953,7 @@ var require_cjs2 = __commonJS({
         var TYPES = {
           boolean: isBoolean2,
           array: isArray7,
-          object: isObject72,
+          object: isObject7,
           string: isString92,
           date: isDate,
           number: isNumber2,
@@ -3325,7 +3325,7 @@ var require_cjs2 = __commonJS({
           objectToString: () => objectToString,
           overwrite: () => overwrite,
           overwriteDeep: () => overwriteDeep2,
-          overwriteShallow: () => overwriteShallow3,
+          overwriteShallow: () => overwriteShallow2,
           removeFromObject: () => removeFromObject,
           removeNestedKeyByPath: () => removeNestedKeyByPath,
           stringToObject: () => stringToObject
@@ -3739,7 +3739,7 @@ var require_cjs2 = __commonJS({
           }
           return element;
         };
-        var overwriteShallow3 = (obj, params, excludeFrom = []) => {
+        var overwriteShallow2 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
             if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
@@ -5221,7 +5221,7 @@ var require_cjs2 = __commonJS({
               objectToString: () => objectToString,
               overwrite: () => overwrite,
               overwriteDeep: () => overwriteDeep2,
-              overwriteShallow: () => overwriteShallow3,
+              overwriteShallow: () => overwriteShallow2,
               removeFromObject: () => removeFromObject,
               removeNestedKeyByPath: () => removeNestedKeyByPath,
               stringToObject: () => stringToObject
@@ -5635,7 +5635,7 @@ var require_cjs2 = __commonJS({
               }
               return element;
             };
-            var overwriteShallow3 = (obj, params, excludeFrom = []) => {
+            var overwriteShallow2 = (obj, params, excludeFrom = []) => {
               for (const e in params) {
                 if (excludeFrom.includes(e) || e.startsWith("__"))
                   continue;
@@ -6886,8 +6886,8 @@ var require_cjs2 = __commonJS({
     var isScalingUnit = (unit) => {
       return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
     };
-    var import_globals2 = __toESM2(require_cjs16(), 1);
-    var import_utils25 = __toESM2(require_cjs22(), 1);
+    var import_globals = __toESM2(require_cjs17(), 1);
+    var import_utils23 = __toESM2(require_cjs22(), 1);
     var ENV2 = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -6906,21 +6906,21 @@ var require_cjs2 = __commonJS({
         ];
       }
       if (color.indexOf("rgb") === -1) {
-        if (import_globals2.document && import_globals2.window) {
-          const elem = import_globals2.document.body.appendChild(import_globals2.document.createElement("fictum"));
+        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_globals2.document.body.removeChild(elem);
+            import_globals.document.body.removeChild(elem);
             return;
           }
           elem.style.color = color;
           if (elem.style.color === flag || elem.style.color === "") {
-            import_globals2.document.body.removeChild(elem);
+            import_globals.document.body.removeChild(elem);
             return [0, 0, 0, 0];
           }
-          color = import_globals2.window.getComputedStyle(elem).color;
-          import_globals2.document.body.removeChild(elem);
+          color = import_globals.window.getComputedStyle(elem).color;
+          import_globals.document.body.removeChild(elem);
         }
       }
       if (color.indexOf("rgb") === 0) {
@@ -7019,11 +7019,11 @@ var require_cjs2 = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils25.isString)(rgb) && rgb.includes("rgb"))
+      if ((0, import_utils23.isString)(rgb) && rgb.includes("rgb"))
         rgb = colorStringToRgbaArray(rgb).join(", ");
-      if ((0, import_utils25.isString)(rgb))
+      if ((0, import_utils23.isString)(rgb))
         rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-      if ((0, import_utils25.isNumber)(tone))
+      if ((0, import_utils23.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs3 = tone.slice(0, 1);
@@ -7088,7 +7088,7 @@ var require_cjs2 = __commonJS({
     };
     var import_utils32 = __toESM2(require_cjs22(), 1);
     var import_utils42 = __toESM2(require_cjs32(), 1);
-    var import_utils26 = __toESM2(require_cjs22(), 1);
+    var import_utils24 = __toESM2(require_cjs22(), 1);
     var defaultConfig_exports = {};
     __export2(defaultConfig_exports, {
       ANIMATION: () => ANIMATION,
@@ -7253,13 +7253,13 @@ var require_cjs2 = __commonJS({
       CSS_VARS,
       ...defaultConfig_exports
     };
-    var cachedConfig = (0, import_utils26.deepClone)(CONFIG3);
+    var cachedConfig = (0, import_utils24.deepClone)(CONFIG3);
     var FACTORY = {
       active: "0",
       0: CONFIG3
     };
     var activateConfig = (def) => {
-      if ((0, import_utils26.isDefined)(def)) {
+      if ((0, import_utils24.isDefined)(def)) {
         FACTORY.active = def;
       }
       return FACTORY[def || FACTORY.active];
@@ -7268,10 +7268,10 @@ var require_cjs2 = __commonJS({
       return FACTORY[def || FACTORY.active] || CONFIG3;
     };
     var setActiveConfig = (newConfig) => {
-      if (!(0, import_utils26.isObject)(newConfig))
+      if (!(0, import_utils24.isObject)(newConfig))
         return;
       FACTORY.active = "1";
-      FACTORY["1"] = (0, import_utils26.deepMerge)(newConfig, (0, import_utils26.deepClone)(cachedConfig));
+      FACTORY["1"] = (0, import_utils24.deepMerge)(newConfig, (0, import_utils24.deepClone)(cachedConfig));
       return newConfig;
     };
     var numToLetterMap = {
@@ -8343,9 +8343,9 @@ var require_cjs2 = __commonJS({
         lineHeight: TYPOGRAPHY22.lineHeight
       });
     };
-    var import_globals22 = __toESM2(require_cjs16(), 1);
+    var import_globals2 = __toESM2(require_cjs17(), 1);
     var DEF_OPTIONS = {
-      document: import_globals22.document
+      document: import_globals2.document
     };
     var setSVG = (val, key) => {
       const CONFIG22 = getActiveConfig3();
@@ -8382,9 +8382,9 @@ var require_cjs2 = __commonJS({
       appendSVG(lib, options);
     };
     var createSVGSpriteElement = (options = { isRoot: true }) => {
-      if (!import_globals22.document || !import_globals22.document.createElementNS)
+      if (!import_globals2.document || !import_globals2.document.createElementNS)
         return;
-      const svgElem = import_globals22.document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      const svgElem = import_globals2.document.createElementNS("http://www.w3.org/2000/svg", "svg");
       if (options.isRoot) {
         svgElem.setAttribute("aria-hidden", "true");
         svgElem.setAttribute("width", "0");
@@ -8396,7 +8396,7 @@ var require_cjs2 = __commonJS({
     };
     var appendSVG = (lib, options = DEF_OPTIONS) => {
       const CONFIG22 = getActiveConfig3();
-      const doc = options.document || import_globals22.document;
+      const doc = options.document || import_globals2.document;
       if (!doc || !doc.documentElement) {
         if (CONFIG22.verbose) {
           console.warn("To append SVG sprites it should be run in browser environment");
@@ -8477,7 +8477,7 @@ var require_cjs2 = __commonJS({
         });
       }
     };
-    var import_utils252 = __toESM2(require_cjs22(), 1);
+    var import_utils25 = __toESM2(require_cjs22(), 1);
     var isBorderStyle = (str) => [
       "none",
       "hidden",
@@ -8525,7 +8525,7 @@ var require_cjs2 = __commonJS({
           return `var(${v})`;
         if (getColor2(v).length > 2) {
           const color = getMediaColor3(v, globalTheme);
-          if ((0, import_utils252.isObject)(color))
+          if ((0, import_utils25.isObject)(color))
             return Object.values(color).filter((v2) => v2.includes(": " + globalTheme))[0];
           return color;
         }
@@ -8553,7 +8553,7 @@ var require_cjs2 = __commonJS({
         return v;
       }).join(" ");
     };
-    var transfromGap2 = (gap) => (0, import_utils252.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey3(v, "gap").gap).join(" ");
+    var transfromGap2 = (gap) => (0, import_utils25.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey3(v, "gap").gap).join(" ");
     var transformTransition = (transition) => {
       const arr = transition.split(" ");
       if (!arr.length)
@@ -8571,7 +8571,7 @@ var require_cjs2 = __commonJS({
       }).join(" ");
     };
     var transformDuration2 = (duration, props5, propertyName) => {
-      if (!(0, import_utils252.isString)(duration))
+      if (!(0, import_utils25.isString)(duration))
         return;
       return duration.split(",").map((v) => getTimingByKey2(v).timing || v).join(",");
     };
@@ -8587,11 +8587,11 @@ var require_cjs2 = __commonJS({
     };
     var transformSize2 = (propertyName, val, props5 = {}, opts = {}) => {
       let value2 = val || props5[propertyName];
-      if ((0, import_utils252.isUndefined)(value2) && (0, import_utils252.isNull)(value2))
+      if ((0, import_utils25.isUndefined)(value2) && (0, import_utils25.isNull)(value2))
         return;
       const shouldScaleBoxSize = props5.scaleBoxSize;
       const isBoxSize = checkIfBoxSize(propertyName);
-      if (!shouldScaleBoxSize && isBoxSize && (0, import_utils252.isString)(value2)) {
+      if (!shouldScaleBoxSize && isBoxSize && (0, import_utils25.isString)(value2)) {
         value2 = value2.split(" ").map((v) => {
           const isSingleLetter = v.length < 3 && /[A-Z]/.test(v);
           const hasUnits = ["%", "vw", "vh", "ch"].some((unit) => value2.includes(unit));
@@ -8611,9 +8611,9 @@ var require_cjs2 = __commonJS({
         ratio: true
       });
     };
-    var import_utils262 = __toESM2(require_cjs22(), 1);
+    var import_utils26 = __toESM2(require_cjs22(), 1);
     var setCases = (val, key) => {
-      if ((0, import_utils262.isFunction)(val))
+      if ((0, import_utils26.isFunction)(val))
         return val();
       return val;
     };
@@ -10482,9 +10482,9 @@ var init_Img = __esm({
       attr: {
         src: (el) => {
           const { props: props5, context } = el;
-          const { exec: exec7, isString: isString12, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = context.utils;
+          const { exec: exec7, isString: isString11, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = context.utils;
           let src = (props5.preSrc || "") + exec7(props5.src, el);
-          if (isString12(src) && src.includes("{{")) {
+          if (isString11(src) && src.includes("{{")) {
             src = replaceLiteralsWithObjectFields3(src, el.state);
           }
           let isUrl;
@@ -11402,13 +11402,13 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var applyEvent = (param, element, state, context, options) => {
       return param.call(element, element, state || element.state, context || element.context, options);
     };
     var triggerEventOn = (param, element, options) => {
       var _a;
-      if (element.on && (0, import_utils25.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils23.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEvent(element.on[param] || ((_a = element.props) == null ? void 0 : _a[param]), element, state, context, options);
       }
@@ -11418,7 +11418,7 @@ var require_on = __commonJS({
     };
     var triggerEventOnUpdate = (param, updatedObj, element, options) => {
       var _a;
-      if (element.on && (0, import_utils25.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils23.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEventUpdate(element.on[param] || ((_a = element.props) == null ? void 0 : _a[param]), updatedObj, element, state, context, options);
       }
@@ -11439,7 +11439,7 @@ var require_on = __commonJS({
         if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "beforeStateUpdate" || param === "stateUpdate" || param === "beforeUpdate" || param === "done" || param === "create" || param === "complete" || param === "frame" || param === "update")
           continue;
         const appliedFunction = element.on[param] || ((_a = element.props) == null ? void 0 : _a[param]);
-        if ((0, import_utils25.isFunction)(appliedFunction)) {
+        if ((0, import_utils23.isFunction)(appliedFunction)) {
           node3.addEventListener(param, (event) => {
             const { state, context } = element;
             appliedFunction.call(element, event, element, state, context, options);
@@ -11574,9 +11574,9 @@ var require_can = __commonJS({
     });
     module2.exports = __toCommonJS2(can_exports);
     var import_report = require_cjs3();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var canRenderTag = (tag) => {
-      return (0, import_utils25.isValidHtmlTag)(tag || "div") || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils23.isValidHtmlTag)(tag || "div") || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
@@ -11649,11 +11649,11 @@ var require_methods = __commonJS({
       values: () => values
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_ignore = require_ignore();
     var parse4 = function() {
       const state = this;
-      if ((0, import_utils25.isObject)(state)) {
+      if ((0, import_utils23.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -11661,7 +11661,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils25.isArray)(state)) {
+      } else if ((0, import_utils23.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -11681,7 +11681,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils25.isString)(stateKey)) {
+      if ((0, import_utils23.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -11694,7 +11694,7 @@ var require_methods = __commonJS({
         for (const key in state.__children) {
           const child = state.__children[key];
           if (child.state) {
-            if ((0, import_utils25.isArray)(child.state)) {
+            if ((0, import_utils23.isArray)(child.state)) {
               Object.defineProperty(child.state, "parent", {
                 value: state.parent,
                 enumerable: false,
@@ -11728,10 +11728,10 @@ var require_methods = __commonJS({
     };
     var add = function(value2, options = {}) {
       const state = this;
-      if ((0, import_utils25.isArray)(state)) {
+      if ((0, import_utils23.isArray)(state)) {
         state.push(value2);
         state.update(state.parse(), { overwrite: true, ...options });
-      } else if ((0, import_utils25.isObject)(state)) {
+      } else if ((0, import_utils23.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value2 }, options);
       }
@@ -11747,31 +11747,31 @@ var require_methods = __commonJS({
     };
     var set2 = function(val, options = {}) {
       const state = this;
-      const value2 = (0, import_utils25.deepCloneWithExtend)(val);
+      const value2 = (0, import_utils23.deepCloneWithExtend)(val);
       return state.clean({ preventStateUpdate: true, ...options }).update(value2, { replace: true, ...options });
     };
     var reset = function(options = {}) {
       const state = this;
-      const value2 = (0, import_utils25.deepCloneWithExtend)(state.parse());
+      const value2 = (0, import_utils23.deepCloneWithExtend)(state.parse());
       return state.set(value2, { replace: true, ...options });
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils25.isFunction)(func)) {
+      if ((0, import_utils23.isFunction)(func)) {
         const value2 = func(state);
         return state.update(value2, { replace: true, ...options });
       }
     };
     var applyReplace = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils25.isFunction)(func)) {
+      if ((0, import_utils23.isFunction)(func)) {
         const value2 = func(state);
         return state.replace(value2, options);
       }
     };
     var applyFunction = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils25.isFunction)(func)) {
+      if ((0, import_utils23.isFunction)(func)) {
         func(state);
         return state.update(state.parse(), { replace: true, ...options });
       }
@@ -11835,7 +11835,7 @@ var require_inherit = __commonJS({
       isState: () => isState2
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_ignore = require_ignore();
     var getRootStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("~/"))
@@ -11900,11 +11900,11 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if ((0, import_utils25.isUndefined)(inheritedState))
+      if ((0, import_utils23.isUndefined)(inheritedState))
         return element.state;
-      if ((0, import_utils25.is)(inheritedState)("object", "array")) {
-        return (0, import_utils25.deepCloneWithExtend)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils25.is)(inheritedState)("string", "number", "boolean")) {
+      if ((0, import_utils23.is)(inheritedState)("object", "array")) {
+        return (0, import_utils23.deepCloneWithExtend)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
+      } else if ((0, import_utils23.is)(inheritedState)("string", "number", "boolean")) {
         ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
@@ -11913,12 +11913,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (stateKey && (0, import_utils25.is)(stateKey)("number", "string", "boolean"))
+      if (stateKey && (0, import_utils23.is)(stateKey)("number", "string", "boolean"))
         return true;
       return false;
     };
     var isState2 = function(state) {
-      if (!(0, import_utils25.isObjectLike)(state))
+      if (!(0, import_utils23.isObjectLike)(state))
         return false;
       return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.keys && state.values && state.toggle && state.replace && state.quietUpdate && state.quietReplace && state.add && state.apply && state.applyReplace && state.applyFunction && state.__element && state.__children;
     };
@@ -11967,7 +11967,7 @@ var require_updateState = __commonJS({
     var import_report = require_cjs3();
     var import_event = require_cjs4();
     var import_ignore = require_ignore();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -11982,7 +11982,7 @@ var require_updateState = __commonJS({
       if (options.onEach)
         options.onEach(element, state, element.context, options);
       if (!options.updateByState)
-        (0, import_utils25.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils23.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -12012,10 +12012,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow" || overwrite === "shallow-once";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils25.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils23.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils25.overwriteShallow : import_utils25.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils23.overwriteShallow : import_utils23.overwriteDeep;
       if (options.overwrite === "shallow-once")
         options.overwrite = true;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
@@ -12040,7 +12040,7 @@ var require_updateState = __commonJS({
       const changesValue = (0, import_inherit.createNestedObjectByKeyPath)(stateKey, passedValue);
       const targetParent = findRootState || findGrandParentState || parent.state;
       if (options.replace)
-        (0, import_utils25.overwriteDeep)(targetParent, changesValue || value2);
+        (0, import_utils23.overwriteDeep)(targetParent, changesValue || value2);
       targetParent.update(changesValue, {
         execStateFunction: false,
         isHoisted: true,
@@ -12109,7 +12109,7 @@ var require_create = __commonJS({
     });
     module2.exports = __toCommonJS2(create_exports);
     var import_event = require_cjs4();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -12129,7 +12129,7 @@ var require_create = __commonJS({
         return element.state;
       if ((0, import_inherit.checkIfInherits)(element)) {
         const inheritedState = (0, import_inherit.createInheritedState)(element, parent);
-        element.state = (0, import_utils25.isUndefined)(inheritedState) ? {} : inheritedState;
+        element.state = (0, import_utils23.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state || parent.state || {});
       if (dependentState)
@@ -12140,12 +12140,12 @@ var require_create = __commonJS({
     };
     var applyDependentState = (element, state) => {
       const { __ref, ref, __element } = state;
-      const origState = (0, import_utils25.exec)(__ref || ref || (__element == null ? void 0 : __element.state), element);
+      const origState = (0, import_utils23.exec)(__ref || ref || (__element == null ? void 0 : __element.state), element);
       if (!origState)
         return;
-      const dependentState = (0, import_utils25.deepCloneWithExtend)(origState, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils23.deepCloneWithExtend)(origState, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      const __depends = (0, import_utils25.isObject)(origState.__depends) ? { ...origState.__depends, ...newDepends } : newDepends;
+      const __depends = (0, import_utils23.isObject)(origState.__depends) ? { ...origState.__depends, ...newDepends } : newDepends;
       if (Array.isArray(origState)) {
         addProtoToArray(origState, { ...Object.getPrototypeOf(origState), __depends });
       } else {
@@ -12156,10 +12156,10 @@ var require_create = __commonJS({
     var checkForTypes = (element) => {
       const { state: orig, props: props5, __ref: ref } = element;
       const state = (props5 == null ? void 0 : props5.state) || orig;
-      if ((0, import_utils25.isFunction)(state)) {
+      if ((0, import_utils23.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils25.exec)(state, element);
-      } else if ((0, import_utils25.is)(state)("string", "number")) {
+        return (0, import_utils23.exec)(state, element);
+      } else if ((0, import_utils23.is)(state)("string", "number")) {
         ref.__state = state;
         return {};
       } else if (state === true) {
@@ -12214,7 +12214,7 @@ var require_create = __commonJS({
         __children: {},
         root: ref.root ? ref.root.state : state
       };
-      if ((0, import_utils25.isArray)(state)) {
+      if ((0, import_utils23.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -12952,7 +12952,7 @@ var init_Icon = __esm({
         const { toCamelCase } = ctx && ctx.utils;
         const iconName = getIconName(el, s);
         const camelCase = toCamelCase(iconName);
-        const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
+        const isArray4 = camelCase.split(/([a-z])([A-Z])/g);
         const semanticIcon = getSemanticIcon(el, s, ctx);
         if (semanticIcon)
           return semanticIcon;
@@ -12975,10 +12975,10 @@ var init_Icon = __esm({
           iconInContext = activeIconName;
         if (ICONS[camelCase])
           iconInContext = camelCase;
-        else if (ICONS[isArray5[0] + isArray5[1]])
-          iconInContext = isArray5[0] + isArray5[1];
-        else if (ICONS[isArray5[0]])
-          iconInContext = isArray5[0];
+        else if (ICONS[isArray4[0] + isArray4[1]])
+          iconInContext = isArray4[0] + isArray4[1];
+        else if (ICONS[isArray4[0]])
+          iconInContext = isArray4[0];
         else {
           if (verbose)
             el.warn("Can't find icon:", iconName, iconInContext);
@@ -13040,8 +13040,8 @@ var init_Icon = __esm({
       const { toCamelCase } = ctx && ctx.utils;
       let iconName = getIconName(el, s);
       const camelCase = toCamelCase(iconName);
-      const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
-      const semanticIconRootName = isArray5[1] ? isArray5[0] : iconName.split(".")[0].split(" ")[0];
+      const isArray4 = camelCase.split(/([a-z])([A-Z])/g);
+      const semanticIconRootName = isArray4[1] ? isArray4[0] : iconName.split(".")[0].split(" ")[0];
       const semanticIcon = SEMANTIC_ICONS && SEMANTIC_ICONS[semanticIconRootName];
       if (semanticIcon) {
         const iconKey = iconName.includes(".") ? "sfsymbols." + iconName.split(".").slice(1).join(".") : "sfsymbols";
@@ -13403,12 +13403,12 @@ var require_cjs6 = __commonJS({
       getActiveRoute: () => getActiveRoute,
       lastLevel: () => lastLevel,
       lastPathname: () => lastPathname,
-      router: () => router2
+      router: () => router
     });
     module2.exports = __toCommonJS2(router_exports);
     var import_event = require_cjs4();
-    var import_utils25 = require_cjs();
-    var getActiveRoute = (level = 0, route = import_utils25.window.location.pathname) => {
+    var import_utils23 = require_cjs();
+    var getActiveRoute = (level = 0, route = import_utils23.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -13422,7 +13422,7 @@ var require_cjs6 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_utils25.document && import_utils25.document.documentElement,
+      scrollNode: import_utils23.document && import_utils23.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -13430,16 +13430,16 @@ var require_cjs6 = __commonJS({
       contentElementKey: "content",
       scrollToOptions: { behavior: "smooth" }
     };
-    var router2 = (path, element, state = {}, options = {}) => {
-      const win = element.context.window || import_utils25.window;
-      const doc = element.context.document || import_utils25.document;
+    var router = (path, element, state = {}, options = {}) => {
+      const win = element.context.window || import_utils23.window;
+      const doc = element.context.document || import_utils23.document;
       const opts = { ...defaultOptions, ...element.context.routerOptions, ...options };
       lastLevel = opts.lastLevel;
       const ref = element.__ref;
       if (opts.contentElementKey !== "content" && opts.contentElementKey !== ref.contentElementKey || !ref.contentElementKey) {
         ref.contentElementKey = opts.contentElementKey || "content";
       }
-      const contentElementKey = (0, import_utils25.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils23.setContentKey)(element, opts);
       const urlObj = new win.URL(win.location.origin + path);
       const { pathname, search, hash: hash3 } = urlObj;
       const rootNode = element.node;
@@ -13495,7 +13495,7 @@ var require_cjs6 = __commonJS({
       }
       (0, import_event.triggerEventOn)("routeChanged", element, opts);
     };
-    var router_default = router2;
+    var router_default = router;
   }
 });
 
@@ -13517,9 +13517,9 @@ var init_Link = __esm({
       },
       attr: {
         href: (el, s, ctx) => {
-          const { isString: isString12, exec: exec7, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = ctx.utils;
+          const { isString: isString11, exec: exec7, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = ctx.utils;
           const href = exec7(el.props.href, el) || exec7(exec7(el.props, el).href, el);
-          if (isString12(href) && href.includes("{{")) {
+          if (isString11(href) && href.includes("{{")) {
             return replaceLiteralsWithObjectFields3(href, s);
           }
           return href;
@@ -13534,9 +13534,9 @@ var init_Link = __esm({
         click: (event, el, s) => {
           const { props: props5, context: ctx } = el;
           const { href: h, scrollToTop, stopPropagation } = props5;
-          const { exec: exec7, isString: isString12, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3, isDefined: isDefined2 } = ctx.utils;
+          const { exec: exec7, isString: isString11, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3, isDefined: isDefined2 } = ctx.utils;
           let href = exec7(h, el, s);
-          if (isString12(href) && href.includes("{{")) {
+          if (isString11(href) && href.includes("{{")) {
             href = replaceLiteralsWithObjectFields3(href, s);
           }
           if (stopPropagation)
@@ -13658,9 +13658,9 @@ var init_Input = __esm({
         placeholder: ({ props: props5 }) => props5.placeholder,
         value: (el, s) => {
           const { props: props5, state, deps } = el;
-          const { isString: isString12, exec: exec7, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = deps;
+          const { isString: isString11, exec: exec7, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields3 } = deps;
           const val = exec7(props5.value, el);
-          if (isString12(val) && val.includes("{{")) {
+          if (isString11(val) && val.includes("{{")) {
             return replaceLiteralsWithObjectFields3(val, state);
           }
           return val;
@@ -16989,15 +16989,15 @@ var require_cjs7 = __commonJS({
           isNode: () => isNode
         });
         module22.exports = __toCommonJS22(node_exports);
-        var import_globals2 = require_globals3();
+        var import_globals = require_globals3();
         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;
+          return (typeof Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
         };
         var isHtmlElement = (obj) => {
-          return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+          return (typeof HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
         };
         var isDOMNode = (obj) => {
-          return typeof import_globals2.window !== "undefined" && (obj instanceof import_globals2.window.Node || obj instanceof import_globals2.window.Window || obj === import_globals2.window || obj === document);
+          return typeof import_globals.window !== "undefined" && (obj instanceof import_globals.window.Node || obj instanceof import_globals.window.Window || obj === import_globals.window || obj === document);
         };
       }
     });
@@ -17438,13 +17438,13 @@ var require_cjs7 = __commonJS({
           objectToString: () => objectToString,
           overwrite: () => overwrite,
           overwriteDeep: () => overwriteDeep2,
-          overwriteShallow: () => overwriteShallow3,
+          overwriteShallow: () => overwriteShallow2,
           removeFromObject: () => removeFromObject,
           removeNestedKeyByPath: () => removeNestedKeyByPath,
           stringToObject: () => stringToObject
         });
         module22.exports = __toCommonJS22(object_exports);
-        var import_globals2 = require_globals3();
+        var import_globals = require_globals3();
         var import_types = require_types3();
         var import_array = require_array3();
         var import_string = require_string3();
@@ -17570,7 +17570,7 @@ var require_cjs7 = __commonJS({
             if ((0, import_types.isObjectLike)(objProp)) {
               o[prop] = deepCloneWithExtend2(objProp, excludeFrom, options, visited);
             } else if ((0, import_types.isFunction)(objProp) && options.window) {
-              o[prop] = (options.window || import_globals2.window).eval("(" + objProp.toString() + ")");
+              o[prop] = (options.window || import_globals.window).eval("(" + objProp.toString() + ")");
             } else {
               o[prop] = objProp;
             }
@@ -17710,7 +17710,7 @@ var require_cjs7 = __commonJS({
             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})`);
+                  const evalProp = import_globals.window.eval(`(${objProp})`);
                   destringified[prop] = evalProp;
                 } catch (e) {
                   if (e)
@@ -17725,7 +17725,7 @@ var require_cjs7 = __commonJS({
                 if ((0, import_types.isString)(arrProp)) {
                   if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
                     try {
-                      const evalProp = import_globals2.window.eval(`(${arrProp})`);
+                      const evalProp = import_globals.window.eval(`(${arrProp})`);
                       destringified[prop].push(evalProp);
                     } catch (e) {
                       if (e)
@@ -17750,7 +17750,7 @@ var require_cjs7 = __commonJS({
         };
         var stringToObject = (str, opts = { verbose: true }) => {
           try {
-            return str ? import_globals2.window.eval("(" + str + ")") : {};
+            return str ? import_globals.window.eval("(" + str + ")") : {};
           } catch (e) {
             if (opts.verbose)
               console.warn(e);
@@ -17852,7 +17852,7 @@ var require_cjs7 = __commonJS({
           }
           return element;
         };
-        var overwriteShallow3 = (obj, params, excludeFrom = []) => {
+        var overwriteShallow2 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
             if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
@@ -18223,7 +18223,7 @@ var require_cjs7 = __commonJS({
         });
         module22.exports = __toCommonJS22(cookie_exports);
         var import_types = require_types3();
-        var import_utils32 = require_cjs16();
+        var import_utils32 = require_cjs17();
         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))
@@ -18483,7 +18483,7 @@ var require_cjs7 = __commonJS({
           setContentKey: () => setContentKey
         });
         module22.exports = __toCommonJS22(component_exports);
-        var import__ = require_cjs16();
+        var import__ = require_cjs17();
         var ENV2 = "development";
         var checkIfKeyIsComponent = (key) => {
           const isFirstKeyString = (0, import__.isString)(key);
@@ -18684,7 +18684,7 @@ var require_cjs7 = __commonJS({
         };
       }
     });
-    var require_cjs16 = __commonJS2({
+    var require_cjs17 = __commonJS2({
       "../../../domql/packages/utils/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -18742,7 +18742,7 @@ var require_cjs7 = __commonJS({
       toggleFullscreen: () => toggleFullscreen
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_utils25 = __toESM2(require_cjs16(), 1);
+    var import_utils23 = __toESM2(require_cjs17(), 1);
     var toggleFullscreen = async (el) => {
       if (!document.fullscreenElement) {
         try {
@@ -18754,15 +18754,15 @@ var require_cjs7 = __commonJS({
         await document.exitFullscreen();
       }
     };
-    var import_utils26 = __toESM2(require_cjs16(), 1);
+    var import_utils24 = __toESM2(require_cjs17(), 1);
     var findClosestNumber = (number, arr) => {
-      return ((0, import_utils26.isArray)(arr) ? arr : Object.values(arr)).reduce((prev3, curr) => {
+      return ((0, import_utils24.isArray)(arr) ? arr : Object.values(arr)).reduce((prev3, curr) => {
         return Math.abs(curr - number) < Math.abs(prev3 - number) ? curr : prev3;
       });
     };
     var findClosestNumberInFactory = (val, factory) => {
       val = parseFloat(val);
-      if ((0, import_utils26.isObject)(factory))
+      if ((0, import_utils24.isObject)(factory))
         factory = Object.values(factory);
       return findClosestNumber(val, factory);
     };
@@ -18917,13 +18917,13 @@ var require_cjs7 = __commonJS({
       return result.charAt(0).toUpperCase() + result.slice(1);
     };
     var arrayzeValue = (val) => {
-      if ((0, import_utils25.isArray)(val))
+      if ((0, import_utils23.isArray)(val))
         return val;
-      if ((0, import_utils25.isString)(val))
+      if ((0, import_utils23.isString)(val))
         return val.split(" ");
-      if ((0, import_utils25.isObject)(val))
+      if ((0, import_utils23.isObject)(val))
         return Object.values(val);
-      if ((0, import_utils25.isNumber)(val))
+      if ((0, import_utils23.isNumber)(val))
         return [val];
     };
   }
@@ -19050,9 +19050,9 @@ var require_utilImports = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var utilImports_exports = {};
     __export2(utilImports_exports, {
-      applyCSS: () => import_init2.applyCSS,
-      init: () => import_init2.init,
-      reinit: () => import_init2.reinit,
+      applyCSS: () => import_init.applyCSS,
+      init: () => import_init.init,
+      reinit: () => import_init.reinit,
       scratchSystem: () => import_scratch12.scratchSystem,
       scratchUtils: () => import_scratch12.scratchUtils,
       set: () => import_scratch12.set
@@ -19061,7 +19061,7 @@ var require_utilImports = __commonJS({
     var import_scratch12 = require_cjs2();
     __reExport2(utilImports_exports, require_cjs(), module2.exports);
     __reExport2(utilImports_exports, require_cjs7(), module2.exports);
-    var import_init2 = (init_init(), __toCommonJS(init_exports));
+    var import_init = (init_init(), __toCommonJS(init_exports));
     __reExport2(utilImports_exports, require_cjs8(), module2.exports);
     __reExport2(utilImports_exports, require_cjs6(), module2.exports);
   }
@@ -19095,8 +19095,8 @@ var require_router = __commonJS({
       popStateRouter: () => popStateRouter
     });
     module2.exports = __toCommonJS2(router_exports);
-    var import_router3 = require_cjs6();
-    var import_utils25 = require_cjs();
+    var import_router2 = require_cjs6();
+    var import_utils23 = require_cjs();
     var import_uikit = (init_uikit(), __toCommonJS(uikit_exports));
     var DEFAULT_ROUTING_OPTIONS = {
       initRouter: true,
@@ -19109,16 +19109,16 @@ var require_router = __commonJS({
       else if (context.router === true)
         context.router = DEFAULT_ROUTING_OPTIONS;
       else
-        (0, import_utils25.merge)(context.router || {}, DEFAULT_ROUTING_OPTIONS);
+        (0, import_utils23.merge)(context.router || {}, DEFAULT_ROUTING_OPTIONS);
       const routerOptions = context.router;
-      const router2 = context.snippets && context.snippets.router ? context.snippets.router : import_router3.router;
+      const router = context.snippets && context.snippets.router ? context.snippets.router : import_router2.router;
       const onRouterRenderDefault = (el, s) => {
-        const { pathname, search, hash: hash3 } = import_utils25.window.location;
+        const { pathname, search, hash: hash3 } = import_utils23.window.location;
         const url2 = pathname + search + hash3;
         if (el.routes)
-          router2(url2, el, {}, { initialRender: true });
+          router(url2, el, {}, { initialRender: true });
       };
-      const hasRenderRouter = element.on && !(0, import_utils25.isUndefined)(element.on.renderRouter);
+      const hasRenderRouter = element.on && !(0, import_utils23.isUndefined)(element.on.renderRouter);
       if (routerOptions && routerOptions.initRouter && !hasRenderRouter) {
         if (element.on) {
           element.on.renderRouter = onRouterRenderDefault;
@@ -19139,16 +19139,16 @@ var require_router = __commonJS({
       const routerOptions = context.router || DEFAULT_ROUTING_OPTIONS;
       if (!routerOptions.popState)
         return;
-      const router2 = context.snippets && context.snippets.router ? context.snippets.router : import_router3.router;
-      import_utils25.window.onpopstate = (e) => {
-        const { pathname, search, hash: hash3 } = import_utils25.window.location;
+      const router = context.snippets && context.snippets.router ? context.snippets.router : import_router2.router;
+      import_utils23.window.onpopstate = (e) => {
+        const { pathname, search, hash: hash3 } = import_utils23.window.location;
         const url2 = pathname + search + hash3;
-        router2(url2, element, {}, { pushState: false, scrollToTop: false, level: 0 });
+        router(url2, element, {}, { pushState: false, scrollToTop: false, level: 0 });
       };
     };
     var injectRouterInLinkComponent = (routerOptions) => {
       if (routerOptions && routerOptions.injectRouterInLinkComponent) {
-        return (0, import_utils25.deepMerge)(import_uikit.Link, import_uikit.RouterLink);
+        return (0, import_utils23.deepMerge)(import_uikit.Link, import_uikit.RouterLink);
       }
     };
   }
@@ -19180,13 +19180,13 @@ var require_cjs9 = __commonJS({
       document: () => document2,
       global: () => global,
       self: () => self2,
-      window: () => window4
+      window: () => window3
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self2 = globalThis;
-    var window4 = globalThis;
-    var document2 = window4.document;
+    var window3 = globalThis;
+    var document2 = window3.document;
   }
 });
 
@@ -19232,8 +19232,8 @@ var require_cjs10 = __commonJS({
     var utils2 = __toESM2(require_cjs(), 1);
     var globals2 = __toESM2(require_cjs9(), 1);
     var { overwriteDeep: overwriteDeep2, deepDestringify } = utils2;
-    var { window: window4 } = globals2;
-    var IS_DEVELOPMENT = window4 && window4.location ? window4.location.host.includes("dev.") : true;
+    var { window: window3 } = globals2;
+    var IS_DEVELOPMENT = window3 && window3.location ? window3.location.host.includes("dev.") : true;
     var SERVER_URL = IS_DEVELOPMENT ? "http://localhost:13335/get" : "https://api.symbols.app/get";
     var defaultOptions = {
       endpoint: SERVER_URL
@@ -19325,7 +19325,7 @@ var require_ferchOnCreate = __commonJS({
       fetchSync: () => fetchSync
     });
     module2.exports = __toCommonJS2(ferchOnCreate_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_fetch = require_cjs10();
     var fetchSync = async (key, options) => {
       if (key && options.editor) {
@@ -19342,10 +19342,10 @@ var require_ferchOnCreate = __commonJS({
         try {
           if (options.editor.async) {
             (0, import_fetch.fetchProjectAsync)(key, options, callback || ((data) => {
-              if ((0, import_utils25.isObject)(data.designsystem)) {
+              if ((0, import_utils23.isObject)(data.designsystem)) {
                 options.utils.init(data.designsystem);
               }
-              if ((0, import_utils25.isObject)(data.state)) {
+              if ((0, import_utils23.isObject)(data.state)) {
                 app.state.set(data.state);
               }
             }));
@@ -19490,11 +19490,11 @@ var require_tree = __commonJS({
       TREE: () => TREE
     });
     module2.exports = __toCommonJS2(tree_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_report = require_cjs3();
     var ROOT = {
       key: ":root",
-      node: import_utils25.document ? import_utils25.document.body : (0, import_report.report)("DocumentNotDefined", import_utils25.document)
+      node: import_utils23.document ? import_utils23.document.body : (0, import_report.report)("DocumentNotDefined", import_utils23.document)
     };
     var TREE = ROOT;
   }
@@ -19561,10 +19561,10 @@ var require_cache = __commonJS({
     module2.exports = __toCommonJS2(cache_exports);
     var import_report = require_cjs3();
     var import_event = require_cjs4();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var createHTMLNode = (element) => {
       const { tag, context } = element;
-      const doc = context.document || import_utils25.document;
+      const doc = context.document || import_utils23.document;
       if (tag) {
         if (tag === "string")
           return doc.createTextNode(element.text);
@@ -19580,16 +19580,16 @@ var require_cache = __commonJS({
     };
     var detectTag = (element) => {
       let { tag, key, props: props5 } = element;
-      tag = (0, import_utils25.exec)(tag, element);
+      tag = (0, import_utils23.exec)(tag, element);
       if (tag === true)
         tag = key;
-      if ((0, import_utils25.isObject)(props5) && (0, import_utils25.isString)(props5.tag)) {
-        const tagExists = (0, import_utils25.isValidHtmlTag)(props5.tag);
+      if ((0, import_utils23.isObject)(props5) && (0, import_utils23.isString)(props5.tag)) {
+        const tagExists = (0, import_utils23.isValidHtmlTag)(props5.tag);
         if (tagExists)
           return props5.tag;
       }
-      if ((0, import_utils25.isString)(tag)) {
-        if ((0, import_utils25.isValidHtmlTag)(tag))
+      if ((0, import_utils23.isString)(tag)) {
+        if ((0, import_utils23.isValidHtmlTag)(tag))
           return tag;
       } else {
         let keyAsTag = key.toLowerCase();
@@ -19597,7 +19597,7 @@ var require_cache = __commonJS({
           keyAsTag = keyAsTag.split(".")[0];
         if (keyAsTag.includes("_"))
           keyAsTag = keyAsTag.split("_")[0];
-        if ((0, import_utils25.isValidHtmlTag)(keyAsTag))
+        if ((0, import_utils23.isValidHtmlTag)(keyAsTag))
           return keyAsTag;
       }
       return "div";
@@ -19765,9 +19765,9 @@ var require_inherit2 = __commonJS({
       inheritParentProps: () => inheritParentProps
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var objectizeStringProperty = (propValue) => {
-      if ((0, import_utils25.is)(propValue)("string", "number")) {
+      if ((0, import_utils23.is)(propValue)("string", "number")) {
         return { inheritedString: propValue };
       }
       return propValue;
@@ -19775,9 +19775,9 @@ var require_inherit2 = __commonJS({
     var inheritParentProps = (element, parent) => {
       var _a;
       let propsStack = [];
-      const parentProps = (0, import_utils25.exec)(parent, parent.state).props;
+      const parentProps = (0, import_utils23.exec)(parent, parent.state).props;
       const matchParent = parent.props && parentProps[element.key];
-      const matchParentIsString = (0, import_utils25.isString)(matchParent);
+      const matchParentIsString = (0, import_utils23.isString)(matchParent);
       const matchParentChildProps = parentProps && parentProps.childProps;
       if (matchParent) {
         if (matchParentIsString) {
@@ -19825,19 +19825,19 @@ var require_create3 = __commonJS({
       syncProps: () => syncProps
     });
     module2.exports = __toCommonJS2(create_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_ignore = require_ignore2();
     var import_inherit = require_inherit2();
     var createPropsStack = (element, parent) => {
       const { props: props5, __ref: ref } = element;
       const propsStack = ref.__props = (0, import_inherit.inheritParentProps)(element, parent);
-      if ((0, import_utils25.isObject)(props5))
+      if ((0, import_utils23.isObject)(props5))
         propsStack.push(props5);
       else if (props5 === "inherit" && parent.props)
         propsStack.push(parent.props);
       else if (props5)
         propsStack.push(props5);
-      if ((0, import_utils25.isArray)(ref.__extend)) {
+      if ((0, import_utils23.isArray)(ref.__extend)) {
         ref.__extend.forEach((extend) => {
           if (extend.props && extend.props !== props5)
             propsStack.push(extend.props);
@@ -19854,13 +19854,13 @@ var require_create3 = __commonJS({
           return;
         let execProps;
         try {
-          execProps = (0, import_utils25.exec)(v, element);
+          execProps = (0, import_utils23.exec)(v, element);
         } catch (e) {
           element.error(e, opts);
         }
-        element.props = (0, import_utils25.deepMerge)(
+        element.props = (0, import_utils23.deepMerge)(
           mergedProps,
-          (0, import_utils25.deepCloneWithExtend)(execProps, import_ignore.IGNORE_PROPS_PARAMS),
+          (0, import_utils23.deepCloneWithExtend)(execProps, import_ignore.IGNORE_PROPS_PARAMS),
           import_ignore.IGNORE_PROPS_PARAMS
         );
       });
@@ -20006,10 +20006,10 @@ var require_object2 = __commonJS({
       mergeIfExisted: () => mergeIfExisted,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep2,
-      overwriteShallow: () => overwriteShallow3
+      overwriteShallow: () => overwriteShallow2
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_props = require_props();
     var IGNORE_STATE_PARAMS = [
       "update",
@@ -20061,7 +20061,7 @@ var require_object2 = __commonJS({
       "nextElement",
       "previousElement"
     ];
-    var METHODS_EXL = (0, import_utils25.joinArrays)(
+    var METHODS_EXL = (0, import_utils23.joinArrays)(
       ["node", "state", "context", "extend", "__element"],
       METHODS,
       IGNORE_STATE_PARAMS,
@@ -20075,7 +20075,7 @@ var require_object2 = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils25.isObjectLike)(elementProp) && (0, import_utils25.isObject)(extendProp)) {
+        } else if ((0, import_utils23.isObjectLike)(elementProp) && (0, import_utils23.isObject)(extendProp)) {
           deepMerge2(elementProp, extendProp);
         }
       }
@@ -20133,7 +20133,7 @@ var require_object2 = __commonJS({
       }
       return changes;
     };
-    var overwriteShallow3 = (obj, params, exclude = METHODS_EXL) => {
+    var overwriteShallow2 = (obj, params, exclude = METHODS_EXL) => {
       for (const e in params) {
         if (exclude.includes(e))
           continue;
@@ -20147,7 +20147,7 @@ var require_object2 = __commonJS({
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
-        if ((0, import_utils25.isObjectLike)(objProp) && (0, import_utils25.isObjectLike)(paramsProp)) {
+        if ((0, import_utils23.isObjectLike)(objProp) && (0, import_utils23.isObjectLike)(paramsProp)) {
           overwriteDeep2(objProp, paramsProp);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
@@ -20156,15 +20156,15 @@ var require_object2 = __commonJS({
       return obj;
     };
     var mergeIfExisted = (a, b) => {
-      if ((0, import_utils25.isObjectLike)(a) && (0, import_utils25.isObjectLike)(b))
+      if ((0, import_utils23.isObjectLike)(a) && (0, import_utils23.isObjectLike)(b))
         return deepMerge2(a, b);
       return a || b;
     };
     var mergeArray = (arr, exclude = ["parent", "node", "__element", "state", "context", "__ref"]) => {
-      return arr.reduce((a, c) => deepMerge2(a, (0, import_utils25.deepCloneWithExtend)(c, exclude)), {});
+      return arr.reduce((a, c) => deepMerge2(a, (0, import_utils23.deepCloneWithExtend)(c, exclude)), {});
     };
     var mergeAndCloneIfArray = (obj) => {
-      return (0, import_utils25.isArray)(obj) ? mergeArray(obj) : (0, import_utils25.deepCloneWithExtend)(obj);
+      return (0, import_utils23.isArray)(obj) ? mergeArray(obj) : (0, import_utils23.deepCloneWithExtend)(obj);
     };
     var flattenRecursive = (param, prop, stack = []) => {
       const objectized = mergeAndCloneIfArray(param);
@@ -20218,7 +20218,7 @@ var require_extendUtils = __commonJS({
       setHashedExtend: () => setHashedExtend
     });
     module2.exports = __toCommonJS2(extendUtils_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var ENV2 = "development";
     var generateHash = () => Math.random().toString(36).substring(2);
     var extendStackRegistry = {};
@@ -20228,7 +20228,7 @@ var require_extendUtils = __commonJS({
     };
     var setHashedExtend = (extend, stack) => {
       const hash3 = generateHash();
-      if (!(0, import_utils25.isString)(extend)) {
+      if (!(0, import_utils23.isString)(extend)) {
         extend.__hash = hash3;
       }
       extendStackRegistry[hash3] = stack;
@@ -20254,9 +20254,9 @@ var require_extendUtils = __commonJS({
     var flattenExtend = (extend, stack, context) => {
       if (!extend)
         return stack;
-      if ((0, import_utils25.isArray)(extend))
+      if ((0, import_utils23.isArray)(extend))
         return extractArrayExtend(extend, stack, context);
-      if ((0, import_utils25.isString)(extend))
+      if ((0, import_utils23.isString)(extend))
         extend = fallbackStringExtend(extend, context);
       stack.push(extend);
       if (extend.extend)
@@ -20271,14 +20271,14 @@ var require_extendUtils = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils25.isObject)(elementProp) && (0, import_utils25.isObject)(extendProp)) {
+        } else if ((0, import_utils23.isObject)(elementProp) && (0, import_utils23.isObject)(extendProp)) {
           deepMergeExtend(elementProp, extendProp);
-        } else if ((0, import_utils25.isArray)(elementProp) && (0, import_utils25.isArray)(extendProp)) {
+        } else if ((0, import_utils23.isArray)(elementProp) && (0, import_utils23.isArray)(extendProp)) {
           element[e] = elementProp.concat(extendProp);
-        } else if ((0, import_utils25.isArray)(elementProp) && (0, import_utils25.isObject)(extendProp)) {
+        } else if ((0, import_utils23.isArray)(elementProp) && (0, import_utils23.isObject)(extendProp)) {
           const obj = deepMergeExtend({}, elementProp);
           element[e] = deepMergeExtend(obj, extendProp);
-        } else if (elementProp === void 0 && (0, import_utils25.isFunction)(extendProp)) {
+        } else if (elementProp === void 0 && (0, import_utils23.isFunction)(extendProp)) {
           element[e] = extendProp;
         }
       }
@@ -20286,13 +20286,13 @@ var require_extendUtils = __commonJS({
     };
     var cloneAndMergeArrayExtend = (stack) => {
       return stack.reduce((a, c) => {
-        return deepMergeExtend(a, (0, import_utils25.deepCloneWithExtend)(c));
+        return deepMergeExtend(a, (0, import_utils23.deepCloneWithExtend)(c));
       }, {});
     };
     var fallbackStringExtend = (extend, context, options = {}) => {
       const COMPONENTS = context && context.components || options.components;
       const PAGES = context && context.pages || options.pages;
-      if ((0, import_utils25.isString)(extend)) {
+      if ((0, import_utils23.isString)(extend)) {
         const componentExists = COMPONENTS && (COMPONENTS[extend] || COMPONENTS["smbls." + extend]);
         const pageExists = PAGES && extend.startsWith("/") && PAGES[extend];
         if (componentExists)
@@ -20352,30 +20352,30 @@ var require_extend = __commonJS({
       applyExtend: () => applyExtend
     });
     module2.exports = __toCommonJS2(extend_exports);
-    var import_utils25 = require_cjs();
-    var import_utils26 = require_utils();
+    var import_utils23 = require_cjs();
+    var import_utils24 = require_utils();
     var ENV2 = "development";
     var mainExtend;
     var applyExtend = (element, parent, options = {}) => {
-      if ((0, import_utils25.isFunction)(element))
-        element = (0, import_utils25.exec)(element, parent);
+      if ((0, import_utils23.isFunction)(element))
+        element = (0, import_utils23.exec)(element, parent);
       const { props: props5, __ref } = element;
       let extend = (props5 == null ? void 0 : props5.extends) || element.extends || element.extend;
       const context = element.context || parent.context;
-      extend = (0, import_utils26.fallbackStringExtend)(extend, context, options);
-      const extendStack = (0, import_utils26.getExtendStack)(extend, context);
+      extend = (0, import_utils24.fallbackStringExtend)(extend, context, options);
+      const extendStack = (0, import_utils24.getExtendStack)(extend, context);
       if (ENV2 !== "test" || ENV2 !== "development")
         delete element.extend;
       let childExtendStack = [];
       if (parent) {
         element.parent = parent;
         if (!options.ignoreChildExtend && !(props5 && props5.ignoreChildExtend)) {
-          childExtendStack = (0, import_utils26.getExtendStack)(parent.childExtend, context);
+          childExtendStack = (0, import_utils24.getExtendStack)(parent.childExtend, context);
           const ignoreChildExtendRecursive = props5 && props5.ignoreChildExtendRecursive;
           if (parent.childExtendRecursive && !ignoreChildExtendRecursive) {
             const canExtendRecursive = element.key !== "__text";
             if (canExtendRecursive) {
-              const childExtendRecursiveStack = (0, import_utils26.getExtendStack)(parent.childExtendRecursive, context);
+              const childExtendRecursiveStack = (0, import_utils24.getExtendStack)(parent.childExtendRecursive, context);
               childExtendStack = childExtendStack.concat(childExtendRecursiveStack);
               element.childExtendRecursive = parent.childExtendRecursive;
             }
@@ -20386,7 +20386,7 @@ var require_extend = __commonJS({
       const childExtendLength = childExtendStack.length;
       let stack = [];
       if (extendLength && childExtendLength) {
-        stack = (0, import_utils26.jointStacks)(extendStack, childExtendStack);
+        stack = (0, import_utils24.jointStacks)(extendStack, childExtendStack);
       } else if (extendLength) {
         stack = extendStack;
       } else if (childExtendLength) {
@@ -20395,22 +20395,22 @@ var require_extend = __commonJS({
         return element;
       if (context.defaultExtends) {
         if (!mainExtend) {
-          const defaultOptionsExtend = (0, import_utils26.getExtendStack)(context.defaultExtends, context);
-          mainExtend = (0, import_utils26.cloneAndMergeArrayExtend)(defaultOptionsExtend);
+          const defaultOptionsExtend = (0, import_utils24.getExtendStack)(context.defaultExtends, context);
+          mainExtend = (0, import_utils24.cloneAndMergeArrayExtend)(defaultOptionsExtend);
           delete mainExtend.extend;
         }
         stack = [].concat(stack, mainExtend);
       }
       if (__ref)
         __ref.__extend = stack;
-      let mergedExtend = (0, import_utils26.cloneAndMergeArrayExtend)(stack);
+      let mergedExtend = (0, import_utils24.cloneAndMergeArrayExtend)(stack);
       const COMPONENTS = context && context.components || options.components;
-      const component = (0, import_utils25.exec)(element.component || mergedExtend.component, element);
+      const component = (0, import_utils23.exec)(element.component || mergedExtend.component, element);
       if (component && COMPONENTS && COMPONENTS[component]) {
-        const componentExtend = (0, import_utils26.cloneAndMergeArrayExtend)((0, import_utils26.getExtendStack)(COMPONENTS[component]));
-        mergedExtend = (0, import_utils26.deepMergeExtend)(componentExtend, mergedExtend);
+        const componentExtend = (0, import_utils24.cloneAndMergeArrayExtend)((0, import_utils24.getExtendStack)(COMPONENTS[component]));
+        mergedExtend = (0, import_utils24.deepMergeExtend)(componentExtend, mergedExtend);
       }
-      const merged = (0, import_utils26.deepMergeExtend)(element, mergedExtend);
+      const merged = (0, import_utils24.deepMergeExtend)(element, mergedExtend);
       return merged;
     };
   }
@@ -20444,7 +20444,7 @@ var require_component2 = __commonJS({
       overwriteVariant: () => overwriteVariant
     });
     module2.exports = __toCommonJS2(component_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_extend = require_extend();
     var import_mixins = require_mixins();
     var replaceOnKeys = (key) => key.replace(/on\w+/g, (match3) => match3.substring(2));
@@ -20465,7 +20465,7 @@ var require_component2 = __commonJS({
         if (isDefine) {
           newElem.define[k] = prop;
         }
-        const isComponent = (0, import_utils25.checkIfKeyIsComponent)(k);
+        const isComponent = (0, import_utils23.checkIfKeyIsComponent)(k);
         const isRegistry = import_mixins.registry[k];
         if (isComponent || isRegistry) {
           newElem[k] = prop;
@@ -20479,25 +20479,25 @@ var require_component2 = __commonJS({
       let variantElement = element[variant];
       if (!variantElement)
         return;
-      const props5 = (0, import_utils25.isObject)(variantProps) ? variantProps : {};
-      if ((0, import_utils25.isString)(variantElement)) {
+      const props5 = (0, import_utils23.isObject)(variantProps) ? variantProps : {};
+      if ((0, import_utils23.isString)(variantElement)) {
         variantElement = {
           extend: [{ props: props5 }, variantElement]
         };
       } else if (variantElement.extend) {
-        variantElement = (0, import_utils25.addAdditionalExtend)({ props: props5 }, variantElement);
+        variantElement = (0, import_utils23.addAdditionalExtend)({ props: props5 }, variantElement);
       }
       const extendedVariant = (0, import_extend.applyExtend)(variantElement, element.parent);
       const { parent, ...rest } = extendedVariant;
-      return (0, import_utils25.overwriteDeep)(element, rest);
+      return (0, import_utils23.overwriteDeep)(element, rest);
     };
     var applyVariant = (element) => {
       const { props: props5 } = element;
-      if (!(0, import_utils25.hasVariantProp)(element))
+      if (!(0, import_utils23.hasVariantProp)(element))
         return element;
       const { variant } = props5;
       overwriteVariant(element, `.${variant}`);
-      const elKeys = Object.keys(element).filter((key) => (0, import_utils25.isVariant)(key));
+      const elKeys = Object.keys(element).filter((key) => (0, import_utils23.isVariant)(key));
       elKeys.forEach((variant2) => {
         const slicedVariantElementKey = variant2.slice(1);
         const variantElementProps = props5[slicedVariantElementKey];
@@ -20561,20 +20561,20 @@ var require_attr = __commonJS({
       default: () => attr_default
     });
     module2.exports = __toCommonJS2(attr_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_report = require_cjs3();
-    var import_utils26 = require_utils();
+    var import_utils24 = require_utils();
     var attr_default = (params, element, node3) => {
       const { __ref } = element;
       const { __attr } = __ref;
-      if ((0, import_utils25.isNot)("object"))
+      if ((0, import_utils23.isNot)("object"))
         (0, import_report.report)("HTMLInvalidAttr", params);
       if (params) {
         if (element.props.attr)
-          (0, import_utils26.deepMerge)(params, element.props.attr);
+          (0, import_utils24.deepMerge)(params, element.props.attr);
         for (const attr in params) {
-          const val = (0, import_utils25.exec)(params[attr], element);
-          if (val !== false && !(0, import_utils25.isUndefined)(val) && !(0, import_utils25.isNull)(val) && node3.setAttribute)
+          const val = (0, import_utils23.exec)(params[attr], element);
+          if (val !== false && !(0, import_utils23.isUndefined)(val) && !(0, import_utils23.isNull)(val) && node3.setAttribute)
             node3.setAttribute(attr, val);
           else if (node3.removeAttribute)
             node3.removeAttribute(attr);
@@ -20615,7 +20615,7 @@ var require_classList = __commonJS({
       default: () => classList_default
     });
     module2.exports = __toCommonJS2(classList_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var assignKeyAsClassname = (element) => {
       const { key } = element;
       if (element.class === true)
@@ -20633,7 +20633,7 @@ var require_classList = __commonJS({
         else if (typeof param === "string")
           className += ` ${param}`;
         else if (typeof param === "function") {
-          className += ` ${(0, import_utils25.exec)(param, element)}`;
+          className += ` ${(0, import_utils23.exec)(param, element)}`;
         }
       }
       return className;
@@ -20644,9 +20644,9 @@ var require_classList = __commonJS({
       const { key } = element;
       if (params === true)
         params = element.class = { key };
-      if ((0, import_utils25.isString)(params))
+      if ((0, import_utils23.isString)(params))
         params = element.class = { default: params };
-      if ((0, import_utils25.isObject)(params))
+      if ((0, import_utils23.isObject)(params))
         params = classify2(params, element);
       const className = params.replace(/\s+/g, " ").trim();
       if (element.ref)
@@ -20732,7 +20732,7 @@ var require_set = __commonJS({
       resetElement: () => resetElement
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_create = __toESM2(require_create4(), 1);
     var import_options = __toESM2(require_options2(), 1);
     var import_mixins = require_mixins();
@@ -20762,13 +20762,13 @@ var require_set = __commonJS({
       var _a;
       const element = el || this;
       const { __ref: ref } = element;
-      const content = (0, import_utils25.setContentKey)(element, options);
+      const content = (0, import_utils23.setContentKey)(element, options);
       const __contentRef = content && content.__ref;
       const lazyLoad = element.props && element.props.lazyLoad;
       const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
       if (options.preventContentUpdate === true && !hasCollection)
         return;
-      if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils25.deepContains)(params, content)) {
+      if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils23.deepContains)(params, content)) {
         if (!options.preventBeforeUpdateListener && !options.preventListeners) {
           const beforeUpdateReturns = (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
           if (beforeUpdateReturns === false)
@@ -20839,7 +20839,7 @@ var require_content = __commonJS({
       updateContent: () => updateContent
     });
     module2.exports = __toCommonJS2(content_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_set = __toESM2(require_set(), 1);
     var updateContent = function(params, options) {
       const element = this;
@@ -20853,7 +20853,7 @@ var require_content = __commonJS({
     var removeContent = function(el, opts = {}) {
       const element = el || this;
       const { __ref: ref } = element;
-      const contentElementKey = (0, import_utils25.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils23.setContentKey)(element, opts);
       if (opts.contentElementKey !== "content")
         opts.contentElementKey = "content";
       if (element[contentElementKey]) {
@@ -20870,14 +20870,14 @@ var require_content = __commonJS({
         if (__cached && __cached[contentElementKey]) {
           if (__cached[contentElementKey].tag === "fragment")
             __cached[contentElementKey].parent.node.innerHTML = "";
-          else if (__cached[contentElementKey] && (0, import_utils25.isFunction)(__cached[contentElementKey].remove))
+          else if (__cached[contentElementKey] && (0, import_utils23.isFunction)(__cached[contentElementKey].remove))
             __cached[contentElementKey].remove();
         }
         delete element[contentElementKey];
       }
     };
     var setContent = (param, element, node3, opts) => {
-      const contentElementKey = (0, import_utils25.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils23.setContentKey)(element, opts);
       if (param && element) {
         if (element[contentElementKey].update) {
           element[contentElementKey].update({}, opts);
@@ -20916,18 +20916,18 @@ var require_data = __commonJS({
       default: () => data_default
     });
     module2.exports = __toCommonJS2(data_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_report = require_cjs3();
     var data_default = (params, element, node3) => {
       if (params) {
         if (element.props.data)
-          (0, import_utils25.deepMerge)(params, element.props.data);
+          (0, import_utils23.deepMerge)(params, element.props.data);
         if (params.showOnNode) {
-          if (!(0, import_utils25.isObject)(params))
+          if (!(0, import_utils23.isObject)(params))
             (0, import_report.report)("HTMLInvalidData", params);
           for (const dataset in params) {
             if (dataset !== "showOnNode") {
-              node3.dataset[dataset] = (0, import_utils25.exec)(params[dataset], element);
+              node3.dataset[dataset] = (0, import_utils23.exec)(params[dataset], element);
             }
           }
         }
@@ -20962,10 +20962,10 @@ var require_html = __commonJS({
       default: () => html_default
     });
     module2.exports = __toCommonJS2(html_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var html_default = (param, element, node3) => {
       var _a;
-      const prop = (0, import_utils25.exec)(param, element) || (0, import_utils25.exec)((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
+      const prop = (0, import_utils23.exec)(param, element) || (0, import_utils23.exec)((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
       const { __ref } = element;
       if (prop !== __ref.__html) {
         if (node3.nodeName === "SVG")
@@ -21004,12 +21004,12 @@ var require_style = __commonJS({
       default: () => style_default
     });
     module2.exports = __toCommonJS2(style_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_report = require_cjs3();
     var style_default = (params, element, node3) => {
       if (params) {
-        if ((0, import_utils25.isObject)(params))
-          (0, import_utils25.map)(node3.style, params, element);
+        if ((0, import_utils23.isObject)(params))
+          (0, import_utils23.map)(node3.style, params, element);
         else
           (0, import_report.report)("HTMLInvalidStyles", params);
       }
@@ -21044,11 +21044,11 @@ var require_text = __commonJS({
     });
     module2.exports = __toCommonJS2(text_exports);
     var import__ = require_cjs12();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var text_default = (param, element, node3) => {
-      let prop = (0, import_utils25.exec)(param, element);
-      if ((0, import_utils25.isString)(prop) && prop.includes("{{")) {
-        prop = (0, import_utils25.replaceLiteralsWithObjectFields)(prop, element.state);
+      let prop = (0, import_utils23.exec)(param, element);
+      if ((0, import_utils23.isString)(prop) && prop.includes("{{")) {
+        prop = (0, import_utils23.replaceLiteralsWithObjectFields)(prop, element.state);
       }
       if (element.tag === "string") {
         node3.nodeValue = prop;
@@ -21094,10 +21094,10 @@ var require_state = __commonJS({
     });
     module2.exports = __toCommonJS2(state_exports);
     var import_state2 = require_cjs5();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var state = (params, element, node3) => {
-      const state2 = (0, import_utils25.exec)(params, element);
-      if ((0, import_utils25.isObject)(state2)) {
+      const state2 = (0, import_utils23.exec)(params, element);
+      if ((0, import_utils23.isObject)(state2)) {
         for (const param in state2) {
           if (import_state2.IGNORE_STATE_PARAMS.includes(param))
             continue;
@@ -21137,13 +21137,13 @@ var require_scope = __commonJS({
       default: () => scope_default
     });
     module2.exports = __toCommonJS2(scope_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var scope_default = (params, element, node3) => {
-      if (!(0, import_utils25.isObject)(params))
+      if (!(0, import_utils23.isObject)(params))
         return;
       for (const scopeItem in params) {
         const value2 = params[scopeItem];
-        if ((0, import_utils25.isFunction)(value2)) {
+        if ((0, import_utils23.isFunction)(value2)) {
           element.scope[scopeItem] = value2.bind(element);
         } else {
           element.scope[scopeItem] = value2;
@@ -21379,7 +21379,7 @@ var require_methods2 = __commonJS({
       warn: () => warn
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_tree = require_tree();
     var import_mixins = require_mixins();
     var ENV2 = "development";
@@ -21402,7 +21402,7 @@ var require_methods2 = __commonJS({
     function lookup3(param) {
       const el = this;
       let { parent } = el;
-      if ((0, import_utils25.isFunction)(param)) {
+      if ((0, import_utils23.isFunction)(param)) {
         if (parent.state && param(parent, parent.state, parent.context))
           return parent;
         else if (parent.parent)
@@ -21431,7 +21431,7 @@ var require_methods2 = __commonJS({
         const childElem = el[v];
         if (v === param)
           return childElem;
-        else if ((0, import_utils25.isFunction)(param)) {
+        else if ((0, import_utils23.isFunction)(param)) {
           const exec7 = param(childElem, childElem.state, childElem.context);
           if (childElem.state && exec7) {
             return childElem;
@@ -21452,7 +21452,7 @@ var require_methods2 = __commonJS({
         const childElem = el[v];
         if (v === param)
           results.push(childElem);
-        else if ((0, import_utils25.isFunction)(param)) {
+        else if ((0, import_utils23.isFunction)(param)) {
           const exec7 = param(childElem, childElem.state, childElem.context);
           if (childElem.state && exec7)
             results.push(childElem);
@@ -21469,7 +21469,7 @@ var require_methods2 = __commonJS({
       for (const param in params) {
         const value2 = params[param];
         const childElem = el[param];
-        if ((0, import_utils25.isObject)(value2) && childElem)
+        if ((0, import_utils23.isObject)(value2) && childElem)
           setNodeStyles.call(childElem, value2);
         else
           el.node.style[param] = value2;
@@ -21478,15 +21478,15 @@ var require_methods2 = __commonJS({
     }
     function remove() {
       const element = this;
-      if ((0, import_utils25.isFunction)(element.node.remove))
+      if ((0, import_utils23.isFunction)(element.node.remove))
         element.node.remove();
-      else if (!(0, import_utils25.isProduction)()) {
+      else if (!(0, import_utils23.isProduction)()) {
         console.warn("This item cant be removed");
         element.log();
       }
       delete element.parent[element.key];
       if (element.parent.__ref)
-        element.parent.__ref.__children = (0, import_utils25.removeValueFromArray)(element.parent.__ref.__children, element.key);
+        element.parent.__ref.__children = (0, import_utils23.removeValueFromArray)(element.parent.__ref.__children, element.key);
     }
     function get(param) {
       const element = this;
@@ -21528,8 +21528,8 @@ var require_methods2 = __commonJS({
         if (v === "state") {
           if (element.__ref && !element.__ref.__hasRootState)
             return;
-          const parsedVal = (0, import_utils25.isFunction)(val && val.parse) ? val.parse() : val;
-          obj[v] = (0, import_utils25.isFunction)(parsedVal) ? parsedVal : JSON.parse(JSON.stringify(parsedVal || {}));
+          const parsedVal = (0, import_utils23.isFunction)(val && val.parse) ? val.parse() : val;
+          obj[v] = (0, import_utils23.isFunction)(parsedVal) ? parsedVal : JSON.parse(JSON.stringify(parsedVal || {}));
         } else if (v === "scope") {
           if (element.__ref && !element.__ref.__hasRootScope)
             return;
@@ -21537,7 +21537,7 @@ var require_methods2 = __commonJS({
         } else if (v === "props") {
           const { __element, update, ...props5 } = element[v];
           obj[v] = props5;
-        } else if ((0, import_utils25.isDefined)(val) && Object.hasOwnProperty.call(element, v))
+        } else if ((0, import_utils23.isDefined)(val) && Object.hasOwnProperty.call(element, v))
           obj[v] = val;
       });
       return obj;
@@ -21548,7 +21548,7 @@ var require_methods2 = __commonJS({
       for (const v in obj) {
         if (excl.includes(v))
           return;
-        if ((0, import_utils25.isObjectLike)(obj[v])) {
+        if ((0, import_utils23.isObjectLike)(obj[v])) {
           obj[v] = parseDeep.call(obj[v], excl);
         }
       }
@@ -21628,7 +21628,7 @@ var require_methods2 = __commonJS({
         changed: (cb) => {
           if (!changed)
             return;
-          const returns = cb(changes, (0, import_utils25.deepClone)(varCaches));
+          const returns = cb(changes, (0, import_utils23.deepClone)(varCaches));
           for (const key in changes) {
             varCaches[key] = changes[key];
           }
@@ -21708,8 +21708,8 @@ var require_iterate = __commonJS({
       throughUpdatedExec: () => throughUpdatedExec
     });
     module2.exports = __toCommonJS2(iterate_exports);
-    var import_utils25 = require_cjs();
-    var import_utils26 = require_utils();
+    var import_utils23 = require_cjs();
+    var import_utils24 = require_utils();
     var import_methods = require_methods2();
     var throughInitialExec = (element, exclude = {}) => {
       const { __ref: ref } = element;
@@ -21717,13 +21717,13 @@ var require_iterate = __commonJS({
         if (exclude[param])
           continue;
         const prop = element[param];
-        if ((0, import_utils25.isFunction)(prop) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils25.isVariant)(param)) {
+        if ((0, import_utils23.isFunction)(prop) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils23.isVariant)(param)) {
           ref.__exec[param] = prop;
           element[param] = prop(element, element.state, element.context);
         }
       }
     };
-    var throughUpdatedExec = (element, options = { excludes: import_utils26.METHODS_EXL }) => {
+    var throughUpdatedExec = (element, options = { excludes: import_utils24.METHODS_EXL }) => {
       const { __ref: ref } = element;
       const changes = {};
       for (const param in ref.__exec) {
@@ -21732,13 +21732,13 @@ var require_iterate = __commonJS({
         if (isDefinedParam)
           continue;
         const newExec = ref.__exec[param](element, element.state, element.context);
-        const execReturnsString = (0, import_utils25.isString)(newExec) || (0, import_utils25.isNumber)(newExec);
+        const execReturnsString = (0, import_utils23.isString)(newExec) || (0, import_utils23.isNumber)(newExec);
         if (prop && prop.node && execReturnsString) {
-          (0, import_utils26.overwrite)(prop, { text: newExec }, options);
+          (0, import_utils24.overwrite)(prop, { text: newExec }, options);
         } else if (newExec !== prop) {
-          if ((0, import_utils25.checkIfKeyIsComponent)(param)) {
-            const { extend, ...newElem } = (0, import_utils25.extendizeByKey)(newExec, element, param);
-            (0, import_utils26.overwrite)(prop, newElem, options);
+          if ((0, import_utils23.checkIfKeyIsComponent)(param)) {
+            const { extend, ...newElem } = (0, import_utils23.extendizeByKey)(newExec, element, param);
+            (0, import_utils24.overwrite)(prop, newElem, options);
           } else {
             ref.__cached[param] = changes[param] = prop;
             element[param] = newExec;
@@ -21753,27 +21753,27 @@ var require_iterate = __commonJS({
       for (const k in props5) {
         const isDefine = k.startsWith("is") || k.startsWith("has") || k.startsWith("use");
         const cachedExecProp = ref.__execProps[k];
-        if ((0, import_utils25.isFunction)(cachedExecProp)) {
-          props5[k] = (0, import_utils25.exec)(cachedExecProp, element);
-        } else if (isDefine && (0, import_utils25.isFunction)(props5[k])) {
+        if ((0, import_utils23.isFunction)(cachedExecProp)) {
+          props5[k] = (0, import_utils23.exec)(cachedExecProp, element);
+        } else if (isDefine && (0, import_utils23.isFunction)(props5[k])) {
           ref.__execProps[k] = props5[k];
-          props5[k] = (0, import_utils25.exec)(props5[k], element);
+          props5[k] = (0, import_utils23.exec)(props5[k], element);
         }
       }
     };
     var throughInitialDefine = (element) => {
       const { define, context, __ref: ref } = element;
       let defineObj = {};
-      const hasGlobalDefine = context && (0, import_utils25.isObject)(context.define);
-      if ((0, import_utils25.isObject)(define))
+      const hasGlobalDefine = context && (0, import_utils23.isObject)(context.define);
+      if ((0, import_utils23.isObject)(define))
         defineObj = { ...define };
       if (hasGlobalDefine)
         defineObj = { ...defineObj, ...context.define };
       for (const param in defineObj) {
         let elementProp = element[param];
-        if ((0, import_utils25.isFunction)(elementProp) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils25.isVariant)(param)) {
+        if ((0, import_utils23.isFunction)(elementProp) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils23.isVariant)(param)) {
           ref.__exec[param] = elementProp;
-          const execParam2 = elementProp = (0, import_utils25.exec)(elementProp, element);
+          const execParam2 = elementProp = (0, import_utils23.exec)(elementProp, element);
           if (execParam2) {
             elementProp = element[param] = execParam2.parse ? execParam2.parse() : execParam2;
             ref.__defineCache[param] = elementProp;
@@ -21789,15 +21789,15 @@ var require_iterate = __commonJS({
       const { context, define, __ref: ref } = element;
       const changes = {};
       let obj = {};
-      if ((0, import_utils25.isObject)(define))
+      if ((0, import_utils23.isObject)(define))
         obj = { ...define };
-      if ((0, import_utils25.isObject)(context && context.define))
+      if ((0, import_utils23.isObject)(context && context.define))
         obj = { ...obj, ...context.define };
       for (const param in obj) {
         const execParam = ref.__exec[param];
         if (execParam)
           ref.__defineCache[param] = execParam(element, element.state, element.context);
-        const cached = (0, import_utils25.exec)(ref.__defineCache[param], element);
+        const cached = (0, import_utils23.exec)(ref.__defineCache[param], element);
         const newExecParam = obj[param](cached, element, element.state, element.context);
         if (newExecParam)
           element[param] = newExecParam;
@@ -21833,7 +21833,7 @@ var require_applyParam = __commonJS({
       applyParam: () => applyParam
     });
     module2.exports = __toCommonJS2(applyParam_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_mixins = require_mixins();
     var applyParam = (param, element, options) => {
       const { node: node3, context, __ref: ref } = element;
@@ -21848,7 +21848,7 @@ var require_applyParam = __commonJS({
         return;
       const hasOnlyUpdate = onlyUpdate ? onlyUpdate === param || element.lookup(onlyUpdate) : true;
       if (isGlobalTransformer && !hasContextDefine && hasOnlyUpdate) {
-        if ((0, import_utils25.isFunction)(isGlobalTransformer)) {
+        if ((0, import_utils23.isFunction)(isGlobalTransformer)) {
           isGlobalTransformer(prop, element, node3, options);
           return;
         }
@@ -21884,15 +21884,15 @@ var require_propEvents = __commonJS({
       propagateEventsFromProps: () => propagateEventsFromProps
     });
     module2.exports = __toCommonJS2(propEvents_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var propagateEventsFromProps = (element) => {
       const { props: props5, on: on2 } = element;
       const eventKeysFromProps = Object.keys(props5).filter((key) => key.startsWith("on"));
       eventKeysFromProps.forEach((v) => {
-        const eventName = (0, import_utils25.lowercaseFirstLetter)(v.split("on")[1]);
+        const eventName = (0, import_utils23.lowercaseFirstLetter)(v.split("on")[1]);
         const origEvent = on2[eventName];
         const funcFromProps = props5[v];
-        if ((0, import_utils25.isFunction)(origEvent)) {
+        if ((0, import_utils23.isFunction)(origEvent)) {
           on2[eventName] = (...args) => {
             const originalEventRetunrs = origEvent(...args);
             if (originalEventRetunrs !== false)
@@ -21942,7 +21942,7 @@ var require_node2 = __commonJS({
       default: () => node_default
     });
     module2.exports = __toCommonJS2(node_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_event = require_cjs4();
     var import_render = require_cjs11();
     var import_methods = require_methods2();
@@ -21967,7 +21967,7 @@ var require_node2 = __commonJS({
       }
       if (ENV2 === "test" || ENV2 === "development" || options.alowRefReference) {
         node3.ref = element;
-        if ((0, import_utils25.isFunction)(node3.setAttribute))
+        if ((0, import_utils23.isFunction)(node3.setAttribute))
           node3.setAttribute("key", element.key);
       }
       (0, import_iterate.throughExecProps)(element);
@@ -21976,7 +21976,7 @@ var require_node2 = __commonJS({
       if (element.tag !== "string" && element.tag !== "fragment") {
         (0, import_propEvents.propagateEventsFromProps)(element);
         (0, import_event.applyAnimationFrame)(element, options);
-        if (isNewNode && (0, import_utils25.isObject)(element.on)) {
+        if (isNewNode && (0, import_utils23.isObject)(element.on)) {
           (0, import_event.applyEventsOnNode)(element, options);
         }
       }
@@ -21984,14 +21984,14 @@ var require_node2 = __commonJS({
         const value2 = element[param];
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        if ((0, import_utils25.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils25.isVariant)(param) || (0, import_utils25.isObject)(import_mixins.registry[param]))
+        if ((0, import_utils23.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils23.isVariant)(param) || (0, import_utils23.isObject)(import_mixins.registry[param]))
           continue;
         const isElement = (0, import_applyParam.applyParam)(param, element, options);
         if (isElement) {
           const { hasDefine, hasContextDefine } = isElement;
           if (element[param] && !hasDefine && !hasContextDefine) {
             const createAsync = () => {
-              (0, import_create.default)((0, import_utils25.exec)(value2, element), element, param, options);
+              (0, import_create.default)((0, import_utils23.exec)(value2, element), element, param, options);
             };
             if (element.props && element.props.lazyLoad || options.lazyLoad) {
               window.requestAnimationFrame(() => createAsync());
@@ -22042,7 +22042,7 @@ var require_update2 = __commonJS({
       default: () => update_default
     });
     module2.exports = __toCommonJS2(update_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_event = require_cjs4();
     var import_methods = require_methods2();
     var import_props = require_props();
@@ -22052,9 +22052,9 @@ var require_update2 = __commonJS({
     var import_mixins = require_mixins();
     var import_applyParam = require_applyParam();
     var import_options = __toESM2(require_options2(), 1);
-    var import_utils26 = require_utils();
+    var import_utils24 = require_utils();
     var snapshot = {
-      snapshotId: import_utils25.createSnapshotId
+      snapshotId: import_utils23.createSnapshotId
     };
     var UPDATE_DEFAULT_OPTIONS = {
       stackChanges: false,
@@ -22062,11 +22062,11 @@ var require_update2 = __commonJS({
       preventRecursive: false,
       currentSnapshot: false,
       calleeElement: false,
-      excludes: import_utils26.METHODS_EXL
+      excludes: import_utils24.METHODS_EXL
     };
     var update = function(params = {}, opts) {
       const calleeElementCache = opts == null ? void 0 : opts.calleeElement;
-      const options = (0, import_utils26.deepClone)((0, import_utils25.isObject)(opts) ? (0, import_utils26.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, ["calleeElement"]);
+      const options = (0, import_utils24.deepClone)((0, import_utils23.isObject)(opts) ? (0, import_utils24.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, ["calleeElement"]);
       options.calleeElement = calleeElementCache;
       const element = this;
       const { parent, node: node3, key } = element;
@@ -22082,8 +22082,8 @@ var require_update2 = __commonJS({
       if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
         return;
       if (!excludes)
-        (0, import_utils25.merge)(options, UPDATE_DEFAULT_OPTIONS);
-      if ((0, import_utils25.isString)(params) || (0, import_utils25.isNumber)(params)) {
+        (0, import_utils23.merge)(options, UPDATE_DEFAULT_OPTIONS);
+      if ((0, import_utils23.isString)(params) || (0, import_utils23.isNumber)(params)) {
         params = { text: params };
       }
       const inheritState = inheritStateUpdates(element, options);
@@ -22094,7 +22094,7 @@ var require_update2 = __commonJS({
         return;
       if (ref.__if && !options.preventPropsUpdate) {
         const hasParentProps = parent.props && (parent.props[key] || parent.props.childProps);
-        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils25.isFunction)(v));
+        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils23.isFunction)(v));
         const props5 = params.props || hasParentProps || hasFunctionInProps.length;
         if (props5)
           (0, import_props.updateProps)(props5, element, parent);
@@ -22104,7 +22104,7 @@ var require_update2 = __commonJS({
         if (beforeUpdateReturns === false)
           return element;
       }
-      (0, import_utils25.overwriteDeep)(element, params, { exclude: import_utils26.METHODS_EXL });
+      (0, import_utils23.overwriteDeep)(element, params, { exclude: import_utils24.METHODS_EXL });
       (0, import_iterate.throughExecProps)(element);
       (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
       (0, import_iterate.throughUpdatedDefine)(element);
@@ -22127,7 +22127,7 @@ var require_update2 = __commonJS({
         preventUpdateAfterCount
       } = options;
       if (preventUpdateAfter) {
-        if ((0, import_utils25.isNumber)(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount)
+        if ((0, import_utils23.isNumber)(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount)
           return;
         else if (options.preventUpdateAfterCount === void 0)
           options.preventUpdateAfterCount = 1;
@@ -22141,17 +22141,17 @@ var require_update2 = __commonJS({
         }
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        const isInPreventUpdate = (0, import_utils25.isArray)(preventUpdate) && preventUpdate.includes(param);
-        const isInPreventDefineUpdate = (0, import_utils25.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
+        const isInPreventUpdate = (0, import_utils23.isArray)(preventUpdate) && preventUpdate.includes(param);
+        const isInPreventDefineUpdate = (0, import_utils23.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
         const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-        if ((0, import_utils25.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils25.isObject)(import_mixins.registry[param]) || (0, import_utils25.isVariant)(param))
+        if ((0, import_utils23.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils23.isObject)(import_mixins.registry[param]) || (0, import_utils23.isVariant)(param))
           continue;
         if (preventStateUpdate === "once")
           options.preventStateUpdate = false;
         const isElement = (0, import_applyParam.applyParam)(param, element, options);
         if (isElement) {
           const { hasDefine, hasContextDefine } = isElement;
-          const canUpdate = (0, import_utils25.isObject)(prop) && !hasDefine && !hasContextDefine && !preventRecursive;
+          const canUpdate = (0, import_utils23.isObject)(prop) && !hasDefine && !hasContextDefine && !preventRecursive;
           if (!canUpdate)
             continue;
           const lazyLoad = element.props.lazyLoad || options.lazyLoad;
@@ -22163,7 +22163,7 @@ var require_update2 = __commonJS({
             currentSnapshot: snapshotOnCallee,
             calleeElement
           });
-          lazyLoad ? import_utils25.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
+          lazyLoad ? import_utils23.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
         }
       }
       if (!preventUpdateListener)
@@ -22186,7 +22186,7 @@ var require_update2 = __commonJS({
     };
     var checkIfOnUpdate = (element, parent, options) => {
       var _a, _b, _c;
-      if (!(0, import_utils25.isFunction)(element.if) && !(0, import_utils25.isFunction)((_a = element.props) == null ? void 0 : _a.if) || !parent)
+      if (!(0, import_utils23.isFunction)(element.if) && !(0, import_utils23.isFunction)((_a = element.props) == null ? void 0 : _a.if) || !parent)
         return;
       const ref = element.__ref;
       const ifPassed = (element.if || ((_b = element.props) == null ? void 0 : _b.if))(element, element.state, element.context, options);
@@ -22227,7 +22227,7 @@ var require_update2 = __commonJS({
           delete element.__ref;
           delete element.parent;
           const createdElement = (0, import_create.default)(element, parent, element.key, import_options.default.create, attachOptions);
-          if (options.preventUpdate !== true && element.on && (0, import_utils25.isFunction)(element.on.update)) {
+          if (options.preventUpdate !== true && element.on && (0, import_utils23.isFunction)(element.on.update)) {
             (0, import_event.applyEvent)(element.on.update, createdElement, createdElement.state);
           }
           return createdElement;
@@ -22248,9 +22248,9 @@ var require_update2 = __commonJS({
         element.state = parent && parent.state || {};
         return;
       }
-      const shouldForceFunctionState = (0, import_utils25.isFunction)(stateKey) && !isHoisted && execStateFunction;
+      const shouldForceFunctionState = (0, import_utils23.isFunction)(stateKey) && !isHoisted && execStateFunction;
       if (shouldForceFunctionState) {
-        const execState = (0, import_utils25.exec)(stateKey, element);
+        const execState = (0, import_utils23.exec)(stateKey, element);
         state.set(execState, { ...options, preventUpdate: true, preventStateUpdateListener: false, updatedByStateFunction: true });
         return;
       }
@@ -22318,7 +22318,7 @@ var require_set2 = __commonJS({
       addMethods: () => addMethods
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_set = __toESM2(require_set(), 1);
     var import_update = __toESM2(require_update2(), 1);
     var import__ = require_methods2();
@@ -22351,7 +22351,7 @@ var require_set2 = __commonJS({
         error: import__.error
       };
       if (element.context.methods)
-        (options.strict ? import_utils25.merge : import_utils25.overwrite)(proto, element.context.methods);
+        (options.strict ? import_utils23.merge : import_utils23.overwrite)(proto, element.context.methods);
       Object.setPrototypeOf(element, proto);
     };
   }
@@ -22395,7 +22395,7 @@ var require_create4 = __commonJS({
     module2.exports = __toCommonJS2(create_exports);
     var import_node = __toESM2(require_node2(), 1);
     var import_tree = require_tree();
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_event = require_cjs4();
     var import_render = require_cjs11();
     var import_state2 = require_cjs5();
@@ -22418,9 +22418,9 @@ var require_create4 = __commonJS({
       parent = redefineParent(element, parent, key);
       key = createKey(element, parent, key);
       const ref = addRef(element, parent, key);
-      ref.__initialProps = (0, import_utils25.deepCloneWithExtend)(element.props, []);
+      ref.__initialProps = (0, import_utils23.deepCloneWithExtend)(element.props, []);
       applyContext(element, parent, options);
-      (0, import_utils25.applyComponentFromContext)(element, parent, options);
+      (0, import_utils23.applyComponentFromContext)(element, parent, options);
       if (!ref.__skipCreate) {
         (0, import_extend.applyExtend)(element, parent, options);
       }
@@ -22449,7 +22449,7 @@ var require_create4 = __commonJS({
         return element;
       (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
       (0, import_classList.assignKeyAsClassname)(element);
-      (0, import_utils25.addChildrenIfNotInOriginal)(element, parent, key);
+      (0, import_utils23.addChildrenIfNotInOriginal)(element, parent, key);
       renderElement(element, parent, options, attachOptions);
       addElementIntoParentChildren(element, parent);
       (0, import_event.triggerEventOn)("complete", element, options);
@@ -22462,7 +22462,7 @@ var require_create4 = __commonJS({
         }
         return {};
       }
-      if ((0, import_utils25.isString)(key) && key.slice(0, 2 === "__")) {
+      if ((0, import_utils23.isString)(key) && key.slice(0, 2 === "__")) {
         if (ENV2 === "test" || ENV2 === "development") {
           console.warn(key, "seems like to be in __ref");
         }
@@ -22484,8 +22484,8 @@ var require_create4 = __commonJS({
         else
           element.syntaxv3 = true;
         return (0, import_component.createValidDomqlObjectFromSugar)(element, parent, key, options);
-      } else if ((0, import_utils25.checkIfKeyIsComponent)(key)) {
-        return (0, import_utils25.applyKeyComponentAsExtend)(elementWrapper, parent, key);
+      } else if ((0, import_utils23.checkIfKeyIsComponent)(key)) {
+        return (0, import_utils23.applyKeyComponentAsExtend)(elementWrapper, parent, key);
       }
       if (checkIfMedia(key)) {
         return applyMediaProps2(elementWrapper, parent, key);
@@ -22495,7 +22495,7 @@ var require_create4 = __commonJS({
     var redefineParent = (element, parent, key, options) => {
       if (!parent)
         return import_tree.ROOT;
-      if ((0, import_utils25.isNode)(parent)) {
+      if ((0, import_utils23.isNode)(parent)) {
         const parentNodeWrapper = { key: ":root", node: parent };
         import_tree.ROOT[`${key}_parent`] = parentNodeWrapper;
         return parentNodeWrapper;
@@ -22509,7 +22509,7 @@ var require_create4 = __commonJS({
       }
     };
     var createKey = (element, parent, key) => {
-      return ((0, import_utils25.exec)(key, element) || key || element.key || (0, import_utils25.generateKey)()).toString();
+      return ((0, import_utils23.exec)(key, element) || key || element.key || (0, import_utils23.generateKey)()).toString();
     };
     var addRef = (element, parent) => {
       if (element.__ref)
@@ -22539,7 +22539,7 @@ var require_create4 = __commonJS({
       visitedElements.set(element, true);
       const { __ref: ref, key } = element;
       try {
-        const isInfiniteLoopDetected = (0, import_utils25.detectInfiniteLoop)(ref.path);
+        const isInfiniteLoopDetected = (0, import_utils23.detectInfiniteLoop)(ref.path);
         if (ref.__uniqId || isInfiniteLoopDetected)
           return;
         (0, import_node.default)(element, options);
@@ -22571,12 +22571,12 @@ var require_create4 = __commonJS({
       (0, import_event.triggerEventOn)("done", element, options);
       (0, import_event.triggerEventOn)("create", element, options);
     };
-    var checkIfPrimitive = (element) => (0, import_utils25.is)(element)("string", "number");
+    var checkIfPrimitive = (element) => (0, import_utils23.is)(element)("string", "number");
     var applyValueAsText = (element, parent, key) => {
       const extendTag = element.extend && element.extend.tag;
       const childExtendTag = parent.childExtend && parent.childExtend.tag;
       const childPropsTag = parent.props.childProps && parent.props.childProps.tag;
-      const isKeyValidHTMLTag = import_utils25.HTML_TAGS.body.indexOf(key) > -1 && key;
+      const isKeyValidHTMLTag = import_utils23.HTML_TAGS.body.indexOf(key) > -1 && key;
       return {
         text: element,
         tag: extendTag || childExtendTag || childPropsTag || isKeyValidHTMLTag || "string"
@@ -22596,7 +22596,7 @@ var require_create4 = __commonJS({
     };
     var createIfConditionFlag = (element, parent) => {
       const { __ref: ref } = element;
-      if ((0, import_utils25.isFunction)(element.if) && !element.if(element, element.state, element.context)) {
+      if ((0, import_utils23.isFunction)(element.if) && !element.if(element, element.state, element.context)) {
         delete ref.__if;
       } else
         ref.__if = true;
@@ -22624,7 +22624,7 @@ var require_create4 = __commonJS({
         ref.__changes = [];
       if (!ref.__children)
         ref.__children = [];
-      if ((0, import_utils25.checkIfKeyIsComponent)(key))
+      if ((0, import_utils23.checkIfKeyIsComponent)(key))
         ref.__componentKey = key.split("_")[0].split(".")[0].split("+")[0];
       const hasRoot = parent && parent.key === ":root";
       if (!ref.root)
@@ -22660,7 +22660,7 @@ var require_create4 = __commonJS({
         (0, import_iterate.throughInitialDefine)(element);
         (0, import_iterate.throughInitialExec)(element);
         for (const k in element) {
-          if ((0, import_utils25.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils25.isObject)(import_mixins.registry[k]) || (0, import_utils25.isVariant)(k))
+          if ((0, import_utils23.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils23.isObject)(import_mixins.registry[k]) || (0, import_utils23.isVariant)(k))
             continue;
           const hasDefine = element.define && element.define[k];
           const contextHasDefine = element.context && element.context.define && element.context.define[k];
@@ -22668,7 +22668,7 @@ var require_create4 = __commonJS({
           if (!ref.__skipCreate && import_mixins.registry[k] && !optionsHasDefine) {
             continue;
           } else if (element[k] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
-            create((0, import_utils25.exec)(element[k], element), element, k, options);
+            create((0, import_utils23.exec)(element[k], element), element, k, options);
           }
         }
       }
@@ -23963,8 +23963,6 @@ var init_websocket = __esm({
       }
       doClose() {
         if (typeof this.ws !== "undefined") {
-          this.ws.onerror = () => {
-          };
           this.ws.close();
           this.ws = null;
         }
@@ -26413,9 +26411,18 @@ var init_esm5 = __esm({
 });
 
 // ../socket/client.js
+var client_exports = {};
+__export(client_exports, {
+  connect: () => connect,
+  disconnect: () => disconnect,
+  send: () => send
+});
 function send(event = "change", changes, options) {
   this.emit(event, changes, { ...options, ...defautlOpts });
 }
+function disconnect() {
+  this.disconnect();
+}
 var utils, globals, isFunction3, isArray3, window2, ENV, defautlOpts, CONNECT_ATTEPT, CONNECT_ATTEPT_MAX_ALLOWED, getIsDev, getSocketUrl, connect;
 var init_client = __esm({
   "../socket/client.js"() {
@@ -26513,22 +26520,39 @@ var init_client = __esm({
   }
 });
 
-// ../sync/Notifications.js
-var Notifications_exports = {};
-__export(Notifications_exports, {
-  Notifications: () => Notifications,
-  connectedToSymbols: () => connectedToSymbols
-});
-var NOTIF_COLORS, connectedToSymbols, Notifications;
-var init_Notifications = __esm({
-  "../sync/Notifications.js"() {
+// ../sync/dist/cjs/Notifications.js
+var require_Notifications = __commonJS({
+  "../sync/dist/cjs/Notifications.js"(exports, module2) {
     "use strict";
-    NOTIF_COLORS = {
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from3, except, desc) => {
+      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
+        for (let key of __getOwnPropNames2(from3))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var Notifications_exports = {};
+    __export2(Notifications_exports, {
+      Notifications: () => Notifications,
+      connectedToSymbols: () => connectedToSymbols
+    });
+    module2.exports = __toCommonJS2(Notifications_exports);
+    var NOTIF_COLORS = {
       success: "green",
       error: "red",
       warning: "yellow"
     };
-    connectedToSymbols = (clients, element, state) => {
+    var connectedToSymbols = (clients, element, state) => {
       console.log(clients);
       if (clients.symbols) {
         if (!state.connected) {
@@ -26562,7 +26586,7 @@ var init_Notifications = __esm({
         }
       }
     };
-    Notifications = {
+    var Notifications = {
       state: {
         notifications: []
       },
@@ -26605,124 +26629,72 @@ var init_Notifications = __esm({
   }
 });
 
-// ../sync/index.js
-var sync_exports = {};
-__export(sync_exports, {
-  SyncComponent: () => SyncComponent,
-  connectToSocket: () => connectToSocket
-});
-var import_router2, import_globals, import_utils20, isLocalhost, onConnect, onDisconnect, onChange, connectToSocket, SyncComponent;
-var init_sync = __esm({
-  "../sync/index.js"() {
+// ../sync/dist/cjs/Inspect.js
+var require_Inspect = __commonJS({
+  "../sync/dist/cjs/Inspect.js"(exports, module2) {
     "use strict";
-    import_router2 = __toESM(require_cjs6());
-    init_init();
-    init_client();
-    import_globals = __toESM(require_cjs9());
-    import_utils20 = __toESM(require_cjs());
-    init_Notifications();
-    isLocalhost = import_globals.window && import_globals.window.location && import_globals.window.location.host.includes("local");
-    onConnect = (element, state) => {
-      return (socketId, socket) => {
-      };
-    };
-    onDisconnect = (element, state) => {
-      return () => {
-      };
-    };
-    onChange = (el, s, ctx) => {
-      return (event, data) => {
-        if (event === "change") {
-          const obj = JSON.parse(data);
-          if (!(obj == null ? void 0 : obj.DATA))
-            return;
-          const { state, designSystem, pages, components, snippets } = obj.DATA;
-          const { utils: utils2 } = ctx;
-          if (pages) {
-            (0, import_utils20.overwriteShallow)(ctx.pages, pages);
-          }
-          if (components) {
-            (0, import_utils20.overwriteShallow)(ctx.components, components);
-          }
-          if (snippets) {
-            (0, import_utils20.overwriteShallow)(ctx.snippets, snippets);
-          }
-          if (state) {
-            const route = state.route;
-            if (route)
-              (utils2.router || import_router2.router)(route.replace("/state", "") || "/", el, {});
-            else if (!(snippets && components && pages))
-              s.update(state);
-          }
-          if (snippets || components || pages) {
-            const { pathname, search, hash: hash3 } = ctx.window.location;
-            (utils2.router || import_router2.router)(pathname + search + hash3, el, {});
-          }
-          if (designSystem)
-            init(designSystem);
-        }
-        if (ctx.editor.verbose && event === "clients") {
-          connectedToSymbols(data, el, s);
-        }
-      };
-    };
-    connectToSocket = (el, s, ctx) => {
-      return connect(ctx.key, {
-        source: isLocalhost ? "localhost" : "client",
-        socketUrl: isLocalhost ? "localhost:13336" : "socket.symbols.app",
-        location: import_globals.window.location.host,
-        onConnect: onConnect(el, s, ctx),
-        onDisconnect: onDisconnect(el, s, ctx),
-        onChange: onChange(el, s, ctx)
-      });
+    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 __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
-    SyncComponent = {
-      on: {
-        initSync: connectToSocket
+    var __copyProps2 = (to, from3, except, desc) => {
+      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
+        for (let key of __getOwnPropNames2(from3))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
       }
+      return to;
     };
-  }
-});
-
-// ../sync/Inspect.js
-var Inspect_exports = {};
-__export(Inspect_exports, {
-  Inspect: () => Inspect
-});
-function returnStringExtend(extend) {
-  return (0, import_utils21.isString)(extend) ? extend : (0, import_utils21.isArray)(extend) ? extend.find((extItem) => (0, import_utils21.isString)(extItem)) : "";
-}
-function getComponentKey(el) {
-  if (!el)
-    return;
-  const __componentKey = el.__ref.__componentKey;
-  const extendStr = el.extend && returnStringExtend(el.extend);
-  const parentChildExtendStr = el.parent && el.parent.childExtend && returnStringExtend(el.parent.childExtend);
-  return (__componentKey || extendStr || parentChildExtendStr || "").split("_")[0].split(".")[0].split("+")[0];
-}
-function findComponent(el) {
-  if (!el || !el.__ref)
-    return;
-  const { components, pages, editor } = el.context;
-  const componentKey = getComponentKey(el);
-  if (editor && editor.onInitInspect) {
-    const initInspectReturns = editor.onInitInspect(componentKey, el, el.state);
-    if (!initInspectReturns)
+    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 Inspect_exports = {};
+    __export2(Inspect_exports, {
+      Inspect: () => Inspect
+    });
+    module2.exports = __toCommonJS2(Inspect_exports);
+    var smblsUI = __toESM2((init_uikit(), __toCommonJS(uikit_exports)), 1);
+    var import_utils23 = require_cjs();
+    var import_client = (init_client(), __toCommonJS(client_exports));
+    function returnStringExtend(extend) {
+      return (0, import_utils23.isString)(extend) ? extend : (0, import_utils23.isArray)(extend) ? extend.find((extItem) => (0, import_utils23.isString)(extItem)) : "";
+    }
+    function getComponentKey(el) {
+      if (!el)
+        return;
+      const __componentKey = el.__ref.__componentKey;
+      const extendStr = el.extend && returnStringExtend(el.extend);
+      const parentChildExtendStr = el.parent && el.parent.childExtend && returnStringExtend(el.parent.childExtend);
+      return (__componentKey || extendStr || parentChildExtendStr || "").split("_")[0].split(".")[0].split("+")[0];
+    }
+    function findComponent(el) {
+      if (!el || !el.__ref)
+        return;
+      const { components, pages, editor } = el.context;
+      const componentKey = getComponentKey(el);
+      if (editor && editor.onInitInspect) {
+        const initInspectReturns = editor.onInitInspect(componentKey, el, el.state);
+        if (!initInspectReturns)
+          return findComponent(el.parent);
+      }
+      if (componentKey && (components[componentKey] || pages[componentKey])) {
+        return el;
+      }
       return findComponent(el.parent);
-  }
-  if (componentKey && (components[componentKey] || pages[componentKey])) {
-    return el;
-  }
-  return findComponent(el.parent);
-}
-var import_utils21, inspectOnKey, Inspect;
-var init_Inspect = __esm({
-  "../sync/Inspect.js"() {
-    "use strict";
-    init_uikit();
-    import_utils21 = __toESM(require_cjs());
-    init_client();
-    inspectOnKey = (app, state, ctx) => {
+    }
+    var inspectOnKey = (app, state, ctx) => {
       const windowOpts = ctx.window || window;
       windowOpts.onkeydown = (ev) => {
         if (ev.altKey && ev.shiftKey) {
@@ -26744,7 +26716,7 @@ var init_Inspect = __esm({
         }
       };
     };
-    Inspect = {
+    var Inspect = {
       props: {
         ".preventSelect": { userSelect: "none" },
         "!preventSelect": { userSelect: "auto" }
@@ -26784,10 +26756,10 @@ var init_Inspect = __esm({
         on: {
           init: ({ context }) => {
             const { components } = context;
-            if ((0, import_utils21.isObject)(components)) {
+            if ((0, import_utils23.isObject)(components)) {
               const { Content, ...rest } = components;
               for (const key in rest) {
-                if (uikit_exports[key])
+                if (smblsUI[key])
                   continue;
                 if (!rest[key].__ref)
                   rest[key].__ref = {};
@@ -26865,7 +26837,7 @@ var init_Inspect = __esm({
           const data = JSON.stringify({
             componentKey: `${componentKey}`
           });
-          send.call(el.context.socket, "route", data);
+          import_client.send.call(el.context.socket, "route", data);
           ev.preventDefault();
           ev.stopPropagation();
           return false;
@@ -26875,6 +26847,118 @@ var init_Inspect = __esm({
   }
 });
 
+// ../sync/dist/cjs/DefaultSyncApp.js
+var require_DefaultSyncApp = __commonJS({
+  "../sync/dist/cjs/DefaultSyncApp.js"() {
+    "use strict";
+  }
+});
+
+// ../sync/dist/cjs/index.js
+var require_cjs14 = __commonJS({
+  "../sync/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from3, except, desc) => {
+      if (from3 && typeof from3 === "object" || typeof from3 === "function") {
+        for (let key of __getOwnPropNames2(from3))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc2(from3, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var sync_exports = {};
+    __export2(sync_exports, {
+      DefaultSyncApp: () => DefaultSyncApp,
+      SyncComponent: () => SyncComponent,
+      connectToSocket: () => connectToSocket
+    });
+    module2.exports = __toCommonJS2(sync_exports);
+    var import_router2 = require_cjs6();
+    var import_init = (init_init(), __toCommonJS(init_exports));
+    var import_client = (init_client(), __toCommonJS(client_exports));
+    var import_globals = require_cjs9();
+    var import_utils23 = require_cjs();
+    var import_Notifications = require_Notifications();
+    var import_Inspect = require_Inspect();
+    __reExport2(sync_exports, require_DefaultSyncApp(), module2.exports);
+    __reExport2(sync_exports, require_Notifications(), module2.exports);
+    __reExport2(sync_exports, require_Inspect(), module2.exports);
+    var isLocalhost = import_globals.window && import_globals.window.location && import_globals.window.location.host.includes("local");
+    var onConnect = (element, state) => {
+      return (socketId, socket) => {
+      };
+    };
+    var onDisconnect = (element, state) => {
+      return () => {
+      };
+    };
+    var onChange = (el, s, ctx) => {
+      return (event, data) => {
+        if (event === "change") {
+          const obj = JSON.parse(data);
+          if (!(obj == null ? void 0 : obj.DATA))
+            return;
+          const { state, designSystem, pages, components, snippets } = obj.DATA;
+          const { utils: utils2 } = ctx;
+          if (pages) {
+            (0, import_utils23.overwriteShallow)(ctx.pages, pages);
+          }
+          if (components) {
+            (0, import_utils23.overwriteShallow)(ctx.components, components);
+          }
+          if (snippets) {
+            (0, import_utils23.overwriteShallow)(ctx.snippets, snippets);
+          }
+          if (state) {
+            const route = state.route;
+            if (route)
+              (utils2.router || import_router2.router)(route.replace("/state", "") || "/", el, {});
+            else if (!(snippets && components && pages))
+              s.update(state);
+          }
+          if (snippets || components || pages) {
+            const { pathname, search, hash: hash3 } = ctx.window.location;
+            (utils2.router || import_router2.router)(pathname + search + hash3, el, {});
+          }
+          if (designSystem)
+            (0, import_init.init)(designSystem);
+        }
+        if (ctx.editor.verbose && event === "clients") {
+          (0, import_Notifications.connectedToSymbols)(data, el, s);
+        }
+      };
+    };
+    var connectToSocket = (el, s, ctx) => {
+      return (0, import_client.connect)(ctx.key, {
+        source: isLocalhost ? "localhost" : "client",
+        socketUrl: isLocalhost ? "localhost:13336" : "socket.symbols.app",
+        location: import_globals.window.location.host,
+        onConnect: onConnect(el, s, ctx),
+        onDisconnect: onDisconnect(el, s, ctx),
+        onChange: onChange(el, s, ctx)
+      });
+    };
+    var SyncComponent = {
+      on: {
+        initSync: connectToSocket
+      }
+    };
+    var DefaultSyncApp = {
+      extend: [SyncComponent, import_Inspect.Inspect, import_Notifications.Notifications]
+    };
+  }
+});
+
 // ../create/dist/cjs/syncExtend.js
 var require_syncExtend = __commonJS({
   "../create/dist/cjs/syncExtend.js"(exports, module2) {
@@ -26904,18 +26988,16 @@ var require_syncExtend = __commonJS({
       initializeSync: () => initializeSync
     });
     module2.exports = __toCommonJS2(syncExtend_exports);
-    var import_utils25 = require_cjs();
-    var import_sync = (init_sync(), __toCommonJS(sync_exports));
-    var import_Inspect = (init_Inspect(), __toCommonJS(Inspect_exports));
-    var import_Notifications2 = (init_Notifications(), __toCommonJS(Notifications_exports));
+    var import_utils23 = require_cjs();
+    var import_sync = require_cjs14();
     var initializeExtend = (app, ctx) => {
-      return (0, import_utils25.isObjectLike)(app.extend) ? app.extend : {};
+      return (0, import_utils23.isObjectLike)(app.extend) ? app.extend : {};
     };
     var initializeSync = (app, ctx) => {
       const { editor } = ctx;
       if (!editor)
         return;
-      const liveSync = (0, import_utils25.isUndefined)(editor.liveSync) ? (0, import_utils25.isDevelopment)() : editor.liveSync;
+      const liveSync = (0, import_utils23.isUndefined)(editor.liveSync) ? (0, import_utils23.isDevelopment)() : editor.liveSync;
       if (liveSync)
         app.extend.push(import_sync.SyncComponent);
     };
@@ -26923,17 +27005,17 @@ var require_syncExtend = __commonJS({
       const { editor } = ctx;
       if (!editor)
         return;
-      const inspect = (0, import_utils25.isUndefined)(editor.inspect) ? (0, import_utils25.isDevelopment)() : editor.inspect;
+      const inspect = (0, import_utils23.isUndefined)(editor.inspect) ? (0, import_utils23.isDevelopment)() : editor.inspect;
       if (inspect)
-        app.extend.push(import_Inspect.Inspect);
+        app.extend.push(import_sync.Inspect);
     };
     var initializeNotifications = (app, ctx) => {
       const { editor } = ctx;
       if (!editor)
         return;
-      const verbose = (0, import_utils25.isUndefined)(editor.verbose) ? (0, import_utils25.isDevelopment)() || ctx.verbose : editor.verbose;
+      const verbose = (0, import_utils23.isUndefined)(editor.verbose) ? (0, import_utils23.isDevelopment)() || ctx.verbose : editor.verbose;
       if (verbose)
-        app.extend.push(import_Notifications2.Notifications);
+        app.extend.push(import_sync.Notifications);
     };
   }
 });
@@ -27041,13 +27123,13 @@ var require_globals2 = __commonJS({
       document: () => document2,
       global: () => global,
       self: () => self2,
-      window: () => window4
+      window: () => window3
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
     var self2 = globalThis;
-    var window4 = globalThis;
-    var document2 = window4.document;
+    var window3 = globalThis;
+    var document2 = window3.document;
   }
 });
 
@@ -27078,12 +27160,12 @@ var require_node3 = __commonJS({
       isNode: () => isNode
     });
     module2.exports = __toCommonJS2(node_exports);
-    var import_globals2 = require_globals2();
+    var import_globals = 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;
+      return (typeof Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
     };
     var isHtmlElement = (obj) => {
-      return (typeof HTMLElement === "object" ? obj instanceof import_globals2.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
+      return (typeof HTMLElement === "object" ? obj instanceof import_globals.window.HTMLElement : obj && typeof obj === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string") || false;
     };
   }
 });
@@ -27113,7 +27195,7 @@ var require_types2 = __commonJS({
     __export2(types_exports, {
       TYPES: () => TYPES,
       is: () => is,
-      isArray: () => isArray5,
+      isArray: () => isArray4,
       isBoolean: () => isBoolean2,
       isDate: () => isDate,
       isDefined: () => isDefined2,
@@ -27121,24 +27203,24 @@ var require_types2 = __commonJS({
       isNot: () => isNot2,
       isNull: () => isNull,
       isNumber: () => isNumber2,
-      isObject: () => isObject8,
+      isObject: () => isObject7,
       isObjectLike: () => isObjectLike3,
-      isString: () => isString12,
+      isString: () => isString11,
       isUndefined: () => isUndefined8
     });
     module2.exports = __toCommonJS2(types_exports);
     var import_node = require_node3();
-    var isObject8 = (arg) => {
+    var isObject7 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString12 = (arg) => typeof arg === "string";
+    var isString11 = (arg) => typeof arg === "string";
     var isNumber2 = (arg) => typeof arg === "number";
     var isFunction4 = (arg) => typeof arg === "function";
     var isBoolean2 = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
-    var isArray5 = (arg) => Array.isArray(arg);
+    var isArray4 = (arg) => Array.isArray(arg);
     var isDate = (d) => d instanceof Date;
     var isObjectLike3 = (arg) => {
       if (arg === null)
@@ -27146,16 +27228,16 @@ var require_types2 = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject8(arg) || isObjectLike3(arg) || isString12(arg) || isNumber2(arg) || isFunction4(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
+      return isObject7(arg) || isObjectLike3(arg) || isString11(arg) || isNumber2(arg) || isFunction4(arg) || isArray4(arg) || isObjectLike3(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined8 = (arg) => {
       return arg === void 0;
     };
     var TYPES = {
       boolean: isBoolean2,
-      array: isArray5,
-      object: isObject8,
-      string: isString12,
+      array: isArray4,
+      object: isObject7,
+      string: isString11,
       date: isDate,
       number: isNumber2,
       null: isNull,
@@ -27422,12 +27504,12 @@ var require_object3 = __commonJS({
       objectToString: () => objectToString,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep2,
-      overwriteShallow: () => overwriteShallow3,
+      overwriteShallow: () => overwriteShallow2,
       removeFromObject: () => removeFromObject,
       stringToObject: () => stringToObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals2 = require_globals2();
+    var import_globals = require_globals2();
     var import_types = require_types2();
     var import_array = require_array2();
     var import_string = require_string2();
@@ -27641,7 +27723,7 @@ var require_object3 = __commonJS({
         if ((0, import_types.isString)(objProp)) {
           if ((objProp.includes("=>") || objProp.startsWith("function") || objProp.startsWith("(")) && !objProp.startsWith("{") && !objProp.startsWith("[")) {
             try {
-              const evalProp = import_globals2.window.eval(`(${objProp})`);
+              const evalProp = import_globals.window.eval(`(${objProp})`);
               destringified[prop] = evalProp;
             } catch (e) {
               if (e)
@@ -27656,7 +27738,7 @@ var require_object3 = __commonJS({
             if ((0, import_types.isString)(arrProp)) {
               if (arrProp.includes("=>") || arrProp.includes("function") || arrProp.startsWith("(")) {
                 try {
-                  const evalProp = import_globals2.window.eval(`(${arrProp})`);
+                  const evalProp = import_globals.window.eval(`(${arrProp})`);
                   destringified[prop].push(evalProp);
                 } catch (e) {
                   if (e)
@@ -27681,7 +27763,7 @@ var require_object3 = __commonJS({
     };
     var stringToObject = (str, opts = { verbose: true }) => {
       try {
-        return import_globals2.window.eval("(" + str + ")");
+        return import_globals.window.eval("(" + str + ")");
       } catch (e) {
         if (opts.verbose)
           console.warn(e);
@@ -27776,7 +27858,7 @@ var require_object3 = __commonJS({
       }
       return changes;
     };
-    var overwriteShallow3 = (obj, params, excludeFrom = []) => {
+    var overwriteShallow2 = (obj, params, excludeFrom = []) => {
       for (const e in params) {
         if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
@@ -28223,7 +28305,7 @@ var require_tags2 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/index.js
-var require_cjs14 = __commonJS({
+var require_cjs15 = __commonJS({
   "../../../domql/node_modules/@domql/classlist/node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -28258,11 +28340,11 @@ var require_cjs14 = __commonJS({
 });
 
 // ../../../domql/node_modules/@domql/classlist/index.js
-var import_utils22, classify, classList, applyClassListOnNode;
+var import_utils20, classify, classList, applyClassListOnNode;
 var init_classlist = __esm({
   "../../../domql/node_modules/@domql/classlist/index.js"() {
     "use strict";
-    import_utils22 = __toESM(require_cjs14());
+    import_utils20 = __toESM(require_cjs15());
     classify = (obj, element) => {
       let className = "";
       for (const item in obj) {
@@ -28272,7 +28354,7 @@ var init_classlist = __esm({
         else if (typeof param === "string")
           className += ` ${param}`;
         else if (typeof param === "function") {
-          className += ` ${(0, import_utils22.exec)(param, element)}`;
+          className += ` ${(0, import_utils20.exec)(param, element)}`;
         }
       }
       return className;
@@ -28283,9 +28365,9 @@ var init_classlist = __esm({
       const { key } = element;
       if (params === true)
         params = element.class = { key };
-      if ((0, import_utils22.isString)(params))
+      if ((0, import_utils20.isString)(params))
         params = element.class = { default: params };
-      if ((0, import_utils22.isObject)(params))
+      if ((0, import_utils20.isObject)(params))
         params = classify(params, element);
       const className = params.replace(/\s+/g, " ").trim();
       if (element.ref)
@@ -29745,18 +29827,18 @@ __export(emotion_exports2, {
   transformEmotionClass: () => transformEmotionClass,
   transformEmotionStyle: () => transformEmotionStyle
 });
-var import_utils24, transformEmotionStyle, transformEmotionClass, transformDOMQLEmotion;
+var import_utils22, transformEmotionStyle, transformEmotionClass, transformDOMQLEmotion;
 var init_emotion2 = __esm({
   "../../../domql/plugins/emotion/index.js"() {
     "use strict";
-    import_utils24 = __toESM(require_cjs());
+    import_utils22 = __toESM(require_cjs());
     init_classlist();
     init_emotion_css_create_instance_esm2();
     transformEmotionStyle = (emotion2) => {
       return (params, element, state) => {
-        const execParams = (0, import_utils24.exec)(params, element);
+        const execParams = (0, import_utils22.exec)(params, element);
         if (params) {
-          if ((0, import_utils24.isObjectLike)(element.class))
+          if ((0, import_utils22.isObjectLike)(element.class))
             element.class.elementStyle = execParams;
           else
             element.class = { elementStyle: execParams };
@@ -29770,7 +29852,7 @@ var init_emotion2 = __esm({
           return;
         const { __ref } = element;
         const { __class, __classNames } = __ref;
-        if (!(0, import_utils24.isObjectLike)(params))
+        if (!(0, import_utils22.isObjectLike)(params))
           return;
         if (element.props.class) {
           __classNames.classProps = element.props.class;
@@ -29779,20 +29861,20 @@ var init_emotion2 = __esm({
           __classNames.class = element.attr.class;
         }
         for (const key in params) {
-          const prop = (0, import_utils24.exec)(params[key], element);
+          const prop = (0, import_utils22.exec)(params[key], element);
           if (!prop) {
             delete __class[key];
             delete __classNames[key];
             continue;
           }
-          const isEqual = (0, import_utils24.isEqualDeep)(__class[key], prop);
+          const isEqual = (0, import_utils22.isEqualDeep)(__class[key], prop);
           if (!isEqual) {
-            if (!(0, import_utils24.isProduction)() && (0, import_utils24.isObject)(prop))
+            if (!(0, import_utils22.isProduction)() && (0, import_utils22.isObject)(prop))
               prop.label = key || element.key;
             let className;
-            if ((0, import_utils24.isString)(prop) || (0, import_utils24.isNumber)(prop))
+            if ((0, import_utils22.isString)(prop) || (0, import_utils22.isNumber)(prop))
               className = prop;
-            else if ((0, import_utils24.isBoolean)(prop))
+            else if ((0, import_utils22.isBoolean)(prop))
               className = element.key;
             else
               className = emotion2.css(prop);
@@ -29852,8 +29934,8 @@ var require_initEmotion = __commonJS({
     module2.exports = __toCommonJS2(initEmotion_exports);
     var import_emotion3 = (init_emotion2(), __toCommonJS(emotion_exports2));
     var import_emotion22 = (init_emotion(), __toCommonJS(emotion_exports));
-    var import_init2 = (init_init(), __toCommonJS(init_exports));
-    var import_utils25 = require_cjs();
+    var import_init = (init_init(), __toCommonJS(init_exports));
+    var import_utils23 = require_cjs();
     var import_options = require_options();
     var import_default_config = __toESM2((init_src(), __toCommonJS(src_exports)), 1);
     var initEmotion = (key, options = {}) => {
@@ -29864,8 +29946,8 @@ var require_initEmotion = __commonJS({
       if (!initOptions.emotion)
         initOptions.emotion = import_emotion22.emotion;
       const registry = options.registry || (0, import_emotion3.transformDOMQLEmotion)(initOptions.emotion, options);
-      const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils25.deepMerge)(options.designSystem, (0, import_utils25.deepClone)(import_default_config.default)) : options.designSystem || (0, import_utils25.deepClone)(import_default_config.default);
-      const scratchSystem = (0, import_init2.init)(designSystem, {
+      const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils23.deepMerge)(options.designSystem, (0, import_utils23.deepClone)(import_default_config.default)) : options.designSystem || (0, import_utils23.deepClone)(import_default_config.default);
+      const scratchSystem = (0, import_init.init)(designSystem, {
         key,
         emotion: emotion2,
         verbose: options.verbose,
@@ -29924,7 +30006,7 @@ var require_prepare = __commonJS({
       prepareWindow: () => prepareWindow
     });
     module2.exports = __toCommonJS2(prepare_exports);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_initEmotion = require_initEmotion();
     var uikit = __toESM2((init_uikit(), __toCommonJS(uikit_exports)), 1);
     var utils2 = __toESM2(require_utilImports(), 1);
@@ -29947,7 +30029,7 @@ var require_prepare = __commonJS({
       const newObj = {};
       for (const key in uikit) {
         if (Object.prototype.hasOwnProperty.call(uikit, key)) {
-          if ((0, import_utils25.checkIfKeyIsComponent)(key)) {
+          if ((0, import_utils23.checkIfKeyIsComponent)(key)) {
             newObj[`smbls.${key}`] = uikit[key];
           } else {
             newObj[key] = uikit[key];
@@ -30034,7 +30116,7 @@ var require_prepare = __commonJS({
         return windowOpts2.require(key);
       };
       if (windowOpts.packages) {
-        windowOpts.packages = (0, import_utils25.merge)(windowOpts.packages, packages);
+        windowOpts.packages = (0, import_utils23.merge)(windowOpts.packages, packages);
       } else {
         windowOpts.packages = packages;
       }
@@ -30056,12 +30138,12 @@ var require_prepare = __commonJS({
       if (context.state)
         utils2.deepMerge(state, context.state);
       if (app && app.state)
-        (0, import_utils25.deepMerge)(state, app.state);
-      return (0, import_utils25.deepCloneWithExtend)(state);
+        (0, import_utils23.deepMerge)(state, app.state);
+      return (0, import_utils23.deepCloneWithExtend)(state);
     };
     var preparePages = (app, context) => {
-      if ((0, import_utils25.isObject)(app.routes) && (0, import_utils25.isObject)(context.pages)) {
-        (0, import_utils25.merge)(app.routes, context.pages);
+      if ((0, import_utils23.isObject)(app.routes) && (0, import_utils23.isObject)(context.pages)) {
+        (0, import_utils23.merge)(app.routes, context.pages);
       }
       const pages = app.routes || context.pages || {};
       return Object.keys(pages).filter((v) => !v.startsWith("/")).reduce((pages2, v) => {
@@ -30132,14 +30214,14 @@ var require_createDomql = __commonJS({
     module2.exports = __toCommonJS2(createDomql_exports);
     var import_domql = __toESM2(require_cjs13(), 1);
     var uikit = __toESM2((init_uikit(), __toCommonJS(uikit_exports)), 1);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var import_define = require_define();
-    var import_router3 = require_router();
+    var import_router2 = require_router();
     var import_syncExtend = require_syncExtend();
     var import_prepare = require_prepare();
     var SYMBOLS_KEY = process.env.SYMBOLS_KEY;
     var prepareContext = (app, context = {}) => {
-      const key = context.key = context.key || SYMBOLS_KEY || ((0, import_utils25.isString)(app) ? app : "smblsapp");
+      const key = context.key = context.key || SYMBOLS_KEY || ((0, import_utils23.isString)(app) ? app : "smblsapp");
       context.define = context.define || import_define.defaultDefine;
       context.window = (0, import_prepare.prepareWindow)(context);
       const [scratcDesignSystem, emotion2, registry] = (0, import_prepare.prepareDesignSystem)(key, context);
@@ -30154,22 +30236,22 @@ var require_createDomql = __commonJS({
       context.snippets = context.utils;
       context.dependencies = (0, import_prepare.prepareDependencies)(context);
       context.methods = (0, import_prepare.prepareMethods)(context);
-      context.routerOptions = (0, import_router3.initRouter)(app, context);
+      context.routerOptions = (0, import_router2.initRouter)(app, context);
       context.defaultExtends = [uikit.Box];
       return context;
     };
     var createDomqlElement = (app, ctx) => {
-      if (!(0, import_utils25.isObject)(ctx))
+      if (!(0, import_utils23.isObject)(ctx))
         ctx = {};
-      if ((0, import_utils25.isNode)(app)) {
+      if ((0, import_utils23.isNode)(app)) {
         app = {};
         ctx.parent = app;
       }
-      if ((0, import_utils25.isString)(app)) {
+      if ((0, import_utils23.isString)(app)) {
         app = {};
         ctx.key = app;
       }
-      if (!(0, import_utils25.isObject)(app)) {
+      if (!(0, import_utils23.isObject)(app)) {
         app = {};
       }
       prepareContext(app, ctx);
@@ -30200,7 +30282,7 @@ var require_createDomql = __commonJS({
 });
 
 // ../create/dist/cjs/index.js
-var require_cjs15 = __commonJS({
+var require_cjs16 = __commonJS({
   "../create/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
@@ -30239,22 +30321,22 @@ var require_cjs15 = __commonJS({
       default: () => src_default2
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_utils25 = require_cjs();
+    var import_utils23 = require_cjs();
     var utils2 = __toESM2(require_utilImports(), 1);
-    var import_router3 = require_router();
+    var import_router2 = require_router();
     var import_ferchOnCreate = require_ferchOnCreate();
     var import_options = __toESM2(require_options(), 1);
     var import_dynamic2 = __toESM2(require_dynamic(), 1);
     var import_createDomql = require_createDomql();
     var SYMBOLS_KEY = process.env.SYMBOLS_KEY;
-    var mergeWithLocalFile2 = (options, optionsExternalFile) => (0, import_utils25.deepMerge)(
+    var mergeWithLocalFile2 = (options, optionsExternalFile) => (0, import_utils23.deepMerge)(
       options,
-      (0, import_utils25.isObject)(optionsExternalFile) ? optionsExternalFile : import_dynamic2.default || {}
+      (0, import_utils23.isObject)(optionsExternalFile) ? optionsExternalFile : import_dynamic2.default || {}
     );
     var create = (App, options = import_options.default, optionsExternalFile) => {
       const redefinedOptions = { ...import_options.default, ...mergeWithLocalFile2(options, optionsExternalFile) };
       const domqlApp = (0, import_createDomql.createDomqlElement)(App, redefinedOptions);
-      (0, import_router3.popStateRouter)(domqlApp, redefinedOptions);
+      (0, import_router2.popStateRouter)(domqlApp, redefinedOptions);
       if (redefinedOptions.on && redefinedOptions.on.create)
         redefinedOptions.on.create(domqlApp, redefinedOptions);
       return domqlApp;
@@ -30278,10 +30360,10 @@ var require_cjs15 = __commonJS({
     var createSkeleton = (App = {}, options = import_options.default, optionsExternalFile) => {
       return create(
         {
-          deps: { isUndefined: import_utils25.isUndefined },
+          deps: { isUndefined: import_utils23.isUndefined },
           ...App
         },
-        (0, import_utils25.deepMerge)({ domqlOptions: { onlyResolveExtends: true } }, options),
+        (0, import_utils23.deepMerge)({ domqlOptions: { onlyResolveExtends: true } }, options),
         optionsExternalFile
       );
     };
@@ -30488,5 +30570,5 @@ __reExport(smbls_exports, __toESM(require_cjs2(), 1), module.exports);
 init_emotion();
 init_init();
 init_uikit();
-__reExport(smbls_exports, __toESM(require_cjs15(), 1), module.exports);
+__reExport(smbls_exports, __toESM(require_cjs16(), 1), module.exports);
 __reExport(smbls_exports, __toESM(require_cjs7(), 1), module.exports);