@tamagui/web 1.121.12 → 1.122.0

package/dist/cjs/helpers/getSplitStyles.native.js

@@ -30,387 +30,372 @@ __export(getSplitStyles_exports, {
 });
 module.exports = __toCommonJS(getSplitStyles_exports);
 var import_constants = require("@tamagui/constants"), import_helpers = require("@tamagui/helpers"), import_react = __toESM(require("react")), import_config = require("../config"), import_accessibilityDirectMap = require("../constants/accessibilityDirectMap"), import_constants2 = require("../constants/constants"), import_isDevTools = require("../constants/isDevTools"), import_useMedia = require("../hooks/useMedia"), import_createMediaStyle = require("./createMediaStyle"), import_expandStyles = require("./expandStyles"), import_getGroupPropParts = require("./getGroupPropParts"), import_getStylesAtomic = require("./getStylesAtomic"), import_insertStyleRule = require("./insertStyleRule"), import_isActivePlatform = require("./isActivePlatform"), import_isActiveTheme = require("./isActiveTheme"), import_log = require("./log"), import_normalizeValueWithProperty = require("./normalizeValueWithProperty"), import_propMapper = require("./propMapper"), import_pseudoDescriptors = require("./pseudoDescriptors"), import_skipProps = require("./skipProps"), import_sortString = require("./sortString"), import_transformsToString = require("./transformsToString"), consoleGroupCollapsed = import_constants.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
-function isValidStyleKey(key, staticConfig) {
-  var _staticConfig_accept, validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
-  return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
+function isValidStyleKey(key, validStyles, accept) {
+  return key in validStyles ? !0 : accept && key in accept;
 }
 var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) {
-  conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-  var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, styleState = {
-    classNames,
-    conf,
-    props,
-    styleProps,
-    componentState,
-    staticConfig,
-    style: null,
-    theme,
-    usedKeys,
-    viewProps,
-    context,
-    debug
-  };
-  process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
-    props,
-    staticConfig,
-    shouldDoClasses,
-    styleProps,
-    rulesToInsert,
-    componentState,
-    styleState,
-    theme: {
-      ...theme
+  var _loop = function(keyOg2) {
+    var keyInit = keyOg2, valInit = props[keyInit];
+    if (keyInit === "children")
+      return viewProps[keyInit] = valInit, "continue";
+    if (process.env.NODE_ENV === "development" && debug === "profile" && time`before-prop-${keyInit}`, process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle")
+      return "continue";
+    if (accept) {
+      var accepted = accept[keyInit];
+      if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object")
+        return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass), "continue";
     }
-  }), console.groupEnd());
-  var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
-  for (var keyOg in props) {
-    var _loop = function(i2) {
-      var _parentStaticConfig_variants;
-      if (expanded) {
-        var [k, v] = expanded[i2];
-        key = k, val = v;
+    if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys) return "continue";
+    if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
+      if (keyInit === "group" && 0)
+        var identifier2, containerType, containerCSS;
+      return "continue";
+    }
+    var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles, accept);
+    if (0) {
+      if (staticConfig.isReactNative && keyInit.startsWith("data-"))
+        var _viewProps2, _dataSet;
+      if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
+        var isValidClassName, isMediaOrPseudo;
+        if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses)
+          var _styleState3;
       }
