@symbo.ls/uikit 2.11.146 → 2.11.147

package/dist/index.cjs.js

@@ -1387,7 +1387,7 @@ var require_cjs = __commonJS({
       setVariables: () => setVariables
     });
     var import_globals = __toESM2(require_cjs7(), 1);
-    var import_utils15 = __toESM2(require_cjs22(), 1);
+    var import_utils14 = __toESM2(require_cjs22(), 1);
     var ENV = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -1515,9 +1515,9 @@ var require_cjs = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils15.isString)(rgb))
+      if ((0, import_utils14.isString)(rgb))
         rgb = rgb.split(", ").map((v) => parseFloat(v));
-      if ((0, import_utils15.isNumber)(tone))
+      if ((0, import_utils14.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs2 = tone.slice(0, 1);
@@ -2451,7 +2451,7 @@ var require_cjs = __commonJS({
       const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
       return { var: CSSvar, value: str, arr: value, type };
     };
-    var import_utils152 = __toESM2(require_cjs22(), 1);
+    var import_utils15 = __toESM2(require_cjs22(), 1);
     var runThroughMedia = (props6) => {
       const CONFIG22 = getActiveConfig3();
       const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG22;
@@ -2459,7 +2459,7 @@ var require_cjs = __commonJS({
         const mediaProps = props6[prop];
         if (prop.slice(0, 1) === "@") {
           const { type, base, ratio, range, subSequence, h1Matches, unit } = props6;
-          (0, import_utils152.merge)(mediaProps, {
+          (0, import_utils15.merge)(mediaProps, {
             type,
             base,
             ratio,
@@ -3159,14 +3159,14 @@ var require_types = __commonJS({
       isNot: () => isNot3,
       isNull: () => isNull,
       isNumber: () => isNumber,
-      isObject: () => isObject6,
+      isObject: () => isObject5,
       isObjectLike: () => isObjectLike3,
       isString: () => isString7,
       isUndefined: () => isUndefined
     });
     module2.exports = __toCommonJS2(types_exports);
     var import_node = require_node();
-    var isObject6 = (arg) => {
+    var isObject5 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
@@ -3183,7 +3183,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined = (arg) => {
-      return isObject6(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction3(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
+      return isObject5(arg) || isObjectLike3(arg) || isString7(arg) || isNumber(arg) || isFunction3(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -3191,7 +3191,7 @@ var require_types = __commonJS({
     var TYPES = {
       boolean: isBoolean,
       array: isArray5,
-      object: isObject6,
+      object: isObject5,
       string: isString7,
       number: isNumber,
       null: isNull,
@@ -4221,12 +4221,12 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils15 = require_cjs2();
+    var import_utils14 = require_cjs2();
     var applyEvent = (param, element, state, context, options) => {
       return param(element, state || element.state, context || element.context, options);
     };
     var triggerEventOn = (param, element, options) => {
-      if (element.on && (0, import_utils15.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils14.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEvent(element.on[param], element, state, context, options);
       }
@@ -4235,7 +4235,7 @@ var require_on = __commonJS({
       return param(updatedObj, element, state || element.state, context || element.context, options);
     };
     var triggerEventOnUpdate = (param, updatedObj, element, options) => {
-      if (element.on && (0, import_utils15.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils14.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEventUpdate(element.on[param], updatedObj, element, state, context, options);
       }
@@ -4246,7 +4246,7 @@ var require_on = __commonJS({
         if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "initStateUpdated" || param === "stateUpdated" || param === "initUpdate" || param === "update")
           continue;
         const appliedFunction = element.on[param];
-        if ((0, import_utils15.isFunction)(appliedFunction)) {
+        if ((0, import_utils14.isFunction)(appliedFunction)) {
           const { state, context } = element;
           node2.addEventListener(param, (event) => appliedFunction(event, element, state, context));
         }
@@ -4379,10 +4379,10 @@ var require_can = __commonJS({
     });
     module2.exports = __toCommonJS2(can_exports);
     var import_report = require_cjs3();
-    var import_utils15 = require_cjs2();
+    var import_utils14 = require_cjs2();
     var canRender = (element) => {
       const tag = element.tag || "div";
-      return (0, import_utils15.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils14.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
@@ -4447,11 +4447,11 @@ var require_methods = __commonJS({
       toggle: () => toggle
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils15 = require_cjs2();
+    var import_utils14 = require_cjs2();
     var import_ignore = require_ignore();
     var parse2 = function() {
       const state = this;
-      if ((0, import_utils15.isObject)(state)) {
+      if ((0, import_utils14.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -4459,7 +4459,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils15.isArray)(state)) {
+      } else if ((0, import_utils14.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -4479,7 +4479,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils15.isString)(stateKey)) {
+      if ((0, import_utils14.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -4514,10 +4514,10 @@ var require_methods = __commonJS({
     };
     var add = function(value, options = {}) {
       const state = this;
-      if ((0, import_utils15.isArray)(state)) {
+      if ((0, import_utils14.isArray)(state)) {
         state.push(value);
         state.update(state.parse(), { overwrite: "replace", ...options });
-      } else if ((0, import_utils15.isObject)(state)) {
+      } else if ((0, import_utils14.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value }, options);
       }
@@ -4528,10 +4528,10 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils15.isArray)(state))
-        (0, import_utils15.removeFromArray)(state, key);
-      if ((0, import_utils15.isObject)(state))
-        (0, import_utils15.removeFromObject)(state, key);
+      if ((0, import_utils14.isArray)(state))
+        (0, import_utils14.removeFromArray)(state, key);
+      if ((0, import_utils14.isObject)(state))
+        (0, import_utils14.removeFromObject)(state, key);
       return state.update(state.parse(), { replace: true, ...options });
     };
     var set2 = function(value, options = {}) {
@@ -4540,7 +4540,7 @@ var require_methods = __commonJS({
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils15.isFunction)(func)) {
+      if ((0, import_utils14.isFunction)(func)) {
         func(state);
         return state.update(state, { replace: true, ...options });
       }
@@ -4580,7 +4580,7 @@ var require_inherit = __commonJS({
       isState: () => isState3
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils15 = require_cjs2();
+    var import_utils14 = require_cjs2();
     var import_ignore = require_ignore();
     var getParentStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("../"))
@@ -4634,9 +4634,9 @@ var require_inherit = __commonJS({
       const inheritedState = findInheritedState(element, parent);
       if (!inheritedState)
         return element.state;
-      if ((0, import_utils15.is)(inheritedState)("object", "array")) {
-        return (0, import_utils15.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils15.is)(inheritedState)("string", "number")) {
+      if ((0, import_utils14.is)(inheritedState)("object", "array")) {
+        return (0, import_utils14.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
+      } else if ((0, import_utils14.is)(inheritedState)("string", "number")) {
         ref.__stateType = "string";
         return { value: inheritedState };
       }
@@ -4645,12 +4645,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (!stateKey || (0, import_utils15.isNot)(stateKey)("number", "string"))
+      if (!stateKey || (0, import_utils14.isNot)(stateKey)("number", "string"))
         return false;
       return true;
     };
     var isState3 = function(state) {
-      if (!(0, import_utils15.isObjectLike)(state))
+      if (!(0, import_utils14.isObjectLike)(state))
         return false;
       return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.add && state.apply && state.__element && state.__children;
     };
@@ -4699,7 +4699,7 @@ var require_updateState = __commonJS({
     var import_report = require_cjs3();
     var import_event = require_cjs4();
     var import_ignore = require_ignore();
-    var import_utils15 = require_cjs2();
+    var import_utils14 = require_cjs2();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -4713,7 +4713,7 @@ var require_updateState = __commonJS({
       const state = this;
       const element = state.__element;
       if (!options.updateByState)
-        (0, import_utils15.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils14.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -4743,10 +4743,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils15.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils14.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils15.overwriteShallow : import_utils15.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils14.overwriteShallow : import_utils14.overwriteDeep;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     };
     var hoistStateUpdate = (state, obj, options) => {
@@ -4837,7 +4837,7 @@ var require_create = __commonJS({
     });
     module2.exports = __toCommonJS2(create_exports);
     var import_event = require_cjs4();
-    var import_utils15 = require_cjs2();
+    var import_utils14 = require_cjs2();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -4851,7 +4851,7 @@ var require_create = __commonJS({
       if (objectizeState === false)
         return parent.state || {};
       else
-        element.state = (0, import_utils15.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
+        element.state = (0, import_utils14.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
       const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
       if (whatInitReturns === false)
         return element.state;
@@ -4870,17 +4870,17 @@ var require_create = __commonJS({
       const { __ref: ref } = state;
       if (!ref)
         return;
-      const dependentState = (0, import_utils15.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils14.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      ref.__depends = (0, import_utils15.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
+      ref.__depends = (0, import_utils14.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
       return dependentState;
     };
     var checkForTypes = (element) => {
       const { state, __ref: ref } = element;
-      if ((0, import_utils15.isFunction)(state)) {
+      if ((0, import_utils14.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils15.exec)(state, element);
-      } else if ((0, import_utils15.is)(state)("string", "number")) {
+        return (0, import_utils14.exec)(state, element);
+      } else if ((0, import_utils14.is)(state)("string", "number")) {
         ref.__state = state;
         return {};
       } else if (state === true) {
@@ -4927,7 +4927,7 @@ var require_create = __commonJS({
         __children: {},
         __root: ref.__root ? ref.__root.state : state
       };
-      if ((0, import_utils15.isArray)(state)) {
+      if ((0, import_utils14.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -4984,7 +4984,7 @@ var require_moment = __commonJS({
       function isArray5(input) {
         return input instanceof Array || Object.prototype.toString.call(input) === "[object Array]";
       }
-      function isObject6(input) {
+      function isObject5(input) {
         return input != null && Object.prototype.toString.call(input) === "[object Object]";
       }
       function hasOwnProp(a, b) {
@@ -5232,7 +5232,7 @@ var require_moment = __commonJS({
         var res = extend({}, parentConfig), prop;
         for (prop in childConfig) {
           if (hasOwnProp(childConfig, prop)) {
-            if (isObject6(parentConfig[prop]) && isObject6(childConfig[prop])) {
+            if (isObject5(parentConfig[prop]) && isObject5(childConfig[prop])) {
               res[prop] = {};
               extend(res[prop], parentConfig[prop]);
               extend(res[prop], childConfig[prop]);
@@ -5244,7 +5244,7 @@ var require_moment = __commonJS({
           }
         }
         for (prop in parentConfig) {
-          if (hasOwnProp(parentConfig, prop) && !hasOwnProp(childConfig, prop) && isObject6(parentConfig[prop])) {
+          if (hasOwnProp(parentConfig, prop) && !hasOwnProp(childConfig, prop) && isObject5(parentConfig[prop])) {
             res[prop] = extend({}, res[prop]);
           }
         }
@@ -7027,7 +7027,7 @@ var require_moment = __commonJS({
             return parseInt(obj, 10);
           });
           configFromArray(config);
-        } else if (isObject6(input)) {
+        } else if (isObject5(input)) {
           configFromObject(config);
         } else if (isNumber(input)) {
           config._d = new Date(input);
@@ -7045,7 +7045,7 @@ var require_moment = __commonJS({
           strict = locale2;
           locale2 = void 0;
         }
-        if (isObject6(input) && isObjectEmpty(input) || isArray5(input) && input.length === 0) {
+        if (isObject5(input) && isObjectEmpty(input) || isArray5(input) && input.length === 0) {
           input = void 0;
         }
         c._isAMomentObject = true;
@@ -7464,7 +7464,7 @@ var require_moment = __commonJS({
         return isMoment(input) || isDate(input) || isString7(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
-        var objectTest = isObject6(input) && !isObjectEmpty(input), propertyTest = false, properties = [
+        var objectTest = isObject5(input) && !isObjectEmpty(input), propertyTest = false, properties = [
           "years",
           "year",
           "y",
@@ -7506,7 +7506,7 @@ var require_moment = __commonJS({
         return arrayTest && dataTypeTest;
       }
       function isCalendarSpec(input) {
-        var objectTest = isObject6(input) && !isObjectEmpty(input), propertyTest = false, properties = [
+        var objectTest = isObject5(input) && !isObjectEmpty(input), propertyTest = false, properties = [
           "sameDay",
           "nextDay",
           "lastDay",
@@ -9176,8 +9176,8 @@ var require_cjs6 = __commonJS({
       router: () => router
     });
     module2.exports = __toCommonJS2(router_exports);
-    var import_utils15 = require_cjs2();
-    var getActiveRoute = (level = 0, route = import_utils15.window.location.pathname) => {
+    var import_utils14 = require_cjs2();
+    var getActiveRoute = (level = 0, route = import_utils14.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -9191,7 +9191,7 @@ var require_cjs6 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_utils15.document && import_utils15.document.documentElement,
+      scrollNode: import_utils14.document && import_utils14.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -9206,13 +9206,13 @@ var require_cjs6 = __commonJS({
       const route = getActiveRoute(options.level, pathname);
       const content = element.routes[route || "/"] || element.routes["/*"];
       const scrollNode = options.scrollToNode ? rootNode : options.scrollNode;
-      const hashChanged = hash2 && hash2 !== import_utils15.window.location.hash.slice(1);
+      const hashChanged = hash2 && hash2 !== import_utils14.window.location.hash.slice(1);
       const pathChanged = pathname !== lastPathname;
       lastPathname = pathname;
       if (!content)
         return;
       if (options.pushState) {
-        import_utils15.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
+        import_utils14.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
       }
       if (pathChanged || !hashChanged) {
         if (options.updateState) {
@@ -9238,7 +9238,7 @@ var require_cjs6 = __commonJS({
         });
       }
       if (hash2) {
-        const activeNode = import_utils15.document.getElementById(hash2);
+        const activeNode = import_utils14.document.getElementById(hash2);
         if (activeNode) {
           const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0;
           scrollNode.scrollTo({
@@ -10473,12 +10473,11 @@ var Shape = {
 };
 
 // Atoms/Text.js
-var import_utils4 = __toESM(require_cjs2());
 var import_scratch8 = __toESM(require_cjs());
 var Text = {
-  deps: { isObject: import_utils4.isObject, getFontSizeByKey: import_scratch8.getFontSizeByKey, getFontFamily: import_scratch8.getFontFamily },
+  deps: { getFontSizeByKey: import_scratch8.getFontSizeByKey, getFontFamily: import_scratch8.getFontFamily },
   text: ({ key, props: props6, state, deps }) => {
-    if (deps.isObject(props6) && props6.text === true)
+    if (props6.text === true)
       return state && state[key] || props6 && props6[key];
     return props6.text;
   },
@@ -10542,7 +10541,7 @@ var XYZ = {
 
 // Atoms/Animation.js
 var import_scratch9 = __toESM(require_cjs());
-var import_utils6 = __toESM(require_cjs2());
+var import_utils5 = __toESM(require_cjs2());
 
 // ../../node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
 function sheetForTag(tag) {
@@ -11893,7 +11892,7 @@ var emotion = createEmotion3();
 // Atoms/Animation.js
 var { keyframes } = emotion;
 var applyAnimationProps = (animation, element) => {
-  if ((0, import_utils6.isObject)(animation))
+  if ((0, import_utils5.isObject)(animation))
     return { animationName: keyframes(animation) };
   const { ANIMATION } = element.context && element.context.designSystem;
   const record = ANIMATION[animation];
@@ -11938,7 +11937,7 @@ var Animation = {
 };
 
 // Box/index.js
-var import_utils7 = __toESM(require_cjs2());
+var import_utils6 = __toESM(require_cjs2());
 var PropsCSS = {
   class: {
     style: ({ props: props6 }) => props6 && props6.style
@@ -11961,8 +11960,8 @@ var Box = {
     Animation
   ],
   attr: {
-    id: ({ props: props6 }) => (0, import_utils7.isString)(props6.id) && props6.id,
-    title: ({ props: props6 }) => (0, import_utils7.isString)(props6.title) && props6.title,
+    id: ({ props: props6 }) => (0, import_utils6.isString)(props6.id) && props6.id,
+    title: ({ props: props6 }) => (0, import_utils6.isString)(props6.title) && props6.title,
     contentEditable: ({ props: props6 }) => props6.contentEditable || props6.contenteditable,
     dir: ({ props: props6 }) => props6.dir,
     draggable: ({ props: props6 }) => props6.draggable,
@@ -12375,6 +12374,7 @@ var AvatarChooser = {
   },
   select: {
     props: {
+      id: "avatar-chooser",
       outline: "none",
       pointerEvents: "all",
       appearance: "none",
@@ -12388,7 +12388,7 @@ var AvatarChooser = {
       margin: "0 0 0 -B1+X",
       padding: "0 A 0 B1+X"
     },
-    attr: { name: "avatar-chooser", id: "avatar-chooser" },
+    attr: { name: "avatar-chooser" },
     childExtend: { tag: "option" },
     $setPropsCollection: ({ parent }) => parent.props.options,
     on: {
@@ -13556,11 +13556,11 @@ var RouteLink = {
 };
 
 // Input/index.js
-var import_utils8 = __toESM(require_cjs2());
+var import_utils7 = __toESM(require_cjs2());
 var Input2 = {
   extend: [Focusable],
   tag: "input",
-  deps: { isString: import_utils8.isString, replaceLiteralsWithObjectFields: import_utils8.replaceLiteralsWithObjectFields },
+  deps: { isString: import_utils7.isString, replaceLiteralsWithObjectFields: import_utils7.replaceLiteralsWithObjectFields },
   props: {
     border: "none",
     type: "input",
@@ -13626,7 +13626,7 @@ var Flex2 = {
 var import_scratch11 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Media.js
-var import_utils9 = __toESM(require_cjs2());
+var import_utils8 = __toESM(require_cjs2());
 
 // Field/node_modules/@symbo.ls/atoms/Theme.js
 var import_scratch14 = __toESM(require_cjs());
@@ -13666,13 +13666,13 @@ var Focusable2 = {
 
 // Field/node_modules/@symbo.ls/atoms/Collection.js
 var import_state2 = __toESM(require_cjs5());
-var import_utils10 = __toESM(require_cjs2());
+var import_utils9 = __toESM(require_cjs2());
 
 // Field/node_modules/@symbo.ls/atoms/Position.js
 var import_scratch15 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Shape/index.js
-var import_utils11 = __toESM(require_cjs2());
+var import_utils10 = __toESM(require_cjs2());
 var import_scratch16 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Text.js
@@ -13680,7 +13680,7 @@ var import_scratch17 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Animation.js
 var import_scratch18 = __toESM(require_cjs());
-var import_utils12 = __toESM(require_cjs2());
+var import_utils11 = __toESM(require_cjs2());
 
 // Field/node_modules/@symbo.ls/emotion/index.js
 var createEmotion4 = (key = "smbls", container) => {
@@ -13805,7 +13805,7 @@ var Video = {
 };
 
 // Range/index.js
-var import_utils13 = __toESM(require_cjs2());
+var import_utils12 = __toESM(require_cjs2());
 var import_scratch19 = __toESM(require_cjs());
 var props4 = {
   appearance: "none",
@@ -13873,7 +13873,7 @@ var Range = {
 };
 var listenProp = (el, prop, def) => {
   const val = el.props && el.props[prop];
-  const r = (0, import_utils13.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 50;
+  const r = (0, import_utils12.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 50;
   return r + "";
 };
 var RangeWithButtons = {
@@ -13882,7 +13882,7 @@ var RangeWithButtons = {
     props: { theme: "tertiary", icon: "minus" },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils13.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
+        el.props && (0, import_utils12.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
       }
     }
   },
@@ -13903,8 +13903,8 @@ var RangeWithButtons = {
       step: (el, s) => listenProp(el, "step", 1)
     },
     on: {
-      input: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.onInput) && el.props.onInput(ev, el, el.state),
-      change: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.onChange) && el.props.onChange(ev, el, el.state)
+      input: (ev, el, s) => el.props && (0, import_utils12.isFunction)(el.props.onInput) && el.props.onInput(ev, el, el.state),
+      change: (ev, el, s) => el.props && (0, import_utils12.isFunction)(el.props.onChange) && el.props.onChange(ev, el, el.state)
     }
   },
   plus: {
@@ -13912,7 +13912,7 @@ var RangeWithButtons = {
     props: { theme: "tertiary", icon: "plus" },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils13.isFunction)(el.props.onClick) && el.props.onClick(ev, el, el.state);
+        el.props && (0, import_utils12.isFunction)(el.props.onClick) && el.props.onClick(ev, el, el.state);
       }
     }
   }
@@ -13939,7 +13939,7 @@ var style_default = {
 
 // Slider/index.js
 var import_scratch20 = __toESM(require_cjs());
-var import_utils14 = __toESM(require_cjs2());
+var import_utils13 = __toESM(require_cjs2());
 (0, import_scratch20.set)({
   theme: {
     sliderThumb: {
@@ -13971,7 +13971,7 @@ var RangeSlider = {
 };
 var listenProp2 = (el, prop, def) => {
   const val = el && el.props && el.props[prop];
-  const r = ((0, import_utils14.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
+  const r = ((0, import_utils13.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
   return r;
 };
 var Slider = {
@@ -13982,10 +13982,10 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils14.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils13.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props6 = input.props;
-        const value = (0, import_utils14.isFunction)(props6.value) ? props6.value() : props6.value;
+        const value = (0, import_utils13.isFunction)(props6.value) ? props6.value() : props6.value;
         input.node.value = value;
       }
     }
@@ -14008,8 +14008,8 @@ var Slider = {
       step: (el, s) => listenProp2(el, "step", 1)
     },
     on: {
-      input: (ev, el, s) => el.props && (0, import_utils14.isFunction)(el.props.input) && el.props.input(ev, el, s),
-      change: (ev, el, s) => el.props && (0, import_utils14.isFunction)(el.props.change) && el.props.change(ev, el, s)
+      input: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.input) && el.props.input(ev, el, s),
+      change: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.change) && el.props.change(ev, el, s)
     }
   },
   button1: {
@@ -14019,10 +14019,10 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils14.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils13.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props6 = input.props;
-        const value = (0, import_utils14.isFunction)(props6.value) ? props6.value() : props6.value;
+        const value = (0, import_utils13.isFunction)(props6.value) ? props6.value() : props6.value;
         input.node.value = value;
       }
     }
@@ -14796,7 +14796,7 @@ var Card = {
     title: { props: { text: "Total crypto assets" } },
     icon: { extend: Icon, props: { name: "arrowUpRight" } }
   },
-  content: {
+  contentx: {
     extend: AmountWithLabel,
     amount: { props: { text: "$ 12,759" } },
     label: { props: { text: "+ 8.8%" } }