@tamagui/web 3.0.0-beta.755.1 → 3.0.0-beta.804.1

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

@@ -1,376 +1,787 @@
-import { isAndroid, isClient, isWeb } from "@tamagui/constants";
-import { stylePropsAll, stylePropsText, stylePropsTransform, validStyles } from "@tamagui/helpers";
-import React from "react";
-import { STYLE_FRONTEND_PASSTHROUGH_PREFIX, STYLE_FRONTEND_PREPROCESSED } from "./styleFrontend.native.js";
+import { isAndroid, isClient, platformMatches, supportsDynamicColorIOS } from "@tamagui/constants";
+import { nonAnimatableStyleProps, stylePropsAll, stylePropsText, stylePropsTransform, tokenCategories, validStyles } from "@tamagui/helpers";
 import { getConfig, getFont } from "../config.native.js";
 import { isVariable } from "../createVariable.native.js";
 import { isDevTools } from "../constants/isDevTools.native.js";
-import { mediaState } from "./mediaState.native.js";
-import { scanFlatValue } from "@tamagui/style-grammar/runtime";
+import { mediaKeyMatch, mediaState } from "./mediaState.native.js";
+import { variantResolverNames } from "../types.native.js";
+import { addTransformValue, canonicalStateModifierNames, createTransformAccumulator, finalizeTransformAccumulator, getTransformPartKeys, isContainerSizeQueryText, isModifierName, modifierKindMedia, modifierKindPlatform, modifierKindState, modifierKindTheme, removeTransformValue, scanFlatValue, stateModifierSelectors } from "@tamagui/style-grammar/runtime";
+import { warnOnce, warnRefusedValue } from "./warnOnce.native.js";
+import { expandStyle } from "./expandStyle.native.js";
 import { fixStyles } from "./expandStyles.native.js";
-import { styleToCSS } from "./getCSSStylesAtomic.native.js";
+import { addComposition, canGenerateCSS, clearFrameAtomic, completeStreamingCSS, directStyleSignature, flushDirectStyles, flushDirectStyles as flushDirectStyles2, requestBorderStyleDefault, streamAtomic } from "./directStyleCSS.native.js";
+import { getConfigRevisionState } from "./grammarConfig.native.js";
+import { isColorStyleKey } from "./getDynamicVal.native.js";
 import { getDefaultProps } from "./getDefaultProps.native.js";
-import { isPlainObject } from "./isObj.native.js";
+import { isObj, isPlainObject } from "./isObj.native.js";
 import { log } from "./log.native.js";
+import { normalizeStyle } from "./normalizeStyle.native.js";
+import { normalizeColor } from "./normalizeColor.native.js";
 import { normalizeValueWithProperty } from "./normalizeValueWithProperty.native.js";
-import { appendFlatClause, propMapper } from "./propMapper.native.js";
-import { clearDirectStyle, contributeStyleValue, contributeVariantClauseValue, flushDirectStyles, getDirectDynamicThemeAccess, resolveClauseChain } from "./directStyle.native.js";
-import { contributeFrontendProgram, isFrontendProgram } from "./frontendProgram.native.js";
-import { skipProps } from "./skipProps.native.js";
-import { sortString } from "./sortString.native.js";
+import { parseNativeStyle } from "./parseNativeStyle.native.js";
+import { parseNativeTransform } from "./parseNativeTransform.native.js";
+import { getVariantExtras } from "./getVariantExtras.native.js";
+import { isRemValue, resolveRem } from "./resolveRem.native.js";
+import { expandSafeAreaValue, isSafeAreaKey } from "./resolveSafeArea.native.js";
+import { resolveSafeAreaVariable } from "./resolveSafeAreaVariable.native.js";
+import { resolveVariableValue } from "./resolveVariableValue.native.js";
+import { THEME_REF_PREFIX } from "./themeRef.native.js";
+import { getTokenCategoryForProperty, tokenCategoryByProperty } from "./tokenCategories.native.js";
+import { HOC_CLASSNAME_MARKER, skipProps } from "./skipProps.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";
 
