@tamagui/web 1.113.1 → 1.113.2

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

@@ -1,77 +1,45 @@
 import React from "react";
 import { isAndroid, isClient, isServer, isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, stylePropsText, stylePropsTransform, tokenCategories, validPseudoKeys, validStyles } from "@tamagui/helpers";
-import { getConfig, getFont } from "../config.native.js";
-import "../constants/accessibilityDirectMap.native.js";
-import "../constants/constants.native.js";
-import { isDevTools } from "../constants/isDevTools.native.js";
-import { getMediaImportanceIfMoreImportant, mediaState as globalMediaState, isMediaKey, mediaKeyMatch, mediaQueryConfig } from "../hooks/useMedia.native.js";
-import { createMediaStyle } from "./createMediaStyle.native.js";
-import { fixStyles } from "./expandStyles.native.js";
-import { getGroupPropParts } from "./getGroupPropParts.native.js";
-import { getStyleAtomic, getStylesAtomic, styleToCSS } from "./getStylesAtomic.native.js";
-import "./insertStyleRule.native.js";
-import { log } from "./log.native.js";
-import { normalizeValueWithProperty } from "./normalizeValueWithProperty.native.js";
-import { getPropMappedFontFamily, propMapper } from "./propMapper.native.js";
-import { pseudoDescriptors, pseudoPriorities } from "./pseudoDescriptors.native.js";
-import { skipProps } from "./skipProps.native.js";
-import { transformsToString } from "./transformsToString.native.js";
-import { isActivePlatform } from "./isActivePlatform.native.js";
-import { sortString } from "./sortString.native.js";
-var consoleGroupCollapsed = isWeb ? console.groupCollapsed : console.info,
-  conf,
-  PROP_SPLIT = "-";
+import { getConfig, getFont } from "../config";
+import "../constants/accessibilityDirectMap";
+import "../constants/constants";
+import { isDevTools } from "../constants/isDevTools";
+import { getMediaImportanceIfMoreImportant, mediaState as globalMediaState, isMediaKey, mediaKeyMatch, mediaQueryConfig } from "../hooks/useMedia";
+import { createMediaStyle } from "./createMediaStyle";
+import { fixStyles } from "./expandStyles";
+import { getGroupPropParts } from "./getGroupPropParts";
+import { getStyleAtomic, getStylesAtomic, styleToCSS } from "./getStylesAtomic";
+import "./insertStyleRule";
+import { log } from "./log";
+import { normalizeValueWithProperty } from "./normalizeValueWithProperty";
+import { getPropMappedFontFamily, propMapper } from "./propMapper";
+import { pseudoDescriptors, pseudoPriorities } from "./pseudoDescriptors";
+import { skipProps } from "./skipProps";
+import { transformsToString } from "./transformsToString";
+import { isActivePlatform } from "./isActivePlatform";
+import { sortString } from "./sortString";
+var consoleGroupCollapsed = isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
 function isValidStyleKey(key, staticConfig) {
-  var _staticConfig_accept,
-    validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
+  var _staticConfig_accept, validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
   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) {
+var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) {
   conf = conf || getConfig(), isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
-  var {
-      shorthands
-    } = conf,
-    {
-      isHOC,
-      isText,
-      isInput,
-      variants,
-      isReactNative,
-      inlineProps,
-      inlineWhenUnflattened,
-      parentStaticConfig,
-      acceptsClassName
-    } = staticConfig,
-    viewProps = {},
-    mediaState = styleProps.mediaState || globalMediaState,
-    usedKeys = {},
-    shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClassNames,
-    rulesToInsert = void 0,
-    classNames = {},
-    transforms = {},
-    pseudos = null,
-    space = props.space,
-    hasMedia = !1,
-    dynamicThemeAccess,
-    pseudoGroups,
-    mediaGroups,
-    className = props.className || "",
-    mediaStylesSeen = 0,
-    styleState = {
-      classNames,
-      conf,
-      props,
-      styleProps,
-      componentState,
-      staticConfig,
-      style: null,
-      theme,
-      usedKeys,
-      viewProps,
-      context,
-      debug
-    };
+  var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState = styleProps.mediaState || globalMediaState, usedKeys = {}, shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClassNames, rulesToInsert = void 0, classNames = {}, transforms = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, styleState = {
+    classNames,
+    conf,
+    props,
+    styleProps,
+    componentState,
+    staticConfig,
+    style: null,
+    theme,
+    usedKeys,
+    viewProps,
+    context,
+    debug
+  };
   process.env.NODE_ENV === "development" && debug && debug !== "profile" && isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), log({
     props,
     staticConfig,
@@ -84,236 +52,215 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
       ...theme
     }
   }), console.groupEnd());
