@tenphi/tasty 3.10.0 → 3.11.0

package/dist/chunks/{runtime-engine-DoULyhPt.js → runtime-engine-BQmOu5-W.js}

@@ -1,9 +1,9 @@
-import { f as parseStyle, j as normalizeDslName, m as resetGlobalPredefinedTokens, p as resetGlobalParseFunctions, u as normalizeColorTokenValue, w as Lru } from "./dsl-DRhFWQzo.js";
-import { i as warn, n as isSelector, o as isDevEnv, r as resetStyleWarnings } from "./shared-utils-y-HjvPN4.js";
-import { A as rscClassRegexGlobal, B as extractLocalFunctions, D as makeClassName, F as getEffectiveDefinition, G as parseFunctionName, H as formatFunctionPrelude, J as resetFunctionPolyfills, L as normalizePropertyDefinition, M as validateNamePrefix, N as hashString, P as extractLocalProperties, R as parsePropertyToken, S as formatFontFaceRule, U as formatFunctionRule, V as formatFunctionDeclarations, _ as formatCounterStyleRule, b as fontFaceContentHash, c as extractLocalKeyframes, d as mergeKeyframes, f as replaceAnimationNames, g as formatCounterStyleDeclarations, h as extractLocalCounterStyle, i as formatKeyframesCSS, j as tastyClassRegex, k as makeKeyframeName, l as filterUsedKeyframes, m as resolveSelectorKeyframes, o as formatPropertyCSS, p as resolveKeyframesNames, q as registerLocalFunctionPolyfills, r as formatRules, s as extractAnimationNamesFromStyles, u as hasLocalKeyframes, w as PropertyTypeResolver, x as formatFontFaceDeclarations, y as extractLocalFontFace } from "./css-definitions-DAIJxzFY.js";
-import { C as camelToKebab, J as markStylesGeneratedState, K as hasStylesGenerated, M as createStyle, T as STYLE_HANDLER_MAP, V as resetStyleChunks, X as resetStylesGeneratedState, Y as resetGlobalPolyfillsState, a as registerBaseStyleProps, b as renderStyles, k as resetHandlers, n as generateChunkCacheKey, o as resetBaseStyleProps, q as isFunctionsPolyfillEnabled, r as categorizeStyleKeys, t as renderStylesForChunk, w as splitSelectorsSafely, y as clearPipelineCache } from "./style-engine-CeKsjtIr.js";
-import { n as applyStyleConfig, r as normalizeConfig, t as resolveRecipesWith } from "./config-engine-CpExZO_T.js";
-import { _ as mergeGlobalProperties, a as getGlobalConfigTokens, b as setRuntimeConfigState, c as getGlobalFunctions, f as mergeGlobalConfigTokens, g as mergeGlobalKeyframes, h as mergeGlobalFunctions, i as getEffectiveProperties, l as getGlobalKeyframes, m as mergeGlobalFontFaces, o as getGlobalCounterStyles, p as mergeGlobalCounterStyles, s as getGlobalFontFaces, t as getRegisteredSSRCollector, u as getGlobalStyles, v as mergeGlobalStyles, y as resetConfigResources } from "./runtime-state-CZ2J5QiZ.js";
+import { f as parseStyle, j as normalizeDslName, m as resetGlobalPredefinedTokens, p as resetGlobalParseFunctions, u as normalizeColorTokenValue, w as Lru } from "./dsl-DYSJc1-T.js";
+import { a as warnOnceDev, i as warn, n as isSelector, o as isDevEnv, r as resetStyleWarnings } from "./shared-utils-y-HjvPN4.js";
+import { A as rscClassRegexGlobal, B as parsePropertyToken, D as makeClassName, F as extractLocalProperties, H as formatFunctionDeclarations, I as getEffectiveDefinition, J as registerLocalFunctionPolyfills, K as parseFunctionName, M as validateNamePrefix, N as hashString, S as formatFontFaceRule, U as formatFunctionPrelude, V as extractLocalFunctions, W as formatFunctionRule, Y as resetFunctionPolyfills, _ as formatCounterStyleRule, b as fontFaceContentHash, c as extractLocalKeyframes, d as mergeKeyframes, f as replaceAnimationNames, g as formatCounterStyleDeclarations, h as extractLocalCounterStyle, i as formatKeyframesCSS, j as tastyClassRegex, k as makeKeyframeName, l as filterUsedKeyframes, m as resolveSelectorKeyframes, o as formatPropertyCSS, p as resolveKeyframesNames, r as formatRules, s as extractAnimationNamesFromStyles, u as hasLocalKeyframes, w as PropertyTypeResolver, x as formatFontFaceDeclarations, y as extractLocalFontFace, z as normalizePropertyDefinition } from "./css-definitions-ubrHP97m.js";
+import { C as camelToKebab, J as markStylesGeneratedState, K as hasStylesGenerated, M as createStyle, T as STYLE_HANDLER_MAP, V as resetStyleChunks, X as resetStylesGeneratedState, Y as resetGlobalPolyfillsState, a as registerBaseStyleProps, b as renderStyles, k as resetHandlers, n as generateChunkCacheKey, o as resetBaseStyleProps, q as isFunctionsPolyfillEnabled, r as categorizeStyleKeys, t as renderStylesForChunk, w as splitSelectorsSafely, y as clearPipelineCache } from "./style-engine-BX2LshDZ.js";
+import { n as applyStyleConfig, r as normalizeConfig, t as resolveRecipesWith } from "./config-engine-uOFYZidB.js";
+import { _ as mergeGlobalKeyframes, a as getEffectivePropertiesByName, b as resetConfigResources, c as getGlobalFontFaces, d as getGlobalStyles, g as mergeGlobalFunctions, h as mergeGlobalFontFaces, i as getEffectiveProperties, l as getGlobalFunctions, m as mergeGlobalCounterStyles, o as getGlobalConfigTokens, p as mergeGlobalConfigTokens, s as getGlobalCounterStyles, t as getRegisteredSSRCollector, u as getGlobalKeyframes, v as mergeGlobalProperties, x as setRuntimeConfigState, y as mergeGlobalStyles } from "./runtime-state-DEsyUMU-.js";
 import React from "react";
 //#region src/prop-handlers.ts
 const GTKEY = "__tasty_prop_handlers__";
