@tenphi/tasty 3.9.11 → 3.11.0

package/dist/chunks/{runtime-engine-CKFXUH-A.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 validateNamePrefix, B as formatFunctionPrelude, D as makeKeyframeName, F as normalizePropertyDefinition, G as registerLocalFunctionPolyfills, I as parsePropertyToken, K as resetFunctionPolyfills, M as extractLocalProperties, N as getEffectiveDefinition, O as rscClassRegexGlobal, R as extractLocalFunctions, S as PropertyTypeResolver, T as makeClassName, U as parseFunctionName, V as formatFunctionRule, _ as extractLocalFontFace, a as formatPropertyCSS, b as formatFontFaceRule, c as filterUsedKeyframes, d as replaceAnimationNames, f as resolveKeyframesNames, h as formatCounterStyleRule, i as formatKeyframesCSS, j as hashString, k as tastyClassRegex, l as hasLocalKeyframes, m as formatCounterStyleDeclarations, o as extractAnimationNamesFromStyles, p as extractLocalCounterStyle, r as formatRules, s as extractLocalKeyframes, u as mergeKeyframes, v as fontFaceContentHash, y as formatFontFaceDeclarations, z as formatFunctionDeclarations } from "./css-definitions-DotDkIXt.js";
-import { A as createStyle, C as splitSelectorsSafely, G as markStylesGeneratedState, K as resetGlobalPolyfillsState, O as resetHandlers, S as camelToKebab, U as hasStylesGenerated, W as isFunctionsPolyfillEnabled, a as registerBaseStyleProps, b as renderStyles, n as generateChunkCacheKey, o as resetBaseStyleProps, q as resetStylesGeneratedState, r as categorizeStyleKeys, t as renderStylesForChunk, w as STYLE_HANDLER_MAP, y as clearPipelineCache, z as resetStyleChunks } from "./style-engine-BBbBuSkT.js";
-import { n as applyStyleConfig, r as normalizeConfig, t as resolveRecipesWith } from "./config-engine-DEmmPPdp.js";
-import { _ as resetConfigResources, a as getGlobalConfigTokens, c as getGlobalFunctions, d as mergeGlobalConfigTokens, f as mergeGlobalCounterStyles, g as mergeGlobalStyles, h as mergeGlobalProperties, i as getEffectiveProperties, l as getGlobalStyles, m as mergeGlobalFunctions, o as getGlobalCounterStyles, p as mergeGlobalFontFaces, s as getGlobalFontFaces, t as getRegisteredSSRCollector, v as setRuntimeConfigState } from "./runtime-state-BxaLhVdP.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__";
@@ -363,7 +363,7 @@ var SheetManager = class {
 					} catch (e) {
 						const selectors = splitSelectorsSafely(rule.selector);
 						if (selectors.length > 1) for (const sel of selectors) {
-							const singleRule = wrapAtRules(`${sel} { ${declarations} }`, rule.atRules);
+							const singleRule = wrapAtRules(`${sel} { ${innerContent} }`, rule.atRules);
 							try {
 								const maxIdx = styleSheet.cssRules.length;
 								const atomicIdx = this.findAvailableRuleIndex(targetSheet);
@@ -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;
@@ -1596,7 +1596,6 @@ function warnOnce(key, message) {
 	}
 }
 let currentConfig = null;
-let globalKeyframes = null;
 let globalRecipes = null;
 const GLOBAL_INJECTOR_KEY = "__TASTY_GLOBAL_INJECTOR__";
 function isTestEnvironment() {
@@ -1648,28 +1647,27 @@ function markStylesGenerated() {
 	}
 	if (configuredGlobalStyles) {
 		for (const [selector, styles] of Object.entries(configuredGlobalStyles)) if (Object.keys(styles).length > 0) {
-			const rules = renderStyles(styles, selector);
-			if (rules.length > 0) injector.injectGlobal(rules);
+			const rendered = renderStyles(styles, selector);
+			if (rendered.length > 0) {
+				const { rules, keyframes } = resolveSelectorKeyframes(styles, rendered, getGlobalKeyframes());
+				for (const [name, steps] of keyframes ?? []) injector.keyframes(steps, {
+					name,
+					distinctByName: true
+				});
+				injector.injectGlobal(rules);
+			}
 		}
 	}
 }
-let _hasGlobalKeyframes = false;
 function hasGlobalKeyframes() {
-	return _hasGlobalKeyframes;
-}
-function getGlobalKeyframes() {
-	return globalKeyframes;
+	return getGlobalKeyframes() !== null;
 }
 function setGlobalKeyframes(keyframes) {
 	if (hasStylesGenerated()) {
 		warnOnce("keyframes-after-styles", "[Tasty] Cannot update keyframes after styles have been generated.\nThe new keyframes will be ignored.");
 		return;
 	}
-	globalKeyframes = {
-		...globalKeyframes ?? {},
-		...keyframes
-	};
-	_hasGlobalKeyframes = Object.keys(globalKeyframes).length > 0;
+	mergeGlobalKeyframes(keyframes);
 }
 function setGlobalProperties(properties) {
 	if (hasStylesGenerated()) {
@@ -1787,8 +1785,6 @@ function getGlobalInjector() {
 function resetConfig() {
 	resetStylesGeneratedState();
 	currentConfig = null;
-	globalKeyframes = null;
-	_hasGlobalKeyframes = false;
 	resetGlobalPolyfillsState();
 	globalRecipes = null;
 	resetConfigResources();
@@ -1940,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 {
@@ -1973,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
@@ -1996,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,
@@ -2108,8 +2121,11 @@ function computeStylesRSC(styles, chunkMap, stableStyles) {
 	}
 	const ancillaryCSS = collectAncillaryRSC(rscCache, styles, rscUsedKf, rscKeyframeNames);
 	if (ancillaryCSS) cssParts.push(ancillaryCSS);
-	if (classNames.length === 0) return EMPTY_RESULT;
 	const css = cssParts.join("\n");
+	if (classNames.length === 0) return css ? {
+		className: "",
+		css
+	} : EMPTY_RESULT;
 	return {
 		className: classNames.join(" "),
 		css: css || void 0
@@ -2411,6 +2427,6 @@ function depsEqual(a, b) {
 	return true;
 }
 //#endregion
-export { propHandlerRegistry as $, ownKeyframes as A, getNamePrefix as B, holdKeyframes as C, injector as D, injectRawCSS as E, configure as F, resetConfig as G, hasGlobalRecipes as H, getConfig as I, closeBatchWindow as J, StyleInjector as K, getGlobalInjector as L, touch as M, ChunkSheetRegistry as N, isPropertyDefined as O, chunkSheetRegistry as P, resetStyleBatch as Q, getGlobalKeyframes as R, getRawCSSText as S, injectGlobal as T, isConfigLocked as U, hasGlobalKeyframes as V, isTestEnvironment as W, hasPendingStyleWrites as X, flushStyles as Y, openBatchWindow 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, SheetManager 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, getGlobalRecipes 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-CKFXUH-A.js.map
+//# sourceMappingURL=runtime-engine-BQmOu5-W.js.map