-  var {
-      asChild
-    } = props,
-    {
-      accept
-    } = staticConfig,
-    {
-      noSkip,
-      disableExpandShorthands,
-      noExpand
-    } = styleProps,
-    {
-      webContainerType
-    } = conf.settings,
-    parentVariants = parentStaticConfig?.variants;
+  var { asChild } = props, { accept } = staticConfig, { noSkip, disableExpandShorthands, noExpand } = styleProps, { webContainerType } = conf.settings, parentVariants = parentStaticConfig?.variants;
   for (var keyOg in props) {
-    var _loop = function (i2) {
-        var _parentStaticConfig_variants;
-        if (expanded) {
-          var [k, v] = expanded[i2];
-          key = k, val = v;
-        }
-        if (val == null || key in usedKeys) return "continue";
-        if (isPseudo = key in validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && isMediaKey(key), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key in variants, inlineProps?.has(key) || process.env.IS_STATIC === "is_static" && inlineWhenUnflattened?.has(key)) {
-          var _props_key;
-          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, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(` - passing down prop ${key}`), log({
+    var _loop = function(i2) {
+      var _parentStaticConfig_variants;
+      if (expanded) {
+        var [k, v] = expanded[i2];
+        key = k, val = v;
+      }
+      if (val == null || key in usedKeys) return "continue";
+      if (isPseudo = key in validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && isMediaKey(key), isMediaOrPseudo1 = !!(isMedia || isPseudo), isVariant = variants && key in variants, inlineProps?.has(key) || process.env.IS_STATIC === "is_static" && inlineWhenUnflattened?.has(key)) {
+        var _props_key;
+        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, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(` - passing down prop ${key}`), log({
           val,
           after: {
             ...viewProps[key]
           }
         }), console.groupEnd()), "continue";
-        if (isPseudo) {
-          if (!val) return "continue";
-          var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames),
-            descriptor = pseudoDescriptors[key],
-            isEnter = key === "enterStyle",
-            isExit = key === "exitStyle";
-          if (!descriptor) return "continue";
-          if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
-            var _pseudos, _key;
-            if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static") return Object.assign(pseudos[key], pseudoStyleObject), "continue";
-          }
-          if (shouldDoClasses && !isExit) {
-            var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
-            process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), log({
-              pseudoStyleObject,
-              pseudoStyles
-            }), console.groupEnd());
-            var _iteratorNormalCompletion2 = !0,
-              _didIteratorError2 = !1,
-              _iteratorError2 = void 0;
+      if (isPseudo) {
+        if (!val) return "continue";
+        var pseudoStyleObject = getSubStyle(styleState, key, val, styleProps.noClassNames), descriptor = pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
+        if (!descriptor)
+          return "continue";
+        if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
+          var _pseudos, _key;
+          if (pseudos || (pseudos = {}), (_pseudos = pseudos)[_key = key] || (_pseudos[_key] = {}), process.env.IS_STATIC === "is_static")
+            return Object.assign(pseudos[key], pseudoStyleObject), "continue";
+        }
+        if (shouldDoClasses && !isExit) {
+          var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
+          process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), log({
+            pseudoStyleObject,
+            pseudoStyles
+          }), console.groupEnd());
+          var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
+          try {
+            for (var _iterator2 = pseudoStyles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+              var psuedoStyle = _step2.value, fullKey = `${psuedoStyle[StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
+              fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[StyleObjectIdentifier], isMediaOrPseudo1, !0));
+            }
+          } catch (err) {
+            _didIteratorError2 = !0, _iteratorError2 = err;
+          } finally {
             try {
-              for (var _iterator2 = pseudoStyles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
-                var psuedoStyle = _step2.value,
-                  fullKey = `${psuedoStyle[StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
-                fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), mergeClassName(transforms, classNames, fullKey, psuedoStyle[StyleObjectIdentifier], isMediaOrPseudo1, !0));
-              }
-            } catch (err) {
-              _didIteratorError2 = !0, _iteratorError2 = err;
+              !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
             } finally {
-              try {
-                !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
-              } finally {
-                if (_didIteratorError2) throw _iteratorError2;
-              }
+              if (_didIteratorError2)
+                throw _iteratorError2;
             }
           }
-          if (!shouldDoClasses || isExit || isEnter) {
-            var descriptorKey = descriptor.stateKey || descriptor.name,
-              isDisabled = componentState[descriptorKey] === !1;
-            isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key, {
-              isDisabled
-            }), log({
-              pseudoStyleObject,
-              isDisabled,
-              descriptor,
-              componentState
-            }), console.groupEnd());
-            var importance = descriptor.priority;
-            for (var pkey in pseudoStyleObject) {
-              var val12 = pseudoStyleObject[pkey];
-              if (isDisabled) applyDefaultStyle(pkey, styleState);else {
-                var curImportance = usedKeys[pkey] || 0,
-                  shouldMerge = importance >= curImportance;
-                if (shouldMerge) {
-                  var _pseudos1, _key1;
-                  pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key] || (_pseudos1[_key1] = {}), pseudos[key][pkey] = val12, mergeStyle(styleState, pkey, val12);
-                }
-                process.env.NODE_ENV === "development" && debug === "verbose" && log("    subKey", pkey, shouldMerge, {
-                  importance,
-                  curImportance,
-                  pkey,
-                  val: val12
-                });
+        }
+        if (!shouldDoClasses || isExit || isEnter) {
+          var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
+          isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key, {
+            isDisabled
+          }), log({
+            pseudoStyleObject,
+            isDisabled,
+            descriptor,
+            componentState
+          }), console.groupEnd());
+          var importance = descriptor.priority;
+          for (var pkey in pseudoStyleObject) {
+            var val12 = pseudoStyleObject[pkey];
+            if (isDisabled)
+              applyDefaultStyle(pkey, styleState);
+            else {
+              var curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
+              if (shouldMerge) {
+                var _pseudos1, _key1;
+                pseudos || (pseudos = {}), (_pseudos1 = pseudos)[_key1 = key] || (_pseudos1[_key1] = {}), pseudos[key][pkey] = val12, mergeStyle(styleState, pkey, val12);
               }
+              process.env.NODE_ENV === "development" && debug === "verbose" && log("    subKey", pkey, shouldMerge, {
+                importance,
+                curImportance,
+                pkey,
+                val: val12
+              });
             }
-            if (!isDisabled) for (var key12 in val) {
+          }
+          if (!isDisabled)
+            for (var key12 in val) {
               var k1 = shorthands[key12] || key12;
               usedKeys[k1] = Math.max(importance, usedKeys[k1] || 0);
             }
-          }
-          return "continue";
         }
