@tamagui/web 1.90.1 → 1.90.2

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

@@ -5,7 +5,7 @@ import { getConfig, getFont } from "../config";
 import { accessibilityWebRoleToNativeRole, nativeAccessibilityState, nativeAccessibilityValue, webToNativeAccessibilityDirectMap } from "../constants/accessibilityDirectMap";
 import "../constants/constants";
 import { isDevTools } from "../constants/isDevTools";
-import { getMediaImportanceIfMoreImportant, mediaState as globalMediaState, isMediaKey, mediaKeyMatch, mediaQueryConfig, mergeMediaByImportance } from "../hooks/useMedia";
+import { getMediaImportanceIfMoreImportant, mediaState as globalMediaState, isMediaKey, mediaKeyMatch, mediaQueryConfig } from "../hooks/useMedia";
 import { createMediaStyle } from "./createMediaStyle";
 import { fixStyles } from "./expandStyles";
 import { getGroupPropParts } from "./getGroupPropParts";
@@ -214,253 +214,252 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
           isHOCShouldPassThrough,
           curProps: _object_spread({}, styleState.curProps),
           parentStaticConfig
-        })), !(shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant)) && !(!styleProps.noSkip && keyInit in skipProps)) {
-          (isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit);
-          var avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : propMapper(keyInit, valInit, styleState);
-          if (!avoidPropMap) {
-            if (!expanded)
-              continue;
-            var next = getPropMappedFontFamily(expanded);
-            next && (styleState.fontFamily = next);
-          }
-          if (process.env.NODE_ENV === "development" && debug === "verbose") {
-            console.groupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
-            try {
-              !isServer && isDevTools && (log({
-                expanded,
-                styleProps,
-                componentState,
-                isVariant,
-                variant: variants == null ? void 0 : variants[keyInit],
-                shouldPassProp,
-                isHOCShouldPassThrough,
-                theme,
-                usedKeys: _object_spread({}, usedKeys),
-                curProps: _object_spread({}, styleState.curProps)
-              }), log("expanded", expanded, `
+        })), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant)) {
+          process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd();
+          continue;
+        }
+        if (!styleProps.noSkip && keyInit in 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 : propMapper(keyInit, valInit, styleState);
+        if (!avoidPropMap) {
+          if (!expanded)
+            continue;
+          var next = getPropMappedFontFamily(expanded);
+          next && (styleState.fontFamily = next);
+        }
+        if (process.env.NODE_ENV === "development" && debug === "verbose") {
+          console.groupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
+          try {
+            !isServer && isDevTools && (log({
+              expanded,
+              styleProps,
+              componentState,
+              isVariant,
+              variant: variants == null ? void 0 : variants[keyInit],
+              shouldPassProp,
+              isHOCShouldPassThrough,
+              theme,
+              usedKeys: _object_spread({}, usedKeys),
+              curProps: _object_spread({}, styleState.curProps)
+            }), log("expanded", expanded, `
 usedKeys`, _object_spread({}, usedKeys), `
 current`, _object_spread({}, styleState.style)));
-            } catch {
-            }
-            console.groupEnd();
+          } catch {
+          }
+          console.groupEnd();
+        }
+        for (var key = keyInit, val = valInit, max = expanded ? expanded.length : 1, i = 0; i < max; i++) {
+          var _parentStaticConfig_variants1;
+          if (expanded) {
+            var _expanded_i = _sliced_to_array(expanded[i], 2), k = _expanded_i[0], v = _expanded_i[1];
+            key = k, val = v;
           }
-          for (var key = keyInit, val = valInit, max = expanded ? expanded.length : 1, i = 0; i < max; i++) {
-            var _parentStaticConfig_variants1;
-            if (expanded) {
-              var _expanded_i = _sliced_to_array(expanded[i], 2), k = _expanded_i[0], v = _expanded_i[1];
-              key = k, val = v;
+          if (val != null && !(key in usedKeys)) {
+            if (isPseudo = key in validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && isMediaKey(key), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key in variants, inlineProps != null && inlineProps.has(key) || 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 (val != null && !(key in usedKeys)) {
-              if (isPseudo = key in validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && isMediaKey(key), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key in variants, inlineProps != null && inlineProps.has(key) || IS_STATIC && (inlineWhenUnflattened != null && inlineWhenUnflattened.has(key))) {
-                var _props_key;
-                viewProps[key] = (_props_key = props[key]) !== null && _props_key !== void 0 ? _props_key : val;
-              }
-              var shouldPassThrough1 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants1 = parentStaticConfig.variants) === null || _parentStaticConfig_variants1 === void 0 ? void 0 : _parentStaticConfig_variants1[keyInit]));
-              if (shouldPassThrough1) {
-                passDownProp(viewProps, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(" - passing down prop ".concat(key)), log({
-                  val,
-                  after: _object_spread({}, viewProps[key])
-                }), console.groupEnd());
+            var shouldPassThrough1 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants1 = parentStaticConfig.variants) === null || _parentStaticConfig_variants1 === void 0 ? void 0 : _parentStaticConfig_variants1[keyInit]));
+            if (shouldPassThrough1) {
+              passDownProp(viewProps, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(" - passing down prop ".concat(key)), log({
+                val,
+                after: _object_spread({}, viewProps[key])
+              }), console.groupEnd());
+              continue;
+            }
+            if (isPseudo) {
+              if (!val)
                 continue;
-              }
-              if (isPseudo) {
-                if (!val)
-                  continue;
-                var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames), descriptor = pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
-                if (!descriptor)
+              var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames), descriptor = pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
+              if (!descriptor)
+                continue;
+              if (!shouldDoClasses || IS_STATIC) {
+                var _pseudos, _key;
+                if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key] || (_pseudos[_key] = {}), IS_STATIC) {
+                  Object.assign(pseudos[key], pseudoStyleObject);
                   continue;
-                if (!shouldDoClasses || IS_STATIC) {
-                  var _pseudos, _key;
-                  if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key] || (_pseudos[_key] = {}), IS_STATIC) {
-                    Object.assign(pseudos[key], pseudoStyleObject);
-                    continue;
-                  }
                 }
-                if (shouldDoClasses && !isExit) {
-                  var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
-                  process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), log({
-                    pseudoStyleObject,
-                    pseudoStyles
-                  }), console.groupEnd());
-                  var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+              }
+              if (shouldDoClasses && !isExit) {
+                var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
+                process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), log({
+                  pseudoStyleObject,
+                  pseudoStyles
+                }), console.groupEnd());
+                var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+                try {
+                  for (var _iterator = pseudoStyles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+                    var psuedoStyle = _step.value, fullKey = "".concat(psuedoStyle.property).concat(PROP_SPLIT).concat(descriptor.name);
+                    fullKey in usedKeys || mergeClassName(transforms, classNames, fullKey, psuedoStyle.identifier, isMediaOrPseudo1, !0);
+                  }
+                } catch (err) {
+                  _didIteratorError = !0, _iteratorError = err;
+                } finally {
                   try {
-                    for (var _iterator = pseudoStyles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-                      var psuedoStyle = _step.value, fullKey = "".concat(psuedoStyle.property).concat(PROP_SPLIT).concat(descriptor.name);
-                      fullKey in usedKeys || mergeClassName(transforms, classNames, fullKey, psuedoStyle.identifier, isMediaOrPseudo1, !0);
-                    }
-                  } catch (err) {
-                    _didIteratorError = !0, _iteratorError = err;
+                    !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
                   } finally {
-                    try {
-                      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-                    } finally {
-                      if (_didIteratorError)
-                        throw _iteratorError;
-                    }
+                    if (_didIteratorError)
+                      throw _iteratorError;
                   }
                 }
-                if (!shouldDoClasses || isExit || isEnter) {
-                  var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
-                  isExit && (isDisabled = !styleProps.isExiting), isEnter && (isDisabled = componentState.unmounted === "should-enter" ? !0 : !componentState.unmounted), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, {
-                    isDisabled
-                  }), log({
-                    pseudoStyleObject,
-                    isDisabled,
-                    descriptor,
-                    componentState
-                  }), console.groupEnd());
-                  var importance = descriptor.priority;
-                  for (var pkey in pseudoStyleObject) {
-                    var val1 = pseudoStyleObject[pkey];
-                    if (isDisabled) {
-                      var defaultValues = animatableDefaults[pkey];
-                      defaultValues != null && !(pkey in usedKeys) && (!styleState.style || !(pkey in styleState.style)) && mergeStyle(styleState, pkey, defaultValues);
-                    } 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] = val1, mergeStyle(styleState, pkey, val1);
-                      }
-                      process.env.NODE_ENV === "development" && debug === "verbose" && log("    subKey", pkey, shouldMerge, {
-                        importance,
-                        curImportance,
-                        pkey,
-                        val: val1,
-                        transforms: _object_spread({}, styleState.transforms)
-                      });
+              }
+              if (!shouldDoClasses || isExit || isEnter) {
+                var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
+                isExit && (isDisabled = !styleProps.isExiting), isEnter && (isDisabled = componentState.unmounted === "should-enter" ? !0 : !componentState.unmounted), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, {
+                  isDisabled
+                }), log({
+                  pseudoStyleObject,
+                  isDisabled,
+                  descriptor,
+                  componentState
+                }), console.groupEnd());
+                var importance = descriptor.priority;
+                for (var pkey in pseudoStyleObject) {
+                  var val1 = pseudoStyleObject[pkey];
+                  if (isDisabled) {
+                    var defaultValues = animatableDefaults[pkey];
+                    defaultValues != null && !(pkey in usedKeys) && (!styleState.style || !(pkey in styleState.style)) && mergeStyle(styleState, pkey, defaultValues);
+                  } 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] = val1, mergeStyle(styleState, pkey, val1);
                     }
+                    process.env.NODE_ENV === "development" && debug === "verbose" && log("    subKey", pkey, shouldMerge, {
+                      importance,
+                      curImportance,
+                      pkey,
+                      val: val1
+                    });
                   }
-                  if (!isDisabled)
-                    for (var key1 in val) {
-                      var k1 = shorthands[key1] || key1;
-                      usedKeys[k1] = Math.max(importance, usedKeys[k1] || 0);
-                    }
                 }
-                continue;
+                if (!isDisabled)
+                  for (var key1 in val) {
+                    var k1 = shorthands[key1] || key1;
+                    usedKeys[k1] = Math.max(importance, usedKeys[k1] || 0);
+                  }
               }
-              if (isMedia) {
-                if (!val)
+              continue;
+            }
+            if (isMedia) {
+              if (!val)
+                continue;
+              if (isMedia === "platform") {
+                var platform = key.slice(10);
+                if (
+                  // supports web, ios, android
+                  platform !== currentPlatform && // supports web, native
+                  platform !== "native"
+                )
                   continue;
-                if (isMedia === "platform") {
-                  var platform = key.slice(10);
-                  if (
-                    // supports web, ios, android
-                    platform !== currentPlatform && // supports web, native
-                    platform !== "native"
-                  )
-                    continue;
+              }
+              hasMedia || (hasMedia = !0);
+              var mediaKeyShort = key.slice(1);
+              process.env.NODE_ENV === "development" && debug === "verbose" && log("  \u{1F4FA} ".concat(key), {
+                key,
+                val,
+                props,
+                shouldDoClasses,
+                acceptsClassName,
+                componentState
+              });
+              var hasSpace = val.space;
+              if ((hasSpace || !shouldDoClasses) && (Array.isArray(hasMedia) || (hasMedia = []), hasMedia.push(mediaKeyShort)), shouldDoClasses) {
+                var mediaStyle = getSubStyle(styleState, key, val, !1);
+                if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
+                  var importance1 = getMediaImportanceIfMoreImportant(mediaKeyShort, "space", usedKeys, !0);
+                  importance1 && (space = val.space, usedKeys.space = importance1, process.env.NODE_ENV === "development" && debug === "verbose" && log("Found more important space for current media ".concat(mediaKeyShort, ": ").concat(val, " (importance: ").concat(importance1, ")")));
                 }
-                hasMedia || (hasMedia = !0);
-                var mediaStyle = getSubStyle(
-                  styleState,
-                  key,
-                  val,
-                  // TODO try true like pseudo
-                  !1
-                ), mediaKeyShort = key.slice(1);
-                process.env.NODE_ENV === "development" && debug === "verbose" && log("  \u{1F4FA} ".concat(key), {
-                  key,
-                  val,
-                  mediaStyle,
-                  props,
-                  shouldDoClasses,
-                  acceptsClassName,
-                  componentState
-                });
-                var hasSpace = val.space;
-                if ((hasSpace || !shouldDoClasses) && (Array.isArray(hasMedia) || (hasMedia = []), hasMedia.push(mediaKeyShort)), shouldDoClasses) {
-                  if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
-                    var importance1 = getMediaImportanceIfMoreImportant(mediaKeyShort, "space", usedKeys, !0);
-                    importance1 && (space = val.space, usedKeys.space = importance1, process.env.NODE_ENV === "development" && debug === "verbose" && log("Found more important space for current media ".concat(mediaKeyShort, ": ").concat(val, " (importance: ").concat(importance1, ")")));
+                var mediaStyles = getStylesAtomic(mediaStyle), priority = mediaStylesSeen;
+                mediaStylesSeen += 1;
+                var _iteratorNormalCompletion1 = !0, _didIteratorError1 = !1, _iteratorError1 = void 0;
+                try {
+                  for (var _iterator1 = mediaStyles[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
+                    var style = _step1.value, out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig, isMedia, !1, priority);
+                    process.env.NODE_ENV === "development" && debug === "verbose" && log("\u{1F4FA} media style:", out);
+                    var fullKey1 = "".concat(style.property).concat(PROP_SPLIT).concat(mediaKeyShort).concat(style.pseudo || "");
+                    fullKey1 in usedKeys || mergeClassName(transforms, classNames, fullKey1, out.identifier, !0, !0);
                   }
-                  var mediaStyles = getStylesAtomic(mediaStyle), priority = mediaStylesSeen;
-                  mediaStylesSeen += 1;
-                  var _iteratorNormalCompletion1 = !0, _didIteratorError1 = !1, _iteratorError1 = void 0;
+                } catch (err) {
+                  _didIteratorError1 = !0, _iteratorError1 = err;
+                } finally {
                   try {
-                    for (var _iterator1 = mediaStyles[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
-                      var style = _step1.value, out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig, isMedia, !1, priority);
-                      process.env.NODE_ENV === "development" && debug === "verbose" && log("\u{1F4FA} media style:", out);
-                      var fullKey1 = "".concat(style.property).concat(PROP_SPLIT).concat(mediaKeyShort).concat(style.pseudo || "");
-                      fullKey1 in usedKeys || mergeClassName(transforms, classNames, fullKey1, out.identifier, !0, !0);
-                    }
-                  } catch (err) {
-                    _didIteratorError1 = !0, _iteratorError1 = err;
+                    !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
                   } finally {
-                    try {
-                      !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
-                    } finally {
-                      if (_didIteratorError1)
-                        throw _iteratorError1;
-                    }
+                    if (_didIteratorError1)
+                      throw _iteratorError1;
                   }
-                } else {
-                  var isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
-                  if (!isThemeMedia && !isPlatformMedia && !isGroupMedia && !mediaState[mediaKeyShort])
+                }
+              } else {
+                var mediaStyle1 = getSubStyle(styleState, key, val, !0), isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
+                if (!isThemeMedia && !isPlatformMedia && !isGroupMedia && !mediaState[mediaKeyShort])
+                  continue;
+                var importanceBump = 0;
+                if (isThemeMedia) {
+                  dynamicThemeAccess = !0;
+                  var mediaThemeName = mediaKeyShort.slice(6);
+                  if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
                     continue;
-                  var importanceBump = 0;
-                  if (isThemeMedia) {
-                    dynamicThemeAccess = !0;
-                    var mediaThemeName = mediaKeyShort.slice(6);
-                    if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
-                      continue;
-                  } else if (isGroupMedia) {
-                    var _componentState_group, groupInfo = getGroupPropParts(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
-                    if (!groupContext) {
-                      process.env.NODE_ENV === "development" && debug && console.warn("No parent with group prop, skipping styles: ".concat(groupName));
+                } else if (isGroupMedia) {
+                  var _componentState_group, groupInfo = getGroupPropParts(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
+                  if (!groupContext) {
+                    process.env.NODE_ENV === "development" && debug && console.warn("No parent with group prop, skipping styles: ".concat(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 = mediaKeyMatch(groupMediaKey, groupContext.layout)), !isActive)
                       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 = mediaKeyMatch(groupMediaKey, groupContext.layout)), !isActive)
-                        continue;
-                      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];
-                      if (!isActive1)
-                        continue;
-                      var priority1 = pseudoPriorities[groupPseudoKey];
-                      importanceBump = priority1;
-                    }
+                    importanceBump = 2;
                   }
-                  for (var subKey in mediaStyle) {
-                    var _styleState2;
-                    if (subKey === "space") {
-                      space = valInit.space;
+                  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];
+                    if (!isActive1)
                       continue;
-                    }
-                    (_styleState2 = styleState).style || (_styleState2.style = {}), mergeMediaByImportance(styleState.style, mediaKeyShort, subKey, mediaStyle[subKey], usedKeys, mediaState[mediaKeyShort], importanceBump), key === "fontFamily" && (styleState.fontFamily = mediaStyle.fontFamily);
+                    var priority1 = pseudoPriorities[groupPseudoKey];
+                    importanceBump = priority1;
                   }
                 }
-                continue;
-              }
-              if (key === "pointerEvents") {
-                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) || isAndroid && key === "elevation")
-              ) {
-                mergeStyle(styleState, key, val);
-                continue;
+                for (var subKey in mediaStyle1) {
+                  var _styleState2;
+                  if (subKey === "space") {
+                    space = valInit.space;
+                    continue;
+                  }
+                  (_styleState2 = styleState).style || (_styleState2.style = {}), mergeMediaByImportance(styleState, mediaKeyShort, subKey, mediaStyle1[subKey], usedKeys, mediaState[mediaKeyShort], importanceBump), key === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
+                }
               }
-              isVariant || (viewProps[key] = val);
+              continue;
             }
-          }
-          if (process.env.NODE_ENV === "development" && debug === "verbose") {
-            try {
-              log(" \u2714\uFE0F expand complete", keyInit), log("style", _object_spread({}, styleState.style)), log("transforms", _object_spread({}, transforms)), log("viewProps", _object_spread({}, viewProps));
-            } catch {
+            if (key === "pointerEvents") {
+              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) || isAndroid && key === "elevation")
+            ) {
+              mergeStyle(styleState, key, val);
+              continue;
             }
-            console.groupEnd();
+            isVariant || (viewProps[key] = val);
           }
         }
+        if (process.env.NODE_ENV === "development" && debug === "verbose") {
+          try {
+            log(" \u2714\uFE0F expand complete", keyInit), log("style", _object_spread({}, styleState.style)), log("transforms", _object_spread({}, transforms)), log("viewProps", _object_spread({}, viewProps));
+          } catch {
+          }
+          console.groupEnd();
+        }
       }
     }
   }
@@ -493,9 +492,9 @@ current`, _object_spread({}, styleState.style)));
     }
   var avoidNormalize = styleProps.noNormalize === !1;
   if (!avoidNormalize) {
-    if (styleState.style && (fixStyles(styleState.style), isWeb && !staticConfig.isReactNative && styleToCSS(styleState.style)), styleState.transforms) {
+    if (styleState.style && (fixStyles(styleState.style), isWeb && !staticConfig.isReactNative && styleToCSS(styleState.style)), styleState.flatTransforms) {
       var _styleState4;
-      (_styleState4 = styleState).style || (_styleState4.style = {}), Object.entries(styleState.transforms).sort(function(param, param1) {
+      (_styleState4 = styleState).style || (_styleState4.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
         var _param = _sliced_to_array(param, 1), a = _param[0], _param1 = _sliced_to_array(param1, 1), b = _param1[0];
         return a.localeCompare(b);
       }).forEach(function(param) {
@@ -617,7 +616,7 @@ function mergeStyle(styleState, key, val) {
     classNames[key] = val, (_usedKeys = usedKeys)[_key = key] || (_usedKeys[_key] = 1);
   } else if (key in stylePropsTransform) {
     var _styleState;
-    (_styleState = styleState).transforms || (_styleState.transforms = {}), styleState.transforms[key] = val;
+    (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), styleState.flatTransforms[key] = val;
   } else {
     var shouldNormalize = isWeb && !disableNormalize && !styleProps.noNormalize, out = shouldNormalize ? normalizeValueWithProperty(val, key) : val;
     if (
@@ -690,6 +689,10 @@ function passDownProp(viewProps, key, val) {
   } else
     viewProps[key] = val;
 }
+function mergeMediaByImportance(styleState, mediaKey, key, value, importancesUsed, isSizeMedia, importanceBump) {
+  var importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed, isSizeMedia);
+  return importanceBump && (importance = (importance || 0) + importanceBump), importance === null ? !1 : (importancesUsed[key] = importance, mergeStyle(styleState, key, value), !0);
+}
 export {
   PROP_SPLIT,
   getSplitStyles,