@tamagui/core 1.109.6 → 1.109.8

package/dist/test.native.js

@@ -1270,8 +1270,8 @@ var require_concatClassName_native = __commonJS({
     });
     module2.exports = __toCommonJS2(concatClassName_exports);
     function concatClassName(_cn) {
-      for (var _loop = function(x2) {
-        var _loop22 = function(i2) {
+      for (var args = arguments, usedPrefixes = [], final = "", len = args.length, propObjects = null, x = len; x >= 0; x--) {
+        var _loop = function(i2) {
           var name = names[i2];
           if (!name || name === " ") return "continue";
           if (name[0] !== "_") return final = name + " " + final, "continue";
@@ -1290,11 +1290,15 @@ var require_concatClassName_native = __commonJS({
             return res;
           })) return "continue";
           final = name + " " + final;
-        }, cns = args[x2];
-        if (!cns) return "continue";
-        if (!Array.isArray(cns) && typeof cns != "string") return propObjects = propObjects || [], propObjects.push(cns), "continue";
-        for (var names = Array.isArray(cns) ? cns : cns.split(" "), numNames = names.length, i = numNames - 1; i >= 0; i--) _loop22(i);
-      }, args = arguments, usedPrefixes = [], final = "", len = args.length, propObjects = null, x = len; x >= 0; x--) _loop(x);
+        }, cns = args[x];
+        if (cns) {
+          if (!Array.isArray(cns) && typeof cns != "string") {
+            propObjects = propObjects || [], propObjects.push(cns);
+            continue;
+          }
+          for (var names = Array.isArray(cns) ? cns : cns.split(" "), numNames = names.length, i = numNames - 1; i >= 0; i--) _loop(i);
+        }
+      }
       return final;
     }
     var pseudoInvert = {
@@ -6785,7 +6789,7 @@ var require_getVariantExtras_native = __commonJS({
           return (0, import_createVariable.getVariableValue)(styleState.fontFamily || styleState.curProps.fontFamily) || props.fontFamily || (0, import_createVariable.getVariableValue)(styleState.conf.defaultFont);
         },
         get font() {
-          return fonts[this.fontFamily] || (props.fontFamily ? void 0 : styleState.conf.defaultFont);
+          return fonts[this.fontFamily] || (!props.fontFamily || props.fontFamily[0] === "$" ? fonts[styleState.conf.defaultFont] : void 0);
         },
         // TODO do this in splitstlye
         // we avoid passing in default props for media queries because that would confuse things like SizableText.size:
@@ -7587,27 +7591,51 @@ var require_getSplitStyles_native = __commonJS({
       return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
     }
     var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug, skipThemeTokenResolution) {
-      var _loop = function(keyOg2) {
-        var _loop22 = function(i3) {
+      conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+      var shorthands = conf.shorthands, isHOC = staticConfig.isHOC, isText = staticConfig.isText, isInput = staticConfig.isInput, variants = staticConfig.variants, isReactNative = staticConfig.isReactNative, inlineProps = staticConfig.inlineProps, inlineWhenUnflattened = staticConfig.inlineWhenUnflattened, parentStaticConfig = staticConfig.parentStaticConfig, acceptsClassName = staticConfig.acceptsClassName, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, curPropsState, styleState = {
+        // this should go away, right now we're doing really crazy cumulative props,
+        // as variants are resolved basically we go back and merge the results onto
+        // the curProps, so that each following variant function recieves the current
+        // "styles" with variants expanded. powerful, but i think too fancy
+        // there's some part of the ui kit that depends on it we'd have to find and fix
+        get curProps() {
+          return curPropsState || (curPropsState = {}), curPropsState;
+        },
+        classNames,
+        conf,
+        props,
+        styleProps,
+        componentState,
+        staticConfig,
+        style: null,
+        theme,
+        usedKeys,
+        viewProps,
+        context,
+        debug,
+        skipThemeTokenResolution
+      }, asChild = props.asChild, accept = staticConfig.accept, noSkip = styleProps.noSkip, disableExpandShorthands = styleProps.disableExpandShorthands, noExpand = styleProps.noExpand, webContainerType = conf.settings.webContainerType, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
+      for (var keyOg in props) {
+        var _loop = function(i2) {
           var _parentStaticConfig_variants;
           if (expanded) {
-            var _expanded_i = _sliced_to_array(expanded[i3], 2), k = _expanded_i[0], v = _expanded_i[1];
-            key4 = k, val2 = v;
+            var _expanded_i = _sliced_to_array(expanded[i2], 2), k = _expanded_i[0], v = _expanded_i[1];
+            key = k, val = v;
           }
-          if (val2 == null || key4 in usedKeys) return "continue";
-          if (isPseudo = key4 in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (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)) {
+          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[key4] = (_props_key = props[key4]) !== null && _props_key !== void 0 ? _props_key : val2;
+            viewProps[key] = (_props_key = props[key]) !== null && _props_key !== void 0 ? _props_key : val;
           }
           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, key4, val2, isMediaOrPseudo1), "continue";
+          if (shouldPassThrough2) return passDownProp(viewProps, key, val, isMediaOrPseudo1), "continue";
           if (isPseudo) {
-            if (!val2) return "continue";
-            var pseudoStyleObject = getSubStyle(styleState, key4, val2, styleProps.noClassNames), descriptor = import_pseudoDescriptors.pseudoDescriptors[key4], isEnter = key4 === "enterStyle", isExit = key4 === "exitStyle";
+            if (!val) return "continue";
+            var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames), 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 = key4] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static") return Object.assign(pseudos[key4], pseudoStyleObject), "continue";
+              if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static") return Object.assign(pseudos[key], pseudoStyleObject), "continue";
             }
             if (shouldDoClasses && !isExit) {
               var pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor), _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
@@ -7637,11 +7665,11 @@ var require_getSplitStyles_native = __commonJS({
                   var curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
                   if (shouldMerge) {
                     var _pseudos1, _key1;
-                    pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key4] || (_pseudos1[_key1] = {}), pseudos[key4][pkey] = val12, mergeStyle(styleState, pkey, val12);
+                    pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key] || (_pseudos1[_key1] = {}), pseudos[key][pkey] = val12, mergeStyle(styleState, pkey, val12);
                   }
                 }
               }
-              if (!isDisabled) for (var key12 in val2) {
+              if (!isDisabled) for (var key12 in val) {
                 var k1 = shorthands[key12] || key12;
                 usedKeys[k1] = Math.max(importance, usedKeys[k1] || 0);
               }
@@ -7649,14 +7677,14 @@ var require_getSplitStyles_native = __commonJS({
             return "continue";
           }
           if (isMedia) {
-            if (!val2) return "continue";
-            var hasSpace = val2.space, mediaKeyShort = key4.slice(1);
-            if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (((typeof hasMedia > "u" ? "undefined" : _type_of(hasMedia)) > "u" ? "undefined" : _type_of1(hasMedia)) !== "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4)) return "continue";
+            if (!val) return "continue";
+            var hasSpace = val.space, mediaKeyShort = key.slice(1);
+            if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (((typeof hasMedia > "u" ? "undefined" : _type_of(hasMedia)) > "u" ? "undefined" : _type_of1(hasMedia)) !== "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key)) return "continue";
             if (shouldDoClasses) {
-              var mediaStyle = getSubStyle(styleState, key4, val2, !1);
+              var mediaStyle = getSubStyle(styleState, key, val, !1);
               if (hasSpace && (delete mediaStyle.space, mediaState2[mediaKeyShort])) {
                 var importance1 = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKeyShort, "space", usedKeys, !0);
-                importance1 && (space = val2.space, usedKeys.space = importance1);
+                importance1 && (space = val.space, usedKeys.space = importance1);
               }
               var mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle), priority = mediaStylesSeen;
               mediaStylesSeen += 1;
@@ -7687,7 +7715,7 @@ var require_getSplitStyles_native = __commonJS({
               }, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
               if (!isThemeMedia && !isPlatformMedia && !isGroupMedia && !mediaState2[mediaKeyShort])
                 return "continue";
-              var mediaStyle1 = getSubStyle(styleState, key4, val2, !0), importanceBump = 0;
+              var mediaStyle1 = getSubStyle(styleState, key, val, !0), importanceBump = 0;
               if (isThemeMedia) {
                 dynamicThemeAccess = !0;
                 var mediaThemeName = mediaKeyShort.slice(6);
@@ -7729,107 +7757,88 @@ var require_getSplitStyles_native = __commonJS({
             }
             return "continue";
           }
-          if (key4 === "pointerEvents") return viewProps[key4] = val2, "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(key4, staticConfig) || import_constants.isAndroid && key4 === "elevation")
-          ) return mergeStyle(styleState, key4, val2), "continue";
-          isVariant || (viewProps[key4] = val2);
-        }, keyInit = keyOg2, valInit = props[keyInit];
+            !isHOC && (isValidStyleKey(key, staticConfig) || import_constants.isAndroid && key === "elevation")
+          ) return mergeStyle(styleState, key, val), "continue";
+          isVariant || (viewProps[key] = val);
+        }, keyInit = keyOg, valInit = props[keyInit];
         if (accept) {
           var accepted = accept[keyInit];
-          if ((accepted === "style" || accepted === "textStyle") && valInit && ((typeof valInit > "u" ? "undefined" : _type_of(valInit)) > "u" ? "undefined" : _type_of1(valInit)) === "object") return viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClassNames), "continue";
-        }
-        if (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" && !1) var identifier2, containerType, containerCSS;
-          return "continue";
-        }
-        var valInitType = (typeof valInit > "u" ? "undefined" : _type_of(valInit)) > "u" ? "undefined" : _type_of1(valInit), isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
-        if (0) {
-          var isValidClassName, isMediaOrPseudo;
-          if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses) var _styleState3;
-        }
-        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-".concat(hyphenate(keyInit1))] = valInit[keyInit1];
-          return "continue";
-        }
-        if (0) 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 name2 = keyInit.split("-")[1];
-          context != null && context.groups.subscribe && !(context != null && context.groups.state[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
-        }
-        var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo1 || isVariant && !noExpand || isShorthand;
-        if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
-        var shouldPassProp = !isStyleProp || // 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 (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 avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : (0, import_propMapper.propMapper)(keyInit, valInit, styleState);
-        if (!avoidPropMap) {
-          if (!expanded) return "continue";
-          var next = (0, import_propMapper.getPropMappedFontFamily)(expanded);
-          next && (styleState.fontFamily = next);
+          if ((accepted === "style" || accepted === "textStyle") && valInit && ((typeof valInit > "u" ? "undefined" : _type_of(valInit)) > "u" ? "undefined" : _type_of1(valInit)) === "object") {
+            viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClassNames);
+            continue;
+          }
         }
-        if (0)
-          try {
-          } catch (e) {
+        if (disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit !== "className" && !(keyInit in usedKeys)) {
+          if (keyInit in import_skipProps.skipProps && !noSkip && !isHOC) {
+            if (keyInit === "group" && !1) var identifier, containerType, containerCSS;
+            continue;
           }
-        for (var key4 = keyInit, val2 = valInit, max = expanded ? expanded.length : 1, i2 = 0; i2 < max; i2++) _loop22(i2);
-        if (0)
-          try {
-          } catch (e) {
+          var valInitType = (typeof valInit > "u" ? "undefined" : _type_of(valInit)) > "u" ? "undefined" : _type_of1(valInit), isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
+          if (0) {
+            var isValidClassName, isMediaOrPseudo;
+            if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses) var _styleState;
           }
-      };
-      conf = conf || (0, import_config.getConfig)(), import_constants.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-      var shorthands = conf.shorthands, isHOC = staticConfig.isHOC, isText = staticConfig.isText, isInput = staticConfig.isInput, variants = staticConfig.variants, isReactNative = staticConfig.isReactNative, inlineProps = staticConfig.inlineProps, inlineWhenUnflattened = staticConfig.inlineWhenUnflattened, parentStaticConfig = staticConfig.parentStaticConfig, acceptsClassName = staticConfig.acceptsClassName, viewProps = {}, mediaState2 = styleProps.mediaState || import_useMedia.mediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && import_constants.isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, curPropsState, styleState = {
-        // this should go away, right now we're doing really crazy cumulative props,
-        // as variants are resolved basically we go back and merge the results onto
-        // the curProps, so that each following variant function recieves the current
-        // "styles" with variants expanded. powerful, but i think too fancy
-        // there's some part of the ui kit that depends on it we'd have to find and fix
-        get curProps() {
-          return curPropsState || (curPropsState = {}), curPropsState;
-        },
-        classNames,
-        conf,
-        props,
-        styleProps,
-        componentState,
-        staticConfig,
-        style: null,
-        theme,
-        usedKeys,
-        viewProps,
-        context,
-        debug,
-        skipThemeTokenResolution
-      }, asChild = props.asChild, accept = staticConfig.accept, noSkip = styleProps.noSkip, disableExpandShorthands = styleProps.disableExpandShorthands, noExpand = styleProps.noExpand, webContainerType = conf.settings.webContainerType, parentVariants = parentStaticConfig == null ? void 0 : parentStaticConfig.variants;
-      for (var keyOg in props) _loop(keyOg);
+          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-".concat(hyphenate(keyInit1))] = valInit[keyInit1];
+            continue;
+          }
+          if (0) 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 name = keyInit.split("-")[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 || // 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 (shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo1), !isVariant) || !noSkip && keyInit in import_skipProps.skipProps)
+              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 (0)
+              try {
+              } catch (e) {
+              }
+            for (var key = keyInit, val = valInit, max = expanded ? expanded.length : 1, i = 0; i < max; i++) _loop(i);
+            if (0)
+              try {
+              } catch (e) {
+              }
+          }
+        }
+      }
       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 _styleState;
