@tenphi/tasty 2.7.0 → 2.8.0

package/dist/{css-writer-Bh05D6KI.js.map → css-writer-4IMPW4i1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"css-writer-Bh05D6KI.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  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 {\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 (override globals with same hash)\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 (first definition wins).\n */\nexport function extractCounterStyleFromStyles(\n  styles: Styles,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors> | null,\n): ExtractedCounterStyle[] {\n  const results: ExtractedCounterStyle[] = [];\n  const seenNames = new Set<string>();\n\n  function addCounterStyle(name: string, descriptors: CounterStyleDescriptors) {\n    if (!seenNames.has(name)) {\n      seenNames.add(name);\n      results.push({ name, css: formatCounterStyleRule(name, descriptors) });\n    }\n  }\n\n  // Global counter styles first\n  if (globalCounterStyle) {\n    for (const [name, descriptors] of Object.entries(globalCounterStyle)) {\n      addCounterStyle(name, descriptors);\n    }\n  }\n\n  // Local counter styles (override globals with same name)\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 results;\n}\n","import * as fs from 'fs';\nimport * as path from 'path';\n\ninterface 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"],"mappings":"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"}
+{"version":3,"file":"css-writer-4IMPW4i1.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  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 {\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 (override globals with same hash)\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 (first definition wins).\n */\nexport function extractCounterStyleFromStyles(\n  styles: Styles,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors> | null,\n): ExtractedCounterStyle[] {\n  const results: ExtractedCounterStyle[] = [];\n  const seenNames = new Set<string>();\n\n  function addCounterStyle(name: string, descriptors: CounterStyleDescriptors) {\n    if (!seenNames.has(name)) {\n      seenNames.add(name);\n      results.push({ name, css: formatCounterStyleRule(name, descriptors) });\n    }\n  }\n\n  // Global counter styles first\n  if (globalCounterStyle) {\n    for (const [name, descriptors] of Object.entries(globalCounterStyle)) {\n      addCounterStyle(name, descriptors);\n    }\n  }\n\n  // Local counter styles (override globals with same name)\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 results;\n}\n","import * as fs from 'fs';\nimport * as path from 'path';\n\ninterface 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"],"mappings":"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"}

package/dist/{format-rules-DCI2lomx.js → format-rules-DrpEA0CZ.js}

@@ -1,4 +1,4 @@
-import { _t as colorInitialValueToComponents, bt as getColorSpaceSuffix, et as parseStyle, kt as getEffectiveDefinition, xt as getComponentPropertySyntax } from "./config-DF2QZQEW.js";
+import { Ct as getComponentPropertySyntax, St as getColorSpaceSuffix, et as parseStyle, jt as getEffectiveDefinition, yt as colorInitialValueToComponents } from "./config-BDnvK42H.js";
 //#region src/ssr/ssr-collector-ref.ts
 const GETTER_KEY = "__tasty_ssr_collector_getter__";
 let _getSSRCollector = null;
