@tamagui/core 1.88.18 → 1.88.20

package/dist/test.native.js

@@ -2500,6 +2500,55 @@ var require_defaultComponentState_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/helpers/skipProps.native.js
+var require_skipProps_native = __commonJS({
+  "../web/dist/cjs/helpers/skipProps.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), skipProps_exports = {};
+    __export2(skipProps_exports, {
+      skipProps: () => skipProps
+    });
+    module2.exports = __toCommonJS2(skipProps_exports);
+    var skipProps = {
+      untilMeasured: 1,
+      animation: 1,
+      space: 1,
+      animateOnly: 1,
+      disableClassName: 1,
+      debug: 1,
+      componentName: 1,
+      disableOptimization: 1,
+      tag: 1,
+      style: 1,
+      // handled after loop so pseudos set usedKeys and override it if necessary
+      group: 1
+    };
+    skipProps["data-test-renders"] = 1;
+    Object.assign(skipProps, {
+      whiteSpace: 1,
+      wordWrap: 1,
+      textOverflow: 1,
+      textDecorationDistance: 1,
+      cursor: 1,
+      contain: 1,
+      boxSizing: 1,
+      boxShadow: 1,
+      outlineStyle: 1,
+      outlineOffset: 1,
+      outlineWidth: 1,
+      outlineColor: 1
+    });
+  }
+});
+
 // ../web/dist/cjs/constants/accessibilityDirectMap.native.js
 var require_accessibilityDirectMap_native = __commonJS({
   "../web/dist/cjs/constants/accessibilityDirectMap.native.js"(exports2, module2) {
@@ -3592,7 +3641,7 @@ var require_propMapper_native = __commonJS({
       propMapper: () => propMapper
     });
     module2.exports = __toCommonJS2(propMapper_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
+    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_expandStyle = require_expandStyle_native(), import_normalizeStyle = require_normalizeStyle_native(), import_getVariantExtras = require_getVariantExtras_native(), import_isObj = require_isObj_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_skipProps = require_skipProps_native(), propMapper = (key, value, styleStateIn, subPropsIn) => {
       var _a;
       if (lastFontFamilyToken = null, !import_constants.isAndroid && key === "elevationAndroid")
         return;
@@ -3673,37 +3722,39 @@ var require_propMapper_native = __commonJS({
       let { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
       for (let _key in value) {
         let subKey = conf.shorthands[_key] || _key, val = value[_key];
-        if (styleProps.noExpand)
-          res[subKey] = val;
-        else if (variants && subKey in variants) {
-          if (styleState.curProps[subKey] = val, parentVariantKey && parentVariantKey === key)
-            res[subKey] = // SYNC WITH *1
-            val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
-          else {
-            let variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
-            if (variantOut)
-              for (let [key2, val2] of variantOut)
-                val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ?? (res[key2] = {}), Object.assign(res[key2], val2)) : res[key2] = val2);
+        if (!(!styleProps.noSkip && subKey in import_skipProps.skipProps)) {
+          if (styleProps.noExpand)
+            res[subKey] = val;
+          else if (variants && subKey in variants) {
+            if (styleState.curProps[subKey] = val, parentVariantKey && parentVariantKey === key)
+              res[subKey] = // SYNC WITH *1
+              val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val;
+            else {
+              let variantOut = resolveVariants(subKey, val, styleProps, styleState, key);
+              if (variantOut)
+                for (let [key2, val2] of variantOut)
+                  val2 != null && (key2 in import_pseudoDescriptors.pseudoDescriptors ? (res[key2] ?? (res[key2] = {}), Object.assign(res[key2], val2)) : res[key2] = val2);
+            }
+            continue;
           }
-          continue;
-        }
-        if ((0, import_createVariable.isVariable)(val)) {
-          res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues);
-          continue;
-        }
-        if (typeof val == "string") {
-          let fVal = (
-            // SYNC WITH *1
-            val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val
-          );
-          res[subKey] = fVal;
-          continue;
+          if ((0, import_createVariable.isVariable)(val)) {
+            res[subKey] = resolveVariableValue(subKey, val, styleProps.resolveValues);
+            continue;
+          }
+          if (typeof val == "string") {
+            let fVal = (
+              // SYNC WITH *1
+              val[0] === "$" ? getTokenForKey(subKey, val, styleProps.resolveValues, styleState) : val
+            );
+            res[subKey] = fVal;
+            continue;
+          }
+          if ((0, import_isObj.isObj)(val)) {
+            let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
+            res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
+          } else
+            res[subKey] = val;
         }
-        if ((0, import_isObj.isObj)(val)) {
-          let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
-          res[subKey] ?? (res[subKey] = {}), Object.assign(res[subKey], subObject);
-        } else
-          res[subKey] = val;
       }
       return res;
     }, tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
@@ -3810,7 +3861,7 @@ var require_getSplitStyles_native = __commonJS({
       useSplitStyles: () => useSplitStyles
     });
     module2.exports = __toCommonJS2(getSplitStyles_exports);
-    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
+    var import_constants = require_index_native3(), import_helpers = require_index_native4(), import_react3 = require("react"), import_config = require_config_native(), import_skipProps = require_skipProps_native(), import_accessibilityDirectMap = require_accessibilityDirectMap_native(), import_constants2 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_useMedia = require_useMedia_native(), import_createMediaStyle = require_createMediaStyle_native(), import_expandStyles = require_expandStyles_native(), import_getGroupPropParts = require_getGroupPropParts_native(), import_getStylesAtomic = require_getStylesAtomic_native(), import_insertStyleRule = require_insertStyleRule_native(), import_log = require_log_native(), import_normalizeValueWithProperty = require_normalizeValueWithProperty_native(), import_propMapper = require_propMapper_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_isObj = require_isObj_native(), IS_STATIC = process.env.IS_STATIC === "is_static", conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       var _a;
       return (staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles))[key] || ((_a = staticConfig.acceptTokens) == null ? void 0 : _a[key]);
@@ -3845,7 +3896,7 @@ var require_getSplitStyles_native = __commonJS({
       };
       for (let keyOg in props) {
         let keyInit = keyOg, valInit = props[keyOg];
-        if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in skipProps && !styleProps.noSkip && !isHOC)
+        if (styleProps.disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit === "className" || keyInit in usedKeys || keyInit in import_skipProps.skipProps && !styleProps.noSkip && !isHOC)
           continue;
         let valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
         if (valInit !== props[keyInit] && (styleState.curProps[keyInit] = valInit), !isValidStyleKeyInit) {
@@ -3903,178 +3954,188 @@ var require_getSplitStyles_native = __commonJS({
         if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
-        isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps));
-        if ((shouldPassProp || isHOCShouldPassThrough) && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in skipProps)
+        isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in import_skipProps.skipProps));
+        if ((shouldPassProp || isHOCShouldPassThrough) && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in import_skipProps.skipProps)
           continue;
         if ((isText || isInput) && valInit && (keyInit === "fontFamily" || keyInit === shorthands.fontFamily) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit), isValidStyleKeyInit && !variants && valInit !== "unset" && (valInitType === "number" || valInitType === "string" && valInit[0] !== "$")) {
           style[keyInit] = valInit;
           continue;
         }
-        let expanded = isMediaOrPseudo || !isVariant && !isValidStyleKeyInit ? [[keyInit, valInit]] : (0, import_propMapper.propMapper)(keyInit, valInit, styleState), next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
-        if (next && (styleState.fontFamily = next), !1)
+        let avoidPropMap = isMediaOrPseudo || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : (0, import_propMapper.propMapper)(keyInit, valInit, styleState);
+        if (!avoidPropMap) {
+          if (!expanded)
+            continue;
+          let next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
+          next && (styleState.fontFamily = next);
+        }
+        if (0)
           try {
           } catch {
           }
-        if (expanded) {
-          for (let [key, val] of expanded)
-            if (!(val == null || key in usedKeys)) {
-              if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
-                passDownProp(viewProps, key, val, isMediaOrPseudo);
+        let key = keyInit, val = valInit, max = expanded ? expanded.length : 1;
+        for (let i = 0; i < max; i++) {
+          if (expanded) {
+            let [k, v] = expanded[i];
+            key = k, val = v;
+          }
+          if (!(val == null || key in usedKeys)) {
+            if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
+              passDownProp(viewProps, key, val, isMediaOrPseudo);
+              continue;
+            }
+            if (isPseudo) {
+              if (!val)
+                continue;
+              let pseudoStyleObject = getSubStyle(
+                styleState,
+                key,
+                val,
+                styleProps.noClassNames
+              ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
+              if (!descriptor)
+                continue;
+              if ((!shouldDoClasses || IS_STATIC) && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), IS_STATIC)) {
+                Object.assign(pseudos[key], pseudoStyleObject);
                 continue;
               }
-              if (isPseudo) {
-                if (!val)
-                  continue;
-                let pseudoStyleObject = getSubStyle(
-                  styleState,
-                  key,
-                  val,
-                  styleProps.noClassNames
-                ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
-                if (!descriptor)
-                  continue;
-                if ((!shouldDoClasses || IS_STATIC) && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), IS_STATIC)) {
-                  Object.assign(pseudos[key], pseudoStyleObject);
-                  continue;
-                }
-                if (shouldDoClasses && !isExit) {
-                  let pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
-                  for (let psuedoStyle of pseudoStyles)
-                    `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}` in usedKeys || psuedoStyle.identifier;
-                }
-                if (!shouldDoClasses || isExit || isEnter) {
-                  let descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
-                  isExit && (isDisabled = !styleProps.isExiting), isEnter && (isDisabled = componentState.unmounted === "should-enter" ? !0 : !componentState.unmounted);
-                  let importance = descriptor.priority;
-                  for (let pkey in pseudoStyleObject) {
-                    let val2 = pseudoStyleObject[pkey];
-                    if (isDisabled) {
-                      let defaultValues = animatableDefaults[pkey];
-                      defaultValues != null && !(pkey in usedKeys) && !(pkey in styleState.style) && mergeStyle(styleState, pkey, defaultValues);
-                    } else {
-                      let curImportance = usedKeys[pkey] || 0;
-                      importance >= curImportance && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2));
-                    }
+              if (shouldDoClasses && !isExit) {
+                let pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
+                for (let psuedoStyle of pseudoStyles)
+                  `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}` in usedKeys || psuedoStyle.identifier;
+              }
+              if (!shouldDoClasses || isExit || isEnter) {
+                let descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
+                isExit && (isDisabled = !styleProps.isExiting), isEnter && (isDisabled = componentState.unmounted === "should-enter" ? !0 : !componentState.unmounted);
+                let importance = descriptor.priority;
+                for (let pkey in pseudoStyleObject) {
+                  let val2 = pseudoStyleObject[pkey];
+                  if (isDisabled) {
+                    let defaultValues = animatableDefaults[pkey];
+                    defaultValues != null && !(pkey in usedKeys) && !(pkey in styleState.style) && mergeStyle(styleState, pkey, defaultValues);
+                  } else {
+                    let curImportance = usedKeys[pkey] || 0;
+                    importance >= curImportance && (pseudos || (pseudos = {}), pseudos[key] || (pseudos[key] = {}), pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2));
                   }
-                  if (!isDisabled)
-                    for (let key2 in val) {
-                      let k = shorthands[key2] || key2;
-                      usedKeys[k] = Math.max(importance, usedKeys[k] || 0);
-                    }
                 }
+                if (!isDisabled)
+                  for (let key2 in val) {
+                    let k = shorthands[key2] || key2;
+                    usedKeys[k] = Math.max(importance, usedKeys[k] || 0);
+                  }
+              }
+              continue;
+            }
+            if (isMedia) {
+              if (!val)
                 continue;
+              if (isMedia === "platform") {
+                let platform = key.slice(10);
+                if (
+                  // supports web, ios, android
+                  platform !== import_constants.currentPlatform && // supports web, native
+                  platform !== "native"
+                )
+                  continue;
               }
-              if (isMedia) {
-                if (!val)
+              hasMedia || (hasMedia = !0);
+              let mediaStyle = getSubStyle(
+                styleState,
+                key,
+                val,
+                // TODO try true like pseudo
+                !1
+              ), mediaKeyShort = key.slice(1), hasSpace = val.space;
+              if ((hasSpace || !shouldDoClasses) && (Array.isArray(hasMedia) || (hasMedia = []), hasMedia.push(mediaKeyShort)), shouldDoClasses) {
+                if (hasSpace && (delete mediaStyle.space, mediaState2[mediaKeyShort])) {
+                  let importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(
+                    mediaKeyShort,
+                    "space",
+                    usedKeys,
+                    !0
+                  );
+                  importance && (space = val.space, usedKeys.space = importance);
+                }
+                let mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle, debug), priority = mediaStylesSeen;
+                mediaStylesSeen += 1;
+                for (let style2 of mediaStyles) {
+                  let out = (0, import_createMediaStyle.createMediaStyle)(
+                    style2,
+                    mediaKeyShort,
+                    import_useMedia.mediaQueryConfig,
+                    isMedia,
+                    !1,
+                    priority
+                  );
+                  `${style2.property}${PROP_SPLIT}${mediaKeyShort}` in usedKeys || out.identifier;
+                }
+              } else {
+                let isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group";
+                if (!isThemeMedia && isMedia !== "platform" && !isGroupMedia && !mediaState2[mediaKeyShort])
                   continue;
-                if (isMedia === "platform") {
-                  let platform = key.slice(10);
-                  if (
-                    // supports web, ios, android
-                    platform !== import_constants.currentPlatform && // supports web, native
-                    platform !== "native"
-                  )
+                let importanceBump = 0;
+                if (isThemeMedia) {
+                  dynamicThemeAccess = !0;
+                  let mediaThemeName = mediaKeyShort.slice(6);
+                  if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
                     continue;
-                }
-                hasMedia || (hasMedia = !0);
-                let mediaStyle = getSubStyle(
-                  styleState,
-                  key,
-                  val,
-                  // TODO try true like pseudo
-                  !1
-                ), mediaKeyShort = key.slice(1), hasSpace = val.space;
-                if ((hasSpace || !shouldDoClasses) && (Array.isArray(hasMedia) || (hasMedia = []), hasMedia.push(mediaKeyShort)), shouldDoClasses) {
-                  if (hasSpace && (delete mediaStyle.space, mediaState2[mediaKeyShort])) {
-                    let importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(
-                      mediaKeyShort,
-                      "space",
-                      usedKeys,
-                      !0
-                    );
-                    importance && (space = val.space, usedKeys.space = importance);
-                  }
-                  let mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle, debug), priority = mediaStylesSeen;
-                  mediaStylesSeen += 1;
-                  for (let style2 of mediaStyles) {
-                    let out = (0, import_createMediaStyle.createMediaStyle)(
-                      style2,
-                      mediaKeyShort,
-                      import_useMedia.mediaQueryConfig,
-                      isMedia,
-                      !1,
-                      priority
-                    );
-                    `${style2.property}${PROP_SPLIT}${mediaKeyShort}` in usedKeys || out.identifier;
-                  }
-                } else {
-                  let isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group";
-                  if (!isThemeMedia && isMedia !== "platform" && !isGroupMedia && !mediaState2[mediaKeyShort])
+                } else if (isGroupMedia) {
+                  let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
+                  if (!groupContext)
                     continue;
-                  let importanceBump = 0;
-                  if (isThemeMedia) {
-                    dynamicThemeAccess = !0;
-                    let mediaThemeName = mediaKeyShort.slice(6);
-                    if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
+                  let groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_c = componentState.group) == null ? void 0 : _c[groupName];
+                  if (groupMediaKey) {
+                    mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
+                    let mediaState22 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState22 == null ? void 0 : mediaState22[groupMediaKey];
+                    if (!mediaState22 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), !isActive)
                       continue;
-                  } else if (isGroupMedia) {
-                    let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
-                    if (!groupContext)
-                      continue;
-                    let groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_c = componentState.group) == null ? void 0 : _c[groupName];
-                    if (groupMediaKey) {
-                      mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
-                      let mediaState22 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState22 == null ? void 0 : mediaState22[groupMediaKey];
-                      if (!mediaState22 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), !isActive)
-                        continue;
-                      importanceBump = 2;
-                    }
-                    if (groupPseudoKey) {
-                      pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
-                      let componentGroupPseudoState = (componentGroupState || // fallback to context initially
-                      context.groups.state[groupName]).pseudo;
-                      if (!(componentGroupPseudoState != null && componentGroupPseudoState[groupPseudoKey]))
-                        continue;
-                      importanceBump = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
-                    }
+                    importanceBump = 2;
                   }
-                  for (let subKey in mediaStyle) {
-                    if (subKey === "space") {
-                      space = valInit.space;
+                  if (groupPseudoKey) {
+                    pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
+                    let componentGroupPseudoState = (componentGroupState || // fallback to context initially
+                    context.groups.state[groupName]).pseudo;
+                    if (!(componentGroupPseudoState != null && componentGroupPseudoState[groupPseudoKey]))
                       continue;
-                    }
-                    (0, import_useMedia.mergeMediaByImportance)(
-                      style,
-                      mediaKeyShort,
-                      subKey,
-                      mediaStyle[subKey],
-                      usedKeys,
-                      mediaState2[mediaKeyShort],
-                      importanceBump
-                    ), key === "fontFamily" && (styleState.fontFamily = mediaStyle.fontFamily);
+                    importanceBump = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
                   }
                 }
-                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) || import_constants.isAndroid && key === "elevation")
-              ) {
-                mergeStyle(styleState, key, val);
-                continue;
+                for (let subKey in mediaStyle) {
+                  if (subKey === "space") {
+                    space = valInit.space;
+                    continue;
+                  }
+                  (0, import_useMedia.mergeMediaByImportance)(
+                    style,
+                    mediaKeyShort,
+                    subKey,
+                    mediaStyle[subKey],
+                    usedKeys,
+                    mediaState2[mediaKeyShort],
+                    importanceBump
+                  ), key === "fontFamily" && (styleState.fontFamily = mediaStyle.fontFamily);
+                }
               }
-              isVariant || (viewProps[key] = val);
+              continue;
+            }
+            if (key === "pointerEvents") {
+              viewProps[key] = val;
+              continue;
             }
-          if (0)
-            try {
-            } catch {
+            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")
+            ) {
+              mergeStyle(styleState, key, val);
+              continue;
             }
+            isVariant || (viewProps[key] = val);
+          }
         }