-        if (isMedia) {
-          if (!val) return "continue";
-          var hasSpace = val.space,
-            mediaKeyShort = key.slice(isMedia == "theme" ? 7 : 1);
-          if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !isActivePlatform(key)) return "continue";
-          if (process.env.NODE_ENV === "development" && debug === "verbose" && log(`  \u{1F4FA} ${key}`, {
-            key,
-            val,
-            props,
-            shouldDoClasses,
-            acceptsClassName,
-            componentState,
-            mediaState
-          }), shouldDoClasses) {
-            var mediaStyle = getSubStyle(styleState, key, val, !1);
-            if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
-              var importance1 = 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 ${mediaKeyShort}: ${val} (importance: ${importance1})`));
+        return "continue";
+      }
+      if (isMedia) {
+        if (!val) return "continue";
+        var hasSpace = val.space, mediaKeyShort = key.slice(isMedia == "theme" ? 7 : 1);
+        if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !isActivePlatform(key))
+          return "continue";
+        if (process.env.NODE_ENV === "development" && debug === "verbose" && log(`  \u{1F4FA} ${key}`, {
+          key,
+          val,
+          props,
+          shouldDoClasses,
+          acceptsClassName,
+          componentState,
+          mediaState
+        }), shouldDoClasses) {
+          var mediaStyle = getSubStyle(styleState, key, val, !1);
+          if (hasSpace && (delete mediaStyle.space, mediaState[mediaKeyShort])) {
+            var importance1 = 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 ${mediaKeyShort}: ${val} (importance: ${importance1})`));
+          }
+          var mediaStyles = getStylesAtomic(mediaStyle), priority = mediaStylesSeen;
+          mediaStylesSeen += 1;
+          var _iteratorNormalCompletion12 = !0, _didIteratorError12 = !1, _iteratorError12 = void 0;
+          try {
+            for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
+              var style3 = _step12.value, property = style3[0];
+              if (!(property[0] === "$" && property.startsWith("$platform") && !isActivePlatform(property))) {
+                var out = createMediaStyle(style3, mediaKeyShort, mediaQueryConfig, isMedia, !1, priority);
+                process.env.NODE_ENV === "development" && debug === "verbose" && log("\u{1F4FA} media style:", out);
+                var fullKey1 = `${style3[StyleObjectProperty]}${PROP_SPLIT}${mediaKeyShort}${style3[StyleObjectPseudo] || ""}`;
+                fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[StyleObjectIdentifier], !0, !0));
+              }
             }
