npm - @symbo.ls/create - Versions diffs - 2.11.487 → 2.11.488 - Mend

@symbo.ls/create 2.11.487 → 2.11.488

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/cjs/bundle/index.js +407 -424
package/package.json +4 -4

package/dist/cjs/bundle/index.js CHANGED Viewed

@@ -223,7 +223,7 @@ var require_types = __commonJS({
       isNumber: () => isNumber3,
       isObject: () => isObject11,
       isObjectLike: () => isObjectLike4,
-      isString: () => isString11,
+      isString: () => isString10,
       isUndefined: () => isUndefined11
     });
     module2.exports = __toCommonJS2(types_exports);
@@ -233,7 +233,7 @@ var require_types = __commonJS({
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString11 = (arg) => typeof arg === "string";
+    var isString10 = (arg) => typeof arg === "string";
     var isNumber3 = (arg) => typeof arg === "number";
     var isFunction2 = (arg) => typeof arg === "function";
     var isBoolean2 = (arg) => arg === true || arg === false;
@@ -246,7 +246,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject11(arg) || isObjectLike4(arg) || isString11(arg) || isNumber3(arg) || isFunction2(arg) || isArray4(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
+      return isObject11(arg) || isObjectLike4(arg) || isString10(arg) || isNumber3(arg) || isFunction2(arg) || isArray4(arg) || isObjectLike4(arg) || isBoolean2(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined11 = (arg) => {
       return arg === void 0;
@@ -255,7 +255,7 @@ var require_types = __commonJS({
       boolean: isBoolean2,
       array: isArray4,
       object: isObject11,
-      string: isString11,
+      string: isString10,
       date: isDate,
       number: isNumber3,
       null: isNull,
@@ -461,7 +461,7 @@ var require_string = __commonJS({
       encodeNewlines: () => encodeNewlines,
       findKeyPosition: () => findKeyPosition,
       lowercaseFirstLetter: () => lowercaseFirstLetter,
-      replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields2,
+      replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
       replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
@@ -483,7 +483,7 @@ var require_string = __commonJS({
       2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
       3: /\{\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}\}/g
     };
-    var replaceLiteralsWithObjectFields2 = (str, state, options = {}) => {
+    var replaceLiteralsWithObjectFields = (str, state, options = {}) => {
       if (!str.includes(options.bracketsLength === 3 ? "{{{" : "{{"))
         return str;
       const reg = brackRegex[options.bracketsLength || 2];
@@ -1405,21 +1405,21 @@ var require_cookie = __commonJS({
     });
     module2.exports = __toCommonJS2(cookie_exports);
     var import_types = require_types();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
     var setCookie = (cname, cvalue, exdays = 365) => {
-      if ((0, import_types.isUndefined)(import_utils26.document) || (0, import_types.isUndefined)(import_utils26.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils25.document) || (0, import_types.isUndefined)(import_utils25.document.cookie))
         return;
       const d = /* @__PURE__ */ new Date();
       d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1e3);
       const expires = `expires=${d.toUTCString()}`;
-      import_utils26.document.cookie = `${cname}=${cvalue};${expires};path=/`;
+      import_utils25.document.cookie = `${cname}=${cvalue};${expires};path=/`;
     };
     var getCookie = (cname) => {
-      if ((0, import_types.isUndefined)(import_utils26.document) || (0, import_types.isUndefined)(import_utils26.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils25.document) || (0, import_types.isUndefined)(import_utils25.document.cookie))
         return;
       const name = `${cname}=`;
-      const decodedCookie = decodeURIComponent(import_utils26.document.cookie);
+      const decodedCookie = decodeURIComponent(import_utils25.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_utils26.document) || (0, import_types.isUndefined)(import_utils26.document.cookie))
+      if ((0, import_types.isUndefined)(import_utils25.document) || (0, import_types.isUndefined)(import_utils25.document.cookie))
         return;
-      import_utils26.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+      import_utils25.document.cookie = cname + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
     };
     function getLocalStorage(key) {
       let savedJSON;
@@ -2393,7 +2393,7 @@ var require_cjs2 = __commonJS({
           encodeNewlines: () => encodeNewlines,
           findKeyPosition: () => findKeyPosition,
           lowercaseFirstLetter: () => lowercaseFirstLetter,
-          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields2,
+          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
           replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
           stringIncludesAny: () => stringIncludesAny,
           trimStringFromSymbols: () => trimStringFromSymbols
@@ -2415,7 +2415,7 @@ var require_cjs2 = __commonJS({
           2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
           3: /\{\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}\}/g
         };
-        var replaceLiteralsWithObjectFields2 = (str, state, options = {}) => {
+        var replaceLiteralsWithObjectFields = (str, state, options = {}) => {
           if (!str.includes(options.bracketsLength === 3 ? "{{{" : "{{"))
             return str;
           const reg = brackRegex[options.bracketsLength || 2];
@@ -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_cjs15(), 1);
-    var import_utils26 = __toESM2(require_cjs22(), 1);
+    var import_utils25 = __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_utils26.isString)(rgb) && rgb.includes("rgb"))
+      if ((0, import_utils25.isString)(rgb) && rgb.includes("rgb"))
         rgb = colorStringToRgbaArray(rgb).join(", ");
-      if ((0, import_utils26.isString)(rgb))
+      if ((0, import_utils25.isString)(rgb))
         rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-      if ((0, import_utils26.isNumber)(tone))
+      if ((0, import_utils25.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs2 = tone.slice(0, 1);
@@ -4648,7 +4648,7 @@ var require_cjs2 = __commonJS({
           encodeNewlines: () => encodeNewlines,
           findKeyPosition: () => findKeyPosition,
           lowercaseFirstLetter: () => lowercaseFirstLetter,
-          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields2,
+          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
           replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
           stringIncludesAny: () => stringIncludesAny,
           trimStringFromSymbols: () => trimStringFromSymbols
@@ -4670,7 +4670,7 @@ var require_cjs2 = __commonJS({
           2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
           3: /\{\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}\}/g
         };
-        var replaceLiteralsWithObjectFields2 = (str, state, options = {}) => {
+        var replaceLiteralsWithObjectFields = (str, state, options = {}) => {
           if (!str.includes(options.bracketsLength === 3 ? "{{{" : "{{"))
             return str;
           const reg = brackRegex[options.bracketsLength || 2];
@@ -6107,7 +6107,7 @@ var require_cjs2 = __commonJS({
       toggleFullscreen: () => toggleFullscreen
     });
     module2.exports = __toCommonJS22(src_exports3);
-    var import_utils27 = __toESM22(require_cjs32(), 1);
+    var import_utils26 = __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_utils27.isArray)(val))
+      if ((0, import_utils26.isArray)(val))
         return val;
-      if ((0, import_utils27.isString)(val))
+      if ((0, import_utils26.isString)(val))
         return val.split(" ");
-      if ((0, import_utils27.isObject)(val))
+      if ((0, import_utils26.isObject)(val))
         return Object.values(val);
-      if ((0, import_utils27.isNumber)(val))
+      if ((0, import_utils26.isNumber)(val))
         return [val];
     };
     var import_utils42 = __toESM2(require_cjs22(), 1);
@@ -7678,7 +7678,7 @@ var require_cjs2 = __commonJS({
         });
       }
     };
-    var import_utils272 = __toESM2(require_cjs22(), 1);
+    var import_utils27 = __toESM2(require_cjs22(), 1);
     var isBorderStyle = (str) => [
       "none",
       "hidden",
@@ -7726,7 +7726,7 @@ var require_cjs2 = __commonJS({
           return `var(${v})`;
         if (getColor2(v).length > 2) {
           const color = getMediaColor3(v, globalTheme);
-          if ((0, import_utils272.isObject)(color))
+          if ((0, import_utils27.isObject)(color))
             return Object.values(color).filter((v2) => v2.includes(": " + globalTheme))[0];
           return color;
         }
@@ -7754,7 +7754,7 @@ var require_cjs2 = __commonJS({
         return v;
       }).join(" ");
     };
-    var transfromGap2 = (gap) => (0, import_utils272.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey3(v, "gap").gap).join(" ");
+    var transfromGap2 = (gap) => (0, import_utils27.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey3(v, "gap").gap).join(" ");
     var transformTransition = (transition) => {
       const arr = transition.split(" ");
       if (!arr.length)
@@ -7772,7 +7772,7 @@ var require_cjs2 = __commonJS({
       }).join(" ");
     };
     var transformDuration2 = (duration, props4, propertyName) => {
-      if (!(0, import_utils272.isString)(duration))
+      if (!(0, import_utils27.isString)(duration))
         return;
       return duration.split(",").map((v) => getTimingByKey2(v).timing || v).join(",");
     };
@@ -7788,11 +7788,11 @@ var require_cjs2 = __commonJS({
     };
     var transformSize2 = (propertyName, val, props4 = {}, opts = {}) => {
       let value2 = val || props4[propertyName];
-      if ((0, import_utils272.isUndefined)(value2) && (0, import_utils272.isNull)(value2))
+      if ((0, import_utils27.isUndefined)(value2) && (0, import_utils27.isNull)(value2))
         return;
       const shouldScaleBoxSize = props4.scaleBoxSize;
       const isBoxSize = checkIfBoxSize(propertyName);
-      if (!shouldScaleBoxSize && isBoxSize && (0, import_utils272.isString)(value2)) {
+      if (!shouldScaleBoxSize && isBoxSize && (0, import_utils27.isString)(value2)) {
         value2 = value2.split(" ").map((v) => {
           const isSingleLetter = v.length < 3 && /[A-Z]/.test(v);
           const hasUnits = ["%", "vw", "vh", "ch"].some((unit) => value2.includes(unit));
@@ -8367,7 +8367,7 @@ var require_cjs3 = __commonJS({
           encodeNewlines: () => encodeNewlines,
           findKeyPosition: () => findKeyPosition,
           lowercaseFirstLetter: () => lowercaseFirstLetter,
-          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields2,
+          replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
           replaceOctalEscapeSequences: () => replaceOctalEscapeSequences,
           stringIncludesAny: () => stringIncludesAny,
           trimStringFromSymbols: () => trimStringFromSymbols
@@ -8389,7 +8389,7 @@ var require_cjs3 = __commonJS({
           2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
           3: /\{\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}\}/g
         };
-        var replaceLiteralsWithObjectFields2 = (str, state, options = {}) => {
+        var replaceLiteralsWithObjectFields = (str, state, options = {}) => {
           if (!str.includes(options.bracketsLength === 3 ? "{{{" : "{{"))
             return str;
           const reg = brackRegex[options.bracketsLength || 2];
@@ -9826,7 +9826,7 @@ var require_cjs3 = __commonJS({
       toggleFullscreen: () => toggleFullscreen
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_utils26 = __toESM2(require_cjs15(), 1);
+    var import_utils25 = __toESM2(require_cjs15(), 1);
     var toggleFullscreen = async (el) => {
       if (!document.fullscreenElement) {
         try {
@@ -9838,15 +9838,15 @@ var require_cjs3 = __commonJS({
         await document.exitFullscreen();
       }
     };
-    var import_utils27 = __toESM2(require_cjs15(), 1);
+    var import_utils26 = __toESM2(require_cjs15(), 1);
     var findClosestNumber = (number, arr) => {
-      return ((0, import_utils27.isArray)(arr) ? arr : Object.values(arr)).reduce((prev2, curr) => {
+      return ((0, import_utils26.isArray)(arr) ? arr : Object.values(arr)).reduce((prev2, curr) => {
         return Math.abs(curr - number) < Math.abs(prev2 - number) ? curr : prev2;
       });
     };
     var findClosestNumberInFactory = (val, factory) => {
       val = parseFloat(val);
-      if ((0, import_utils27.isObject)(factory))
+      if ((0, import_utils26.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_utils26.isArray)(val))
+      if ((0, import_utils25.isArray)(val))
         return val;
-      if ((0, import_utils26.isString)(val))
+      if ((0, import_utils25.isString)(val))
         return val.split(" ");
-      if ((0, import_utils26.isObject)(val))
+      if ((0, import_utils25.isObject)(val))
         return Object.values(val);
-      if ((0, import_utils26.isNumber)(val))
+      if ((0, import_utils25.isNumber)(val))
         return [val];
     };
   }
@@ -11531,13 +11531,13 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = 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_utils26.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils25.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_utils26.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils25.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_utils26.isFunction)(appliedFunction)) {
+        if ((0, import_utils25.isFunction)(appliedFunction)) {
           node2.addEventListener(param, (event) => {
             const { state, context } = element;
             appliedFunction.call(element, event, element, state, context, options);
@@ -11606,9 +11606,9 @@ var require_can = __commonJS({
     });
     module2.exports = __toCommonJS2(can_exports);
     var import_report = require_cjs4();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var canRenderTag = (tag) => {
-      return (0, import_utils26.isValidHtmlTag)(tag || "div") || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils25.isValidHtmlTag)(tag || "div") || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
@@ -11669,8 +11669,8 @@ var require_cjs6 = __commonJS({
     });
     module2.exports = __toCommonJS2(router_exports);
     var import_event = require_cjs5();
-    var import_utils26 = require_cjs();
-    var getActiveRoute = (level = 0, route = import_utils26.window.location.pathname) => {
+    var import_utils25 = require_cjs();
+    var getActiveRoute = (level = 0, route = import_utils25.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -11684,7 +11684,7 @@ var require_cjs6 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_utils26.document && import_utils26.document.documentElement,
+      scrollNode: import_utils25.document && import_utils25.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -11693,15 +11693,15 @@ var require_cjs6 = __commonJS({
       scrollToOptions: { behavior: "smooth" }
     };
     var router = (path, element, state = {}, options = {}) => {
-      const win = element.context.window || import_utils26.window;
-      const doc = element.context.document || import_utils26.document;
+      const win = element.context.window || import_utils25.window;
+      const doc = element.context.document || import_utils25.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_utils26.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils25.setContentKey)(element, opts);
       const urlObj = new win.URL(win.location.origin + path);
       const { pathname, search, hash: hash2 } = urlObj;
       const rootNode = element.node;
@@ -12129,10 +12129,10 @@ var init_Img = __esm({
       attr: {
         src: (el) => {
           const { props: props4, context } = el;
-          const { exec: exec6, isString: isString11, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2 } = context.utils;
+          const { exec: exec6, isString: isString10, replaceLiteralsWithObjectFields } = context.utils;
           let src = (props4.preSrc || "") + exec6(props4.src, el);
-          if (isString11(src) && src.includes("{{")) {
-            src = replaceLiteralsWithObjectFields2(src, el.state);
+          if (isString10(src) && src.includes("{{")) {
+            src = replaceLiteralsWithObjectFields(src, el.state);
           }
           let isUrl;
           try {
@@ -13061,11 +13061,11 @@ var require_methods = __commonJS({
       values: () => values
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_ignore = require_ignore();
     var parse3 = function() {
       const state = this;
-      if ((0, import_utils26.isObject)(state)) {
+      if ((0, import_utils25.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -13073,7 +13073,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils26.isArray)(state)) {
+      } else if ((0, import_utils25.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -13093,7 +13093,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils26.isString)(stateKey)) {
+      if ((0, import_utils25.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -13106,7 +13106,7 @@ var require_methods = __commonJS({
         for (const key in state.__children) {
           const child = state.__children[key];
           if (child.state) {
-            if ((0, import_utils26.isArray)(child.state)) {
+            if ((0, import_utils25.isArray)(child.state)) {
               Object.defineProperty(child.state, "parent", {
                 value: state.parent,
                 enumerable: false,
@@ -13140,10 +13140,10 @@ var require_methods = __commonJS({
     };
     var add = function(value2, options = {}) {
       const state = this;
-      if ((0, import_utils26.isArray)(state)) {
+      if ((0, import_utils25.isArray)(state)) {
         state.push(value2);
         state.update(state.parse(), { overwrite: true, ...options });
-      } else if ((0, import_utils26.isObject)(state)) {
+      } else if ((0, import_utils25.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value2 }, options);
       }
@@ -13154,41 +13154,41 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils26.isArray)(state))
-        (0, import_utils26.removeFromArray)(state, key);
-      if ((0, import_utils26.isObject)(state))
-        (0, import_utils26.removeFromObject)(state, key);
+      if ((0, import_utils25.isArray)(state))
+        (0, import_utils25.removeFromArray)(state, key);
+      if ((0, import_utils25.isObject)(state))
+        (0, import_utils25.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_utils26.deepClone)(val);
+      const value2 = (0, import_utils25.deepClone)(val);
       return state.clean({ preventStateUpdate: true, ...options }).update(value2, { replace: true, ...options });
     };
     var reset = function(options = {}) {
       const state = this;
-      const value2 = (0, import_utils26.deepClone)(state.parse());
+      const value2 = (0, import_utils25.deepClone)(state.parse());
       return state.set(value2, { replace: true, ...options });
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils26.isFunction)(func)) {
+      if ((0, import_utils25.isFunction)(func)) {
         const value2 = func(state);
         return state.update(value2, { replace: true, ...options });
       }
     };
     var applyReplace = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils26.isFunction)(func)) {
+      if ((0, import_utils25.isFunction)(func)) {
         const value2 = func(state);
         return state.replace(value2, options);
       }
     };
     var applyFunction = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils26.isFunction)(func)) {
+      if ((0, import_utils25.isFunction)(func)) {
         func(state);
         return state.update(state.parse(), { replace: true, ...options });
       }
@@ -13252,7 +13252,7 @@ var require_inherit = __commonJS({
       isState: () => isState2
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_ignore = require_ignore();
     var getRootStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("~/"))
@@ -13317,11 +13317,11 @@ var require_inherit = __commonJS({
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
-      if ((0, import_utils26.isUndefined)(inheritedState))
+      if ((0, import_utils25.isUndefined)(inheritedState))
         return element.state;
-      if ((0, import_utils26.is)(inheritedState)("object", "array")) {
-        return (0, import_utils26.deepClone)(inheritedState, { exclude: import_ignore.IGNORE_STATE_PARAMS });
-      } else if ((0, import_utils26.is)(inheritedState)("string", "number", "boolean")) {
+      if ((0, import_utils25.is)(inheritedState)("object", "array")) {
+        return (0, import_utils25.deepClone)(inheritedState, { exclude: import_ignore.IGNORE_STATE_PARAMS });
+      } else if ((0, import_utils25.is)(inheritedState)("string", "number", "boolean")) {
         ref.__stateType = typeof inheritedState;
         return { value: inheritedState };
       }
@@ -13330,12 +13330,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (stateKey && (0, import_utils26.is)(stateKey)("number", "string", "boolean"))
+      if (stateKey && (0, import_utils25.is)(stateKey)("number", "string", "boolean"))
         return true;
       return false;
     };
     var isState2 = function(state) {
-      if (!(0, import_utils26.isObjectLike)(state))
+      if (!(0, import_utils25.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;
     };
@@ -13384,7 +13384,7 @@ var require_updateState = __commonJS({
     var import_report = require_cjs4();
     var import_event = require_cjs5();
     var import_ignore = require_ignore();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -13399,7 +13399,7 @@ var require_updateState = __commonJS({
       if (options.onEach)
         options.onEach(element, state, element.context, options);
       if (!options.updateByState)
-        (0, import_utils26.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils25.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -13429,10 +13429,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow" || overwrite === "shallow-once";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils26.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils25.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils26.overwriteShallow : import_utils26.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils25.overwriteShallow : import_utils25.overwriteDeep;
       if (options.overwrite === "shallow-once")
         options.overwrite = true;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
@@ -13457,7 +13457,7 @@ var require_updateState = __commonJS({
       const changesValue = (0, import_inherit.createNestedObjectByKeyPath)(stateKey, passedValue);
       const targetParent = findRootState || findGrandParentState || parent.state;
       if (options.replace)
-        (0, import_utils26.overwriteDeep)(targetParent, changesValue || value2);
+        (0, import_utils25.overwriteDeep)(targetParent, changesValue || value2);
       targetParent.update(changesValue, {
         execStateFunction: false,
         isHoisted: true,
@@ -13526,7 +13526,7 @@ var require_create = __commonJS({
     });
     module2.exports = __toCommonJS2(create_exports);
     var import_event = require_cjs5();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -13546,7 +13546,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_utils26.isUndefined)(inheritedState) ? {} : inheritedState;
+        element.state = (0, import_utils25.isUndefined)(inheritedState) ? {} : inheritedState;
       }
       const dependentState = applyDependentState(element, element.state || parent.state || {});
       if (dependentState)
@@ -13557,12 +13557,12 @@ var require_create = __commonJS({
     };
     var applyDependentState = (element, state) => {
       const { __ref, ref, __element } = state;
-      const origState = (0, import_utils26.exec)(__ref || ref || (__element == null ? void 0 : __element.state), element);
+      const origState = (0, import_utils25.exec)(__ref || ref || (__element == null ? void 0 : __element.state), element);
       if (!origState)
         return;
-      const dependentState = (0, import_utils26.deepClone)(origState, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils25.deepClone)(origState, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      const __depends = (0, import_utils26.isObject)(origState.__depends) ? { ...origState.__depends, ...newDepends } : newDepends;
+      const __depends = (0, import_utils25.isObject)(origState.__depends) ? { ...origState.__depends, ...newDepends } : newDepends;
       if (Array.isArray(origState)) {
         addProtoToArray(origState, { ...Object.getPrototypeOf(origState), __depends });
       } else {
@@ -13573,10 +13573,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_utils26.isFunction)(state)) {
+      if ((0, import_utils25.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils26.exec)(state, element);
-      } else if ((0, import_utils26.is)(state)("string", "number")) {
+        return (0, import_utils25.exec)(state, element);
+      } else if ((0, import_utils25.is)(state)("string", "number")) {
         ref.__state = state;
         return { value: state };
       } else if (state === true) {
@@ -13631,7 +13631,7 @@ var require_create = __commonJS({
         __children: {},
         root: ref.root ? ref.root.state : state
       };
-      if ((0, import_utils26.isArray)(state)) {
+      if ((0, import_utils25.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -14464,10 +14464,10 @@ var init_Link = __esm({
       },
       attr: {
         href: (el, s, ctx) => {
-          const { isString: isString11, exec: exec6, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2 } = ctx.utils;
+          const { isString: isString10, exec: exec6, replaceLiteralsWithObjectFields } = ctx.utils;
           const href = exec6(el.props.href, el) || exec6(exec6(el.props, el).href, el);
-          if (isString11(href) && href.includes("{{")) {
-            return replaceLiteralsWithObjectFields2(href, s);
+          if (isString10(href) && href.includes("{{")) {
+            return replaceLiteralsWithObjectFields(href, s);
           }
           return href;
         },
@@ -14481,10 +14481,10 @@ var init_Link = __esm({
         click: (event, el, s) => {
           const { props: props4, context: ctx } = el;
           const { href: h, scrollToTop, stopPropagation } = props4;
-          const { exec: exec6, isString: isString11, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2, isDefined: isDefined2 } = ctx.utils;
+          const { exec: exec6, isString: isString10, replaceLiteralsWithObjectFields, isDefined: isDefined2 } = ctx.utils;
           let href = exec6(h, el, s);
-          if (isString11(href) && href.includes("{{")) {
-            href = replaceLiteralsWithObjectFields2(href, s);
+          if (isString10(href) && href.includes("{{")) {
+            href = replaceLiteralsWithObjectFields(href, s);
           }
           if (stopPropagation)
             event.stopPropagation();
@@ -14548,15 +14548,13 @@ var init_Video = __esm({
 });
 // ../uikit/Input/Input.js
-var import_utils15, Input;
+var Input;
 var init_Input = __esm({
   "../uikit/Input/Input.js"() {
     "use strict";
-    import_utils15 = __toESM(require_cjs());
     Input = {
       extend: ["Focusable"],
       tag: "input",
-      deps: { isString: import_utils15.isString, replaceLiteralsWithObjectFields: import_utils15.replaceLiteralsWithObjectFields },
       props: {
         border: "none",
         type: "input",
@@ -14574,11 +14572,9 @@ var init_Input = __esm({
         autocomplete: ({ props: props4 }) => props4.autocomplete,
         placeholder: ({ props: props4 }) => props4.placeholder,
         value: (el, s) => {
-          const { props: props4, state, deps } = el;
-          const { isString: isString11, exec: exec6, replaceLiteralsWithObjectFields: replaceLiteralsWithObjectFields2 } = deps;
-          const val = exec6(props4.value, el);
-          if (isString11(val) && val.includes("{{")) {
-            return replaceLiteralsWithObjectFields2(val, state);
+          const val = el.call("exec", el.props.value, el);
+          if (el.call("isString", val) && val.includes("{{")) {
+            return el.call("replaceLiteralsWithObjectFields", val, s);
           }
           return val;
         },
@@ -14597,9 +14593,8 @@ var NumberInput;
 var init_NumberInput = __esm({
   "../uikit/Input/NumberInput.js"() {
     "use strict";
-    init_Input();
     NumberInput = {
-      extend: ["Flex", Input],
+      extend: ["Flex", "Input"],
       props: {
         type: "number",
         boxSize: "C+X",
@@ -14638,35 +14633,29 @@ var init_Checkbox = __esm({
         round: "Y"
       },
       Input: {
-        props: {
-          type: "checkbox",
-          display: "none",
-          ":checked + div": { theme: "primary" },
-          ":checked + div > svg": {
-            transform: "none",
-            opacity: "1"
-          }
+        type: "checkbox",
+        display: "none",
+        ":checked + div": { theme: "primary" },
+        ":checked + div > svg": {
+          transform: "none",
+          opacity: "1"
         },
         attr: {
-          checked: ({ parent }) => parent.props.checked
+          checked: (el) => el.call("exec", el.parent.props.checked)
         }
       },
       Flex: {
-        props: {
-          align: "center center",
-          fontSize: "B1",
-          padding: "V",
-          theme: "field",
-          round: "X2",
-          transition: "background A defaultBezier"
-        },
+        align: "center center",
+        fontSize: "B1",
+        padding: "V",
+        theme: "field",
+        round: "X2",
+        transition: "background A defaultBezier",
         Icon: {
-          props: {
-            icon: "check",
-            opacity: "0",
-            transform: "scale(0.9) rotate(-15deg)",
-            transition: "opacity B defaultBezier"
-          }
+          icon: "check",
+          opacity: "0",
+          transform: "scale(0.9) rotate(-15deg)",
+          transition: "opacity B defaultBezier"
         }
       }
     };
@@ -14692,33 +14681,29 @@ var Radio, RadioHgroup;
 var init_Radio = __esm({
   "../uikit/Input/Radio.js"() {
     "use strict";
-    init_Checkbox();
     Radio = {
-      extend: Checkbox,
+      extend: "Checkbox",
       Input: {
         type: "radio",
         ":checked + div:after": { opacity: "1" }
       },
       Flex: {
-        extend: "Pseudo",
-        props: {
+        round: "100%",
+        padding: "Y",
+        ":after": {
+          content: '""',
+          display: "block",
+          boxSize: "X+W1",
           round: "100%",
-          padding: "Y",
-          ":after": {
-            content: '""',
-            display: "block",
-            boxSize: "X+W1",
-            round: "100%",
-            background: "white",
-            opacity: "0",
-            transition: "opacity .15s ease-in-out"
-          }
+          background: "white",
+          opacity: "0",
+          transition: "opacity .15s ease-in-out"
         },
         Icon: null
       }
     };
     RadioHgroup = {
-      extend: CheckboxHgroup,
+      extend: "CheckboxHgroup",
       Checkbox: null,
       Radio: {}
     };
@@ -14730,39 +14715,34 @@ var Toggle, ToggleHgroup;
 var init_Toggle = __esm({
   "../uikit/Input/Toggle.js"() {
     "use strict";
-    init_Checkbox();
     Toggle = {
-      extend: Checkbox,
+      extend: "Checkbox",
       Input: {
-        props: {
-          ":checked + div": {
-            background: "green2 +8",
-            justifyContent: "flex-end"
-          }
+        ":checked + div": {
+          background: "green2 +8",
+          justifyContent: "flex-end"
         }
       },
       Flex: {
-        props: {
-          boxSize: "A1 B1",
-          padding: "- W_default",
-          round: "D",
-          align: "center flex-start",
-          theme: "field",
-          border: "none",
-          transition: "opacity .15s ease",
-          ":after": {
-            content: '""',
-            boxSize: "A A",
-            round: "100%",
-            background: "white",
-            boxShadow: "1px, 1px, Z, gray .2"
-          }
+        boxSize: "A1 B1",
+        padding: "- W_default",
+        round: "D",
+        align: "center flex-start",
+        theme: "field",
+        border: "none",
+        transition: "opacity .15s ease",
+        ":after": {
+          content: '""',
+          boxSize: "A A",
+          round: "100%",
+          background: "white",
+          boxShadow: "1px, 1px, Z, gray .2"
         },
         Icon: null
       }
     };
     ToggleHgroup = {
-      extend: CheckboxHgroup,
+      extend: "CheckboxHgroup",
       Checkbox: null,
       Toggle: {}
     };
@@ -14774,11 +14754,9 @@ var Textarea, TextareaWithButton;
 var init_Textarea = __esm({
   "../uikit/Input/Textarea.js"() {
     "use strict";
-    init_Atoms();
-    init_Input();
     Textarea = {
       tag: "textarea",
-      extend: [Input, Flex],
+      extend: ["Input", "Flex"],
       props: {
         variant: "outlined",
         fontfamily: "Avenir",
@@ -14825,10 +14803,8 @@ var init_Textarea = __esm({
         minHeight: "fit-content"
       },
       SquareButton: {
-        props: {
-          background: "blue",
-          Icon: { name: "send" }
-        }
+        background: "blue",
+        Icon: { name: "send" }
       }
     };
   }
@@ -14971,7 +14947,7 @@ var init_Dialog = __esm({
         gap: "A"
       },
       Title: {
-        props: { align: "center space-between" },
+        align: "center space-between",
         Text: { text: "Title" },
         SquareButton: {
           icon: "x",
@@ -14979,7 +14955,7 @@ var init_Dialog = __esm({
         }
       },
       Paragraph: {
-        props: { color: "caption" }
+        color: "caption"
       }
     };
     DialogFooter = {
@@ -15023,11 +14999,11 @@ var init_Dialog = __esm({
 });
 // ../uikit/Tooltip/index.js
-var import_utils16, Tooltip, TooltipHidden, TooltipParent;
+var import_utils15, Tooltip, TooltipHidden, TooltipParent;
 var init_Tooltip = __esm({
   "../uikit/Tooltip/index.js"() {
     "use strict";
-    import_utils16 = __toESM(require_cjs());
+    import_utils15 = __toESM(require_cjs());
     Tooltip = {
       extend: "Flex",
       props: {
@@ -15046,7 +15022,7 @@ var init_Tooltip = __esm({
       },
       attr: { tooltip: true },
       Title: {
-        if: ({ parent, props: props4 }) => (0, import_utils16.isDefined)(parent.props.title) || props4.text,
+        if: ({ parent, props: props4 }) => (0, import_utils15.isDefined)(parent.props.title) || props4.text,
         width: "fit-content",
         fontWeight: 500,
         color: "gray12",
@@ -15064,13 +15040,14 @@ var init_Tooltip = __esm({
     };
     TooltipHidden = {
       extend: "Tooltip",
-      props: ({ props: props4 }) => ({
+      props: {
         position: "absolute",
         pointerEvents: "none",
         opacity: "0",
         visibility: "hidden",
         transition: "C defaultBezier opacity, C defaultBezier visibility, B defaultBezier transform",
-        ...props4.shapeDirection === "top" ? {
+        isTop: ({ props: props4 }) => !props4.shapeDirection || props4.shapeDirection === "top",
+        ".isTop": {
           top: "112%",
           left: "50%",
           transform: "translate3d(-50%,10%,0)",
@@ -15079,16 +15056,20 @@ var init_Tooltip = __esm({
             opacity: 1,
             visibility: "visible"
           }
-        } : props4.shapeDirection === "right" ? {
+        },
+        isRight: ({ props: props4 }) => props4.shapeDirection === "right",
+        ".isRight": {
           transform: "translate3d(10%,-50%,0)",
-          right: "112%",
+          left: "112%",
           top: "50%",
           ".active": {
             transform: "translate3d(0%,-50%,0)",
             opacity: 1,
             visibility: "visible"
           }
-        } : props4.shapeDirection === "bottom" ? {
+        },
+        isBottom: ({ props: props4 }) => props4.shapeDirection === "bottom",
+        ".isBottom": {
           transform: "translate3d(-50%,-10%,0)",
           bottom: "112%",
           left: "50%",
@@ -15097,9 +15078,11 @@ var init_Tooltip = __esm({
             opacity: 1,
             visibility: "visible"
           }
-        } : {
+        },
+        isLeft: ({ props: props4 }) => props4.shapeDirection === "left",
+        ".isLeft": {
           transform: "translate3d(10%,-50%,0)",
-          left: "112%",
+          right: "112%",
           top: "50%",
           ".active": {
             transform: "translate3d(0%,-50%,0)",
@@ -15107,7 +15090,7 @@ var init_Tooltip = __esm({
             visibility: "visible"
           }
         }
-      })
+      }
     };
     TooltipParent = {
       props: (el) => {
@@ -15657,11 +15640,11 @@ var require_tree = __commonJS({
       TREE: () => TREE
     });
     module2.exports = __toCommonJS2(tree_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_report = require_cjs4();
     var ROOT = {
       key: ":root",
-      node: import_utils26.document ? import_utils26.document.body : (0, import_report.report)("DocumentNotDefined", import_utils26.document)
+      node: import_utils25.document ? import_utils25.document.body : (0, import_report.report)("DocumentNotDefined", import_utils25.document)
     };
     var TREE = ROOT;
   }
@@ -15728,10 +15711,10 @@ var require_cache = __commonJS({
     module2.exports = __toCommonJS2(cache_exports);
     var import_report = require_cjs4();
     var import_event = require_cjs5();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var createHTMLNode = (element) => {
       const { tag, context } = element;
-      const doc = context.document || import_utils26.document;
+      const doc = context.document || import_utils25.document;
       if (tag) {
         if (tag === "string")
           return doc.createTextNode(element.text);
@@ -15747,16 +15730,16 @@ var require_cache = __commonJS({
     };
     var detectTag = (element) => {
       let { tag, key, props: props4 } = element;
-      tag = (0, import_utils26.exec)(tag, element);
+      tag = (0, import_utils25.exec)(tag, element);
       if (tag === true)
         tag = key;
-      if ((0, import_utils26.isObject)(props4) && (0, import_utils26.isString)(props4.tag)) {
-        const tagExists = (0, import_utils26.isValidHtmlTag)(props4.tag);
+      if ((0, import_utils25.isObject)(props4) && (0, import_utils25.isString)(props4.tag)) {
+        const tagExists = (0, import_utils25.isValidHtmlTag)(props4.tag);
         if (tagExists)
           return props4.tag;
       }
-      if ((0, import_utils26.isString)(tag)) {
-        if ((0, import_utils26.isValidHtmlTag)(tag))
+      if ((0, import_utils25.isString)(tag)) {
+        if ((0, import_utils25.isValidHtmlTag)(tag))
           return tag;
       } else {
         let keyAsTag = key.toLowerCase();
@@ -15764,7 +15747,7 @@ var require_cache = __commonJS({
           keyAsTag = keyAsTag.split(".")[0];
         if (keyAsTag.includes("_"))
           keyAsTag = keyAsTag.split("_")[0];
-        if ((0, import_utils26.isValidHtmlTag)(keyAsTag))
+        if ((0, import_utils25.isValidHtmlTag)(keyAsTag))
           return keyAsTag;
       }
       return "div";
@@ -15932,9 +15915,9 @@ var require_inherit2 = __commonJS({
       inheritParentProps: () => inheritParentProps
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var objectizeStringProperty = (propValue) => {
-      if ((0, import_utils26.is)(propValue)("string", "number")) {
+      if ((0, import_utils25.is)(propValue)("string", "number")) {
         return { inheritedString: propValue };
       }
       return propValue;
@@ -15942,9 +15925,9 @@ var require_inherit2 = __commonJS({
     var inheritParentProps = (element, parent) => {
       var _a;
       let propsStack = [];
-      const parentProps = (0, import_utils26.exec)(parent, parent.state).props;
+      const parentProps = (0, import_utils25.exec)(parent, parent.state).props;
       const matchParent = parent.props && parentProps[element.key];
-      const matchParentIsString = (0, import_utils26.isString)(matchParent);
+      const matchParentIsString = (0, import_utils25.isString)(matchParent);
       const matchParentChildProps = parentProps && parentProps.childProps;
       if (matchParent) {
         if (matchParentIsString) {
@@ -15992,19 +15975,19 @@ var require_create3 = __commonJS({
       syncProps: () => syncProps
     });
     module2.exports = __toCommonJS2(create_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = 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_utils26.isObject)(props4))
+      if ((0, import_utils25.isObject)(props4))
         propsStack.push(props4);
       else if (props4 === "inherit" && parent.props)
         propsStack.push(parent.props);
       else if (props4)
         propsStack.push(props4);
-      if ((0, import_utils26.isArray)(ref.__extend)) {
+      if ((0, import_utils25.isArray)(ref.__extend)) {
         ref.__extend.forEach((extend) => {
           if (extend.props && extend.props !== props4)
             propsStack.push(extend.props);
@@ -16021,13 +16004,13 @@ var require_create3 = __commonJS({
           return;
         let execProps;
         try {
-          execProps = (0, import_utils26.exec)(v, element);
+          execProps = (0, import_utils25.exec)(v, element);
         } catch (e) {
           element.error(e, opts);
         }
-        element.props = (0, import_utils26.deepMerge)(
+        element.props = (0, import_utils25.deepMerge)(
           mergedProps,
-          (0, import_utils26.deepClone)(execProps, { ignore: import_ignore.IGNORE_PROPS_PARAMS }),
+          (0, import_utils25.deepClone)(execProps, { ignore: import_ignore.IGNORE_PROPS_PARAMS }),
           import_ignore.IGNORE_PROPS_PARAMS
         );
       });
@@ -16175,7 +16158,7 @@ var require_object2 = __commonJS({
       overwriteShallow: () => overwriteShallow2
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_props = require_props();
     var IGNORE_STATE_PARAMS = [
       "update",
@@ -16227,7 +16210,7 @@ var require_object2 = __commonJS({
       "nextElement",
       "previousElement"
     ];
-    var METHODS_EXL = (0, import_utils26.joinArrays)(
+    var METHODS_EXL = (0, import_utils25.joinArrays)(
       ["node", "state", "context", "extend", "__element"],
       METHODS,
       IGNORE_STATE_PARAMS,
@@ -16241,7 +16224,7 @@ var require_object2 = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils26.isObjectLike)(elementProp) && (0, import_utils26.isObject)(extendProp)) {
+        } else if ((0, import_utils25.isObjectLike)(elementProp) && (0, import_utils25.isObject)(extendProp)) {
           deepMerge7(elementProp, extendProp);
         }
       }
@@ -16288,7 +16271,7 @@ var require_object2 = __commonJS({
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
-        if ((0, import_utils26.isObjectLike)(objProp) && (0, import_utils26.isObjectLike)(paramsProp)) {
+        if ((0, import_utils25.isObjectLike)(objProp) && (0, import_utils25.isObjectLike)(paramsProp)) {
           overwriteDeep2(objProp, paramsProp);
         } else if (paramsProp !== void 0) {
           obj[e] = paramsProp;
@@ -16297,15 +16280,15 @@ var require_object2 = __commonJS({
       return obj;
     };
     var mergeIfExisted = (a, b) => {
-      if ((0, import_utils26.isObjectLike)(a) && (0, import_utils26.isObjectLike)(b))
+      if ((0, import_utils25.isObjectLike)(a) && (0, import_utils25.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_utils26.deepClone)(c, { exclude })), {});
+      return arr.reduce((a, c) => deepMerge7(a, (0, import_utils25.deepClone)(c, { exclude })), {});
     };
     var mergeAndCloneIfArray = (obj) => {
-      return (0, import_utils26.isArray)(obj) ? mergeArray(obj) : (0, import_utils26.deepClone)(obj);
+      return (0, import_utils25.isArray)(obj) ? mergeArray(obj) : (0, import_utils25.deepClone)(obj);
     };
     var flattenRecursive = (param, prop, stack = []) => {
       const objectized = mergeAndCloneIfArray(param);
@@ -16359,7 +16342,7 @@ var require_extendUtils = __commonJS({
       setHashedExtend: () => setHashedExtend
     });
     module2.exports = __toCommonJS2(extendUtils_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var ENV3 = "development";
     var generateHash = () => Math.random().toString(36).substring(2);
     var extendStackRegistry = {};
@@ -16369,7 +16352,7 @@ var require_extendUtils = __commonJS({
     };
     var setHashedExtend = (extend, stack) => {
       const hash2 = generateHash();
-      if (!(0, import_utils26.isString)(extend)) {
+      if (!(0, import_utils25.isString)(extend)) {
         extend.__hash = hash2;
       }
       extendStackRegistry[hash2] = stack;
@@ -16395,9 +16378,9 @@ var require_extendUtils = __commonJS({
     var flattenExtend = (extend, stack, context) => {
       if (!extend)
         return stack;
-      if ((0, import_utils26.isArray)(extend))
+      if ((0, import_utils25.isArray)(extend))
         return extractArrayExtend(extend, stack, context);
-      if ((0, import_utils26.isString)(extend))
+      if ((0, import_utils25.isString)(extend))
         extend = fallbackStringExtend(extend, context);
       stack.push(extend);
       if (extend.extend)
@@ -16412,14 +16395,14 @@ var require_extendUtils = __commonJS({
         const extendProp = extend[e];
         if (elementProp === void 0) {
           element[e] = extendProp;
-        } else if ((0, import_utils26.isObject)(elementProp) && (0, import_utils26.isObject)(extendProp)) {
+        } else if ((0, import_utils25.isObject)(elementProp) && (0, import_utils25.isObject)(extendProp)) {
           deepMergeExtend(elementProp, extendProp);
-        } else if ((0, import_utils26.isArray)(elementProp) && (0, import_utils26.isArray)(extendProp)) {
+        } else if ((0, import_utils25.isArray)(elementProp) && (0, import_utils25.isArray)(extendProp)) {
           element[e] = elementProp.concat(extendProp);
-        } else if ((0, import_utils26.isArray)(elementProp) && (0, import_utils26.isObject)(extendProp)) {
+        } else if ((0, import_utils25.isArray)(elementProp) && (0, import_utils25.isObject)(extendProp)) {
           const obj = deepMergeExtend({}, elementProp);
           element[e] = deepMergeExtend(obj, extendProp);
-        } else if (elementProp === void 0 && (0, import_utils26.isFunction)(extendProp)) {
+        } else if (elementProp === void 0 && (0, import_utils25.isFunction)(extendProp)) {
           element[e] = extendProp;
         }
       }
@@ -16427,13 +16410,13 @@ var require_extendUtils = __commonJS({
     };
     var cloneAndMergeArrayExtend = (stack) => {
       return stack.reduce((a, c) => {
-        return deepMergeExtend(a, (0, import_utils26.deepClone)(c));
+        return deepMergeExtend(a, (0, import_utils25.deepClone)(c));
       }, {});
     };
     var fallbackStringExtend = (extend, context, options = {}) => {
       const COMPONENTS = context && context.components || options.components;
       const PAGES = context && context.pages || options.pages;
-      if ((0, import_utils26.isString)(extend)) {
+      if ((0, import_utils25.isString)(extend)) {
         const componentExists = COMPONENTS && (COMPONENTS[extend] || COMPONENTS["smbls." + extend]);
         const pageExists = PAGES && extend.startsWith("/") && PAGES[extend];
         if (componentExists)
@@ -16493,30 +16476,30 @@ var require_extend = __commonJS({
       applyExtend: () => applyExtend
     });
     module2.exports = __toCommonJS2(extend_exports);
-    var import_utils26 = require_cjs();
-    var import_utils27 = require_utils();
+    var import_utils25 = require_cjs();
+    var import_utils26 = require_utils();
     var ENV3 = "development";
     var mainExtend;
     var applyExtend = (element, parent, options = {}) => {
-      if ((0, import_utils26.isFunction)(element))
-        element = (0, import_utils26.exec)(element, parent);
+      if ((0, import_utils25.isFunction)(element))
+        element = (0, import_utils25.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_utils27.fallbackStringExtend)(extend, context, options);
-      const extendStack = (0, import_utils27.getExtendStack)(extend, context);
+      extend = (0, import_utils26.fallbackStringExtend)(extend, context, options);
+      const extendStack = (0, import_utils26.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_utils27.getExtendStack)(parent.childExtend, context);
+          childExtendStack = (0, import_utils26.getExtendStack)(parent.childExtend, context);
           const ignoreChildExtendRecursive = props4 && props4.ignoreChildExtendRecursive;
           if (parent.childExtendRecursive && !ignoreChildExtendRecursive) {
             const canExtendRecursive = element.key !== "__text";
             if (canExtendRecursive) {
-              const childExtendRecursiveStack = (0, import_utils27.getExtendStack)(parent.childExtendRecursive, context);
+              const childExtendRecursiveStack = (0, import_utils26.getExtendStack)(parent.childExtendRecursive, context);
               childExtendStack = childExtendStack.concat(childExtendRecursiveStack);
               element.childExtendRecursive = parent.childExtendRecursive;
             }
@@ -16527,7 +16510,7 @@ var require_extend = __commonJS({
       const childExtendLength = childExtendStack.length;
       let stack = [];
       if (extendLength && childExtendLength) {
-        stack = (0, import_utils27.jointStacks)(extendStack, childExtendStack);
+        stack = (0, import_utils26.jointStacks)(extendStack, childExtendStack);
       } else if (extendLength) {
         stack = extendStack;
       } else if (childExtendLength) {
@@ -16536,22 +16519,22 @@ var require_extend = __commonJS({
         return element;
       if (context.defaultExtends) {
         if (!mainExtend) {
-          const defaultOptionsExtend = (0, import_utils27.getExtendStack)(context.defaultExtends, context);
-          mainExtend = (0, import_utils27.cloneAndMergeArrayExtend)(defaultOptionsExtend);
+          const defaultOptionsExtend = (0, import_utils26.getExtendStack)(context.defaultExtends, context);
+          mainExtend = (0, import_utils26.cloneAndMergeArrayExtend)(defaultOptionsExtend);
           delete mainExtend.extend;
         }
         stack = [].concat(stack, mainExtend);
       }
       if (__ref)
         __ref.__extend = stack;
-      let mergedExtend = (0, import_utils27.cloneAndMergeArrayExtend)(stack);
+      let mergedExtend = (0, import_utils26.cloneAndMergeArrayExtend)(stack);
       const COMPONENTS = context && context.components || options.components;
-      const component = (0, import_utils26.exec)(element.component || mergedExtend.component, element);
+      const component = (0, import_utils25.exec)(element.component || mergedExtend.component, element);
       if (component && COMPONENTS && COMPONENTS[component]) {
-        const componentExtend = (0, import_utils27.cloneAndMergeArrayExtend)((0, import_utils27.getExtendStack)(COMPONENTS[component]));
-        mergedExtend = (0, import_utils27.deepMergeExtend)(componentExtend, mergedExtend);
+        const componentExtend = (0, import_utils26.cloneAndMergeArrayExtend)((0, import_utils26.getExtendStack)(COMPONENTS[component]));
+        mergedExtend = (0, import_utils26.deepMergeExtend)(componentExtend, mergedExtend);
       }
-      const merged = (0, import_utils27.deepMergeExtend)(element, mergedExtend);
+      const merged = (0, import_utils26.deepMergeExtend)(element, mergedExtend);
       return merged;
     };
   }
@@ -16585,7 +16568,7 @@ var require_component2 = __commonJS({
       overwriteVariant: () => overwriteVariant
     });
     module2.exports = __toCommonJS2(component_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_extend = require_extend();
     var import_mixins = require_mixins();
     var replaceOnKeys = (key) => key.replace(/on\w+/g, (match2) => match2.substring(2));
@@ -16606,7 +16589,7 @@ var require_component2 = __commonJS({
         if (isDefine) {
           newElem.define[k] = prop;
         }
-        const isComponent = (0, import_utils26.checkIfKeyIsComponent)(k);
+        const isComponent = (0, import_utils25.checkIfKeyIsComponent)(k);
         const isRegistry = import_mixins.REGISTRY[k];
         if (isComponent || isRegistry) {
           newElem[k] = prop;
@@ -16620,25 +16603,25 @@ var require_component2 = __commonJS({
       let variantElement = element[variant];
       if (!variantElement)
         return;
-      const props4 = (0, import_utils26.isObject)(variantProps) ? variantProps : {};
-      if ((0, import_utils26.isString)(variantElement)) {
+      const props4 = (0, import_utils25.isObject)(variantProps) ? variantProps : {};
+      if ((0, import_utils25.isString)(variantElement)) {
         variantElement = {
           extend: [{ props: props4 }, variantElement]
         };
       } else if (variantElement.extend) {
-        variantElement = (0, import_utils26.addAdditionalExtend)({ props: props4 }, variantElement);
+        variantElement = (0, import_utils25.addAdditionalExtend)({ props: props4 }, variantElement);
       }
       const extendedVariant = (0, import_extend.applyExtend)(variantElement, element.parent);
       const { parent, ...rest } = extendedVariant;
-      return (0, import_utils26.overwriteDeep)(element, rest);
+      return (0, import_utils25.overwriteDeep)(element, rest);
     };
     var applyVariant = (element) => {
       const { props: props4 } = element;
-      if (!(0, import_utils26.hasVariantProp)(element))
+      if (!(0, import_utils25.hasVariantProp)(element))
         return element;
       const { variant } = props4;
       overwriteVariant(element, `.${variant}`);
-      const elKeys = Object.keys(element).filter((key) => (0, import_utils26.isVariant)(key));
+      const elKeys = Object.keys(element).filter((key) => (0, import_utils25.isVariant)(key));
       elKeys.forEach((variant2) => {
         const slicedVariantElementKey = variant2.slice(1);
         const variantElementProps = props4[slicedVariantElementKey];
@@ -16703,20 +16686,20 @@ var require_attr = __commonJS({
       default: () => attr_default
     });
     module2.exports = __toCommonJS2(attr_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_report = require_cjs4();
-    var import_utils27 = require_utils();
+    var import_utils26 = require_utils();
     function attr(params, element, node2) {
       const { __ref: ref, props: props4 } = element;
       const { __attr } = ref;
-      if ((0, import_utils26.isNot)("object"))
+      if ((0, import_utils25.isNot)("object"))
         (0, import_report.report)("HTMLInvalidAttr", params);
       if (params) {
         if (props4.attr)
-          (0, import_utils27.deepMerge)(params, props4.attr);
+          (0, import_utils26.deepMerge)(params, props4.attr);
         for (const attr2 in params) {
-          const val = (0, import_utils26.exec)(params[attr2], element);
-          if (val !== false && !(0, import_utils26.isUndefined)(val) && !(0, import_utils26.isNull)(val) && node2.setAttribute)
+          const val = (0, import_utils25.exec)(params[attr2], element);
+          if (val !== false && !(0, import_utils25.isUndefined)(val) && !(0, import_utils25.isNull)(val) && node2.setAttribute)
             node2.setAttribute(attr2, val);
           else if (node2.removeAttribute)
             node2.removeAttribute(attr2);
@@ -16759,7 +16742,7 @@ var require_classList = __commonJS({
       default: () => classList_default
     });
     module2.exports = __toCommonJS2(classList_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var assignKeyAsClassname = (element) => {
       const { key } = element;
       if (element.class === true)
@@ -16777,7 +16760,7 @@ var require_classList = __commonJS({
         else if (typeof param === "string")
           className += ` ${param}`;
         else if (typeof param === "function") {
-          className += ` ${(0, import_utils26.exec)(param, element)}`;
+          className += ` ${(0, import_utils25.exec)(param, element)}`;
         }
       }
       return className;
@@ -16788,9 +16771,9 @@ var require_classList = __commonJS({
       const { key } = element;
       if (params === true)
         params = element.class = { key };
-      if ((0, import_utils26.isString)(params))
+      if ((0, import_utils25.isString)(params))
         params = element.class = { default: params };
-      if ((0, import_utils26.isObject)(params))
+      if ((0, import_utils25.isObject)(params))
         params = classify2(params, element);
       const className = params.replace(/\s+/g, " ").trim();
       if (element.ref)
@@ -16870,7 +16853,7 @@ var require_set = __commonJS({
       set: () => set3
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_options3 = require_options();
     var import_create = require_create4();
     var import_mixins = require_mixins();
@@ -16900,13 +16883,13 @@ var require_set = __commonJS({
       var _a;
       const element = el || this;
       const { __ref: ref } = element;
-      const content = (0, import_utils26.setContentKey)(element, options);
+      const content = (0, import_utils25.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_utils26.deepContains)(params, content)) {
+      if (ref.__noCollectionDifference || __contentRef && __contentRef.__cached && (0, import_utils25.deepContains)(params, content)) {
         if (!options.preventBeforeUpdateListener && !options.preventListeners) {
           const beforeUpdateReturns = (0, import_event.triggerEventOnUpdate)("beforeUpdate", params, element, options);
           if (beforeUpdateReturns === false)
@@ -16967,7 +16950,7 @@ var require_content = __commonJS({
       updateContent: () => updateContent
     });
     module2.exports = __toCommonJS2(content_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_set = require_set();
     var updateContent = function(params, options) {
       const element = this;
@@ -16981,7 +16964,7 @@ var require_content = __commonJS({
     var removeContent = function(el, opts = {}) {
       const element = el || this;
       const { __ref: ref } = element;
-      const contentElementKey = (0, import_utils26.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils25.setContentKey)(element, opts);
       if (opts.contentElementKey !== "content")
         opts.contentElementKey = "content";
       if (element[contentElementKey]) {
@@ -16998,14 +16981,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_utils26.isFunction)(__cached[contentElementKey].remove))
+          else if (__cached[contentElementKey] && (0, import_utils25.isFunction)(__cached[contentElementKey].remove))
             __cached[contentElementKey].remove();
         }
         delete element[contentElementKey];
       }
     };
     function setContent(param, element, node2, opts) {
-      const contentElementKey = (0, import_utils26.setContentKey)(element, opts);
+      const contentElementKey = (0, import_utils25.setContentKey)(element, opts);
       if (param && element) {
         if (element[contentElementKey].update) {
           element[contentElementKey].update({}, opts);
@@ -17045,18 +17028,18 @@ var require_data = __commonJS({
       default: () => data_default
     });
     module2.exports = __toCommonJS2(data_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_report = require_cjs4();
     function data(params, element, node2) {
       if (params) {
         if (element.props.data)
-          (0, import_utils26.deepMerge)(params, element.props.data);
+          (0, import_utils25.deepMerge)(params, element.props.data);
         if (params.showOnNode) {
-          if (!(0, import_utils26.isObject)(params))
+          if (!(0, import_utils25.isObject)(params))
             (0, import_report.report)("HTMLInvalidData", params);
           for (const dataset in params) {
             if (dataset !== "showOnNode") {
-              node2.dataset[dataset] = (0, import_utils26.exec)(params[dataset], element);
+              node2.dataset[dataset] = (0, import_utils25.exec)(params[dataset], element);
             }
           }
         }
@@ -17093,10 +17076,10 @@ var require_html = __commonJS({
       html: () => html
     });
     module2.exports = __toCommonJS2(html_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     function html(param, element, node2) {
       var _a;
-      const prop = (0, import_utils26.exec)(param, element) || (0, import_utils26.exec)((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
+      const prop = (0, import_utils25.exec)(param, element) || (0, import_utils25.exec)((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
       const { __ref } = element;
       if (prop !== __ref.__html) {
         if (node2.nodeName === "SVG")
@@ -17137,12 +17120,12 @@ var require_style = __commonJS({
       style: () => style2
     });
     module2.exports = __toCommonJS2(style_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_report = require_cjs4();
     function style2(params, element, node2) {
       if (params) {
-        if ((0, import_utils26.isObject)(params))
-          (0, import_utils26.map)(node2.style, params, element);
+        if ((0, import_utils25.isObject)(params))
+          (0, import_utils25.map)(node2.style, params, element);
         else
           (0, import_report.report)("HTMLInvalidStyles", params);
       }
@@ -17179,11 +17162,11 @@ var require_text = __commonJS({
     });
     module2.exports = __toCommonJS2(text_exports);
     var import_create = require_create4();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     function text(param, element, node2) {
-      let prop = (0, import_utils26.exec)(param, element);
-      if ((0, import_utils26.isString)(prop) && prop.includes("{{")) {
-        prop = (0, import_utils26.replaceLiteralsWithObjectFields)(prop, element.state);
+      let prop = (0, import_utils25.exec)(param, element);
+      if ((0, import_utils25.isString)(prop) && prop.includes("{{")) {
+        prop = (0, import_utils25.replaceLiteralsWithObjectFields)(prop, element.state);
       }
       if (element.tag === "string") {
         node2.nodeValue = prop;
@@ -17230,10 +17213,10 @@ var require_state = __commonJS({
     });
     module2.exports = __toCommonJS2(state_exports);
     var import_state2 = require_cjs7();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     function state(params, element, node2) {
-      const state2 = (0, import_utils26.exec)(params, element);
-      if ((0, import_utils26.isObject)(state2)) {
+      const state2 = (0, import_utils25.exec)(params, element);
+      if ((0, import_utils25.isObject)(state2)) {
         for (const param in state2) {
           if (import_state2.IGNORE_STATE_PARAMS.includes(param))
             continue;
@@ -17274,13 +17257,13 @@ var require_scope = __commonJS({
       scope: () => scope
     });
     module2.exports = __toCommonJS2(scope_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     function scope(params, element, node2) {
-      if (!(0, import_utils26.isObject)(params))
+      if (!(0, import_utils25.isObject)(params))
         return;
       for (const scopeItem in params) {
         const value2 = params[scopeItem];
-        if ((0, import_utils26.isFunction)(value2)) {
+        if ((0, import_utils25.isFunction)(value2)) {
           element.scope[scopeItem] = value2.bind(element);
         } else {
           element.scope[scopeItem] = value2;
@@ -17509,7 +17492,7 @@ var require_methods2 = __commonJS({
       warn: () => warn
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_tree = require_tree();
     var import_mixins = require_mixins();
     var ENV3 = "development";
@@ -17532,7 +17515,7 @@ var require_methods2 = __commonJS({
     function lookup3(param) {
       const el = this;
       let { parent } = el;
-      if ((0, import_utils26.isFunction)(param)) {
+      if ((0, import_utils25.isFunction)(param)) {
         if (parent.state && param(parent, parent.state, parent.context))
           return parent;
         else if (parent.parent)
@@ -17561,7 +17544,7 @@ var require_methods2 = __commonJS({
         const childElem = el[v];
         if (v === param)
           return childElem;
-        else if ((0, import_utils26.isFunction)(param)) {
+        else if ((0, import_utils25.isFunction)(param)) {
           const exec6 = param(childElem, childElem.state, childElem.context);
           if (childElem.state && exec6) {
             return childElem;
@@ -17582,7 +17565,7 @@ var require_methods2 = __commonJS({
         const childElem = el[v];
         if (v === param)
           results.push(childElem);
-        else if ((0, import_utils26.isFunction)(param)) {
+        else if ((0, import_utils25.isFunction)(param)) {
           const exec6 = param(childElem, childElem.state, childElem.context);
           if (childElem.state && exec6)
             results.push(childElem);
@@ -17599,7 +17582,7 @@ var require_methods2 = __commonJS({
       for (const param in params) {
         const value2 = params[param];
         const childElem = el[param];
-        if ((0, import_utils26.isObject)(value2) && childElem)
+        if ((0, import_utils25.isObject)(value2) && childElem)
           setNodeStyles.call(childElem, value2);
         else
           el.node.style[param] = value2;
@@ -17608,15 +17591,15 @@ var require_methods2 = __commonJS({
     }
     function remove() {
       const element = this;
-      if ((0, import_utils26.isFunction)(element.node.remove))
+      if ((0, import_utils25.isFunction)(element.node.remove))
         element.node.remove();
-      else if (!(0, import_utils26.isProduction)()) {
+      else if (!(0, import_utils25.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_utils26.removeValueFromArray)(element.parent.__ref.__children, element.key);
+        element.parent.__ref.__children = (0, import_utils25.removeValueFromArray)(element.parent.__ref.__children, element.key);
     }
     function get(param) {
       const element = this;
@@ -17658,8 +17641,8 @@ var require_methods2 = __commonJS({
         if (v === "state") {
           if (element.__ref && !element.__ref.__hasRootState)
             return;
-          const parsedVal = (0, import_utils26.isFunction)(val && val.parse) ? val.parse() : val;
-          obj[v] = (0, import_utils26.isFunction)(parsedVal) ? parsedVal : JSON.parse(JSON.stringify(parsedVal || {}));
+          const parsedVal = (0, import_utils25.isFunction)(val && val.parse) ? val.parse() : val;
+          obj[v] = (0, import_utils25.isFunction)(parsedVal) ? parsedVal : JSON.parse(JSON.stringify(parsedVal || {}));
         } else if (v === "scope") {
           if (element.__ref && !element.__ref.__hasRootScope)
             return;
@@ -17667,7 +17650,7 @@ var require_methods2 = __commonJS({
         } else if (v === "props") {
           const { __element, update, ...props4 } = element[v];
           obj[v] = props4;
-        } else if ((0, import_utils26.isDefined)(val) && Object.hasOwnProperty.call(element, v))
+        } else if ((0, import_utils25.isDefined)(val) && Object.hasOwnProperty.call(element, v))
           obj[v] = val;
       });
       return obj;
@@ -17678,7 +17661,7 @@ var require_methods2 = __commonJS({
       for (const v in obj) {
         if (excl.includes(v))
           return;
-        if ((0, import_utils26.isObjectLike)(obj[v])) {
+        if ((0, import_utils25.isObjectLike)(obj[v])) {
           obj[v] = parseDeep.call(obj[v], excl);
         }
       }
@@ -17758,7 +17741,7 @@ var require_methods2 = __commonJS({
         changed: (cb) => {
           if (!changed)
             return;
-          const returns = cb(changes, (0, import_utils26.deepClone)(varCaches));
+          const returns = cb(changes, (0, import_utils25.deepClone)(varCaches));
           for (const key in changes) {
             varCaches[key] = changes[key];
           }
@@ -17838,8 +17821,8 @@ var require_iterate = __commonJS({
       throughUpdatedExec: () => throughUpdatedExec
     });
     module2.exports = __toCommonJS2(iterate_exports);
-    var import_utils26 = require_cjs();
-    var import_utils27 = require_utils();
+    var import_utils25 = require_cjs();
+    var import_utils26 = require_utils();
     var import_methods = require_methods2();
     var throughInitialExec = (element, exclude = {}) => {
       const { __ref: ref } = element;
@@ -17847,13 +17830,13 @@ var require_iterate = __commonJS({
         if (exclude[param])
           continue;
         const prop = element[param];
-        if ((0, import_utils26.isFunction)(prop) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils26.isVariant)(param)) {
+        if ((0, import_utils25.isFunction)(prop) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils25.isVariant)(param)) {
           ref.__exec[param] = prop;
           element[param] = prop(element, element.state, element.context);
         }
       }
     };
-    var throughUpdatedExec = (element, options = { excludes: import_utils27.METHODS_EXL }) => {
+    var throughUpdatedExec = (element, options = { excludes: import_utils26.METHODS_EXL }) => {
       const { __ref: ref } = element;
       const changes = {};
       for (const param in ref.__exec) {
@@ -17862,13 +17845,13 @@ var require_iterate = __commonJS({
         if (isDefinedParam)
           continue;
         const newExec = ref.__exec[param](element, element.state, element.context);
-        const execReturnsString = (0, import_utils26.isString)(newExec) || (0, import_utils26.isNumber)(newExec);
+        const execReturnsString = (0, import_utils25.isString)(newExec) || (0, import_utils25.isNumber)(newExec);
         if (prop && prop.node && execReturnsString) {
-          (0, import_utils27.overwrite)(prop, { text: newExec }, options);
+          (0, import_utils26.overwrite)(prop, { text: newExec }, options);
         } else if (newExec !== prop) {
-          if ((0, import_utils26.checkIfKeyIsComponent)(param)) {
-            const { extend, ...newElem } = (0, import_utils26.extendizeByKey)(newExec, element, param);
-            (0, import_utils27.overwrite)(prop, newElem, options);
+          if ((0, import_utils25.checkIfKeyIsComponent)(param)) {
+            const { extend, ...newElem } = (0, import_utils25.extendizeByKey)(newExec, element, param);
+            (0, import_utils26.overwrite)(prop, newElem, options);
           } else {
             ref.__cached[param] = changes[param] = prop;
             element[param] = newExec;
@@ -17883,27 +17866,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_utils26.isFunction)(cachedExecProp)) {
-          props4[k] = (0, import_utils26.exec)(cachedExecProp, element);
-        } else if (isDefine && (0, import_utils26.isFunction)(props4[k])) {
+        if ((0, import_utils25.isFunction)(cachedExecProp)) {
+          props4[k] = (0, import_utils25.exec)(cachedExecProp, element);
+        } else if (isDefine && (0, import_utils25.isFunction)(props4[k])) {
           ref.__execProps[k] = props4[k];
-          props4[k] = (0, import_utils26.exec)(props4[k], element);
+          props4[k] = (0, import_utils25.exec)(props4[k], element);
         }
       }
     };
     var throughInitialDefine = (element) => {
       const { define, context, __ref: ref } = element;
       let defineObj = {};
-      const hasGlobalDefine = context && (0, import_utils26.isObject)(context.define);
-      if ((0, import_utils26.isObject)(define))
+      const hasGlobalDefine = context && (0, import_utils25.isObject)(context.define);
+      if ((0, import_utils25.isObject)(define))
         defineObj = { ...define };
       if (hasGlobalDefine)
         defineObj = { ...defineObj, ...context.define };
       for (const param in defineObj) {
         let elementProp = element[param];
-        if ((0, import_utils26.isFunction)(elementProp) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils26.isVariant)(param)) {
+        if ((0, import_utils25.isFunction)(elementProp) && !(0, import_methods.isMethod)(param, element) && !(0, import_utils25.isVariant)(param)) {
           ref.__exec[param] = elementProp;
-          const execParam2 = elementProp = (0, import_utils26.exec)(elementProp, element);
+          const execParam2 = elementProp = (0, import_utils25.exec)(elementProp, element);
           if (execParam2) {
             elementProp = element[param] = execParam2.parse ? execParam2.parse() : execParam2;
             ref.__defineCache[param] = elementProp;
@@ -17919,15 +17902,15 @@ var require_iterate = __commonJS({
       const { context, define, __ref: ref } = element;
       const changes = {};
       let obj = {};
-      if ((0, import_utils26.isObject)(define))
+      if ((0, import_utils25.isObject)(define))
         obj = { ...define };
-      if ((0, import_utils26.isObject)(context && context.define))
+      if ((0, import_utils25.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_utils26.exec)(ref.__defineCache[param], element);
+        const cached = (0, import_utils25.exec)(ref.__defineCache[param], element);
         const newExecParam = obj[param](cached, element, element.state, element.context);
         if (newExecParam)
           element[param] = newExecParam;
@@ -17963,7 +17946,7 @@ var require_applyParam = __commonJS({
       applyParam: () => applyParam
     });
     module2.exports = __toCommonJS2(applyParam_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_mixins = require_mixins();
     var applyParam = (param, element, options) => {
       const { node: node2, context, __ref: ref } = element;
@@ -17978,7 +17961,7 @@ var require_applyParam = __commonJS({
         return;
       const hasOnlyUpdate = onlyUpdate ? onlyUpdate === param || element.lookup(onlyUpdate) : true;
       if (isGlobalTransformer && !hasContextDefine && hasOnlyUpdate) {
-        if ((0, import_utils26.isFunction)(isGlobalTransformer)) {
+        if ((0, import_utils25.isFunction)(isGlobalTransformer)) {
           isGlobalTransformer(prop, element, node2, options);
           return;
         }
@@ -18014,15 +17997,15 @@ var require_propEvents = __commonJS({
       propagateEventsFromProps: () => propagateEventsFromProps
     });
     module2.exports = __toCommonJS2(propEvents_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = 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_utils26.lowercaseFirstLetter)(v.split("on")[1]);
+        const eventName = (0, import_utils25.lowercaseFirstLetter)(v.split("on")[1]);
         const origEvent = on2[eventName];
         const funcFromProps = props4[v];
-        if ((0, import_utils26.isFunction)(origEvent)) {
+        if ((0, import_utils25.isFunction)(origEvent)) {
           on2[eventName] = (...args) => {
             const originalEventRetunrs = origEvent(...args);
             if (originalEventRetunrs !== false)
@@ -18072,7 +18055,7 @@ var require_node2 = __commonJS({
       default: () => node_default
     });
     module2.exports = __toCommonJS2(node_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_event = require_cjs5();
     var import_render = require_cjs10();
     var import_methods = require_methods2();
@@ -18097,7 +18080,7 @@ var require_node2 = __commonJS({
       }
       if (ENV3 === "test" || ENV3 === "development" || options.alowRefReference) {
         node2.ref = element;
-        if ((0, import_utils26.isFunction)(node2.setAttribute))
+        if ((0, import_utils25.isFunction)(node2.setAttribute))
           node2.setAttribute("key", element.key);
       }
       (0, import_iterate.throughExecProps)(element);
@@ -18106,7 +18089,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_utils26.isObject)(element.on)) {
+        if (isNewNode && (0, import_utils25.isObject)(element.on)) {
           (0, import_event.applyEventsOnNode)(element, options);
         }
       }
@@ -18114,14 +18097,14 @@ var require_node2 = __commonJS({
         const value2 = element[param];
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        if ((0, import_utils26.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils26.isVariant)(param) || (0, import_utils26.isObject)(import_mixins.REGISTRY[param]))
+        if ((0, import_utils25.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils25.isVariant)(param) || (0, import_utils25.isObject)(import_mixins.REGISTRY[param]))
           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_utils26.exec)(value2, element), element, param, options);
+              (0, import_create.default)((0, import_utils25.exec)(value2, element), element, param, options);
             };
             if (element.props && element.props.lazyLoad || options.lazyLoad) {
               window.requestAnimationFrame(() => createAsync2());
@@ -18163,7 +18146,7 @@ var require_update2 = __commonJS({
       update: () => update
     });
     module2.exports = __toCommonJS2(update_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_event = require_cjs5();
     var import_methods = require_methods2();
     var import_props = require_props();
@@ -18173,9 +18156,9 @@ var require_update2 = __commonJS({
     var import_mixins = require_mixins();
     var import_applyParam = require_applyParam();
     var import_options3 = require_options();
-    var import_utils27 = require_utils();
+    var import_utils26 = require_utils();
     var snapshot = {
-      snapshotId: import_utils26.createSnapshotId
+      snapshotId: import_utils25.createSnapshotId
     };
     var UPDATE_DEFAULT_OPTIONS = {
       stackChanges: false,
@@ -18183,11 +18166,11 @@ var require_update2 = __commonJS({
       preventRecursive: false,
       currentSnapshot: false,
       calleeElement: false,
-      excludes: import_utils27.METHODS_EXL
+      excludes: import_utils26.METHODS_EXL
     };
     var update = function(params = {}, opts) {
       const calleeElementCache = opts == null ? void 0 : opts.calleeElement;
-      const options = (0, import_utils26.deepClone)((0, import_utils26.isObject)(opts) ? (0, import_utils27.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, { exclude: ["calleeElement"] });
+      const options = (0, import_utils25.deepClone)((0, import_utils25.isObject)(opts) ? (0, import_utils26.deepMerge)(opts, UPDATE_DEFAULT_OPTIONS) : UPDATE_DEFAULT_OPTIONS, { exclude: ["calleeElement"] });
       options.calleeElement = calleeElementCache;
       const element = this;
       const { parent, node: node2, key } = element;
@@ -18203,8 +18186,8 @@ var require_update2 = __commonJS({
       if (preventInheritAtCurrentState && preventInheritAtCurrentState.__element === element)
         return;
       if (!excludes)
-        (0, import_utils26.merge)(options, UPDATE_DEFAULT_OPTIONS);
-      if ((0, import_utils26.isString)(params) || (0, import_utils26.isNumber)(params)) {
+        (0, import_utils25.merge)(options, UPDATE_DEFAULT_OPTIONS);
+      if ((0, import_utils25.isString)(params) || (0, import_utils25.isNumber)(params)) {
         params = { text: params };
       }
       const inheritState = inheritStateUpdates(element, options);
@@ -18215,7 +18198,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_utils26.isFunction)(v));
+        const hasFunctionInProps = ref.__props.filter((v) => (0, import_utils25.isFunction)(v));
         const props4 = params.props || hasParentProps || hasFunctionInProps.length;
         if (props4)
           (0, import_props.updateProps)(props4, element, parent);
@@ -18225,7 +18208,7 @@ var require_update2 = __commonJS({
         if (beforeUpdateReturns === false)
           return element;
       }
-      (0, import_utils26.overwriteDeep)(element, params, { exclude: import_utils27.METHODS_EXL });
+      (0, import_utils25.overwriteDeep)(element, params, { exclude: import_utils26.METHODS_EXL });
       (0, import_iterate.throughExecProps)(element);
       (0, import_iterate.throughUpdatedExec)(element, { ignore: UPDATE_DEFAULT_OPTIONS });
       (0, import_iterate.throughUpdatedDefine)(element);
@@ -18248,7 +18231,7 @@ var require_update2 = __commonJS({
         preventUpdateAfterCount
       } = options;
       if (preventUpdateAfter) {
-        if ((0, import_utils26.isNumber)(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount)
+        if ((0, import_utils25.isNumber)(preventUpdateAfterCount) && preventUpdateAfter <= preventUpdateAfterCount)
           return;
         else if (options.preventUpdateAfterCount === void 0)
           options.preventUpdateAfterCount = 1;
@@ -18262,17 +18245,17 @@ var require_update2 = __commonJS({
         }
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        const isInPreventUpdate = (0, import_utils26.isArray)(preventUpdate) && preventUpdate.includes(param);
-        const isInPreventDefineUpdate = (0, import_utils26.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
+        const isInPreventUpdate = (0, import_utils25.isArray)(preventUpdate) && preventUpdate.includes(param);
+        const isInPreventDefineUpdate = (0, import_utils25.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
         const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-        if ((0, import_utils26.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils26.isObject)(import_mixins.REGISTRY[param]) || (0, import_utils26.isVariant)(param))
+        if ((0, import_utils25.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils25.isObject)(import_mixins.REGISTRY[param]) || (0, import_utils25.isVariant)(param))
           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_utils26.isObject)(prop) && !hasDefine && !hasContextDefine && !preventRecursive;
+          const canUpdate = (0, import_utils25.isObject)(prop) && !hasDefine && !hasContextDefine && !preventRecursive;
           if (!canUpdate)
             continue;
           const lazyLoad = element.props.lazyLoad || options.lazyLoad;
@@ -18284,7 +18267,7 @@ var require_update2 = __commonJS({
             currentSnapshot: snapshotOnCallee,
             calleeElement
           });
-          lazyLoad ? import_utils26.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
+          lazyLoad ? import_utils25.window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall();
         }
       }
       if (!preventUpdateListener)
@@ -18307,7 +18290,7 @@ var require_update2 = __commonJS({
     };
     var checkIfOnUpdate = (element, parent, options) => {
       var _a, _b, _c;
-      if (!(0, import_utils26.isFunction)(element.if) && !(0, import_utils26.isFunction)((_a = element.props) == null ? void 0 : _a.if) || !parent)
+      if (!(0, import_utils25.isFunction)(element.if) && !(0, import_utils25.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);
@@ -18348,7 +18331,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_utils26.isFunction)(element.on.update)) {
+          if (options.preventUpdate !== true && element.on && (0, import_utils25.isFunction)(element.on.update)) {
             (0, import_event.applyEvent)(element.on.update, createdElement, createdElement.state);
           }
           return createdElement;
@@ -18369,9 +18352,9 @@ var require_update2 = __commonJS({
         element.state = parent && parent.state || {};
         return;
       }
-      const shouldForceFunctionState = (0, import_utils26.isFunction)(stateKey) && !isHoisted && execStateFunction;
+      const shouldForceFunctionState = (0, import_utils25.isFunction)(stateKey) && !isHoisted && execStateFunction;
       if (shouldForceFunctionState) {
-        const execState = (0, import_utils26.exec)(stateKey, element);
+        const execState = (0, import_utils25.exec)(stateKey, element);
         state.set(execState, { ...options, preventUpdate: true, preventStateUpdateListener: false, updatedByStateFunction: true });
         return;
       }
@@ -18429,7 +18412,7 @@ var require_set2 = __commonJS({
       addMethods: () => addMethods
     });
     module2.exports = __toCommonJS2(set_exports);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_set = require_set();
     var import_update = require_update2();
     var import__ = require_methods2();
@@ -18462,7 +18445,7 @@ var require_set2 = __commonJS({
         error: import__.error
       };
       if (element.context.methods)
-        (options.strict ? import_utils26.merge : import_utils26.overwrite)(proto, element.context.methods);
+        (options.strict ? import_utils25.merge : import_utils25.overwrite)(proto, element.context.methods);
       Object.setPrototypeOf(element, proto);
     };
   }
@@ -18507,7 +18490,7 @@ var require_create4 = __commonJS({
     module2.exports = __toCommonJS2(create_exports);
     var import_node = __toESM2(require_node2(), 1);
     var import_tree = require_tree();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_event = require_cjs5();
     var import_render = require_cjs10();
     var import_state2 = require_cjs7();
@@ -18530,9 +18513,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_utils26.deepClone)(element.props);
+      ref.__initialProps = (0, import_utils25.deepClone)(element.props);
       applyContext(element, parent, options);
-      (0, import_utils26.applyComponentFromContext)(element, parent, options);
+      (0, import_utils25.applyComponentFromContext)(element, parent, options);
       if (!ref.__skipCreate) {
         (0, import_extend.applyExtend)(element, parent, options);
       }
@@ -18561,7 +18544,7 @@ var require_create4 = __commonJS({
         return element;
       (0, import_event.triggerEventOn)("beforeClassAssign", element, options);
       (0, import_classList.assignKeyAsClassname)(element);
-      (0, import_utils26.addChildrenIfNotInOriginal)(element, parent, key);
+      (0, import_utils25.addChildrenIfNotInOriginal)(element, parent, key);
       renderElement(element, parent, options, attachOptions);
       addElementIntoParentChildren(element, parent);
       (0, import_event.triggerEventOn)("complete", element, options);
@@ -18574,7 +18557,7 @@ var require_create4 = __commonJS({
         }
         return {};
       }
-      if ((0, import_utils26.isString)(key) && key.slice(0, 2 === "__")) {
+      if ((0, import_utils25.isString)(key) && key.slice(0, 2 === "__")) {
         if (ENV3 === "test" || ENV3 === "development") {
           console.warn(key, "seems like to be in __ref");
         }
@@ -18596,8 +18579,8 @@ var require_create4 = __commonJS({
         else
           element.syntaxv3 = true;
         return (0, import_component.createValidDomqlObjectFromSugar)(element, parent, key, options);
-      } else if ((0, import_utils26.checkIfKeyIsComponent)(key)) {
-        return (0, import_utils26.applyKeyComponentAsExtend)(elementWrapper, parent, key);
+      } else if ((0, import_utils25.checkIfKeyIsComponent)(key)) {
+        return (0, import_utils25.applyKeyComponentAsExtend)(elementWrapper, parent, key);
       }
       if (checkIfMedia(key)) {
         return applyMediaProps2(elementWrapper, parent, key);
@@ -18607,7 +18590,7 @@ var require_create4 = __commonJS({
     var redefineParent = (element, parent, key, options) => {
       if (!parent)
         return import_tree.ROOT;
-      if ((0, import_utils26.isNode)(parent)) {
+      if ((0, import_utils25.isNode)(parent)) {
         const parentNodeWrapper = { key: ":root", node: parent };
         import_tree.ROOT[`${key}_parent`] = parentNodeWrapper;
         return parentNodeWrapper;
@@ -18621,7 +18604,7 @@ var require_create4 = __commonJS({
       }
     };
     var createKey = (element, parent, key) => {
-      return ((0, import_utils26.exec)(key, element) || key || element.key || (0, import_utils26.generateKey)()).toString();
+      return ((0, import_utils25.exec)(key, element) || key || element.key || (0, import_utils25.generateKey)()).toString();
     };
     var addRef = (element, parent) => {
       if (element.__ref)
@@ -18651,7 +18634,7 @@ var require_create4 = __commonJS({
       visitedElements.set(element, true);
       const { __ref: ref, key } = element;
       try {
-        const isInfiniteLoopDetected = (0, import_utils26.detectInfiniteLoop)(ref.path);
+        const isInfiniteLoopDetected = (0, import_utils25.detectInfiniteLoop)(ref.path);
         if (ref.__uniqId || isInfiniteLoopDetected)
           return;
         (0, import_node.default)(element, options);
@@ -18683,12 +18666,12 @@ var require_create4 = __commonJS({
       (0, import_event.triggerEventOn)("done", element, options);
       (0, import_event.triggerEventOn)("create", element, options);
     };
-    var checkIfPrimitive = (element) => (0, import_utils26.is)(element)("string", "number");
+    var checkIfPrimitive = (element) => (0, import_utils25.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_utils26.HTML_TAGS.body.indexOf(key) > -1 && key;
+      const isKeyValidHTMLTag = import_utils25.HTML_TAGS.body.indexOf(key) > -1 && key;
       return {
         text: element,
         tag: extendTag || childExtendTag || childPropsTag || isKeyValidHTMLTag || "string"
@@ -18708,7 +18691,7 @@ var require_create4 = __commonJS({
     };
     var createIfConditionFlag = (element, parent) => {
       const { __ref: ref } = element;
-      if ((0, import_utils26.isFunction)(element.if) && !element.if(element, element.state, element.context)) {
+      if ((0, import_utils25.isFunction)(element.if) && !element.if(element, element.state, element.context)) {
         delete ref.__if;
       } else
         ref.__if = true;
@@ -18736,7 +18719,7 @@ var require_create4 = __commonJS({
         ref.__changes = [];
       if (!ref.__children)
         ref.__children = [];
-      if ((0, import_utils26.checkIfKeyIsComponent)(key))
+      if ((0, import_utils25.checkIfKeyIsComponent)(key))
         ref.__componentKey = key.split("_")[0].split(".")[0].split("+")[0];
       const hasRoot = parent && parent.key === ":root";
       if (!ref.root)
@@ -18772,7 +18755,7 @@ var require_create4 = __commonJS({
         (0, import_iterate.throughInitialDefine)(element);
         (0, import_iterate.throughInitialExec)(element);
         for (const k in element) {
-          if ((0, import_utils26.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils26.isObject)((import_mixins.registry.default || import_mixins.registry)[k]) || (0, import_utils26.isVariant)(k))
+          if ((0, import_utils25.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils25.isObject)((import_mixins.registry.default || import_mixins.registry)[k]) || (0, import_utils25.isVariant)(k))
             continue;
           const hasDefine = element.define && element.define[k];
           const contextHasDefine = element.context && element.context.define && element.context.define[k];
@@ -18780,7 +18763,7 @@ var require_create4 = __commonJS({
           if (!ref.__skipCreate && import_mixins.REGISTRY[k] && !optionsHasDefine) {
             continue;
           } else if (element[k] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
-            create2((0, import_utils26.exec)(element[k], element), element, k, options);
+            create2((0, import_utils25.exec)(element[k], element), element, k, options);
           }
         }
       }
@@ -22781,10 +22764,10 @@ var require_Inspect = __commonJS({
     });
     module2.exports = __toCommonJS2(Inspect_exports);
     var smblsUI = __toESM2((init_uikit(), __toCommonJS(uikit_exports)), 1);
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_client = (init_client(), __toCommonJS(client_exports));
     function returnStringExtend(extend) {
-      return (0, import_utils26.isString)(extend) ? extend : (0, import_utils26.isArray)(extend) ? extend.find((extItem) => (0, import_utils26.isString)(extItem)) : "";
+      return (0, import_utils25.isString)(extend) ? extend : (0, import_utils25.isArray)(extend) ? extend.find((extItem) => (0, import_utils25.isString)(extItem)) : "";
     }
     function getComponentKey(el) {
       if (!el)
@@ -22871,7 +22854,7 @@ var require_Inspect = __commonJS({
         on: {
           init: ({ context }) => {
             const { components } = context;
-            if ((0, import_utils26.isObject)(components)) {
+            if ((0, import_utils25.isObject)(components)) {
               const { Content, ...rest } = components;
               for (const key in rest) {
                 if (smblsUI[key])
@@ -23002,7 +22985,7 @@ var require_cjs13 = __commonJS({
     var import_init3 = (init_init(), __toCommonJS(init_exports));
     var import_client = (init_client(), __toCommonJS(client_exports));
     var import_globals = require_cjs8();
-    var import_utils26 = require_cjs();
+    var import_utils25 = require_cjs();
     var import_Notifications = require_Notifications();
     var import_Inspect = require_Inspect();
     __reExport2(sync_exports, require_DefaultSyncApp(), module2.exports);
@@ -23026,16 +23009,16 @@ var require_cjs13 = __commonJS({
           const { state, designSystem, pages, components, snippets, functions } = obj.DATA;
           const { utils: utils2 } = ctx;
           if (pages) {
-            (0, import_utils26.overwriteShallow)(ctx.pages, pages);
+            (0, import_utils25.overwriteShallow)(ctx.pages, pages);
           }
           if (components) {
-            (0, import_utils26.overwriteShallow)(ctx.components, components);
+            (0, import_utils25.overwriteShallow)(ctx.components, components);
           }
           if (functions) {
-            (0, import_utils26.overwriteShallow)(ctx.functions, functions);
+            (0, import_utils25.overwriteShallow)(ctx.functions, functions);
           }
           if (snippets) {
-            (0, import_utils26.overwriteShallow)(ctx.snippets, snippets);
+            (0, import_utils25.overwriteShallow)(ctx.snippets, snippets);
           }
           if (state) {
             const route = state.route;
@@ -23344,7 +23327,7 @@ __export(src_exports, {
   default: () => src_default
 });
 module.exports = __toCommonJS(src_exports);
-var import_utils25 = __toESM(require_cjs(), 1);
+var import_utils24 = __toESM(require_cjs(), 1);
 // src/utilImports.js
 var utilImports_exports = {};
@@ -23365,7 +23348,7 @@ __reExport(utilImports_exports, __toESM(require_cjs6(), 1));
 // src/router.js
 var import_router2 = __toESM(require_cjs6(), 1);
-var import_utils17 = __toESM(require_cjs(), 1);
+var import_utils16 = __toESM(require_cjs(), 1);
 init_uikit();
 var DEFAULT_ROUTING_OPTIONS = {
   initRouter: true,
@@ -23378,16 +23361,16 @@ var initRouter = (element, context) => {
   else if (context.router === true)
     context.router = DEFAULT_ROUTING_OPTIONS;
   else
-    (0, import_utils17.merge)(context.router || {}, DEFAULT_ROUTING_OPTIONS);
+    (0, import_utils16.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: hash2 } = import_utils17.window.location;
+    const { pathname, search, hash: hash2 } = import_utils16.window.location;
     const url2 = pathname + search + hash2;
     if (el.routes)
       router(url2, el, {}, { initialRender: true });
   };
-  const hasRenderRouter = element.on && !(0, import_utils17.isUndefined)(element.on.renderRouter);
+  const hasRenderRouter = element.on && !(0, import_utils16.isUndefined)(element.on.renderRouter);
   if (routerOptions && routerOptions.initRouter && !hasRenderRouter) {
     if (element.on) {
       element.on.renderRouter = onRouterRenderDefault;
@@ -23409,20 +23392,20 @@ var popStateRouter = (element, context) => {
   if (!routerOptions.popState)
     return;
   const router = context.utils && context.utils.router ? context.utils.router : import_router2.router;
-  import_utils17.window.onpopstate = (e) => {
-    const { pathname, search, hash: hash2 } = import_utils17.window.location;
+  import_utils16.window.onpopstate = (e) => {
+    const { pathname, search, hash: hash2 } = import_utils16.window.location;
     const url2 = pathname + search + hash2;
     router(url2, element, {}, { pushState: false, scrollToTop: false, level: 0 });
   };
 };
 var injectRouterInLinkComponent = (routerOptions) => {
   if (routerOptions && routerOptions.injectRouterInLinkComponent) {
-    return (0, import_utils17.deepMerge)(Link, RouterLink);
+    return (0, import_utils16.deepMerge)(Link, RouterLink);
   }
 };
 // src/ferchOnCreate.js
-var import_utils18 = __toESM(require_cjs(), 1);
+var import_utils17 = __toESM(require_cjs(), 1);
 var import_fetch = __toESM(require_cjs9(), 1);
 var fetchSync = async (key, options) => {
   if (key && options.editor) {
@@ -23439,10 +23422,10 @@ var fetchAsync = (app, key, options, callback) => {
     try {
       if (options.editor.async) {
         (0, import_fetch.fetchProjectAsync)(key, options, callback || ((data) => {
-          if ((0, import_utils18.isObject)(data.designsystem)) {
+          if ((0, import_utils17.isObject)(data.designsystem)) {
             options.utils.init(data.designsystem);
           }
-          if ((0, import_utils18.isObject)(data.state)) {
+          if ((0, import_utils17.isObject)(data.state)) {
             app.state.set(data.state);
           }
         }));
@@ -23507,19 +23490,19 @@ init_dynamic();
 // src/createDomql.js
 var import_domql = __toESM(require_cjs12(), 1);
 init_uikit();
-var import_utils24 = __toESM(require_cjs(), 1);
+var import_utils23 = __toESM(require_cjs(), 1);
 // src/syncExtend.js
-var import_utils19 = __toESM(require_cjs(), 1);
+var import_utils18 = __toESM(require_cjs(), 1);
 var import_sync = __toESM(require_cjs13(), 1);
 var initializeExtend = (app, ctx) => {
-  return (0, import_utils19.isObjectLike)(app.extend) ? app.extend : [];
+  return (0, import_utils18.isObjectLike)(app.extend) ? app.extend : [];
 };
 var initializeSync = (app, ctx) => {
   const { editor } = ctx;
   if (!editor)
     return;
-  const liveSync = (0, import_utils19.isUndefined)(editor.liveSync) ? (0, import_utils19.isDevelopment)() : editor.liveSync;
+  const liveSync = (0, import_utils18.isUndefined)(editor.liveSync) ? (0, import_utils18.isDevelopment)() : editor.liveSync;
   if (liveSync)
     app.extend.push(import_sync.SyncComponent);
 };
@@ -23527,7 +23510,7 @@ var initializeInspect = (app, ctx) => {
   const { editor } = ctx;
   if (!editor)
     return;
-  const inspect = (0, import_utils19.isUndefined)(editor.inspect) ? (0, import_utils19.isDevelopment)() : editor.inspect;
+  const inspect = (0, import_utils18.isUndefined)(editor.inspect) ? (0, import_utils18.isDevelopment)() : editor.inspect;
   if (inspect)
     app.extend.push(import_sync.Inspect);
 };
@@ -23535,19 +23518,19 @@ var initializeNotifications = (app, ctx) => {
   const { editor } = ctx;
   if (!editor)
     return;
-  const verbose = (0, import_utils19.isUndefined)(editor.verbose) ? (0, import_utils19.isDevelopment)() || ctx.verbose : editor.verbose;
+  const verbose = (0, import_utils18.isUndefined)(editor.verbose) ? (0, import_utils18.isDevelopment)() || ctx.verbose : editor.verbose;
   if (verbose)
     app.extend.push(import_sync.Notifications);
 };
 // src/prepare.js
-var import_utils23 = __toESM(require_cjs(), 1);
+var import_utils22 = __toESM(require_cjs(), 1);
 // ../../node_modules/@domql/emotion/index.js
-var import_utils21 = __toESM(require_cjs());
+var import_utils20 = __toESM(require_cjs());
 // ../../node_modules/@domql/classlist/index.js
-var import_utils20 = __toESM(require_cjs());
+var import_utils19 = __toESM(require_cjs());
 var classify = (obj, element) => {
   let className = "";
   for (const item in obj) {
@@ -23557,7 +23540,7 @@ var classify = (obj, element) => {
     else if (typeof param === "string")
       className += ` ${param}`;
     else if (typeof param === "function") {
-      className += ` ${(0, import_utils20.exec)(param, element)}`;
+      className += ` ${(0, import_utils19.exec)(param, element)}`;
     }
   }
   return className;
@@ -23568,9 +23551,9 @@ var classList = (params, element) => {
   const { key } = element;
   if (params === true)
     params = element.class = { key };
-  if ((0, import_utils20.isString)(params))
+  if ((0, import_utils19.isString)(params))
     params = element.class = { default: params };
-  if ((0, import_utils20.isObject)(params))
+  if ((0, import_utils19.isObject)(params))
     params = classify(params, element);
   const className = params.replace(/\s+/g, " ").trim();
   if (element.ref)
@@ -23587,9 +23570,9 @@ var applyClassListOnNode = (params, element, node2) => {
 init_emotion_css_create_instance_esm();
 var transformEmotionStyle = (emotion2) => {
   return (params, element, state) => {
-    const execParams = (0, import_utils21.exec)(params, element);
+    const execParams = (0, import_utils20.exec)(params, element);
     if (params) {
-      if ((0, import_utils21.isObjectLike)(element.class))
+      if ((0, import_utils20.isObjectLike)(element.class))
         element.class.elementStyle = execParams;
       else
         element.class = { elementStyle: execParams };
@@ -23603,7 +23586,7 @@ var transformEmotionClass = (emotion2) => {
       return;
     const { __ref } = element;
     const { __class, __classNames } = __ref;
-    if (!(0, import_utils21.isObjectLike)(params))
+    if (!(0, import_utils20.isObjectLike)(params))
       return;
     if (element.props.class) {
       __classNames.classProps = element.props.class;
@@ -23612,20 +23595,20 @@ var transformEmotionClass = (emotion2) => {
       __classNames.class = element.attr.class;
     }
     for (const key in params) {
-      const prop = (0, import_utils21.exec)(params[key], element);
+      const prop = (0, import_utils20.exec)(params[key], element);
       if (!prop) {
         delete __class[key];
         delete __classNames[key];
         continue;
       }
-      const isEqual = (0, import_utils21.isEqualDeep)(__class[key], prop);
+      const isEqual = (0, import_utils20.isEqualDeep)(__class[key], prop);
       if (!isEqual) {
-        if (!(0, import_utils21.isProduction)() && (0, import_utils21.isObject)(prop))
+        if (!(0, import_utils20.isProduction)() && (0, import_utils20.isObject)(prop))
           prop.label = key || element.key;
         let className;
-        if ((0, import_utils21.isString)(prop) || (0, import_utils21.isNumber)(prop))
+        if ((0, import_utils20.isString)(prop) || (0, import_utils20.isNumber)(prop))
           className = prop;
-        else if ((0, import_utils21.isBoolean)(prop))
+        else if ((0, import_utils20.isBoolean)(prop))
           className = element.key;
         else
           className = emotion2.css(prop);
@@ -23648,7 +23631,7 @@ var transformDOMQLEmotion = (emotion2, options) => {
 // src/initEmotion.js
 init_emotion();
 init_init();
-var import_utils22 = __toESM(require_cjs(), 1);
+var import_utils21 = __toESM(require_cjs(), 1);
 // ../default-config/src/index.js
 var import_default_icons = __toESM(require_cjs14());
@@ -24042,7 +24025,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_utils22.deepMerge)(options.designSystem, (0, import_utils22.deepClone)(DEFAULT_CONFIG)) : options.designSystem || (0, import_utils22.deepClone)(DEFAULT_CONFIG);
+  const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils21.deepMerge)(options.designSystem, (0, import_utils21.deepClone)(DEFAULT_CONFIG)) : options.designSystem || (0, import_utils21.deepClone)(DEFAULT_CONFIG);
   const scratchSystem2 = init(designSystem, {
     key,
     emotion: emotion2,
@@ -24075,7 +24058,7 @@ var UIkitWithPrefix = () => {
   const newObj = {};
   for (const key in uikit_exports) {
     if (Object.prototype.hasOwnProperty.call(uikit_exports, key)) {
-      if ((0, import_utils23.checkIfKeyIsComponent)(key)) {
+      if ((0, import_utils22.checkIfKeyIsComponent)(key)) {
         newObj[`smbls.${key}`] = uikit_exports[key];
       } else {
         newObj[key] = uikit_exports[key];
@@ -24162,7 +24145,7 @@ var prepareRequire = (packages, ctx) => {
     return windowOpts2.require(key);
   };
   if (windowOpts.packages) {
-    windowOpts.packages = (0, import_utils23.merge)(windowOpts.packages, packages);
+    windowOpts.packages = (0, import_utils22.merge)(windowOpts.packages, packages);
   } else {
     windowOpts.packages = packages;
   }
@@ -24184,12 +24167,12 @@ var prepareState = (app, context) => {
   if (context.state)
     utilImports_exports.deepMerge(state, context.state);
   if (app && app.state)
-    (0, import_utils23.deepMerge)(state, app.state);
-  return (0, import_utils23.deepClone)(state);
+    (0, import_utils22.deepMerge)(state, app.state);
+  return (0, import_utils22.deepClone)(state);
 };
 var preparePages = (app, context) => {
-  if ((0, import_utils23.isObject)(app.routes) && (0, import_utils23.isObject)(context.pages)) {
-    (0, import_utils23.merge)(app.routes, context.pages);
+  if ((0, import_utils22.isObject)(app.routes) && (0, import_utils22.isObject)(context.pages)) {
+    (0, import_utils22.merge)(app.routes, context.pages);
   }
   const pages = app.routes || context.pages || {};
   return Object.keys(pages).filter((v) => !v.startsWith("/")).reduce((pages2, v) => {
@@ -24221,7 +24204,7 @@ var initAnimationFrame = () => {
 // src/createDomql.js
 var prepareContext = (app, context = {}) => {
-  const key = context.key = context.key || ((0, import_utils24.isString)(app) ? app : "smblsapp");
+  const key = context.key = context.key || ((0, import_utils23.isString)(app) ? app : "smblsapp");
   context.define = context.define || defaultDefine;
   context.window = prepareWindow(context);
   const [scratcDesignSystem, emotion2, registry] = prepareDesignSystem(key, context);
@@ -24240,17 +24223,17 @@ var prepareContext = (app, context = {}) => {
   return context;
 };
 var createDomqlElement = (app, ctx) => {
-  if (!(0, import_utils24.isObject)(ctx))
+  if (!(0, import_utils23.isObject)(ctx))
     ctx = {};
-  if ((0, import_utils24.isNode)(app)) {
+  if ((0, import_utils23.isNode)(app)) {
     app = {};
     ctx.parent = app;
   }
-  if ((0, import_utils24.isString)(app)) {
+  if ((0, import_utils23.isString)(app)) {
     app = {};
     ctx.key = app;
   }
-  if (!(0, import_utils24.isObject)(app)) {
+  if (!(0, import_utils23.isObject)(app)) {
     app = {};
   }
   prepareContext(app, ctx);
@@ -24279,9 +24262,9 @@ var createDomqlElement = (app, ctx) => {
 };
 // src/index.js
-var mergeWithLocalFile2 = (options, optionsExternalFile) => (0, import_utils25.deepMerge)(
+var mergeWithLocalFile2 = (options, optionsExternalFile) => (0, import_utils24.deepMerge)(
   options,
-  (0, import_utils25.isObject)(optionsExternalFile) ? optionsExternalFile : dynamic_default || {}
+  (0, import_utils24.isObject)(optionsExternalFile) ? optionsExternalFile : dynamic_default || {}
 );
 var create = (App, options = options_default, optionsExternalFile) => {
   const redefinedOptions = { ...options_default, ...mergeWithLocalFile2(options, optionsExternalFile) };
@@ -24310,10 +24293,10 @@ var createSync = async (App, options = options_default, optionsExternalFile) =>
 var createSkeleton = (App = {}, options = options_default, optionsExternalFile) => {
   return create(
     {
-      deps: { isUndefined: import_utils25.isUndefined },
+      deps: { isUndefined: import_utils24.isUndefined },
       ...App
     },
-    (0, import_utils25.deepMerge)({ domqlOptions: { onlyResolveExtends: true } }, options),
+    (0, import_utils24.deepMerge)({ domqlOptions: { onlyResolveExtends: true } }, options),
     optionsExternalFile
   );
 };