-      if (val == null || key in usedKeys) return "continue";
-      if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key in variants, inlineProps != null && inlineProps.has(key) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened != null && inlineWhenUnflattened.has(key))) {
-        var _props_key;
-        viewProps[key] = (_props_key = props[key]) !== null && _props_key !== void 0 ? _props_key : val;
+    }
+    if (!isValidStyleKeyInit) {
+      if (!import_constants.isAndroid && keyInit === "elevationAndroid")
+        return "continue";
+      if (keyInit === "userSelect")
+        keyInit = "selectable", valInit = valInit !== "none";
+      else if (keyInit.startsWith("data-"))
+        return "continue";
+    }
+    if (keyInit === "dataSet") {
+      for (var keyInit1 in valInit)
+        viewProps[`data-${hyphenate(keyInit1)}`] = valInit[keyInit1];
+      return "continue";
+    }
+    if (0 && !noExpand)
+      var didUseKeyInit;
+    var isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
+    if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
+      var parts = keyInit.split("-");
+      if (
+        // check if its actually a simple group selector to avoid breaking selectors
+        parts.length === 2 || parts.length === 3 && import_pseudoDescriptors.pseudoPriorities[parts[parts.length - 1]]
+      ) {
+        var name2 = parts[1];
+        context != null && context.groups.subscribe && !(context != null && context.groups.state[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
       }
-      var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
-      if (shouldPassThrough2)
-        return passDownProp(viewProps, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(` - passing down prop ${key}`), (0, import_log.log)({
-          val,
-          after: {
-            ...viewProps[key]
-          }
-        }), console.groupEnd()), "continue";
-      if (isPseudo) {
-        if (!val) return "continue";
-        var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClass), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
-        if (!descriptor)
-          return "continue";
-        if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
-          var _pseudos, _key;
-          if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static")
-            return Object.assign(pseudos[key], pseudoStyleObject), "continue";
+    }
+    var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand;
+    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))
+      return "continue";
+    var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
+    isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+    if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(`  \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
+      isVariant,
+      valInit,
+      shouldPassProp
+    }), import_constants.isClient && (0, import_log.log)({
+      variants,
+      variant: variants == null ? void 0 : variants[keyInit],
+      isVariant,
+      isHOCShouldPassThrough,
+      parentStaticConfig
+    })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant) || !noSkip && keyInit in import_skipProps.skipProps)
+      return "continue";
+    (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
+    var disablePropMap = isMediaOrPseudo1 || !isStyleLikeKey;
+    if ((0, import_propMapper.propMapper)(keyInit, valInit, styleState, disablePropMap, function(key4, val2) {
+      var _parentStaticConfig_variants;
+      if (!isHOC && disablePropMap && !isMediaOrPseudo1) {
+        viewProps[key4] = val2;
+        return;
+      }
+      if (process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, "=>", key4), (0, import_log.log)(val2), console.groupEnd()), val2 != null && !(key4 in usedKeys)) {
+        if (key4 === "pointerEvents") {
+          viewProps[key4] = val2;
+          return;
+        }
+        if (!isHOC && isValidStyleKey(key4, validStyles, accept) || import_constants.isAndroid && key4 === "elevation") {
+          mergeStyle(styleState, key4, val2);
+          return;
         }
-        if (shouldDoClasses && !isExit) {
-          var pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
-          process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), (0, import_log.log)({
-            pseudoStyleObject,
-            pseudoStyles
+        if (isPseudo = key4 in import_helpers.validPseudoKeys, isMedia = !isPseudo && (0, import_useMedia.isMediaKey)(key4), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key4 in variants, inlineProps != null && inlineProps.has(key4) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened != null && inlineWhenUnflattened.has(key4))) {
+          var _props_key;
+          viewProps[key4] = (_props_key = props[key4]) !== null && _props_key !== void 0 ? _props_key : val2;
+        }
+        var shouldPassThrough2 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
+        if (shouldPassThrough2) {
+          passDownProp(viewProps, key4, val2, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(` - passing down prop ${key4}`), (0, import_log.log)({
+            val: val2,
+            after: {
+              ...viewProps[key4]
+            }
           }), console.groupEnd());
-          var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
-          try {
-            for (var _iterator2 = pseudoStyles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
-              var psuedoStyle = _step2.value, fullKey = `${psuedoStyle[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
-              fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[import_helpers.StyleObjectIdentifier], isMediaOrPseudo1, !0));
+          return;
+        }
+        if (isPseudo) {
+          if (!val2) return;
+          var pseudoStyleObject = getSubStyle(styleState, key4, val2, styleProps.noClass);
+          if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
+            var _pseudos, _key;
+            if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key4] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static") {
+              Object.assign(pseudos[key4], pseudoStyleObject);
+              return;
             }