-            var mediaStyles = getStylesAtomic(mediaStyle),
-              priority = mediaStylesSeen;
-            mediaStylesSeen += 1;
-            var _iteratorNormalCompletion12 = !0,
-              _didIteratorError12 = !1,
-              _iteratorError12 = void 0;
+          } catch (err) {
+            _didIteratorError12 = !0, _iteratorError12 = err;
+          } finally {
             try {
-              for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = !0) {
-                var style3 = _step12.value,
-                  property = style3[0];
-                if (!(property[0] === "$" && property.startsWith("$platform") && !isActivePlatform(property))) {
-                  var out = createMediaStyle(style3, mediaKeyShort, mediaQueryConfig, isMedia, !1, priority);
-                  process.env.NODE_ENV === "development" && debug === "verbose" && log("\u{1F4FA} media style:", out);
-                  var fullKey1 = `${style3[StyleObjectProperty]}${PROP_SPLIT}${mediaKeyShort}${style3[StyleObjectPseudo] || ""}`;
-                  fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), mergeClassName(transforms, classNames, fullKey1, out[StyleObjectIdentifier], !0, !0));
-                }
-              }
-            } catch (err) {
-              _didIteratorError12 = !0, _iteratorError12 = err;
+              !_iteratorNormalCompletion12 && _iterator12.return != null && _iterator12.return();
             } finally {
-              try {
-                !_iteratorNormalCompletion12 && _iterator12.return != null && _iterator12.return();
-              } finally {
-                if (_didIteratorError12) throw _iteratorError12;
-              }
-            }
-          } else {
-            let mergeMediaStyle2 = function (key5, val3) {
-              var _styleState4;
-              (_styleState4 = styleState).style || (_styleState4.style = {});
-              var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, usedKeys, mediaState[mediaKeyShort], importanceBump, debug);
-              didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
-            };
-            var mergeMediaStyle = mergeMediaStyle2,
-              isThemeMedia = isMedia === "theme",
-              isGroupMedia = isMedia === "group",
-              isPlatformMedia = isMedia === "platform";
-            if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
-              if (!mediaState[mediaKeyShort]) return process.env.NODE_ENV === "development" && debug === "verbose" && log(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`), "continue";
-              process.env.NODE_ENV === "development" && debug === "verbose" && log(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
+              if (_didIteratorError12)
+                throw _iteratorError12;
             }
-            var mediaStyle1 = getSubStyle(styleState, key, val, !0),
-              importanceBump = 0;
-            if (isThemeMedia) {
-              dynamicThemeAccess = !0;
-              var mediaThemeName = mediaKeyShort.slice(6);
-              if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName))) return "continue";
-            } else if (isGroupMedia) {
-              var _componentState_group,
-                groupInfo = getGroupPropParts(mediaKeyShort),
-                groupName = groupInfo.name,
-                groupContext = context?.groups.state[groupName];
-              if (!groupContext) return process.env.NODE_ENV === "development" && debug && log(`No parent with group prop, skipping styles: ${groupName}`), "continue";
-              var groupPseudoKey = groupInfo.pseudo,
-                groupMediaKey = groupInfo.media,
-                componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
-              if (groupMediaKey) {
-                mediaGroups || (mediaGroups = /* @__PURE__ */new Set()), mediaGroups.add(groupMediaKey);
-                var mediaState1 = componentGroupState?.media,
-                  isActive = mediaState1?.[groupMediaKey];
-                if (!mediaState1 && groupContext.layout && (isActive = mediaKeyMatch(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && log(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`), !isActive) {
-                  for (var pkey1 in mediaStyle1) applyDefaultStyle(pkey1, styleState);
-                  return "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?.[groupPseudoKey],
-                  priority1 = pseudoPriorities[groupPseudoKey];
-                if (process.env.NODE_ENV === "development" && debug === "verbose" && log(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`), !isActive1) {
-                  for (var pkey2 in mediaStyle1) applyDefaultStyle(pkey2, styleState);
-                  return "continue";
-                }
-                importanceBump = priority1;
+          }
+        } else {
+          let mergeMediaStyle2 = function(key5, val3) {
+            var _styleState4;
+            (_styleState4 = styleState).style || (_styleState4.style = {});
+            var didMerge = mergeMediaByImportance(styleState, mediaKeyShort, key5, val3, usedKeys, mediaState[mediaKeyShort], importanceBump, debug);
+            didMerge && key5 === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
+          };
+          var mergeMediaStyle = mergeMediaStyle2, isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group", isPlatformMedia = isMedia === "platform";
+          if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
+            if (!mediaState[mediaKeyShort])
+              return process.env.NODE_ENV === "development" && debug === "verbose" && log(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`), "continue";
+            process.env.NODE_ENV === "development" && debug === "verbose" && log(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
+          }
+          var mediaStyle1 = getSubStyle(styleState, key, val, !0), importanceBump = 0;
+          if (isThemeMedia) {
+            dynamicThemeAccess = !0;
+            var mediaThemeName = mediaKeyShort.slice(6);
+            if (!(themeName === mediaThemeName || themeName.startsWith(mediaThemeName)))
+              return "continue";
+          } else if (isGroupMedia) {
+            var _componentState_group, groupInfo = getGroupPropParts(mediaKeyShort), groupName = groupInfo.name, groupContext = context?.groups.state[groupName];
+            if (!groupContext)
+              return process.env.NODE_ENV === "development" && debug && log(`No parent with group prop, skipping styles: ${groupName}`), "continue";
+            var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
+            if (groupMediaKey) {
+              mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
+              var mediaState1 = componentGroupState?.media, isActive = mediaState1?.[groupMediaKey];
+              if (!mediaState1 && groupContext.layout && (isActive = mediaKeyMatch(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && log(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`), !isActive) {
+                for (var pkey1 in mediaStyle1)
+                  applyDefaultStyle(pkey1, styleState);
+                return "continue";
               }
+              importanceBump = 2;
             }
-            for (var subKey in mediaStyle1) {
-              if (subKey === "space") {
-                space = valInit.space;
-                continue;
+            if (groupPseudoKey) {
+              pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
+              var componentGroupPseudoState = (componentGroupState || // fallback to context initially
+              context.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState?.[groupPseudoKey], priority1 = pseudoPriorities[groupPseudoKey];
+              if (process.env.NODE_ENV === "development" && debug === "verbose" && log(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`), !isActive1) {
+                for (var pkey2 in mediaStyle1)
+                  applyDefaultStyle(pkey2, styleState);
+                return "continue";
               }
-              if (subKey[0] === "$") {
-                if (!isActivePlatform(subKey)) continue;
-                for (var subSubKey in mediaStyle1[subKey]) mergeMediaStyle2(subSubKey, mediaStyle1[subKey][subSubKey]);
-              } else mergeMediaStyle2(subKey, mediaStyle1[subKey]);
+              importanceBump = priority1;
             }
           }
-          return "continue";
+          for (var subKey in mediaStyle1) {
+            if (subKey === "space") {
+              space = valInit.space;
+              continue;
+            }
+            if (subKey[0] === "$") {
+              if (!isActivePlatform(subKey))
+                continue;
+              for (var subSubKey in mediaStyle1[subKey])
+                mergeMediaStyle2(subSubKey, mediaStyle1[subKey][subSubKey]);
+            } else
+              mergeMediaStyle2(subKey, mediaStyle1[subKey]);
+          }
         }
-        if (key === "pointerEvents") return viewProps[key] = val, "continue";
-        if (
+        return "continue";
+      }
+      if (key === "pointerEvents")
+        return viewProps[key] = val, "continue";
+      if (
         // is HOC we can just pass through the styles as props
         // this fixes issues where style prop got merged with wrong priority
-        !isHOC && (isValidStyleKey(key, staticConfig) || isAndroid && key === "elevation")) return mergeStyle(styleState, key, val), "continue";
-        if (!isVariant) {
-          if (styleProps.styledContextProps && key in styleProps.styledContextProps) return "continue";
-          viewProps[key] = val;
-        }
-      },
-      keyInit = keyOg,
-      valInit = props[keyInit];
+        !isHOC && (isValidStyleKey(key, staticConfig) || isAndroid && key === "elevation")
+      )
+        return mergeStyle(styleState, key, val), "continue";
+      if (!isVariant) {
+        if (styleProps.styledContextProps && key in styleProps.styledContextProps)
+          return "continue";
+        viewProps[key] = val;
+      }
+    }, keyInit = keyOg, valInit = props[keyInit];
     if (accept) {
       var accepted = accept[keyInit];
       if ((accepted === "style" || accepted === "textStyle") && valInit && typeof valInit == "object") {
@@ -323,45 +270,44 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
     }
     if (process.env.NODE_ENV === "development" && debug === "verbose" && console.groupEnd(), disableExpandShorthands || keyInit in shorthands && (keyInit = shorthands[keyInit]), keyInit !== "className" && !(keyInit in usedKeys)) {
       if (keyInit in skipProps && !noSkip && !isHOC) {
-        if (keyInit === "group" && 0) var identifier, containerType, containerCSS;
+        if (keyInit === "group" && 0)
+          var identifier, containerType, containerCSS;
         continue;
       }
-      var valInitType = typeof valInit,
-        isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
+      var valInitType = typeof valInit, isValidStyleKeyInit = isValidStyleKey(keyInit, staticConfig);
       if (0) {
-        if (staticConfig.isReactNative && keyInit.startsWith("data-")) var _viewProps, _dataSet;
+        if (staticConfig.isReactNative && keyInit.startsWith("data-"))
+          var _viewProps, _dataSet;
         if (isValidStyleKeyInit && valInitType === "string" && valInit[0] === "_") {
           var isValidClassName, isMediaOrPseudo;
-          if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses) var _styleState;
+          if ((isValidClassName || isMediaOrPseudo) && !shouldDoClasses)
+            var _styleState;
         }
       }
       if (!isValidStyleKeyInit) {
-        if (!isAndroid && keyInit === "elevationAndroid") continue;
-        if (keyInit === "userSelect") keyInit = "selectable", valInit = valInit !== "none";else if (keyInit.startsWith("data-")) continue;
+        if (!isAndroid && keyInit === "elevationAndroid")
+          continue;
+        if (keyInit === "userSelect")
+          keyInit = "selectable", valInit = valInit !== "none";
+        else if (keyInit.startsWith("data-"))
+          continue;
       }
       if (keyInit === "dataSet") {
-        for (var keyInit1 in valInit) viewProps[`data-${hyphenate(keyInit1)}`] = valInit[keyInit1];
+        for (var keyInit1 in valInit)
+          viewProps[`data-${hyphenate(keyInit1)}`] = valInit[keyInit1];
         continue;
       }
-      if (0 && !noExpand) var didUseKeyInit;
-      var isShorthand = keyInit in shorthands,
-        isVariant = !isValidStyleKeyInit && variants && keyInit in variants,
-        isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant,
-        isPseudo = keyInit in validPseudoKeys,
-        isMedia = !isStyleLikeKey && !isPseudo && isMediaKey(keyInit),
-        isMediaOrPseudo1 = !!(isMedia || isPseudo);
+      if (0 && !noExpand)
+        var didUseKeyInit;
+      var isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && isMediaKey(keyInit), isMediaOrPseudo1 = !!(isMedia || isPseudo);
       if (isMediaOrPseudo1 && keyInit.startsWith("$group-")) {
         var name = keyInit.split("-")[1];
         context?.groups.subscribe && !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?.has(keyInit),
-          parentVariant = parentVariants?.[keyInit],
-          isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in skipProps)),
-          shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+        var shouldPassProp = !isStyleProp || // is in parent variants
+        isHOC && parentVariants && keyInit in parentVariants || inlineProps?.has(keyInit), parentVariant = parentVariants?.[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`), log({
           isVariant,
           valInit,
@@ -381,8 +327,7 @@ var getSplitStyles = function (props, staticConfig, theme, themeName, componentS
           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);
+        var avoidPropMap = isMediaOrPseudo1 || !isVariant && !isValidStyleKeyInit, expanded = avoidPropMap ? null : propMapper(keyInit, valInit, styleState);
         if (!avoidPropMap) {
           if (!expanded) continue;
           var next = getPropMappedFontFamily(expanded);
@@ -409,7 +354,8 @@ usedKeys`, {
 current`, {
               ...styleState.style
             }), globalThis.tamaguiAvoidTracking = !1);
-          } catch {}
+          } catch {
+          }
           console.groupEnd();
         }
         for (var key = keyInit, val = valInit, max = expanded ? expanded.length : 1, i = 0; i < max; i++) _loop(i);
@@ -422,7 +368,8 @@ current`, {
             }), log("viewProps", {
               ...viewProps
             });
-          } catch {}
+          } catch {
+          }
           console.groupEnd();
         }
       }