+        if (0)
+          try {
+          } catch {
+          }
       }
       if (props.style)
         if (isHOC)
@@ -4131,7 +4192,7 @@ var require_getSplitStyles_native = __commonJS({
         let val = styleIn[key];
         key = conf2.shorthands[key] || key;
         let expanded = (0, import_propMapper.propMapper)(key, val, styleState, { ...props, ...props[subKey] });
-        if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip))
+        if (!(!expanded || !staticConfig.isHOC && key in import_skipProps.skipProps && !styleProps.noSkip))
           for (let [skey, sval] of expanded)
             !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
       }
@@ -4151,35 +4212,7 @@ var require_getSplitStyles_native = __commonJS({
     }, mapTransformKeys = {
       x: "translateX",
       y: "translateY"
-    }, skipProps = {
-      untilMeasured: 1,
-      animation: 1,
-      space: 1,
-      animateOnly: 1,
-      disableClassName: 1,
-      debug: 1,
-      componentName: 1,
-      disableOptimization: 1,
-      tag: 1,
-      style: 1,
-      // handled after loop so pseudos set usedKeys and override it if necessary
-      group: 1
     };
-    skipProps["data-test-renders"] = 1;
-    Object.assign(skipProps, {
-      whiteSpace: 1,
-      wordWrap: 1,
-      textOverflow: 1,
-      textDecorationDistance: 1,
-      cursor: 1,
-      contain: 1,
-      boxSizing: 1,
-      boxShadow: 1,
-      outlineStyle: 1,
-      outlineOffset: 1,
-      outlineWidth: 1,
-      outlineColor: 1
-    });
     function passDownProp(viewProps, key, val, shouldMergeObject = !1) {
       if (shouldMergeObject) {
         let next = {
@@ -4860,6 +4893,7 @@ var require_createComponent_native = __commonJS({
         if (0 && import_constants.isWeb)
           try {
           } catch {
+          } finally {
           }
         return content;
       });