@tenphi/tasty 3.11.1 → 3.12.0

package/dist/chunks/{runtime-state-DEsyUMU-.js → runtime-state-C8MzPjBR.js}

@@ -1,4 +1,4 @@
-import { P as DEFAULT_PROPERTIES, R as indexPropertiesByName } from "./css-definitions-ubrHP97m.js";
+import { P as DEFAULT_PROPERTIES, R as indexPropertiesByName } from "./css-definitions-_UidGa56.js";
 //#region src/config-resources.ts
 let runtimeConfig = null;
 let globalFontFace = null;
@@ -149,4 +149,4 @@ function getRegisteredSSRCollector() {
 //#endregion
 export { mergeGlobalKeyframes as _, getEffectivePropertiesByName as a, resetConfigResources as b, getGlobalFontFaces as c, getGlobalStyles as d, getRuntimeConfigState as f, mergeGlobalFunctions as g, mergeGlobalFontFaces as h, getEffectiveProperties as i, getGlobalFunctions as l, mergeGlobalCounterStyles as m, registerSSRCollectorGetter as n, getGlobalConfigTokens as o, mergeGlobalConfigTokens as p, registerSSRCollectorGetterGlobal as r, getGlobalCounterStyles as s, getRegisteredSSRCollector as t, getGlobalKeyframes as u, mergeGlobalProperties as v, setRuntimeConfigState as x, mergeGlobalStyles as y };
 
-//# sourceMappingURL=runtime-state-DEsyUMU-.js.map
+//# sourceMappingURL=runtime-state-C8MzPjBR.js.map

package/dist/chunks/{runtime-state-DEsyUMU-.js.map → runtime-state-C8MzPjBR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"runtime-state-DEsyUMU-.js","names":[],"sources":["../../src/config-resources.ts","../../src/ssr/ssr-collector-ref.ts"],"sourcesContent":["/**\n * DOM-free storage for configured CSS resources shared by the browser runtime\n * and server collectors.\n *\n * Astro can evaluate middleware and application code in separate module\n * graphs, so resources used by SSR are mirrored on globalThis. Keeping this\n * state outside config.ts lets server-only entrypoints read it without loading\n * StyleInjector and the rest of the browser runtime.\n */\n\nimport type {\n  CounterStyleDescriptors,\n  FontFaceInput,\n  FunctionDefinition,\n  KeyframesSteps,\n  PropertyDefinition,\n} from './injector/types';\nimport type { DeclaredPropertyEntry } from './properties';\nimport { indexPropertiesByName } from './properties';\nimport { DEFAULT_PROPERTIES } from './properties/defaults';\nimport type { ConfigTokens, Styles } from './styles/types';\n\ninterface RuntimeConfigState {\n  namePrefix?: string;\n  nonce?: string;\n}\n\nlet runtimeConfig: RuntimeConfigState | null = null;\nlet globalFontFace: Record<string, FontFaceInput> | null = null;\nlet globalCounterStyle: Record<string, CounterStyleDescriptors> | null = null;\nlet globalFunction: Record<string, FunctionDefinition> | null = null;\nlet globalProperties: Record<string, PropertyDefinition> | null = null;\nlet globalConfigTokens: ConfigTokens | null = null;\nlet globalStyles: Record<string, Styles> | null = null;\nlet globalKeyframes: Record<string, KeyframesSteps> | null = null;\n\nconst GTKEY_TOKENS = '__tasty_cfg_tokens__';\nconst GTKEY_FONT_FACE = '__tasty_cfg_font_face__';\nconst GTKEY_COUNTER_STYLE = '__tasty_cfg_counter_style__';\nconst GTKEY_FUNCTION = '__tasty_cfg_function__';\nconst GTKEY_PROPERTIES = '__tasty_cfg_properties__';\nconst GTKEY_GLOBAL_STYLES = '__tasty_cfg_global_styles__';\nconst GTKEY_KEYFRAMES = '__tasty_cfg_keyframes__';\n\nfunction setOnGlobalThis(key: string, value: unknown): void {\n  (globalThis as Record<string, unknown>)[key] = value;\n}\n\nfunction getFromGlobalThis<T>(key: string): T | undefined {\n  return (globalThis as Record<string, unknown>)[key] as T | undefined;\n}\n\nexport function getRuntimeConfigState(): RuntimeConfigState | null {\n  return runtimeConfig;\n}\n\nexport function setRuntimeConfigState(config: RuntimeConfigState): void {\n  runtimeConfig = config;\n}\n\nexport function getEffectiveProperties(): Record<string, PropertyDefinition> {\n  const properties =\n    globalProperties ??\n    getFromGlobalThis<Record<string, PropertyDefinition>>(GTKEY_PROPERTIES);\n  return properties\n    ? { ...DEFAULT_PROPERTIES, ...properties }\n    : DEFAULT_PROPERTIES;\n}\n\nlet effectivePropertyIndex: {\n  source: Record<string, PropertyDefinition> | null | undefined;\n  index: ReadonlyMap<string, DeclaredPropertyEntry>;\n} | null = null;\n\n/**\n * The effective properties (Tasty's defaults and `configure({ properties })`)\n * keyed by the custom property each one registers — see\n * `indexPropertiesByName()`. Rebuilt only when `configure({ properties })`\n * replaces the set.\n */\nexport function getEffectivePropertiesByName(): ReadonlyMap<\n  string,\n  DeclaredPropertyEntry\n> {\n  const source =\n    globalProperties ??\n    getFromGlobalThis<Record<string, PropertyDefinition>>(GTKEY_PROPERTIES);\n\n  if (effectivePropertyIndex && effectivePropertyIndex.source === source) {\n    return effectivePropertyIndex.index;\n  }\n\n  const index = indexPropertiesByName(getEffectiveProperties());\n  effectivePropertyIndex = { source, index };\n  return index;\n}\n\nexport function getGlobalFontFaces(): Record<string, FontFaceInput> | null {\n  return (\n    globalFontFace ??\n    getFromGlobalThis<Record<string, FontFaceInput>>(GTKEY_FONT_FACE) ??\n    null\n  );\n}\n\nexport function getGlobalCounterStyles(): Record<\n  string,\n  CounterStyleDescriptors\n> | null {\n  return (\n    globalCounterStyle ??\n    getFromGlobalThis<Record<string, CounterStyleDescriptors>>(\n      GTKEY_COUNTER_STYLE,\n    ) ??\n    null\n  );\n}\n\nexport function getGlobalFunctions(): Record<\n  string,\n  FunctionDefinition\n> | null {\n  return (\n    globalFunction ??\n    getFromGlobalThis<Record<string, FunctionDefinition>>(GTKEY_FUNCTION) ??\n    null\n  );\n}\n\nexport function getGlobalConfigTokens(): ConfigTokens | null {\n  return (\n    globalConfigTokens ?? getFromGlobalThis<ConfigTokens>(GTKEY_TOKENS) ?? null\n  );\n}\n\nexport function getGlobalStyles(): Record<string, Styles> | null {\n  return (\n    globalStyles ??\n    getFromGlobalThis<Record<string, Styles>>(GTKEY_GLOBAL_STYLES) ??\n    null\n  );\n}\n\n/**\n * Get global keyframes configuration.\n * Returns null if no keyframes configured (fast path for zero-overhead).\n */\nexport function getGlobalKeyframes(): Record<string, KeyframesSteps> | null {\n  return (\n    globalKeyframes ??\n    getFromGlobalThis<Record<string, KeyframesSteps>>(GTKEY_KEYFRAMES) ??\n    null\n  );\n}\n\nexport function mergeGlobalProperties(\n  properties: Record<string, PropertyDefinition>,\n): void {\n  globalProperties = {\n    ...(globalProperties ?? getFromGlobalThis(GTKEY_PROPERTIES) ?? {}),\n    ...properties,\n  };\n  setOnGlobalThis(GTKEY_PROPERTIES, globalProperties);\n}\n\nexport function mergeGlobalFontFaces(\n  fontFaces: Record<string, FontFaceInput>,\n): void {\n  globalFontFace = { ...(getGlobalFontFaces() ?? {}), ...fontFaces };\n  setOnGlobalThis(GTKEY_FONT_FACE, globalFontFace);\n}\n\nexport function mergeGlobalCounterStyles(\n  counterStyles: Record<string, CounterStyleDescriptors>,\n): void {\n  globalCounterStyle = {\n    ...(getGlobalCounterStyles() ?? {}),\n    ...counterStyles,\n  };\n  setOnGlobalThis(GTKEY_COUNTER_STYLE, globalCounterStyle);\n}\n\nexport function mergeGlobalFunctions(\n  functions: Record<string, FunctionDefinition>,\n): void {\n  globalFunction = { ...(getGlobalFunctions() ?? {}), ...functions };\n  setOnGlobalThis(GTKEY_FUNCTION, globalFunction);\n}\n\nexport function mergeGlobalConfigTokens(styles: ConfigTokens): void {\n  globalConfigTokens = globalConfigTokens\n    ? { ...globalConfigTokens, ...styles }\n    : styles;\n  setOnGlobalThis(GTKEY_TOKENS, globalConfigTokens);\n}\n\nexport function mergeGlobalStyles(styles: Record<string, Styles>): void {\n  if (globalStyles) {\n    for (const [selector, selectorStyles] of Object.entries(styles)) {\n      globalStyles[selector] = globalStyles[selector]\n        ? { ...globalStyles[selector], ...selectorStyles }\n        : selectorStyles;\n    }\n  } else {\n    globalStyles = { ...styles };\n  }\n  setOnGlobalThis(GTKEY_GLOBAL_STYLES, globalStyles);\n}\n\nexport function mergeGlobalKeyframes(\n  keyframes: Record<string, KeyframesSteps>,\n): void {\n  globalKeyframes = { ...(getGlobalKeyframes() ?? {}), ...keyframes };\n  setOnGlobalThis(GTKEY_KEYFRAMES, globalKeyframes);\n}\n\nexport function resetConfigResources(): void {\n  runtimeConfig = null;\n  globalProperties = null;\n  globalFontFace = null;\n  globalCounterStyle = null;\n  globalFunction = null;\n  globalConfigTokens = null;\n  globalStyles = null;\n  globalKeyframes = null;\n\n  const globalState = globalThis as Record<string, unknown>;\n  delete globalState[GTKEY_TOKENS];\n  delete globalState[GTKEY_FONT_FACE];\n  delete globalState[GTKEY_COUNTER_STYLE];\n  delete globalState[GTKEY_FUNCTION];\n  delete globalState[GTKEY_PROPERTIES];\n  delete globalState[GTKEY_GLOBAL_STYLES];\n  delete globalState[GTKEY_KEYFRAMES];\n}\n","/**\n * Global reference to the SSR collector getter function.\n *\n * This indirection avoids importing 'node:async_hooks' in the browser bundle.\n * The SSR entry point sets this ref when loaded on the server. The useStyles\n * hook calls it if set; on the client it stays null and is never called.\n *\n * Uses a module-level variable as the primary mechanism. In Next.js App\n * Router the RSC and SSR module graphs load separate copies of this module,\n * so the getter registered by TastyRegistry (SSR layer) is invisible to\n * server components (RSC layer) — which correctly fall through to inline\n * RSC styles.\n *\n * A globalThis fallback (`registerSSRCollectorGetterGlobal`) is provided\n * for frameworks like Astro where middleware and page components live in\n * different module graphs and must share the getter across them.\n */\n\nimport type { ServerStyleCollector } from './collector';\n\ntype SSRCollectorGetter = () => ServerStyleCollector | null;\n\nconst GETTER_KEY = '__tasty_ssr_collector_getter__';\n\nlet _getSSRCollector: SSRCollectorGetter | null = null;\n\n/**\n * Register the collector getter in the current module graph only.\n * Used by Next.js TastyRegistry.\n */\nexport function registerSSRCollectorGetter(fn: SSRCollectorGetter): void {\n  _getSSRCollector = fn;\n}\n\n/**\n * Register the collector getter on globalThis so it is visible across\n * separate module graphs (e.g. Astro middleware ↔ page components).\n */\nexport function registerSSRCollectorGetterGlobal(fn: SSRCollectorGetter): void {\n  (globalThis as Record<string, unknown>)[GETTER_KEY] = fn;\n}\n\n/**\n * Retrieve the SSR collector: module-level first, globalThis fallback.\n */\nexport function getRegisteredSSRCollector(): ServerStyleCollector | null {\n  if (_getSSRCollector) return _getSSRCollector();\n  const getter = (globalThis as Record<string, unknown>)[GETTER_KEY] as\n    SSRCollectorGetter | undefined;\n  return getter ? getter() : null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"runtime-state-C8MzPjBR.js","names":[],"sources":["../../src/config-resources.ts","../../src/ssr/ssr-collector-ref.ts"],"sourcesContent":["/**\n * DOM-free storage for configured CSS resources shared by the browser runtime\n * and server collectors.\n *\n * Astro can evaluate middleware and application code in separate module\n * graphs, so resources used by SSR are mirrored on globalThis. Keeping this\n * state outside config.ts lets server-only entrypoints read it without loading\n * StyleInjector and the rest of the browser runtime.\n */\n\nimport type {\n  CounterStyleDescriptors,\n  FontFaceInput,\n  FunctionDefinition,\n  KeyframesSteps,\n  PropertyDefinition,\n} from './injector/types';\nimport type { DeclaredPropertyEntry } from './properties';\nimport { indexPropertiesByName } from './properties';\nimport { DEFAULT_PROPERTIES } from './properties/defaults';\nimport type { ConfigTokens, Styles } from './styles/types';\n\ninterface RuntimeConfigState {\n  namePrefix?: string;\n  nonce?: string;\n}\n\nlet runtimeConfig: RuntimeConfigState | null = null;\nlet globalFontFace: Record<string, FontFaceInput> | null = null;\nlet globalCounterStyle: Record<string, CounterStyleDescriptors> | null = null;\nlet globalFunction: Record<string, FunctionDefinition> | null = null;\nlet globalProperties: Record<string, PropertyDefinition> | null = null;\nlet globalConfigTokens: ConfigTokens | null = null;\nlet globalStyles: Record<string, Styles> | null = null;\nlet globalKeyframes: Record<string, KeyframesSteps> | null = null;\n\nconst GTKEY_TOKENS = '__tasty_cfg_tokens__';\nconst GTKEY_FONT_FACE = '__tasty_cfg_font_face__';\nconst GTKEY_COUNTER_STYLE = '__tasty_cfg_counter_style__';\nconst GTKEY_FUNCTION = '__tasty_cfg_function__';\nconst GTKEY_PROPERTIES = '__tasty_cfg_properties__';\nconst GTKEY_GLOBAL_STYLES = '__tasty_cfg_global_styles__';\nconst GTKEY_KEYFRAMES = '__tasty_cfg_keyframes__';\n\nfunction setOnGlobalThis(key: string, value: unknown): void {\n  (globalThis as Record<string, unknown>)[key] = value;\n}\n\nfunction getFromGlobalThis<T>(key: string): T | undefined {\n  return (globalThis as Record<string, unknown>)[key] as T | undefined;\n}\n\nexport function getRuntimeConfigState(): RuntimeConfigState | null {\n  return runtimeConfig;\n}\n\nexport function setRuntimeConfigState(config: RuntimeConfigState): void {\n  runtimeConfig = config;\n}\n\nexport function getEffectiveProperties(): Record<string, PropertyDefinition> {\n  const properties =\n    globalProperties ??\n    getFromGlobalThis<Record<string, PropertyDefinition>>(GTKEY_PROPERTIES);\n  return properties\n    ? { ...DEFAULT_PROPERTIES, ...properties }\n    : DEFAULT_PROPERTIES;\n}\n\nlet effectivePropertyIndex: {\n  source: Record<string, PropertyDefinition> | null | undefined;\n  index: ReadonlyMap<string, DeclaredPropertyEntry>;\n} | null = null;\n\n/**\n * The effective properties (Tasty's defaults and `configure({ properties })`)\n * keyed by the custom property each one registers — see\n * `indexPropertiesByName()`. Rebuilt only when `configure({ properties })`\n * replaces the set.\n */\nexport function getEffectivePropertiesByName(): ReadonlyMap<\n  string,\n  DeclaredPropertyEntry\n> {\n  const source =\n    globalProperties ??\n    getFromGlobalThis<Record<string, PropertyDefinition>>(GTKEY_PROPERTIES);\n\n  if (effectivePropertyIndex && effectivePropertyIndex.source === source) {\n    return effectivePropertyIndex.index;\n  }\n\n  const index = indexPropertiesByName(getEffectiveProperties());\n  effectivePropertyIndex = { source, index };\n  return index;\n}\n\nexport function getGlobalFontFaces(): Record<string, FontFaceInput> | null {\n  return (\n    globalFontFace ??\n    getFromGlobalThis<Record<string, FontFaceInput>>(GTKEY_FONT_FACE) ??\n    null\n  );\n}\n\nexport function getGlobalCounterStyles(): Record<\n  string,\n  CounterStyleDescriptors\n> | null {\n  return (\n    globalCounterStyle ??\n    getFromGlobalThis<Record<string, CounterStyleDescriptors>>(\n      GTKEY_COUNTER_STYLE,\n    ) ??\n    null\n  );\n}\n\nexport function getGlobalFunctions(): Record<\n  string,\n  FunctionDefinition\n> | null {\n  return (\n    globalFunction ??\n    getFromGlobalThis<Record<string, FunctionDefinition>>(GTKEY_FUNCTION) ??\n    null\n  );\n}\n\nexport function getGlobalConfigTokens(): ConfigTokens | null {\n  return (\n    globalConfigTokens ?? getFromGlobalThis<ConfigTokens>(GTKEY_TOKENS) ?? null\n  );\n}\n\nexport function getGlobalStyles(): Record<string, Styles> | null {\n  return (\n    globalStyles ??\n    getFromGlobalThis<Record<string, Styles>>(GTKEY_GLOBAL_STYLES) ??\n    null\n  );\n}\n\n/**\n * Get global keyframes configuration.\n * Returns null if no keyframes configured (fast path for zero-overhead).\n */\nexport function getGlobalKeyframes(): Record<string, KeyframesSteps> | null {\n  return (\n    globalKeyframes ??\n    getFromGlobalThis<Record<string, KeyframesSteps>>(GTKEY_KEYFRAMES) ??\n    null\n  );\n}\n\nexport function mergeGlobalProperties(\n  properties: Record<string, PropertyDefinition>,\n): void {\n  globalProperties = {\n    ...(globalProperties ?? getFromGlobalThis(GTKEY_PROPERTIES) ?? {}),\n    ...properties,\n  };\n  setOnGlobalThis(GTKEY_PROPERTIES, globalProperties);\n}\n\nexport function mergeGlobalFontFaces(\n  fontFaces: Record<string, FontFaceInput>,\n): void {\n  globalFontFace = { ...(getGlobalFontFaces() ?? {}), ...fontFaces };\n  setOnGlobalThis(GTKEY_FONT_FACE, globalFontFace);\n}\n\nexport function mergeGlobalCounterStyles(\n  counterStyles: Record<string, CounterStyleDescriptors>,\n): void {\n  globalCounterStyle = {\n    ...(getGlobalCounterStyles() ?? {}),\n    ...counterStyles,\n  };\n  setOnGlobalThis(GTKEY_COUNTER_STYLE, globalCounterStyle);\n}\n\nexport function mergeGlobalFunctions(\n  functions: Record<string, FunctionDefinition>,\n): void {\n  globalFunction = { ...(getGlobalFunctions() ?? {}), ...functions };\n  setOnGlobalThis(GTKEY_FUNCTION, globalFunction);\n}\n\nexport function mergeGlobalConfigTokens(styles: ConfigTokens): void {\n  globalConfigTokens = globalConfigTokens\n    ? { ...globalConfigTokens, ...styles }\n    : styles;\n  setOnGlobalThis(GTKEY_TOKENS, globalConfigTokens);\n}\n\nexport function mergeGlobalStyles(styles: Record<string, Styles>): void {\n  if (globalStyles) {\n    for (const [selector, selectorStyles] of Object.entries(styles)) {\n      globalStyles[selector] = globalStyles[selector]\n        ? { ...globalStyles[selector], ...selectorStyles }\n        : selectorStyles;\n    }\n  } else {\n    globalStyles = { ...styles };\n  }\n  setOnGlobalThis(GTKEY_GLOBAL_STYLES, globalStyles);\n}\n\nexport function mergeGlobalKeyframes(\n  keyframes: Record<string, KeyframesSteps>,\n): void {\n  globalKeyframes = { ...(getGlobalKeyframes() ?? {}), ...keyframes };\n  setOnGlobalThis(GTKEY_KEYFRAMES, globalKeyframes);\n}\n\nexport function resetConfigResources(): void {\n  runtimeConfig = null;\n  globalProperties = null;\n  globalFontFace = null;\n  globalCounterStyle = null;\n  globalFunction = null;\n  globalConfigTokens = null;\n  globalStyles = null;\n  globalKeyframes = null;\n\n  const globalState = globalThis as Record<string, unknown>;\n  delete globalState[GTKEY_TOKENS];\n  delete globalState[GTKEY_FONT_FACE];\n  delete globalState[GTKEY_COUNTER_STYLE];\n  delete globalState[GTKEY_FUNCTION];\n  delete globalState[GTKEY_PROPERTIES];\n  delete globalState[GTKEY_GLOBAL_STYLES];\n  delete globalState[GTKEY_KEYFRAMES];\n}\n","/**\n * Global reference to the SSR collector getter function.\n *\n * This indirection avoids importing 'node:async_hooks' in the browser bundle.\n * The SSR entry point sets this ref when loaded on the server. The useStyles\n * hook calls it if set; on the client it stays null and is never called.\n *\n * Uses a module-level variable as the primary mechanism. In Next.js App\n * Router the RSC and SSR module graphs load separate copies of this module,\n * so the getter registered by TastyRegistry (SSR layer) is invisible to\n * server components (RSC layer) — which correctly fall through to inline\n * RSC styles.\n *\n * A globalThis fallback (`registerSSRCollectorGetterGlobal`) is provided\n * for frameworks like Astro where middleware and page components live in\n * different module graphs and must share the getter across them.\n */\n\nimport type { ServerStyleCollector } from './collector';\n\ntype SSRCollectorGetter = () => ServerStyleCollector | null;\n\nconst GETTER_KEY = '__tasty_ssr_collector_getter__';\n\nlet _getSSRCollector: SSRCollectorGetter | null = null;\n\n/**\n * Register the collector getter in the current module graph only.\n * Used by Next.js TastyRegistry.\n */\nexport function registerSSRCollectorGetter(fn: SSRCollectorGetter): void {\n  _getSSRCollector = fn;\n}\n\n/**\n * Register the collector getter on globalThis so it is visible across\n * separate module graphs (e.g. Astro middleware ↔ page components).\n */\nexport function registerSSRCollectorGetterGlobal(fn: SSRCollectorGetter): void {\n  (globalThis as Record<string, unknown>)[GETTER_KEY] = fn;\n}\n\n/**\n * Retrieve the SSR collector: module-level first, globalThis fallback.\n */\nexport function getRegisteredSSRCollector(): ServerStyleCollector | null {\n  if (_getSSRCollector) return _getSSRCollector();\n  const getter = (globalThis as Record<string, unknown>)[GETTER_KEY] as\n    SSRCollectorGetter | undefined;\n  return getter ? getter() : null;\n}\n"],"mappings":"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"}

package/dist/chunks/{style-engine-BX2LshDZ.js → style-engine-DoGrZPBB.js}

@@ -1,4 +1,4 @@
-import { M as toSnakeCase, N as CSS_WIDE_KEYWORDS, T as makeEmptyDetails, _ as stringifyStyles, c as getGlobalParser, d as parseColor, f as parseStyle, h as resolveCustomProperties, i as DIRECTIONS, j as normalizeDslName, u as normalizeColorTokenValue, w as Lru } from "./dsl-DYSJc1-T.js";
+import { A as isColorKeyword, M as normalizeDslName, N as toSnakeCase, P as CSS_WIDE_KEYWORDS, T as makeEmptyDetails, _ as stringifyStyles, c as getGlobalParser, d as parseColor, f as parseStyle, h as resolveCustomProperties, i as DIRECTIONS, u as normalizeColorTokenValue, w as Lru } from "./dsl-rgu6XQcD.js";
 import { a as warnOnceDev, i as warn, n as isSelector, o as isDevEnv } from "./shared-utils-y-HjvPN4.js";
 //#region src/config-state.ts
 let stylesGenerated = false;
@@ -462,6 +462,9 @@ function extractCSSWideKeyword(group) {
 	if (group.values.length !== 1 || group.colors.length > 0) return null;
 	return CSS_WIDE_KEYWORDS.has(group.values[0]) ? group.values[0] : null;
 }
+function isUnset(value) {
+	return value == null || value === false;
+}
 const RE_VAR_REFERENCE = /^var\(/;
 function assignLineSlots(values, styleKeyword, colorToken) {
 	if (styleKeyword && colorToken) return {
@@ -601,7 +604,7 @@ const STRETCH_FALLBACKS = [
 	"stretch"
 ];
 function parseDimensionValue(val) {
-	if (val == null) return null;
+	if (isUnset(val)) return null;
 	if (typeof val === "number") return `${val}px`;
 	if (val === true) return "initial";
 	return parseStyle(String(val)).groups[0]?.values[0] || null;
@@ -610,8 +613,8 @@ function dimensionStyle(name) {
 	const minStyle = `min-${name}`;
 	const maxStyle = `max-${name}`;
 	return ({ value, min, max }) => {
-		if (value == null && min == null && max == null) return null;
-		if (value != null && typeof value === "string" && CSS_WIDE_KEYWORDS.has(value)) {
+		if (isUnset(value) && isUnset(min) && isUnset(max)) return null;
+		if (typeof value === "string" && CSS_WIDE_KEYWORDS.has(value)) {
 			const styles = {
 				[name]: value,
 				[minStyle]: value,
@@ -640,7 +643,7 @@ function dimensionStyle(name) {
 			[minStyle]: "initial",
 			[maxStyle]: "initial"
 		};
-		if (value != null) {
+		if (!isUnset(value)) {
 			let val = value;
 			if (typeof val === "number") val = `${val}px`;
 			val = String(val);
@@ -972,11 +975,11 @@ function optimizeShorthand(property, dirs) {
 }
 function processDirectionalStyle(config, props) {
 	const { main, top, right, bottom, left } = props;
-	if (main == null && top == null && right == null && bottom == null && left == null) return null;
+	if (isUnset(main) && isUnset(top) && isUnset(right) && isUnset(bottom) && isUnset(left)) return null;
 	const { property, defaultValue, trueValue, defaultInit, individualOnly, directionProperty, spanModifiers } = config;
 	const dirProp = directionProperty ?? ((dir) => `${property}-${dir}`);
 	if (individualOnly) {
-		if (main == null) {
+		if (isUnset(main)) {
 			const result = {};
 			if (top != null) {
 				const val = parseSingleValue(top, defaultValue, trueValue);
@@ -1004,7 +1007,7 @@ function processDirectionalStyle(config, props) {
 		left: defaultInit
 	};
 	let useLonghand = false;
-	if (main != null) {
+	if (!isUnset(main)) {
 		if (typeof main === "number") dirs.top = dirs.right = dirs.bottom = dirs.left = `${main}px`;
 		else {
 			const strMain = main === true ? trueValue : String(main);
@@ -1265,7 +1268,7 @@ function outlineStyle({ outline, outlineOffset }) {
 			}
 		}
 	}
-	if (outlineOffset != null && result["outline-offset"] === void 0) {
+	if (outlineOffset != null && typeof outlineOffset !== "boolean" && result["outline-offset"] === void 0) {
 		const offsetValue = typeof outlineOffset === "number" ? `${outlineOffset}px` : outlineOffset;
 		result["outline-offset"] = parseStyle(offsetValue).groups[0]?.values[0] || resolveCustomProperties(offsetValue);
 	}
@@ -1402,7 +1405,8 @@ function presetStyle({ preset, fontSize, lineHeight, textTransform, letterSpacin
 		const modPart = parts[1];
 		const nameTokens = namePart?.all ?? [];
 		const isModOnly = nameTokens.length > 0 && nameTokens.every((t) => PRESET_MODIFIERS.has(t));
-		const nameToken = namePart?.mods[0] ?? namePart?.values[0] ?? "";
+		const nameMods = namePart?.mods ?? [];
+		const nameToken = nameTokens.find((token) => nameMods.includes(token) || isColorKeyword(token)) ?? namePart?.values[0] ?? "";
 		const name = isModOnly || isTokenNameReference("preset", nameToken) ? "inherit" : nameToken || "inherit";
 		const modTokens = isModOnly ? nameTokens : modPart?.all ?? [];
 		const isStrong = modTokens.includes("strong") || modTokens.includes("bold");
@@ -1740,7 +1744,8 @@ function getTiming(name) {
 }
 function transitionStyle({ transition }) {
 	if (!transition) return null;
-	if (CSS_WIDE_KEYWORDS.has(transition)) return { transition };
+	const keyword = String(transition).trim().toLowerCase();
+	if (keyword === "none" || CSS_WIDE_KEYWORDS.has(keyword)) return { transition: keyword };
 	const processed = parseStyle(transition);
 	const map = {};
 	const named = /* @__PURE__ */ new Set();
@@ -2044,6 +2049,48 @@ function rootStateIndex(selector) {
 	if (!isRoot) return -1;
 	return pseudoElementAt === -1 ? selector.length : pseudoElementAt;
 }
+function pseudoElementIndex(selector) {
+	let pseudoElementAt = -1;
+	let newCompound = false;
+	let squareDepth = 0;
+	let parenDepth = 0;
+	let quote = "";
+	for (let i = 0; i < selector.length; i++) {
+		const char = selector[i];
+		if (quote) {
+			if (char === "\\") i++;
+			else if (char === quote) quote = "";
+			continue;
+		}
+		if (char === "/" && selector[i + 1] === "*") {
+			const end = selector.indexOf("*/", i + 2);
+			if (end === -1) break;
+			i = end + 1;
+			continue;
+		}
+		if (squareDepth === 0 && parenDepth === 0) {
+			if (/[\s>+~,]/.test(char)) {
+				newCompound = true;
+				continue;
+			}
+			if (newCompound) {
+				pseudoElementAt = -1;
+				newCompound = false;
+			}
+			if (pseudoElementAt === -1 && char === ":") {
+				const name = /^:[\w-]+/.exec(selector.slice(i))?.[0] ?? "";
+				if (selector[i + 1] === ":" || LEGACY_PSEUDO_ELEMENT_RE.test(name)) pseudoElementAt = i;
+			}
+		}
+		if (char === "\\") i++;
+		else if (char === "\"" || char === "'") quote = char;
+		else if (char === "[") squareDepth++;
+		else if (char === "]") squareDepth = Math.max(0, squareDepth - 1);
+		else if (char === "(") parenDepth++;
+		else if (char === ")") parenDepth = Math.max(0, parenDepth - 1);
+	}
+	return pseudoElementAt === -1 ? selector.length : pseudoElementAt;
+}
 function splitSelectorsSafely(selectorList) {
 	if (!selectorList.includes(",")) {
 		const selector = selectorList.trim();
@@ -4615,6 +4662,35 @@ function clearParseCache() {
 	parseCache.clear();
 }
 //#endregion
+//#region src/pipeline/pseudo-element-states.ts
+const QUOTED_RE = /"(?:[^"\\]|\\.)*"|'(?:[^'\\]|\\.)*'/g;
+const STRUCTURAL_PSEUDO_RE = /:(?:root|empty|scope|has|(?:first|last|only)-(?:child|of-type)|nth-(?:last-)?(?:child|of-type))(?![\w-])/i;
+function leafMismatch(node) {
+	if (node.kind !== "state") return null;
+	if (node.type === "modifier") return "modifiers";
+	if (node.type !== "pseudo") return null;
+	const selector = node.pseudo.replace(QUOTED_RE, "\"\"");
+	if (STRUCTURAL_PSEUDO_RE.test(selector)) return "position in the DOM tree";
+	if (selector.includes("[")) return "attributes";
+	if (selector.includes(".") || selector.includes("#")) return "classes or ids";
+	return null;
+}
+function pseudoElementMismatch(condition, target) {
+	const walk = (node, describesTarget) => {
+		if (node.kind === "compound") {
+			for (const child of node.children) {
+				const found = walk(child, describesTarget);
+				if (found) return found;
+			}
+			return null;
+		}
+		if (node.kind !== "state") return null;
+		if (node.type === "own") return target.own || target.root ? walk(node.innerCondition, true) : null;
+		return describesTarget ? leafMismatch(node) : null;
+	};
+	return walk(condition, target.root);
+}
+//#endregion
 //#region src/pipeline/index.ts
 const RE_UPPER_CASE = /[A-Z]/;
 const pipelineCache = new Lru(5e3);
@@ -4624,9 +4700,9 @@ function hasPipelineCacheEntry(cacheKey) {
 function clearPipelineCache() {
 	pipelineCache.clear();
 }
-function runPipeline(styles, parserContext) {
+function runPipeline(styles, parserContext, pseudoElementRoot = false) {
 	const allRules = [];
-	processStyles(styles, "", parserContext, allRules);
+	processStyles(styles, "", parserContext, allRules, pseudoElementRoot);
 	const seen = /* @__PURE__ */ new Set();
 	const normal = [];
 	const starting = [];
@@ -4642,7 +4718,7 @@ function stableSortByOrder(rules) {
 	if (rules.length <= 1) return rules;
 	return [...rules].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
 }
-function processStyles(styles, selectorSuffix, parserContext, allRules) {
+function processStyles(styles, selectorSuffix, parserContext, allRules, pseudoElementRoot) {
 	const keys = Object.keys(styles);
 	const selectorKeys = [];
 	const styleKeys = [];
@@ -4658,10 +4734,10 @@ function processStyles(styles, selectorSuffix, parserContext, allRules) {
 		}
 		styleKeys.push(key);
 	}
-	processNestedSelectors(styles, selectorKeys, selectorSuffix, parserContext, allRules);
-	processHandlerQueue(buildHandlerQueue(styleKeys, styles), selectorSuffix, parserContext, allRules);
+	processNestedSelectors(styles, selectorKeys, selectorSuffix, parserContext, allRules, pseudoElementRoot);
+	processHandlerQueue(buildHandlerQueue(styleKeys, styles), selectorSuffix, parserContext, allRules, pseudoElementRoot);
 }
-function processNestedSelectors(styles, selectorKeys, selectorSuffix, parserContext, allRules) {
+function processNestedSelectors(styles, selectorKeys, selectorSuffix, parserContext, allRules, pseudoElementRoot) {
 	for (const key of selectorKeys) {
 		const nestedStyles = styles[key];
 		if (!nestedStyles || typeof nestedStyles !== "object") continue;
@@ -4678,30 +4754,34 @@ function processNestedSelectors(styles, selectorKeys, selectorSuffix, parserCont
 				...subLocalStates
 			} : parserContext.localPredefinedStates
 		};
-		for (const suffix of suffixes) processStyles(cleanedStyles, selectorSuffix + suffix, subContext, allRules);
+		for (const suffix of suffixes) processStyles(cleanedStyles, selectorSuffix + suffix, subContext, allRules, pseudoElementRoot);
 	}
 }
-function processHandlerQueue(handlerQueue, selectorSuffix, parserContext, allRules) {
+function processHandlerQueue(handlerQueue, selectorSuffix, parserContext, allRules, pseudoElementRoot) {
+	const target = {
+		own: pseudoElementIndex(selectorSuffix) < selectorSuffix.length,
+		root: pseudoElementRoot
+	};
 	for (const { handler, styleMap, hasStateMap } of handlerQueue) {
 		const lookupStyles = handler.__lookupStyles;
-		const mergedRules = mergeByValue(invokeHandler(handler, hasStateMap ? computeStateCombinations(buildExclusivesForHandler(lookupStyles, styleMap, parserContext), lookupStyles) : [{
+		const mergedRules = mergeByValue(invokeHandler(handler, hasStateMap ? computeStateCombinations(buildExclusivesForHandler(lookupStyles, styleMap, parserContext, target), lookupStyles) : [{
 			condition: trueCondition(),
 			values: styleMap,
 			order: 0
 		}], selectorSuffix));
 		for (const rule of mergedRules) {
-			const cssRules = materializeComputedRule(rule);
+			const cssRules = materializeComputedRule(rule, pseudoElementRoot);
 			allRules.push(...cssRules);
 		}
 	}
 }
-function buildExclusivesForHandler(lookupStyles, styleMap, parserContext) {
+function buildExclusivesForHandler(lookupStyles, styleMap, parserContext, target) {
 	const exclusiveByStyle = /* @__PURE__ */ new Map();
 	for (const styleName of lookupStyles) {
 		const value = styleMap[styleName];
 		if (value === void 0) continue;
 		if (isValueMapping(value)) {
-			const fullyExpanded = expandExclusiveOrs(buildExclusiveConditions(expandOrConditions(mergeEntriesByValue(parseStyleEntries(styleName, extractCompoundStates(value), (stateKey) => parseStateKey(stateKey, { context: parserContext }))))));
+			const fullyExpanded = expandExclusiveOrs(buildExclusiveConditions(expandOrConditions(mergeEntriesByValue(parseStyleEntries(styleName, extractCompoundStates(target.own || target.root ? dropPseudoElementMismatches(styleName, value, parserContext, target) : value), (stateKey) => parseStateKey(stateKey, { context: parserContext }))))));
 			exclusiveByStyle.set(styleName, fullyExpanded);
 		} else exclusiveByStyle.set(styleName, [{
 			styleKey: styleName,
@@ -4714,6 +4794,18 @@ function buildExclusivesForHandler(lookupStyles, styleMap, parserContext) {
 	}
 	return exclusiveByStyle;
 }
+function dropPseudoElementMismatches(styleName, valueMap, parserContext, target) {
+	let kept;
+	for (const stateKey of Object.keys(valueMap)) {
+		if (stateKey === "" || stateKey === "_" || isMisusedFallbackKey(stateKey)) continue;
+		const mismatch = pseudoElementMismatch(parseStateKey(stateKey, { context: parserContext }), target);
+		if (!mismatch) continue;
+		emitWarning("PSEUDO_ELEMENT_STATE_IGNORED", `State "${stateKey}" (in "${styleName}") applies to a pseudo-element, which has no ${mismatch}, so it can never match. The state has been ignored. To condition on the element the pseudo-element belongs to, write it in the selector before the pseudo-element.`);
+		kept ??= { ...valueMap };
+		delete kept[stateKey];
+	}
+	return kept ?? valueMap;
+}
 function invokeHandler(handler, stateSnapshots, selectorSuffix) {
 	const computedRules = [];
 	for (const snapshot of stateSnapshots) {
@@ -5044,20 +5136,23 @@ function mergeByValue(rules) {
 	}
 	return merged;
 }
-function buildSelectorFromVariant(variant, selectorSuffix) {
-	let selector = "";
+function buildSelectorFromVariant(variant, selectorSuffix, pseudoElementRoot) {
 	let rootSegment = branchToCSS([...variant.modifierConditions, ...variant.pseudoConditions]);
 	for (const group of variant.selectorGroups) rootSegment += selectorGroupToCSS(group);
-	selector += wrapWhere(rootSegment);
-	if (variant.parentGroups.length > 0) selector += parentGroupsToCSS(variant.parentGroups);
+	const parents = variant.parentGroups.length > 0 ? parentGroupsToCSS(variant.parentGroups) : "";
+	const pseudoElementAt = pseudoElementRoot ? parents.length : 0;
+	let selector = pseudoElementRoot ? parents + wrapWhere(rootSegment) : wrapWhere(rootSegment) + parents;
 	selector += selectorSuffix;
 	const ownOptimized = optimizeGroups(variant.ownGroups);
 	let ownSegment = "";
 	for (const group of ownOptimized) ownSegment += selectorGroupToCSS(group);
 	selector += wrapWhere(ownSegment);
-	return selector;
+	return {
+		selector,
+		pseudoElementAt
+	};
 }
-function materializeComputedRule(rule) {
+function materializeComputedRule(rule, pseudoElementRoot) {
 	const components = conditionToCSS(rule.condition);
 	if (components.isImpossible || components.variants.length === 0) return [];
 	const declarations = Object.entries(rule.declarations).map(([prop, value]) => Array.isArray(value) ? value.map((v) => `${prop}: ${v};`).join(" ") : `${prop}: ${value};`).join(" ");
@@ -5080,12 +5175,13 @@ function materializeComputedRule(rule) {
 	}
 	const rules = [];
 	for (const [, group] of byAtRules) {
-		const selectorFragments = mergeVariantsIntoSelectorGroups(group.variants).map((v) => buildSelectorFromVariant(v, rule.selectorSuffix));
+		const built = mergeVariantsIntoSelectorGroups(group.variants).map((v) => buildSelectorFromVariant(v, rule.selectorSuffix, pseudoElementRoot));
 		const cssRule = {
-			selector: selectorFragments.length === 1 ? selectorFragments[0] : selectorFragments,
+			selector: built.length === 1 ? built[0].selector : built.map((b) => b.selector),
 			declarations,
 			order: rule.order
 		};
+		if (pseudoElementRoot) cssRule.pseudoElementAt = built.map((b) => b.pseudoElementAt);
 		if (group.atRules.length > 0) cssRule.atRules = group.atRules;
 		if (group.rootPrefix) {
 			cssRule.rootPrefix = group.rootPrefix;
@@ -5113,23 +5209,33 @@ function renderStyles(styles, classNameOrSelector, options, pipelineCacheKey) {
 	if (pipelineCacheKey) rules = pipelineCache.get(pipelineCacheKey);
 	if (!rules && !styles) return directSelector ? [] : { rules: [] };
 	const cacheKey = pipelineCacheKey || stringifyStyles(styles);
-	if (!rules) rules = pipelineCache.get(cacheKey);
-	if (!rules) {
-		rules = runPipeline(styles, createStateParserContext(styles));
-		pipelineCache.set(cacheKey, rules);
-	}
+	const rulesFor = (pseudoElementRoot) => {
+		const key = pseudoElementRoot ? `${cacheKey}\0::` : cacheKey;
+		let cached = pipelineCache.get(key);
+		if (!cached) {
+			cached = runPipeline(styles, createStateParserContext(styles), pseudoElementRoot);
+			pipelineCache.set(key, cached);
+		}
+		return cached;
+	};
 	if (directSelector) {
 		const shouldDouble = options?.doubleSelector ?? false;
 		const items = splitSelectorsSafely(classNameOrSelector);
-		const bases = (items.length > 0 ? items : [classNameOrSelector]).map((base) => ({
-			base,
-			rootAt: rootStateIndex(base)
-		}));
-		return mergeStyleResults(rules.map((rule) => {
+		const bases = (items.length > 0 ? items : [classNameOrSelector]).map((base) => {
+			const at = pseudoElementIndex(base);
+			return {
+				head: base.slice(0, at),
+				pseudoElement: base.slice(at),
+				rootAt: rootStateIndex(base)
+			};
+		});
+		const toResults = (groupRules, group) => groupRules.map((rule) => {
 			const result = {
-				selector: (Array.isArray(rule.selector) ? rule.selector : rule.selector ? [rule.selector] : [""]).flatMap((part) => bases.map(({ base, rootAt }) => {
+				selector: (Array.isArray(rule.selector) ? rule.selector : rule.selector ? [rule.selector] : [""]).flatMap((part, index) => group.map(({ head, pseudoElement, rootAt }) => {
 					const joinsRoot = rule.rootState !== void 0 && rootAt !== -1;
-					let sel = joinsRoot ? `${base.slice(0, rootAt)}${wrapWhere(rule.rootState)}${base.slice(rootAt)}${part}` : `${base}${part}`;
+					const base = joinsRoot ? `${head.slice(0, rootAt)}${wrapWhere(rule.rootState)}${head.slice(rootAt)}` : head;
+					const at = rule.pseudoElementAt?.[index] ?? 0;
+					let sel = pseudoElement ? `${base}${part.slice(0, at)}${pseudoElement}${part.slice(at)}` : `${base}${part}`;
 					if (shouldDouble && sel.startsWith(".")) {
 						const classMatch = sel.match(/^\.[a-zA-Z_-][a-zA-Z0-9_-]*/);
 						if (classMatch) sel = classMatch[0] + sel;
@@ -5142,8 +5248,12 @@ function renderStyles(styles, classNameOrSelector, options, pipelineCacheKey) {
 			if (rule.atRules && rule.atRules.length > 0) result.atRules = rule.atRules;
 			if (rule.startingStyle) result.startingStyle = true;
 			return result;
-		}));
+		});
+		const plain = bases.filter((base) => !base.pseudoElement);
+		const pseudo = bases.filter((base) => base.pseudoElement);
+		return mergeStyleResults([...plain.length > 0 ? toResults(rulesFor(false), plain) : [], ...pseudo.length > 0 ? toResults(rulesFor(true), pseudo) : []]);
 	}
+	rules ??= rulesFor(false);
 	return { rules: rules.map((r) => ({
 		selector: Array.isArray(r.selector) ? r.selector.join("|||") : r.selector,
 		declarations: r.declarations,
@@ -5463,4 +5573,4 @@ function renderStylesForChunk(styles, chunkName, styleKeys, pipelineCacheKey) {
 //#endregion
 export { styleHandlers as A, STYLE_TO_CHUNK as B, camelToKebab as C, normalizeHandlerDefinition as D, defineHandler as E, DIMENSION_CHUNK_STYLES as F, setGlobalPredefinedStates as G, clearGlobalPredefinedStates as H, DISPLAY_CHUNK_STYLES as I, markStylesGeneratedState as J, hasStylesGenerated as K, FONT_CHUNK_STYLES as L, createStyle as M, APPEARANCE_CHUNK_STYLES as N, registerHandler as O, CHUNK_NAMES as P, LAYOUT_CHUNK_STYLES as R, parseStateKey as S, STYLE_HANDLER_MAP as T, createStateParserContext as U, resetStyleChunks as V, getGlobalPredefinedStates as W, resetStylesGeneratedState as X, resetGlobalPolyfillsState as Y, setGlobalPolyfillsState as Z, 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, scanAnimationNames as j, resetHandlers as k, BLOCK_OUTER_STYLES as l, FLOW_STYLES as m, generateChunkCacheKey as n, resetBaseStyleProps as o, DIMENSION_STYLES as p, isFunctionsPolyfillEnabled as q, categorizeStyleKeys as r, BASE_STYLES as s, renderStylesForChunk as t, BLOCK_STYLES as u, TEXT_STYLES as v, splitSelectorsSafely as w, clearParseCache as x, clearPipelineCache as y, POSITION_CHUNK_STYLES as z };
 
-//# sourceMappingURL=style-engine-BX2LshDZ.js.map
+//# sourceMappingURL=style-engine-DoGrZPBB.js.map