-          } catch (err) {
-            _didIteratorError2 = !0, _iteratorError2 = err;
-          } finally {
+          }
+          var descriptor = import_pseudoDescriptors.pseudoDescriptors[key4], isEnter = key4 === "enterStyle", isExit = key4 === "exitStyle";
+          if (!descriptor)
+            return;
+          if (shouldDoClasses && !isExit) {
+            var pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
+            process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key4), (0, import_log.log)({
+              pseudoStyleObject,
+              pseudoStyles
+            }), console.groupEnd());
+            var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
             try {
-              !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
+              for (var _iterator2 = pseudoStyles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+                var psuedoStyle = _step2.value, fullKey = `${psuedoStyle[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
+                fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[import_helpers.StyleObjectIdentifier], isMediaOrPseudo1, !0));
+              }
+            } catch (err) {
+              _didIteratorError2 = !0, _iteratorError2 = err;
             } finally {
-              if (_didIteratorError2)
-                throw _iteratorError2;
+              try {
+                !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
+              } finally {
+                if (_didIteratorError2)
+                  throw _iteratorError2;
+              }
             }
           }
-        }
-        if (!shouldDoClasses || isExit || isEnter) {
-          var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
-          isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key, {
-            isDisabled
-          }), (0, import_log.log)({
-            pseudoStyleObject,
-            isDisabled,
-            descriptor,
-            componentState
-          }), console.groupEnd());
-          var importance = descriptor.priority;
-          for (var pkey in pseudoStyleObject) {
-            var val12 = pseudoStyleObject[pkey];
-            if (isDisabled)
-              applyDefaultStyle(pkey, styleState);
-            else {
-              var curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
-              if (shouldMerge) {
-                var _pseudos1, _key1;
-                pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key] || (_pseudos1[_key1] = {}), pseudos[key][pkey] = val12, mergeStyle(styleState, pkey, val12);
+          if (!shouldDoClasses || isExit || isEnter) {
+            var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
+            isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key4, {
+              isDisabled
+            }), (0, import_log.log)({
+              pseudoStyleObject,
+              isDisabled,
+              descriptor,
+              componentState
+            }), console.groupEnd());
+            var importance = descriptor.priority;
+            for (var pkey in pseudoStyleObject) {
+              var _$val = pseudoStyleObject[pkey];
+              if (isDisabled)
+                applyDefaultStyle(pkey, styleState);
+              else {
+                var curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
+                if (shouldMerge) {
+                  if (process.env.IS_STATIC === "is_static") {
+                    var _pseudos1, _key1;
+                    pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key4] || (_pseudos1[_key1] = {}), pseudos[key4][pkey] = _$val;
+                  }
+                  mergeStyle(styleState, pkey, _$val);
+                }
+                process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("    subKey", pkey, shouldMerge, {
+                  importance,
+                  curImportance,
+                  pkey,
+                  val: _$val
+                });
               }
-              process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("    subKey", pkey, shouldMerge, {
-                importance,
-                curImportance,
-                pkey,
-                val: val12
-              });
             }
+            if (!isDisabled)
+              for (var _$key in val2) {
+                var k = shorthands[_$key] || _$key;
+                usedKeys[k] = Math.max(importance, usedKeys[k] || 0);
+              }
           }
-          if (!isDisabled)
-            for (var key12 in val) {
-              var k1 = shorthands[key12] || key12;
-              usedKeys[k1] = Math.max(importance, usedKeys[k1] || 0);
-            }
+          return;
         }
-        return "continue";
-      }
-      if (isMedia) {
-        if (!val) return "continue";
-        var hasSpace = val.space, mediaKeyShort = key.slice(isMedia == "theme" ? 7 : 1);
-        if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key))
-          return "continue";
-        if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key}`, {
-          key,
-          val,
-          props,
-          shouldDoClasses,
-          acceptsClassName,
-          componentState,
-          mediaState
-        }), shouldDoClasses) {
-          var mediaStyle = getSubStyle(styleState, key, val, !1);
-          if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
-            var importance1 = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKeyShort, "space", usedKeys, !0);
-            importance1 && (space = val.space, usedKeys.space = importance1, process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance1})`));
-          }
-          var mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle), priority = mediaStylesSeen;
-          mediaStylesSeen += 1;
-          var _iteratorNormalCompletion12 = !0, _didIteratorError12 = !1, _iteratorError12 = void 0;
-          try {
-            for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
-              var style3 = _step12.value, property = style3[import_helpers.StyleObjectProperty], isSubStyle = property[0] === "$";
-              if (!(isSubStyle && !(0, import_isActivePlatform.isActivePlatform)(property))) {
-                var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
-                process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
-                var subKey = isSubStyle ? style3[2] : "", fullKey1 = `${style3[import_helpers.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
-                fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[import_helpers.StyleObjectIdentifier], !0, !0));
-              }
+        if (isMedia) {
+          if (!val2) return;
+          var hasSpace = val2.space, mediaKeyShort = key4.slice(isMedia == "theme" ? 7 : 1);
+          if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4))
+            return;
+          if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key4}`, {
+            key: key4,
+            val: val2,
+            props,
+            shouldDoClasses,
+            acceptsClassName,
+            componentState,
+            mediaState
+          }), shouldDoClasses) {
+            var mediaStyle = getSubStyle(styleState, key4, val2, !1);
+            if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
+              var importance1 = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKeyShort, "space", usedKeys, !0);
+              importance1 && (space = val2.space, usedKeys.space = importance1, process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`Found more important space for current media ${mediaKeyShort}: ${val2} (importance: ${importance1})`));
             }
-          } catch (err) {
-            _didIteratorError12 = !0, _iteratorError12 = err;
-          } finally {
+            var mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle), priority = mediaStylesSeen;
+            mediaStylesSeen += 1;
+            var _iteratorNormalCompletion12 = !0, _didIteratorError12 = !1, _iteratorError12 = void 0;
             try {
-              !_iteratorNormalCompletion12 && _iterator12.return != null && _iterator12.return();
+              for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
+                var style3 = _step12.value, property = style3[import_helpers.StyleObjectProperty], isSubStyle = property[0] === "$";
+                if (!(isSubStyle && !(0, import_isActivePlatform.isActivePlatform)(property))) {
+                  var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
+                  process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
+                  var subKey = isSubStyle ? style3[2] : "", fullKey1 = `${style3[import_helpers.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
+                  fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[import_helpers.StyleObjectIdentifier], !0, !0));
+                }
+              }
+            } catch (err) {
+              _didIteratorError12 = !0, _iteratorError12 = err;
             } finally {
-              if (_didIteratorError12)
-                throw _iteratorError12;
+              try {
+                !_iteratorNormalCompletion12 && _iterator12.return != null && _iterator12.return();
+              } finally {
+                if (_didIteratorError12)
+                  throw _iteratorError12;
+              }
             }