@@ -140,4 +140,4 @@ function formatRules(rules, className) {
 //#endregion
 export { registerSSRCollectorGetterGlobal as a, registerSSRCollectorGetter as i, formatPropertyCSS as n, getRegisteredSSRCollector as r, formatRules as t };
 
-//# sourceMappingURL=format-rules-DCI2lomx.js.map
+//# sourceMappingURL=format-rules-DrpEA0CZ.js.map

package/dist/{format-rules-DCI2lomx.js.map → format-rules-DrpEA0CZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"format-rules-DCI2lomx.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\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): 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    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  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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"}
+{"version":3,"file":"format-rules-DrpEA0CZ.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\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): 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    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  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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"}

package/dist/{hydrate-DsFfFPVK.js → hydrate-DItCQmmZ.js}

@@ -1,4 +1,4 @@
-import { s as getGlobalInjector } from "./config-DF2QZQEW.js";
+import { s as getGlobalInjector } from "./config-BDnvK42H.js";
 //#region src/ssr/hydrate.ts
 /**
 * Client-side cache hydration for SSR/RSC.
@@ -42,4 +42,4 @@ function hydrateTastyCache(state) {
 //#endregion
 export { hydrateTastyClasses as n, hydrateTastyCache as t };
 
-//# sourceMappingURL=hydrate-DsFfFPVK.js.map
+//# sourceMappingURL=hydrate-DItCQmmZ.js.map

package/dist/{hydrate-DsFfFPVK.js.map → hydrate-DItCQmmZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hydrate-DsFfFPVK.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\n/**\n * @deprecated Use `hydrateTastyClasses()` instead. This alias exists\n * for backwards compatibility and will be removed in a future major version.\n */\nexport function hydrateTastyCache(state?: {\n  entries?: Record<string, string>;\n}): void {\n  if (state?.entries) {\n    hydrateTastyClasses(Object.values(state.entries));\n  } else {\n    hydrateTastyClasses();\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,mBACQ,CAAC,cAAc,YAAY,SAAS;CAE7D,KAAK,MAAM,OAAO,SAChB,IAAI,CAAC,SAAS,MAAM,IAAI,IAAI,EAAE;EAC5B,SAAS,MAAM,IAAI,KAAK;GACtB,WAAW;GACX,WAAA;GACA,YAAA;GACD,CAAC;EACF,SAAS,UAAU,IAAI,KAAK,EAAE;;;;;;;AASpC,SAAgB,kBAAkB,OAEzB;CACP,IAAI,OAAO,SACT,oBAAoB,OAAO,OAAO,MAAM,QAAQ,CAAC;MAEjD,qBAAqB"}
+{"version":3,"file":"hydrate-DItCQmmZ.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\n/**\n * @deprecated Use `hydrateTastyClasses()` instead. This alias exists\n * for backwards compatibility and will be removed in a future major version.\n */\nexport function hydrateTastyCache(state?: {\n  entries?: Record<string, string>;\n}): void {\n  if (state?.entries) {\n    hydrateTastyClasses(Object.values(state.entries));\n  } else {\n    hydrateTastyClasses();\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,mBACQ,CAAC,cAAc,YAAY,SAAS;CAE7D,KAAK,MAAM,OAAO,SAChB,IAAI,CAAC,SAAS,MAAM,IAAI,IAAI,EAAE;EAC5B,SAAS,MAAM,IAAI,KAAK;GACtB,WAAW;GACX,WAAA;GACA,YAAA;GACD,CAAC;EACF,SAAS,UAAU,IAAI,KAAK,EAAE;;;;;;;AASpC,SAAgB,kBAAkB,OAEzB;CACP,IAAI,OAAO,SACT,oBAAoB,OAAO,OAAO,MAAM,QAAQ,CAAC;MAEjD,qBAAqB"}

package/dist/{index-tcHuMPFt.d.ts → index-BsJz5xBF.d.ts}

@@ -386,7 +386,7 @@ declare function hexToRgb(hex: string): string | null;
 declare function getRgbValuesFromRgbaString(str: string): number[];
 /**
  * Convert any recognized color string to an `rgb()` CSS string.
- * Handles hex, `okhsl()`, `hsl()`/`hsla()`, named CSS colors,
+ * Handles hex, `okhsl()`, `okhst()`, `hsl()`/`hsla()`, named CSS colors,
  * and `rgb()`/`rgba()` pass-through.
  */
 declare function strToRgb(color: string, _ignoreAlpha?: boolean): string | null | undefined;
@@ -1283,4 +1283,4 @@ declare function renderStyles(styles?: Styles, classNameOrSelector?: undefined,
 declare function renderStyles(styles: Styles | undefined, classNameOrSelector: string, options?: RenderStylesOptions): StyleResult[];
 //#endregion
 export { strToRgb as $, RawStyleHandler as A, getGlobalFuncs as B, SuffixForSelector as C, RawCSSResult as Ct, CUSTOM_UNITS as D, StyleInjectorConfig as Dt, CSSMap as E, SheetInfo as Et, StylePropValue as F, parseStyle as G, getGlobalPredefinedTokens as H, StyleValue as I, stringifyStyles as J, resetGlobalPredefinedTokens as K, StyleValueStateMap as L, StyleHandlerDefinition as M, StyleHandlerResult as N, DIRECTIONS as O, StyleRule as Ot, StyleMap as P, hslToRgbValues as Q, customFunc as R, StylesWithoutSelectors as S, PropertyDefinition as St, TastyPresetNames as T, RuleInfo as Tt, normalizeColorTokenValue as U, getGlobalParser as V, parseColor as W, getRgbValuesFromRgbaString as X, getNamedColorHex as Y, hexToRgb as Z, NotSelector as _, InjectionMode as _t, ParseStateKeyOptions as a, StyleDetailsPart as at, Styles as b, KeyframesResult as bt, ParsedAdvancedState as c, CacheMetrics as ct, getGlobalPredefinedStates as d, FontFaceDescriptors as dt, StyleParser as et, setGlobalPredefinedStates as f, FontFaceInput as ft, NoType as g, InjectResult as gt, ConfigTokens as h, GlobalInjectResult as ht, renderStyles as i, StyleDetails as it, StyleHandler as j, ParsedColor as k, StyleUsage as kt, StateParserContext as l, CounterStyleDescriptors as lt, ConfigTokenValue as m, GCOptions as mt, StyleResult as n, ParserOptions as nt, parseStateKey as o, UnitHandler as ot, ConditionNode as p, GCConfig as pt, setGlobalPredefinedTokens as q, isSelector as r, ProcessedStyle as rt, AtRuleContext as s, CSSProperties as st, RenderResult as t, Bucket as tt, createStateParserContext as u, DisposeFunction as ut, RecipeStyles as v, KeyframesCacheEntry as vt, TastyNamedColors as w, RootRegistry as wt, StylesInterface as x, KeyframesSteps as xt, Selector as y, KeyframesInfo as yt, filterMods as z };
-//# sourceMappingURL=index-tcHuMPFt.d.ts.map
+//# sourceMappingURL=index-BsJz5xBF.d.ts.map

package/dist/{index-D-OA_O6i.d.ts → index-C_SRmAWj.d.ts}

@@ -1,6 +1,6 @@
-import { Dt as StyleInjectorConfig, I as StyleValue, L as StyleValueStateMap, b as Styles, bt as KeyframesResult, ct as CacheMetrics, dt as FontFaceDescriptors, ft as FontFaceInput, gt as InjectResult, ht as GlobalInjectResult, it as StyleDetails, lt as CounterStyleDescriptors, mt as GCOptions, n as StyleResult, st as CSSProperties$1, x as StylesInterface, xt as KeyframesSteps } from "./index-tcHuMPFt.js";
-import { g as TastyPluginFactory, x as StyleInjector } from "./config-BoZDUHW5.js";
-import { t as ServerStyleCollector } from "./collector-osfWTeRd.js";
+import { Dt as StyleInjectorConfig, I as StyleValue, L as StyleValueStateMap, b as Styles, bt as KeyframesResult, ct as CacheMetrics, dt as FontFaceDescriptors, ft as FontFaceInput, gt as InjectResult, ht as GlobalInjectResult, it as StyleDetails, lt as CounterStyleDescriptors, mt as GCOptions, n as StyleResult, st as CSSProperties$1, x as StylesInterface, xt as KeyframesSteps } from "./index-BsJz5xBF.js";
+import { g as TastyPluginFactory, x as StyleInjector } from "./config-3h7BtX4l.js";
+import { t as ServerStyleCollector } from "./collector-CpU85p2G.js";
 import { AllHTMLAttributes, CSSProperties, ComponentType, ElementType, ForwardRefExoticComponent, JSX, PropsWithoutRef, RefAttributes } from "react";
 
 //#region src/utils/name-prefix.d.ts
@@ -29,164 +29,6 @@ declare const DEFAULT_NAME_PREFIX = "t";
 /** Default prefix used by the zero-runtime (`tastyStatic`) build path. */
 declare const DEFAULT_ZERO_NAME_PREFIX = "ts";
 //#endregion
-//#region src/plugins/okhsl-plugin.d.ts
-/**
- * The okhsl function handler for tasty parser.
- * Receives parsed style groups and returns an RGB color string.
- */
-declare const okhslFunc: (groups: StyleDetails[]) => string;
-/**
- * OKHSL Plugin for Tasty.
- *
- * Adds support for the `okhsl()` color function in tasty styles.
- *
- * @example
- * ```ts
- * import { configure } from '@tenphi/tasty';
- * import { okhslPlugin } from '@tenphi/tasty';
- *
- * configure({
- *   plugins: [okhslPlugin()],
- * });
- *
- * // Now you can use okhsl in styles:
- * const Box = tasty({
- *   styles: {
- *     fill: 'okhsl(240 50% 50%)',
- *   },
- * });
- * ```
- */
-declare const okhslPlugin: TastyPluginFactory;
-//#endregion
-//#region src/chunks/definitions.d.ts
-/**
- * Style chunk definitions for CSS chunking optimization.
- *
- * Styles are grouped into chunks based on:
- * 1. Handler dependencies - styles that share a handler MUST be in the same chunk
- * 2. Logical grouping - related styles grouped for better cache reuse
- *
- * See STYLE_CHUNKING_SPEC.md for detailed rationale.
- *
- * ============================================================================
- * ⚠️  CRITICAL ARCHITECTURAL CONSTRAINT: NO CROSS-CHUNK HANDLER DEPENDENCIES
- * ============================================================================
- *
- * Style handlers declare their dependencies via `__lookupStyles` array.
- * This creates a dependency graph where handlers read multiple style props.
- *
- * **ALL styles in a handler's `__lookupStyles` MUST be in the SAME chunk.**
- *
- * Why this matters:
- * 1. Each chunk computes a cache key from ONLY its own style values
- * 2. If a handler reads a style from another chunk, that value isn't in the cache key
- * 3. Changing the cross-chunk style won't invalidate this chunk's cache
- * 4. Result: stale CSS output or incorrect cache hits
- *
- * Example of a violation:
- * ```
- * // flowStyle.__lookupStyles = ['display', 'flow']
- * // If 'display' is in DISPLAY chunk and 'flow' is in LAYOUT chunk:
- * // - User sets { display: 'grid', flow: 'column' }
- * // - LAYOUT chunk caches CSS with flow=column, display=grid
- * // - User changes to { display: 'flex', flow: 'column' }
- * // - LAYOUT chunk cache key unchanged (only has 'flow')
- * // - Returns stale CSS computed with display=grid!
- * ```
- *
- * Before adding/moving styles, verify:
- * 1. Find all handlers that use this style (grep for the style name in __lookupStyles)
- * 2. Ensure ALL styles from each handler's __lookupStyles are in the same chunk
- * ============================================================================
- */
-/**
- * Appearance chunk - visual styling with independent handlers
- *
- * @public
- */
-declare const APPEARANCE_CHUNK_STYLES: readonly ["fill", "color", "opacity", "border", "radius", "outline", "outlineOffset", "shadow", "fade"];
-/**
- * Font chunk - typography styles
- *
- * Handler dependencies (all styles in each handler MUST stay in this chunk):
- * ⚠️ presetStyle: preset, fontSize, lineHeight, letterSpacing, textTransform,
- *    fontWeight, fontStyle, font
- */
-/** @public */
-declare const FONT_CHUNK_STYLES: readonly ["preset", "font", "fontWeight", "fontStyle", "fontSize", "lineHeight", "letterSpacing", "textTransform", "fontFamily", "textAlign", "textDecoration", "wordBreak", "wordWrap", "boldFontWeight"];
-/**
- * Dimension chunk - sizing and spacing
- *
- * Handler dependencies (all styles in each handler MUST stay in this chunk):
- * ⚠️ paddingStyle: padding, paddingTop/Right/Bottom/Left, paddingBlock/Inline
- * ⚠️ marginStyle: margin, marginTop/Right/Bottom/Left, marginBlock/Inline
- * ⚠️ widthStyle: width, minWidth, maxWidth
- * ⚠️ heightStyle: height, minHeight, maxHeight
- */
-/** @public */
-declare const DIMENSION_CHUNK_STYLES: readonly ["padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingBlock", "paddingInline", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginBlock", "marginInline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "flexBasis", "flexGrow", "flexShrink", "flex"];
-/**
- * Display chunk - display mode, layout flow, text overflow, and scrollbar
- *
- * Handler dependencies (all styles in each handler MUST stay in this chunk):
- * ⚠️ displayStyle: display, hide, textOverflow, overflow, whiteSpace
- * ⚠️ flowStyle: display, flow
- * ⚠️ gapStyle: display, flow, gap
- * ⚠️ scrollbarStyle: scrollbar, overflow
- */
-/** @public */
-declare const DISPLAY_CHUNK_STYLES: readonly ["display", "hide", "textOverflow", "overflow", "whiteSpace", "flow", "gap", "scrollbar"];
-/**
- * Layout chunk - flex/grid alignment and grid templates
- *
- * Note: flow and gap are in DISPLAY chunk due to handler dependencies
- * (flowStyle and gapStyle both require 'display' prop).
- */
-/** @public */
-declare const LAYOUT_CHUNK_STYLES: readonly ["placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "place", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas", "gridAutoFlow", "gridAutoColumns", "gridAutoRows"];
-/**
- * Position chunk - element positioning
- *
- * Handler dependencies (all styles in each handler MUST stay in this chunk):
- * ⚠️ insetStyle: inset, insetBlock, insetInline, top, right, bottom, left
- */
-/** @public */
-declare const POSITION_CHUNK_STYLES: readonly ["position", "inset", "insetBlock", "insetInline", "top", "right", "bottom", "left", "zIndex", "gridArea", "gridColumn", "gridRow", "order", "placeSelf", "alignSelf", "justifySelf", "transform", "transition", "animation"];
-declare const CHUNK_NAMES: {
-  /** Special chunk for styles that cannot be split */readonly COMBINED: "combined";
-  readonly SUBCOMPONENTS: "subcomponents";
-  readonly APPEARANCE: "appearance";
-  readonly FONT: "font";
-  readonly DIMENSION: "dimension";
-  readonly DISPLAY: "display";
-  readonly LAYOUT: "layout";
-  readonly POSITION: "position";
-  readonly MISC: "misc";
-};
-type ChunkName = (typeof CHUNK_NAMES)[keyof typeof CHUNK_NAMES];
-/**
- * Pre-computed map for O(1) style-to-chunk lookup.
- * Built once at module load time.
- */
-declare const STYLE_TO_CHUNK: Map<string, ChunkName>;
-interface ChunkInfo$1 {
-  /** Name of the chunk */
-  name: ChunkName | string;
-  /** Style keys belonging to this chunk */
-  styleKeys: string[];
-}
-/**
- * Categorize style keys into chunks.
- *
- * Returns chunks in a deterministic order (by CHUNK_ORDER) regardless
- * of the order of keys in the input styles object.
- *
- * @param styles - The styles object to categorize
- * @returns Map of chunk name to array of style keys in that chunk (in priority order)
- */
-declare function categorizeStyleKeys(styles: Record<string, unknown>): Map<string, string[]>;
-//#endregion
 //#region src/styles/list.d.ts
 declare const BASE_STYLES: readonly ["display", "font", "preset", "hide", "whiteSpace", "opacity", "transition"];
 declare const POSITION_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position", "scrollMargin"];
@@ -845,6 +687,194 @@ declare module './utils/css-types' {
   interface CSSProperties extends CSSProperties {}
 }
 //#endregion
+//#region src/plugins/okhsl-plugin.d.ts
+/**
+ * The okhsl function handler for tasty parser.
+ * Receives parsed style groups and returns an RGB color string.
+ */
+declare const okhslFunc: (groups: StyleDetails[]) => string;
+/**
+ * OKHSL Plugin for Tasty.
+ *
+ * Adds support for the `okhsl()` color function in tasty styles.
+ *
+ * @example
+ * ```ts
+ * import { configure } from '@tenphi/tasty';
+ * import { okhslPlugin } from '@tenphi/tasty';
+ *
+ * configure({
+ *   plugins: [okhslPlugin()],
+ * });
+ *
+ * // Now you can use okhsl in styles:
+ * const Box = tasty({
+ *   styles: {
+ *     fill: 'okhsl(240 50% 50%)',
+ *   },
+ * });
+ * ```
+ */
+declare const okhslPlugin: TastyPluginFactory;
+//#endregion
+//#region src/plugins/okhst-plugin.d.ts
+/**
+ * The okhst function handler for tasty parser.
+ * Receives parsed style groups and returns an RGB color string.
+ */
+declare const okhstFunc: (groups: StyleDetails[]) => string;
+/**
+ * OKHST Plugin for Tasty.
+ *
+ * Adds support for the `okhst()` color function in tasty styles.
+ *
+ * @example
+ * ```ts
+ * import { configure } from '@tenphi/tasty';
+ * import { okhstPlugin } from '@tenphi/tasty';
+ *
+ * configure({
+ *   plugins: [okhstPlugin()],
+ * });
+ *
+ * // Now you can use okhst in styles:
+ * const Box = tasty({
+ *   styles: {
+ *     fill: 'okhst(240 50% 50%)',
+ *   },
+ * });
+ * ```
+ */
+declare const okhstPlugin: TastyPluginFactory;
+//#endregion
+//#region src/chunks/definitions.d.ts
+/**
+ * Style chunk definitions for CSS chunking optimization.
+ *
+ * Styles are grouped into chunks based on:
+ * 1. Handler dependencies - styles that share a handler MUST be in the same chunk
+ * 2. Logical grouping - related styles grouped for better cache reuse
+ *
+ * See STYLE_CHUNKING_SPEC.md for detailed rationale.
+ *
+ * ============================================================================
+ * ⚠️  CRITICAL ARCHITECTURAL CONSTRAINT: NO CROSS-CHUNK HANDLER DEPENDENCIES
+ * ============================================================================
+ *
+ * Style handlers declare their dependencies via `__lookupStyles` array.
+ * This creates a dependency graph where handlers read multiple style props.
+ *
+ * **ALL styles in a handler's `__lookupStyles` MUST be in the SAME chunk.**
+ *
+ * Why this matters:
+ * 1. Each chunk computes a cache key from ONLY its own style values
+ * 2. If a handler reads a style from another chunk, that value isn't in the cache key
+ * 3. Changing the cross-chunk style won't invalidate this chunk's cache
+ * 4. Result: stale CSS output or incorrect cache hits
+ *
+ * Example of a violation:
+ * ```
+ * // flowStyle.__lookupStyles = ['display', 'flow']
+ * // If 'display' is in DISPLAY chunk and 'flow' is in LAYOUT chunk:
+ * // - User sets { display: 'grid', flow: 'column' }
+ * // - LAYOUT chunk caches CSS with flow=column, display=grid
+ * // - User changes to { display: 'flex', flow: 'column' }
+ * // - LAYOUT chunk cache key unchanged (only has 'flow')
+ * // - Returns stale CSS computed with display=grid!
+ * ```
+ *
+ * Before adding/moving styles, verify:
+ * 1. Find all handlers that use this style (grep for the style name in __lookupStyles)
+ * 2. Ensure ALL styles from each handler's __lookupStyles are in the same chunk
+ * ============================================================================
+ */
+/**
+ * Appearance chunk - visual styling with independent handlers
+ *
+ * @public
+ */
+declare const APPEARANCE_CHUNK_STYLES: readonly ["fill", "color", "opacity", "border", "radius", "outline", "outlineOffset", "shadow", "fade"];
+/**
+ * Font chunk - typography styles
+ *
+ * Handler dependencies (all styles in each handler MUST stay in this chunk):
+ * ⚠️ presetStyle: preset, fontSize, lineHeight, letterSpacing, textTransform,
+ *    fontWeight, fontStyle, font
+ */
+/** @public */
+declare const FONT_CHUNK_STYLES: readonly ["preset", "font", "fontWeight", "fontStyle", "fontSize", "lineHeight", "letterSpacing", "textTransform", "fontFamily", "textAlign", "textDecoration", "wordBreak", "wordWrap", "boldFontWeight"];
+/**
+ * Dimension chunk - sizing and spacing
+ *
+ * Handler dependencies (all styles in each handler MUST stay in this chunk):
+ * ⚠️ paddingStyle: padding, paddingTop/Right/Bottom/Left, paddingBlock/Inline
+ * ⚠️ marginStyle: margin, marginTop/Right/Bottom/Left, marginBlock/Inline
+ * ⚠️ widthStyle: width, minWidth, maxWidth
+ * ⚠️ heightStyle: height, minHeight, maxHeight
+ */
+/** @public */
+declare const DIMENSION_CHUNK_STYLES: readonly ["padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingBlock", "paddingInline", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginBlock", "marginInline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "flexBasis", "flexGrow", "flexShrink", "flex"];
+/**
+ * Display chunk - display mode, layout flow, text overflow, and scrollbar
+ *
+ * Handler dependencies (all styles in each handler MUST stay in this chunk):
+ * ⚠️ displayStyle: display, hide, textOverflow, overflow, whiteSpace
+ * ⚠️ flowStyle: display, flow
+ * ⚠️ gapStyle: display, flow, gap
+ * ⚠️ scrollbarStyle: scrollbar, overflow
+ */
+/** @public */
+declare const DISPLAY_CHUNK_STYLES: readonly ["display", "hide", "textOverflow", "overflow", "whiteSpace", "flow", "gap", "scrollbar"];
+/**
+ * Layout chunk - flex/grid alignment and grid templates
+ *
+ * Note: flow and gap are in DISPLAY chunk due to handler dependencies
+ * (flowStyle and gapStyle both require 'display' prop).
+ */
+/** @public */
+declare const LAYOUT_CHUNK_STYLES: readonly ["placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "place", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas", "gridAutoFlow", "gridAutoColumns", "gridAutoRows"];
+/**
+ * Position chunk - element positioning
+ *
+ * Handler dependencies (all styles in each handler MUST stay in this chunk):
+ * ⚠️ insetStyle: inset, insetBlock, insetInline, top, right, bottom, left
+ */
+/** @public */
+declare const POSITION_CHUNK_STYLES: readonly ["position", "inset", "insetBlock", "insetInline", "top", "right", "bottom", "left", "zIndex", "gridArea", "gridColumn", "gridRow", "order", "placeSelf", "alignSelf", "justifySelf", "transform", "transition", "animation"];
+declare const CHUNK_NAMES: {
+  /** Special chunk for styles that cannot be split */readonly COMBINED: "combined";
+  readonly SUBCOMPONENTS: "subcomponents";
+  readonly APPEARANCE: "appearance";
+  readonly FONT: "font";
+  readonly DIMENSION: "dimension";
+  readonly DISPLAY: "display";
+  readonly LAYOUT: "layout";
+  readonly POSITION: "position";
+  readonly MISC: "misc";
+};
+type ChunkName = (typeof CHUNK_NAMES)[keyof typeof CHUNK_NAMES];
+/**
+ * Pre-computed map for O(1) style-to-chunk lookup.
+ * Built once at module load time.
+ */
+declare const STYLE_TO_CHUNK: Map<string, ChunkName>;
+interface ChunkInfo$1 {
+  /** Name of the chunk */
+  name: ChunkName | string;
+  /** Style keys belonging to this chunk */
+  styleKeys: string[];
+}
+/**
+ * Categorize style keys into chunks.
+ *
+ * Returns chunks in a deterministic order (by CHUNK_ORDER) regardless
+ * of the order of keys in the input styles object.
+ *
+ * @param styles - The styles object to categorize
+ * @returns Map of chunk name to array of style keys in that chunk (in priority order)
+ */
+declare function categorizeStyleKeys(styles: Record<string, unknown>): Map<string, string[]>;
+//#endregion
 //#region src/styles/border.d.ts
 /**
  * Border style handler with multi-group support.
@@ -1744,5 +1774,5 @@ declare const tastyDebug: {
   install(): void;
 };
 //#endregion
-export { ResolveModProps as $, DISPLAY_CHUNK_STYLES as $t, chunkSheetRegistry as A, TagName as At, useKeyframes as B, COLOR_STYLES as Bt, injectRawCSS as C, InnerStyleProps as Ct, property$1 as D, PositionStyleProps as Dt, keyframes as E, OuterStyleProps as Et, getDisplayName as F, Tokens as Ft, useStyles as G, OUTER_STYLES as Gt, useGlobalStyles as H, DIMENSION_STYLES as Ht, useCounterStyle as I, BASE_STYLES as It, ElementsDefinition as J, APPEARANCE_CHUNK_STYLES as Jt, AllBasePropsWithMods as K, POSITION_STYLES as Kt, useFontFace as L, BLOCK_INNER_STYLES as Lt, ComputeStylesResult as M, TastyThemeNames as Mt, computeStyles as N, TextStyleProps as Nt, touch as O, Props as Ot, styleHandlers as P, TokenValue as Pt, ResolveModPropDef as Q, DIMENSION_CHUNK_STYLES as Qt, UsePropertyOptions as R, BLOCK_OUTER_STYLES as Rt, injectGlobal as S, GlobalStyledProps as St, isPropertyDefined as T, Mods as Tt, UseStylesOptions as U, FLOW_STYLES as Ut, useRawCSS as V, CONTAINER_STYLES as Vt, UseStylesResult as W, INNER_STYLES as Wt, ModPropsInput as X, ChunkInfo$1 as Xt, ModPropDef as Y, CHUNK_NAMES as Yt, ResolveAsProps as Z, ChunkName as Zt, getCssText as _, BlockStyleProps as _t, resolveRecipes as a, okhslFunc as an, TastyPolymorphicComponent as at, getRawCSSText as b, DimensionStyleProps as bt, color$1 as c, DEFAULT_ZERO_NAME_PREFIX as cn, VariantMap as ct, cleanup as d, AllBaseProps as dt, FONT_CHUNK_STYLES as en, ResolveTokenProps as et, counterStyle as f, BaseProps as ft, gc as g, BlockOuterStyleProps as gt, fontFace as h, BlockInnerStyleProps as ht, warn as i, categorizeStyleKeys as in, TastyElementProps as it, ComputeStylesOptions as j, TastyExtensionConfig as jt, ChunkSheetRegistry as k, ShortGridStyles as kt, filterBaseProps as l, WithVariant as lt, destroy as m, BaseStyleProps as mt, processTokens as n, POSITION_CHUNK_STYLES as nn, SubElementProps as nt, dotize as o, okhslPlugin as on, TastyProps as ot, createInjector as p, BasePropsWithoutChildren as pt, Element$1 as q, TEXT_STYLES as qt, deprecationWarning as r, STYLE_TO_CHUNK as rn, TastyElementOptions as rt, _modAttrs as s, DEFAULT_NAME_PREFIX as sn, TokenPropsInput as st, tastyDebug as t, LAYOUT_CHUNK_STYLES as tn, SubElementDefinition as tt, PropertyOptions as u, tasty as ut, getCssTextForNode as v, ColorStyleProps as vt, injector as w, ModValue as wt, inject as x, FlowStyleProps as xt, getIsTestEnvironment as y, ContainerStyleProps as yt, useProperty as z, BLOCK_STYLES as zt };
-//# sourceMappingURL=index-D-OA_O6i.d.ts.map
+export { UsePropertyOptions as $, BLOCK_OUTER_STYLES as $t, chunkSheetRegistry as A, BlockInnerStyleProps as At, DISPLAY_CHUNK_STYLES as B, Mods as Bt, injectRawCSS as C, VariantMap as Ct, property$1 as D, BaseProps as Dt, keyframes as E, AllBaseProps as Et, APPEARANCE_CHUNK_STYLES as F, DimensionStyleProps as Ft, categorizeStyleKeys as G, TagName as Gt, LAYOUT_CHUNK_STYLES as H, PositionStyleProps as Ht, CHUNK_NAMES as I, FlowStyleProps as It, okhslFunc as J, TextStyleProps as Jt, okhstFunc as K, TastyExtensionConfig as Kt, ChunkInfo$1 as L, GlobalStyledProps as Lt, ComputeStylesResult as M, BlockStyleProps as Mt, computeStyles as N, ColorStyleProps as Nt, touch as O, BasePropsWithoutChildren as Ot, styleHandlers as P, ContainerStyleProps as Pt, useFontFace as Q, BLOCK_INNER_STYLES as Qt, ChunkName as R, InnerStyleProps as Rt, injectGlobal as S, TokenPropsInput as St, isPropertyDefined as T, tasty as Tt, POSITION_CHUNK_STYLES as U, Props as Ut, FONT_CHUNK_STYLES as V, OuterStyleProps as Vt, STYLE_TO_CHUNK as W, ShortGridStyles as Wt, getDisplayName as X, Tokens as Xt, okhslPlugin as Y, TokenValue as Yt, useCounterStyle as Z, BASE_STYLES as Zt, getCssText as _, SubElementProps as _t, resolveRecipes as a, INNER_STYLES as an, UseStylesResult as at, getRawCSSText as b, TastyPolymorphicComponent as bt, color$1 as c, TEXT_STYLES as cn, Element$1 as ct, cleanup as d, ModPropsInput as dt, BLOCK_STYLES as en, useProperty as et, counterStyle as f, ResolveAsProps as ft, gc as g, SubElementDefinition as gt, fontFace as h, ResolveTokenProps as ht, warn as i, FLOW_STYLES as in, UseStylesOptions as it, ComputeStylesOptions as j, BlockOuterStyleProps as jt, ChunkSheetRegistry as k, BaseStyleProps as kt, filterBaseProps as l, DEFAULT_NAME_PREFIX as ln, ElementsDefinition as lt, destroy as m, ResolveModProps as mt, processTokens as n, CONTAINER_STYLES as nn, useRawCSS as nt, dotize as o, OUTER_STYLES as on, useStyles as ot, createInjector as p, ResolveModPropDef as pt, okhstPlugin as q, TastyThemeNames as qt, deprecationWarning as r, DIMENSION_STYLES as rn, useGlobalStyles as rt, _modAttrs as s, POSITION_STYLES as sn, AllBasePropsWithMods as st, tastyDebug as t, COLOR_STYLES as tn, useKeyframes as tt, PropertyOptions as u, DEFAULT_ZERO_NAME_PREFIX as un, ModPropDef as ut, getCssTextForNode as v, TastyElementOptions as vt, injector as w, WithVariant as wt, inject as x, TastyProps as xt, getIsTestEnvironment as y, TastyElementProps as yt, DIMENSION_CHUNK_STYLES as z, ModValue as zt };
+//# sourceMappingURL=index-C_SRmAWj.d.ts.map