-          (_styleState = styleState).style || (_styleState.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
+          var _styleState1;
+          (_styleState1 = styleState).style || (_styleState1.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) {
-            var _param = _sliced_to_array(param, 2), key4 = _param[0], val2 = _param[1];
-            mergeTransform(styleState.style, key4, val2, !0);
+            var _param = _sliced_to_array(param, 2), key5 = _param[0], val3 = _param[1];
+            mergeTransform(styleState.style, key5, val3, !0);
           });
         }
         if (parentSplitStyles) {
-          if (0) for (var key in parentSplitStyles.classNames) var val;
-          if (!shouldDoClasses) 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]);
+          if (0) for (var key1 in parentSplitStyles.classNames) var val1;
+          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]);
           }
         }
       }
@@ -7840,7 +7849,7 @@ var require_getSplitStyles_native = __commonJS({
           if (!styleState.style.$$css) {
             var atomic, _iteratorNormalCompletion, _didIteratorError, _iteratorError;
             try {
-              for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) var atomicStyle, _props_animateOnly, _atomicStyle, key2, value, identifier, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
+              for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) var atomicStyle, _props_animateOnly, _atomicStyle, key3, value, identifier1, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
             } catch (err) {
             } finally {
               try {
@@ -7849,8 +7858,8 @@ var require_getSplitStyles_native = __commonJS({
             }
           }
           if (transforms) for (var namespace in transforms) {
-            var _transforms_namespace, hash, val1, identifier1;
-            if (import_constants.isClient && !insertedTransforms[identifier1]) var rule;
+            var _transforms_namespace, hash, val2, identifier2;
+            if (import_constants.isClient && !insertedTransforms[identifier2]) var rule;
           }
         }
         if (isReactNative) {
@@ -7859,12 +7868,12 @@ var require_getSplitStyles_native = __commonJS({
       }
       var styleProp = props.style;
       if (styleProp) if (isHOC) viewProps.style = normalizeStyle(styleProp);
-      else for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i = 0; i < len; i++) {
-        var style = isArray ? styleProp[i] : styleProp;
+      else for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i1 = 0; i1 < len; i1++) {
+        var style = isArray ? styleProp[i1] : styleProp;
         if (style) if (style.$$css) Object.assign(styleState.classNames, style);
         else {
-          var _styleState2;
-          (_styleState2 = styleState).style || (_styleState2.style = {}), Object.assign(styleState.style, normalizeStyle(style));
+          var _styleState3;
+          (_styleState3 = styleState).style || (_styleState3.style = {}), Object.assign(styleState.style, normalizeStyle(style));
         }
       }
       var style1 = styleState.style;
@@ -7895,7 +7904,7 @@ var require_getSplitStyles_native = __commonJS({
           if (!styleProps.noMergeStyle && !(styleProps.isAnimated && !conf.animations.supportsCSSVars && isReactNative) && isReactNative) {
             var cnStyles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1;
             try {
-              for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) var name;
+              for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) var name1;
             } catch (err) {
             } finally {
               try {
@@ -7908,7 +7917,7 @@ var require_getSplitStyles_native = __commonJS({
       if (0)
         try {
           var logs;
-          for (var key3 in logs) ;
+          for (var key4 in logs) ;
         } catch (e) {
         }
       return result;