-          }
-        } else {
-          let mergeMediaStyle2 = function(key5, val3) {
-            var _styleState4;
-            (_styleState4 = styleState).style || (_styleState4.style = {});
-            var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, usedKeys, mediaState[mediaKeyShort], importanceBump, debug);
-            didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
-          };
-          var mergeMediaStyle = mergeMediaStyle2, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
-          if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
-            if (!mediaState[mediaKeyShort])
-              return process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`), "continue";
-            process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
-          }
-          var mediaStyle1 = getSubStyle(styleState, key, val, !0), importanceBump = 0;
-          if (isThemeMedia) {
-            if (dynamicThemeAccess = !0, !(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort)))
-              return "continue";
-          } else if (isGroupMedia) {
-            var _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
-            if (!groupContext)
-              return process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`), "continue";
-            var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
-            if (groupMediaKey) {
-              mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
-              var mediaState1 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState1 == null ? void 0 : mediaState1[groupMediaKey];
-              if (!mediaState1 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`), !isActive) {
-                for (var pkey1 in mediaStyle1)
-                  applyDefaultStyle(pkey1, styleState);
-                return "continue";
+          } else {
+            let mergeMediaStyle2 = function(key5, val3) {
+              var _styleState4;
+              (_styleState4 = styleState).style || (_styleState4.style = {});
+              var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, usedKeys, mediaState[mediaKeyShort], importanceBump, debug);
+              didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
+            };
+            var mergeMediaStyle = mergeMediaStyle2, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
+            if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
+              if (!mediaState[mediaKeyShort]) {
+                process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
+                return;
               }
-              importanceBump = 2;
+              process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
             }
-            if (groupPseudoKey) {
-              pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
-              var componentGroupPseudoState = (componentGroupState || // fallback to context initially
-              context.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey], priority1 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
-              if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`), !isActive1) {
-                for (var pkey2 in mediaStyle1)
-                  applyDefaultStyle(pkey2, styleState);
-                return "continue";
+            var mediaStyle1 = getSubStyle(styleState, key4, val2, !0), importanceBump = 0;
+            if (isThemeMedia) {
+              if (dynamicThemeAccess = !0, !(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort)))
+                return;
+            } else if (isGroupMedia) {
+              var _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
+              if (!groupContext) {
+                process.env.NODE_ENV === "development" && debug && (0, import_log.log)(`No parent with group prop, skipping styles: ${groupName}`);
+                return;
+              }
+              var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
+              if (groupMediaKey) {
+                mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
+                var mediaState1 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState1 == null ? void 0 : mediaState1[groupMediaKey];
+                if (!mediaState1 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`), !isActive) {
+                  for (var pkey1 in mediaStyle1)
+                    applyDefaultStyle(pkey1, styleState);
+                  return;
+                }
+                importanceBump = 2;
+              }
+              if (groupPseudoKey) {
+                pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
+                var componentGroupPseudoState = (componentGroupState || // fallback to context initially
+                context.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey], priority1 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
+                if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`), !isActive1) {
+                  for (var pkey2 in mediaStyle1)
+                    applyDefaultStyle(pkey2, styleState);
+                  return;
+                }
+                importanceBump = priority1;
               }
