@tamagui/web 3.0.5 → 3.0.7

package/dist/esm/helpers/nativeStyleEngine.mjs

@@ -101,11 +101,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) {
@@ -128,7 +127,7 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 	if (engine) {
 		const linked = scopeMappings.get(scopeId);
 		if (linked) {
-			for (const compiled of linked.keys()) {
+			for (const compiled of linked) {
 				syncTableState(compiled, stateName, theme);
 			}
 		}
@@ -137,137 +136,83 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 }
 function removeNativeStyleScope(scopeId) {
 	if (!scopeStates.delete(scopeId)) return;
+	queueMicrotask(() => {
+		if (!scopeStates.has(scopeId)) scopeMappings.delete(scopeId);
+	});
 	engine?.removeScope(scopeId);
 }
 function resolveNativeStyleMapping(mapping, stateName, theme) {
 	return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme).renderProps;
 }
-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 createNativeStyleLinkState(mapping, scopeId, stateName, theme) {
+	return {
+		mapping,
+		scopeId,
+		stateName,
+		theme
+	};
+}
+let pendingHosts = [];
+let pendingStates = [];
+const maxPendingHosts = 4096;
+let idleFlushQueued = false;
+function idleFlush() {
+	idleFlushQueued = false;
+	flushNativeStyleLinks();
+}
+function addScopeMapping(scopeId, compiled) {
+	let linked = scopeMappings.get(scopeId);
+	if (!linked) scopeMappings.set(scopeId, linked = /* @__PURE__ */ new Set());
+	linked.add(compiled);
 }
 function flushNativeStyleLinks() {
-	settleReleases();
-	if (!pendingLinks.length) return;
-	const links = pendingLinks;
-	pendingLinks = [];
-	unlinkedPending = 0;
+	if (!pendingHosts.length) return;
+	const hosts = pendingHosts;
+	const states = pendingStates;
+	pendingHosts = [];
+	pendingStates = [];
 	if (!engine) return;
-	const live = links.filter((link) => link.id === 0);
-	if (!live.length) return;
-	const refs = [];
-	const tableIds = [];
-	const scopeIndexes = [];
+	const tableIds = new Array(hosts.length);
+	const scopeIndexes = new Array(hosts.length);
 	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);
-			}
+	let last;
+	let tableId = 0;
+	let scopeIndex = 0;
+	for (let i = 0; i < hosts.length; i++) {
+		const state = states[i];
+		if (state !== last) {
+			last = state;
+			const 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;
 		}
-	};
-	return handle;
+		tableIds[i] = tableId;
+		scopeIndexes[i] = scopeIndex;
+	}
+	engine.linkTables(hosts, tableIds, scopeIndexes, scopes);
 }
