@tenphi/tasty 3.11.0 → 3.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/README.md +13 -9
  2. package/dist/chunks/{build-config-5d8WlQbq.js → build-config-DlxpZKk_.js} +4 -4
  3. package/dist/chunks/{build-config-5d8WlQbq.js.map → build-config-DlxpZKk_.js.map} +1 -1
  4. package/dist/chunks/{collector-CjCak4iE.js → collector-B4-yqFEs.js} +4 -4
  5. package/dist/chunks/{collector-CjCak4iE.js.map → collector-B4-yqFEs.js.map} +1 -1
  6. package/dist/chunks/{config-engine-uOFYZidB.js → config-engine-DJsb5WYu.js} +3 -3
  7. package/dist/chunks/{config-engine-uOFYZidB.js.map → config-engine-DJsb5WYu.js.map} +1 -1
  8. package/dist/chunks/{css-definitions-ubrHP97m.js → css-definitions-DW1TGGiy.js} +2 -2
  9. package/dist/chunks/{css-definitions-ubrHP97m.js.map → css-definitions-DW1TGGiy.js.map} +1 -1
  10. package/dist/chunks/{debug-CJ31U_WE.js → debug-DMMwe1rY.js} +4 -4
  11. package/dist/chunks/{debug-CJ31U_WE.js.map → debug-DMMwe1rY.js.map} +1 -1
  12. package/dist/chunks/{react-runtime-CyyCI02N.js → react-runtime-DhPtFlZs.js} +5 -5
  13. package/dist/chunks/react-runtime-DhPtFlZs.js.map +1 -0
  14. package/dist/chunks/{runtime-engine-BQmOu5-W.js → runtime-engine-BlrVXv8l.js} +5 -5
  15. package/dist/chunks/{runtime-engine-BQmOu5-W.js.map → runtime-engine-BlrVXv8l.js.map} +1 -1
  16. package/dist/chunks/{runtime-state-DEsyUMU-.js → runtime-state-BLyMRYFF.js} +2 -2
  17. package/dist/chunks/{runtime-state-DEsyUMU-.js.map → runtime-state-BLyMRYFF.js.map} +1 -1
  18. package/dist/chunks/{style-engine-BX2LshDZ.js → style-engine-of5Xbc27.js} +139 -34
  19. package/dist/chunks/style-engine-of5Xbc27.js.map +1 -0
  20. package/dist/chunks/{zero-engine-Dw0P4yGM.js → zero-engine-D2jPSpWA.js} +5 -5
  21. package/dist/chunks/{zero-engine-Dw0P4yGM.js.map → zero-engine-D2jPSpWA.js.map} +1 -1
  22. package/dist/core/index.d.ts +1 -1
  23. package/dist/core/index.js +6 -6
  24. package/dist/{index-xtey-KDu.d.ts → index--GdqCPlp.d.ts} +16 -4
  25. package/dist/index.d.ts +1 -1
  26. package/dist/index.js +7 -7
  27. package/dist/ssr/astro.js +2 -2
  28. package/dist/ssr/index.js +2 -2
  29. package/dist/ssr/next-config.js +3 -3
  30. package/dist/ssr/next.js +3 -3
  31. package/dist/zero/babel.js +4 -4
  32. package/dist/zero/index.js +3 -3
  33. package/docs/ai-agents.md +5 -1
  34. package/docs/configuration.md +2 -1
  35. package/docs/design-system.md +1 -1
  36. package/docs/dsl.md +42 -3
  37. package/docs/injector.md +3 -1
  38. package/docs/methodology.md +7 -7
  39. package/docs/migration-v3.md +1 -1
  40. package/docs/pipeline.md +1 -1
  41. package/docs/plugins.md +1 -1
  42. package/docs/react-api.md +51 -8
  43. package/docs/ssr.md +29 -23
  44. package/docs/styles.md +6 -0
  45. package/docs/tasty-static.md +33 -16
  46. package/package.json +5 -5
  47. package/dist/chunks/react-runtime-CyyCI02N.js.map +0 -1
  48. package/dist/chunks/style-engine-BX2LshDZ.js.map +0 -1
@@ -1,7 +1,7 @@
1
- import { C as hasLocalFontFace, D as makeClassName, F as extractLocalProperties, G as hasLocalFunctions, I as getEffectiveDefinition, J as registerLocalFunctionPolyfills, K as parseFunctionName, L as hasLocalProperties, M as validateNamePrefix, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, V as extractLocalFunctions, W as formatFunctionRule, _ as formatCounterStyleRule, a as formatKeyframesSteps, c as extractLocalKeyframes, d as mergeKeyframes, h as extractLocalCounterStyle, i as formatKeyframesCSS, k as makeKeyframeName, l as filterUsedKeyframes, o as formatPropertyCSS, q as registerFunctionPolyfill, s as extractAnimationNamesFromStyles, u as hasLocalKeyframes, v as hasLocalCounterStyle, w as PropertyTypeResolver, y as extractLocalFontFace } from "./css-definitions-ubrHP97m.js";
2
- import { b as renderStyles, n as generateChunkCacheKey, q as isFunctionsPolyfillEnabled, r as categorizeStyleKeys, t as renderStylesForChunk } from "./style-engine-BX2LshDZ.js";
3
- import { t as resolveRecipesWith } from "./config-engine-uOFYZidB.js";
4
- import { i as reapplyZeroConfig, o as setActiveZeroConfig, r as getActiveZeroConfig } from "./build-config-5d8WlQbq.js";
1
+ import { C as hasLocalFontFace, D as makeClassName, F as extractLocalProperties, G as hasLocalFunctions, I as getEffectiveDefinition, J as registerLocalFunctionPolyfills, K as parseFunctionName, L as hasLocalProperties, M as validateNamePrefix, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, V as extractLocalFunctions, W as formatFunctionRule, _ as formatCounterStyleRule, a as formatKeyframesSteps, c as extractLocalKeyframes, d as mergeKeyframes, h as extractLocalCounterStyle, i as formatKeyframesCSS, k as makeKeyframeName, l as filterUsedKeyframes, o as formatPropertyCSS, q as registerFunctionPolyfill, s as extractAnimationNamesFromStyles, u as hasLocalKeyframes, v as hasLocalCounterStyle, w as PropertyTypeResolver, y as extractLocalFontFace } from "./css-definitions-DW1TGGiy.js";
2
+ import { b as renderStyles, n as generateChunkCacheKey, q as isFunctionsPolyfillEnabled, r as categorizeStyleKeys, t as renderStylesForChunk } from "./style-engine-of5Xbc27.js";
3
+ import { t as resolveRecipesWith } from "./config-engine-DJsb5WYu.js";
4
+ import { i as reapplyZeroConfig, o as setActiveZeroConfig, r as getActiveZeroConfig } from "./build-config-DlxpZKk_.js";
5
5
  import { createHash } from "crypto";
6
6
  import * as fs from "fs";
7
7
  import * as path from "path";