-              importanceBump = priority1;
             }
-          }
-          for (var subKey1 in mediaStyle1) {
-            if (subKey1 === "space") {
-              space = valInit.space;
-              continue;
+            for (var subKey1 in mediaStyle1) {
+              if (subKey1 === "space") {
+                space = valInit.space;
+                continue;
+              }
+              if (subKey1[0] === "$") {
+                if (!(0, import_isActivePlatform.isActivePlatform)(subKey1) || !(0, import_isActiveTheme.isActiveTheme)(subKey1, themeName)) continue;
+                for (var subSubKey in mediaStyle1[subKey1])
+                  mergeMediaStyle2(subSubKey, mediaStyle1[subKey1][subSubKey]);
+              } else
+                mergeMediaStyle2(subKey1, mediaStyle1[subKey1]);
             }
-            if (subKey1[0] === "$") {
-              if (!(0, import_isActivePlatform.isActivePlatform)(subKey1) || !(0, import_isActiveTheme.isActiveTheme)(subKey1, themeName)) continue;
-              for (var subSubKey in mediaStyle1[subKey1])
-                mergeMediaStyle2(subSubKey, mediaStyle1[subKey1][subSubKey]);
-            } else
-              mergeMediaStyle2(subKey1, mediaStyle1[subKey1]);
           }
+          return;
         }
