@symbo.ls/create 2.11.483 → 2.11.485

package/dist/cjs/bundle/index.js

@@ -217,7 +217,7 @@ var require_types = __commonJS({
       isBoolean: () => isBoolean2,
       isDate: () => isDate,
       isDefined: () => isDefined2,
-      isFunction: () => isFunction3,
+      isFunction: () => isFunction2,
       isNot: () => isNot2,
       isNull: () => isNull,
       isNumber: () => isNumber3,
@@ -235,7 +235,7 @@ var require_types = __commonJS({
     };
     var isString11 = (arg) => typeof arg === "string";
     var isNumber3 = (arg) => typeof arg === "number";
-    var isFunction3 = (arg) => typeof arg === "function";
+    var isFunction2 = (arg) => typeof arg === "function";
     var isBoolean2 = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
     var isArray4 = (arg) => Array.isArray(arg);
@@ -246,7 +246,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject11(arg) || isObjectLike4(arg) || isString11(arg) || isNumber3(arg) || isFunction3(arg) || isArray4(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
+      return isObject11(arg) || isObjectLike4(arg) || isString11(arg) || isNumber3(arg) || isFunction2(arg) || isArray4(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined11 = (arg) => {
       return arg === void 0;
@@ -259,7 +259,7 @@ var require_types = __commonJS({
       date: isDate,
       number: isNumber3,
       null: isNull,
-      function: isFunction3,
+      function: isFunction2,
       objectLike: isObjectLike4,
       node: import_node.isNode,
       htmlElement: import_node.isHtmlElement,
@@ -1405,21 +1405,21 @@ var require_cookie = __commonJS({
     });
     module2.exports = __toCommonJS2(cookie_exports);
     var import_types = require_types();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
     var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(import_utils28.document) || (0, import_types.isUndefined)(import_utils28.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils27.document) || (0, import_types.isUndefined)(import_utils27.document.cookie))
         return;
       const d = /* @__PURE__ */ new Date();
       d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
       const expires = `expires=${d.toUTCString()}`;
-      import_utils28.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+      import_utils27.document.cookie = `${cname}=${cvalue};${expires};path=/`;
     };
     var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils28.document) || (0, import_types.isUndefined)(import_utils28.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils27.document) || (0, import_types.isUndefined)(import_utils27.document.cookie))
         return;
       const name = `${cname}=`;
-      const decodedCookie = decodeURIComponent(import_utils28.document.cookie);
+      const decodedCookie = decodeURIComponent(import_utils27.document.cookie);
       const ca = decodedCookie.split(";");
       for (let i = 0; i < ca.length; i++) {
         let c = ca[i];
@@ -1431,9 +1431,9 @@ var require_cookie = __commonJS({
       return "";
     };
     var removeCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils28.document) || (0, import_types.isUndefined)(import_utils28.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils27.document) || (0, import_types.isUndefined)(import_utils27.document.cookie))
         return;
-      import_utils28.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+      import_utils27.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
     };
     function getLocalStorage(key) {
       let savedJSON;
@@ -2153,7 +2153,7 @@ var require_cjs2 = __commonJS({
           isBoolean: () => isBoolean2,
           isDate: () => isDate,
           isDefined: () => isDefined2,
-          isFunction: () => isFunction22,
+          isFunction: () => isFunction2,
           isNot: () => isNot2,
           isNull: () => isNull2,
           isNumber: () => isNumber22,
@@ -2171,7 +2171,7 @@ var require_cjs2 = __commonJS({
         };
         var isString92 = (arg) => typeof arg === "string";
         var isNumber22 = (arg) => typeof arg === "number";
-        var isFunction22 = (arg) => typeof arg === "function";
+        var isFunction2 = (arg) => typeof arg === "function";
         var isBoolean2 = (arg) => arg === true || arg === false;
         var isNull2 = (arg) => arg === null;
         var isArray7 = (arg) => Array.isArray(arg);
@@ -2182,7 +2182,7 @@ var require_cjs2 = __commonJS({
           return typeof arg === "object";
         };
         var isDefined2 = (arg) => {
-          return isObject72(arg) || isObjectLike32(arg) || isString92(arg) || isNumber22(arg) || isFunction22(arg) || isArray7(arg) || isObjectLike32(arg) || isBoolean2(arg) || isDate(arg) || isNull2(arg);
+          return isObject72(arg) || isObjectLike32(arg) || isString92(arg) || isNumber22(arg) || isFunction2(arg) || isArray7(arg) || isObjectLike32(arg) || isBoolean2(arg) || isDate(arg) || isNull2(arg);
         };
         var isUndefined22 = (arg) => {
           return arg === void 0;
@@ -2195,7 +2195,7 @@ var require_cjs2 = __commonJS({
           date: isDate,
           number: isNumber22,
           null: isNull2,
-          function: isFunction22,
+          function: isFunction2,
           objectLike: isObjectLike32,
           node: import_node.isNode,
           htmlElement: import_node.isHtmlElement,
@@ -3329,21 +3329,21 @@ var require_cjs2 = __commonJS({
         });
         module22.exports = __toCommonJS3(cookie_exports);
         var import_types = require_types3();
-        var import_utils292 = require_cjs22();
+        var import_utils29 = require_cjs22();
         var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
         var setCookie = (cname, cvalue, exdays = 365) => {
-          if ((0, import_types.isUndefined)(import_utils292.document) || (0, import_types.isUndefined)(import_utils292.document.cookie))
+          if ((0, import_types.isUndefined)(import_utils29.document) || (0, import_types.isUndefined)(import_utils29.document.cookie))
             return;
           const d = /* @__PURE__ */ new Date();
           d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
           const expires = `expires=${d.toUTCString()}`;
-          import_utils292.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+          import_utils29.document.cookie = `${cname}=${cvalue};${expires};path=/`;
         };
         var getCookie = (cname) => {
-          if ((0, import_types.isUndefined)(import_utils292.document) || (0, import_types.isUndefined)(import_utils292.document.cookie))
+          if ((0, import_types.isUndefined)(import_utils29.document) || (0, import_types.isUndefined)(import_utils29.document.cookie))
             return;
           const name = `${cname}=`;
-          const decodedCookie = decodeURIComponent(import_utils292.document.cookie);
+          const decodedCookie = decodeURIComponent(import_utils29.document.cookie);
           const ca = decodedCookie.split(";");
           for (let i = 0; i < ca.length; i++) {
             let c = ca[i];
@@ -3355,9 +3355,9 @@ var require_cjs2 = __commonJS({
           return "";
         };
         var removeCookie = (cname) => {
-          if ((0, import_types.isUndefined)(import_utils292.document) || (0, import_types.isUndefined)(import_utils292.document.cookie))
+          if ((0, import_types.isUndefined)(import_utils29.document) || (0, import_types.isUndefined)(import_utils29.document.cookie))
             return;
-          import_utils292.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+          import_utils29.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
         };
         function getLocalStorage(key) {
           let savedJSON;
@@ -4004,7 +4004,7 @@ var require_cjs2 = __commonJS({
       return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
     };
     var import_globals = __toESM2(require_cjs17(), 1);
-    var import_utils28 = __toESM2(require_cjs22(), 1);
+    var import_utils27 = __toESM2(require_cjs22(), 1);
     var ENV3 = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -4136,11 +4136,11 @@ var require_cjs2 = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils28.isString)(rgb) && rgb.includes("rgb"))
+      if ((0, import_utils27.isString)(rgb) && rgb.includes("rgb"))
         rgb = colorStringToRgbaArray(rgb).join(", ");
-      if ((0, import_utils28.isString)(rgb))
+      if ((0, import_utils27.isString)(rgb))
         rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-      if ((0, import_utils28.isNumber)(tone))
+      if ((0, import_utils27.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs3 = tone.slice(0, 1);
@@ -4408,7 +4408,7 @@ var require_cjs2 = __commonJS({
           isBoolean: () => isBoolean2,
           isDate: () => isDate,
           isDefined: () => isDefined2,
-          isFunction: () => isFunction22,
+          isFunction: () => isFunction2,
           isNot: () => isNot2,
           isNull: () => isNull2,
           isNumber: () => isNumber22,
@@ -4426,7 +4426,7 @@ var require_cjs2 = __commonJS({
         };
         var isString22 = (arg) => typeof arg === "string";
         var isNumber22 = (arg) => typeof arg === "number";
-        var isFunction22 = (arg) => typeof arg === "function";
+        var isFunction2 = (arg) => typeof arg === "function";
         var isBoolean2 = (arg) => arg === true || arg === false;
         var isNull2 = (arg) => arg === null;
         var isArray32 = (arg) => Array.isArray(arg);
@@ -4437,7 +4437,7 @@ var require_cjs2 = __commonJS({
           return typeof arg === "object";
         };
         var isDefined2 = (arg) => {
-          return isObject32(arg) || isObjectLike32(arg) || isString22(arg) || isNumber22(arg) || isFunction22(arg) || isArray32(arg) || isObjectLike32(arg) || isBoolean2(arg) || isDate(arg) || isNull2(arg);
+          return isObject32(arg) || isObjectLike32(arg) || isString22(arg) || isNumber22(arg) || isFunction2(arg) || isArray32(arg) || isObjectLike32(arg) || isBoolean2(arg) || isDate(arg) || isNull2(arg);
         };
         var isUndefined22 = (arg) => {
           return arg === void 0;
@@ -4450,7 +4450,7 @@ var require_cjs2 = __commonJS({
           date: isDate,
           number: isNumber22,
           null: isNull2,
-          function: isFunction22,
+          function: isFunction2,
           objectLike: isObjectLike32,
           node: import_node.isNode,
           htmlElement: import_node.isHtmlElement,
@@ -6107,7 +6107,7 @@ var require_cjs2 = __commonJS({
       toggleFullscreen: () => toggleFullscreen
     });
     module2.exports = __toCommonJS22(src_exports3);
-    var import_utils29 = __toESM22(require_cjs32(), 1);
+    var import_utils28 = __toESM22(require_cjs32(), 1);
     var toggleFullscreen = async (el) => {
       if (!document.fullscreenElement) {
         try {
@@ -6282,13 +6282,13 @@ var require_cjs2 = __commonJS({
       return result.charAt(0).toUpperCase() + result.slice(1);
     };
     var arrayzeValue = (val) => {
-      if ((0, import_utils29.isArray)(val))
+      if ((0, import_utils28.isArray)(val))
         return val;
-      if ((0, import_utils29.isString)(val))
+      if ((0, import_utils28.isString)(val))
         return val.split(" ");
-      if ((0, import_utils29.isObject)(val))
+      if ((0, import_utils28.isObject)(val))
         return Object.values(val);
-      if ((0, import_utils29.isNumber)(val))
+      if ((0, import_utils28.isNumber)(val))
         return [val];
     };
     var import_utils42 = __toESM2(require_cjs22(), 1);
@@ -8127,7 +8127,7 @@ var require_cjs3 = __commonJS({
           isBoolean: () => isBoolean2,
           isDate: () => isDate,
           isDefined: () => isDefined2,
-          isFunction: () => isFunction3,
+          isFunction: () => isFunction2,
           isNot: () => isNot2,
           isNull: () => isNull,
           isNumber: () => isNumber22,
@@ -8145,7 +8145,7 @@ var require_cjs3 = __commonJS({
         };
         var isString22 = (arg) => typeof arg === "string";
         var isNumber22 = (arg) => typeof arg === "number";
-        var isFunction3 = (arg) => typeof arg === "function";
+        var isFunction2 = (arg) => typeof arg === "function";
         var isBoolean2 = (arg) => arg === true || arg === false;
         var isNull = (arg) => arg === null;
         var isArray32 = (arg) => Array.isArray(arg);
@@ -8156,7 +8156,7 @@ var require_cjs3 = __commonJS({
           return typeof arg === "object";
         };
         var isDefined2 = (arg) => {
-          return isObject32(arg) || isObjectLike4(arg) || isString22(arg) || isNumber22(arg) || isFunction3(arg) || isArray32(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
+          return isObject32(arg) || isObjectLike4(arg) || isString22(arg) || isNumber22(arg) || isFunction2(arg) || isArray32(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
         };
         var isUndefined11 = (arg) => {
           return arg === void 0;
@@ -8169,7 +8169,7 @@ var require_cjs3 = __commonJS({
           date: isDate,
           number: isNumber22,
           null: isNull,
-          function: isFunction3,
+          function: isFunction2,
           objectLike: isObjectLike4,
           node: import_node.isNode,
           htmlElement: import_node.isHtmlElement,
@@ -9826,7 +9826,7 @@ var require_cjs3 = __commonJS({
       toggleFullscreen: () => toggleFullscreen
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_utils28 = __toESM2(require_cjs17(), 1);
+    var import_utils27 = __toESM2(require_cjs17(), 1);
     var toggleFullscreen = async (el) => {
       if (!document.fullscreenElement) {
         try {
@@ -9838,15 +9838,15 @@ var require_cjs3 = __commonJS({
         await document.exitFullscreen();
       }
     };
-    var import_utils29 = __toESM2(require_cjs17(), 1);
+    var import_utils28 = __toESM2(require_cjs17(), 1);
     var findClosestNumber = (number, arr) => {
-      return ((0, import_utils29.isArray)(arr) ? arr : Object.values(arr)).reduce((prev3, curr) => {
+      return ((0, import_utils28.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_utils29.isObject)(factory))
+      if ((0, import_utils28.isObject)(factory))
         factory = Object.values(factory);
       return findClosestNumber(val, factory);
     };
@@ -10001,13 +10001,13 @@ var require_cjs3 = __commonJS({
       return result.charAt(0).toUpperCase() + result.slice(1);
     };
     var arrayzeValue = (val) => {
-      if ((0, import_utils28.isArray)(val))
+      if ((0, import_utils27.isArray)(val))
         return val;
-      if ((0, import_utils28.isString)(val))
+      if ((0, import_utils27.isString)(val))
         return val.split(" ");
-      if ((0, import_utils28.isObject)(val))
+      if ((0, import_utils27.isObject)(val))
         return Object.values(val);
-      if ((0, import_utils28.isNumber)(val))
+      if ((0, import_utils27.isNumber)(val))
         return [val];
     };
   }
@@ -11531,13 +11531,13 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = 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_utils28.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils27.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);
       }
@@ -11547,7 +11547,7 @@ var require_on = __commonJS({
     };
     var triggerEventOnUpdate = (param, updatedObj, element, options) => {
       var _a;
-      if (element.on && (0, import_utils28.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils27.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);
       }
@@ -11568,7 +11568,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_utils28.isFunction)(appliedFunction)) {
+        if ((0, import_utils27.isFunction)(appliedFunction)) {
           node3.addEventListener(param, (event) => {
             const { state, context } = element;
             appliedFunction.call(element, event, element, state, context, options);
@@ -11703,9 +11703,9 @@ var require_can = __commonJS({
     });
     module2.exports = __toCommonJS2(can_exports);
     var import_report = require_cjs5();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var canRenderTag = (tag) => {
-      return (0, import_utils28.isValidHtmlTag)(tag || "div") || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils27.isValidHtmlTag)(tag || "div") || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
@@ -11766,8 +11766,8 @@ var require_cjs7 = __commonJS({
     });
     module2.exports = __toCommonJS2(router_exports);
     var import_event = require_cjs6();
-    var import_utils28 = require_cjs();
-    var getActiveRoute = (level = 0, route = import_utils28.window.location.pathname) => {
+    var import_utils27 = require_cjs();
+    var getActiveRoute = (level = 0, route = import_utils27.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -11781,7 +11781,7 @@ var require_cjs7 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_utils28.document && import_utils28.document.documentElement,
+      scrollNode: import_utils27.document && import_utils27.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -11790,15 +11790,15 @@ var require_cjs7 = __commonJS({
       scrollToOptions: { behavior: "smooth" }
     };
     var router = (path, element, state = {}, options = {}) => {
-      const win = element.context.window || import_utils28.window;
-      const doc = element.context.document || import_utils28.document;
+      const win = element.context.window || import_utils27.window;
+      const doc = element.context.document || import_utils27.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_utils28.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils27.setContentKey)(element, opts);
       const urlObj = new win.URL(win.location.origin + path);
       const { pathname, search, hash: hash3 } = urlObj;
       const rootNode = element.node;
@@ -13158,11 +13158,11 @@ var require_methods = __commonJS({
       values: () => values
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_ignore = require_ignore();
     var parse4 = function() {
       const state = this;
-      if ((0, import_utils28.isObject)(state)) {
+      if ((0, import_utils27.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -13170,7 +13170,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils28.isArray)(state)) {
+      } else if ((0, import_utils27.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -13190,7 +13190,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils28.isString)(stateKey)) {
+      if ((0, import_utils27.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -13203,7 +13203,7 @@ var require_methods = __commonJS({
         for (const key in state.__children) {
           const child = state.__children[key];
           if (child.state) {
-            if ((0, import_utils28.isArray)(child.state)) {
+            if ((0, import_utils27.isArray)(child.state)) {
               Object.defineProperty(child.state, "parent", {
                 value: state.parent,
                 enumerable: false,
@@ -13237,10 +13237,10 @@ var require_methods = __commonJS({
     };
     var add = function(value2, options = {}) {
       const state = this;
-      if ((0, import_utils28.isArray)(state)) {
+      if ((0, import_utils27.isArray)(state)) {
         state.push(value2);
         state.update(state.parse(), { overwrite: true, ...options });
-      } else if ((0, import_utils28.isObject)(state)) {
+      } else if ((0, import_utils27.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value2 }, options);
       }
@@ -13251,41 +13251,41 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils28.isArray)(state))
-        (0, import_utils28.removeFromArray)(state, key);
-      if ((0, import_utils28.isObject)(state))
-        (0, import_utils28.removeFromObject)(state, key);
+      if ((0, import_utils27.isArray)(state))
+        (0, import_utils27.removeFromArray)(state, key);
+      if ((0, import_utils27.isObject)(state))
+        (0, import_utils27.removeFromObject)(state, key);
       if (options.applyReset)
         return state.set(state.parse(), { replace: true, ...options });
       return state.update();
     };
     var set3 = function(val, options = {}) {
       const state = this;
-      const value2 = (0, import_utils28.deepClone)(val);
+      const value2 = (0, import_utils27.deepClone)(val);
       return state.clean({ preventStateUpdate: true, ...options }).update(value2, { replace: true, ...options });
     };
     var reset = function(options = {}) {
       const state = this;
-      const value2 = (0, import_utils28.deepClone)(state.parse());
+      const value2 = (0, import_utils27.deepClone)(state.parse());
       return state.set(value2, { replace: true, ...options });
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils28.isFunction)(func)) {
+      if ((0, import_utils27.isFunction)(func)) {
         const value2 = func(state);
         return state.update(value2, { replace: true, ...options });
       }
     };
     var applyReplace = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils28.isFunction)(func)) {
+      if ((0, import_utils27.isFunction)(func)) {
         const value2 = func(state);
         return state.replace(value2, options);
       }
     };
     var applyFunction = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils28.isFunction)(func)) {
+      if ((0, import_utils27.isFunction)(func)) {
         func(state);
         return state.update(state.parse(), { replace: true, ...options });
       }
@@ -13349,7 +13349,7 @@ var require_inherit = __commonJS({
       isState: () => isState2
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_ignore = require_ignore();
     var getRootStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("~/"))
@@ -13414,11 +13414,11 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if ((0, import_utils28.isUndefined)(inheritedState))
+      if ((0, import_utils27.isUndefined)(inheritedState))
         return element.state;
-      if ((0, import_utils28.is)(inheritedState)("object", "array")) {
-        return (0, import_utils28.deepClone)(inheritedState, { exclude: import_ignore.IGNORE_STATE_PARAMS });
-      } else if ((0, import_utils28.is)(inheritedState)("string", "number", "boolean")) {
+      if ((0, import_utils27.is)(inheritedState)("object", "array")) {
+        return (0, import_utils27.deepClone)(inheritedState, { exclude: import_ignore.IGNORE_STATE_PARAMS });
+      } else if ((0, import_utils27.is)(inheritedState)("string", "number", "boolean")) {
         ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
@@ -13427,12 +13427,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (stateKey && (0, import_utils28.is)(stateKey)("number", "string", "boolean"))
+      if (stateKey && (0, import_utils27.is)(stateKey)("number", "string", "boolean"))
         return true;
       return false;
     };
     var isState2 = function(state) {
-      if (!(0, import_utils28.isObjectLike)(state))
+      if (!(0, import_utils27.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;
     };
@@ -13481,7 +13481,7 @@ var require_updateState = __commonJS({
     var import_report = require_cjs5();
     var import_event = require_cjs6();
     var import_ignore = require_ignore();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -13496,7 +13496,7 @@ var require_updateState = __commonJS({
       if (options.onEach)
         options.onEach(element, state, element.context, options);
       if (!options.updateByState)
-        (0, import_utils28.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils27.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -13526,10 +13526,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow" || overwrite === "shallow-once";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils28.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils27.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils28.overwriteShallow : import_utils28.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils27.overwriteShallow : import_utils27.overwriteDeep;
       if (options.overwrite === "shallow-once")
         options.overwrite = true;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
@@ -13554,7 +13554,7 @@ var require_updateState = __commonJS({
       const changesValue = (0, import_inherit.createNestedObjectByKeyPath)(stateKey, passedValue);
       const targetParent = findRootState || findGrandParentState || parent.state;
       if (options.replace)
-        (0, import_utils28.overwriteDeep)(targetParent, changesValue || value2);
+        (0, import_utils27.overwriteDeep)(targetParent, changesValue || value2);
       targetParent.update(changesValue, {
         execStateFunction: false,
         isHoisted: true,
@@ -13623,7 +13623,7 @@ var require_create = __commonJS({
     });
     module2.exports = __toCommonJS2(create_exports);
     var import_event = require_cjs6();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -13643,7 +13643,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_utils28.isUndefined)(inheritedState) ? {} : inheritedState;
+        element.state = (0, import_utils27.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state || parent.state || {});
       if (dependentState)
@@ -13654,12 +13654,12 @@ var require_create = __commonJS({
     };
     var applyDependentState = (element, state) => {
       const { __ref, ref, __element } = state;
-      const origState = (0, import_utils28.exec)(__ref || ref || (__element == null ? void 0 : __element.state), element);
+      const origState = (0, import_utils27.exec)(__ref || ref || (__element == null ? void 0 : __element.state), element);
       if (!origState)
         return;
-      const dependentState = (0, import_utils28.deepClone)(origState, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils27.deepClone)(origState, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      const __depends = (0, import_utils28.isObject)(origState.__depends) ? { ...origState.__depends, ...newDepends } : newDepends;
+      const __depends = (0, import_utils27.isObject)(origState.__depends) ? { ...origState.__depends, ...newDepends } : newDepends;
       if (Array.isArray(origState)) {
         addProtoToArray(origState, { ...Object.getPrototypeOf(origState), __depends });
       } else {
@@ -13670,10 +13670,10 @@ var require_create = __commonJS({
     var checkForTypes = (element) => {
       const { state: orig, props: props4, __ref: ref } = element;
       const state = (props4 == null ? void 0 : props4.state) || orig;
-      if ((0, import_utils28.isFunction)(state)) {
+      if ((0, import_utils27.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils28.exec)(state, element);
-      } else if ((0, import_utils28.is)(state)("string", "number")) {
+        return (0, import_utils27.exec)(state, element);
+      } else if ((0, import_utils27.is)(state)("string", "number")) {
         ref.__state = state;
         return { value: state };
       } else if (state === true) {
@@ -13728,7 +13728,7 @@ var require_create = __commonJS({
         __children: {},
         root: ref.root ? ref.root.state : state
       };
-      if ((0, import_utils28.isArray)(state)) {
+      if ((0, import_utils27.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -15249,17 +15249,11 @@ var init_Avatar = __esm({
 });
 
 // ../uikit/Range/index.js
-var import_utils17, import_scratch12, returnPropertyValue, Range, RangeWithButtons;
+var import_scratch12, Range;
 var init_Range = __esm({
   "../uikit/Range/index.js"() {
     "use strict";
-    import_utils17 = __toESM(require_cjs());
     import_scratch12 = __toESM(require_cjs2());
-    returnPropertyValue = (el, property, def) => {
-      const val = el.props && el.props[property];
-      const r = (0, import_utils17.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 0;
-      return r + "";
-    };
     Range = {
       props: {
         appearance: "none",
@@ -15269,7 +15263,7 @@ var init_Range = __esm({
         flex: 1,
         onInput: (ev, el, s) => {
           const props4 = el.props;
-          if ((0, import_utils17.isFunction)(props4.onInput)) {
+          if (el.call("isFunction", props4.onInput)) {
             props4.onInput(ev, el, s);
           } else {
             s.update({ value: parseFloat(el.node.value) });
@@ -15277,7 +15271,7 @@ var init_Range = __esm({
         },
         onChange: (ev, el, s) => {
           const props4 = el.props;
-          if ((0, import_utils17.isFunction)(props4.onChange)) {
+          if (el.call("isFunction", props4.onChange)) {
             props4.onChange(ev, el, s);
           } else {
             s.update({ value: parseFloat(el.node.value) });
@@ -15331,78 +15325,95 @@ var init_Range = __esm({
           }
         }
       },
+      deps: {
+        returnPropertyValue: (el, property, def) => {
+          const val = el.props && el.props[property];
+          const r = el.call("isFunction", val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 0;
+          return r + "";
+        }
+      },
       tag: "input",
       attr: {
         type: "range",
         value: (el, s) => parseFloat(el.state.value || el.props.value || el.props.defaultValue),
-        min: (el, s) => returnPropertyValue(el, "min", 0),
-        max: (el, s) => returnPropertyValue(el, "max", 100),
-        step: (el, s) => returnPropertyValue(el, "step", 1)
+        min: (el, s) => el.deps.returnPropertyValue(el, "min", 0),
+        max: (el, s) => el.deps.returnPropertyValue(el, "max", 100),
+        step: (el, s) => el.deps.returnPropertyValue(el, "step", 1)
       }
     };
-    RangeWithButtons = {
-      SquareButton_minus: {
-        icon: "minus",
-        theme: "field",
-        onClick: (ev, el, s) => {
-          const parentProps = el.parent.props;
-          if ((0, import_utils17.isFunction)(parentProps.onDecrease)) {
-            parentProps.onDecrease(ev, el.parent, s);
-          } else {
-            const value2 = parseFloat(s.value);
-            const min = returnPropertyValue(el.parent, "min", 1);
-            const step = returnPropertyValue(el.parent, "step", 1);
-            if (value2 > min) {
-              s.update({ value: value2 - step });
-            }
-          }
-        }
+  }
+});
+
+// ../uikit/Dropdown/index.js
+var DropdownList, DropdownParent;
+var init_Dropdown = __esm({
+  "../uikit/Dropdown/index.js"() {
+    "use strict";
+    DropdownList = {
+      extend: "Flex",
+      attr: {
+        dropdown: true
       },
-      Value: {
-        tag: "span",
-        width: "4ch",
-        text: ({ state, parent }) => {
-          const unit = returnPropertyValue(parent, "unit", "");
-          return "" + (state.value || state.defaultValue || 0) + unit;
+      props: {
+        padding: "0 Y",
+        maxHeight: "G",
+        flow: "column",
+        theme: "quaternary",
+        overflow: "hidden auto",
+        style: { listStyleType: "none" },
+        transition: "B defaultBezier",
+        transitionProperty: "transform, opacity, visibility",
+        children: ({ props: props4 }) => props4.options || [],
+        childrenAs: "props",
+        ".hidden": {
+          transform: "translate3d(0,10%,0)",
+          opacity: 0,
+          visibility: "hidden"
         }
       },
-      Range: {
-        attr: {
-          value: (el, s) => parseFloat(s.value || s.defaultValue),
-          min: (el, s) => returnPropertyValue(el.parent, "min", 0),
-          max: (el, s) => returnPropertyValue(el.parent, "max", 100),
-          step: (el, s) => returnPropertyValue(el.parent, "step", 1)
-        },
-        onInput: (ev, el, s) => {
-          const parentProps = el.parent.props;
-          if ((0, import_utils17.isFunction)(parentProps.onInput)) {
-            parentProps.onInput(ev, el, s);
-          } else {
-            s.update({ value: parseFloat(el.node.value) });
-          }
-        },
-        onChange: (ev, el, s) => {
-          const parentProps = el.parent.props;
-          if ((0, import_utils17.isFunction)(parentProps.onChange)) {
-            parentProps.onChange(ev, el, s);
-          } else {
-            s.update({ value: parseFloat(el.node.value) });
+      childExtend: {
+        extend: "Button",
+        state: {},
+        props: {
+          isActive: ({ key, state }) => state.active === key,
+          position: "relative",
+          round: "0",
+          align: "center flex-end",
+          flow: "row-reverse",
+          padding: "Z2 C Z2 Y2",
+          margin: "0",
+          gap: "Y2",
+          theme: "quaternary .child",
+          ":hover": {
+            style: {
+              svg: { opacity: "0.5" }
+            }
+          },
+          Icon: {
+            isActive: ({ key, state }) => state.active === key,
+            name: "checkmark",
+            opacity: "0.1",
+            ".active": { opacity: "1" }
+          },
+          ":not(:first-child)": {
+            "@dark": { border: "gray4 .65, solid" },
+            "@light": { border: "gray11, solid" },
+            borderWidth: "1px 0 0"
           }
         }
-      },
-      SquareButton_plus: {
-        theme: "field",
-        icon: "plus",
-        onClick: (ev, el, s) => {
-          const parentProps = el.parent.props;
-          if ((0, import_utils17.isFunction)(parentProps.onIncrease)) {
-            parentProps.onIncrease(ev, el.parent, s);
-          } else {
-            const value2 = parseFloat(s.value);
-            const max = returnPropertyValue(el.parent, "max", 1);
-            const step = returnPropertyValue(el.parent, "step", 1);
-            if (value2 < max) {
-              s.update({ value: value2 + step });
+      }
+    };
+    DropdownParent = {
+      props: {
+        position: "relative",
+        zIndex: 999,
+        style: {
+          "&:hover": {
+            zIndex: 1e3,
+            "& [dropdown]": {
+              transform: "translate3d(0,0,0)",
+              opacity: 1,
+              visibility: "visible"
             }
           }
         }
@@ -15435,6 +15446,8 @@ __export(uikit_exports, {
   DialogHeader: () => DialogHeader,
   Direction: () => Direction,
   Div: () => Div,
+  DropdownList: () => DropdownList,
+  DropdownParent: () => DropdownParent,
   FileIcon: () => FileIcon,
   Flex: () => Flex,
   Focusable: () => Focusable,
@@ -15475,7 +15488,6 @@ __export(uikit_exports, {
   Radio: () => Radio,
   RadioHgroup: () => RadioHgroup,
   Range: () => Range,
-  RangeWithButtons: () => RangeWithButtons,
   RouteLink: () => RouteLink,
   RouterLink: () => RouterLink,
   Select: () => Select,
@@ -15519,6 +15531,7 @@ var init_uikit = __esm({
     init_Tooltip();
     init_Avatar();
     init_Range();
+    init_Dropdown();
   }
 });
 
@@ -15693,11 +15706,11 @@ var require_tree = __commonJS({
       TREE: () => TREE
     });
     module2.exports = __toCommonJS2(tree_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_report = require_cjs5();
     var ROOT = {
       key: ":root",
-      node: import_utils28.document ? import_utils28.document.body : (0, import_report.report)("DocumentNotDefined", import_utils28.document)
+      node: import_utils27.document ? import_utils27.document.body : (0, import_report.report)("DocumentNotDefined", import_utils27.document)
     };
     var TREE = ROOT;
   }
@@ -15764,10 +15777,10 @@ var require_cache = __commonJS({
     module2.exports = __toCommonJS2(cache_exports);
     var import_report = require_cjs5();
     var import_event = require_cjs6();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var createHTMLNode = (element) => {
       const { tag, context } = element;
-      const doc = context.document || import_utils28.document;
+      const doc = context.document || import_utils27.document;
       if (tag) {
         if (tag === "string")
           return doc.createTextNode(element.text);
@@ -15783,16 +15796,16 @@ var require_cache = __commonJS({
     };
     var detectTag = (element) => {
       let { tag, key, props: props4 } = element;
-      tag = (0, import_utils28.exec)(tag, element);
+      tag = (0, import_utils27.exec)(tag, element);
       if (tag === true)
         tag = key;
-      if ((0, import_utils28.isObject)(props4) && (0, import_utils28.isString)(props4.tag)) {
-        const tagExists = (0, import_utils28.isValidHtmlTag)(props4.tag);
+      if ((0, import_utils27.isObject)(props4) && (0, import_utils27.isString)(props4.tag)) {
+        const tagExists = (0, import_utils27.isValidHtmlTag)(props4.tag);
         if (tagExists)
           return props4.tag;
       }
-      if ((0, import_utils28.isString)(tag)) {
-        if ((0, import_utils28.isValidHtmlTag)(tag))
+      if ((0, import_utils27.isString)(tag)) {
+        if ((0, import_utils27.isValidHtmlTag)(tag))
           return tag;
       } else {
         let keyAsTag = key.toLowerCase();
@@ -15800,7 +15813,7 @@ var require_cache = __commonJS({
           keyAsTag = keyAsTag.split(".")[0];
         if (keyAsTag.includes("_"))
           keyAsTag = keyAsTag.split("_")[0];
-        if ((0, import_utils28.isValidHtmlTag)(keyAsTag))
+        if ((0, import_utils27.isValidHtmlTag)(keyAsTag))
           return keyAsTag;
       }
       return "div";
@@ -15968,9 +15981,9 @@ var require_inherit2 = __commonJS({
       inheritParentProps: () => inheritParentProps
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var objectizeStringProperty = (propValue) => {
-      if ((0, import_utils28.is)(propValue)("string", "number")) {
+      if ((0, import_utils27.is)(propValue)("string", "number")) {
         return { inheritedString: propValue };
       }
       return propValue;
@@ -15978,9 +15991,9 @@ var require_inherit2 = __commonJS({
     var inheritParentProps = (element, parent) => {
       var _a;
       let propsStack = [];
-      const parentProps = (0, import_utils28.exec)(parent, parent.state).props;
+      const parentProps = (0, import_utils27.exec)(parent, parent.state).props;
       const matchParent = parent.props && parentProps[element.key];
-      const matchParentIsString = (0, import_utils28.isString)(matchParent);
+      const matchParentIsString = (0, import_utils27.isString)(matchParent);
       const matchParentChildProps = parentProps && parentProps.childProps;
       if (matchParent) {
         if (matchParentIsString) {
@@ -16028,19 +16041,19 @@ var require_create3 = __commonJS({
       syncProps: () => syncProps
     });
     module2.exports = __toCommonJS2(create_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_ignore = require_ignore2();
     var import_inherit = require_inherit2();
     var createPropsStack = (element, parent) => {
       const { props: props4, __ref: ref } = element;
       const propsStack = ref.__props = (0, import_inherit.inheritParentProps)(element, parent);
-      if ((0, import_utils28.isObject)(props4))
+      if ((0, import_utils27.isObject)(props4))
         propsStack.push(props4);
       else if (props4 === "inherit" && parent.props)
         propsStack.push(parent.props);
       else if (props4)
         propsStack.push(props4);
-      if ((0, import_utils28.isArray)(ref.__extend)) {
+      if ((0, import_utils27.isArray)(ref.__extend)) {
         ref.__extend.forEach((extend) => {
           if (extend.props && extend.props !== props4)
             propsStack.push(extend.props);
@@ -16057,13 +16070,13 @@ var require_create3 = __commonJS({
           return;
         let execProps;
         try {
-          execProps = (0, import_utils28.exec)(v, element);
+          execProps = (0, import_utils27.exec)(v, element);
         } catch (e) {
           element.error(e, opts);
         }
-        element.props = (0, import_utils28.deepMerge)(
+        element.props = (0, import_utils27.deepMerge)(
           mergedProps,
-          (0, import_utils28.deepClone)(execProps, { ignore: import_ignore.IGNORE_PROPS_PARAMS }),
+          (0, import_utils27.deepClone)(execProps, { ignore: import_ignore.IGNORE_PROPS_PARAMS }),
           import_ignore.IGNORE_PROPS_PARAMS
         );
       });
@@ -16211,7 +16224,7 @@ var require_object2 = __commonJS({
       overwriteShallow: () => overwriteShallow2
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_props = require_props();
     var IGNORE_STATE_PARAMS = [
       "update",
@@ -16263,7 +16276,7 @@ var require_object2 = __commonJS({
       "nextElement",
       "previousElement"
     ];
-    var METHODS_EXL = (0, import_utils28.joinArrays)(
+    var METHODS_EXL = (0, import_utils27.joinArrays)(
       ["node", "state", "context", "extend", "__element"],
       METHODS,
       IGNORE_STATE_PARAMS,
@@ -16277,7 +16290,7 @@ var require_object2 = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils28.isObjectLike)(elementProp) && (0, import_utils28.isObject)(extendProp)) {
+        } else if ((0, import_utils27.isObjectLike)(elementProp) && (0, import_utils27.isObject)(extendProp)) {
           deepMerge7(elementProp, extendProp);
         }
       }
@@ -16324,7 +16337,7 @@ var require_object2 = __commonJS({
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
-        if ((0, import_utils28.isObjectLike)(objProp) && (0, import_utils28.isObjectLike)(paramsProp)) {
+        if ((0, import_utils27.isObjectLike)(objProp) && (0, import_utils27.isObjectLike)(paramsProp)) {
           overwriteDeep2(objProp, paramsProp);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
@@ -16333,15 +16346,15 @@ var require_object2 = __commonJS({
       return obj;
     };
     var mergeIfExisted = (a, b) => {
-      if ((0, import_utils28.isObjectLike)(a) && (0, import_utils28.isObjectLike)(b))
+      if ((0, import_utils27.isObjectLike)(a) && (0, import_utils27.isObjectLike)(b))
         return deepMerge7(a, b);
       return a || b;
     };
     var mergeArray = (arr, exclude = ["parent", "node", "__element", "state", "context", "__ref"]) => {
-      return arr.reduce((a, c) => deepMerge7(a, (0, import_utils28.deepClone)(c, { exclude })), {});
+      return arr.reduce((a, c) => deepMerge7(a, (0, import_utils27.deepClone)(c, { exclude })), {});
     };
     var mergeAndCloneIfArray = (obj) => {
-      return (0, import_utils28.isArray)(obj) ? mergeArray(obj) : (0, import_utils28.deepClone)(obj);
+      return (0, import_utils27.isArray)(obj) ? mergeArray(obj) : (0, import_utils27.deepClone)(obj);
     };
     var flattenRecursive = (param, prop, stack = []) => {
       const objectized = mergeAndCloneIfArray(param);
@@ -16395,7 +16408,7 @@ var require_extendUtils = __commonJS({
       setHashedExtend: () => setHashedExtend
     });
     module2.exports = __toCommonJS2(extendUtils_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var ENV3 = "development";
     var generateHash = () => Math.random().toString(36).substring(2);
     var extendStackRegistry = {};
@@ -16405,7 +16418,7 @@ var require_extendUtils = __commonJS({
     };
     var setHashedExtend = (extend, stack) => {
       const hash3 = generateHash();
-      if (!(0, import_utils28.isString)(extend)) {
+      if (!(0, import_utils27.isString)(extend)) {
         extend.__hash = hash3;
       }
       extendStackRegistry[hash3] = stack;
@@ -16431,9 +16444,9 @@ var require_extendUtils = __commonJS({
     var flattenExtend = (extend, stack, context) => {
       if (!extend)
         return stack;
-      if ((0, import_utils28.isArray)(extend))
+      if ((0, import_utils27.isArray)(extend))
         return extractArrayExtend(extend, stack, context);
-      if ((0, import_utils28.isString)(extend))
+      if ((0, import_utils27.isString)(extend))
         extend = fallbackStringExtend(extend, context);
       stack.push(extend);
       if (extend.extend)
@@ -16448,14 +16461,14 @@ var require_extendUtils = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils28.isObject)(elementProp) && (0, import_utils28.isObject)(extendProp)) {
+        } else if ((0, import_utils27.isObject)(elementProp) && (0, import_utils27.isObject)(extendProp)) {
           deepMergeExtend(elementProp, extendProp);
-        } else if ((0, import_utils28.isArray)(elementProp) && (0, import_utils28.isArray)(extendProp)) {
+        } else if ((0, import_utils27.isArray)(elementProp) && (0, import_utils27.isArray)(extendProp)) {
           element[e] = elementProp.concat(extendProp);
-        } else if ((0, import_utils28.isArray)(elementProp) && (0, import_utils28.isObject)(extendProp)) {
+        } else if ((0, import_utils27.isArray)(elementProp) && (0, import_utils27.isObject)(extendProp)) {
           const obj = deepMergeExtend({}, elementProp);
           element[e] = deepMergeExtend(obj, extendProp);
-        } else if (elementProp === void 0 && (0, import_utils28.isFunction)(extendProp)) {
+        } else if (elementProp === void 0 && (0, import_utils27.isFunction)(extendProp)) {
           element[e] = extendProp;
         }
       }
@@ -16463,13 +16476,13 @@ var require_extendUtils = __commonJS({
     };
     var cloneAndMergeArrayExtend = (stack) => {
       return stack.reduce((a, c) => {
-        return deepMergeExtend(a, (0, import_utils28.deepClone)(c));
+        return deepMergeExtend(a, (0, import_utils27.deepClone)(c));
       }, {});
     };
     var fallbackStringExtend = (extend, context, options = {}) => {
       const COMPONENTS = context && context.components || options.components;
       const PAGES = context && context.pages || options.pages;
-      if ((0, import_utils28.isString)(extend)) {
+      if ((0, import_utils27.isString)(extend)) {
         const componentExists = COMPONENTS && (COMPONENTS[extend] || COMPONENTS["smbls." + extend]);
         const pageExists = PAGES && extend.startsWith("/") && PAGES[extend];
         if (componentExists)
@@ -16529,30 +16542,30 @@ var require_extend = __commonJS({
       applyExtend: () => applyExtend
     });
     module2.exports = __toCommonJS2(extend_exports);
-    var import_utils28 = require_cjs();
-    var import_utils29 = require_utils();
+    var import_utils27 = require_cjs();
+    var import_utils28 = require_utils();
     var ENV3 = "development";
     var mainExtend;
     var applyExtend = (element, parent, options = {}) => {
-      if ((0, import_utils28.isFunction)(element))
-        element = (0, import_utils28.exec)(element, parent);
+      if ((0, import_utils27.isFunction)(element))
+        element = (0, import_utils27.exec)(element, parent);
       const { props: props4, __ref } = element;
       let extend = (props4 == null ? void 0 : props4.extends) || element.extends || element.extend;
       const context = element.context || parent.context;
-      extend = (0, import_utils29.fallbackStringExtend)(extend, context, options);
-      const extendStack = (0, import_utils29.getExtendStack)(extend, context);
+      extend = (0, import_utils28.fallbackStringExtend)(extend, context, options);
+      const extendStack = (0, import_utils28.getExtendStack)(extend, context);
       if (ENV3 !== "test" || ENV3 !== "development")
         delete element.extend;
       let childExtendStack = [];
       if (parent) {
         element.parent = parent;
         if (!options.ignoreChildExtend && !(props4 && props4.ignoreChildExtend)) {
-          childExtendStack = (0, import_utils29.getExtendStack)(parent.childExtend, context);
+          childExtendStack = (0, import_utils28.getExtendStack)(parent.childExtend, context);
           const ignoreChildExtendRecursive = props4 && props4.ignoreChildExtendRecursive;
           if (parent.childExtendRecursive && !ignoreChildExtendRecursive) {
             const canExtendRecursive = element.key !== "__text";
             if (canExtendRecursive) {
-              const childExtendRecursiveStack = (0, import_utils29.getExtendStack)(parent.childExtendRecursive, context);
+              const childExtendRecursiveStack = (0, import_utils28.getExtendStack)(parent.childExtendRecursive, context);
               childExtendStack = childExtendStack.concat(childExtendRecursiveStack);
               element.childExtendRecursive = parent.childExtendRecursive;
             }
@@ -16563,7 +16576,7 @@ var require_extend = __commonJS({
       const childExtendLength = childExtendStack.length;
       let stack = [];
       if (extendLength && childExtendLength) {
-        stack = (0, import_utils29.jointStacks)(extendStack, childExtendStack);
+        stack = (0, import_utils28.jointStacks)(extendStack, childExtendStack);
       } else if (extendLength) {
         stack = extendStack;
       } else if (childExtendLength) {
@@ -16572,22 +16585,22 @@ var require_extend = __commonJS({
         return element;
       if (context.defaultExtends) {
         if (!mainExtend) {
-          const defaultOptionsExtend = (0, import_utils29.getExtendStack)(context.defaultExtends, context);
-          mainExtend = (0, import_utils29.cloneAndMergeArrayExtend)(defaultOptionsExtend);
+          const defaultOptionsExtend = (0, import_utils28.getExtendStack)(context.defaultExtends, context);
+          mainExtend = (0, import_utils28.cloneAndMergeArrayExtend)(defaultOptionsExtend);
           delete mainExtend.extend;
         }
         stack = [].concat(stack, mainExtend);
       }
       if (__ref)
         __ref.__extend = stack;
-      let mergedExtend = (0, import_utils29.cloneAndMergeArrayExtend)(stack);
+      let mergedExtend = (0, import_utils28.cloneAndMergeArrayExtend)(stack);
       const COMPONENTS = context && context.components || options.components;
-      const component = (0, import_utils28.exec)(element.component || mergedExtend.component, element);
+      const component = (0, import_utils27.exec)(element.component || mergedExtend.component, element);
       if (component && COMPONENTS && COMPONENTS[component]) {
-        const componentExtend = (0, import_utils29.cloneAndMergeArrayExtend)((0, import_utils29.getExtendStack)(COMPONENTS[component]));
-        mergedExtend = (0, import_utils29.deepMergeExtend)(componentExtend, mergedExtend);
+        const componentExtend = (0, import_utils28.cloneAndMergeArrayExtend)((0, import_utils28.getExtendStack)(COMPONENTS[component]));
+        mergedExtend = (0, import_utils28.deepMergeExtend)(componentExtend, mergedExtend);
       }
-      const merged = (0, import_utils29.deepMergeExtend)(element, mergedExtend);
+      const merged = (0, import_utils28.deepMergeExtend)(element, mergedExtend);
       return merged;
     };
   }
@@ -16621,7 +16634,7 @@ var require_component2 = __commonJS({
       overwriteVariant: () => overwriteVariant
     });
     module2.exports = __toCommonJS2(component_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_extend = require_extend();
     var import_mixins = require_mixins();
     var replaceOnKeys = (key) => key.replace(/on\w+/g, (match3) => match3.substring(2));
@@ -16642,7 +16655,7 @@ var require_component2 = __commonJS({
         if (isDefine) {
           newElem.define[k] = prop;
         }
-        const isComponent = (0, import_utils28.checkIfKeyIsComponent)(k);
+        const isComponent = (0, import_utils27.checkIfKeyIsComponent)(k);
         const isRegistry = import_mixins.REGISTRY[k];
         if (isComponent || isRegistry) {
           newElem[k] = prop;
@@ -16656,25 +16669,25 @@ var require_component2 = __commonJS({
       let variantElement = element[variant];
       if (!variantElement)
         return;
-      const props4 = (0, import_utils28.isObject)(variantProps) ? variantProps : {};
-      if ((0, import_utils28.isString)(variantElement)) {
+      const props4 = (0, import_utils27.isObject)(variantProps) ? variantProps : {};
+      if ((0, import_utils27.isString)(variantElement)) {
         variantElement = {
           extend: [{ props: props4 }, variantElement]
         };
       } else if (variantElement.extend) {
-        variantElement = (0, import_utils28.addAdditionalExtend)({ props: props4 }, variantElement);
+        variantElement = (0, import_utils27.addAdditionalExtend)({ props: props4 }, variantElement);
       }
       const extendedVariant = (0, import_extend.applyExtend)(variantElement, element.parent);
       const { parent, ...rest } = extendedVariant;
-      return (0, import_utils28.overwriteDeep)(element, rest);
+      return (0, import_utils27.overwriteDeep)(element, rest);
     };
     var applyVariant = (element) => {
       const { props: props4 } = element;
-      if (!(0, import_utils28.hasVariantProp)(element))
+      if (!(0, import_utils27.hasVariantProp)(element))
         return element;
       const { variant } = props4;
       overwriteVariant(element, `.${variant}`);
-      const elKeys = Object.keys(element).filter((key) => (0, import_utils28.isVariant)(key));
+      const elKeys = Object.keys(element).filter((key) => (0, import_utils27.isVariant)(key));
       elKeys.forEach((variant2) => {
         const slicedVariantElementKey = variant2.slice(1);
         const variantElementProps = props4[slicedVariantElementKey];
@@ -16739,20 +16752,20 @@ var require_attr = __commonJS({
       default: () => attr_default
     });
     module2.exports = __toCommonJS2(attr_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_report = require_cjs5();
-    var import_utils29 = require_utils();
+    var import_utils28 = require_utils();
     function attr(params, element, node3) {
       const { __ref: ref, props: props4 } = element;
       const { __attr } = ref;
-      if ((0, import_utils28.isNot)("object"))
+      if ((0, import_utils27.isNot)("object"))
         (0, import_report.report)("HTMLInvalidAttr", params);
       if (params) {
         if (props4.attr)
-          (0, import_utils29.deepMerge)(params, props4.attr);
+          (0, import_utils28.deepMerge)(params, props4.attr);
         for (const attr2 in params) {
-          const val = (0, import_utils28.exec)(params[attr2], element);
-          if (val !== false && !(0, import_utils28.isUndefined)(val) && !(0, import_utils28.isNull)(val) && node3.setAttribute)
+          const val = (0, import_utils27.exec)(params[attr2], element);
+          if (val !== false && !(0, import_utils27.isUndefined)(val) && !(0, import_utils27.isNull)(val) && node3.setAttribute)
             node3.setAttribute(attr2, val);
           else if (node3.removeAttribute)
             node3.removeAttribute(attr2);
@@ -16795,7 +16808,7 @@ var require_classList = __commonJS({
       default: () => classList_default
     });
     module2.exports = __toCommonJS2(classList_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var assignKeyAsClassname = (element) => {
       const { key } = element;
       if (element.class === true)
@@ -16813,7 +16826,7 @@ var require_classList = __commonJS({
         else if (typeof param === "string")
           className += ` ${param}`;
         else if (typeof param === "function") {
-          className += ` ${(0, import_utils28.exec)(param, element)}`;
+          className += ` ${(0, import_utils27.exec)(param, element)}`;
         }
       }
       return className;
@@ -16824,9 +16837,9 @@ var require_classList = __commonJS({
       const { key } = element;
       if (params === true)
         params = element.class = { key };
-      if ((0, import_utils28.isString)(params))
+      if ((0, import_utils27.isString)(params))
         params = element.class = { default: params };
-      if ((0, import_utils28.isObject)(params))
+      if ((0, import_utils27.isObject)(params))
         params = classify2(params, element);
       const className = params.replace(/\s+/g, " ").trim();
       if (element.ref)
@@ -16906,7 +16919,7 @@ var require_set = __commonJS({
       set: () => set3
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_options3 = require_options();
     var import_create = require_create4();
     var import_mixins = require_mixins();
@@ -16936,13 +16949,13 @@ var require_set = __commonJS({
       var _a;
       const element = el || this;
       const { __ref: ref } = element;
-      const content = (0, import_utils28.setContentKey)(element, options);
+      const content = (0, import_utils27.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_utils28.deepContains)(params, content)) {
+      if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils27.deepContains)(params, content)) {
         if (!options.preventBeforeUpdateListener && !options.preventListeners) {
           const beforeUpdateReturns = (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
           if (beforeUpdateReturns === false)
@@ -17003,7 +17016,7 @@ var require_content = __commonJS({
       updateContent: () => updateContent
     });
     module2.exports = __toCommonJS2(content_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_set = require_set();
     var updateContent = function(params, options) {
       const element = this;
@@ -17017,7 +17030,7 @@ var require_content = __commonJS({
     var removeContent = function(el, opts = {}) {
       const element = el || this;
       const { __ref: ref } = element;
-      const contentElementKey = (0, import_utils28.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils27.setContentKey)(element, opts);
       if (opts.contentElementKey !== "content")
         opts.contentElementKey = "content";
       if (element[contentElementKey]) {
@@ -17034,14 +17047,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_utils28.isFunction)(__cached[contentElementKey].remove))
+          else if (__cached[contentElementKey] && (0, import_utils27.isFunction)(__cached[contentElementKey].remove))
             __cached[contentElementKey].remove();
         }
         delete element[contentElementKey];
       }
     };
     function setContent(param, element, node3, opts) {
-      const contentElementKey = (0, import_utils28.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils27.setContentKey)(element, opts);
       if (param && element) {
         if (element[contentElementKey].update) {
           element[contentElementKey].update({}, opts);
@@ -17081,18 +17094,18 @@ var require_data = __commonJS({
       default: () => data_default
     });
     module2.exports = __toCommonJS2(data_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_report = require_cjs5();
     function data(params, element, node3) {
       if (params) {
         if (element.props.data)
-          (0, import_utils28.deepMerge)(params, element.props.data);
+          (0, import_utils27.deepMerge)(params, element.props.data);
         if (params.showOnNode) {
-          if (!(0, import_utils28.isObject)(params))
+          if (!(0, import_utils27.isObject)(params))
             (0, import_report.report)("HTMLInvalidData", params);
           for (const dataset in params) {
             if (dataset !== "showOnNode") {
-              node3.dataset[dataset] = (0, import_utils28.exec)(params[dataset], element);
+              node3.dataset[dataset] = (0, import_utils27.exec)(params[dataset], element);
             }
           }
         }
@@ -17129,10 +17142,10 @@ var require_html = __commonJS({
       html: () => html
     });
     module2.exports = __toCommonJS2(html_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     function html(param, element, node3) {
       var _a;
-      const prop = (0, import_utils28.exec)(param, element) || (0, import_utils28.exec)((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
+      const prop = (0, import_utils27.exec)(param, element) || (0, import_utils27.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")
@@ -17173,12 +17186,12 @@ var require_style = __commonJS({
       style: () => style2
     });
     module2.exports = __toCommonJS2(style_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_report = require_cjs5();
     function style2(params, element, node3) {
       if (params) {
-        if ((0, import_utils28.isObject)(params))
-          (0, import_utils28.map)(node3.style, params, element);
+        if ((0, import_utils27.isObject)(params))
+          (0, import_utils27.map)(node3.style, params, element);
         else
           (0, import_report.report)("HTMLInvalidStyles", params);
       }
@@ -17215,11 +17228,11 @@ var require_text = __commonJS({
     });
     module2.exports = __toCommonJS2(text_exports);
     var import_create = require_create4();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     function text(param, element, node3) {
-      let prop = (0, import_utils28.exec)(param, element);
-      if ((0, import_utils28.isString)(prop) && prop.includes("{{")) {
-        prop = (0, import_utils28.replaceLiteralsWithObjectFields)(prop, element.state);
+      let prop = (0, import_utils27.exec)(param, element);
+      if ((0, import_utils27.isString)(prop) && prop.includes("{{")) {
+        prop = (0, import_utils27.replaceLiteralsWithObjectFields)(prop, element.state);
       }
       if (element.tag === "string") {
         node3.nodeValue = prop;
@@ -17266,10 +17279,10 @@ var require_state = __commonJS({
     });
     module2.exports = __toCommonJS2(state_exports);
     var import_state2 = require_cjs8();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     function state(params, element, node3) {
-      const state2 = (0, import_utils28.exec)(params, element);
-      if ((0, import_utils28.isObject)(state2)) {
+      const state2 = (0, import_utils27.exec)(params, element);
+      if ((0, import_utils27.isObject)(state2)) {
         for (const param in state2) {
           if (import_state2.IGNORE_STATE_PARAMS.includes(param))
             continue;
@@ -17310,13 +17323,13 @@ var require_scope = __commonJS({
       scope: () => scope
     });
     module2.exports = __toCommonJS2(scope_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     function scope(params, element, node3) {
-      if (!(0, import_utils28.isObject)(params))
+      if (!(0, import_utils27.isObject)(params))
         return;
       for (const scopeItem in params) {
         const value2 = params[scopeItem];
-        if ((0, import_utils28.isFunction)(value2)) {
+        if ((0, import_utils27.isFunction)(value2)) {
           element.scope[scopeItem] = value2.bind(element);
         } else {
           element.scope[scopeItem] = value2;
@@ -17545,7 +17558,7 @@ var require_methods2 = __commonJS({
       warn: () => warn
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_tree = require_tree();
     var import_mixins = require_mixins();
     var ENV3 = "development";
@@ -17568,7 +17581,7 @@ var require_methods2 = __commonJS({
     function lookup3(param) {
       const el = this;
       let { parent } = el;
-      if ((0, import_utils28.isFunction)(param)) {
+      if ((0, import_utils27.isFunction)(param)) {
         if (parent.state && param(parent, parent.state, parent.context))
           return parent;
         else if (parent.parent)
@@ -17597,7 +17610,7 @@ var require_methods2 = __commonJS({
         const childElem = el[v];
         if (v === param)
           return childElem;
-        else if ((0, import_utils28.isFunction)(param)) {
+        else if ((0, import_utils27.isFunction)(param)) {
           const exec6 = param(childElem, childElem.state, childElem.context);
           if (childElem.state && exec6) {
             return childElem;
@@ -17618,7 +17631,7 @@ var require_methods2 = __commonJS({
         const childElem = el[v];
         if (v === param)
           results.push(childElem);
-        else if ((0, import_utils28.isFunction)(param)) {
+        else if ((0, import_utils27.isFunction)(param)) {
           const exec6 = param(childElem, childElem.state, childElem.context);
           if (childElem.state && exec6)
             results.push(childElem);
@@ -17635,7 +17648,7 @@ var require_methods2 = __commonJS({
       for (const param in params) {
         const value2 = params[param];
         const childElem = el[param];
-        if ((0, import_utils28.isObject)(value2) && childElem)
+        if ((0, import_utils27.isObject)(value2) && childElem)
           setNodeStyles.call(childElem, value2);
         else
           el.node.style[param] = value2;
@@ -17644,15 +17657,15 @@ var require_methods2 = __commonJS({
     }
     function remove() {
       const element = this;
-      if ((0, import_utils28.isFunction)(element.node.remove))
+      if ((0, import_utils27.isFunction)(element.node.remove))
         element.node.remove();
-      else if (!(0, import_utils28.isProduction)()) {
+      else if (!(0, import_utils27.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_utils28.removeValueFromArray)(element.parent.__ref.__children, element.key);
+        element.parent.__ref.__children = (0, import_utils27.removeValueFromArray)(element.parent.__ref.__children, element.key);
     }
     function get(param) {
       const element = this;
@@ -17694,8 +17707,8 @@ var require_methods2 = __commonJS({
         if (v === "state") {
           if (element.__ref && !element.__ref.__hasRootState)
             return;
-          const parsedVal = (0, import_utils28.isFunction)(val && val.parse) ? val.parse() : val;
-          obj[v] = (0, import_utils28.isFunction)(parsedVal) ? parsedVal : JSON.parse(JSON.stringify(parsedVal || {}));
+          const parsedVal = (0, import_utils27.isFunction)(val && val.parse) ? val.parse() : val;
+          obj[v] = (0, import_utils27.isFunction)(parsedVal) ? parsedVal : JSON.parse(JSON.stringify(parsedVal || {}));
         } else if (v === "scope") {
           if (element.__ref && !element.__ref.__hasRootScope)
             return;
@@ -17703,7 +17716,7 @@ var require_methods2 = __commonJS({
         } else if (v === "props") {
           const { __element, update, ...props4 } = element[v];
           obj[v] = props4;
-        } else if ((0, import_utils28.isDefined)(val) && Object.hasOwnProperty.call(element, v))
+        } else if ((0, import_utils27.isDefined)(val) && Object.hasOwnProperty.call(element, v))
           obj[v] = val;
       });
       return obj;
@@ -17714,7 +17727,7 @@ var require_methods2 = __commonJS({
       for (const v in obj) {
         if (excl.includes(v))
           return;
-        if ((0, import_utils28.isObjectLike)(obj[v])) {
+        if ((0, import_utils27.isObjectLike)(obj[v])) {
           obj[v] = parseDeep.call(obj[v], excl);
         }
       }
@@ -17794,7 +17807,7 @@ var require_methods2 = __commonJS({
         changed: (cb) => {
           if (!changed)
             return;
-          const returns = cb(changes, (0, import_utils28.deepClone)(varCaches));
+          const returns = cb(changes, (0, import_utils27.deepClone)(varCaches));
           for (const key in changes) {
             varCaches[key] = changes[key];
           }
@@ -17874,8 +17887,8 @@ var require_iterate = __commonJS({
       throughUpdatedExec: () => throughUpdatedExec
     });
     module2.exports = __toCommonJS2(iterate_exports);
-    var import_utils28 = require_cjs();
-    var import_utils29 = require_utils();
+    var import_utils27 = require_cjs();
+    var import_utils28 = require_utils();
     var import_methods = require_methods2();
     var throughInitialExec = (element, exclude = {}) => {
       const { __ref: ref } = element;
@@ -17883,13 +17896,13 @@ var require_iterate = __commonJS({
         if (exclude[param])
           continue;
         const prop = element[param];
-        if ((0, import_utils28.isFunction)(prop) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils28.isVariant)(param)) {
+        if ((0, import_utils27.isFunction)(prop) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils27.isVariant)(param)) {
           ref.__exec[param] = prop;
           element[param] = prop(element, element.state, element.context);
         }
       }
     };
-    var throughUpdatedExec = (element, options = { excludes: import_utils29.METHODS_EXL }) => {
+    var throughUpdatedExec = (element, options = { excludes: import_utils28.METHODS_EXL }) => {
       const { __ref: ref } = element;
       const changes = {};
       for (const param in ref.__exec) {
@@ -17898,13 +17911,13 @@ var require_iterate = __commonJS({
         if (isDefinedParam)
           continue;
         const newExec = ref.__exec[param](element, element.state, element.context);
-        const execReturnsString = (0, import_utils28.isString)(newExec) || (0, import_utils28.isNumber)(newExec);
+        const execReturnsString = (0, import_utils27.isString)(newExec) || (0, import_utils27.isNumber)(newExec);
         if (prop && prop.node && execReturnsString) {
-          (0, import_utils29.overwrite)(prop, { text: newExec }, options);
+          (0, import_utils28.overwrite)(prop, { text: newExec }, options);
         } else if (newExec !== prop) {
-          if ((0, import_utils28.checkIfKeyIsComponent)(param)) {
-            const { extend, ...newElem } = (0, import_utils28.extendizeByKey)(newExec, element, param);
-            (0, import_utils29.overwrite)(prop, newElem, options);
+          if ((0, import_utils27.checkIfKeyIsComponent)(param)) {
+            const { extend, ...newElem } = (0, import_utils27.extendizeByKey)(newExec, element, param);
+            (0, import_utils28.overwrite)(prop, newElem, options);
           } else {
             ref.__cached[param] = changes[param] = prop;
             element[param] = newExec;
@@ -17919,27 +17932,27 @@ var require_iterate = __commonJS({
       for (const k in props4) {
         const isDefine = k.startsWith("is") || k.startsWith("has") || k.startsWith("use");
         const cachedExecProp = ref.__execProps[k];
-        if ((0, import_utils28.isFunction)(cachedExecProp)) {
-          props4[k] = (0, import_utils28.exec)(cachedExecProp, element);
-        } else if (isDefine && (0, import_utils28.isFunction)(props4[k])) {
+        if ((0, import_utils27.isFunction)(cachedExecProp)) {
+          props4[k] = (0, import_utils27.exec)(cachedExecProp, element);
+        } else if (isDefine && (0, import_utils27.isFunction)(props4[k])) {
           ref.__execProps[k] = props4[k];
-          props4[k] = (0, import_utils28.exec)(props4[k], element);
+          props4[k] = (0, import_utils27.exec)(props4[k], element);
         }
       }
     };
     var throughInitialDefine = (element) => {
       const { define, context, __ref: ref } = element;
       let defineObj = {};
-      const hasGlobalDefine = context && (0, import_utils28.isObject)(context.define);
-      if ((0, import_utils28.isObject)(define))
+      const hasGlobalDefine = context && (0, import_utils27.isObject)(context.define);
+      if ((0, import_utils27.isObject)(define))
         defineObj = { ...define };
       if (hasGlobalDefine)
         defineObj = { ...defineObj, ...context.define };
       for (const param in defineObj) {
         let elementProp = element[param];
-        if ((0, import_utils28.isFunction)(elementProp) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils28.isVariant)(param)) {
+        if ((0, import_utils27.isFunction)(elementProp) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils27.isVariant)(param)) {
           ref.__exec[param] = elementProp;
-          const execParam2 = elementProp = (0, import_utils28.exec)(elementProp, element);
+          const execParam2 = elementProp = (0, import_utils27.exec)(elementProp, element);
           if (execParam2) {
             elementProp = element[param] = execParam2.parse ? execParam2.parse() : execParam2;
             ref.__defineCache[param] = elementProp;
@@ -17955,15 +17968,15 @@ var require_iterate = __commonJS({
       const { context, define, __ref: ref } = element;
       const changes = {};
       let obj = {};
-      if ((0, import_utils28.isObject)(define))
+      if ((0, import_utils27.isObject)(define))
         obj = { ...define };
-      if ((0, import_utils28.isObject)(context && context.define))
+      if ((0, import_utils27.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_utils28.exec)(ref.__defineCache[param], element);
+        const cached = (0, import_utils27.exec)(ref.__defineCache[param], element);
         const newExecParam = obj[param](cached, element, element.state, element.context);
         if (newExecParam)
           element[param] = newExecParam;
@@ -17999,7 +18012,7 @@ var require_applyParam = __commonJS({
       applyParam: () => applyParam
     });
     module2.exports = __toCommonJS2(applyParam_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_mixins = require_mixins();
     var applyParam = (param, element, options) => {
       const { node: node3, context, __ref: ref } = element;
@@ -18014,7 +18027,7 @@ var require_applyParam = __commonJS({
         return;
       const hasOnlyUpdate = onlyUpdate ? onlyUpdate === param || element.lookup(onlyUpdate) : true;
       if (isGlobalTransformer && !hasContextDefine && hasOnlyUpdate) {
-        if ((0, import_utils28.isFunction)(isGlobalTransformer)) {
+        if ((0, import_utils27.isFunction)(isGlobalTransformer)) {
           isGlobalTransformer(prop, element, node3, options);
           return;
         }
@@ -18050,15 +18063,15 @@ var require_propEvents = __commonJS({
       propagateEventsFromProps: () => propagateEventsFromProps
     });
     module2.exports = __toCommonJS2(propEvents_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var propagateEventsFromProps = (element) => {
       const { props: props4, on: on2 } = element;
       const eventKeysFromProps = Object.keys(props4).filter((key) => key.startsWith("on"));
       eventKeysFromProps.forEach((v) => {
-        const eventName = (0, import_utils28.lowercaseFirstLetter)(v.split("on")[1]);
+        const eventName = (0, import_utils27.lowercaseFirstLetter)(v.split("on")[1]);
         const origEvent = on2[eventName];
         const funcFromProps = props4[v];
-        if ((0, import_utils28.isFunction)(origEvent)) {
+        if ((0, import_utils27.isFunction)(origEvent)) {
           on2[eventName] = (...args) => {
             const originalEventRetunrs = origEvent(...args);
             if (originalEventRetunrs !== false)
@@ -18108,7 +18121,7 @@ var require_node2 = __commonJS({
       default: () => node_default
     });
     module2.exports = __toCommonJS2(node_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_event = require_cjs6();
     var import_render = require_cjs11();
     var import_methods = require_methods2();
@@ -18133,7 +18146,7 @@ var require_node2 = __commonJS({
       }
       if (ENV3 === "test" || ENV3 === "development" || options.alowRefReference) {
         node3.ref = element;
-        if ((0, import_utils28.isFunction)(node3.setAttribute))
+        if ((0, import_utils27.isFunction)(node3.setAttribute))
           node3.setAttribute("key", element.key);
       }
       (0, import_iterate.throughExecProps)(element);
@@ -18142,7 +18155,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_utils28.isObject)(element.on)) {
+        if (isNewNode && (0, import_utils27.isObject)(element.on)) {
           (0, import_event.applyEventsOnNode)(element, options);
         }
       }
@@ -18150,14 +18163,14 @@ var require_node2 = __commonJS({
         const value2 = element[param];
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        if ((0, import_utils28.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils28.isVariant)(param) || (0, import_utils28.isObject)(import_mixins.REGISTRY[param]))
+        if ((0, import_utils27.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils27.isVariant)(param) || (0, import_utils27.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 createAsync2 = () => {
-              (0, import_create.default)((0, import_utils28.exec)(value2, element), element, param, options);
+              (0, import_create.default)((0, import_utils27.exec)(value2, element), element, param, options);
             };
             if (element.props && element.props.lazyLoad || options.lazyLoad) {
               window.requestAnimationFrame(() => createAsync2());
@@ -18199,7 +18212,7 @@ var require_update2 = __commonJS({
       update: () => update
     });
     module2.exports = __toCommonJS2(update_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_event = require_cjs6();
     var import_methods = require_methods2();
     var import_props = require_props();
@@ -18209,9 +18222,9 @@ var require_update2 = __commonJS({
     var import_mixins = require_mixins();
     var import_applyParam = require_applyParam();
     var import_options3 = require_options();
-    var import_utils29 = require_utils();
+    var import_utils28 = require_utils();
     var snapshot = {
-      snapshotId: import_utils28.createSnapshotId
+      snapshotId: import_utils27.createSnapshotId
     };
     var UPDATE_DEFAULT_OPTIONS = {
       stackChanges: false,
@@ -18219,11 +18232,11 @@ var require_update2 = __commonJS({
       preventRecursive: false,
       currentSnapshot: false,
       calleeElement: false,
-      excludes: import_utils29.METHODS_EXL
+      excludes: import_utils28.METHODS_EXL
     };
     var update = function(params = {}, opts) {
       const calleeElementCache = opts == null ? void 0 : opts.calleeElement;
-      const options = (0, import_utils28.deepClone)((0, import_utils28.isObject)(opts) ? (0, import_utils29.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, { exclude: ["calleeElement"] });
+      const options = (0, import_utils27.deepClone)((0, import_utils27.isObject)(opts) ? (0, import_utils28.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, { exclude: ["calleeElement"] });
       options.calleeElement = calleeElementCache;
       const element = this;
       const { parent, node: node3, key } = element;
@@ -18239,8 +18252,8 @@ var require_update2 = __commonJS({
       if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
         return;
       if (!excludes)
-        (0, import_utils28.merge)(options, UPDATE_DEFAULT_OPTIONS);
-      if ((0, import_utils28.isString)(params) || (0, import_utils28.isNumber)(params)) {
+        (0, import_utils27.merge)(options, UPDATE_DEFAULT_OPTIONS);
+      if ((0, import_utils27.isString)(params) || (0, import_utils27.isNumber)(params)) {
         params = { text: params };
       }
       const inheritState = inheritStateUpdates(element, options);
@@ -18251,7 +18264,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_utils28.isFunction)(v));
+        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils27.isFunction)(v));
         const props4 = params.props || hasParentProps || hasFunctionInProps.length;
         if (props4)
           (0, import_props.updateProps)(props4, element, parent);
@@ -18261,7 +18274,7 @@ var require_update2 = __commonJS({
         if (beforeUpdateReturns === false)
           return element;
       }
-      (0, import_utils28.overwriteDeep)(element, params, { exclude: import_utils29.METHODS_EXL });
+      (0, import_utils27.overwriteDeep)(element, params, { exclude: import_utils28.METHODS_EXL });
       (0, import_iterate.throughExecProps)(element);
       (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
       (0, import_iterate.throughUpdatedDefine)(element);
@@ -18284,7 +18297,7 @@ var require_update2 = __commonJS({
         preventUpdateAfterCount
       } = options;
       if (preventUpdateAfter) {
-        if ((0, import_utils28.isNumber)(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount)
+        if ((0, import_utils27.isNumber)(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount)
           return;
         else if (options.preventUpdateAfterCount === void 0)
           options.preventUpdateAfterCount = 1;
@@ -18298,17 +18311,17 @@ var require_update2 = __commonJS({
         }
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        const isInPreventUpdate = (0, import_utils28.isArray)(preventUpdate) && preventUpdate.includes(param);
-        const isInPreventDefineUpdate = (0, import_utils28.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
+        const isInPreventUpdate = (0, import_utils27.isArray)(preventUpdate) && preventUpdate.includes(param);
+        const isInPreventDefineUpdate = (0, import_utils27.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
         const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-        if ((0, import_utils28.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils28.isObject)(import_mixins.REGISTRY[param]) || (0, import_utils28.isVariant)(param))
+        if ((0, import_utils27.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils27.isObject)(import_mixins.REGISTRY[param]) || (0, import_utils27.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_utils28.isObject)(prop) && !hasDefine && !hasContextDefine && !preventRecursive;
+          const canUpdate = (0, import_utils27.isObject)(prop) && !hasDefine && !hasContextDefine && !preventRecursive;
           if (!canUpdate)
             continue;
           const lazyLoad = element.props.lazyLoad || options.lazyLoad;
@@ -18320,7 +18333,7 @@ var require_update2 = __commonJS({
             currentSnapshot: snapshotOnCallee,
             calleeElement
           });
-          lazyLoad ? import_utils28.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
+          lazyLoad ? import_utils27.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
         }
       }
       if (!preventUpdateListener)
@@ -18343,7 +18356,7 @@ var require_update2 = __commonJS({
     };
     var checkIfOnUpdate = (element, parent, options) => {
       var _a, _b, _c;
-      if (!(0, import_utils28.isFunction)(element.if) && !(0, import_utils28.isFunction)((_a = element.props) == null ? void 0 : _a.if) || !parent)
+      if (!(0, import_utils27.isFunction)(element.if) && !(0, import_utils27.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);
@@ -18384,7 +18397,7 @@ var require_update2 = __commonJS({
           delete element.__ref;
           delete element.parent;
           const createdElement = (0, import_create.create)(element, parent, element.key, import_options3.OPTIONS.create, attachOptions);
-          if (options.preventUpdate !== true && element.on && (0, import_utils28.isFunction)(element.on.update)) {
+          if (options.preventUpdate !== true && element.on && (0, import_utils27.isFunction)(element.on.update)) {
             (0, import_event.applyEvent)(element.on.update, createdElement, createdElement.state);
           }
           return createdElement;
@@ -18405,9 +18418,9 @@ var require_update2 = __commonJS({
         element.state = parent && parent.state || {};
         return;
       }
-      const shouldForceFunctionState = (0, import_utils28.isFunction)(stateKey) && !isHoisted && execStateFunction;
+      const shouldForceFunctionState = (0, import_utils27.isFunction)(stateKey) && !isHoisted && execStateFunction;
       if (shouldForceFunctionState) {
-        const execState = (0, import_utils28.exec)(stateKey, element);
+        const execState = (0, import_utils27.exec)(stateKey, element);
         state.set(execState, { ...options, preventUpdate: true, preventStateUpdateListener: false, updatedByStateFunction: true });
         return;
       }
@@ -18465,7 +18478,7 @@ var require_set2 = __commonJS({
       addMethods: () => addMethods
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_set = require_set();
     var import_update = require_update2();
     var import__ = require_methods2();
@@ -18498,7 +18511,7 @@ var require_set2 = __commonJS({
         error: import__.error
       };
       if (element.context.methods)
-        (options.strict ? import_utils28.merge : import_utils28.overwrite)(proto, element.context.methods);
+        (options.strict ? import_utils27.merge : import_utils27.overwrite)(proto, element.context.methods);
       Object.setPrototypeOf(element, proto);
     };
   }
@@ -18543,7 +18556,7 @@ var require_create4 = __commonJS({
     module2.exports = __toCommonJS2(create_exports);
     var import_node = __toESM2(require_node2(), 1);
     var import_tree = require_tree();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_event = require_cjs6();
     var import_render = require_cjs11();
     var import_state2 = require_cjs8();
@@ -18566,9 +18579,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_utils28.deepClone)(element.props);
+      ref.__initialProps = (0, import_utils27.deepClone)(element.props);
       applyContext(element, parent, options);
-      (0, import_utils28.applyComponentFromContext)(element, parent, options);
+      (0, import_utils27.applyComponentFromContext)(element, parent, options);
       if (!ref.__skipCreate) {
         (0, import_extend.applyExtend)(element, parent, options);
       }
@@ -18597,7 +18610,7 @@ var require_create4 = __commonJS({
         return element;
       (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
       (0, import_classList.assignKeyAsClassname)(element);
-      (0, import_utils28.addChildrenIfNotInOriginal)(element, parent, key);
+      (0, import_utils27.addChildrenIfNotInOriginal)(element, parent, key);
       renderElement(element, parent, options, attachOptions);
       addElementIntoParentChildren(element, parent);
       (0, import_event.triggerEventOn)("complete", element, options);
@@ -18610,7 +18623,7 @@ var require_create4 = __commonJS({
         }
         return {};
       }
-      if ((0, import_utils28.isString)(key) && key.slice(0, 2 === "__")) {
+      if ((0, import_utils27.isString)(key) && key.slice(0, 2 === "__")) {
         if (ENV3 === "test" || ENV3 === "development") {
           console.warn(key, "seems like to be in __ref");
         }
@@ -18632,8 +18645,8 @@ var require_create4 = __commonJS({
         else
           element.syntaxv3 = true;
         return (0, import_component.createValidDomqlObjectFromSugar)(element, parent, key, options);
-      } else if ((0, import_utils28.checkIfKeyIsComponent)(key)) {
-        return (0, import_utils28.applyKeyComponentAsExtend)(elementWrapper, parent, key);
+      } else if ((0, import_utils27.checkIfKeyIsComponent)(key)) {
+        return (0, import_utils27.applyKeyComponentAsExtend)(elementWrapper, parent, key);
       }
       if (checkIfMedia(key)) {
         return applyMediaProps2(elementWrapper, parent, key);
@@ -18643,7 +18656,7 @@ var require_create4 = __commonJS({
     var redefineParent = (element, parent, key, options) => {
       if (!parent)
         return import_tree.ROOT;
-      if ((0, import_utils28.isNode)(parent)) {
+      if ((0, import_utils27.isNode)(parent)) {
         const parentNodeWrapper = { key: ":root", node: parent };
         import_tree.ROOT[`${key}_parent`] = parentNodeWrapper;
         return parentNodeWrapper;
@@ -18657,7 +18670,7 @@ var require_create4 = __commonJS({
       }
     };
     var createKey = (element, parent, key) => {
-      return ((0, import_utils28.exec)(key, element) || key || element.key || (0, import_utils28.generateKey)()).toString();
+      return ((0, import_utils27.exec)(key, element) || key || element.key || (0, import_utils27.generateKey)()).toString();
     };
     var addRef = (element, parent) => {
       if (element.__ref)
@@ -18687,7 +18700,7 @@ var require_create4 = __commonJS({
       visitedElements.set(element, true);
       const { __ref: ref, key } = element;
       try {
-        const isInfiniteLoopDetected = (0, import_utils28.detectInfiniteLoop)(ref.path);
+        const isInfiniteLoopDetected = (0, import_utils27.detectInfiniteLoop)(ref.path);
         if (ref.__uniqId || isInfiniteLoopDetected)
           return;
         (0, import_node.default)(element, options);
@@ -18719,12 +18732,12 @@ var require_create4 = __commonJS({
       (0, import_event.triggerEventOn)("done", element, options);
       (0, import_event.triggerEventOn)("create", element, options);
     };
-    var checkIfPrimitive = (element) => (0, import_utils28.is)(element)("string", "number");
+    var checkIfPrimitive = (element) => (0, import_utils27.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_utils28.HTML_TAGS.body.indexOf(key) > -1 && key;
+      const isKeyValidHTMLTag = import_utils27.HTML_TAGS.body.indexOf(key) > -1 && key;
       return {
         text: element,
         tag: extendTag || childExtendTag || childPropsTag || isKeyValidHTMLTag || "string"
@@ -18744,7 +18757,7 @@ var require_create4 = __commonJS({
     };
     var createIfConditionFlag = (element, parent) => {
       const { __ref: ref } = element;
-      if ((0, import_utils28.isFunction)(element.if) && !element.if(element, element.state, element.context)) {
+      if ((0, import_utils27.isFunction)(element.if) && !element.if(element, element.state, element.context)) {
         delete ref.__if;
       } else
         ref.__if = true;
@@ -18772,7 +18785,7 @@ var require_create4 = __commonJS({
         ref.__changes = [];
       if (!ref.__children)
         ref.__children = [];
-      if ((0, import_utils28.checkIfKeyIsComponent)(key))
+      if ((0, import_utils27.checkIfKeyIsComponent)(key))
         ref.__componentKey = key.split("_")[0].split(".")[0].split("+")[0];
       const hasRoot = parent && parent.key === ":root";
       if (!ref.root)
@@ -18808,7 +18821,7 @@ var require_create4 = __commonJS({
         (0, import_iterate.throughInitialDefine)(element);
         (0, import_iterate.throughInitialExec)(element);
         for (const k in element) {
-          if ((0, import_utils28.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils28.isObject)((import_mixins.registry.default || import_mixins.registry)[k]) || (0, import_utils28.isVariant)(k))
+          if ((0, import_utils27.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils27.isObject)((import_mixins.registry.default || import_mixins.registry)[k]) || (0, import_utils27.isVariant)(k))
             continue;
           const hasDefine = element.define && element.define[k];
           const contextHasDefine = element.context && element.context.define && element.context.define[k];
@@ -18816,7 +18829,7 @@ var require_create4 = __commonJS({
           if (!ref.__skipCreate && import_mixins.REGISTRY[k] && !optionsHasDefine) {
             continue;
           } else if (element[k] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
-            create2((0, import_utils28.exec)(element[k], element), element, k, options);
+            create2((0, import_utils27.exec)(element[k], element), element, k, options);
           }
         }
       }
@@ -22574,14 +22587,14 @@ function send(event = "change", changes, options) {
 function disconnect() {
   this.disconnect();
 }
-var utils, globals, isFunction2, isArray3, window3, ENV, defautlOpts, CONNECT_ATTEPT, CONNECT_ATTEPT_MAX_ALLOWED, getIsDev, getSocketUrl, connect;
+var utils, globals, isFunction, isArray3, window3, ENV, defautlOpts, CONNECT_ATTEPT, CONNECT_ATTEPT_MAX_ALLOWED, getIsDev, getSocketUrl, connect;
 var init_client = __esm({
   "../socket/client.js"() {
     "use strict";
     utils = __toESM(require_cjs(), 1);
     globals = __toESM(require_cjs9(), 1);
     init_esm5();
-    ({ isFunction: isFunction2, isArray: isArray3 } = utils.default || utils);
+    ({ isFunction, isArray: isArray3 } = utils.default || utils);
     ({ window: window3 } = globals.default || globals);
     ENV = "development";
     defautlOpts = {};
@@ -22617,7 +22630,7 @@ var init_client = __esm({
         }
         socket.emit("initConnect", { key, ...options });
         try {
-          if (isFunction2(options.onConnect)) {
+          if (isFunction(options.onConnect)) {
             options.onConnect(socket.id, socket);
           }
         } catch (e) {
@@ -22627,7 +22640,7 @@ var init_client = __esm({
       socket.on("connect_error", (err) => {
         console.log(`event: connect_error | reason: ${err.message}`);
         try {
-          if (isFunction2(options.onError))
+          if (isFunction(options.onError))
             options.onError(err, socket);
           if (CONNECT_ATTEPT < CONNECT_ATTEPT_MAX_ALLOWED) {
             CONNECT_ATTEPT++;
@@ -22649,7 +22662,7 @@ var init_client = __esm({
       socket.on("disconnect", (reason) => {
         console.log(`event: disconnect | reason: ${reason}`);
         try {
-          if (isFunction2(options.onDisconnect))
+          if (isFunction(options.onDisconnect))
             options.onDisconnect(reason, socket);
         } catch (e) {
           console.error(e);
@@ -22659,7 +22672,7 @@ var init_client = __esm({
         if (event === "connect")
           return;
         try {
-          if (isFunction2(options.onChange)) {
+          if (isFunction(options.onChange)) {
             options.onChange(event, args[0], socket);
           }
         } catch (e) {
@@ -22817,10 +22830,10 @@ var require_Inspect = __commonJS({
     });
     module2.exports = __toCommonJS2(Inspect_exports);
     var smblsUI = __toESM2((init_uikit(), __toCommonJS(uikit_exports)), 1);
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_client = (init_client(), __toCommonJS(client_exports));
     function returnStringExtend(extend) {
-      return (0, import_utils28.isString)(extend) ? extend : (0, import_utils28.isArray)(extend) ? extend.find((extItem) => (0, import_utils28.isString)(extItem)) : "";
+      return (0, import_utils27.isString)(extend) ? extend : (0, import_utils27.isArray)(extend) ? extend.find((extItem) => (0, import_utils27.isString)(extItem)) : "";
     }
     function getComponentKey(el) {
       if (!el)
@@ -22907,7 +22920,7 @@ var require_Inspect = __commonJS({
         on: {
           init: ({ context }) => {
             const { components } = context;
-            if ((0, import_utils28.isObject)(components)) {
+            if ((0, import_utils27.isObject)(components)) {
               const { Content, ...rest } = components;
               for (const key in rest) {
                 if (smblsUI[key])
@@ -23038,7 +23051,7 @@ var require_cjs14 = __commonJS({
     var import_init3 = (init_init(), __toCommonJS(init_exports));
     var import_client = (init_client(), __toCommonJS(client_exports));
     var import_globals = require_cjs9();
-    var import_utils28 = require_cjs();
+    var import_utils27 = require_cjs();
     var import_Notifications = require_Notifications();
     var import_Inspect = require_Inspect();
     __reExport2(sync_exports, require_DefaultSyncApp(), module2.exports);
@@ -23062,16 +23075,16 @@ var require_cjs14 = __commonJS({
           const { state, designSystem, pages, components, snippets, functions } = obj.DATA;
           const { utils: utils2 } = ctx;
           if (pages) {
-            (0, import_utils28.overwriteShallow)(ctx.pages, pages);
+            (0, import_utils27.overwriteShallow)(ctx.pages, pages);
           }
           if (components) {
-            (0, import_utils28.overwriteShallow)(ctx.components, components);
+            (0, import_utils27.overwriteShallow)(ctx.components, components);
           }
           if (functions) {
-            (0, import_utils28.overwriteShallow)(ctx.functions, functions);
+            (0, import_utils27.overwriteShallow)(ctx.functions, functions);
           }
           if (snippets) {
-            (0, import_utils28.overwriteShallow)(ctx.snippets, snippets);
+            (0, import_utils27.overwriteShallow)(ctx.snippets, snippets);
           }
           if (state) {
             const route = state.route;
@@ -23296,7 +23309,7 @@ var require_types2 = __commonJS({
       isBoolean: () => isBoolean2,
       isDate: () => isDate,
       isDefined: () => isDefined2,
-      isFunction: () => isFunction3,
+      isFunction: () => isFunction2,
       isNot: () => isNot2,
       isNull: () => isNull,
       isNumber: () => isNumber3,
@@ -23314,7 +23327,7 @@ var require_types2 = __commonJS({
     };
     var isString11 = (arg) => typeof arg === "string";
     var isNumber3 = (arg) => typeof arg === "number";
-    var isFunction3 = (arg) => typeof arg === "function";
+    var isFunction2 = (arg) => typeof arg === "function";
     var isBoolean2 = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
     var isArray4 = (arg) => Array.isArray(arg);
@@ -23325,7 +23338,7 @@ var require_types2 = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject11(arg) || isObjectLike4(arg) || isString11(arg) || isNumber3(arg) || isFunction3(arg) || isArray4(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
+      return isObject11(arg) || isObjectLike4(arg) || isString11(arg) || isNumber3(arg) || isFunction2(arg) || isArray4(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined11 = (arg) => {
       return arg === void 0;
@@ -23338,7 +23351,7 @@ var require_types2 = __commonJS({
       date: isDate,
       number: isNumber3,
       null: isNull,
-      function: isFunction3,
+      function: isFunction2,
       objectLike: isObjectLike4,
       node: import_node.isNode,
       htmlElement: import_node.isHtmlElement,
@@ -24502,21 +24515,21 @@ var require_cookie2 = __commonJS({
     });
     module2.exports = __toCommonJS2(cookie_exports);
     var import_types = require_types2();
-    var import_utils28 = require_cjs15();
+    var import_utils27 = require_cjs15();
     var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
     var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(import_utils28.document) || (0, import_types.isUndefined)(import_utils28.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils27.document) || (0, import_types.isUndefined)(import_utils27.document.cookie))
         return;
       const d = /* @__PURE__ */ new Date();
       d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
       const expires = `expires=${d.toUTCString()}`;
-      import_utils28.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+      import_utils27.document.cookie = `${cname}=${cvalue};${expires};path=/`;
     };
     var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils28.document) || (0, import_types.isUndefined)(import_utils28.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils27.document) || (0, import_types.isUndefined)(import_utils27.document.cookie))
         return;
       const name = `${cname}=`;
-      const decodedCookie = decodeURIComponent(import_utils28.document.cookie);
+      const decodedCookie = decodeURIComponent(import_utils27.document.cookie);
       const ca = decodedCookie.split(";");
       for (let i = 0; i < ca.length; i++) {
         let c = ca[i];
@@ -24528,9 +24541,9 @@ var require_cookie2 = __commonJS({
       return "";
     };
     var removeCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils28.document) || (0, import_types.isUndefined)(import_utils28.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils27.document) || (0, import_types.isUndefined)(import_utils27.document.cookie))
         return;
-      import_utils28.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+      import_utils27.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
     };
     function getLocalStorage(key) {
       let savedJSON;
@@ -25271,7 +25284,7 @@ __export(src_exports, {
   default: () => src_default
 });
 module.exports = __toCommonJS(src_exports);
-var import_utils27 = __toESM(require_cjs(), 1);
+var import_utils26 = __toESM(require_cjs(), 1);
 
 // src/utilImports.js
 var utilImports_exports = {};
@@ -25292,7 +25305,7 @@ __reExport(utilImports_exports, __toESM(require_cjs7(), 1));
 
 // src/router.js
 var import_router2 = __toESM(require_cjs7(), 1);
-var import_utils18 = __toESM(require_cjs(), 1);
+var import_utils17 = __toESM(require_cjs(), 1);
 init_uikit();
 var DEFAULT_ROUTING_OPTIONS = {
   initRouter: true,
@@ -25305,16 +25318,16 @@ var initRouter = (element, context) => {
   else if (context.router === true)
     context.router = DEFAULT_ROUTING_OPTIONS;
   else
-    (0, import_utils18.merge)(context.router || {}, DEFAULT_ROUTING_OPTIONS);
+    (0, import_utils17.merge)(context.router || {}, DEFAULT_ROUTING_OPTIONS);
   const routerOptions = context.router;
   const router = context.utils && context.utils.router ? context.utils.router : import_router2.router;
   const onRouterRenderDefault = (el, s) => {
-    const { pathname, search, hash: hash3 } = import_utils18.window.location;
+    const { pathname, search, hash: hash3 } = import_utils17.window.location;
     const url2 = pathname + search + hash3;
     if (el.routes)
       router(url2, el, {}, { initialRender: true });
   };
-  const hasRenderRouter = element.on && !(0, import_utils18.isUndefined)(element.on.renderRouter);
+  const hasRenderRouter = element.on && !(0, import_utils17.isUndefined)(element.on.renderRouter);
   if (routerOptions && routerOptions.initRouter && !hasRenderRouter) {
     if (element.on) {
       element.on.renderRouter = onRouterRenderDefault;
@@ -25336,20 +25349,20 @@ var popStateRouter = (element, context) => {
   if (!routerOptions.popState)
     return;
   const router = context.utils && context.utils.router ? context.utils.router : import_router2.router;
-  import_utils18.window.onpopstate = (e) => {
-    const { pathname, search, hash: hash3 } = import_utils18.window.location;
+  import_utils17.window.onpopstate = (e) => {
+    const { pathname, search, hash: hash3 } = import_utils17.window.location;
     const url2 = pathname + search + hash3;
     router(url2, element, {}, { pushState: false, scrollToTop: false, level: 0 });
   };
 };
 var injectRouterInLinkComponent = (routerOptions) => {
   if (routerOptions && routerOptions.injectRouterInLinkComponent) {
-    return (0, import_utils18.deepMerge)(Link, RouterLink);
+    return (0, import_utils17.deepMerge)(Link, RouterLink);
   }
 };
 
 // src/ferchOnCreate.js
-var import_utils19 = __toESM(require_cjs(), 1);
+var import_utils18 = __toESM(require_cjs(), 1);
 var import_fetch = __toESM(require_cjs10(), 1);
 var fetchSync = async (key, options) => {
   if (key && options.editor) {
@@ -25366,10 +25379,10 @@ var fetchAsync = (app, key, options, callback) => {
     try {
       if (options.editor.async) {
         (0, import_fetch.fetchProjectAsync)(key, options, callback || ((data) => {
-          if ((0, import_utils19.isObject)(data.designsystem)) {
+          if ((0, import_utils18.isObject)(data.designsystem)) {
             options.utils.init(data.designsystem);
           }
-          if ((0, import_utils19.isObject)(data.state)) {
+          if ((0, import_utils18.isObject)(data.state)) {
             app.state.set(data.state);
           }
         }));
@@ -25434,19 +25447,19 @@ init_dynamic();
 // src/createDomql.js
 var import_domql = __toESM(require_cjs13(), 1);
 init_uikit();
-var import_utils26 = __toESM(require_cjs(), 1);
+var import_utils25 = __toESM(require_cjs(), 1);
 
 // src/syncExtend.js
-var import_utils20 = __toESM(require_cjs(), 1);
+var import_utils19 = __toESM(require_cjs(), 1);
 var import_sync = __toESM(require_cjs14(), 1);
 var initializeExtend = (app, ctx) => {
-  return (0, import_utils20.isObjectLike)(app.extend) ? app.extend : [];
+  return (0, import_utils19.isObjectLike)(app.extend) ? app.extend : [];
 };
 var initializeSync = (app, ctx) => {
   const { editor } = ctx;
   if (!editor)
     return;
-  const liveSync = (0, import_utils20.isUndefined)(editor.liveSync) ? (0, import_utils20.isDevelopment)() : editor.liveSync;
+  const liveSync = (0, import_utils19.isUndefined)(editor.liveSync) ? (0, import_utils19.isDevelopment)() : editor.liveSync;
   if (liveSync)
     app.extend.push(import_sync.SyncComponent);
 };
@@ -25454,7 +25467,7 @@ var initializeInspect = (app, ctx) => {
   const { editor } = ctx;
   if (!editor)
     return;
-  const inspect = (0, import_utils20.isUndefined)(editor.inspect) ? (0, import_utils20.isDevelopment)() : editor.inspect;
+  const inspect = (0, import_utils19.isUndefined)(editor.inspect) ? (0, import_utils19.isDevelopment)() : editor.inspect;
   if (inspect)
     app.extend.push(import_sync.Inspect);
 };
@@ -25462,19 +25475,19 @@ var initializeNotifications = (app, ctx) => {
   const { editor } = ctx;
   if (!editor)
     return;
-  const verbose = (0, import_utils20.isUndefined)(editor.verbose) ? (0, import_utils20.isDevelopment)() || ctx.verbose : editor.verbose;
+  const verbose = (0, import_utils19.isUndefined)(editor.verbose) ? (0, import_utils19.isDevelopment)() || ctx.verbose : editor.verbose;
   if (verbose)
     app.extend.push(import_sync.Notifications);
 };
 
 // src/prepare.js
-var import_utils25 = __toESM(require_cjs(), 1);
+var import_utils24 = __toESM(require_cjs(), 1);
 
 // ../../../domql/plugins/emotion/index.js
-var import_utils23 = __toESM(require_cjs());
+var import_utils22 = __toESM(require_cjs());
 
 // ../../../domql/node_modules/@domql/classlist/index.js
-var import_utils21 = __toESM(require_cjs15());
+var import_utils20 = __toESM(require_cjs15());
 var classify = (obj, element) => {
   let className = "";
   for (const item in obj) {
@@ -25484,7 +25497,7 @@ var classify = (obj, element) => {
     else if (typeof param === "string")
       className += ` ${param}`;
     else if (typeof param === "function") {
-      className += ` ${(0, import_utils21.exec)(param, element)}`;
+      className += ` ${(0, import_utils20.exec)(param, element)}`;
     }
   }
   return className;
@@ -25495,9 +25508,9 @@ var classList = (params, element) => {
   const { key } = element;
   if (params === true)
     params = element.class = { key };
-  if ((0, import_utils21.isString)(params))
+  if ((0, import_utils20.isString)(params))
     params = element.class = { default: params };
-  if ((0, import_utils21.isObject)(params))
+  if ((0, import_utils20.isObject)(params))
     params = classify(params, element);
   const className = params.replace(/\s+/g, " ").trim();
   if (element.ref)
@@ -26852,9 +26865,9 @@ var classnames3 = function classnames4(args) {
 // ../../../domql/plugins/emotion/index.js
 var transformEmotionStyle = (emotion2) => {
   return (params, element, state) => {
-    const execParams = (0, import_utils23.exec)(params, element);
+    const execParams = (0, import_utils22.exec)(params, element);
     if (params) {
-      if ((0, import_utils23.isObjectLike)(element.class))
+      if ((0, import_utils22.isObjectLike)(element.class))
         element.class.elementStyle = execParams;
       else
         element.class = { elementStyle: execParams };
@@ -26868,7 +26881,7 @@ var transformEmotionClass = (emotion2) => {
       return;
     const { __ref } = element;
     const { __class, __classNames } = __ref;
-    if (!(0, import_utils23.isObjectLike)(params))
+    if (!(0, import_utils22.isObjectLike)(params))
       return;
     if (element.props.class) {
       __classNames.classProps = element.props.class;
@@ -26877,20 +26890,20 @@ var transformEmotionClass = (emotion2) => {
       __classNames.class = element.attr.class;
     }
     for (const key in params) {
-      const prop = (0, import_utils23.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_utils23.isEqualDeep)(__class[key], prop);
+      const isEqual = (0, import_utils22.isEqualDeep)(__class[key], prop);
       if (!isEqual) {
-        if (!(0, import_utils23.isProduction)() && (0, import_utils23.isObject)(prop))
+        if (!(0, import_utils22.isProduction)() && (0, import_utils22.isObject)(prop))
           prop.label = key || element.key;
         let className;
-        if ((0, import_utils23.isString)(prop) || (0, import_utils23.isNumber)(prop))
+        if ((0, import_utils22.isString)(prop) || (0, import_utils22.isNumber)(prop))
           className = prop;
-        else if ((0, import_utils23.isBoolean)(prop))
+        else if ((0, import_utils22.isBoolean)(prop))
           className = element.key;
         else
           className = emotion2.css(prop);
@@ -26913,7 +26926,7 @@ var transformDOMQLEmotion = (emotion2, options) => {
 // src/initEmotion.js
 init_emotion();
 init_init();
-var import_utils24 = __toESM(require_cjs(), 1);
+var import_utils23 = __toESM(require_cjs(), 1);
 
 // ../default-config/src/index.js
 var import_default_icons = __toESM(require_cjs16());
@@ -27307,7 +27320,7 @@ var initEmotion = (key, options = {}) => {
   if (!initOptions.emotion)
     initOptions.emotion = emotion;
   const registry = options.registry || transformDOMQLEmotion(initOptions.emotion, options);
-  const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils24.deepMerge)(options.designSystem, (0, import_utils24.deepClone)(DEFAULT_CONFIG)) : options.designSystem || (0, import_utils24.deepClone)(DEFAULT_CONFIG);
+  const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils23.deepMerge)(options.designSystem, (0, import_utils23.deepClone)(DEFAULT_CONFIG)) : options.designSystem || (0, import_utils23.deepClone)(DEFAULT_CONFIG);
   const scratchSystem2 = init(designSystem, {
     key,
     emotion: emotion2,
@@ -27340,7 +27353,7 @@ var UIkitWithPrefix = () => {
   const newObj = {};
   for (const key in uikit_exports) {
     if (Object.prototype.hasOwnProperty.call(uikit_exports, key)) {
-      if ((0, import_utils25.checkIfKeyIsComponent)(key)) {
+      if ((0, import_utils24.checkIfKeyIsComponent)(key)) {
         newObj[`smbls.${key}`] = uikit_exports[key];
       } else {
         newObj[key] = uikit_exports[key];
@@ -27427,7 +27440,7 @@ var prepareRequire = (packages, ctx) => {
     return windowOpts2.require(key);
   };
   if (windowOpts.packages) {
-    windowOpts.packages = (0, import_utils25.merge)(windowOpts.packages, packages);
+    windowOpts.packages = (0, import_utils24.merge)(windowOpts.packages, packages);
   } else {
     windowOpts.packages = packages;
   }
@@ -27449,12 +27462,12 @@ var prepareState = (app, context) => {
   if (context.state)
     utilImports_exports.deepMerge(state, context.state);
   if (app && app.state)
-    (0, import_utils25.deepMerge)(state, app.state);
-  return (0, import_utils25.deepClone)(state);
+    (0, import_utils24.deepMerge)(state, app.state);
+  return (0, import_utils24.deepClone)(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_utils24.isObject)(app.routes) && (0, import_utils24.isObject)(context.pages)) {
+    (0, import_utils24.merge)(app.routes, context.pages);
   }
   const pages = app.routes || context.pages || {};
   return Object.keys(pages).filter((v) => !v.startsWith("/")).reduce((pages2, v) => {
@@ -27486,7 +27499,7 @@ var initAnimationFrame = () => {
 
 // src/createDomql.js
 var prepareContext = (app, context = {}) => {
-  const key = context.key = context.key || ((0, import_utils26.isString)(app) ? app : "smblsapp");
+  const key = context.key = context.key || ((0, import_utils25.isString)(app) ? app : "smblsapp");
   context.define = context.define || defaultDefine;
   context.window = prepareWindow(context);
   const [scratcDesignSystem, emotion2, registry] = prepareDesignSystem(key, context);
@@ -27505,17 +27518,17 @@ var prepareContext = (app, context = {}) => {
   return context;
 };
 var createDomqlElement = (app, ctx) => {
-  if (!(0, import_utils26.isObject)(ctx))
+  if (!(0, import_utils25.isObject)(ctx))
     ctx = {};
-  if ((0, import_utils26.isNode)(app)) {
+  if ((0, import_utils25.isNode)(app)) {
     app = {};
     ctx.parent = app;
   }
-  if ((0, import_utils26.isString)(app)) {
+  if ((0, import_utils25.isString)(app)) {
     app = {};
     ctx.key = app;
   }
-  if (!(0, import_utils26.isObject)(app)) {
+  if (!(0, import_utils25.isObject)(app)) {
     app = {};
   }
   prepareContext(app, ctx);
@@ -27544,9 +27557,9 @@ var createDomqlElement = (app, ctx) => {
 };
 
 // src/index.js
-var mergeWithLocalFile2 = (options, optionsExternalFile) => (0, import_utils27.deepMerge)(
+var mergeWithLocalFile2 = (options, optionsExternalFile) => (0, import_utils26.deepMerge)(
   options,
-  (0, import_utils27.isObject)(optionsExternalFile) ? optionsExternalFile : dynamic_default || {}
+  (0, import_utils26.isObject)(optionsExternalFile) ? optionsExternalFile : dynamic_default || {}
 );
 var create = (App, options = options_default, optionsExternalFile) => {
   const redefinedOptions = { ...options_default, ...mergeWithLocalFile2(options, optionsExternalFile) };
@@ -27575,10 +27588,10 @@ var createSync = async (App, options = options_default, optionsExternalFile) =>
 var createSkeleton = (App = {}, options = options_default, optionsExternalFile) => {
   return create(
     {
-      deps: { isUndefined: import_utils27.isUndefined },
+      deps: { isUndefined: import_utils26.isUndefined },
       ...App
     },
-    (0, import_utils27.deepMerge)({ domqlOptions: { onlyResolveExtends: true } }, options),
+    (0, import_utils26.deepMerge)({ domqlOptions: { onlyResolveExtends: true } }, options),
     optionsExternalFile
   );
 };