@@ -307,4 +307,4 @@ function createCSSWriter(outputPath, options) {
307
307
  //#endregion
308
308
  export { extractCounterStyleFromStyles as a, extractKeyframesFromStyles as c, extractStylesForSelector as d, extractStylesWithChunks as f, setExtractorNamePrefix as h, extractConfigProperties as i, extractPropertiesFromStyles as l, replaceAnimationNamesInCSS as m, createCSSWriter as n, extractFontFaceFromStyles as o, renderSelectorCSS as p, extractChunks as r, extractFunctionsFromStyles as s, CSSWriter as t, extractSelectorCSS as u };
309
309
 
310
- //# sourceMappingURL=zero-engine-Dw0P4yGM.js.map
310
+ //# sourceMappingURL=zero-engine-D2jPSpWA.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"zero-engine-Dw0P4yGM.js","names":[],"sources":["../../src/zero/extractor.ts","../../src/zero/css-writer.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n categorizeStyleKeys,\n generateChunkCacheKey,\n renderStylesForChunk,\n} from '../chunks';\nimport type {\n CounterStyleDescriptors,\n FontFaceDescriptors,\n FontFaceInput,\n FunctionDefinition,\n KeyframesSteps,\n PropertyDefinition,\n} from '../injector/types';\nimport {\n extractLocalCounterStyle,\n formatCounterStyleRule,\n hasLocalCounterStyle,\n} from '../counter-style';\nimport {\n extractLocalFontFace,\n formatFontFaceRule,\n hasLocalFontFace,\n} from '../font-face';\nimport { isFunctionsPolyfillEnabled } from '../config-state';\nimport {\n extractLocalFunctions,\n formatFunctionRule,\n hasLocalFunctions,\n parseFunctionName,\n registerFunctionPolyfill,\n registerLocalFunctionPolyfills,\n} from '../functions';\nimport {\n extractAnimationNamesFromStyles,\n extractLocalKeyframes,\n filterUsedKeyframes,\n hasLocalKeyframes,\n mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport {\n formatKeyframesCSS,\n formatKeyframesSteps,\n} from '../ssr/format-keyframes';\nimport {\n extractLocalProperties,\n getEffectiveDefinition,\n hasLocalProperties,\n} from '../properties';\nimport { DEFAULT_PROPERTIES } from '../properties/defaults';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport { formatPropertyCSS } from '../ssr/format-property';\nimport type { Styles } from '../styles/types';\nimport {\n DEFAULT_ZERO_NAME_PREFIX,\n makeClassName,\n makeKeyframeName,\n validateNamePrefix,\n} from '../utils/name-prefix';\nimport { resolveRecipesWith } from '../utils/resolve-recipes-core';\n\nimport type { ResolvedZeroConfig } from './config';\nimport {\n getActiveZeroConfig,\n reapplyZeroConfig,\n setActiveZeroConfig,\n} from './config';\n\nexport interface ExtractedChunk {\n className: string;\n css: string;\n}\n\nexport interface ExtractedSelector {\n selector: string;\n css: string;\n}\n\nexport interface ExtractedKeyframes {\n name: string;\n css: string;\n}\n\ninterface KeyframesExtractionResult {\n /** Keyframes to inject (deduplicated by content) */\n keyframes: ExtractedKeyframes[];\n /** Map from original animation name to canonical name (for replacement) */\n nameMap: Map<string, string>;\n}\n\n/**\n * Module-level prefix used by the zero-runtime extractor.\n * Defaults to `'ts'` so static classes never collide with the runtime\n * `'t'` classes when both are loaded on the same page. Override via\n * `setExtractorNamePrefix()` from the Babel plugin so user config flows\n * into the extractor.\n */\nlet currentNamePrefix: string = DEFAULT_ZERO_NAME_PREFIX;\n\n/**\n * Set the prefix used by the zero-runtime extractor.\n * Called by the Babel plugin after resolving user config so that\n * generated class and keyframe names match the user's configuration.\n */\nexport function setExtractorNamePrefix(prefix: string): void {\n validateNamePrefix(prefix);\n currentNamePrefix = prefix;\n}\n\n/**\n * Get the prefix currently used by the zero-runtime extractor.\n * Exposed primarily for tests.\n */\nexport function getExtractorNamePrefix(): string {\n return currentNamePrefix;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n return makeClassName(currentNamePrefix, hash);\n}\n\n/**\n * The configuration set through `/zero` `configure()`, applied to the engine\n * again if something else replaced it since (the state is process-wide).\n * The Babel plugin applies and passes its own, and uses the internal\n * extractors that skip this.\n */\nfunction applyActiveConfig(): ResolvedZeroConfig | null {\n const active = getActiveZeroConfig();\n if (!active) return null;\n\n const applied = reapplyZeroConfig(active);\n if (applied !== active) {\n setActiveZeroConfig(applied);\n setExtractorNamePrefix(\n applied.source.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX,\n );\n }\n return applied;\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n const config = applyActiveConfig();\n return extractChunks(\n config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n );\n}\n\n/**\n * Chunked class extraction against whatever configuration is applied.\n */\nexport function extractChunks(styles: Styles): ExtractedChunk[] {\n const chunks: ExtractedChunk[] = [];\n\n // Categorize style keys into chunks\n const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n for (const [chunkName, chunkStyleKeys] of chunkMap) {\n if (chunkStyleKeys.length === 0) continue;\n\n // Generate cache key for this chunk (used for className hash)\n const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n // Render styles for this chunk\n const renderResult = renderStylesForChunk(\n styles,\n chunkName,\n chunkStyleKeys,\n );\n\n if (renderResult.rules.length === 0) continue;\n\n // Generate deterministic className from content hash\n const className = generateClassName(cacheKey);\n const selector = `.${className}.${className}`;\n\n // Format CSS\n const css = formatRulesToCSS(renderResult.rules, selector);\n\n chunks.push({ className, css });\n }\n\n return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block, led by the `@keyframes` its rules animate.\n */\nexport function extractStylesForSelector(\n selector: string,\n styles: Styles,\n): ExtractedSelector {\n const config = applyActiveConfig();\n const css = extractSelectorCSS(\n selector,\n config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n config?.normalized.keyframes,\n );\n\n return { selector, css };\n}\n\n/**\n * Selector-mode CSS with the `@keyframes` its rules animate — local ones and\n * the given global ones — under hashed names the rules are rewritten to.\n */\nexport function extractSelectorCSS(\n selector: string,\n styles: Styles,\n globalKeyframes?: Record<string, KeyframesSteps> | null,\n): string {\n const css = renderSelectorCSS(selector, styles);\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n styles,\n globalKeyframes,\n );\n if (keyframes.length === 0) return css;\n\n return [\n ...keyframes.map((kf) => kf.css),\n replaceAnimationNamesInCSS(css, nameMap),\n ].join('\\n\\n');\n}\n\n/**\n * Selector-mode rules alone, for callers that emit the keyframes themselves.\n */\nexport function renderSelectorCSS(selector: string, styles: Styles): string {\n // renderStyles with selector returns StyleResult[] with selectors already applied\n const rules = renderStyles(styles, selector);\n // Format without re-prefixing - rules already have the full selector\n return formatRulesDirectly(rules);\n}\n\n/**\n * Replace animation names in formatted CSS (whole rules, not declarations).\n */\nexport function replaceAnimationNamesInCSS(\n css: string,\n nameMap: Map<string, string>,\n): string {\n if (nameMap.size === 0) return css;\n\n // The CSS contains full rules like \".class { animation: name 1s; }\".\n // Only a declaration start (after `{` or `;`) counts, so neither a selector\n // such as `.animation:hover` nor a custom property such as\n // `--my-animation` is rewritten.\n return css.replace(\n /(?<=[{;]\\s*)(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n (match, prop, value) => {\n let newValue = value;\n for (const [original, replacement] of nameMap) {\n // Identifier boundary: `-` continues a name, so `spin` stays out of\n // `spin-fast`.\n const pattern = new RegExp(\n `(?<![\\\\w-])${escapeRegex(original)}(?![\\\\w-])`,\n 'g',\n );\n newValue = newValue.replace(pattern, replacement);\n }\n return `${prop}: ${newValue}`;\n },\n );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n return rules\n .map((rule) => {\n // Handle selector as array (OR conditions) or string\n // Note: renderStyles without className joins array selectors with '|||' placeholder\n const selectorParts = Array.isArray(rule.selector)\n ? rule.selector\n : rule.selector\n ? rule.selector.split('|||')\n : [''];\n\n // Prefix each selector part with the base selector\n const fullSelector = selectorParts\n .map((part) => {\n // Build selector: [rootPrefix] baseSelector[part]\n let selector: string;\n\n // If part is empty, just use base selector\n if (!part) {\n selector = baseSelector;\n } else if (part.startsWith(':') || part.startsWith('[')) {\n // If part starts with a pseudo-class or pseudo-element, append to base\n selector = `${baseSelector}${part}`;\n } else if (\n part.startsWith('>') ||\n part.startsWith('+') ||\n part.startsWith('~')\n ) {\n // If part starts with >, +, ~ combinator, append with space\n selector = `${baseSelector}${part}`;\n } else {\n // Otherwise, combine base with part\n selector = `${baseSelector}${part}`;\n }\n\n // Prepend rootPrefix if present (for @root() states)\n if (rule.rootPrefix) {\n selector = `${rule.rootPrefix} ${selector}`;\n }\n\n return selector;\n })\n .join(', ');\n\n let css = `${fullSelector} { ${rule.declarations} }`;\n\n // Wrap in at-rules (in reverse order for proper nesting)\n if (rule.atRules && rule.atRules.length > 0) {\n for (const atRule of [...rule.atRules].reverse()) {\n css = `${atRule} {\\n ${css}\\n}`;\n }\n }\n\n return css;\n })\n .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n return rules\n .map((rule) => {\n // Prepend rootPrefix if present (for @root() states)\n const selector = rule.rootPrefix\n ? `${rule.rootPrefix} ${rule.selector}`\n : rule.selector;\n\n const declarations = rule.startingStyle\n ? `@starting-style { ${rule.declarations} }`\n : rule.declarations;\n let css = `${selector} { ${declarations} }`;\n\n // Wrap in at-rules (in reverse order for proper nesting)\n if (rule.atRules && rule.atRules.length > 0) {\n for (const atRule of [...rule.atRules].reverse()) {\n css = `${atRule} {\\n ${css}\\n}`;\n }\n }\n\n return css;\n })\n .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n *\n * Uses the configured prefix with a `k` discriminator so keyframe names\n * stay visually distinct from class names sharing the same prefix.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n const content = JSON.stringify(steps);\n const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n return makeKeyframeName(currentNamePrefix, hash);\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n styles: Styles,\n globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n const emptyResult: KeyframesExtractionResult = {\n keyframes: [],\n nameMap: new Map(),\n };\n\n // Extract animation names from styles\n const usedNames = extractAnimationNamesFromStyles(styles);\n if (usedNames.size === 0) return emptyResult;\n\n // Merge local and global keyframes\n const local = hasLocalKeyframes(styles)\n ? extractLocalKeyframes(styles)\n : null;\n const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n // Filter to only used keyframes\n const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n if (!usedKeyframes) return emptyResult;\n\n // Generate hash-based names and collect unique keyframes\n const seenHashes = new Set<string>();\n const nameMap = new Map<string, string>();\n const keyframesToEmit: ExtractedKeyframes[] = [];\n\n for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n const hashedName = generateKeyframesName(steps);\n\n // Always map original name to hashed name (for CSS replacement)\n nameMap.set(originalName, hashedName);\n\n // Only emit each unique keyframe once\n if (!seenHashes.has(hashedName)) {\n seenHashes.add(hashedName);\n const css = formatKeyframesCSS(hashedName, steps);\n keyframesToEmit.push({ name: hashedName, css });\n }\n }\n\n return { keyframes: keyframesToEmit, nameMap };\n}\n\n// ============================================================================\n// Property Extraction (auto-infer @property types for zero-runtime)\n// ============================================================================\n\nexport interface ExtractedProperty {\n name: string;\n css: string;\n}\n\nexport interface PropertyExtractionOptions {\n /** `false` turns automatic `@property` inference off. */\n autoPropertyTypes?: boolean;\n /**\n * CSS names (`--gap`, `--white-color`) already registered elsewhere, such as\n * by {@link extractConfigProperties}. Inference leaves them alone, so the\n * explicit definition is the one that applies.\n */\n defined?: ReadonlySet<string>;\n}\n\n/**\n * The `@property` rules a configuration registers: Tasty's defaults (`#white`,\n * `#border`, `$gap`, `$radius`, …) overlaid with `config.properties`, the same\n * set the runtime registers.\n *\n * Style handlers read several of the defaults with no fallback of their own,\n * so CSS from `extractStylesWithChunks()` and `extractStylesForSelector()`\n * needs these rules alongside it, once per stylesheet.\n *\n * @param properties - Properties to overlay on the defaults. Without it, the\n * ones set through `/zero` `configure()` (plugins included).\n */\nexport function extractConfigProperties(\n properties: Record<string, PropertyDefinition> = getActiveZeroConfig()\n ?.normalized.properties ?? {},\n): ExtractedProperty[] {\n const results: ExtractedProperty[] = [];\n\n for (const [token, definition] of Object.entries({\n ...DEFAULT_PROPERTIES,\n ...properties,\n })) {\n const { cssName, isValid } = getEffectiveDefinition(token, definition);\n const css = isValid ? formatPropertyCSS(token, definition) : '';\n if (css) results.push({ name: cssName, css });\n }\n\n return results;\n}\n\n/**\n * Extract auto-inferred @property declarations from styles.\n * Scans rendered style declarations and keyframe declarations for custom properties\n * whose types can be inferred from their values.\n *\n * @param styles - The styles object\n * @param options - Whether inference is on, and which properties to leave alone\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n styles: Styles,\n options?: PropertyExtractionOptions,\n): ExtractedProperty[] {\n if (options?.autoPropertyTypes === false) return [];\n\n const registered = new Set<string>(options?.defined);\n const results: ExtractedProperty[] = [];\n\n // Collect explicitly declared properties (they take precedence)\n if (hasLocalProperties(styles)) {\n const localProps = extractLocalProperties(styles);\n if (localProps) {\n for (const token of Object.keys(localProps)) {\n // Normalize token to CSS name\n let cssName: string;\n if (token.startsWith('#')) {\n cssName = `--${token.slice(1)}-color`;\n } else if (token.startsWith('$')) {\n cssName = `--${token.slice(1)}`;\n } else if (token.startsWith('--')) {\n cssName = token;\n } else {\n cssName = `--${token}`;\n }\n registered.add(cssName);\n }\n }\n }\n\n const resolver = new PropertyTypeResolver();\n\n const registerProperty = (\n name: string,\n syntax: string,\n initialValue: string,\n ) => {\n if (registered.has(name)) return;\n registered.add(name);\n\n const parts: string[] = [];\n parts.push(`syntax: \"${syntax}\";`);\n parts.push(`inherits: true;`);\n parts.push(`initial-value: ${initialValue};`);\n\n const css = `@property ${name} { ${parts.join(' ')} }`;\n results.push({ name, css });\n };\n\n const isPropertyDefined = (name: string) => registered.has(name);\n\n // Scan rendered style declarations\n const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n for (const [chunkName, chunkStyleKeys] of chunkMap) {\n if (chunkStyleKeys.length === 0) continue;\n const renderResult = renderStylesForChunk(\n styles,\n chunkName,\n chunkStyleKeys,\n );\n for (const rule of renderResult.rules) {\n if (!rule.declarations) continue;\n resolver.scanDeclarations(\n rule.declarations,\n isPropertyDefined,\n registerProperty,\n );\n }\n }\n\n // Scan keyframe declarations\n if (hasLocalKeyframes(styles)) {\n const localKf = extractLocalKeyframes(styles);\n if (localKf) {\n for (const steps of Object.values(localKf)) {\n scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);\n }\n }\n }\n\n return results;\n}\n\nfunction scanKeyframeSteps(\n steps: KeyframesSteps,\n resolver: PropertyTypeResolver,\n isPropertyDefined: (name: string) => boolean,\n registerProperty: (\n name: string,\n syntax: string,\n initialValue: string,\n ) => void,\n): void {\n // The declarations the steps are emitted with, so `$name` and `#name` keys\n // register the custom properties they actually set.\n resolver.scanDeclarations(\n formatKeyframesSteps(steps).declarations,\n isPropertyDefined,\n registerProperty,\n );\n}\n\n// ============================================================================\n// Font Face Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFontFace {\n css: string;\n}\n\n/**\n * Extract @font-face rules from styles, merging with global config.\n * Deduplicates by content hash.\n */\nexport function extractFontFaceFromStyles(\n styles: Styles,\n globalFontFace?: Record<string, FontFaceInput> | null,\n): ExtractedFontFace[] {\n const results: ExtractedFontFace[] = [];\n const seenHashes = new Set<string>();\n\n function addFontFace(family: string, input: FontFaceInput) {\n const descriptors: FontFaceDescriptors[] = Array.isArray(input)\n ? input\n : [input];\n for (const desc of descriptors) {\n const hash = createHash('md5')\n .update(JSON.stringify({ family, ...desc }))\n .digest('hex')\n .slice(0, 8);\n if (!seenHashes.has(hash)) {\n seenHashes.add(hash);\n results.push({ css: formatFontFaceRule(family, desc) });\n }\n }\n }\n\n // Global font faces first\n if (globalFontFace) {\n for (const [family, input] of Object.entries(globalFontFace)) {\n addFontFace(family, input);\n }\n }\n\n // Local font faces. @font-face is keyed by content hash, not family name, so\n // distinct definitions all emit and byte-identical ones collapse — there is\n // no \"winner\" to pick between a global and a local definition.\n if (hasLocalFontFace(styles)) {\n const local = extractLocalFontFace(styles);\n if (local) {\n for (const [family, input] of Object.entries(local)) {\n addFontFace(family, input);\n }\n }\n }\n\n return results;\n}\n\n// ============================================================================\n// Counter Style Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedCounterStyle {\n name: string;\n css: string;\n}\n\n/**\n * Extract @counter-style rules from styles, merging with global config.\n * Deduplicates by name; component-local definitions override global ones with\n * the same name (local wins).\n */\nexport function extractCounterStyleFromStyles(\n styles: Styles,\n globalCounterStyle?: Record<string, CounterStyleDescriptors> | null,\n): ExtractedCounterStyle[] {\n const byName = new Map<string, ExtractedCounterStyle>();\n\n function addCounterStyle(name: string, descriptors: CounterStyleDescriptors) {\n byName.set(name, { name, css: formatCounterStyleRule(name, descriptors) });\n }\n\n // Global counter styles first, then local — local replaces global on conflict.\n if (globalCounterStyle) {\n for (const [name, descriptors] of Object.entries(globalCounterStyle)) {\n addCounterStyle(name, descriptors);\n }\n }\n\n if (hasLocalCounterStyle(styles)) {\n const local = extractLocalCounterStyle(styles);\n if (local) {\n for (const [name, descriptors] of Object.entries(local)) {\n addCounterStyle(name, descriptors);\n }\n }\n }\n\n return [...byName.values()];\n}\n\n// ============================================================================\n// Function Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFunction {\n name: string;\n css: string;\n}\n\n/**\n * Extract @function rules from styles, merging with global config.\n * Deduplicates by CSS function name; component-local definitions override\n * global ones with the same name (local wins).\n */\nexport function extractFunctionsFromStyles(\n styles: Styles,\n globalFunction?: Record<string, FunctionDefinition> | null,\n): ExtractedFunction[] {\n // @function polyfill: register definitions as inline closures so call sites\n // are expanded to plain CSS during chunk rendering. No native @function rules\n // are emitted. Global definitions are also registered here as a safety net in\n // case configure() ran in a separate module scope.\n if (isFunctionsPolyfillEnabled()) {\n if (globalFunction) {\n for (const [name, definition] of Object.entries(globalFunction)) {\n registerFunctionPolyfill(name, definition);\n }\n }\n registerLocalFunctionPolyfills(styles);\n return [];\n }\n\n const byName = new Map<string, ExtractedFunction>();\n\n function addFunction(name: string, definition: FunctionDefinition) {\n const cssName = parseFunctionName(name);\n byName.set(cssName, {\n name: cssName,\n css: formatFunctionRule(name, definition),\n });\n }\n\n // Global functions first, then local — local replaces global on conflict.\n if (globalFunction) {\n for (const [name, definition] of Object.entries(globalFunction)) {\n addFunction(name, definition);\n }\n }\n\n if (hasLocalFunctions(styles)) {\n const local = extractLocalFunctions(styles);\n if (local) {\n for (const [name, definition] of Object.entries(local)) {\n addFunction(name, definition);\n }\n }\n }\n\n return [...byName.values()];\n}\n","import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface CSSWriterOptions {\n /** Enable source comments in output (e.g., \"from: Button.tsx\") */\n devMode?: boolean;\n}\n\ninterface CSSBlock {\n css: string;\n source?: string;\n}\n\nexport class CSSWriter {\n private cssBlocks = new Map<string, CSSBlock>();\n private outputPath: string;\n private devMode: boolean;\n\n constructor(outputPath: string, options: CSSWriterOptions = {}) {\n this.outputPath = outputPath;\n this.devMode = options.devMode ?? false;\n }\n\n /**\n * Add CSS block with deduplication key\n * @param key - Unique key for deduplication\n * @param css - CSS content\n * @param source - Optional source file path (used in devMode)\n */\n add(key: string, css: string, source?: string): void {\n this.cssBlocks.set(key, { css, source });\n }\n\n /**\n * Check if a key already exists\n */\n has(key: string): boolean {\n return this.cssBlocks.has(key);\n }\n\n /**\n * Get the number of CSS blocks\n */\n get size(): number {\n return this.cssBlocks.size;\n }\n\n /**\n * Write all collected CSS to the output file\n */\n write(): void {\n const outputDir = path.dirname(this.outputPath);\n\n // Ensure directory exists\n if (!fs.existsSync(outputDir)) {\n fs.mkdirSync(outputDir, { recursive: true });\n }\n\n // Combine all CSS blocks with optional source comments\n const cssBlocks: string[] = [];\n for (const block of this.cssBlocks.values()) {\n if (this.devMode && block.source) {\n cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n } else {\n cssBlocks.push(block.css);\n }\n }\n const css = cssBlocks.join('\\n\\n');\n\n // Add header comment\n const header = `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n\\n`;\n\n fs.writeFileSync(this.outputPath, header + css);\n }\n\n /**\n * Get all CSS as string (for testing or in-memory use)\n */\n getCSS(): string {\n const cssBlocks: string[] = [];\n for (const block of this.cssBlocks.values()) {\n if (this.devMode && block.source) {\n cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n } else {\n cssBlocks.push(block.css);\n }\n }\n return cssBlocks.join('\\n\\n');\n }\n\n /**\n * Clear all collected CSS\n */\n clear(): void {\n this.cssBlocks.clear();\n }\n\n /**\n * Get the output path\n */\n getOutputPath(): string {\n return this.outputPath;\n }\n}\n\n/**\n * Factory for creating a {@link CSSWriter} instance.\n *\n * Canonical functional entry point; the `CSSWriter` class remains exported\n * for advanced/internal use.\n *\n * @example\n * ```ts\n * import { createCSSWriter } from '@tenphi/tasty/zero';\n *\n * const writer = createCSSWriter('output.css', { devMode: true });\n * ```\n */\nexport function createCSSWriter(\n outputPath: string,\n options?: CSSWriterOptions,\n): CSSWriter {\n return new CSSWriter(outputPath, options);\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"zero-engine-D2jPSpWA.js","names":[],"sources":["../../src/zero/extractor.ts","../../src/zero/css-writer.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n categorizeStyleKeys,\n generateChunkCacheKey,\n renderStylesForChunk,\n} from '../chunks';\nimport type {\n CounterStyleDescriptors,\n FontFaceDescriptors,\n FontFaceInput,\n FunctionDefinition,\n KeyframesSteps,\n PropertyDefinition,\n} from '../injector/types';\nimport {\n extractLocalCounterStyle,\n formatCounterStyleRule,\n hasLocalCounterStyle,\n} from '../counter-style';\nimport {\n extractLocalFontFace,\n formatFontFaceRule,\n hasLocalFontFace,\n} from '../font-face';\nimport { isFunctionsPolyfillEnabled } from '../config-state';\nimport {\n extractLocalFunctions,\n formatFunctionRule,\n hasLocalFunctions,\n parseFunctionName,\n registerFunctionPolyfill,\n registerLocalFunctionPolyfills,\n} from '../functions';\nimport {\n extractAnimationNamesFromStyles,\n extractLocalKeyframes,\n filterUsedKeyframes,\n hasLocalKeyframes,\n mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport {\n formatKeyframesCSS,\n formatKeyframesSteps,\n} from '../ssr/format-keyframes';\nimport {\n extractLocalProperties,\n getEffectiveDefinition,\n hasLocalProperties,\n} from '../properties';\nimport { DEFAULT_PROPERTIES } from '../properties/defaults';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport { formatPropertyCSS } from '../ssr/format-property';\nimport type { Styles } from '../styles/types';\nimport {\n DEFAULT_ZERO_NAME_PREFIX,\n makeClassName,\n makeKeyframeName,\n validateNamePrefix,\n} from '../utils/name-prefix';\nimport { resolveRecipesWith } from '../utils/resolve-recipes-core';\n\nimport type { ResolvedZeroConfig } from './config';\nimport {\n getActiveZeroConfig,\n reapplyZeroConfig,\n setActiveZeroConfig,\n} from './config';\n\nexport interface ExtractedChunk {\n className: string;\n css: string;\n}\n\nexport interface ExtractedSelector {\n selector: string;\n css: string;\n}\n\nexport interface ExtractedKeyframes {\n name: string;\n css: string;\n}\n\ninterface KeyframesExtractionResult {\n /** Keyframes to inject (deduplicated by content) */\n keyframes: ExtractedKeyframes[];\n /** Map from original animation name to canonical name (for replacement) */\n nameMap: Map<string, string>;\n}\n\n/**\n * Module-level prefix used by the zero-runtime extractor.\n * Defaults to `'ts'` so static classes never collide with the runtime\n * `'t'` classes when both are loaded on the same page. Override via\n * `setExtractorNamePrefix()` from the Babel plugin so user config flows\n * into the extractor.\n */\nlet currentNamePrefix: string = DEFAULT_ZERO_NAME_PREFIX;\n\n/**\n * Set the prefix used by the zero-runtime extractor.\n * Called by the Babel plugin after resolving user config so that\n * generated class and keyframe names match the user's configuration.\n */\nexport function setExtractorNamePrefix(prefix: string): void {\n validateNamePrefix(prefix);\n currentNamePrefix = prefix;\n}\n\n/**\n * Get the prefix currently used by the zero-runtime extractor.\n * Exposed primarily for tests.\n */\nexport function getExtractorNamePrefix(): string {\n return currentNamePrefix;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n return makeClassName(currentNamePrefix, hash);\n}\n\n/**\n * The configuration set through `/zero` `configure()`, applied to the engine\n * again if something else replaced it since (the state is process-wide).\n * The Babel plugin applies and passes its own, and uses the internal\n * extractors that skip this.\n */\nfunction applyActiveConfig(): ResolvedZeroConfig | null {\n const active = getActiveZeroConfig();\n if (!active) return null;\n\n const applied = reapplyZeroConfig(active);\n if (applied !== active) {\n setActiveZeroConfig(applied);\n setExtractorNamePrefix(\n applied.source.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX,\n );\n }\n return applied;\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n const config = applyActiveConfig();\n return extractChunks(\n config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n );\n}\n\n/**\n * Chunked class extraction against whatever configuration is applied.\n */\nexport function extractChunks(styles: Styles): ExtractedChunk[] {\n const chunks: ExtractedChunk[] = [];\n\n // Categorize style keys into chunks\n const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n for (const [chunkName, chunkStyleKeys] of chunkMap) {\n if (chunkStyleKeys.length === 0) continue;\n\n // Generate cache key for this chunk (used for className hash)\n const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n // Render styles for this chunk\n const renderResult = renderStylesForChunk(\n styles,\n chunkName,\n chunkStyleKeys,\n );\n\n if (renderResult.rules.length === 0) continue;\n\n // Generate deterministic className from content hash\n const className = generateClassName(cacheKey);\n const selector = `.${className}.${className}`;\n\n // Format CSS\n const css = formatRulesToCSS(renderResult.rules, selector);\n\n chunks.push({ className, css });\n }\n\n return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block, led by the `@keyframes` its rules animate.\n */\nexport function extractStylesForSelector(\n selector: string,\n styles: Styles,\n): ExtractedSelector {\n const config = applyActiveConfig();\n const css = extractSelectorCSS(\n selector,\n config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n config?.normalized.keyframes,\n );\n\n return { selector, css };\n}\n\n/**\n * Selector-mode CSS with the `@keyframes` its rules animate — local ones and\n * the given global ones — under hashed names the rules are rewritten to.\n */\nexport function extractSelectorCSS(\n selector: string,\n styles: Styles,\n globalKeyframes?: Record<string, KeyframesSteps> | null,\n): string {\n const css = renderSelectorCSS(selector, styles);\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n styles,\n globalKeyframes,\n );\n if (keyframes.length === 0) return css;\n\n return [\n ...keyframes.map((kf) => kf.css),\n replaceAnimationNamesInCSS(css, nameMap),\n ].join('\\n\\n');\n}\n\n/**\n * Selector-mode rules alone, for callers that emit the keyframes themselves.\n */\nexport function renderSelectorCSS(selector: string, styles: Styles): string {\n // renderStyles with selector returns StyleResult[] with selectors already applied\n const rules = renderStyles(styles, selector);\n // Format without re-prefixing - rules already have the full selector\n return formatRulesDirectly(rules);\n}\n\n/**\n * Replace animation names in formatted CSS (whole rules, not declarations).\n */\nexport function replaceAnimationNamesInCSS(\n css: string,\n nameMap: Map<string, string>,\n): string {\n if (nameMap.size === 0) return css;\n\n // The CSS contains full rules like \".class { animation: name 1s; }\".\n // Only a declaration start (after `{` or `;`) counts, so neither a selector\n // such as `.animation:hover` nor a custom property such as\n // `--my-animation` is rewritten.\n return css.replace(\n /(?<=[{;]\\s*)(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n (match, prop, value) => {\n let newValue = value;\n for (const [original, replacement] of nameMap) {\n // Identifier boundary: `-` continues a name, so `spin` stays out of\n // `spin-fast`.\n const pattern = new RegExp(\n `(?<![\\\\w-])${escapeRegex(original)}(?![\\\\w-])`,\n 'g',\n );\n newValue = newValue.replace(pattern, replacement);\n }\n return `${prop}: ${newValue}`;\n },\n );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n return rules\n .map((rule) => {\n // Handle selector as array (OR conditions) or string\n // Note: renderStyles without className joins array selectors with '|||' placeholder\n const selectorParts = Array.isArray(rule.selector)\n ? rule.selector\n : rule.selector\n ? rule.selector.split('|||')\n : [''];\n\n // Prefix each selector part with the base selector\n const fullSelector = selectorParts\n .map((part) => {\n // Build selector: [rootPrefix] baseSelector[part]\n let selector: string;\n\n // If part is empty, just use base selector\n if (!part) {\n selector = baseSelector;\n } else if (part.startsWith(':') || part.startsWith('[')) {\n // If part starts with a pseudo-class or pseudo-element, append to base\n selector = `${baseSelector}${part}`;\n } else if (\n part.startsWith('>') ||\n part.startsWith('+') ||\n part.startsWith('~')\n ) {\n // If part starts with >, +, ~ combinator, append with space\n selector = `${baseSelector}${part}`;\n } else {\n // Otherwise, combine base with part\n selector = `${baseSelector}${part}`;\n }\n\n // Prepend rootPrefix if present (for @root() states)\n if (rule.rootPrefix) {\n selector = `${rule.rootPrefix} ${selector}`;\n }\n\n return selector;\n })\n .join(', ');\n\n let css = `${fullSelector} { ${rule.declarations} }`;\n\n // Wrap in at-rules (in reverse order for proper nesting)\n if (rule.atRules && rule.atRules.length > 0) {\n for (const atRule of [...rule.atRules].reverse()) {\n css = `${atRule} {\\n ${css}\\n}`;\n }\n }\n\n return css;\n })\n .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n return rules\n .map((rule) => {\n // Prepend rootPrefix if present (for @root() states)\n const selector = rule.rootPrefix\n ? `${rule.rootPrefix} ${rule.selector}`\n : rule.selector;\n\n const declarations = rule.startingStyle\n ? `@starting-style { ${rule.declarations} }`\n : rule.declarations;\n let css = `${selector} { ${declarations} }`;\n\n // Wrap in at-rules (in reverse order for proper nesting)\n if (rule.atRules && rule.atRules.length > 0) {\n for (const atRule of [...rule.atRules].reverse()) {\n css = `${atRule} {\\n ${css}\\n}`;\n }\n }\n\n return css;\n })\n .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n *\n * Uses the configured prefix with a `k` discriminator so keyframe names\n * stay visually distinct from class names sharing the same prefix.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n const content = JSON.stringify(steps);\n const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n return makeKeyframeName(currentNamePrefix, hash);\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n styles: Styles,\n globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n const emptyResult: KeyframesExtractionResult = {\n keyframes: [],\n nameMap: new Map(),\n };\n\n // Extract animation names from styles\n const usedNames = extractAnimationNamesFromStyles(styles);\n if (usedNames.size === 0) return emptyResult;\n\n // Merge local and global keyframes\n const local = hasLocalKeyframes(styles)\n ? extractLocalKeyframes(styles)\n : null;\n const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n // Filter to only used keyframes\n const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n if (!usedKeyframes) return emptyResult;\n\n // Generate hash-based names and collect unique keyframes\n const seenHashes = new Set<string>();\n const nameMap = new Map<string, string>();\n const keyframesToEmit: ExtractedKeyframes[] = [];\n\n for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n const hashedName = generateKeyframesName(steps);\n\n // Always map original name to hashed name (for CSS replacement)\n nameMap.set(originalName, hashedName);\n\n // Only emit each unique keyframe once\n if (!seenHashes.has(hashedName)) {\n seenHashes.add(hashedName);\n const css = formatKeyframesCSS(hashedName, steps);\n keyframesToEmit.push({ name: hashedName, css });\n }\n }\n\n return { keyframes: keyframesToEmit, nameMap };\n}\n\n// ============================================================================\n// Property Extraction (auto-infer @property types for zero-runtime)\n// ============================================================================\n\nexport interface ExtractedProperty {\n name: string;\n css: string;\n}\n\nexport interface PropertyExtractionOptions {\n /** `false` turns automatic `@property` inference off. */\n autoPropertyTypes?: boolean;\n /**\n * CSS names (`--gap`, `--white-color`) already registered elsewhere, such as\n * by {@link extractConfigProperties}. Inference leaves them alone, so the\n * explicit definition is the one that applies.\n */\n defined?: ReadonlySet<string>;\n}\n\n/**\n * The `@property` rules a configuration registers: Tasty's defaults (`#white`,\n * `#border`, `$gap`, `$radius`, …) overlaid with `config.properties`, the same\n * set the runtime registers.\n *\n * Style handlers read several of the defaults with no fallback of their own,\n * so CSS from `extractStylesWithChunks()` and `extractStylesForSelector()`\n * needs these rules alongside it, once per stylesheet.\n *\n * @param properties - Properties to overlay on the defaults. Without it, the\n * ones set through `/zero` `configure()` (plugins included).\n */\nexport function extractConfigProperties(\n properties: Record<string, PropertyDefinition> = getActiveZeroConfig()\n ?.normalized.properties ?? {},\n): ExtractedProperty[] {\n const results: ExtractedProperty[] = [];\n\n for (const [token, definition] of Object.entries({\n ...DEFAULT_PROPERTIES,\n ...properties,\n })) {\n const { cssName, isValid } = getEffectiveDefinition(token, definition);\n const css = isValid ? formatPropertyCSS(token, definition) : '';\n if (css) results.push({ name: cssName, css });\n }\n\n return results;\n}\n\n/**\n * Extract auto-inferred @property declarations from styles.\n * Scans rendered style declarations and keyframe declarations for custom properties\n * whose types can be inferred from their values.\n *\n * @param styles - The styles object\n * @param options - Whether inference is on, and which properties to leave alone\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n styles: Styles,\n options?: PropertyExtractionOptions,\n): ExtractedProperty[] {\n if (options?.autoPropertyTypes === false) return [];\n\n const registered = new Set<string>(options?.defined);\n const results: ExtractedProperty[] = [];\n\n // Collect explicitly declared properties (they take precedence)\n if (hasLocalProperties(styles)) {\n const localProps = extractLocalProperties(styles);\n if (localProps) {\n for (const token of Object.keys(localProps)) {\n // Normalize token to CSS name\n let cssName: string;\n if (token.startsWith('#')) {\n cssName = `--${token.slice(1)}-color`;\n } else if (token.startsWith('$')) {\n cssName = `--${token.slice(1)}`;\n } else if (token.startsWith('--')) {\n cssName = token;\n } else {\n cssName = `--${token}`;\n }\n registered.add(cssName);\n }\n }\n }\n\n const resolver = new PropertyTypeResolver();\n\n const registerProperty = (\n name: string,\n syntax: string,\n initialValue: string,\n ) => {\n if (registered.has(name)) return;\n registered.add(name);\n\n const parts: string[] = [];\n parts.push(`syntax: \"${syntax}\";`);\n parts.push(`inherits: true;`);\n parts.push(`initial-value: ${initialValue};`);\n\n const css = `@property ${name} { ${parts.join(' ')} }`;\n results.push({ name, css });\n };\n\n const isPropertyDefined = (name: string) => registered.has(name);\n\n // Scan rendered style declarations\n const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n for (const [chunkName, chunkStyleKeys] of chunkMap) {\n if (chunkStyleKeys.length === 0) continue;\n const renderResult = renderStylesForChunk(\n styles,\n chunkName,\n chunkStyleKeys,\n );\n for (const rule of renderResult.rules) {\n if (!rule.declarations) continue;\n resolver.scanDeclarations(\n rule.declarations,\n isPropertyDefined,\n registerProperty,\n );\n }\n }\n\n // Scan keyframe declarations\n if (hasLocalKeyframes(styles)) {\n const localKf = extractLocalKeyframes(styles);\n if (localKf) {\n for (const steps of Object.values(localKf)) {\n scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);\n }\n }\n }\n\n return results;\n}\n\nfunction scanKeyframeSteps(\n steps: KeyframesSteps,\n resolver: PropertyTypeResolver,\n isPropertyDefined: (name: string) => boolean,\n registerProperty: (\n name: string,\n syntax: string,\n initialValue: string,\n ) => void,\n): void {\n // The declarations the steps are emitted with, so `$name` and `#name` keys\n // register the custom properties they actually set.\n resolver.scanDeclarations(\n formatKeyframesSteps(steps).declarations,\n isPropertyDefined,\n registerProperty,\n );\n}\n\n// ============================================================================\n// Font Face Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFontFace {\n css: string;\n}\n\n/**\n * Extract @font-face rules from styles, merging with global config.\n * Deduplicates by content hash.\n */\nexport function extractFontFaceFromStyles(\n styles: Styles,\n globalFontFace?: Record<string, FontFaceInput> | null,\n): ExtractedFontFace[] {\n const results: ExtractedFontFace[] = [];\n const seenHashes = new Set<string>();\n\n function addFontFace(family: string, input: FontFaceInput) {\n const descriptors: FontFaceDescriptors[] = Array.isArray(input)\n ? input\n : [input];\n for (const desc of descriptors) {\n const hash = createHash('md5')\n .update(JSON.stringify({ family, ...desc }))\n .digest('hex')\n .slice(0, 8);\n if (!seenHashes.has(hash)) {\n seenHashes.add(hash);\n results.push({ css: formatFontFaceRule(family, desc) });\n }\n }\n }\n\n // Global font faces first\n if (globalFontFace) {\n for (const [family, input] of Object.entries(globalFontFace)) {\n addFontFace(family, input);\n }\n }\n\n // Local font faces. @font-face is keyed by content hash, not family name, so\n // distinct definitions all emit and byte-identical ones collapse — there is\n // no \"winner\" to pick between a global and a local definition.\n if (hasLocalFontFace(styles)) {\n const local = extractLocalFontFace(styles);\n if (local) {\n for (const [family, input] of Object.entries(local)) {\n addFontFace(family, input);\n }\n }\n }\n\n return results;\n}\n\n// ============================================================================\n// Counter Style Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedCounterStyle {\n name: string;\n css: string;\n}\n\n/**\n * Extract @counter-style rules from styles, merging with global config.\n * Deduplicates by name; component-local definitions override global ones with\n * the same name (local wins).\n */\nexport function extractCounterStyleFromStyles(\n styles: Styles,\n globalCounterStyle?: Record<string, CounterStyleDescriptors> | null,\n): ExtractedCounterStyle[] {\n const byName = new Map<string, ExtractedCounterStyle>();\n\n function addCounterStyle(name: string, descriptors: CounterStyleDescriptors) {\n byName.set(name, { name, css: formatCounterStyleRule(name, descriptors) });\n }\n\n // Global counter styles first, then local — local replaces global on conflict.\n if (globalCounterStyle) {\n for (const [name, descriptors] of Object.entries(globalCounterStyle)) {\n addCounterStyle(name, descriptors);\n }\n }\n\n if (hasLocalCounterStyle(styles)) {\n const local = extractLocalCounterStyle(styles);\n if (local) {\n for (const [name, descriptors] of Object.entries(local)) {\n addCounterStyle(name, descriptors);\n }\n }\n }\n\n return [...byName.values()];\n}\n\n// ============================================================================\n// Function Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFunction {\n name: string;\n css: string;\n}\n\n/**\n * Extract @function rules from styles, merging with global config.\n * Deduplicates by CSS function name; component-local definitions override\n * global ones with the same name (local wins).\n */\nexport function extractFunctionsFromStyles(\n styles: Styles,\n globalFunction?: Record<string, FunctionDefinition> | null,\n): ExtractedFunction[] {\n // @function polyfill: register definitions as inline closures so call sites\n // are expanded to plain CSS during chunk rendering. No native @function rules\n // are emitted. Global definitions are also registered here as a safety net in\n // case configure() ran in a separate module scope.\n if (isFunctionsPolyfillEnabled()) {\n if (globalFunction) {\n for (const [name, definition] of Object.entries(globalFunction)) {\n registerFunctionPolyfill(name, definition);\n }\n }\n registerLocalFunctionPolyfills(styles);\n return [];\n }\n\n const byName = new Map<string, ExtractedFunction>();\n\n function addFunction(name: string, definition: FunctionDefinition) {\n const cssName = parseFunctionName(name);\n byName.set(cssName, {\n name: cssName,\n css: formatFunctionRule(name, definition),\n });\n }\n\n // Global functions first, then local — local replaces global on conflict.\n if (globalFunction) {\n for (const [name, definition] of Object.entries(globalFunction)) {\n addFunction(name, definition);\n }\n }\n\n if (hasLocalFunctions(styles)) {\n const local = extractLocalFunctions(styles);\n if (local) {\n for (const [name, definition] of Object.entries(local)) {\n addFunction(name, definition);\n }\n }\n }\n\n return [...byName.values()];\n}\n","import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface CSSWriterOptions {\n /** Enable source comments in output (e.g., \"from: Button.tsx\") */\n devMode?: boolean;\n}\n\ninterface CSSBlock {\n css: string;\n source?: string;\n}\n\nexport class CSSWriter {\n private cssBlocks = new Map<string, CSSBlock>();\n private outputPath: string;\n private devMode: boolean;\n\n constructor(outputPath: string, options: CSSWriterOptions = {}) {\n this.outputPath = outputPath;\n this.devMode = options.devMode ?? false;\n }\n\n /**\n * Add CSS block with deduplication key\n * @param key - Unique key for deduplication\n * @param css - CSS content\n * @param source - Optional source file path (used in devMode)\n */\n add(key: string, css: string, source?: string): void {\n this.cssBlocks.set(key, { css, source });\n }\n\n /**\n * Check if a key already exists\n */\n has(key: string): boolean {\n return this.cssBlocks.has(key);\n }\n\n /**\n * Get the number of CSS blocks\n */\n get size(): number {\n return this.cssBlocks.size;\n }\n\n /**\n * Write all collected CSS to the output file\n */\n write(): void {\n const outputDir = path.dirname(this.outputPath);\n\n // Ensure directory exists\n if (!fs.existsSync(outputDir)) {\n fs.mkdirSync(outputDir, { recursive: true });\n }\n\n // Combine all CSS blocks with optional source comments\n const cssBlocks: string[] = [];\n for (const block of this.cssBlocks.values()) {\n if (this.devMode && block.source) {\n cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n } else {\n cssBlocks.push(block.css);\n }\n }\n const css = cssBlocks.join('\\n\\n');\n\n // Add header comment\n const header = `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n\\n`;\n\n fs.writeFileSync(this.outputPath, header + css);\n }\n\n /**\n * Get all CSS as string (for testing or in-memory use)\n */\n getCSS(): string {\n const cssBlocks: string[] = [];\n for (const block of this.cssBlocks.values()) {\n if (this.devMode && block.source) {\n cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n } else {\n cssBlocks.push(block.css);\n }\n }\n return cssBlocks.join('\\n\\n');\n }\n\n /**\n * Clear all collected CSS\n */\n clear(): void {\n this.cssBlocks.clear();\n }\n\n /**\n * Get the output path\n */\n getOutputPath(): string {\n return this.outputPath;\n }\n}\n\n/**\n * Factory for creating a {@link CSSWriter} instance.\n *\n * Canonical functional entry point; the `CSSWriter` class remains exported\n * for advanced/internal use.\n *\n * @example\n * ```ts\n * import { createCSSWriter } from '@tenphi/tasty/zero';\n *\n * const writer = createCSSWriter('output.css', { devMode: true });\n * ```\n */\nexport function createCSSWriter(\n outputPath: string,\n options?: CSSWriterOptions,\n): CSSWriter {\n return new CSSWriter(outputPath, options);\n}\n"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { $ as TastyNamedColors, A as resetStyleBatch, B as getGlobalPredefinedStates, C as SheetInfo, Ct as StyleParser, D as QueuedWrite, Dt as StyleDetailsPart, E as StyleUsage, Et as StyleDetails, F as parseStateKey, G as NoType, H as ConditionNode, I as AtRuleContext, J as Selector, K as NotSelector, L as ParsedAdvancedState, M as StyleResult, N as renderStyles, O as flushStyles, Ot as UnitHandler, P as ParseStateKeyOptions, Q as SuffixForSelector, R as StateParserContext, S as RuleInfo, St as stringifyStyles, T as StyleRule, Tt as ProcessedStyle, U as ConfigTokenValue, V as setGlobalPredefinedStates, W as ConfigTokens, X as StylesInterface, Y as Styles, Z as StylesWithoutSelectors, _ as KeyframesSteps, _t as getGlobalParser, a as FontFaceInput, at as ParsedColor, b as RawCSSResult, bt as parseColor, c as GCConfig, ct as StyleHandler, d as InjectOptions, dt as StyleHandlerResult, et as TastyPresetNames, f as InjectResult, ft as StyleMap, g as KeyframesResult, gt as filterMods, h as KeyframesInfo, ht as StyleValueStateMap, i as FontFaceDescriptors, it as DIRECTIONS, j as RenderResult, k as hasPendingStyleWrites, kt as CSSProperties, l as GCOptions, lt as StyleHandlerDefinition, m as KeyframesCacheEntry, mt as StyleValue, n as CounterStyleDescriptors, nt as CSSMap, o as FunctionDefinition, ot as RawStyleHandler, p as InjectionMode, pt as StylePropValue, q as RecipeStyles, r as DisposeFunction, rt as CUSTOM_UNITS, s as FunctionParameter, st as ResolvedStyleValue, t as CacheMetrics, tt as AnyStyleHandler, ut as StyleHandlerProps, v as PropertyDefinition, vt as getGlobalPredefinedTokens, w as StyleInjectorConfig, wt as ParserOptions, x as RootRegistry, xt as parseStyle, y as PropertyOptions, yt as normalizeColorTokenValue, z as createStateParserContext } from "../types-DJEM_BOJ.js";
2
- import { $ as createColorFunc, $t as OuterStyleProps, A as keyframes, An as strToRgb, B as styleHandlers, C as getRawCSSText, Cn as DEFAULT_ZERO_NAME_PREFIX, D as injectRawCSS, Dn as getRgbValuesFromRgbaString, E as injectGlobal, En as getNamedColorHex, F as chunkSheetRegistry, G as ChunkName, Gt as ColorStyleProps, H as categorizeStyleKeys, Ht as BlockInnerStyleProps, I as ComputeStylesOptions, J as FONT_CHUNK_STYLES, Jt as ExtraBaseStyleProps, K as DIMENSION_CHUNK_STYLES, Kt as ContainerStyleProps, L as ComputeStylesResult, M as property, N as touch, O as injector, On as hexToRgb, P as ChunkSheetRegistry, Q as resolveFunctionColor, Qt as Mods, R as computeStyles, S as getCSSTextForNode, Sn as DEFAULT_NAME_PREFIX, T as inject, Tn as isSelector, U as APPEARANCE_CHUNK_STYLES, Ut as BlockOuterStyleProps, V as ChunkInfo, Vt as BaseStyleProps, W as CHUNK_NAMES, Wt as BlockStyleProps, X as POSITION_CHUNK_STYLES, Xt as InnerStyleProps, Y as LAYOUT_CHUNK_STYLES, Yt as FlowStyleProps, Z as STYLE_TO_CHUNK, Zt as ModValue, _ as destroy, _n as FLOW_STYLES, a as DebugOptions, an as TastyExtensionConfig, b as gc, bn as POSITION_STYLES, c as tastyDebug, cn as TokenValue, d as modAttrs, dn as BLOCK_INNER_STYLES, en as PositionStyleProps, et as okhstFunction, f as color, fn as BLOCK_OUTER_STYLES, g as createInjector, gn as DIMENSION_STYLES, h as counterStyle, hn as CONTAINER_STYLES, i as DebugChunkInfo, in as TastyCustomProps, j as ownKeyframes, k as isPropertyDefined, kn as hslToRgbValues, l as processTokens, ln as Tokens, m as cleanup, mn as COLOR_STYLES, n as CacheStatus, nn as TagName, nt as okhslFunction, o as InspectResult, on as TastyThemeNames, p as filterBaseProps, pn as BLOCK_STYLES, q as DISPLAY_CHUNK_STYLES, qt as DimensionStyleProps, r as ChunkBreakdown, rn as TastyBaseStylePropNames, rt as okhslPlugin, s as Summary, sn as TextStyleProps, t as CSSOptions, tn as ShortGridStyles, tt as okhstPlugin, u as resolveRecipes, un as BASE_STYLES, v as fontFace, vn as INNER_STYLES, w as holdKeyframes, wn as hasStylesGenerated, x as getCSSText, xn as TEXT_STYLES, y as func, yn as OUTER_STYLES, z as defineHandler } from "../index-xtey-KDu.js";
2
+ import { $ as createColorFunc, $t as OuterStyleProps, A as keyframes, An as strToRgb, B as styleHandlers, C as getRawCSSText, Cn as DEFAULT_ZERO_NAME_PREFIX, D as injectRawCSS, Dn as getRgbValuesFromRgbaString, E as injectGlobal, En as getNamedColorHex, F as chunkSheetRegistry, G as ChunkName, Gt as ColorStyleProps, H as categorizeStyleKeys, Ht as BlockInnerStyleProps, I as ComputeStylesOptions, J as FONT_CHUNK_STYLES, Jt as ExtraBaseStyleProps, K as DIMENSION_CHUNK_STYLES, Kt as ContainerStyleProps, L as ComputeStylesResult, M as property, N as touch, O as injector, On as hexToRgb, P as ChunkSheetRegistry, Q as resolveFunctionColor, Qt as Mods, R as computeStyles, S as getCSSTextForNode, Sn as DEFAULT_NAME_PREFIX, T as inject, Tn as isSelector, U as APPEARANCE_CHUNK_STYLES, Ut as BlockOuterStyleProps, V as ChunkInfo, Vt as BaseStyleProps, W as CHUNK_NAMES, Wt as BlockStyleProps, X as POSITION_CHUNK_STYLES, Xt as InnerStyleProps, Y as LAYOUT_CHUNK_STYLES, Yt as FlowStyleProps, Z as STYLE_TO_CHUNK, Zt as ModValue, _ as destroy, _n as FLOW_STYLES, a as DebugOptions, an as TastyExtensionConfig, b as gc, bn as POSITION_STYLES, c as tastyDebug, cn as TokenValue, d as modAttrs, dn as BLOCK_INNER_STYLES, en as PositionStyleProps, et as okhstFunction, f as color, fn as BLOCK_OUTER_STYLES, g as createInjector, gn as DIMENSION_STYLES, h as counterStyle, hn as CONTAINER_STYLES, i as DebugChunkInfo, in as TastyCustomProps, j as ownKeyframes, k as isPropertyDefined, kn as hslToRgbValues, l as processTokens, ln as Tokens, m as cleanup, mn as COLOR_STYLES, n as CacheStatus, nn as TagName, nt as okhslFunction, o as InspectResult, on as TastyThemeNames, p as filterBaseProps, pn as BLOCK_STYLES, q as DISPLAY_CHUNK_STYLES, qt as DimensionStyleProps, r as ChunkBreakdown, rn as TastyBaseStylePropNames, rt as okhslPlugin, s as Summary, sn as TextStyleProps, t as CSSOptions, tn as ShortGridStyles, tt as okhstPlugin, u as resolveRecipes, un as BASE_STYLES, v as fontFace, vn as INNER_STYLES, w as holdKeyframes, wn as hasStylesGenerated, x as getCSSText, xn as TEXT_STYLES, y as func, yn as OUTER_STYLES, z as defineHandler } from "../index--GdqCPlp.js";
3
3
  import { C as PropHandlerProps, D as getGlobalKeyframes, E as getGlobalFunctions, S as PropHandlerDefinition, T as getGlobalFontFaces, _ as FunctionsConfig, a as getNamePrefix, b as SheetManager, c as isConfigLocked, d as TastyPlugin, f as TastyPluginFactory, g as ColorSpace, h as generateTypographyTokens, i as getGlobalRecipes, l as isTestEnvironment, m as TypographyTokenValue, n as configure, o as hasGlobalKeyframes, p as TypographyPreset, r as getConfig, s as hasGlobalRecipes, t as TastyConfig, u as resetConfig, v as ParseFunction, w as getGlobalCounterStyles, x as PropHandler, y as StyleInjector } from "../config-CcxqSZI2.js";
4
4
  import { t as mergeStyles } from "../merge-styles-DSkVc6CD.js";
5
5
  export { APPEARANCE_CHUNK_STYLES, type AnyStyleHandler, type AtRuleContext, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, type BaseStyleProps, type BlockInnerStyleProps, type BlockOuterStyleProps, type BlockStyleProps, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, type CSSMap, CSSOptions, type CSSProperties, CUSTOM_UNITS, type CacheMetrics, CacheStatus, ChunkBreakdown, type ChunkInfo, type ChunkName, ChunkSheetRegistry, type ColorSpace, type ColorStyleProps, type ComputeStylesOptions, type ComputeStylesResult, type ConditionNode, type ConfigTokenValue, type ConfigTokens, type ContainerStyleProps, type CounterStyleDescriptors, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, DebugChunkInfo, DebugOptions, type DimensionStyleProps, type DisposeFunction, type ExtraBaseStyleProps, FLOW_STYLES, FONT_CHUNK_STYLES, type FlowStyleProps, type FontFaceDescriptors, type FontFaceInput, type FunctionDefinition, type FunctionParameter, type FunctionsConfig, type GCConfig, type GCOptions, INNER_STYLES, type InjectOptions, type InjectResult, type InjectionMode, type InnerStyleProps, InspectResult, type KeyframesCacheEntry, type KeyframesInfo, type KeyframesResult, type KeyframesSteps, LAYOUT_CHUNK_STYLES, type ModValue, type Mods, type NoType, type NotSelector, OUTER_STYLES, type OuterStyleProps, POSITION_CHUNK_STYLES, POSITION_STYLES, type ParseFunction, type ParseStateKeyOptions, type ParsedAdvancedState, type ParsedColor, type ParserOptions, type PositionStyleProps, type ProcessedStyle, type PropHandler, type PropHandlerDefinition, type PropHandlerProps, type PropertyDefinition, type PropertyOptions, type QueuedWrite, type RawCSSResult, type RawStyleHandler, type RecipeStyles, type RenderResult, type ResolvedStyleValue, type RootRegistry, type RuleInfo, STYLE_TO_CHUNK, type Selector, type SheetInfo, SheetManager, type ShortGridStyles, type StateParserContext, type StyleDetails, type StyleDetailsPart, type StyleHandler, type StyleHandlerDefinition, type StyleHandlerProps, type StyleHandlerResult, StyleInjector, type StyleInjectorConfig, type StyleMap, StyleParser, type StylePropValue, type StyleResult, type StyleRule, type StyleUsage, type StyleValue, type StyleValueStateMap, type Styles, type StylesInterface, type StylesWithoutSelectors, type SuffixForSelector, Summary, TEXT_STYLES, type TagName, type TastyBaseStylePropNames, type TastyConfig, type TastyCustomProps, type TastyExtensionConfig, type TastyNamedColors, type TastyPlugin, type TastyPluginFactory, type TastyPresetNames, type TastyThemeNames, type TextStyleProps, type TokenValue, type Tokens, TypographyPreset, TypographyTokenValue, type UnitHandler, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, destroy, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasStylesGenerated, hexToRgb, holdKeyframes, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, ownKeyframes, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resetStyleBatch, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tastyDebug, touch };
@@ -1,9 +1,9 @@
1
1
  import { A as strToRgb, C as StyleParser, D as getRgbValuesFromRgbaString, E as getNamedColorHex, O as hexToRgb, S as createColorFunc, _ as stringifyStyles, b as okhslFunction, c as getGlobalParser, d as parseColor, f as parseStyle, i as DIRECTIONS, k as hslToRgbValues, l as getGlobalPredefinedTokens, n as resolveFunctionColor, o as filterMods, r as CUSTOM_UNITS, t as color, u as normalizeColorTokenValue, v as okhstFunction, x as okhslPlugin, y as okhstPlugin } from "../chunks/dsl-DYSJc1-T.js";
2
2
  import { n as isSelector, t as mergeStyles } from "../chunks/shared-utils-y-HjvPN4.js";
3
- import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "../chunks/css-definitions-ubrHP97m.js";
4
- import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "../chunks/style-engine-BX2LshDZ.js";
5
- import { i as generateTypographyTokens } from "../chunks/config-engine-uOFYZidB.js";
6
- import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "../chunks/runtime-state-DEsyUMU-.js";
7
- import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "../chunks/runtime-engine-BQmOu5-W.js";
8
- import { t as tastyDebug } from "../chunks/debug-CJ31U_WE.js";
3
+ import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "../chunks/css-definitions-DW1TGGiy.js";
4
+ import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "../chunks/style-engine-of5Xbc27.js";
5
+ import { i as generateTypographyTokens } from "../chunks/config-engine-DJsb5WYu.js";
6
+ import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "../chunks/runtime-state-BLyMRYFF.js";
7
+ import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "../chunks/runtime-engine-BlrVXv8l.js";
8
+ import { t as tastyDebug } from "../chunks/debug-DMMwe1rY.js";
9
9
  export { APPEARANCE_CHUNK_STYLES, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, CUSTOM_UNITS, ChunkSheetRegistry, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, FLOW_STYLES, FONT_CHUNK_STYLES, INNER_STYLES, LAYOUT_CHUNK_STYLES, OUTER_STYLES, POSITION_CHUNK_STYLES, POSITION_STYLES, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, destroy, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasStylesGenerated, hexToRgb, holdKeyframes, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, ownKeyframes, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resetStyleBatch, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tastyDebug, touch };
@@ -391,11 +391,23 @@ type TastyBaseProps<K extends StyleList, V extends VariantMap, E extends Element
391
391
  tokens?: Tokens;
392
392
  /** Sub-element definitions for compound components */
393
393
  elements?: E;
394
- } & Pick<BaseProps, 'qa' | 'qaVal'> & WithVariant<V>;
394
+ } & Pick<BaseProps, 'qa' | 'qaVal'>;
395
+ /**
396
+ * The names the `variant` option of `tasty(Base, options)` accepts: the
397
+ * extension's own variants and the base's, as its `variant` prop does. A
398
+ * union, not an intersection of the two, so an extension can default to a
399
+ * variant only one of them defines.
400
+ */
401
+ type ExtensionVariantName<V extends VariantMap, Props> = string extends keyof V ? 'variant' extends keyof Props ? NonNullable<Props['variant' & keyof Props]> : keyof V : keyof V | ('variant' extends keyof Props ? NonNullable<Props['variant' & keyof Props]> : never);
395
402
  type TastyProps<K extends StyleList, V extends VariantMap, E extends ElementsDefinition = Record<string, never>, DefaultProps = AnyProps, M extends ModPropsInput = readonly never[], TP extends TokenPropsInput = readonly never[]> = TastyBaseProps<K, V, E, M, TP> & {
396
403
  /** The tag name of the element or a React component. */
397
404
  as?: string | ComponentType<any>;
398
- } & Partial<Omit<DefaultProps, 'as' | 'styles' | 'styleProps' | 'modProps' | 'tokenProps' | 'tokens'>>;
405
+ /**
406
+ * The variant applied when the `variant` prop is omitted or names no
407
+ * variant: one of `variants`, or one of the base component's.
408
+ */
409
+ variant?: ExtensionVariantName<V, DefaultProps>;
410
+ } & Partial<Omit<DefaultProps, 'as' | 'styles' | 'styleProps' | 'modProps' | 'tokenProps' | 'tokens' | 'variant'>>;
399
411
  /**
400
412
  * Resolves the props of a polymorphic `as` value (intrinsic tag or component).
401
413
  * - For intrinsic tags (`'div'`, `'button'`, ...): returns `JSX.IntrinsicElements[Tag]`.
@@ -412,7 +424,7 @@ type ResolveAsProps<AsType extends ElementType> = AsType extends keyof JSX.Intri
412
424
  * Note: Uses a separate index signature with `unknown` instead of an `any`
413
425
  * record to ensure strict type checking for styles.
414
426
  */