-function linkNativeStyleMapping(ref, mapping, scopeId, stateName, theme) {
-	if (!engine) return null;
-	const compiled = getCompiledMapping(mapping);
-	const scopeState = scopeStates.get(scopeId);
-	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();
+function linkNativeStyleHost(host, state) {
+	if (!engine) return;
+	const live = scopeStates.get(state.scopeId);
+	if (live && (live.name !== state.stateName || live.theme !== state.theme)) {
+		const compiled = getCompiledMapping(state.mapping);
+		syncTableState(compiled, live.name, live.theme);
+		addScopeMapping(state.scopeId, compiled);
+		engine.link(host, compiled.tableId, state.scopeId, true);
+		return;
 	}
-	if (stale) {
-		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,
-			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();
-		});
+	pendingHosts.push(host);
+	pendingStates.push(state);
+	if (pendingHosts.length >= maxPendingHosts && !idleFlushQueued) {
+		idleFlushQueued = true;
+		requestIdleCallback(idleFlush);
 	}
-	syncTableState(compiled, stateName, theme);
-	const link = {
-		ref,
-		compiled,
-		scopeId,
-		id: 0,
-		owner: null
-	};
-	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 = () => {
-	const active = new Set([...scopeMappings.values()].flatMap((linked) => [...linked.keys()]));
+	const active = new Set([...scopeMappings.values()].flatMap((linked) => [...linked]));
 	return {
 		mappings: compiledMappings.size,
 		activeMappings: active.size,
@@ -289,19 +234,30 @@ function updateNativeStyleLink(ref, host) {
 		ref.nativeLink = engine.link(host, {});
 	}
 }
+let superseded = null;
 function queueNativeViewState(entry) {
 	if (!engine) return;
 	if (!pending) {
 		pending = [];
 		queueMicrotask(() => {
-			const entries = pending;
+			let entries = pending;
+			const dropped = superseded;
 			pending = null;
+			superseded = null;
+			if (dropped) {
+				entries = entries.filter((queued, index) => index >= (dropped.get(queued.id) ?? 0));
+			}
+			if (!entries.length) return;
 			engine?.applyViewStates(entries);
 			flushListener?.(entries);
 		});
 	}
 	pending.push(entry);
 }
+function supersedeNativeViewStates(id) {
+	if (!pending) return;
+	(superseded ||= /* @__PURE__ */ new Map()).set(id, pending.length);
+}
 
-export { flushNativeStyleLinks, getNativeStyleEngine, getNativeStyleEngineCacheStats, linkNativeStyleMapping, nativeTextInputColorProps, normalizeNativeStyle, queueNativeViewState, removeNativeStyleScope, resolveNativeStyleMapping, setNativeStyleEngine, setNativeStyleEngineFlushListener, updateNativeStyleLink, updateNativeStyleScope };
+export { createNativeStyleLinkState, flushNativeStyleLinks, getNativeStyleEngine, getNativeStyleEngineCacheStats, linkNativeStyleHost, nativeTextInputColorProps, normalizeNativeStyle, queueNativeViewState, removeNativeStyleScope, resolveNativeStyleMapping, setNativeStyleEngine, setNativeStyleEngineFlushListener, supersedeNativeViewStates, updateNativeStyleLink, updateNativeStyleScope };
 //# sourceMappingURL=nativeStyleEngine.mjs.map

package/dist/esm/helpers/nativeStyleEngine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"nativeStyleEngine.js","names":[],"sources":["esm/helpers/nativeStyleEngine.js"],"sourcesContent":["import { getVariableValue } from \"../createVariable\";\nconst nativeTextInputColorProps = {\n  placeholderTextColor: \"placeholderTextColor\",\n  selectionColor: \"selectionColor\",\n  cursorColor: \"cursorColor\",\n  selectionHandleColor: \"selectionHandleColor\"\n};\nconst nativeOutlineProps = [\n  \"outlineStyle\",\n  \"outlineWidth\",\n  \"outlineColor\",\n  \"outlineOffset\"\n];\nconst nativeIntrinsicSizeProps = [\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"maxWidth\",\n  \"maxHeight\"\n];\nfunction normalizeNativeStyle(style, reset = false) {\n  let next;\n  if (style.outlineStyle === \"none\") {\n    next = { ...style };\n    for (const key of nativeOutlineProps) {\n      if (reset) {\n        next[key] = null;\n      } else {\n        delete next[key];\n      }\n    }\n  }\n  for (const key of nativeIntrinsicSizeProps) {\n    const value = style[key];\n    if (value === \"max-content\" || value === \"min-content\" || value === \"fit-content\") {\n      next ||= { ...style };\n      if (reset) {\n        next[key] = null;\n      } else {\n        delete next[key];\n      }\n    }\n  }\n  return next ?? style;\n}\nlet engine = null;\nconst scopeStates = /* @__PURE__ */ new Map();\nconst mappingKeys = /* @__PURE__ */ new WeakMap();\nconst compiledMappings = /* @__PURE__ */ new Map();\nconst scopeMappings = /* @__PURE__ */ new Map();\nlet nextTableId = 1;\nfunction getCompiledMapping(mapping) {\n  let key = mappingKeys.get(mapping);\n  if (!key) {\n    key = JSON.stringify(\n      Object.keys(mapping).sort().map((styleKey) => [styleKey, mapping[styleKey]])\n    );\n    mappingKeys.set(mapping, key);\n  }\n  let compiled = compiledMappings.get(key);\n  if (!compiled) {\n    compiled = {\n      mapping,\n      states: /* @__PURE__ */ new Map(),\n      tableId: nextTableId++,\n      sent: /* @__PURE__ */ new Map()\n    };\n    if (compiledMappings.size >= 1e4) {\n      compiledMappings.clear();\n    }\n    compiledMappings.set(key, compiled);\n  }\n  return compiled;\n}\nfunction resolveCompiledMapping(compiled, stateName, theme) {\n  const cached = compiled.states.get(stateName);\n  if (cached?.theme === theme) return cached;\n  let renderProps = {};\n  for (const styleKey in compiled.mapping) {\n    const value = theme[compiled.mapping[styleKey]];\n    renderProps[styleKey] = value === void 0 ? null : getVariableValue(value);\n  }\n  renderProps = normalizeNativeStyle(renderProps, true);\n  const nativeProps = engine?.processStyleColors(renderProps) ?? renderProps;\n  if (compiled.states.size >= 1e4) {\n    compiled.states.clear();\n  }\n  const resolved = { theme, renderProps, nativeProps };\n  compiled.states.set(stateName, resolved);\n  return resolved;\n}\nfunction syncTableState(compiled, stateName, theme) {\n  const resolved = resolveCompiledMapping(compiled, stateName, theme);\n  if (compiled.sent.get(stateName) === resolved) return;\n  compiled.sent.set(stateName, resolved);\n  engine.setTableState(compiled.tableId, stateName, resolved.nativeProps);\n}\nfunction setNativeStyleEngine(next) {\n  if (engine !== next) {\n    settleReleases();\n    compiledMappings.clear();\n    scopeMappings.clear();\n    pendingLinks = [];\n    unlinkedPending = 0;\n  }\n  engine = next;\n  if (next) {\n    for (const [scopeId, state] of scopeStates) {\n      next.setStateName(state.name, scopeId);\n    }\n  }\n}\nfunction getNativeStyleEngine() {\n  return engine;\n}\nfunction updateNativeStyleScope(scopeId, stateName, theme) {\n  const previous = scopeStates.get(scopeId);\n  if (previous?.name === stateName && previous.theme === theme) return;\n  flushNativeStyleLinks();\n  scopeStates.set(scopeId, { name: stateName, theme });\n  if (engine) {\n    const linked = scopeMappings.get(scopeId);\n    if (linked) {\n      for (const compiled of linked.keys()) {\n        syncTableState(compiled, stateName, theme);\n      }\n    }\n  }\n  engine?.setStateName(stateName, scopeId);\n}\nfunction removeNativeStyleScope(scopeId) {\n  if (!scopeStates.delete(scopeId)) return;\n  engine?.removeScope(scopeId);\n}\nfunction resolveNativeStyleMapping(mapping, stateName, theme) {\n  return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme).renderProps;\n}\nlet pendingLinks = [];\nlet unlinkedPending = 0;\nfunction trackScopeMapping(link, delta) {\n  let linked = scopeMappings.get(link.scopeId);\n  if (!linked) scopeMappings.set(link.scopeId, linked = /* @__PURE__ */ new Map());\n  const count = (linked.get(link.compiled) ?? 0) + delta;\n  if (count) {\n    linked.set(link.compiled, count);\n  } else {\n    linked.delete(link.compiled);\n    if (!linked.size) scopeMappings.delete(link.scopeId);\n  }\n}\nfunction flushNativeStyleLinks() {\n  settleReleases();\n  if (!pendingLinks.length) return;\n  const links = pendingLinks;\n  pendingLinks = [];\n  unlinkedPending = 0;\n  if (!engine) return;\n  const live = links.filter((link) => link.id === 0);\n  if (!live.length) return;\n  const refs = [];\n  const tableIds = [];\n  const scopeIndexes = [];\n  const scopes = [];\n  for (const link of live) {\n    let scopeIndex = scopes.indexOf(link.scopeId);\n    if (scopeIndex === -1) scopeIndex = scopes.push(link.scopeId) - 1;\n    refs.push(link.ref);\n    tableIds.push(link.compiled.tableId);\n    scopeIndexes.push(scopeIndex);\n  }\n  const firstId = engine.linkTables(refs, tableIds, scopeIndexes, scopes);\n  for (let i = 0; i < live.length; i++) {\n    const link = live[i];\n    link.id = firstId + i;\n    link.owner = engine;\n    link.ref = null;\n    trackScopeMapping(link, 1);\n  }\n}\nconst releases = /* @__PURE__ */ new Map();\nlet settleQueued = false;\nfunction settleReleases() {\n  settleQueued = false;\n  if (!releases.size) return;\n  const settling = [...releases.values()];\n  releases.clear();\n  for (const release of settling) release.settle();\n}\nfunction releasable(ref, compiled, scopeId, id, settle) {\n  const handle = {\n    id,\n    unlink: () => {\n      const prior = releases.get(ref);\n      if (prior && prior.handle !== handle) prior.settle();\n      releases.set(ref, { compiled, scopeId, handle, settle });\n      if (!settleQueued) {\n        settleQueued = true;\n        queueMicrotask(settleReleases);\n      }\n    }\n  };\n  return handle;\n}\nfunction linkNativeStyleMapping(ref, mapping, scopeId, stateName, theme) {\n  if (!engine) return null;\n  const compiled = getCompiledMapping(mapping);\n  const scopeState = scopeStates.get(scopeId);\n  const stale = scopeState && (scopeState.name !== stateName || scopeState.theme !== theme);\n  const kept = releases.get(ref);\n  if (kept) {\n    releases.delete(ref);\n    if (!stale && kept.compiled === compiled && kept.scopeId === scopeId)\n      return kept.handle;\n    kept.settle();\n  }\n  if (stale) {\n    syncTableState(compiled, scopeState.name, scopeState.theme);\n    const handle = engine.link(ref, compiled.tableId, scopeId, true);\n    if (!handle) return null;\n    const link2 = {\n      ref: null,\n      compiled,\n      scopeId,\n      id: handle.id,\n      owner: engine\n    };\n    trackScopeMapping(link2, 1);\n    return releasable(ref, compiled, scopeId, handle.id, () => {\n      if (link2.id === -1) return;\n      link2.id = -1;\n      if (link2.owner === engine) trackScopeMapping(link2, -1);\n      handle.unlink();\n    });\n  }\n  syncTableState(compiled, stateName, theme);\n  const link = { ref, compiled, scopeId, id: 0, owner: null };\n  pendingLinks.push(link);\n  return releasable(ref, compiled, scopeId, 0, () => {\n    const id = link.id;\n    if (id === -1) return;\n    link.id = -1;\n    link.ref = null;\n    if (id > 0) {\n      if (link.owner === engine) trackScopeMapping(link, -1);\n      link.owner.unlink(id);\n    } else if (++unlinkedPending > 512 && unlinkedPending * 2 > pendingLinks.length) {\n      pendingLinks = pendingLinks.filter((pending2) => pending2.id === 0);\n      unlinkedPending = 0;\n    }\n  });\n}\nconst getNativeStyleEngineCacheStats = () => {\n  const active = new Set(\n    [...scopeMappings.values()].flatMap((linked) => [...linked.keys()])\n  );\n  return {\n    mappings: compiledMappings.size,\n    activeMappings: active.size,\n    states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...active])].reduce(\n      (total, compiled) => total + compiled.states.size,\n      0\n    )\n  };\n};\nlet pending = null;\nlet flushListener = null;\nfunction setNativeStyleEngineFlushListener(cb) {\n  flushListener = cb;\n}\nfunction updateNativeStyleLink(ref, host) {\n  if (ref.nativeLink) {\n    ref.nativeLink.unlink();\n    ref.nativeLink = null;\n  }\n  ref.nativePushedKeys = void 0;\n  if (host && engine && ref.nativeStyleUpdate) {\n    ref.nativeLink = engine.link(host, {});\n  }\n}\nfunction queueNativeViewState(entry) {\n  if (!engine) return;\n  if (!pending) {\n    pending = [];\n    queueMicrotask(() => {\n      const entries = pending;\n      pending = null;\n      engine?.applyViewStates(entries);\n      flushListener?.(entries);\n    });\n  }\n  pending.push(entry);\n}\nexport {\n  flushNativeStyleLinks,\n  getNativeStyleEngine,\n  getNativeStyleEngineCacheStats,\n  linkNativeStyleMapping,\n  nativeTextInputColorProps,\n  normalizeNativeStyle,\n  queueNativeViewState,\n  removeNativeStyleScope,\n  resolveNativeStyleMapping,\n  setNativeStyleEngine,\n  setNativeStyleEngineFlushListener,\n  updateNativeStyleLink,\n  updateNativeStyleScope\n};\n//# sourceMappingURL=nativeStyleEngine.js.map\n"],"mappings":"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"}
+{"version":3,"file":"nativeStyleEngine.js","names":[],"sources":["esm/helpers/nativeStyleEngine.js"],"sourcesContent":["import { getVariableValue } from \"../createVariable\";\nconst nativeTextInputColorProps = {\n  placeholderTextColor: \"placeholderTextColor\",\n  selectionColor: \"selectionColor\",\n  cursorColor: \"cursorColor\",\n  selectionHandleColor: \"selectionHandleColor\"\n};\nconst nativeOutlineProps = [\n  \"outlineStyle\",\n  \"outlineWidth\",\n  \"outlineColor\",\n  \"outlineOffset\"\n];\nconst nativeIntrinsicSizeProps = [\n  \"width\",\n  \"height\",\n  \"minWidth\",\n  \"minHeight\",\n  \"maxWidth\",\n  \"maxHeight\"\n];\nfunction normalizeNativeStyle(style, reset = false) {\n  let next;\n  if (style.outlineStyle === \"none\") {\n    next = { ...style };\n    for (const key of nativeOutlineProps) {\n      if (reset) {\n        next[key] = null;\n      } else {\n        delete next[key];\n      }\n    }\n  }\n  for (const key of nativeIntrinsicSizeProps) {\n    const value = style[key];\n    if (value === \"max-content\" || value === \"min-content\" || value === \"fit-content\") {\n      next ||= { ...style };\n      if (reset) {\n        next[key] = null;\n      } else {\n        delete next[key];\n      }\n    }\n  }\n  return next ?? style;\n}\nlet engine = null;\nconst scopeStates = /* @__PURE__ */ new Map();\nconst mappingKeys = /* @__PURE__ */ new WeakMap();\nconst compiledMappings = /* @__PURE__ */ new Map();\nconst scopeMappings = /* @__PURE__ */ new Map();\nlet nextTableId = 1;\nfunction getCompiledMapping(mapping) {\n  let key = mappingKeys.get(mapping);\n  if (!key) {\n    key = JSON.stringify(\n      Object.keys(mapping).sort().map((styleKey) => [styleKey, mapping[styleKey]])\n    );\n    mappingKeys.set(mapping, key);\n  }\n  let compiled = compiledMappings.get(key);\n  if (!compiled) {\n    compiled = {\n      mapping,\n      states: /* @__PURE__ */ new Map(),\n      tableId: nextTableId++,\n      sent: /* @__PURE__ */ new Map()\n    };\n    if (compiledMappings.size >= 1e4) {\n      compiledMappings.clear();\n    }\n    compiledMappings.set(key, compiled);\n  }\n  return compiled;\n}\nfunction resolveCompiledMapping(compiled, stateName, theme) {\n  const cached = compiled.states.get(stateName);\n  if (cached?.theme === theme) return cached;\n  let renderProps = {};\n  for (const styleKey in compiled.mapping) {\n    const value = theme[compiled.mapping[styleKey]];\n    renderProps[styleKey] = value === void 0 ? null : getVariableValue(value);\n  }\n  renderProps = normalizeNativeStyle(renderProps, true);\n  const nativeProps = engine?.processStyleColors(renderProps) ?? renderProps;\n  if (compiled.states.size >= 1e4) {\n    compiled.states.clear();\n  }\n  const resolved = { theme, renderProps, nativeProps };\n  compiled.states.set(stateName, resolved);\n  return resolved;\n}\nfunction syncTableState(compiled, stateName, theme) {\n  const resolved = resolveCompiledMapping(compiled, stateName, theme);\n  if (compiled.sent.get(stateName) === resolved) return;\n  compiled.sent.set(stateName, resolved);\n  engine.setTableState(compiled.tableId, stateName, resolved.nativeProps);\n}\nfunction setNativeStyleEngine(next) {\n  if (engine !== next) {\n    compiledMappings.clear();\n    scopeMappings.clear();\n    pendingHosts = [];\n    pendingStates = [];\n  }\n  engine = next;\n  if (next) {\n    for (const [scopeId, state] of scopeStates) {\n      next.setStateName(state.name, scopeId);\n    }\n  }\n}\nfunction getNativeStyleEngine() {\n  return engine;\n}\nfunction updateNativeStyleScope(scopeId, stateName, theme) {\n  const previous = scopeStates.get(scopeId);\n  if (previous?.name === stateName && previous.theme === theme) return;\n  flushNativeStyleLinks();\n  scopeStates.set(scopeId, { name: stateName, theme });\n  if (engine) {\n    const linked = scopeMappings.get(scopeId);\n    if (linked) {\n      for (const compiled of linked) {\n        syncTableState(compiled, stateName, theme);\n      }\n    }\n  }\n  engine?.setStateName(stateName, scopeId);\n}\nfunction removeNativeStyleScope(scopeId) {\n  if (!scopeStates.delete(scopeId)) return;\n  queueMicrotask(() => {\n    if (!scopeStates.has(scopeId)) scopeMappings.delete(scopeId);\n  });\n  engine?.removeScope(scopeId);\n}\nfunction resolveNativeStyleMapping(mapping, stateName, theme) {\n  return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme).renderProps;\n}\nfunction createNativeStyleLinkState(mapping, scopeId, stateName, theme) {\n  return { mapping, scopeId, stateName, theme };\n}\nlet pendingHosts = [];\nlet pendingStates = [];\nconst maxPendingHosts = 4096;\nlet idleFlushQueued = false;\nfunction idleFlush() {\n  idleFlushQueued = false;\n  flushNativeStyleLinks();\n}\nfunction addScopeMapping(scopeId, compiled) {\n  let linked = scopeMappings.get(scopeId);\n  if (!linked) scopeMappings.set(scopeId, linked = /* @__PURE__ */ new Set());\n  linked.add(compiled);\n}\nfunction flushNativeStyleLinks() {\n  if (!pendingHosts.length) return;\n  const hosts = pendingHosts;\n  const states = pendingStates;\n  pendingHosts = [];\n  pendingStates = [];\n  if (!engine) return;\n  const tableIds = new Array(hosts.length);\n  const scopeIndexes = new Array(hosts.length);\n  const scopes = [];\n  let last;\n  let tableId = 0;\n  let scopeIndex = 0;\n  for (let i = 0; i < hosts.length; i++) {\n    const state = states[i];\n    if (state !== last) {\n      last = state;\n      const compiled = getCompiledMapping(state.mapping);\n      syncTableState(compiled, state.stateName, state.theme);\n      addScopeMapping(state.scopeId, compiled);\n      tableId = compiled.tableId;\n      scopeIndex = scopes.indexOf(state.scopeId);\n      if (scopeIndex === -1) scopeIndex = scopes.push(state.scopeId) - 1;\n    }\n    tableIds[i] = tableId;\n    scopeIndexes[i] = scopeIndex;\n  }\n  engine.linkTables(hosts, tableIds, scopeIndexes, scopes);\n}\nfunction linkNativeStyleHost(host, state) {\n  if (!engine) return;\n  const live = scopeStates.get(state.scopeId);\n  if (live && (live.name !== state.stateName || live.theme !== state.theme)) {\n    const compiled = getCompiledMapping(state.mapping);\n    syncTableState(compiled, live.name, live.theme);\n    addScopeMapping(state.scopeId, compiled);\n    engine.link(host, compiled.tableId, state.scopeId, true);\n    return;\n  }\n  pendingHosts.push(host);\n  pendingStates.push(state);\n  if (pendingHosts.length >= maxPendingHosts && !idleFlushQueued) {\n    idleFlushQueued = true;\n    requestIdleCallback(idleFlush);\n  }\n}\nconst getNativeStyleEngineCacheStats = () => {\n  const active = new Set([...scopeMappings.values()].flatMap((linked) => [...linked]));\n  return {\n    mappings: compiledMappings.size,\n    activeMappings: active.size,\n    states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...active])].reduce(\n      (total, compiled) => total + compiled.states.size,\n      0\n    )\n  };\n};\nlet pending = null;\nlet flushListener = null;\nfunction setNativeStyleEngineFlushListener(cb) {\n  flushListener = cb;\n}\nfunction updateNativeStyleLink(ref, host) {\n  if (ref.nativeLink) {\n    ref.nativeLink.unlink();\n    ref.nativeLink = null;\n  }\n  ref.nativePushedKeys = void 0;\n  if (host && engine && ref.nativeStyleUpdate) {\n    ref.nativeLink = engine.link(host, {});\n  }\n}\nlet superseded = null;\nfunction queueNativeViewState(entry) {\n  if (!engine) return;\n  if (!pending) {\n    pending = [];\n    queueMicrotask(() => {\n      let entries = pending;\n      const dropped = superseded;\n      pending = null;\n      superseded = null;\n      if (dropped) {\n        entries = entries.filter(\n          (queued, index) => index >= (dropped.get(queued.id) ?? 0)\n        );\n      }\n      if (!entries.length) return;\n      engine?.applyViewStates(entries);\n      flushListener?.(entries);\n    });\n  }\n  pending.push(entry);\n}\nfunction supersedeNativeViewStates(id) {\n  if (!pending) return;\n  (superseded ||= /* @__PURE__ */ new Map()).set(id, pending.length);\n}\nexport {\n  createNativeStyleLinkState,\n  flushNativeStyleLinks,\n  getNativeStyleEngine,\n  getNativeStyleEngineCacheStats,\n  linkNativeStyleHost,\n  nativeTextInputColorProps,\n  normalizeNativeStyle,\n  queueNativeViewState,\n  removeNativeStyleScope,\n  resolveNativeStyleMapping,\n  setNativeStyleEngine,\n  setNativeStyleEngineFlushListener,\n  supersedeNativeViewStates,\n  updateNativeStyleLink,\n  updateNativeStyleScope\n};\n//# sourceMappingURL=nativeStyleEngine.js.map\n"],"mappings":"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"}

package/dist/esm/helpers/nativeStyleEngine.native.js

@@ -139,11 +139,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) {
@@ -185,7 +184,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);
 				}
