@tamagui/web 2.7.7 → 3.0.0-beta.643.1

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

@@ -1,933 +1,807 @@
-import { getPlatformDriver, isAndroid, isClient, isWeb, supportsDynamicColorIOS } from "@tamagui/constants";
-import { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, stylePropsText, stylePropsTransform, tokenCategories, validPseudoKeys, validStyles } from "@tamagui/helpers";
+import { isAndroid, isClient, isWeb } from "@tamagui/constants";
+import { stylePropsAll, stylePropsText, stylePropsTransform, validStyles } from "@tamagui/helpers";
 import React from "react";
-import { getConfig, getFont, getSetting } from "../config.native.js";
+import { STYLE_FRONTEND_PASSTHROUGH_PREFIX, STYLE_FRONTEND_PREPROCESSED } from "./styleFrontend.native.js";
+import { getConfig, getFont } from "../config.native.js";
 import { isDevTools } from "../constants/isDevTools.native.js";
-import { getMediaImportanceIfMoreImportant, getMediaKey, getMediaKeyImportance, mediaKeyMatch } from "../hooks/useMedia.native.js";
-import { mediaQueryConfig, mediaState } from "./mediaState.native.js";
-import { createMediaStyle } from "./createMediaStyle.native.js";
+import { mediaState } from "./mediaState.native.js";
 import { fixStyles } from "./expandStyles.native.js";
-import { getCSSStylesAtomic, getStyleAtomic, styleToCSS } from "./getCSSStylesAtomic.native.js";
+import { styleToCSS } from "./getCSSStylesAtomic.native.js";
 import { getDefaultProps } from "./getDefaultProps.native.js";
-import { extractValueFromDynamic, getDynamicVal, getOppositeScheme, isColorStyleKey } from "./getDynamicVal.native.js";
-import { getGroupPropParts } from "./getGroupPropParts.native.js";
-import { getPlatformSpecificityBump, isActivePlatform } from "./isActivePlatform.native.js";
-import { isActiveTheme } from "./isActiveTheme.native.js";
+import { isPlainObject } from "./isObj.native.js";
 import { log } from "./log.native.js";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty.native.js";
-import { propMapper } from "./propMapper.native.js";
-import { defaultMediaImportance, pseudoDescriptors, pseudoPriorities } from "./pseudoDescriptors.native.js";
+import { appendFlatClause, propMapper } from "./propMapper.native.js";
+import { clearDirectStyle, contributeStyleValue, contributeVariantClauseValue, flushDirectStyles, getDirectDynamicThemeAccess } from "./directStyle.native.js";
+import { contributeFrontendProgram, isFrontendProgram } from "./frontendProgram.native.js";
 import { skipProps } from "./skipProps.native.js";
 import { sortString } from "./sortString.native.js";
 import { styleOriginalValues } from "./styleOriginalValues.native.js";
 import { STYLE_TOKEN_PROVENANCE_KEY, getStyleTokenProvenance, setStyleTokenProvenance } from "./styleProvenance.native.js";
 import { transformsToString } from "./transformsToString.native.js";