@@ -432,78 +379,92 @@ current`, {
   if (!avoidNormalize) {
     if (styleState.style && (fixStyles(styleState.style), isWeb && !isReactNative && styleToCSS(styleState.style)), styleState.flatTransforms) {
       var _styleState1;
-      (_styleState1 = styleState).style || (_styleState1.style = {}), Object.entries(styleState.flatTransforms).sort(function (param, param1) {
-        var [a] = param,
-          [b] = param1;
+      (_styleState1 = styleState).style || (_styleState1.style = {}), Object.entries(styleState.flatTransforms).sort(function(param, param1) {
+        var [a] = param, [b] = param1;
         return sortString(a, b);
-      }).forEach(function (param) {
+      }).forEach(function(param) {
         var [key5, val3] = param;
         mergeTransform(styleState.style, key5, val3, !0);
       });
     }
     if (parentSplitStyles) {
-      if (0 && shouldDoClasses) 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]);
-      }
+      if (0 && shouldDoClasses)
+        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]);
+        }
     }
   }
-  if (0) var _styleState_style, shouldStringifyTransforms;
+  if (0)
+    var _styleState_style, shouldStringifyTransforms;
   if (0) {
     if (styleState.style && shouldDoClasses) {
       var retainedStyles, shouldRetain;
       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, key3, value, identifier1, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
-        } catch (err) {} finally {
-          try {} finally {}
+          for (var _iterator, _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0)
+            var atomicStyle, _props_animateOnly, key3, value, identifier1, isAnimatedAndAnimateOnly, nonAnimatedAnimateOnly;
+        } catch (err) {
+        } finally {
+          try {
+          } finally {
+          }
         }
       }
-      if (transforms) for (var namespace in transforms) {
-        var hash, val2, identifier2;
-        if (isClient && !insertedTransforms[identifier2]) var rule;
-      }
+      if (transforms)
+        for (var namespace in transforms) {
+          var hash, val2, identifier2;
+          if (isClient && !insertedTransforms[identifier2])
+            var rule;
+        }
     }
     if (isReactNative) {
-      if (viewProps.tabIndex === 0) var _viewProps1, _accessible;
-    } else if (viewProps.tabIndex == null) var _viewProps_focusable, isFocusable, role;
+      if (viewProps.tabIndex === 0)
+        var _viewProps1, _accessible;
+    } else if (viewProps.tabIndex == null)
+      var _viewProps_focusable, isFocusable, role;
   }
   var styleProp = props.style;
-  if (styleProp) if (isHOC) viewProps.style = normalizeStyle(styleProp);else for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i1 = 0; i1 < len; i1++) {
-    var style = isArray ? styleProp[i1] : styleProp;
-    if (style) if (style.$$css) Object.assign(styleState.classNames, style);else {
-      var _styleState3;
-      (_styleState3 = styleState).style || (_styleState3.style = {}), Object.assign(styleState.style, normalizeStyle(style));
-    }
-  }
+  if (styleProp)
+    if (isHOC)
+      viewProps.style = normalizeStyle(styleProp);
+    else
+      for (var isArray = Array.isArray(styleProp), len = isArray ? styleProp.length : 1, i1 = 0; i1 < len; i1++) {
+        var style = isArray ? styleProp[i1] : styleProp;
+        if (style)
+          if (style.$$css)
+            Object.assign(styleState.classNames, style);
+          else {
+            var _styleState3;
+            (_styleState3 = styleState).style || (_styleState3.style = {}), Object.assign(styleState.style, normalizeStyle(style));
+          }
+      }
   var style1 = styleState.style;
   if (style1?.fontFamily) {
-    var _getFont,
-      faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
+    var _getFont, faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
     if (faceInfo) {
-      var _faceInfo_style_fontWeight_,
-        _faceInfo_style_fontWeight,
-        overrideFace = (_faceInfo_style_fontWeight = faceInfo[style1.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 || (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style1.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
+      var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight, overrideFace = (_faceInfo_style_fontWeight = faceInfo[style1.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 || (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style1.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
       overrideFace && (style1.fontFamily = overrideFace, styleState.fontFamily = overrideFace, delete style1.fontWeight, delete style1.fontStyle);
     }
     process.env.NODE_ENV === "development" && debug && debug !== "profile" && log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
   }
   var result = {
-      space,
-      hasMedia,
-      fontFamily: styleState.fontFamily,
-      viewProps,
-      style: styleState.style,
-      pseudos,
-      classNames,
-      rulesToInsert,
-      dynamicThemeAccess,
-      pseudoGroups,
-      mediaGroups
-    },
-    asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
+    space,
+    hasMedia,
+    fontFamily: styleState.fontFamily,
+    viewProps,
+    style: styleState.style,
+    pseudos,
+    classNames,
+    rulesToInsert,
+    dynamicThemeAccess,
+    pseudoGroups,
+    mediaGroups
+  }, asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
   if (!asChildExceptStyleLike) {
     var style2 = styleState.style;
     if (0) {
@@ -513,14 +474,19 @@ current`, {
           if (isReactNative) {
             var cnStyles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1;
             try {
-              for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) var name1;
-            } catch (err) {} finally {
-              try {} finally {}
+              for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0)
+                var name1;
+            } catch (err) {
+            } finally {
+              try {
+              } finally {
+              }
             }
           }
         }
       }
