@tenphi/tasty 2.11.1 → 3.0.0

package/dist/{core-CS4bzqGu.js → core-B5d0IPi2.js}

@@ -1,105 +1,8 @@
-import { A as StyleInjector, At as extractLocalProperties, F as fontFaceContentHash, I as formatFontFaceRule, L as hasLocalFontFace, M as formatCounterStyleRule, Mt as hasLocalProperties, N as hasLocalCounterStyle, Nt as parsePropertyToken, P as extractLocalFontFace, Q as normalizeColorTokenValue, St as getColorSpaceSuffix, U as createStyle, W as PropertyTypeResolver, _ as markStylesGenerated, _t as isDevEnv, bt as getColorSpaceComponents, c as getGlobalKeyframes, d as getNamePrefix, et as parseStyle, f as hasGlobalKeyframes, ft as makeClassName, g as isTestEnvironment, ht as tastyClassRegex, j as extractLocalCounterStyle, kt as Lru, n as getConfig, s as getGlobalInjector, vt as hashString, w as camelToKebab, xt as getColorSpaceFunc, z as STYLE_HANDLER_MAP } from "./config-YDAcLaVf.js";
-import { _ as categorizeStyleKeys, a as mergeKeyframes, c as generateChunkCacheKey, i as hasLocalKeyframes, n as extractLocalKeyframes, o as replaceAnimationNames, r as filterUsedKeyframes, s as renderStylesForChunk, t as extractAnimationNamesFromStyles, u as CHUNK_NAMES } from "./keyframes-CtcSlw4k.js";
-import { n as formatPropertyCSS, r as getRegisteredSSRCollector, t as formatRules } from "./format-rules-CYriCDwq.js";
-import { t as resolveRecipes } from "./resolve-recipes-llr0COs8.js";
+import { Dt as formatFunctionRule, Et as extractLocalFunctions, G as StyleInjector, J as hasLocalCounterStyle, K as extractLocalCounterStyle, Kt as isDevEnv, Lt as normalizeColorTokenValue, Ot as hasLocalFunctions, Q as hasLocalFontFace, X as fontFaceContentHash, Xt as getColorSpaceFunc, Y as extractLocalFontFace, Yt as getColorSpaceComponents, Z as formatFontFaceRule, Zt as getColorSpaceSuffix, _ as isFunctionsPolyfillEnabled, an as Lru, c as getGlobalInjector, et as STYLE_HANDLER_MAP, f as getNamePrefix, ft as hashString, gt as parsePropertyToken, ht as hasLocalProperties, it as PropertyTypeResolver, jt as registerLocalFunctionPolyfills, kt as parseFunctionName, l as getGlobalKeyframes, n as getConfig, p as hasGlobalKeyframes, pt as extractLocalProperties, q as formatCounterStyleRule, rt as createStyle, st as makeClassName, ut as tastyClassRegex, v as isTestEnvironment, y as markStylesGenerated, yt as CHUNK_NAMES, z as camelToKebab, zt as parseStyle } from "./config-CCcE_tqx.js";
+import { a as mergeKeyframes, c as generateChunkCacheKey, i as hasLocalKeyframes, l as categorizeStyleKeys, n as extractLocalKeyframes, o as replaceAnimationNames, r as filterUsedKeyframes, s as renderStylesForChunk, t as extractAnimationNamesFromStyles } from "./keyframes-B8M1FmtE.js";
+import { n as formatPropertyCSS, r as getRegisteredSSRCollector, t as formatRules } from "./format-rules-BbKDjsfO.js";
+import { t as resolveRecipes } from "./resolve-recipes-Caix5NnH.js";
 import { cache } from "react";
