@tamagui/core 3.0.6 → 3.0.8

package/dist/test.native.cjs

@@ -86,7 +86,7 @@ function createRefComponent(render) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/isObj.native.js
-var isObj = function(x) {
+var isObj = function isObj2(x) {
 	return x && !Array.isArray(x) && typeof x === "object";
 };
 function isPlainObject(value) {
@@ -96,20 +96,20 @@ function isPlainObject(value) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/mergeProps.native.js
-var mergeLayer = function(out, layer) {
+var mergeLayer = function mergeLayer2(out, layer) {
 	for (var key in layer) {
 		var value = layer[key];
 		if (value === void 0 && key in out) continue;
 		out[key] = value;
 	}
 };
-var mergeProps = function(defaultProps, props) {
+var mergeProps = function mergeProps2(defaultProps, props) {
 	var out = {};
 	mergeLayer(out, defaultProps);
 	mergeLayer(out, props);
 	return out;
 };
-var mergeComponentProps = function(defaultProps, contextProps, props) {
+var mergeComponentProps = function mergeComponentProps2(defaultProps, contextProps, props) {
 	var overriddenContext = null;
 	if (!defaultProps && !contextProps) return [props, overriddenContext];
 	var out = {};
@@ -155,7 +155,7 @@ var _excluded$9 = [
 	"scope",
 	"__disableMergeDefaultValues"
 ];
-var createStyledContext = function(defaultValues) {
+var createStyledContext = function createStyledContext2(defaultValues) {
 	"use no memo";
 	var namespaceOrOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
 	var namespace = typeof namespaceOrOptions === "string" ? namespaceOrOptions : namespaceOrOptions.namespace || "";
@@ -174,10 +174,10 @@ var createStyledContext = function(defaultValues) {
 		}
 		return ScopedContext;
 	}
-	var getNamespacedScope = function(scope) {
+	var getNamespacedScope = function getNamespacedScope2(scope) {
 		return namespace ? `${namespace}--${scope}` : scope;
 	};
-	var Provider = function(param) {
+	var Provider = function Provider2(param) {
 		var { children, scope: scopeIn, __disableMergeDefaultValues } = param, values = _objectWithoutProperties(param, _excluded$9);
 		var scope = getNamespacedScope(scopeIn);
 		var next = react.default.useMemo(function() {
@@ -193,7 +193,7 @@ var createStyledContext = function(defaultValues) {
 			})
 		});
 	};
-	var useStyledContext = function() {
+	var useStyledContext = function useStyledContext2() {
 		var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
 		var lastScopeInNamespace = react.default.useContext(LastScopeInNamespace);
 		var scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn;
@@ -232,7 +232,7 @@ var ComponentContext = createStyledContext({
 	"setParentFocusState",
 	"insets"
 ] });
-var useConfiguration = function() {
+var useConfiguration = function useConfiguration2() {
 	return (0, react.useContext)(ComponentContext);
 };
 //#endregion
@@ -410,7 +410,7 @@ function formatDiagnosticValue(value) {
 	var items1 = keys.map(function(key2) {
 		try {
 			return `${key2}: ${formatDiagnosticValue(value[key2], depth + 1, seen)}`;
-		} catch (e) {
+		} catch (unused) {
 			return `${key2}: [Unavailable]`;
 		}
 	});
@@ -459,7 +459,7 @@ function canonicalTransitionProperty(key) {
 //#region ../simple-hash/dist/esm/index.native.js
 var cache$2 = /* @__PURE__ */ new Map();
 var cacheSize = 0;
-var simpleHash = function(strIn) {
+var simpleHash = function simpleHash2(strIn) {
 	var hashMin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 10;
 	var cacheKey = `${hashMin}:${strIn}`;
 	if (cache$2.has(cacheKey)) return cache$2.get(cacheKey);
@@ -493,7 +493,7 @@ var simpleHash = function(strIn) {
 	cacheSize++;
 	return res;
 };
-var hashChar = function(hash, c) {
+var hashChar = function hashChar2(hash, c) {
 	return Math.imul(31, hash) + c.charCodeAt(0) | 0;
 };
 function isValidCSSCharCode(code) {
@@ -1111,7 +1111,7 @@ var cssStyleProps = {
 };
 //#endregion
 //#region ../helpers/dist/esm/toStylePropsObject.native.js
-var toStylePropsObject = function() {
+var toStylePropsObject = function toStylePropsObject2() {
 	for (var _len = arguments.length, sources = new Array(_len), _key = 0; _key < _len; _key++) sources[_key] = arguments[_key];
 	var out = {};
 	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
@@ -1178,7 +1178,7 @@ var validStyles = stylePropsView;
 //#endregion
 //#region ../helpers/dist/esm/withStaticProperties.native.js
 var Decorated = /* @__PURE__ */ Symbol();
-var withStaticProperties = function(component, staticProps) {
+var withStaticProperties = function withStaticProperties2(component, staticProps) {
 	var out = (function() {
 		if (component[Decorated]) return typeof component === "function" ? Object.assign(component.bind(null), component) : _objectSpread2({}, component);
 		return component;
@@ -1330,13 +1330,13 @@ function parseFlatValueProduction(source) {
 	var length = source.length;
 	var segments = [];
 	var sawChain = false, chainStart = -1, chainEnd = -1, segmentStart = 0, wordStart = -1, lastColon = -1, quote = 0, comment = false, depth = 0, valid = true, clauseChainValid = true, currentChainValid = true, chainNonPlatformModifiers = null;
-	var close = function(end) {
+	var close = function close2(end) {
 		var start = segmentStart;
 		while (start < end && source.charCodeAt(start) <= 32) start++;
 		while (end > start && source.charCodeAt(end - 1) <= 32) end--;
 		segments.push(start, end, chainStart, chainEnd, (!sawChain ? 1 : 0) | (clauseChainValid ? 6 : 0));
 	};
-	var flush = function() {
+	var flush = function flush2() {
 		if (wordStart !== -1 && lastColon !== -1) {
 			chainStart = wordStart;
 			chainEnd = lastColon;
@@ -1426,19 +1426,19 @@ function parseFlatValueChecked(source) {
 	var length = source.length;
 	var segments = [];
 	var failure = null, failureIndex = -1, sawChain = false, chainStart = -1, chainEnd = -1, chainValid = true, segmentValid = true, segmentStart = 0, comment = false, commentStart = -1, quote = 0, quoteStart = -1, url = false, depth = 0, parenStart = -1, wordStart = -1, lastColon = -1, wordErrorMin = length, wordErrorMax = -1, chainNonPlatformModifiers = null;
-	var report = function(code2, index2) {
+	var report = function report2(code2, index2) {
 		if (failureIndex === -1) failureIndex = index2;
 		failure !== null && failure !== void 0 || (failure = code2);
 		wordErrorMin = Math.min(wordErrorMin, index2);
 		wordErrorMax = Math.max(wordErrorMax, index2);
 	};
-	var close = function(end) {
+	var close = function close2(end) {
 		var start = segmentStart;
 		while (start < end && source.charCodeAt(start) <= 32) start++;
 		while (end > start && source.charCodeAt(end - 1) <= 32) end--;
 		segments.push(start, end, chainStart, chainEnd, (!sawChain ? 1 : 0) | (segmentValid ? 2 : 0) | (chainValid ? 4 : 0));
 	};
-	var flush = function(end) {
+	var flush = function flush2(end) {
 		if (wordStart !== -1 && lastColon !== -1) {
 			chainStart = wordStart;
 			chainEnd = lastColon;
@@ -1590,8 +1590,9 @@ function isRootThemeName(name) {
 	return name.length > 0 && !name.includes("_");
 }
 function compileModifierVocabulary(view, onRefusal, onRegistered) {
+	var _view_platformNames;
 	var names = /* @__PURE__ */ Object.create(null);
-	var register = function(name2, code) {
+	var register = function register2(name2, code) {
 		var kind = code & 7;
 		if (name2.charCodeAt(0) === 64) {
 			onRefusal === null || onRefusal === void 0 || onRefusal(1, name2, kind, 0);
@@ -1628,7 +1629,6 @@ function compileModifierVocabulary(view, onRefusal, onRegistered) {
 	forEachModifierName(view.mediaNames, function(name2, rank2) {
 		return register(name2, 2 | rank2 << 3);
 	});
-	var _view_platformNames;
 	forEachModifierName((_view_platformNames = view.platformNames) !== null && _view_platformNames !== void 0 ? _view_platformNames : grammarPlatformNames, function(name2) {
 		return register(name2, 3 | grammarPlatformRank(name2) << 3);
 	});
@@ -1885,6 +1885,7 @@ function createGlobalState(key, defaultValue) {
 //#region ../native/dist/esm/gestureState.native.js
 var _globalThis;
 var _PRESS_STATE_KEY;
+var _$1;
 var state$1 = createGlobalState(`gesture`, {
 	enabled: false,
 	Gesture: null,
@@ -1919,12 +1920,11 @@ var PRESS_MOVE_CANCEL_DISTANCE = 12;
 var PRESS_MOVE_CANCEL_DISTANCE_SQ = PRESS_MOVE_CANCEL_DISTANCE * PRESS_MOVE_CANCEL_DISTANCE;
 var PRESS_STATE_KEY = "__tamagui_press_state__";
 function getEventPointerId(e) {
+	var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7;
 	var _e_pointer, _e_event, _e_event_pointer, _e_event1, _e_nativeEvent, _e_nativeEvent1, _e_event_nativeEvent, _e_event2, _e_event_nativeEvent1, _e_event3;
-	var _e_pointerId, _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6;
-	var pointerId = (_ref6 = (_ref5 = (_ref4 = (_ref3 = (_ref2 = (_ref1 = (_ref = (_e_pointerId = e === null || e === void 0 ? void 0 : e.pointerId) !== null && _e_pointerId !== void 0 ? _e_pointerId : e === null || e === void 0 ? void 0 : (_e_pointer = e.pointer) === null || _e_pointer === void 0 ? void 0 : _e_pointer.id) !== null && _ref !== void 0 ? _ref : e === null || e === void 0 ? void 0 : (_e_event = e.event) === null || _e_event === void 0 ? void 0 : _e_event.pointerId) !== null && _ref1 !== void 0 ? _ref1 : e === null || e === void 0 ? void 0 : (_e_event1 = e.event) === null || _e_event1 === void 0 ? void 0 : (_e_event_pointer = _e_event1.pointer) === null || _e_event_pointer === void 0 ? void 0 : _e_event_pointer.id) !== null && _ref2 !== void 0 ? _ref2 : e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.pointerId) !== null && _ref3 !== void 0 ? _ref3 : e === null || e === void 0 ? void 0 : (_e_nativeEvent1 = e.nativeEvent) === null || _e_nativeEvent1 === void 0 ? void 0 : _e_nativeEvent1.id) !== null && _ref4 !== void 0 ? _ref4 : e === null || e === void 0 ? void 0 : (_e_event2 = e.event) === null || _e_event2 === void 0 ? void 0 : (_e_event_nativeEvent = _e_event2.nativeEvent) === null || _e_event_nativeEvent === void 0 ? void 0 : _e_event_nativeEvent.pointerId) !== null && _ref5 !== void 0 ? _ref5 : e === null || e === void 0 ? void 0 : (_e_event3 = e.event) === null || _e_event3 === void 0 ? void 0 : (_e_event_nativeEvent1 = _e_event3.nativeEvent) === null || _e_event_nativeEvent1 === void 0 ? void 0 : _e_event_nativeEvent1.id) !== null && _ref6 !== void 0 ? _ref6 : null;
+	var pointerId = (_ref = (_ref1 = (_ref2 = (_ref3 = (_ref4 = (_ref5 = (_ref6 = (_ref7 = e === null || e === void 0 ? void 0 : e.pointerId) !== null && _ref7 !== void 0 ? _ref7 : e === null || e === void 0 ? void 0 : (_e_pointer = e.pointer) === null || _e_pointer === void 0 ? void 0 : _e_pointer.id) !== null && _ref6 !== void 0 ? _ref6 : e === null || e === void 0 ? void 0 : (_e_event = e.event) === null || _e_event === void 0 ? void 0 : _e_event.pointerId) !== null && _ref5 !== void 0 ? _ref5 : e === null || e === void 0 ? void 0 : (_e_event1 = e.event) === null || _e_event1 === void 0 ? void 0 : (_e_event_pointer = _e_event1.pointer) === null || _e_event_pointer === void 0 ? void 0 : _e_event_pointer.id) !== null && _ref4 !== void 0 ? _ref4 : e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.pointerId) !== null && _ref3 !== void 0 ? _ref3 : e === null || e === void 0 ? void 0 : (_e_nativeEvent1 = e.nativeEvent) === null || _e_nativeEvent1 === void 0 ? void 0 : _e_nativeEvent1.id) !== null && _ref2 !== void 0 ? _ref2 : e === null || e === void 0 ? void 0 : (_e_event2 = e.event) === null || _e_event2 === void 0 ? void 0 : (_e_event_nativeEvent = _e_event2.nativeEvent) === null || _e_event_nativeEvent === void 0 ? void 0 : _e_event_nativeEvent.pointerId) !== null && _ref1 !== void 0 ? _ref1 : e === null || e === void 0 ? void 0 : (_e_event3 = e.event) === null || _e_event3 === void 0 ? void 0 : (_e_event_nativeEvent1 = _e_event3.nativeEvent) === null || _e_event_nativeEvent1 === void 0 ? void 0 : _e_event_nativeEvent1.id) !== null && _ref !== void 0 ? _ref : null;
 	return pointerId == null || Number.isNaN(pointerId) ? null : Number(pointerId);
 }
-var _$1;
 var pressState = (_$1 = (_globalThis = globalThis)[_PRESS_STATE_KEY = PRESS_STATE_KEY]) !== null && _$1 !== void 0 ? _$1 : _globalThis[_PRESS_STATE_KEY] = {
 	owner: null,
 	ownerId: null,
@@ -1963,9 +1963,9 @@ function getGestureHandler() {
 			state$1.get().enabled = false;
 		},
 		createPressGesture(config) {
+			var _config_delayLongPress;
 			var { Gesture } = state$1.get();
 			if (!Gesture) return null;
-			var _config_delayLongPress;
 			var longPressDuration = (_config_delayLongPress = config.delayLongPress) !== null && _config_delayLongPress !== void 0 ? _config_delayLongPress : 500;
 			var myToken = {};
 			var myDebugId = ++pressGestureDebugId;
@@ -1978,7 +1978,7 @@ function getGestureHandler() {
 				cancelledByMove: false
 			};
 			var GRACE_PERIOD_MS = process.env.TAMAGUI_RNGH_PRESS_DELAY ? +process.env.TAMAGUI_RNGH_PRESS_DELAY : 24;
-			var tryClaimOwnership = function(e) {
+			var tryClaimOwnership = function tryClaimOwnership2(e) {
 				var now = Date.now();
 				resetStaleOwner(now, config.debugName);
 				var currentPointerId = getEventPointerId(e);
@@ -1992,24 +1992,24 @@ function getGestureHandler() {
 				}
 				return pressState.owner === myToken;
 			};
-			var isOwner = function() {
+			var isOwner = function isOwner2() {
 				return pressState.owner === myToken;
 			};
-			var releaseOwnership = function() {
+			var releaseOwnership = function releaseOwnership2() {
 				if (flags.pressInTimer) {
 					clearTimeout(flags.pressInTimer);
 					flags.pressInTimer = null;
 				}
 				if (pressState.owner === myToken) resetPressOwner();
 			};
-			var firePressIn = function(e) {
+			var firePressIn = function firePressIn2(e) {
 				if (!flags.didPressIn && isOwner()) {
 					var _config_onPressIn;
 					flags.didPressIn = true;
 					(_config_onPressIn = config.onPressIn) === null || _config_onPressIn === void 0 || _config_onPressIn.call(config, e);
 				}
 			};
-			var schedulePressIn = function(e) {
+			var schedulePressIn = function schedulePressIn2(e) {
 				if (flags.pressInTimer) clearTimeout(flags.pressInTimer);
 				flags.pressInTimer = setTimeout(function() {
 					flags.pressInTimer = null;
@@ -2025,10 +2025,10 @@ function getGestureHandler() {
 				tryClaimOwnership(e);
 				schedulePressIn(e);
 			}).onTouchesMove(function(e) {
+				var _ref;
 				var _e_changedTouches, _e_allTouches;
 				if (flags.cancelledByMove || flags.moveStartX === null) return;
-				var _e_changedTouches_;
-				var touch = (_e_changedTouches_ = (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0]) !== null && _e_changedTouches_ !== void 0 ? _e_changedTouches_ : (_e_allTouches = e.allTouches) === null || _e_allTouches === void 0 ? void 0 : _e_allTouches[0];
+				var touch = (_ref = (_e_changedTouches = e.changedTouches) === null || _e_changedTouches === void 0 ? void 0 : _e_changedTouches[0]) !== null && _ref !== void 0 ? _ref : (_e_allTouches = e.allTouches) === null || _e_allTouches === void 0 ? void 0 : _e_allTouches[0];
 				if (!touch) return;
 				var dx = touch.absoluteX - flags.moveStartX;
 				var dy = touch.absoluteY - flags.moveStartY;
@@ -2147,14 +2147,13 @@ function hasSafeAreaSetup() {
 //#region ../native/dist/esm/nativeMenuContext.native.js
 var _g;
 var _KEY;
-var KEY = "__tamagui_native_menu_context__";
-var g = globalThis;
 var _;
-var NativeMenuContext = (_ = (_g = g)[_KEY = KEY]) !== null && _ !== void 0 ? _ : _g[_KEY] = (0, react.createContext)(false);
+var NativeMenuContext = (_ = (_g = globalThis)[_KEY = "__tamagui_native_menu_context__"]) !== null && _ !== void 0 ? _ : _g[_KEY] = (0, react.createContext)(false);
 //#endregion
 //#region ../web/dist/esm/helpers/resolveSafeAreaVariable.native.js
 var didWarnMissingSetup = false;
 function resolveSafeAreaVariable(name) {
+	var _ref;
 	var _state_initialMetrics;
 	var edge = name.startsWith("safe-area-") ? name.slice(10) : "";
 	if (edge !== "top" && edge !== "right" && edge !== "bottom" && edge !== "left") return;
@@ -2166,8 +2165,7 @@ function resolveSafeAreaVariable(name) {
 		}
 		return 0;
 	}
-	var _state_initialMetrics_insets_edge;
-	return state.enabled ? (_state_initialMetrics_insets_edge = (_state_initialMetrics = state.initialMetrics) === null || _state_initialMetrics === void 0 ? void 0 : _state_initialMetrics.insets[edge]) !== null && _state_initialMetrics_insets_edge !== void 0 ? _state_initialMetrics_insets_edge : 0 : 0;
+	return state.enabled ? (_ref = (_state_initialMetrics = state.initialMetrics) === null || _state_initialMetrics === void 0 ? void 0 : _state_initialMetrics.insets[edge]) !== null && _ref !== void 0 ? _ref : 0 : 0;
 }
 function subscribeToSafeArea(listener) {
 	return getSafeArea().subscribe(listener);
@@ -2183,8 +2181,8 @@ var warned = globalThis.process.env.NODE_ENV !== "production" ? /* @__PURE__ */
 function warnOnce(key) {
 	var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : key;
 	if (globalThis.process.env.NODE_ENV === "development") {
-		var _warned_size;
-		if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_warned_size = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _warned_size !== void 0 ? _warned_size : 0) >= warnLimit) return;
+		var _ref;
+		if ((warned === null || warned === void 0 ? void 0 : warned.has(key)) || ((_ref = warned === null || warned === void 0 ? void 0 : warned.size) !== null && _ref !== void 0 ? _ref : 0) >= warnLimit) return;
 		warned === null || warned === void 0 || warned.add(key);
 		console.warn(`[tamagui] ${message}`);
 	}
@@ -2273,7 +2271,7 @@ function resolveStyleStaticConfig(staticConfig, conf, revision) {
 	if (resolvedBaseStyle && !staticConfig.disableBaseStylePiece) {
 		var directBaseStyle;
 		var directBaseKeys;
-		var flushDirectBaseStyle = function() {
+		var flushDirectBaseStyle = function flushDirectBaseStyle2() {
 			if (!directBaseStyle || !directBaseKeys) return;
 			var piece = createStylePiece(directBaseStyle, "base");
 			baseStylePiece || (baseStylePiece = piece);
@@ -2393,7 +2391,7 @@ function prepareConfigRevision(config) {
 			rank
 		];
 	}
-	var resolveCondition = function(authored) {
+	var resolveCondition = function resolveCondition2(authored) {
 		var cached = conditionModifiers[authored];
 		if (cached !== void 0) return cached;
 		var result = null;
@@ -2462,10 +2460,10 @@ function prepareConfigRevision(config) {
 		insetInline: 8,
 		borderRadius: 8
 	};
-	var propertyKind = function(property) {
+	var propertyKind = function propertyKind2(property) {
 		return propertyKinds[property] || 0;
 	};
-	var tokenCategory = function(property) {
+	var tokenCategory = function tokenCategory2(property) {
 		return config.tokensParsed[property] ? property : config.tokensParsed.borderWidth && property.startsWith("border") && property.endsWith("Width") ? "borderWidth" : getTokenCategoryForProperty(property);
 	};
 	var normalizedTransitions = /* @__PURE__ */ new Map();
@@ -2478,11 +2476,11 @@ function prepareConfigRevision(config) {
 		expandSafeArea: expandSafeAreaValue,
 		safeAreaVariable: resolveSafeAreaVariable,
 		parseFlatValue,
-		styleStaticConfig: function(staticConfig, conf) {
+		styleStaticConfig: function styleStaticConfig(staticConfig, conf) {
 			return resolveStyleStaticConfig(staticConfig, conf, captured.revision);
 		},
 		propertyKind,
-		compositeValue: function(property, raw, context, resolve) {
+		compositeValue: function compositeValue(property, raw, context, resolve) {
 			var kind2 = propertyKinds[property];
 			if (kind2 < 7) return;
 			if (kind2 === 7) {
@@ -2518,7 +2516,7 @@ function prepareConfigRevision(config) {
 				return value;
 			}
 		},
-		normalizeTransition: function(raw) {
+		normalizeTransition: function normalizeTransition(raw) {
 			var known = normalizedTransitions.get(raw);
 			if (known !== void 0) return known;
 			var out = raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[A-Za-z_][\w-]*/g, function(authored, quote, offset) {
@@ -2529,7 +2527,7 @@ function prepareConfigRevision(config) {
 			normalizedTransitions.set(raw, out);
 			return out;
 		},
-		embeddedTokens: function(raw, resolve) {
+		embeddedTokens: function embeddedTokens(raw, resolve) {
 			return raw.replace(/\/\*[\s\S]*?\*\/|(["'])(?:\\.|(?!\1)[^\\])*\1|[$A-Za-z_][\w.$-]*(?:\/\d*\.?\d+)?/g, function(word, quote, offset) {
 				var before = raw.charCodeAt(offset - 1);
 				return quote || word[0] !== "$" && (before >= 48 && before <= 57 || before === 35 || before === 45 && raw.charCodeAt(offset - 2) === 45 || raw.charCodeAt(offset + word.length) === 40) ? word : resolve(word);
@@ -2552,7 +2550,7 @@ var setConfigCalledByThisInstance = false;
 var haventCalledErrorMessage = globalThis.process.env.NODE_ENV === "development" ? `
 Haven't called createTamagui yet. ${MISSING_THEME_MESSAGE}
 ` : `\u274C Error 001`;
-var getConfigFromGlobalOrLocal = function() {
+var getConfigFromGlobalOrLocal = function getConfigFromGlobalOrLocal2() {
 	if (conf) return conf;
 	if (globalThis.__tamaguiConfig) {
 		if (globalThis.process.env.NODE_ENV === "development" && globalThis.__tamaguiEvaluationConfig !== globalThis.__tamaguiConfig && !globalThis.__tamaguiHasWarnedGlobalFallback && !globalThis.__tamaguiPendingCheck) {
@@ -2573,7 +2571,7 @@ Tamagui: Using global config fallback. This may indicate duplicate tamagui insta
 	}
 	return null;
 };
-var getSetting = function(key) {
+var getSetting = function getSetting2(key) {
 	var config = getConfigFromGlobalOrLocal();
 	if (globalThis.process.env.NODE_ENV === "development") {
 		if (!config) throw new Error(haventCalledErrorMessage);
@@ -2585,7 +2583,7 @@ function getStyleCompat() {
 	var config = getConfigFromGlobalOrLocal();
 	return (config === null || config === void 0 ? void 0 : (_config_settings = config.settings) === null || _config_settings === void 0 ? void 0 : _config_settings.styleCompat) || "web";
 }
-var setConfig = function(next) {
+var setConfig = function setConfig2(next) {
 	setConfigCalledByThisInstance = true;
 	var previous = conf;
 	var previousGlobal = globalThis.__tamaguiConfig;
@@ -2595,7 +2593,7 @@ var setConfig = function(next) {
 	globalThis.__tamaguiConfig = next;
 	if (process.env.TAMAGUI_ENVIRONMENT === "tamagui") globalThis.__tamaguiEvaluationConfig = next;
 };
-var setConfigFont = function(name, font, fontParsed) {
+var setConfigFont = function setConfigFont2(name, font, fontParsed) {
 	var config = getConfigFromGlobalOrLocal();
 	if (globalThis.process.env.NODE_ENV === "development") {
 		if (!config) throw new Error(haventCalledErrorMessage);
@@ -2604,58 +2602,58 @@ var setConfigFont = function(name, font, fontParsed) {
 	config.fontsParsed[name] = fontParsed;
 	prepareConfigRevision(config);
 };
-var getConfig = function() {
+var getConfig = function getConfig2() {
 	var config = getConfigFromGlobalOrLocal();
 	if (!config) throw new Error(formatDiagnostic("Err0", "TamaguiConfig", "no config is available", "Call createTamagui before rendering and deduplicate Tamagui package versions", "config", config));
 	return config;
 };
-var getConfigMaybe = function() {
+var getConfigMaybe = function getConfigMaybe2() {
 	return getConfigFromGlobalOrLocal();
 };
 var tokens;
 function setTokens(next) {
 	tokens = next;
 }
-var getTokensParsed = function() {
+var getTokensParsed = function getTokensParsed2() {
+	var _ref;
 	var _getConfigFromGlobalOrLocal;
-	var _getConfigFromGlobalOrLocal_tokensParsed;
-	return (_getConfigFromGlobalOrLocal_tokensParsed = (_getConfigFromGlobalOrLocal = getConfigFromGlobalOrLocal()) === null || _getConfigFromGlobalOrLocal === void 0 ? void 0 : _getConfigFromGlobalOrLocal.tokensParsed) !== null && _getConfigFromGlobalOrLocal_tokensParsed !== void 0 ? _getConfigFromGlobalOrLocal_tokensParsed : tokens;
+	return (_ref = (_getConfigFromGlobalOrLocal = getConfigFromGlobalOrLocal()) === null || _getConfigFromGlobalOrLocal === void 0 ? void 0 : _getConfigFromGlobalOrLocal.tokensParsed) !== null && _ref !== void 0 ? _ref : tokens;
 };
-var getTokens = function() {
+var getTokens = function getTokens2() {
 	if (globalThis.process.env.NODE_ENV === "development") {
 		if (!getConfigFromGlobalOrLocal()) throw new Error(haventCalledErrorMessage);
 	}
 	return getTokensParsed();
 };
-var getTokenObject = function(value, group) {
+var getTokenObject = function getTokenObject2(value, group) {
 	var _tokens_group, _tokens_;
 	var tokens2 = getTokensParsed();
 	return group ? (_tokens_group = tokens2[group]) === null || _tokens_group === void 0 ? void 0 : _tokens_group[value] : (_tokens_ = tokens2[Object.keys(tokens2).find(function(cat) {
 		return tokens2[cat][value];
 	}) || ""]) === null || _tokens_ === void 0 ? void 0 : _tokens_[value];
 };
-var getToken = function(value, group) {
+var getToken = function getToken2(value, group) {
 	var useVariable = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
 	var token = getTokenObject(value, group);
 	return useVariable ? token === null || token === void 0 ? void 0 : token.variable : token === null || token === void 0 ? void 0 : token.val;
 };
-var getTokenValue = function(value, group) {
+var getTokenValue = function getTokenValue2(value, group) {
 	if (value === "unset" || value === "auto") return;
 	return getToken(value, group, false);
 };
-var getThemes = function() {
+var getThemes = function getThemes2() {
 	return getConfigFromGlobalOrLocal().themes;
 };
-var updateConfig = function(key, value) {
+var updateConfig = function updateConfig2(key, value) {
 	var config = getConfigFromGlobalOrLocal();
 	if (!config || key === "__proto__" || !(key in config)) return;
 	Object.assign(config[key], value);
 	prepareConfigRevision(config);
 };
-var getFont = function(name) {
+var getFont = function getFont2(name) {
+	var _conf_fontsParsed_name;
 	var _Object_entries_find;
 	var conf2 = getConfig();
-	var _conf_fontsParsed_name;
 	return (_conf_fontsParsed_name = conf2.fontsParsed[name]) !== null && _conf_fontsParsed_name !== void 0 ? _conf_fontsParsed_name : (_Object_entries_find = Object.entries(conf2.fontsParsed).find(function(param) {
 		var [k] = param;
 		var _conf_fontsParsed_k_family, _conf_fontsParsed_k;
@@ -2684,7 +2682,7 @@ function constructCSSVariableName(name) {
 	return `var(--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${name})`;
 }
 var pxStringRe$1 = /^-?\d*\.?\d+px$/;
-var createVariable = function(props) {
+var createVariable = function createVariable2(props) {
 	var skipHash = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
 	if (!skipHash && isVariable(props)) return props;
 	var { key, name, val } = props;
@@ -2708,19 +2706,19 @@ function isVariable(v) {
 }
 function getVariable(nameOrVariable) {
 	var group = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "size";
+	var _ref;
 	var _tokens_group;
 	if (nameOrVariable === null || nameOrVariable === void 0 ? void 0 : nameOrVariable.dynamic) return nameOrVariable;
 	setDidGetVariableValue(true);
 	if (isVariable(nameOrVariable)) return variableToString(nameOrVariable);
 	var tokens = getConfig().tokensParsed;
-	var _tokens_group_nameOrVariable;
-	return variableToString((_tokens_group_nameOrVariable = (_tokens_group = tokens[group]) === null || _tokens_group === void 0 ? void 0 : _tokens_group[nameOrVariable]) !== null && _tokens_group_nameOrVariable !== void 0 ? _tokens_group_nameOrVariable : nameOrVariable);
+	return variableToString((_ref = (_tokens_group = tokens[group]) === null || _tokens_group === void 0 ? void 0 : _tokens_group[nameOrVariable]) !== null && _ref !== void 0 ? _ref : nameOrVariable);
 }
 var accessed = false;
-var setDidGetVariableValue = function(val) {
+var setDidGetVariableValue = function setDidGetVariableValue2(val) {
 	return accessed = val;
 };
-var didGetVariableValue = function() {
+var didGetVariableValue = function didGetVariableValue2() {
 	return accessed;
 };
 function getVariableValue(v, group) {
@@ -2738,7 +2736,7 @@ function getVariableValue(v, group) {
 	}
 	return v;
 }
-var createCSSVariable = function(nameProp) {
+var createCSSVariable = function createCSSVariable2(nameProp) {
 	var includeVar = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
 	if (globalThis.process.env.NODE_ENV === "development") {
 		if (!nameProp || typeof nameProp !== "string") throw new Error(`createCSSVariable expected string, got: ${nameProp}`);
@@ -2760,11 +2758,11 @@ function isOptimizedForFirstRender() {
 //#endregion
 //#region ../web/dist/esm/helpers/mediaState.native.js
 var mediaState = {};
-var setMediaState = function(next) {
+var setMediaState = function setMediaState2(next) {
 	mediaState = next;
 };
 var mediaQueryConfig = {};
-var getMedia = function() {
+var getMedia = function getMedia2() {
 	return mediaState;
 };
 var mediaKeys = /* @__PURE__ */ new Set();
@@ -2781,7 +2779,7 @@ function mediaKeyMatch(key, dimensions) {
 //#endregion
 //#region ../web/dist/esm/helpers/matchMedia.native.js
 var matchMediaImpl = matchMediaFallback;
-var matchMedia = function() {
+var matchMedia = function matchMedia2() {
 	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
 	return matchMediaImpl(...args);
 };
@@ -2796,11 +2794,11 @@ function matchMediaFallback(query) {
 		}));
 	}
 	return {
-		match: function(a, b) {
+		match: function match(a, b) {
 			return false;
 		},
-		addListener: function() {},
-		removeListener: function() {},
+		addListener: function addListener() {},
+		removeListener: function removeListener() {},
 		matches: false
 	};
 }
@@ -2815,7 +2813,7 @@ function setupMatchMedia(_) {
 }
 var dispose = /* @__PURE__ */ new Set();
 var mediaVersion = 0;
-var configureMedia = function(config) {
+var configureMedia = function configureMedia2(config) {
 	var { media } = config;
 	var mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
 	if (!media) return;
@@ -2840,7 +2838,7 @@ var setupVersion = -1;
 function setupMediaListeners() {
 	var _loop = function(key2) {
 		var str = mediaObjectToString(mediaQueryConfig[key2]);
-		var getMatch = function() {
+		var getMatch = function getMatch2() {
 			return matchMedia(str);
 		};
 		var match = getMatch();
@@ -3192,7 +3190,7 @@ function useMedia(emitter, debug, uid) {
 	});
 	return ref.optimizeForFirstRender ? state : ref.proxy;
 }
-var incReducer$1 = function(c) {
+var incReducer$1 = function incReducer2(c) {
 	return c + 1;
 };
 var disableMediaTouch = false;
@@ -3290,7 +3288,7 @@ var HadTheme = /* @__PURE__ */ new WeakMap();
 var PendingUpdate = /* @__PURE__ */ new Map();
 var states = /* @__PURE__ */ new Map();
 var shouldForce = false;
-var forceUpdateThemes = function() {
+var forceUpdateThemes = function forceUpdateThemes2() {
 	cacheVersion++;
 	shouldForce = true;
 	allListeners.forEach(function(cb) {
@@ -3298,24 +3296,24 @@ var forceUpdateThemes = function() {
 	});
 	shouldForce = false;
 };
-var getThemeState = function(id) {
+var getThemeState = function getThemeState2(id) {
 	return states.get(id);
 };
 var themeUpdateLayers = /* @__PURE__ */ new Map();
 var themeProviderParents = /* @__PURE__ */ new Map();
-var getThemeUpdateLayer = function(id) {
+var getThemeUpdateLayer = function getThemeUpdateLayer2(id) {
 	return themeUpdateLayers.get(id);
 };
-var getThemeProviderParent = function(id) {
+var getThemeProviderParent = function getThemeProviderParent2(id) {
 	return themeProviderParents.get(id);
 };
-var getThemeProviderChainSizes = function() {
+var getThemeProviderChainSizes = function getThemeProviderChainSizes2() {
 	return {
 		layers: themeUpdateLayers.size,
 		parents: themeProviderParents.size
 	};
 };
-var registerThemeProviderChain = function(id, parentId, props) {
+var registerThemeProviderChain = function registerThemeProviderChain2(id, parentId, props) {
 	themeProviderParents.set(id, parentId);
 	if (props._themeUpdate) themeUpdateLayers.set(id, props._themeUpdate);
 	else themeUpdateLayers.delete(id);
@@ -3325,20 +3323,20 @@ var themeNameCache = /* @__PURE__ */ new Map();
 var themeNameCacheVer = -1;
 var themes = null;
 var rootThemeState = null;
-var getRootThemeState = function() {
+var getRootThemeState = function getRootThemeState2() {
 	return rootThemeState;
 };
-var getThemeBaseName = function(name) {
+var getThemeBaseName = function getThemeBaseName2(name) {
 	return name.replace(/^(light|dark)_/, "");
 };
-var incReducer = function(c) {
+var incReducer = function incReducer2(c) {
 	return c + 1;
 };
-var useThemeState = function(props) {
+var useThemeState = function useThemeState2(props) {
 	"use no memo";
 	var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, keys = arguments.length > 2 ? arguments[2] : void 0, schemeKeys = arguments.length > 3 ? arguments[3] : void 0, cascadeOnChange = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : false, optimizeForFirstRender = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
-	var _props__themeUpdate;
 	var _ref;
+	var _props__themeUpdate;
 	var { disable } = props;
 	var parentId = (0, react.useContext)(ThemeStateContext);
 	if (!parentId && !isRoot) throw new Error(globalThis.process.env.NODE_ENV === "development" ? `${MISSING_THEME_MESSAGE}
@@ -3383,7 +3381,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
 				var _listenersByParent, _pid;
 				var pid = r.parentId;
 				var sid = r.id;
-				var cb = function(forced) {
+				var cb = function cb2(forced) {
 					var next = getSnapshotImpl(r);
 					if (next !== r.lastSnap) {
 						var _r_props_nativeUpdate, _r_props;
@@ -3433,7 +3431,7 @@ Looked for theme${props.name ? ` "${props.name}"` : ""}, but no parent theme con
 	}, [keys, propsKey]);
 	return state;
 };
-var shouldSubscribeToTheme = function(r, cascadeOnChange) {
+var shouldSubscribeToTheme = function shouldSubscribeToTheme2(r, cascadeOnChange) {
 	var _r_keys_current, _r_props_needsUpdate, _r_props;
 	return Boolean(r.optimizeForFirstRender || r.isRoot || cascadeOnChange || hasThemeUpdatingProps(r.props) || ((_r_keys_current = r.keys.current) === null || _r_keys_current === void 0 ? void 0 : _r_keys_current.size) || ((_r_props_needsUpdate = (_r_props = r.props).needsUpdate) === null || _r_props_needsUpdate === void 0 ? void 0 : _r_props_needsUpdate.call(_r_props)));
 };
@@ -3447,7 +3445,7 @@ function cleanupThemeState(r) {
 	themeUpdateLayers.delete(r.id);
 	themeProviderParents.delete(r.id);
 }
-var getSnapshotImpl = function(r) {
+var getSnapshotImpl = function getSnapshotImpl2(r) {
 	var _keys_current, _schemeKeys_current, _keys_current1, _props_needsUpdate;
 	var { id, parentId, props, propsKey, isRoot, keys, optimizeForFirstRender } = r;
 	var schemeKeys = r.schemeKeys;
@@ -3482,8 +3480,9 @@ var getSnapshotImpl = function(r) {
 	states.set(id, next);
 	return local;
 };
-var getNextState = function(lastState, props, propsKey) {
+var getNextState = function getNextState2(lastState, props, propsKey) {
 	var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, id = arguments.length > 4 ? arguments[4] : void 0, parentId = arguments.length > 5 ? arguments[5] : void 0, needsUpdate = arguments.length > 6 ? arguments[6] : void 0, pendingUpdate = arguments.length > 7 ? arguments[7] : void 0;
+	var _ref;
 	var parentState = states.get(parentId);
 	if (props.passThrough) return [false, parentState || lastState || { name: "" }];
 	themes || (themes = getConfig().themes);
@@ -3501,8 +3500,8 @@ var getNextState = function(lastState, props, propsKey) {
 		return [shouldRerender, _objectSpread2(_objectSpread2({}, parentState), {}, { isNew: false })];
 	}
 	if (!resolvedName) {
-		var _ref, _ref1;
-		var next = (_ref1 = (_ref = lastState !== null && lastState !== void 0 ? lastState : parentState) !== null && _ref !== void 0 ? _ref : rootThemeState) !== null && _ref1 !== void 0 ? _ref1 : {
+		var _ref1, _ref2;
+		var next = (_ref1 = (_ref2 = lastState !== null && lastState !== void 0 ? lastState : parentState) !== null && _ref2 !== void 0 ? _ref2 : rootThemeState) !== null && _ref1 !== void 0 ? _ref1 : {
 			id,
 			name: "light",
 			theme: getConfig().themes.light
@@ -3511,8 +3510,7 @@ var getNextState = function(lastState, props, propsKey) {
 		return [false, next];
 	}
 	var scheme = getAuthoredThemeScheme(themes[resolvedName]) || getThemeScheme(resolvedName);
-	var _parentState_inverses;
-	var parentInverses = (_parentState_inverses = parentState === null || parentState === void 0 ? void 0 : parentState.inverses) !== null && _parentState_inverses !== void 0 ? _parentState_inverses : 0;
+	var parentInverses = (_ref = parentState === null || parentState === void 0 ? void 0 : parentState.inverses) !== null && _ref !== void 0 ? _ref : 0;
 	var isInverse = Boolean(parentState && scheme !== parentState.scheme);
 	var inverses = parentInverses + (isInverse ? 1 : 0);
 	var nextState = {
@@ -3597,7 +3595,7 @@ function resolveThemeName(parentName, name, themes2) {
 	if (!forceUpdate && found === parentName && found !== "light" && found !== "dark") return null;
 	return found;
 }
-var hasThemeUpdatingProps = function(props) {
+var hasThemeUpdatingProps = function hasThemeUpdatingProps2(props) {
 	return "name" in props || "forceClassName" in props || "_themeUpdate" in props;
 };
 //#endregion
@@ -3640,7 +3638,7 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 	var config = getConfig();
 	var proxied1 = Object.fromEntries(Object.entries(_state.theme).flatMap(function(param) {
 		var [key, value] = param;
-		var get = function(platform) {
+		var get = function get2(platform) {
 			if (!curState) return;
 			var outVal = getVariable(value);
 			var { name, scheme } = curState;
@@ -3701,12 +3699,12 @@ function getThemeProxied(_props, _state, _keys, _schemeKeys) {
 //#endregion
 //#region ../web/dist/esm/hooks/useTheme.native.js
 var EMPTY = {};
-var useTheme = function() {
+var useTheme = function useTheme2() {
 	"use no memo";
 	var [theme] = useThemeWithState(EMPTY);
 	return theme;
 };
-var useThemeWithState = function(props) {
+var useThemeWithState = function useThemeWithState2(props) {
 	"use no memo";
 	var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, forThemeView = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
 	var bag = (0, react.useRef)(null);
@@ -3733,7 +3731,7 @@ var _excluded2$3 = ["_expressions"];
 var EMPTY_EXPRESSIONS = [];
 var EMPTY_THEME = {};
 var FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
-var _withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {
+var _withStableStyle = function _withStableStyle2(Component, createStyle, hasThemeKeys, hasMediaKeys) {
 	return /* @__PURE__ */ react.default.memo(function WithStableStyle(props) {
 		var { ref } = props, propsWithoutRef = _objectWithoutProperties(props, _excluded$8);
 		var { _expressions = EMPTY_EXPRESSIONS } = propsWithoutRef, rest = _objectWithoutProperties(propsWithoutRef, _excluded2$3);
@@ -3753,7 +3751,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 === "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 === "object" ? value : { val: value }), {}, { get: function get() {
 							return getVariable(value);
 						} });
 					};
@@ -3868,6 +3866,7 @@ function getCompiledMapping(mapping) {
 	return compiled;
 }
 function resolveCompiledMapping(compiled, stateName, theme) {
+	var _ref;
 	var cached = compiled.states.get(stateName);
 	if ((cached === null || cached === void 0 ? void 0 : cached.theme) === theme) return cached;
 	var renderProps = {};
@@ -3876,8 +3875,7 @@ function resolveCompiledMapping(compiled, stateName, theme) {
 		renderProps[styleKey] = value === void 0 ? null : getVariableValue(value);
 	}
 	renderProps = normalizeNativeStyle(renderProps, true);
-	var _engine_processStyleColors;
-	var nativeProps = (_engine_processStyleColors = engine === null || engine === void 0 ? void 0 : engine.processStyleColors(renderProps)) !== null && _engine_processStyleColors !== void 0 ? _engine_processStyleColors : renderProps;
+	var nativeProps = (_ref = engine === null || engine === void 0 ? void 0 : engine.processStyleColors(renderProps)) !== null && _ref !== void 0 ? _ref : renderProps;
 	if (compiled.states.size >= 1e4) compiled.states.clear();
 	var resolved = {
 		theme,
@@ -4044,19 +4042,31 @@ function updateNativeStyleLink(ref, host) {
 	ref.nativePushedKeys = void 0;
 	if (host && engine && ref.nativeStyleUpdate) ref.nativeLink = engine.link(host, {});
 }
+var superseded = null;
 function queueNativeViewState(entry) {
 	if (!engine) return;
 	if (!pending) {
 		pending = [];
 		queueMicrotask(function() {
 			var entries = pending;
+			var dropped = superseded;
 			pending = null;
+			superseded = null;
+			if (dropped) entries = entries.filter(function(queued, index) {
+				var _dropped_get;
+				return index >= ((_dropped_get = dropped.get(queued.id)) !== null && _dropped_get !== void 0 ? _dropped_get : 0);
+			});
+			if (!entries.length) return;
 			engine === null || engine === void 0 || engine.applyViewStates(entries);
 			flushListener === null || flushListener === void 0 || flushListener(entries);
 		});
 	}
 	pending.push(entry);
 }
+function supersedeNativeViewStates(id) {
+	if (!pending) return;
+	(superseded || (superseded = /* @__PURE__ */ new Map())).set(id, pending.length);
+}
 //#endregion
 //#region ../web/dist/esm/setupHooks.native.js
 var hooks = {};
@@ -4071,7 +4081,7 @@ var hostTextProps = {
 	allowFontScaling: true,
 	ellipsizeMode: "tail"
 };
-var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
+var _withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeStyleKeys, host) {
 	var _hooks_getBaseViews;
 	var Fallback = _withStableStyle(Component, function(theme) {
 		var themedStyle = {};
@@ -4087,14 +4097,14 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
 	var HostText = host === "text" && !("userSelect" in baseStyle) && !("verticalAlign" in baseStyle) ? baseViews === null || baseViews === void 0 ? void 0 : baseViews.NativeText : void 0;
 	var hostTextBase = HostText ? _objectSpread2(_objectSpread2({ overflow: "hidden" }, baseStyle), typeof baseStyle.fontWeight === "number" && { fontWeight: String(baseStyle.fontWeight) }) : baseStyle;
 	var entries = /* @__PURE__ */ new Map();
-	var createEntry = function() {
+	var createEntry = function createEntry2() {
 		var entry = {
 			style: [baseStyle, null],
 			hostTextStyle: [hostTextBase, null],
 			stateName: "",
 			theme: null,
 			state: null,
-			ref: function(node) {
+			ref: function ref(node) {
 				if (node) linkHost(node, entry.state);
 			}
 		};
@@ -4107,7 +4117,7 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
 	var linkState = createNativeStyleLinkState;
 	var linkHost = linkNativeStyleHost;
 	var assignRef = setRef;
-	var render = function(props, key) {
+	var render = function render2(props, key) {
 		var scopeId = (0, react.use)(ScopeContext);
 		var inText = TextAncestor ? (0, react.use)(TextAncestor) : false;
 		var themeState = scopeId && engineOf() ? scopeState(scopeId) : void 0;
@@ -4132,8 +4142,8 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
 		}
 		if (entry.stateName !== name || entry.theme !== theme) {
 			var themed = resolve(themeStyleKeys, name, theme);
-			entry.style[1] = themed;
-			entry.hostTextStyle[1] = themed;
+			entry.style = [baseStyle, themed];
+			entry.hostTextStyle = [hostTextBase, themed];
 			entry.stateName = name;
 			entry.theme = theme;
 			entry.state = linkState(themeStyleKeys, scopeId, name, theme);
@@ -4157,7 +4167,7 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
 			children: element
 		}, key);
 	};
-	var NativeStyleView = function(props) {
+	var NativeStyleView = function NativeStyleView2(props) {
 		return render(props);
 	};
 	NativeStyleView.inline = function(element) {
@@ -4177,7 +4187,7 @@ function mayRenderText(children) {
 var isDevTools = (function() {
 	if (globalThis.process.env.NODE_ENV === "development") try {
 		return new Function("try {return this===window;}catch(e){ return false;}")();
-	} catch (e) {}
+	} catch (unused) {}
 	return false;
 })();
 //#endregion
@@ -4260,8 +4270,8 @@ function useMainThreadPressEvents(events, viewProps) {
 		ownsResponder.current = false;
 	};
 	viewProps.onResponderTerminationRequest = function(e) {
-		var _userTerminationRequest;
-		return (_userTerminationRequest = userTerminationRequest === null || userTerminationRequest === void 0 ? void 0 : userTerminationRequest(e)) !== null && _userTerminationRequest !== void 0 ? _userTerminationRequest : handlers.onResponderTerminationRequest();
+		var _ref;
+		return (_ref = userTerminationRequest === null || userTerminationRequest === void 0 ? void 0 : userTerminationRequest(e)) !== null && _ref !== void 0 ? _ref : handlers.onResponderTerminationRequest();
 	};
 	viewProps.onResponderMove = function(e) {
 		userMove === null || userMove === void 0 || userMove(e);
@@ -4276,16 +4286,16 @@ function useMainThreadPressEvents(events, viewProps) {
 //#region ../web/dist/esm/eventHandling.native.js
 var isFabric = !!globalThis.nativeFabricUIManager;
 var isAndroidCache;
-var getIsAndroid = function() {
+var getIsAndroid = function getIsAndroid2() {
 	if (isAndroidCache === void 0) isAndroidCache = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "android";
 	return isAndroidCache;
 };
 var isNativeDesktopCache;
-var getIsNativeDesktop = function() {
+var getIsNativeDesktop = function getIsNativeDesktop2() {
 	if (isNativeDesktopCache === void 0) isNativeDesktopCache = (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "macos" || (react_native.Platform === null || react_native.Platform === void 0 ? void 0 : react_native.Platform.OS) === "windows";
 	return isNativeDesktopCache;
 };
-var responderClaim = function() {
+var responderClaim = function responderClaim2() {
 	return true;
 };
 var responderWrapperStyle = { display: "contents" };
@@ -4335,7 +4345,7 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
 		var gestureRef = (0, react.useRef)(null);
 		var longPressTimerRef = (0, react.useRef)(null);
 		var longPressedRef = (0, react.useRef)(false);
-		var clearLongPress = function() {
+		var clearLongPress = function clearLongPress2() {
 			if (longPressTimerRef.current) clearTimeout(longPressTimerRef.current);
 			longPressTimerRef.current = null;
 		};
@@ -4343,7 +4353,7 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
 			return clearLongPress;
 		}, []);
 		var pressActiveRef = (0, react.useRef)(false);
-		var beginPress = function(e) {
+		var beginPress = function beginPress2(e) {
 			var _callbacksRef_current_onPressIn, _callbacksRef_current;
 			if (pressActiveRef.current) return;
 			pressActiveRef.current = true;
@@ -4362,7 +4372,7 @@ function useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNat
 			}
 			(_callbacksRef_current_onPressIn = (_callbacksRef_current = callbacksRef.current).onPressIn) === null || _callbacksRef_current_onPressIn === void 0 || _callbacksRef_current_onPressIn.call(_callbacksRef_current, e !== null && e !== void 0 ? e : {});
 		};
-		var endPress = function(e) {
+		var endPress = function endPress2(e) {
 			var firePress = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
 			var _callbacksRef_current_onPress, _callbacksRef_current, _callbacksRef_current_onPressOut, _callbacksRef_current1;
 			clearLongPress();
@@ -4440,7 +4450,7 @@ function getTransitionResolver() {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/getCSSStylesAtomic.native.js
-var empty$1 = function() {};
+var empty$1 = function empty2() {};
 var flushDirectStyles = empty$1;
 var registerAtomicSlot = empty$1;
 var getCSSStylesAtomic = empty$1;
@@ -4492,9 +4502,9 @@ function parseOutlineShorthand(value) {
 //#endregion
 //#region ../web/dist/esm/helpers/expandStyle.native.js
 var _loop = function(parent2) {
+	var _ref;
 	var _exec;
-	var _exec_index;
-	var prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);
+	var prefix = parent2.slice(0, (_ref = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _ref !== void 0 ? _ref : parent2.length);
 	EXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {
 		return `${prefix}${k}`;
 	});
@@ -4947,10 +4957,10 @@ function rgba(colorInt) {
 var normalizeCSSColor = import_normalize_color.default || import_normalize_color;
 //#endregion
 //#region ../web/dist/esm/helpers/normalizeColor.native.js
-var isDynamicColor = function(color) {
+var isDynamicColor = function isDynamicColor2(color) {
 	return typeof color.dynamic === "object" && color.dynamic !== null;
 };
-var normalizeColor = function(color, opacity) {
+var normalizeColor = function normalizeColor1(color, opacity) {
 	if (!color) return;
 	if (typeof color !== "string") {
 		if (opacity === void 0 || opacity === 1 || !isDynamicColor(color)) return color;
@@ -4963,13 +4973,13 @@ var normalizeColor = function(color, opacity) {
 	}
 	var rgbaVal = getRgba(color);
 	if (rgbaVal) {
-		var colors = `${rgbaVal.r},${rgbaVal.g},${rgbaVal.b}`;
 		var _ref;
+		var colors = `${rgbaVal.r},${rgbaVal.g},${rgbaVal.b}`;
 		return opacity === 1 ? `rgb(${colors})` : `rgba(${colors},${(_ref = opacity !== null && opacity !== void 0 ? opacity : rgbaVal.a) !== null && _ref !== void 0 ? _ref : 1})`;
 	}
 	return color;
 };
-var getRgba = function(color) {
+var getRgba = function getRgba2(color) {
 	if (typeof color !== "string") return;
 	var colorNum = normalizeCSSColor(color.replace(/^(rgb|hsl)\((?=[^)]*\/)/, "$1a("));
 	if (colorNum != null) return rgba(colorNum);
@@ -5076,15 +5086,15 @@ var defaultSizing = {
 		}
 	}
 };
-var toPx$1 = function(value) {
+var toPx$1 = function toPx2(value) {
 	return typeof value === "number" ? value : Number.parseFloat(value);
 };
 function resolveSizing(size, env) {
+	var _ref, _ref1, _ref2, _ref3, _ref4;
 	var _font_size, _font_size1, _font_lineHeight, _tokens_space;
 	if (size === false) return void 0;
 	var conf = (env === null || env === void 0 ? void 0 : env.fonts) && (env === null || env === void 0 ? void 0 : env.tokens) ? void 0 : getConfig();
-	var _env_sizing;
-	var sizing = _objectSpread2(_objectSpread2({}, defaultSizing), (_env_sizing = env === null || env === void 0 ? void 0 : env.sizing) !== null && _env_sizing !== void 0 ? _env_sizing : conf === null || conf === void 0 ? void 0 : conf.sizing);
+	var sizing = _objectSpread2(_objectSpread2({}, defaultSizing), (_ref = env === null || env === void 0 ? void 0 : env.sizing) !== null && _ref !== void 0 ? _ref : conf === null || conf === void 0 ? void 0 : conf.sizing);
 	var name = size === true || size == null ? sizing.default : size;
 	var rung = sizing.sizes[name];
 	if (!rung) return void 0;
@@ -5101,12 +5111,9 @@ function resolveSizing(size, env) {
 		icon: rung.px.icon,
 		square: rung.px.square
 	});
-	var _env_fonts;
-	var fonts = (_env_fonts = env === null || env === void 0 ? void 0 : env.fonts) !== null && _env_fonts !== void 0 ? _env_fonts : conf === null || conf === void 0 ? void 0 : conf.fontsParsed;
-	var _env_tokens;
-	var tokens = (_env_tokens = env === null || env === void 0 ? void 0 : env.tokens) !== null && _env_tokens !== void 0 ? _env_tokens : conf === null || conf === void 0 ? void 0 : conf.tokensParsed;
-	var _conf_defaultFontToken, _env_font;
-	var font = (_env_font = env === null || env === void 0 ? void 0 : env.font) !== null && _env_font !== void 0 ? _env_font : fonts === null || fonts === void 0 ? void 0 : fonts[(_conf_defaultFontToken = conf === null || conf === void 0 ? void 0 : conf.defaultFontToken) !== null && _conf_defaultFontToken !== void 0 ? _conf_defaultFontToken : "body"];
+	var fonts = (_ref1 = env === null || env === void 0 ? void 0 : env.fonts) !== null && _ref1 !== void 0 ? _ref1 : conf === null || conf === void 0 ? void 0 : conf.fontsParsed;
+	var tokens = (_ref2 = env === null || env === void 0 ? void 0 : env.tokens) !== null && _ref2 !== void 0 ? _ref2 : conf === null || conf === void 0 ? void 0 : conf.tokensParsed;
+	var font = (_ref3 = env === null || env === void 0 ? void 0 : env.font) !== null && _ref3 !== void 0 ? _ref3 : fonts === null || fonts === void 0 ? void 0 : fonts[(_ref4 = conf === null || conf === void 0 ? void 0 : conf.defaultFontToken) !== null && _ref4 !== void 0 ? _ref4 : "body"];
 	var px = {
 		fontSize: toPx$1(getVariableValue(font === null || font === void 0 ? void 0 : (_font_size = font.size) === null || _font_size === void 0 ? void 0 : _font_size[rung.fontSize])),
 		control: toPx$1(getVariableValue(font === null || font === void 0 ? void 0 : (_font_size1 = font.size) === null || _font_size1 === void 0 ? void 0 : _font_size1[rung.controlFontSize])),
@@ -5146,13 +5153,13 @@ var dynamicComputedNumberProbe = 712367821;
 var dynamicShapeProbeValues = /* @__PURE__ */ new WeakSet();
 function createDynamicShapeProbe() {
 	var probe = new Proxy(function target2() {}, {
-		apply: function() {
+		apply: function apply() {
 			return probe;
 		},
-		construct: function() {
+		construct: function construct() {
 			return probe;
 		},
-		get: function(_target, key) {
+		get: function get(_target, key) {
 			if (key === Symbol.toPrimitive) return function(hint) {
 				return hint === "number" ? dynamicComputedNumberProbe : dynamicComputedProbe;
 			};
@@ -5162,14 +5169,14 @@ function createDynamicShapeProbe() {
 			if (key === dynamicSpreadProbe) return true;
 			return probe;
 		},
-		getOwnPropertyDescriptor: function(target2, key) {
+		getOwnPropertyDescriptor: function getOwnPropertyDescriptor(target2, key) {
 			return key === dynamicSpreadProbe ? {
 				configurable: true,
 				enumerable: true,
 				value: true
 			} : Reflect.getOwnPropertyDescriptor(target2, key);
 		},
-		ownKeys: function(target2) {
+		ownKeys: function ownKeys(target2) {
 			return [...Reflect.ownKeys(target2), dynamicSpreadProbe];
 		}
 	});
@@ -5181,13 +5188,13 @@ function findDynamicShapeViolation(value) {
 	var seen = /* @__PURE__ */ new WeakSet();
 	var spread = false;
 	var computed = false;
-	var visit = function(current) {
+	var visit = function visit1(current) {
 		if (dynamicShapeProbeValues.has(current) || seen.has(current)) return;
 		seen.add(current);
 		var descriptors;
 		try {
 			descriptors = Object.getOwnPropertyDescriptors(current);
-		} catch (e) {
+		} catch (unused) {
 			return;
 		}
 		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
@@ -5232,7 +5239,7 @@ function validateDynamicShape(fn) {
 		if (!violation) return;
 		var reasons = [violation.spread ? "a spread from a dynamic input" : "", violation.computed ? "a computed key from a dynamic input" : ""].filter(Boolean);
 		console.warn(`[tamagui] styled.dynamic${fn.name ? ` (${fn.name})` : ""} returned ${reasons.join(" and ")} during its development shape check. Dynamic style bodies require static object keys for extraction; this definition will deopt instead.`);
-	} catch (e) {}
+	} catch (unused) {}
 }
 function styledDynamic(fn) {
 	if (!fn) return bareStyledDynamic;
@@ -5273,15 +5280,15 @@ var totalSelectorsInserted = /* @__PURE__ */ new Map();
 var allSelectors = {};
 var allRules = {};
 var allRuleSets = {};
-var getAllSelectors = function() {
+var getAllSelectors = function getAllSelectors2() {
 	return allSelectors;
 };
-var getRulesForIdentifier = function(identifier) {
+var getRulesForIdentifier = function getRulesForIdentifier2(identifier) {
 	return allRuleSets[identifier];
 };
 var sortedRules = [];
 var sortedRulesStale = true;
-var getAllRules = function() {
+var getAllRules = function getAllRules2() {
 	if (process.env.TAMAGUI_RUNTIME !== "island") {
 		if (sortedRulesStale) {
 			sortedRules = Object.keys(allRules).sort().map(function(key) {
@@ -5481,7 +5488,7 @@ function isTamaguiComponent(comp) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/isTamaguiElement.native.js
-var isTamaguiElement = function(child) {
+var isTamaguiElement = function isTamaguiElement2(child) {
 	return /* @__PURE__ */ react.default.isValidElement(child) && isTamaguiComponent(child.type);
 };
 //#endregion
@@ -5690,11 +5697,11 @@ function isDynamicUnitValue(value) {
 	return !!((_UNIT_RE_exec = UNIT_RE.exec(trimmed.replace(/\s+/g, ""))) === null || _UNIT_RE_exec === void 0 ? void 0 : _UNIT_RE_exec[2]);
 }
 function getUnitContext(key, styleState) {
+	var _ref;
 	var _styleState_conf_settings, _styleState_conf, _styleState_style, _groupEntry_state, _styleState_componentState_group_, _styleState_componentState_group, _styleState_componentState;
 	var window = react_native.Dimensions.get("window");
 	var fontScale = typeof react_native.PixelRatio !== "undefined" && react_native.PixelRatio.getFontScale ? react_native.PixelRatio.getFontScale() : 1;
-	var _styleState_conf_settings_remBaseFontSize;
-	var remBaseFontSize = (_styleState_conf_settings_remBaseFontSize = styleState === null || styleState === void 0 ? void 0 : (_styleState_conf = styleState.conf) === null || _styleState_conf === void 0 ? void 0 : (_styleState_conf_settings = _styleState_conf.settings) === null || _styleState_conf_settings === void 0 ? void 0 : _styleState_conf_settings.remBaseFontSize) !== null && _styleState_conf_settings_remBaseFontSize !== void 0 ? _styleState_conf_settings_remBaseFontSize : 16;
+	var remBaseFontSize = (_ref = styleState === null || styleState === void 0 ? void 0 : (_styleState_conf = styleState.conf) === null || _styleState_conf === void 0 ? void 0 : (_styleState_conf_settings = _styleState_conf.settings) === null || _styleState_conf_settings === void 0 ? void 0 : _styleState_conf_settings.remBaseFontSize) !== null && _ref !== void 0 ? _ref : 16;
 	var isFontSizeProp = key === "fontSize";
 	var elementFontSize = typeof (styleState === null || styleState === void 0 ? void 0 : (_styleState_style = styleState.style) === null || _styleState_style === void 0 ? void 0 : _styleState_style.fontSize) === "number" ? styleState.style.fontSize : remBaseFontSize;
 	var groupContext = styleState === null || styleState === void 0 ? void 0 : styleState.flatGroupContext;
@@ -5751,10 +5758,10 @@ function evaluateCalc(expr, ctx) {
 	if (s.toLowerCase().startsWith("calc(") && s.endsWith(")")) s = s.slice(5, -1).trim();
 	var tokens = s.match(/[()*/+-]|[^\s()*/+-]+/g) || [];
 	var pos = 0;
-	var peek = function() {
+	var peek = function peek2() {
 		return tokens[pos];
 	};
-	var consume = function() {
+	var consume = function consume2() {
 		return tokens[pos++];
 	};
 	function parseExpression() {
@@ -6020,8 +6027,8 @@ function resolveConditionModifier(state, condition, authored) {
 	ranks[rankIndex] = precedence;
 	var buildCSS = false;
 	if (kind === 2) {
-		var _state_flatMediaState;
 		var _state;
+		var _state_flatMediaState;
 		var query = modifier[3];
 		if (!query) return setConditionUnresolved(condition, name);
 		if (buildCSS) appendConditionWrapper(condition, `@media ${query}`);
@@ -6037,8 +6044,8 @@ function resolveConditionModifier(state, condition, authored) {
 		return;
 	}
 	if (kind === 6) {
-		var _state_componentState_group, _state_flatGroupContext, _state_flatGroupContext1, _component_media;
 		var _state1, _state2;
+		var _state_componentState_group, _state_flatGroupContext, _state_flatGroupContext1, _component_media;
 		var size = modifier[4];
 		var containerName = modifier[5];
 		var groupName = `@${containerName}`;
@@ -6057,14 +6064,13 @@ function resolveConditionModifier(state, condition, authored) {
 	}
 	var selector = modifier[3];
 	if (kind === 5) {
+		var _ref, _state3;
 		var _state_componentState_group1, _state_flatGroupContext2, _this;
-		var _state3;
 		var groupName1 = modifier[4];
 		if (buildCSS) condition[conditionSelector] += `:where(.t_group_${groupName1}${selector} *)`;
 		var component1 = (_state_componentState_group1 = state.componentState.group) === null || _state_componentState_group1 === void 0 ? void 0 : _state_componentState_group1[groupName1];
 		var context1 = (_state_flatGroupContext2 = state.flatGroupContext) === null || _state_flatGroupContext2 === void 0 ? void 0 : _state_flatGroupContext2[groupName1];
-		var _component_pseudo;
-		if (!((_this = (_component_pseudo = component1 === null || component1 === void 0 ? void 0 : component1.pseudo) !== null && _component_pseudo !== void 0 ? _component_pseudo : context1 === null || context1 === void 0 ? void 0 : context1.state.pseudo) === null || _this === void 0 ? void 0 : _this[modifier[5]])) condition[conditionValue] &= -2;
+		if (!((_this = (_ref = component1 === null || component1 === void 0 ? void 0 : component1.pseudo) !== null && _ref !== void 0 ? _ref : context1 === null || context1 === void 0 ? void 0 : context1.state.pseudo) === null || _this === void 0 ? void 0 : _this[modifier[5]])) condition[conditionValue] &= -2;
 		((_state3 = state).flatGroupKeys || (_state3.flatGroupKeys = /* @__PURE__ */ new Set())).add(groupName1);
 	} else {
 		var _state4;
@@ -6232,7 +6238,7 @@ function contributeProp(pass, keyOg, valOg) {
 			}
 			var resolveClassName = styleFrontend === null || styleFrontend === void 0 ? void 0 : styleFrontend.resolveClassName;
 			var composedProps = null;
-			var sink = function(entry2) {
+			var sink = function sink2(entry2) {
 				var property3 = entry2[0];
 				var condition2 = entry2[2];
 				if (property3.charCodeAt(0) === 95 && property3.charCodeAt(1) === 95) {
@@ -6415,10 +6421,8 @@ function contributeProp(pass, keyOg, valOg) {
 	if (!isValidStyleKeyInit) {
 		if (keyInit === "textOverflow") {
 			if (isText && valInit === "ellipsis") {
-				var _viewProps, _viewProps1;
-				var _numberOfLines;
+				var _viewProps, _numberOfLines, _viewProps1, _ellipsizeMode;
 				(_numberOfLines = (_viewProps = viewProps).numberOfLines) !== null && _numberOfLines !== void 0 || (_viewProps.numberOfLines = 1);
-				var _ellipsizeMode;
 				(_ellipsizeMode = (_viewProps1 = viewProps).ellipsizeMode) !== null && _ellipsizeMode !== void 0 || (_viewProps1.ellipsizeMode = "tail");
 			}
 			return;
@@ -6515,11 +6519,11 @@ function contributeProp(pass, keyOg, valOg) {
 			log("style", _objectSpread2({}, styleState.style));
 			log("viewProps", _objectSpread2({}, viewProps));
 			log("transforms", styleState.transformAccumulator);
-		} catch (e) {}
+		} catch (unused) {}
 		console.groupEnd();
 	}
 }
-var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver, styleStaticConfig) {
+var getSplitStyles = function getSplitStyles2(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver, styleStaticConfig) {
 	var _staticConfig_Component_staticConfig, _staticConfig_Component, _styleState_flatMediaKeys, _styleState_flatGroupKeys, _styleState_flatGroupMedia, _styleState_flatGroupKeys1, _styleState_flatGroupMedia1, _styleState_style;
 	var conf = getConfig();
 	styleStaticConfig || (styleStaticConfig = getStyleStaticConfig(staticConfig, conf));
@@ -6757,15 +6761,13 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 	var nativeTextMetrics;
 	var _styleState_style2;
 	if (viewProps.tabIndex === 0) {
-		var _viewProps;
-		var _accessible;
+		var _viewProps, _accessible;
 		(_accessible = (_viewProps = viewProps).accessible) !== null && _accessible !== void 0 || (_viewProps.accessible = true);
 	}
 	if ((isText || isInput || staticConfig.isDOM) && !isHOC && (styleState.nativeLineHeight !== void 0 || ((_styleState_style2 = styleState.style) === null || _styleState_style2 === void 0 ? void 0 : _styleState_style2.fontSize) !== void 0 || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.parentFontSize) !== void 0 || (componentContext === null || componentContext === void 0 ? void 0 : componentContext.parentLineHeight) !== void 0)) {
+		var _styleState2, _styleState_nativeLineHeight;
 		var _parentSplitStyles_nativeTextMetrics;
-		var _styleState2;
 		var style = (_styleState2 = styleState).style || (_styleState2.style = {});
-		var _styleState_nativeLineHeight;
 		var lineHeight = (_styleState_nativeLineHeight = styleState.nativeLineHeight) !== null && _styleState_nativeLineHeight !== void 0 ? _styleState_nativeLineHeight : parentSplitStyles === null || parentSplitStyles === void 0 ? void 0 : (_parentSplitStyles_nativeTextMetrics = parentSplitStyles.nativeTextMetrics) === null || _parentSplitStyles_nativeTextMetrics === void 0 ? void 0 : _parentSplitStyles_nativeTextMetrics.lineHeight;
 		if (typeof lineHeight === "string") {
 			var length = resolveNativeUnits("lineHeight", lineHeight, styleState);
@@ -6904,7 +6906,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 					parentSplitStyles
 				});
 				for (var key8 in logs) log(key8, logs[key8]);
-			} catch (e) {}
+			} catch (unused) {}
 			console.groupEnd();
 		}
 	}
@@ -6916,8 +6918,7 @@ var stylePieceStaticConfig = {
 	isText: true,
 	validStyles: stylePropsInput
 };
-var compileStylePieceRuntime = function(piece, layer) {};
-setStylePieceCompiler(compileStylePieceRuntime);
+setStylePieceCompiler(function compileStylePieceRuntime2(piece, layer) {});
 setStylePieceResolver(function(piece, theme, themeName) {
 	var split = getSplitStyles({ style: piece }, stylePieceStaticConfig, theme, themeName, defaultComponentStateMounted, {
 		isAnimated: false,
@@ -6975,11 +6976,10 @@ function mergeStyle(styleState, key, val) {
 	var { viewProps, styleProps, staticConfig } = styleState;
 	var contextPropSet = styleState.flatStyleStaticConfig.styledContextKeys;
 	if (contextPropSet === null || contextPropSet === void 0 ? void 0 : contextPropSet.has(key)) {
+		var _styleState, _ref;
 		var _styleState_originalContextPropValues;
-		var _styleState;
 		(_styleState = styleState).overriddenContextProps || (_styleState.overriddenContextProps = {});
 		var originalFromState = (_styleState_originalContextPropValues = styleState.originalContextPropValues) === null || _styleState_originalContextPropValues === void 0 ? void 0 : _styleState_originalContextPropValues[key];
-		var _ref;
 		styleState.overriddenContextProps[key] = (_ref = originalVal !== null && originalVal !== void 0 ? originalVal : originalFromState) !== null && _ref !== void 0 ? _ref : val;
 	}
 	if (key === "transform" || key in stylePropsTransform) {
@@ -7026,7 +7026,7 @@ function recordStyleTokenProvenance(styleState, key, originalVal) {
 		((_styleState = styleState).tokenProvenance || (_styleState.tokenProvenance = {}))[key] = originalVal;
 	} else if (styleState.tokenProvenance && key in styleState.tokenProvenance) delete styleState.tokenProvenance[key];
 }
-var resolveStyleObject = function(styleState, styleIn) {
+var resolveStyleObject = function resolveStyleObject2(styleState, styleIn) {
 	var { conf, styleProps } = styleState;
 	var styleOut = {};
 	var originalValues;
@@ -7041,10 +7041,10 @@ var resolveStyleObject = function(styleState, styleIn) {
 	childState.flatAtomics = void 0;
 	childState.flatSlots = void 0;
 	childState.flatPropertyLayers = void 0;
-	var mergeAccepted = function(_state, key2, value2, disableNormalize, originalValue) {
+	var mergeAccepted = function mergeAccepted2(_state, key2, value2, disableNormalize, originalValue) {
+		var _ref;
 		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;
+		var trackedOriginal = (_ref = styleInOriginalValues === null || styleInOriginalValues === void 0 ? void 0 : styleInOriginalValues[key2]) !== null && _ref !== void 0 ? _ref : originalValue;
 		if (trackedOriginal !== void 0) (originalValues || (originalValues = {}))[key2] = trackedOriginal;
 	};
 	for (var key in styleIn) {
@@ -7066,8 +7066,8 @@ var recordDefault = 8;
 var recordCSS = 16;
 function writeStyleRecord(state, property, value, cursor, original, flags) {
 	var conditionOverride = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : -1;
-	var _direct_flatPass, _direct_flatPass1;
 	var _direct;
+	var _direct_flatPass, _direct_flatPass1;
 	var condition = conditionOverride !== -1 ? conditionOverride : cursor ? cursor[conditionValue] : 0;
 	var identity = cursor ? cursor[conditionKey] : "";
 	if (value === "unset" && identity !== "") {
@@ -7114,11 +7114,11 @@ function completeResolvedStyles(state) {
 	var direct = state;
 	var shadow = direct.flatWebShadow;
 	if (shadow && (direct.flatBoxShadowSequence || 0) <= shadow[4]) {
+		var _shadow_;
 		var offset = shadow[1] || {
 			width: 0,
 			height: 0
 		};
-		var _shadow_;
 		var color = normalizeColor(shadow[0], (_shadow_ = shadow[2]) !== null && _shadow_ !== void 0 ? _shadow_ : 1);
 		if (color) {
 			var next = `${shadowUnit(offset.width)} ${shadowUnit(offset.height)} ${shadowUnit(shadow[3])} ${color}`;
@@ -7239,10 +7239,10 @@ function emitUnderCondition(state, property, value, cursor, originalValue, conte
 	}
 	return condition;
 }
-var formatScanFailure = function(failure, source, failureIndex) {
+var formatScanFailure = function formatScanFailure2(failure, source, failureIndex) {
 	return failure === "invalid-character" ? `"${source[failureIndex]}" would end the declaration or rule` : failure === "unterminated-string" ? "an unterminated string" : failure === "unterminated-comment" ? "an unterminated \"/*\" comment" : failure === "stray-comment-close" ? "a stray \"*/\"" : failure === "over-deep-clause" ? `a clause with more than 5 non-platform conditions` : "an unterminated \"(\"";
 };
-var warnScanFailure = function(property, source, failure, failureIndex) {
+var warnScanFailure = function warnScanFailure2(property, source, failure, failureIndex) {
 	if (globalThis.process.env.NODE_ENV === "development") warnRefusedValue(property, source, formatScanFailure(failure, source, failureIndex));
 };
 var borderTargets = {
@@ -7478,8 +7478,8 @@ function configuredValue(state, property, raw) {
 }
 function ownsSourceLayer(state, property) {
 	var conditional = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-	var _direct_flatPass, _direct_flatPass1;
 	var _direct;
+	var _direct_flatPass, _direct_flatPass1;
 	var direct = state;
 	var layer = ((_direct_flatPass = direct.flatPass) === null || _direct_flatPass === void 0 ? void 0 : _direct_flatPass[passSourceLayer]) || 0;
 	var layers = (_direct = direct).flatPropertyLayers || (_direct.flatPropertyLayers = /* @__PURE__ */ new Map());
@@ -7770,8 +7770,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 			if (!(flags & 1)) continue;
 			if (start === end) continue;
 			if (flags & 2) {
-				var _slices, _index;
-				var _;
+				var _slices, _index, _;
 				var payload = (_ = (_slices = slices)[_index = index]) !== null && _ !== void 0 ? _ : _slices[_index] = value.slice(start, end);
 				emitConditionalValue(state, property, payload, parentCondition, payload, sink, warnMode, contextOnly);
 				hasBase = true;
@@ -7782,7 +7781,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 		}
 		var lastPayloadStart = 0;
 		for (var index1 = 0; index1 < segments.length; index1 += 5) {
-			var _slices1, _ref;
+			var _slices1, _ref, _1;
 			var start1 = segments[index1];
 			var end1 = segments[index1 + 1];
 			var flags1 = segments[index1 + 4];
@@ -7796,12 +7795,10 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				if (warnMode && globalThis.process.env.NODE_ENV === "development") warnRefusedValue(property, value, "a conditional clause has no value");
 				continue;
 			}
-			var _1;
 			var cursor = conditionFromKey(state, (_1 = (_slices1 = slices)[_ref = index1 + 2]) !== null && _1 !== void 0 ? _1 : _slices1[_ref] = value.slice(segments[index1 + 2], segments[index1 + 3]), parentCondition);
 			conditions |= cursor[conditionValue];
 			if (cursor[conditionValue] & conditionResolvedFlag || warnMode) {
-				var _slices2, _index1;
-				var _2;
+				var _slices2, _index1, _2;
 				emitConditionalValue(state, property, (_2 = (_slices2 = slices)[_index1 = index1]) !== null && _2 !== void 0 ? _2 : _slices2[_index1] = value.slice(start1, end1), cursor, value, sink, warnMode, contextOnly);
 			}
 		}
@@ -7976,9 +7973,9 @@ function usePointerEvents(props, viewProps) {
 	};
 	if (!hasPointerEvents) return;
 	var bag = ref.current;
-	var createNormalizedEvent = function(e) {
-		var touch = e.nativeEvent;
+	var createNormalizedEvent = function createNormalizedEvent2(e) {
 		var _touch_identifier;
+		var touch = e.nativeEvent;
 		return _objectSpread2(_objectSpread2({}, e), {}, {
 			clientX: touch.pageX,
 			clientY: touch.pageY,
@@ -7990,10 +7987,10 @@ function usePointerEvents(props, viewProps) {
 			pointerId: (_touch_identifier = touch.identifier) !== null && _touch_identifier !== void 0 ? _touch_identifier : 0,
 			nativeEvent: touch,
 			target: {
-				setPointerCapture: function(_pointerId) {
+				setPointerCapture: function setPointerCapture(_pointerId) {
 					bag.isCaptured = true;
 				},
-				releasePointerCapture: function(_pointerId) {
+				releasePointerCapture: function releasePointerCapture(_pointerId) {
 					bag.isCaptured = false;
 				}
 			}
@@ -8077,7 +8074,7 @@ function setElementProps(element) {
 }
 //#endregion
 //#region ../web/dist/esm/helpers/subscribeToContextGroup.native.js
-var useGroupSetRevision = function(pseudoGroups, mediaGroups) {
+var useGroupSetRevision = function useGroupSetRevision2(pseudoGroups, mediaGroups) {
 	var previous = (0, react.useRef)({
 		pseudoGroups,
 		mediaGroups,
@@ -8090,7 +8087,7 @@ var useGroupSetRevision = function(pseudoGroups, mediaGroups) {
 	};
 	return previous.current.revision;
 };
-var setsEqual = function(a, b) {
+var setsEqual = function setsEqual2(a, b) {
 	if (a === b) return true;
 	if (!a || !b || a.size !== b.size) return false;
 	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
@@ -8111,7 +8108,7 @@ var setsEqual = function(a, b) {
 	}
 	return true;
 };
-var subscribeToContextGroup = function(props) {
+var subscribeToContextGroup = function subscribeToContextGroup2(props) {
 	var { pseudoGroups, mediaGroups, groupContext } = props;
 	if (pseudoGroups || mediaGroups) {
 		if (globalThis.process.env.NODE_ENV === "development" && !groupContext) console.debug(`No context group found`);
@@ -8159,7 +8156,7 @@ var subscribeToContextGroup = function(props) {
 		};
 	}
 };
-var createGroupListener = function(name, param) {
+var createGroupListener = function createGroupListener2(name, param) {
 	var { setStateShallow, pseudoGroups, mediaGroups, groupContext } = param;
 	var parent = groupContext === null || groupContext === void 0 ? void 0 : groupContext[name];
 	if (!parent) return function() {};
@@ -8211,7 +8208,7 @@ var createGroupListener = function(name, param) {
 //#endregion
 //#region ../use-did-finish-ssr/dist/esm/ClientOnly.native.js
 var ClientOnlyContext = /* @__PURE__ */ (0, react.createContext)(false);
-var ClientOnly = function(param) {
+var ClientOnly = function ClientOnly2(param) {
 	var { children, enabled } = param;
 	var existingValue = (0, react.useContext)(ClientOnlyContext);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClientOnlyContext.Provider, {
@@ -8221,7 +8218,7 @@ var ClientOnly = function(param) {
 };
 //#endregion
 //#region ../use-did-finish-ssr/dist/esm/index.native.js
-var useIsClientOnly = function() {
+var useIsClientOnly = function useIsClientOnly2() {
 	return react.useContext(ClientOnlyContext);
 };
 function useDidFinishSSR() {
@@ -8233,10 +8230,10 @@ function useClientValue(value) {
 }
 //#endregion
 //#region ../web/dist/esm/hooks/useComponentState.native.js
-var useComponentState = function(props, animationDriver, staticConfig, config) {
+var useComponentState = function useComponentState2(props, animationDriver, staticConfig, config) {
 	"use no memo";
+	var _stateRef, _ref, _ref1, _curStateRef, _curStateRef1;
 	var _getPlatformDriver, _animationDriver_usePresence;
-	var _stateRef, _curStateRef, _curStateRef1;
 	var isHydrated = useDidFinishSSR();
 	var needsHydration = !useIsClientOnly();
 	var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
@@ -8247,10 +8244,8 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 		optimizeForFirstRender: isOptimizedForFirstRender()
 	});
 	var hasAnimationProp = Boolean(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style));
-	var _animationDriver_inputStyle;
-	var inputStyle = (_animationDriver_inputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _animationDriver_inputStyle !== void 0 ? _animationDriver_inputStyle : "css";
-	var _animationDriver_outputStyle;
-	var outputStyle = (_animationDriver_outputStyle = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _animationDriver_outputStyle !== void 0 ? _animationDriver_outputStyle : "css";
+	var inputStyle = (_ref = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.inputStyle) !== null && _ref !== void 0 ? _ref : "css";
+	var outputStyle = (_ref1 = animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.outputStyle) !== null && _ref1 !== void 0 ? _ref1 : "css";
 	if (!needsHydration && hasAnimationProp) curStateRef.hasAnimated = true;
 	var platformPseudoPossible = Boolean(!isHOC && useAnimations && (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) && ((_getPlatformDriver = getPlatformDriver()) === null || _getPlatformDriver === void 0 ? void 0 : _getPlatformDriver.pseudo));
 	var willBeAnimatedClient = Boolean((hasAnimationProp || platformPseudoPossible) && !isHOC && useAnimations || curStateRef.hasAnimated);
@@ -8260,8 +8255,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
 	var animatePresenceOptIn = willBeAnimated && !isHOC && props["animatePresence"] !== false;
 	if (animatePresenceOptIn) curStateRef.shouldRegisterPresence = true;
 	else {
-		var _curStateRef2;
-		var _shouldRegisterPresence;
+		var _curStateRef2, _shouldRegisterPresence;
 		(_shouldRegisterPresence = (_curStateRef2 = curStateRef).shouldRegisterPresence) !== null && _shouldRegisterPresence !== void 0 || (_curStateRef2.shouldRegisterPresence = false);
 	}
 	var presenceResult = (animationDriver === null || animationDriver === void 0 ? void 0 : (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver, curStateRef)) || null;
@@ -8361,11 +8355,11 @@ function hasAnimatedStyleValue(style) {
 	}
 	return false;
 }
-var isDisabled = function(props) {
+var isDisabled = function isDisabled2(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, n) {
+var useSplitStyles = function useSplitStyles2(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, n);
 	if (process.env.TAMAGUI_RUNTIME !== "island" && false);
@@ -8382,7 +8376,7 @@ var Slot = /* @__PURE__ */ (0, react.memo)(createRefComponent(function Slot2(pro
 	}
 	return react.Children.count(children) > 1 ? react.Children.only(null) : null;
 }));
-var Slottable = function(param) {
+var Slottable = function Slottable2(param) {
 	var { children } = param;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
 };
@@ -8565,10 +8559,10 @@ function createComponent(staticConfig) {
 	var { Component, isText, isHOC } = staticConfig;
 	var res;
 	var { displayName } = staticConfig;
-	var component = function(propsInWithRef) {
+	var component = function component2(propsInWithRef) {
 		"use no memo";
+		var _stateRef_current, _avoidReRenders, _ref, _ref1;
 		var _hooks_usePropsTransform, _staticConfig_neverSkipProps;
-		var _stateRef_current;
 		var forwardedRef = propsInWithRef.ref;
 		var propsIn = propsInWithRef;
 		config = config || getConfig();
@@ -8621,14 +8615,14 @@ function createComponent(staticConfig) {
 		if (globalThis.process.env.NODE_ENV === "development" && true) react.default.useEffect(function() {
 			var node;
 			var overlay = null;
-			var remove = function() {
+			var remove = function remove2() {
 				if (overlay) try {
 					var _overlay_parentNode;
 					(_overlay_parentNode = overlay.parentNode) === null || _overlay_parentNode === void 0 || _overlay_parentNode.removeChild(overlay);
 					overlay = null;
-				} catch (e) {}
+				} catch (unused) {}
 			};
-			var debugVisualizerHandler = function() {
+			var debugVisualizerHandler = function debugVisualizerHandler2() {
 				var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
 				node = stateRef.current.host;
 				if (!node) return;
@@ -8668,12 +8662,12 @@ function createComponent(staticConfig) {
 		}, [displayName]);
 		var groupContextParent = react.default.useContext(GroupContext);
 		var animationDriver = (function() {
+			var _ref9, _componentContext_animationDriver;
 			if (props.animatedBy && config) {
 				if (config.animationDrivers) return props.animatedBy in config.animationDrivers ? config.animationDrivers[props.animatedBy] : config.animations;
 				return props.animatedBy === "default" ? config.animations : null;
 			}
-			var _componentContext_animationDriver, _ref5;
-			return (_ref5 = (_componentContext_animationDriver = componentContext.animationDriver) !== null && _componentContext_animationDriver !== void 0 ? _componentContext_animationDriver : config === null || config === void 0 ? void 0 : config.animations) !== null && _ref5 !== void 0 ? _ref5 : null;
+			return (_ref9 = (_componentContext_animationDriver = componentContext.animationDriver) !== null && _componentContext_animationDriver !== void 0 ? _componentContext_animationDriver : config === null || config === void 0 ? void 0 : config.animations) !== null && _ref9 !== void 0 ? _ref9 : null;
 		})();
 		var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
 		var componentState = useComponentState(props, (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig, config);
@@ -8681,7 +8675,6 @@ function createComponent(staticConfig) {
 		var { groupName } = componentState;
 		var { hasEnterStyle, isAnimated, willBeAnimated, willBeAnimatedClient, platformPseudo } = componentState;
 		props = componentState.props;
-		var _avoidReRenders;
 		(_avoidReRenders = (_stateRef_current = stateRef.current).avoidReRenders) !== null && _avoidReRenders !== void 0 || (_stateRef_current.avoidReRenders = !!(animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders));
 		if (stateRef.current.avoidReRenders) useIsomorphicLayoutEffect(function() {
 			var emitted = stateRef.current.prevPseudoState;
@@ -8730,9 +8723,9 @@ function createComponent(staticConfig) {
 		var _stateRef_current1;
 		themeStateProps.deopt = willBeAnimated;
 		themeStateProps.nativeUpdate = (_stateRef_current1 = stateRef.current).nativeUpdateProxy || (_stateRef_current1.nativeUpdateProxy = function(next) {
+			var _ref9;
 			var _stateRef_current_nativeStyleUpdate, _stateRef_current3;
-			var _stateRef_current_nativeStyleUpdate1;
-			return (_stateRef_current_nativeStyleUpdate1 = (_stateRef_current_nativeStyleUpdate = (_stateRef_current3 = stateRef.current).nativeStyleUpdate) === null || _stateRef_current_nativeStyleUpdate === void 0 ? void 0 : _stateRef_current_nativeStyleUpdate.call(_stateRef_current3, next)) !== null && _stateRef_current_nativeStyleUpdate1 !== void 0 ? _stateRef_current_nativeStyleUpdate1 : false;
+			return (_ref9 = (_stateRef_current_nativeStyleUpdate = (_stateRef_current3 = stateRef.current).nativeStyleUpdate) === null || _stateRef_current_nativeStyleUpdate === void 0 ? void 0 : _stateRef_current_nativeStyleUpdate.call(_stateRef_current3, next)) !== null && _ref9 !== void 0 ? _ref9 : false;
 		});
 		if (globalThis.process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
@@ -8790,10 +8783,8 @@ ${banner}
 		willBeAnimated = finalizedComponentState.willBeAnimated;
 		willBeAnimatedClient = finalizedComponentState.willBeAnimatedClient;
 		platformPseudo = finalizedComponentState.platformPseudo;
-		var _splitStyles_frontendGroup;
-		groupName = (_splitStyles_frontendGroup = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendGroup) !== null && _splitStyles_frontendGroup !== void 0 ? _splitStyles_frontendGroup : groupName;
-		var _splitStyles_frontendContainer;
-		var containerProp = (_splitStyles_frontendContainer = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendContainer) !== null && _splitStyles_frontendContainer !== void 0 ? _splitStyles_frontendContainer : props.container;
+		groupName = (_ref = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendGroup) !== null && _ref !== void 0 ? _ref : groupName;
+		var containerProp = (_ref1 = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendContainer) !== null && _ref1 !== void 0 ? _ref1 : props.container;
 		var containerName = props.containerName || (typeof containerProp === "string" ? containerProp : void 0);
 		var containerType = (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendContainerType) || props.containerType || (containerProp ? "inline-size" : void 0);
 		var isContainer = !!containerType && containerType !== "normal";
@@ -8820,7 +8811,7 @@ ${banner}
 			};
 			var entry = {
 				state: { pseudo: defaultComponentStateMounted },
-				subscribe: function(listener) {
+				subscribe: function subscribe(listener) {
 					var _stateRef_current_group2;
 					var dispose = (_stateRef_current_group2 = stateRef.current.group) === null || _stateRef_current_group2 === void 0 ? void 0 : _stateRef_current_group2.subscribe(listener);
 					return function() {
@@ -8846,6 +8837,7 @@ ${banner}
 		var nativeEngine = getNativeStyleEngine();
 		var canNativeUpdate = !!nativeEngine && !isPassthrough && !isHOC && !willBeAnimated && !groupName && !props.disableNativeStyle;
 		stateRef.current.nativePushedStates = canNativeUpdate ? /* @__PURE__ */ new Set() : void 0;
+		if (stateRef.current.nativeLink) supersedeNativeViewStates(stateRef.current.nativeLink.id);
 		stateRef.current.nativeThemeState = void 0;
 		stateRef.current.nativeActiveState = canNativeUpdate ? themeState === null || themeState === void 0 ? void 0 : themeState.name : void 0;
 		var pushViewState = canNativeUpdate ? function(stateName, style2) {
@@ -8973,6 +8965,7 @@ ${banner}
 			var _stateRef_current2;
 			var ogSetStateShallow = setStateShallow;
 			stateRef.current.updateStyleListener = function() {
+				var _ref9, _ref12;
 				var useStyleListener = stateRef.current.useStyleListener;
 				if (!useStyleListener) {
 					var pendingState = stateRef.current.nextState;
@@ -8982,8 +8975,7 @@ ${banner}
 				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, 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;
+				var effectiveTransition2 = (_ref9 = (_ref12 = nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.effectiveTransition) !== null && _ref12 !== void 0 ? _ref12 : props.transition) !== null && _ref9 !== void 0 ? _ref9 : platformPseudo ? "0ms" : void 0;
 				stateRef.current.prevPseudoState = extractPseudoState(updatedState);
 				var hasActivePseudo = Boolean(updatedState.hover || updatedState.press || updatedState.pressIn || updatedState.focus || updatedState.focusWithin);
 				useStyleListener((nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.style) || {}, effectiveTransition2, hasActivePseudo, nextStyles === null || nextStyles === void 0 ? void 0 : nextStyles.nativeTextMetrics);
@@ -9030,7 +9022,7 @@ ${banner}
 					ogSetStateShallow(next);
 				}
 			};
-			setStateShallow = function(state2) {
+			setStateShallow = function setStateShallow2(state2) {
 				var _stateRef_current_setStateShallow, _stateRef_current3;
 				(_stateRef_current_setStateShallow = (_stateRef_current3 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current3, state2);
 			};
@@ -9051,7 +9043,7 @@ ${banner}
 		var groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);
 		stateRef.current.prevStyle = splitStylesStyle || null;
 		var propsWithAnimation = props;
-		var _ref6 = viewPropsIn || {}, { asChild, children, themeShallow, onPress, onLongPress, onPressIn, onPressOut, onHoverIn, onHoverOut, onMouseUp, onMouseDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onTransition, separator, passThrough, forceStyle: _forceStyle, onClick, theme: _themeProp } = _ref6, nonTamaguiProps = _objectWithoutProperties(_ref6, _excluded2$2);
+		var _ref13 = viewPropsIn || {}, { asChild, children, themeShallow, onPress, onLongPress, onPressIn, onPressOut, onHoverIn, onHoverOut, onMouseUp, onMouseDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onTransition, separator, passThrough, forceStyle: _forceStyle, onClick, theme: _themeProp } = _ref13, nonTamaguiProps = _objectWithoutProperties(_ref13, _excluded2$2);
 		var viewProps = nonTamaguiProps;
 		if (props.forceStyle) viewProps.forceStyle = props.forceStyle;
 		if (isHOC) {
@@ -9065,12 +9057,12 @@ ${banner}
 		var shouldUseAnimation = (inputStyle === "css" ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC;
 		var animatedRef;
 		if (shouldUseAnimation) {
+			var _ref2, _ref3;
 			var _splitStyles_nativeTextMetrics;
 			var useStyleEmitter = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders) ? function(listener) {
 				stateRef.current.useStyleListener = listener;
 			} : void 0;
-			var _splitStyles_effectiveTransition, _ref;
-			var effectiveTransition = (_ref = (_splitStyles_effectiveTransition = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.effectiveTransition) !== null && _splitStyles_effectiveTransition !== void 0 ? _splitStyles_effectiveTransition : props.transition) !== null && _ref !== void 0 ? _ref : platformPseudo ? "0ms" : void 0;
+			var effectiveTransition = (_ref2 = (_ref3 = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.effectiveTransition) !== null && _ref3 !== void 0 ? _ref3 : props.transition) !== null && _ref2 !== void 0 ? _ref2 : platformPseudo ? "0ms" : void 0;
 			if (splitStyles) splitStyles.effectiveTransition = effectiveTransition;
 			stateRef.current.prevPseudoState = extractPseudoState(state);
 			var animations = useAnimations({
@@ -9132,7 +9124,7 @@ ${banner}
 		usePointerEvents(props, viewProps);
 		if (globalThis.process.env.NODE_ENV === "development") {}
 		if (globalThis.process.env.NODE_ENV === "development" && time$1) time$1`events-hooks`;
-		var unPress = function() {
+		var unPress = function unPress2() {
 			setStateShallow({
 				press: false,
 				pressIn: false
@@ -9169,7 +9161,7 @@ ${banner}
 		useIsomorphicLayoutEffect(function() {
 			var disposeSafeArea;
 			if (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea) {
-				var updateSafeArea = function() {
+				var updateSafeArea = function updateSafeArea2() {
 					setState(function(previous) {
 						return _objectSpread2({}, previous);
 					});
@@ -9235,7 +9227,7 @@ ${banner}
 			onPressOut === null || onPressOut === void 0 || onPressOut(e);
 			onMouseUp === null || onMouseUp === void 0 || onMouseUp(e);
 		} : void 0 }, (attachHover || attachPress) && {
-			onMouseEnter: function(e) {
+			onMouseEnter: function onMouseEnter1(e) {
 				var next = {};
 				if (needsHoverState && !lastInteractionWasTouch.value) next.hover = true;
 				if (needsPressState) {
@@ -9245,7 +9237,7 @@ ${banner}
 				onHoverIn === null || onHoverIn === void 0 || onHoverIn(e);
 				onMouseEnter === null || onMouseEnter === void 0 || onMouseEnter(e);
 			},
-			onMouseLeave: function(e) {
+			onMouseLeave: function onMouseLeave1(e) {
 				var next = {};
 				if (needsHoverState) next.hover = false;
 				if (needsPressState) {
@@ -9269,11 +9261,11 @@ ${banner}
 				unPress();
 				onPress === null || onPress === void 0 || onPress(e);
 			} : void 0
-		}, attachPress && onLongPress && { onLongPress: function(e) {
+		}, attachPress && onLongPress && { onLongPress: function onLongPress1(e) {
 			unPress();
 			onLongPress === null || onLongPress === void 0 || onLongPress(e);
 		} }), attachFocus && {
-			onFocus: function(e) {
+			onFocus: function onFocus1(e) {
 				var next = {};
 				if (componentContext.setParentFocusState) {
 					componentContext.setParentFocusState({ focusWithin: true });
@@ -9285,7 +9277,7 @@ ${banner}
 				setStateShallow(next);
 				onFocus === null || onFocus === void 0 || onFocus(e);
 			},
-			onBlur: function(e) {
+			onBlur: function onBlur1(e) {
 				if (componentContext.setParentFocusState) componentContext.setParentFocusState({ focusWithin: false });
 				setStateShallow({
 					focus: false,
@@ -9324,10 +9316,10 @@ ${banner}
 		});
 		var hasRealPressEvents = false;
 		var pressGesture = null;
+		var _ref4, _ref5, _ref6, _ref7, _props_testID;
 		var propsWithHref = props;
 		var propsInWithHref = propsIn;
-		var _props_testID, _ref1, _ref2, _ref3, _ref4;
-		var pressDebugDetail = (_ref4 = (_ref3 = (_ref2 = (_ref1 = (_props_testID = props.testID) !== null && _props_testID !== void 0 ? _props_testID : propsIn.testID) !== null && _ref1 !== void 0 ? _ref1 : props.accessibilityLabel) !== null && _ref2 !== void 0 ? _ref2 : propsIn.accessibilityLabel) !== null && _ref3 !== void 0 ? _ref3 : typeof propsWithHref.href === "string" ? propsWithHref.href : null) !== null && _ref4 !== void 0 ? _ref4 : typeof propsInWithHref.href === "string" ? propsInWithHref.href : null;
+		var pressDebugDetail = (_ref4 = (_ref5 = (_ref6 = (_ref7 = (_props_testID = props.testID) !== null && _props_testID !== void 0 ? _props_testID : propsIn.testID) !== null && _ref7 !== void 0 ? _ref7 : props.accessibilityLabel) !== null && _ref6 !== void 0 ? _ref6 : propsIn.accessibilityLabel) !== null && _ref5 !== void 0 ? _ref5 : typeof propsWithHref.href === "string" ? propsWithHref.href : null) !== null && _ref4 !== void 0 ? _ref4 : typeof propsInWithHref.href === "string" ? propsInWithHref.href : null;
 		var pressDebugName = displayName ? pressDebugDetail ? `${displayName}:${pressDebugDetail}` : displayName : pressDebugDetail || null;
 		hasRealPressEvents = !!(onPress || onPressIn || onPressOut || onLongPress);
 		pressGesture = useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, hasRealPressEvents);
@@ -9386,10 +9378,10 @@ ${banner}
 		var provideText = !!textMetrics && children !== null && typeof children === "object" && (!componentContext.inText || textMetrics.fontSize !== componentContext.parentFontSize || textMetrics.lineHeight !== componentContext.parentLineHeight || animatedText !== componentContext.animatedText);
 		var provideFocus = conditionalStates === null || conditionalStates === void 0 ? void 0 : conditionalStates.has("focus-within");
 		if (provideText || provideFocus) {
-			var _textMetrics_fontSize;
+			var _ref8;
 			content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContext.Provider, _objectSpread2(_objectSpread2({}, componentContext), {}, {
 				inText: provideText || componentContext.inText,
-				parentFontSize: (_textMetrics_fontSize = textMetrics === null || textMetrics === void 0 ? void 0 : textMetrics.fontSize) !== null && _textMetrics_fontSize !== void 0 ? _textMetrics_fontSize : componentContext.parentFontSize,
+				parentFontSize: (_ref8 = textMetrics === null || textMetrics === void 0 ? void 0 : textMetrics.fontSize) !== null && _ref8 !== void 0 ? _ref8 : componentContext.parentFontSize,
 				parentLineHeight: textMetrics ? textMetrics.lineHeight : componentContext.parentLineHeight,
 				animatedText,
 				setParentFocusState: provideFocus ? setStateShallow : componentContext.setParentFocusState,
@@ -9464,12 +9456,12 @@ ${banner}
 	}
 	return res;
 }
-var fromPx = function(val) {
+var fromPx = function fromPx2(val) {
 	if (typeof val === "number") return val;
 	if (typeof val === "string") return +val.replace("px", "");
 	return 0;
 };
-var getCustomRender = function(renderProp, content, viewProps, state) {
+var getCustomRender = function getCustomRender2(renderProp, content, viewProps, state) {
 	if (typeof renderProp === "function") renderProp = getRenderElementForPlatform(renderProp(viewProps, state));
 	if (renderProp) {
 		if (typeof renderProp === "object" && /* @__PURE__ */ react.default.isValidElement(renderProp)) {
@@ -9494,14 +9486,14 @@ function isHTMLElement(el) {
 //#endregion
 //#region ../web/dist/esm/helpers/getExpandedShorthands.native.js
 function getExpandedShorthand(propKey, props) {
-	var shorthands = getConfig().inverseShorthands;
 	var _props_propKey;
+	var shorthands = getConfig().inverseShorthands;
 	return (_props_propKey = props[propKey]) !== null && _props_propKey !== void 0 ? _props_propKey : props[shorthands[propKey]];
 }
 //#endregion
 //#region ../web/dist/esm/helpers/registerCSSVariable.native.js
 var variableGeneration = 0;
-var registerCSSVariable = function(v) {
+var registerCSSVariable = function registerCSSVariable2(v) {
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
 		var key = getVariableValue(v);
 		if (tokensValueToVariable.has(key) || tokensValueToVariable.size < 1e4) {
@@ -9510,23 +9502,23 @@ var registerCSSVariable = function(v) {
 		}
 	}
 };
-var variableToCSS = function(v) {
+var variableToCSS = function variableToCSS2(v) {
 	var unitless = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS) return `--${process.env.TAMAGUI_CSS_VARIABLE_PREFIX || ""}${createCSSVariable(v.name, false)}:${!unitless && typeof v.val === "number" ? `${v.val}px` : v.val}`;
 	return "";
 };
 var tokensValueToVariable = /* @__PURE__ */ new Map();
 var autoVariables = [];
-var serializeVariables = function(variables) {
+var serializeVariables = function serializeVariables2(variables) {
 	return variables.map(function(v) {
 		return `--${v.name}:${v.val}`;
 	}).join(";");
 };
-var getAutoVariableCSS = function() {
+var getAutoVariableCSS = function getAutoVariableCSS2() {
 	return serializeVariables(autoVariables);
 };
 var mutatedAutoVariables = [];
-var getMutatedAutoVariableCSS = function() {
+var getMutatedAutoVariableCSS = function getMutatedAutoVariableCSS2() {
 	return serializeVariables(mutatedAutoVariables);
 };
 //#endregion
@@ -9620,19 +9612,19 @@ var fontWeights = [
 	"800",
 	"900"
 ];
-var processSection = function(section, keys, defaultValue) {
+var processSection = function processSection2(section, keys, defaultValue) {
 	if (typeof section === "string") return section;
 	var sectionKeys = Object.keys(section);
 	var fillValue = section[sectionKeys[0]];
 	return Object.fromEntries([.../* @__PURE__ */ new Set([...keys, ...sectionKeys])].map(function(key) {
-		var _section_key, _ref;
+		var _ref, _section_key;
 		var value = (_ref = (_section_key = section[key]) !== null && _section_key !== void 0 ? _section_key : defaultValue) !== null && _ref !== void 0 ? _ref : fillValue;
 		fillValue = value;
 		defaultValue = value;
 		return [key, value];
 	}));
 };
-var createFont = function(font) {
+var createFont = function createFont2(font) {
 	var sizeKeys = Object.keys(font.size || {});
 	var processedFont = Object.fromEntries(Object.entries(font).map(function(param) {
 		var [key, section] = param;
@@ -9739,7 +9731,7 @@ function createShorthands(shorthands) {
 //#endregion
 //#region ../web/dist/esm/createVariables.native.js
 var cache = /* @__PURE__ */ new WeakMap();
-var createVariables = function(tokens) {
+var createVariables = function createVariables1(tokens) {
 	var parentPath = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
 	arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
 	if (cache.has(tokens)) return tokens;
@@ -9775,27 +9767,26 @@ var createVariables = function(tokens) {
 };
 //#endregion
 //#region ../web/dist/esm/helpers/defaultAnimationDriver.native.js
-var noAnimationDriver = function(method) {
+var noAnimationDriver = function noAnimationDriver2(method) {
 	console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
 };
-var createEmptyAnimationDriver = function() {
+var defaultAnimationDriver = function createEmptyAnimationDriver2() {
 	return {
 		inputStyle: "css",
 		outputStyle: "css",
 		isStub: true,
 		animations: {},
-		useAnimations: function() {
+		useAnimations: function useAnimations() {
 			return noAnimationDriver("animations");
 		},
-		usePresence: function() {
+		usePresence: function usePresence() {
 			return noAnimationDriver("usePresence");
 		},
-		ResetPresence: function() {
+		ResetPresence: function ResetPresence() {
 			return noAnimationDriver("ResetPresence");
 		}
 	};
-};
-var defaultAnimationDriver = createEmptyAnimationDriver();
+}();
 //#endregion
 //#region ../web/dist/esm/helpers/resolveAnimationDriver.native.js
 function isAnimationDriver(value) {
@@ -10065,7 +10056,7 @@ var unitlessSuffixes = [
 	"ratio",
 	"elevation"
 ];
-var isUnitlessVariableKey = function(key) {
+var isUnitlessVariableKey = function isUnitlessVariableKey2(key) {
 	var lower = key.toLowerCase();
 	return unitlessSuffixes.some(function(suffix) {
 		return lower.endsWith(suffix);
@@ -10078,7 +10069,7 @@ var tokenCategoryOrder = [
 	"radius",
 	"zIndex"
 ];
-var findVariableToken = function(tokensParsed, name) {
+var findVariableToken = function findVariableToken2(tokensParsed, name) {
 	if (globalThis.process.env.NODE_ENV === "development") {
 		var found;
 		var foundCategory;
@@ -10133,7 +10124,7 @@ var findVariableToken = function(tokensParsed, name) {
 function mergeConfigVariablesIntoTheme(theme, themeName, variables, tokensParsed) {
 	var scheme = themeName.startsWith("dark") ? "dark" : "light";
 	var resolving = /* @__PURE__ */ new Set();
-	var resolveRawValue = function(key2, value) {
+	var resolveRawValue = function resolveRawValue1(key2, value) {
 		if (typeof value === "object" && value !== null) {
 			if (isVariable(value)) return value.val;
 			if ("needsPx" in value) return value;
@@ -10422,10 +10413,10 @@ function createTamagui$2(configIn) {
 		lastIndex: -1,
 		static: null
 	};
-	var getCSS$1 = function() {
+	var getCSS$1 = function getCSS2() {
 		return getCSS(themeConfig, arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, cssState);
 	};
-	var getNewCSS = function(opts) {
+	var getNewCSS = function getNewCSS2(opts) {
 		return getCSS$1(_objectSpread2(_objectSpread2({}, opts), {}, { sinceLastCall: true }));
 	};
 	var inputAnimations = configIn.animations;
@@ -10558,8 +10549,8 @@ var builtinShorthands = {
 //#endregion
 //#region ../web/dist/esm/createTokens.native.js
 function createTokens(tokens) {
-	if (globalThis.process.env.NODE_ENV !== "production") validateNoTrueTokenKeys(tokens);
 	var _process_env_TAMAGUI_TOKEN_PREFIX;
+	if (globalThis.process.env.NODE_ENV !== "production") validateNoTrueTokenKeys(tokens);
 	return createVariables(tokens, (_process_env_TAMAGUI_TOKEN_PREFIX = process.env.TAMAGUI_TOKEN_PREFIX) !== null && _process_env_TAMAGUI_TOKEN_PREFIX !== void 0 ? _process_env_TAMAGUI_TOKEN_PREFIX : "t");
 }
 function validateNoTrueTokenKeys(tokens) {
@@ -10574,7 +10565,7 @@ function validateNoTrueTokenKeys(tokens) {
 function mergeVariantValues(earlier, later) {
 	if (typeof earlier !== "string" || typeof later !== "string") return later;
 	if (!earlier.includes(":") && !later.includes(":")) return later;
-	var getSlot = function(token, colon) {
+	var getSlot = function getSlot2(token, colon) {
 		var slot = [];
 		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 		try {
@@ -10600,7 +10591,7 @@ function mergeVariantValues(earlier, later) {
 	};
 	var clauses = /* @__PURE__ */ new Map();
 	var base;
-	var add = function(source, reject) {
+	var add = function add2(source, reject) {
 		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 		try {
 			for (var _iterator = source.trim().split(/\s+/)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
@@ -10638,7 +10629,7 @@ function mergeStyleBranch(parentBranch, ourBranch) {
 	for (var key in ourBranch) out[key] = key in parentBranch ? mergeVariantValues(parentBranch[key], ourBranch[key]) : ourBranch[key];
 	return out;
 }
-var mergeVariants = function(parentVariants, ourVariants) {
+var mergeVariants = function mergeVariants1(parentVariants, ourVariants) {
 	var level = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0;
 	if (!ourVariants) return parentVariants || {};
 	if (!parentVariants) return ourVariants || {};
@@ -10671,12 +10662,11 @@ function resolveSelection(state, variants, key, value, parentKey, condition) {
 	if (!isObj(output)) return;
 	var originals = styleOriginalValues.get(output);
 	for (var outputKey in output) {
+		var _ref;
 		if (!state.styleProps.noSkip && outputKey in skipProps) continue;
 		var raw = output[outputKey];
 		if (raw == null) continue;
-		var _$value = state.styleProps.noNormalize ? raw : normalizeValueWithProperty(raw, state.conf.shorthands[outputKey] || outputKey);
-		var _originals_outputKey;
-		emitVariantStyle(state, outputKey, _$value, (_originals_outputKey = originals === null || originals === void 0 ? void 0 : originals[outputKey]) !== null && _originals_outputKey !== void 0 ? _originals_outputKey : raw, condition, parentKey === key && outputKey === key);
+		emitVariantStyle(state, outputKey, state.styleProps.noNormalize ? raw : normalizeValueWithProperty(raw, state.conf.shorthands[outputKey] || outputKey), (_ref = originals === null || originals === void 0 ? void 0 : originals[outputKey]) !== null && _ref !== void 0 ? _ref : raw, condition, parentKey === key && outputKey === key);
 	}
 }
 //#endregion
@@ -10739,7 +10729,8 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	var reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;
 	var resolvedIsReactNative = Boolean(reactNativeConfig || isReactNative);
 	var component = createComponent((function() {
-		var _ref = options || {}, { variants, displayName: _displayName, defaultVariants, context, contextProps } = _ref, defaultProps = _objectWithoutProperties(_ref, _excluded$2);
+		var _ref;
+		var _ref2 = options || {}, { variants, displayName: _displayName, defaultVariants, context, contextProps } = _ref2, defaultProps = _objectWithoutProperties(_ref2, _excluded$2);
 		var parentDefaultVariants;
 		var parentDefaultProps;
 		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);
@@ -10770,8 +10761,7 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 		var isInput = Boolean((config === null || config === void 0 ? void 0 : config.isInput) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isInput));
 		var isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));
 		var validStyles = (config === null || config === void 0 ? void 0 : config.validStyles) || ((config === null || config === void 0 ? void 0 : config.isInput) ? stylePropsInput : (config === null || config === void 0 ? void 0 : config.isText) ? stylePropsText : parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.validStyles);
-		var _config_acceptsClassName;
-		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 acceptsClassName = (_ref = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _ref !== void 0 ? _ref : 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,
 			baseClassName: mergedBaseClassName,
@@ -10809,7 +10799,7 @@ function useStyle(piece) {
 }
 //#endregion
 //#region ../web/dist/esm/hooks/useIsTouchDevice.native.js
-var useIsTouchDevice = function() {
+var useIsTouchDevice = function useIsTouchDevice2() {
 	return true;
 };
 //#endregion
@@ -10827,13 +10817,13 @@ function useAnimatedNumberDriver() {
 function useAnimatedNumber(initial) {
 	return useAnimatedNumberDriver().useAnimatedNumber(initial);
 }
-var useAnimatedNumberStyle = function(value, getStyle) {
+var useAnimatedNumberStyle = function useAnimatedNumberStyle2(value, getStyle) {
 	return useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);
 };
-var useAnimatedNumbersStyle = function(values, getStyle) {
+var useAnimatedNumbersStyle = function useAnimatedNumbersStyle2(values, getStyle) {
 	return useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);
 };
-var useAnimatedNumberReaction = function(opts, onValue) {
+var useAnimatedNumberReaction = function useAnimatedNumberReaction2(opts, onValue) {
 	return useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);
 };
 //#endregion
@@ -10841,7 +10831,7 @@ var useAnimatedNumberReaction = function(opts, onValue) {
 var forceUpdateState = {
 	forceClassName: true,
 	deopt: true,
-	needsUpdate: function() {
+	needsUpdate: function needsUpdate() {
 		return true;
 	}
 };
@@ -10922,11 +10912,11 @@ var domEventProps = {
 };
 //#endregion
 //#region ../web/dist/esm/dom/adapters.native.js
-var noop = function() {};
-var returnFalse = function() {
+var noop = function noop2() {};
+var returnFalse = function returnFalse2() {
 	return false;
 };
-var clickFromPress = function(onClick) {
+var clickFromPress = function clickFromPress2(onClick) {
 	return function(event) {
 		var _event_nativeEvent_pageX, _event_nativeEvent_pageY;
 		onClick({
@@ -10945,7 +10935,7 @@ var clickFromPress = function(onClick) {
 		});
 	};
 };
-var changeFromText = function(onChange) {
+var changeFromText = function changeFromText2(onChange) {
 	return function(event) {
 		var _event_nativeEvent_text;
 		onChange({
@@ -10954,7 +10944,7 @@ var changeFromText = function(onChange) {
 		});
 	};
 };
-var inputFromText = function(onInput) {
+var inputFromText = function inputFromText2(onInput) {
 	return function(event) {
 		var _event_nativeEvent_text;
 		onInput({
@@ -10963,7 +10953,7 @@ var inputFromText = function(onInput) {
 		});
 	};
 };
-var keyFromKeyPress = function(onKeyDown) {
+var keyFromKeyPress = function keyFromKeyPress2(onKeyDown) {
 	return function(event) {
 		var _event_nativeEvent_key;
 		onKeyDown({
@@ -10972,7 +10962,7 @@ var keyFromKeyPress = function(onKeyDown) {
 		});
 	};
 };
-var loadFromImage = function(onLoad) {
+var loadFromImage = function loadFromImage2(onLoad) {
 	return function(event) {
 		var source = event.nativeEvent.source;
 		onLoad({
@@ -10984,12 +10974,12 @@ var loadFromImage = function(onLoad) {
 		});
 	};
 };
-var errorFromImage = function(onError) {
+var errorFromImage = function errorFromImage2(onError) {
 	return function() {
 		onError({ type: "error" });
 	};
 };
-var textEntryChange = function(onChange, onInput) {
+var textEntryChange = function textEntryChange2(onChange, onInput) {
 	if (!onChange) return onInput && inputFromText(onInput);
 	if (!onInput) return changeFromText(onChange);
 	return function(event) {
@@ -11084,7 +11074,7 @@ function assignRef(ref, value) {
 	else if (ref) ref.current = value;
 }
 function scaledRect(rect, scale) {
-	var value = function(name) {
+	var value = function value2(name) {
 		return typeof rect[name] === "number" ? rect[name] / scale : rect[name];
 	};
 	var DOMRectConstructor = globalThis.DOMRect;
@@ -11150,7 +11140,7 @@ function facadeFor(instance, tag, viewportScale) {
 				var property = _step.value;
 				if (property in host) Object.defineProperty(facade, property, {
 					configurable: true,
-					get: function() {
+					get: function get() {
 						return typeof host[property] === "number" ? host[property] / viewportScale : host[property];
 					}
 				});
@@ -11170,7 +11160,7 @@ function facadeFor(instance, tag, viewportScale) {
 	if (tag === "img") Object.defineProperty(facade, "complete", {
 		configurable: true,
 		enumerable: true,
-		get: function() {
+		get: function get() {
 			var _host_complete;
 			return (_host_complete = host.complete) !== null && _host_complete !== void 0 ? _host_complete : false;
 		}
@@ -11181,13 +11171,13 @@ function facadeFor(instance, tag, viewportScale) {
 		Object.defineProperties(facade, _objectSpread2({
 			selectionStart: {
 				enumerable: true,
-				get: function() {
+				get: function get() {
 					return selectionStart;
 				}
 			},
 			selectionEnd: {
 				enumerable: true,
-				get: function() {
+				get: function get() {
 					return selectionEnd;
 				}
 			}
@@ -11223,14 +11213,14 @@ function createDOMRefCallback(ref, tag, viewportScale) {
 	var callback = byTag.get(cacheKey);
 	if (!callback) {
 		var release;
-		callback = function(instance) {
+		callback = function callback2(instance) {
 			if (!instance) {
 				if (release) return release();
 				return assignRef(ref, null);
 			}
 			release === null || release === void 0 || release();
 			var cleanup = assignRef(ref, facadeFor(instance, tag, viewportScale));
-			var currentRelease = function() {
+			var currentRelease = function currentRelease1() {
 				if (release !== currentRelease) return;
 				release = void 0;
 				if (typeof cleanup === "function") cleanup();
@@ -11351,11 +11341,11 @@ function resolvedDOMView(props) {
 }
 function DOMTextWithInheritedStyle(param) {
 	var { props } = param;
+	var _context_animationDriver;
 	var parent = (0, react.useContext)(inheritedTextStyleContext);
 	var context = (0, react.useContext)(ComponentContext);
 	var value = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent, context, props.__textMetrics);
 	var content = renderDOMText(_objectSpread2(_objectSpread2({}, props), {}, { style: [props.style, value.style] }));
-	var _context_animationDriver;
 	var driver = context.animatedText && ((_context_animationDriver = context.animationDriver) !== null && _context_animationDriver !== void 0 ? _context_animationDriver : getConfig().animations);
 	if (value.metrics.inheritsFontSize && context.animatedText && (driver === null || driver === void 0 ? void 0 : driver.useTextMetrics)) content = (0, react_jsx_runtime.jsx)(NativeTextBinding, {
 		element: content,
@@ -11379,11 +11369,11 @@ function resolvedDOMText(props) {
 }
 function DOMTextInputWithInheritedStyle(param) {
 	var { props } = param;
+	var _context_animationDriver;
 	var parent = (0, react.useContext)(inheritedTextStyleContext);
 	var context = (0, react.useContext)(ComponentContext);
 	var inherited = resolveInheritedTextStyle([props.style, props.__inheritedStyles], parent, context, props.__textMetrics);
 	var resolved = _objectSpread2(_objectSpread2({}, props), {}, { style: [props.style, inherited.style] });
-	var _context_animationDriver;
 	var driver = context.animatedText && ((_context_animationDriver = context.animationDriver) !== null && _context_animationDriver !== void 0 ? _context_animationDriver : getConfig().animations);
 	if (inherited.metrics.inheritsFontSize && context.animatedText && (driver === null || driver === void 0 ? void 0 : driver.useTextMetrics)) return (0, react_jsx_runtime.jsx)(NativeTextBinding, {
 		element: renderDOMTextInput(resolved),
@@ -11519,6 +11509,7 @@ function resolveDOMProps(props, tag, spec, tables) {
 	var hasInputMode = false;
 	var hasRole = false;
 	for (var name in props) {
+		var _tables_unsupportedProps_name, _tables_renamed_name;
 		var value = props[name];
 		if (value === void 0) continue;
 		if (name === "display") {
@@ -11566,13 +11557,11 @@ function resolveDOMProps(props, tag, spec, tables) {
 			continue;
 		}
 		if (tables.unsupportedEvents.has(name)) throw new Error(`${name} has no native DOM event equivalent`);
-		var _tables_unsupportedProps_name;
 		var note = (_tables_unsupportedProps_name = tables.unsupportedProps[name]) !== null && _tables_unsupportedProps_name !== void 0 ? _tables_unsupportedProps_name : name.startsWith("data-") && name !== "data-testid" ? tables.dataPropNote : void 0;
 		if (note !== void 0) throw new Error(`${name} is not supported on native html.${tag}: ${note}`);
 		if (name === "onKeyDown" && !spec.entry) throw new Error("onKeyDown requires a native text-entry control");
 		if (name === "inputMode") hasInputMode = true;
 		else if (name === "role") hasRole = true;
-		var _tables_renamed_name;
 		next[(_tables_renamed_name = tables.renamed[name]) !== null && _tables_renamed_name !== void 0 ? _tables_renamed_name : name] = value;
 	}
 	if (nested) Object.assign(next, nested);
@@ -11593,7 +11582,7 @@ function resolveDOMProps(props, tag, spec, tables) {
 function createDOMTagFactory(tables) {
 	return function domTag(tag, Component) {
 		var spec = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-		var Tag = function(props) {
+		var Tag = function Tag2(props) {
 			return (0, react_jsx_runtime.jsx)(Component, resolveDOMProps(props, tag, spec, tables));
 		};
 		Tag.displayName = tag;
@@ -11606,7 +11595,7 @@ function createDOMTagFactory(tables) {
 	};
 }
 function unsupportedDOMTag(tag, note) {
-	var Tag = function() {
+	var Tag = function Tag2() {
 		throw new Error(`html.${tag} is not supported on native: ${note}`);
 	};
 	Tag.displayName = tag;
@@ -11733,7 +11722,7 @@ var domTag = createDOMTagFactory({
 });
 var domValidStyles = _objectSpread2(_objectSpread2({}, viewStaticConfig.validStyles), textStaticConfig.validStyles);
 var domInputValidStyles = _objectSpread2(_objectSpread2({}, domValidStyles), stylePropsInput);
-var primitive = function(component) {
+var primitive = function primitive2(component) {
 	return component;
 };
 var html = {
@@ -12440,9 +12429,9 @@ var html = {
 };
 //#endregion
 //#region ../web/dist/esm/views/Configuration.native.js
-var Configuration = function(props) {
-	var current = react.default.useContext(ComponentContext);
+var Configuration = function Configuration2(props) {
 	var _props_disableSSR;
+	var current = react.default.useContext(ComponentContext);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClientOnly, {
 		enabled: (_props_disableSSR = props.disableSSR) !== null && _props_disableSSR !== void 0 ? _props_disableSSR : current.disableSSR,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContext.Provider, _objectSpread2(_objectSpread2({}, current), props))
@@ -12478,7 +12467,7 @@ function SafeAreaTracker() {
 }
 //#endregion
 //#region ../web/dist/esm/views/ThemeProvider.native.js
-var ThemeProvider = function(props) {
+var ThemeProvider = function ThemeProvider2(props) {
 	"use no memo";
 	var addThemeClassName = props.isSubtreeRoot ? false : getSetting("addThemeClassName");
 	var forceClassName = props.isSubtreeRoot || addThemeClassName === void 0;
@@ -12568,7 +12557,7 @@ function useGet(currentValue, initialValue, forwardToFunction) {
 function useEvent(callback) {
 	return useGet(callback, defaultValue, true);
 }
-var defaultValue = function() {
+var defaultValue = function defaultValue2() {
 	throw new Error("Cannot call an event handler while rendering.");
 };
 //#endregion
@@ -12603,17 +12592,17 @@ var LayoutHandlers = /* @__PURE__ */ new WeakMap();
 var LayoutDisableKey = /* @__PURE__ */ new WeakMap();
 var Nodes = /* @__PURE__ */ new Set();
 var NodeRectCache = /* @__PURE__ */ new WeakMap();
-var usePretransformDimensions = function() {
+var usePretransformDimensions = function usePretransformDimensions2() {
 	return globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === true || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
 };
-var isDebugLayout = function() {
+var isDebugLayout = function isDebugLayout2() {
 	var _window_location_search, _window_location;
 	return typeof window !== "undefined" && ((_window_location = window.location) === null || _window_location === void 0 ? void 0 : (_window_location_search = _window_location.search) === null || _window_location_search === void 0 ? void 0 : _window_location_search.includes("__tamaDebugLayout"));
 };
 var DisableLayoutContextValues = {};
 var DisableLayoutContextKey = /* @__PURE__ */ (0, react.createContext)("");
 var ENABLE = false;
-var LayoutMeasurementController = function(param) {
+var LayoutMeasurementController = function LayoutMeasurementController2(param) {
 	var { disable, children } = param;
 	var id = (0, react.useId)();
 	useIsomorphicLayoutEffect(function() {
@@ -12779,14 +12768,14 @@ if (ENABLE) {
 		return _layoutOnAnimationFrame.apply(this, arguments);
 	}
 	resumeLayoutLoop = scheduleLayoutFrame2;
-	measureOnNextFrame = function() {
+	measureOnNextFrame = function measureOnNextFrame2() {
 		frameCount = 0;
 		scheduleLayoutFrame2();
 	};
 	document.addEventListener("visibilitychange", scheduleLayoutFrame2);
 	scheduleLayoutFrame2();
 }
-var getElementLayoutEvent = function(nodeRect, parentRect, node) {
+var getElementLayoutEvent = function getElementLayoutEvent2(nodeRect, parentRect, node) {
 	return {
 		nativeEvent: {
 			layout: getRelativeDimensions(nodeRect, parentRect, node),
@@ -12795,13 +12784,13 @@ var getElementLayoutEvent = function(nodeRect, parentRect, node) {
 		timeStamp: Date.now()
 	};
 };
-var getPreTransformDimensions = function(node) {
+var getPreTransformDimensions = function getPreTransformDimensions2(node) {
 	return {
 		width: node.offsetWidth,
 		height: node.offsetHeight
 	};
 };
-var getRelativeDimensions = function(a, b, aNode) {
+var getRelativeDimensions = function getRelativeDimensions2(a, b, aNode) {
 	var left = a.left - b.left;
 	var top = a.top - b.top;
 	var { width, height } = usePretransformDimensions() && aNode ? getPreTransformDimensions(aNode) : {
@@ -13249,7 +13238,7 @@ var NativeMediaQueryList = /* @__PURE__ */ (function() {
 })();
 //#endregion
 //#region ../react-native-media-driver/dist/esm/matchMedia.native.js
-var matchMedia$1 = function(query) {
+var matchMedia$1 = function matchMedia2(query) {
 	return new NativeMediaQueryList(query);
 };
 //#endregion