-        return "continue";
-      }
-      if (key === "pointerEvents")
-        return viewProps[key] = val, "continue";
-      if (
-        // is HOC we can just pass through the styles as props
-        // this fixes issues where style prop got merged with wrong priority
-        !isHOC && (isValidStyleKey(key, staticConfig) || import_constants.isAndroid && key === "elevation")
-      )
-        return mergeStyle(styleState, key, val), "continue";
-      if (!isVariant) {
-        if (styleProps.styledContextProps && key in styleProps.styledContextProps)
-          return "continue";
-        viewProps[key] = val;
-      }
-    }, keyInit = keyOg, valInit = props[keyInit];
-    if (!(process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle")) {
-      if (process.env.NODE_ENV === "development" && debug === "profile" && time`prop-${keyInit}`, accept) {
-        var accepted = accept[keyInit];
-        if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") {
-          viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
-          continue;
+        if (!isVariant) {
+          if (styleProps.styledContextProps && key4 in styleProps.styledContextProps)
+            return;
+          viewProps[key4] = val2;
         }
       }
-      if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit !== "className" && !(keyInit in usedKeys)) {
-        if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
-          if (keyInit === "group" && 0)
-            var identifier, containerType, containerCSS;
-          continue;
-        }
-        var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
-        if (0) {
-          if (staticConfig.isReactNative && keyInit.startsWith("data-"))
-            var _viewProps, _dataSet;
-          if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
-            var isValidClassName, isMediaOrPseudo;
-            if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses)
-              var _styleState;
-          }
-        }
-        if (!isValidStyleKeyInit) {
-          if (!import_constants.isAndroid && keyInit === "elevationAndroid")
-            continue;
-          if (keyInit === "userSelect")
-            keyInit = "selectable", valInit = valInit !== "none";
-          else if (keyInit.startsWith("data-"))
-            continue;
-        }
-        if (keyInit === "dataSet") {
-          for (var keyInit1 in valInit)
-            viewProps[`data-${hyphenate(keyInit1)}`] = valInit[keyInit1];
-          continue;
-        }
-        if (0 && !noExpand)
-          var didUseKeyInit;
-        var isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
-        if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
-          var parts = keyInit.split("-");
-          if (
-            // check if its actually a simple group selector to avoid breaking selectors
-            parts.length === 2 || parts.length === 3 && import_pseudoDescriptors.pseudoPriorities[parts[parts.length - 1]]
-          ) {
-            var name = parts[1];
-            context != null && context.groups.subscribe && !(context != null && context.groups.state[name]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
-          }
-        }
-        var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand || isShorthand;
-        if (!(isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))) {
-          var shouldPassProp = !isStyleProp && isHOC || // is in parent variants
-          isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-          if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), (0, import_log.log)({
-            isVariant,
-            valInit,
-            shouldPassProp
-          }), import_constants.isClient && (0, import_log.log)({
-            variants,
-            variant: variants == null ? void 0 : variants[keyInit],
-            isVariant,
-            isHOCShouldPassThrough,
-            parentStaticConfig
-          })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant)) {
-            process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
-            continue;
-          }
-          if (!noSkip && keyInit in import_skipProps.skipProps) {
-            process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
-            continue;
-          }
-          (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
-          var avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : (0, import_propMapper.propMapper)(keyInit, valInit, styleState);
-          if (!avoidPropMap) {
-            if (!expanded) continue;
-            var next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
-            next && (styleState.fontFamily = next);
-          }
-          if (process.env.NODE_ENV === "development" && debug === "verbose") {
-            consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
-            try {
-              !import_constants.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
-                expanded,
-                styleProps,
-                componentState,
-                isVariant,
-                variant: variants == null ? void 0 : variants[keyInit],
-                shouldPassProp,
-                isHOCShouldPassThrough,
-                usedKeys: {
-                  ...usedKeys
-                }
-              }), globalThis.tamaguiAvoidTracking = !0, (0, import_log.log)("expanded", expanded, `
-usedKeys`, {
-                ...usedKeys
-              }, `
-current`, {
-                ...styleState.style
-              }), globalThis.tamaguiAvoidTracking = !1);
-            } catch {
-            }
-            console.groupEnd();
-          }
-          for (var key = keyInit, val = valInit, max = expanded ? expanded.length : 1, i = 0; i < max; i++) _loop(i);
-          if (process.env.NODE_ENV === "development" && debug === "verbose") {
-            try {
-              (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", {
-                ...styleState.style
-              }), (0, import_log.log)("transforms", {
-                ...transforms
-              }), (0, import_log.log)("viewProps", {
-                ...viewProps
-              });
-            } catch {
-            }
-            console.groupEnd();
-          }
-        }
+    }), process.env.NODE_ENV === "development" && debug === "verbose") {
+      try {
+        (0, import_log.log)(" \u2714\uFE0F expand complete", keyInit), (0, import_log.log)("style", {
+          ...styleState.style
+        }), (0, import_log.log)("transforms", {
+          ...transforms
+        }), (0, import_log.log)("viewProps", {
+          ...viewProps
+        });
+      } catch {
       }
+      console.groupEnd();
     }