-//#region src/styles/list.ts
-const BASE_STYLES = [
-	"display",
-	"font",
-	"preset",
-	"hide",
-	"whiteSpace",
-	"opacity",
-	"transition"
-];
-const POSITION_STYLES = [
-	"gridArea",
-	"order",
-	"gridColumn",
-	"gridRow",
-	"placeSelf",
-	"alignSelf",
-	"justifySelf",
-	"zIndex",
-	"margin",
-	"inset",
-	"position",
-	"scrollMargin"
-];
-const BLOCK_INNER_STYLES = [
-	"padding",
-	"paddingInline",
-	"paddingBlock",
-	"overflow",
-	"scrollbar",
-	"textAlign"
-];
-const BLOCK_OUTER_STYLES = [
-	"border",
-	"radius",
-	"shadow",
-	"outline"
-];
-const BLOCK_STYLES = [...BLOCK_INNER_STYLES, ...BLOCK_OUTER_STYLES];
-const COLOR_STYLES = [
-	"color",
-	"fill",
-	"fade",
-	"image"
-];
-const TEXT_STYLES = [
-	"textTransform",
-	"fontWeight",
-	"fontStyle"
-];
-const DIMENSION_STYLES = [
-	"width",
-	"height",
-	"flexBasis",
-	"flexGrow",
-	"flexShrink",
-	"flex"
-];
-const FLOW_STYLES = [
-	"flow",
-	"place",
-	"placeItems",
-	"placeContent",
-	"alignItems",
-	"alignContent",
-	"justifyItems",
-	"justifyContent",
-	"align",
-	"justify",
-	"gap",
-	"columnGap",
-	"rowGap",
-	"gridColumns",
-	"gridRows",
-	"gridTemplate",
-	"gridAreas"
-];
-const CONTAINER_STYLES = [
-	...BASE_STYLES,
-	...COLOR_STYLES,
-	...DIMENSION_STYLES,
-	...POSITION_STYLES,
-	...BLOCK_STYLES,
-	...FLOW_STYLES
-];
-const OUTER_STYLES = [
-	...POSITION_STYLES,
-	...DIMENSION_STYLES,
-	...BLOCK_OUTER_STYLES
-];
-const INNER_STYLES = [
-	...BASE_STYLES,
-	...COLOR_STYLES,
-	...BLOCK_INNER_STYLES,
-	...FLOW_STYLES
-];
-//#endregion
 //#region src/injector/chunk-sheet-registry.ts
 /**
 * Global registry mapping CSS content hashes to shared constructable
@@ -265,23 +168,42 @@ function fontFace(family, descriptors, options) {
 /**
 * Inject a CSS @counter-style rule.
 *
-* Permanent and global — no dispose or ref-counting.
-* Deduplicates by name (first definition wins).
+* Permanent and global — no dispose or ref-counting. Deduplicates by name and
+* overrides an existing rule by default. Pass `weak: true` for global
+* `configure()` definitions, which never clobber an existing rule.
 */
 function counterStyle(name, descriptors, options) {
 	return getGlobalInjector().counterStyle(name, descriptors, options);
 }
 /**
+* Inject a CSS @function rule (custom function).
+*
+* Permanent and global — no dispose or ref-counting. Deduplicates by function
+* name and overrides an existing rule by default. Pass `weak: true` for global
+* `configure()` definitions, which never clobber an existing rule.
+*
+* @param name - The function name (`$$name`, `$name`, or `--name`)
+* @param definition - Function definition (args, returns, result, local vars)
+*
+* @example
+* ```ts
+* func('$$negative', { args: ['$value'], result: '(-1 * $value)' });
+* ```
+*/
+function func(name, definition, options) {
+	return getGlobalInjector().func(name, definition, options);
+}
+/**
 * Get CSS text from all sheets (for SSR)
 */
-function getCssText(options) {
-	return getGlobalInjector().getCssText(options);
+function getCSSText(options) {
+	return getGlobalInjector().getCSSText(options);
 }
 /**
 * Collect only CSS used by a rendered subtree (like jest-styled-components).
 * Pass the container returned by render(...).
 */
-function getCssTextForNode(node, options) {
+function getCSSTextForNode(node, options) {
 	const classRegex = tastyClassRegex(getNamePrefix());
 	const classSet = /* @__PURE__ */ new Set();
 	const readClasses = (el) => {
@@ -292,7 +214,7 @@ function getCssTextForNode(node, options) {
 	if (node.getAttribute) readClasses(node);
 	const elements = node.querySelectorAll ? node.querySelectorAll("[class]") : [];
 	if (elements) elements.forEach(readClasses);
-	return getGlobalInjector().getCssTextForClasses(classSet, options);
+	return getGlobalInjector().getCSSTextForClasses(classSet, options);
 }
 /**
 * Force cleanup of unused rules
@@ -320,12 +242,6 @@ function gc(options) {
 	return getGlobalInjector().gc(options);
 }
 /**
-* Check if we're currently running in a test environment
-*/
-function getIsTestEnvironment() {
-	return isTestEnvironment();
-}
-/**
 * Get the global injector instance for debugging
 */
 const injector = { get instance() {
@@ -368,6 +284,7 @@ const getRSCCache = cache(() => ({
 	emittedKeys: /* @__PURE__ */ new Set(),
 	internalsEmitted: false,
 	pendingCSS: [],
+	keyToIndex: /* @__PURE__ */ new Map(),
 	generatedNames: /* @__PURE__ */ new Map()
 }));
 function rscAllocateClassName(rscCache, cacheKey) {
@@ -391,15 +308,28 @@ function flushPendingCSS(rscCache) {
 	if (rscCache.pendingCSS.length === 0) return "";
 	const css = rscCache.pendingCSS.join("\n");
 	rscCache.pendingCSS.length = 0;
+	rscCache.keyToIndex.clear();
 	return css;
 }
 /**
 * Push CSS into the RSC pending buffer with dedup via emittedKeys.
 * Returns true if the CSS was added, false if it was already emitted.
+*
+* Pass `replace` for slot-keyed entries (an explicit `id`), where the last write
+* must win to match the client's update-tracking behavior. If the slot has
+* already been flushed into a `<style>` tag the new CSS is appended instead,
+* which still wins by cascade order.
 */
-function pushRSCCSS(rscCache, key, css) {
-	if (rscCache.emittedKeys.has(key)) return false;
+function pushRSCCSS(rscCache, key, css, replace) {
+	if (replace) {
+		const pendingIndex = rscCache.keyToIndex.get(key);
+		if (pendingIndex !== void 0) {
+			rscCache.pendingCSS[pendingIndex] = css;
+			return true;
+		}
+	} else if (rscCache.emittedKeys.has(key)) return false;
 	rscCache.emittedKeys.add(key);
+	rscCache.keyToIndex.set(key, rscCache.pendingCSS.length);
 	rscCache.pendingCSS.push(css);
 	return true;
 }
@@ -429,7 +359,7 @@ function getStyleTarget() {
 function scanAndEmitAutoProperties(rules, styles, emit) {
 	const registered = /* @__PURE__ */ new Set();
 	if (styles) {
-		const localProps = styles["@properties"];
+		const localProps = styles["@property"];
 		if (localProps && typeof localProps === "object") for (const token of Object.keys(localProps)) {
 			const parsed = parsePropertyToken(token);
 			if (parsed.isValid) registered.add(parsed.cssName);
@@ -455,7 +385,7 @@ function scanAndEmitAutoProperties(rules, styles, emit) {
 *
 * @param rules - Rendered style rules containing CSS declarations
 * @param collector - SSR collector to emit @property CSS into
-* @param styles - Original styles object (used to skip explicit @properties)
+* @param styles - Original styles object (used to skip explicit @property)
 */
 function collectAutoInferredProperties(rules, collector, styles) {
 	scanAndEmitAutoProperties(rules, styles, (name, css) => {
@@ -626,6 +556,16 @@ function collectAncillaryRSC(rscCache, styles) {
 			}
 		}
 	}
+	if (!isFunctionsPolyfillEnabled() && hasLocalFunctions(styles)) {
+		const localFunctions = extractLocalFunctions(styles);
+		if (localFunctions) for (const [name, definition] of Object.entries(localFunctions)) {
+			const key = `__func:${parseFunctionName(name)}`;
+			if (!rscCache.emittedKeys.has(key)) {
+				rscCache.emittedKeys.add(key);
+				parts.push(formatFunctionRule(name, definition));
+			}
+		}
+	}
 	return parts.join("\n");
 }
 /**
@@ -775,6 +715,10 @@ function injectAncillarySync(styles, root) {
 		const localCounterStyle = extractLocalCounterStyle(styles);
 		if (localCounterStyle) for (const [name, descriptors] of Object.entries(localCounterStyle)) counterStyle(name, descriptors, { root });
 	}
+	if (!isFunctionsPolyfillEnabled() && hasLocalFunctions(styles)) {
+		const localFunctions = extractLocalFunctions(styles);
+		if (localFunctions) for (const [name, definition] of Object.entries(localFunctions)) func(name, definition, { root });
+	}
 }
 /**
 * Collect all ancillary rules into the SSR collector.
@@ -810,6 +754,13 @@ function collectAncillarySSR(collector, styles, chunks) {
 			collector.collectCounterStyle(name, css);
 		}
 	}
+	if (!isFunctionsPolyfillEnabled() && hasLocalFunctions(styles)) {
+		const localFunctions = extractLocalFunctions(styles);
+		if (localFunctions) for (const [name, definition] of Object.entries(localFunctions)) {
+			const css = formatFunctionRule(name, definition);
+			collector.collectFunction(parseFunctionName(name), css);
+		}
+	}
 	if (getConfig().autoPropertyTypes !== false) {
 		const allRules = chunks.flatMap((c) => c.renderResult.rules);
 		if (allRules.length > 0) collectAutoInferredProperties(allRules, collector, styles);
@@ -833,6 +784,7 @@ function collectAncillarySSR(collector, styles, chunks) {
 function computeStyles(styles, options) {
 	if (!styles || !hasKeys(styles)) return EMPTY_RESULT;
 	const resolved = resolveRecipes(styles);
+	if (isFunctionsPolyfillEnabled() && hasLocalFunctions(resolved)) registerLocalFunctionPolyfills(resolved);
 	const chunkMap = categorizeStyleKeys(resolved);
 	const collector = options?.ssrCollector !== void 0 ? options.ssrCollector : getRegisteredSSRCollector();
 	const chunks = [];
@@ -1251,7 +1203,7 @@ function buildChunkBreakdown(root = document) {
 			ruleCount: 0
 		};
 		byChunk[chunk].classes.push(className);
-		const css = injector.instance.getCssTextForClasses([className], { root });
+		const css = injector.instance.getCSSTextForClasses([className], { root });
 		byChunk[chunk].cssSize += css.length;
 		byChunk[chunk].ruleCount += countRules(css);
 	}
@@ -1370,33 +1322,33 @@ const tastyDebug = {
 			if (src) css = src;
 			else {
 				if (!raw) console.warn("[Tasty] source CSS not available (requires dev mode or TASTY_DEBUG=true). Falling back to live CSSOM.");
-				css = injector.instance.getCssTextForClasses([target], { root });
+				css = injector.instance.getCSSTextForClasses([target], { root });
 			}
 		} else if (source && Array.isArray(target)) {
 			const src = getSourceCssForClasses(target, root);
 			if (src) css = src;
 			else {
 				if (!raw) console.warn("[Tasty] source CSS not available. Falling back to live CSSOM.");
-				css = injector.instance.getCssTextForClasses(target, { root });
+				css = injector.instance.getCSSTextForClasses(target, { root });
 			}
-		} else if (typeof target === "string") if (target === "all") css = injector.instance.getCssText({ root });
+		} else if (typeof target === "string") if (target === "all") css = injector.instance.getCSSText({ root });
 		else if (target === "global") {
 			css = getGlobalTypeCSS("global", root).css;
 			return css;
 		} else if (target === "active") {
 			const active = findDomTastyClasses(root);
-			css = injector.instance.getCssTextForClasses(active, { root });
+			css = injector.instance.getCSSTextForClasses(active, { root });
 		} else if (target === "unused") {
 			const unused = getUnusedClasses(root);
-			css = injector.instance.getCssTextForClasses(unused, { root });
+			css = injector.instance.getCSSTextForClasses(unused, { root });
 		} else if (target === "page") css = getPageCSS(root);
-		else if (classRegex.test(target)) css = injector.instance.getCssTextForClasses([target], { root });
+		else if (classRegex.test(target)) css = injector.instance.getCSSTextForClasses([target], { root });
 		else {
 			const el = root.querySelector?.(target);
-			if (el) css = getCssTextForNode(el, { root });
+			if (el) css = getCSSTextForNode(el, { root });
 		}
-		else if (Array.isArray(target)) css = injector.instance.getCssTextForClasses(target, { root });
-		else if (target instanceof Element) css = getCssTextForNode(target, { root });
+		else if (Array.isArray(target)) css = injector.instance.getCSSTextForClasses(target, { root });
+		else if (target instanceof Element) css = getCSSTextForNode(target, { root });
 		const result = prettify ? prettifyCSS(css) : css;
 		if (!raw) {
 			const label = Array.isArray(target) ? `[${target.join(", ")}]` : target;
@@ -1429,7 +1381,7 @@ const tastyDebug = {
 			className,
 			chunkName: getChunkForClass(className, root)
 		}));
-		const css = getCssTextForNode(element, { root });
+		const css = getCSSTextForNode(element, { root });
 		const rules = countRules(css);
 		const result = {
 			element,
@@ -1456,9 +1408,9 @@ const tastyDebug = {
 		const activeClasses = findDomTastyClasses(root);
 		const unusedClasses = getUnusedClasses(root);
 		const totalStyledClasses = [...activeClasses, ...unusedClasses];
-		const activeCSS = injector.instance.getCssTextForClasses(activeClasses, { root });
-		const unusedCSS = injector.instance.getCssTextForClasses(unusedClasses, { root });
-		const allCSS = injector.instance.getCssText({ root });
+		const activeCSS = injector.instance.getCSSTextForClasses(activeClasses, { root });
+		const unusedCSS = injector.instance.getCSSTextForClasses(unusedClasses, { root });
+		const allCSS = injector.instance.getCSSText({ root });
 		const activeRuleCount = countRules(activeCSS);
 		const unusedRuleCount = countRules(unusedCSS);
 		const globalData = getGlobalTypeCSS("global", root);
@@ -1593,6 +1545,6 @@ function getPageCSS(root = document) {
 }
 if (typeof window !== "undefined" && isDevEnv()) tastyDebug.install();
 //#endregion
-export { property as A, DIMENSION_STYLES as B, getRawCSSText as C, injector as D, injectRawCSS as E, BLOCK_INNER_STYLES as F, TEXT_STYLES as G, INNER_STYLES as H, BLOCK_OUTER_STYLES as I, BLOCK_STYLES as L, ChunkSheetRegistry as M, chunkSheetRegistry as N, isPropertyDefined as O, BASE_STYLES as P, COLOR_STYLES as R, getIsTestEnvironment as S, injectGlobal as T, OUTER_STYLES as U, FLOW_STYLES as V, POSITION_STYLES as W, destroy as _, color as a, getCssText as b, hasKeys as c, collectAutoInferredPropertiesRSC as d, getStyleTarget as f, createInjector as g, counterStyle as h, _modAttrs as i, touch as j, keyframes as k, formatKeyframesCSS as l, cleanup as m, processTokens as n, filterBaseProps as o, pushRSCCSS as p, dotize as r, computeStyles as s, tastyDebug as t, collectAutoInferredProperties as u, fontFace as v, inject as w, getCssTextForNode as x, gc as y, CONTAINER_STYLES as z };
+export { property as A, getRawCSSText as C, injector as D, injectRawCSS as E, ChunkSheetRegistry as M, chunkSheetRegistry as N, isPropertyDefined as O, getCSSTextForNode as S, injectGlobal as T, destroy as _, color as a, gc as b, hasKeys as c, collectAutoInferredPropertiesRSC as d, getStyleTarget as f, createInjector as g, counterStyle as h, _modAttrs as i, touch as j, keyframes as k, formatKeyframesCSS as l, cleanup as m, processTokens as n, filterBaseProps as o, pushRSCCSS as p, dotize as r, computeStyles as s, tastyDebug as t, collectAutoInferredProperties as u, fontFace as v, inject as w, getCSSText as x, func as y };
 
-//# sourceMappingURL=core-CS4bzqGu.js.map
+//# sourceMappingURL=core-B5d0IPi2.js.map