-    } else style2 && !styleProps.noMergeStyle && (viewProps.style = style2);
+    } else
+      style2 && !styleProps.noMergeStyle && (viewProps.style = style2);
   }
   if (process.env.NODE_ENV === "development" && debug === "verbose" && isDevTools) {
     consoleGroupCollapsed("\u{1F539} getSplitStyles ===>");
@@ -534,26 +500,21 @@ current`, {
         rulesToInsert,
         parentSplitStyles
       };
-      for (var key4 in logs) log(key4, logs[key4]);
-    } catch {}
+      for (var key4 in logs)
+        log(key4, logs[key4]);
+    } catch {
+    }
     console.groupEnd();
   }
   return result;
 };
 function mergeClassName(transforms, classNames, key, val) {
-  var isMediaOrPseudo = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1,
-    isInsertingNow = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1;
-  if (0 && !isInsertingNow && val[0] === "_" && val.startsWith("_transform-")) var _transforms, _ns, ns, transform;
+  var isMediaOrPseudo = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !1, isInsertingNow = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1;
+  if (0 && !isInsertingNow && val[0] === "_" && val.startsWith("_transform-"))
+    var _transforms, _ns, ns, transform;
 }
 function mergeStyle(styleState, key, val) {
-  var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1,
-    {
-      classNames,
-      viewProps,
-      usedKeys,
-      styleProps,
-      staticConfig
-    } = styleState;
+  var disableNormalize = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, { classNames, viewProps, usedKeys, styleProps, staticConfig } = styleState;
   if (isWeb && val?.[0] === "_") {
     var _usedKeys, _key;
     classNames[key] = val, (_usedKeys = usedKeys)[_key = key] || (_usedKeys[_key] = 1);
@@ -561,90 +522,83 @@ function mergeStyle(styleState, key, val) {
     var _styleState;
     (_styleState = styleState).flatTransforms || (_styleState.flatTransforms = {}), styleState.flatTransforms[key] = val;
   } else {
-    var shouldNormalize = isWeb && !disableNormalize && !styleProps.noNormalize,
-      out = shouldNormalize ? normalizeValueWithProperty(val, key) : val;
+    var shouldNormalize = isWeb && !disableNormalize && !styleProps.noNormalize, out = shouldNormalize ? normalizeValueWithProperty(val, key) : val;
     if (
-    // accept is for props not styles
-    staticConfig.accept && key in staticConfig.accept) viewProps[key] = out;else {
+      // accept is for props not styles
+      staticConfig.accept && key in staticConfig.accept
+    )
+      viewProps[key] = out;
+    else {
       var _styleState1;
       (_styleState1 = styleState).style || (_styleState1.style = {}), styleState.style[key] = out;
     }
   }
 }
-var getSubStyle = function (styleState, subKey, styleIn, avoidMergeTransform) {
-    var {
-        staticConfig,
-        conf: conf2,
-        styleProps
-      } = styleState,
-      styleOut = {};
-    for (var key in styleIn) {
-      var val = styleIn[key];
-      key = conf2.shorthands[key] || key;
-      var expanded = propMapper(key, val, styleState);
-      if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip)) {
-        var _iteratorNormalCompletion = !0,
-          _didIteratorError = !1,
-          _iteratorError = void 0;
+var getSubStyle = function(styleState, subKey, styleIn, avoidMergeTransform) {
+  var { staticConfig, conf: conf2, styleProps } = styleState, styleOut = {};
+  for (var key in styleIn) {
+    var val = styleIn[key];
+    key = conf2.shorthands[key] || key;
+    var expanded = propMapper(key, val, styleState);
+    if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip)) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      try {
+        for (var _iterator = expanded[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+          var [skey, sval] = _step.value;
+          skey in validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key);
+        }
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
         try {
-          for (var _iterator = expanded[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-            var [skey, sval] = _step.value;
-            skey in validPseudoKeys && (sval = getSubStyle(styleState, skey, sval, avoidMergeTransform)), !avoidMergeTransform && skey in stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key);
-          }
-        } 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;
         }
       }
     }
-    return styleProps.noNormalize || fixStyles(styleOut), styleOut;
-  },
-  useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : function () {},
-  useSplitStyles = function (a, b, c, d, e, f, g, h, i, j) {
-    conf = conf || getConfig();
-    var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j);
-    return res;
-  };
+  }
+  return styleProps.noNormalize || fixStyles(styleOut), styleOut;
+}, useInsertEffectCompat = isWeb ? React.useInsertionEffect || useIsomorphicLayoutEffect : function() {
+}, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {
+  conf = conf || getConfig();
+  var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j);
+  return res;
+};
 function addStyleToInsertRules(rulesToInsert, styleObject) {
-  if (0) var identifier;
+  if (0)
+    var identifier;
 }
-var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)",
-  animatableDefaults = {
-    ...Object.fromEntries(Object.entries(tokenCategories.color).map(function (param) {
-      var [k, v] = param;
-      return [k, defaultColor];
-    })),
-    opacity: 1,
-    scale: 1,
-    rotate: "0deg",
-    rotateY: "0deg",
-    rotateX: "0deg",
-    x: 0,
-    y: 0,
-    borderRadius: 0
-  },
-  lowercaseHyphenate = function (match) {
-    return `-${match.toLowerCase()}`;
-  },
-  hyphenate = function (str) {
-    return str.replace(/[A-Z]/g, lowercaseHyphenate);
-  },
-  mergeTransform = function (obj, key, val) {
-    var backwards = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1,
-      _obj;
-    typeof obj.transform != "string" && ((_obj = obj).transform || (_obj.transform = []), obj.transform[backwards ? "unshift" : "push"]({
-      [mapTransformKeys[key] || key]: val
-    }));
-  },
-  mapTransformKeys = {
-    x: "translateX",
-    y: "translateY"
-  };
+var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animatableDefaults = {
+  ...Object.fromEntries(Object.entries(tokenCategories.color).map(function(param) {
+    var [k, v] = param;
+    return [
+      k,
+      defaultColor
+    ];
+  })),
+  opacity: 1,
+  scale: 1,
+  rotate: "0deg",
+  rotateY: "0deg",
+  rotateX: "0deg",
+  x: 0,
+  y: 0,
+  borderRadius: 0
+}, lowercaseHyphenate = function(match) {
+  return `-${match.toLowerCase()}`;
+}, hyphenate = function(str) {
+  return str.replace(/[A-Z]/g, lowercaseHyphenate);
+}, mergeTransform = function(obj, key, val) {
+  var backwards = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, _obj;
+  typeof obj.transform != "string" && ((_obj = obj).transform || (_obj.transform = []), obj.transform[backwards ? "unshift" : "push"]({
+    [mapTransformKeys[key] || key]: val
+  }));
+}, mapTransformKeys = {
+  x: "translateX",
+  y: "translateY"
+};
 function passDownProp(viewProps, key, val) {
   var shouldMergeObject = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
   if (shouldMergeObject) {
@@ -653,18 +607,21 @@ function passDownProp(viewProps, key, val) {
       ...val
     };
     delete viewProps[key], viewProps[key] = next;
-  } else viewProps[key] = val;
+  } else
+    viewProps[key] = val;
 }
 function mergeMediaByImportance(styleState, mediaKey, key, value, importancesUsed, isSizeMedia, importanceBump, debugProp) {
   var importance = getMediaImportanceIfMoreImportant(mediaKey, key, importancesUsed, isSizeMedia);
-  if (importanceBump && (importance = (importance || 0) + importanceBump), process.env.NODE_ENV === "development" && debugProp === "verbose" && log(`mergeMediaByImportance ${key} importance existing ${importancesUsed[key]} next ${importance}`), importance === null) return !1;
+  if (importanceBump && (importance = (importance || 0) + importanceBump), process.env.NODE_ENV === "development" && debugProp === "verbose" && log(`mergeMediaByImportance ${key} importance existing ${importancesUsed[key]} next ${importance}`), importance === null)
+    return !1;
   if (importancesUsed[key] = importance, key in pseudoDescriptors) {
-    var descriptor = pseudoDescriptors[key],
-      descriptorKey = descriptor.stateKey || descriptor.name,
-      isDisabled = styleState.componentState[descriptorKey] === !1;
-    if (isDisabled) return !1;
-    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey]);
-  } else mergeStyle(styleState, key, value);
+    var descriptor = pseudoDescriptors[key], descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = styleState.componentState[descriptorKey] === !1;
+    if (isDisabled)
+      return !1;
+    for (var subKey in value)
+      mergeStyle(styleState, subKey, value[subKey]);
+  } else
+    mergeStyle(styleState, key, value);
   return !0;
 }
 function normalizeStyle(style) {
@@ -679,5 +636,10 @@ function applyDefaultStyle(pkey, styleState) {
   var defaultValues = animatableDefaults[pkey];
   defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style)) && mergeStyle(styleState, pkey, defaultValues);
 }
-export { PROP_SPLIT, getSplitStyles, getSubStyle, useSplitStyles };
-//# sourceMappingURL=getSplitStyles.native.js.map
+export {
+  PROP_SPLIT,
+  getSplitStyles,
+  getSubStyle,
+  useSplitStyles
+};
+//# sourceMappingURL=getSplitStyles.js.map