@tenphi/tasty 3.14.0 → 3.16.0

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

@@ -1,4 +1,4 @@
-import { P as DEFAULT_PROPERTIES, R as indexPropertiesByName } from "./css-definitions-_UidGa56.js";
+import { P as DEFAULT_PROPERTIES, R as indexPropertiesByName } from "./css-definitions-D6ToG43M.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-C8MzPjBR.js.map
+//# sourceMappingURL=runtime-state-CB3ZPAKl.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"runtime-state-CB3ZPAKl.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-DoGrZPBB.js → style-engine-Cq7kL3Xh.js}

@@ -1,4 +1,4 @@
-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 { D as isTransparent, E as makeEmptyDetails, F as normalizeDslName, I as toSnakeCase, L as CSS_WIDE_KEYWORDS, N as isColorKeyword, O as parseAlphaMix, T as Lru, c as getGlobalParser, d as normalizeColorTokenValue, f as parseColor, g as resolveCustomProperties, i as DIRECTIONS, p as parseStyle, u as isDroppedValue, v as stringifyStyles } from "./dsl-CsFl9LGn.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;
@@ -704,7 +704,9 @@ const RE_READS_CURRENT = /var\(--current-color[,)]|currentcolor/i;
 function colorStyle({ color }) {
 	if (!color) return null;
 	if (color === true) color = "currentColor";
-	color = (RE_HEX_LITERAL.test(color) ? parseStyle(color).groups[0]?.colors[0] : parseColor(color, true).color) || resolveCustomProperties(color);
+	const resolved = RE_HEX_LITERAL.test(color) ? parseStyle(color).groups[0]?.colors[0] : parseColor(color, true).color;
+	if (!resolved && isDroppedValue(color)) return null;
+	color = resolved || resolveCustomProperties(color);
 	const styles = { color };
 	if (!RE_READS_CURRENT.test(color)) styles["--current-color"] = color;
 	return styles;
@@ -806,17 +808,45 @@ function fadeStyle({ fade }) {
 fadeStyle.__lookupStyles = ["fade"];
 //#endregion
 //#region src/styles/fill.ts
+function mixFillColors(property, value, groups) {
+	if (groups.length > 2) warnOnceDev(`fill-mix-extra:${property}:${value}`, `${property}="${value}": a mix takes two colors. The extra ones are ignored.`);
+	const [first, second] = groups;
+	for (const group of [first, second]) {
+		if (group.all.length !== 1) continue;
+		const color = group.colors[0];
+		const fade = color && parseAlphaMix(color);
+		if (color === "transparent" || fade && fade.percentage !== "100%") warnOnceDev(`fill-mix-alpha:${property}:${value}`, `${property}="${value}": "${group.input}" is translucent and has no percentage, so its alpha weighs it down on top of its share of the mix and the background comes out see-through. To paint it over the other color, layer it: "#surface+#dark.04", not "#dark.04, #surface". Or give it a percentage: "#dark 4%, #surface". A transparent color mixes in nothing; leave it out.`);
+	}
+	return `color-mix(in srgb, ${first.output}, ${second.output})`;
+}
 function fillStyle({ fill, backgroundColor, image, backgroundImage, backgroundPosition, backgroundSize, backgroundRepeat, backgroundAttachment, backgroundOrigin, backgroundClip, background }) {
 	if (background) return { background: parseStyle(background).output || background };
 	const result = {};
 	if (fill === true) warnOnceDev("fill-true", "fill: true has no default color and is ignored. Write a color (fill: '#surface'), or false for no fill.");
+	const colorProperty = backgroundColor != null ? "backgroundColor" : "fill";
 	const colorValue = backgroundColor ?? (typeof fill === "string" ? fill : void 0);
 	if (colorValue) {
-		const parsed = parseStyle(colorValue);
-		const firstColor = parsed.groups[0]?.colors[0];
-		const secondColor = parsed.groups[0]?.colors[1];
-		result["background-color"] = firstColor || resolveCustomProperties(colorValue);
-		if (secondColor) result["--tasty-second-fill-color"] = secondColor;
+		const { groups } = parseStyle(colorValue);
+		if (groups.length > 1) result["background-color"] = mixFillColors(colorProperty, colorValue, groups);
+		else {
+			const firstColor = groups[0]?.colors[0];
+			const secondColor = groups[0]?.colors[1];
+			if (firstColor || !isDroppedValue(colorValue)) result["background-color"] = firstColor || resolveCustomProperties(colorValue);
+			if (secondColor) {
+				const tokens = colorValue.trim().split(/\s+/);
+				const [base, overlay] = tokens;
+				const join = (compound) => `Join them with a plus instead: "${compound}" paints the second color over the first as one background color.`;
+				const makeOpaque = `make it opaque and give it an opacity: "${base}+${overlay}.04".`;
+				let fix;
+				if (tokens.length !== 2 || base[0] !== "#" || overlay[0] !== "#") fix = join("#surface+#dark.04");
+				else if (isTransparent(secondColor)) fix = `"${overlay}" paints nothing, so use the first color alone: "${base}".`;
+				else if (overlay.includes(".")) fix = join(`${base}+${overlay}`);
+				else if (parseAlphaMix(secondColor) || secondColor.includes("/")) fix = `"${overlay}" is translucent, which would leave a compound see-through, so ${makeOpaque}`;
+				else fix = `If "${overlay}" is opaque, it covers the first color, so use it alone: "${overlay}". If it is translucent, ${makeOpaque}`;
+				warnOnceDev(`fill-two-colors:${colorProperty}:${colorValue}`, `${colorProperty}="${colorValue}": two colors separated by a space are deprecated. The second one is painted as a background-image layer, which contrast checkers such as axe cannot read. ${fix}`);
+				result["--tasty-second-fill-color"] = secondColor;
+			}
+		}
 	}
 	const gradientLayer = result["--tasty-second-fill-color"] ? "linear-gradient(var(--tasty-second-fill-color), var(--tasty-second-fill-color))" : null;
 	const imageValue = backgroundImage ?? image;
@@ -848,7 +878,9 @@ fillStyle.__lookupStyles = [
 ];
 function svgFillStyle({ svgFill }) {
 	if (!svgFill) return null;
-	svgFill = parseStyle(svgFill).groups[0]?.colors[0] || resolveCustomProperties(svgFill);
+	const processed = parseStyle(svgFill);
+	if (!processed.groups[0]?.colors[0] && isDroppedValue(svgFill)) return null;
+	svgFill = processed.groups[0]?.colors[0] || resolveCustomProperties(svgFill);
 	return { fill: svgFill };
 }
 svgFillStyle.__lookupStyles = ["svgFill"];
@@ -5573,4 +5605,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-DoGrZPBB.js.map
+//# sourceMappingURL=style-engine-Cq7kL3Xh.js.map