-function _type_of(obj) {
-  "@swc/helpers - typeof";
 
-  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+function _type_of(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var shouldTrackStyleTokenProvenance = process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
-var conf;
-var PROP_SPLIT = "-";
-function normalizeGroupKey(key, groupContext) {
-  var parts = key.split("-");
-  var plen = parts.length;
-  if (plen === 2 || plen === 3 && pseudoPriorities[parts[parts.length - 1]]) {
-    var name = parts[1];
-    if (name !== "true" && groupContext && !groupContext[name]) return key.replace("$group-", "$group-true-");
-  }
-  return key;
+function compoundMatcherMatches(expected, actual) {
+	if (Array.isArray(expected)) return expected.some(function(value) {
+		return Object.is(value, actual);
+	});
+	return Object.is(expected, actual);
 }
-function isValidStyleKey(key, validStyles, accept) {
-  return key in validStyles ? true : accept && key in accept;
+function compoundVariantMatches(compoundVariant, props) {
+	for (var key in compoundVariant) {
+		if (key === "style") continue;
+		if (!compoundMatcherMatches(compoundVariant[key], props[key])) return false;
+	}
+	return true;
+}
+var styledDefaultsCache = /* @__PURE__ */ new WeakMap();
+function getStyledDefaults(staticConfig) {
+	var entries = styledDefaultsCache.get(staticConfig);
+	if (entries === void 0) {
+		entries = null;
+		var defaults = staticConfig.defaultProps;
+		if (defaults) for (var key in defaults) (entries || (entries = [])).push([key, defaults[key]]);
+		styledDefaultsCache.set(staticConfig, entries);
+	}
+	return entries;
+}
+function contributeDisplacedStyledDefaults(styledDefaults, processedProps, shorthands, contribute) {
+	if (!styledDefaults) return;
+	for (var index = 0; index < styledDefaults.length; index++) {
+		var key = styledDefaults[index][0];
+		var styledValue = styledDefaults[index][1];
+		var propValue = processedProps[key];
+		if (!(key in stylePropsAll) && !(key in shorthands)) continue;
+		if (propValue !== void 0 && propValue !== styledValue && (typeof styledValue === "string" && styledValue.includes(":") || typeof propValue === "string" && propValue.includes(":"))) contribute(key, styledValue);
+	}
+}
+function forEachPropInForwardOrder(processedProps, staticConfig, shorthands, contribute) {
+	var processedBaseStyle = staticConfig.baseStyle;
+	var compoundVariants = staticConfig.compoundVariants;
+	var styledDefaults = getStyledDefaults(staticConfig);
+	if (!(compoundVariants === null || compoundVariants === void 0 ? void 0 : compoundVariants.length)) {
+		if (processedBaseStyle) for (var key in processedBaseStyle) contribute(key, processedBaseStyle[key]);
+		contributeDisplacedStyledDefaults(styledDefaults, processedProps, shorthands, contribute);
+		for (var key1 in processedProps) contribute(key1, processedProps[key1]);
+		return;
+	}
+	var propEntries = Object.entries(processedProps);
+	var orderedEntries = processedBaseStyle ? Object.entries(processedBaseStyle) : [];
+	contributeDisplacedStyledDefaults(styledDefaults, processedProps, shorthands, function(k, v) {
+		return orderedEntries.push([k, v]);
+	});
+	var compoundsByAnchor = /* @__PURE__ */ new Map();
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = compoundVariants[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var compoundVariant = _step.value;
+			if (!compoundVariantMatches(compoundVariant, processedProps)) continue;
+			var { style } = compoundVariant;
+			if (!isPlainObject(style)) continue;
+			var anchor = -1;
+			for (var selectorKey in compoundVariant) {
+				if (selectorKey === "style") continue;
+				for (var index = propEntries.length - 1; index >= 0; index--) if (propEntries[index][0] === selectorKey) {
+					anchor = Math.max(anchor, index);
+					break;
+				}
+			}
+			var entries = compoundsByAnchor.get(anchor) || [];
+			for (var key2 in style) entries.push([key2, style[key2]]);
+			compoundsByAnchor.set(anchor, entries);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	for (var index1 = 0; index1 < orderedEntries.length; index1++) contribute(orderedEntries[index1][0], orderedEntries[index1][1]);
+	var beforeProps = compoundsByAnchor.get(-1);
+	if (beforeProps) for (var index2 = 0; index2 < beforeProps.length; index2++) contribute(beforeProps[index2][0], beforeProps[index2][1]);
+	for (var index3 = 0; index3 < propEntries.length; index3++) {
+		contribute(propEntries[index3][0], propEntries[index3][1]);
+		var compounds = compoundsByAnchor.get(index3);
+		if (compounds) for (var i = 0; i < compounds.length; i++) contribute(compounds[i][0], compounds[i][1]);
+	}
 }
-function shouldSkipNativeHoverProp(key, isMedia) {
-  var _getPlatformDriver;
-  if ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo) return false;
-  if (key === "hoverStyle") return true;
-  if (isMedia === "group") return getGroupPropParts(key.slice(1)).pseudo === "hover";
-  return false;
+function isValidStyleKey(key, validStyles, accept) {
+	return Boolean(key in validStyles || isWeb && (key === "transitionProperty" || key === "transitionDuration" || key === "transitionTimingFunction" || key === "transitionDelay" || key === "transitionBehavior") || accept && key in accept);
 }
-var getSplitStyles = function (props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver) {
-  var _loop = function (keyOg2) {
-    var keyInit = keyOg2;
-    var valInit = props[keyInit];
-    if (keyInit === "children") {
-      viewProps[keyInit] = valInit;
-      return "continue";
-    }
-    if (keyInit[0] === "d" && keyInit.startsWith("data-")) return "continue";
-    if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
-    if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return "continue";
-    if (accept) {
-      var accepted = accept[keyInit];
-      if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit === "undefined" ? "undefined" : _type_of(valInit)) === "object") {
-        viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
-        return "continue";
-      }
-    }
-    if (!disableExpandShorthands) {
-      if (keyInit in shorthands) keyInit = shorthands[keyInit];
-    }
-    if (keyInit === "className") return "continue";
-    if (asChild) {
-      var defaults = getDefaultProps(staticConfig);
-      if (defaults) {
-        var _defaults_keyOg;
-        var defaultVal = (_defaults_keyOg = defaults[keyOg2]) !== null && _defaults_keyOg !== void 0 ? _defaults_keyOg : defaults[keyInit];
-        if (defaultVal !== void 0 && valInit === defaultVal) return "continue";
-      }
-    }
-    if (keyInit in skipProps && !noSkip && !isHOC) {
-      if (keyInit === "group") ;
-      if (keyInit === "transition" && typeof valInit === "string") {
-        var _driver_animations;
-        var animationConfig = driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[valInit];
-        if (animationConfig && (driver === null || driver === void 0 ? void 0 : driver.outputStyle) === "css" && process.env.IS_STATIC === "is_static") valInit = `all ${animationConfig}`;else if (animationConfig) return "continue";
-      } else return "continue";
-    }
-    var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles$1, accept);
-    if (!isValidStyleKeyInit) {
-      if (!isAndroid) {
-        if (keyInit === "elevationAndroid") return "continue";
-      }
-      if (keyInit === "userSelect") {
-        keyInit = "selectable";
-        valInit = valInit !== "none";
-      } else if (keyInit.startsWith("data-")) return "continue";
-    }
-    var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
-    var isStyleLikeKey = isValidStyleKeyInit || isVariant;
-    var isPseudo = keyInit in validPseudoKeys;
-    var isMedia = !isStyleLikeKey && !isPseudo ? getMediaKey(keyInit) : false;
-    var isMediaOrPseudo = Boolean(isMedia || isPseudo);
-    if (isMediaOrPseudo && isMedia === "group") keyInit = normalizeGroupKey(keyInit, groupContext);
-    var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
-    if (shouldSkipNativeHoverProp(keyInit, isMedia)) return "continue";
-    if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return "continue";
-    var shouldPassProp = !isStyleProp && isHOC || isHOC && parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
-    var parentVariant = parentVariants === null || parentVariants === void 0 ? void 0 : parentVariants[keyInit];
-    var isHOCShouldPassThrough = Boolean(isHOC && (isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps));
-    var shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      console.groupCollapsed(`  \u{1F511} ${keyOg2}${keyInit !== keyOg2 ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
-      log({
-        isVariant,
-        valInit,
-        shouldPassProp
-      });
-      if (isClient) log({
-        variants,
-        variant: variants === null || variants === void 0 ? void 0 : variants[keyInit],
-        isVariant,
-        isHOCShouldPassThrough,
-        usedKeys: {
-          ...styleState.usedKeys
-        },
-        parentStaticConfig
-      });
-    }
-    if (shouldPassThrough) {
-      passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo);
-      if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
-      if (!isVariant) return "continue";
-    }
-    if (!noSkip) {
-      var _driver_animations1;
-      if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations1 = driver.animations) === null || _driver_animations1 === void 0 ? void 0 : _driver_animations1[valInit]))) {
-        if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
-        return "continue";
-      }
-    }
-    if (isText || isInput) {
-      if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) styleState.fontFamily = valInit;
-    }
-    var disablePropMap = isMediaOrPseudo || !isStyleLikeKey;
-    propMapper(keyInit, valInit, styleState, disablePropMap, function (key6, val2, originalVal) {
-      var _parentStaticConfig_variants;
-      var isStyledContextProp = styledContext && key6 in styledContext;
-      if (!isHOC && disablePropMap && !isStyledContextProp && !isMediaOrPseudo) {
-        viewProps[key6] = val2;
-        return;
-      }
-      if (process.env.NODE_ENV === "development" && debug === "verbose") {
-        console.groupCollapsed("  💠 expanded", keyInit, "=>", key6);
-        log(val2);
-        console.groupEnd();
-      }
-      if (val2 == null) return;
-      if (key6 === "pointerEvents") {
-        viewProps[key6] = val2;
-        return;
-      }
-      if (!isHOC && isValidStyleKey(key6, validStyles$1, accept) || isAndroid && key6 === "elevation") {
-        mergeStyle(styleState, key6, val2, 1, false, originalVal);
-        return;
-      }
-      isPseudo = key6 in validPseudoKeys;
-      isMedia = isPseudo ? false : getMediaKey(key6);
-      isMediaOrPseudo = Boolean(isMedia || isPseudo);
-      isVariant = variants && key6 in variants;
-      if (isMedia === "group") key6 = normalizeGroupKey(key6, groupContext);
-      if (shouldSkipNativeHoverProp(key6, isMedia)) return;
-      if ((inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key6)) || process.env.IS_STATIC === "is_static" && (inlineWhenUnflattened === null || inlineWhenUnflattened === void 0 ? void 0 : inlineWhenUnflattened.has(key6))) {
-        var _props_key;
-        viewProps[key6] = (_props_key = props[key6]) !== null && _props_key !== void 0 ? _props_key : val2;
-      }
-      if (styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]))) {
-        passDownProp(viewProps, key6, val2, isMediaOrPseudo);
-        if (process.env.NODE_ENV === "development" && debug === "verbose") {
-          console.groupCollapsed(` - passing down prop ${key6}`);
-          log({
-            val: val2,
-            after: {
-              ...viewProps[key6]
-            }
-          });
-          console.groupEnd();
-        }
-        return;
-      }
-      if (isPseudo) {
-        if (!val2) return;
-        var pseudoStyleObject = getSubStyle(styleState, key6, val2, styleProps.noClass && !(process.env.IS_STATIC === "is_static"));
-        if (!shouldDoClasses || process.env.IS_STATIC === "is_static") {
-          var _pseudos, _key;
-          pseudos || (pseudos = {});
-          (_pseudos = pseudos)[_key = key6] || (_pseudos[_key] = {});
-          if (process.env.IS_STATIC === "is_static") {
-            Object.assign(pseudos[key6], pseudoStyleObject);
-            return;
-          }
-        }
-        var descriptor = pseudoDescriptors[key6];
-        var isEnter = key6 === "enterStyle";
-        var isExit = key6 === "exitStyle";
-        if (!descriptor) return;
-        if (shouldDoClasses && !isExit) {
-          var pseudoStyles = getStyleAtomic(pseudoStyleObject, descriptor);
-          if (process.env.NODE_ENV === "development" && debug === "verbose") console.info("pseudo:", key6, pseudoStyleObject, pseudoStyles);
-          var _iteratorNormalCompletion3 = true,
-            _didIteratorError3 = false,
-            _iteratorError3 = void 0;
-          try {
-            for (var _iterator3 = pseudoStyles[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
-              var psuedoStyle = _step3.value;
-              var fullKey = `${psuedoStyle[StyleObjectProperty]}${"-"}${descriptor.name}`;
-              classNames[fullKey] = psuedoStyle[StyleObjectIdentifier];
-            }
-          } catch (err) {
-            _didIteratorError3 = true;
-            _iteratorError3 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion3 && _iterator3.return != null) _iterator3.return();
-            } finally {
-              if (_didIteratorError3) throw _iteratorError3;
-            }
-          }
-        }
-        if (!shouldDoClasses || isExit || isEnter) {
-          var isDisabled = componentState[descriptor.stateKey || descriptor.name] === false;
-          if (isExit) isDisabled = !styleProps.isExiting;
-          if (isEnter && componentState.unmounted === false) isDisabled = true;
-          if (process.env.NODE_ENV === "development" && debug === "verbose") {
-            console.groupCollapsed("pseudo", key6, {
-              isDisabled
-            });
-            log({
-              pseudoStyleObject,
-              isDisabled,
-              descriptor,
-              componentState
-            });
-            console.groupEnd();
-          }
-          var importance = descriptor.priority;
-          var pseudoOriginalValues = styleOriginalValues.get(pseudoStyleObject);
-          for (var pkey in pseudoStyleObject) {
-            var _$val = pseudoStyleObject[pkey];
-            if (isDisabled) applyDefaultStyle(pkey, styleState);else {
-              var curImportance = styleState.usedKeys[pkey] || 0;
-              var shouldMerge = importance >= curImportance;
-              if (shouldMerge) {
-                if (process.env.IS_STATIC === "is_static") {
-                  var _pseudos1, _key1;
-                  pseudos || (pseudos = {});
-                  (_pseudos1 = pseudos)[_key1 = key6] || (_pseudos1[_key1] = {});
-                  pseudos[key6][pkey] = _$val;
-                }
-                mergeStyle(styleState, pkey, _$val, importance, false, pseudoOriginalValues === null || pseudoOriginalValues === void 0 ? void 0 : pseudoOriginalValues[pkey]);
-              }
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log("    subKey", pkey, shouldMerge, {
-                importance,
-                curImportance,
-                pkey,
-                val: _$val
-              });
-            }
-          }
-          if (!isDisabled) for (var _$key in val2) {
-            var k2 = shorthands[_$key] || _$key;
-            styleState.usedKeys[k2] = Math.max(importance, styleState.usedKeys[k2] || 0);
-          }
-        }
-        return;
-      }
-      if (isMedia) {
-        if (!val2) return;
-        var mediaKeyShort = key6.slice(isMedia == "theme" ? 7 : 1);
-        hasMedia || (hasMedia = true);
-        if (val2["space"] || !shouldDoClasses || styleProps.willBeAnimated) {
-          if (!hasMedia || typeof hasMedia === "boolean") hasMedia = /* @__PURE__ */new Set();
-          hasMedia.add(mediaKeyShort);
-        }
-        if (isMedia === "platform") {
-          if (!isActivePlatform(key6)) return;
-        }
-        if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} ${key6}`, {
-          key: key6,
-          val: val2,
-          props,
-          shouldDoClasses,
-          acceptsClassName,
-          componentState,
-          mediaState: mediaState$1
-        });
-        var priority = mediaStylesSeen;
-        mediaStylesSeen += 1;
-        if (process.env.IS_STATIC === "is_static" && isMedia === true) {
-          var _styleState3;
-          var mediaStyle = getSubStyle(styleState, key6, val2, true);
-          (_styleState3 = styleState).style || (_styleState3.style = {});
-          var existing = styleState.style[key6];
-          styleState.style[key6] = existing ? Object.assign(existing, mediaStyle) : mediaStyle;
-          return;
-        }
-        if (shouldDoClasses) {
-          var mediaStyles = getCSSStylesAtomic(getSubStyle(styleState, key6, val2, false));
-          var _iteratorNormalCompletion12 = true,
-            _didIteratorError12 = false,
-            _iteratorError12 = void 0;
-          try {
-            for (var _iterator12 = mediaStyles[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
-              var style3 = _step12.value;
-              var property = style3[StyleObjectProperty];
-              var isSubStyle = property[0] === "$";
-              if (isSubStyle && !isActivePlatform(property)) continue;
-              var out = createMediaStyle(style3, mediaKeyShort, mediaQueryConfig, isMedia, false, priority);
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(`\u{1F4FA} media style:`, out);
-              var subKey = isSubStyle ? style3[2] : "";
-              var fullKey1 = `${style3[StyleObjectProperty]}${subKey}${"-"}${mediaKeyShort}${style3[StyleObjectPseudo] || ""}`;
-              classNames[fullKey1] = out[StyleObjectIdentifier];
-            }
-          } catch (err) {
-            _didIteratorError12 = true;
-            _iteratorError12 = err;
-          } finally {
-            try {
-              if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
-            } finally {
-              if (_didIteratorError12) throw _iteratorError12;
-            }
-          }
-        } else {
-          let mergeMediaStyle2 = function (key7, val3, originalVal2) {
-            var _styleState4;
-            if (!isValidStyleKey(key7, validStyles$1, accept)) {
-              viewProps[key7] = val3;
-              return;
-            }
-            (_styleState4 = styleState).style || (_styleState4.style = {});
-            if (mergeMediaByImportance(styleState, mediaKeyShort, key7, val3, mediaState$1[mediaKeyShort], importanceBump, debug, originalVal2) && key7 === "fontFamily") styleState.fontFamily = mediaStyle2.fontFamily;
-          };
-          var isThemeMedia = isMedia === "theme";
-          var isGroupMedia = isMedia === "group";
-          var isPlatformMedia = isMedia === "platform";
-          if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
-            if (!mediaState$1[mediaKeyShort]) {
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} \u274C DISABLED ${mediaKeyShort}`);
-              return;
-            }
-            if (process.env.NODE_ENV === "development" && debug === "verbose") log(`  \u{1F4FA} \u2705 ENABLED ${mediaKeyShort}`);
-          }
-          var mediaStyle2 = getSubStyle(styleState, key6, val2, true);
-          var importanceBump = 0;
-          if (isThemeMedia) {
-            if (supportsDynamicColorIOS && getSetting("fastSchemeChange")) {
-              var _styleState12;
-              (_styleState12 = styleState).style || (_styleState12.style = {});
-              var scheme = mediaKeyShort;
-              var oppositeScheme = getOppositeScheme(mediaKeyShort);
-              var themeOriginalValues = styleOriginalValues.get(mediaStyle2);
-              var isCurrentScheme = themeName === scheme || themeName.startsWith(scheme);
-              for (var subKey1 in mediaStyle2) {
-                var _$val1 = extractValueFromDynamic(mediaStyle2[subKey1], scheme);
-                var existing1 = styleState.style[subKey1];
-                if (!isColorStyleKey(subKey1)) {
-                  dynamicThemeAccess = true;
-                  if (isCurrentScheme) mediaStyle2[subKey1] = _$val1;else delete mediaStyle2[subKey1];
-                  continue;
-                }
-                if (existing1 === null || existing1 === void 0 ? void 0 : existing1.dynamic) {
-                  existing1.dynamic[scheme] = _$val1;
-                  mediaStyle2[subKey1] = existing1;
-                } else {
-                  mediaStyle2[subKey1] = getDynamicVal({
-                    scheme,
-                    val: _$val1,
-                    oppositeVal: extractValueFromDynamic(existing1, oppositeScheme)
-                  });
-                  mergeStyle(styleState, subKey1, mediaStyle2[subKey1], priority, false, themeOriginalValues === null || themeOriginalValues === void 0 ? void 0 : themeOriginalValues[subKey1]);
-                }
-              }
-            } else {
-              dynamicThemeAccess = true;
-              if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
-            }
-          } else if (isGroupMedia) {
-            var _groupContext_groupName, _componentState_group;
-            var groupInfo = getGroupPropParts(mediaKeyShort);
-            var groupName = groupInfo.name;
-            var groupState = groupContext === null || groupContext === void 0 ? void 0 : (_groupContext_groupName = groupContext[groupName]) === null || _groupContext_groupName === void 0 ? void 0 : _groupContext_groupName.state;
-            var groupPseudoKey = groupInfo.pseudo;
-            var groupMediaKey = groupInfo.media;
-            if (groupPseudoKey === "hover") return;
-            if (!groupState) {
-              if (process.env.NODE_ENV === "development" && debug) log(`No parent with group prop, skipping styles: ${groupName}`);
-              pseudoGroups || (pseudoGroups = /* @__PURE__ */new Set());
-              return;
-            }
-            var componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
-            if (groupMediaKey) {
-              mediaGroups || (mediaGroups = /* @__PURE__ */new Set());
-              mediaGroups.add(groupMediaKey);
-              var mediaState1 = componentGroupState === null || componentGroupState === void 0 ? void 0 : componentGroupState.media;
-              var isActive = mediaState1 === null || mediaState1 === void 0 ? void 0 : mediaState1[groupMediaKey];
-              if (!mediaState1 && groupState.layout) isActive = mediaKeyMatch(groupMediaKey, groupState.layout);
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(` \u{1F3D8}\uFE0F GROUP media ${groupMediaKey} active? ${isActive}`, {
-                ...mediaState1,
-                usedKeys: {
-                  ...styleState.usedKeys
-                }
-              });
-              if (!isActive) {
-                for (var pkey1 in mediaStyle2) applyDefaultStyle(pkey1, styleState);
-                return;
-              }
-              importanceBump = 2;
-            }
-            if (groupPseudoKey) {
-              var _this;
-              pseudoGroups || (pseudoGroups = /* @__PURE__ */new Set());
-              pseudoGroups.add(groupName);
-              var componentGroupPseudoState = (_this = componentGroupState || (groupContext === null || groupContext === void 0 ? void 0 : groupContext[groupName].state)) === null || _this === void 0 ? void 0 : _this.pseudo;
-              var isActive1 = componentGroupPseudoState === null || componentGroupPseudoState === void 0 ? void 0 : componentGroupPseudoState[groupPseudoKey];
-              var priority1 = pseudoPriorities[groupPseudoKey];
-              if (process.env.NODE_ENV === "development" && debug === "verbose") log(` \u{1F3D8}\uFE0F GROUP pseudo ${groupMediaKey} active? ${isActive1}, priority ${priority1}`, {
-                componentGroupPseudoState: {
-                  ...componentGroupPseudoState
-                },
-                usedKeys: {
-                  ...styleState.usedKeys
-                }
-              });
-              if (!isActive1) {
-                for (var pkey2 in mediaStyle2) applyDefaultStyle(pkey2, styleState);
-                return;
-              }
-              importanceBump = priority1;
-            }
-          } else if (isPlatformMedia) importanceBump = getPlatformSpecificityBump(mediaKeyShort);
-          var mediaOriginalValues = styleOriginalValues.get(mediaStyle2);
-          if (isGroupMedia && mediaStyle2.transition) {
-            var _styleState22;
-            (_styleState22 = styleState).pseudoTransitions || (_styleState22.pseudoTransitions = {});
-            styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle2.transition;
-          }
-          for (var subKey2 in mediaStyle2) {
-            if (subKey2 === "space") continue;
-            if (subKey2[0] === "$") {
-              var subMediaType = getMediaKey(subKey2);
-              if (subMediaType === "platform") {
-                if (!isActivePlatform(subKey2)) continue;
-              } else if (subMediaType === "theme") {
-                if (!isActiveTheme(subKey2, themeName)) continue;
-              } else if (subMediaType === true) {
-                if (!mediaState$1[subKey2.slice(1)]) continue;
-              }
-              var nestedVal = mediaStyle2[subKey2];
-              var subOriginalValues = styleOriginalValues.get(nestedVal);
-              var outerBase = !!mediaState$1[mediaKeyShort] ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
-              var innerBase = void 0;
-              if (subMediaType === "platform") innerBase = defaultMediaImportance + getPlatformSpecificityBump(subKey2.slice(1));else if (subMediaType === true) innerBase = getMediaKeyImportance(subKey2.slice(1));else innerBase = defaultMediaImportance;
-              var nestedImportance = outerBase + importanceBump + innerBase + 1;
-              for (var subSubKey in nestedVal) {
-                var _styleState32;
-                var expandedKey = shorthands[subSubKey] || subSubKey;
-                var {
-                  usedKeys
-                } = styleState;
-                if (usedKeys[expandedKey] && usedKeys[expandedKey] > nestedImportance) continue;
-                (_styleState32 = styleState).style || (_styleState32.style = {});
-                mergeStyle(styleState, expandedKey, nestedVal[subSubKey], nestedImportance, false, subOriginalValues === null || subOriginalValues === void 0 ? void 0 : subOriginalValues[subSubKey]);
-                if (expandedKey === "fontFamily") styleState.fontFamily = nestedVal[subSubKey];
-              }
-            } else mergeMediaStyle2(subKey2, mediaStyle2[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
-          }
-        }
-        return;
-      }
-      if (!isVariant) {
-        if (isStyledContextProp) return;
-        viewProps[key6] = val2;
-      }
-    });
-    if (process.env.NODE_ENV === "development" && debug === "verbose") {
-      try {
-        log(` \u2714\uFE0F expand complete`, keyInit);
-        log("style", {
-          ...styleState.style
-        });
-        log("viewProps", {
-          ...viewProps
-        });
-        log("transforms", {
-          ...styleState.flatTransforms
-        });
-      } catch (e) {}
-      console.groupEnd();
-    }
-  };
-  conf = conf || getConfig();
-  var driver = animationDriver || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.animationDriver) || conf.animations;
-  if (props.passThrough) return null;
-  if (isWeb && styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative) && !styleProps.noNormalize) styleProps.noNormalize = "values";
-  var {
-    shorthands
-  } = conf;
-  var {
-    isHOC,
-    isText,
-    isInput,
-    variants,
-    isReactNative,
-    inlineProps,
-    inlineWhenUnflattened,
-    parentStaticConfig,
-    acceptsClassName
-  } = staticConfig;
-  var viewProps = {};
-  var mediaState$1 = styleProps.mediaState || mediaState;
-  var shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClass;
-  var rulesToInsert = void 0;
-  var classNames = {};
-  props.space;
-  var pseudos = null;
-  var hasMedia = false;
-  var dynamicThemeAccess;
-  var pseudoGroups;
-  var mediaGroups;
-  var className = props.className || "";
-  var mediaStylesSeen = 0;
-  var validStyles$1 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
-  var styleState = {
-    classNames,
-    conf,
-    props,
-    styleProps,
-    componentState,
-    staticConfig,
-    style: null,
-    theme,
-    usedKeys: {},
-    viewProps,
-    context: componentContext,
-    debug,
-    animationDriver: driver
-  };
-  if (process.env.IS_STATIC === "is_static") {
-    var {
-      fallbackProps
-    } = styleProps;
-    if (fallbackProps) styleState.props = new Proxy(props, {
-      get(_, key6, val2) {
-        if (!Reflect.has(props, key6)) return Reflect.get(fallbackProps, key6);
-        return Reflect.get(props, key6);
-      }
-    });
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
-  if (process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
-    if (isDevTools) {
-      console.groupCollapsed("🔹 getSplitStyles 👇");
-      log({
-        props,
-        staticConfig,
-        shouldDoClasses,
-        styleProps,
-        rulesToInsert,
-        componentState,
-        styleState,
-        theme: {
-          ...theme
-        }
-      });
-    }
-  }
-  var {
-    asChild
-  } = props;
-  var {
-    accept
-  } = staticConfig;
-  var {
-    noSkip,
-    disableExpandShorthands,
-    noExpand,
-    styledContext
-  } = styleProps;
-  var {
-    webContainerType
-  } = conf.settings;
-  var parentVariants = parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.variants;
-  for (var keyOg in props) _loop(keyOg);
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
-  if (!(styleProps.noNormalize === false)) {
-    if (styleState.style) {
-      fixStyles(styleState.style);
-      if (!styleProps.noExpand && !styleProps.noMergeStyle) {
-        if (isWeb && (isReactNative ? (driver === null || driver === void 0 ? void 0 : driver.inputStyle) !== "css" : true)) styleToCSS(styleState.style);
-      }
-    }
-    if (styleState.flatTransforms) {
-      var _styleState;
-      (_styleState = styleState).style || (_styleState.style = {});
-      mergeFlatTransforms(styleState.style, styleState.flatTransforms);
-    }
-    if (parentSplitStyles) {
-      if (!shouldDoClasses) for (var key1 in parentSplitStyles.style) {
-        var _styleState1;
-        if (key1 in classNames || styleState.style && key1 in styleState.style) continue;
-        (_styleState1 = styleState).style || (_styleState1.style = {});
-        styleState.style[key1] = parentSplitStyles.style[key1];
-      }
-    }
-  }
-  var styleProp = props.style;
-  if (!styleProps.noMergeStyle && styleProp) if (isHOC) viewProps.style = normalizeStyle(styleProp);else {
-    var isArray = Array.isArray(styleProp);
-    var len = isArray ? styleProp.length : 1;
-    for (var i = 0; i < len; i++) {
-      var style = isArray ? styleProp[i] : styleProp;
-      if (style) if (style["$$css"]) Object.assign(styleState.classNames, style);else {
-        var _styleState2;
-        (_styleState2 = styleState).style || (_styleState2.style = {});
-        var normalized = normalizeStyle(style);
-        Object.assign(styleState.style, normalized);
-        if (shouldTrackStyleTokenProvenance) {
-          var styleOriginals = styleOriginalValues.get(normalized);
-          for (var k in normalized) recordStyleTokenProvenance(styleState, k, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[k]);
-        }
-      }
-    }
-  }
-  if (viewProps.tabIndex === 0) {
-    var _viewProps;
-    var _accessible;
-    (_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
-  }
-  var style1 = styleState.style;
-  if (style1 === null || style1 === void 0 ? void 0 : style1.fontFamily) {
-    var _getFont;
-    var faceInfo = (_getFont = getFont(style1.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
-    if (faceInfo) {
-      var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
-      var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style1.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style1.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
-      if (overrideFace) {
-        style1.fontFamily = overrideFace;
-        styleState.fontFamily = overrideFace;
-        delete style1.fontWeight;
-        delete style1.fontStyle;
-      }
-    }
-    if (process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style1.fontFamily}`, faceInfo);
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
-  if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
-    var provenance = {};
-    var hasProvenance = false;
-    for (var key4 in styleState.tokenProvenance) {
-      provenance[key4] = {
-        token: styleState.tokenProvenance[key4],
-        theme: themeName
-      };
-      hasProvenance = true;
-    }
-    if (hasProvenance) setStyleTokenProvenance(styleState.style, provenance);
-  }
-  var result = {
-    hasMedia,
-    fontFamily: styleState.fontFamily,
-    viewProps,
-    style: styleState.style,
-    pseudos,
-    classNames,
-    rulesToInsert,
-    dynamicThemeAccess,
-    pseudoGroups,
-    mediaGroups,
-    overriddenContextProps: styleState.overriddenContextProps,
-    pseudoTransitions: styleState.pseudoTransitions
-  };
-  var asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
-  if (!styleProps.noMergeStyle) {
-    if (!asChildExceptStyleLike) {
-      var style2 = styleState.style;
-      if (style2) viewProps.style = style2;
-    }
-  }
-  if (process.env.NODE_ENV === "development" && debug === "verbose") {
-    if (isClient && isDevTools) {
-      console.groupEnd();
-      console.groupCollapsed("🔹 getSplitStyles ===>");
-      try {
-        var logs = {
-          ...result,
-          className,
-          componentState,
-          viewProps,
-          rulesToInsert,
-          parentSplitStyles
-        };
-        for (var key5 in logs) log(key5, logs[key5]);
-      } catch (e) {}
-      console.groupEnd();
-    }
-  }
-  if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
-  return result;
+var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver) {
+	var _staticConfig_styleFrontend, _styleState_flatMediaKeys, _styleState_flatGroupKeys, _styleState_flatGroupMedia, _styleState_style;
+	var conf = getConfig();
+	if ((_staticConfig_styleFrontend = staticConfig.styleFrontend) === null || _staticConfig_styleFrontend === void 0 ? void 0 : _staticConfig_styleFrontend.normalizeStaticConfig) staticConfig = staticConfig.styleFrontend.normalizeStaticConfig(staticConfig, conf);
+	var driver = animationDriver || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.animationDriver) || conf.animations;
+	var resolvedDriver = (driver === null || driver === void 0 ? void 0 : driver.isStub) ? null : driver;
+	if (props.passThrough) return null;
+	if (isWeb && styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative) && !styleProps.noNormalize) styleProps.noNormalize = "values";
+	var { shorthands } = conf;
+	var { isHOC, isText, isInput, variants, isReactNative, inlineProps, parentStaticConfig, acceptsClassName } = staticConfig;
+	var viewProps = {};
+	var mediaState$1 = styleProps.mediaState || mediaState;
+	var shouldDoClasses = acceptsClassName && isWeb && !styleProps.noClass;
+	var rulesToInsert = void 0;
+	var classNames = {};
+	props.space;
+	var hasMedia = false;
+	var pseudoGroups;
+	var mediaGroups;
+	var className = staticConfig.passthroughClassName || "";
+	if (className) shouldDoClasses = false;
+	var validStyles$1 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-setup`;
+	var styleState = {
+		classNames,
+		conf,
+		props,
+		styleProps,
+		componentState,
+		staticConfig,
+		style: null,
+		theme,
+		viewProps,
+		context: componentContext,
+		debug,
+		flatRulesToInsert: rulesToInsert,
+		flatShouldDoClasses: shouldDoClasses,
+		flatThemeName: themeName,
+		flatMediaState: mediaState$1,
+		flatGroupContext: groupContext,
+		animationDriver: resolvedDriver
+	};
+	if (process.env.IS_STATIC === "is_static") {
+		var { fallbackProps } = styleProps;
+		if (fallbackProps) styleState.props = new Proxy(props, { get(_, key9, val2) {
+			if (!Reflect.has(props, key9)) return Reflect.get(fallbackProps, key9);
+			return Reflect.get(props, key9);
+		} });
+	}
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
+	if (process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
+		if (isDevTools) {
+			console.groupCollapsed("🔹 getSplitStyles 👇");
+			log({
+				props,
+				staticConfig,
+				shouldDoClasses,
+				styleProps,
+				rulesToInsert,
+				componentState,
+				styleState,
+				theme: { ...theme }
+			});
+		}
+	}
+	var { asChild } = props;
+	var { accept, neverSkipProps } = staticConfig;
+	var { noSkip, disableExpandShorthands, noExpand, styledContext } = styleProps;
+	var processedProps;
+	var styleFrontend = staticConfig.styleFrontend;
+	if (styleFrontend && !props[STYLE_FRONTEND_PREPROCESSED]) processedProps = styleFrontend.preprocessProps(props, conf);
+	else processedProps = props;
+	var { webContainerType } = conf.settings;
+	var parentVariants = parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.variants;
+	var mergeStylePropAtCurrentPosition = function(styleProp) {
+		if (styleProps.noMergeStyle || !styleProp) return;
+		if (isHOC) {
+			viewProps.style = normalizeStyle(styleProp);
+			return;
+		}
+		var isArray = Array.isArray(styleProp);
+		var length = isArray ? styleProp.length : 1;
+		for (var index = 0; index < length; index++) {
+			var style2 = isArray ? styleProp[index] : styleProp;
+			if (!style2) continue;
+			if (style2["$$css"]) {
+				for (var key9 in style2) clearDirectStyle(styleState, key9);
+				Object.assign(styleState.classNames, style2);
+				continue;
+			}
+			var normalized = normalizeStyle(style2);
+			var styleOriginals = shouldTrackStyleTokenProvenance ? styleOriginalValues.get(style2) : void 0;
+			for (var key12 in normalized) {
+				if (normalized[key12] == null) continue;
+				contributeStyleValue(styleState, key12, normalized[key12], mergeStyle, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[key12]);
+			}
+		}
+	};
+	var flushForwardStylesToClasses = function() {
+		if (!shouldDoClasses) return;
+		flushDirectStyles(styleState, true);
+	};
+	var contributeProp = function(keyOg, valOg) {
+		var keyInit = keyOg;
+		var valInit = valOg;
+		if (styleFrontend && keyInit.startsWith(STYLE_FRONTEND_PASSTHROUGH_PREFIX)) keyInit = "className";
+		if (keyInit === "children") {
+			viewProps[keyInit] = valInit;
+			return;
+		}
+		if (keyInit === "ref") return;
+		if (keyInit[0] === "d" && keyInit.startsWith("data-")) return;
+		if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`before-prop-${keyInit}`;
+		if (process.env.NODE_ENV === "test" && keyInit === "jestAnimatedStyle") return;
+		if (keyInit === "transition" || keyInit === "transitionProperty" || keyInit === "transitionDuration" || keyInit === "transitionTimingFunction" || keyInit === "transitionDelay" || keyInit === "transitionBehavior") return;
+		if (accept) {
+			var accepted = accept[keyInit];
+			if ((accepted === "style" || accepted === "textStyle") && valInit && (typeof valInit === "undefined" ? "undefined" : _type_of(valInit)) === "object") {
+				viewProps[keyInit] = getSubStyle(styleState, keyInit, valInit, styleProps.noClass);
+				return;
+			}
+		}
+		if (!disableExpandShorthands) {
+			if (keyInit in shorthands) keyInit = shorthands[keyInit];
+		}
+		if (keyInit === "className") {
+			if (typeof valInit === "string" && valInit) {
+				className = `${className} ${valInit}`.trim();
+				if (styleFrontend) {
+					flushForwardStylesToClasses();
+					shouldDoClasses = false;
+					styleState.flatShouldDoClasses = false;
+				}
+			}
+			return;
+		}
+		if (keyInit === "style") {
+			mergeStylePropAtCurrentPosition(valInit);
+			return;
+		}
+		if (asChild) {
+			var defaults = getDefaultProps(staticConfig);
+			if (defaults) {
+				var _defaults_keyOg;
+				var defaultVal = (_defaults_keyOg = defaults[keyOg]) !== null && _defaults_keyOg !== void 0 ? _defaults_keyOg : defaults[keyInit];
+				if (defaultVal !== void 0 && valInit === defaultVal) return;
+			}
+		}
+		if (keyInit in skipProps && !noSkip && !isHOC && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) {
+			if (keyInit === "group");
+			if (keyInit === "container" && valInit) {}
+			if (keyInit === "transition" && typeof valInit === "string") {
+				var _driver_animations;
+				var animationConfig = driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[valInit];
+				if (animationConfig && (driver === null || driver === void 0 ? void 0 : driver.outputStyle) === "css" && process.env.IS_STATIC === "is_static") valInit = `all ${animationConfig}`;
+				else if (animationConfig) return;
+			} else return;
+		}
+		if (isFrontendProgram(valInit)) {
+			if (isValidStyleKey(valInit.property, validStyles$1, accept)) contributeFrontendProgram(styleState, valInit, mergeStyle);
+			else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${valInit.property}" is not a valid style on this component; the frontend value is dropped.`);
+			return;
+		}
+		var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles$1, accept);
+		if (isWeb) {
+			var _driver_View;
+			if ((staticConfig.isReactNative || styleProps.isAnimated && (driver === null || driver === void 0 ? void 0 : driver.isReactNative) && !((_driver_View = driver.View) === null || _driver_View === void 0 ? void 0 : _driver_View.acceptRenderProp)) && keyInit.startsWith("data-")) {
+				var _viewProps2, _dataSet;
+				keyInit = keyInit.replace("data-", "");
+				(_viewProps2 = viewProps)[_dataSet = "dataSet"] || (_viewProps2[_dataSet] = {});
+				viewProps["dataSet"][keyInit] = valInit;
+				return;
+			}
+			if (keyInit.startsWith("data-")) {
+				viewProps[keyInit] = valInit;
+				return;
+			}
+		}
+		if (!isValidStyleKeyInit) {
+			if (!isAndroid) {
+				if (keyInit === "elevationAndroid") return;
+			}
+			if (keyInit === "userSelect") {
+				keyInit = "selectable";
+				valInit = valInit !== "none";
+			} else if (keyInit === "textOverflow") {
+				if (isText && valInit === "ellipsis") {
+					var _viewProps1, _viewProps22;
+					var _numberOfLines;
+					(_numberOfLines = (_viewProps1 = viewProps).numberOfLines) !== null && _numberOfLines !== void 0 || (_viewProps1.numberOfLines = 1);
+					var _ellipsizeMode;
+					(_ellipsizeMode = (_viewProps22 = viewProps).ellipsizeMode) !== null && _ellipsizeMode !== void 0 || (_viewProps22.ellipsizeMode = "tail");
+				}
+				return;
+			} else if (keyInit.startsWith("data-")) return;
+		}
+		var isVariant = !isValidStyleKeyInit && variants && keyInit in variants;
+		var isStyleLikeKey = isValidStyleKeyInit || isVariant;
+		var isStyleProp = isValidStyleKeyInit || isVariant && !noExpand;
+		if (isStyleProp && (asChild === "except-style" || asChild === "except-style-web")) return;
+		var shouldPassProp = !isStyleProp && isHOC || isHOC && parentVariants && keyInit in parentVariants || (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(keyInit));
+		var parentVariant = parentVariants === null || parentVariants === void 0 ? void 0 : parentVariants[keyInit];
+		var isHOCShouldPassThrough = Boolean(isHOC && (isValidStyleKeyInit || parentVariant || keyInit in skipProps));
+		var shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
+		if (process.env.NODE_ENV === "development" && debug === "verbose") {
+			console.groupCollapsed(`  \u{1F511} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""}`);
+			log({
+				isVariant,
+				valInit,
+				shouldPassProp
+			});
+			if (isClient) log({
+				variants,
+				variant: variants === null || variants === void 0 ? void 0 : variants[keyInit],
+				isVariant,
+				isHOCShouldPassThrough,
+				parentStaticConfig
+			});
+		}
+		if (shouldPassThrough) {
+			passDownProp(viewProps, keyInit, valInit);
+			if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+			if (!isVariant) return;
+		}
+		if (!noSkip && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) {
+			var _driver_animations1;
+			if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations1 = driver.animations) === null || _driver_animations1 === void 0 ? void 0 : _driver_animations1[valInit]))) {
+				if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
+				return;
+			}
+		}
+		if (isText || isInput) {
+			if (valInit && (keyInit === "fontFamily" || keyInit === shorthands["fontFamily"]) && valInit in conf.fontsParsed) styleState.fontFamily = valInit;
+		}
+		var disablePropMap = !isStyleLikeKey;
+		if (!isHOC && isValidStyleKeyInit && valInit != null && !(valInit === "unset") && !(variants && keyInit in variants) && !(accept && keyInit in accept) && !(styledContext && keyInit in styledContext)) {
+			contributeStyleValue(styleState, keyInit, valInit, mergeStyle);
+			return;
+		}
+		propMapper(keyInit, valInit, styleState, disablePropMap, function(key9, val2, originalVal, conditionSource) {
+			var _parentStaticConfig_variants;
+			var isStyledContextProp = styledContext && key9 in styledContext;
+			if (key9 === "className") {
+				if (typeof val2 === "string" && val2) className = `${className} ${val2}`.trim();
+				return;
+			}
+			if (!isHOC && disablePropMap && !isStyledContextProp) {
+				if (key9 in stylePropsAll && !isValidStyleKey(key9, validStyles$1, accept)) {
+					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
+					return;
+				}
+				viewProps[key9] = val2;
+				return;
+			}
+			if (process.env.NODE_ENV === "development" && debug === "verbose") {
+				console.groupCollapsed("  💠 expanded", keyInit, "=>", key9);
+				log(val2);
+				console.groupEnd();
+			}
+			if (val2 == null) return;
+			if (accept && key9 in accept) {
+				viewProps[key9] = val2;
+				return;
+			}
+			var isHostStyleKey = !isHOC && isValidStyleKey(key9, validStyles$1, accept) || isAndroid && key9 === "elevation";
+			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
+			if (conditionSource !== void 0) {
+				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key9, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
+				else if (isHOC) {
+					var appended = appendFlatClause(viewProps[key9], conditionSource, val2);
+					if (appended !== void 0) viewProps[key9] = appended;
+					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] conditional variant value for "${key9}" is not string-representable; dropping the clause`);
+				} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is not a valid style on this component; the conditional variant value is dropped.`);
+				return;
+			}
+			if (isHostStyleKey || isContextProgramKey) {
+				contributeStyleValue(styleState, key9, val2, mergeStyle, originalVal, !isHostStyleKey);
+				return;
+			}
+			isVariant = variants && key9 in variants;
+			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key9)) {
+				var _props_key;
+				viewProps[key9] = (_props_key = props[key9]) !== null && _props_key !== void 0 ? _props_key : val2;
+			}
+			if (isHOC && Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit])) {
+				passDownProp(viewProps, key9, val2);
+				if (process.env.NODE_ENV === "development" && debug === "verbose") {
+					console.groupCollapsed(` - passing down prop ${key9}`);
+					log({
+						val: val2,
+						after: { ...viewProps[key9] }
+					});
+					console.groupEnd();
+				}
+				return;
+			}
+			if (!isVariant) {
+				if (isStyledContextProp) return;
+				if (key9 in stylePropsAll && !isValidStyleKey(key9, validStyles$1, accept)) {
+					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key9}" is a text style prop and this component is not text \u2014 it would render on neither platform. Use a Text-based component, or html.* for raw web elements.`);
+					return;
+				}
+				viewProps[key9] = val2;
+			}
+		});
+		if (process.env.NODE_ENV === "development" && debug === "verbose") {
+			try {
+				log(` \u2714\uFE0F expand complete`, keyInit);
+				log("style", { ...styleState.style });
+				log("viewProps", { ...viewProps });
+				log("transforms", { ...styleState.flatTransforms });
+			} catch (e) {}
+			console.groupEnd();
+		}
+	};
+	forEachPropInForwardOrder(processedProps, staticConfig, shorthands, contributeProp);
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-propsend`;
+	var conditionalStates = styleState.flatStateKeys || null;
+	var usesSafeArea = !!styleState.flatUsesSafeArea;
+	if ((_styleState_flatMediaKeys = styleState.flatMediaKeys) === null || _styleState_flatMediaKeys === void 0 ? void 0 : _styleState_flatMediaKeys.size) {
+		if (!hasMedia) hasMedia = /* @__PURE__ */ new Set();
+		if (typeof hasMedia !== "boolean") {
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = styleState.flatMediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var key = _step.value;
+					hasMedia.add(key);
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+		}
+	}
+	if ((_styleState_flatGroupKeys = styleState.flatGroupKeys) === null || _styleState_flatGroupKeys === void 0 ? void 0 : _styleState_flatGroupKeys.size) {
+		pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set());
+		var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+		try {
+			for (var _iterator1 = styleState.flatGroupKeys[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+				var key1 = _step1.value;
+				pseudoGroups.add(key1);
+			}
+		} catch (err) {
+			_didIteratorError1 = true;
+			_iteratorError1 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+			} finally {
+				if (_didIteratorError1) throw _iteratorError1;
+			}
+		}
+	}
+	if ((_styleState_flatGroupMedia = styleState.flatGroupMedia) === null || _styleState_flatGroupMedia === void 0 ? void 0 : _styleState_flatGroupMedia.size) {
+		mediaGroups || (mediaGroups = /* @__PURE__ */ new Set());
+		var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+		try {
+			for (var _iterator2 = styleState.flatGroupMedia[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+				var key2 = _step2.value;
+				mediaGroups.add(key2);
+			}
+		} catch (err) {
+			_didIteratorError2 = true;
+			_iteratorError2 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+			} finally {
+				if (_didIteratorError2) throw _iteratorError2;
+			}
+		}
+	}
+	var effectiveTransition = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transition;
+	if (effectiveTransition != null && styleState.style && true) delete styleState.style.transition;
+	if (styleState.style) {
+		if ("containerType" in styleState.style) delete styleState.style.containerType;
+		if ("containerName" in styleState.style) delete styleState.style.containerName;
+	}
+	if (!(styleProps.noNormalize === false)) {
+		if (styleState.style) {
+			fixStyles(styleState.style);
+			if (!styleProps.noExpand && !styleProps.noMergeStyle) {
+				if (isWeb && (isReactNative ? (driver === null || driver === void 0 ? void 0 : driver.inputStyle) !== "css" : true)) styleToCSS(styleState.style);
+			}
+		}
+		if (styleState.flatTransforms) {
+			var _styleState;
+			(_styleState = styleState).style || (_styleState.style = {});
+			mergeFlatTransforms(styleState.style, styleState.flatTransforms);
+		}
+		if (parentSplitStyles) {
+			if (!shouldDoClasses) for (var key4 in parentSplitStyles.style) {
+				var _styleState1;
+				if (key4 in classNames || styleState.style && key4 in styleState.style) continue;
+				(_styleState1 = styleState).style || (_styleState1.style = {});
+				styleState.style[key4] = parentSplitStyles.style[key4];
+			}
+		}
+	}
+	if (viewProps.tabIndex === 0) {
+		var _viewProps;
+		var _accessible;
+		(_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
+	}
+	var style = styleState.style;
+	if (style === null || style === void 0 ? void 0 : style.fontFamily) {
+		var _getFont;
+		var faceInfo = (_getFont = getFont(style.fontFamily)) === null || _getFont === void 0 ? void 0 : _getFont.face;
+		if (faceInfo) {
+			var _faceInfo_style_fontWeight_, _faceInfo_style_fontWeight;
+			var overrideFace = (_faceInfo_style_fontWeight = faceInfo[style.fontWeight]) === null || _faceInfo_style_fontWeight === void 0 ? void 0 : (_faceInfo_style_fontWeight_ = _faceInfo_style_fontWeight[style.fontStyle || "normal"]) === null || _faceInfo_style_fontWeight_ === void 0 ? void 0 : _faceInfo_style_fontWeight_.val;
+			if (overrideFace) {
+				style.fontFamily = overrideFace;
+				styleState.fontFamily = overrideFace;
+				delete style.fontWeight;
+				delete style.fontStyle;
+			}
+		}
+		if (process.env.NODE_ENV === "development" && debug && debug !== "profile") log(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
+	}
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-pre-result`;
+	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
+		var provenance = {};
+		var hasProvenance = false;
+		for (var key6 in styleState.tokenProvenance) {
+			provenance[key6] = {
+				token: styleState.tokenProvenance[key6],
+				theme: themeName
+			};
+			hasProvenance = true;
+		}
+		if (hasProvenance) setStyleTokenProvenance(styleState.style, provenance);
+	}
+	var result = {
+		hasMedia,
+		fontFamily: styleState.fontFamily,
+		viewProps,
+		style: styleState.style,
+		classNames,
+		rulesToInsert,
+		pseudoGroups,
+		mediaGroups,
+		overriddenContextProps: styleState.overriddenContextProps
+	};
+	if (effectiveTransition != null) result.effectiveTransition = effectiveTransition;
+	if (conditionalStates) result.programStates = conditionalStates;
+	if (usesSafeArea) result.usesSafeArea = true;
+	if (getDirectDynamicThemeAccess(styleState)) result.dynamicThemeAccess = true;
+	if (styleState.flatEnterKeys || styleState.flatExitKeys) {
+		var effectiveKeys = function(keys) {
+			if (!keys) return;
+			var out = /* @__PURE__ */ new Set();
+			var _iteratorNormalCompletion4 = true, _didIteratorError4 = false, _iteratorError4 = void 0;
+			try {
+				for (var _iterator4 = keys[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+					var key9 = _step4.value;
+					out.add(key9 === "--t-x" || key9 === "--t-y" ? "translate" : key9 === "--t-scale-x" || key9 === "--t-scale-y" ? "scale" : key9);
+				}
+			} catch (err) {
+				_didIteratorError4 = true;
+				_iteratorError4 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion4 && _iterator4.return != null) _iterator4.return();
+				} finally {
+					if (_didIteratorError4) throw _iteratorError4;
+				}
+			}
+			return out;
+		};
+		result.programLifecycleStyleKeys = {
+			enter: effectiveKeys(styleState.flatEnterKeys),
+			exit: effectiveKeys(styleState.flatExitKeys)
+		};
+	}
+	var asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
+	if (!styleProps.noMergeStyle) {
+		if (!asChildExceptStyleLike) {
+			var style1 = styleState.style;
+			if (style1) viewProps.style = style1;
+		}
+	}
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		if (isClient && isDevTools) {
+			console.groupEnd();
+			console.groupCollapsed("🔹 getSplitStyles ===>");
+			try {
+				var logs = {
+					...props.__tamaguiStyleDebugReceipt && { receipt: props.__tamaguiStyleDebugReceipt },
+					...result,
+					className,
+					componentState,
+					viewProps,
+					rulesToInsert,
+					parentSplitStyles
+				};
+				for (var key8 in logs) log(key8, logs[key8]);
+			} catch (e) {}
+			console.groupEnd();
+		}
+	}
+	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
+	return result;
 };
 function mergeFlatTransforms(target, flatTransforms) {
-  Object.entries(flatTransforms).sort(function (param, param1) {
-    var [a] = param,
-      [b] = param1;
-    return sortString(a, b);
-  }).forEach(function (param) {
-    var [key, val] = param;
-    mergeTransform(target, key, val, true);
-  });
+	var transform = [];
+	if ("x" in flatTransforms) transform.push({ translateX: flatTransforms.x });
+	if ("y" in flatTransforms) transform.push({ translateY: flatTransforms.y });
+	if ("rotate" in flatTransforms) transform.push({ rotate: flatTransforms.rotate });
+	var hasScaleX = "scaleX" in flatTransforms;
+	var hasScaleY = "scaleY" in flatTransforms;
+	if (hasScaleX && hasScaleY && Object.is(flatTransforms.scaleX, flatTransforms.scaleY)) transform.push({ scale: flatTransforms.scaleX });
+	else {
+		if (hasScaleX) transform.push({ scaleX: flatTransforms.scaleX });
+		if (hasScaleY) transform.push({ scaleY: flatTransforms.scaleY });
+		if (!hasScaleX && !hasScaleY && "scale" in flatTransforms) transform.push({ scale: flatTransforms.scale });
+	}
+	var keys = [];
+	for (var key in flatTransforms) if (key !== "x" && key !== "y" && key !== "rotate" && key !== "scale" && key !== "scaleX" && key !== "scaleY") keys.push(key);
+	keys.sort(sortString);
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = keys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var key1 = _step.value;
+			transform.push({ [mapTransformKeys[key1] || key1]: flatTransforms[key1] });
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	if (Array.isArray(target.transform)) transform.push(...target.transform);
+	target.transform = transform;
 }
