@tenphi/tasty 3.0.2 → 3.2.0
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.
- package/README.md +1 -0
- package/dist/{babel-R2qT7yLN.d.ts → babel-D8dm92E_.d.ts} +2 -2
- package/dist/{collector-D8o4Wdq-.d.ts → collector-BFuqdF2F.d.ts} +2 -2
- package/dist/{collector-BpkjNQDo.js → collector-Di3C8btw.js} +3 -3
- package/dist/{collector-BpkjNQDo.js.map → collector-Di3C8btw.js.map} +1 -1
- package/dist/{config-DOCuTykY.js → config-BrDt11hO.js} +861 -290
- package/dist/config-BrDt11hO.js.map +1 -0
- package/dist/{config-De8L9NWM.d.ts → config-DH7I0Ggx.d.ts} +73 -2
- package/dist/core/index.d.ts +5 -5
- package/dist/core/index.js +6 -6
- package/dist/{core-p6iTbQnn.js → core-YWn1zgh4.js} +9 -10
- package/dist/core-YWn1zgh4.js.map +1 -0
- package/dist/{css-writer-BHjTF0YN.js → css-writer-CQYbT4g_.js} +3 -3
- package/dist/{css-writer-BHjTF0YN.js.map → css-writer-CQYbT4g_.js.map} +1 -1
- package/dist/{format-rules-Cb0YIjyS.js → format-rules-DdmLdntR.js} +11 -9
- package/dist/format-rules-DdmLdntR.js.map +1 -0
- package/dist/{hydrate-xnaB3SDm.js → hydrate-D2ivfS-B.js} +2 -2
- package/dist/{hydrate-xnaB3SDm.js.map → hydrate-D2ivfS-B.js.map} +1 -1
- package/dist/{index-DzGxoeyN.d.ts → index-DljBkZhV.d.ts} +59 -6
- package/dist/{index-KUYya3x7.d.ts → index-LC3O3Jj4.d.ts} +102 -2
- package/dist/index.d.ts +5 -5
- package/dist/index.js +62 -8
- package/dist/index.js.map +1 -1
- package/dist/{keyframes-DiXjNoBZ.js → keyframes-CoLLjBcd.js} +2 -2
- package/dist/{keyframes-DiXjNoBZ.js.map → keyframes-CoLLjBcd.js.map} +1 -1
- package/dist/{merge-styles-DLm4wdnb.d.ts → merge-styles-Cx_6ySBv.d.ts} +2 -2
- package/dist/{merge-styles-B0lMso5W.js → merge-styles-bdh7-1uh.js} +2 -2
- package/dist/{merge-styles-B0lMso5W.js.map → merge-styles-bdh7-1uh.js.map} +1 -1
- package/dist/{resolve-recipes-C9nAuwgR.js → resolve-recipes-9JYSgubn.js} +3 -3
- package/dist/{resolve-recipes-C9nAuwgR.js.map → resolve-recipes-9JYSgubn.js.map} +1 -1
- package/dist/ssr/astro-client.js +1 -1
- package/dist/ssr/astro.js +3 -3
- package/dist/ssr/index.d.ts +1 -1
- package/dist/ssr/index.js +3 -3
- package/dist/ssr/next.d.ts +1 -1
- package/dist/ssr/next.js +4 -4
- package/dist/static/index.d.ts +2 -2
- package/dist/static/index.js +1 -1
- package/dist/zero/babel.d.ts +1 -1
- package/dist/zero/babel.js +4 -4
- package/dist/zero/index.d.ts +1 -1
- package/dist/zero/index.js +1 -1
- package/dist/zero/next.d.ts +1 -1
- package/docs/configuration.md +137 -6
- package/docs/dsl.md +99 -2
- package/docs/injector.md +11 -0
- package/docs/styles.md +3 -1
- package/package.json +6 -6
- package/dist/config-DOCuTykY.js.map +0 -1
- package/dist/core-p6iTbQnn.js.map +0 -1
- package/dist/format-rules-Cb0YIjyS.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-writer-BHjTF0YN.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} 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';\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 { extractLocalProperties, hasLocalProperties } from '../properties';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport type { Styles } from '../styles/types';\nimport {\n DEFAULT_ZERO_NAME_PREFIX,\n makeClassName,\n makeKeyframeName,\n validateNamePrefix,\n} from '../utils/name-prefix';\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 * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(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.\n */\nexport function extractStylesForSelector(\n selector: string,\n styles: Styles,\n): ExtractedSelector {\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 const css = formatRulesDirectly(rules);\n\n return { selector, css };\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 let css = `${selector} { ${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// 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 = keyframesToCSS(hashedName, steps);\n keyframesToEmit.push({ name: hashedName, css });\n }\n }\n\n return { keyframes: keyframesToEmit, nameMap };\n}\n\n/**\n * Convert keyframes steps to CSS string.\n */\nfunction keyframesToCSS(name: string, steps: KeyframesSteps): string {\n const stepRules: string[] = [];\n\n for (const [key, value] of Object.entries(steps)) {\n if (typeof value === 'string') {\n // Raw CSS string\n stepRules.push(`${key} { ${value.trim()} }`);\n } else if (value && typeof value === 'object') {\n // Style map - convert to CSS declarations\n const declarations = Object.entries(value)\n .map(([prop, val]) => {\n const cssProperty = camelToKebab(prop);\n return `${cssProperty}: ${val}`;\n })\n .join('; ');\n stepRules.push(`${key} { ${declarations} }`);\n }\n }\n\n return `@keyframes ${name} { ${stepRules.join(' ')} }`;\n}\n\n/**\n * Convert camelCase to kebab-case.\n */\nfunction camelToKebab(str: string): string {\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\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\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 - Options including autoPropertyTypes flag\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n styles: Styles,\n options?: { autoPropertyTypes?: boolean },\n): ExtractedProperty[] {\n if (options?.autoPropertyTypes === false) return [];\n\n const registered = new Set<string>();\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 for (const value of Object.values(steps)) {\n if (typeof value === 'string') {\n resolver.scanDeclarations(value, isPropertyDefined, registerProperty);\n } else if (value && typeof value === 'object') {\n const declarations = Object.entries(value)\n .map(([prop, val]) => {\n const cssProperty = camelToKebab(prop);\n return `${cssProperty}: ${val}`;\n })\n .join('; ');\n resolver.scanDeclarations(\n declarations,\n isPropertyDefined,\n registerProperty,\n );\n }\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":";;;;;;;;;;;;;AAiFA,IAAI,oBAAA;;;;;;AAOJ,SAAgB,uBAAuB,QAAsB;CAC3D,mBAAmB,MAAM;CACzB,oBAAoB;AACtB;;;;;;AAeA,SAAS,kBAAkB,UAA0B;CACnD,MAAM,OAAO,WAAW,KAAK,CAAC,CAAC,OAAO,QAAQ,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;CACxE,OAAO,cAAc,mBAAmB,IAAI;AAC9C;;;;;AAMA,SAAgB,wBAAwB,QAAkC;CACxE,MAAM,SAA2B,CAAC;CAGlC,MAAM,WAAW,oBAAoB,MAAiC;CAEtE,KAAK,MAAM,CAAC,WAAW,mBAAmB,UAAU;EAClD,IAAI,eAAe,WAAW,GAAG;EAGjC,MAAM,WAAW,sBAAsB,QAAQ,WAAW,cAAc;EAGxE,MAAM,eAAe,qBACnB,QACA,WACA,cACF;EAEA,IAAI,aAAa,MAAM,WAAW,GAAG;EAGrC,MAAM,YAAY,kBAAkB,QAAQ;EAC5C,MAAM,WAAW,IAAI,UAAU,GAAG;EAGlC,MAAM,MAAM,iBAAiB,aAAa,OAAO,QAAQ;EAEzD,OAAO,KAAK;GAAE;GAAW;EAAI,CAAC;CAChC;CAEA,OAAO;AACT;;;;;AAMA,SAAgB,yBACd,UACA,QACmB;CAMnB,OAAO;EAAE;EAAU,KAFP,oBAFE,aAAa,QAAQ,QAEC,CAEf;CAAE;AACzB;;;;;;AAOA,SAAS,iBAAiB,OAAsB,cAA8B;CAC5E,OAAO,MACJ,KAAK,SAAS;EA0Cb,IAAI,MAAM,IAvCY,MAAM,QAAQ,KAAK,QAAQ,IAC7C,KAAK,WACL,KAAK,WACH,KAAK,SAAS,MAAM,KAAK,IACzB,CAAC,EAAE,EAAA,CAIN,KAAK,SAAS;GAEb,IAAI;GAGJ,IAAI,CAAC,MACH,WAAW;QACN,IAAI,KAAK,WAAW,GAAG,KAAK,KAAK,WAAW,GAAG,GAEpD,WAAW,GAAG,eAAe;QACxB,IACL,KAAK,WAAW,GAAG,KACnB,KAAK,WAAW,GAAG,KACnB,KAAK,WAAW,GAAG,GAGnB,WAAW,GAAG,eAAe;QAG7B,WAAW,GAAG,eAAe;GAI/B,IAAI,KAAK,YACP,WAAW,GAAG,KAAK,WAAW,GAAG;GAGnC,OAAO;EACT,CAAC,CAAC,CACD,KAAK,IAEgB,EAAE,KAAK,KAAK,aAAa;EAGjD,IAAI,KAAK,WAAW,KAAK,QAAQ,SAAS,GACxC,KAAK,MAAM,UAAU,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,QAAQ,GAC7C,MAAM,GAAG,OAAO,QAAQ,IAAI;EAIhC,OAAO;CACT,CAAC,CAAC,CACD,KAAK,MAAM;AAChB;;;;;AAMA,SAAS,oBAAoB,OAA8B;CACzD,OAAO,MACJ,KAAK,SAAS;EAMb,IAAI,MAAM,GAJO,KAAK,aAClB,GAAG,KAAK,WAAW,GAAG,KAAK,aAC3B,KAAK,SAEa,KAAK,KAAK,aAAa;EAG7C,IAAI,KAAK,WAAW,KAAK,QAAQ,SAAS,GACxC,KAAK,MAAM,UAAU,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,QAAQ,GAC7C,MAAM,GAAG,OAAO,QAAQ,IAAI;EAIhC,OAAO;CACT,CAAC,CAAC,CACD,KAAK,MAAM;AAChB;;;;;;;;;AAaA,SAAS,sBAAsB,OAA+B;CAC5D,MAAM,UAAU,KAAK,UAAU,KAAK;CACpC,MAAM,OAAO,WAAW,KAAK,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC;CACvE,OAAO,iBAAiB,mBAAmB,IAAI;AACjD;;;;;;;;;;AAWA,SAAgB,2BACd,QACA,iBAC2B;CAC3B,MAAM,cAAyC;EAC7C,WAAW,CAAC;EACZ,yBAAS,IAAI,IAAI;CACnB;CAGA,MAAM,YAAY,gCAAgC,MAAM;CACxD,IAAI,UAAU,SAAS,GAAG,OAAO;CASjC,MAAM,gBAAgB,oBAHD,eAHP,kBAAkB,MAAM,IAClC,sBAAsB,MAAM,IAC5B,MACuC,mBAAmB,IAGT,GAAG,SAAS;CACjE,IAAI,CAAC,eAAe,OAAO;CAG3B,MAAM,6BAAa,IAAI,IAAY;CACnC,MAAM,0BAAU,IAAI,IAAoB;CACxC,MAAM,kBAAwC,CAAC;CAE/C,KAAK,MAAM,CAAC,cAAc,UAAU,OAAO,QAAQ,aAAa,GAAG;EACjE,MAAM,aAAa,sBAAsB,KAAK;EAG9C,QAAQ,IAAI,cAAc,UAAU;EAGpC,IAAI,CAAC,WAAW,IAAI,UAAU,GAAG;GAC/B,WAAW,IAAI,UAAU;GACzB,MAAM,MAAM,eAAe,YAAY,KAAK;GAC5C,gBAAgB,KAAK;IAAE,MAAM;IAAY;GAAI,CAAC;EAChD;CACF;CAEA,OAAO;EAAE,WAAW;EAAiB;CAAQ;AAC/C;;;;AAKA,SAAS,eAAe,MAAc,OAA+B;CACnE,MAAM,YAAsB,CAAC;CAE7B,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAC7C,IAAI,OAAO,UAAU,UAEnB,UAAU,KAAK,GAAG,IAAI,KAAK,MAAM,KAAK,EAAE,GAAG;MACtC,IAAI,SAAS,OAAO,UAAU,UAAU;EAE7C,MAAM,eAAe,OAAO,QAAQ,KAAK,CAAC,CACvC,KAAK,CAAC,MAAM,SAAS;GAEpB,OAAO,GADa,aAAa,IACb,EAAE,IAAI;EAC5B,CAAC,CAAC,CACD,KAAK,IAAI;EACZ,UAAU,KAAK,GAAG,IAAI,KAAK,aAAa,GAAG;CAC7C;CAGF,OAAO,cAAc,KAAK,KAAK,UAAU,KAAK,GAAG,EAAE;AACrD;;;;AAKA,SAAS,aAAa,KAAqB;CACzC,OAAO,IAAI,QAAQ,WAAW,WAAW,IAAI,OAAO,YAAY,GAAG;AACrE;;;;;;;;;;AAoBA,SAAgB,4BACd,QACA,SACqB;CACrB,IAAI,SAAS,sBAAsB,OAAO,OAAO,CAAC;CAElD,MAAM,6BAAa,IAAI,IAAY;CACnC,MAAM,UAA+B,CAAC;CAGtC,IAAI,mBAAmB,MAAM,GAAG;EAC9B,MAAM,aAAa,uBAAuB,MAAM;EAChD,IAAI,YACF,KAAK,MAAM,SAAS,OAAO,KAAK,UAAU,GAAG;GAE3C,IAAI;GACJ,IAAI,MAAM,WAAW,GAAG,GACtB,UAAU,KAAK,MAAM,MAAM,CAAC,EAAE;QACzB,IAAI,MAAM,WAAW,GAAG,GAC7B,UAAU,KAAK,MAAM,MAAM,CAAC;QACvB,IAAI,MAAM,WAAW,IAAI,GAC9B,UAAU;QAEV,UAAU,KAAK;GAEjB,WAAW,IAAI,OAAO;EACxB;CAEJ;CAEA,MAAM,WAAW,IAAI,qBAAqB;CAE1C,MAAM,oBACJ,MACA,QACA,iBACG;EACH,IAAI,WAAW,IAAI,IAAI,GAAG;EAC1B,WAAW,IAAI,IAAI;EAEnB,MAAM,QAAkB,CAAC;EACzB,MAAM,KAAK,YAAY,OAAO,GAAG;EACjC,MAAM,KAAK,iBAAiB;EAC5B,MAAM,KAAK,kBAAkB,aAAa,EAAE;EAE5C,MAAM,MAAM,aAAa,KAAK,KAAK,MAAM,KAAK,GAAG,EAAE;EACnD,QAAQ,KAAK;GAAE;GAAM;EAAI,CAAC;CAC5B;CAEA,MAAM,qBAAqB,SAAiB,WAAW,IAAI,IAAI;CAG/D,MAAM,WAAW,oBAAoB,MAAiC;CACtE,KAAK,MAAM,CAAC,WAAW,mBAAmB,UAAU;EAClD,IAAI,eAAe,WAAW,GAAG;EACjC,MAAM,eAAe,qBACnB,QACA,WACA,cACF;EACA,KAAK,MAAM,QAAQ,aAAa,OAAO;GACrC,IAAI,CAAC,KAAK,cAAc;GACxB,SAAS,iBACP,KAAK,cACL,mBACA,gBACF;EACF;CACF;CAGA,IAAI,kBAAkB,MAAM,GAAG;EAC7B,MAAM,UAAU,sBAAsB,MAAM;EAC5C,IAAI,SACF,KAAK,MAAM,SAAS,OAAO,OAAO,OAAO,GACvC,kBAAkB,OAAO,UAAU,mBAAmB,gBAAgB;CAG5E;CAEA,OAAO;AACT;AAEA,SAAS,kBACP,OACA,UACA,mBACA,kBAKM;CACN,KAAK,MAAM,SAAS,OAAO,OAAO,KAAK,GACrC,IAAI,OAAO,UAAU,UACnB,SAAS,iBAAiB,OAAO,mBAAmB,gBAAgB;MAC/D,IAAI,SAAS,OAAO,UAAU,UAAU;EAC7C,MAAM,eAAe,OAAO,QAAQ,KAAK,CAAC,CACvC,KAAK,CAAC,MAAM,SAAS;GAEpB,OAAO,GADa,aAAa,IACb,EAAE,IAAI;EAC5B,CAAC,CAAC,CACD,KAAK,IAAI;EACZ,SAAS,iBACP,cACA,mBACA,gBACF;CACF;AAEJ;;;;;AAcA,SAAgB,0BACd,QACA,gBACqB;CACrB,MAAM,UAA+B,CAAC;CACtC,MAAM,6BAAa,IAAI,IAAY;CAEnC,SAAS,YAAY,QAAgB,OAAsB;EACzD,MAAM,cAAqC,MAAM,QAAQ,KAAK,IAC1D,QACA,CAAC,KAAK;EACV,KAAK,MAAM,QAAQ,aAAa;GAC9B,MAAM,OAAO,WAAW,KAAK,CAAC,CAC3B,OAAO,KAAK,UAAU;IAAE;IAAQ,GAAG;GAAK,CAAC,CAAC,CAAC,CAC3C,OAAO,KAAK,CAAC,CACb,MAAM,GAAG,CAAC;GACb,IAAI,CAAC,WAAW,IAAI,IAAI,GAAG;IACzB,WAAW,IAAI,IAAI;IACnB,QAAQ,KAAK,EAAE,KAAK,mBAAmB,QAAQ,IAAI,EAAE,CAAC;GACxD;EACF;CACF;CAGA,IAAI,gBACF,KAAK,MAAM,CAAC,QAAQ,UAAU,OAAO,QAAQ,cAAc,GACzD,YAAY,QAAQ,KAAK;CAO7B,IAAI,iBAAiB,MAAM,GAAG;EAC5B,MAAM,QAAQ,qBAAqB,MAAM;EACzC,IAAI,OACF,KAAK,MAAM,CAAC,QAAQ,UAAU,OAAO,QAAQ,KAAK,GAChD,YAAY,QAAQ,KAAK;CAG/B;CAEA,OAAO;AACT;;;;;;AAgBA,SAAgB,8BACd,QACA,oBACyB;CACzB,MAAM,yBAAS,IAAI,IAAmC;CAEtD,SAAS,gBAAgB,MAAc,aAAsC;EAC3E,OAAO,IAAI,MAAM;GAAE;GAAM,KAAK,uBAAuB,MAAM,WAAW;EAAE,CAAC;CAC3E;CAGA,IAAI,oBACF,KAAK,MAAM,CAAC,MAAM,gBAAgB,OAAO,QAAQ,kBAAkB,GACjE,gBAAgB,MAAM,WAAW;CAIrC,IAAI,qBAAqB,MAAM,GAAG;EAChC,MAAM,QAAQ,yBAAyB,MAAM;EAC7C,IAAI,OACF,KAAK,MAAM,CAAC,MAAM,gBAAgB,OAAO,QAAQ,KAAK,GACpD,gBAAgB,MAAM,WAAW;CAGvC;CAEA,OAAO,CAAC,GAAG,OAAO,OAAO,CAAC;AAC5B;;;;;;AAgBA,SAAgB,2BACd,QACA,gBACqB;CAKrB,IAAI,2BAA2B,GAAG;EAChC,IAAI,gBACF,KAAK,MAAM,CAAC,MAAM,eAAe,OAAO,QAAQ,cAAc,GAC5D,yBAAyB,MAAM,UAAU;EAG7C,+BAA+B,MAAM;EACrC,OAAO,CAAC;CACV;CAEA,MAAM,yBAAS,IAAI,IAA+B;CAElD,SAAS,YAAY,MAAc,YAAgC;EACjE,MAAM,UAAU,kBAAkB,IAAI;EACtC,OAAO,IAAI,SAAS;GAClB,MAAM;GACN,KAAK,mBAAmB,MAAM,UAAU;EAC1C,CAAC;CACH;CAGA,IAAI,gBACF,KAAK,MAAM,CAAC,MAAM,eAAe,OAAO,QAAQ,cAAc,GAC5D,YAAY,MAAM,UAAU;CAIhC,IAAI,kBAAkB,MAAM,GAAG;EAC7B,MAAM,QAAQ,sBAAsB,MAAM;EAC1C,IAAI,OACF,KAAK,MAAM,CAAC,MAAM,eAAe,OAAO,QAAQ,KAAK,GACnD,YAAY,MAAM,UAAU;CAGlC;CAEA,OAAO,CAAC,GAAG,OAAO,OAAO,CAAC;AAC5B;;;ACznBA,IAAa,YAAb,MAAuB;CACrB,4BAAoB,IAAI,IAAsB;CAC9C;CACA;CAEA,YAAY,YAAoB,UAA4B,CAAC,GAAG;EAC9D,KAAK,aAAa;EAClB,KAAK,UAAU,QAAQ,WAAW;CACpC;;;;;;;CAQA,IAAI,KAAa,KAAa,QAAuB;EACnD,KAAK,UAAU,IAAI,KAAK;GAAE;GAAK;EAAO,CAAC;CACzC;;;;CAKA,IAAI,KAAsB;EACxB,OAAO,KAAK,UAAU,IAAI,GAAG;CAC/B;;;;CAKA,IAAI,OAAe;EACjB,OAAO,KAAK,UAAU;CACxB;;;;CAKA,QAAc;EACZ,MAAM,YAAY,KAAK,QAAQ,KAAK,UAAU;EAG9C,IAAI,CAAC,GAAG,WAAW,SAAS,GAC1B,GAAG,UAAU,WAAW,EAAE,WAAW,KAAK,CAAC;EAI7C,MAAM,YAAsB,CAAC;EAC7B,KAAK,MAAM,SAAS,KAAK,UAAU,OAAO,GACxC,IAAI,KAAK,WAAW,MAAM,QACxB,UAAU,KAAK,YAAY,MAAM,OAAO,OAAO,MAAM,KAAK;OAE1D,UAAU,KAAK,MAAM,GAAG;EAG5B,MAAM,MAAM,UAAU,KAAK,MAAM;EAKjC,GAAG,cAAc,KAAK,YAAY,4DAAS,GAAG;CAChD;;;;CAKA,SAAiB;EACf,MAAM,YAAsB,CAAC;EAC7B,KAAK,MAAM,SAAS,KAAK,UAAU,OAAO,GACxC,IAAI,KAAK,WAAW,MAAM,QACxB,UAAU,KAAK,YAAY,MAAM,OAAO,OAAO,MAAM,KAAK;OAE1D,UAAU,KAAK,MAAM,GAAG;EAG5B,OAAO,UAAU,KAAK,MAAM;CAC9B;;;;CAKA,QAAc;EACZ,KAAK,UAAU,MAAM;CACvB;;;;CAKA,gBAAwB;EACtB,OAAO,KAAK;CACd;AACF;;;;;;;;;;;;;;AAeA,SAAgB,gBACd,YACA,SACW;CACX,OAAO,IAAI,UAAU,YAAY,OAAO;AAC1C"}
|
|
1
|
+
{"version":3,"file":"css-writer-CQYbT4g_.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} 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';\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 { extractLocalProperties, hasLocalProperties } from '../properties';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport type { Styles } from '../styles/types';\nimport {\n DEFAULT_ZERO_NAME_PREFIX,\n makeClassName,\n makeKeyframeName,\n validateNamePrefix,\n} from '../utils/name-prefix';\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 * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(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.\n */\nexport function extractStylesForSelector(\n selector: string,\n styles: Styles,\n): ExtractedSelector {\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 const css = formatRulesDirectly(rules);\n\n return { selector, css };\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 let css = `${selector} { ${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// 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 = keyframesToCSS(hashedName, steps);\n keyframesToEmit.push({ name: hashedName, css });\n }\n }\n\n return { keyframes: keyframesToEmit, nameMap };\n}\n\n/**\n * Convert keyframes steps to CSS string.\n */\nfunction keyframesToCSS(name: string, steps: KeyframesSteps): string {\n const stepRules: string[] = [];\n\n for (const [key, value] of Object.entries(steps)) {\n if (typeof value === 'string') {\n // Raw CSS string\n stepRules.push(`${key} { ${value.trim()} }`);\n } else if (value && typeof value === 'object') {\n // Style map - convert to CSS declarations\n const declarations = Object.entries(value)\n .map(([prop, val]) => {\n const cssProperty = camelToKebab(prop);\n return `${cssProperty}: ${val}`;\n })\n .join('; ');\n stepRules.push(`${key} { ${declarations} }`);\n }\n }\n\n return `@keyframes ${name} { ${stepRules.join(' ')} }`;\n}\n\n/**\n * Convert camelCase to kebab-case.\n */\nfunction camelToKebab(str: string): string {\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\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\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 - Options including autoPropertyTypes flag\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n styles: Styles,\n options?: { autoPropertyTypes?: boolean },\n): ExtractedProperty[] {\n if (options?.autoPropertyTypes === false) return [];\n\n const registered = new Set<string>();\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 for (const value of Object.values(steps)) {\n if (typeof value === 'string') {\n resolver.scanDeclarations(value, isPropertyDefined, registerProperty);\n } else if (value && typeof value === 'object') {\n const declarations = Object.entries(value)\n .map(([prop, val]) => {\n const cssProperty = camelToKebab(prop);\n return `${cssProperty}: ${val}`;\n })\n .join('; ');\n resolver.scanDeclarations(\n declarations,\n isPropertyDefined,\n registerProperty,\n );\n }\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,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { $t as colorInitialValueToComponents, Wt as parseStyle, nn as getColorSpaceSuffix, rn as getComponentPropertySyntax, yt as getEffectiveDefinition } from "./config-BrDt11hO.js";
|
|
2
2
|
//#region src/ssr/ssr-collector-ref.ts
|
|
3
3
|
const GETTER_KEY = "__tasty_ssr_collector_getter__";
|
|
4
4
|
let _getSSRCollector = null;
|
|
@@ -33,7 +33,7 @@ function getRegisteredSSRCollector() {
|
|
|
33
33
|
* if the token is invalid. For color properties, also returns
|
|
34
34
|
* the companion component property.
|
|
35
35
|
*/
|
|
36
|
-
function formatPropertyCSS(token, definition) {
|
|
36
|
+
function formatPropertyCSS(token, definition, options) {
|
|
37
37
|
const result = getEffectiveDefinition(token, definition);
|
|
38
38
|
if (!result.isValid) return "";
|
|
39
39
|
const rules = [];
|
|
@@ -41,12 +41,14 @@ function formatPropertyCSS(token, definition) {
|
|
|
41
41
|
if (result.isColor) {
|
|
42
42
|
const suffix = getColorSpaceSuffix();
|
|
43
43
|
const componentCssName = `${result.cssName}-${suffix}`;
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
44
|
+
if (!options?.isPropertyDefined?.(componentCssName)) {
|
|
45
|
+
const componentInitial = colorInitialValueToComponents(result.definition.initialValue);
|
|
46
|
+
rules.push(buildPropertyRule(componentCssName, {
|
|
47
|
+
syntax: getComponentPropertySyntax(),
|
|
48
|
+
inherits: result.definition.inherits,
|
|
49
|
+
initialValue: componentInitial
|
|
50
|
+
}));
|
|
51
|
+
}
|
|
50
52
|
}
|
|
51
53
|
return rules.join("\n");
|
|
52
54
|
}
|
|
@@ -140,4 +142,4 @@ function formatRules(rules, className) {
|
|
|
140
142
|
//#endregion
|
|
141
143
|
export { registerSSRCollectorGetterGlobal as a, registerSSRCollectorGetter as i, formatPropertyCSS as n, getRegisteredSSRCollector as r, formatRules as t };
|
|
142
144
|
|
|
143
|
-
//# sourceMappingURL=format-rules-
|
|
145
|
+
//# sourceMappingURL=format-rules-DdmLdntR.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-rules-DdmLdntR.js","names":[],"sources":["../src/ssr/ssr-collector-ref.ts","../src/ssr/format-property.ts","../src/ssr/format-rules.ts"],"sourcesContent":["/**\n * Global reference to the SSR collector getter function.\n *\n * This indirection avoids importing 'node:async_hooks' in the browser bundle.\n * The SSR entry point sets this ref when loaded on the server. The useStyles\n * hook calls it if set; on the client it stays null and is never called.\n *\n * Uses a module-level variable as the primary mechanism. In Next.js App\n * Router the RSC and SSR module graphs load separate copies of this module,\n * so the getter registered by TastyRegistry (SSR layer) is invisible to\n * server components (RSC layer) — which correctly fall through to inline\n * RSC styles.\n *\n * A globalThis fallback (`registerSSRCollectorGetterGlobal`) is provided\n * for frameworks like Astro where middleware and page components live in\n * different module graphs and must share the getter across them.\n */\n\nimport type { ServerStyleCollector } from './collector';\n\ntype SSRCollectorGetter = () => ServerStyleCollector | null;\n\nconst GETTER_KEY = '__tasty_ssr_collector_getter__';\n\nlet _getSSRCollector: SSRCollectorGetter | null = null;\n\n/**\n * Register the collector getter in the current module graph only.\n * Used by Next.js TastyRegistry.\n */\nexport function registerSSRCollectorGetter(fn: SSRCollectorGetter): void {\n _getSSRCollector = fn;\n}\n\n/**\n * Register the collector getter on globalThis so it is visible across\n * separate module graphs (e.g. Astro middleware ↔ page components).\n */\nexport function registerSSRCollectorGetterGlobal(fn: SSRCollectorGetter): void {\n (globalThis as Record<string, unknown>)[GETTER_KEY] = fn;\n}\n\n/**\n * Retrieve the SSR collector: module-level first, globalThis fallback.\n */\nexport function getRegisteredSSRCollector(): ServerStyleCollector | null {\n if (_getSSRCollector) return _getSSRCollector();\n const getter = (globalThis as Record<string, unknown>)[GETTER_KEY] as\n | SSRCollectorGetter\n | undefined;\n return getter ? getter() : null;\n}\n","/**\n * Format @property CSS rules for SSR output.\n *\n * Replicates the CSS construction from StyleInjector.property()\n * but returns a CSS string instead of inserting into the DOM.\n */\n\nimport type { PropertyDefinition } from '../injector/types';\nimport { getEffectiveDefinition } from '../properties';\nimport {\n colorInitialValueToComponents,\n getColorSpaceSuffix,\n getComponentPropertySyntax,\n} from '../utils/color-space';\nimport type { StyleValue } from '../utils/styles';\nimport { parseStyle } from '../utils/styles';\n\nexport interface FormatPropertyOptions {\n /**\n * Whether a CSS property name is already registered. The components companion\n * of a color property is skipped when it is — the caller registered it from\n * its own declaration, and a second rule with the default `<number>+` syntax\n * would come later in the sheet and override it.\n */\n isPropertyDefined?: (cssName: string) => boolean;\n}\n\n/**\n * Format a single @property rule as a CSS string.\n *\n * Returns the full `@property --name { ... }` text, or empty string\n * if the token is invalid. For color properties, also returns\n * the companion component property.\n */\nexport function formatPropertyCSS(\n token: string,\n definition: PropertyDefinition,\n options?: FormatPropertyOptions,\n): string {\n const result = getEffectiveDefinition(token, definition);\n if (!result.isValid) return '';\n\n const rules: string[] = [];\n\n rules.push(buildPropertyRule(result.cssName, result.definition));\n\n if (result.isColor) {\n const suffix = getColorSpaceSuffix();\n const componentCssName = `${result.cssName}-${suffix}`;\n\n if (!options?.isPropertyDefined?.(componentCssName)) {\n const componentInitial = colorInitialValueToComponents(\n result.definition.initialValue,\n );\n rules.push(\n buildPropertyRule(componentCssName, {\n syntax: getComponentPropertySyntax(),\n inherits: result.definition.inherits,\n initialValue: componentInitial,\n }),\n );\n }\n }\n\n return rules.join('\\n');\n}\n\nfunction buildPropertyRule(\n cssName: string,\n definition: PropertyDefinition,\n): string {\n const parts: string[] = [];\n\n if (definition.syntax != null) {\n let syntax = String(definition.syntax).trim();\n if (!/^['\"]/u.test(syntax)) syntax = `\"${syntax}\"`;\n parts.push(`syntax: ${syntax};`);\n }\n\n const inherits = definition.inherits ?? true;\n parts.push(`inherits: ${inherits ? 'true' : 'false'};`);\n\n if (definition.initialValue != null) {\n let initialValueStr: string;\n if (typeof definition.initialValue === 'number') {\n initialValueStr = String(definition.initialValue);\n } else {\n initialValueStr = parseStyle(\n definition.initialValue as StyleValue,\n ).output;\n }\n parts.push(`initial-value: ${initialValueStr};`);\n }\n\n const declarations = parts.join(' ').trim();\n return `@property ${cssName} { ${declarations} }`;\n}\n","/**\n * Shared CSS rule formatting utility.\n *\n * Extracted from SheetManager to allow both the DOM-based injector (client)\n * and the ServerStyleCollector (server) to produce identical CSS text\n * from StyleResult arrays.\n */\n\nimport type { StyleResult } from '../pipeline';\n\n/**\n * Resolve selectors for a rule, applying className-based specificity doubling\n * and rootPrefix handling. Mirrors the logic in StyleInjector.inject().\n */\nfunction resolveSelector(rule: StyleResult, className: string): string {\n let selector = rule.selector;\n\n if (rule.needsClassName) {\n const selectorParts = selector ? selector.split('|||') : [''];\n const classPrefix = `.${className}.${className}`;\n\n selector = selectorParts\n .map((part) => {\n const classSelector = part ? `${classPrefix}${part}` : classPrefix;\n\n if (rule.rootPrefix) {\n return `${rule.rootPrefix} ${classSelector}`;\n }\n return classSelector;\n })\n .join(', ');\n }\n\n return selector;\n}\n\ninterface GroupedRule {\n selector: string;\n declarations: string;\n atRules?: string[];\n startingStyle?: boolean;\n}\n\n/**\n * Group rules by selector + at-rules + startingStyle and merge their declarations.\n * Mirrors the grouping logic in SheetManager.insertRule().\n */\nfunction groupRules(rules: GroupedRule[]): GroupedRule[] {\n const groupMap = new Map<string, GroupedRule>();\n const order: string[] = [];\n\n const atKey = (at?: string[]) => (at && at.length ? at.join('|') : '');\n\n for (const r of rules) {\n const key = `${atKey(r.atRules)}||${r.selector}||${r.startingStyle ? '1' : '0'}`;\n const existing = groupMap.get(key);\n if (existing) {\n existing.declarations = existing.declarations\n ? `${existing.declarations} ${r.declarations}`\n : r.declarations;\n } else {\n groupMap.set(key, {\n selector: r.selector,\n atRules: r.atRules,\n startingStyle: r.startingStyle,\n declarations: r.declarations,\n });\n order.push(key);\n }\n }\n\n return order.map((key) => groupMap.get(key)!);\n}\n\n/**\n * Format an array of StyleResult rules into a CSS text string.\n *\n * Applies className-based specificity doubling (.cls.cls),\n * groups rules by selector + at-rules, and wraps with at-rule blocks.\n *\n * Produces the same CSS text as SheetManager.insertRule() would insert\n * into the DOM, but as a plain string suitable for SSR output.\n */\nexport function formatRules(rules: StyleResult[], className: string): string {\n if (rules.length === 0) return '';\n\n const resolvedRules = rules.map((rule) => ({\n selector: resolveSelector(rule, className),\n declarations: rule.declarations,\n atRules: rule.atRules,\n startingStyle: rule.startingStyle,\n }));\n\n const grouped = groupRules(resolvedRules);\n const cssRules: string[] = [];\n\n for (const rule of grouped) {\n const innerContent = rule.startingStyle\n ? `@starting-style { ${rule.declarations} }`\n : rule.declarations;\n const baseRule = `${rule.selector} { ${innerContent} }`;\n\n let fullRule = baseRule;\n if (rule.atRules && rule.atRules.length > 0) {\n fullRule = rule.atRules.reduce(\n (css, atRule) => `${atRule} { ${css} }`,\n baseRule,\n );\n }\n\n cssRules.push(fullRule);\n }\n\n return cssRules.join('\\n');\n}\n"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as getGlobalInjector } from "./config-
|
|
1
|
+
import { c as getGlobalInjector } from "./config-BrDt11hO.js";
|
|
2
2
|
//#region src/ssr/hydrate.ts
|
|
3
3
|
/**
|
|
4
4
|
* Client-side cache hydration for SSR/RSC.
|
|
@@ -34,4 +34,4 @@ function hydrateTastyClasses(classes) {
|
|
|
34
34
|
//#endregion
|
|
35
35
|
export { hydrateTastyClasses as t };
|
|
36
36
|
|
|
37
|
-
//# sourceMappingURL=hydrate-
|
|
37
|
+
//# sourceMappingURL=hydrate-D2ivfS-B.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hydrate-
|
|
1
|
+
{"version":3,"file":"hydrate-D2ivfS-B.js","names":[],"sources":["../src/ssr/hydrate.ts"],"sourcesContent":["/**\n * Client-side cache hydration for SSR/RSC.\n *\n * Pre-populates the client injector's rules map with class names\n * rendered on the server. With hash-based naming, the client derives\n * the same class name from the same cache key, so only the class name\n * list needs to cross the wire — no cache keys or counters.\n */\n\nimport { getGlobalInjector } from '../config';\nimport { HYDRATED_RULE_INDEX } from '../injector/types';\n\n/**\n * Pre-populate the client-side style registry from the server's class name list.\n *\n * Call this before ReactDOM.hydrateRoot() or ensure it runs before\n * any tasty() component renders on the client.\n *\n * When called without arguments, reads the class list from `window.__TASTY__`\n * (populated by inline scripts emitted during SSR/RSC streaming).\n */\nexport function hydrateTastyClasses(classes?: string[]): void {\n if (typeof document === 'undefined') return;\n\n if (!classes) {\n classes = typeof window !== 'undefined' ? window.__TASTY__ : undefined;\n }\n\n if (!classes?.length) return;\n\n const injector = getGlobalInjector();\n const registry = injector._sheetManager.getRegistry(document);\n\n for (const cls of classes) {\n if (!registry.rules.has(cls)) {\n registry.rules.set(cls, {\n className: cls,\n ruleIndex: HYDRATED_RULE_INDEX,\n sheetIndex: HYDRATED_RULE_INDEX,\n });\n registry.refCounts.set(cls, 0);\n }\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,oBAAoB,SAA0B;CAC5D,IAAI,OAAO,aAAa,aAAa;CAErC,IAAI,CAAC,SACH,UAAU,OAAO,WAAW,cAAc,OAAO,YAAY,KAAA;CAG/D,IAAI,CAAC,SAAS,QAAQ;CAGtB,MAAM,WADW,kBACO,CAAC,CAAC,cAAc,YAAY,QAAQ;CAE5D,KAAK,MAAM,OAAO,SAChB,IAAI,CAAC,SAAS,MAAM,IAAI,GAAG,GAAG;EAC5B,SAAS,MAAM,IAAI,KAAK;GACtB,WAAW;GACX,WAAA;GACA,YAAA;EACF,CAAC;EACD,SAAS,UAAU,IAAI,KAAK,CAAC;CAC/B;AAEJ"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { _ as TastyPluginFactory, w as StyleInjector } from "./config-
|
|
2
|
-
import { B as StyleValueStateMap, Ct as PropertyOptions, D as CSSMap, I as StyleHandlerResult, M as ResolvedStyleValue, Ot as StyleInjectorConfig, R as StylePropValue, at as CSSProperties$1, b as Styles, bt as KeyframesResult, dt as FunctionDefinition, gt as InjectResult, ht as GlobalInjectResult, j as RawStyleHandler, lt as FontFaceDescriptors, mt as GCOptions, n as StyleResult, nt as StyleDetails, ot as CacheMetrics, st as CounterStyleDescriptors, ut as FontFaceInput, x as StylesInterface, xt as KeyframesSteps, z as StyleValue } from "./index-
|
|
3
|
-
import { t as ServerStyleCollector } from "./collector-
|
|
4
|
-
import { AllHTMLAttributes, CSSProperties, ComponentType, ElementType, ForwardRefExoticComponent, JSX, PropsWithoutRef, RefAttributes } from "react";
|
|
1
|
+
import { _ as TastyPluginFactory, w as StyleInjector } from "./config-DH7I0Ggx.js";
|
|
2
|
+
import { B as StyleValueStateMap, Ct as PropertyOptions, D as CSSMap, I as StyleHandlerResult, M as ResolvedStyleValue, Ot as StyleInjectorConfig, R as StylePropValue, at as CSSProperties$1, b as Styles, bt as KeyframesResult, dt as FunctionDefinition, gt as InjectResult, ht as GlobalInjectResult, j as RawStyleHandler, lt as FontFaceDescriptors, mt as GCOptions, n as StyleResult, nt as StyleDetails, ot as CacheMetrics, st as CounterStyleDescriptors, ut as FontFaceInput, x as StylesInterface, xt as KeyframesSteps, z as StyleValue } from "./index-LC3O3Jj4.js";
|
|
3
|
+
import { t as ServerStyleCollector } from "./collector-BFuqdF2F.js";
|
|
4
|
+
import { AllHTMLAttributes, CSSProperties, ComponentType, ElementType, ForwardRefExoticComponent, JSX, PropsWithoutRef, ReactNode, RefAttributes } from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/utils/name-prefix.d.ts
|
|
7
7
|
/**
|
|
@@ -728,6 +728,59 @@ interface UseFunctionOptions {
|
|
|
728
728
|
*/
|
|
729
729
|
declare function useFunction(name: string, definition: FunctionDefinition, options?: UseFunctionOptions): void;
|
|
730
730
|
//#endregion
|
|
731
|
+
//#region src/batch-provider.d.ts
|
|
732
|
+
interface TastyBatchProviderProps {
|
|
733
|
+
children?: ReactNode;
|
|
734
|
+
}
|
|
735
|
+
/**
|
|
736
|
+
* Opens a *batch window* for the commit it renders in, so `batchInjection`
|
|
737
|
+
* can defer stylesheet writes without ever letting a layout effect measure an
|
|
738
|
+
* unstyled element.
|
|
739
|
+
*
|
|
740
|
+
* Every `insertRule()` on a live sheet invalidates style for that sheet's
|
|
741
|
+
* scope. When components inject during React's render phase while others read
|
|
742
|
+
* layout in the same pass, the two interleave and the browser recalculates
|
|
743
|
+
* style between every injection. Batching collapses that into one invalidation
|
|
744
|
+
* per flush — but only if the flush happens before anything can measure.
|
|
745
|
+
*
|
|
746
|
+
* ```
|
|
747
|
+
* provider renders -> window OPEN
|
|
748
|
+
* children render -> injections queued
|
|
749
|
+
* provider insertionEffect -> FLUSH, window CLOSED
|
|
750
|
+
* layout effects run -> rules are in the sheet
|
|
751
|
+
* ```
|
|
752
|
+
*
|
|
753
|
+
* `useInsertionEffect` runs in React's mutation phase, after every render in
|
|
754
|
+
* the commit and before any `useLayoutEffect` — which is exactly why React
|
|
755
|
+
* added it for CSS-in-JS libraries. Effects fire child-first, so this
|
|
756
|
+
* provider's runs after every descendant's and still before all layout
|
|
757
|
+
* effects.
|
|
758
|
+
*
|
|
759
|
+
* A commit that does not re-render this provider gets no window, and those
|
|
760
|
+
* injections are written synchronously instead. That is the point: turning
|
|
761
|
+
* `batchInjection: true` on can only ever make injection cheaper, never make a
|
|
762
|
+
* measurement wrong. It also means batching applies to commits this provider
|
|
763
|
+
* takes part in, so mount it as high in the tree as you can.
|
|
764
|
+
*
|
|
765
|
+
* Requires `configure({ batchInjection: true })`; without it this component
|
|
766
|
+
* only renders its children. `batchInjection: 'always'` does not need the
|
|
767
|
+
* provider at all — see that option's docs for the trade-off it accepts.
|
|
768
|
+
*
|
|
769
|
+
* @example
|
|
770
|
+
* ```tsx
|
|
771
|
+
* configure({ batchInjection: true });
|
|
772
|
+
*
|
|
773
|
+
* createRoot(el).render(
|
|
774
|
+
* <TastyBatchProvider>
|
|
775
|
+
* <App />
|
|
776
|
+
* </TastyBatchProvider>,
|
|
777
|
+
* );
|
|
778
|
+
* ```
|
|
779
|
+
*/
|
|
780
|
+
declare function TastyBatchProvider({
|
|
781
|
+
children
|
|
782
|
+
}: TastyBatchProviderProps): ReactNode;
|
|
783
|
+
//#endregion
|
|
731
784
|
//#region src/utils/get-display-name.d.ts
|
|
732
785
|
declare function getDisplayName<T>(Component: ElementType<T>, fallbackName?: string): string;
|
|
733
786
|
//#endregion
|
|
@@ -1849,5 +1902,5 @@ declare const tastyDebug: {
|
|
|
1849
1902
|
install(): void;
|
|
1850
1903
|
};
|
|
1851
1904
|
//#endregion
|
|
1852
|
-
export { okhstFunction as $,
|
|
1853
|
-
//# sourceMappingURL=index-
|
|
1905
|
+
export { okhstFunction as $, PositionStyleProps as $t, keyframes as A, TastyElementProps as At, ChunkInfo as B, BaseStyleProps as Bt, getCSSTextForNode as C, ResolveModPropDef as Ct, injectRawCSS as D, SubElementProps as Dt, injectGlobal as E, SubElementDefinition as Et, ComputeStylesOptions as F, WithVariant as Ft, DIMENSION_CHUNK_STYLES as G, ContainerStyleProps as Gt, APPEARANCE_CHUNK_STYLES as H, BlockOuterStyleProps as Ht, ComputeStylesResult as I, tasty as It, LAYOUT_CHUNK_STYLES as J, FlowStyleProps as Jt, DISPLAY_CHUNK_STYLES as K, DimensionStyleProps as Kt, computeStyles as L, AllBaseProps as Lt, touch as M, TastyProps as Mt, ChunkSheetRegistry as N, TokenPropsInput as Nt, injector as O, TastyComponentPropsWithDefaults as Ot, chunkSheetRegistry as P, VariantMap as Pt, createColorFunc as Q, OuterStyleProps as Qt, defineHandler as R, BaseProps as Rt, getCSSText as S, DEFAULT_ZERO_NAME_PREFIX as Sn, ResolveAsProps as St, inject as T, ResolveTokenProps as Tt, CHUNK_NAMES as U, BlockStyleProps as Ut, categorizeStyleKeys as V, BlockInnerStyleProps as Vt, ChunkName as W, ColorStyleProps as Wt, STYLE_TO_CHUNK as X, ModValue as Xt, POSITION_CHUNK_STYLES as Y, InnerStyleProps as Yt, resolveFunctionColor as Z, Mods as Zt, createInjector as _, INNER_STYLES as _n, AllBasePropsWithMods as _t, DebugOptions as a, TastyThemeNames as an, TastyBatchProviderProps as at, func as b, TEXT_STYLES as bn, ModPropDef as bt, tastyDebug as c, Tokens as cn, useCounterStyle as ct, dotize as d, BLOCK_OUTER_STYLES as dn, useProperty as dt, ShortGridStyles as en, okhstPlugin as et, _modAttrs as f, BLOCK_STYLES as fn, useKeyframes as ft, counterStyle as g, FLOW_STYLES as gn, useStyles as gt, cleanup as h, DIMENSION_STYLES as hn, UseStylesResult as ht, DebugChunkInfo as i, TastyExtensionConfig as in, TastyBatchProvider as it, property as j, TastyPolymorphicComponent as jt, isPropertyDefined as k, TastyElementOptions as kt, processTokens as l, BASE_STYLES as ln, useFontFace as lt, filterBaseProps as m, CONTAINER_STYLES as mn, useGlobalStyles as mt, CacheStatus as n, TastyBaseStylePropNames as nn, okhslPlugin as nt, InspectResult as o, TextStyleProps as on, UseFunctionOptions as ot, color$1 as p, COLOR_STYLES as pn, useRawCSS as pt, FONT_CHUNK_STYLES as q, ExtraBaseStyleProps as qt, ChunkBreakdown as r, TastyCustomProps as rn, getDisplayName as rt, Summary as s, TokenValue as sn, useFunction as st, CSSOptions as t, TagName as tn, okhslFunction as tt, resolveRecipes as u, BLOCK_INNER_STYLES as un, UsePropertyOptions as ut, destroy as v, OUTER_STYLES as vn, Element$1 as vt, getRawCSSText as w, ResolveModProps as wt, gc as x, DEFAULT_NAME_PREFIX as xn, ModPropsInput as xt, fontFace as y, POSITION_STYLES as yn, ElementsDefinition as yt, styleHandlers as z, BasePropsWithoutChildren as zt };
|
|
1906
|
+
//# sourceMappingURL=index-DljBkZhV.d.ts.map
|
|
@@ -22,6 +22,85 @@ declare class PropertyTypeResolver {
|
|
|
22
22
|
private isComplexValue;
|
|
23
23
|
}
|
|
24
24
|
//#endregion
|
|
25
|
+
//#region src/injector/batch.d.ts
|
|
26
|
+
/**
|
|
27
|
+
* Deferred CSSOM writes ("batched injection").
|
|
28
|
+
*
|
|
29
|
+
* Every `insertRule()` on a live stylesheet invalidates style for the sheet's
|
|
30
|
+
* scope, so Blink recalculates style the next time anything reads layout or
|
|
31
|
+
* computed style. When components inject during React's render phase and other
|
|
32
|
+
* components read layout in the same pass, the two interleave:
|
|
33
|
+
*
|
|
34
|
+
* inject -> read (forced recalc) -> inject -> read (forced recalc) -> ...
|
|
35
|
+
*
|
|
36
|
+
* Batching moves every sheet write out from between those reads. Writes are
|
|
37
|
+
* queued in FIFO order and drained in one go, so the tree is invalidated once
|
|
38
|
+
* per flush instead of once per component.
|
|
39
|
+
*
|
|
40
|
+
* ## Ordering
|
|
41
|
+
*
|
|
42
|
+
* A single queue holds *all* writes — component rules, global rules, keyframes,
|
|
43
|
+
* `@property`, `@font-face`, `@counter-style`, `@function` and raw CSS. Draining
|
|
44
|
+
* it in insertion order keeps the sheet byte-identical to unbatched output,
|
|
45
|
+
* which matters because equal-specificity rules resolve by document order.
|
|
46
|
+
*
|
|
47
|
+
* ## Batch windows — why queuing is safe
|
|
48
|
+
*
|
|
49
|
+
* Deferring a write past React's layout phase would let a `useLayoutEffect`
|
|
50
|
+
* measure an element whose rules are not in the sheet yet, reading the unstyled
|
|
51
|
+
* box. `<TastyBatchProvider>` closes that hole by opening a *window* during its
|
|
52
|
+
* render and closing it — flushing — in its `useInsertionEffect`, which React
|
|
53
|
+
* runs in the mutation phase, before any layout effect:
|
|
54
|
+
*
|
|
55
|
+
* provider renders -> window OPEN
|
|
56
|
+
* children render -> injections queued
|
|
57
|
+
* provider insertionEffect -> FLUSH, window CLOSED
|
|
58
|
+
* layout effects run -> rules are in the sheet
|
|
59
|
+
*
|
|
60
|
+
* So in the default (`batchInjection: true`) mode a write is only ever queued
|
|
61
|
+
* inside a commit whose flush is already guaranteed by that same commit. Every
|
|
62
|
+
* injection outside a window — a deep update the provider did not re-render
|
|
63
|
+
* for, a `useLayoutEffect` that injects, an event handler, an async callback —
|
|
64
|
+
* is written straight through, exactly as with batching off.
|
|
65
|
+
*
|
|
66
|
+
* `batchInjection: 'always'` opts out of the gate and queues unconditionally.
|
|
67
|
+
* That wins on more commits, at the cost of the measurement hazard above.
|
|
68
|
+
*
|
|
69
|
+
* ## Flush points (earliest wins)
|
|
70
|
+
*
|
|
71
|
+
* 1. `<TastyBatchProvider>`'s `useInsertionEffect` — closes the window.
|
|
72
|
+
* 2. A microtask — a backstop for a render that was aborted or suspended and
|
|
73
|
+
* therefore never reached its insertion effect. An aborted render mounts
|
|
74
|
+
* nothing, so nothing can measure what it queued. Microtasks also always
|
|
75
|
+
* drain before paint, so styles are never visually missing.
|
|
76
|
+
* 3. `flushStyles()` — explicit, and called internally by every injector read
|
|
77
|
+
* API (`getCSSText`, `cleanup`, `gc`, `destroy`, ...).
|
|
78
|
+
*/
|
|
79
|
+
interface QueuedWrite {
|
|
80
|
+
/** Perform the deferred sheet write. */
|
|
81
|
+
run: () => void;
|
|
82
|
+
/** Set when the owner disposed before the write happened. */
|
|
83
|
+
cancelled: boolean;
|
|
84
|
+
/** Set once the write has been applied (or skipped as cancelled). */
|
|
85
|
+
done: boolean;
|
|
86
|
+
}
|
|
87
|
+
/** Whether any write is still waiting to hit a stylesheet. */
|
|
88
|
+
declare function hasPendingStyleWrites(): boolean;
|
|
89
|
+
/**
|
|
90
|
+
* Drain every pending sheet write, in insertion order.
|
|
91
|
+
*
|
|
92
|
+
* Safe to call when the queue is empty (the common case, so the guard comes
|
|
93
|
+
* first) and safe to call re-entrantly: a nested `flushStyles()` is a no-op,
|
|
94
|
+
* and work a draining write triggers is written in place by
|
|
95
|
+
* `enqueueStyleWrite` rather than queued behind the rest of the batch.
|
|
96
|
+
*/
|
|
97
|
+
declare function flushStyles(): void;
|
|
98
|
+
/**
|
|
99
|
+
* Drop every pending write without applying it. Test helper — production code
|
|
100
|
+
* should call `flushStyles()` instead.
|
|
101
|
+
*/
|
|
102
|
+
declare function resetStyleBatch(): void;
|
|
103
|
+
//#endregion
|
|
25
104
|
//#region src/injector/types.d.ts
|
|
26
105
|
declare global {
|
|
27
106
|
interface Window {
|
|
@@ -63,6 +142,13 @@ interface StyleInjectorConfig {
|
|
|
63
142
|
* @default 't'
|
|
64
143
|
*/
|
|
65
144
|
namePrefix?: string;
|
|
145
|
+
/**
|
|
146
|
+
* Defer stylesheet writes and apply them in one batch instead of one
|
|
147
|
+
* `insertRule()` per component. Mirrors `batchInjection` on the public
|
|
148
|
+
* `TastyConfig`.
|
|
149
|
+
* @default false
|
|
150
|
+
*/
|
|
151
|
+
batchInjection?: boolean | 'always';
|
|
66
152
|
}
|
|
67
153
|
/**
|
|
68
154
|
* Per-className usage tracking for GC.
|
|
@@ -188,6 +274,14 @@ interface RootRegistry {
|
|
|
188
274
|
usageMap: Map<string, StyleUsage>;
|
|
189
275
|
/** Touch counter for scheduling GC (per-root) */
|
|
190
276
|
touchCount: number;
|
|
277
|
+
/**
|
|
278
|
+
* Millisecond that `touchedTick` refers to. `touch()` only ever stamps
|
|
279
|
+
* `lastTouchedAt` with the current millisecond, so a repeat touch of the same
|
|
280
|
+
* class name inside one millisecond is a no-op worth skipping.
|
|
281
|
+
*/
|
|
282
|
+
touchTick: number;
|
|
283
|
+
/** Class-name strings already touched during `touchTick`. */
|
|
284
|
+
touchedTick: Set<string>;
|
|
191
285
|
/** How many entries from `window.__TASTY__` have been synced into this registry */
|
|
192
286
|
serverClassSyncIndex: number;
|
|
193
287
|
/** Whether `<style data-tasty-rsc>` tags have been scanned for class names */
|
|
@@ -222,6 +316,12 @@ interface KeyframesCacheEntry {
|
|
|
222
316
|
name: string;
|
|
223
317
|
refCount: number;
|
|
224
318
|
info: KeyframesInfo;
|
|
319
|
+
/**
|
|
320
|
+
* Queued sheet write, when `batchInjection` deferred the insertion. Present
|
|
321
|
+
* only between `keyframes()` and the flush; disposing in that window cancels
|
|
322
|
+
* the write instead of deleting a rule that was never inserted.
|
|
323
|
+
*/
|
|
324
|
+
pending?: QueuedWrite;
|
|
225
325
|
}
|
|
226
326
|
/**
|
|
227
327
|
* Definition for a CSS @property at-rule.
|
|
@@ -1412,5 +1512,5 @@ interface RenderStylesOptions {
|
|
|
1412
1512
|
declare function renderStyles(styles?: Styles, classNameOrSelector?: undefined, options?: undefined, pipelineCacheKey?: string): RenderResult;
|
|
1413
1513
|
declare function renderStyles(styles: Styles | undefined, classNameOrSelector: string, options?: RenderStylesOptions): StyleResult[];
|
|
1414
1514
|
//#endregion
|
|
1415
|
-
export { StyleParser as $, ParsedColor as A, StyleUsage as At, StyleValueStateMap as B, SuffixForSelector as C, PropertyOptions as Ct, CSSMap as D, SheetInfo as Dt, AnyStyleHandler as E, RuleInfo as Et, StyleHandlerProps as F, parseColor as G, getGlobalParser as H, StyleHandlerResult as I, getNamedColorHex as J, parseStyle as K, StyleMap as L, ResolvedStyleValue as M, StyleHandler as N, CUSTOM_UNITS as O, StyleInjectorConfig as Ot, StyleHandlerDefinition as P, strToRgb as Q, StylePropValue as R, StylesWithoutSelectors as S, PropertyDefinition as St, TastyPresetNames as T, RootRegistry as Tt, getGlobalPredefinedTokens as U, filterMods as V, normalizeColorTokenValue as W, hexToRgb as X, getRgbValuesFromRgbaString as Y, hslToRgbValues as Z, NotSelector as _, InjectionMode as _t, ParseStateKeyOptions as a, CSSProperties as at, Styles as b, KeyframesResult as bt, ParsedAdvancedState as c, DisposeFunction as ct, getGlobalPredefinedStates as d, FunctionDefinition as dt, ParserOptions as et, setGlobalPredefinedStates as f, FunctionParameter as ft, NoType as g, InjectResult as gt, ConfigTokens as h, GlobalInjectResult as ht, renderStyles as i, UnitHandler as it, RawStyleHandler as j, DIRECTIONS as k, StyleRule as kt, StateParserContext as l, FontFaceDescriptors as lt, ConfigTokenValue as m, GCOptions as mt, StyleResult as n, StyleDetails as nt, parseStateKey as o, CacheMetrics as ot, ConditionNode as p, GCConfig as pt, stringifyStyles as q, isSelector as r, StyleDetailsPart as rt, AtRuleContext as s, CounterStyleDescriptors as st, RenderResult as t, ProcessedStyle as tt, createStateParserContext as u, FontFaceInput as ut, RecipeStyles as v, KeyframesCacheEntry as vt, TastyNamedColors as w, RawCSSResult as wt, StylesInterface as x, KeyframesSteps as xt, Selector as y, KeyframesInfo as yt, StyleValue as z };
|
|
1416
|
-
//# sourceMappingURL=index-
|
|
1515
|
+
export { StyleParser as $, ParsedColor as A, StyleUsage as At, StyleValueStateMap as B, SuffixForSelector as C, PropertyOptions as Ct, CSSMap as D, SheetInfo as Dt, AnyStyleHandler as E, RuleInfo as Et, StyleHandlerProps as F, parseColor as G, getGlobalParser as H, StyleHandlerResult as I, getNamedColorHex as J, parseStyle as K, StyleMap as L, ResolvedStyleValue as M, flushStyles as Mt, StyleHandler as N, hasPendingStyleWrites as Nt, CUSTOM_UNITS as O, StyleInjectorConfig as Ot, StyleHandlerDefinition as P, resetStyleBatch as Pt, strToRgb as Q, StylePropValue as R, StylesWithoutSelectors as S, PropertyDefinition as St, TastyPresetNames as T, RootRegistry as Tt, getGlobalPredefinedTokens as U, filterMods as V, normalizeColorTokenValue as W, hexToRgb as X, getRgbValuesFromRgbaString as Y, hslToRgbValues as Z, NotSelector as _, InjectionMode as _t, ParseStateKeyOptions as a, CSSProperties as at, Styles as b, KeyframesResult as bt, ParsedAdvancedState as c, DisposeFunction as ct, getGlobalPredefinedStates as d, FunctionDefinition as dt, ParserOptions as et, setGlobalPredefinedStates as f, FunctionParameter as ft, NoType as g, InjectResult as gt, ConfigTokens as h, GlobalInjectResult as ht, renderStyles as i, UnitHandler as it, RawStyleHandler as j, QueuedWrite as jt, DIRECTIONS as k, StyleRule as kt, StateParserContext as l, FontFaceDescriptors as lt, ConfigTokenValue as m, GCOptions as mt, StyleResult as n, StyleDetails as nt, parseStateKey as o, CacheMetrics as ot, ConditionNode as p, GCConfig as pt, stringifyStyles as q, isSelector as r, StyleDetailsPart as rt, AtRuleContext as s, CounterStyleDescriptors as st, RenderResult as t, ProcessedStyle as tt, createStateParserContext as u, FontFaceInput as ut, RecipeStyles as v, KeyframesCacheEntry as vt, TastyNamedColors as w, RawCSSResult as wt, StylesInterface as x, KeyframesSteps as xt, Selector as y, KeyframesInfo as yt, StyleValue as z };
|
|
1516
|
+
//# sourceMappingURL=index-LC3O3Jj4.d.ts.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as ParseFunction, D as PropHandlerDefinition, E as PropHandler, O as PropHandlerProps, S as FunctionsConfig, T as SheetManager, _ as TastyPluginFactory, a as getGlobalFontFaces, b as generateTypographyTokens, c as getGlobalRecipes, d as hasGlobalRecipes, f as hasStylesGenerated, g as TastyPlugin, h as resetConfig, i as getGlobalCounterStyles, l as getNamePrefix, m as isTestEnvironment, n as configure, o as getGlobalFunctions, p as isConfigLocked, r as getConfig, s as getGlobalKeyframes, t as TastyConfig, u as hasGlobalKeyframes, v as TypographyPreset, w as StyleInjector, x as ColorSpace, y as TypographyTokenValue } from "./config-
|
|
2
|
-
import { $ as StyleParser, A as ParsedColor, At as StyleUsage, B as StyleValueStateMap, C as SuffixForSelector, Ct as PropertyOptions, D as CSSMap, Dt as SheetInfo, E as AnyStyleHandler, Et as RuleInfo, F as StyleHandlerProps, G as parseColor, H as getGlobalParser, I as StyleHandlerResult, J as getNamedColorHex, K as parseStyle, L as StyleMap, M as ResolvedStyleValue, N as StyleHandler, O as CUSTOM_UNITS, Ot as StyleInjectorConfig, P as StyleHandlerDefinition, Q as strToRgb, R as StylePropValue, S as StylesWithoutSelectors, St as PropertyDefinition, T as TastyPresetNames, Tt as RootRegistry, U as getGlobalPredefinedTokens, V as filterMods, W as normalizeColorTokenValue, X as hexToRgb, Y as getRgbValuesFromRgbaString, Z as hslToRgbValues, _ as NotSelector, _t as InjectionMode, a as ParseStateKeyOptions, at as CSSProperties, b as Styles, bt as KeyframesResult, c as ParsedAdvancedState, ct as DisposeFunction, d as getGlobalPredefinedStates, dt as FunctionDefinition, et as ParserOptions, f as setGlobalPredefinedStates, ft as FunctionParameter, g as NoType, gt as InjectResult, h as ConfigTokens, i as renderStyles, it as UnitHandler, j as RawStyleHandler, k as DIRECTIONS, kt as StyleRule, l as StateParserContext, lt as FontFaceDescriptors, m as ConfigTokenValue, mt as GCOptions, n as StyleResult, nt as StyleDetails, o as parseStateKey, ot as CacheMetrics, p as ConditionNode, pt as GCConfig, q as stringifyStyles, r as isSelector, rt as StyleDetailsPart, s as AtRuleContext, st as CounterStyleDescriptors, t as RenderResult, tt as ProcessedStyle, u as createStateParserContext, ut as FontFaceInput, v as RecipeStyles, vt as KeyframesCacheEntry, w as TastyNamedColors, wt as RawCSSResult, x as StylesInterface, xt as KeyframesSteps, y as Selector, yt as KeyframesInfo, z as StyleValue } from "./index-
|
|
3
|
-
import { $ as okhstFunction, $t as
|
|
4
|
-
import { t as mergeStyles } from "./merge-styles-
|
|
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 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 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, 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, dotize, filterBaseProps, filterMods, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getDisplayName, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasStylesGenerated, hexToRgb, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, _modAttrs as modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tasty, tastyDebug, touch, useCounterStyle, useFontFace, useFunction, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles };
|
|
1
|
+
import { C as ParseFunction, D as PropHandlerDefinition, E as PropHandler, O as PropHandlerProps, S as FunctionsConfig, T as SheetManager, _ as TastyPluginFactory, a as getGlobalFontFaces, b as generateTypographyTokens, c as getGlobalRecipes, d as hasGlobalRecipes, f as hasStylesGenerated, g as TastyPlugin, h as resetConfig, i as getGlobalCounterStyles, l as getNamePrefix, m as isTestEnvironment, n as configure, o as getGlobalFunctions, p as isConfigLocked, r as getConfig, s as getGlobalKeyframes, t as TastyConfig, u as hasGlobalKeyframes, v as TypographyPreset, w as StyleInjector, x as ColorSpace, y as TypographyTokenValue } from "./config-DH7I0Ggx.js";
|
|
2
|
+
import { $ as StyleParser, A as ParsedColor, At as StyleUsage, B as StyleValueStateMap, C as SuffixForSelector, Ct as PropertyOptions, D as CSSMap, Dt as SheetInfo, E as AnyStyleHandler, Et as RuleInfo, F as StyleHandlerProps, G as parseColor, H as getGlobalParser, I as StyleHandlerResult, J as getNamedColorHex, K as parseStyle, L as StyleMap, M as ResolvedStyleValue, Mt as flushStyles, N as StyleHandler, Nt as hasPendingStyleWrites, O as CUSTOM_UNITS, Ot as StyleInjectorConfig, P as StyleHandlerDefinition, Pt as resetStyleBatch, Q as strToRgb, R as StylePropValue, S as StylesWithoutSelectors, St as PropertyDefinition, T as TastyPresetNames, Tt as RootRegistry, U as getGlobalPredefinedTokens, V as filterMods, W as normalizeColorTokenValue, X as hexToRgb, Y as getRgbValuesFromRgbaString, Z as hslToRgbValues, _ as NotSelector, _t as InjectionMode, a as ParseStateKeyOptions, at as CSSProperties, b as Styles, bt as KeyframesResult, c as ParsedAdvancedState, ct as DisposeFunction, d as getGlobalPredefinedStates, dt as FunctionDefinition, et as ParserOptions, f as setGlobalPredefinedStates, ft as FunctionParameter, g as NoType, gt as InjectResult, h as ConfigTokens, i as renderStyles, it as UnitHandler, j as RawStyleHandler, jt as QueuedWrite, k as DIRECTIONS, kt as StyleRule, l as StateParserContext, lt as FontFaceDescriptors, m as ConfigTokenValue, mt as GCOptions, n as StyleResult, nt as StyleDetails, o as parseStateKey, ot as CacheMetrics, p as ConditionNode, pt as GCConfig, q as stringifyStyles, r as isSelector, rt as StyleDetailsPart, s as AtRuleContext, st as CounterStyleDescriptors, t as RenderResult, tt as ProcessedStyle, u as createStateParserContext, ut as FontFaceInput, v as RecipeStyles, vt as KeyframesCacheEntry, w as TastyNamedColors, wt as RawCSSResult, x as StylesInterface, xt as KeyframesSteps, y as Selector, yt as KeyframesInfo, z as StyleValue } from "./index-LC3O3Jj4.js";
|
|
3
|
+
import { $ as okhstFunction, $t as PositionStyleProps, A as keyframes, At as TastyElementProps, B as ChunkInfo, Bt as BaseStyleProps, C as getCSSTextForNode, Ct as ResolveModPropDef, D as injectRawCSS, Dt as SubElementProps, E as injectGlobal, Et as SubElementDefinition, F as ComputeStylesOptions, Ft as WithVariant, G as DIMENSION_CHUNK_STYLES, Gt as ContainerStyleProps, H as APPEARANCE_CHUNK_STYLES, Ht as BlockOuterStyleProps, I as ComputeStylesResult, It as tasty, J as LAYOUT_CHUNK_STYLES, Jt as FlowStyleProps, K as DISPLAY_CHUNK_STYLES, Kt as DimensionStyleProps, L as computeStyles, Lt as AllBaseProps, M as touch, Mt as TastyProps, N as ChunkSheetRegistry, Nt as TokenPropsInput, O as injector, Ot as TastyComponentPropsWithDefaults, P as chunkSheetRegistry, Pt as VariantMap, Q as createColorFunc, Qt as OuterStyleProps, R as defineHandler, Rt as BaseProps, S as getCSSText, Sn as DEFAULT_ZERO_NAME_PREFIX, St as ResolveAsProps, T as inject, Tt as ResolveTokenProps, U as CHUNK_NAMES, Ut as BlockStyleProps, V as categorizeStyleKeys, Vt as BlockInnerStyleProps, W as ChunkName, Wt as ColorStyleProps, X as STYLE_TO_CHUNK, Xt as ModValue, Y as POSITION_CHUNK_STYLES, Yt as InnerStyleProps, Z as resolveFunctionColor, Zt as Mods, _ as createInjector, _n as INNER_STYLES, _t as AllBasePropsWithMods, a as DebugOptions, an as TastyThemeNames, at as TastyBatchProviderProps, b as func, bn as TEXT_STYLES, bt as ModPropDef, c as tastyDebug, cn as Tokens, ct as useCounterStyle, d as dotize, dn as BLOCK_OUTER_STYLES, dt as useProperty, en as ShortGridStyles, et as okhstPlugin, f as _modAttrs, fn as BLOCK_STYLES, ft as useKeyframes, g as counterStyle, gn as FLOW_STYLES, gt as useStyles, h as cleanup, hn as DIMENSION_STYLES, ht as UseStylesResult, i as DebugChunkInfo, in as TastyExtensionConfig, it as TastyBatchProvider, j as property, jt as TastyPolymorphicComponent, k as isPropertyDefined, kt as TastyElementOptions, l as processTokens, ln as BASE_STYLES, lt as useFontFace, m as filterBaseProps, mn as CONTAINER_STYLES, mt as useGlobalStyles, n as CacheStatus, nn as TastyBaseStylePropNames, nt as okhslPlugin, o as InspectResult, on as TextStyleProps, ot as UseFunctionOptions, p as color, pn as COLOR_STYLES, pt as useRawCSS, q as FONT_CHUNK_STYLES, qt as ExtraBaseStyleProps, r as ChunkBreakdown, rn as TastyCustomProps, rt as getDisplayName, s as Summary, sn as TokenValue, st as useFunction, t as CSSOptions, tn as TagName, tt as okhslFunction, u as resolveRecipes, un as BLOCK_INNER_STYLES, ut as UsePropertyOptions, v as destroy, vn as OUTER_STYLES, vt as Element, w as getRawCSSText, wt as ResolveModProps, x as gc, xn as DEFAULT_NAME_PREFIX, xt as ModPropsInput, y as fontFace, yn as POSITION_STYLES, yt as ElementsDefinition, z as styleHandlers, zt as BasePropsWithoutChildren } from "./index-DljBkZhV.js";
|
|
4
|
+
import { t as mergeStyles } from "./merge-styles-Cx_6ySBv.js";
|
|
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 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, dotize, 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, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, _modAttrs as modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, 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 };
|