@tamagui/core 3.0.0-beta.807.1 → 3.0.0-beta.831.1

package/dist/test.native.cjs

@@ -24,17 +24,66 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 let react = require("react");
 react = __toESM(react, 1);
+let _tamagui_size = require("@tamagui/size");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_native = require("react-native");
 react_native = __toESM(react_native, 1);
-let _tamagui_size = require("@tamagui/size");
+//#region \0@oxc-project+runtime@0.144.0/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(r, e) {
+	if (null == r) return {};
+	var t = {};
+	for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+		if (e.includes(n)) continue;
+		t[n] = r[n];
+	}
+	return t;
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.144.0/helpers/esm/objectWithoutProperties.js
+function _objectWithoutProperties(e, t) {
+	if (null == e) return {};
+	var o, r, i = _objectWithoutPropertiesLoose(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var s = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+	}
+	return i;
+}
+//#endregion
+//#region ../compose-refs/dist/esm/compose-refs.native.js
+var _excluded$10 = ["ref"];
+function setRef(ref, value) {
+	if (typeof ref === "function") ref(value);
+	else if (ref) ref.current = value;
+}
+function composeRefs() {
+	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
+	return function(node) {
+		return refs.forEach(function(ref) {
+			return setRef(ref, node);
+		});
+	};
+}
+function useComposedRefs() {
+	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
+	return react.useCallback(composeRefs(...refs), refs);
+}
+function createRefComponent(render) {
+	function RefComponent(props) {
+		var { ref } = props;
+		return render(_objectWithoutProperties(props, _excluded$10), ref);
+	}
+	RefComponent.displayName = render.name;
+	return RefComponent;
+}
+//#endregion
 //#region ../web/dist/esm/helpers/isObj.native.js