@@ -938,6 +938,9 @@ function registerHydratedClass(registry, className) {
 	});
 	registry.pinCounts.set(className, 0);
 }
+function isPreAllocated(ruleInfo) {
+	return ruleInfo.ruleIndex === -1 && ruleInfo.sheetIndex === -1;
+}
 var StyleInjector = class {
 	sheetManager;
 	config;
@@ -946,6 +949,7 @@ var StyleInjector = class {
 	namePrefix;
 	classRegex;
 	rscClassRegex;
+	evictions = 0;
 	get _sheetManager() {
 		return this.sheetManager;
 	}
@@ -1040,6 +1044,18 @@ var StyleInjector = class {
 			isNewAllocation: true
 		};
 	}
+	reuseInjected(registry, className, pin) {
+		registry.unusedSince.delete(className);
+		if (pin) {
+			const pins = registry.pinCounts.get(className) || 0;
+			registry.pinCounts.set(className, pins + 1);
+		}
+		if (registry.metrics) registry.metrics.hits++;
+		return {
+			className,
+			dispose: pin ? () => this.unpin(className, registry) : noop
+		};
+	}
 	inject(rules, options) {
 		const root = options?.root || document;
 		const registry = this.sheetManager.getRegistry(root);
@@ -1052,28 +1068,7 @@ var StyleInjector = class {
 		let className;
 		if (cacheKey && registry.cacheKeyToClassName.has(cacheKey)) {
 			className = registry.cacheKeyToClassName.get(cacheKey);
-			const existingRuleInfo = registry.rules.get(className);
-			if (existingRuleInfo.ruleIndex === -3) {
-				registry.unusedSince.delete(className);
-				if (pin) registry.pinCounts.set(className, (registry.pinCounts.get(className) || 0) + 1);
-				if (registry.metrics) registry.metrics.hits++;
-				return {
-					className,
-					dispose: pin ? () => this.unpin(className, registry) : noop
-				};
-			}
-			if (!(existingRuleInfo.ruleIndex === -1 && existingRuleInfo.sheetIndex === -1)) {
-				registry.unusedSince.delete(className);
-				if (pin) {
-					const pins = registry.pinCounts.get(className) || 0;
-					registry.pinCounts.set(className, pins + 1);
-				}
-				if (registry.metrics) registry.metrics.hits++;
-				return {
-					className,
-					dispose: pin ? () => this.unpin(className, registry) : noop
-				};
-			}
+			if (!isPreAllocated(registry.rules.get(className))) return this.reuseInjected(registry, className, pin);
 		} else if (cacheKey) {
 			className = this.generateClassName(cacheKey);
 			if (this.tryHydratedHit(registry, cacheKey, className)) {
@@ -1087,6 +1082,8 @@ var StyleInjector = class {
 		} else {
 			const parts = rules.map((r) => `${r.selector}\0${r.declarations}`);
 			className = makeClassName(this.namePrefix, hashString(parts.join("\n")));
+			const existing = registry.rules.get(className);
+			if (existing && !isPreAllocated(existing)) return this.reuseInjected(registry, className, pin);
 		}
 		const rulesToInsert = rules.map((rule) => {
 			let newSelector = rule.selector;
@@ -1573,12 +1570,15 @@ var StyleInjector = class {
 		else if (unused.length > capacity) doomed = unused.slice(capacity);
 		else return 0;
 		if (doomed.length === 0) return 0;
-		return this.sheetManager.deleteClasses(registry, doomed);
+		const deleted = this.sheetManager.deleteClasses(registry, doomed);
+		if (deleted > 0) this.evictions++;
+		return deleted;
 	}
 	destroy(root) {
 		flushStyles();
 		const targetRoot = root || document;
 		this.sheetManager.cleanup(targetRoot);
+		this.evictions++;
 		if (this.cancelPendingGC && !this.sheetManager.hasActiveRoots()) {
 			this.cancelPendingGC();
 			this.cancelPendingGC = null;
@@ -1936,6 +1936,16 @@ const createRSCCache = () => ({
 	generatedNames: /* @__PURE__ */ new Map()
 });
 const getRSCCache = typeof React.cache === "function" ? React.cache(createRSCCache) : createRSCCache;
+let requestScopeMissing = false;
+function checkRequestScope() {
+	if (requestScopeMissing) return;
+	const rscCache = getRSCCache();
+	if (rscCache.scopeChecked) return;
+	rscCache.scopeChecked = true;
+	if (getRSCCache() === rscCache) return;
+	requestScopeMissing = true;
+	warnOnceDev("rsc-request-scope", "Server rendering without a style collector, outside React Server Components. Each tasty() element inlines all of its CSS, and configured globals (tokens, @property defaults such as --gap, globalStyles, @font-face) and the CSS of useGlobalStyles(), useRawCSS(), useKeyframes() and the other style functions are not emitted. Use tastyIntegration() in Astro, TastyRegistry in Next.js, or runWithCollector() from @tenphi/tasty/ssr elsewhere.");
+}
 function rscAllocateClassName(rscCache, cacheKey) {
 	const existing = rscCache.cacheKeyToClassName.get(cacheKey);
 	if (existing) return {
@@ -1969,16 +1979,22 @@ function pushRSCCSS(rscCache, key, css, replace) {
 	rscCache.pendingCSS.push(css);
 	return true;
 }
+function queueRSCCSS(rscCache, css) {
+	rscCache.pendingCSS.push(css);
+}
 function getStyleTarget() {
 	const collector = getRegisteredSSRCollector();
 	if (collector) return {
 		mode: "ssr",
 		collector
 	};
-	if (typeof document === "undefined") return {
-		mode: "rsc",
-		cache: getRSCCache()
-	};
+	if (typeof document === "undefined") {
+		checkRequestScope();
+		return {
+			mode: "rsc",
+			cache: getRSCCache()
+		};
+	}
 	return { mode: "client" };
 }
 //#endregion
@@ -1992,10 +2008,11 @@ function scanAndEmitAutoProperties(rules, styles, emit) {
 			if (parsed.isValid) registered.add(parsed.cssName);
 		}
 	}
+	const declared = getEffectivePropertiesByName();
 	const resolver = new PropertyTypeResolver();
 	for (const rule of rules) {
 		if (!rule.declarations) continue;
-		resolver.scanDeclarations(rule.declarations, (name) => registered.has(name), (name, syntax, initialValue) => {
+		resolver.scanDeclarations(rule.declarations, (name) => registered.has(name) || declared.has(name), (name, syntax, initialValue) => {
 			registered.add(name);
 			const css = formatPropertyCSS(name, {
 				syntax,
@@ -2410,6 +2427,6 @@ function depsEqual(a, b) {
 	return true;
 }
 //#endregion
-export { ownKeyframes as A, hasGlobalKeyframes as B, holdKeyframes as C, injector as D, injectRawCSS as E, configure as F, StyleInjector as G, isConfigLocked as H, getConfig as I, flushStyles as J, SheetManager as K, getGlobalInjector as L, touch as M, ChunkSheetRegistry as N, isPropertyDefined as O, chunkSheetRegistry as P, propHandlerRegistry as Q, getGlobalRecipes as R, getRawCSSText as S, injectGlobal as T, isTestEnvironment as U, hasGlobalRecipes as V, resetConfig as W, openBatchWindow as X, hasPendingStyleWrites as Y, resetStyleBatch as Z, fontFace as _, filterBaseProps as a, getCSSText as b, hasKeys as c, getStyleTarget as d, pushRSCCSS as f, destroy as g, createInjector as h, modAttrs as i, property as j, keyframes as k, collectAutoInferredProperties as l, counterStyle as m, createClientState as n, computeStyles as o, cleanup as p, closeBatchWindow as q, processTokens as r, resolveRecipes as s, depsEqual as t, collectAutoInferredPropertiesRSC as u, func as v, inject as w, getCSSTextForNode as x, gc as y, getNamePrefix as z };
+export { openBatchWindow as $, injector as A, getGlobalInjector as B, getCSSText as C, inject as D, holdKeyframes as E, touch as F, isConfigLocked as G, getNamePrefix as H, ChunkSheetRegistry as I, StyleInjector as J, isTestEnvironment as K, chunkSheetRegistry as L, keyframes as M, ownKeyframes as N, injectGlobal as O, property as P, hasPendingStyleWrites as Q, configure as R, gc as S, getRawCSSText as T, hasGlobalKeyframes as U, getGlobalRecipes as V, hasGlobalRecipes as W, closeBatchWindow as X, SheetManager as Y, flushStyles as Z, counterStyle as _, filterBaseProps as a, fontFace as b, hasKeys as c, checkRequestScope as d, resetStyleBatch as et, getRSCCache as f, cleanup as g, queueRSCCSS as h, modAttrs as i, isPropertyDefined as j, injectRawCSS as k, collectAutoInferredProperties as l, pushRSCCSS as m, createClientState as n, computeStyles as o, getStyleTarget as p, resetConfig as q, processTokens as r, resolveRecipes as s, depsEqual as t, propHandlerRegistry as tt, collectAutoInferredPropertiesRSC as u, createInjector as v, getCSSTextForNode as w, func as x, destroy as y, getConfig as z };
 
-//# sourceMappingURL=runtime-engine-DoULyhPt.js.map
+//# sourceMappingURL=runtime-engine-BQmOu5-W.js.map