@@ -209,179 +208,84 @@ 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 ? 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);
+	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;
 		}
-	} 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);
+		tableIds[i] = tableId;
+		scopeIndexes[i] = scopeIndex;
 	}
+	engine.linkTables(hosts, tableIds, scopeIndexes, scopes);
 }
-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) {
-			var release = _step.value;
-			release.settle();
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) {
-				_iterator.return();
-			}
-		} finally {
-			if (_didIteratorError) {
-				throw _iteratorError;
-			}
-		}
-	}
-}
-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();
+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;
 	}
-	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 getNativeStyleEngineCacheStats = function() {
 	var active = new Set([...scopeMappings.values()].flatMap(function(linked) {
-		return [...linked.keys()];
+		return [...linked];
 	}));
 	return {
 		mappings: compiledMappings.size,
@@ -406,19 +310,33 @@ function updateNativeStyleLink(ref, host) {
 		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 ? void 0 : engine.applyViewStates(entries);
 			flushListener === null || flushListener === void 0 ? void 0 : flushListener(entries);
 		});
 	}
 	pending.push(entry);
 }
+function supersedeNativeViewStates(id) {
+	if (!pending) return;
+	(superseded || (superseded = /* @__PURE__ */ new Map())).set(id, pending.length);
+}
 
-export { flushNativeStyleLinks, getNativeStyleEngine, getNativeStyleEngineCacheStats, linkNativeStyleMapping, nativeTextInputColorProps, normalizeNativeStyle, queueNativeViewState, removeNativeStyleScope, resolveNativeStyleMapping, setNativeStyleEngine, setNativeStyleEngineFlushListener, updateNativeStyleLink, updateNativeStyleScope };
+export { createNativeStyleLinkState, flushNativeStyleLinks, getNativeStyleEngine, getNativeStyleEngineCacheStats, linkNativeStyleHost, nativeTextInputColorProps, normalizeNativeStyle, queueNativeViewState, removeNativeStyleScope, resolveNativeStyleMapping, setNativeStyleEngine, setNativeStyleEngineFlushListener, supersedeNativeViewStates, updateNativeStyleLink, updateNativeStyleScope };
 //# sourceMappingURL=nativeStyleEngine.native.js.map