-function _type_of$16(obj) {
+function _type_of$17(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
 var isObj = function(x) {
-	return x && !Array.isArray(x) && (typeof x === "undefined" ? "undefined" : _type_of$16(x)) === "object";
+	return x && !Array.isArray(x) && (typeof x === "undefined" ? "undefined" : _type_of$17(x)) === "object";
 };
 function isPlainObject(value) {
 	if (!isObj(value)) return false;
@@ -77,7 +126,7 @@ var mergeComponentProps = function(defaultProps, contextProps, props) {
 };
 //#endregion
 //#region ../web/dist/esm/helpers/objectIdentityKey.native.js
-function _type_of$15(obj) {
+function _type_of$16(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -86,7 +135,7 @@ function objectIdentityKey(obj) {
 	for (var key in obj) {
 		k += key;
 		var arg = obj[key];
-		var type = typeof arg === "undefined" ? "undefined" : _type_of$15(arg);
+		var type = typeof arg === "undefined" ? "undefined" : _type_of$16(arg);
 		if (!arg || type !== "object" && type !== "function") k += type + arg;
 		else if (cache$4.has(arg)) k += cache$4.get(arg);
 		else {
@@ -99,30 +148,8 @@ function objectIdentityKey(obj) {
 }
 var cache$4 = /* @__PURE__ */ new WeakMap();
 //#endregion
-//#region \0@oxc-project+runtime@0.144.0/helpers/esm/objectWithoutPropertiesLoose.js
-function _objectWithoutPropertiesLoose(r, e) {
-	if (null == r) return {};
-	var t = {};
-	for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-		if (e.includes(n)) continue;
-		t[n] = r[n];
-	}
-	return t;
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.144.0/helpers/esm/objectWithoutProperties.js
-function _objectWithoutProperties(e, t) {
-	if (null == e) return {};
-	var o, r, i = _objectWithoutPropertiesLoose(e, t);
-	if (Object.getOwnPropertySymbols) {
-		var s = Object.getOwnPropertySymbols(e);
-		for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-	}
-	return i;
-}
-//#endregion
 //#region ../web/dist/esm/helpers/createStyledContext.native.js
-var _excluded$11 = [
+var _excluded$9 = [
 	"children",
 	"scope",
 	"__disableMergeDefaultValues"
@@ -152,7 +179,7 @@ var createStyledContext = function(defaultValues) {
 		return namespace ? `${namespace}--${scope}` : scope;
 	};
 	var Provider = function(param) {
-		var { children, scope: scopeIn, __disableMergeDefaultValues } = param, values = _objectWithoutProperties(param, _excluded$11);
+		var { children, scope: scopeIn, __disableMergeDefaultValues } = param, values = _objectWithoutProperties(param, _excluded$9);
 		var scope = getNamespacedScope(scopeIn);
 		var next = useReactMemo(function() {
 			if (__disableMergeDefaultValues) return values;
@@ -329,7 +356,7 @@ function getPlatformDriver() {
 var MISSING_THEME_MESSAGE = `Missing theme.`;
 //#endregion
 //#region ../web/dist/esm/helpers/formatDiagnostic.native.js
-function _type_of$14(obj) {
+function _type_of$15(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -341,9 +368,9 @@ function formatDiagnosticValue(value) {
 		return JSON.stringify(output);
 	}
 	if (value == null || typeof value === "number" || typeof value === "boolean") return String(value);
-	if ((typeof value === "undefined" ? "undefined" : _type_of$14(value)) === "bigint") return `${value}n`;
+	if ((typeof value === "undefined" ? "undefined" : _type_of$15(value)) === "bigint") return `${value}n`;
 	if (typeof value === "function") return `[Function ${value.name || "anonymous"}]`;
-	if ((typeof value === "undefined" ? "undefined" : _type_of$14(value)) !== "object") return String(value);
+	if ((typeof value === "undefined" ? "undefined" : _type_of$15(value)) !== "object") return String(value);
 	if (seen.has(value)) return "[Circular]";
 	if (depth === 2) return Array.isArray(value) ? "[Array]" : "[Object]";
 	seen.add(value);
@@ -355,7 +382,7 @@ function formatDiagnosticValue(value) {
 		return `[${items.join(", ")}]`;
 	}
 	var keys = [];
-	for (var key in value) if (Object.prototype.hasOwnProperty.call(value, key)) {
+	for (var key in value) {
 		keys.push(key);
 		if (keys.length === 6) break;
 	}
@@ -464,7 +491,7 @@ function getThemeClassNames(name) {
 }
 //#endregion
 //#region ../helpers/dist/esm/composeEventHandlers.native.js
-function _type_of$13(obj) {
+function _type_of$14(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -473,7 +500,7 @@ function composeEventHandlers(og, next) {
 	if (!og || !next) return next || og || void 0;
 	return function(event) {
 		og === null || og === void 0 || og(event);
-		var isPrevented = !!event && (typeof event === "undefined" ? "undefined" : _type_of$13(event)) === "object" && ("defaultPrevented" in event && Boolean(event.defaultPrevented) || "isCanceled" in event && Boolean(event.isCanceled));
+		var isPrevented = !!event && (typeof event === "undefined" ? "undefined" : _type_of$14(event)) === "object" && ("defaultPrevented" in event && Boolean(event.defaultPrevented) || "isCanceled" in event && Boolean(event.isCanceled));
 		if (!event || !checkDefaultPrevented || !isPrevented) return next === null || next === void 0 ? void 0 : next(event);
 	};
 }
@@ -522,61 +549,156 @@ function resolvePlatformNames(nativeProp) {
 	return set;
 }
 //#endregion
+//#region ../style-grammar/dist/esm/tokenCategories.mjs
+var tokenCategoryNames = [
+	"",
+	"space",
+	"size",
+	"radius",
+	"zIndex",
+	"color",
+	"fontFamily",
+	"fontSize",
+	"fontWeight",
+	"lineHeight",
+	"letterSpacing"
+];
+var propToTokenCategoryCode = Object.freeze({
+	borderRadius: 3,
+	borderTopLeftRadius: 3,
+	borderTopRightRadius: 3,
+	borderBottomLeftRadius: 3,
+	borderBottomRightRadius: 3,
+	borderTopStartRadius: 3,
+	borderTopEndRadius: 3,
+	borderBottomStartRadius: 3,
+	borderBottomEndRadius: 3,
+	borderStartStartRadius: 3,
+	borderStartEndRadius: 3,
+	borderEndStartRadius: 3,
+	borderEndEndRadius: 3,
+	width: 2,
+	height: 2,
+	minWidth: 2,
+	minHeight: 2,
+	maxWidth: 2,
+	maxHeight: 2,
+	blockSize: 2,
+	minBlockSize: 2,
+	maxBlockSize: 2,
+	inlineSize: 2,
+	minInlineSize: 2,
+	maxInlineSize: 2,
+	shadowRadius: 2,
+	zIndex: 4,
+	backgroundColor: 5,
+	borderColor: 5,
+	borderBlockStartColor: 5,
+	borderBlockEndColor: 5,
+	borderBlockColor: 5,
+	borderBottomColor: 5,
+	borderInlineColor: 5,
+	borderInlineStartColor: 5,
+	borderInlineEndColor: 5,
+	borderTopColor: 5,
+	borderLeftColor: 5,
+	borderRightColor: 5,
+	borderEndColor: 5,
+	borderStartColor: 5,
+	shadowColor: 5,
+	color: 5,
+	textDecorationColor: 5,
+	textShadowColor: 5,
+	outlineColor: 5,
+	caretColor: 5,
+	x: 1,
+	y: 1,
+	borderWidth: 1,
+	borderTopWidth: 1,
+	borderRightWidth: 1,
+	borderBottomWidth: 1,
+	borderLeftWidth: 1,
+	borderBlockWidth: 1,
+	borderBlockStartWidth: 1,
+	borderBlockEndWidth: 1,
+	borderInlineWidth: 1,
+	borderInlineStartWidth: 1,
+	borderInlineEndWidth: 1,
+	outlineOffset: 1,
+	outlineWidth: 1,
+	gap: 1,
+	rowGap: 1,
+	columnGap: 1,
+	top: 1,
+	right: 1,
+	bottom: 1,
+	left: 1,
+	inset: 1,
+	insetBlock: 1,
+	insetBlockEnd: 1,
+	insetBlockStart: 1,
+	insetInline: 1,
+	insetInlineEnd: 1,
+	insetInlineStart: 1,
+	margin: 1,
+	marginBlock: 1,
+	marginBlockEnd: 1,
+	marginBlockStart: 1,
+	marginInline: 1,
+	marginInlineEnd: 1,
+	marginInlineStart: 1,
+	marginTop: 1,
+	marginRight: 1,
+	marginBottom: 1,
+	marginEnd: 1,
+	marginLeft: 1,
+	marginHorizontal: 1,
+	marginStart: 1,
+	marginVertical: 1,
+	padding: 1,
+	paddingBlock: 1,
+	paddingBlockEnd: 1,
+	paddingBlockStart: 1,
+	paddingInline: 1,
+	paddingInlineEnd: 1,
+	paddingInlineStart: 1,
+	paddingTop: 1,
+	paddingRight: 1,
+	paddingBottom: 1,
+	paddingEnd: 1,
+	paddingLeft: 1,
+	paddingHorizontal: 1,
+	paddingStart: 1,
+	paddingVertical: 1,
+	fontFamily: 6,
+	fontSize: 7,
+	fontWeight: 8,
+	lineHeight: 9,
+	letterSpacing: 10
+});
+//#endregion
 //#region ../helpers/dist/esm/tokenCategories.native.js
-var tokenCategories = {
-	radius: {
-		borderRadius: true,
-		borderTopLeftRadius: true,
-		borderTopRightRadius: true,
-		borderBottomLeftRadius: true,
-		borderBottomRightRadius: true,
-		borderTopStartRadius: true,
-		borderTopEndRadius: true,
-		borderBottomStartRadius: true,
-		borderBottomEndRadius: true,
-		borderStartStartRadius: true,
-		borderStartEndRadius: true,
-		borderEndStartRadius: true,
-		borderEndEndRadius: true
-	},
-	size: {
-		width: true,
-		height: true,
-		minWidth: true,
-		minHeight: true,
-		maxWidth: true,
-		maxHeight: true,
-		blockSize: true,
-		minBlockSize: true,
-		maxBlockSize: true,
-		inlineSize: true,
-		minInlineSize: true,
-		maxInlineSize: true,
-		shadowRadius: true
-	},
-	zIndex: { zIndex: true },
-	color: {
-		backgroundColor: true,
-		borderColor: true,
-		borderBlockStartColor: true,
-		borderBlockEndColor: true,
-		borderBlockColor: true,
-		borderBottomColor: true,
-		borderInlineColor: true,
-		borderInlineStartColor: true,
-		borderInlineEndColor: true,
-		borderTopColor: true,
-		borderLeftColor: true,
-		borderRightColor: true,
-		borderEndColor: true,
-		borderStartColor: true,
-		shadowColor: true,
-		color: true,
-		textDecorationColor: true,
-		textShadowColor: true,
-		outlineColor: true
-	}
+var _loop$1 = function(_i2, _iter2) {
+	var category = _iter2[_i2];
+	var view = void 0;
+	Object.defineProperty(tokenCategories, category, {
+		enumerable: true,
+		get() {
+			if (view) return view;
+			view = {};
+			var code = tokenCategoryNames.indexOf(category);
+			for (var property in propToTokenCategoryCode) if (propToTokenCategoryCode[property] === code) view[property] = true;
+			return view;
+		}
+	});
 };
+var tokenCategories = {};
+for (var _i = 0, _iter = [
+	"radius",
+	"size",
+	"zIndex",
+	"color"
+]; _i < _iter.length; _i++) _loop$1(_i, _iter);
 //#endregion
 //#region ../helpers/dist/esm/validStyleProps.native.js
 var cssShorthandLonghands = {
@@ -605,11 +727,6 @@ var textColors = {
 	textDecorationColor: true,
 	textShadowColor: true
 };
-var _tokenCategories$colo = tokenCategories.color, { color: _textOnlyColor, textDecorationColor: _textOnlyDecoration, textShadowColor: _textOnlyShadow } = _tokenCategories$colo, viewColorCategoryProps = _objectWithoutProperties(_tokenCategories$colo, [
-	"color",
-	"textDecorationColor",
-	"textShadowColor"
-]);
 var nonAnimatableViewProps = {
 	alignContent: true,
 	alignItems: true,
@@ -708,7 +825,7 @@ var stylePropsTransform = {
 	rotateX: true,
 	rotateZ: true
 };
-var stylePropsView = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, nonAnimatableViewProps), {}, {
+var stylePropsView = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, nonAnimatableViewProps), {}, {
 	borderBottomWidth: true,
 	borderLeftWidth: true,
 	borderRightWidth: true,
@@ -771,8 +888,50 @@ var stylePropsView = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2
 	insetInline: true,
 	insetInlineEnd: true,
 	insetInlineStart: true,
-	shadowOffset: true
-}, viewColorCategoryProps), tokenCategories.radius), tokenCategories.size), stylePropsTransform), stylePropsUnitless), isAndroid ? { elevationAndroid: true } : {}), {}, {
+	shadowOffset: true,
+	backgroundColor: true,
+	borderColor: true,
+	borderBlockStartColor: true,
+	borderBlockEndColor: true,
+	borderBlockColor: true,
+	borderBottomColor: true,
+	borderInlineColor: true,
+	borderInlineStartColor: true,
+	borderInlineEndColor: true,
+	borderTopColor: true,
+	borderLeftColor: true,
+	borderRightColor: true,
+	borderEndColor: true,
+	borderStartColor: true,
+	shadowColor: true,
+	outlineColor: true,
+	borderRadius: true,
+	borderTopLeftRadius: true,
+	borderTopRightRadius: true,
+	borderBottomLeftRadius: true,
+	borderBottomRightRadius: true,
+	borderTopStartRadius: true,
+	borderTopEndRadius: true,
+	borderBottomStartRadius: true,
+	borderBottomEndRadius: true,
+	borderStartStartRadius: true,
+	borderStartEndRadius: true,
+	borderEndStartRadius: true,
+	borderEndEndRadius: true,
+	width: true,
+	height: true,
+	minWidth: true,
+	minHeight: true,
+	maxWidth: true,
+	maxHeight: true,
+	blockSize: true,
+	minBlockSize: true,
+	maxBlockSize: true,
+	inlineSize: true,
+	minInlineSize: true,
+	maxInlineSize: true,
+	shadowRadius: true
+}, stylePropsTransform), stylePropsUnitless), isAndroid ? { elevationAndroid: true } : {}), {}, {
 	boxShadow: true,
 	border: true,
 	borderBlock: true,
@@ -782,7 +941,6 @@ var stylePropsView = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2
 	backgroundImage: true,
 	experimental_backgroundImage: true,
 	outline: true,
-	outlineColor: true,
 	outlineOffset: true,
 	outlineWidth: true
 });
@@ -1350,7 +1508,7 @@ function forEachModifierName(source, visit) {
 		}
 		return;
 	}
-	for (var name2 in source) if (Object.prototype.hasOwnProperty.call(source, name2)) visit(name2, rank++);
+	for (var name2 in source) visit(name2, rank++);
 }
 function isRootThemeName(name) {
 	return name.length > 0 && !name.includes("_");
@@ -1735,7 +1893,7 @@ var getThemes = function() {
 };
 var updateConfig = function(key, value) {
 	var config = getConfigFromGlobalOrLocal();
-	if (!config || !Object.prototype.hasOwnProperty.call(config, key)) return;
+	if (!config || key === "__proto__" || !(key in config)) return;
 	Object.assign(config[key], value);
 	prepareConfigRevision(config);
 };
@@ -1762,7 +1920,7 @@ function loadAnimationDriver(name, driver) {
 }
 //#endregion
 //#region ../web/dist/esm/createVariable.native.js
-function _type_of$12(obj) {
+function _type_of$13(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -1790,7 +1948,7 @@ function variableToString(vrble) {
 	return `${vrble || ""}`;
 }
 function isVariable(v) {
-	return v && (typeof v === "undefined" ? "undefined" : _type_of$12(v)) === "object" && "isVar" in v;
+	return v && (typeof v === "undefined" ? "undefined" : _type_of$13(v)) === "object" && "isVar" in v;
 }
 function getVariable(nameOrVariable) {
 	var group = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "size";
@@ -2789,9 +2947,9 @@ var useThemeWithState = function(props) {
 };
 //#endregion
 //#region ../web/dist/esm/_withStableStyle.native.js
-var _excluded$10 = ["ref"];
+var _excluded$8 = ["ref"];
 var _excluded2$4 = ["_expressions"];
-function _type_of$11(obj) {
+function _type_of$12(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
@@ -2800,7 +2958,7 @@ var EMPTY_THEME = {};
 var FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
 var _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {
 	return /* @__PURE__ */ react.default.memo(function WithStableStyle(props) {
-		var { ref } = props, propsWithoutRef = _objectWithoutProperties(props, _excluded$10);
+		var { ref } = props, propsWithoutRef = _objectWithoutProperties(props, _excluded$8);
 		var { _expressions = EMPTY_EXPRESSIONS } = propsWithoutRef, rest = _objectWithoutProperties(propsWithoutRef, _excluded2$4);
 		var parentId = (0, react.useContext)(ThemeStateContext);
 		var theme = hasThemeKeys && parentId ? useTheme() : null;
@@ -2818,7 +2976,7 @@ var _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKe
 				if (!gettableTheme) {
 					var _loop = function(key2) {
 						var value = fallbackTheme[key2];
-						gettableTheme[key2] = typeof (value === null || value === void 0 ? void 0 : value.get) === "function" ? value : _objectSpread2(_objectSpread2({}, value && (typeof value === "undefined" ? "undefined" : _type_of$11(value)) === "object" ? value : { val: value }), {}, { get: function() {
+						gettableTheme[key2] = typeof (value === null || value === void 0 ? void 0 : value.get) === "function" ? value : _objectSpread2(_objectSpread2({}, value && (typeof value === "undefined" ? "undefined" : _type_of$12(value)) === "object" ? value : { val: value }), {}, { get: function() {
 							return getVariable(value);
 						} });
 					};
@@ -2837,33 +2995,6 @@ var _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKe
 	});
 };
 //#endregion
-//#region ../compose-refs/dist/esm/compose-refs.native.js
-var _excluded$9 = ["ref"];
-function setRef(ref, value) {
-	if (typeof ref === "function") ref(value);
-	else if (ref) ref.current = value;
-}
-function composeRefs() {
-	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
-	return function(node) {
-		return refs.forEach(function(ref) {
-			return setRef(ref, node);
-		});
-	};
-}
-function useComposedRefs() {
-	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) refs[_key] = arguments[_key];
-	return react.useCallback(composeRefs(...refs), refs);
-}
-function createRefComponent(render) {
-	function RefComponent(props) {
-		var { ref } = props;
-		return render(_objectWithoutProperties(props, _excluded$9), ref);
-	}
-	RefComponent.displayName = render.name;
-	return RefComponent;
-}
-//#endregion
 //#region ../web/dist/esm/helpers/nativeStyleEngine.native.js
 var engine = null;
 var scopeStates = /* @__PURE__ */ new Map();
@@ -3093,7 +3224,7 @@ function queueNativeViewState(entry) {
 }
 //#endregion
 //#region ../web/dist/esm/_withNativeStyle.native.js
-var _excluded$8 = ["_scopeId"];
+var _excluded$7 = ["_scopeId"];
 var _excluded2$3 = ["ref", "_expressions"];
 var _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {
 	var Fallback = _withStableStyle(Component, function(theme) {
@@ -3105,7 +3236,7 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys) {
 		return [baseStyle, themedStyle];
 	}, true, false);
 	var Native = /* @__PURE__ */ react.default.memo(function NativeStyleView(param) {
-		var { _scopeId } = param, props = _objectWithoutProperties(param, _excluded$8);
+		var { _scopeId } = param, props = _objectWithoutProperties(param, _excluded$7);
 		var { ref, _expressions: _ignoredExpressions } = props, rest = _objectWithoutProperties(props, _excluded2$3);
 		var link = (0, react.useRef)(null);
 		var themeState = getThemeState(_scopeId);
@@ -3670,45 +3801,9 @@ function wrapWithGestureDetector(content, gesture, _stateRef, isHOC, isComposite
 	}, react.default.createElement(GestureDetector, { gesture }, content));
 }
 //#endregion
-//#region ../web/dist/esm/helpers/getDefaultProps.native.js
-var getDefaultProps = function(staticConfig) {
-	return staticConfig.defaultProps;
-};
-//#endregion
 //#region ../web/dist/esm/helpers/componentDisplayName.native.js
 var componentDisplayName = /* @__PURE__ */ Symbol.for("tamagui.componentDisplayName");
-function setComponentDisplayName(component, displayName) {
-	if (displayName) {
-		component.displayName = displayName;
-		component[componentDisplayName] = displayName;
-	}
-	return component;
-}
-//#endregion
-//#region ../web/dist/esm/types.native.js
-var variantResolverNames = [
-	"Size",
-	"Space",
-	"Color",
-	"Radius",
-	"ZIndex",
-	"Theme",
-	"FontSize",
-	"FontStyle",
-	"FontTransform",
-	"FontLineHeight",
-	"FontLetterSpacing",
-	"number",
-	"string",
-	"boolean",
-	"any"
-];
-function createVariantResolver(key, resolver) {
-	return resolver;
-}
-//#endregion
-//#region ../web/dist/esm/helpers/warnOnce.native.js
-function warnOnce(key) {
+function flushDirectStyles(_state) {
 	arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
 }
 //#endregion
@@ -4298,73 +4393,273 @@ var borderDefaults = {
 	borderLeftWidth: nativeStyle || "borderLeftStyle",
 	borderRightWidth: nativeStyle || "borderRightStyle"
 };
-function flushDirectStyles(_state) {
-	arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
-}
-_objectSpread2(_objectSpread2({}, stylePropsAll), {}, {
-	translateX: true,
-	translateY: true
-});
-var pxStringRe = /^-?\d*\.?\d+px$/;
-function normalizeValueWithProperty(value) {
-	arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
-	if (typeof value === "string" && pxStringRe.test(value)) return Number.parseFloat(value);
+//#endregion
+//#region ../web/dist/esm/helpers/styleStaticConfig.native.js
+var styleStaticConfigCache = /* @__PURE__ */ new WeakMap();
+function getStyleStaticConfig(staticConfig, conf) {
+	var _staticConfig_styleFrontend_normalizeStaticConfig, _staticConfig_styleFrontend, _staticConfig_context;
+	var configCache = styleStaticConfigCache.get(staticConfig);
+	var revision = getConfigRevisionState(conf).revision;
+	var cached = configCache === null || configCache === void 0 ? void 0 : configCache.get(conf);
+	if ((cached === null || cached === void 0 ? void 0 : cached.revision) === revision) return cached.value;
+	var normalized = (_staticConfig_styleFrontend = staticConfig.styleFrontend) === null || _staticConfig_styleFrontend === void 0 ? void 0 : (_staticConfig_styleFrontend_normalizeStaticConfig = _staticConfig_styleFrontend.normalizeStaticConfig) === null || _staticConfig_styleFrontend_normalizeStaticConfig === void 0 ? void 0 : _staticConfig_styleFrontend_normalizeStaticConfig.call(_staticConfig_styleFrontend, staticConfig, conf);
+	var variants = normalized ? normalized.variants : staticConfig.variants;
+	var authoredBaseStyle = normalized ? normalized.baseStyle : staticConfig.baseStyle;
+	var authoredDefaultProps = staticConfig.defaultProps;
+	var baseStyle;
+	var baseVariantProps;
+	var defaultProps;
+	if (authoredDefaultProps) {
+		var validStyles$1 = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? stylePropsText : validStyles);
+		for (var key in authoredDefaultProps) {
+			var isVariant = Boolean(variants === null || variants === void 0 ? void 0 : variants[key]);
+			var isStyle = key !== "transition" && (key in validStyles$1 || key in conf.shorthands);
+			if (isVariant || isStyle) (baseStyle || (baseStyle = authoredBaseStyle ? _objectSpread2({}, authoredBaseStyle) : {}))[key] = authoredDefaultProps[key];
+			if (isVariant || !isStyle) (defaultProps || (defaultProps = {}))[key] = authoredDefaultProps[key];
+			if (isVariant) (baseVariantProps || (baseVariantProps = {}))[key] = authoredDefaultProps[key];
+		}
+	}
+	var keys = staticConfig.contextProps || ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.propKeys);
+	var value = {
+		baseStyle: baseStyle || authoredBaseStyle,
+		baseVariantProps,
+		defaultProps,
+		styledContextKeys: keys ? new Set(keys) : null,
+		variants,
+		passthroughClassName: normalized ? normalized.passthroughClassName : staticConfig.passthroughClassName
+	};
+	if (!configCache) {
+		configCache = /* @__PURE__ */ new WeakMap();
+		styleStaticConfigCache.set(staticConfig, configCache);
+	}
+	configCache.set(conf, {
+		revision,
+		value
+	});
 	return value;
 }
 //#endregion
-//#region ../web/dist/esm/helpers/styleOriginalValues.native.js
-var styleOriginalValues = /* @__PURE__ */ new WeakMap();
-//#endregion
-//#region ../web/dist/esm/helpers/normalizeStyle.native.js
-function normalizeStyle(style) {
-	var disableNormalize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, mergeTransforms = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-	var res = {};
-	var originalValues = styleOriginalValues.get(style);
-	var nextOriginalValues;
-	var transformAccumulator;
-	for (var key in style) {
-		var prop = style[key];
-		if (prop == null) continue;
-		var originalValue = originalValues === null || originalValues === void 0 ? void 0 : originalValues[key];
-		if (mergeTransforms && (key === "transform" || key in stylePropsTransform)) {
-			transformAccumulator || (transformAccumulator = createTransformAccumulator());
-			addTransformValue(transformAccumulator, key, prop);
-			continue;
+//#region ../web/dist/esm/helpers/variantResolvers.native.js
+function _type_of$11(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var variantResolverCache = /* @__PURE__ */ new WeakMap();
+function getCompiledVariantResolvers(variant) {
+	var compiled = variantResolverCache.get(variant);
+	if (!compiled) {
+		var next = [];
+		for (var key in variant) {
+			var parts = parseVariantResolverKey(key);
+			if (parts) next.push({
+				key,
+				parts
+			});
 		}
-		var value = disableNormalize ? prop : normalizeValueWithProperty(prop, key);
-		var out = mergeTransforms ? void 0 : expandStyle(key, value);
-		if (out) {
-			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		compiled = next;
+		variantResolverCache.set(variant, compiled);
+	}
+	return compiled;
+}
+function parseVariantResolverKey(key) {
+	if (!key) return null;
+	return key.split("|").map(function(part) {
+		return part.trim();
+	});
+}
+function getVariantDefinition(variant, value, conf, param) {
+	var { theme } = param;
+	if (!variant) return;
+	if (value === void 0) return;
+	if (typeof variant === "function") return variant;
+	if (value in variant) return variant[value];
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = getCompiledVariantResolvers(variant)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var { key, parts } = _step.value;
+			var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
 			try {
-				for (var _iterator = out[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-					var [nextKey, nextValue] = _step.value;
-					res[nextKey] = nextValue;
-					if (originalValue !== void 0) {
-						nextOriginalValues || (nextOriginalValues = {});
-						nextOriginalValues[nextKey] = originalValue;
-					}
+				for (var _iterator1 = parts[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+					var part = _step1.value;
+					if (matchesVariantResolver(part, value, conf, theme)) return variant[key];
 				}
 			} catch (err) {
-				_didIteratorError = true;
-				_iteratorError = err;
+				_didIteratorError1 = true;
+				_iteratorError1 = err;
 			} finally {
 				try {
-					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+					if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
 				} finally {
-					if (_didIteratorError) throw _iteratorError;
+					if (_didIteratorError1) throw _iteratorError1;
 				}
 			}
-		} else {
-			res[key] = value;
-			if (originalValue !== void 0) {
-				nextOriginalValues || (nextOriginalValues = {});
-				nextOriginalValues[key] = originalValue;
-			}
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
 		}
 	}
-	if (transformAccumulator) res.transform = finalizeTransformAccumulator(transformAccumulator);
-	fixStyles(res);
-	if (nextOriginalValues) styleOriginalValues.set(res, nextOriginalValues);
+}
+function matchesVariantResolver(resolverName, value, conf, theme) {
+	var string = typeof value === "string";
+	var number = typeof value === "number";
+	var rem = string && value.length > 3 && value.endsWith("rem") && Number.isFinite(Number(value.slice(0, -3)));
+	switch (resolverName) {
+		case "Size":
+		case "Space":
+		case "Radius":
+		case "ZIndex": return value === true || number || string || resolverName !== "Size" && isVariable(value);
+		case "Color": return 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$11(value)) === resolverName;
+		case "any": return true;
+	}
+}
+//#endregion
+//#region ../web/dist/esm/helpers/warnOnce.native.js
+function warnOnce(key) {
+	arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
+}
+//#endregion
+//#region ../web/dist/esm/helpers/getVariantExtras.native.js
+var cache$1 = /* @__PURE__ */ new WeakMap();
+var getVariantExtras = function(styleState) {
+	var cached = cache$1.get(styleState);
+	if ((cached === null || cached === void 0 ? void 0 : cached.props) === styleState.props) return cached.value;
+	var { props, conf, context, theme, styleProps } = styleState;
+	var styledContext = styleProps.styledContext;
+	var fonts = conf.fontsParsed;
+	if (context === null || context === void 0 ? void 0 : context.language) fonts = getFontsForLanguage(conf.fontsParsed, context.language);
+	var next = {
+		fonts,
+		tokens: conf.tokensParsed,
+		theme,
+		context: styledContext,
+		get fontFamily() {
+			return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
+		},
+		get font() {
+			var found = fonts[this.fontFamily];
+			if (found) return found;
+			var className = props.className;
+			if (typeof className === "string") {
+				var start = 0;
+				for (var index = 0; index <= className.length; index++) {
+					if (index !== className.length && className.charCodeAt(index) > 32) continue;
+					if (index - start > 5 && className.charCodeAt(start) === 102 && className.charCodeAt(start + 1) === 111 && className.charCodeAt(start + 2) === 110 && className.charCodeAt(start + 3) === 116 && className.charCodeAt(start + 4) === 95) {
+						var name = className.slice(start + 5, index);
+						if (fonts[name]) return fonts[name];
+					}
+					start = index + 1;
+				}
+			}
+			return fonts[conf.defaultFontToken];
+		},
+		props
+	};
+	cache$1.set(styleState, {
+		props,
+		value: next
+	});
+	return next;
+};
+var fontLanguageCache = /* @__PURE__ */ new WeakMap();
+function getFontsForLanguage(fonts, language) {
+	if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
+	var next = _objectSpread2(_objectSpread2({}, fonts), Object.fromEntries(Object.entries(language).flatMap(function(param) {
+		var [name, lang] = param;
+		if (lang === "default") return [];
+		return [[name, fonts[`${name}_${lang}`]]];
+	})));
+	fontLanguageCache.set(language, next);
+	return next;
+}
+_objectSpread2(_objectSpread2({}, stylePropsAll), {}, {
+	translateX: true,
+	translateY: true
+});
+var pxStringRe = /^-?\d*\.?\d+px$/;
+function normalizeValueWithProperty(value) {
+	arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
+	if (typeof value === "string" && pxStringRe.test(value)) return Number.parseFloat(value);
+	return value;
+}
+//#endregion
+//#region ../web/dist/esm/helpers/styleOriginalValues.native.js
+var styleOriginalValues = /* @__PURE__ */ new WeakMap();
+//#endregion
+//#region ../web/dist/esm/helpers/normalizeStyle.native.js
+function normalizeStyle(style) {
+	var disableNormalize = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, mergeTransforms = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	var res = {};
+	var originalValues = styleOriginalValues.get(style);
+	var nextOriginalValues;
+	var transformAccumulator;
+	for (var key in style) {
+		var prop = style[key];
+		if (prop == null) continue;
+		var originalValue = originalValues === null || originalValues === void 0 ? void 0 : originalValues[key];
+		if (mergeTransforms && (key === "transform" || key in stylePropsTransform)) {
+			transformAccumulator || (transformAccumulator = createTransformAccumulator());
+			addTransformValue(transformAccumulator, key, prop);
+			continue;
+		}
+		var value = disableNormalize ? prop : normalizeValueWithProperty(prop, key);
+		var out = mergeTransforms ? void 0 : expandStyle(key, value);
+		if (out) {
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = out[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var [nextKey, nextValue] = _step.value;
+					res[nextKey] = nextValue;
+					if (originalValue !== void 0) {
+						nextOriginalValues || (nextOriginalValues = {});
+						nextOriginalValues[nextKey] = originalValue;
+					}
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+		} else {
+			res[key] = value;
+			if (originalValue !== void 0) {
+				nextOriginalValues || (nextOriginalValues = {});
+				nextOriginalValues[key] = originalValue;
+			}
+		}
+	}
+	if (transformAccumulator) res.transform = finalizeTransformAccumulator(transformAccumulator);
+	fixStyles(res);
+	if (nextOriginalValues) styleOriginalValues.set(res, nextOriginalValues);
 	return res;
 }
 //#endregion
@@ -4562,60 +4857,6 @@ function parseNativeTransform(raw) {
 	return end && !raw.slice(end).trim() ? out : null;
 }
 //#endregion
-//#region ../web/dist/esm/helpers/getVariantExtras.native.js
-var cache$1 = /* @__PURE__ */ new WeakMap();
-var getVariantExtras = function(styleState) {
-	var cached = cache$1.get(styleState);
-	if ((cached === null || cached === void 0 ? void 0 : cached.props) === styleState.props) return cached.value;
-	var { props, conf, context, theme, styleProps } = styleState;
-	var styledContext = styleProps.styledContext;
-	var fonts = conf.fontsParsed;
-	if (context === null || context === void 0 ? void 0 : context.language) fonts = getFontsForLanguage(conf.fontsParsed, context.language);
-	var next = {
-		fonts,
-		tokens: conf.tokensParsed,
-		theme,
-		context: styledContext,
-		get fontFamily() {
-			return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
-		},
-		get font() {
-			var found = fonts[this.fontFamily];
-			if (found) return found;
-			var className = props.className;
-			if (typeof className === "string") {
-				var start = 0;
-				for (var index = 0; index <= className.length; index++) {
-					if (index !== className.length && className.charCodeAt(index) > 32) continue;
-					if (index - start > 5 && className.charCodeAt(start) === 102 && className.charCodeAt(start + 1) === 111 && className.charCodeAt(start + 2) === 110 && className.charCodeAt(start + 3) === 116 && className.charCodeAt(start + 4) === 95) {
-						var name = className.slice(start + 5, index);
-						if (fonts[name]) return fonts[name];
-					}
-					start = index + 1;
-				}
-			}
-			return fonts[conf.defaultFontToken];
-		},
-		props
-	};
-	cache$1.set(styleState, {
-		props,
-		value: next
-	});
-	return next;
-};
-var fontLanguageCache = /* @__PURE__ */ new WeakMap();
-function getFontsForLanguage(fonts, language) {
-	if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
-	var next = _objectSpread2(_objectSpread2({}, fonts), Object.fromEntries(Object.entries(language).flatMap(function(param) {
-		var [name, lang] = param;
-		if (lang === "default") return [];
-		return [[name, fonts[`${name}_${lang}`]]];
-	})));
-	fontLanguageCache.set(language, next);
-	return next;
-}
-//#endregion
 //#region ../web/dist/esm/helpers/resolveRem.native.js
 var remRegex = /(-?[\d.]+)rem/g;
 function resolveRem(value) {
@@ -4773,98 +5014,6 @@ function resolveVariableValue(key, valOrVar, resolveValues) {
 	return valOrVar;
 }
 //#endregion
-//#region ../web/dist/esm/helpers/themeRef.native.js
-function _type_of$9(obj) {
-	"@swc/helpers - typeof";
-	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var THEME_REF_PREFIX = "
theme:";
-function themeRefKey(value) {
-	if (typeof value !== "string" || !value.startsWith("
theme:")) return null;
-	var key = value.slice(THEME_REF_PREFIX.length);
-	return key && !key.includes("/") && !key.includes("
theme:") ? key : null;
-}
-function containsThemeRef(value) {
-	if (typeof value === "string") return value.includes(THEME_REF_PREFIX);
-	if (Array.isArray(value)) return value.some(containsThemeRef);
-	if (value && (typeof value === "undefined" ? "undefined" : _type_of$9(value)) === "object") return Object.values(value).some(containsThemeRef);
-	return false;
-}
-//#endregion
-//#region ../web/dist/esm/helpers/tokenCategories.native.js
-function mapTokenCategory(keys, category) {
-	return Object.fromEntries(Object.keys(keys).map(function(key) {
-		return [key, category];
-	}));
-}
-var tokenCategoryByProperty = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, mapTokenCategory(tokenCategories.size, "size")), mapTokenCategory(tokenCategories.radius, "radius")), mapTokenCategory(tokenCategories.zIndex, "zIndex")), {}, {
-	x: "space",
-	y: "space",
-	fontSize: "fontSize",
-	borderWidth: "space",
-	borderTopWidth: "space",
-	borderRightWidth: "space",
-	borderBottomWidth: "space",
-	borderLeftWidth: "space",
-	borderBlockWidth: "space",
-	borderBlockStartWidth: "space",
-	borderBlockEndWidth: "space",
-	borderInlineWidth: "space",
-	borderInlineStartWidth: "space",
-	borderInlineEndWidth: "space",
-	outlineOffset: "space",
-	outlineWidth: "space",
-	gap: "space",
-	rowGap: "space",
-	columnGap: "space",
-	top: "space",
-	right: "space",
-	bottom: "space",
-	left: "space",
-	inset: "space",
-	insetBlock: "space",
-	insetBlockEnd: "space",
-	insetBlockStart: "space",
-	insetInline: "space",
-	insetInlineEnd: "space",
-	insetInlineStart: "space",
-	margin: "space",
-	marginBlock: "space",
-	marginBlockEnd: "space",
-	marginBlockStart: "space",
-	marginInline: "space",
-	marginInlineEnd: "space",
-	marginInlineStart: "space",
-	marginTop: "space",
-	marginRight: "space",
-	marginBottom: "space",
-	marginEnd: "space",
-	marginLeft: "space",
-	marginHorizontal: "space",
-	marginStart: "space",
-	marginVertical: "space",
-	padding: "space",
-	paddingBlock: "space",
-	paddingBlockEnd: "space",
-	paddingBlockStart: "space",
-	paddingInline: "space",
-	paddingInlineEnd: "space",
-	paddingInlineStart: "space",
-	paddingTop: "space",
-	paddingRight: "space",
-	paddingBottom: "space",
-	paddingEnd: "space",
-	paddingLeft: "space",
-	paddingHorizontal: "space",
-	paddingStart: "space",
-	paddingVertical: "space"
-});
-function getTokenCategoryForProperty(property) {
-	if (property === "fontFamily") return "fontFamily";
-	if (property === "fontSize" || property === "fontWeight" || property === "lineHeight" || property === "letterSpacing") return "font";
-	return tokenCategoryByProperty[property] || (property in tokenCategories.color ? "color" : void 0);
-}
-//#endregion
 //#region ../web/dist/esm/helpers/webPropsToSkip.native.js
 var { textOverflow: __ } = webOnlyStylePropsText, webOnlyStylePropsTextWithoutTextOverflow = _objectWithoutProperties(webOnlyStylePropsText, ["textOverflow"]);
 var webPropsToSkip = _objectSpread2(_objectSpread2(_objectSpread2({}, webOnlyStylePropsView), webOnlyStylePropsTextWithoutTextOverflow), {}, {
@@ -4938,54 +5087,47 @@ function setStyleTokenProvenance(style, provenance) {
 	});
 }
 //#endregion
-//#region ../web/dist/esm/helpers/getSplitStyles.native.js
-function _type_of$8(obj) {
+//#region ../web/dist/esm/helpers/themeRef.native.js
+function _type_of$9(obj) {
 	"@swc/helpers - typeof";
 	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-var TAMAGUI_CLASS_PROPS = "$$tamaguiClassProps";
-var shouldTrackStyleTokenProvenance = false;
-function compoundMatcherMatches(expected, actual) {
-	if (Array.isArray(expected)) {
-		for (var index = 0; index < expected.length; index++) if (expected[index] === actual) return true;
-		return false;
-	}
-	return expected === actual;
+var THEME_REF_PREFIX = "
theme:";
+function themeRefKey(value) {
+	if (typeof value !== "string" || !value.startsWith("
theme:")) return null;
+	var key = value.slice(THEME_REF_PREFIX.length);
+	return key && !key.includes("/") && !key.includes("
theme:") ? key : null;
 }
-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;
+function containsThemeRef(value) {
+	if (typeof value === "string") return value.includes(THEME_REF_PREFIX);
+	if (Array.isArray(value)) return value.some(containsThemeRef);
+	if (value && (typeof value === "undefined" ? "undefined" : _type_of$9(value)) === "object") return Object.values(value).some(containsThemeRef);
+	return false;
 }
-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;
+//#endregion
+//#region ../web/dist/esm/helpers/tokenCategories.native.js
+function getTokenCategoryForProperty(property) {
+	switch (propToTokenCategoryCode[property]) {
+		case 1: return "space";
+		case 2: return "size";
+		case 3: return "radius";
+		case 4: return "zIndex";
+		case 5: return "color";
+		case 6: return "fontFamily";
+		case 7:
+		case 8:
+		case 9:
+		case 10: return "font";
 	}
-	preparedConfig[preparedCompoundsKey] = indexesByKey;
 }
+//#endregion
+//#region ../web/dist/esm/helpers/getSplitStyles.native.js
+function _type_of$8(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var TAMAGUI_CLASS_PROPS = "$$tamaguiClassProps";
+var shouldTrackStyleTokenProvenance = false;
 var conditionWidth = 4;
 var conditionValueOffset = 0;
 var conditionFlagsOffset = 1;
@@ -5260,170 +5402,8 @@ function acquireConditionKeyCursor(state, key) {
 	}
 	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);
-		}
-	}
-}
-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;
-	}
-};
-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 {
-			scanFlatValue(value, compoundOnlyHandler, state);
-		} finally {
-			state.flatScanCursor = previousCursor;
-			releaseConditionCursors(watermark);
-		}
-	} else if (value && (typeof value === "undefined" ? "undefined" : _type_of$8(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;
+	if ("default" in value) 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;
@@ -5446,9 +5426,6 @@ 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;
@@ -5460,96 +5437,23 @@ var passHocFlag = 16;
 var passTextFlag = 32;
 var passInputFlag = 64;
 var passAsChildStyleFlag = 128;
-var styledDefaultsCache = /* @__PURE__ */ new WeakMap();
-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) {
-			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 prepared;
-}
-var maybeStyleProgram = function(value) {
-	return typeof value === "string" ? value.indexOf(":") !== -1 : !!value && (typeof value === "undefined" ? "undefined" : _type_of$8(value)) === "object" && !Array.isArray(value) && !isVariable(value);
-};
-function contributeDisplacedStyledDefaults(styledDefaults, processedProps, pass) {
-	if (!styledDefaults) return;
-	for (var offset = 0; offset < styledDefaults.length; offset += 2) {
-		var key = styledDefaults[offset];
-		var value = styledDefaults[offset + 1];
-		var propValue = processedProps[key];
-		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(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 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 styleStaticConfig = styleState.flatStyleStaticConfig;
+	var baseStyle = styleStaticConfig.baseStyle;
+	var baseVariantProps = styleStaticConfig.baseVariantProps;
 	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 compoundVariants = staticConfig.compoundVariants;
-	var compoundStates = new Array(compoundVariants.length);
 	try {
-		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;
-			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);
+		var appliesBaseStyle = baseStyle && !processedProps.asChild;
+		if (appliesBaseStyle) for (var key in baseStyle) contributeProp(pass, key, baseVariantProps && Object.hasOwn(baseVariantProps, key) && Object.hasOwn(processedProps, key) ? processedProps[key] : baseStyle[key]);
+		for (var key1 in processedProps) {
+			if (appliesBaseStyle && baseVariantProps && Object.hasOwn(baseVariantProps, key1)) continue;
+			contributeProp(pass, key1, processedProps[key1]);
 		}
-	} finally {
+	} catch (error) {
 		releaseConditionPayloads(conditionWrapperBase);
+		throw error;
 	}
 }
 function isValidStyleKey(key, validStyles, accept) {
@@ -5632,13 +5536,8 @@ function mapContributedProp(styleState, key, val, originalVal, condition) {
 		viewProps[key] = val;
 	}
 }
-function contributeProp(pass, keyOg, valOg, compoundIndexes, compoundStates, parentConditionKey) {
+function contributeProp(pass, keyOg, valOg, 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;
@@ -5834,10 +5733,10 @@ function contributeProp(pass, keyOg, valOg, compoundIndexes, compoundStates, par
 		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 getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver, styleStaticConfig) {
+	var _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);
+	styleStaticConfig || (styleStaticConfig = getStyleStaticConfig(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;
@@ -5845,7 +5744,8 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	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 { isHOC, isText, isInput, inlineProps, parentStaticConfig, acceptsClassName } = staticConfig;
+	var variants = styleStaticConfig.variants;
 	var viewProps = {};
 	var mediaState$1 = styleProps.mediaState || mediaState;
 	var shouldDoClasses = !process.env.TAMAGUI_DID_OUTPUT_CSS && acceptsClassName && false;
@@ -5877,129 +5777,82 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 		flatGroupContext: groupContext,
 		animationDriver: resolvedDriver
 	};
+	styleState.flatStyleStaticConfig = styleStaticConfig;
 	var { asChild } = props;
 	var { accept, neverSkipProps } = staticConfig;
-	var { noSkip, disableExpandShorthands, noExpand, noClass, noMergeStyle, noNormalize, isAnimated, styledContext, styledContextKeys } = styleProps;
+	var { noSkip, disableExpandShorthands, noExpand, noClass, noMergeStyle, noNormalize, isAnimated, styledContext } = styleProps;
+	var styledContextKeys = styleStaticConfig.styledContextKeys;
 	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 parentVariants = parentStaticConfig ? getStyleStaticConfig(parentStaticConfig, conf).variants : void 0;
+	var defaultProps = asChild ? styleStaticConfig.defaultProps : 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;
-	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 _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
-			try {
-				for (var _iterator2 = styleState.flatMediaKeys[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-					var key = _step2.value;
-					hasMedia.add(key);
-				}
-			} catch (err) {
-				_didIteratorError2 = true;
-				_iteratorError2 = err;
-			} finally {
-				try {
-					if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
-				} finally {
-					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 _iteratorNormalCompletion12 = true, _didIteratorError12 = false, _iteratorError12 = void 0;
-		try {
-			for (var _iterator12 = styleState.flatGroupKeys[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
-				var key1 = _step12.value;
-				pseudoGroups.add(key1);
-			}
-		} catch (err) {
-			_didIteratorError12 = true;
-			_iteratorError12 = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion12 && _iterator12.return != null) _iterator12.return();
-			} finally {
-				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 _iteratorNormalCompletion22 = true, _didIteratorError22 = false, _iteratorError22 = void 0;
-		try {
-			for (var _iterator22 = styleState.flatGroupMedia[Symbol.iterator](), _step22; !(_iteratorNormalCompletion22 = (_step22 = _iterator22.next()).done); _iteratorNormalCompletion22 = true) {
-				var key2 = _step22.value;
-				mediaGroups.add(key2);
-			}
-		} catch (err) {
-			_didIteratorError22 = true;
-			_iteratorError22 = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion22 && _iterator22.return != null) _iterator22.return();
-			} finally {
-				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);
+		viewProps,
+		staticConfig,
+		validStyles$1,
+		accept,
+		neverSkipProps,
+		variants,
+		inlineProps,
+		parentVariants,
+		styleFrontend,
+		styledContext,
+		styledContextKeys,
+		(noSkip ? passNoSkipFlag : 0) | (disableExpandShorthands ? passDisableShorthandsFlag : 0) | (noExpand ? passNoExpandFlag : 0) | (noMergeStyle ? passNoMergeFlag : 0) | (isHOC ? passHocFlag : 0) | (isText ? passTextFlag : 0) | (isInput ? passInputFlag : 0) | (asChildExceptStyleLike ? passAsChildStyleFlag : 0),
+		debug,
+		parentStaticConfig,
+		defaultProps,
+		driverAnimations,
+		driverOutputStyle,
+		elementType,
+		className,
+		shouldDoClasses,
+		containerValue,
+		containerName,
+		containerType,
+		frontendGroup,
+		frontendContainer,
+		frontendContainerType,
+		hocMappedClassProperties,
+		hocMappedClasses
+	];
+	styleState.flatPass = pass;
+	var conditionalStates = null;
+	var usesSafeArea = false;
+	var conditionWrapperBase = conditionWrapperTop;
+	try {
+		var _styleState_flatMediaKeys, _styleState_flatGroupKeys, _styleState_flatGroupMedia;
+		forEachPropInForwardOrder(pass);
+		[, , , , , , , , , , , , , , , , , , , , , className, shouldDoClasses, containerValue, containerName, containerType, frontendGroup, frontendContainer, frontendContainerType, hocMappedClassProperties, hocMappedClasses] = pass;
+		conditionalStates = styleState.flatStateKeys || null;
+		usesSafeArea = !!styleState.flatUsesSafeArea;
+		hasMedia = ((_styleState_flatMediaKeys = styleState.flatMediaKeys) === null || _styleState_flatMediaKeys === void 0 ? void 0 : _styleState_flatMediaKeys.size) ? styleState.flatMediaKeys : false;
+		pseudoGroups = ((_styleState_flatGroupKeys = styleState.flatGroupKeys) === null || _styleState_flatGroupKeys === void 0 ? void 0 : _styleState_flatGroupKeys.size) ? styleState.flatGroupKeys : void 0;
+		mediaGroups = ((_styleState_flatGroupMedia = styleState.flatGroupMedia) === null || _styleState_flatGroupMedia === void 0 ? void 0 : _styleState_flatGroupMedia.size) ? styleState.flatGroupMedia : void 0;
+		if (styleProps.canPlatformPseudo && styleState.flatHasPlatformPseudo) {
+			shouldDoClasses = false;
+			styleState.flatShouldDoClasses = false;
+			if (styleState.transformAccumulator) {
+				mergeStyle(styleState, "transform", finalizeTransformAccumulator(styleState.transformAccumulator), true);
+				styleState.transformAccumulator = void 0;
+			}
+			convertDeferredInline(styleState, mergeStyle);
+		}
+		completeStreaming(styleState, mergeStyle);
+	} finally {
+		releaseConditionPayloads(conditionWrapperBase);
 	}
-	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) {
@@ -6017,11 +5870,11 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 			styleState.style.transform = finalizeTransformAccumulator(styleState.transformAccumulator);
 		}
 		if (parentSplitStyles) {
-			if (!shouldDoClasses) for (var key4 in parentSplitStyles.style) {
+			if (!shouldDoClasses) for (var key1 in parentSplitStyles.style) {
 				var _styleState1;
-				if (key4 in classNames || styleState.style && key4 in styleState.style) continue;
+				if (key1 in classNames || styleState.style && key1 in styleState.style) continue;
 				(_styleState1 = styleState).style || (_styleState1.style = {});
-				styleState.style[key4] = parentSplitStyles.style[key4];
+				styleState.style[key1] = parentSplitStyles.style[key1];
 			}
 		}
 	}
@@ -6048,9 +5901,9 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	if (shouldTrackStyleTokenProvenance && styleState.style && styleState.tokenProvenance) {
 		var provenance = {};
 		var hasProvenance = false;
-		for (var key5 in styleState.tokenProvenance) {
-			provenance[key5] = {
-				token: styleState.tokenProvenance[key5],
+		for (var key2 in styleState.tokenProvenance) {
+			provenance[key2] = {
+				token: styleState.tokenProvenance[key2],
 				theme: themeName
 			};
 			hasProvenance = true;
@@ -6089,11 +5942,11 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	}
 	return result;
 };
-function mergeStyle(styleState, key, val, _importance) {
-	arguments.length > 4 && arguments[4] !== void 0 && arguments[4];
-	var originalVal = arguments.length > 5 ? arguments[5] : void 0;
+function mergeStyle(styleState, key, val) {
+	arguments.length > 3 && arguments[3] !== void 0 && arguments[3];
+	var originalVal = arguments.length > 4 ? arguments[4] : void 0;
 	var { viewProps, styleProps, staticConfig } = styleState;
-	var contextPropSet = getContextPropSet(staticConfig);
+	var contextPropSet = styleState.flatStyleStaticConfig.styledContextKeys;
 	if (contextPropSet === null || contextPropSet === void 0 ? void 0 : contextPropSet.has(key)) {
 		var _styleState_originalContextPropValues;
 		var _styleState;
@@ -6125,8 +5978,8 @@ function recordStyleTokenProvenance(styleState, key, originalVal) {
 		var opacity = slash === -1 ? NaN : Number(tokenName.slice(slash + 1));
 		if (Number.isInteger(opacity) && opacity >= 0 && opacity <= 100) tokenName = tokenName.slice(0, slash);
 	}
-	if (tokenName !== "" && (Object.prototype.hasOwnProperty.call(styleState.theme, tokenName) || Object.prototype.hasOwnProperty.call(((_styleState_conf_themes = styleState.conf.themes) === null || _styleState_conf_themes === void 0 ? void 0 : _styleState_conf_themes[styleState.flatThemeName || ""]) || {}, tokenName) || Object.values(styleState.conf.tokensParsed).some(function(category) {
-		return Object.prototype.hasOwnProperty.call(category, tokenName);
+	if (tokenName !== "" && (tokenName in styleState.theme || tokenName in (((_styleState_conf_themes = styleState.conf.themes) === null || _styleState_conf_themes === void 0 ? void 0 : _styleState_conf_themes[styleState.flatThemeName || ""]) || {}) || Object.values(styleState.conf.tokensParsed).some(function(category) {
+		return tokenName in category;
 	}))) {
 		var _styleState;
 		((_styleState = styleState).tokenProvenance || (_styleState.tokenProvenance = {}))[key] = originalVal;
@@ -6150,7 +6003,7 @@ var resolveAcceptedStyle = function(styleState, styleIn) {
 	childState.flatSingleEntries = void 0;
 	childState.flatSlots = void 0;
 	childState.flatBorderDefaultRequests = void 0;
-	var mergeAccepted = function(_state, key2, value2, _importance, disableNormalize, originalValue) {
+	var mergeAccepted = function(_state, key2, value2, 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;
@@ -6180,12 +6033,9 @@ function streamWriteInline(state, property, value, cursor, merge, original) {
 	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;
-	}
+	if (previous !== void 0 && previous > importance) return;
 	used[property] = importance;
-	merge(state, property, value, 1, !normalize, original);
+	merge(state, property, value, !normalize, original);
 }
 function streamRetractInline(state, property, cursor) {
 	var _direct;
@@ -6199,19 +6049,13 @@ function streamRetractInline(state, property, cursor) {
 	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;
+			var condition = entry[2];
 			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);
+			streamWriteInline(state, entry[0], entry[1], null, merge, entry[8] !== void 0 ? entry[8] : entry[1], false, condition);
 		}
 	};
 	var slots = direct.flatSlots;
@@ -6248,7 +6092,6 @@ function emitAtParentCondition(state, property, value, merge, originalValue, con
 }
 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)) return 0;
 	conditionTexts[cursor + conditionUnsupportedStateOffset];
 	if (merge && property && condition & 2 && (condition & 1 || warnMode === 1 && conditionTexts[cursor + conditionThemeOffset] && supportsDynamicColorIOS && isColorStyleKey(property))) {
@@ -6265,10 +6108,8 @@ function emitUnderCondition(state, property, value, cursor, merge, originalValue
 }
 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;
 				return;
@@ -6284,10 +6125,8 @@ var directStyleHandler = {
 			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 cursor = state.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) return;
 		return 4 | (condition & 12 ? 2 : 0);
@@ -6463,17 +6302,6 @@ function tokenVariable(state, property, name) {
 		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;
@@ -6668,8 +6496,8 @@ function emitProperty(state, property, value, cursor, merge, originalValue, cont
 	}
 	if (contextOnly) {
 		if (!condition || condition & 1) {
-			var _state2;
-			((_state2 = state).overriddenContextProps || (_state2.overriddenContextProps = {}))[property] = originalValue;
+			var _state3;
+			((_state3 = state).overriddenContextProps || (_state3.overriddenContextProps = {}))[property] = originalValue;
 		}
 		return;
 	}
@@ -7087,14 +6915,11 @@ function contributeStyleObject(state, property, value, merge, contextOnly) {
 }
 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 parent = ((_directState_flatPass = state.flatPass) === null || _directState_flatPass === void 0 ? void 0 : _directState_flatPass[passParentCursor]) || null;
+	var hasDefault = "default" in value;
 	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;
 	}
@@ -7114,12 +6939,7 @@ function contributeStyleObjectInner(state, property, value, merge, contextOnly)
 				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] || "" : "");
-		}
+		if (payload != null) conditions |= emitUnderCondition(state, property, payload, cursor, merge, payload, contextOnly, 1, payload);
 		releaseConditionCursors(watermark);
 	}
 	if (!hasDefault && firstCondition) return false;
@@ -7132,13 +6952,16 @@ function contributeStyleObjectInner(state, property, value, merge, contextOnly)
 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];
+		if (value[transportHasBase]) {
+			var base = value[transportBase];
+			contributeValue(state, property, base, merge, base, contextOnly);
+		}
+		for (var offset = transportEntries; offset < value.length;) {
+			var entryValue = value[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);
+				emitUnderCondition(state, property, entryValue, acquireTransportCursor(state, value, offset, ((_state_flatPass = state.flatPass) === null || _state_flatPass === void 0 ? void 0 : _state_flatPass[passParentCursor]) || null), merge, entryValue, contextOnly, 2, entryValue);
 			} finally {
 				releaseConditionCursors(watermark);
 			}
@@ -7164,7 +6987,7 @@ function contributeValue(state, property, value, merge, originalValue) {
 				commitConditionCursor(state, effective);
 			} else effective = condition;
 			var isObjectValue = value && (typeof value === "undefined" ? "undefined" : _type_of$8(value)) === "object" && !Array.isArray(value) && !isVariable(value);
-			var objectHasDefault = isObjectValue && Object.prototype.hasOwnProperty.call(value, "default");
+			var objectHasDefault = isObjectValue && "default" in value;
 			var firstChild = isObjectValue && !objectHasDefault ? acquireConditionCursor(effective) : null;
 			if (isObjectValue && classifyConditionalObject(value, state, void 0, firstChild || void 0)) {
 				var useFirstChild = firstChild !== null;
@@ -7232,17 +7055,20 @@ function clearDirectStyle(state, property) {
 	if (state.style) delete state.style[atomicKey];
 	delete state.classNames[atomicKey];
 }
-var conditionTransports = /* @__PURE__ */ new WeakSet();
+var conditionTransportTag = /* @__PURE__ */ Symbol();
+var transportHasBase = 1;
+var transportBase = 2;
+var transportEntries = 3;
+var transportEntryWidth = 2;
 function isConditionTransport(value) {
-	return (typeof value === "undefined" ? "undefined" : _type_of$8(value)) === "object" && value !== null && conditionTransports.has(value);
+	return Array.isArray(value) && value[0] === conditionTransportTag;
 }
-var transportEntryWidth = 2;
-function appendConditionEntry(entries, cursor, value) {
-	entries.push(value, conditionTexts[cursor + conditionKeyOffset] || "");
+function appendConditionEntry(transport, cursor, value) {
+	transport.push(value, conditionTexts[cursor + conditionKeyOffset] || "");
 }
-function acquireTransportCursor(state, entries, offset, parent) {
+function acquireTransportCursor(state, transport, offset, parent) {
 	var cursor = acquireConditionCursor(parent);
-	var key = entries[offset + 1];
+	var key = transport[offset + 1];
 	if (key) resolveConditionText(state, cursor, key);
 	commitConditionCursor(state, cursor);
 	return cursor;
@@ -7251,15 +7077,14 @@ function mergeConditionTransport(state, prev, cursor, value) {
 	var transport;
 	if (isConditionTransport(prev)) transport = prev;
 	else {
-		transport = {
-			hasBase: false,
-			base: void 0,
-			entries: []
-		};
-		conditionTransports.add(transport);
+		transport = [
+			conditionTransportTag,
+			false,
+			void 0
+		];
 		if (prev != null) {
 			var isObjectValue = (typeof prev === "undefined" ? "undefined" : _type_of$8(prev)) === "object" && !Array.isArray(prev) && !isVariable(prev);
-			var objectHasDefault = isObjectValue && Object.prototype.hasOwnProperty.call(prev, "default");
+			var objectHasDefault = isObjectValue && "default" in prev;
 			var authoredWatermark = conditionCursorTop;
 			try {
 				var firstCursor = isObjectValue && !objectHasDefault ? acquireConditionCursor() : null;
@@ -7269,8 +7094,8 @@ function mergeConditionTransport(state, prev, cursor, value) {
 						var payload = prev[key];
 						if (payload == null) continue;
 						if (key === "default") {
-							transport.hasBase = true;
-							transport.base = payload;
+							transport[transportHasBase] = true;
+							transport[transportBase] = payload;
 							continue;
 						}
 						var watermark = conditionCursorTop;
@@ -7280,12 +7105,12 @@ function mergeConditionTransport(state, prev, cursor, value) {
 							resolveConditionText(state, keyCursor, key);
 							commitConditionCursor(state, keyCursor);
 						}
-						appendConditionEntry(transport.entries, keyCursor, payload);
+						appendConditionEntry(transport, keyCursor, payload);
 						if (keyCursor !== firstCursor) releaseConditionCursors(watermark);
 					}
 				} else {
-					transport.hasBase = true;
-					transport.base = prev;
+					transport[transportHasBase] = true;
+					transport[transportBase] = prev;
 				}
 			} finally {
 				releaseConditionCursors(authoredWatermark);
@@ -7293,30 +7118,25 @@ function mergeConditionTransport(state, prev, cursor, value) {
 		}
 	}
 	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);
+	for (var offset = transportEntries; offset < transport.length; offset += transportEntryWidth) if (transport[offset + 1] === cursorKey) {
+		transport.splice(offset, transportEntryWidth);
 		break;
 	}
-	appendConditionEntry(transport.entries, cursor, value);
+	appendConditionEntry(transport, 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;
+		var cursor = state.flatScanCursor;
+		if (!(cursor && conditionNumbers[cursor + conditionFlagsOffset] & conditionResolvedFlag ? conditionNumbers[cursor + conditionValueOffset] : 0)) return;
 		emitResolvedVariant(ctx[1], source.slice(start, end), state, ctx[2], cursor);
 	},
 	modifier(ctx, start, end, valid, first, source) {
@@ -7339,80 +7159,6 @@ var variantValueHandler = {
 		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;
@@ -7433,8 +7179,8 @@ function emitMappedValue(styleState, key, value, originalValue, nestedCondition,
 }
 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 { conf, styleProps } = styleState;
+	var variants = styleState.flatStyleStaticConfig.variants;
 	var { disableExpandShorthands, noExpand, resolveValues } = styleProps;
 	var shorthands = conf.shorthands;
 	if (value === "unset") {
@@ -7505,15 +7251,15 @@ var contributeMappedValue = function(key, value, styleState, disabled, parentCon
 	}
 };
 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];
+	var _styleState_flatStyleStaticConfig_variants;
+	var variantDefinition = (_styleState_flatStyleStaticConfig_variants = styleState.flatStyleStaticConfig.variants) === null || _styleState_flatStyleStaticConfig_variants === void 0 ? void 0 : _styleState_flatStyleStaticConfig_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];
+		if (value[transportHasBase]) emitResolvedVariant(key, value[transportBase], styleState, parentVariantKey, null);
+		for (var offset = transportEntries; offset < value.length;) {
+			var entryValue = value[offset];
 			var watermark = conditionCursorTop;
 			try {
-				emitResolvedVariant(key, entryValue, styleState, parentVariantKey, acquireTransportCursor(styleState, value.entries, offset, null));
+				emitResolvedVariant(key, entryValue, styleState, parentVariantKey, acquireTransportCursor(styleState, value, offset, null));
 			} finally {
 				releaseConditionCursors(watermark);
 			}
@@ -7539,32 +7285,27 @@ function resolveVariants(key, value, styleProps, styleState, parentVariantKey) {
 		return;
 	}
 	var isObjectValue = value && (typeof value === "undefined" ? "undefined" : _type_of$8(value)) === "object" && !Array.isArray(value) && !isVariable(value);
-	var objectHasDefault = isObjectValue && Object.prototype.hasOwnProperty.call(value, "default");
+	var objectHasDefault = isObjectValue && "default" in value;
 	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];
+				conditionNumbers[cursor1 + conditionValueOffset];
 				if (useFirstCursor) useFirstCursor = false;
 				else {
 					resolveConditionText(styleState, cursor1, objKey);
-					condition = commitConditionCursor(styleState, cursor1);
+					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);
 			}
@@ -7576,46 +7317,32 @@ function resolveVariants(key, value, styleProps, styleState, parentVariantKey) {
 	emitResolvedVariant(key, value, styleState, parentVariantKey, null);
 }
 function emitResolvedVariant(key, value, styleState, parentVariantKey, conditionCursor) {
-	var { staticConfig, conf, debug } = styleState;
+	var { conf, debug } = styleState;
 	var styleProps = styleState.styleProps;
-	var { variants } = staticConfig;
+	var variants = styleState.flatStyleStaticConfig.variants;
 	if (!variants) return;
 	var variant = variants[key];
 	var variantValue = getVariantDefinition(variant, value, conf, styleState);
-	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 (!variantValue) return;
 	if (typeof variantValue === "function") variantValue = variantValue(value, getVariantExtras(styleState));
 	if (!isObj(variantValue)) return;
 	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--;
+	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 = styleState.flatStyleStaticConfig.styledContextKeys;
+		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);
 	}
 }
 function getFontFamilyFromNameOrVariable(input, conf) {
@@ -7632,127 +7359,6 @@ function getFontFamilyFromNameOrVariable(input, conf) {
 	} 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$8(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$8(value)) === resolverName;
-		case "any": return true;
-	}
-}
 //#endregion
 //#region ../web/dist/esm/helpers/mergeSlotStyleProps.native.js
 var isEventHandler = /^on[A-Z]/;
@@ -8185,9 +7791,9 @@ var isDisabled = function(props) {
 	var _props_accessibilityState;
 	return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || false;
 };
-var useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k, l, m) {
+var useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k, l, m, n) {
 	"use no memo";
-	var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m);
+	var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k, l, m, n);
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS && false);
 	return res;
 };
@@ -8199,9 +7805,9 @@ function setupHooks(next) {
 }
 //#endregion
 //#region ../web/dist/esm/views/Slot.native.js
-var _excluded$7 = ["children"];
+var _excluded$6 = ["children"];
 var Slot = /* @__PURE__ */ (0, react.memo)(createRefComponent(function Slot2(props, forwardedRef) {
-	var { children } = props, slotProps = _objectWithoutProperties(props, _excluded$7);
+	var { children } = props, slotProps = _objectWithoutProperties(props, _excluded$6);
 	if (/* @__PURE__ */ (0, react.isValidElement)(children)) {
 		var mergedProps = mergeSlotProps(children, slotProps);
 		return /* @__PURE__ */ (0, react.cloneElement)(children, children.type["avoidForwardRef"] ? mergedProps : _objectSpread2(_objectSpread2({}, mergedProps), {}, { ref: composeRefs(forwardedRef, children.props.ref) }));
@@ -8292,7 +7898,7 @@ function getThemedChildren(themeState, children, props) {
 }
 //#endregion
 //#region ../web/dist/esm/createComponent.native.js
-var _excluded$6 = [
+var _excluded$5 = [
 	"group",
 	"hasDynGroupChildren",
 	"unmounted",
@@ -8352,24 +7958,30 @@ var hasSetupBaseViews = false;
 var lastInteractionWasKeyboard = { value: false };
 var lastInteractionWasTouch = { value: false };
 function createComponent(staticConfig) {
-	var _staticConfig_context;
 	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(`[tamagui zero-runtime] createComponent ran in a zero-runtime graph. No Tamagui component renderer ships in this mode, so a component reference survived compilation. Fix the site or move the owning module to a declared full-runtime island.`);
-	prepareStyleStaticConfig(staticConfig);
 	var config = null;
 	var resolvedDefaultProps;
-	var didResolveDefaultProps = false;
-	var styledContextPropKeys = staticConfig.contextProps || ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.propKeys);
-	var styledContextKeys = styledContextPropKeys ? new Set(styledContextPropKeys) : void 0;
+	var resolvedStyleRevision = -1;
+	var resolvedStyleStaticConfig;
 	var { Component, isText, isHOC } = staticConfig;
 	var res;
+	var { displayName } = staticConfig;
 	var component = function(propsInWithRef) {
 		"use no memo";
 		var _hooks_usePropsTransform, _staticConfig_neverSkipProps;
 		var _stateRef_current;
-		var displayName = res[componentDisplayName];
 		var forwardedRef = propsInWithRef.ref;
 		var propsIn = propsInWithRef;
 		config = config || getConfig();
+		var styleRevision = getConfigRevisionState(config).revision;
+		if (resolvedStyleRevision !== styleRevision) {
+			resolvedStyleRevision = styleRevision;
+			var nextStyleStaticConfig = getStyleStaticConfig(staticConfig, config);
+			resolvedStyleStaticConfig = nextStyleStaticConfig;
+			resolvedDefaultProps = nextStyleStaticConfig.defaultProps;
+		}
+		var styleStaticConfig = resolvedStyleStaticConfig;
+		styleStaticConfig.styledContextKeys;
 		if (!hasSetupBaseViews) {
 			var _hooks_getBaseViews;
 			hasSetupBaseViews = true;
@@ -8393,10 +8005,6 @@ function createComponent(staticConfig) {
 		var hasTextAncestor = false;
 		var isInsideNativeMenu = isAndroid ? react.default.useContext(NativeMenuContext) : false;
 		var props = propsIn;
-		if (!didResolveDefaultProps) {
-			didResolveDefaultProps = true;
-			resolvedDefaultProps = getDefaultProps(staticConfig);
-		}
 		var [nextProps, overrides] = mergeComponentProps(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
@@ -8477,11 +8085,10 @@ function createComponent(staticConfig) {
 			willBeAnimated,
 			canPlatformPseudo: componentState.platformPseudo,
 			displayName,
-			styledContext: styledContextValue,
-			styledContextKeys
+			styledContext: styledContextValue
 		};
 		var themeName = (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "";
-		var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver);
+		var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 		var finalizedComponentState = componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
 		hasEnterStyle = finalizedComponentState.hasEnterStyle;
 		isAnimated = finalizedComponentState.isAnimated;
@@ -8592,7 +8199,7 @@ function createComponent(staticConfig) {
 				return true;
 			}
 			var proxiedTheme = getThemeProxied(themeStateProps, nextTheme, { current: null }, { current: null });
-			var nextStyles = getSplitStyles(props, staticConfig, proxiedTheme, stateName, state, _objectSpread2(_objectSpread2({}, styleProps), {}, { mediaState: getMedia() }), null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+			var nextStyles = getSplitStyles(props, staticConfig, proxiedTheme, stateName, state, _objectSpread2(_objectSpread2({}, styleProps), {}, { mediaState: getMedia() }), null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 			if (!(nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style)) return false;
 			pushViewState(stateName, nextStyles.style);
 			return true;
@@ -8664,7 +8271,7 @@ function createComponent(staticConfig) {
 			let updateGroupListeners2 = function() {
 				var updatedState = stateRef.current.nextState;
 				if (groupContext) {
-					var { group, hasDynGroupChildren, unmounted, transition } = updatedState, childrenGroupState = _objectWithoutProperties(updatedState, _excluded$6);
+					var { group, hasDynGroupChildren, unmounted, transition } = updatedState, childrenGroupState = _objectWithoutProperties(updatedState, _excluded$5);
 					notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
 				}
 			};
@@ -8678,7 +8285,7 @@ function createComponent(staticConfig) {
 				}
 				var updatedState = stateRef.current.nextState || state;
 				var mediaState2 = stateRef.current.nextMedia;
-				var nextStyles = getSplitStyles(props, staticConfig, theme, themeName, updatedState, mediaState2 ? _objectSpread2(_objectSpread2({}, styleProps), {}, { mediaState: mediaState2 }) : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+				var nextStyles = getSplitStyles(props, staticConfig, theme, themeName, updatedState, mediaState2 ? _objectSpread2(_objectSpread2({}, styleProps), {}, { mediaState: mediaState2 }) : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, styleStaticConfig);
 				var _nextStyles_effectiveTransition, _ref5;
 				var effectiveTransition2 = (_ref5 = (_nextStyles_effectiveTransition = nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.effectiveTransition) !== null && _nextStyles_effectiveTransition !== void 0 ? _nextStyles_effectiveTransition : props.transition) !== null && _ref5 !== void 0 ? _ref5 : platformPseudo ? "0ms" : void 0;
 				stateRef.current.prevPseudoState = extractPseudoState(updatedState);
@@ -9056,6 +8663,10 @@ function createComponent(staticConfig) {
 	res = component;
 	res = /* @__PURE__ */ react.default.memo(res);
 	res.staticConfig = staticConfig;
+	if (displayName) {
+		res.displayName = displayName;
+		res[componentDisplayName] = displayName;
+	}
 	return res;
 }
 var fromPx = function(val) {
@@ -9225,54 +8836,24 @@ var isTamaguiElement = function(child) {
 	return /* @__PURE__ */ react.default.isValidElement(child) && isTamaguiComponent(child.type);
 };
 //#endregion
-//#region ../web/dist/esm/helpers/themeable.native.js
-var _excluded$5 = [
-	"theme",
-	"themeReset",
-	"ref"
-];
-function themeable(Component, staticConfig) {
-	var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-	var withTheme = function WithTheme(props) {
-		"use no memo";
-		var userDefaults = getDefaultProps(staticConfig);
-		var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;
-		var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;
-		var { theme, themeReset, ref } = props, rest = _objectWithoutProperties(props, _excluded$5);
-		var overriddenContextProps;
-		var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;
-		if (context) for (var key in context.props) {
-			var val = props[key];
-			if (val !== void 0) {
-				overriddenContextProps = overriddenContextProps || {};
-				overriddenContextProps[key] = val;
-			}
-		}
-		var element = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, _objectSpread2(_objectSpread2({ ref }, rest), {}, { "data-disable-theme": true }));
-		var filteredProps = null;
-		if ("debug" in props) {
-			filteredProps = filteredProps || {};
-			filteredProps.debug = props.debug;
-		}
-		if ("theme" in props || defaultTheme) {
-			filteredProps = filteredProps || {};
-			filteredProps.name = "theme" in props ? props.theme : defaultTheme;
-		}
-		if ("themeReset" in props || defaultResetTheme) {
-			filteredProps = filteredProps || {};
-			filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
-		}
-		if (optimize && !filteredProps) return element;
-		var contents = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Theme, _objectSpread2(_objectSpread2({ "disable-child-theme": true }, filteredProps), {}, { children: element }));
-		if (context) {
-			var Provider = context.Provider;
-			var contextValue = react.default.useContext(context);
-			contents = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Provider, _objectSpread2(_objectSpread2(_objectSpread2({}, contextValue), overriddenContextProps), {}, { children: contents }));
-		}
-		return contents;
-	};
-	withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "Anonymous"})`;
-	return withTheme;
+//#region ../web/dist/esm/helpers/splitStyleProps.native.js
+function splitStyleProps(props) {
+	var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+	var styleProps = {};
+	var regularProps = {};
+	var { expandShorthands = false, filter } = options;
+	var shorthands = getConfig().shorthands;
+	var filterIsFunction = typeof filter === "function";
+	var propsRecord = props;
+	for (var originalKey in props) {
+		if (!Object.hasOwn(props, originalKey)) continue;
+		var value = propsRecord[originalKey];
+		var key = shorthands[originalKey] || originalKey;
+		var isStyleProp = key in stylePropsAll;
+		if (filter ? filterIsFunction ? filter(key, value, originalKey, isStyleProp) : Object.hasOwn(filter, key) : isStyleProp) styleProps[expandShorthands ? key : originalKey] = value;
+		else regularProps[originalKey] = value;
+	}
+	return [styleProps, regularProps];
 }
 //#endregion
 //#region ../web/dist/esm/helpers/wrapStyleTags.native.js
@@ -9331,6 +8912,7 @@ function createChangeEventDetails(reason, event, trigger, extra) {
 //#endregion
 //#region ../web/dist/esm/createStyledHOC.native.js
 var _excluded$4 = ["ref"];
+var _excluded2$1 = ["theme"];
 function createStyledHOC(component, render, options) {
 	var staticConfig = component.staticConfig;
 	var extendedConfig = _objectSpread2(_objectSpread2(_objectSpread2({}, staticConfig), options === null || options === void 0 ? void 0 : options.staticConfig), {}, {
@@ -9339,13 +8921,34 @@ function createStyledHOC(component, render, options) {
 		isStyledHOC: false
 	});
 	var out = function StyledHOCComponent(props) {
-		var { ref } = props;
-		return render(_objectWithoutProperties(props, _excluded$4), ref);
+		"use no memo";
+		var _extendedConfig_defaultProps;
+		var { ref } = props, rest = _objectWithoutProperties(props, _excluded$4);
+		if (options === null || options === void 0 ? void 0 : options.disableTheme) return render(rest, ref);
+		var defaultTheme = (_extendedConfig_defaultProps = extendedConfig.defaultProps) === null || _extendedConfig_defaultProps === void 0 ? void 0 : _extendedConfig_defaultProps.theme;
+		var { theme: _ } = rest;
+		var element = render(_objectSpread2(_objectSpread2({}, _objectWithoutProperties(rest, _excluded2$1)), {}, { "data-disable-theme": true }), ref);
+		var themeProps = null;
+		if ("debug" in props) themeProps = { debug: props.debug };
+		if ("theme" in props || defaultTheme) (themeProps || (themeProps = {})).name = "theme" in props ? props.theme : defaultTheme;
+		if (!themeProps) return element;
+		var context = extendedConfig.context;
+		if (!context) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Theme, _objectSpread2(_objectSpread2({ "disable-child-theme": true }, themeProps), {}, { children: element }));
+		var contextValue = react.default.useContext(context);
+		var overriddenContextProps;
+		for (var key in context.props) {
+			var value = props[key];
+			if (value !== void 0) (overriddenContextProps || (overriddenContextProps = {}))[key] = value;
+		}
+		var Provider = context.Provider;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Provider, _objectSpread2(_objectSpread2(_objectSpread2({}, contextValue), overriddenContextProps), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Theme, _objectSpread2(_objectSpread2({ "disable-child-theme": true }, themeProps), {}, { children: element })) }));
 	};
-	out = (options === null || options === void 0 ? void 0 : options.disableTheme) ? out : themeable(out, extendedConfig, true);
 	if (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLED_HOC) out = /* @__PURE__ */ react.default.memo(out);
 	var displayName = (options === null || options === void 0 ? void 0 : options.displayName) || component[componentDisplayName];
-	setComponentDisplayName(out, displayName);
+	if (displayName) {
+		out.displayName = displayName;
+		out[componentDisplayName] = displayName;
+	}
 	out.staticConfig = extendedConfig;
 	return out;
 }
@@ -10092,7 +9695,7 @@ function validateNoTrueTokenKeys(tokens) {
 	for (var category in tokens) {
 		var tokenSet = tokens[category];
 		if (!tokenSet || (typeof tokenSet === "undefined" ? "undefined" : _type_of$1(tokenSet)) !== "object") continue;
-		if (Object.prototype.hasOwnProperty.call(tokenSet, "true")) throw new Error(`tokens.${category}.true is reserved because boolean values select component defaults. Use an explicit token name instead.`);
+		if ("true" in tokenSet) throw new Error(`tokens.${category}.true is reserved because boolean values select component defaults. Use an explicit token name instead.`);
 	}
 }
 //#endregion
@@ -10151,65 +9754,19 @@ var RNConfigs = {
 	default: { isReactNative: true }
 };
 //#endregion
+//#region ../web/dist/esm/types.native.js
+function createVariantResolver(key, resolver) {
+	return resolver;
+}
+//#endregion
 //#region ../web/dist/esm/styled.native.js
 var _excluded$2 = [
-	"variants",
-	"displayName",
-	"defaultVariants",
-	"context"
-];
-var _excluded2$1 = [
 	"variants",
 	"displayName",
 	"defaultVariants",
 	"context",
-	"contextProps",
-	"compoundVariants"
+	"contextProps"
 ];
-var textLikeElements = /* @__PURE__ */ new Set([
-	"a",
-	"abbr",
-	"b",
-	"bdi",
-	"bdo",
-	"cite",
-	"code",
-	"data",
-	"del",
-	"dfn",
-	"em",
-	"i",
-	"ins",
-	"kbd",
-	"label",
-	"mark",
-	"q",
-	"s",
-	"samp",
-	"small",
-	"span",
-	"strong",
-	"sub",
-	"sup",
-	"time",
-	"u",
-	"var"
-]);
-function styledHtml(tag, options) {
-	var isText = textLikeElements.has(tag);
-	var _ref = options || {}, { variants, displayName, defaultVariants, context } = _ref, defaultProps = _objectWithoutProperties(_ref, _excluded$2);
-	var conf = {
-		Component: tag,
-		variants,
-		defaultProps,
-		defaultVariants,
-		isText,
-		acceptsClassName: true,
-		context
-	};
-	if (defaultProps["children"] || context) conf.neverFlatten = true;
-	return setComponentDisplayName(createComponent(conf), displayName);
-}
 function styled() {
 	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
 	return styledImpl(void 0, ...args);
@@ -10229,11 +9786,10 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	var Component = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;
 	var reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;
 	var resolvedIsReactNative = Boolean(reactNativeConfig || isReactNative);
-	var component = setComponentDisplayName(createComponent((function() {
-		var _ref2 = options || {}, { variants, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants } = _ref2, defaultProps = _objectWithoutProperties(_ref2, _excluded2$1);
+	var component = createComponent((function() {
+		var _ref = options || {}, { variants, displayName: _displayName, defaultVariants, context, contextProps } = _ref, defaultProps = _objectWithoutProperties(_ref, _excluded$2);
 		var parentDefaultVariants;
 		var parentDefaultProps;
-		var parentCompoundVariants;
 		var mergedBaseClassName = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName) && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName);
 		if (parentStaticConfig) {
 			if (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {
@@ -10254,10 +9810,8 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 					}
 				}
 				if (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);
-				parentCompoundVariants = parentStaticConfig.compoundVariants;
 			}
 		}
-		var mergedCompoundVariants = parentCompoundVariants || compoundVariants ? [...parentCompoundVariants || [], ...compoundVariants || []] : void 0;
 		var mergedContext = context || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.context);
 		var mergedContextProps = context ? contextProps : contextProps || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.contextProps);
 		if (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, parentDefaultProps), parentDefaultVariants), defaultProps), defaultVariants);
@@ -10266,7 +9820,6 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 		var acceptsClassName = (_config_acceptsClassName = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _config_acceptsClassName !== void 0 ? _config_acceptsClassName : isPlainStyledComponent || resolvedIsReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);
 		var conf = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, parentStaticConfig), config), !isPlainStyledComponent && { Component }), {}, {
 			variants,
-			compoundVariants: mergedCompoundVariants,
 			baseClassName: mergedBaseClassName,
 			defaultProps,
 			defaultVariants,
@@ -10277,11 +9830,12 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 			contextProps: mergedContextProps
 		}, reactNativeConfig), {}, {
 			isStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),
-			parentStaticConfig
+			parentStaticConfig,
+			displayName: displayName || ComponentIn[componentDisplayName]
 		}, frontend && { styleFrontend: frontend });
 		if (defaultProps["children"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;
 		return conf;
-	})() || {}), displayName || ComponentIn[componentDisplayName]);
+	})() || {});
 	for (var key in ComponentIn) {
 		if (key === "propTypes") continue;
 		if (key in component) continue;
@@ -10289,12 +9843,6 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	}
 	return component;
 }
-var styledExport = new Proxy(styled, { get(target, prop) {
-	if (prop in target) return target[prop];
-	return function(options) {
-		return styledHtml(prop, options);
-	};
-} });
 //#endregion
 //#region ../web/dist/esm/hooks/useIsTouchDevice.native.js
 var useIsTouchDevice = function() {
@@ -10325,95 +9873,6 @@ var useAnimatedNumberReaction = function(opts, onValue) {
 	return useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);
 };
 //#endregion
-//#region ../web/dist/esm/views/View.native.js
-var viewStaticConfig = {
-	acceptsClassName: true,
-	validStyles
-};
-var View$2 = setComponentDisplayName(createComponent(viewStaticConfig), "View");
-//#endregion
-//#region ../web/dist/esm/hooks/useProps.native.js
-function useProps(props, opts) {
-	var [propsOut, styleOut] = usePropsAndStyle(props, _objectSpread2(_objectSpread2({}, opts), {}, {
-		noExpand: true,
-		noNormalize: true,
-		resolveValues: "none"
-	}));
-	return _objectSpread2(_objectSpread2({}, propsOut), styleOut);
-}
-function useStyle(props, opts) {
-	return usePropsAndStyle(props, opts)[1] || {};
-}
-function usePropsAndStyle(props, opts) {
-	var _opts_forComponent;
-	var _opts_forComponent_staticConfig;
-	var staticConfig = (_opts_forComponent_staticConfig = opts === null || opts === void 0 ? void 0 : (_opts_forComponent = opts.forComponent) === null || _opts_forComponent === void 0 ? void 0 : _opts_forComponent.staticConfig) !== null && _opts_forComponent_staticConfig !== void 0 ? _opts_forComponent_staticConfig : View$2.staticConfig;
-	var [theme, themeState] = useThemeWithState({
-		name: "theme" in props ? props.theme : void 0,
-		needsUpdate() {
-			return true;
-		}
-	});
-	var componentContext = react.default.useContext(ComponentContext);
-	var groupContext = react.default.useContext(GroupContext);
-	var componentState = useComponentState(props, componentContext.animationDriver, staticConfig, getConfig());
-	var { props: statefulProps, state, disabled, setState, setStateShallow } = componentState;
-	var mediaStateNow = (opts === null || opts === void 0 ? void 0 : opts.noMedia) ? mediaState : useMedia();
-	var splitStyles = useSplitStyles(statefulProps, staticConfig, theme, (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "", state, _objectSpread2({
-		isAnimated: false,
-		mediaState: mediaStateNow,
-		noSkip: true,
-		noMergeStyle: true,
-		noClass: true,
-		resolveValues: "auto"
-	}, opts), null, componentContext, groupContext);
-	componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
-	var { mediaGroups, pseudoGroups } = splitStyles || {};
-	var groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);
-	useIsomorphicLayoutEffect(function() {
-		var disposeSafeArea;
-		if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
-			var updateSafeArea = function() {
-				setState(function(previous) {
-					return _objectSpread2({}, previous);
-				});
-			};
-			disposeSafeArea = subscribeToSafeArea(updateSafeArea);
-			updateSafeArea();
-		}
-		if (disabled) return disposeSafeArea;
-		if (state.unmounted) {
-			setStateShallow({ unmounted: false });
-			return disposeSafeArea;
-		}
-		if (groupContext) {
-			var disposeGroup = subscribeToContextGroup({
-				groupContext,
-				setStateShallow,
-				mediaGroups,
-				pseudoGroups
-			});
-			if (!disposeSafeArea) return disposeGroup;
-			return function() {
-				disposeSafeArea();
-				disposeGroup === null || disposeGroup === void 0 || disposeGroup();
-			};
-		}
-		return disposeSafeArea;
-	}, [
-		disabled,
-		groupContext,
-		splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,
-		groupSetRevision
-	]);
-	return [
-		(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.viewProps) || {},
-		(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.style) || {},
-		theme,
-		mediaState
-	];
-}
-//#endregion
 //#region ../web/dist/esm/hooks/useThemeName.native.js
 var forceUpdateState = {
 	forceClassName: true,
@@ -10456,7 +9915,14 @@ var textStaticConfig = {
 	} } },
 	validStyles: _objectSpread2(_objectSpread2({}, validStyles), stylePropsTextOnly)
 };
-var Text$2 = setComponentDisplayName(createComponent(textStaticConfig), "Text");
+var Text$2 = createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, { displayName: "Text" }));
+//#endregion
+//#region ../web/dist/esm/views/View.native.js
+var viewStaticConfig = {
+	acceptsClassName: true,
+	validStyles
+};
+var View$2 = createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, { displayName: "View" }));
 //#endregion
 //#region ../web/dist/esm/dom/domEventProps.native.js
 var domEventProps = {
@@ -10988,28 +10454,32 @@ function renderDOMTextInput(resolved) {
 	if (onKeyDown) next.onKeyPress = keyFromKeyPress(onKeyDown);
 	return (0, react_jsx_runtime.jsx)(react_native.TextInput, next);
 }
-setComponentDisplayName(createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
+createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 	validStyles: _objectSpread2(_objectSpread2({}, viewStaticConfig.validStyles), textStaticConfig.validStyles),
 	neverSkipProps: domEventProps,
 	Component: DOMView,
-	neverFlatten: true
-})), "DOMRuntimeView");
-setComponentDisplayName(createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
+	neverFlatten: true,
+	displayName: "DOMRuntimeView"
+}));
+createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 	neverSkipProps: domEventProps,
 	Component: DOMText,
-	neverFlatten: true
-})), "DOMRuntimeText");
-setComponentDisplayName(createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
+	neverFlatten: true,
+	displayName: "DOMRuntimeText"
+}));
+createComponent(_objectSpread2(_objectSpread2({}, viewStaticConfig), {}, {
 	validStyles: _objectSpread2(_objectSpread2({}, viewStaticConfig.validStyles), textStaticConfig.validStyles),
 	neverSkipProps: domEventProps,
 	Component: DOMImage,
-	neverFlatten: true
-})), "DOMRuntimeImage");
-setComponentDisplayName(createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
+	neverFlatten: true,
+	displayName: "DOMRuntimeImage"
+}));
+createComponent(_objectSpread2(_objectSpread2({}, textStaticConfig), {}, {
 	neverSkipProps: domEventProps,
 	Component: DOMTextInput,
-	neverFlatten: true
-})), "DOMRuntimeTextInput");
+	neverFlatten: true,
+	displayName: "DOMRuntimeTextInput"
+}));
 //#endregion
 //#region ../web/dist/esm/dom/htmlRuntime.native.js
 function wrapLiteralText(children) {
@@ -11117,14 +10587,18 @@ function createDOMTagFactory(tables) {
 		var Tag = function(props) {
 			return (0, react_jsx_runtime.jsx)(Component, resolveDOMProps(props, tag, spec, tables));
 		};
-		return setComponentDisplayName(Tag, tag);
+		Tag.displayName = tag;
+		Tag[componentDisplayName] = tag;
+		return Tag;
 	};
 }
 function unsupportedDOMTag(tag, note) {
 	var Tag = function() {
 		throw new Error(`html.${tag} is not supported on native: ${note}`);
 	};
-	return setComponentDisplayName(Tag, tag);
+	Tag.displayName = tag;
+	Tag[componentDisplayName] = tag;
+	return Tag;
 }
 //#endregion
 //#region ../web/dist/esm/dom/html.native.js
@@ -12095,10 +11569,6 @@ var LayoutMeasurementController = function(param) {
 var strategy = "async";
 var resumeLayoutLoop;
 var measureOnNextFrame;
-function setOnLayoutStrategy(state) {
-	strategy = state;
-	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
-}
 var NodeRectCache = /* @__PURE__ */ new WeakMap();
 var avoidUpdates = true;
 var queuedUpdates = /* @__PURE__ */ new Map();
@@ -12738,7 +12208,6 @@ exports.formatDiagnostic = formatDiagnostic;
 exports.getAutoVariableCSS = getAutoVariableCSS;
 exports.getCSSStylesAtomic = getCSSStylesAtomic;
 exports.getConfig = getConfig;
-exports.getDefaultProps = getDefaultProps;
 exports.getExpandedShorthand = getExpandedShorthand;
 exports.getMedia = getMedia;
 exports.getMutatedAutoVariableCSS = getMutatedAutoVariableCSS;
@@ -12747,6 +12216,7 @@ exports.getPlatformDriver = getPlatformDriver;
 exports.getSetting = getSetting;
 exports.getSplitStyles = getSplitStyles;
 exports.getStyleCompat = getStyleCompat;
+exports.getStyleStaticConfig = getStyleStaticConfig;
 exports.getStyleTags = getStyleTags;
 exports.getThemeClassNames = getThemeClassNames;
 exports.getThemeProviderChainSizes = getThemeProviderChainSizes;
@@ -12799,7 +12269,6 @@ exports.nonAnimatableWebTextProps = nonAnimatableWebTextProps;
 exports.nonAnimatableWebViewProps = nonAnimatableWebViewProps;
 exports.normalizeColor = normalizeColor;
 exports.normalizeStyle = normalizeStyle;
-exports.prepareStyleStaticConfig = prepareStyleStaticConfig;
 exports.px = px;
 exports.registerLayoutNode = registerLayoutNode;
 exports.removeNativeStyleScope = removeNativeStyleScope;
@@ -12822,7 +12291,6 @@ exports.setMediaState = setMediaState;
 exports.setNativeStyleEngine = setNativeStyleEngine;
 exports.setNativeStyleEngineFlushListener = setNativeStyleEngineFlushListener;
 exports.setNonce = setNonce;
-exports.setOnLayoutStrategy = setOnLayoutStrategy;
 exports.setRef = setRef;
 exports.setupDev = setupDev;
 exports.setupHooks = setupHooks;
@@ -12830,17 +12298,17 @@ exports.setupMatchMedia = setupMatchMedia;
 exports.setupPlatformDriver = setupPlatformDriver;
 exports.shouldRenderNativePlatform = shouldRenderNativePlatform;
 exports.simpleHash = simpleHash;
+exports.splitStyleProps = splitStyleProps;
 exports.stylePropsAll = stylePropsAll;
 exports.stylePropsText = stylePropsText;
 exports.stylePropsTextOnly = stylePropsTextOnly;
 exports.stylePropsTransform = stylePropsTransform;
 exports.stylePropsUnitless = stylePropsUnitless;
 exports.stylePropsView = stylePropsView;
-exports.styled = styledExport;
+exports.styled = styled;
 exports.supportsDynamicColorIOS = supportsDynamicColorIOS;
 exports.textStaticConfig = textStaticConfig;
 exports.themeRefKey = themeRefKey;
-exports.themeable = themeable;
 exports.tokenCategories = tokenCategories;
 exports.updateConfig = updateConfig;
 exports.updateFont = updateFont;
@@ -12863,9 +12331,6 @@ exports.useIsTouchDevice = useIsTouchDevice;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useMedia = useMedia;
 exports.usePortalThemeState = usePortalThemeState;
-exports.useProps = useProps;
-exports.usePropsAndStyle = usePropsAndStyle;
-exports.useStyle = useStyle;
 exports.useTheme = useTheme;
 exports.useThemeName = useThemeName;
 exports.validStyles = validStyles;