@tamagui/web 3.0.2 → 3.0.4

package/dist/cjs/helpers/nativeStyleEngine.cjs

@@ -20,6 +20,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var nativeStyleEngine_exports = {};
 __export(nativeStyleEngine_exports, {
+	flushNativeStyleLinks: () => flushNativeStyleLinks,
 	getNativeStyleEngine: () => getNativeStyleEngine,
 	getNativeStyleEngineCacheStats: () => getNativeStyleEngineCacheStats,
 	linkNativeStyleMapping: () => linkNativeStyleMapping,
@@ -84,8 +85,8 @@ let engine = null;
 const scopeStates = /* @__PURE__ */ new Map();
 const mappingKeys = /* @__PURE__ */ new WeakMap();
 const compiledMappings = /* @__PURE__ */ new Map();
-const activeCompiledMappings = /* @__PURE__ */ new Set();
-const processedBases = /* @__PURE__ */ new WeakMap();
+const scopeMappings = /* @__PURE__ */ new Map();
+let nextTableId = 1;
 function getCompiledMapping(mapping) {
 	let key = mappingKeys.get(mapping);
 	if (!key) {
@@ -97,7 +98,8 @@ function getCompiledMapping(mapping) {
 		compiled = {
 			mapping,
 			states: /* @__PURE__ */ new Map(),
-			links: /* @__PURE__ */ new Set()
+			tableId: nextTableId++,
+			sent: /* @__PURE__ */ new Map()
 		};
 		if (compiledMappings.size >= 1e4) {
 			compiledMappings.clear();
@@ -118,9 +120,6 @@ function resolveCompiledMapping(compiled, stateName, theme) {
 	const nativeProps = engine?.processStyleColors(renderProps) ?? renderProps;
 	if (compiled.states.size >= 1e4) {
 		compiled.states.clear();
-		for (const link of compiled.links) {
-			link.stateThemes.clear();
-		}
 	}
 	const resolved = {
 		theme,
@@ -130,10 +129,19 @@ function resolveCompiledMapping(compiled, stateName, theme) {
 	compiled.states.set(stateName, resolved);
 	return resolved;
 }
+function syncTableState(compiled, stateName, theme) {
+	const resolved = resolveCompiledMapping(compiled, stateName, theme);
+	if (compiled.sent.get(stateName) === resolved) return;
+	compiled.sent.set(stateName, resolved);
+	engine.setTableState(compiled.tableId, stateName, resolved.nativeProps);
+}
 function setNativeStyleEngine(next) {
 	if (engine !== next) {
+		settleReleases();
 		compiledMappings.clear();
-		activeCompiledMappings.clear();
+		scopeMappings.clear();
+		pendingLinks = [];
+		unlinkedPending = 0;
 	}
 	engine = next;
 	if (next) {
@@ -148,28 +156,18 @@ function getNativeStyleEngine() {
 function updateNativeStyleScope(scopeId, stateName, theme) {
 	const previous = scopeStates.get(scopeId);
 	if (previous?.name === stateName && previous.theme === theme) return;
+	flushNativeStyleLinks();
 	scopeStates.set(scopeId, {
 		name: stateName,
 		theme
 	});
 	if (engine) {
-		const entries = [];
-		for (const compiled of activeCompiledMappings) {
-			let props;
-			for (const link of compiled.links) {
-				if (link.scopeId !== scopeId) continue;
-				const linkedTheme = link.stateThemes.get(stateName);
-				if (linkedTheme === theme) continue;
-				props ||= resolveCompiledMapping(compiled, stateName, theme).nativeProps;
-				entries.push({
-					id: link.handle.id,
-					state: stateName,
-					props
-				});
-				link.stateThemes.set(stateName, theme);
+		const linked = scopeMappings.get(scopeId);
+		if (linked) {
+			for (const compiled of linked.keys()) {
+				syncTableState(compiled, stateName, theme);
 			}
 		}
-		if (entries.length) engine.updateViewStateTables(entries);
 	}
 	engine?.setStateName(stateName, scopeId);
 }
@@ -180,65 +178,138 @@ function removeNativeStyleScope(scopeId) {
 function resolveNativeStyleMapping(mapping, stateName, theme) {
 	return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme).renderProps;
 }
-function linkNativeStyleMapping(ref, baseStyle, mapping, scopeId, stateName, theme) {
+let pendingLinks = [];
+let unlinkedPending = 0;
+function trackScopeMapping(link, delta) {
+	let linked = scopeMappings.get(link.scopeId);
+	if (!linked) scopeMappings.set(link.scopeId, linked = /* @__PURE__ */ new Map());
+	const count = (linked.get(link.compiled) ?? 0) + delta;
+	if (count) {
+		linked.set(link.compiled, count);
+	} else {
+		linked.delete(link.compiled);
+		if (!linked.size) scopeMappings.delete(link.scopeId);
+	}
+}
+function flushNativeStyleLinks() {
+	settleReleases();
+	if (!pendingLinks.length) return;
+	const links = pendingLinks;
+	pendingLinks = [];
+	unlinkedPending = 0;
+	if (!engine) return;
+	const live = links.filter((link) => link.id === 0);
+	if (!live.length) return;
+	const refs = [];
+	const tableIds = [];
+	const scopeIndexes = [];
+	const scopes = [];
+	for (const link of live) {
+		let 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);
+	}
+	const firstId = engine.linkTables(refs, tableIds, scopeIndexes, scopes);
+	for (let i = 0; i < live.length; i++) {
+		const link = live[i];
+		link.id = firstId + i;
+		link.owner = engine;
+		link.ref = null;
+		trackScopeMapping(link, 1);
+	}
+}
+const releases = /* @__PURE__ */ new Map();
+let settleQueued = false;
+function settleReleases() {
+	settleQueued = false;
+	if (!releases.size) return;
+	const settling = [...releases.values()];
+	releases.clear();
+	for (const release of settling) release.settle();
+}
+function releasable(ref, compiled, scopeId, id, settle) {
+	const handle = {
+		id,
+		unlink: () => {
+			const 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;
 	const compiled = getCompiledMapping(mapping);
 	const scopeState = scopeStates.get(scopeId);
-	const currentStateName = scopeState?.name ?? stateName;
-	const currentTheme = scopeState?.theme ?? theme;
-	const stale = currentStateName !== stateName || currentTheme !== theme;
-	const stateProps = resolveCompiledMapping(compiled, currentStateName, currentTheme).nativeProps;
-	let base = processedBases.get(baseStyle);
-	if (!base || base.engine !== engine) {
-		base = {
-			engine,
-			props: engine.processStyleColors(normalizeNativeStyle(baseStyle))
-		};
-		processedBases.set(baseStyle, base);
+	const stale = scopeState && (scopeState.name !== stateName || scopeState.theme !== theme);
+	const kept = releases.get(ref);
+	if (kept) {
+		releases.delete(ref);
+		if (!stale && kept.compiled === compiled && kept.scopeId === scopeId) return kept.handle;
+		kept.settle();
 	}
-	const state = {};
-	const stateThemes = /* @__PURE__ */ new Map();
-	for (const [name, cached] of compiled.states) {
-		state[name] = cached.nativeProps;
-		stateThemes.set(name, cached.theme);
-	}
-	state[currentStateName] = stateProps;
-	stateThemes.set(currentStateName, currentTheme);
-	const handle = engine.link(ref, {
-		base: base.props,
-		state
-	}, scopeId);
-	if (!handle) return null;
 	if (stale) {
-		engine.updateViewStateTables([{
+		syncTableState(compiled, scopeState.name, scopeState.theme);
+		const handle = engine.link(ref, compiled.tableId, scopeId, true);
+		if (!handle) return null;
+		const link2 = {
+			ref: null,
+			compiled,
+			scopeId,
 			id: handle.id,
-			state: currentStateName,
-			props: stateProps
-		}]);
+			owner: engine
+		};
+		trackScopeMapping(link2, 1);
+		return releasable(ref, compiled, scopeId, handle.id, () => {
+			if (link2.id === -1) return;
+			link2.id = -1;
+			if (link2.owner === engine) trackScopeMapping(link2, -1);
+			handle.unlink();
+		});
 	}
+	syncTableState(compiled, stateName, theme);
 	const link = {
-		handle,
+		ref,
+		compiled,
 		scopeId,
-		stateThemes
+		id: 0,
+		owner: null
 	};
-	compiled.links.add(link);
-	activeCompiledMappings.add(compiled);
-	return {
-		id: handle.id,
-		unlink: () => {
-			compiled.links.delete(link);
-			if (!compiled.links.size) {
-				activeCompiledMappings.delete(compiled);
-			}
-			handle.unlink();
+	pendingLinks.push(link);
+	return releasable(ref, compiled, scopeId, 0, () => {
+		const id = link.id;
+		if (id === -1) return;
+		link.id = -1;
+		link.ref = null;
+		if (id > 0) {
+			if (link.owner === engine) trackScopeMapping(link, -1);
+			link.owner.unlink(id);
+		} else if (++unlinkedPending > 512 && unlinkedPending * 2 > pendingLinks.length) {
+			pendingLinks = pendingLinks.filter((pending2) => pending2.id === 0);
+			unlinkedPending = 0;
 		}
-	};
+	});
 }
-const getNativeStyleEngineCacheStats = () => ({
-	mappings: compiledMappings.size,
-	activeMappings: activeCompiledMappings.size,
-	states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...activeCompiledMappings])].reduce((total, compiled) => total + compiled.states.size, 0)
-});
+const getNativeStyleEngineCacheStats = () => {
+	const active = new Set([...scopeMappings.values()].flatMap((linked) => [...linked.keys()]));
+	return {
+		mappings: compiledMappings.size,
+		activeMappings: active.size,
+		states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...active])].reduce((total, compiled) => total + compiled.states.size, 0)
+	};
+};
 let pending = null;
 let flushListener = null;
 function setNativeStyleEngineFlushListener(cb) {

package/dist/cjs/helpers/nativeStyleEngine.native.cjs

@@ -22,6 +22,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var nativeStyleEngine_exports = {};
 __export(nativeStyleEngine_exports, {
+	flushNativeStyleLinks: () => flushNativeStyleLinks,
 	getNativeStyleEngine: () => getNativeStyleEngine,
 	getNativeStyleEngineCacheStats: () => getNativeStyleEngineCacheStats,
 	linkNativeStyleMapping: () => linkNativeStyleMapping,
@@ -121,8 +122,8 @@ var engine = null;
 var scopeStates = /* @__PURE__ */ new Map();
 var mappingKeys = /* @__PURE__ */ new WeakMap();
 var compiledMappings = /* @__PURE__ */ new Map();
-var activeCompiledMappings = /* @__PURE__ */ new Set();
-var processedBases = /* @__PURE__ */ new WeakMap();
+var scopeMappings = /* @__PURE__ */ new Map();
+var nextTableId = 1;
 function getCompiledMapping(mapping) {
 	var key = mappingKeys.get(mapping);
 	if (!key) {
@@ -136,7 +137,8 @@ function getCompiledMapping(mapping) {
 		compiled = {
 			mapping,
 			states: /* @__PURE__ */ new Map(),
-			links: /* @__PURE__ */ new Set()
+			tableId: nextTableId++,
+			sent: /* @__PURE__ */ new Map()
 		};
 		if (compiledMappings.size >= 1e4) {
 			compiledMappings.clear();
@@ -158,26 +160,6 @@ function resolveCompiledMapping(compiled, stateName, theme) {
 	var nativeProps = (_engine_processStyleColors = engine === null || engine === void 0 ? void 0 : engine.processStyleColors(renderProps)) !== null && _engine_processStyleColors !== void 0 ? _engine_processStyleColors : renderProps;
 	if (compiled.states.size >= 1e4) {
 		compiled.states.clear();
-		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-		try {
-			for (var _iterator = compiled.links[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-				var link = _step.value;
-				link.stateThemes.clear();
-			}
-		} catch (err) {
-			_didIteratorError = true;
-			_iteratorError = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion && _iterator.return != null) {
-					_iterator.return();
-				}
-			} finally {
-				if (_didIteratorError) {
-					throw _iteratorError;
-				}
-			}
-		}
 	}
 	var resolved = {
 		theme,
@@ -187,10 +169,19 @@ function resolveCompiledMapping(compiled, stateName, theme) {
 	compiled.states.set(stateName, resolved);
 	return resolved;
 }
+function syncTableState(compiled, stateName, theme) {
+	var resolved = resolveCompiledMapping(compiled, stateName, theme);
+	if (compiled.sent.get(stateName) === resolved) return;
+	compiled.sent.set(stateName, resolved);
+	engine.setTableState(compiled.tableId, stateName, resolved.nativeProps);
+}
 function setNativeStyleEngine(next) {
 	if (engine !== next) {
+		settleReleases();
 		compiledMappings.clear();
-		activeCompiledMappings.clear();
+		scopeMappings.clear();
+		pendingLinks = [];
+		unlinkedPending = 0;
 	}
 	engine = next;
 	if (next) {
@@ -222,62 +213,35 @@ function getNativeStyleEngine() {
 function updateNativeStyleScope(scopeId, stateName, theme) {
 	var previous = scopeStates.get(scopeId);
 	if ((previous === null || previous === void 0 ? void 0 : previous.name) === stateName && previous.theme === theme) return;
+	flushNativeStyleLinks();
 	scopeStates.set(scopeId, {
 		name: stateName,
 		theme
 	});
 	if (engine) {
-		var entries = [];
-		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-		try {
-			for (var _iterator = activeCompiledMappings[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-				var compiled = _step.value;
-				var props = void 0;
-				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+		var linked = scopeMappings.get(scopeId);
+		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) {
+					var compiled = _step.value;
+					syncTableState(compiled, stateName, theme);
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
 				try {
-					for (var _iterator1 = compiled.links[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
-						var link = _step1.value;
-						if (link.scopeId !== scopeId) continue;
-						var linkedTheme = link.stateThemes.get(stateName);
-						if (linkedTheme === theme) continue;
-						props || (props = resolveCompiledMapping(compiled, stateName, theme).nativeProps);
-						entries.push({
-							id: link.handle.id,
-							state: stateName,
-							props
-						});
-						link.stateThemes.set(stateName, theme);
+					if (!_iteratorNormalCompletion && _iterator.return != null) {
+						_iterator.return();
 					}
-				} catch (err) {
-					_didIteratorError1 = true;
-					_iteratorError1 = err;
 				} finally {
-					try {
-						if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-							_iterator1.return();
-						}
-					} finally {
-						if (_didIteratorError1) {
-							throw _iteratorError1;
-						}
+					if (_didIteratorError) {
+						throw _iteratorError;
 					}
 				}
 			}
-		} catch (err) {
-			_didIteratorError = true;
-			_iteratorError = err;
-		} finally {
-			try {
-				if (!_iteratorNormalCompletion && _iterator.return != null) {
-					_iterator.return();
-				}
-			} finally {
-				if (_didIteratorError) {
-					throw _iteratorError;
-				}
-			}
 		}
-		if (entries.length) engine.updateViewStateTables(entries);
 	}
 	engine === null || engine === void 0 ? void 0 : engine.setStateName(stateName, scopeId);
 }
@@ -288,32 +252,80 @@ function removeNativeStyleScope(scopeId) {
 function resolveNativeStyleMapping(mapping, stateName, theme) {
 	return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme).renderProps;
 }
-function linkNativeStyleMapping(ref, baseStyle, mapping, scopeId, stateName, theme) {
-	if (!engine) return null;
-	var compiled = getCompiledMapping(mapping);
-	var scopeState = scopeStates.get(scopeId);
-	var _scopeState_name;
-	var currentStateName = (_scopeState_name = scopeState === null || scopeState === void 0 ? void 0 : scopeState.name) !== null && _scopeState_name !== void 0 ? _scopeState_name : stateName;
-	var _scopeState_theme;
-	var currentTheme = (_scopeState_theme = scopeState === null || scopeState === void 0 ? void 0 : scopeState.theme) !== null && _scopeState_theme !== void 0 ? _scopeState_theme : theme;
-	var stale = currentStateName !== stateName || currentTheme !== theme;
-	var stateProps = resolveCompiledMapping(compiled, currentStateName, currentTheme).nativeProps;
-	var base = processedBases.get(baseStyle);
-	if (!base || base.engine !== engine) {
-		base = {
-			engine,
-			props: engine.processStyleColors(normalizeNativeStyle(baseStyle))
-		};
-		processedBases.set(baseStyle, base);
+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);
 	}
-	var state = {};
-	var stateThemes = /* @__PURE__ */ new Map();
+}
+function flushNativeStyleLinks() {
+	settleReleases();
+	if (!pendingLinks.length) return;
+	var links = pendingLinks;
+	pendingLinks = [];
+	unlinkedPending = 0;
+	if (!engine) return;
+	var live = links.filter(function(link2) {
+		return link2.id === 0;
+	});
+	if (!live.length) return;
+	var refs = [];
+	var tableIds = [];
+	var scopeIndexes = [];
+	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 = compiled.states[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var [name, cached] = _step.value;
-			state[name] = cached.nativeProps;
-			stateThemes.set(name, cached.theme);
+		for (var _iterator = settling[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var release = _step.value;
+			release.settle();
 		}
 	} catch (err) {
 		_didIteratorError = true;
@@ -329,43 +341,90 @@ function linkNativeStyleMapping(ref, baseStyle, mapping, scopeId, stateName, the
 			}
 		}
 	}
-	state[currentStateName] = stateProps;
-	stateThemes.set(currentStateName, currentTheme);
-	var handle = engine.link(ref, {
-		base: base.props,
-		state
-	}, scopeId);
-	if (!handle) return null;
+}
+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) {
-		engine.updateViewStateTables([{
+		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,
-			state: currentStateName,
-			props: stateProps
-		}]);
+			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();
+		});
 	}
-	var link = {
-		handle,
+	syncTableState(compiled, stateName, theme);
+	var link1 = {
+		ref,
+		compiled,
 		scopeId,
-		stateThemes
+		id: 0,
+		owner: null
 	};
-	compiled.links.add(link);
-	activeCompiledMappings.add(compiled);
-	return {
-		id: handle.id,
-		unlink: function() {
-			compiled.links.delete(link);
-			if (!compiled.links.size) {
-				activeCompiledMappings.delete(compiled);
-			}
-			handle.unlink();
+	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 getNativeStyleEngineCacheStats = function() {
+	var active = new Set([...scopeMappings.values()].flatMap(function(linked) {
+		return [...linked.keys()];
+	}));
 	return {
 		mappings: compiledMappings.size,
-		activeMappings: activeCompiledMappings.size,
-		states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...activeCompiledMappings])].reduce(function(total, compiled) {
+		activeMappings: active.size,
+		states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...active])].reduce(function(total, compiled) {
 			return total + compiled.states.size;
 		}, 0)
 	};