+  };
+  props.reddish && (debug = "verbose"), conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+  var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
+  process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-setup`;
+  var styleState = {
+    classNames,
+    conf,
+    props,
+    styleProps,
+    componentState,
+    staticConfig,
+    style: null,
+    theme,
+    usedKeys,
+    viewProps,
+    context,
+    debug
+  };
+  if (process.env.IS_STATIC === "is_static") {
+    var { fallbackProps } = styleProps;
+    fallbackProps && (styleState.props = new Proxy(props, {
+      get(_, key4, val2) {
+        return Reflect.has(props, key4) ? Reflect.get(props, key4) : Reflect.get(fallbackProps, key4);
+      }
+    }));
   }
+  process.env.NODE_ENV === "development" && debug === "profile" && time`style-state`, process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
+    props,
+    staticConfig,
+    shouldDoClasses,
+    styleProps,
+    rulesToInsert,
+    componentState,
+    styleState,
+    theme: {
+      ...theme
+    }
+  }), console.groupEnd());
+  var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
+  for (var keyOg in props) _loop(keyOg);
   process.env.NODE_ENV === "development" && debug === "profile" && time`split-styles-propsend`;
   var avoidNormalize = styleProps.noNormalize === !1;
   if (!avoidNormalize) {
     if (styleState.style && ((0, import_expandStyles.fixStyles)(styleState.style), import_constants.isWeb && !isReactNative && (0, import_getStylesAtomic.styleToCSS)(styleState.style)), styleState.flatTransforms) {
-      var _styleState1;
-      (_styleState1 = styleState).style || (_styleState1.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
+      var _styleState;
+      (_styleState = styleState).style || (_styleState.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
         var [a] = param, [b] = param1;
         return (0, import_sortString.sortString)(a, b);
       }).forEach(function(param) {
-        var [key5, val3] = param;
-        mergeTransform(styleState.style, key5, val3, !0);
+        var [key4, val2] = param;
+        mergeTransform(styleState.style, key4, val2, !0);
       });
     }
     if (parentSplitStyles) {
       if (0 && shouldDoClasses)
-        for (var key1 in parentSplitStyles.classNames)
-          var val1;
+        for (var key in parentSplitStyles.classNames)
+          var val;
       if (!shouldDoClasses)
-        for (var key2 in parentSplitStyles.style) {
-          var _styleState2;
-          key2 in classNames || styleState.style && key2 in styleState.style || ((_styleState2 = styleState).style || (_styleState2.style = {}), styleState.style[key2] = parentSplitStyles.style[key2]);
+        for (var key1 in parentSplitStyles.style) {
+          var _styleState1;
+          key1 in classNames || styleState.style && key1 in styleState.style || ((_styleState1 = styleState).style || (_styleState1.style = {}), styleState.style[key1] = parentSplitStyles.style[key1]);
         }
     }
   }
@@ -423,21 +408,21 @@ current`, {
         var atomic, _iteratorNormalCompletion, _didIteratorError, _iteratorError;
         try {
           for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
-            var atomicStyle, _props_animateOnly, _props_animateOnly1, key3, value, identifier1, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
+            var atomicStyle, _props_animateOnly, _props_animateOnly1, key2, value, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
         } catch (err) {
         } finally {
         }
       }
       if (transforms)
         for (var namespace in transforms) {
-          var hash, val2, identifier2;
-          if (import_constants.isClient && !insertedTransforms[identifier2])
+          var hash, val1, identifier1;
+          if (import_constants.isClient && !insertedTransforms[identifier1])
             var rule;
         }
     }
     if (isReactNative) {
       if (viewProps.tabIndex === 0)
-        var _viewProps1, _accessible;
+        var _viewProps, _accessible;
     } else if (viewProps.tabIndex == null)
       var _viewProps_focusable, isFocusable, role;
   }