415
- type TastyElementOptions<K extends StyleList, V extends VariantMap, E extends ElementsDefinition = Record<string, never>, AsType extends ElementType = 'div', M extends ModPropsInput = readonly never[], TP extends TokenPropsInput = readonly never[]> = TastyBaseProps<K, V, E, M, TP> & {
427
+ type TastyElementOptions<K extends StyleList, V extends VariantMap, E extends ElementsDefinition = Record<string, never>, AsType extends ElementType = 'div', M extends ModPropsInput = readonly never[], TP extends TokenPropsInput = readonly never[]> = TastyBaseProps<K, V, E, M, TP> & WithVariant<V> & {
416
428
  /** The tag name of the element or a React component. */
417
429
  as?: AsType;
418
430
  } & Record<string, unknown>;
@@ -1947,4 +1959,4 @@ declare const tastyDebug: {
1947
1959
  };
1948
1960
  //#endregion
1949
1961
  export { createColorFunc as $, OuterStyleProps as $t, keyframes as A, strToRgb as An, TastyElementOptions as At, styleHandlers as B, BasePropsWithoutChildren as Bt, getRawCSSText as C, DEFAULT_ZERO_NAME_PREFIX as Cn, ResolveAsProps as Ct, injectRawCSS as D, getRgbValuesFromRgbaString as Dn, SubElementDefinition as Dt, injectGlobal as E, getNamedColorHex as En, ResolveTokenProps as Et, chunkSheetRegistry as F, VariantMap as Ft, ChunkName as G, ColorStyleProps as Gt, categorizeStyleKeys as H, BlockInnerStyleProps as Ht, ComputeStylesOptions as I, WithVariant as It, FONT_CHUNK_STYLES as J, ExtraBaseStyleProps as Jt, DIMENSION_CHUNK_STYLES as K, ContainerStyleProps as Kt, ComputeStylesResult as L, tasty as Lt, property as M, TastyPolymorphicComponent as Mt, touch as N, TastyProps as Nt, injector as O, hexToRgb as On, SubElementProps as Ot, ChunkSheetRegistry as P, TokenPropsInput as Pt, resolveFunctionColor as Q, Mods as Qt, computeStyles as R, AllBaseProps as Rt, getCSSTextForNode as S, DEFAULT_NAME_PREFIX as Sn, ModPropsInput as St, inject as T, isSelector as Tn, ResolveModProps as Tt, APPEARANCE_CHUNK_STYLES as U, BlockOuterStyleProps as Ut, ChunkInfo as V, BaseStyleProps as Vt, CHUNK_NAMES as W, BlockStyleProps as Wt, POSITION_CHUNK_STYLES as X, InnerStyleProps as Xt, LAYOUT_CHUNK_STYLES as Y, FlowStyleProps as Yt, STYLE_TO_CHUNK as Z, ModValue as Zt, destroy as _, FLOW_STYLES as _n, useStyles as _t, DebugOptions as a, TastyExtensionConfig as an, TastyBatchProvider as at, gc as b, POSITION_STYLES as bn, ElementsDefinition as bt, tastyDebug as c, TokenValue as cn, useFunction as ct, modAttrs as d, BLOCK_INNER_STYLES as dn, UsePropertyOptions as dt, PositionStyleProps as en, okhstFunction as et, color$1 as f, BLOCK_OUTER_STYLES as fn, useProperty as ft, createInjector as g, DIMENSION_STYLES as gn, UseStylesResult as gt, counterStyle as h, CONTAINER_STYLES as hn, useGlobalStyles as ht, DebugChunkInfo as i, TastyCustomProps as in, getDisplayName as it, ownKeyframes as j, TastyElementProps as jt, isPropertyDefined as k, hslToRgbValues as kn, TastyComponentPropsWithDefaults as kt, processTokens as l, Tokens as ln, useCounterStyle as lt, cleanup as m, COLOR_STYLES as mn, useRawCSS as mt, CacheStatus as n, TagName as nn, okhslFunction as nt, InspectResult as o, TastyThemeNames as on, TastyBatchProviderProps as ot, filterBaseProps as p, BLOCK_STYLES as pn, useKeyframes as pt, DISPLAY_CHUNK_STYLES as q, DimensionStyleProps as qt, ChunkBreakdown as r, TastyBaseStylePropNames as rn, okhslPlugin as rt, Summary as s, TextStyleProps as sn, UseFunctionOptions as st, CSSOptions as t, ShortGridStyles as tn, okhstPlugin as tt, resolveRecipes as u, BASE_STYLES as un, useFontFace as ut, fontFace as v, INNER_STYLES as vn, AllBasePropsWithMods as vt, holdKeyframes as w, hasStylesGenerated as wn, ResolveModPropDef as wt, getCSSText as x, TEXT_STYLES as xn, ModPropDef as xt, func as y, OUTER_STYLES as yn, Element$1 as yt, defineHandler as z, BaseProps as zt };
1950
- //# sourceMappingURL=index-xtey-KDu.d.ts.map
1962
+ //# sourceMappingURL=index--GdqCPlp.d.ts.map
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { $ as TastyNamedColors, A as resetStyleBatch, B as getGlobalPredefinedStates, C as SheetInfo, Ct as StyleParser, D as QueuedWrite, Dt as StyleDetailsPart, E as StyleUsage, Et as StyleDetails, F as parseStateKey, G as NoType, H as ConditionNode, I as AtRuleContext, J as Selector, K as NotSelector, L as ParsedAdvancedState, M as StyleResult, N as renderStyles, O as flushStyles, Ot as UnitHandler, P as ParseStateKeyOptions, Q as SuffixForSelector, R as StateParserContext, S as RuleInfo, St as stringifyStyles, T as StyleRule, Tt as ProcessedStyle, U as ConfigTokenValue, V as setGlobalPredefinedStates, W as ConfigTokens, X as StylesInterface, Y as Styles, Z as StylesWithoutSelectors, _ as KeyframesSteps, _t as getGlobalParser, a as FontFaceInput, at as ParsedColor, b as RawCSSResult, bt as parseColor, c as GCConfig, ct as StyleHandler, d as InjectOptions, dt as StyleHandlerResult, et as TastyPresetNames, f as InjectResult, ft as StyleMap, g as KeyframesResult, gt as filterMods, h as KeyframesInfo, ht as StyleValueStateMap, i as FontFaceDescriptors, it as DIRECTIONS, j as RenderResult, k as hasPendingStyleWrites, kt as CSSProperties, l as GCOptions, lt as StyleHandlerDefinition, m as KeyframesCacheEntry, mt as StyleValue, n as CounterStyleDescriptors, nt as CSSMap, o as FunctionDefinition, ot as RawStyleHandler, p as InjectionMode, pt as StylePropValue, q as RecipeStyles, r as DisposeFunction, rt as CUSTOM_UNITS, s as FunctionParameter, st as ResolvedStyleValue, t as CacheMetrics, tt as AnyStyleHandler, ut as StyleHandlerProps, v as PropertyDefinition, vt as getGlobalPredefinedTokens, w as StyleInjectorConfig, wt as ParserOptions, x as RootRegistry, xt as parseStyle, y as PropertyOptions, yt as normalizeColorTokenValue, z as createStateParserContext } from "./types-DJEM_BOJ.js";
2
- import { $ as createColorFunc, $t as OuterStyleProps, A as keyframes, An as strToRgb, At as TastyElementOptions, B as styleHandlers, Bt as BasePropsWithoutChildren, C as getRawCSSText, Cn as DEFAULT_ZERO_NAME_PREFIX, Ct as ResolveAsProps, D as injectRawCSS, Dn as getRgbValuesFromRgbaString, Dt as SubElementDefinition, E as injectGlobal, En as getNamedColorHex, Et as ResolveTokenProps, F as chunkSheetRegistry, Ft as VariantMap, G as ChunkName, Gt as ColorStyleProps, H as categorizeStyleKeys, Ht as BlockInnerStyleProps, I as ComputeStylesOptions, It as WithVariant, J as FONT_CHUNK_STYLES, Jt as ExtraBaseStyleProps, K as DIMENSION_CHUNK_STYLES, Kt as ContainerStyleProps, L as ComputeStylesResult, Lt as tasty, M as property, Mt as TastyPolymorphicComponent, N as touch, Nt as TastyProps, O as injector, On as hexToRgb, Ot as SubElementProps, P as ChunkSheetRegistry, Pt as TokenPropsInput, Q as resolveFunctionColor, Qt as Mods, R as computeStyles, Rt as AllBaseProps, S as getCSSTextForNode, Sn as DEFAULT_NAME_PREFIX, St as ModPropsInput, T as inject, Tn as isSelector, Tt as ResolveModProps, U as APPEARANCE_CHUNK_STYLES, Ut as BlockOuterStyleProps, V as ChunkInfo, Vt as BaseStyleProps, W as CHUNK_NAMES, Wt as BlockStyleProps, X as POSITION_CHUNK_STYLES, Xt as InnerStyleProps, Y as LAYOUT_CHUNK_STYLES, Yt as FlowStyleProps, Z as STYLE_TO_CHUNK, Zt as ModValue, _ as destroy, _n as FLOW_STYLES, _t as useStyles, a as DebugOptions, an as TastyExtensionConfig, at as TastyBatchProvider, b as gc, bn as POSITION_STYLES, bt as ElementsDefinition, c as tastyDebug, cn as TokenValue, ct as useFunction, d as modAttrs, dn as BLOCK_INNER_STYLES, dt as UsePropertyOptions, en as PositionStyleProps, et as okhstFunction, f as color, fn as BLOCK_OUTER_STYLES, ft as useProperty, g as createInjector, gn as DIMENSION_STYLES, gt as UseStylesResult, h as counterStyle, hn as CONTAINER_STYLES, ht as useGlobalStyles, i as DebugChunkInfo, in as TastyCustomProps, it as getDisplayName, j as ownKeyframes, jt as TastyElementProps, k as isPropertyDefined, kn as hslToRgbValues, kt as TastyComponentPropsWithDefaults, l as processTokens, ln as Tokens, lt as useCounterStyle, m as cleanup, mn as COLOR_STYLES, mt as useRawCSS, n as CacheStatus, nn as TagName, nt as okhslFunction, o as InspectResult, on as TastyThemeNames, ot as TastyBatchProviderProps, p as filterBaseProps, pn as BLOCK_STYLES, pt as useKeyframes, q as DISPLAY_CHUNK_STYLES, qt as DimensionStyleProps, r as ChunkBreakdown, rn as TastyBaseStylePropNames, rt as okhslPlugin, s as Summary, sn as TextStyleProps, st as UseFunctionOptions, t as CSSOptions, tn as ShortGridStyles, tt as okhstPlugin, u as resolveRecipes, un as BASE_STYLES, ut as useFontFace, v as fontFace, vn as INNER_STYLES, vt as AllBasePropsWithMods, w as holdKeyframes, wn as hasStylesGenerated, wt as ResolveModPropDef, x as getCSSText, xn as TEXT_STYLES, xt as ModPropDef, y as func, yn as OUTER_STYLES, yt as Element, z as defineHandler, zt as BaseProps } from "./index-xtey-KDu.js";
2
+ import { $ as createColorFunc, $t as OuterStyleProps, A as keyframes, An as strToRgb, At as TastyElementOptions, B as styleHandlers, Bt as BasePropsWithoutChildren, C as getRawCSSText, Cn as DEFAULT_ZERO_NAME_PREFIX, Ct as ResolveAsProps, D as injectRawCSS, Dn as getRgbValuesFromRgbaString, Dt as SubElementDefinition, E as injectGlobal, En as getNamedColorHex, Et as ResolveTokenProps, F as chunkSheetRegistry, Ft as VariantMap, G as ChunkName, Gt as ColorStyleProps, H as categorizeStyleKeys, Ht as BlockInnerStyleProps, I as ComputeStylesOptions, It as WithVariant, J as FONT_CHUNK_STYLES, Jt as ExtraBaseStyleProps, K as DIMENSION_CHUNK_STYLES, Kt as ContainerStyleProps, L as ComputeStylesResult, Lt as tasty, M as property, Mt as TastyPolymorphicComponent, N as touch, Nt as TastyProps, O as injector, On as hexToRgb, Ot as SubElementProps, P as ChunkSheetRegistry, Pt as TokenPropsInput, Q as resolveFunctionColor, Qt as Mods, R as computeStyles, Rt as AllBaseProps, S as getCSSTextForNode, Sn as DEFAULT_NAME_PREFIX, St as ModPropsInput, T as inject, Tn as isSelector, Tt as ResolveModProps, U as APPEARANCE_CHUNK_STYLES, Ut as BlockOuterStyleProps, V as ChunkInfo, Vt as BaseStyleProps, W as CHUNK_NAMES, Wt as BlockStyleProps, X as POSITION_CHUNK_STYLES, Xt as InnerStyleProps, Y as LAYOUT_CHUNK_STYLES, Yt as FlowStyleProps, Z as STYLE_TO_CHUNK, Zt as ModValue, _ as destroy, _n as FLOW_STYLES, _t as useStyles, a as DebugOptions, an as TastyExtensionConfig, at as TastyBatchProvider, b as gc, bn as POSITION_STYLES, bt as ElementsDefinition, c as tastyDebug, cn as TokenValue, ct as useFunction, d as modAttrs, dn as BLOCK_INNER_STYLES, dt as UsePropertyOptions, en as PositionStyleProps, et as okhstFunction, f as color, fn as BLOCK_OUTER_STYLES, ft as useProperty, g as createInjector, gn as DIMENSION_STYLES, gt as UseStylesResult, h as counterStyle, hn as CONTAINER_STYLES, ht as useGlobalStyles, i as DebugChunkInfo, in as TastyCustomProps, it as getDisplayName, j as ownKeyframes, jt as TastyElementProps, k as isPropertyDefined, kn as hslToRgbValues, kt as TastyComponentPropsWithDefaults, l as processTokens, ln as Tokens, lt as useCounterStyle, m as cleanup, mn as COLOR_STYLES, mt as useRawCSS, n as CacheStatus, nn as TagName, nt as okhslFunction, o as InspectResult, on as TastyThemeNames, ot as TastyBatchProviderProps, p as filterBaseProps, pn as BLOCK_STYLES, pt as useKeyframes, q as DISPLAY_CHUNK_STYLES, qt as DimensionStyleProps, r as ChunkBreakdown, rn as TastyBaseStylePropNames, rt as okhslPlugin, s as Summary, sn as TextStyleProps, st as UseFunctionOptions, t as CSSOptions, tn as ShortGridStyles, tt as okhstPlugin, u as resolveRecipes, un as BASE_STYLES, ut as useFontFace, v as fontFace, vn as INNER_STYLES, vt as AllBasePropsWithMods, w as holdKeyframes, wn as hasStylesGenerated, wt as ResolveModPropDef, x as getCSSText, xn as TEXT_STYLES, xt as ModPropDef, y as func, yn as OUTER_STYLES, yt as Element, z as defineHandler, zt as BaseProps } from "./index--GdqCPlp.js";
3
3
  import { C as PropHandlerProps, D as getGlobalKeyframes, E as getGlobalFunctions, S as PropHandlerDefinition, T as getGlobalFontFaces, _ as FunctionsConfig, a as getNamePrefix, b as SheetManager, c as isConfigLocked, d as TastyPlugin, f as TastyPluginFactory, g as ColorSpace, h as generateTypographyTokens, i as getGlobalRecipes, l as isTestEnvironment, m as TypographyTokenValue, n as configure, o as hasGlobalKeyframes, p as TypographyPreset, r as getConfig, s as hasGlobalRecipes, t as TastyConfig, u as resetConfig, v as ParseFunction, w as getGlobalCounterStyles, x as PropHandler, y as StyleInjector } from "./config-CcxqSZI2.js";
4
4
  import { t as mergeStyles } from "./merge-styles-DSkVc6CD.js";
5
5
  export { APPEARANCE_CHUNK_STYLES, type AllBaseProps, type AllBasePropsWithMods, type AnyStyleHandler, type AtRuleContext, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, type BaseProps, type BasePropsWithoutChildren, type BaseStyleProps, type BlockInnerStyleProps, type BlockOuterStyleProps, type BlockStyleProps, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, type CSSMap, CSSOptions, type CSSProperties, CUSTOM_UNITS, type CacheMetrics, CacheStatus, ChunkBreakdown, type ChunkInfo, type ChunkName, ChunkSheetRegistry, type ColorSpace, type ColorStyleProps, type ComputeStylesOptions, type ComputeStylesResult, type ConditionNode, type ConfigTokenValue, type ConfigTokens, type ContainerStyleProps, type CounterStyleDescriptors, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, DebugChunkInfo, DebugOptions, type DimensionStyleProps, type DisposeFunction, Element, type ElementsDefinition, type ExtraBaseStyleProps, FLOW_STYLES, FONT_CHUNK_STYLES, type FlowStyleProps, type FontFaceDescriptors, type FontFaceInput, type FunctionDefinition, type FunctionParameter, type FunctionsConfig, type GCConfig, type GCOptions, INNER_STYLES, type InjectOptions, type InjectResult, type InjectionMode, type InnerStyleProps, InspectResult, type KeyframesCacheEntry, type KeyframesInfo, type KeyframesResult, type KeyframesSteps, LAYOUT_CHUNK_STYLES, type ModPropDef, type ModPropsInput, type ModValue, type Mods, type NoType, type NotSelector, OUTER_STYLES, type OuterStyleProps, POSITION_CHUNK_STYLES, POSITION_STYLES, type ParseFunction, type ParseStateKeyOptions, type ParsedAdvancedState, type ParsedColor, type ParserOptions, type PositionStyleProps, type ProcessedStyle, type PropHandler, type PropHandlerDefinition, type PropHandlerProps, type PropertyDefinition, type PropertyOptions, type QueuedWrite, type RawCSSResult, type RawStyleHandler, type RecipeStyles, type RenderResult, type ResolveAsProps, type ResolveModPropDef, type ResolveModProps, type ResolveTokenProps, type ResolvedStyleValue, type RootRegistry, type RuleInfo, STYLE_TO_CHUNK, type Selector, type SheetInfo, SheetManager, type ShortGridStyles, type StateParserContext, type StyleDetails, type StyleDetailsPart, type StyleHandler, type StyleHandlerDefinition, type StyleHandlerProps, type StyleHandlerResult, StyleInjector, type StyleInjectorConfig, type StyleMap, StyleParser, type StylePropValue, type StyleResult, type StyleRule, type StyleUsage, type StyleValue, type StyleValueStateMap, type Styles, type StylesInterface, type StylesWithoutSelectors, type SubElementDefinition, type SubElementProps, type SuffixForSelector, Summary, TEXT_STYLES, type TagName, type TastyBaseStylePropNames, TastyBatchProvider, type TastyBatchProviderProps, type TastyComponentPropsWithDefaults, type TastyConfig, type TastyCustomProps, type TastyElementOptions, type TastyElementProps, type TastyExtensionConfig, type TastyNamedColors, type TastyPlugin, type TastyPluginFactory, type TastyPolymorphicComponent, type TastyPresetNames, type TastyProps, type TastyThemeNames, type TextStyleProps, type TokenPropsInput, type TokenValue, type Tokens, TypographyPreset, TypographyTokenValue, type UnitHandler, type UseFunctionOptions, type UsePropertyOptions, type UseStylesResult, type VariantMap, type WithVariant, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, destroy, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getDisplayName, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasStylesGenerated, hexToRgb, holdKeyframes, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, ownKeyframes, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resetStyleBatch, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tasty, tastyDebug, touch, useCounterStyle, useFontFace, useFunction, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles };
package/dist/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { A as strToRgb, C as StyleParser, D as getRgbValuesFromRgbaString, E as getNamedColorHex, O as hexToRgb, S as createColorFunc, _ as stringifyStyles, b as okhslFunction, c as getGlobalParser, d as parseColor, f as parseStyle, i as DIRECTIONS, k as hslToRgbValues, l as getGlobalPredefinedTokens, n as resolveFunctionColor, o as filterMods, r as CUSTOM_UNITS, t as color, u as normalizeColorTokenValue, v as okhstFunction, x as okhslPlugin, y as okhstPlugin } from "./chunks/dsl-DYSJc1-T.js";
2
2
  import { n as isSelector, t as mergeStyles } from "./chunks/shared-utils-y-HjvPN4.js";
3
- import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "./chunks/css-definitions-ubrHP97m.js";
4
- import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "./chunks/style-engine-BX2LshDZ.js";
5
- import { i as generateTypographyTokens } from "./chunks/config-engine-uOFYZidB.js";
6
- import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "./chunks/runtime-state-DEsyUMU-.js";
7
- import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "./chunks/runtime-engine-BQmOu5-W.js";
8
- import { t as tastyDebug } from "./chunks/debug-CJ31U_WE.js";
3
+ import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "./chunks/css-definitions-DW1TGGiy.js";
4
+ import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "./chunks/style-engine-of5Xbc27.js";
5
+ import { i as generateTypographyTokens } from "./chunks/config-engine-DJsb5WYu.js";
6
+ import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "./chunks/runtime-state-BLyMRYFF.js";
7
+ import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "./chunks/runtime-engine-BlrVXv8l.js";
8
+ import { t as tastyDebug } from "./chunks/debug-DMMwe1rY.js";
9
9
  import "./core/index.js";
10
- import { a as useProperty, c as useGlobalStyles, d as Element, f as tasty, i as useFontFace, l as useStyles, n as useFunction, o as useKeyframes, p as getDisplayName, r as useCounterStyle, s as useRawCSS, t as TastyBatchProvider } from "./chunks/react-runtime-CyyCI02N.js";
10
+ import { a as useProperty, c as useGlobalStyles, d as Element, f as tasty, i as useFontFace, l as useStyles, n as useFunction, o as useKeyframes, p as getDisplayName, r as useCounterStyle, s as useRawCSS, t as TastyBatchProvider } from "./chunks/react-runtime-DhPtFlZs.js";
11
11
  export { APPEARANCE_CHUNK_STYLES, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, CUSTOM_UNITS, ChunkSheetRegistry, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, Element, FLOW_STYLES, FONT_CHUNK_STYLES, INNER_STYLES, LAYOUT_CHUNK_STYLES, OUTER_STYLES, POSITION_CHUNK_STYLES, POSITION_STYLES, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, TastyBatchProvider, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, destroy, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getDisplayName, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasStylesGenerated, hexToRgb, holdKeyframes, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, ownKeyframes, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resetStyleBatch, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tasty, tastyDebug, touch, useCounterStyle, useFontFace, useFunction, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles };
package/dist/ssr/astro.js CHANGED
@@ -1,5 +1,5 @@
1
- import { f as getRuntimeConfigState, r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-DEsyUMU-.js";
2
- import { t as ServerStyleCollector } from "../chunks/collector-CjCak4iE.js";
1
+ import { f as getRuntimeConfigState, r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-BLyMRYFF.js";
2
+ import { t as ServerStyleCollector } from "../chunks/collector-B4-yqFEs.js";
3
3
  import { r as runWithCollector, t as getSSRCollector } from "../chunks/async-storage-f9j9JRtq.js";
4
4
  import { t as findUnsafeCSSResource } from "../chunks/css-resources-P7IBUUZs.js";
5
5
  import { join } from "node:path";
package/dist/ssr/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-DEsyUMU-.js";
2
- import { n as createServerStyleCollector, t as ServerStyleCollector } from "../chunks/collector-CjCak4iE.js";
1
+ import { r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-BLyMRYFF.js";
2
+ import { n as createServerStyleCollector, t as ServerStyleCollector } from "../chunks/collector-B4-yqFEs.js";
3
3
  import { n as isAsyncStorageAvailable, r as runWithCollector, t as getSSRCollector } from "../chunks/async-storage-f9j9JRtq.js";
4
4
  import { t as hydrateTastyClasses } from "../chunks/hydration-TRcz5vnk.js";
5
5
  //#region src/ssr/index.ts
@@ -1,6 +1,6 @@
1
- import { K as parseFunctionName, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, W as formatFunctionRule, _ as formatCounterStyleRule, b as fontFaceContentHash, i as formatKeyframesCSS, m as resolveSelectorKeyframes, n as formatGlobalRules, o as formatPropertyCSS, t as createServerStyleArtifact } from "../chunks/css-definitions-ubrHP97m.js";
2
- import { b as renderStyles } from "../chunks/style-engine-BX2LshDZ.js";
3
- import { a as resetZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-5d8WlQbq.js";
1
+ import { K as parseFunctionName, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, W as formatFunctionRule, _ as formatCounterStyleRule, b as fontFaceContentHash, i as formatKeyframesCSS, m as resolveSelectorKeyframes, n as formatGlobalRules, o as formatPropertyCSS, t as createServerStyleArtifact } from "../chunks/css-definitions-DW1TGGiy.js";
2
+ import { b as renderStyles } from "../chunks/style-engine-of5Xbc27.js";
3
+ import { a as resetZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-DlxpZKk_.js";
4
4
  import { t as loadConfigFile } from "../chunks/config-file-DlZXJMj8.js";
5
5
  import { t as findUnsafeCSSResource } from "../chunks/css-resources-P7IBUUZs.js";
6
6
  import { isAbsolute, join, relative, resolve, sep } from "node:path";
package/dist/ssr/next.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
- import { f as getRuntimeConfigState, n as registerSSRCollectorGetter } from "../chunks/runtime-state-DEsyUMU-.js";
3
- import { u as getTastySSRContext } from "../chunks/react-runtime-CyyCI02N.js";
4
- import { t as ServerStyleCollector } from "../chunks/collector-CjCak4iE.js";
2
+ import { f as getRuntimeConfigState, n as registerSSRCollectorGetter } from "../chunks/runtime-state-BLyMRYFF.js";
3
+ import { u as getTastySSRContext } from "../chunks/react-runtime-DhPtFlZs.js";
4
+ import { t as ServerStyleCollector } from "../chunks/collector-B4-yqFEs.js";
5
5
  import { t as hydrateTastyClasses } from "../chunks/hydration-TRcz5vnk.js";
6
6
  import { Fragment, createElement, useState } from "react";
7
7
  import { useServerInsertedHTML } from "next/navigation";
@@ -1,8 +1,8 @@
1
1
  import { t as mergeStyles } from "../chunks/shared-utils-y-HjvPN4.js";
2
- import "../chunks/css-definitions-ubrHP97m.js";
3
- import { t as resolveRecipesWith } from "../chunks/config-engine-uOFYZidB.js";
4
- import { a as resetZeroConfig, i as reapplyZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-5d8WlQbq.js";
5
- import { a as extractCounterStyleFromStyles, c as extractKeyframesFromStyles, h as setExtractorNamePrefix, i as extractConfigProperties, l as extractPropertiesFromStyles, m as replaceAnimationNamesInCSS, o as extractFontFaceFromStyles, p as renderSelectorCSS, r as extractChunks, s as extractFunctionsFromStyles, t as CSSWriter, u as extractSelectorCSS } from "../chunks/zero-engine-Dw0P4yGM.js";
2
+ import "../chunks/css-definitions-DW1TGGiy.js";
3
+ import { t as resolveRecipesWith } from "../chunks/config-engine-DJsb5WYu.js";
4
+ import { a as resetZeroConfig, i as reapplyZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-DlxpZKk_.js";
5
+ import { a as extractCounterStyleFromStyles, c as extractKeyframesFromStyles, h as setExtractorNamePrefix, i as extractConfigProperties, l as extractPropertiesFromStyles, m as replaceAnimationNamesInCSS, o as extractFontFaceFromStyles, p as renderSelectorCSS, r as extractChunks, s as extractFunctionsFromStyles, t as CSSWriter, u as extractSelectorCSS } from "../chunks/zero-engine-D2jPSpWA.js";
6
6
  import { t as loadConfigFile } from "../chunks/config-file-DlZXJMj8.js";
7
7
  import * as fs from "fs";
8
8
  import * as path from "path";
@@ -1,6 +1,6 @@
1
- import { M as validateNamePrefix } from "../chunks/css-definitions-ubrHP97m.js";
2
- import { a as resetZeroConfig, o as setActiveZeroConfig, t as configureZero } from "../chunks/build-config-5d8WlQbq.js";
3
- import { d as extractStylesForSelector, f as extractStylesWithChunks, h as setExtractorNamePrefix, i as extractConfigProperties, n as createCSSWriter, t as CSSWriter } from "../chunks/zero-engine-Dw0P4yGM.js";
1
+ import { M as validateNamePrefix } from "../chunks/css-definitions-DW1TGGiy.js";
2
+ import { a as resetZeroConfig, o as setActiveZeroConfig, t as configureZero } from "../chunks/build-config-DlxpZKk_.js";
3
+ import { d as extractStylesForSelector, f as extractStylesWithChunks, h as setExtractorNamePrefix, i as extractConfigProperties, n as createCSSWriter, t as CSSWriter } from "../chunks/zero-engine-D2jPSpWA.js";
4
4
  //#region src/zero/configure.ts
5
5
  function configure(config = {}) {
6
6
  const namePrefix = config.namePrefix ?? "ts";
package/docs/ai-agents.md CHANGED
@@ -10,6 +10,8 @@ Notation: ❌ wrong → ✅ correct.
10
10
 
11
11
  Color tokens (`#name`), custom properties (`$name`), `preset` names, `recipe` names, state aliases (`@mobile`) and extra units are **project-defined** in `tasty.config.ts` or a `configure({ … })` call. Look them up before writing styles. Never invent a name — reuse an existing one, or add it to the config.
12
12
 
13
+ Only Tasty's built-ins exist without config: `#white`, `#black`, `#border`, `#outline`, `#current`, `#clear`, and `$gap`, `$radius`, `$border-width`, `$outline-width`, `$transition`, `$sharp-radius`, `$bold-font-weight`, `$font-sans-fallback`, `$font-mono-fallback`.
14
+
13
15
  ## 1. Where styles go
14
16
 
15
17
  ```jsx
@@ -85,7 +87,7 @@ The last row goes the other way — longhands over the shorthand — because `fl
85
87
 
86
88
  ### Units
87
89
 
88
- Tasty units and their defaults: `x` 8px spacing step, `r` 6px radius, `cr` 10px card radius, `bw` 1px border width, `ow` 3px outline width, `sf` → `minmax(0, Nfr)`. They compile to literal values; change them through `units` in the config, not with `$gap`/`$radius` tokens. All CSS units work too, plus anything in `units` in the config. Any other unit is an error. Units are not resolved inside `@media(…)` / `@(…)` conditions — write query lengths in `px`, `em`, or `rem`.
90
+ Tasty units and their defaults: `x` 8px spacing step, `r` 6px radius, `cr` 10px card radius, `bw` 1px border width, `ow` 3px outline width, `sf` → `minmax(0, Nfr)`. They compile to literal values; change them through `units` in the config, not with `$gap`/`$radius` tokens. All CSS units work too, plus anything in `units` in the config. Any other unit is an error. Inside `@media(…)` / `@(…)` conditions units resolve to their literal length (`@media(w < 40x)` → `width < 320px`), unless the project points that unit at a custom property; then write query lengths in `px`, `em`, or `rem`.
89
91
 
90
92
  Prefer units over raw pixels: `8px` → `1x` … `64px` → `8x`; `radius: '6px'` → `'1r'`; `border: '1px …'` → `'1bw …'`.
91
93
 
@@ -212,6 +214,8 @@ styles: { Title: { preset: 'h3' }, Icon: { $: '>', color: { '': '#text', '@own(:
212
214
 
213
215
  ❌ nested-selector keys (`'& .title'`, `'&:hover'`) → ✅ sub-elements and state maps. Use the `$` affix property inside a sub-element to control how its selector attaches (`>` direct child, `@` placeholder for the element itself, `&::before` for a root pseudo-element).
214
216
 
217
+ When `$` ends in a pseudo-element, `@own(…)` is the pseudo-element's own state (`'@own(:focus)'` → `::part(label):where(:focus)`). A pseudo-element has no attributes, classes, or tree position, so `@own([open])`, `@own(hovered)`, or `@own(:first-child)` there is ignored with a warning. Put a condition on the element before the pseudo-element in `$`: `$: 'a[rel="next"]::before'`.
218
+
215
219
  ## 6. Special top-level keys
216
220
 
217
221
  | Key | Shape |
@@ -775,6 +775,7 @@ A handler returns a `CSSMap`, an array of them, or nothing:
775
775
 
776
776
  - Keys are **kebab-case** CSS property names (`'background-color'`, not `backgroundColor`) or `--custom-property` names. A camelCase key warns in development and is emitted verbatim, which the browser ignores.
777
777
  - Values are stringified, so numbers are fine (`{ '-webkit-line-clamp': 3 }`).
778
+ - An array value emits one declaration per entry, in order, so the browser keeps the last one it supports: `{ width: ['-webkit-fill-available', '-moz-available', 'stretch'] }` emits three `width` declarations.
778
779
  - The reserved `$` key is a **selector suffix**: `{ $: '& > *:not(:last-child)', 'margin-right': gap }` applies the declarations to a nested selector. It accepts an array to fan out over several.
779
780
  - Return an array of maps to emit several declaration sets, each with its own `$`.
780
781
 
@@ -875,7 +876,7 @@ Component props are typed from the `tasty()` definition with no setup. Module au
875
876
 
876
877
  Write the array forms with `as const`. Without it, `modProps: ['isLoading']` widens to `string[]` and every prop on the component is typed `ModValue`, so an `onClick` handler no longer type-checks. A `modProps` value list without `as const` widens to `string`.
877
878
 
878
- `tasty(Base, { … })` keeps `Base`'s prop types and adds none for the options above, which that form ignores — see [Extend an existing component](react-api.md#extend-an-existing-component).
879
+ `tasty(Base, { … })` keeps `Base`'s prop types and sub-elements, and adds the props and sub-elements its own options above declare. Its `variant` accepts both its own variant names and `Base`'s. See [Extend an existing component](react-api.md#extend-an-existing-component).
879
880
 
880
881
  ### Registering your names and extensions
881
882
 
@@ -344,7 +344,7 @@ const Button = tasty({
344
344
  </Button>;
345
345
  ```
346
346
 
347
- `variant` is typed from the keys, the `default` variant applies when no `variant` prop is passed, and only the variants that actually render emit CSS. See [React API — Variants](react-api.md#variants).
347
+ `variant` is typed from the keys, the `default` variant applies when no `variant` prop is passed (or the variant the `variant` option names, such as `variant: 'danger'`), and only the variants that actually render emit CSS. See [React API — Variants](react-api.md#variants).
348
348
 
349
349
  ### Which styleProps to expose
350
350
 
package/docs/dsl.md CHANGED
@@ -134,10 +134,10 @@ const List = tasty({
134
134
  },
135
135
  },
136
136
  });
137
- // → .t0.t0 > [data-element="Item"]::after { content: "" }
137
+ // → .t1x29r0l.t1x29r0l > [data-element="Item"]::after { content: ""; }
138
138
  ```
139
139
 
140
- Keep conditions such as `:last-child` out of `$` and write them as `@own(:last-child)` in a state map; `tasty/no-state-in-selector` warns otherwise.
140
+ Keep conditions such as `:last-child` out of `$` and write them as `@own(:last-child)` in a state map; `tasty/no-state-in-selector` warns otherwise. When `$` ends in a pseudo-element, `@own()` describes the pseudo-element instead (see [`@own(...)`](#own--sub-elements-own-state)), so a condition on the element it belongs to stays in `$`, before the pseudo-element: `$: 'a[rel="next"]::before'`.
141
141
 
142
142
  ### Color Token
143
143
 
@@ -171,7 +171,9 @@ fill: '#current', // → currentcolor
171
171
  color: '(#primary, #secondary)', // Fallback syntax
172
172
  ```
173
173
 
174
- `#white`, `#black`, `#border`, and `#outline` are registered by default, and `#clear` is a built-in alias for `transparent` (see [below](#clear-is-transparent)), so they work before you define any tokens.
174
+ `#white`, `#black`, `#border`, and `#outline` are registered by default (see [Default properties](#default-properties)), and `#clear` is a built-in alias for `transparent` (see [below](#clear-is-transparent)), so they work before you define any tokens.
175
+
176
+ A name that is also a hex color is read as a token with the literal as its fallback, in every color style: `color: '#ddd'` emits `var(--ddd-color, #ddd)`, and `#ddd.5` emits `oklch(from var(--ddd-color, #ddd) l c h / .5)`. A `#ddd` token, if you define one, wins over the literal.
175
177
 
176
178
  The suffix sets the alpha on the token's color with CSS relative color syntax:
177
179
 
@@ -553,11 +555,14 @@ fill: {
553
555
  | `@media:speech` | `@media speech` |
554
556
  | `@media(prefers-color-scheme: dark)` | `@media (prefers-color-scheme: dark)` |
555
557
  | `@media(prefers-reduced-motion)` | `@media (prefers-reduced-motion)` |
558
+ | `@media(aspect-ratio > 16/9)` | `@media (aspect-ratio > 16/9)` |
556
559
 
557
560
  Tasty units resolve to their literal length inside query conditions, built-in and configured units alike: `@media(w < 40x)` emits `@media (width < 320px)`. A query condition cannot read a custom property, so a unit configured as one (`units: { x: 'var(--gap)' }`) cannot be used there; write that length in `px`, `em`, or `rem`.
558
561
 
559
562
  Units are only converted in features that take a length: `width`, `height`, `inline-size`, and `block-size`, with or without `min-`/`max-` (`@media(min-width: 40x)` converts too). Every other feature keeps its value as written, so `@media(min-resolution: 2x)` and `@media(resolution >= 2x)` reach the browser unchanged: there `x` is CSS's own resolution unit, an alias of `dppx`.
560
563
 
564
+ When it combines or orders conditions, Tasty compares bounds only within one unit. `@media(w >= 600px) & @media(w < 40em)` keeps both bounds, because a query `em` follows the user's font size, so `600px` and `40em` cannot be ordered at build time.
565
+
561
566
  In practice, define state aliases via `configure({ states })` and use `@mobile` instead of writing the full query in every component.
562
567
 
563
568
  ### `@(...)` — Container Queries
@@ -775,6 +780,20 @@ const Nav = tasty({
775
780
 
776
781
  `@own()` is only valid inside sub-element styles. Using it on root styles emits a warning and is treated as a regular modifier.
777
782
 
783
+ When `$` ends in a pseudo-element, `@own()` is the pseudo-element's own state and goes after it:
784
+
785
+ ```jsx
786
+ Label: {
787
+ $: '@::part(label)',
788
+ color: { '': '#text', '@own(:focus)': '#primary' },
789
+ },
790
+ // → .t0.t0 [data-element="Label"]::part(label):where(:focus) { … }
791
+ ```
792
+
793
+ A pseudo-element has no attributes, classes, or place in the DOM tree. So a state that tests a modifier (`@own(hovered)`), an attribute (`@own([open])`), a class, or a tree position (`@own(:first-child)`, `@own(:has(…))`) can never match it. Tasty ignores such a state and warns. To condition on the element the pseudo-element belongs to, write it in `$` before the pseudo-element (`$: 'a[rel="next"]::before'`), or use `@parent()` for its ancestors.
794
+
795
+ This covers every pseudo-element form: `::before`, `::marker`, `::backdrop`, vendor-prefixed ones such as `::-webkit-details-marker`, functional ones such as `::part(label)`, and the legacy `:before`, `:after`, `:first-line`, `:first-letter`. Each item of a `$` list is judged on its own. Tasty emits pseudo-class states regardless of browser support. Only some pseudo-elements, such as `::part()` and `::-webkit-scrollbar-thumb`, match states like `:hover` or `:focus` today.
796
+
778
797
  ### `@starting` — Entry Animation
779
798
 
780
799
  Wraps the rule in `@starting-style`, enabling CSS entry animations for elements as they appear in the DOM:
@@ -933,6 +952,26 @@ Use explicit `@property` when you need non-default settings like `inherits: fals
933
952
  },
934
953
  ```
935
954
 
955
+ ### Default properties
956
+
957
+ Tasty registers these properties itself. Style handlers read their defaults from them rather than repeating the values inline, so styles work before you define any tokens, and defining a token replaces the initial value.
958
+
959
+ | Token | Initial value | Read by |
960
+ | ---------------------------------------------------- | ---------------------------------------- | -------------------------------------------------------------- |
961
+ | `#current` | `currentcolor` | anything reading `$current-color`, which `color` sets |
962
+ | `#white`, `#black` | `rgb(255 255 255)`, `rgb(0 0 0)` | your styles |
963
+ | `#border` | `currentcolor` | `border` with no color |
964
+ | `#outline` | `currentcolor` | `outline` with no color |
965
+ | `$gap`, `$radius`, `$border-width`, `$outline-width` | `8px`, `6px`, `1px`, `3px` | units you point at them, as in `units: { x: 'var(--gap)' }` |
966
+ | `$transition` | `80ms` | `transition` with no duration |
967
+ | `$sharp-radius` | `0px` | the sharp corners of `radius: 'leaf'` and `radius: 'backleaf'` |
968
+ | `$bold-font-weight` | `700` | `preset: 'name / strong'` |
969
+ | `$font-sans-fallback`, `$font-mono-fallback` | a `system-ui` and a `ui-monospace` stack | `font` and presets, after `$font-sans` / `$font-mono` |
970
+
971
+ Every rendering path emits them: the client injector, the SSR collector (`TastyRegistry`, `tastyIntegration()`, `runWithCollector()`), the `withTastyNext()` shared stylesheet, and the Babel plugin. CSS written with the programmatic API needs [`extractConfigProperties()`](tasty-static.md#programmatic-api), once per stylesheet. Server rendering without a collector, such as Astro without `tastyIntegration()`, emits none of them.
972
+
973
+ The initial values need `@property` support: Chrome and Edge 85+, Firefox 128+, Safari 16.4+. In older engines a handler that reads one of these tokens resolves to nothing unless your tokens define it: a `border` with no color draws no border, and a `transition` with no duration does not animate. To support those engines, define the tokens your styles rely on in `configure({ tokens })`.
974
+
936
975
  ---
937
976
 
938
977
  ## Font Face (`@font-face`)