+export * from "./tokenCategories.native.js"
+
 function _type_of(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
+var TAMAGUI_CLASS_PROPS = "$$tamaguiClassProps";
 var shouldTrackStyleTokenProvenance = process.env.NODE_ENV === "development" && process.env.TAMAGUI_ENABLE_STYLE_TOKEN_PROVENANCE === "1";
 function compoundMatcherMatches(expected, actual) {
-	if (Array.isArray(expected)) return expected.some(function(value) {
-		return Object.is(value, actual);
-	});
-	return Object.is(expected, actual);
-}
-function compoundMatcherMatchesPayload(expected, payload) {
-	if (Array.isArray(expected)) return expected.some(function(value) {
-		return compoundMatcherMatchesPayload(value, payload);
-	});
-	return typeof expected === "string" ? expected === payload : String(expected) === payload;
-}
-var compoundScanHandler = {
-	segment(ctx, start, end, isBase, valid, source, chainStart, chainEnd, chainValid) {
-		if (!valid || start >= end) return;
-		if (!compoundMatcherMatchesPayload(ctx[1], source.slice(start, end))) return;
-		if (isBase) {
-			ctx[4] = true;
+	if (Array.isArray(expected)) {
+		for (var index = 0; index < expected.length; index++) if (expected[index] === actual) return true;
+		return false;
+	}
+	return expected === actual;
+}
+function compoundMatcherMatchesPayload(expected, source, start, end) {
+	if (Array.isArray(expected)) {
+		for (var index = 0; index < expected.length; index++) if (compoundMatcherMatchesPayload(expected[index], source, start, end)) return true;
+		return false;
+	}
+	var expectedValue = typeof expected === "string" ? expected : String(expected);
+	if (expectedValue.length !== end - start) return false;
+	for (var index1 = 0; index1 < expectedValue.length; index1++) if (expectedValue.charCodeAt(index1) !== source.charCodeAt(start + index1)) return false;
+	return true;
+}
+var preparedCompoundsKey = /* @__PURE__ */ Symbol();
+function prepareStaticConfigCompounds(staticConfig) {
+	var compoundVariants = staticConfig.compoundVariants;
+	var preparedConfig = staticConfig;
+	if (!(compoundVariants === null || compoundVariants === void 0 ? void 0 : compoundVariants.length)) {
+		preparedConfig[preparedCompoundsKey] = null;
+		return;
+	}
+	var selectorCounts = [];
+	var indexesByKey = /* @__PURE__ */ Object.create(null);
+	indexesByKey[preparedCompoundsKey] = selectorCounts;
+	for (var index = 0; index < compoundVariants.length; index++) {
+		var compoundVariant = compoundVariants[index];
+		var selectorCount = 0;
+		for (var key in compoundVariant) {
+			var _indexesByKey, _key;
+			if (key === "style") continue;
+			selectorCount++;
+			((_indexesByKey = indexesByKey)[_key = key] || (_indexesByKey[_key] = [])).push(index);
+		}
+		selectorCounts[index] = selectorCount;
+	}
+	preparedConfig[preparedCompoundsKey] = indexesByKey;
+}
+var conditionWidth = 4;
+var conditionValueOffset = 0;
+var conditionFlagsOffset = 1;
+var conditionPrecedenceOffset = 2;
+var conditionWrapperOffset = 3;
+var conditionActiveFlag = 1;
+var conditionEmitFlag = 2;
+var conditionResolvedFlag = 4;
+var conditionEnterFlag = 8;
+var conditionExitFlag = 16;
+var conditionPlatformPseudoFlag = 32;
+var conditionInitialFlags = conditionActiveFlag | conditionEmitFlag | conditionResolvedFlag;
+var conditionTextWidth = 5;
+var conditionKeyOffset = 0;
+var conditionSelectorOffset = 1;
+var conditionThemeOffset = 2;
+var conditionUnsupportedStateOffset = 3;
+var conditionUnresolvedNameOffset = 4;
+var conditionNumbers = /* @__PURE__ */ new Float64Array(2048);
+var conditionTexts = [];
+var conditionWrappers = [];
+var conditionWrapperTop = 0;
+var conditionCursorTop = conditionWidth;
+function reserveConditionCursor(cursor) {
+	var required = cursor + conditionWidth;
+	if (required > conditionTexts.length) {
+		var previous = conditionTexts.length;
+		conditionTexts.length = required;
+		conditionTexts.fill("", previous);
+	}
+	if (required <= conditionNumbers.length) return;
+	var length = conditionNumbers.length * 2;
+	while (length < required) length *= 2;
+	var previous1 = conditionNumbers;
+	conditionNumbers = new Float64Array(length);
+	conditionNumbers.set(previous1);
+}
+function conditionWrapperCopy(cursor) {
+	var wrapper = conditionNumbers[cursor + conditionWrapperOffset];
+	var count = wrapper & 7;
+	if (!count) return void 0;
+	var start = wrapper >> 3;
+	var wrappers = new Array(count);
+	for (var index = 0; index < count; index++) wrappers[index] = conditionWrappers[start + index];
+	return wrappers;
+}
+function setConditionUnresolved(cursor) {
+	var name = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+	conditionNumbers[cursor + conditionFlagsOffset] &= ~conditionResolvedFlag;
+	if (name) {
+		var _conditionTexts, _text;
+		var text = cursor + conditionUnresolvedNameOffset;
+		(_conditionTexts = conditionTexts)[_text = text] || (_conditionTexts[_text] = name);
+	}
+}
+function appendConditionWrapper(cursor, wrapper) {
+	conditionWrappers[conditionWrapperTop++] = wrapper;
+	conditionNumbers[cursor + conditionWrapperOffset]++;
+}
+function copyConditionCursor(target2, source) {
+	for (var offset = 0; offset <= conditionPrecedenceOffset; offset++) conditionNumbers[target2 + offset] = conditionNumbers[source + offset];
+	for (var offset1 = 0; offset1 < conditionTextWidth; offset1++) conditionTexts[target2 + offset1] = conditionTexts[source + offset1] || "";
+	var wrapper = conditionNumbers[source + conditionWrapperOffset];
+	var wrapperStart = wrapper >> 3;
+	var wrapperCount = wrapper & 7;
+	for (var index = 0; index < wrapperCount; index++) conditionWrappers[conditionWrapperTop++] = conditionWrappers[wrapperStart + index];
+	conditionNumbers[target2 + conditionWrapperOffset] += wrapperCount;
+}
+function resetConditionCursor(cursor, parent) {
+	conditionNumbers[cursor + conditionValueOffset] = 0;
+	conditionNumbers[cursor + conditionFlagsOffset] = conditionInitialFlags;
+	conditionNumbers[cursor + conditionPrecedenceOffset] = 0;
+	conditionNumbers[cursor + conditionWrapperOffset] = conditionWrapperTop << 3;
+	conditionTexts.fill("", cursor, cursor + conditionTextWidth);
+	if (parent) copyConditionCursor(cursor, parent);
+}
+function acquireConditionCursor() {
+	var parent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+	var cursor = conditionCursorTop;
+	conditionCursorTop += conditionWidth;
+	reserveConditionCursor(cursor);
+	resetConditionCursor(cursor, parent);
+	return cursor;
+}
+function releaseConditionCursors(watermark) {
+	if (watermark >= conditionCursorTop) return;
+	conditionTexts.fill("", watermark, conditionCursorTop);
+	conditionCursorTop = watermark;
+}
+function releaseConditionPayloads(wrapperBase) {
+	conditionWrappers.fill("", wrapperBase, conditionWrapperTop);
+	conditionWrapperTop = wrapperBase;
+}
+function accumulateConditionAtom(state, cursor, kind, rank, name) {
+	var keySlot = cursor + conditionKeyOffset;
+	var key = conditionTexts[keySlot];
+	if (!key) conditionTexts[keySlot] = name;
+	else {
+		var slotStart = 0;
+		var inserted = false;
+		while (slotStart <= key.length) {
+			var slotEnd = key.indexOf(":", slotStart);
+			if (slotEnd === -1) slotEnd = key.length;
+			var order = 0;
+			var compareLength = Math.min(name.length, slotEnd - slotStart);
+			for (var offset = 0; offset < compareLength; offset++) {
+				order = name.charCodeAt(offset) - key.charCodeAt(slotStart + offset);
+				if (order) break;
+			}
+			order || (order = name.length - (slotEnd - slotStart));
+			if (!order) return;
+			if (order < 0) {
+				conditionTexts[keySlot] = `${key.slice(0, slotStart)}${name}:${key.slice(slotStart)}`;
+				inserted = true;
+				break;
+			}
+			if (slotEnd === key.length) break;
+			slotStart = slotEnd + 1;
+		}
+		if (!inserted) conditionTexts[keySlot] = `${key}:${name}`;
+	}
+	if (kind === modifierKindPlatform) {
+		var precedence = conditionNumbers[cursor + conditionPrecedenceOffset];
+		if (rank > precedence >>> 26) conditionNumbers[cursor + conditionPrecedenceOffset] = precedence & 67108863 | rank << 26;
+		if (!platformMatches(name)) conditionNumbers[cursor + conditionFlagsOffset] &= ~(conditionActiveFlag | conditionEmitFlag);
+		return;
+	}
+	var precedence1 = conditionNumbers[cursor + conditionPrecedenceOffset];
+	var depth = Math.min((precedence1 >> 23 & 7) + 1, 7);
+	var nextCategory = kind === modifierKindMedia ? 0 : kind === 6 ? 1 : kind === modifierKindTheme ? 2 : kind === 5 ? 3 : 4;
+	var categoryRank = precedence1 >> 20 & 7;
+	var withinRank = precedence1 & 1048575;
+	if (nextCategory > categoryRank) {
+		categoryRank = nextCategory;
+		withinRank = rank;
+	} else if (nextCategory === categoryRank && rank > withinRank) withinRank = rank;
+	precedence1 = precedence1 & -67108864 | depth << 23 | categoryRank << 20 | withinRank;
+	conditionNumbers[cursor + conditionPrecedenceOffset] = precedence1;
+	var buildCSS = canGenerateCSS && state.flatShouldDoClasses;
+	if (kind === modifierKindMedia) {
+		var _state_flatMediaState;
+		var _state;
+		var query = getConfigRevisionState(state.conf).mediaQueries[name];
+		if (!query) {
+			setConditionUnresolved(cursor, name);
 			return;
 		}
-		if (!chainValid) return;
-		var chain = source.slice(chainStart, chainEnd);
-		if (ctx[2](chain)) ctx[3].push(chain);
-	},
-	chain() {
-		return true;
-	},
-	error() {}
-};
-function matcherChains(expected, actual, isChain) {
-	if (typeof actual === "string" && actual.indexOf(":") !== -1) {
-		var scan = [
-			actual,
-			expected,
-			isChain,
-			[],
-			false
-		];
-		scanFlatValue(actual, compoundScanHandler, scan);
-		if (scan[4]) return [""];
-		return scan[3].length ? scan[3] : null;
-	}
-	if (actual && (typeof actual === "undefined" ? "undefined" : _type_of(actual)) === "object" && !Array.isArray(actual) && !isVariable(actual)) {
-		var conditional = Object.prototype.hasOwnProperty.call(actual, "default");
-		if (!conditional) for (var key in actual) {
-			conditional = key.length > 0 && isChain(key);
-			break;
+		if (buildCSS) appendConditionWrapper(cursor, `@media ${query}`);
+		if (!((_state_flatMediaState = state.flatMediaState) === null || _state_flatMediaState === void 0 ? void 0 : _state_flatMediaState[name])) conditionNumbers[cursor + conditionFlagsOffset] &= ~conditionActiveFlag;
+		((_state = state).flatMediaKeys || (_state.flatMediaKeys = /* @__PURE__ */ new Set())).add(name);
+	} else if (kind === modifierKindTheme) {
+		var _state_flatThemeName;
+		conditionTexts[cursor + conditionThemeOffset] = name;
+		if (buildCSS) {
+			var selector = cursor + conditionSelectorOffset;
+			conditionTexts[selector] += `:where(.t_${name}, .t_${name} *)`;
+		}
+		if (state.flatThemeName !== name && ((_state_flatThemeName = state.flatThemeName) === null || _state_flatThemeName === void 0 ? void 0 : _state_flatThemeName.startsWith(`${name}_`)) !== true) conditionNumbers[cursor + conditionFlagsOffset] &= ~conditionActiveFlag;
+	} else if (kind === 5) {
+		var _state_componentState_group, _state_flatGroupContext, _this;
+		var _state1;
+		var slash = name.indexOf("/");
+		var groupName = slash === -1 ? "true" : name.slice(slash + 1);
+		var stateSelector = stateModifierSelectors[rank];
+		var conditionStateName = canonicalStateModifierNames[rank];
+		if (buildCSS) {
+			var selector1 = cursor + conditionSelectorOffset;
+			conditionTexts[selector1] += `:where(.t_group_${groupName}${stateSelector} *)`;
+			if (rank === 0) appendConditionWrapper(cursor, "@media (hover: hover)");
+		}
+		var component = (_state_componentState_group = state.componentState.group) === null || _state_componentState_group === void 0 ? void 0 : _state_componentState_group[groupName];
+		var context = (_state_flatGroupContext = state.flatGroupContext) === null || _state_flatGroupContext === void 0 ? void 0 : _state_flatGroupContext[groupName];
+		var _component_pseudo;
+		if (!((_this = (_component_pseudo = component === null || component === void 0 ? void 0 : component.pseudo) !== null && _component_pseudo !== void 0 ? _component_pseudo : context === null || context === void 0 ? void 0 : context.state.pseudo) === null || _this === void 0 ? void 0 : _this[conditionStateName])) conditionNumbers[cursor + conditionFlagsOffset] &= ~conditionActiveFlag;
+		((_state1 = state).flatGroupKeys || (_state1.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName);
+	} else if (kind === 6) {
+		var _state_componentState_group1, _state_flatGroupContext1, _state_flatGroupContext2, _component_media;
+		var _state2, _state3;
+		var slash1 = name.indexOf("/");
+		var containerSize = name.slice(1, slash1 === -1 ? name.length : slash1);
+		var containerName = slash1 === -1 ? "" : name.slice(slash1 + 1);
+		var containerQuery = getConfigRevisionState(state.conf).mediaQueries[containerSize];
+		var groupKey = `@${containerName}`;
+		if (buildCSS) appendConditionWrapper(cursor, containerName ? `@container ${containerName} ${containerQuery}` : `@container ${containerQuery}`);
+		var component1 = (_state_componentState_group1 = state.componentState.group) === null || _state_componentState_group1 === void 0 ? void 0 : _state_componentState_group1[groupKey];
+		var context1 = (_state_flatGroupContext1 = state.flatGroupContext) === null || _state_flatGroupContext1 === void 0 ? void 0 : _state_flatGroupContext1[groupKey];
+		if (process.env.NODE_ENV === "development" && containerName && !component1 && !context1 && ((_state_flatGroupContext2 = state.flatGroupContext) === null || _state_flatGroupContext2 === void 0 ? void 0 : _state_flatGroupContext2[containerName])) warnOnce(`group-container:${containerName}`, `@${containerSize}/${containerName}: targets group="${containerName}", but groups no longer establish query containers. Add container="${containerName}" to that group.`);
+		var match = component1 === null || component1 === void 0 ? void 0 : (_component_media = component1.media) === null || _component_media === void 0 ? void 0 : _component_media[containerSize];
+		if (!(match === void 0 ? (context1 === null || context1 === void 0 ? void 0 : context1.state.layout) && mediaKeyMatch(containerSize, context1.state.layout) : match)) conditionNumbers[cursor + conditionFlagsOffset] &= ~conditionActiveFlag;
+		((_state2 = state).flatGroupKeys || (_state2.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupKey);
+		((_state3 = state).flatGroupMedia || (_state3.flatGroupMedia = /* @__PURE__ */ new Set())).add(containerSize);
+	} else {
+		var stateSelector1 = stateModifierSelectors[rank];
+		conditionNumbers[cursor + conditionFlagsOffset] += 64;
+		if (stateSelector1[0] === "[" && name !== "disabled") conditionTexts[cursor + conditionUnsupportedStateOffset] = name;
+		if (rank === 6) conditionNumbers[cursor + conditionFlagsOffset] |= conditionEnterFlag;
+		else if (rank === 7) conditionNumbers[cursor + conditionFlagsOffset] |= conditionExitFlag;
+		else if (rank === 0 || rank === 2 || rank === 4) conditionNumbers[cursor + conditionFlagsOffset] |= conditionPlatformPseudoFlag;
+		if (buildCSS) {
+			var selector2 = cursor + conditionSelectorOffset;
+			if (stateSelector1[0] === ".") conditionTexts[selector2] += `:is(${stateSelector1}, ${stateSelector1} *)`;
+			else conditionTexts[selector2] += stateSelector1;
+			if (rank === 0) appendConditionWrapper(cursor, "@media (hover: hover)");
 		}
-		if (conditional) {
-			var chains = [];
-			for (var key1 in actual) {
-				var payload = actual[key1];
-				if (payload == null || !compoundMatcherMatches(expected, payload)) continue;
-				if (key1 === "default") return [""];
-				if (isChain(key1)) chains.push(key1);
+		var component2 = state.componentState;
+		if (!(rank === 0 ? !!component2.hover : rank === 4 ? !!(component2.press || component2.pressIn) : rank === 2 ? !!component2.focus : rank === 3 ? !!component2.focusVisible : rank === 1 ? !!component2.focusWithin : rank === 5 ? !!(component2.disabled || state.props.disabled) : rank === 6 ? !!component2.unmounted : rank === 7 ? !!state.styleProps.isExiting : false)) conditionNumbers[cursor + conditionFlagsOffset] &= ~conditionActiveFlag;
+		if (stateSelector1[0] === ":") {
+			var _state4;
+			((_state4 = state).flatStateKeys || (_state4.flatStateKeys = /* @__PURE__ */ new Set())).add(name);
+		}
+	}
+}
+function resolveConditionModifier(state, cursor, modifier) {
+	var compiled = getConfigRevisionState(state.conf);
+	var code = compiled.modifiers[modifier];
+	var kind = code & 7;
+	var rank = code >> 3;
+	if (kind === modifierKindState) {
+		accumulateConditionAtom(state, cursor, kind, rank, canonicalStateModifierNames[rank]);
+		return;
+	}
+	if (!kind && modifier.startsWith("group-")) {
+		var slash = modifier.indexOf("/");
+		var authoredState = modifier.slice(6, slash === -1 ? void 0 : slash);
+		code = compiled.modifiers[authoredState];
+		if ((code & 7) === modifierKindState) {
+			rank = code >> 3;
+			var groupName = slash === -1 ? "true" : modifier.slice(slash + 1);
+			if (rank !== 6 && rank !== 7 && (slash === -1 || isModifierName(groupName, 0, groupName.length))) {
+				var stateName = canonicalStateModifierNames[rank];
+				accumulateConditionAtom(state, cursor, 5, rank, `group-${stateName}${slash === -1 ? "" : modifier.slice(slash)}`);
+				return;
 			}
-			return chains.length ? chains : null;
 		}
+	} else if (!kind && modifier.charCodeAt(0) === 64) {
+		var slash1 = modifier.indexOf("/");
+		var containerSize = modifier.slice(1, slash1 === -1 ? void 0 : slash1);
+		var containerName = slash1 === -1 ? "" : modifier.slice(slash1 + 1);
+		var containerQuery = "";
+		if (isModifierName(containerSize, 0, containerSize.length) && (slash1 === -1 || isModifierName(containerName, 0, containerName.length)) && ((code = compiled.modifiers[containerSize]) & 7) === modifierKindMedia && (containerQuery = compiled.mediaQueries[containerSize]) && isContainerSizeQueryText(containerQuery)) {
+			accumulateConditionAtom(state, cursor, 6, code >> 3, modifier);
+			return;
+		}
+	} else if (kind) {
+		accumulateConditionAtom(state, cursor, kind, rank, modifier);
+		return;
 	}
-	return compoundMatcherMatches(expected, actual) ? [""] : null;
+	setConditionUnresolved(cursor, modifier);
 }
-function isConditionalObjectValue(value, isChain) {
-	if (Object.prototype.hasOwnProperty.call(value, "default")) return true;
-	for (var key in value) return key.length > 0 && isChain(key);
-	return false;
+function resolveConditionText(state, cursor, text) {
+	var start = 0;
+	for (var index = 0; index <= text.length; index++) {
+		if (index !== text.length && text.charCodeAt(index) !== 58) continue;
+		if (index === start) {
+			setConditionUnresolved(cursor);
+			return;
+		}
+		if (!(conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag)) return;
+		resolveConditionModifier(state, cursor, text.slice(start, index));
+		start = index + 1;
+	}
 }
-var joinChains = function(a, b) {
-	if (!a) return b;
-	if (!b) return a;
-	var segments = a.split(":");
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = b.split(":")[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var segment = _step.value;
-			if (!segments.includes(segment)) segments.push(segment);
+function commitConditionCursor(state, cursor) {
+	if (!(conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag)) {
+		conditionNumbers[cursor + conditionValueOffset] = 0;
+		return 0;
+	}
+	var key = conditionTexts[cursor + conditionKeyOffset] || "";
+	var precedence = conditionNumbers[cursor + conditionPrecedenceOffset];
+	var depth = precedence >> 23 & 7;
+	if (depth > 5) throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${key}:"`);
+	var flags = conditionNumbers[cursor + conditionFlagsOffset];
+	var condition = precedence * 256 + (flags >> 6) * 32 + 16 + (flags & conditionActiveFlag ? 1 : 0) + (flags & conditionEmitFlag ? 2 : 0) + (flags & conditionEnterFlag ? 4 : 0) + (flags & conditionExitFlag ? 8 : 0);
+	conditionNumbers[cursor + conditionValueOffset] = condition;
+	return condition;
+}
+function acquireConditionKeyCursor(state, key) {
+	var cursor = acquireConditionCursor();
+	if (key) {
+		resolveConditionText(state, cursor, key);
+		commitConditionCursor(state, cursor);
+	}
+	return cursor;
+}
+function combineConditionKeys(state, first, second) {
+	if (!first) return second;
+	if (!second || first === second) return first;
+	var watermark = conditionCursorTop;
+	var target2 = acquireConditionKeyCursor(state, first);
+	resolveConditionText(state, target2, second);
+	commitConditionCursor(state, target2);
+	var key = conditionTexts[target2 + conditionKeyOffset] || "";
+	releaseConditionCursors(watermark);
+	return key;
+}
+function freshCompoundState() {
+	return {
+		seen: 0,
+		failed: false,
+		matchedBase: false,
+		scanned: false,
+		pending: null,
+		combinations: null
+	};
+}
+function beginCompoundEdges(indexes, states) {
+	if (!indexes) return;
+	for (var index = 0; index < indexes.length; index++) {
+		var _states, _indexes_index;
+		var state = (_states = states)[_indexes_index = indexes[index]] || (_states[_indexes_index] = freshCompoundState());
+		state.pending = null;
+		state.matchedBase = false;
+		state.scanned = false;
+	}
+}
+function feedCompoundSegment(state, source, start, end, isBase, valid, conditionKey) {
+	if (state.flatCompoundOutputDepth) return;
+	var pass = state.flatPass;
+	var indexes = pass[passCompoundIndexes];
+	var states = pass[passCompoundStates];
+	var key = pass[passCompoundKey];
+	if (!indexes || !states || !key) return;
+	var compoundVariants = state.staticConfig.compoundVariants;
+	for (var index = 0; index < indexes.length; index++) {
+		var _states, _compoundIndex;
+		var compoundIndex = indexes[index];
+		var compoundState = (_states = states)[_compoundIndex = compoundIndex] || (_states[_compoundIndex] = freshCompoundState());
+		compoundState.scanned = true;
+		if (!valid || start === end || !compoundMatcherMatchesPayload(compoundVariants[compoundIndex][key], source, start, end)) continue;
+		if (isBase) compoundState.matchedBase = true;
+		else if (!compoundState.matchedBase) {
+			var _compoundState;
+			((_compoundState = compoundState).pending || (_compoundState.pending = [])).push(conditionKey);
 		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
+	}
+}
+var compoundOnlyHandler = {
+	segment(state, start, end, isBase, valid, source, chainStart, chainEnd, chainValid) {
+		if (isBase) {
+			feedCompoundSegment(state, source, start, end, true, valid, "");
+			return;
+		}
+		var cursor = state.flatScanCursor;
+		if (!chainValid || !cursor || !(conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag) || !conditionNumbers[cursor + conditionValueOffset]) {
+			feedCompoundSegment(state, source, start, end, false, false, "");
+			return;
+		}
+		feedCompoundSegment(state, source, start, end, false, valid, conditionTexts[cursor + conditionKeyOffset] || "");
+	},
+	modifier(state, start, end, valid, first, source) {
+		var cursor = state.flatScanCursor;
+		if (!cursor) cursor = state.flatScanCursor = acquireConditionCursor();
+		else if (first) resetConditionCursor(cursor, 0);
+		if (!valid) {
+			setConditionUnresolved(cursor);
+			return;
 		}
+		if (conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag) resolveConditionModifier(state, cursor, source.slice(start, end));
+	},
+	chain(state, _start, _end, valid) {
+		var cursor = state.flatScanCursor;
+		if (cursor) {
+			if (!valid) setConditionUnresolved(cursor);
+			if (conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag) commitConditionCursor(state, cursor);
+		}
+		return true;
 	}
-	return segments.join(":");
 };
-function compoundVariantMatchChains(compoundVariant, props, isChain) {
-	var chains = [""];
-	for (var key in compoundVariant) {
-		if (key === "style") continue;
-		var keyChains = matcherChains(compoundVariant[key], props[key], isChain);
-		if (!keyChains) return null;
-		var next = [];
-		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+function finishCompoundEdges(pass, key, value, indexes, states) {
+	if (!indexes) return;
+	var state = pass[passStyleState];
+	pass[passCompoundIndexes] = indexes;
+	pass[passCompoundKey] = key;
+	pass[passCompoundStates] = states;
+	var needsScan = false;
+	for (var index = 0; index < indexes.length; index++) {
+		var _states, _indexes_index;
+		if (!((_states = states)[_indexes_index = indexes[index]] || (_states[_indexes_index] = freshCompoundState())).scanned) {
+			needsScan = true;
+			break;
+		}
+	}
+	if (needsScan) if (typeof value === "string") {
+		var watermark = conditionCursorTop;
+		var previousCursor = state.flatScanCursor;
+		state.flatScanCursor = null;
 		try {
-			for (var _iterator = chains[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-				var a = _step.value;
-				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
-				try {
-					for (var _iterator1 = keyChains[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-						var b = _step1.value;
-						var joined = joinChains(a, b);
-						if (!next.includes(joined)) next.push(joined);
-					}
-				} catch (err) {
-					_didIteratorError1 = true;
-					_iteratorError1 = err;
-				} finally {
-					try {
-						if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
-					} finally {
-						if (_didIteratorError1) throw _iteratorError1;
-					}
-				}
-			}
-		} catch (err) {
-			_didIteratorError = true;
-			_iteratorError = err;
+			scanFlatValue(value, compoundOnlyHandler, state);
 		} finally {
-			try {
-				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-			} finally {
-				if (_didIteratorError) throw _iteratorError;
+			state.flatScanCursor = previousCursor;
+			releaseConditionCursors(watermark);
+		}
+	} else if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value) && Object.prototype.hasOwnProperty.call(value, "default")) for (var conditionKey in value) {
+		var payload = value[conditionKey];
+		if (conditionKey === "default") {
+			var payloadString = String(payload);
+			feedCompoundSegment(state, payloadString, 0, payloadString.length, true, true, "");
+		} else {
+			var watermark1 = conditionCursorTop;
+			var cursor = acquireConditionCursor();
+			resolveConditionText(state, cursor, conditionKey);
+			var condition = commitConditionCursor(state, cursor);
+			var payloadString1 = String(payload);
+			feedCompoundSegment(state, payloadString1, 0, payloadString1.length, false, Boolean(condition), condition ? conditionTexts[cursor + conditionKeyOffset] || "" : "");
+			releaseConditionCursors(watermark1);
+		}
+	}
+	else {
+		var variants = state.staticConfig.compoundVariants;
+		for (var index1 = 0; index1 < indexes.length; index1++) {
+			var _states1, _compoundIndex;
+			var compoundIndex = indexes[index1];
+			var compoundState1 = (_states1 = states)[_compoundIndex = compoundIndex] || (_states1[_compoundIndex] = freshCompoundState());
+			compoundState1.scanned = true;
+			if (compoundMatcherMatches(variants[compoundIndex][key], value)) compoundState1.matchedBase = true;
+		}
+	}
+	var variants1 = state.staticConfig.compoundVariants;
+	var selectorCounts = state.staticConfig[preparedCompoundsKey][preparedCompoundsKey];
+	for (var index2 = 0; index2 < indexes.length; index2++) {
+		var compoundIndex1 = indexes[index2];
+		var compoundState2 = states[compoundIndex1];
+		if (compoundState2.failed) continue;
+		var branches = compoundState2.matchedBase ? [""] : compoundState2.pending;
+		if (!branches || !branches.length) {
+			compoundState2.failed = true;
+			continue;
+		}
+		if (!compoundState2.seen) compoundState2.combinations = branches;
+		else {
+			var previous = compoundState2.combinations;
+			var next = [];
+			for (var left = 0; left < previous.length; left++) for (var right = 0; right < branches.length; right++) {
+				var conditionKey1 = combineConditionKeys(state, previous[left], branches[right]);
+				if (!next.includes(conditionKey1)) next.push(conditionKey1);
 			}
+			compoundState2.combinations = next;
+		}
+		compoundState2.seen++;
+		if (compoundState2.seen !== selectorCounts[compoundIndex1]) continue;
+		var style = variants1[compoundIndex1].style;
+		if (!isPlainObject(style)) continue;
+		var combinations = compoundState2.combinations;
+		for (var combination = 0; combination < combinations.length; combination++) for (var styleKey in style) contributeProp(pass, styleKey, style[styleKey], void 0, states, combinations[combination]);
+	}
+}
+function classifyConditionalObject(value, state, isChain, firstCursor) {
+	if (Object.prototype.hasOwnProperty.call(value, "default")) return -1;
+	for (var key in value) {
+		if (!key.length) return 0;
+		if (!state) return (isChain === null || isChain === void 0 ? void 0 : isChain(key)) ? 1 : 0;
+		var watermark = conditionCursorTop;
+		var cursor = firstCursor || acquireConditionCursor();
+		try {
+			resolveConditionText(state, cursor, key);
+			return commitConditionCursor(state, cursor);
+		} finally {
+			if (!firstCursor) releaseConditionCursors(watermark);
 		}
-		chains = next;
 	}
-	return chains;
+	return 0;
 }
+var passStyleState = 0;
+var passClassName = 21;
+var passShouldDoClasses = 22;
+var passFrontendGroup = 26;
+var passFrontendContainer = 27;
+var passFrontendContainerType = 28;
+var passHocMappedProperties = 29;
+var passHocMappedClasses = 30;
+var passCompoundIndexes = 31;
+var passCompoundKey = 32;
+var passCompoundStates = 33;
+var passParentCursor = 35;
+var passMapSourceKey = 36;
+var passMapFlags = 37;
+var passNoSkipFlag = 1;
+var passDisableShorthandsFlag = 2;
+var passNoExpandFlag = 4;
+var passNoMergeFlag = 8;
+var passHocFlag = 16;
+var passTextFlag = 32;
+var passInputFlag = 64;
+var passAsChildStyleFlag = 128;
 var styledDefaultsCache = /* @__PURE__ */ new WeakMap();
-function getStyledDefaults(staticConfig) {
-	var entries = styledDefaultsCache.get(staticConfig);
-	if (entries === void 0) {
-		entries = null;
+function getStyledDefaults(staticConfig, shorthands) {
+	var prepared = styledDefaultsCache.get(staticConfig);
+	if (prepared === void 0) {
+		var entries = null;
 		var defaults = staticConfig.defaultProps;
-		if (defaults) for (var key in defaults) (entries || (entries = [])).push([key, defaults[key]]);
-		styledDefaultsCache.set(staticConfig, entries);
+		if (defaults) for (var key in defaults) {
+			if (!(key in stylePropsAll || key in shorthands)) continue;
+			var value = defaults[key];
+			if (maybeStyleProgram(value)) (entries || (entries = [])).push(key, value);
+		}
+		prepared = entries;
+		styledDefaultsCache.set(staticConfig, prepared);
 	}
-	return entries;
+	return prepared;
 }
 var maybeStyleProgram = function(value) {
-	return typeof value === "string" ? value.includes(":") : !!value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value);
+	return typeof value === "string" ? value.indexOf(":") !== -1 : !!value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value);
 };
-function contributeDisplacedStyledDefaults(styledDefaults, processedProps, shorthands, contribute) {
+function contributeDisplacedStyledDefaults(styledDefaults, processedProps, pass) {
 	if (!styledDefaults) return;
-	for (var index = 0; index < styledDefaults.length; index++) {
-		var key = styledDefaults[index][0];
-		var styledValue = styledDefaults[index][1];
+	for (var offset = 0; offset < styledDefaults.length; offset += 2) {
+		var key = styledDefaults[offset];
+		var value = styledDefaults[offset + 1];
 		var propValue = processedProps[key];
-		if (!(key in stylePropsAll) && !(key in shorthands)) continue;
-		if (propValue !== void 0 && propValue !== styledValue && (maybeStyleProgram(styledValue) || maybeStyleProgram(propValue))) contribute(key, styledValue);
+		if (propValue !== void 0 && propValue !== value) contributeProp(pass, key, value);
+	}
+}
+function injectDisplacedStyledDefault(pass, key, value) {
+	var _pass__defaultProps;
+	var defaultValue = (_pass__defaultProps = pass[4].defaultProps) === null || _pass__defaultProps === void 0 ? void 0 : _pass__defaultProps[key];
+	if (defaultValue === void 0 || value === void 0 || value === defaultValue || maybeStyleProgram(defaultValue)) return;
+	var state = pass[passStyleState];
+	state.flatWeakContribution = true;
+	try {
+		contributeProp(pass, key, defaultValue);
+	} finally {
+		state.flatWeakContribution = false;
 	}
 }
-function forEachPropInForwardOrder(processedProps, staticConfig, shorthands, contribute, isChain) {
+function forEachPropInForwardOrder(pass) {
+	var _staticConfig_compoundVariants;
+	var styleState = pass[passStyleState];
+	var staticConfig = styleState.staticConfig;
+	var processedProps = styleState.props;
+	var shorthands = styleState.conf.shorthands;
 	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]);
+	var styledDefaults = getStyledDefaults(staticConfig, shorthands);
+	var directState = styleState;
+	var preparedCompounds = staticConfig[preparedCompoundsKey];
+	if (preparedCompounds === void 0 && ((_staticConfig_compoundVariants = staticConfig.compoundVariants) === null || _staticConfig_compoundVariants === void 0 ? void 0 : _staticConfig_compoundVariants.length)) throw new Error("A component with compoundVariants reached style resolution before its static config was prepared.");
+	var conditionWrapperBase = conditionWrapperTop;
+	if (!preparedCompounds) {
+		try {
+			if (processedBaseStyle) for (var key in processedBaseStyle) contributeProp(pass, key, processedBaseStyle[key]);
+			contributeDisplacedStyledDefaults(styledDefaults, processedProps, pass);
+			for (var key1 in processedProps) {
+				var value = processedProps[key1];
+				directState.flatPropSawCondition = false;
+				contributeProp(pass, key1, value);
+				if (directState.flatPropSawCondition) injectDisplacedStyledDefault(pass, key1, value);
+			}
+		} finally {
+			releaseConditionPayloads(conditionWrapperBase);
+		}
 		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;
+	var compoundVariants = staticConfig.compoundVariants;
+	var compoundStates = new Array(compoundVariants.length);
 	try {
-		for (var _iterator = compoundVariants[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var compoundVariant = _step.value;
-			var chains = compoundVariantMatchChains(compoundVariant, processedProps, isChain);
-			if (!chains) continue;
-			var { style } = compoundVariant;
+		if (processedBaseStyle) for (var key2 in processedBaseStyle) contributeProp(pass, key2, processedBaseStyle[key2]);
+		contributeDisplacedStyledDefaults(styledDefaults, processedProps, pass);
+		var selectorCounts = preparedCompounds[preparedCompoundsKey];
+		for (var compoundIndex = 0; compoundIndex < compoundVariants.length; compoundIndex++) {
+			if (selectorCounts[compoundIndex]) continue;
+			var style = compoundVariants[compoundIndex].style;
 			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) {
-				var value = style[key2];
-				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
-				try {
-					for (var _iterator1 = chains[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-						var chain = _step1.value;
-						if (!chain) {
-							entries.push([key2, value]);
-							continue;
-						}
-						if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value) && isConditionalObjectValue(value, isChain)) {
-							var composed = {};
-							for (var inner in value) composed[inner === "default" ? chain : `${chain}:${inner}`] = value[inner];
-							entries.push([key2, composed]);
-							continue;
-						}
-						if (typeof value === "string" && value.includes(":")) {
-							if (process.env.NODE_ENV === "development") console.warn(`[tamagui] compound variant "${key2}" carries a clause string and matched conditionally; dropping it. use the object form in the compound style`);
-							continue;
-						}
-						entries.push([key2, { [chain]: value }]);
-					}
-				} catch (err) {
-					_didIteratorError1 = true;
-					_iteratorError1 = err;
-				} finally {
-					try {
-						if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
-					} finally {
-						if (_didIteratorError1) throw _iteratorError1;
-					}
-				}
-			}
-			compoundsByAnchor.set(anchor, entries);
+			for (var key3 in style) contributeProp(pass, key3, style[key3]);
+		}
+		for (var key4 in processedProps) {
+			var compoundIndexes = preparedCompounds[key4];
+			var value1 = processedProps[key4];
+			beginCompoundEdges(compoundIndexes, compoundStates);
+			directState.flatPropSawCondition = false;
+			contributeProp(pass, key4, value1, compoundIndexes, compoundStates);
+			if (directState.flatPropSawCondition) injectDisplacedStyledDefault(pass, key4, value1);
+			finishCompoundEdges(pass, key4, value1, compoundIndexes, compoundStates);
+		}
+	} finally {
+		releaseConditionPayloads(conditionWrapperBase);
+	}
+}
+function isValidStyleKey(key, validStyles, accept) {
+	return Boolean(key in validStyles || accept && key in accept);
+}
+function flushForwardStylesToClasses(pass) {
+	var styleState = pass[passStyleState];
+	if (!pass[passShouldDoClasses]) return;
+	completeStreamingCSS(styleState);
+	flushDirectStyles(styleState, true);
+}
+function effectiveLifecycleKeys(keys) {
+	if (!keys) return;
+	var out = /* @__PURE__ */ new Set();
+	var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+	try {
+		for (var _iterator2 = keys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+			var key = _step2.value;
+			out.add(key === "--t-x" || key === "--t-y" ? "translate" : key === "--t-scale-x" || key === "--t-scale-y" ? "scale" : key);
 		}
 	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
+		_didIteratorError2 = true;
+		_iteratorError2 = err;
 	} finally {
 		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+			if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
 		} finally {
-			if (_didIteratorError) throw _iteratorError;
+			if (_didIteratorError2) throw _iteratorError2;
 		}
 	}
-	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 isValidStyleKey(key, validStyles, accept) {
-	return Boolean(key in validStyles || isWeb && (key === "transitionProperty" || key === "transitionDuration" || key === "transitionTimingFunction" || key === "transitionDelay" || key === "transitionBehavior") || accept && key in accept);
+	return out;
 }
-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.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`style-state`;
-	if (process.env.NODE_ENV === "development" && debug === "verbose" && isClient) {
-		if (isDevTools) {
-			console.groupCollapsed("🔹 getSplitStyles 👇");
+function mapContributedProp(styleState, key, val, originalVal, condition) {
+	var pass = styleState.flatPass;
+	var keyInit = pass[passMapSourceKey];
+	var disablePropMap = Boolean(pass[passMapFlags]);
+	var [, conf, props, viewProps, , validStyles, accept, , variants, inlineProps, parentVariants, , styledContext, styledContextKeys, flags, debug] = pass;
+	var isHOC = Boolean(flags & passHocFlag);
+	var hocParentVariants = isHOC ? parentVariants : void 0;
+	var canResolveContextPrograms = !isHOC;
+	var isStyledContextProp = (styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(key)) || styledContext && key in styledContext;
+	if (key === "className") return;
+	if (canResolveContextPrograms && disablePropMap && !isStyledContextProp) {
+		if (key in stylePropsAll && !isValidStyleKey(key, validStyles, accept)) {
+			if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key}" 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[key] = val;
+		return;
+	}
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		console.groupCollapsed("  💠 expanded", keyInit, "=>", key);
+		log(val);
+		console.groupEnd();
+	}
+	if (val == null) return;
+	if (accept && key in accept) {
+		viewProps[key] = val;
+		return;
+	}
+	var isHostStyleKey = isValidStyleKey(key, validStyles, accept) || isAndroid && key === "elevation";
+	var isContextProgramKey = canResolveContextPrograms && Boolean(isStyledContextProp);
+	if (condition !== void 0) {
+		var conditionCursor = condition;
+		if (isHostStyleKey || isContextProgramKey) contributeValue(styleState, key, val, mergeStyle, originalVal, !isHostStyleKey, conditionCursor);
+		else if (isHOC) {
+			var structured = mergeConditionTransport(styleState, viewProps[key], conditionCursor, val);
+			if (key in viewProps) delete viewProps[key];
+			viewProps[key] = structured;
+		} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key}" is not a valid style on this component; the conditional variant value is dropped.`);
+		return;
+	}
+	if (isHostStyleKey || isContextProgramKey) {
+		contributeValue(styleState, key, val, mergeStyle, originalVal, !isHostStyleKey);
+		return;
+	}
+	var isVariant = Boolean(variants && key in variants);
+	if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key)) {
+		var _props_key;
+		viewProps[key] = (_props_key = props[key]) !== null && _props_key !== void 0 ? _props_key : val;
+	}
+	if (Boolean(hocParentVariants && hocParentVariants[keyInit])) {
+		passDownProp(viewProps, key, val);
+		if (process.env.NODE_ENV === "development" && debug === "verbose") {
+			console.groupCollapsed(` - passing down prop ${key}`);
 			log({
-				props,
-				staticConfig,
-				shouldDoClasses,
-				styleProps,
-				rulesToInsert,
-				componentState,
-				styleState,
-				theme: { ...theme }
+				val,
+				after: { ...viewProps[key] }
 			});
+			console.groupEnd();
 		}
+		return;
 	}
-	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);
+	if (!isVariant) {
+		if (isStyledContextProp) return;
+		if (key in stylePropsAll && !isValidStyleKey(key, validStyles, accept)) {
+			if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key}" 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;
 		}
-		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 key8 in style2) clearDirectStyle(styleState, key8);
-				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) {
+		viewProps[key] = val;
+	}
+}
+function contributeProp(pass, keyOg, valOg, compoundIndexes, compoundStates, parentConditionKey) {
+	var parentWatermark = conditionCursorTop;
+	if (compoundIndexes) {
+		pass[passCompoundIndexes] = compoundIndexes;
+		pass[passCompoundKey] = keyOg;
+		pass[passCompoundStates] = compoundStates;
+	} else if (pass[passCompoundIndexes]) pass[passCompoundIndexes] = void 0;
+	if (parentConditionKey) pass[passParentCursor] = acquireConditionKeyCursor(pass[passStyleState], parentConditionKey);
+	try {
+		var [styleState, conf, props, viewProps, staticConfig, validStyles, accept, neverSkipProps, variants, inlineProps, parentVariants, styleFrontend, styledContext, styledContextKeys, flags, debug, parentStaticConfig, defaultProps, driverAnimations, driverOutputStyle, elementType] = pass;
+		var noSkip = Boolean(flags & passNoSkipFlag);
+		var disableExpandShorthands = Boolean(flags & passDisableShorthandsFlag);
+		var noExpand = Boolean(flags & passNoExpandFlag);
+		var noMergeStyle = Boolean(flags & passNoMergeFlag);
+		var isHOC = Boolean(flags & passHocFlag);
+		var isText = Boolean(flags & passTextFlag);
+		var isInput = Boolean(flags & passInputFlag);
+		var shorthands = conf.shorthands;
+		var shouldSkipDirectProps = !noSkip && !isHOC;
+		var shouldCheckSkipProps = !noSkip;
+		var asChildExceptStyleLike = Boolean(flags & passAsChildStyleFlag);
+		var isTextOrInput = isText || isInput;
+		var hocParentVariants = isHOC ? parentVariants : void 0;
 		var keyInit = keyOg;
 		var valInit = valOg;
-		if (styleFrontend && keyInit.startsWith(STYLE_FRONTEND_PASSTHROUGH_PREFIX)) keyInit = "className";
 		if (keyInit === "children") {
 			viewProps[keyInit] = valInit;
 			return;
@@ -379,11 +790,10 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 		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);
+				viewProps[keyInit] = resolveAcceptedStyle(styleState, valInit);
 				return;
 			}
 		}
@@ -391,58 +801,120 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			if (keyInit in shorthands) keyInit = shorthands[keyInit];
 		}
 		if (keyInit === "className") {
-			if (typeof valInit === "string" && valInit) {
-				className = `${className} ${valInit}`.trim();
-				if (styleFrontend) {
-					flushForwardStylesToClasses();
-					shouldDoClasses = false;
+			if (typeof valInit === "string" && valInit && (styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.getClassPlan)) {
+				if (noMergeStyle) {
+					viewProps.className = valInit;
+					return;
+				}
+				var hocClassNames = props[HOC_CLASSNAME_MARKER];
+				if (hocClassNames && (typeof hocClassNames === "undefined" ? "undefined" : _type_of(hocClassNames)) === "object") {
+					flushForwardStylesToClasses(pass);
+					for (var property in hocClassNames) {
+						var _pass, _passHocMappedProperties, _pass1, _passHocMappedClasses;
+						var generatedClass = hocClassNames[property];
+						if (typeof generatedClass !== "string") continue;
+						clearDirectStyle(styleState, property);
+						styleState.classNames[property] = generatedClass;
+						((_pass = pass)[_passHocMappedProperties = passHocMappedProperties] || (_pass[_passHocMappedProperties] = /* @__PURE__ */ new Set())).add(property);
+						((_pass1 = pass)[_passHocMappedClasses = passHocMappedClasses] || (_pass1[_passHocMappedClasses] = /* @__PURE__ */ new Set())).add(generatedClass);
+					}
+				}
+				var getClassPlan = styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.getClassPlan;
+				var start = 0;
+				for (var index = 0; index <= valInit.length; index++) {
+					var _pass_passHocMappedClasses;
+					if (index !== valInit.length && valInit.charCodeAt(index) > 32) continue;
+					if (index === start) {
+						start = index + 1;
+						continue;
+					}
+					var candidate = valInit.slice(start, index);
+					if ((_pass_passHocMappedClasses = pass[passHocMappedClasses]) === null || _pass_passHocMappedClasses === void 0 ? void 0 : _pass_passHocMappedClasses.has(candidate)) {
+						start = index + 1;
+						continue;
+					}
+					var plan = getClassPlan ? getClassPlan(candidate, conf) : "raw";
+					if (plan === null) {
+						if (process.env.NODE_ENV === "development") warnOnce(`[tamagui] frontend candidate "${candidate}" is unavailable on this platform and was dropped.`);
+					} else if (plan === "raw") {
+						pass[passClassName] = pass[passClassName] ? `${pass[passClassName]} ${candidate}` : candidate;
+						if (getClassPlan) {
+							flushForwardStylesToClasses(pass);
+							pass[passShouldDoClasses] = false;
+							styleState.flatShouldDoClasses = false;
+						}
+					} else {
+						var parentPlan = plan;
+						if (!Array.isArray(plan) && parentPlan.preserveRawClass) {
+							pass[passClassName] = pass[passClassName] ? `${pass[passClassName]} ${candidate}` : candidate;
+							flushForwardStylesToClasses(pass);
+							pass[passShouldDoClasses] = false;
+							styleState.flatShouldDoClasses = false;
+						}
+						var entries = Array.isArray(plan) ? plan : parentPlan.entries;
+						for (var entryIndex = 0; entryIndex < entries.length; entryIndex++) {
+							var entry = entries[entryIndex];
+							if (entry[2] !== void 0) {
+								if (isValidStyleKey(entry[0], validStyles, accept)) contributeValue(styleState, entry[0], entry[1], mergeStyle, void 0, false, entry[2]);
+								else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${entry[0]}" is not a valid style on this component; the frontend value is dropped.`);
+							} else {
+								if (entry[0] === "group") pass[passFrontendGroup] = entry[1];
+								else if (entry[0] === "container") pass[passFrontendContainer] = entry[1];
+								else if (entry[0] === "containerType") pass[passFrontendContainerType] = entry[1];
+								contributeProp(pass, entry[0], entry[1]);
+							}
+						}
+					}
+					start = index + 1;
+				}
+				if (props[HOC_CLASSNAME_MARKER] !== void 0) {
+					flushForwardStylesToClasses(pass);
+					pass[passShouldDoClasses] = 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;
+			if (!valInit) return;
+			if (noMergeStyle) {
+				viewProps.style = valInit;
 				return;
 			}
-			if (keyInit.startsWith("data-")) {
-				viewProps[keyInit] = valInit;
-				return;
+			var isArray = Array.isArray(valInit);
+			var length = isArray ? valInit.length : 1;
+			for (var index1 = 0; index1 < length; index1++) {
+				var style = isArray ? valInit[index1] : valInit;
+				if (!style) continue;
+				var hocClassNames1 = style[TAMAGUI_CLASS_PROPS];
+				if (hocClassNames1) {
+					for (var property1 in hocClassNames1) {
+						var _pass2, _passHocMappedProperties1;
+						clearDirectStyle(styleState, property1);
+						styleState.classNames[property1] = hocClassNames1[property1];
+						((_pass2 = pass)[_passHocMappedProperties1 = passHocMappedProperties] || (_pass2[_passHocMappedProperties1] = /* @__PURE__ */ new Set())).add(property1);
+					}
+					continue;
+				}
+				var normalized = normalizeStyle(style, false, true);
+				var styleOriginals = shouldTrackStyleTokenProvenance ? styleOriginalValues.get(style) : void 0;
+				for (var key in normalized) {
+					var _pass_passHocMappedProperties;
+					if (normalized[key] == null) continue;
+					if ((_pass_passHocMappedProperties = pass[passHocMappedProperties]) === null || _pass_passHocMappedProperties === void 0 ? void 0 : _pass_passHocMappedProperties.delete(key)) clearDirectStyle(styleState, key);
+					contributeValue(styleState, key, normalized[key], mergeStyle, styleOriginals === null || styleOriginals === void 0 ? void 0 : styleOriginals[key]);
+				}
 			}
+			return;
 		}
+		if (defaultProps) {
+			var _defaultProps_keyOg;
+			var defaultVal = (_defaultProps_keyOg = defaultProps[keyOg]) !== null && _defaultProps_keyOg !== void 0 ? _defaultProps_keyOg : defaultProps[keyInit];
+			if (defaultVal !== void 0 && valInit === defaultVal) return;
+		}
+		if (keyInit in skipProps && shouldSkipDirectProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) if (keyInit === "transition" && typeof valInit === "string") return;
+		else return;
+		var isValidStyleKeyInit = isValidStyleKey(keyInit, validStyles, accept);
 		if (!isValidStyleKeyInit) {
 			if (!isAndroid) {
 				if (keyInit === "elevationAndroid") return;
@@ -452,11 +924,11 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 				valInit = valInit !== "none";
 			} else if (keyInit === "textOverflow") {
 				if (isText && valInit === "ellipsis") {
-					var _viewProps1, _viewProps22;
+					var _viewProps, _viewProps1;
 					var _numberOfLines;
-					(_numberOfLines = (_viewProps1 = viewProps).numberOfLines) !== null && _numberOfLines !== void 0 || (_viewProps1.numberOfLines = 1);
+					(_numberOfLines = (_viewProps = viewProps).numberOfLines) !== null && _numberOfLines !== void 0 || (_viewProps.numberOfLines = 1);
 					var _ellipsizeMode;
-					(_ellipsizeMode = (_viewProps22 = viewProps).ellipsizeMode) !== null && _ellipsizeMode !== void 0 || (_viewProps22.ellipsizeMode = "tail");
+					(_ellipsizeMode = (_viewProps1 = viewProps).ellipsizeMode) !== null && _ellipsizeMode !== void 0 || (_viewProps1.ellipsizeMode = "tail");
 				}
 				return;
 			} else if (keyInit.startsWith("data-")) return;
@@ -464,10 +936,10 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 		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));
+		if (isStyleProp && asChildExceptStyleLike) return;
+		var shouldPassProp = !isStyleProp && isHOC || hocParentVariants && keyInit in hocParentVariants || (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 isHOCShouldPassThrough = Boolean(isHOC && (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)" : ""}`);
@@ -489,179 +961,237 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			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 (shouldCheckSkipProps && !(neverSkipProps === null || neverSkipProps === void 0 ? void 0 : neverSkipProps[keyInit])) {
+			if (keyInit in skipProps && !(keyInit === "transition" && typeof valInit === "string" && !(driverAnimations === null || driverAnimations === void 0 ? void 0 : driverAnimations[valInit]))) {
 				if (process.env.NODE_ENV === "development" && debug === "verbose") console.groupEnd();
 				return;
 			}
 		}
-		if (isText || isInput) {
+		if (isTextOrInput) {
 			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);
+		if (isValidStyleKeyInit && valInit != null && !(valInit === "unset") && !(variants && keyInit in variants) && !(accept && keyInit in accept) && !((styledContextKeys === null || styledContextKeys === void 0 ? void 0 : styledContextKeys.has(keyInit)) || styledContext && keyInit in styledContext)) {
+			contributeValue(styleState, keyInit, valInit, mergeStyle);
 			return;
 		}
-		propMapper(keyInit, valInit, styleState, disablePropMap, function(key8, val2, originalVal, conditionSource) {
-			var _parentStaticConfig_variants;
-			var isStyledContextProp = styledContext && key8 in styledContext;
-			if (key8 === "className") {
-				if (typeof val2 === "string" && val2) className = `${className} ${val2}`.trim();
-				return;
-			}
-			if (!isHOC && disablePropMap && !isStyledContextProp) {
-				if (key8 in stylePropsAll && !isValidStyleKey(key8, validStyles$1, accept)) {
-					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" 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[key8] = val2;
-				return;
-			}
-			if (process.env.NODE_ENV === "development" && debug === "verbose") {
-				console.groupCollapsed("  💠 expanded", keyInit, "=>", key8);
-				log(val2);
-				console.groupEnd();
-			}
-			if (val2 == null) return;
-			if (accept && key8 in accept) {
-				viewProps[key8] = val2;
-				return;
-			}
-			var isHostStyleKey = !isHOC && isValidStyleKey(key8, validStyles$1, accept) || isAndroid && key8 === "elevation";
-			var isContextProgramKey = !isHOC && Boolean(isStyledContextProp);
-			if (conditionSource !== void 0) {
-				if (isHostStyleKey || isContextProgramKey) contributeVariantClauseValue(styleState, key8, val2, conditionSource, mergeStyle, originalVal, !isHostStyleKey);
-				else if (isHOC) {
-					var appended = appendFlatClause(styleState, viewProps[key8], conditionSource, val2);
-					if (appended !== void 0) viewProps[key8] = appended;
-					else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] conditional variant value for "${key8}" cannot join the existing clause string; dropping the clause`);
-				} else if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" is not a valid style on this component; the conditional variant value is dropped.`);
-				return;
-			}
-			if (isHostStyleKey || isContextProgramKey) {
-				contributeStyleValue(styleState, key8, val2, mergeStyle, originalVal, !isHostStyleKey);
-				return;
-			}
-			isVariant = variants && key8 in variants;
-			if (inlineProps === null || inlineProps === void 0 ? void 0 : inlineProps.has(key8)) {
-				var _props_key;
-				viewProps[key8] = (_props_key = props[key8]) !== 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, key8, val2);
-				if (process.env.NODE_ENV === "development" && debug === "verbose") {
-					console.groupCollapsed(` - passing down prop ${key8}`);
-					log({
-						val: val2,
-						after: { ...viewProps[key8] }
-					});
-					console.groupEnd();
-				}
-				return;
-			}
-			if (!isVariant) {
-				if (isStyledContextProp) return;
-				if (key8 in stylePropsAll && !isValidStyleKey(key8, validStyles$1, accept)) {
-					if (process.env.NODE_ENV === "development") console.warn(`[tamagui] "${key8}" 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[key8] = val2;
-			}
-		});
+		pass[passMapSourceKey] = keyInit;
+		pass[passMapFlags] = disablePropMap ? 1 : 0;
+		contributeMappedValue(keyInit, valInit, styleState, disablePropMap);
 		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 });
+				log("transforms", styleState.transformAccumulator);
 			} catch (e) {}
 			console.groupEnd();
 		}
+	} finally {
+		if (parentConditionKey) pass[passParentCursor] = null;
+		releaseConditionCursors(parentWatermark);
+	}
+}
+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 driverAnimations = driver === null || driver === void 0 ? void 0 : driver.animations;
+	driver === null || driver === void 0 || driver.inputStyle;
+	var driverOutputStyle = driver === null || driver === void 0 ? void 0 : driver.outputStyle;
+	var resolvedDriver = (driver === null || driver === void 0 ? void 0 : driver.isStub) ? null : driver;
+	if (props.passThrough) return null;
+	var { shorthands } = conf;
+	var { isHOC, isText, isInput, variants, inlineProps, parentStaticConfig, acceptsClassName } = staticConfig;
+	var viewProps = {};
+	var mediaState$1 = styleProps.mediaState || mediaState;
+	var shouldDoClasses = !process.env.TAMAGUI_DID_OUTPUT_CSS && acceptsClassName && false;
+	var rulesToInsert = void 0;
+	var classNames = {};
+	var hasMedia = false;
+	var pseudoGroups;
+	var mediaGroups;
+	var staticPassthroughClassName = "";
+	var className = staticPassthroughClassName;
+	if (staticPassthroughClassName) 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
 	};
-	forEachPropInForwardOrder(processedProps, staticConfig, shorthands, contributeProp, function(chain) {
-		return !!resolveClauseChain(styleState, chain, 0, chain.length);
-	});
+	if (canGenerateCSS && shouldDoClasses && styleProps.canPlatformPseudo) styleState.flatDeferCSS = true;
+	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, noClass, noMergeStyle, noNormalize, isAnimated, styledContext, styledContextKeys } = styleProps;
+	var styleFrontend = staticConfig.styleFrontend;
+	var frontendGroup;
+	var frontendContainer;
+	var frontendContainerType;
+	var parentVariants = parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.variants;
+	var defaultProps = asChild ? getDefaultProps(staticConfig) : void 0;
+	var asChildExceptStyleLike = asChild === "except-style" || asChild === "except-style-web";
+	var containerValue;
+	var containerName;
+	var containerType;
+	var hocMappedClassProperties;
+	var hocMappedClasses;
+	var stylePassFlags = (noSkip ? passNoSkipFlag : 0) | (disableExpandShorthands ? passDisableShorthandsFlag : 0) | (noExpand ? passNoExpandFlag : 0) | (noMergeStyle ? passNoMergeFlag : 0) | (isHOC ? passHocFlag : 0) | (isText ? passTextFlag : 0) | (isInput ? passInputFlag : 0) | (asChildExceptStyleLike ? passAsChildStyleFlag : 0);
+	var pass = [
+		styleState,
+		conf,
+		props,
+		viewProps,
+		staticConfig,
+		validStyles$1,
+		accept,
+		neverSkipProps,
+		variants,
+		inlineProps,
+		parentVariants,
+		styleFrontend,
+		styledContext,
+		styledContextKeys,
+		stylePassFlags,
+		debug,
+		parentStaticConfig,
+		defaultProps,
+		driverAnimations,
+		driverOutputStyle,
+		elementType,
+		className,
+		shouldDoClasses,
+		containerValue,
+		containerName,
+		containerType,
+		frontendGroup,
+		frontendContainer,
+		frontendContainerType,
+		hocMappedClassProperties,
+		hocMappedClasses
+	];
+	styleState.flatPass = pass;
+	forEachPropInForwardOrder(pass);
+	[, , , , , , , , , , , , , , , , , , , , , className, shouldDoClasses, containerValue, containerName, containerType, frontendGroup, frontendContainer, frontendContainerType, hocMappedClassProperties, hocMappedClasses] = pass;
 	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;
+			var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
 			try {
-				for (var _iterator = styleState.flatMediaKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-					var key = _step.value;
+				for (var _iterator2 = styleState.flatMediaKeys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+					var key = _step2.value;
 					hasMedia.add(key);
 				}
 			} catch (err) {
-				_didIteratorError = true;
-				_iteratorError = err;
+				_didIteratorError2 = true;
+				_iteratorError2 = err;
 			} finally {
 				try {
-					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+					if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
 				} finally {
-					if (_didIteratorError) throw _iteratorError;
+					if (_didIteratorError2) throw _iteratorError2;
 				}
 			}
 		}
 	}
 	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;
+		var _iteratorNormalCompletion12 = true, _didIteratorError12 = false, _iteratorError12 = void 0;
 		try {
-			for (var _iterator1 = styleState.flatGroupKeys[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-				var key1 = _step1.value;
+			for (var _iterator12 = styleState.flatGroupKeys[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
+				var key1 = _step12.value;
 				pseudoGroups.add(key1);
 			}
 		} catch (err) {
-			_didIteratorError1 = true;
-			_iteratorError1 = err;
+			_didIteratorError12 = true;
+			_iteratorError12 = err;
 		} finally {
 			try {
-				if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+				if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
 			} finally {
-				if (_didIteratorError1) throw _iteratorError1;
+				if (_didIteratorError12) throw _iteratorError12;
 			}
 		}
 	}
 	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;
+		var _iteratorNormalCompletion22 = true, _didIteratorError22 = false, _iteratorError22 = void 0;
 		try {
-			for (var _iterator2 = styleState.flatGroupMedia[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-				var key2 = _step2.value;
+			for (var _iterator22 = styleState.flatGroupMedia[Symbol.iterator](), _step22; !(_iteratorNormalCompletion22 = (_step22 = _iterator22.next()).done); _iteratorNormalCompletion22 = true) {
+				var key2 = _step22.value;
 				mediaGroups.add(key2);
 			}
 		} catch (err) {
-			_didIteratorError2 = true;
-			_iteratorError2 = err;
+			_didIteratorError22 = true;
+			_iteratorError22 = err;
 		} finally {
 			try {
-				if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+				if (!_iteratorNormalCompletion22 && _iterator22.return != null) _iterator22.return();
 			} finally {
-				if (_didIteratorError2) throw _iteratorError2;
+				if (_didIteratorError22) throw _iteratorError22;
 			}
 		}
 	}
+	if (styleProps.canPlatformPseudo && styleState.flatHasPlatformPseudo) {
+		shouldDoClasses = false;
+		styleState.flatShouldDoClasses = false;
+		if (styleState.transformAccumulator) {
+			mergeStyle(styleState, "transform", finalizeTransformAccumulator(styleState.transformAccumulator), 1, true);
+			styleState.transformAccumulator = void 0;
+		}
+		convertDeferredInline(styleState, mergeStyle);
+	}
+	completeStreaming(styleState, mergeStyle);
 	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 (!(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 (!noExpand && !noMergeStyle) {}
 		}
-		if (styleState.flatTransforms) {
+		if (styleState.transformAccumulator && !styleState.flatShouldDoClasses) {
 			var _styleState;
 			(_styleState = styleState).style || (_styleState.style = {});
-			mergeFlatTransforms(styleState.style, styleState.flatTransforms);
+			styleState.style.transform = finalizeTransformAccumulator(styleState.transformAccumulator);
 		}
 		if (parentSplitStyles) {
 			if (!shouldDoClasses) for (var key4 in parentSplitStyles.style) {
@@ -721,35 +1251,16 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	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 key8 = _step4.value;
-					out.add(key8 === "--t-x" || key8 === "--t-y" ? "translate" : key8 === "--t-scale-x" || key8 === "--t-scale-y" ? "scale" : key8);
-				}
-			} 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 (styleState.flatEnterKeys || styleState.flatExitKeys) result.programLifecycleStyleKeys = {
+		enter: effectiveLifecycleKeys(styleState.flatEnterKeys),
+		exit: effectiveLifecycleKeys(styleState.flatExitKeys)
+	};
+	if (styleState.flatHasEnterStyle) result.hasEnterStyle = true;
+	if (styleState.flatHasPlatformPseudo) result.platformPseudo = true;
+	if (frontendGroup !== void 0) result.frontendGroup = frontendGroup;
+	if (frontendContainer !== void 0) result.frontendContainer = frontendContainer;
+	if (frontendContainerType !== void 0) result.frontendContainerType = frontendContainerType;
+	if (!noMergeStyle) {
 		if (!asChildExceptStyleLike) {
 			var style1 = styleState.style;
 			if (style1) viewProps.style = style1;
@@ -777,50 +1288,12 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	if (process.env.NODE_ENV === "development" && (debug === "profile" || globalThis.time)) time`split-styles-done`;
 	return result;
 };
-function mergeFlatTransforms(target, flatTransforms) {
-	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_parentStaticConfig, _staticConfig_parentStaticConfig1, _staticConfig_parentStaticConfig2, _contextConfig_propKeys;
+	arguments.length > 4 && arguments[4] !== void 0 && arguments[4];
+	var originalVal = arguments.length > 5 ? arguments[5] : void 0;
 	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 contextPropSet = getContextPropSet(staticConfig);
+	if (contextPropSet === null || contextPropSet === void 0 ? void 0 : contextPropSet.has(key)) {
 		var _styleState_originalContextPropValues;
 		var _styleState;
 		(_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
@@ -828,17 +1301,17 @@ function mergeStyle(styleState, key, val, _importance) {
 		var _ref;
 		styleState.overriddenContextProps[key] = (_ref = originalVal !== null && originalVal !== void 0 ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
 	}
-	if (key in stylePropsTransform) {
+	if (key === "transform" || key in stylePropsTransform) {
 		var _styleState1;
-		(_styleState1 = styleState).flatTransforms || (_styleState1.flatTransforms = {});
-		styleState.flatTransforms[key] = val;
+		(_styleState1 = styleState).transformAccumulator || (_styleState1.transformAccumulator = createTransformAccumulator());
+		addTransformValue(styleState.transformAccumulator, key, val);
 	} else {
-		var out = isWeb && !disableNormalize && !styleProps.noNormalize ? normalizeValueWithProperty(val, key) : val;
+		var out = 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;
+			styleState.style[key] = out;
 			if (shouldTrackStyleTokenProvenance) recordStyleTokenProvenance(styleState, key, originalVal);
 		}
 	}
@@ -858,101 +1331,1761 @@ function recordStyleTokenProvenance(styleState, key, originalVal) {
 		((_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, styleProps } = styleState;
+var resolveAcceptedStyle = function(styleState, styleIn) {
+	var { 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);
+	var childState = {
+		...styleState,
+		classNames: {},
+		flatShouldDoClasses: false,
+		props: styleIn,
+		style: styleOut,
+		transformAccumulator: void 0
+	};
+	childState.flatUsed = void 0;
+	childState.flatTransitions = void 0;
+	childState.flatAtomics = void 0;
+	childState.flatSingleEntries = void 0;
+	childState.flatSlots = void 0;
+	childState.flatBorderDefaultRequests = void 0;
+	var mergeAccepted = function(_state, key2, value2, _importance, disableNormalize, originalValue) {
+		styleOut[key2] = disableNormalize || styleProps.noNormalize ? value2 : normalizeValueWithProperty(value2, key2);
+		var _styleInOriginalValues_key;
+		var trackedOriginal = (_styleInOriginalValues_key = styleInOriginalValues === null || styleInOriginalValues === void 0 ? void 0 : styleInOriginalValues[key2]) !== null && _styleInOriginalValues_key !== void 0 ? _styleInOriginalValues_key : originalValue;
+		if (trackedOriginal !== void 0) (originalValues || (originalValues = {}))[key2] = trackedOriginal;
+	};
+	for (var key in styleIn) {
+		var value = styleIn[key];
+		key = conf.shorthands[key] || key;
+		if (key in skipProps || value == null) continue;
+		contributeValue(childState, key, value, mergeAccepted);
 	}
+	completeStreaming(childState, mergeAccepted);
+	if (childState.transformAccumulator) styleOut.transform = finalizeTransformAccumulator(childState.transformAccumulator);
 	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);
+function passDownProp(viewProps, key, val) {
+	if (key in viewProps) delete viewProps[key];
+	viewProps[key] = val;
+}
+var frameSequence = 0;
+function streamWriteCSS(state, property, value, cursor, original) {
+	var conditionOverride = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : -1;
+	var direct = state;
+	var condition = conditionOverride !== -1 ? conditionOverride : cursor ? conditionNumbers[cursor + conditionValueOffset] : 0;
+	var identity = cursor ? conditionTexts[cursor + conditionKeyOffset] || "" : "";
+	if (property.charCodeAt(0) === 116 && property.startsWith("transition")) {
+		var _direct;
+		var transitions = (_direct = direct).flatTransitions || (_direct.flatTransitions = []);
+		for (var index = 0; index < transitions.length; index++) if (transitions[index].property === property && transitions[index].identity === identity) {
+			transitions[index].value = value;
+			transitions[index].condition = condition;
+			return;
+		}
+		transitions.push({
+			property,
+			value,
+			condition,
+			identity,
+			selector: cursor ? conditionTexts[cursor + conditionSelectorOffset] || "" : "",
+			wrappers: cursor ? conditionWrapperCopy(cursor) : void 0
+		});
+		return;
+	}
+	streamAtomic(state, property, value, condition, identity, cursor ? conditionTexts[cursor + conditionSelectorOffset] || "" : "", cursor ? conditionWrappers : void 0, cursor ? conditionNumbers[cursor + conditionWrapperOffset] >> 3 : 0, cursor ? conditionNumbers[cursor + conditionWrapperOffset] & 7 : 0, direct.flatWeakContribution === true, original);
+}
+function streamWriteInline(state, property, value, cursor, merge, original) {
+	var normalize = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false, conditionOverride = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : -1;
+	var _direct;
+	var direct = state;
+	var condition = conditionOverride !== -1 ? conditionOverride : cursor ? conditionNumbers[cursor + conditionValueOffset] : 0;
+	var importance = condition ? Math.floor(condition / 256) + 1 : 0;
+	var used = (_direct = direct).flatUsed || (_direct.flatUsed = {});
+	var previous = used[property];
+	if (previous !== void 0) {
+		if (previous > importance) return;
+		if (direct.flatWeakContribution === true) return;
+	}
+	used[property] = importance;
+	merge(state, property, value, 1, !normalize, original);
+}
+function streamRetractInline(state, property, cursor) {
+	var _direct;
+	var direct = state;
+	var condition = cursor ? conditionNumbers[cursor + conditionValueOffset] : 0;
+	var importance = condition ? Math.floor(condition / 256) + 1 : 0;
+	var used = (_direct = direct).flatUsed || (_direct.flatUsed = {});
+	var previous = used[property];
+	if (previous !== void 0 && previous > importance) return;
+	used[property] = importance;
+	if (state.style) delete state.style[property];
+}
+function convertDeferredInline(state, merge) {
+	var _direct;
+	var direct = state;
+	var used = (_direct = direct).flatUsed || (_direct.flatUsed = {});
+	var consume = function(entries) {
+		for (var index = 0; index < entries.length; index++) {
+			var entry = entries[index];
+			var condition = entry.condition;
+			if (condition && !(condition & 1)) continue;
+			var importance = condition ? Math.floor(condition / 256) + 1 : 0;
+			var previous = used[entry.property];
+			if (previous !== void 0 && previous > importance) continue;
+			used[entry.property] = importance;
+			merge(state, entry.property, entry.value, 1, true, entry.original !== void 0 ? entry.original : entry.value);
+		}
+	};
+	var slots = direct.flatSlots;
+	if (slots) {
+		direct.flatSlots = void 0;
+		for (var property in slots) consume(slots[property]);
+	}
+	var transitions = direct.flatTransitions;
+	if (transitions) {
+		direct.flatTransitions = void 0;
+		consume(transitions);
+	}
+	direct.flatBorderDefaultRequests = void 0;
+}
+function completeStreaming(state, merge) {
+	var direct = state;
+	var shadow = direct.flatWebShadow;
+	if (shadow && (direct.flatBoxShadowSequence || 0) <= shadow[4]) {
+		var offset = shadow[1] || {
+			width: 0,
+			height: 0
+		};
+		var _shadow_;
+		var color = normalizeColor(shadow[0], (_shadow_ = shadow[2]) !== null && _shadow_ !== void 0 ? _shadow_ : 1);
+		if (color) {
+			var next = `${shadowUnit(offset.width)} ${shadowUnit(offset.height)} ${shadowUnit(shadow[3])} ${color}`;
+			emitProperty(state, "boxShadow", direct.flatBoxShadow ? `${direct.flatBoxShadow}, ${next}` : next, null, merge, shadow[5], shadow[6]);
+		}
+	}
+	completeStreamingCSS(state);
+}
+function emitAtParentCondition(state, property, value, merge, originalValue, contextOnly) {
+	var _state_flatPass;
+	emitValue(state, property, value, ((_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passParentCursor]) || null, merge, originalValue, contextOnly);
+}
+function emitUnderCondition(state, property, value, cursor, merge, originalValue, contextOnly, warnMode, warnSource) {
+	var condition = conditionNumbers[cursor + conditionValueOffset];
+	if (merge && property && condition) state.flatPropSawCondition = true;
+	if (!(conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag)) {
+		if (warnMode && process.env.NODE_ENV === "development") warnRefusedValue(property, warnSource, `unknown modifier "${conditionTexts[cursor + conditionUnresolvedNameOffset] || ""}"`);
+		return 0;
+	}
+	var unsupportedState = conditionTexts[cursor + conditionUnsupportedStateOffset] || "";
+	if (warnMode && unsupportedState && process.env.NODE_ENV === "development") warnOnce(`${property}: "${unsupportedState}:" has no native component-state source; dropping the clause`);
+	if (merge && property && condition & 2 && (condition & 1 || canGenerateCSS && state.flatShouldDoClasses || warnMode === 1 && conditionTexts[cursor + conditionThemeOffset] && supportsDynamicColorIOS && isColorStyleKey(property))) {
+		emitValue(state, property, value, cursor, merge, warnMode === 2 ? originalValue : originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+		var flags = conditionNumbers[cursor + conditionFlagsOffset];
+		if (flags & conditionEnterFlag) state.flatHasEnterStyle = true;
+		if (flags & conditionPlatformPseudoFlag) state.flatHasPlatformPseudo = true;
+	} else if (merge && property && condition & 2) {
+		var flags1 = conditionNumbers[cursor + conditionFlagsOffset];
+		if (flags1 & conditionEnterFlag) state.flatHasEnterStyle = true;
+		if (flags1 & conditionPlatformPseudoFlag) state.flatHasPlatformPseudo = true;
+	}
+	return condition;
+}
+var directStyleHandler = {
+	segment(state, start, end, isBase, valid, source, chainStart, chainEnd, chainValid, chainCount, _result, failure, failureIndex, property, merge, originalValue, contextOnly) {
+		var _directState_flatPass;
+		if (isBase) {
+			if (start === end) return;
+			feedCompoundSegment(state, source, start, end, true, valid || failure === "invalid-character" || failure === "stray-comment-close", "");
+			if (!valid) {
+				if (failure === "invalid-character" || failure === "stray-comment-close") return 16;
+				if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : "an unterminated \"(\"");
+				return;
+			}
+			var value = source.slice(start, end);
+			emitAtParentCondition(state, property, value, merge, value, contextOnly);
+			return 5;
+		}
+		if (!chainValid) {
+			if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, failure === "invalid-character" ? `"${source[failureIndex]}" would end the declaration or rule` : failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : failure === "stray-comment-close" ? "a stray \"*/\"" : "an unterminated \"(\"");
+			return;
+		}
+		if (start === end) {
+			if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, "a conditional clause has no value");
+			return;
+		}
+		if (property === "aspectRatio" && chainCount === 1) {
+			var left = Number(source.slice(chainStart, chainEnd));
+			var right = Number(source.slice(start, end));
+			if (chainStart < chainEnd && Number.isFinite(left) && left > 0 && Number.isFinite(right) && right > 0) return 12;
+		}
+		var directState = state;
+		var cursor = directState.flatScanCursor;
+		var condition = valid ? emitUnderCondition(state, property, source.slice(start, end), cursor, merge, void 0, contextOnly, 1, source) : conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag ? conditionNumbers[cursor + conditionValueOffset] : 0;
+		feedCompoundSegment(directState, source, start, end, false, valid && Boolean(condition), condition && ((_directState_flatPass = directState.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passCompoundIndexes]) ? conditionTexts[cursor + conditionKeyOffset] || "" : "");
+		if (!condition) return;
+		if (!valid) {
+			if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, failure === "invalid-character" ? `"${source[failureIndex]}" would end the declaration or rule` : failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : failure === "stray-comment-close" ? "a stray \"*/\"" : "an unterminated \"(\"");
+			return;
+		}
+		return 4 | (condition & 12 ? 2 : 0);
+	},
+	modifier(state, start, end, valid, first, source) {
+		var directState = state;
+		var cursor = directState.flatScanCursor;
+		if (!cursor) {
+			var _directState_flatPass;
+			cursor = directState.flatScanCursor = acquireConditionCursor(((_directState_flatPass = directState.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passParentCursor]) || null);
+		} else if (first) {
+			var _directState_flatPass1;
+			resetConditionCursor(cursor, ((_directState_flatPass1 = directState.flatPass) === null || _directState_flatPass1 === void 0 ? void 0 : _directState_flatPass1[passParentCursor]) || null);
+		}
+		if (!valid) {
+			setConditionUnresolved(cursor);
+			return;
+		}
+		if (conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag) resolveConditionModifier(state, cursor, source.slice(start, end));
+	},
+	chain(state, _start, _end, valid) {
+		var cursor = state.flatScanCursor;
+		if (cursor) {
+			if (!valid) setConditionUnresolved(cursor);
+			if (conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag) commitConditionCursor(state, cursor);
+		}
+		return true;
+	},
+	end(state, source, result, lastPayloadStart, chainCount, property, merge, originalValue, contextOnly, failure, failureIndex) {
+		var hasBase = !!(result & 1);
+		if (result & 16) {
+			if (chainCount === 0) {
+				emitAtParentCondition(state, property, source, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
+				hasBase = true;
+			} else if (process.env.NODE_ENV === "development") warnRefusedValue(property, source, failure === "invalid-character" ? `"${source[failureIndex]}" would end the declaration or rule` : failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : failure === "stray-comment-close" ? "a stray \"*/\"" : "an unterminated \"(\"");
+		}
+		if (result & 8 && chainCount === 1) {
+			emitAtParentCondition(state, property, source, merge, originalValue !== null && originalValue !== void 0 ? originalValue : source, contextOnly);
+			hasBase = true;
+		}
+		if (process.env.NODE_ENV === "development" && !hasBase && result & 4 && (property in tokenCategories.color || property in tokenCategoryByProperty) && splitComponents(source.slice(lastPayloadStart)).length > 1) warnOnce(`${property}="${source}" has multiple values after its first conditional. Write the base value before the first conditional.`);
+		if ((!canGenerateCSS || !state.flatShouldDoClasses) && result & 2 && !hasBase) {
+			var value = implicitLifecycleBase(property);
+			if (value !== null) emitAtParentCondition(state, property, value, merge, value, contextOnly);
+		}
+	}
+};
+function implicitLifecycleBase(property) {
+	return property === "opacity" || property === "scale" || property === "scaleX" || property === "scaleY" ? 1 : property === "rotate" ? "0deg" : property === "x" || property === "y" ? 0 : null;
+}
+var legacyTransformParts = /* @__PURE__ */ new Set([
+	"matrix",
+	"perspective",
+	"rotateX",
+	"rotateY",
+	"rotateZ",
+	"scaleZ",
+	"skewX",
+	"skewY"
+]);
+var webShadowParts = {
+	shadowColor: 1,
+	shadowOffset: 2,
+	shadowOpacity: 3,
+	shadowRadius: 4
 };
-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 webTextShadowParts = /* @__PURE__ */ new Set([
+	"textShadowColor",
+	"textShadowOffset",
+	"textShadowRadius"
+]);
+var lineStyles = /* @__PURE__ */ new Set([
+	"none",
+	"hidden",
+	"dotted",
+	"dashed",
+	"solid",
+	"double",
+	"groove",
+	"ridge",
+	"inset",
+	"outset"
+]);
+var borderTargets = {
+	border: {
+		width: [
+			"borderTopWidth",
+			"borderRightWidth",
+			"borderBottomWidth",
+			"borderLeftWidth"
+		],
+		style: [
+			"borderTopStyle",
+			"borderRightStyle",
+			"borderBottomStyle",
+			"borderLeftStyle"
+		],
+		color: [
+			"borderTopColor",
+			"borderRightColor",
+			"borderBottomColor",
+			"borderLeftColor"
+		]
+	},
+	borderTop: {
+		width: ["borderTopWidth"],
+		style: ["borderTopStyle"],
+		color: ["borderTopColor"]
+	},
+	borderRight: {
+		width: ["borderRightWidth"],
+		style: ["borderRightStyle"],
+		color: ["borderRightColor"]
+	},
+	borderBottom: {
+		width: ["borderBottomWidth"],
+		style: ["borderBottomStyle"],
+		color: ["borderBottomColor"]
+	},
+	borderLeft: {
+		width: ["borderLeftWidth"],
+		style: ["borderLeftStyle"],
+		color: ["borderLeftColor"]
+	},
+	outline: {
+		width: ["outlineWidth"],
+		style: ["outlineStyle"],
+		color: ["outlineColor"]
+	},
+	borderBlock: {
+		width: ["borderBlockStartWidth", "borderBlockEndWidth"],
+		style: ["borderBlockStartStyle", "borderBlockEndStyle"],
+		color: ["borderBlockStartColor", "borderBlockEndColor"]
+	},
+	borderInline: {
+		width: ["borderInlineStartWidth", "borderInlineEndWidth"],
+		style: ["borderInlineStartStyle", "borderInlineEndStyle"],
+		color: ["borderInlineStartColor", "borderInlineEndColor"]
+	}
 };
-var mapTransformKeys = {
-	x: "translateX",
-	y: "translateY"
+var tokenLookup = {
+	value: void 0,
+	fromTheme: false,
+	themeKey: ""
 };
-function passDownProp(viewProps, key, val) {
-	viewProps[key] = val;
+function fillTokenLookup(value, fromTheme, themeKey) {
+	tokenLookup.value = value;
+	tokenLookup.fromTheme = fromTheme;
+	tokenLookup.themeKey = themeKey;
+	return tokenLookup;
 }
-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);
+function tokenVariable(state, property, name) {
+	var _state_theme, _state_conf_themes_, _state_conf_themes, _state_conf_tokensParsed_space, _state_conf_tokensParsed_color;
+	var lookupName = name.charCodeAt(0) === 36 ? name.slice(1) : name;
+	if (property === "fontFamily") {
+		var _state_conf_fontsParsed_lookupName;
+		var family = (_state_conf_fontsParsed_lookupName = state.conf.fontsParsed[lookupName]) === null || _state_conf_fontsParsed_lookupName === void 0 ? void 0 : _state_conf_fontsParsed_lookupName.family;
+		return family ? fillTokenLookup(family, false, lookupName) : void 0;
+	}
+	var fontKey = property === "fontSize" ? "size" : property === "fontWeight" ? "weight" : property === "lineHeight" || property === "letterSpacing" ? property : void 0;
+	if (fontKey) {
+		var _font_fontKey;
+		var font = state.conf.fontsParsed[state.fontFamily || state.conf.defaultFontToken] || state.conf.fontsParsed[state.conf.defaultFontToken];
+		var value = font === null || font === void 0 ? void 0 : (_font_fontKey = font[fontKey]) === null || _font_fontKey === void 0 ? void 0 : _font_fontKey[lookupName];
+		return value ? fillTokenLookup(value, false, lookupName) : void 0;
+	}
+	var category = getTokenCategoryForProperty(property);
+	var dot = lookupName.indexOf(".");
+	if (dot !== -1) {
+		var prefix = lookupName.slice(0, dot);
+		if (!category || prefix === category || prefix === "color") lookupName = lookupName.slice(dot + 1);
+	}
+	if (category) {
+		var _state_conf_tokensParsed_category;
+		var own = (_state_conf_tokensParsed_category = state.conf.tokensParsed[category]) === null || _state_conf_tokensParsed_category === void 0 ? void 0 : _state_conf_tokensParsed_category[lookupName];
+		if (own) return fillTokenLookup(own, false, lookupName);
+		for (var _i = 0, _iter = [
+			"color",
+			"space",
+			"size",
+			"radius",
+			"zIndex"
+		]; _i < _iter.length; _i++) {
+			var sibling = _iter[_i];
+			var _state_conf_tokensParsed_sibling;
+			if (sibling !== category && ((_state_conf_tokensParsed_sibling = state.conf.tokensParsed[sibling]) === null || _state_conf_tokensParsed_sibling === void 0 ? void 0 : _state_conf_tokensParsed_sibling[lookupName])) return;
+		}
+	} else {
+		var first = lookupName.charCodeAt(0);
+		if (first >= 48 && first <= 57 || first === 43 || first === 45 || first === 46) return;
+	}
+	var theme = ((_state_theme = state.theme) === null || _state_theme === void 0 ? void 0 : _state_theme[lookupName]) || ((_state_conf_themes = state.conf.themes) === null || _state_conf_themes === void 0 ? void 0 : (_state_conf_themes_ = _state_conf_themes[state.flatThemeName || ""]) === null || _state_conf_themes_ === void 0 ? void 0 : _state_conf_themes_[lookupName]);
+	if (theme) return fillTokenLookup(theme, true, lookupName);
+	if (category) return;
+	var token = ((_state_conf_tokensParsed_space = state.conf.tokensParsed.space) === null || _state_conf_tokensParsed_space === void 0 ? void 0 : _state_conf_tokensParsed_space[lookupName]) || ((_state_conf_tokensParsed_color = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color === void 0 ? void 0 : _state_conf_tokensParsed_color[lookupName]);
+	return token ? fillTokenLookup(token, false, lookupName) : void 0;
+}
+var literalMissConf = null;
+var literalMissRevision = -1;
+var literalMisses = /* @__PURE__ */ new WeakMap();
+var literalMissRootTheme = {};
+function isFontKeyedProperty(property) {
+	return property === "fontFamily" || property === "fontSize" || property === "fontWeight" || property === "lineHeight" || property === "letterSpacing";
+}
+function literalMissSet(state) {
+	var revision = getConfigRevisionState(state.conf).revision;
+	if (state.conf !== literalMissConf || revision !== literalMissRevision) {
+		literalMissConf = state.conf;
+		literalMissRevision = revision;
+		literalMisses = /* @__PURE__ */ new WeakMap();
+	}
+	var themeKey = state.theme && _type_of(state.theme) === "object" ? state.theme : literalMissRootTheme;
+	var set = literalMisses.get(themeKey);
+	if (!set) {
+		set = /* @__PURE__ */ new Set();
+		literalMisses.set(themeKey, set);
+	}
+	return set;
+}
+function configuredValue(state, property, raw) {
+	var name = raw;
+	var opacity;
+	var slash = raw.lastIndexOf("/");
+	if (slash > 0) {
+		var amount = Number(raw.slice(slash + 1));
+		if (Number.isInteger(amount) && amount >= 0 && amount <= 100) {
+			name = raw.slice(0, slash);
+			opacity = amount;
+		}
+	}
+	var safeArea = resolveSafeAreaVariable(name);
+	if (safeArea !== void 0) {
+		state.flatUsesSafeArea = true;
+		return safeArea;
+	}
+	var cacheable = !isFontKeyedProperty(property);
+	var misses;
+	var missKey = "";
+	if (cacheable) {
+		misses = literalMissSet(state);
+		missKey = `${state.flatThemeName || ""}${property}${name}`;
+		if (misses.has(missKey)) return raw;
+	}
+	var lookup = tokenVariable(state, property, name);
+	if (!lookup || !isVariable(lookup.value)) {
+		var _state_conf_tokensParsed_color;
+		if (misses) misses.add(missKey);
+		if (process.env.NODE_ENV === "development" && tokenCategoryByProperty[property] && ((_state_conf_tokensParsed_color = state.conf.tokensParsed.color) === null || _state_conf_tokensParsed_color === void 0 ? void 0 : _state_conf_tokensParsed_color[name])) warnOnce(`"${name}" contributes to "color", not "${property}"; keeping it literal`);
+		return raw;
+	}
+	var resolveValues = state.styleProps.resolveValues;
+	if (resolveValues === "except-theme" && lookup.fromTheme) return `${THEME_REF_PREFIX}${lookup.themeKey}${opacity !== void 0 ? `/${opacity}` : ""}`;
+	var value = resolveVariableValue(property, lookup.value, resolveValues);
+	if (opacity !== void 0) value = normalizeColor(value, opacity / 100);
+	return value;
+}
+function resolveEmbeddedTokens(state, property, raw) {
+	var copyFrom = 0;
+	var out = "";
+	var quote = 0;
+	for (var index = 0; index < raw.length; index++) {
+		var code = raw.charCodeAt(index);
+		if (quote) {
+			if (code === 92) index++;
+			else if (code === quote) quote = 0;
+			continue;
+		}
+		if (code === 34 || code === 39) {
+			quote = code;
+			continue;
+		}
+		if (!(code === 36 || code === 95 || code >= 65 && code <= 90 || code >= 97 && code <= 122)) continue;
+		var end = index + 1;
+		while (end < raw.length) {
+			var next = raw.charCodeAt(end);
+			if (next === 36 || next === 45 || next === 46 || next === 95 || next >= 48 && next <= 57 || next >= 65 && next <= 90 || next >= 97 && next <= 122) end++;
+			else break;
+		}
+		if (raw.charCodeAt(end) === 47) {
+			var suffix = end + 1;
+			while (suffix < raw.length) {
+				var next1 = raw.charCodeAt(suffix);
+				if (next1 < 48 || next1 > 57) break;
+				suffix++;
+			}
+			if (suffix > end + 1) end = suffix;
+		}
+		var before = raw.charCodeAt(index - 1);
+		if (code !== 36 && (before >= 48 && before <= 57 || before === 35 || before === 45 && raw.charCodeAt(index - 2) === 45 || raw.charCodeAt(end) === 40)) {
+			index = end - 1;
+			continue;
+		}
+		var word = raw.slice(index, end);
+		var value = configuredValue(state, property, word);
+		if (value !== word) {
+			out += raw.slice(copyFrom, index);
+			out += String(value);
+			copyFrom = end;
+		}
+		index = end - 1;
+	}
+	return copyFrom ? out + raw.slice(copyFrom) : raw;
+}
+function normalizeTransitionNames(state, raw) {
+	var quote = 0;
+	var depth = 0;
+	var copyFrom = 0;
+	var out = "";
+	for (var index = 0; index < raw.length; index++) {
+		var code = raw.charCodeAt(index);
+		if (quote) {
+			if (code === 92) index++;
+			else if (code === quote) quote = 0;
+			continue;
+		}
+		if (code === 34 || code === 39) {
+			quote = code;
+			continue;
+		}
+		if (code === 40) {
+			depth++;
+			continue;
+		}
+		if (code === 41) {
+			depth--;
+			continue;
+		}
+		if (depth || !(code >= 65 && code <= 90 || code >= 97 && code <= 122 || code === 95) || index > 1 && raw.charCodeAt(index - 1) === 45 && raw.charCodeAt(index - 2) === 45) continue;
+		var end = index + 1;
+		while (end < raw.length) {
+			var next = raw.charCodeAt(end);
+			if (next >= 48 && next <= 57 || next >= 65 && next <= 90 || next >= 97 && next <= 122 || next === 45 || next === 95) end++;
+			else break;
+		}
+		if (raw.charCodeAt(end) !== 40) {
+			var authored = raw.slice(index, end);
+			var property = state.conf.shorthands[authored] || authored;
+			if (property === "x" || property === "y") property = "translate";
+			else if (property === "scaleX" || property === "scaleY") property = "scale";
+			else if (legacyTransformParts.has(property)) property = "transform";
+			var hasUpper = false;
+			for (var offset = 0; offset < property.length; offset++) {
+				var letter = property.charCodeAt(offset);
+				if (letter >= 65 && letter <= 90) {
+					hasUpper = true;
+					break;
+				}
+			}
+			if (property !== authored || hasUpper) {
+				out += raw.slice(copyFrom, index);
+				for (var offset1 = 0; offset1 < property.length; offset1++) {
+					var letter1 = property.charCodeAt(offset1);
+					out += letter1 >= 65 && letter1 <= 90 ? `-${String.fromCharCode(letter1 + 32)}` : property[offset1];
+				}
+				copyFrom = end;
+			}
+		}
+		index = end - 1;
+	}
+	return copyFrom ? out + raw.slice(copyFrom) : raw;
+}
+function getDirectDynamicThemeAccess(state) {
+	return state.flatDynamicThemeAccess;
+}
+function emitProperty(state, property, value, cursor, merge, originalValue, contextOnly) {
+	var _state_animationDriver;
+	var _state, _state1;
+	var direct = state;
+	var condition = cursor ? conditionNumbers[cursor + conditionValueOffset] : 0;
+	if (condition & 4) ((_state = state).flatEnterKeys || (_state.flatEnterKeys = /* @__PURE__ */ new Set())).add(property);
+	if (condition & 8) ((_state1 = state).flatExitKeys || (_state1.flatExitKeys = /* @__PURE__ */ new Set())).add(property);
+	var theme = cursor ? conditionTexts[cursor + conditionThemeOffset] || "" : "";
+	if (theme) {
+		if (supportsDynamicColorIOS && isColorStyleKey(property)) {
+			var _direct, _ref, _property;
+			var schemes = (_ref = (_direct = direct).flatDynamicColors || (_direct.flatDynamicColors = {}))[_property = property] || (_ref[_property] = {});
+			schemes[theme] = typeof originalValue === "string" && isAsciiLetters(originalValue) ? originalValue : value;
+			streamWriteInline(state, property, { dynamic: { ...schemes } }, cursor, merge, originalValue, true, condition & 1 ? condition : condition + 1);
+			return;
+		}
+		direct.flatDynamicThemeAccess = true;
+	}
+	if (contextOnly) {
+		if (!condition || condition & 1) {
+			var _state2;
+			((_state2 = state).overriddenContextProps || (_state2.overriddenContextProps = {}))[property] = originalValue;
+		}
+		return;
+	}
+	if (canGenerateCSS && state.flatShouldDoClasses && !condition && property === "transform") {
+		var _state3;
+		if (process.env.NODE_ENV === "development" && state.transformAccumulator) {
+			var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+			try {
+				for (var _iterator2 = getTransformPartKeys(state.transformAccumulator)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+					var part3 = _step2.value;
+					warnOnce(`legacy transform part "${part3}" is dropped because "transform" owns the property`);
+				}
+			} catch (err) {
+				_didIteratorError2 = true;
+				_iteratorError2 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+				} finally {
+					if (_didIteratorError2) throw _iteratorError2;
+				}
+			}
+		}
+		(_state3 = state).transformAccumulator || (_state3.transformAccumulator = createTransformAccumulator());
+		addTransformValue(state.transformAccumulator, property, value);
+		return;
+	}
+	var shouldPromoteAnimatedStyle = canGenerateCSS && !condition && !state.flatShouldDoClasses && !state.styleProps.noMergeStyle && state.styleProps.isAnimated && ((_state_animationDriver = state.animationDriver) === null || _state_animationDriver === void 0 ? void 0 : _state_animationDriver.inputStyle) === "css" && property in nonAnimatableStyleProps;
+	if (canGenerateCSS && (state.flatShouldDoClasses || shouldPromoteAnimatedStyle)) {
+		if (!condition && state.style && direct.flatWeakContribution !== true && !(direct.flatUsed && direct.flatUsed[property])) delete state.style[property];
+		streamWriteCSS(state, property, value, cursor, originalValue);
+		return;
+	}
+	if (condition && !(condition & 1)) return;
+	streamWriteInline(state, property, value, cursor, merge, originalValue);
+}
+function splitComponents(value) {
+	var parts = [];
+	var start = 0;
+	var quote = 0;
+	var depth = 0;
+	for (var index = 0; index <= value.length; index++) {
+		var code = index === value.length ? 32 : value.charCodeAt(index);
+		if (quote) {
+			if (code === 92) index++;
+			else if (code === quote) quote = 0;
+			continue;
+		}
+		if (code === 34 || code === 39) quote = code;
+		else if (code === 40) depth++;
+		else if (code === 41) depth--;
+		else if (!depth && code <= 32) {
+			if (index > start) parts.push(value.slice(start, index));
+			start = index + 1;
+		}
+	}
+	return parts;
+}
+function isAsciiLetters(value) {
+	if (!value) return false;
+	for (var index = 0; index < value.length; index++) {
+		var code = value.charCodeAt(index) | 32;
+		if (code < 97 || code > 122) return false;
+	}
+	return true;
+}
+function numericUnitValue(value, first, second) {
+	var unitLength = value.endsWith(first) || second !== void 0 && value.endsWith(second) ? first.length : 0;
+	if (!unitLength || value.length === unitLength) return NaN;
+	var numeric = Number(value.slice(0, value.length - unitLength));
+	return Number.isFinite(numeric) ? numeric : NaN;
+}
+function isNumericCSSComponent(value) {
+	var index = 0;
+	if (value.charCodeAt(index) === 43 || value.charCodeAt(index) === 45) index++;
+	var digits = 0;
+	var dot = false;
+	for (; index < value.length; index++) {
+		var code = value.charCodeAt(index);
+		if (code >= 48 && code <= 57) {
+			digits++;
+			continue;
+		}
+		if (code === 46 && !dot) {
+			dot = true;
+			continue;
+		}
+		break;
+	}
+	if (!digits) return false;
+	for (; index < value.length; index++) {
+		var code1 = value.charCodeAt(index);
+		if (code1 !== 37 && (code1 < 97 || code1 > 122)) return false;
+	}
+	return true;
+}
+function startsValueFunction(value) {
+	var index = 0;
+	while (index < value.length) {
+		var code = value.charCodeAt(index);
+		if (code === 45 || code >= 97 && code <= 122) {
+			index++;
+			continue;
+		}
+		break;
+	}
+	return index > 0 && value.charCodeAt(index) === 40;
+}
+function emitBorder(state, property, raw, cursor, merge, originalValue, contextOnly) {
+	if (property === "borderBlock" || property === "borderInline") {
+		if (process.env.NODE_ENV === "development") warnOnce(`RN has no logical border shorthand "${property}"; dropping it`);
+		return;
+	}
+	var width;
+	var style;
+	var color;
+	var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+	try {
+		for (var _iterator2 = splitComponents(raw)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+			var part3 = _step2.value;
+			if (lineStyles.has(part3) || property === "outline" && part3 === "auto") style = part3;
+			else if (part3 === "thin" || part3 === "medium" || part3 === "thick" || isNumericCSSComponent(part3) || startsValueFunction(part3)) width = part3;
+			else color = part3;
+		}
+	} catch (err) {
+		_didIteratorError2 = true;
+		_iteratorError2 = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+		} finally {
+			if (_didIteratorError2) throw _iteratorError2;
+		}
+	}
+	if (style === "none" && width === void 0) width = "0";
+	var targets = borderTargets[property];
+	if (width !== void 0) {
+		var _iteratorNormalCompletion12 = true, _didIteratorError12 = false, _iteratorError12 = void 0;
+		try {
+			for (var _iterator12 = targets.width[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
+				var target2 = _step12.value;
+				emitResolved(state, target2, width, cursor, merge, originalValue, contextOnly);
+			}
+		} catch (err) {
+			_didIteratorError12 = true;
+			_iteratorError12 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
+			} finally {
+				if (_didIteratorError12) throw _iteratorError12;
+			}
+		}
+	}
+	if (style !== void 0) {
+		var styleTargets = property === "border" ? ["borderStyle"] : targets.style;
+		var _iteratorNormalCompletion22 = true, _didIteratorError22 = false, _iteratorError22 = void 0;
+		try {
+			for (var _iterator22 = styleTargets[Symbol.iterator](), _step22; !(_iteratorNormalCompletion22 = (_step22 = _iterator22.next()).done); _iteratorNormalCompletion22 = true) {
+				var target1 = _step22.value;
+				emitProperty(state, target1, style, cursor, merge, originalValue, contextOnly);
+			}
+		} catch (err) {
+			_didIteratorError22 = true;
+			_iteratorError22 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion22 && _iterator22.return != null) _iterator22.return();
+			} finally {
+				if (_didIteratorError22) throw _iteratorError22;
+			}
+		}
+	}
+	if (color !== void 0) {
+		var _iteratorNormalCompletion3 = true, _didIteratorError3 = false, _iteratorError3 = void 0;
+		try {
+			for (var _iterator3 = targets.color[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+				var target22 = _step3.value;
+				emitResolved(state, target22, color, cursor, merge, originalValue, contextOnly);
+			}
+		} catch (err) {
+			_didIteratorError3 = true;
+			_iteratorError3 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion3 && _iterator3.return != null) _iterator3.return();
+			} finally {
+				if (_didIteratorError3) throw _iteratorError3;
+			}
+		}
+	}
+}
+function emitTextDecoration(state, raw, cursor, merge, originalValue, contextOnly) {
+	var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+	try {
+		for (var _iterator2 = splitComponents(raw)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+			var part3 = _step2.value;
+			emitResolved(state, part3 === "solid" || part3 === "double" || part3 === "dotted" || part3 === "dashed" || part3 === "wavy" ? "textDecorationStyle" : part3 === "underline" || part3 === "overline" || part3 === "line-through" || part3 === "none" ? "textDecorationLine" : "textDecorationColor", part3, cursor, merge, originalValue, contextOnly);
+		}
+	} catch (err) {
+		_didIteratorError2 = true;
+		_iteratorError2 = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+		} finally {
+			if (_didIteratorError2) throw _iteratorError2;
+		}
+	}
+}
+function emitTransform(state, property, value, cursor, merge, originalValue, contextOnly) {
+	if (!canGenerateCSS || !state.flatShouldDoClasses) {
+		emitProperty(state, property, value, cursor, merge, originalValue, contextOnly);
+		return;
+	}
+	var targets = property === "scale" ? ["--t-scale-x", "--t-scale-y"] : [property === "x" ? "--t-x" : property === "y" ? "--t-y" : property === "scaleX" ? "--t-scale-x" : property === "scaleY" ? "--t-scale-y" : "rotate"];
+	var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+	try {
+		for (var _iterator2 = targets[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+			var target2 = _step2.value;
+			var targetValue = value;
+			if (typeof targetValue === "number") {
+				if (target2 === "--t-x" || target2 === "--t-y") targetValue = `${targetValue}px`;
+				else if (target2 === "rotate") targetValue = `${targetValue}deg`;
+			}
+			emitProperty(state, target2, targetValue, cursor, merge, originalValue, contextOnly);
+			if (target2 === "--t-x" || target2 === "--t-y") addComposition(state, "translate");
+			else if (target2.startsWith("--t-scale")) addComposition(state, "scale");
+		}
+	} catch (err) {
+		_didIteratorError2 = true;
+		_iteratorError2 = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+		} finally {
+			if (_didIteratorError2) throw _iteratorError2;
+		}
+	}
+}
+function emitResolved(state, property, raw, cursor, merge, originalValue, contextOnly) {
+	var value = configuredValue(state, property, raw);
+	if (value === raw) value = resolveEmbeddedTokens(state, property, raw);
+	if (typeof value === "string") {
+		var unitValue = numericUnitValue(value, "px", "dp");
+		if (Number.isFinite(unitValue)) value = unitValue;
+		else if (value !== "" && Number.isFinite(Number(value))) value = Number(value);
+	}
+	emitProperty(state, property, value, cursor, merge, originalValue, contextOnly);
+}
+var emitKindTransition = 1;
+var emitKindTransformPart = 2;
+var emitKindWebShadow = 3;
+var emitKindWebTextShadow = 4;
+var emitKindTransform = 5;
+var emitKindBorder = 6;
+var emitKindTextDecoration = 7;
+var emitKindBackground = 8;
+var emitKindAxis = 9;
+var emitKindBorderRadius = 10;
+var emitKindBorderWidth = 11;
+var emitValueKinds = {
+	transition: emitKindTransition,
+	transitionProperty: emitKindTransition,
+	transform: emitKindTransform,
+	textDecoration: emitKindTextDecoration,
+	background: emitKindBackground,
+	x: emitKindAxis,
+	y: emitKindAxis,
+	scale: emitKindAxis,
+	scaleX: emitKindAxis,
+	scaleY: emitKindAxis,
+	rotate: emitKindAxis,
+	borderRadius: emitKindBorderRadius,
+	borderWidth: emitKindBorderWidth,
+	borderTopWidth: emitKindBorderWidth,
+	borderRightWidth: emitKindBorderWidth,
+	borderBottomWidth: emitKindBorderWidth,
+	borderLeftWidth: emitKindBorderWidth
+};
+var _iteratorNormalCompletion = true;
+var _didIteratorError = false;
+var _iteratorError = void 0;
+try {
+	for (var _iterator = legacyTransformParts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+		var part = _step.value;
+		emitValueKinds[part] = emitKindTransformPart;
+	}
+} catch (err) {
+	_didIteratorError = true;
+	_iteratorError = err;
+} finally {
+	try {
+		if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+	} finally {
+		if (_didIteratorError) throw _iteratorError;
+	}
+}
+for (var part1 in webShadowParts) emitValueKinds[part1] = emitKindWebShadow;
+var _iteratorNormalCompletion1 = true;
+var _didIteratorError1 = false;
+var _iteratorError1 = void 0;
+try {
+	for (var _iterator1 = webTextShadowParts[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+		var part2 = _step1.value;
+		emitValueKinds[part2] = emitKindWebTextShadow;
+	}
+} catch (err) {
+	_didIteratorError1 = true;
+	_iteratorError1 = err;
+} finally {
+	try {
+		if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+	} finally {
+		if (_didIteratorError1) throw _iteratorError1;
+	}
+}
+for (var target in borderTargets) emitValueKinds[target] = emitKindBorder;
+function shadowUnit(part3) {
+	return typeof part3 === "number" ? `${part3}px` : part3 || "0px";
+}
+function emitValue(state, property, raw, cursor, merge, originalValue, contextOnly) {
+	var condition = cursor ? conditionNumbers[cursor + conditionValueOffset] : 0;
+	if (isVariable(raw)) raw = resolveVariableValue(property, raw, state.styleProps.resolveValues);
+	var emitKind = emitValueKinds[property];
+	if (emitKind !== void 0) switch (emitKind) {
+		case emitKindTransition:
+			if (typeof raw === "string") raw = normalizeTransitionNames(state, raw);
+			break;
+		case emitKindBorderWidth:
+			requestBorderStyleDefault(state, property, condition, cursor ? conditionTexts[cursor + conditionKeyOffset] || "" : "", cursor ? conditionTexts[cursor + conditionSelectorOffset] || "" : "", cursor ? conditionWrappers : void 0, cursor ? conditionNumbers[cursor + conditionWrapperOffset] >> 3 : 0, cursor ? conditionNumbers[cursor + conditionWrapperOffset] & 7 : 0);
+			break;
+		case emitKindTransformPart:
+			var value = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+			if (canGenerateCSS && state.flatShouldDoClasses && !condition) {
+				var _state;
+				(_state = state).transformAccumulator || (_state.transformAccumulator = createTransformAccumulator());
+				addTransformValue(state.transformAccumulator, property, value);
+			} else if (condition && canGenerateCSS && state.flatShouldDoClasses) emitProperty(state, "transform", `${property}(${value})`, cursor, merge, originalValue, contextOnly);
+			else streamWriteInline(state, property, value, cursor, merge, originalValue, true);
+			return;
+		case emitKindWebShadow: break;
+		case emitKindWebTextShadow: break;
+		case emitKindTransform:
+			if (canGenerateCSS && state.flatShouldDoClasses && Array.isArray(raw)) raw = transformsToString(raw);
+			if (typeof raw === "string") {
+				var transform = parseNativeTransform(raw);
+				if (transform) {
+					emitProperty(state, property, transform, cursor, merge, originalValue, contextOnly);
+					return;
+				}
+			}
+			break;
+		case emitKindBorder:
+			if (typeof raw === "string") {
+				emitBorder(state, property, raw, cursor, merge, originalValue, contextOnly);
+				return;
+			}
+			break;
+		case emitKindTextDecoration:
+			if (typeof raw === "string") {
+				emitTextDecoration(state, raw, cursor, merge, originalValue, contextOnly);
+				return;
+			}
+			break;
+		case emitKindBackground:
+			if (typeof raw === "string") {
+				var parts = splitComponents(raw);
+				if (parts.length === 1 && !startsValueFunction(parts[0])) {
+					emitResolved(state, "backgroundColor", parts[0], cursor, merge, originalValue, contextOnly);
+					return;
+				}
+				if (process.env.NODE_ENV === "development") warnOnce(`native background cannot represent "${raw}"; dropping it`);
+				return;
+			}
+			break;
+		case emitKindAxis:
+			var value3 = typeof raw === "string" ? configuredValue(state, property, raw) : raw;
+			if (typeof value3 === "string" && !value3.startsWith(THEME_REF_PREFIX)) {
+				if (property === "rotate" && !Number.isFinite(numericUnitValue(value3, "deg", "rad"))) {
+					if (process.env.NODE_ENV === "development") warnOnce(`native transform "${property}" cannot represent "${value3}"; dropping it`);
+					if (condition & 1) {
+						removeTransformValue(state.transformAccumulator, property);
+						streamRetractInline(state, property, cursor);
+					}
+					return;
+				}
+				var unitValue = numericUnitValue(value3, "px", "dp");
+				if (Number.isFinite(unitValue)) value3 = unitValue;
+				else if (Number.isFinite(Number(value3))) value3 = Number(value3);
+			}
+			emitTransform(state, property, value3, cursor, merge, originalValue, contextOnly);
+			return;
+		case emitKindBorderRadius: break;
+	}
+	var value4 = raw;
+	if (typeof raw === "string") {
+		value4 = configuredValue(state, property, raw);
+		if (value4 === raw) value4 = resolveEmbeddedTokens(state, property, raw);
+	}
+	if (typeof value4 === "string") {
+		var unitValue1 = numericUnitValue(value4, "px", "dp");
+		if (Number.isFinite(unitValue1)) value4 = unitValue1;
+		else if (value4 !== "" && Number.isFinite(Number(value4))) value4 = Number(value4);
+	}
+	if (canGenerateCSS && state.flatShouldDoClasses && property === "boxShadow" && !condition) {
+		state.flatBoxShadow = value4;
+		state.flatBoxShadowSequence = frameSequence + 1;
+	}
+	if (typeof value4 === "string" && (property === "backgroundImage" || property === "boxShadow" || property === "textShadow")) {
+		var parsed = parseNativeStyle(property, value4);
+		if (parsed) {
+			if (property === "textShadow") {
+				var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+				try {
+					for (var _iterator2 = parsed[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+						var [key, parsedValue] = _step2.value;
+						emitProperty(state, key, parsedValue, cursor, merge, originalValue, contextOnly);
+					}
+				} catch (err) {
+					_didIteratorError2 = true;
+					_iteratorError2 = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+					} finally {
+						if (_didIteratorError2) throw _iteratorError2;
+					}
+				}
+			} else emitProperty(state, property === "backgroundImage" ? "experimental_backgroundImage" : property, parsed, cursor, merge, originalValue, contextOnly);
+			return;
+		}
+	}
+	if (property === "fontVariant" && typeof value4 === "string") {
+		var variants = [];
+		var start = 0;
+		for (var index = 0; index <= value4.length; index++) {
+			var code = index === value4.length ? 32 : value4.charCodeAt(index);
+			if (code !== 44 && code > 32) continue;
+			if (start < index) variants.push(value4.slice(start, index));
+			start = index + 1;
+		}
+		value4 = variants;
+	}
+	var expanded = state.styleProps.noExpand ? null : expandStyle(property, value4, state.conf.settings.styleCompat || "web");
+	if (!expanded) {
+		emitProperty(state, property, value4, cursor, merge, originalValue, contextOnly);
+		return;
+	}
+	if (typeof raw === "string" && expanded.length > 1) {
+		var parts1 = splitComponents(raw);
+		if (parts1.length > 0 && parts1.length <= (expanded.length === 4 ? 4 : 2)) {
+			for (var index1 = 0; index1 < expanded.length; index1++) {
+				var partIndex = index1 === 0 || parts1.length === 1 ? 0 : index1 === 1 || index1 === 3 && parts1.length < 4 ? 1 : index1 === 2 && parts1.length < 3 ? 0 : index1;
+				emitResolved(state, expanded[index1][0], parts1[partIndex], cursor, merge, originalValue, contextOnly);
+			}
+			return;
+		}
+	}
+	for (var index2 = 0; index2 < expanded.length; index2++) emitProperty(state, expanded[index2][0], expanded[index2][1], cursor, merge, originalValue, contextOnly);
+}
+function contributeStyleString(state, property, source, merge, originalValue) {
+	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
+	var directState = state;
+	var watermark = conditionCursorTop;
+	var previousCursor = directState.flatScanCursor;
+	var previousExpectMulti = directState.flatExpectMulti;
+	directState.flatScanCursor = null;
+	directState.flatExpectMulti = source.indexOf(":") !== -1;
+	try {
+		scanFlatValue(source, directStyleHandler, state, property, merge, originalValue, contextOnly);
+	} finally {
+		directState.flatScanCursor = previousCursor;
+		directState.flatExpectMulti = previousExpectMulti;
+		releaseConditionCursors(watermark);
+	}
+	return true;
+}
+function contributeStyleObject(state, property, value, merge, contextOnly) {
+	var outerState = state;
+	var previousExpectMulti = outerState.flatExpectMulti;
+	outerState.flatExpectMulti = true;
+	try {
+		return contributeStyleObjectInner(state, property, value, merge, contextOnly);
+	} finally {
+		outerState.flatExpectMulti = previousExpectMulti;
+	}
+}
+function contributeStyleObjectInner(state, property, value, merge, contextOnly) {
+	var _directState_flatPass;
+	var directState = state;
+	var parent = ((_directState_flatPass = directState.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passParentCursor]) || null;
+	var hasDefault = Object.prototype.hasOwnProperty.call(value, "default");
+	var hasBase = false;
+	var base = hasDefault ? value.default : void 0;
+	if (base != null) {
+		var baseString = String(base);
+		feedCompoundSegment(directState, baseString, 0, baseString.length, true, true, "");
+		emitAtParentCondition(state, property, base, merge, base, contextOnly);
+		hasBase = true;
+	}
+	var conditions = 0;
+	var firstCondition = !hasDefault;
+	for (var key in value) {
+		if (key === "default") continue;
+		var payload = value[key];
+		var watermark = conditionCursorTop;
+		var cursor = acquireConditionCursor(parent);
+		resolveConditionText(state, cursor, key);
+		var condition = commitConditionCursor(state, cursor);
+		if (firstCondition) {
+			firstCondition = false;
+			if (!condition) {
+				releaseConditionCursors(watermark);
+				return false;
+			}
+		}
+		if (payload != null) {
+			var _directState_flatPass1;
+			conditions |= emitUnderCondition(state, property, payload, cursor, merge, payload, contextOnly, 1, payload);
+			var payloadString = String(payload);
+			feedCompoundSegment(directState, payloadString, 0, payloadString.length, false, Boolean(condition), condition && ((_directState_flatPass1 = directState.flatPass) === null || _directState_flatPass1 === void 0 ? void 0 : _directState_flatPass1[passCompoundIndexes]) ? conditionTexts[cursor + conditionKeyOffset] || "" : "");
+		}
+		releaseConditionCursors(watermark);
+	}
+	if (!hasDefault && firstCondition) return false;
+	if ((!canGenerateCSS || !state.flatShouldDoClasses) && conditions & 12 && !hasBase) {
+		var resting = implicitLifecycleBase(property);
+		if (resting !== null) emitAtParentCondition(state, property, resting, merge, resting, contextOnly);
+	}
+	return true;
+}
+function contributeValue(state, property, value, merge, originalValue) {
+	var contextOnly = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false, condition = arguments.length > 6 ? arguments[6] : void 0;
+	if (isConditionTransport(value)) {
+		if (value.hasBase) contributeValue(state, property, value.base, merge, value.base, contextOnly);
+		for (var offset = 0; offset < value.entries.length;) {
+			var entryValue = value.entries[offset];
+			var watermark = conditionCursorTop;
+			try {
+				var _state_flatPass;
+				emitUnderCondition(state, property, entryValue, acquireTransportCursor(state, value.entries, offset, ((_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passParentCursor]) || null), merge, entryValue, contextOnly, 2, entryValue);
+			} finally {
+				releaseConditionCursors(watermark);
+			}
+			offset += transportEntryWidth;
+		}
+		return true;
+	}
+	if (condition !== void 0) {
+		var _directState_flatPass;
+		var parent = ((_directState_flatPass = state.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passParentCursor]) || null;
+		var watermark1 = conditionCursorTop;
+		try {
+			var effective;
+			if (typeof condition === "string") {
+				effective = acquireConditionCursor(parent);
+				resolveConditionText(state, effective, condition);
+				commitConditionCursor(state, effective);
+			} else if (parent) {
+				effective = acquireConditionCursor(parent);
+				var conditionKey = conditionTexts[condition + conditionKeyOffset] || "";
+				if (conditionKey) resolveConditionText(state, effective, conditionKey);
+				if (!(conditionNumbers[condition + conditionFlagsOffset] & conditionResolvedFlag)) setConditionUnresolved(effective);
+				commitConditionCursor(state, effective);
+			} else effective = condition;
+			var isObjectValue = value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value);
+			var objectHasDefault = isObjectValue && Object.prototype.hasOwnProperty.call(value, "default");
+			var firstChild = isObjectValue && !objectHasDefault ? acquireConditionCursor(effective) : null;
+			if (isObjectValue && classifyConditionalObject(value, state, void 0, firstChild || void 0)) {
+				var useFirstChild = firstChild !== null;
+				for (var key in value) {
+					var payload = value[key];
+					if (payload == null) continue;
+					if (key === "default") emitUnderCondition(state, property, payload, effective, merge, payload, contextOnly, 2, payload);
+					else {
+						var keyWatermark = conditionCursorTop;
+						var child = useFirstChild ? firstChild : acquireConditionCursor(effective);
+						if (useFirstChild) useFirstChild = false;
+						else {
+							resolveConditionText(state, child, key);
+							commitConditionCursor(state, child);
+						}
+						emitUnderCondition(state, property, payload, child, merge, payload, contextOnly, 2, payload);
+						if (child !== firstChild) releaseConditionCursors(keyWatermark);
+					}
+				}
+				return true;
+			}
+			emitUnderCondition(state, property, value, effective, merge, originalValue, contextOnly, 2, value);
+			return true;
+		} finally {
+			releaseConditionCursors(watermark1);
+		}
+	}
+	if (value === "safe" && isSafeAreaKey(property)) {
+		var expanded = expandSafeAreaValue(property);
+		if (expanded) {
+			state.flatUsesSafeArea = true;
+			var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+			try {
+				for (var _iterator2 = expanded[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+					var [key1, resolved] = _step2.value;
+					emitAtParentCondition(state, key1, resolved, merge, originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+				}
+			} catch (err) {
+				_didIteratorError2 = true;
+				_iteratorError2 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+				} finally {
+					if (_didIteratorError2) throw _iteratorError2;
+				}
+			}
+			return true;
+		}
+	}
+	if (typeof value === "string") return contributeStyleString(state, property, value, merge, originalValue, contextOnly);
+	if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value) && contributeStyleObject(state, property, value, merge, contextOnly)) return true;
+	if (value != null) {
+		emitAtParentCondition(state, property, value, merge, originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
+		return true;
+	}
+	return false;
+}
+function clearDirectStyle(state, property) {
+	var direct = state;
+	var atomicKey = property.startsWith("transition") ? "transition" : webShadowParts[property] ? "boxShadow" : webTextShadowParts.has(property) ? "textShadow" : legacyTransformParts.has(property) ? "transform" : property;
+	clearFrameAtomic(state, atomicKey);
+	var used = direct.flatUsed;
+	if (used) delete used[atomicKey];
+	if (atomicKey === "transform") state.transformAccumulator = void 0;
+	if (state.style) delete state.style[atomicKey];
+	delete state.classNames[atomicKey];
+}
+var conditionTransports = /* @__PURE__ */ new WeakSet();
+function isConditionTransport(value) {
+	return (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && value !== null && conditionTransports.has(value);
+}
+var transportEntryWidth = 2;
+function appendConditionEntry(entries, cursor, value) {
+	entries.push(value, conditionTexts[cursor + conditionKeyOffset] || "");
+}
+function acquireTransportCursor(state, entries, offset, parent) {
+	var cursor = acquireConditionCursor(parent);
+	var key = entries[offset + 1];
+	if (key) resolveConditionText(state, cursor, key);
+	commitConditionCursor(state, cursor);
+	return cursor;
+}
+function mergeConditionTransport(state, prev, cursor, value) {
+	var transport;
+	if (isConditionTransport(prev)) transport = prev;
+	else {
+		transport = {
+			hasBase: false,
+			base: void 0,
+			entries: []
+		};
+		conditionTransports.add(transport);
+		if (prev != null) {
+			var isObjectValue = (typeof prev === "undefined" ? "undefined" : _type_of(prev)) === "object" && !Array.isArray(prev) && !isVariable(prev);
+			var objectHasDefault = isObjectValue && Object.prototype.hasOwnProperty.call(prev, "default");
+			var authoredWatermark = conditionCursorTop;
+			try {
+				var firstCursor = isObjectValue && !objectHasDefault ? acquireConditionCursor() : null;
+				if (isObjectValue && classifyConditionalObject(prev, state, void 0, firstCursor || void 0)) {
+					var useFirstCursor = firstCursor !== null;
+					for (var key in prev) {
+						var payload = prev[key];
+						if (payload == null) continue;
+						if (key === "default") {
+							transport.hasBase = true;
+							transport.base = payload;
+							continue;
+						}
+						var watermark = conditionCursorTop;
+						var keyCursor = useFirstCursor ? firstCursor : acquireConditionCursor();
+						if (useFirstCursor) useFirstCursor = false;
+						else {
+							resolveConditionText(state, keyCursor, key);
+							commitConditionCursor(state, keyCursor);
+						}
+						appendConditionEntry(transport.entries, keyCursor, payload);
+						if (keyCursor !== firstCursor) releaseConditionCursors(watermark);
+					}
+				} else {
+					transport.hasBase = true;
+					transport.base = prev;
+				}
+			} finally {
+				releaseConditionCursors(authoredWatermark);
+			}
+		}
+	}
+	var cursorKey = conditionTexts[cursor + conditionKeyOffset] || "";
+	for (var offset = 0; offset < transport.entries.length; offset += transportEntryWidth) if (transport.entries[offset + 1] === cursorKey) {
+		transport.entries.splice(offset, transportEntryWidth);
+		break;
+	}
+	appendConditionEntry(transport.entries, cursor, value);
+	return transport;
+}
+var variantValueHandler = {
+	segment(ctx, start, end, isBase, valid, source, chainStart, chainEnd, chainValid) {
+		var _directState_flatPass;
+		var state = ctx[0];
+		var directState = state;
+		if (start === end) return;
+		if (isBase) {
+			feedCompoundSegment(directState, source, start, end, true, valid, "");
+			if (!valid) return;
+			emitResolvedVariant(ctx[1], source.slice(start, end), state, ctx[2], null);
+			return;
+		}
+		if (!valid || !chainValid) return;
+		var cursor = directState.flatScanCursor;
+		var condition = cursor && conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag ? conditionNumbers[cursor + conditionValueOffset] : 0;
+		feedCompoundSegment(directState, source, start, end, false, Boolean(condition), condition && ((_directState_flatPass = directState.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passCompoundIndexes]) ? conditionTexts[cursor + conditionKeyOffset] || "" : "");
+		if (!condition) return;
+		emitResolvedVariant(ctx[1], source.slice(start, end), state, ctx[2], cursor);
+	},
+	modifier(ctx, start, end, valid, first, source) {
+		var directState = ctx[0];
+		var cursor = directState.flatScanCursor;
+		if (!cursor) cursor = directState.flatScanCursor = acquireConditionCursor();
+		else if (first) resetConditionCursor(cursor, 0);
+		if (!valid) {
+			setConditionUnresolved(cursor);
+			return;
+		}
+		if (conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag) resolveConditionModifier(ctx[0], cursor, source.slice(start, end));
+	},
+	chain(ctx, _start, _end, valid) {
+		var cursor = ctx[0].flatScanCursor;
+		if (cursor) {
+			if (!valid) setConditionUnresolved(cursor);
+			if (conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag) commitConditionCursor(ctx[0], cursor);
+		}
+		return true;
+	}
+};
+var contextPropSets = /* @__PURE__ */ new WeakMap();
+function getContextPropSet(staticConfig) {
+	var _staticConfig_parentStaticConfig, _staticConfig_parentStaticConfig1, _staticConfig_parentStaticConfig2, _staticConfig_parentStaticConfig_context, _staticConfig_parentStaticConfig3;
+	var cached = contextPropSets.get(staticConfig);
+	if (cached !== void 0) return cached;
+	var contextConfig = staticConfig.context || ((_staticConfig_parentStaticConfig = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig === void 0 ? void 0 : _staticConfig_parentStaticConfig.context);
+	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;
+	var set = null;
+	if (contextConfig === null || contextConfig === void 0 ? void 0 : contextConfig.props) {
+		set || (set = /* @__PURE__ */ new Set());
+		for (var key in contextConfig.props) set.add(key);
+	}
+	if (contextPropKeys) {
+		set || (set = /* @__PURE__ */ new Set());
+		var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+		try {
+			for (var _iterator2 = contextPropKeys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+				var key1 = _step2.value;
+				set.add(key1);
+			}
+		} catch (err) {
+			_didIteratorError2 = true;
+			_iteratorError2 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+			} finally {
+				if (_didIteratorError2) throw _iteratorError2;
+			}
+		}
+	}
+	if (contextConfig === null || contextConfig === void 0 ? void 0 : contextConfig.propKeys) {
+		set || (set = /* @__PURE__ */ new Set());
+		var _iteratorNormalCompletion12 = true, _didIteratorError12 = false, _iteratorError12 = void 0;
+		try {
+			for (var _iterator12 = contextConfig.propKeys[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
+				var key2 = _step12.value;
+				set.add(key2);
+			}
+		} catch (err) {
+			_didIteratorError12 = true;
+			_iteratorError12 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
+			} finally {
+				if (_didIteratorError12) throw _iteratorError12;
+			}
+		}
+	}
+	var parentPropKeys = (_staticConfig_parentStaticConfig3 = staticConfig.parentStaticConfig) === null || _staticConfig_parentStaticConfig3 === void 0 ? void 0 : (_staticConfig_parentStaticConfig_context = _staticConfig_parentStaticConfig3.context) === null || _staticConfig_parentStaticConfig_context === void 0 ? void 0 : _staticConfig_parentStaticConfig_context.propKeys;
+	if (parentPropKeys) {
+		set || (set = /* @__PURE__ */ new Set());
+		var _iteratorNormalCompletion22 = true, _didIteratorError22 = false, _iteratorError22 = void 0;
+		try {
+			for (var _iterator22 = parentPropKeys[Symbol.iterator](), _step22; !(_iteratorNormalCompletion22 = (_step22 = _iterator22.next()).done); _iteratorNormalCompletion22 = true) {
+				var key3 = _step22.value;
+				set.add(key3);
+			}
+		} catch (err) {
+			_didIteratorError22 = true;
+			_iteratorError22 = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion22 && _iterator22.return != null) _iterator22.return();
+			} finally {
+				if (_didIteratorError22) throw _iteratorError22;
+			}
+		}
+	}
+	contextPropSets.set(staticConfig, set);
+	return set;
+}
+function emitMappedValue(styleState, key, value, originalValue, nestedCondition, parentCondition, fallbackOriginal) {
+	var nested = nestedCondition;
+	var parent = parentCondition;
+	var resolvedCondition = nested !== null && nested !== void 0 ? nested : parent;
+	var watermark = conditionCursorTop;
+	if (nested && parent) {
+		var composed = acquireConditionCursor(parent);
+		var nestedKey = conditionTexts[nested + conditionKeyOffset] || "";
+		if (nestedKey) resolveConditionText(styleState, composed, nestedKey);
+		if (!(conditionNumbers[nested + conditionFlagsOffset] & conditionResolvedFlag)) setConditionUnresolved(composed);
+		commitConditionCursor(styleState, composed);
+		resolvedCondition = composed;
+	}
+	var conf = styleState.conf;
+	if (key === "fontFamily" || key === conf.inverseShorthands.fontFamily) styleState.fontFamily = getFontFamilyFromNameOrVariable(value, conf);
+	mapContributedProp(styleState, key, value, originalValue !== null && originalValue !== void 0 ? originalValue : fallbackOriginal, resolvedCondition);
+	releaseConditionCursors(watermark);
+}
+var contributeMappedValue = function(key, value, styleState, disabled, parentCondition, fallbackOriginal) {
+	if (disabled) return emitMappedValue(styleState, key, value, void 0, void 0, parentCondition, fallbackOriginal);
+	var { conf, styleProps, staticConfig } = styleState;
+	var { variants } = staticConfig;
+	var { disableExpandShorthands, noExpand, resolveValues } = styleProps;
+	var shorthands = conf.shorthands;
+	if (value === "unset") {
+		var expandedKey = !disableExpandShorthands && shorthands[key] || key;
+		var expanded = noExpand ? null : expandStyle(expandedKey, value, conf.settings.styleCompat || "web");
+		var used = styleState.flatUsed;
+		if (expanded) {
+			var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+			try {
+				for (var _iterator2 = expanded[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+					var [nkey] = _step2.value;
+					if (used) delete used[nkey];
+					if (styleState.style) delete styleState.style[nkey];
+				}
+			} catch (err) {
+				_didIteratorError2 = true;
+				_iteratorError2 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+				} finally {
+					if (_didIteratorError2) throw _iteratorError2;
+				}
+			}
+		} else {
+			if (used) delete used[expandedKey];
+			if (styleState.style) delete styleState.style[expandedKey];
+		}
+		return;
+	}
+	if (!noExpand) {
+		if (variants && key in variants) {
+			resolveVariants(key, value, styleProps, styleState, key);
+			return;
+		}
+	}
+	if (!disableExpandShorthands) {
+		if (key in shorthands) key = shorthands[key];
+	}
+	var originalValue = value;
+	if (value === "safe" && isSafeAreaKey(key)) {
+		var expanded1 = expandSafeAreaValue(key);
+		if (expanded1) {
+			for (var i = 0; i < expanded1.length; i++) {
+				var [nkey1, nvalue] = expanded1[i];
+				emitMappedValue(styleState, nkey1, nvalue, originalValue, void 0, parentCondition, fallbackOriginal);
+			}
+			return;
+		}
+	}
+	if (value != null) {
+		if (typeof value === "string") value = isRemValue(value) ? resolveRem(value) : value;
+		else if (isVariable(value)) value = resolveVariableValue(key, value, resolveValues);
+		else if (isRemValue(value)) value = resolveRem(value);
+	}
+	if (value != null) {
+		if (key === "fontFamily" && typeof originalValue === "string") {
+			if (originalValue in conf.fontsParsed) styleState.fontFamily = originalValue;
+		}
+		var expanded2 = noExpand || typeof value === "string" ? null : expandStyle(key, value, conf.settings.styleCompat || "web");
+		if (expanded2) {
+			var max = expanded2.length;
+			for (var i1 = 0; i1 < max; i1++) {
+				var [nkey2, nvalue1, noriginalValue] = expanded2[i1];
+				emitMappedValue(styleState, nkey2, nvalue1, noriginalValue !== null && noriginalValue !== void 0 ? noriginalValue : originalValue, void 0, parentCondition, fallbackOriginal);
+			}
+		} else emitMappedValue(styleState, key, value, originalValue, void 0, parentCondition, fallbackOriginal);
+	}
+};
+function resolveVariants(key, value, styleProps, styleState, parentVariantKey) {
+	var _styleState_staticConfig_variants;
+	var variantDefinition = (_styleState_staticConfig_variants = styleState.staticConfig.variants) === null || _styleState_staticConfig_variants === void 0 ? void 0 : _styleState_staticConfig_variants[key];
+	if (isConditionTransport(value)) {
+		if (value.hasBase) emitResolvedVariant(key, value.base, styleState, parentVariantKey, null);
+		for (var offset = 0; offset < value.entries.length;) {
+			var entryValue = value.entries[offset];
+			var watermark = conditionCursorTop;
+			try {
+				emitResolvedVariant(key, entryValue, styleState, parentVariantKey, acquireTransportCursor(styleState, value.entries, offset, null));
+			} finally {
+				releaseConditionCursors(watermark);
+			}
+			offset += transportEntryWidth;
+		}
+		return;
+	}
+	if (typeof value === "string" && !(variantDefinition && (typeof variantDefinition === "undefined" ? "undefined" : _type_of(variantDefinition)) === "object" && value in variantDefinition)) {
+		var directState = styleState;
+		var watermark1 = conditionCursorTop;
+		var previousCursor = directState.flatScanCursor;
+		directState.flatScanCursor = null;
+		try {
+			scanFlatValue(value, variantValueHandler, [
+				styleState,
+				key,
+				parentVariantKey
+			]);
+		} finally {
+			directState.flatScanCursor = previousCursor;
+			releaseConditionCursors(watermark1);
+		}
+		return;
+	}
+	var isObjectValue = value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && !Array.isArray(value) && !isVariable(value);
+	var objectHasDefault = isObjectValue && Object.prototype.hasOwnProperty.call(value, "default");
+	var objectWatermark = conditionCursorTop;
+	try {
+		var firstCursor = isObjectValue && !objectHasDefault ? acquireConditionCursor() : null;
+		if (isObjectValue && classifyConditionalObject(value, styleState, void 0, firstCursor || void 0)) {
+			var useFirstCursor = firstCursor !== null;
+			for (var objKey in value) {
+				var _directState_flatPass;
+				var payload = value[objKey];
+				if (payload == null) continue;
+				var directState1 = styleState;
+				var payloadString = String(payload);
+				if (objKey === "default") {
+					feedCompoundSegment(directState1, payloadString, 0, payloadString.length, true, true, "");
+					emitResolvedVariant(key, payload, styleState, parentVariantKey, null);
+					continue;
+				}
+				var watermark2 = conditionCursorTop;
+				var cursor1 = useFirstCursor ? firstCursor : acquireConditionCursor();
+				var condition = conditionNumbers[cursor1 + conditionValueOffset];
+				if (useFirstCursor) useFirstCursor = false;
+				else {
+					resolveConditionText(styleState, cursor1, objKey);
+					condition = commitConditionCursor(styleState, cursor1);
+				}
+				if ((_directState_flatPass = directState1.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passCompoundIndexes]) feedCompoundSegment(directState1, payloadString, 0, payloadString.length, false, Boolean(condition), condition ? conditionTexts[cursor1 + conditionKeyOffset] || "" : "");
+				emitResolvedVariant(key, payload, styleState, parentVariantKey, cursor1);
+				if (cursor1 !== firstCursor) releaseConditionCursors(watermark2);
+			}
+			return;
+		}
+	} finally {
+		releaseConditionCursors(objectWatermark);
+	}
+	emitResolvedVariant(key, value, styleState, parentVariantKey, null);
+}
+function emitResolvedVariant(key, value, styleState, parentVariantKey, conditionCursor) {
+	var { staticConfig, conf, debug } = styleState;
+	var styleProps = styleState.styleProps;
+	var { variants } = staticConfig;
+	if (!variants) return;
+	var variant = variants[key];
+	var variantValue = getVariantDefinition(variant, value, conf, styleState);
+	if (process.env.NODE_ENV === "development" && debug === "verbose") {
+		console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`);
+		console.info({
+			key,
+			value,
+			variantValue,
+			variants
+		});
+		console.groupEnd();
+	}
+	if (!variantValue) {
+		if (process.env.TAMAGUI_WARN_ON_MISSING_VARIANT === "1") {
+			if (typeof value !== "boolean") {
+				var name = styleState.styleProps.displayName || "[UnnamedComponent]";
+				console.warn(`No variant found: ${name} has variant "${key}", but no matching value "${value}"`);
+			}
+		}
+		return;
+	}
+	if (typeof variantValue === "function") {
+		variantValue = variantValue(value, getVariantExtras(styleState));
+		if (process.env.NODE_ENV === "development" && debug === "verbose" && false);
+	}
+	if (!isObj(variantValue)) return;
+	if (process.env.NODE_ENV === "development" && debug === "verbose") console.info(`   expanding styles from `, variantValue);
+	var { noSkip } = styleProps;
+	var originals = styleOriginalValues.get(variantValue);
+	var directState = styleState;
+	directState.flatCompoundOutputDepth = (directState.flatCompoundOutputDepth || 0) + 1;
+	try {
+		for (var outputKey in variantValue) {
+			if (!noSkip && outputKey in skipProps) continue;
+			var rawOutputValue = variantValue[outputKey];
+			var outputValue = styleProps.noNormalize ? rawOutputValue : normalizeValueWithProperty(rawOutputValue, conf.shorthands[outputKey] || outputKey);
+			var _originals_outputKey;
+			var originalValue = (_originals_outputKey = originals === null || originals === void 0 ? void 0 : originals[outputKey]) !== null && _originals_outputKey !== void 0 ? _originals_outputKey : rawOutputValue;
+			var contextPropSet = getContextPropSet(staticConfig);
+			if (contextPropSet === null || contextPropSet === void 0 ? void 0 : contextPropSet.has(outputKey)) {
+				var _styleState, _styleState1;
+				(_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
+				styleState.overriddenContextProps[outputKey] = originalValue;
+				(_styleState1 = styleState).originalContextPropValues || (_styleState1.originalContextPropValues = {});
+				styleState.originalContextPropValues[outputKey] = originalValue;
+			}
+			contributeMappedValue(outputKey, outputValue, styleState, parentVariantKey === key && outputKey === key, conditionCursor || void 0, originalValue);
+		}
+	} finally {
+		directState.flatCompoundOutputDepth--;
+	}
+}
+function getFontFamilyFromNameOrVariable(input, conf) {
+	if (isVariable(input)) {
+		var val = variableToFontNameCache.get(input);
+		if (val) return val;
+		for (var key in conf.fontsParsed) {
+			var familyVariable = conf.fontsParsed[key].family;
+			if (isVariable(familyVariable)) {
+				variableToFontNameCache.set(familyVariable, key);
+				if (familyVariable === input) return key;
+			}
+		}
+	} else if (typeof input === "string" && input in conf.fontsParsed) return input;
+}
+var variableToFontNameCache = /* @__PURE__ */ new WeakMap();
+function getVariantDefinition(variant, value, conf, param) {
+	var { theme } = param;
+	if (!variant) return;
+	if (value === void 0) return;
+	if (typeof variant === "function") return variant;
+	if (Object.prototype.hasOwnProperty.call(variant, value)) return variant[value];
+	var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+	try {
+		for (var _iterator2 = getCompiledVariantResolvers(variant)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+			var { key, parts } = _step2.value;
+			var _iteratorNormalCompletion12 = true, _didIteratorError12 = false, _iteratorError12 = void 0;
+			try {
+				for (var _iterator12 = parts[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
+					var part3 = _step12.value;
+					if (matchesVariantResolver(part3, value, conf, theme)) return variant[key];
+				}
+			} catch (err) {
+				_didIteratorError12 = true;
+				_iteratorError12 = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
+				} finally {
+					if (_didIteratorError12) throw _iteratorError12;
+				}
+			}
+		}
+	} catch (err) {
+		_didIteratorError2 = true;
+		_iteratorError2 = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+		} finally {
+			if (_didIteratorError2) throw _iteratorError2;
+		}
+	}
+}
+var variantResolverNameSet = new Set(variantResolverNames);
+var variantResolverCache = /* @__PURE__ */ new WeakMap();
+var preparedStyleStaticConfigs = /* @__PURE__ */ new WeakSet();
+function prepareStyleStaticConfig(staticConfig) {
+	if (preparedStyleStaticConfigs.has(staticConfig)) return staticConfig;
+	preparedStyleStaticConfigs.add(staticConfig);
+	getContextPropSet(staticConfig);
+	prepareStaticConfigCompounds(staticConfig);
+	var variants = staticConfig.variants;
+	if (variants) for (var key in variants) {
+		var variant = variants[key];
+		if (variant && (typeof variant === "undefined" ? "undefined" : _type_of(variant)) === "object") getCompiledVariantResolvers(variant);
+	}
+	return staticConfig;
+}
+function getCompiledVariantResolvers(variant) {
+	var cached = variantResolverCache.get(variant);
+	if (cached) return cached;
+	var compiled = [];
+	for (var key in variant) {
+		var parts = parseVariantResolverKey(key);
+		if (parts) compiled.push({
+			key,
+			parts
+		});
+	}
+	variantResolverCache.set(variant, compiled);
+	return compiled;
+}
+function parseVariantResolverKey(key) {
+	if (!key) return null;
+	var parts = [];
+	var start = 0;
+	for (var index = 0; index <= key.length; index++) {
+		if (index !== key.length && key.charCodeAt(index) !== 124) continue;
+		var partStart = start;
+		var partEnd = index;
+		while (partStart < partEnd && key.charCodeAt(partStart) <= 32) partStart++;
+		while (partEnd > partStart && key.charCodeAt(partEnd - 1) <= 32) partEnd--;
+		if (partStart === partEnd) return null;
+		var part3 = key.slice(partStart, partEnd);
+		if (!variantResolverNameSet.has(part3)) return null;
+		parts.push(part3);
+		start = index + 1;
+	}
+	return parts;
+}
+function hasNumericPrefix(value, suffixLength) {
+	if (value.length <= suffixLength) return false;
+	return Number.isFinite(Number(value.slice(0, value.length - suffixLength)));
+}
+function matchesVariantResolver(resolverName, value, conf, theme) {
+	var string = typeof value === "string";
+	var number = typeof value === "number";
+	var rem = string && value.endsWith("rem") && hasNumericPrefix(value, 3);
+	switch (resolverName) {
+		case "Size":
+		case "Space":
+		case "Radius":
+		case "ZIndex": return value === true || number || string || resolverName !== "Size" && isVariable(value);
+		case "Color": return value != null && value in conf.tokensParsed.color || string;
+		case "Theme": return string && !!theme && value in theme;
+		case "FontSize":
+			var _conf_fontsParsed_body_size, _conf_fontsParsed_body;
+			return value === true || !!((_conf_fontsParsed_body = conf.fontsParsed.body) === null || _conf_fontsParsed_body === void 0 ? void 0 : (_conf_fontsParsed_body_size = _conf_fontsParsed_body.size) === null || _conf_fontsParsed_body_size === void 0 ? void 0 : _conf_fontsParsed_body_size[value]) || number || rem;
+		case "FontStyle":
+			var _conf_fontsParsed_body_style, _conf_fontsParsed_body1;
+			return !!((_conf_fontsParsed_body1 = conf.fontsParsed.body) === null || _conf_fontsParsed_body1 === void 0 ? void 0 : (_conf_fontsParsed_body_style = _conf_fontsParsed_body1.style) === null || _conf_fontsParsed_body_style === void 0 ? void 0 : _conf_fontsParsed_body_style[value]) || value === "normal" || value === "italic";
+		case "FontTransform":
+			var _conf_fontsParsed_body_transform, _conf_fontsParsed_body2;
+			return !!((_conf_fontsParsed_body2 = conf.fontsParsed.body) === null || _conf_fontsParsed_body2 === void 0 ? void 0 : (_conf_fontsParsed_body_transform = _conf_fontsParsed_body2.transform) === null || _conf_fontsParsed_body_transform === void 0 ? void 0 : _conf_fontsParsed_body_transform[value]) || value === "none" || value === "capitalize" || value === "uppercase" || value === "lowercase";
+		case "FontLineHeight":
+			var _conf_fontsParsed_body_lineHeight, _conf_fontsParsed_body3;
+			return !!((_conf_fontsParsed_body3 = conf.fontsParsed.body) === null || _conf_fontsParsed_body3 === void 0 ? void 0 : (_conf_fontsParsed_body_lineHeight = _conf_fontsParsed_body3.lineHeight) === null || _conf_fontsParsed_body_lineHeight === void 0 ? void 0 : _conf_fontsParsed_body_lineHeight[value]) || number || rem;
+		case "FontLetterSpacing":
+			var _conf_fontsParsed_body_letterSpacing, _conf_fontsParsed_body4;
+			return !!((_conf_fontsParsed_body4 = conf.fontsParsed.body) === null || _conf_fontsParsed_body4 === void 0 ? void 0 : (_conf_fontsParsed_body_letterSpacing = _conf_fontsParsed_body4.letterSpacing) === null || _conf_fontsParsed_body_letterSpacing === void 0 ? void 0 : _conf_fontsParsed_body_letterSpacing[value]) || number || rem;
+		case "number":
+		case "string":
+		case "boolean": return (typeof value === "undefined" ? "undefined" : _type_of(value)) === resolverName;
+		case "any": return true;
 	}
-	if (isWeb && Array.isArray(out.transform)) out.transform = transformsToString(out.transform);
-	fixStyles(out);
-	return out;
 }
 
-export { STYLE_TOKEN_PROVENANCE_KEY, getSplitStyles, getStyleTokenProvenance, getSubStyle, isValidStyleKey, styleOriginalValues, useSplitStyles };
+export { STYLE_TOKEN_PROVENANCE_KEY, clearDirectStyle, contributeStyleString, directStyleSignature, flushDirectStyles2 as flushDirectStyles, getContextPropSet, getDirectDynamicThemeAccess, getFontFamilyFromNameOrVariable, getSplitStyles, getStyleTokenProvenance, isValidStyleKey, prepareStyleStaticConfig, styleOriginalValues };
 //# sourceMappingURL=getSplitStyles.native.js.map