@tamagui/core 3.0.6 → 3.0.8

package/dist/native.cjs

@@ -113,7 +113,7 @@ function isPlainObject(value) {
 }
 var isObj;
 var init_isObj_native = __esmMin((() => {
-	isObj = function(x) {
+	isObj = function isObj2(x) {
 		return x && !Array.isArray(x) && typeof x === "object";
 	};
 }));
@@ -121,20 +121,20 @@ var init_isObj_native = __esmMin((() => {
 //#region ../web/dist/esm/helpers/mergeProps.native.js
 var mergeLayer, mergeProps, mergeComponentProps;
 var init_mergeProps_native = __esmMin((() => {
-	mergeLayer = function(out, layer) {
+	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;
 		}
 	};
-	mergeProps = function(defaultProps, props) {
+	mergeProps = function mergeProps2(defaultProps, props) {
 		var out = {};
 		mergeLayer(out, defaultProps);
 		mergeLayer(out, props);
 		return out;
 	};
-	mergeComponentProps = function(defaultProps, contextProps, props) {
+	mergeComponentProps = function mergeComponentProps2(defaultProps, contextProps, props) {
 		var overriddenContext = null;
 		if (!defaultProps && !contextProps) return [props, overriddenContext];
 		var out = {};
@@ -190,7 +190,7 @@ var init_createStyledContext_native = __esmMin((() => {
 		"scope",
 		"__disableMergeDefaultValues"
 	];
-	createStyledContext = function(defaultValues) {
+	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 || "";
@@ -209,10 +209,10 @@ var init_createStyledContext_native = __esmMin((() => {
 			}
 			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$26);
 			var scope = getNamespacedScope(scopeIn);
 			var next = react.default.useMemo(function() {
@@ -228,7 +228,7 @@ var init_createStyledContext_native = __esmMin((() => {
 				})
 			});
 		};
-		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;
@@ -271,7 +271,7 @@ var init_ComponentContext_native = __esmMin((() => {
 		"setParentFocusState",
 		"insets"
 	] });
-	useConfiguration = function() {
+	useConfiguration = function useConfiguration2() {
 		return (0, react.useContext)(ComponentContext);
 	};
 }));
@@ -513,13 +513,13 @@ var init_index_native$10 = __esmMin((() => {
 	Nodes = /* @__PURE__ */ new Set();
 	NodeRectCache = /* @__PURE__ */ new WeakMap();
 	PrevHostNode = /* @__PURE__ */ new WeakMap();
-	usePretransformDimensions = function() {
+	usePretransformDimensions = function usePretransformDimensions2() {
 		return globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === true || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
 	};
 	DisableLayoutContextValues = {};
 	DisableLayoutContextKey = /* @__PURE__ */ (0, react.createContext)("");
 	ENABLE = false;
-	LayoutMeasurementController = function(param) {
+	LayoutMeasurementController = function LayoutMeasurementController2(param) {
 		var { disable, children } = param;
 		var id = (0, react.useId)();
 		useIsomorphicLayoutEffect(function() {
@@ -668,14 +668,14 @@ var init_index_native$10 = __esmMin((() => {
 			return _layoutOnAnimationFrame.apply(this, arguments);
 		}
 		resumeLayoutLoop = scheduleLayoutFrame2;
-		measureOnNextFrame = function() {
+		measureOnNextFrame = function measureOnNextFrame2() {
 			frameCount = 0;
 			scheduleLayoutFrame2();
 		};
 		document.addEventListener("visibilitychange", scheduleLayoutFrame2);
 		scheduleLayoutFrame2();
 	}
-	getElementLayoutEvent = function(nodeRect, parentRect, node) {
+	getElementLayoutEvent = function getElementLayoutEvent2(nodeRect, parentRect, node) {
 		return {
 			nativeEvent: {
 				layout: getRelativeDimensions(nodeRect, parentRect, node),
@@ -684,13 +684,13 @@ var init_index_native$10 = __esmMin((() => {
 			timeStamp: Date.now()
 		};
 	};
-	getPreTransformDimensions = function(node) {
+	getPreTransformDimensions = function getPreTransformDimensions2(node) {
 		return {
 			width: node.offsetWidth,
 			height: node.offsetHeight
 		};
 	};
-	getRelativeDimensions = function(a, b, aNode) {
+	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) : {
@@ -706,7 +706,7 @@ var init_index_native$10 = __esmMin((() => {
 			pageY: a.top
 		};
 	};
-	getBoundingClientRectAsync = function(node) {
+	getBoundingClientRectAsync = function getBoundingClientRectAsync2(node) {
 		return new Promise(function(res) {
 			if (!node || node.nodeType !== 1) return res(false);
 			var io = new IntersectionObserver(function(entries) {
@@ -717,7 +717,7 @@ var init_index_native$10 = __esmMin((() => {
 		});
 	};
 	measureNode = /* @__PURE__ */ function() {
-		var _ref = _asyncToGenerator(function* (node, relativeTo) {
+		var _measureNode = _asyncToGenerator(function* (node, relativeTo) {
 			var relativeNode = relativeTo || (node === null || node === void 0 ? void 0 : node.parentElement);
 			if (relativeNode instanceof HTMLElement) {
 				var [nodeDim, relativeNodeDim] = yield Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]);
@@ -725,51 +725,55 @@ var init_index_native$10 = __esmMin((() => {
 			}
 			return null;
 		});
-		return function measureNode(_x, _x2) {
-			return _ref.apply(this, arguments);
-		};
+		function measureNode2(_x, _x2) {
+			return _measureNode.apply(this, arguments);
+		}
+		return measureNode2;
 	}();
 	measure = /* @__PURE__ */ function() {
-		var _ref2 = _asyncToGenerator(function* (node, callback) {
+		var _measure = _asyncToGenerator(function* (node, callback) {
 			var out = yield measureNode(node, node.parentElement);
 			if (out) callback === null || callback === void 0 || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
 			return out;
 		});
-		return function measure(_x3, _x4) {
-			return _ref2.apply(this, arguments);
-		};
+		function measure2(_x3, _x4) {
+			return _measure.apply(this, arguments);
+		}
+		return measure2;
 	}();
-	createMeasure = function(node) {
+	createMeasure = function createMeasure2(node) {
 		return function(callback) {
 			return measure(node, callback);
 		};
 	};
 	measureInWindow = /* @__PURE__ */ function() {
-		var _ref3 = _asyncToGenerator(function* (node, callback) {
+		var _measureInWindow = _asyncToGenerator(function* (node, callback) {
 			var out = yield measureNode(node, null);
 			if (out) callback === null || callback === void 0 || callback(out.pageX, out.pageY, out.width, out.height);
 			return out;
 		});
-		return function measureInWindow(_x5, _x6) {
-			return _ref3.apply(this, arguments);
-		};
+		function measureInWindow2(_x5, _x6) {
+			return _measureInWindow.apply(this, arguments);
+		}
+		return measureInWindow2;
 	}();
-	createMeasureInWindow = function(node) {
+	createMeasureInWindow = function createMeasureInWindow2(node) {
 		return function(callback) {
 			return measureInWindow(node, callback);
 		};
 	};
 	measureLayout$1 = /* @__PURE__ */ function() {
-		var _ref4 = _asyncToGenerator(function* (node, relativeNode, callback) {
+		var _measureLayout = _asyncToGenerator(function* (node, relativeNode, callback) {
 			var out = yield measureNode(node, relativeNode);
 			if (out) callback === null || callback === void 0 || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY);
 			return out;
 		});
-		return function measureLayout(_x7, _x8, _x9) {
-			return _ref4.apply(this, arguments);
-		};
+		function measureLayout2(_x7, _x8, _x9) {
+			return _measureLayout.apply(this, arguments);
+		}
+		return measureLayout2;
 	}();
-	createMeasureLayout = function(node) {
+	createMeasureLayout = function createMeasureLayout2(node) {
 		return function(relativeTo, callback) {
 			return measureLayout$1(node, relativeTo, callback);
 		};
@@ -2709,19 +2713,19 @@ var init_PressResponder_native = __esmMin((() => {
 			LONG_PRESS_DETECTED: NOT_RESPONDER
 		}
 	});
-	isActiveSignal = function(signal) {
+	isActiveSignal = function isActiveSignal2(signal) {
 		return signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
 	};
-	isButtonRole = function(element) {
+	isButtonRole = function isButtonRole2(element) {
 		return element.getAttribute("role") === "button";
 	};
-	isPressStartSignal = function(signal) {
+	isPressStartSignal = function isPressStartSignal2(signal) {
 		return signal === RESPONDER_INACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_PRESS_START || signal === RESPONDER_ACTIVE_LONG_PRESS_START;
 	};
-	isTerminalSignal = function(signal) {
+	isTerminalSignal = function isTerminalSignal2(signal) {
 		return signal === RESPONDER_TERMINATED || signal === RESPONDER_RELEASE;
 	};
-	isValidKeyPress = function(event) {
+	isValidKeyPress = function isValidKeyPress2(event) {
 		var key = event.key;
 		var role = event.target.getAttribute("role");
 		return key === "Enter" || (key === " " || key === "Spacebar") && role === "button";
@@ -2776,7 +2780,7 @@ var init_PressResponder_native = __esmMin((() => {
 				key: "_createEventHandlers",
 				value: function _createEventHandlers() {
 					var _this = this;
-					var start = function(event, shouldDelay) {
+					var start = function start2(event, shouldDelay) {
 						event.persist();
 						_this._cancelPressOutDelayTimeout();
 						_this._longPressDispatched = false;
@@ -2794,10 +2798,10 @@ var init_PressResponder_native = __esmMin((() => {
 							_this._handleLongPress(event);
 						}, delayLongPress + delayPressStart);
 					};
-					var end = function(event) {
+					var end = function end2(event) {
 						_this._receiveSignal(RESPONDER_RELEASE, event);
 					};
-					var keyupHandler = function(event) {
+					var keyupHandler = function keyupHandler1(event) {
 						var onPress = _this._config.onPress;
 						var target = event.target;
 						if (_this._touchState !== NOT_RESPONDER && isValidKeyPress(event)) {
@@ -2809,13 +2813,13 @@ var init_PressResponder_native = __esmMin((() => {
 						}
 					};
 					return {
-						onStartShouldSetResponder: function(event) {
+						onStartShouldSetResponder: function onStartShouldSetResponder(event) {
 							var disabled = _this._config.disabled;
 							if (disabled && isButtonRole(event.currentTarget)) event.stopPropagation();
 							if (disabled == null) return true;
 							return !disabled;
 						},
-						onKeyDown: function(event) {
+						onKeyDown: function onKeyDown(event) {
 							var disabled = _this._config.disabled;
 							var key = event.key;
 							var target = event.target;
@@ -2829,10 +2833,10 @@ var init_PressResponder_native = __esmMin((() => {
 								event.stopPropagation();
 							}
 						},
-						onResponderGrant: function(event) {
+						onResponderGrant: function onResponderGrant(event) {
 							return start(event);
 						},
-						onResponderMove: function(event) {
+						onResponderMove: function onResponderMove(event) {
 							if (_this._config.onPressMove != null) _this._config.onPressMove(event);
 							var touch = getTouchFromResponderEvent(event);
 							if (_this._touchActivatePosition != null) {
@@ -2841,14 +2845,14 @@ var init_PressResponder_native = __esmMin((() => {
 								if (Math.hypot(deltaX, deltaY) > 10) _this._cancelLongPressDelayTimeout();
 							}
 						},
-						onResponderRelease: function(event) {
+						onResponderRelease: function onResponderRelease(event) {
 							return end(event);
 						},
-						onResponderTerminate: function(event) {
+						onResponderTerminate: function onResponderTerminate(event) {
 							if (event.nativeEvent.type === "selectionchange") _this._selectionTerminated = true;
 							_this._receiveSignal(RESPONDER_TERMINATED, event);
 						},
-						onResponderTerminationRequest: function(event) {
+						onResponderTerminationRequest: function onResponderTerminationRequest(event) {
 							var _this$_config = _this._config;
 							var cancelable = _this$_config.cancelable;
 							var disabled = _this$_config.disabled;
@@ -2857,7 +2861,7 @@ var init_PressResponder_native = __esmMin((() => {
 							if (cancelable == null) return true;
 							return cancelable;
 						},
-						onClick: function(event) {
+						onClick: function onClick(event) {
 							var _this$_config2 = _this._config;
 							var disabled = _this$_config2.disabled;
 							var onPress = _this$_config2.onPress;
@@ -2867,7 +2871,7 @@ var init_PressResponder_native = __esmMin((() => {
 								else if (onPress != null && event.altKey === false) onPress(event);
 							} else if (isButtonRole(event.currentTarget)) event.stopPropagation();
 						},
-						onContextMenu: function(event) {
+						onContextMenu: function onContextMenu(event) {
 							var _this$_config3 = _this._config;
 							var disabled = _this$_config3.disabled;
 							var onLongPress = _this$_config3.onLongPress;
@@ -3132,7 +3136,7 @@ var keyName, canUseDOM, getBoundingClientRect;
 var init_utils_native = __esmMin((() => {
 	keyName = "__reactResponderId";
 	canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-	getBoundingClientRect = function(node) {
+	getBoundingClientRect = function getBoundingClientRect2(node) {
 		if (!node) return;
 		if (node.nodeType !== 1) return;
 		if (node.getBoundingClientRect) return node.getBoundingClientRect();
@@ -3256,7 +3260,7 @@ function createResponderEvent(domEvent, responderTouchHistoryStore) {
 var emptyFunction$2, emptyObject$6, emptyArray;
 var init_createResponderEvent_native = __esmMin((() => {
 	init_utils_native();
-	emptyFunction$2 = function() {};
+	emptyFunction$2 = function emptyFunction2() {};
 	emptyObject$6 = {};
 	emptyArray = [];
 }));
@@ -3566,7 +3570,7 @@ function findWantsResponder(eventPaths, domEvent, responderEvent) {
 		var shouldSetCallbackCaptureName = shouldSetCallbacks[0];
 		var shouldSetCallbackBubbleName = shouldSetCallbacks[1];
 		var { bubbles } = shouldSetCallbacks[2];
-		var check = function(id3, node3, callbackName) {
+		var check = function check2(id3, node3, callbackName) {
 			var shouldSetCallback = getResponderConfig(id3)[callbackName];
 			if (shouldSetCallback != null) {
 				responderEvent.currentTarget = node3;
@@ -11479,7 +11483,7 @@ var cache$2, cacheSize, simpleHash, hashChar;
 var init_index_native$5 = __esmMin((() => {
 	cache$2 = /* @__PURE__ */ new Map();
 	cacheSize = 0;
-	simpleHash = function(strIn) {
+	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);
@@ -11513,7 +11517,7 @@ var init_index_native$5 = __esmMin((() => {
 		cacheSize++;
 		return res;
 	};
-	hashChar = function(hash, c) {
+	hashChar = function hashChar2(hash, c) {
 		return Math.imul(31, hash) + c.charCodeAt(0) | 0;
 	};
 }));
@@ -12159,7 +12163,7 @@ var init_cssStyleProps_native = __esmMin((() => {
 //#region ../helpers/dist/esm/toStylePropsObject.native.js
 var toStylePropsObject;
 var init_toStylePropsObject_native = __esmMin((() => {
-	toStylePropsObject = function() {
+	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;
@@ -12241,7 +12245,7 @@ var Decorated, withStaticProperties;
 var init_withStaticProperties_native = __esmMin((() => {
 	init_objectSpread2();
 	Decorated = /* @__PURE__ */ Symbol();
-	withStaticProperties = function(component, staticProps) {
+	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;
@@ -12363,13 +12367,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;
@@ -12517,8 +12521,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);
@@ -12555,7 +12560,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);
 	});
@@ -12860,9 +12864,9 @@ function canChangeGestureHandlerEnabled(nextEnabled, source) {
 	return false;
 }
 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);
 }
 function resetPressOwner() {
@@ -12896,9 +12900,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;
@@ -12911,7 +12915,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);
@@ -12925,24 +12929,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;
@@ -12958,10 +12962,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;
@@ -13009,7 +13013,7 @@ function getGestureHandler() {
 		}
 	};
 }
-var _globalThis, _PRESS_STATE_KEY, state$1, GESTURE_ENABLED_FREEZE_KEY$1, pressGestureDebugId, PRESS_MOVE_CANCEL_DISTANCE, PRESS_MOVE_CANCEL_DISTANCE_SQ, PRESS_STATE_KEY, _$1, pressState;
+var _globalThis, _PRESS_STATE_KEY, _$1, state$1, GESTURE_ENABLED_FREEZE_KEY$1, pressGestureDebugId, PRESS_MOVE_CANCEL_DISTANCE, PRESS_MOVE_CANCEL_DISTANCE_SQ, PRESS_STATE_KEY, pressState;
 var init_gestureState_native = __esmMin((() => {
 	init_globalState_native();
 	state$1 = createGlobalState(`gesture`, {
@@ -13105,11 +13109,9 @@ var init_safeAreaState_native = __esmMin((() => {
 }));
 //#endregion
 //#region ../native/dist/esm/nativeMenuContext.native.js
-var _g, _KEY, KEY, g, _, NativeMenuContext;
+var _g, _KEY, _, NativeMenuContext;
 var init_nativeMenuContext_native = __esmMin((() => {
-	KEY = "__tamagui_native_menu_context__";
-	g = globalThis;
-	NativeMenuContext = (_ = (_g = g)[_KEY = KEY]) !== null && _ !== void 0 ? _ : _g[_KEY] = (0, react.createContext)(false);
+	NativeMenuContext = (_ = (_g = globalThis)[_KEY = "__tamagui_native_menu_context__"]) !== null && _ !== void 0 ? _ : _g[_KEY] = (0, react.createContext)(false);
 }));
 //#endregion
 //#region ../native/dist/esm/index.native.js
@@ -13121,13 +13123,13 @@ var init_index_native$3 = __esmMin((() => {
 //#endregion
 //#region ../web/dist/esm/helpers/resolveSafeAreaVariable.native.js
 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;
 	var state = getSafeArea().state;
 	if (!state.didSetup) 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);
@@ -13225,7 +13227,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);
@@ -13352,7 +13354,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;
@@ -13421,10 +13423,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();
@@ -13437,11 +13439,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) {
@@ -13477,7 +13479,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) {
@@ -13488,7 +13490,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);
@@ -13542,15 +13544,15 @@ var init_config_native = __esmMin((() => {
 	init_index_native$6();
 	init_formatDiagnostic_native();
 	init_grammarConfig_native();
-	getConfigFromGlobalOrLocal = function() {
+	getConfigFromGlobalOrLocal = function getConfigFromGlobalOrLocal2() {
 		if (conf) return conf;
 		if (globalThis.__tamaguiConfig) return globalThis.__tamaguiConfig;
 		return null;
 	};
-	getSetting = function(key) {
+	getSetting = function getSetting2(key) {
 		return getConfigFromGlobalOrLocal().settings[key];
 	};
-	setConfig = function(next) {
+	setConfig = function setConfig2(next) {
 		var previous = conf;
 		var previousGlobal = globalThis.__tamaguiConfig;
 		prepareConfigRevision(next);
@@ -13559,57 +13561,57 @@ var init_config_native = __esmMin((() => {
 		globalThis.__tamaguiConfig = next;
 		if (process.env.TAMAGUI_ENVIRONMENT === "tamagui") globalThis.__tamaguiEvaluationConfig = next;
 	};
-	setConfigFont = function(name, font, fontParsed) {
+	setConfigFont = function setConfigFont2(name, font, fontParsed) {
 		var config = getConfigFromGlobalOrLocal();
 		config.fonts[name] = font;
 		config.fontsParsed[name] = fontParsed;
 		prepareConfigRevision(config);
 	};
-	getConfig = function() {
+	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;
 	};
-	getConfigMaybe = function() {
+	getConfigMaybe = function getConfigMaybe2() {
 		return getConfigFromGlobalOrLocal();
 	};
-	getTokensParsed = function() {
+	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;
 	};
-	getTokens = function() {
+	getTokens = function getTokens2() {
 		return getTokensParsed();
 	};
-	getTokenObject = function(value, group) {
+	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];
 	};
-	getToken = function(value, group) {
+	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;
 	};
-	getTokenValue = function(value, group) {
+	getTokenValue = function getTokenValue2(value, group) {
 		if (value === "unset" || value === "auto") return;
 		return getToken(value, group, false);
 	};
-	getThemes = function() {
+	getThemes = function getThemes2() {
 		return getConfigFromGlobalOrLocal().themes;
 	};
-	updateConfig = function(key, value) {
+	updateConfig = function updateConfig2(key, value) {
 		var config = getConfigFromGlobalOrLocal();
 		if (!config || key === "__proto__" || !(key in config)) return;
 		Object.assign(config[key], value);
 		prepareConfigRevision(config);
 	};
-	getFont = function(name) {
+	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;
@@ -13632,13 +13634,13 @@ 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);
 }
 function getVariableValue(v, group) {
 	if (isVariable(v)) {
@@ -13667,7 +13669,7 @@ var init_createVariable_native = __esmMin((() => {
 	init_index_native$4();
 	init_config_native();
 	pxStringRe$1 = /^-?\d*\.?\d+px$/;
-	createVariable = function(props) {
+	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;
@@ -13682,13 +13684,13 @@ var init_createVariable_native = __esmMin((() => {
 		};
 	};
 	accessed = false;
-	setDidGetVariableValue = function(val) {
+	setDidGetVariableValue = function setDidGetVariableValue2(val) {
 		return accessed = val;
 	};
-	didGetVariableValue = function() {
+	didGetVariableValue = function didGetVariableValue2() {
 		return accessed;
 	};
-	createCSSVariable = function(nameProp) {
+	createCSSVariable = function createCSSVariable2(nameProp) {
 		var includeVar = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
 		var name = simpleHash(nameProp, 60);
 		return includeVar ? constructCSSVariableName(name) : name;
@@ -13717,11 +13719,11 @@ function mediaKeyMatch(key, dimensions) {
 var mediaState, setMediaState, mediaQueryConfig, getMedia, mediaKeys;
 var init_mediaState_native = __esmMin((() => {
 	mediaState = {};
-	setMediaState = function(next) {
+	setMediaState = function setMediaState2(next) {
 		mediaState = next;
 	};
 	mediaQueryConfig = {};
-	getMedia = function() {
+	getMedia = function getMedia2() {
 		return mediaState;
 	};
 	mediaKeys = /* @__PURE__ */ new Set();
@@ -13731,11 +13733,11 @@ var init_mediaState_native = __esmMin((() => {
 function matchMediaFallback(query) {
 	if (!process.env.IS_STATIC && false);
 	return {
-		match: function(a, b) {
+		match: function match(a, b) {
 			return false;
 		},
-		addListener: function() {},
-		removeListener: function() {},
+		addListener: function addListener() {},
+		removeListener: function removeListener() {},
 		matches: false
 	};
 }
@@ -13746,7 +13748,7 @@ function setupMatchMedia(_) {
 var matchMediaImpl, matchMedia;
 var init_matchMedia_native = __esmMin((() => {
 	matchMediaImpl = matchMediaFallback;
-	matchMedia = function() {
+	matchMedia = function matchMedia2() {
 		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
 		return matchMediaImpl(...args);
 	};
@@ -13762,7 +13764,7 @@ function unlisten() {
 function setupMediaListeners() {
 	var _loop = function(key2) {
 		var str = mediaObjectToString(mediaQueryConfig[key2]);
-		var getMatch = function() {
+		var getMatch = function getMatch2() {
 			return matchMedia(str);
 		};
 		var match = getMatch();
@@ -14125,7 +14127,7 @@ var init_useMedia_native = __esmMin((() => {
 	init_objectSpread2();
 	dispose = /* @__PURE__ */ new Set();
 	mediaVersion = 0;
-	configureMedia = function(config) {
+	configureMedia = function configureMedia2(config) {
 		var { media } = config;
 		var mediaQueryDefaultActive = getSetting("mediaQueryDefaultActive");
 		if (!media) return;
@@ -14151,7 +14153,7 @@ var init_useMedia_native = __esmMin((() => {
 	States = /* @__PURE__ */ new WeakMap();
 	touchTrackerProto = null;
 	refSlot = /* @__PURE__ */ Symbol("mediaRefSlot");
-	incReducer$1 = function(c) {
+	incReducer$1 = function incReducer2(c) {
 		return c + 1;
 	};
 	disableMediaTouch = false;
@@ -14330,7 +14332,7 @@ var init_useThemeState_native = __esmMin((() => {
 	PendingUpdate = /* @__PURE__ */ new Map();
 	states = /* @__PURE__ */ new Map();
 	shouldForce = false;
-	forceUpdateThemes = function() {
+	forceUpdateThemes = function forceUpdateThemes2() {
 		cacheVersion++;
 		shouldForce = true;
 		allListeners.forEach(function(cb) {
@@ -14338,24 +14340,24 @@ var init_useThemeState_native = __esmMin((() => {
 		});
 		shouldForce = false;
 	};
-	getThemeState = function(id) {
+	getThemeState = function getThemeState2(id) {
 		return states.get(id);
 	};
 	themeUpdateLayers = /* @__PURE__ */ new Map();
 	themeProviderParents = /* @__PURE__ */ new Map();
-	getThemeUpdateLayer = function(id) {
+	getThemeUpdateLayer = function getThemeUpdateLayer2(id) {
 		return themeUpdateLayers.get(id);
 	};
-	getThemeProviderParent = function(id) {
+	getThemeProviderParent = function getThemeProviderParent2(id) {
 		return themeProviderParents.get(id);
 	};
-	getThemeProviderChainSizes = function() {
+	getThemeProviderChainSizes = function getThemeProviderChainSizes2() {
 		return {
 			layers: themeUpdateLayers.size,
 			parents: themeProviderParents.size
 		};
 	};
-	registerThemeProviderChain = function(id, parentId, props) {
+	registerThemeProviderChain = function registerThemeProviderChain2(id, parentId, props) {
 		themeProviderParents.set(id, parentId);
 		if (props._themeUpdate) themeUpdateLayers.set(id, props._themeUpdate);
 		else themeUpdateLayers.delete(id);
@@ -14365,20 +14367,20 @@ var init_useThemeState_native = __esmMin((() => {
 	themeNameCacheVer = -1;
 	themes = null;
 	rootThemeState = null;
-	getRootThemeState = function() {
+	getRootThemeState = function getRootThemeState2() {
 		return rootThemeState;
 	};
-	getThemeBaseName = function(name) {
+	getThemeBaseName = function getThemeBaseName2(name) {
 		return name.replace(/^(light|dark)_/, "");
 	};
-	incReducer = function(c) {
+	incReducer = function incReducer2(c) {
 		return c + 1;
 	};
-	useThemeState = function(props) {
+	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(MISSING_THEME_MESSAGE);
@@ -14421,7 +14423,7 @@ var init_useThemeState_native = __esmMin((() => {
 					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;
@@ -14471,11 +14473,11 @@ var init_useThemeState_native = __esmMin((() => {
 		}, [keys, propsKey]);
 		return state;
 	};
-	shouldSubscribeToTheme = function(r, cascadeOnChange) {
+	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)));
 	};
-	getSnapshotImpl = function(r) {
+	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;
@@ -14510,8 +14512,9 @@ var init_useThemeState_native = __esmMin((() => {
 		states.set(id, next);
 		return local;
 	};
-	getNextState = function(lastState, props, propsKey) {
+	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);
@@ -14529,8 +14532,8 @@ var init_useThemeState_native = __esmMin((() => {
 			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
@@ -14539,8 +14542,7 @@ var init_useThemeState_native = __esmMin((() => {
 			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 = {
@@ -14558,7 +14560,7 @@ var init_useThemeState_native = __esmMin((() => {
 		if (isRoot) rootThemeState = nextState;
 		return [pendingUpdate === "force" || !sameAsLast, nextState];
 	};
-	hasThemeUpdatingProps = function(props) {
+	hasThemeUpdatingProps = function hasThemeUpdatingProps2(props) {
 		return "name" in props || "forceClassName" in props || "_themeUpdate" in props;
 	};
 }));
@@ -14598,7 +14600,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;
@@ -14669,12 +14671,12 @@ var init_useTheme_native = __esmMin((() => {
 	init_getThemeProxied_native();
 	init_useThemeState_native();
 	EMPTY = {};
-	useTheme = function() {
+	useTheme = function useTheme2() {
 		"use no memo";
 		var [theme] = useThemeWithState(EMPTY);
 		return theme;
 	};
-	useThemeWithState = function(props) {
+	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);
@@ -14704,7 +14706,7 @@ var init__withStableStyle_native = __esmMin((() => {
 	EMPTY_EXPRESSIONS = [];
 	EMPTY_THEME = {};
 	FALLBACK_THEME_CACHE = /* @__PURE__ */ new WeakMap();
-	_withStableStyle = function(Component, createStyle, hasThemeKeys, hasMediaKeys) {
+	_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);
@@ -14724,7 +14726,7 @@ var init__withStableStyle_native = __esmMin((() => {
 					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);
 							} });
 						};
@@ -14813,6 +14815,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 = {};
@@ -14821,8 +14824,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,
@@ -14989,14 +14991,25 @@ function queueNativeViewState(entry) {
 		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);
 }
-var nativeTextInputColorProps, nativeOutlineProps, nativeIntrinsicSizeProps, engine, scopeStates, mappingKeys, compiledMappings, scopeMappings, nextTableId, pendingHosts, pendingStates, maxPendingHosts, idleFlushQueued, pending, flushListener;
+function supersedeNativeViewStates(id) {
+	if (!pending) return;
+	(superseded || (superseded = /* @__PURE__ */ new Map())).set(id, pending.length);
+}
+var nativeTextInputColorProps, nativeOutlineProps, nativeIntrinsicSizeProps, engine, scopeStates, mappingKeys, compiledMappings, scopeMappings, nextTableId, pendingHosts, pendingStates, maxPendingHosts, idleFlushQueued, pending, flushListener, superseded;
 var init_nativeStyleEngine_native = __esmMin((() => {
 	init_createVariable_native();
 	init_objectSpread2();
@@ -15032,6 +15045,7 @@ var init_nativeStyleEngine_native = __esmMin((() => {
 	idleFlushQueued = false;
 	pending = null;
 	flushListener = null;
+	superseded = null;
 }));
 //#endregion
 //#region ../web/dist/esm/setupHooks.native.js
@@ -15067,7 +15081,7 @@ var init__withNativeStyle_native = __esmMin((() => {
 		allowFontScaling: true,
 		ellipsizeMode: "tail"
 	};
-	_withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
+	_withNativeStyle = function _withNativeStyle2(Component, baseStyle, themeStyleKeys, host) {
 		var _hooks_getBaseViews;
 		var Fallback = _withStableStyle(Component, function(theme) {
 			var themedStyle = {};
@@ -15083,14 +15097,14 @@ var init__withNativeStyle_native = __esmMin((() => {
 		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);
 				}
 			};
@@ -15103,7 +15117,7 @@ var init__withNativeStyle_native = __esmMin((() => {
 		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;
@@ -15128,8 +15142,8 @@ var init__withNativeStyle_native = __esmMin((() => {
 			}
 			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);
@@ -15153,7 +15167,7 @@ var init__withNativeStyle_native = __esmMin((() => {
 				children: element
 			}, key);
 		};
-		var NativeStyleView = function(props) {
+		var NativeStyleView = function NativeStyleView2(props) {
 			return render(props);
 		};
 		NativeStyleView.inline = function(element) {
@@ -15243,8 +15257,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);
@@ -15307,7 +15321,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;
 		};
@@ -15315,7 +15329,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;
@@ -15334,7 +15348,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();
@@ -15407,15 +15421,15 @@ var init_eventHandling_native = __esmMin((() => {
 	init_esm();
 	init_mainThreadPressEvents_native();
 	isFabric = !!globalThis.nativeFabricUIManager;
-	getIsAndroid = function() {
+	getIsAndroid = function getIsAndroid2() {
 		if (isAndroidCache === void 0) isAndroidCache = (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "android";
 		return isAndroidCache;
 	};
-	getIsNativeDesktop = function() {
+	getIsNativeDesktop = function getIsNativeDesktop2() {
 		if (isNativeDesktopCache === void 0) isNativeDesktopCache = (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "macos" || (Platform === null || Platform === void 0 ? void 0 : Platform.OS) === "windows";
 		return isNativeDesktopCache;
 	};
-	responderClaim = function() {
+	responderClaim = function responderClaim2() {
 		return true;
 	};
 	responderWrapperStyle = { display: "contents" };
@@ -15437,7 +15451,7 @@ var init_transitionResolver_native = __esmMin((() => {
 	slot = /* @__PURE__ */ Symbol.for("tamagui.transitionResolver");
 })), empty$1, flushDirectStyles, registerAtomicSlot, getCSSStylesAtomic;
 var init_getCSSStylesAtomic_native = __esmMin((() => {
-	empty$1 = function() {};
+	empty$1 = function empty2() {};
 	flushDirectStyles = empty$1;
 	registerAtomicSlot = empty$1;
 	getCSSStylesAtomic = empty$1;
@@ -15549,9 +15563,9 @@ var init_expandStyle_native = __esmMin((() => {
 	init_parseOutlineShorthand_native();
 	init_objectSpread2();
 	_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}`;
 		});
@@ -15697,10 +15711,10 @@ var isDynamicColor, normalizeColor, getRgba;
 var init_normalizeColor_native = __esmMin((() => {
 	init_index_native$9();
 	init_objectSpread2();
-	isDynamicColor = function(color) {
+	isDynamicColor = function isDynamicColor2(color) {
 		return typeof color.dynamic === "object" && color.dynamic !== null;
 	};
-	normalizeColor = function(color, opacity) {
+	normalizeColor = function normalizeColor1(color, opacity) {
 		if (!color) return;
 		if (typeof color !== "string") {
 			if (opacity === void 0 || opacity === 1 || !isDynamicColor(color)) return color;
@@ -15713,13 +15727,13 @@ var init_normalizeColor_native = __esmMin((() => {
 		}
 		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;
 	};
-	getRgba = function(color) {
+	getRgba = function getRgba2(color) {
 		if (typeof color !== "string") return;
 		var nativeColor = color.replace(/^(rgb|hsl)\((?=[^)]*\/)/, "$1a(");
 		var colorNum = normalizeCSSColor(nativeColor);
@@ -15799,11 +15813,11 @@ var init_styleFrontend_native = __esmMin((() => {
 //#endregion
 //#region ../web/dist/esm/helpers/resolveSizing.native.js
 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;
@@ -15820,12 +15834,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])),
@@ -15889,7 +15900,7 @@ var init_resolveSizing_native = __esmMin((() => {
 			}
 		}
 	};
-	toPx$1 = function(value) {
+	toPx$1 = function toPx2(value) {
 		return typeof value === "number" ? value : Number.parseFloat(value);
 	};
 }));
@@ -16035,7 +16046,7 @@ var init_insertStyleRule_native = __esmMin((() => {
 	allSelectors = {};
 	allRules = {};
 	allRuleSets = {};
-	getRulesForIdentifier = function(identifier) {
+	getRulesForIdentifier = function getRulesForIdentifier2(identifier) {
 		return allRuleSets[identifier];
 	};
 	bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES;
@@ -16136,7 +16147,7 @@ var init_isTamaguiComponent_native = __esmMin((() => {}));
 var isTamaguiElement;
 var init_isTamaguiElement_native = __esmMin((() => {
 	init_isTamaguiComponent_native();
-	isTamaguiElement = function(child) {
+	isTamaguiElement = function isTamaguiElement2(child) {
 		return /* @__PURE__ */ react.default.isValidElement(child) && isTamaguiComponent(child.type);
 	};
 }));
@@ -16350,11 +16361,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 = Dimensions.get("window");
 	var fontScale = typeof PixelRatio !== "undefined" && PixelRatio.getFontScale ? 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;
@@ -16411,10 +16422,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() {
@@ -16698,8 +16709,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}`);
@@ -16715,8 +16726,7 @@ function resolveConditionModifier(state, condition, authored) {
 		return;
 	}
 	if (kind === 6) {
-		var _state_componentState_group, _state_flatGroupContext, _component_media;
-		var _state1, _state2;
+		var _state1, _state2, _state_componentState_group, _state_flatGroupContext, _component_media;
 		var size = modifier[4];
 		var containerName = modifier[5];
 		var groupName = `@${containerName}`;
@@ -16734,14 +16744,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;
@@ -16878,7 +16887,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) {
@@ -17045,10 +17054,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;
@@ -17163,11 +17170,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) {
@@ -17216,8 +17222,8 @@ function recordStyleTokenProvenance(styleState, key, originalVal) {
 }
 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 !== "") {
@@ -17264,11 +17270,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}`;
@@ -17506,8 +17512,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());
@@ -17787,15 +17793,14 @@ 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;
 			} else if (warnMode);
 		}
 		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];
@@ -17805,12 +17810,10 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				continue;
 			}
 			if (start1 === end1) 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);
 			}
 		}
@@ -17926,7 +17929,7 @@ function emitVariantStyle(state, key, value, original, condition, disabled) {
 	pass[passParentCursor] = parent;
 	pass[passVariantOutput] = parentVariantOutput;
 }
-var shouldTrackStyleTokenProvenance, conditionValue, conditionPlatform, conditionKey, conditionSelector, conditionTheme, conditionWrappers, conditionAtoms, conditionRanks, conditionResolvedFlag, conditionPlatformPseudoFlag, passClassName, passShouldDoClasses, passContainerValue, passContainerName, passContainerType, passFrontendGroup, passFrontendContainer, passFrontendContainerType, passSourceLayer, passParentCursor, passMapSourceKey, passVariantOutput, passFlags, sourceLayerBase, sourceLayerVariant, sourceLayerResolver, sourceLayerProps, sourceLayerStyle, passNoSkipFlag, passDisableShorthandsFlag, passNoExpandFlag, passNoMergeFlag, passHocFlag, passTextFlag, passInputFlag, passAsChildStyleFlag, getSplitStyles, stylePieceStaticConfig, compileStylePieceRuntime, resolvedStylePieceCache, resolveStyleObject, recordInline, recordNormalize, recordRetract, recordDefault, recordCSS, borderTargets, valueCacheConf, valueCacheRevision, valueCaches, valueCacheEntries, valueCacheRoot, parsedSlices, shadowRecipeProperties, shadowRecipeKeywords;
+var shouldTrackStyleTokenProvenance, conditionValue, conditionPlatform, conditionKey, conditionSelector, conditionTheme, conditionWrappers, conditionAtoms, conditionRanks, conditionResolvedFlag, conditionPlatformPseudoFlag, passClassName, passShouldDoClasses, passContainerValue, passContainerName, passContainerType, passFrontendGroup, passFrontendContainer, passFrontendContainerType, passSourceLayer, passParentCursor, passMapSourceKey, passVariantOutput, passFlags, sourceLayerBase, sourceLayerVariant, sourceLayerResolver, sourceLayerProps, sourceLayerStyle, passNoSkipFlag, passDisableShorthandsFlag, passNoExpandFlag, passNoMergeFlag, passHocFlag, passTextFlag, passInputFlag, passAsChildStyleFlag, getSplitStyles, stylePieceStaticConfig, resolvedStylePieceCache, resolveStyleObject, recordInline, recordNormalize, recordRetract, recordDefault, recordCSS, borderTargets, valueCacheConf, valueCacheRevision, valueCaches, valueCacheEntries, valueCacheRoot, parsedSlices, shadowRecipeProperties, shadowRecipeKeywords;
 var init_getSplitStyles_native = __esmMin((() => {
 	init_transitionResolver_native();
 	init_index_native$6();
@@ -18001,7 +18004,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 	passTextFlag = 32;
 	passInputFlag = 64;
 	passAsChildStyleFlag = 128;
-	getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, groupContext, elementType, startedUnhydrated, debug, animationDriver, styleStaticConfig) {
+	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));
@@ -18221,15 +18224,13 @@ var init_getSplitStyles_native = __esmMin((() => {
 		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);
@@ -18360,8 +18361,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 		isText: true,
 		validStyles: stylePropsInput
 	};
-	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,
@@ -18370,7 +18370,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 		return (split === null || split === void 0 ? void 0 : split.style) || {};
 	});
 	resolvedStylePieceCache = /* @__PURE__ */ new WeakMap();
-	resolveStyleObject = function(styleState, styleIn) {
+	resolveStyleObject = function resolveStyleObject2(styleState, styleIn) {
 		var { conf, styleProps } = styleState;
 		var styleOut = {};
 		var originalValues;
@@ -18385,10 +18385,10 @@ var init_getSplitStyles_native = __esmMin((() => {
 		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) {
@@ -18499,9 +18499,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,
@@ -18513,10 +18513,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;
 				}
 			}
@@ -18611,7 +18611,7 @@ var init_subscribeToContextGroup_native = __esmMin((() => {
 	init_index_native$11();
 	init_useMedia_native();
 	init_objectSpread2();
-	useGroupSetRevision = function(pseudoGroups, mediaGroups) {
+	useGroupSetRevision = function useGroupSetRevision2(pseudoGroups, mediaGroups) {
 		var previous = (0, react.useRef)({
 			pseudoGroups,
 			mediaGroups,
@@ -18624,7 +18624,7 @@ var init_subscribeToContextGroup_native = __esmMin((() => {
 		};
 		return previous.current.revision;
 	};
-	setsEqual = function(a, b) {
+	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;
@@ -18645,7 +18645,7 @@ var init_subscribeToContextGroup_native = __esmMin((() => {
 		}
 		return true;
 	};
-	subscribeToContextGroup = function(props) {
+	subscribeToContextGroup = function subscribeToContextGroup2(props) {
 		var { pseudoGroups, mediaGroups, groupContext } = props;
 		if (pseudoGroups || mediaGroups) {
 			var disposables = /* @__PURE__ */ new Set();
@@ -18692,7 +18692,7 @@ var init_subscribeToContextGroup_native = __esmMin((() => {
 			};
 		}
 	};
-	createGroupListener = function(name, param) {
+	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() {};
@@ -18747,7 +18747,7 @@ var init_subscribeToContextGroup_native = __esmMin((() => {
 var ClientOnlyContext, ClientOnly;
 var init_ClientOnly_native = __esmMin((() => {
 	ClientOnlyContext = /* @__PURE__ */ (0, react.createContext)(false);
-	ClientOnly = function(param) {
+	ClientOnly = function ClientOnly2(param) {
 		var { children, enabled } = param;
 		var existingValue = (0, react.useContext)(ClientOnlyContext);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClientOnlyContext.Provider, {
@@ -18768,7 +18768,7 @@ function useClientValue(value) {
 var useIsClientOnly;
 var init_index_native$2 = __esmMin((() => {
 	init_ClientOnly_native();
-	useIsClientOnly = function() {
+	useIsClientOnly = function useIsClientOnly2() {
 		return react.useContext(ClientOnlyContext);
 	};
 }));
@@ -18791,10 +18791,10 @@ var init_useComponentState_native = __esmMin((() => {
 	init_defaultComponentState_native();
 	init_isObj_native();
 	init_objectSpread2();
-	useComponentState = function(props, animationDriver, staticConfig, config) {
+	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;
@@ -18805,10 +18805,8 @@ var init_useComponentState_native = __esmMin((() => {
 			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);
@@ -18818,8 +18816,7 @@ var init_useComponentState_native = __esmMin((() => {
 		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;
@@ -18912,7 +18909,7 @@ var init_useComponentState_native = __esmMin((() => {
 		};
 		return result;
 	};
-	isDisabled = function(props) {
+	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;
 	};
@@ -18923,7 +18920,7 @@ var useSplitStyles;
 var init_useSplitStyles_native = __esmMin((() => {
 	init_index_native$6();
 	init_getSplitStyles_native();
-	useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k, l, m, n) {
+	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);
@@ -18966,7 +18963,7 @@ var init_Slot_native = __esmMin((() => {
 		}
 		return react.Children.count(children) > 1 ? react.Children.only(null) : null;
 	}));
-	Slottable = function(param) {
+	Slottable = function Slottable2(param) {
 		var { children } = param;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
 	};
@@ -19048,10 +19045,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();
@@ -19086,12 +19083,12 @@ function createComponent(staticConfig) {
 		overriddenContextProps = overrides;
 		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);
@@ -19099,7 +19096,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;
@@ -19146,9 +19142,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;
 		});
 		var [theme, themeState] = useThemeWithState(themeStateProps);
 		if (!isAnimatedCustomComponent) elementType = element || elementType;
@@ -19174,10 +19170,8 @@ function createComponent(staticConfig) {
 		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";
@@ -19204,7 +19198,7 @@ function createComponent(staticConfig) {
 			};
 			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() {
@@ -19230,6 +19224,7 @@ function createComponent(staticConfig) {
 		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) {
@@ -19357,6 +19352,7 @@ function createComponent(staticConfig) {
 			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;
@@ -19366,8 +19362,7 @@ function createComponent(staticConfig) {
 				var updatedState = stateRef.current.nextState || state;
 				var mediaState2 = stateRef.current.nextMedia;
 				var nextStyles = getSplitStyles(props, staticConfig, theme, themeName, updatedState, mediaState2 ? _objectSpread2(_objectSpread2({}, styleProps), {}, { mediaState: mediaState2 }) : styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver, 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);
@@ -19400,7 +19395,7 @@ function createComponent(staticConfig) {
 					(_stateRef_current_updateStyleListener = (_stateRef_current3 = stateRef.current).updateStyleListener) === null || _stateRef_current_updateStyleListener === void 0 || _stateRef_current_updateStyleListener.call(_stateRef_current3);
 				} else 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);
 			};
@@ -19419,7 +19414,7 @@ function createComponent(staticConfig) {
 		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) {
@@ -19433,12 +19428,12 @@ function createComponent(staticConfig) {
 		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({
@@ -19495,7 +19490,7 @@ function createComponent(staticConfig) {
 			if (stateRef.current.host) setRef(forwardedRef, stateRef.current.host);
 		}, [forwardedRef]);
 		usePointerEvents(props, viewProps);
-		var unPress = function() {
+		var unPress = function unPress2() {
 			setStateShallow({
 				press: false,
 				pressIn: false
@@ -19531,7 +19526,7 @@ function createComponent(staticConfig) {
 		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);
 					});
@@ -19585,7 +19580,7 @@ function createComponent(staticConfig) {
 			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) {
@@ -19595,7 +19590,7 @@ function createComponent(staticConfig) {
 				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) {
@@ -19619,11 +19614,11 @@ function createComponent(staticConfig) {
 				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 });
@@ -19635,7 +19630,7 @@ function createComponent(staticConfig) {
 				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,
@@ -19668,10 +19663,10 @@ function createComponent(staticConfig) {
 		});
 		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);
@@ -19726,10 +19721,10 @@ function createComponent(staticConfig) {
 		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,
@@ -19876,12 +19871,12 @@ var init_createComponent_native = __esmMin((() => {
 	hasSetupBaseViews = false;
 	lastInteractionWasKeyboard = { value: false };
 	lastInteractionWasTouch = { value: false };
-	fromPx = function(val) {
+	fromPx = function fromPx2(val) {
 		if (typeof val === "number") return val;
 		if (typeof val === "string") return +val.replace("px", "");
 		return 0;
 	};
-	getCustomRender = function(renderProp, content, viewProps, state) {
+	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)) {
@@ -19900,8 +19895,8 @@ var init_createComponent_native = __esmMin((() => {
 //#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]];
 }
 var init_getExpandedShorthands_native = __esmMin((() => {
@@ -19913,7 +19908,7 @@ var variableGeneration, registerCSSVariable, variableToCSS, tokensValueToVariabl
 var init_registerCSSVariable_native = __esmMin((() => {
 	init_createVariable_native();
 	variableGeneration = 0;
-	registerCSSVariable = function(v) {
+	registerCSSVariable = function registerCSSVariable2(v) {
 		if (!process.env.TAMAGUI_DID_OUTPUT_CSS) {
 			var key = getVariableValue(v);
 			if (tokensValueToVariable.has(key) || tokensValueToVariable.size < 1e4) {
@@ -19922,23 +19917,23 @@ var init_registerCSSVariable_native = __esmMin((() => {
 			}
 		}
 	};
-	variableToCSS = function(v) {
+	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 "";
 	};
 	tokensValueToVariable = /* @__PURE__ */ new Map();
 	autoVariables = [];
-	serializeVariables = function(variables) {
+	serializeVariables = function serializeVariables2(variables) {
 		return variables.map(function(v) {
 			return `--${v.name}:${v.val}`;
 		}).join(";");
 	};
-	getAutoVariableCSS = function() {
+	getAutoVariableCSS = function getAutoVariableCSS2() {
 		return serializeVariables(autoVariables);
 	};
 	mutatedAutoVariables = [];
-	getMutatedAutoVariableCSS = function() {
+	getMutatedAutoVariableCSS = function getMutatedAutoVariableCSS2() {
 		return serializeVariables(mutatedAutoVariables);
 	};
 }));
@@ -20050,19 +20045,19 @@ var init_createFont_native = __esmMin((() => {
 		"800",
 		"900"
 	];
-	processSection = function(section, keys, defaultValue) {
+	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];
 		}));
 	};
-	createFont = function(font) {
+	createFont = function createFont2(font) {
 		var sizeKeys = Object.keys(font.size || {});
 		var processedFont = Object.fromEntries(Object.entries(font).map(function(param) {
 			var [key, section] = param;
@@ -20187,7 +20182,7 @@ var init_createVariables_native = __esmMin((() => {
 	init_index_native$4();
 	init_createVariable_native();
 	cache = /* @__PURE__ */ new WeakMap();
-	createVariables = function(tokens) {
+	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;
@@ -20224,29 +20219,28 @@ var init_createVariables_native = __esmMin((() => {
 }));
 //#endregion
 //#region ../web/dist/esm/helpers/defaultAnimationDriver.native.js
-var noAnimationDriver, createEmptyAnimationDriver, defaultAnimationDriver;
+var noAnimationDriver, defaultAnimationDriver;
 var init_defaultAnimationDriver_native = __esmMin((() => {
-	noAnimationDriver = function(method) {
+	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`);
 	};
-	createEmptyAnimationDriver = function() {
+	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");
 			}
 		};
-	};
-	defaultAnimationDriver = createEmptyAnimationDriver();
+	}();
 }));
 //#endregion
 //#region ../web/dist/esm/helpers/resolveAnimationDriver.native.js
@@ -20530,7 +20524,7 @@ var init_variableValue_native = __esmMin((() => {
 		"ratio",
 		"elevation"
 	];
-	isUnitlessVariableKey = function(key) {
+	isUnitlessVariableKey = function isUnitlessVariableKey2(key) {
 		var lower = key.toLowerCase();
 		return unitlessSuffixes.some(function(suffix) {
 			return lower.endsWith(suffix);
@@ -20543,7 +20537,7 @@ var init_variableValue_native = __esmMin((() => {
 		"radius",
 		"zIndex"
 	];
-	findVariableToken = function(tokensParsed, name) {
+	findVariableToken = function findVariableToken2(tokensParsed, name) {
 		var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
 		try {
 			for (var _iterator1 = tokenCategoryOrder[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
@@ -20569,7 +20563,7 @@ var init_variableValue_native = __esmMin((() => {
 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;
@@ -20777,10 +20771,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;
@@ -20965,7 +20959,7 @@ var init_createTokens_native = __esmMin((() => {
 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 {
@@ -20991,7 +20985,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) {
@@ -21034,7 +21028,7 @@ var init_mergeVariants_native = __esmMin((() => {
 	init_types_native();
 	init_isObj_native();
 	init_objectSpread2();
-	mergeVariants = function(parentVariants, ourVariants) {
+	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 || {};
@@ -21068,12 +21062,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);
 	}
 }
 var init_resolveVariantStyle_native = __esmMin((() => {
@@ -21139,7 +21132,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);
@@ -21170,8 +21164,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,
@@ -21237,7 +21230,7 @@ var useIsTouchDevice;
 var init_useIsTouchDevice_native = __esmMin((() => {
 	init_index_native$6();
 	init_index_native$2();
-	useIsTouchDevice = function() {
+	useIsTouchDevice = function useIsTouchDevice2() {
 		return true;
 	};
 }));
@@ -21259,13 +21252,13 @@ function useAnimatedNumber(initial) {
 var useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimatedNumberReaction;
 var init_useAnimationDriver_native = __esmMin((() => {
 	init_ComponentContext_native();
-	useAnimatedNumberStyle = function(value, getStyle) {
+	useAnimatedNumberStyle = function useAnimatedNumberStyle2(value, getStyle) {
 		return useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);
 	};
-	useAnimatedNumbersStyle = function(values, getStyle) {
+	useAnimatedNumbersStyle = function useAnimatedNumbersStyle2(values, getStyle) {
 		return useAnimatedNumberDriver().useAnimatedNumbersStyle(values, getStyle);
 	};
-	useAnimatedNumberReaction = function(opts, onValue) {
+	useAnimatedNumberReaction = function useAnimatedNumberReaction2(opts, onValue) {
 		return useAnimatedNumberDriver().useAnimatedNumberReaction(opts, onValue);
 	};
 }));
@@ -21281,7 +21274,7 @@ var init_useThemeName_native = __esmMin((() => {
 	forceUpdateState = {
 		forceClassName: true,
 		deopt: true,
-		needsUpdate: function() {
+		needsUpdate: function needsUpdate() {
 			return true;
 		}
 	};
@@ -21380,11 +21373,11 @@ var init_domEventProps_native = __esmMin((() => {
 //#region ../web/dist/esm/dom/adapters.native.js
 var noop, returnFalse, clickFromPress, changeFromText, inputFromText, keyFromKeyPress, loadFromImage, errorFromImage, textEntryChange;
 var init_adapters_native = __esmMin((() => {
-	noop = function() {};
-	returnFalse = function() {
+	noop = function noop2() {};
+	returnFalse = function returnFalse2() {
 		return false;
 	};
-	clickFromPress = function(onClick) {
+	clickFromPress = function clickFromPress2(onClick) {
 		return function(event) {
 			var _event_nativeEvent_pageX, _event_nativeEvent_pageY;
 			onClick({
@@ -21403,7 +21396,7 @@ var init_adapters_native = __esmMin((() => {
 			});
 		};
 	};
-	changeFromText = function(onChange) {
+	changeFromText = function changeFromText2(onChange) {
 		return function(event) {
 			var _event_nativeEvent_text;
 			onChange({
@@ -21412,7 +21405,7 @@ var init_adapters_native = __esmMin((() => {
 			});
 		};
 	};
-	inputFromText = function(onInput) {
+	inputFromText = function inputFromText2(onInput) {
 		return function(event) {
 			var _event_nativeEvent_text;
 			onInput({
@@ -21421,7 +21414,7 @@ var init_adapters_native = __esmMin((() => {
 			});
 		};
 	};
-	keyFromKeyPress = function(onKeyDown) {
+	keyFromKeyPress = function keyFromKeyPress2(onKeyDown) {
 		return function(event) {
 			var _event_nativeEvent_key;
 			onKeyDown({
@@ -21430,7 +21423,7 @@ var init_adapters_native = __esmMin((() => {
 			});
 		};
 	};
-	loadFromImage = function(onLoad) {
+	loadFromImage = function loadFromImage2(onLoad) {
 		return function(event) {
 			var source = event.nativeEvent.source;
 			onLoad({
@@ -21442,12 +21435,12 @@ var init_adapters_native = __esmMin((() => {
 			});
 		};
 	};
-	errorFromImage = function(onError) {
+	errorFromImage = function errorFromImage2(onError) {
 		return function() {
 			onError({ type: "error" });
 		};
 	};
-	textEntryChange = function(onChange, onInput) {
+	textEntryChange = function textEntryChange2(onChange, onInput) {
 		if (!onChange) return onInput && inputFromText(onInput);
 		if (!onInput) return changeFromText(onChange);
 		return function(event) {
@@ -21474,7 +21467,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;
@@ -21540,7 +21533,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];
 					}
 				});
@@ -21560,7 +21553,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;
 		}
@@ -21571,13 +21564,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;
 				}
 			}
@@ -21613,14 +21606,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();
@@ -21741,11 +21734,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,
@@ -21769,11 +21762,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),
@@ -21993,6 +21986,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") {
@@ -22040,13 +22034,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);
@@ -22067,7 +22059,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;
@@ -22080,7 +22072,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;
@@ -22222,7 +22214,7 @@ var init_html_native = __esmMin((() => {
 	});
 	domValidStyles = _objectSpread2(_objectSpread2({}, viewStaticConfig.validStyles), textStaticConfig.validStyles);
 	domInputValidStyles = _objectSpread2(_objectSpread2({}, domValidStyles), stylePropsInput);
-	primitive = function(component) {
+	primitive = function primitive2(component) {
 		return component;
 	};
 	html = {
@@ -22935,9 +22927,9 @@ var init_Configuration_native = __esmMin((() => {
 	init_index_native$2();
 	init_ComponentContext_native();
 	init_objectSpread2();
-	Configuration = function(props) {
-		var current = react.default.useContext(ComponentContext);
+	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))
@@ -22988,7 +22980,7 @@ var ThemeProvider;
 var init_ThemeProvider_native = __esmMin((() => {
 	init_config_native();
 	init_Theme_native();
-	ThemeProvider = function(props) {
+	ThemeProvider = function ThemeProvider2(props) {
 		"use no memo";
 		var addThemeClassName = props.isSubtreeRoot ? false : getSetting("addThemeClassName");
 		var forceClassName = props.isSubtreeRoot || addThemeClassName === void 0;
@@ -23095,7 +23087,7 @@ function useEvent(callback) {
 var defaultValue;
 var init_useEvent_native = __esmMin((() => {
 	init_useGet_native();
-	defaultValue = function() {
+	defaultValue = function defaultValue2() {
 		throw new Error("Cannot call an event handler while rendering.");
 	};
 }));
@@ -23577,7 +23569,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