@@ -446,14 +431,14 @@ current`, {
     if (isHOC)
       viewProps.style = normalizeStyle(styleProp);
     else
-      for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i1 = 0; i1 < len; i1++) {
-        var style = isArray ? styleProp[i1] : styleProp;
+      for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i = 0; i < len; i++) {
+        var style = isArray ? styleProp[i] : styleProp;
         if (style)
           if (style.$$css)
             Object.assign(styleState.classNames, style);
           else {
-            var _styleState3;
-            (_styleState3 = styleState).style || (_styleState3.style = {}), Object.assign(styleState.style, normalizeStyle(style));
+            var _styleState2;
+            (_styleState2 = styleState).style || (_styleState2.style = {}), Object.assign(styleState.style, normalizeStyle(style));
           }
       }
   var style1 = styleState.style;
@@ -489,7 +474,7 @@ current`, {
             var cnStyles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1;
             try {
               for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0)
-                var name1;
+                var name;
             } catch (err) {
             } finally {
             }
@@ -511,8 +496,8 @@ current`, {
         rulesToInsert,
         parentSplitStyles
       };
-      for (var key4 in logs)
-        (0, import_log.log)(key4, logs[key4]);
+      for (var key3 in logs)
+        (0, import_log.log)(key3, logs[key3]);
     } catch {
     }
     console.groupEnd();
@@ -546,30 +531,17 @@ function mergeStyle(styleState, key, val) {
   }
 }
 var getSubStyle = function(styleState, subKey, styleIn, avoidMergeTransform) {
-  var { staticConfig, conf: conf2, styleProps } = styleState, styleOut = {};
-  for (var key in styleIn) {
-    var val = styleIn[key];
-    key = conf2.shorthands[key] || key;
-    var expanded = (0, import_propMapper.propMapper)(key, val, styleState);
-    if (!(!expanded || !staticConfig.isHOC && key in import_skipProps.skipProps && !styleProps.noSkip)) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      try {
-        for (var _iterator = expanded[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-          var [skey, sval] = _step.value;
-          skey in import_helpers.validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
-        }
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-    }
-  }
+  var _loop = function(key1) {
+    var val = styleIn[key1];
+    key1 = conf2.shorthands[key1] || key1;
+    var shouldSkip = !staticConfig.isHOC && key1 in import_skipProps.skipProps && !styleProps.noSkip;
+    if (shouldSkip)
+      return key = key1, "continue";
+    (0, import_propMapper.propMapper)(key1, val, styleState, !1, function(skey, sval) {
+      skey in import_helpers.validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key1);
+    }), key = key1;
+  }, { staticConfig, conf: conf2, styleProps } = styleState, styleOut = {};
+  for (var key in styleIn) _loop(key);
   return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
 }, useInsertEffectCompat = import_constants.isWeb ? import_react.default.useInsertionEffect || import_constants.useIsomorphicLayoutEffect : function() {
 }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {