@tenphi/tasty 0.0.0-snapshot.d656d18 → 0.0.0-snapshot.d720187

package/dist/chunks/{style-engine-CqSmIlud.js → style-engine-CBuOt1e4.js}

@@ -2,11 +2,13 @@ import { E as makeEmptyDetails, M as normalizeDslName, N as toSnakeCase, P as CS
 import { a as warnOnceDev, i as warn, n as isSelector, o as isDevEnv } from "./shared-utils-OIg0N_dp.js";
 //#region src/config-state.ts
 /**
-* Minimal configuration lock state shared by the style engine and the runtime
-* configuration module. Keeping it independent prevents the style pipeline
-* from importing the full injector/configuration graph.
+* Minimal configuration state shared by the style engine, zero-runtime
+* extractor, and runtime configuration module. Keeping it independent
+* prevents pure rendering code from importing the full injector graph.
 */
 let stylesGenerated = false;
+let globalPolyfills = null;
+const GTKEY_POLYFILLS = "__tasty_cfg_polyfills__";
 function hasStylesGenerated() {
 	return stylesGenerated;
 }
@@ -19,6 +21,188 @@ function markStylesGeneratedState() {
 function resetStylesGeneratedState() {
 	stylesGenerated = false;
 }
+/** Whether the CSS `@function` inline-expansion polyfill is enabled. */
+function isFunctionsPolyfillEnabled() {
+	const shared = globalThis[GTKEY_POLYFILLS];
+	return (globalPolyfills ?? shared)?.functions === true;
+}
+function setGlobalPolyfillsState(polyfills) {
+	globalPolyfills = {
+		...globalPolyfills ?? {},
+		...polyfills
+	};
+	globalThis[GTKEY_POLYFILLS] = globalPolyfills;
+}
+function resetGlobalPolyfillsState() {
+	globalPolyfills = null;
+	delete globalThis[GTKEY_POLYFILLS];
+}
+//#endregion
+//#region src/states/index.ts
+/**
+* Advanced State Mapping - Predefined States Management
+*
+* This module handles global and local predefined states for the Tasty styling system.
+* See ADVANCED_STATE_MAPPING.md for full specification.
+*/
+const BUILTIN_STATES = new Set([
+	"@starting",
+	"@keyframes",
+	"@property",
+	"@font-face",
+	"@counter-style",
+	"@function",
+	"@supports",
+	"@inherit"
+]);
+let globalPredefinedStates = {};
+const emittedWarnings = /* @__PURE__ */ new Set();
+const devMode$1 = isDevEnv();
+/**
+* Emit a warning only once
+*/
+function warnOnce(key, message) {
+	if (devMode$1 && !emittedWarnings.has(key)) {
+		emittedWarnings.add(key);
+		console.warn(message);
+	}
+}
+/**
+* Configure global predefined states
+*/
+function setGlobalPredefinedStates(states) {
+	if (hasStylesGenerated()) {
+		const newStateNames = Object.keys(states).join(", ");
+		warnOnce(`dynamic-states:${newStateNames}`, `[Tasty] Cannot update predefined states after styles have been generated.\nThe new definition(s) for ${newStateNames} will be ignored.`);
+		return;
+	}
+	for (const [name, value] of Object.entries(states)) {
+		if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(name)) {
+			warnOnce(`invalid-state-name:${name}`, `[Tasty] Invalid predefined state name '${name}'. Must start with '@' followed by a letter.`);
+			continue;
+		}
+		if (BUILTIN_STATES.has(name)) {
+			warnOnce(`reserved-state:${name}`, `[Tasty] Cannot define predefined state '${name}'. This name is reserved for built-in functionality.`);
+			continue;
+		}
+		if (name === "@media" || name === "@root" || name === "@parent" || name === "@own" || name.startsWith("@(")) {
+			warnOnce(`reserved-prefix:${name}`, `[Tasty] Cannot define predefined state '${name}'. This prefix is reserved for built-in functionality.`);
+			continue;
+		}
+		const crossRefs = extractPredefinedStateRefs(value);
+		if (crossRefs.length > 0) {
+			warnOnce(`cross-ref:${name}`, `[Tasty] Predefined state '${name}' references another predefined state '${crossRefs[0]}'.\nPredefined states cannot reference each other. Use the full definition instead.`);
+			continue;
+		}
+		if (globalPredefinedStates[name] && globalPredefinedStates[name] !== value) warnOnce(`duplicate-state:${name}`, `[Tasty] Duplicate predefined state '${name}' in configure(). The last definition will be used.`);
+		globalPredefinedStates[name] = value;
+	}
+}
+/**
+* Get global predefined states
+*/
+function getGlobalPredefinedStates() {
+	return globalPredefinedStates;
+}
+/**
+* Regex to match predefined state references in a string
+* Matches @name that is NOT followed by ( or : and is a complete word
+* Uses word boundary and negative lookahead
+*/
+const PREDEFINED_STATE_PATTERN = /@([A-Za-z][A-Za-z0-9-]*)(?![A-Za-z0-9-:(])/g;
+/**
+* Extract predefined state references from a string
+*/
+function extractPredefinedStateRefs(value) {
+	const matches = value.matchAll(PREDEFINED_STATE_PATTERN);
+	const refs = [];
+	for (const match of matches) {
+		const stateName = "@" + match[1];
+		if (!BUILTIN_STATES.has(stateName) && !refs.includes(stateName)) refs.push(stateName);
+	}
+	return refs;
+}
+const _localStatesCache = /* @__PURE__ */ new WeakMap();
+/**
+* Extract local predefined states from a styles object
+* Local predefined states are top-level keys starting with @ that have string values
+* and are valid predefined state names (not built-in like @media, @root, etc.)
+*
+* Results are cached by object identity via WeakMap since the same styles object
+* is passed to this function multiple times per pipeline run (once per chunk
+* in renderStylesForChunk and generateChunkCacheKey).
+*/
+function extractLocalPredefinedStates(styles) {
+	if (!styles || typeof styles !== "object") return {};
+	const cached = _localStatesCache.get(styles);
+	if (cached !== void 0) return cached;
+	const localStates = {};
+	for (const [key, value] of Object.entries(styles)) if (key.startsWith("@") && typeof value === "string") {
+		if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(key)) continue;
+		if (BUILTIN_STATES.has(key)) continue;
+		if (key === "@media" || key === "@root" || key === "@parent" || key === "@own" || key.startsWith("@(")) continue;
+		const crossRefs = extractPredefinedStateRefs(value);
+		if (crossRefs.length > 0) {
+			warnOnce(`local-cross-ref:${key}`, `[Tasty] Predefined state '${key}' references another predefined state '${crossRefs[0]}'.\nPredefined states cannot reference each other. Use the full definition instead.`);
+			continue;
+		}
+		localStates[key] = value;
+	}
+	_localStatesCache.set(styles, localStates);
+	return localStates;
+}
+/**
+* Create a state parser context from styles
+*/
+function createStateParserContext(styles, isSubElement) {
+	return {
+		localPredefinedStates: styles ? extractLocalPredefinedStates(styles) : {},
+		globalPredefinedStates: getGlobalPredefinedStates(),
+		isSubElement
+	};
+}
+/**
+* Resolve a predefined state reference to its value
+* Returns the resolved value or null if not found
+*/
+function resolvePredefinedState(stateKey, ctx) {
+	if (ctx.localPredefinedStates[stateKey]) return ctx.localPredefinedStates[stateKey];
+	if (ctx.globalPredefinedStates[stateKey]) return ctx.globalPredefinedStates[stateKey];
+	warnOnce(`undefined-state:${stateKey}`, `[Tasty] Undefined predefined state '${stateKey}'.\nDefine it in configure({ states: { '${stateKey}': '...' } }) or in the component's styles.`);
+	return null;
+}
+/**
+* Expand dimension shorthands in a condition string
+* w -> width, h -> height, is -> inline-size, bs -> block-size
+*/
+function expandDimensionShorthands(condition) {
+	let result = condition;
+	result = result.replace(/\bw\b/g, "width");
+	result = result.replace(/\bh\b/g, "height");
+	result = result.replace(/\bis\b/g, "inline-size");
+	result = result.replace(/\bbs\b/g, "block-size");
+	return result;
+}
+/**
+* Convert tasty units in a string (e.g., 40x -> calc(var(--gap) * 40))
+*/
+function expandTastyUnits(value) {
+	return value.replace(/(\d+(?:\.\d+)?)\s*x\b/g, (_, num) => {
+		return `calc(var(--gap) * ${num})`;
+	});
+}
+/**
+* Find the index of the first comma at parentheses depth 0.
+* Returns -1 if no top-level comma is found.
+* This prevents splitting on commas inside function calls like scroll-state(a, b).
+*/
+function findTopLevelComma(s) {
+	let depth = 0;
+	for (let i = 0; i < s.length; i++) if (s[i] === "(") depth++;
+	else if (s[i] === ")") depth--;
+	else if (s[i] === "," && depth === 0) return i;
+	return -1;
+}
 //#endregion
 //#region src/styles/logical-list.ts
 /** Data-only logical style families shared by handlers, public lists, and chunks. */
@@ -1912,7 +2096,7 @@ widthStyle.__lookupStyles = [
 ];
 //#endregion
 //#region src/styles/predefined.ts
-const devMode$1 = isDevEnv();
+const devMode = isDevEnv();
 /**
 * Dev-mode check evaluated per call rather than at module load.
 *
@@ -2056,7 +2240,7 @@ function normalizeHandlerDefinition(keyName, definition) {
 * Validate a handler definition in development mode.
 */
 function validateHandler(name, handler, lookupStyles) {
-	if (!devMode$1) return;
+	if (!devMode) return;
 	if (typeof handler !== "function") console.warn(`[Tasty] Handler "${name}" is not a function. Handlers must be functions that return CSSMap, CSSMap[], or null.`);
 	if (!lookupStyles || !Array.isArray(lookupStyles) || lookupStyles.length === 0) console.warn(`[Tasty] Handler "${name}" has invalid lookupStyles. Expected non-empty array of style names.`);
 }
@@ -2133,7 +2317,7 @@ function warnAboutOrphanedStyles(lookupStyles, handlersToRemove, options) {
 function registerHandler(handler, options) {
 	const lookupStyles = handler.__lookupStyles;
 	if (!lookupStyles || lookupStyles.length === 0) {
-		if (devMode$1) console.warn("[Tasty] Cannot register handler without __lookupStyles property.");
+		if (devMode) console.warn("[Tasty] Cannot register handler without __lookupStyles property.");
 		return;
 	}
 	alignHandlerChunks(lookupStyles, options);
@@ -2260,172 +2444,6 @@ function defineHandler(deps, handler) {
 //#region src/styles/index.ts
 const { STYLE_HANDLER_MAP } = predefine();
 //#endregion
-//#region src/states/index.ts
-/**
-* Advanced State Mapping - Predefined States Management
-*
-* This module handles global and local predefined states for the Tasty styling system.
-* See ADVANCED_STATE_MAPPING.md for full specification.
-*/
-const BUILTIN_STATES = new Set([
-	"@starting",
-	"@keyframes",
-	"@property",
-	"@font-face",
-	"@counter-style",
-	"@function",
-	"@supports",
-	"@inherit"
-]);
-let globalPredefinedStates = {};
-const emittedWarnings = /* @__PURE__ */ new Set();
-const devMode = isDevEnv();
-/**
-* Emit a warning only once
-*/
-function warnOnce(key, message) {
-	if (devMode && !emittedWarnings.has(key)) {
-		emittedWarnings.add(key);
-		console.warn(message);
-	}
-}
-/**
-* Configure global predefined states
-*/
-function setGlobalPredefinedStates(states) {
-	if (hasStylesGenerated()) {
-		const newStateNames = Object.keys(states).join(", ");
-		warnOnce(`dynamic-states:${newStateNames}`, `[Tasty] Cannot update predefined states after styles have been generated.\nThe new definition(s) for ${newStateNames} will be ignored.`);
-		return;
-	}
-	for (const [name, value] of Object.entries(states)) {
-		if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(name)) {
-			warnOnce(`invalid-state-name:${name}`, `[Tasty] Invalid predefined state name '${name}'. Must start with '@' followed by a letter.`);
-			continue;
-		}
-		if (BUILTIN_STATES.has(name)) {
-			warnOnce(`reserved-state:${name}`, `[Tasty] Cannot define predefined state '${name}'. This name is reserved for built-in functionality.`);
-			continue;
-		}
-		if (name === "@media" || name === "@root" || name === "@parent" || name === "@own" || name.startsWith("@(")) {
-			warnOnce(`reserved-prefix:${name}`, `[Tasty] Cannot define predefined state '${name}'. This prefix is reserved for built-in functionality.`);
-			continue;
-		}
-		const crossRefs = extractPredefinedStateRefs(value);
-		if (crossRefs.length > 0) {
-			warnOnce(`cross-ref:${name}`, `[Tasty] Predefined state '${name}' references another predefined state '${crossRefs[0]}'.\nPredefined states cannot reference each other. Use the full definition instead.`);
-			continue;
-		}
-		if (globalPredefinedStates[name] && globalPredefinedStates[name] !== value) warnOnce(`duplicate-state:${name}`, `[Tasty] Duplicate predefined state '${name}' in configure(). The last definition will be used.`);
-		globalPredefinedStates[name] = value;
-	}
-}
-/**
-* Get global predefined states
-*/
-function getGlobalPredefinedStates() {
-	return globalPredefinedStates;
-}
-/**
-* Regex to match predefined state references in a string
-* Matches @name that is NOT followed by ( or : and is a complete word
-* Uses word boundary and negative lookahead
-*/
-const PREDEFINED_STATE_PATTERN = /@([A-Za-z][A-Za-z0-9-]*)(?![A-Za-z0-9-:(])/g;
-/**
-* Extract predefined state references from a string
-*/
-function extractPredefinedStateRefs(value) {
-	const matches = value.matchAll(PREDEFINED_STATE_PATTERN);
-	const refs = [];
-	for (const match of matches) {
-		const stateName = "@" + match[1];
-		if (!BUILTIN_STATES.has(stateName) && !refs.includes(stateName)) refs.push(stateName);
-	}
-	return refs;
-}
-const _localStatesCache = /* @__PURE__ */ new WeakMap();
-/**
-* Extract local predefined states from a styles object
-* Local predefined states are top-level keys starting with @ that have string values
-* and are valid predefined state names (not built-in like @media, @root, etc.)
-*
-* Results are cached by object identity via WeakMap since the same styles object
-* is passed to this function multiple times per pipeline run (once per chunk
-* in renderStylesForChunk and generateChunkCacheKey).
-*/
-function extractLocalPredefinedStates(styles) {
-	if (!styles || typeof styles !== "object") return {};
-	const cached = _localStatesCache.get(styles);
-	if (cached !== void 0) return cached;
-	const localStates = {};
-	for (const [key, value] of Object.entries(styles)) if (key.startsWith("@") && typeof value === "string") {
-		if (!/^@[A-Za-z][A-Za-z0-9-]*$/.test(key)) continue;
-		if (BUILTIN_STATES.has(key)) continue;
-		if (key === "@media" || key === "@root" || key === "@parent" || key === "@own" || key.startsWith("@(")) continue;
-		const crossRefs = extractPredefinedStateRefs(value);
-		if (crossRefs.length > 0) {
-			warnOnce(`local-cross-ref:${key}`, `[Tasty] Predefined state '${key}' references another predefined state '${crossRefs[0]}'.\nPredefined states cannot reference each other. Use the full definition instead.`);
-			continue;
-		}
-		localStates[key] = value;
-	}
-	_localStatesCache.set(styles, localStates);
-	return localStates;
-}
-/**
-* Create a state parser context from styles
-*/
-function createStateParserContext(styles, isSubElement) {
-	return {
-		localPredefinedStates: styles ? extractLocalPredefinedStates(styles) : {},
-		globalPredefinedStates: getGlobalPredefinedStates(),
-		isSubElement
-	};
-}
-/**
-* Resolve a predefined state reference to its value
-* Returns the resolved value or null if not found
-*/
-function resolvePredefinedState(stateKey, ctx) {
-	if (ctx.localPredefinedStates[stateKey]) return ctx.localPredefinedStates[stateKey];
-	if (ctx.globalPredefinedStates[stateKey]) return ctx.globalPredefinedStates[stateKey];
-	warnOnce(`undefined-state:${stateKey}`, `[Tasty] Undefined predefined state '${stateKey}'.\nDefine it in configure({ states: { '${stateKey}': '...' } }) or in the component's styles.`);
-	return null;
-}
-/**
-* Expand dimension shorthands in a condition string
-* w -> width, h -> height, is -> inline-size, bs -> block-size
-*/
-function expandDimensionShorthands(condition) {
-	let result = condition;
-	result = result.replace(/\bw\b/g, "width");
-	result = result.replace(/\bh\b/g, "height");
-	result = result.replace(/\bis\b/g, "inline-size");
-	result = result.replace(/\bbs\b/g, "block-size");
-	return result;
-}
-/**
-* Convert tasty units in a string (e.g., 40x -> calc(var(--gap) * 40))
-*/
-function expandTastyUnits(value) {
-	return value.replace(/(\d+(?:\.\d+)?)\s*x\b/g, (_, num) => {
-		return `calc(var(--gap) * ${num})`;
-	});
-}
-/**
-* Find the index of the first comma at parentheses depth 0.
-* Returns -1 if no top-level comma is found.
-* This prevents splitting on commas inside function calls like scroll-state(a, b).
-*/
-function findTopLevelComma(s) {
-	let depth = 0;
-	for (let i = 0; i < s.length; i++) if (s[i] === "(") depth++;
-	else if (s[i] === ")") depth--;
-	else if (s[i] === "," && depth === 0) return i;
-	return -1;
-}
-//#endregion
 //#region src/pipeline/conditions.ts
 /**
 * Create a TRUE condition (matches everything)
@@ -7191,6 +7209,6 @@ function renderStylesForChunk(styles, chunkName, styleKeys, pipelineCacheKey) {
 	return renderStyles(chunkName === CHUNK_NAMES.SUBCOMPONENTS ? buildSubcomponentFilteredStyles(styles, styleKeys) : buildFilteredStyles(styles, styleKeys), void 0, void 0, pipelineCacheKey);
 }
 //#endregion
-export { resetHandlers as A, STYLE_TO_CHUNK as B, createStateParserContext as C, defineHandler as D, STYLE_HANDLER_MAP as E, DIMENSION_CHUNK_STYLES as F, hasStylesGenerated as H, DISPLAY_CHUNK_STYLES as I, FONT_CHUNK_STYLES as L, createStyle as M, APPEARANCE_CHUNK_STYLES as N, normalizeHandlerDefinition as O, CHUNK_NAMES as P, LAYOUT_CHUNK_STYLES as R, camelToKebab as S, setGlobalPredefinedStates as T, markStylesGeneratedState as U, resetStyleChunks as V, resetStylesGeneratedState as W, POSITION_STYLES as _, registerBaseStyleProps as a, renderStyles as b, BLOCK_INNER_STYLES as c, COLOR_STYLES as d, CONTAINER_STYLES as f, OUTER_STYLES as g, INNER_STYLES as h, baseStylePropsRegistry as i, styleHandlers as j, registerHandler as k, BLOCK_OUTER_STYLES as l, FLOW_STYLES as m, generateChunkCacheKey as n, resetBaseStyleProps as o, DIMENSION_STYLES as p, categorizeStyleKeys as r, BASE_STYLES as s, renderStylesForChunk as t, BLOCK_STYLES as u, TEXT_STYLES as v, getGlobalPredefinedStates as w, parseStateKey as x, clearPipelineCache as y, POSITION_CHUNK_STYLES as z };
+export { APPEARANCE_CHUNK_STYLES as A, getGlobalPredefinedStates as B, STYLE_HANDLER_MAP as C, resetHandlers as D, registerHandler as E, LAYOUT_CHUNK_STYLES as F, resetGlobalPolyfillsState as G, hasStylesGenerated as H, POSITION_CHUNK_STYLES as I, resetStylesGeneratedState as K, STYLE_TO_CHUNK as L, DIMENSION_CHUNK_STYLES as M, DISPLAY_CHUNK_STYLES as N, styleHandlers as O, FONT_CHUNK_STYLES as P, resetStyleChunks as R, camelToKebab as S, normalizeHandlerDefinition as T, isFunctionsPolyfillEnabled as U, setGlobalPredefinedStates as V, markStylesGeneratedState as W, POSITION_STYLES as _, registerBaseStyleProps as a, renderStyles as b, BLOCK_INNER_STYLES as c, COLOR_STYLES as d, CONTAINER_STYLES as f, OUTER_STYLES as g, INNER_STYLES as h, baseStylePropsRegistry as i, CHUNK_NAMES as j, createStyle as k, BLOCK_OUTER_STYLES as l, FLOW_STYLES as m, generateChunkCacheKey as n, resetBaseStyleProps as o, DIMENSION_STYLES as p, setGlobalPolyfillsState as q, categorizeStyleKeys as r, BASE_STYLES as s, renderStylesForChunk as t, BLOCK_STYLES as u, TEXT_STYLES as v, defineHandler as w, parseStateKey as x, clearPipelineCache as y, createStateParserContext as z };
 
-//# sourceMappingURL=style-engine-CqSmIlud.js.map
+//# sourceMappingURL=style-engine-CBuOt1e4.js.map