-function mergeStyle(styleState, key, val, importance) {
-  var disableNormalize = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false,
-    originalVal = arguments.length > 5 ? arguments[5] : void 0;
-  var _staticConfig_context, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig;
-  var {
-    viewProps,
-    styleProps,
-    staticConfig,
-    usedKeys
-  } = styleState;
-  if ((usedKeys[key] || 0) > importance) return;
-  var contextProps = ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.props) || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.props);
-  if (contextProps && key in contextProps) {
-    var _styleState_originalContextPropValues;
-    var _styleState;
-    (_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
-    var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key];
-    var _ref;
-    styleState.overriddenContextProps[key] = (_ref = originalVal !== null && originalVal !== void 0 ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
-  }
-  if (key in stylePropsTransform) {
-    var _styleState1;
-    (_styleState1 = styleState).flatTransforms || (_styleState1.flatTransforms = {});
-    usedKeys[key] = importance;
-    styleState.flatTransforms[key] = val;
-  } else {
-    var out = isWeb && !disableNormalize && !styleProps.noNormalize ? normalizeValueWithProperty(val, key) : val;
-    if (staticConfig.accept && key in staticConfig.accept) viewProps[key] = out;else {
-      var _styleState2;
-      (_styleState2 = styleState).style || (_styleState2.style = {});
-      usedKeys[key] = importance;
-      styleState.style[key] = key === "transform" && Array.isArray(out) ? [...out] : out;
-      if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
-    }
-  }
+function mergeStyle(styleState, key, val, _importance) {
+	var disableNormalize = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false, originalVal = arguments.length > 5 ? arguments[5] : void 0;
+	var _staticConfig_parentStaticConfig, _staticConfig_parentStaticConfig1, _staticConfig_parentStaticConfig2, _contextConfig_propKeys;
+	var { viewProps, styleProps, staticConfig } = styleState;
+	var contextConfig = staticConfig.context || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : _staticConfig_parentStaticConfig.context);
+	var contextProps = contextConfig === null || contextConfig === void 0 ? void 0 : contextConfig.props;
+	var inheritedContextPropKeys = !staticConfig.context || staticConfig.context === ((_staticConfig_parentStaticConfig1 = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig1 === void 0 ? void 0 : _staticConfig_parentStaticConfig1.context) ? (_staticConfig_parentStaticConfig2 = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig2 === void 0 ? void 0 : _staticConfig_parentStaticConfig2.contextProps : void 0;
+	var contextPropKeys = staticConfig.contextProps || inheritedContextPropKeys;
+	if (contextProps && key in contextProps || (contextPropKeys === null || contextPropKeys === void 0 ? void 0 : contextPropKeys.includes(key)) || (contextConfig === null || contextConfig === void 0 ? void 0 : (_contextConfig_propKeys = contextConfig.propKeys) === null || _contextConfig_propKeys === void 0 ? void 0 : _contextConfig_propKeys.includes(key))) {
+		var _styleState_originalContextPropValues;
+		var _styleState;
+		(_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
+		var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key];
+		var _ref;
+		styleState.overriddenContextProps[key] = (_ref = originalVal !== null && originalVal !== void 0 ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
+	}
+	if (key in stylePropsTransform) {
+		var _styleState1;
+		(_styleState1 = styleState).flatTransforms || (_styleState1.flatTransforms = {});
+		styleState.flatTransforms[key] = val;
+	} else {
+		var out = isWeb && !disableNormalize && !styleProps.noNormalize ? normalizeValueWithProperty(val, key) : val;
+		if (staticConfig.accept && key in staticConfig.accept) viewProps[key] = out;
+		else {
+			var _styleState2;
+			(_styleState2 = styleState).style || (_styleState2.style = {});
+			styleState.style[key] = key === "transform" && Array.isArray(out) ? [...out] : out;
+			if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
+		}
+	}
 }
 function recordStyleTokenProvenance(styleState, key, originalVal) {
-  if (typeof originalVal === "string" && originalVal[0] === "$") {
-    var _styleState;
-    ((_styleState = styleState).tokenProvenance || (_styleState.tokenProvenance = {}))[key] = originalVal;
-  } else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
+	var _styleState_conf_themes;
+	var tokenName = typeof originalVal === "string" ? originalVal : "";
+	if (tokenName) {
+		var slash = tokenName.lastIndexOf("/");
+		var opacity = slash === -1 ? NaN : Number(tokenName.slice(slash + 1));
+		if (Number.isInteger(opacity) && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
+	}
+	if (tokenName !== "" && (Object.prototype.hasOwnProperty.call(styleState.theme, tokenName) || Object.prototype.hasOwnProperty.call(((_styleState_conf_themes = styleState.conf.themes) === null || _styleState_conf_themes === void 0 ? void 0 : _styleState_conf_themes[styleState.flatThemeName || ""]) || {}, tokenName) || Object.values(styleState.conf.tokensParsed).some(function(category) {
+		return Object.prototype.hasOwnProperty.call(category, tokenName);
+	}))) {
+		var _styleState;
+		((_styleState = styleState).tokenProvenance || (_styleState.tokenProvenance = {}))[key] = originalVal;
+	} else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
 }
-var getSubStyle = function (styleState, subKey, styleIn, avoidMergeTransform) {
-  var {
-    staticConfig,
-    conf: conf2,
-    styleProps
-  } = styleState;
-  var styleOut = {};
-  var originalValues;
-  var styleInOriginalValues = styleOriginalValues.get(styleIn);
-  var parentProps = styleState.props;
-  styleState.props = {
-    ...parentProps,
-    ...styleIn
-  };
-  try {
-    var _loop = function (key1) {
-      var val = styleIn[key1];
-      key1 = conf2.shorthands[key1] || key1;
-      if (key1 === "transition") {
-        var _driver_animations;
-        var _styleState;
-        (_styleState = styleState).pseudoTransitions || (_styleState.pseudoTransitions = {});
-        styleState.pseudoTransitions[subKey] = val;
-        var driver = styleState.animationDriver;
-        if ((driver === null || driver === void 0 ? void 0 : driver.outputStyle) === "css") {
-          var _driver_animations1;
-          var animationConfig = (_driver_animations1 = driver.animations) === null || _driver_animations1 === void 0 ? void 0 : _driver_animations1[val];
-          if (animationConfig) styleOut["transition"] = `all ${animationConfig}${subKey[0] === "$" ? " !important" : ""}`;
-        }
-        if (!styleOut["transition"] && typeof val === "string" && !(driver === null || driver === void 0 ? void 0 : (_driver_animations = driver.animations) === null || _driver_animations === void 0 ? void 0 : _driver_animations[val])) styleOut["transition"] = val;
-        return key = key1, "continue";
-      }
-      if (!staticConfig.isHOC && key1 in skipProps && !styleProps.noSkip) return key = key1, "continue";
-      propMapper(key1, val, styleState, false, function (skey, sval, originalVal) {
-        var _styleInOriginalValues_skey;
-        var trackedOriginalVal = (_styleInOriginalValues_skey = styleInOriginalValues === null || styleInOriginalValues === void 0 ? void 0 : styleInOriginalValues[skey]) !== null && _styleInOriginalValues_skey !== void 0 ? _styleInOriginalValues_skey : originalVal;
-        if (trackedOriginalVal !== void 0) {
-          originalValues || (originalValues = {});
-          originalValues[skey] = trackedOriginalVal;
-        }
-        if (skey in validPseudoKeys) sval = getSubStyle(styleState, skey, sval, avoidMergeTransform);
-        if (!avoidMergeTransform && skey in stylePropsTransform) mergeTransform(styleOut, skey, sval);else styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key1);
-      });
-      key = key1;
-    };
-    for (var key in styleIn) _loop(key);
-  } finally {
-    styleState.props = parentProps;
-  }
-  if (!avoidMergeTransform) {
-    var _styleState_style;
-    var parentTransform = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transform;
-    var flatTransforms = styleState.flatTransforms;
-    var styleOutTransform = styleOut.transform;
-    if (Array.isArray(styleOutTransform) && styleOutTransform.length) {
-      var len = styleOutTransform.length;
-      if (Array.isArray(parentTransform)) {
-        var merged = [];
-        outer: for (var i = 0; i < parentTransform.length; i++) {
-          var pt = parentTransform[i];
-          for (var pk in pt) {
-            for (var j = 0; j < len; j++) for (var sk in styleOutTransform[j]) {
-              if (pk === sk) continue outer;
-              break;
-            }
-            merged.push(pt);
-            break;
-          }
-        }
-        for (var i1 = 0; i1 < len; i1++) merged.push(styleOutTransform[i1]);
-        styleOut.transform = merged;
-      }
-      if (flatTransforms) outer: for (var fk in flatTransforms) {
-        var ck = fk === "x" ? "translateX" : fk === "y" ? "translateY" : fk;
-        for (var j1 = 0; j1 < len; j1++) for (var sk1 in styleOutTransform[j1]) {
-          if (ck === sk1) continue outer;
-          break;
-        }
-        mergeTransform(styleOut, fk, flatTransforms[fk]);
-      }
-    } else if (flatTransforms) mergeFlatTransforms(styleOut, flatTransforms);
-  }
-  if (!styleProps.noNormalize) fixStyles(styleOut);
-  if (originalValues && Object.keys(originalValues).length) styleOriginalValues.set(styleOut, originalValues);
-  return styleOut;
+var getSubStyle = function(styleState, _subKey, styleIn, avoidMergeTransform) {
+	var { staticConfig, conf, styleProps } = styleState;
+	var styleOut = {};
+	var originalValues;
+	var styleInOriginalValues = styleOriginalValues.get(styleIn);
+	var parentProps = styleState.props;
+	styleState.props = Object.create(parentProps, Object.getOwnPropertyDescriptors(styleIn));
+	try {
+		var _loop = function(key1) {
+			var val = styleIn[key1];
+			key1 = conf.shorthands[key1] || key1;
+			if (!staticConfig.isHOC && key1 in skipProps && !styleProps.noSkip) return key = key1, "continue";
+			propMapper(key1, val, styleState, false, function(skey, sval, originalVal) {
+				var _styleInOriginalValues_skey;
+				var trackedOriginalVal = (_styleInOriginalValues_skey = styleInOriginalValues === null || styleInOriginalValues === void 0 ? void 0 : styleInOriginalValues[skey]) !== null && _styleInOriginalValues_skey !== void 0 ? _styleInOriginalValues_skey : originalVal;
+				if (trackedOriginalVal !== void 0) {
+					originalValues || (originalValues = {});
+					originalValues[skey] = trackedOriginalVal;
+				}
+				if (!avoidMergeTransform && skey in stylePropsTransform) mergeTransform(styleOut, skey, sval);
+				else styleOut[skey] = styleProps.noNormalize ? sval : normalizeValueWithProperty(sval, key1);
+			});
+			key = key1;
+		};
+		for (var key in styleIn) _loop(key);
+	} finally {
+		styleState.props = parentProps;
+	}
+	if (!avoidMergeTransform) {
+		var _styleState_style;
+		var parentTransform = (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.transform;
+		var flatTransforms = styleState.flatTransforms;
+		var styleOutTransform = styleOut.transform;
+		if (Array.isArray(styleOutTransform) && styleOutTransform.length) {
+			var len = styleOutTransform.length;
+			if (Array.isArray(parentTransform)) {
+				var merged = [];
+				outer: for (var i = 0; i < parentTransform.length; i++) {
+					var pt = parentTransform[i];
+					for (var pk in pt) {
+						for (var j = 0; j < len; j++) for (var sk in styleOutTransform[j]) {
+							if (pk === sk) continue outer;
+							break;
+						}
+						merged.push(pt);
+						break;
+					}
+				}
+				for (var i1 = 0; i1 < len; i1++) merged.push(styleOutTransform[i1]);
+				styleOut.transform = merged;
+			}
+			if (flatTransforms) outer: for (var fk in flatTransforms) {
+				var ck = fk === "x" ? "translateX" : fk === "y" ? "translateY" : fk;
+				for (var j1 = 0; j1 < len; j1++) for (var sk1 in styleOutTransform[j1]) {
+					if (ck === sk1) continue outer;
+					break;
+				}
+				mergeTransform(styleOut, fk, flatTransforms[fk]);
+			}
+		} else if (flatTransforms) mergeFlatTransforms(styleOut, flatTransforms);
+	}
+	if (!styleProps.noNormalize) fixStyles(styleOut);
+	if (originalValues) styleOriginalValues.set(styleOut, originalValues);
+	return styleOut;
 };
 isWeb && React.useInsertionEffect;
-var useSplitStyles = function (a, b, c, d, e, f, g, h, i, j, k, l, m) {
-  "use no memo";
-
-  return getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m);
-};
-var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)";
-var animatableDefaults = {
-  ...Object.fromEntries(Object.entries(tokenCategories.color).map(function (param) {
-    var [k, v] = param;
-    return [k, defaultColor];
-  })),
-  opacity: 1,
-  scale: 1,
-  scaleX: 1,
-  scaleY: 1,
-  rotate: "0deg",
-  rotateX: "0deg",
-  rotateY: "0deg",
-  rotateZ: "0deg",
-  skewX: "0deg",
-  skewY: "0deg",
-  x: 0,
-  y: 0,
-  borderRadius: 0
+var useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k, l, m) {
+	"use no memo";
+	return getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m);
 };
-var mergeTransform = function (obj, key, val) {
-  var backwards = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
-  var _obj;
-  if (typeof obj.transform === "string") return;
-  (_obj = obj).transform || (_obj.transform = []);
-  obj.transform[backwards ? "unshift" : "push"]({
-    [mapTransformKeys[key] || key]: val
-  });
+var mergeTransform = function(obj, key, val) {
+	var backwards = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false;
+	var _obj;
+	if (typeof obj.transform === "string") return;
+	(_obj = obj).transform || (_obj.transform = []);
+	obj.transform[backwards ? "unshift" : "push"]({ [mapTransformKeys[key] || key]: val });
 };
 var mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
+	x: "translateX",
+	y: "translateY"
 };
 function passDownProp(viewProps, key, val) {
-  if (arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false) {
-    var next = {
-      ...viewProps[key],
-      ...val
-    };
-    delete viewProps[key];
-    viewProps[key] = next;
-  } else viewProps[key] = val;
-}
-function mergeMediaByImportance(styleState, mediaKey, key, value, isSizeMedia, importanceBump, debugProp, originalVal) {
-  var usedKeys = styleState.usedKeys;
-  var importance = getMediaImportanceIfMoreImportant(mediaKey, key, styleState, isSizeMedia);
-  if (importanceBump) {
-    var bumpedImportance = defaultMediaImportance + importanceBump;
-    importance = !usedKeys[key] || bumpedImportance > usedKeys[key] ? bumpedImportance : null;
-  }
-  if (process.env.NODE_ENV === "development" && debugProp === "verbose") log(`mergeMediaByImportance ${key} importance usedKey ${usedKeys[key]} next ${importance}`);
-  if (importance === null) return false;
-  if (key in pseudoDescriptors) {
-    var descriptor = pseudoDescriptors[key];
-    var descriptorKey = descriptor.stateKey || descriptor.name;
-    if (styleState.componentState[descriptorKey] === false) return false;
-    var pseudoOriginalValues = styleOriginalValues.get(value);
-    for (var subKey in value) mergeStyle(styleState, subKey, value[subKey], importance, false, pseudoOriginalValues === null || pseudoOriginalValues === void 0 ? void 0 : pseudoOriginalValues[subKey]);
-  } else mergeStyle(styleState, key, value, importance, false, originalVal);
-  return true;
+	viewProps[key] = val;
 }
 function normalizeStyle(style) {
-  var out = {};
-  for (var key in style) {
-    var val = style[key];
-    if (key in stylePropsTransform) mergeTransform(out, key, val);else out[key] = normalizeValueWithProperty(val, key);
-  }
-  if (isWeb && Array.isArray(out.transform)) out.transform = transformsToString(out.transform);
-  fixStyles(out);
-  return out;
-}
-function applyDefaultStyle(pkey, styleState) {
-  var defaultValues = animatableDefaults[pkey];
-  if (defaultValues != null && !(pkey in styleState.usedKeys) && (!styleState.style || !(pkey in styleState.style))) mergeStyle(styleState, pkey, defaultValues, 1);
+	var out = {};
+	for (var key in style) {
+		var val = style[key];
+		if (key in stylePropsTransform) mergeTransform(out, key, val);
+		else out[key] = normalizeValueWithProperty(val, key);
+	}
+	if (isWeb && Array.isArray(out.transform)) out.transform = transformsToString(out.transform);
+	fixStyles(out);
+	return out;
 }
-export { PROP_SPLIT, STYLE_TOKEN_PROVENANCE_KEY, getSplitStyles, getStyleTokenProvenance, getSubStyle, styleOriginalValues, useSplitStyles };
+
+export { STYLE_TOKEN_PROVENANCE_KEY, getSplitStyles, getStyleTokenProvenance, getSubStyle, isValidStyleKey, styleOriginalValues, useSplitStyles };
 //# sourceMappingURL=getSplitStyles.native.js.map