@tamagui/core 3.0.5 → 3.0.7

package/dist/native.cjs

@@ -1855,7 +1855,7 @@ var absoluteFillObject, absoluteFill, init_StyleSheet = __esmMin((() => {
 	StyleSheet.flatten = flatten;
 	StyleSheet.getSheet = getSheet;
 	StyleSheet.hairlineWidth = 1;
-})), _requestIdleCallback, isSupported, requestIdleCallback;
+})), _requestIdleCallback, isSupported, requestIdleCallback$1;
 var init_requestIdleCallback = __esmMin((() => {
 	init_canUseDOM();
 	_requestIdleCallback = function(cb, options) {
@@ -1870,7 +1870,7 @@ var init_requestIdleCallback = __esmMin((() => {
 		}, 1);
 	};
 	isSupported = canUseDOM$1 && typeof window.requestIdleCallback !== "undefined";
-	requestIdleCallback = isSupported ? window.requestIdleCallback : _requestIdleCallback;
+	requestIdleCallback$1 = isSupported ? window.requestIdleCallback : _requestIdleCallback;
 	isSupported && window.cancelIdleCallback;
 }));
 //#endregion
@@ -2192,7 +2192,7 @@ var init_invariant = __esmMin((() => {}));
 function _scheduleUpdate() {
 	if (!_nextUpdateHandle) {
 		if (_deadline > 0) _nextUpdateHandle = setTimeout(_processUpdate);
-		else _nextUpdateHandle = requestIdleCallback(_processUpdate);
+		else _nextUpdateHandle = requestIdleCallback$1(_processUpdate);
 	}
 }
 function _processUpdate() {
@@ -14840,11 +14840,10 @@ function syncTableState(compiled, stateName, theme) {
 }
 function setNativeStyleEngine(next) {
 	if (engine !== next) {
-		settleReleases();
 		compiledMappings.clear();
 		scopeMappings.clear();
-		pendingLinks = [];
-		unlinkedPending = 0;
+		pendingHosts = [];
+		pendingStates = [];
 	}
 	engine = next;
 	if (next) {
@@ -14882,7 +14881,7 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 		if (linked) {
 			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 			try {
-				for (var _iterator = linked.keys()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				for (var _iterator = linked[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
 					var compiled = _step.value;
 					syncTableState(compiled, stateName, theme);
 				}
@@ -14902,159 +14901,76 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 }
 function removeNativeStyleScope(scopeId) {
 	if (!scopeStates.delete(scopeId)) return;
+	queueMicrotask(function() {
+		if (!scopeStates.has(scopeId)) scopeMappings.delete(scopeId);
+	});
 	engine === null || engine === void 0 || engine.removeScope(scopeId);
 }
 function resolveNativeStyleMapping(mapping, stateName, theme) {
 	return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme).renderProps;
 }
-function trackScopeMapping(link, delta) {
-	var linked = scopeMappings.get(link.scopeId);
-	if (!linked) scopeMappings.set(link.scopeId, linked = /* @__PURE__ */ new Map());
-	var _linked_get;
-	var count = ((_linked_get = linked.get(link.compiled)) !== null && _linked_get !== void 0 ? _linked_get : 0) + delta;
-	if (count) linked.set(link.compiled, count);
-	else {
-		linked.delete(link.compiled);
-		if (!linked.size) scopeMappings.delete(link.scopeId);
-	}
+function createNativeStyleLinkState(mapping, scopeId, stateName, theme) {
+	return {
+		mapping,
+		scopeId,
+		stateName,
+		theme
+	};
+}
+function idleFlush() {
+	idleFlushQueued = false;
+	flushNativeStyleLinks();
+}
+function addScopeMapping(scopeId, compiled) {
+	var linked = scopeMappings.get(scopeId);
+	if (!linked) scopeMappings.set(scopeId, linked = /* @__PURE__ */ new Set());
+	linked.add(compiled);
 }
 function flushNativeStyleLinks() {
-	settleReleases();
-	if (!pendingLinks.length) return;
-	var links = pendingLinks;
-	pendingLinks = [];
-	unlinkedPending = 0;
+	if (!pendingHosts.length) return;
+	var hosts = pendingHosts;
+	var states = pendingStates;
+	pendingHosts = [];
+	pendingStates = [];
 	if (!engine) return;
-	var live = links.filter(function(link2) {
-		return link2.id === 0;
-	});
-	if (!live.length) return;
-	var refs = [];
-	var tableIds = [];
-	var scopeIndexes = [];
+	var tableIds = new Array(hosts.length);
+	var scopeIndexes = new Array(hosts.length);
 	var scopes = [];
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = live[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var link = _step.value;
-			var scopeIndex = scopes.indexOf(link.scopeId);
-			if (scopeIndex === -1) scopeIndex = scopes.push(link.scopeId) - 1;
-			refs.push(link.ref);
-			tableIds.push(link.compiled.tableId);
-			scopeIndexes.push(scopeIndex);
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
-	var firstId = engine.linkTables(refs, tableIds, scopeIndexes, scopes);
-	for (var i = 0; i < live.length; i++) {
-		var link1 = live[i];
-		link1.id = firstId + i;
-		link1.owner = engine;
-		link1.ref = null;
-		trackScopeMapping(link1, 1);
-	}
-}
-function settleReleases() {
-	settleQueued = false;
-	if (!releases.size) return;
-	var settling = [...releases.values()];
-	releases.clear();
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = settling[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _step.value.settle();
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
+	var last;
+	var tableId = 0;
+	var scopeIndex = 0;
+	for (var i = 0; i < hosts.length; i++) {
+		var state = states[i];
+		if (state !== last) {
+			last = state;
+			var compiled = getCompiledMapping(state.mapping);
+			syncTableState(compiled, state.stateName, state.theme);
+			addScopeMapping(state.scopeId, compiled);
+			tableId = compiled.tableId;
+			scopeIndex = scopes.indexOf(state.scopeId);
+			if (scopeIndex === -1) scopeIndex = scopes.push(state.scopeId) - 1;
+		}
+		tableIds[i] = tableId;
+		scopeIndexes[i] = scopeIndex;
+	}
+	engine.linkTables(hosts, tableIds, scopeIndexes, scopes);
+}
+function linkNativeStyleHost(host, state) {
+	if (!engine) return;
+	var live = scopeStates.get(state.scopeId);
+	if (live && (live.name !== state.stateName || live.theme !== state.theme)) {
+		var compiled = getCompiledMapping(state.mapping);
+		syncTableState(compiled, live.name, live.theme);
+		addScopeMapping(state.scopeId, compiled);
+		engine.link(host, compiled.tableId, state.scopeId, true);
+		return;
 	}
-}
-function releasable(ref, compiled, scopeId, id, settle) {
-	var handle = {
-		id,
-		unlink: function() {
-			var prior = releases.get(ref);
-			if (prior && prior.handle !== handle) prior.settle();
-			releases.set(ref, {
-				compiled,
-				scopeId,
-				handle,
-				settle
-			});
-			if (!settleQueued) {
-				settleQueued = true;
-				queueMicrotask(settleReleases);
-			}
-		}
-	};
-	return handle;
-}
-function linkNativeStyleMapping(ref, mapping, scopeId, stateName, theme) {
-	if (!engine) return null;
-	var compiled = getCompiledMapping(mapping);
-	var scopeState = scopeStates.get(scopeId);
-	var stale = scopeState && (scopeState.name !== stateName || scopeState.theme !== theme);
-	var kept = releases.get(ref);
-	if (kept) {
-		releases.delete(ref);
-		if (!stale && kept.compiled === compiled && kept.scopeId === scopeId) return kept.handle;
-		kept.settle();
-	}
-	if (stale) {
-		syncTableState(compiled, scopeState.name, scopeState.theme);
-		var handle = engine.link(ref, compiled.tableId, scopeId, true);
-		if (!handle) return null;
-		var link = {
-			ref: null,
-			compiled,
-			scopeId,
-			id: handle.id,
-			owner: engine
-		};
-		trackScopeMapping(link, 1);
-		return releasable(ref, compiled, scopeId, handle.id, function() {
-			if (link.id === -1) return;
-			link.id = -1;
-			if (link.owner === engine) trackScopeMapping(link, -1);
-			handle.unlink();
-		});
+	pendingHosts.push(host);
+	pendingStates.push(state);
+	if (pendingHosts.length >= maxPendingHosts && !idleFlushQueued) {
+		idleFlushQueued = true;
+		requestIdleCallback(idleFlush);
 	}
-	syncTableState(compiled, stateName, theme);
-	var link1 = {
-		ref,
-		compiled,
-		scopeId,
-		id: 0,
-		owner: null
-	};
-	pendingLinks.push(link1);
-	return releasable(ref, compiled, scopeId, 0, function() {
-		var id = link1.id;
-		if (id === -1) return;
-		link1.id = -1;
-		link1.ref = null;
-		if (id > 0) {
-			if (link1.owner === engine) trackScopeMapping(link1, -1);
-			link1.owner.unlink(id);
-		} else if (++unlinkedPending > 512 && unlinkedPending * 2 > pendingLinks.length) {
-			pendingLinks = pendingLinks.filter(function(pending2) {
-				return pending2.id === 0;
-			});
-			unlinkedPending = 0;
-		}
-	});
 }
 function setNativeStyleEngineFlushListener(cb) {
 	flushListener = cb;
@@ -15073,14 +14989,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, pendingLinks, unlinkedPending, releases, settleQueued, 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();
@@ -15110,12 +15037,13 @@ var init_nativeStyleEngine_native = __esmMin((() => {
 	compiledMappings = /* @__PURE__ */ new Map();
 	scopeMappings = /* @__PURE__ */ new Map();
 	nextTableId = 1;
-	pendingLinks = [];
-	unlinkedPending = 0;
-	releases = /* @__PURE__ */ new Map();
-	settleQueued = false;
+	pendingHosts = [];
+	pendingStates = [];
+	maxPendingHosts = 4096;
+	idleFlushQueued = false;
 	pending = null;
 	flushListener = null;
+	superseded = null;
 }));
 //#endregion
 //#region ../web/dist/esm/setupHooks.native.js
@@ -15166,13 +15094,26 @@ var init__withNativeStyle_native = __esmMin((() => {
 		var TextAncestorProvider = TextAncestor === null || TextAncestor === void 0 ? void 0 : TextAncestor.Provider;
 		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 styles = /* @__PURE__ */ new Map();
-		var hostTextStyles = /* @__PURE__ */ new Map();
+		var entries = /* @__PURE__ */ new Map();
+		var createEntry = function() {
+			var entry = {
+				style: [baseStyle, null],
+				hostTextStyle: [hostTextBase, null],
+				stateName: "",
+				theme: null,
+				state: null,
+				ref: function(node) {
+					if (node) linkHost(node, entry.state);
+				}
+			};
+			return entry;
+		};
 		var ScopeContext = ThemeStateContext;
 		var engineOf = getNativeStyleEngine;
 		var scopeState = getThemeState;
 		var resolve = resolveNativeStyleMapping;
-		var linkMapping = linkNativeStyleMapping;
+		var linkState = createNativeStyleLinkState;
+		var linkHost = linkNativeStyleHost;
 		var assignRef = setRef;
 		var render = function(props, key) {
 			var scopeId = (0, react.use)(ScopeContext);
@@ -15192,26 +15133,30 @@ var init__withNativeStyle_native = __esmMin((() => {
 			var { name, theme } = themeState;
 			var asHostText = HostText && !inText;
 			var Rendered = asHostText ? HostText : Component;
-			var cache = asHostText ? hostTextStyles : styles;
-			var style = cache.get(scopeId);
-			if (!style) {
-				style = [asHostText ? hostTextBase : baseStyle, null];
-				cache.set(scopeId, style);
-			}
-			style[1] = resolve(themeStyleKeys, name, theme);
+			var entry = entries.get(scopeId);
+			if (!entry) {
+				entry = createEntry();
+				entries.set(scopeId, entry);
+			}
+			if (entry.stateName !== name || entry.theme !== theme) {
+				var themed = resolve(themeStyleKeys, name, theme);
+				entry.style[1] = themed;
+				entry.hostTextStyle[1] = themed;
+				entry.stateName = name;
+				entry.theme = theme;
+				entry.state = linkState(themeStyleKeys, scopeId, name, theme);
+			}
+			var style = asHostText ? entry.hostTextStyle : entry.style;
 			var wrapped = resetsText || asHostText && mayRenderText(rest.children);
+			var state = entry.state;
+			var hostRef = ref == null ? entry.ref : function(node) {
+				if (!node) return assignRef(ref, null);
+				linkHost(node, state);
+				if (typeof ref === "function") return ref(node);
+				assignRef(ref, node);
+			};
 			var element = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rendered, _objectSpread2(_objectSpread2(_objectSpread2({}, asHostText && hostTextProps), rest), {}, {
-				ref: function(node) {
-					var refCleanup;
-					if (typeof ref === "function") refCleanup = ref(node);
-					else assignRef(ref, node);
-					var link = linkMapping(node, themeStyleKeys, scopeId, name, theme);
-					return function() {
-						link === null || link === void 0 || link.unlink();
-						if (typeof refCleanup === "function") refCleanup();
-						else assignRef(ref, null);
-					};
-				},
+				ref: hostRef,
 				style
 			}), wrapped ? void 0 : key);
 			if (!wrapped) return element;
@@ -17553,7 +17498,7 @@ function configuredValue(state, property, raw) {
 		var usedSafeArea = state.flatUsesSafeArea;
 		out = grammar.embeddedTokens(raw, function(word) {
 			var resolved = configuredValue(state, property, word, false, nativeColors);
-			if (resolved !== word || !shadowRecipeProperties.has(property) || !/^[a-z][\w-]*$/i.test(word)) return resolved;
+			if (resolved !== word || !shadowRecipeProperties.has(property) || shadowRecipeKeywords.has(word) || !/^[a-z][\w-]*$/i.test(word)) return resolved;
 			if (word === "currentColor") {
 				var inherited = configuredValue(state, "color", "color", false, nativeColors);
 				return inherited === "color" ? word : inherited;
@@ -17993,7 +17938,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;
+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 init_getSplitStyles_native = __esmMin((() => {
 	init_transitionResolver_native();
 	init_index_native$6();
@@ -18500,6 +18445,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 		"textShadow",
 		"filter"
 	]);
+	shadowRecipeKeywords = /* @__PURE__ */ new Set(["inset", "none"]);
 }));
 //#endregion
 //#region ../web/dist/esm/helpers/NativeTextBinding.native.js
@@ -19296,6 +19242,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) {

package/dist/test.native.cjs

@@ -3895,11 +3895,10 @@ function syncTableState(compiled, stateName, theme) {
 }
 function setNativeStyleEngine(next) {
 	if (engine !== next) {
-		settleReleases();
 		compiledMappings.clear();
 		scopeMappings.clear();
-		pendingLinks = [];
-		unlinkedPending = 0;
+		pendingHosts = [];
+		pendingStates = [];
 	}
 	engine = next;
 	if (next) {
@@ -3937,7 +3936,7 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 		if (linked) {
 			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 			try {
-				for (var _iterator = linked.keys()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				for (var _iterator = linked[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
 					var compiled = _step.value;
 					syncTableState(compiled, stateName, theme);
 				}
@@ -3957,163 +3956,80 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 }
 function removeNativeStyleScope(scopeId) {
 	if (!scopeStates.delete(scopeId)) return;
+	queueMicrotask(function() {
+		if (!scopeStates.has(scopeId)) scopeMappings.delete(scopeId);
+	});
 	engine === null || engine === void 0 || engine.removeScope(scopeId);
 }
 function resolveNativeStyleMapping(mapping, stateName, theme) {
 	return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme).renderProps;
 }
-var pendingLinks = [];
-var unlinkedPending = 0;
-function trackScopeMapping(link, delta) {
-	var linked = scopeMappings.get(link.scopeId);
-	if (!linked) scopeMappings.set(link.scopeId, linked = /* @__PURE__ */ new Map());
-	var _linked_get;
-	var count = ((_linked_get = linked.get(link.compiled)) !== null && _linked_get !== void 0 ? _linked_get : 0) + delta;
-	if (count) linked.set(link.compiled, count);
-	else {
-		linked.delete(link.compiled);
-		if (!linked.size) scopeMappings.delete(link.scopeId);
-	}
+function createNativeStyleLinkState(mapping, scopeId, stateName, theme) {
+	return {
+		mapping,
+		scopeId,
+		stateName,
+		theme
+	};
+}
+var pendingHosts = [];
+var pendingStates = [];
+var maxPendingHosts = 4096;
+var idleFlushQueued = false;
+function idleFlush() {
+	idleFlushQueued = false;
+	flushNativeStyleLinks();
+}
+function addScopeMapping(scopeId, compiled) {
+	var linked = scopeMappings.get(scopeId);
+	if (!linked) scopeMappings.set(scopeId, linked = /* @__PURE__ */ new Set());
+	linked.add(compiled);
 }
 function flushNativeStyleLinks() {
-	settleReleases();
-	if (!pendingLinks.length) return;
-	var links = pendingLinks;
-	pendingLinks = [];
-	unlinkedPending = 0;
+	if (!pendingHosts.length) return;
+	var hosts = pendingHosts;
+	var states = pendingStates;
+	pendingHosts = [];
+	pendingStates = [];
 	if (!engine) return;
-	var live = links.filter(function(link2) {
-		return link2.id === 0;
-	});
-	if (!live.length) return;
-	var refs = [];
-	var tableIds = [];
-	var scopeIndexes = [];
+	var tableIds = new Array(hosts.length);
+	var scopeIndexes = new Array(hosts.length);
 	var scopes = [];
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = live[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var link = _step.value;
-			var scopeIndex = scopes.indexOf(link.scopeId);
-			if (scopeIndex === -1) scopeIndex = scopes.push(link.scopeId) - 1;
-			refs.push(link.ref);
-			tableIds.push(link.compiled.tableId);
-			scopeIndexes.push(scopeIndex);
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
-	var firstId = engine.linkTables(refs, tableIds, scopeIndexes, scopes);
-	for (var i = 0; i < live.length; i++) {
-		var link1 = live[i];
-		link1.id = firstId + i;
-		link1.owner = engine;
-		link1.ref = null;
-		trackScopeMapping(link1, 1);
-	}
-}
-var releases = /* @__PURE__ */ new Map();
-var settleQueued = false;
-function settleReleases() {
-	settleQueued = false;
-	if (!releases.size) return;
-	var settling = [...releases.values()];
-	releases.clear();
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = settling[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _step.value.settle();
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
+	var last;
+	var tableId = 0;
+	var scopeIndex = 0;
+	for (var i = 0; i < hosts.length; i++) {
+		var state = states[i];
+		if (state !== last) {
+			last = state;
+			var compiled = getCompiledMapping(state.mapping);
+			syncTableState(compiled, state.stateName, state.theme);
+			addScopeMapping(state.scopeId, compiled);
+			tableId = compiled.tableId;
+			scopeIndex = scopes.indexOf(state.scopeId);
+			if (scopeIndex === -1) scopeIndex = scopes.push(state.scopeId) - 1;
+		}
+		tableIds[i] = tableId;
+		scopeIndexes[i] = scopeIndex;
+	}
+	engine.linkTables(hosts, tableIds, scopeIndexes, scopes);
+}
+function linkNativeStyleHost(host, state) {
+	if (!engine) return;
+	var live = scopeStates.get(state.scopeId);
+	if (live && (live.name !== state.stateName || live.theme !== state.theme)) {
+		var compiled = getCompiledMapping(state.mapping);
+		syncTableState(compiled, live.name, live.theme);
+		addScopeMapping(state.scopeId, compiled);
+		engine.link(host, compiled.tableId, state.scopeId, true);
+		return;
 	}
-}
-function releasable(ref, compiled, scopeId, id, settle) {
-	var handle = {
-		id,
-		unlink: function() {
-			var prior = releases.get(ref);
-			if (prior && prior.handle !== handle) prior.settle();
-			releases.set(ref, {
-				compiled,
-				scopeId,
-				handle,
-				settle
-			});
-			if (!settleQueued) {
-				settleQueued = true;
-				queueMicrotask(settleReleases);
-			}
-		}
-	};
-	return handle;
-}
-function linkNativeStyleMapping(ref, mapping, scopeId, stateName, theme) {
-	if (!engine) return null;
-	var compiled = getCompiledMapping(mapping);
-	var scopeState = scopeStates.get(scopeId);
-	var stale = scopeState && (scopeState.name !== stateName || scopeState.theme !== theme);
-	var kept = releases.get(ref);
-	if (kept) {
-		releases.delete(ref);
-		if (!stale && kept.compiled === compiled && kept.scopeId === scopeId) return kept.handle;
-		kept.settle();
-	}
-	if (stale) {
-		syncTableState(compiled, scopeState.name, scopeState.theme);
-		var handle = engine.link(ref, compiled.tableId, scopeId, true);
-		if (!handle) return null;
-		var link = {
-			ref: null,
-			compiled,
-			scopeId,
-			id: handle.id,
-			owner: engine
-		};
-		trackScopeMapping(link, 1);
-		return releasable(ref, compiled, scopeId, handle.id, function() {
-			if (link.id === -1) return;
-			link.id = -1;
-			if (link.owner === engine) trackScopeMapping(link, -1);
-			handle.unlink();
-		});
+	pendingHosts.push(host);
+	pendingStates.push(state);
+	if (pendingHosts.length >= maxPendingHosts && !idleFlushQueued) {
+		idleFlushQueued = true;
+		requestIdleCallback(idleFlush);
 	}
-	syncTableState(compiled, stateName, theme);
-	var link1 = {
-		ref,
-		compiled,
-		scopeId,
-		id: 0,
-		owner: null
-	};
-	pendingLinks.push(link1);
-	return releasable(ref, compiled, scopeId, 0, function() {
-		var id = link1.id;
-		if (id === -1) return;
-		link1.id = -1;
-		link1.ref = null;
-		if (id > 0) {
-			if (link1.owner === engine) trackScopeMapping(link1, -1);
-			link1.owner.unlink(id);
-		} else if (++unlinkedPending > 512 && unlinkedPending * 2 > pendingLinks.length) {
-			pendingLinks = pendingLinks.filter(function(pending2) {
-				return pending2.id === 0;
-			});
-			unlinkedPending = 0;
-		}
-	});
 }
 var pending = null;
 var flushListener = null;
@@ -4128,19 +4044,31 @@ function updateNativeStyleLink(ref, host) {
 	ref.nativePushedKeys = void 0;
 	if (host && engine && ref.nativeStyleUpdate) ref.nativeLink = engine.link(host, {});
 }
+var superseded = null;
 function queueNativeViewState(entry) {
 	if (!engine) return;
 	if (!pending) {
 		pending = [];
 		queueMicrotask(function() {
 			var entries = pending;
+			var dropped = superseded;
 			pending = null;
+			superseded = null;
+			if (dropped) entries = entries.filter(function(queued, index) {
+				var _dropped_get;
+				return index >= ((_dropped_get = dropped.get(queued.id)) !== null && _dropped_get !== void 0 ? _dropped_get : 0);
+			});
+			if (!entries.length) return;
 			engine === null || engine === void 0 || engine.applyViewStates(entries);
 			flushListener === null || flushListener === void 0 || flushListener(entries);
 		});
 	}
 	pending.push(entry);
 }
+function supersedeNativeViewStates(id) {
+	if (!pending) return;
+	(superseded || (superseded = /* @__PURE__ */ new Map())).set(id, pending.length);
+}
 //#endregion
 //#region ../web/dist/esm/setupHooks.native.js
 var hooks = {};
@@ -4170,13 +4098,26 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
 	var TextAncestorProvider = TextAncestor === null || TextAncestor === void 0 ? void 0 : TextAncestor.Provider;
 	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 styles = /* @__PURE__ */ new Map();
-	var hostTextStyles = /* @__PURE__ */ new Map();
+	var entries = /* @__PURE__ */ new Map();
+	var createEntry = function() {
+		var entry = {
+			style: [baseStyle, null],
+			hostTextStyle: [hostTextBase, null],
+			stateName: "",
+			theme: null,
+			state: null,
+			ref: function(node) {
+				if (node) linkHost(node, entry.state);
+			}
+		};
+		return entry;
+	};
 	var ScopeContext = ThemeStateContext;
 	var engineOf = getNativeStyleEngine;
 	var scopeState = getThemeState;
 	var resolve = resolveNativeStyleMapping;
-	var linkMapping = linkNativeStyleMapping;
+	var linkState = createNativeStyleLinkState;
+	var linkHost = linkNativeStyleHost;
 	var assignRef = setRef;
 	var render = function(props, key) {
 		var scopeId = (0, react.use)(ScopeContext);
@@ -4196,26 +4137,30 @@ var _withNativeStyle = function(Component, baseStyle, themeStyleKeys, host) {
 		var { name, theme } = themeState;
 		var asHostText = HostText && !inText;
 		var Rendered = asHostText ? HostText : Component;
-		var cache = asHostText ? hostTextStyles : styles;
-		var style = cache.get(scopeId);
-		if (!style) {
-			style = [asHostText ? hostTextBase : baseStyle, null];
-			cache.set(scopeId, style);
-		}
-		style[1] = resolve(themeStyleKeys, name, theme);
+		var entry = entries.get(scopeId);
+		if (!entry) {
+			entry = createEntry();
+			entries.set(scopeId, entry);
+		}
+		if (entry.stateName !== name || entry.theme !== theme) {
+			var themed = resolve(themeStyleKeys, name, theme);
+			entry.style[1] = themed;
+			entry.hostTextStyle[1] = themed;
+			entry.stateName = name;
+			entry.theme = theme;
+			entry.state = linkState(themeStyleKeys, scopeId, name, theme);
+		}
+		var style = asHostText ? entry.hostTextStyle : entry.style;
 		var wrapped = resetsText || asHostText && mayRenderText(rest.children);
+		var state = entry.state;
+		var hostRef = ref == null ? entry.ref : function(node) {
+			if (!node) return assignRef(ref, null);
+			linkHost(node, state);
+			if (typeof ref === "function") return ref(node);
+			assignRef(ref, node);
+		};
 		var element = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rendered, _objectSpread2(_objectSpread2(_objectSpread2({}, asHostText && hostTextProps), rest), {}, {
-			ref: function(node) {
-				var refCleanup;
-				if (typeof ref === "function") refCleanup = ref(node);
-				else assignRef(ref, node);
-				var link = linkMapping(node, themeStyleKeys, scopeId, name, theme);
-				return function() {
-					link === null || link === void 0 || link.unlink();
-					if (typeof refCleanup === "function") refCleanup();
-					else assignRef(ref, null);
-				};
-			},
+			ref: hostRef,
 			style
 		}), wrapped ? void 0 : key);
 		if (!wrapped) return element;
@@ -7347,6 +7292,7 @@ var shadowRecipeProperties = /* @__PURE__ */ new Set([
 	"textShadow",
 	"filter"
 ]);
+var shadowRecipeKeywords = /* @__PURE__ */ new Set(["inset", "none"]);
 function configuredValue(state, property, raw) {
 	var embedded = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : false, nativeColors = arguments.length > 4 ? arguments[4] : void 0;
 	var grammar = getConfigRevisionState(state.conf);
@@ -7524,7 +7470,7 @@ function configuredValue(state, property, raw) {
 		var usedSafeArea = state.flatUsesSafeArea;
 		out = grammar.embeddedTokens(raw, function(word) {
 			var resolved = configuredValue(state, property, word, false, nativeColors);
-			if (resolved !== word || !shadowRecipeProperties.has(property) || !/^[a-z][\w-]*$/i.test(word)) return resolved;
+			if (resolved !== word || !shadowRecipeProperties.has(property) || shadowRecipeKeywords.has(word) || !/^[a-z][\w-]*$/i.test(word)) return resolved;
 			if (word === "currentColor") {
 				var inherited = configuredValue(state, "color", "color", false, nativeColors);
 				return inherited === "color" ? word : inherited;
@@ -8912,6 +8858,7 @@ ${banner}
 		var nativeEngine = getNativeStyleEngine();
 		var canNativeUpdate = !!nativeEngine && !isPassthrough && !isHOC && !willBeAnimated && !groupName && !props.disableNativeStyle;
 		stateRef.current.nativePushedStates = canNativeUpdate ? /* @__PURE__ */ new Set() : void 0;
+		if (stateRef.current.nativeLink) supersedeNativeViewStates(stateRef.current.nativeLink.id);
 		stateRef.current.nativeThemeState = void 0;
 		stateRef.current.nativeActiveState = canNativeUpdate ? themeState === null || themeState === void 0 ? void 0 : themeState.name : void 0;
 		var pushViewState = canNativeUpdate ? function(stateName, style2) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -137,19 +137,19 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "3.0.5",
-    "@tamagui/constants": "3.0.5",
-    "@tamagui/helpers": "3.0.5",
-    "@tamagui/react-native-media-driver": "3.0.5",
-    "@tamagui/react-native-use-pressable": "3.0.5",
-    "@tamagui/use-element-layout": "3.0.5",
-    "@tamagui/use-event": "3.0.5",
-    "@tamagui/web": "3.0.5"
+    "@tamagui/compose-refs": "3.0.7",
+    "@tamagui/constants": "3.0.7",
+    "@tamagui/helpers": "3.0.7",
+    "@tamagui/react-native-media-driver": "3.0.7",
+    "@tamagui/react-native-use-pressable": "3.0.7",
+    "@tamagui/use-element-layout": "3.0.7",
+    "@tamagui/use-event": "3.0.7",
+    "@tamagui/web": "3.0.7"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.5",
-    "@tamagui/native-bundle": "3.0.5",
-    "@tamagui/react-native-web-lite": "3.0.5",
+    "@tamagui/build": "3.0.7",
+    "@tamagui/native-bundle": "3.0.7",
+    "@tamagui/react-native-web-lite": "3.0.7",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "19.2.3",
@@ -164,5 +164,5 @@
     "./dist/cjs": "./dist/esm/index.native.js",
     "./theme-update": "./dist/esm/theme-update.native.js"
   },
-  "releaseSourceCommit": "2500e65729dfd41ce27b4b3271f22f9c1d1ff5a3"
+  "releaseSourceCommit": "96f8bc1f222af0381729a2e2202370aa4a9808ef"
 }