@tenphi/tasty 3.11.1 → 3.11.2

package/dist/chunks/{zero-engine-Dw0P4yGM.js → zero-engine-D2jPSpWA.js}

@@ -1,7 +1,7 @@
-import { C as hasLocalFontFace, D as makeClassName, F as extractLocalProperties, G as hasLocalFunctions, I as getEffectiveDefinition, J as registerLocalFunctionPolyfills, K as parseFunctionName, L as hasLocalProperties, M as validateNamePrefix, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, V as extractLocalFunctions, W as formatFunctionRule, _ as formatCounterStyleRule, a as formatKeyframesSteps, c as extractLocalKeyframes, d as mergeKeyframes, h as extractLocalCounterStyle, i as formatKeyframesCSS, k as makeKeyframeName, l as filterUsedKeyframes, o as formatPropertyCSS, q as registerFunctionPolyfill, s as extractAnimationNamesFromStyles, u as hasLocalKeyframes, v as hasLocalCounterStyle, w as PropertyTypeResolver, y as extractLocalFontFace } from "./css-definitions-ubrHP97m.js";
-import { b as renderStyles, n as generateChunkCacheKey, q as isFunctionsPolyfillEnabled, r as categorizeStyleKeys, t as renderStylesForChunk } from "./style-engine-BX2LshDZ.js";
-import { t as resolveRecipesWith } from "./config-engine-uOFYZidB.js";
-import { i as reapplyZeroConfig, o as setActiveZeroConfig, r as getActiveZeroConfig } from "./build-config-5d8WlQbq.js";
+import { C as hasLocalFontFace, D as makeClassName, F as extractLocalProperties, G as hasLocalFunctions, I as getEffectiveDefinition, J as registerLocalFunctionPolyfills, K as parseFunctionName, L as hasLocalProperties, M as validateNamePrefix, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, V as extractLocalFunctions, W as formatFunctionRule, _ as formatCounterStyleRule, a as formatKeyframesSteps, c as extractLocalKeyframes, d as mergeKeyframes, h as extractLocalCounterStyle, i as formatKeyframesCSS, k as makeKeyframeName, l as filterUsedKeyframes, o as formatPropertyCSS, q as registerFunctionPolyfill, s as extractAnimationNamesFromStyles, u as hasLocalKeyframes, v as hasLocalCounterStyle, w as PropertyTypeResolver, y as extractLocalFontFace } from "./css-definitions-DW1TGGiy.js";
+import { b as renderStyles, n as generateChunkCacheKey, q as isFunctionsPolyfillEnabled, r as categorizeStyleKeys, t as renderStylesForChunk } from "./style-engine-of5Xbc27.js";
+import { t as resolveRecipesWith } from "./config-engine-DJsb5WYu.js";
+import { i as reapplyZeroConfig, o as setActiveZeroConfig, r as getActiveZeroConfig } from "./build-config-DlxpZKk_.js";
 import { createHash } from "crypto";
 import * as fs from "fs";
 import * as path from "path";
@@ -307,4 +307,4 @@ function createCSSWriter(outputPath, options) {
 //#endregion
 export { extractCounterStyleFromStyles as a, extractKeyframesFromStyles as c, extractStylesForSelector as d, extractStylesWithChunks as f, setExtractorNamePrefix as h, extractConfigProperties as i, extractPropertiesFromStyles as l, replaceAnimationNamesInCSS as m, createCSSWriter as n, extractFontFaceFromStyles as o, renderSelectorCSS as p, extractChunks as r, extractFunctionsFromStyles as s, CSSWriter as t, extractSelectorCSS as u };
 
-//# sourceMappingURL=zero-engine-Dw0P4yGM.js.map
+//# sourceMappingURL=zero-engine-D2jPSpWA.js.map

package/dist/chunks/{zero-engine-Dw0P4yGM.js.map → zero-engine-D2jPSpWA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"zero-engine-Dw0P4yGM.js","names":[],"sources":["../../src/zero/extractor.ts","../../src/zero/css-writer.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n  categorizeStyleKeys,\n  generateChunkCacheKey,\n  renderStylesForChunk,\n} from '../chunks';\nimport type {\n  CounterStyleDescriptors,\n  FontFaceDescriptors,\n  FontFaceInput,\n  FunctionDefinition,\n  KeyframesSteps,\n  PropertyDefinition,\n} from '../injector/types';\nimport {\n  extractLocalCounterStyle,\n  formatCounterStyleRule,\n  hasLocalCounterStyle,\n} from '../counter-style';\nimport {\n  extractLocalFontFace,\n  formatFontFaceRule,\n  hasLocalFontFace,\n} from '../font-face';\nimport { isFunctionsPolyfillEnabled } from '../config-state';\nimport {\n  extractLocalFunctions,\n  formatFunctionRule,\n  hasLocalFunctions,\n  parseFunctionName,\n  registerFunctionPolyfill,\n  registerLocalFunctionPolyfills,\n} from '../functions';\nimport {\n  extractAnimationNamesFromStyles,\n  extractLocalKeyframes,\n  filterUsedKeyframes,\n  hasLocalKeyframes,\n  mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport {\n  formatKeyframesCSS,\n  formatKeyframesSteps,\n} from '../ssr/format-keyframes';\nimport {\n  extractLocalProperties,\n  getEffectiveDefinition,\n  hasLocalProperties,\n} from '../properties';\nimport { DEFAULT_PROPERTIES } from '../properties/defaults';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport { formatPropertyCSS } from '../ssr/format-property';\nimport type { Styles } from '../styles/types';\nimport {\n  DEFAULT_ZERO_NAME_PREFIX,\n  makeClassName,\n  makeKeyframeName,\n  validateNamePrefix,\n} from '../utils/name-prefix';\nimport { resolveRecipesWith } from '../utils/resolve-recipes-core';\n\nimport type { ResolvedZeroConfig } from './config';\nimport {\n  getActiveZeroConfig,\n  reapplyZeroConfig,\n  setActiveZeroConfig,\n} from './config';\n\nexport interface ExtractedChunk {\n  className: string;\n  css: string;\n}\n\nexport interface ExtractedSelector {\n  selector: string;\n  css: string;\n}\n\nexport interface ExtractedKeyframes {\n  name: string;\n  css: string;\n}\n\ninterface KeyframesExtractionResult {\n  /** Keyframes to inject (deduplicated by content) */\n  keyframes: ExtractedKeyframes[];\n  /** Map from original animation name to canonical name (for replacement) */\n  nameMap: Map<string, string>;\n}\n\n/**\n * Module-level prefix used by the zero-runtime extractor.\n * Defaults to `'ts'` so static classes never collide with the runtime\n * `'t'` classes when both are loaded on the same page. Override via\n * `setExtractorNamePrefix()` from the Babel plugin so user config flows\n * into the extractor.\n */\nlet currentNamePrefix: string = DEFAULT_ZERO_NAME_PREFIX;\n\n/**\n * Set the prefix used by the zero-runtime extractor.\n * Called by the Babel plugin after resolving user config so that\n * generated class and keyframe names match the user's configuration.\n */\nexport function setExtractorNamePrefix(prefix: string): void {\n  validateNamePrefix(prefix);\n  currentNamePrefix = prefix;\n}\n\n/**\n * Get the prefix currently used by the zero-runtime extractor.\n * Exposed primarily for tests.\n */\nexport function getExtractorNamePrefix(): string {\n  return currentNamePrefix;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n  const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n  return makeClassName(currentNamePrefix, hash);\n}\n\n/**\n * The configuration set through `/zero` `configure()`, applied to the engine\n * again if something else replaced it since (the state is process-wide).\n * The Babel plugin applies and passes its own, and uses the internal\n * extractors that skip this.\n */\nfunction applyActiveConfig(): ResolvedZeroConfig | null {\n  const active = getActiveZeroConfig();\n  if (!active) return null;\n\n  const applied = reapplyZeroConfig(active);\n  if (applied !== active) {\n    setActiveZeroConfig(applied);\n    setExtractorNamePrefix(\n      applied.source.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX,\n    );\n  }\n  return applied;\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n  const config = applyActiveConfig();\n  return extractChunks(\n    config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n  );\n}\n\n/**\n * Chunked class extraction against whatever configuration is applied.\n */\nexport function extractChunks(styles: Styles): ExtractedChunk[] {\n  const chunks: ExtractedChunk[] = [];\n\n  // Categorize style keys into chunks\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n\n    // Generate cache key for this chunk (used for className hash)\n    const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n    // Render styles for this chunk\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n\n    if (renderResult.rules.length === 0) continue;\n\n    // Generate deterministic className from content hash\n    const className = generateClassName(cacheKey);\n    const selector = `.${className}.${className}`;\n\n    // Format CSS\n    const css = formatRulesToCSS(renderResult.rules, selector);\n\n    chunks.push({ className, css });\n  }\n\n  return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block, led by the `@keyframes` its rules animate.\n */\nexport function extractStylesForSelector(\n  selector: string,\n  styles: Styles,\n): ExtractedSelector {\n  const config = applyActiveConfig();\n  const css = extractSelectorCSS(\n    selector,\n    config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n    config?.normalized.keyframes,\n  );\n\n  return { selector, css };\n}\n\n/**\n * Selector-mode CSS with the `@keyframes` its rules animate — local ones and\n * the given global ones — under hashed names the rules are rewritten to.\n */\nexport function extractSelectorCSS(\n  selector: string,\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): string {\n  const css = renderSelectorCSS(selector, styles);\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n  if (keyframes.length === 0) return css;\n\n  return [\n    ...keyframes.map((kf) => kf.css),\n    replaceAnimationNamesInCSS(css, nameMap),\n  ].join('\\n\\n');\n}\n\n/**\n * Selector-mode rules alone, for callers that emit the keyframes themselves.\n */\nexport function renderSelectorCSS(selector: string, styles: Styles): string {\n  // renderStyles with selector returns StyleResult[] with selectors already applied\n  const rules = renderStyles(styles, selector);\n  // Format without re-prefixing - rules already have the full selector\n  return formatRulesDirectly(rules);\n}\n\n/**\n * Replace animation names in formatted CSS (whole rules, not declarations).\n */\nexport function replaceAnimationNamesInCSS(\n  css: string,\n  nameMap: Map<string, string>,\n): string {\n  if (nameMap.size === 0) return css;\n\n  // The CSS contains full rules like \".class { animation: name 1s; }\".\n  // Only a declaration start (after `{` or `;`) counts, so neither a selector\n  // such as `.animation:hover` nor a custom property such as\n  // `--my-animation` is rewritten.\n  return css.replace(\n    /(?<=[{;]\\s*)(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n    (match, prop, value) => {\n      let newValue = value;\n      for (const [original, replacement] of nameMap) {\n        // Identifier boundary: `-` continues a name, so `spin` stays out of\n        // `spin-fast`.\n        const pattern = new RegExp(\n          `(?<![\\\\w-])${escapeRegex(original)}(?![\\\\w-])`,\n          'g',\n        );\n        newValue = newValue.replace(pattern, replacement);\n      }\n      return `${prop}: ${newValue}`;\n    },\n  );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n  return rules\n    .map((rule) => {\n      // Handle selector as array (OR conditions) or string\n      // Note: renderStyles without className joins array selectors with '|||' placeholder\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? rule.selector.split('|||')\n          : [''];\n\n      // Prefix each selector part with the base selector\n      const fullSelector = selectorParts\n        .map((part) => {\n          // Build selector: [rootPrefix] baseSelector[part]\n          let selector: string;\n\n          // If part is empty, just use base selector\n          if (!part) {\n            selector = baseSelector;\n          } else if (part.startsWith(':') || part.startsWith('[')) {\n            // If part starts with a pseudo-class or pseudo-element, append to base\n            selector = `${baseSelector}${part}`;\n          } else if (\n            part.startsWith('>') ||\n            part.startsWith('+') ||\n            part.startsWith('~')\n          ) {\n            // If part starts with >, +, ~ combinator, append with space\n            selector = `${baseSelector}${part}`;\n          } else {\n            // Otherwise, combine base with part\n            selector = `${baseSelector}${part}`;\n          }\n\n          // Prepend rootPrefix if present (for @root() states)\n          if (rule.rootPrefix) {\n            selector = `${rule.rootPrefix} ${selector}`;\n          }\n\n          return selector;\n        })\n        .join(', ');\n\n      let css = `${fullSelector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n  return rules\n    .map((rule) => {\n      // Prepend rootPrefix if present (for @root() states)\n      const selector = rule.rootPrefix\n        ? `${rule.rootPrefix} ${rule.selector}`\n        : rule.selector;\n\n      const declarations = rule.startingStyle\n        ? `@starting-style { ${rule.declarations} }`\n        : rule.declarations;\n      let css = `${selector} { ${declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n *\n * Uses the configured prefix with a `k` discriminator so keyframe names\n * stay visually distinct from class names sharing the same prefix.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n  const content = JSON.stringify(steps);\n  const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n  return makeKeyframeName(currentNamePrefix, hash);\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n  const emptyResult: KeyframesExtractionResult = {\n    keyframes: [],\n    nameMap: new Map(),\n  };\n\n  // Extract animation names from styles\n  const usedNames = extractAnimationNamesFromStyles(styles);\n  if (usedNames.size === 0) return emptyResult;\n\n  // Merge local and global keyframes\n  const local = hasLocalKeyframes(styles)\n    ? extractLocalKeyframes(styles)\n    : null;\n  const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n  // Filter to only used keyframes\n  const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n  if (!usedKeyframes) return emptyResult;\n\n  // Generate hash-based names and collect unique keyframes\n  const seenHashes = new Set<string>();\n  const nameMap = new Map<string, string>();\n  const keyframesToEmit: ExtractedKeyframes[] = [];\n\n  for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n    const hashedName = generateKeyframesName(steps);\n\n    // Always map original name to hashed name (for CSS replacement)\n    nameMap.set(originalName, hashedName);\n\n    // Only emit each unique keyframe once\n    if (!seenHashes.has(hashedName)) {\n      seenHashes.add(hashedName);\n      const css = formatKeyframesCSS(hashedName, steps);\n      keyframesToEmit.push({ name: hashedName, css });\n    }\n  }\n\n  return { keyframes: keyframesToEmit, nameMap };\n}\n\n// ============================================================================\n// Property Extraction (auto-infer @property types for zero-runtime)\n// ============================================================================\n\nexport interface ExtractedProperty {\n  name: string;\n  css: string;\n}\n\nexport interface PropertyExtractionOptions {\n  /** `false` turns automatic `@property` inference off. */\n  autoPropertyTypes?: boolean;\n  /**\n   * CSS names (`--gap`, `--white-color`) already registered elsewhere, such as\n   * by {@link extractConfigProperties}. Inference leaves them alone, so the\n   * explicit definition is the one that applies.\n   */\n  defined?: ReadonlySet<string>;\n}\n\n/**\n * The `@property` rules a configuration registers: Tasty's defaults (`#white`,\n * `#border`, `$gap`, `$radius`, …) overlaid with `config.properties`, the same\n * set the runtime registers.\n *\n * Style handlers read several of the defaults with no fallback of their own,\n * so CSS from `extractStylesWithChunks()` and `extractStylesForSelector()`\n * needs these rules alongside it, once per stylesheet.\n *\n * @param properties - Properties to overlay on the defaults. Without it, the\n * ones set through `/zero` `configure()` (plugins included).\n */\nexport function extractConfigProperties(\n  properties: Record<string, PropertyDefinition> = getActiveZeroConfig()\n    ?.normalized.properties ?? {},\n): ExtractedProperty[] {\n  const results: ExtractedProperty[] = [];\n\n  for (const [token, definition] of Object.entries({\n    ...DEFAULT_PROPERTIES,\n    ...properties,\n  })) {\n    const { cssName, isValid } = getEffectiveDefinition(token, definition);\n    const css = isValid ? formatPropertyCSS(token, definition) : '';\n    if (css) results.push({ name: cssName, css });\n  }\n\n  return results;\n}\n\n/**\n * Extract auto-inferred @property declarations from styles.\n * Scans rendered style declarations and keyframe declarations for custom properties\n * whose types can be inferred from their values.\n *\n * @param styles - The styles object\n * @param options - Whether inference is on, and which properties to leave alone\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n  styles: Styles,\n  options?: PropertyExtractionOptions,\n): ExtractedProperty[] {\n  if (options?.autoPropertyTypes === false) return [];\n\n  const registered = new Set<string>(options?.defined);\n  const results: ExtractedProperty[] = [];\n\n  // Collect explicitly declared properties (they take precedence)\n  if (hasLocalProperties(styles)) {\n    const localProps = extractLocalProperties(styles);\n    if (localProps) {\n      for (const token of Object.keys(localProps)) {\n        // Normalize token to CSS name\n        let cssName: string;\n        if (token.startsWith('#')) {\n          cssName = `--${token.slice(1)}-color`;\n        } else if (token.startsWith('$')) {\n          cssName = `--${token.slice(1)}`;\n        } else if (token.startsWith('--')) {\n          cssName = token;\n        } else {\n          cssName = `--${token}`;\n        }\n        registered.add(cssName);\n      }\n    }\n  }\n\n  const resolver = new PropertyTypeResolver();\n\n  const registerProperty = (\n    name: string,\n    syntax: string,\n    initialValue: string,\n  ) => {\n    if (registered.has(name)) return;\n    registered.add(name);\n\n    const parts: string[] = [];\n    parts.push(`syntax: \"${syntax}\";`);\n    parts.push(`inherits: true;`);\n    parts.push(`initial-value: ${initialValue};`);\n\n    const css = `@property ${name} { ${parts.join(' ')} }`;\n    results.push({ name, css });\n  };\n\n  const isPropertyDefined = (name: string) => registered.has(name);\n\n  // Scan rendered style declarations\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n    for (const rule of renderResult.rules) {\n      if (!rule.declarations) continue;\n      resolver.scanDeclarations(\n        rule.declarations,\n        isPropertyDefined,\n        registerProperty,\n      );\n    }\n  }\n\n  // Scan keyframe declarations\n  if (hasLocalKeyframes(styles)) {\n    const localKf = extractLocalKeyframes(styles);\n    if (localKf) {\n      for (const steps of Object.values(localKf)) {\n        scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);\n      }\n    }\n  }\n\n  return results;\n}\n\nfunction scanKeyframeSteps(\n  steps: KeyframesSteps,\n  resolver: PropertyTypeResolver,\n  isPropertyDefined: (name: string) => boolean,\n  registerProperty: (\n    name: string,\n    syntax: string,\n    initialValue: string,\n  ) => void,\n): void {\n  // The declarations the steps are emitted with, so `$name` and `#name` keys\n  // register the custom properties they actually set.\n  resolver.scanDeclarations(\n    formatKeyframesSteps(steps).declarations,\n    isPropertyDefined,\n    registerProperty,\n  );\n}\n\n// ============================================================================\n// Font Face Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFontFace {\n  css: string;\n}\n\n/**\n * Extract @font-face rules from styles, merging with global config.\n * Deduplicates by content hash.\n */\nexport function extractFontFaceFromStyles(\n  styles: Styles,\n  globalFontFace?: Record<string, FontFaceInput> | null,\n): ExtractedFontFace[] {\n  const results: ExtractedFontFace[] = [];\n  const seenHashes = new Set<string>();\n\n  function addFontFace(family: string, input: FontFaceInput) {\n    const descriptors: FontFaceDescriptors[] = Array.isArray(input)\n      ? input\n      : [input];\n    for (const desc of descriptors) {\n      const hash = createHash('md5')\n        .update(JSON.stringify({ family, ...desc }))\n        .digest('hex')\n        .slice(0, 8);\n      if (!seenHashes.has(hash)) {\n        seenHashes.add(hash);\n        results.push({ css: formatFontFaceRule(family, desc) });\n      }\n    }\n  }\n\n  // Global font faces first\n  if (globalFontFace) {\n    for (const [family, input] of Object.entries(globalFontFace)) {\n      addFontFace(family, input);\n    }\n  }\n\n  // Local font faces. @font-face is keyed by content hash, not family name, so\n  // distinct definitions all emit and byte-identical ones collapse — there is\n  // no \"winner\" to pick between a global and a local definition.\n  if (hasLocalFontFace(styles)) {\n    const local = extractLocalFontFace(styles);\n    if (local) {\n      for (const [family, input] of Object.entries(local)) {\n        addFontFace(family, input);\n      }\n    }\n  }\n\n  return results;\n}\n\n// ============================================================================\n// Counter Style Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedCounterStyle {\n  name: string;\n  css: string;\n}\n\n/**\n * Extract @counter-style rules from styles, merging with global config.\n * Deduplicates by name; component-local definitions override global ones with\n * the same name (local wins).\n */\nexport function extractCounterStyleFromStyles(\n  styles: Styles,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors> | null,\n): ExtractedCounterStyle[] {\n  const byName = new Map<string, ExtractedCounterStyle>();\n\n  function addCounterStyle(name: string, descriptors: CounterStyleDescriptors) {\n    byName.set(name, { name, css: formatCounterStyleRule(name, descriptors) });\n  }\n\n  // Global counter styles first, then local — local replaces global on conflict.\n  if (globalCounterStyle) {\n    for (const [name, descriptors] of Object.entries(globalCounterStyle)) {\n      addCounterStyle(name, descriptors);\n    }\n  }\n\n  if (hasLocalCounterStyle(styles)) {\n    const local = extractLocalCounterStyle(styles);\n    if (local) {\n      for (const [name, descriptors] of Object.entries(local)) {\n        addCounterStyle(name, descriptors);\n      }\n    }\n  }\n\n  return [...byName.values()];\n}\n\n// ============================================================================\n// Function Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFunction {\n  name: string;\n  css: string;\n}\n\n/**\n * Extract @function rules from styles, merging with global config.\n * Deduplicates by CSS function name; component-local definitions override\n * global ones with the same name (local wins).\n */\nexport function extractFunctionsFromStyles(\n  styles: Styles,\n  globalFunction?: Record<string, FunctionDefinition> | null,\n): ExtractedFunction[] {\n  // @function polyfill: register definitions as inline closures so call sites\n  // are expanded to plain CSS during chunk rendering. No native @function rules\n  // are emitted. Global definitions are also registered here as a safety net in\n  // case configure() ran in a separate module scope.\n  if (isFunctionsPolyfillEnabled()) {\n    if (globalFunction) {\n      for (const [name, definition] of Object.entries(globalFunction)) {\n        registerFunctionPolyfill(name, definition);\n      }\n    }\n    registerLocalFunctionPolyfills(styles);\n    return [];\n  }\n\n  const byName = new Map<string, ExtractedFunction>();\n\n  function addFunction(name: string, definition: FunctionDefinition) {\n    const cssName = parseFunctionName(name);\n    byName.set(cssName, {\n      name: cssName,\n      css: formatFunctionRule(name, definition),\n    });\n  }\n\n  // Global functions first, then local — local replaces global on conflict.\n  if (globalFunction) {\n    for (const [name, definition] of Object.entries(globalFunction)) {\n      addFunction(name, definition);\n    }\n  }\n\n  if (hasLocalFunctions(styles)) {\n    const local = extractLocalFunctions(styles);\n    if (local) {\n      for (const [name, definition] of Object.entries(local)) {\n        addFunction(name, definition);\n      }\n    }\n  }\n\n  return [...byName.values()];\n}\n","import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface CSSWriterOptions {\n  /** Enable source comments in output (e.g., \"from: Button.tsx\") */\n  devMode?: boolean;\n}\n\ninterface CSSBlock {\n  css: string;\n  source?: string;\n}\n\nexport class CSSWriter {\n  private cssBlocks = new Map<string, CSSBlock>();\n  private outputPath: string;\n  private devMode: boolean;\n\n  constructor(outputPath: string, options: CSSWriterOptions = {}) {\n    this.outputPath = outputPath;\n    this.devMode = options.devMode ?? false;\n  }\n\n  /**\n   * Add CSS block with deduplication key\n   * @param key - Unique key for deduplication\n   * @param css - CSS content\n   * @param source - Optional source file path (used in devMode)\n   */\n  add(key: string, css: string, source?: string): void {\n    this.cssBlocks.set(key, { css, source });\n  }\n\n  /**\n   * Check if a key already exists\n   */\n  has(key: string): boolean {\n    return this.cssBlocks.has(key);\n  }\n\n  /**\n   * Get the number of CSS blocks\n   */\n  get size(): number {\n    return this.cssBlocks.size;\n  }\n\n  /**\n   * Write all collected CSS to the output file\n   */\n  write(): void {\n    const outputDir = path.dirname(this.outputPath);\n\n    // Ensure directory exists\n    if (!fs.existsSync(outputDir)) {\n      fs.mkdirSync(outputDir, { recursive: true });\n    }\n\n    // Combine all CSS blocks with optional source comments\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    const css = cssBlocks.join('\\n\\n');\n\n    // Add header comment\n    const header = `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n\\n`;\n\n    fs.writeFileSync(this.outputPath, header + css);\n  }\n\n  /**\n   * Get all CSS as string (for testing or in-memory use)\n   */\n  getCSS(): string {\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    return cssBlocks.join('\\n\\n');\n  }\n\n  /**\n   * Clear all collected CSS\n   */\n  clear(): void {\n    this.cssBlocks.clear();\n  }\n\n  /**\n   * Get the output path\n   */\n  getOutputPath(): string {\n    return this.outputPath;\n  }\n}\n\n/**\n * Factory for creating a {@link CSSWriter} instance.\n *\n * Canonical functional entry point; the `CSSWriter` class remains exported\n * for advanced/internal use.\n *\n * @example\n * ```ts\n * import { createCSSWriter } from '@tenphi/tasty/zero';\n *\n * const writer = createCSSWriter('output.css', { devMode: true });\n * ```\n */\nexport function createCSSWriter(\n  outputPath: string,\n  options?: CSSWriterOptions,\n): CSSWriter {\n  return new CSSWriter(outputPath, options);\n}\n"],"mappings":"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"}
+{"version":3,"file":"zero-engine-D2jPSpWA.js","names":[],"sources":["../../src/zero/extractor.ts","../../src/zero/css-writer.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n  categorizeStyleKeys,\n  generateChunkCacheKey,\n  renderStylesForChunk,\n} from '../chunks';\nimport type {\n  CounterStyleDescriptors,\n  FontFaceDescriptors,\n  FontFaceInput,\n  FunctionDefinition,\n  KeyframesSteps,\n  PropertyDefinition,\n} from '../injector/types';\nimport {\n  extractLocalCounterStyle,\n  formatCounterStyleRule,\n  hasLocalCounterStyle,\n} from '../counter-style';\nimport {\n  extractLocalFontFace,\n  formatFontFaceRule,\n  hasLocalFontFace,\n} from '../font-face';\nimport { isFunctionsPolyfillEnabled } from '../config-state';\nimport {\n  extractLocalFunctions,\n  formatFunctionRule,\n  hasLocalFunctions,\n  parseFunctionName,\n  registerFunctionPolyfill,\n  registerLocalFunctionPolyfills,\n} from '../functions';\nimport {\n  extractAnimationNamesFromStyles,\n  extractLocalKeyframes,\n  filterUsedKeyframes,\n  hasLocalKeyframes,\n  mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport {\n  formatKeyframesCSS,\n  formatKeyframesSteps,\n} from '../ssr/format-keyframes';\nimport {\n  extractLocalProperties,\n  getEffectiveDefinition,\n  hasLocalProperties,\n} from '../properties';\nimport { DEFAULT_PROPERTIES } from '../properties/defaults';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport { formatPropertyCSS } from '../ssr/format-property';\nimport type { Styles } from '../styles/types';\nimport {\n  DEFAULT_ZERO_NAME_PREFIX,\n  makeClassName,\n  makeKeyframeName,\n  validateNamePrefix,\n} from '../utils/name-prefix';\nimport { resolveRecipesWith } from '../utils/resolve-recipes-core';\n\nimport type { ResolvedZeroConfig } from './config';\nimport {\n  getActiveZeroConfig,\n  reapplyZeroConfig,\n  setActiveZeroConfig,\n} from './config';\n\nexport interface ExtractedChunk {\n  className: string;\n  css: string;\n}\n\nexport interface ExtractedSelector {\n  selector: string;\n  css: string;\n}\n\nexport interface ExtractedKeyframes {\n  name: string;\n  css: string;\n}\n\ninterface KeyframesExtractionResult {\n  /** Keyframes to inject (deduplicated by content) */\n  keyframes: ExtractedKeyframes[];\n  /** Map from original animation name to canonical name (for replacement) */\n  nameMap: Map<string, string>;\n}\n\n/**\n * Module-level prefix used by the zero-runtime extractor.\n * Defaults to `'ts'` so static classes never collide with the runtime\n * `'t'` classes when both are loaded on the same page. Override via\n * `setExtractorNamePrefix()` from the Babel plugin so user config flows\n * into the extractor.\n */\nlet currentNamePrefix: string = DEFAULT_ZERO_NAME_PREFIX;\n\n/**\n * Set the prefix used by the zero-runtime extractor.\n * Called by the Babel plugin after resolving user config so that\n * generated class and keyframe names match the user's configuration.\n */\nexport function setExtractorNamePrefix(prefix: string): void {\n  validateNamePrefix(prefix);\n  currentNamePrefix = prefix;\n}\n\n/**\n * Get the prefix currently used by the zero-runtime extractor.\n * Exposed primarily for tests.\n */\nexport function getExtractorNamePrefix(): string {\n  return currentNamePrefix;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n  const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n  return makeClassName(currentNamePrefix, hash);\n}\n\n/**\n * The configuration set through `/zero` `configure()`, applied to the engine\n * again if something else replaced it since (the state is process-wide).\n * The Babel plugin applies and passes its own, and uses the internal\n * extractors that skip this.\n */\nfunction applyActiveConfig(): ResolvedZeroConfig | null {\n  const active = getActiveZeroConfig();\n  if (!active) return null;\n\n  const applied = reapplyZeroConfig(active);\n  if (applied !== active) {\n    setActiveZeroConfig(applied);\n    setExtractorNamePrefix(\n      applied.source.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX,\n    );\n  }\n  return applied;\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n  const config = applyActiveConfig();\n  return extractChunks(\n    config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n  );\n}\n\n/**\n * Chunked class extraction against whatever configuration is applied.\n */\nexport function extractChunks(styles: Styles): ExtractedChunk[] {\n  const chunks: ExtractedChunk[] = [];\n\n  // Categorize style keys into chunks\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n\n    // Generate cache key for this chunk (used for className hash)\n    const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n    // Render styles for this chunk\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n\n    if (renderResult.rules.length === 0) continue;\n\n    // Generate deterministic className from content hash\n    const className = generateClassName(cacheKey);\n    const selector = `.${className}.${className}`;\n\n    // Format CSS\n    const css = formatRulesToCSS(renderResult.rules, selector);\n\n    chunks.push({ className, css });\n  }\n\n  return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block, led by the `@keyframes` its rules animate.\n */\nexport function extractStylesForSelector(\n  selector: string,\n  styles: Styles,\n): ExtractedSelector {\n  const config = applyActiveConfig();\n  const css = extractSelectorCSS(\n    selector,\n    config ? resolveRecipesWith(styles, config.normalized.recipes) : styles,\n    config?.normalized.keyframes,\n  );\n\n  return { selector, css };\n}\n\n/**\n * Selector-mode CSS with the `@keyframes` its rules animate — local ones and\n * the given global ones — under hashed names the rules are rewritten to.\n */\nexport function extractSelectorCSS(\n  selector: string,\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): string {\n  const css = renderSelectorCSS(selector, styles);\n  const { keyframes, nameMap } = extractKeyframesFromStyles(\n    styles,\n    globalKeyframes,\n  );\n  if (keyframes.length === 0) return css;\n\n  return [\n    ...keyframes.map((kf) => kf.css),\n    replaceAnimationNamesInCSS(css, nameMap),\n  ].join('\\n\\n');\n}\n\n/**\n * Selector-mode rules alone, for callers that emit the keyframes themselves.\n */\nexport function renderSelectorCSS(selector: string, styles: Styles): string {\n  // renderStyles with selector returns StyleResult[] with selectors already applied\n  const rules = renderStyles(styles, selector);\n  // Format without re-prefixing - rules already have the full selector\n  return formatRulesDirectly(rules);\n}\n\n/**\n * Replace animation names in formatted CSS (whole rules, not declarations).\n */\nexport function replaceAnimationNamesInCSS(\n  css: string,\n  nameMap: Map<string, string>,\n): string {\n  if (nameMap.size === 0) return css;\n\n  // The CSS contains full rules like \".class { animation: name 1s; }\".\n  // Only a declaration start (after `{` or `;`) counts, so neither a selector\n  // such as `.animation:hover` nor a custom property such as\n  // `--my-animation` is rewritten.\n  return css.replace(\n    /(?<=[{;]\\s*)(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n    (match, prop, value) => {\n      let newValue = value;\n      for (const [original, replacement] of nameMap) {\n        // Identifier boundary: `-` continues a name, so `spin` stays out of\n        // `spin-fast`.\n        const pattern = new RegExp(\n          `(?<![\\\\w-])${escapeRegex(original)}(?![\\\\w-])`,\n          'g',\n        );\n        newValue = newValue.replace(pattern, replacement);\n      }\n      return `${prop}: ${newValue}`;\n    },\n  );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n  return rules\n    .map((rule) => {\n      // Handle selector as array (OR conditions) or string\n      // Note: renderStyles without className joins array selectors with '|||' placeholder\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? rule.selector.split('|||')\n          : [''];\n\n      // Prefix each selector part with the base selector\n      const fullSelector = selectorParts\n        .map((part) => {\n          // Build selector: [rootPrefix] baseSelector[part]\n          let selector: string;\n\n          // If part is empty, just use base selector\n          if (!part) {\n            selector = baseSelector;\n          } else if (part.startsWith(':') || part.startsWith('[')) {\n            // If part starts with a pseudo-class or pseudo-element, append to base\n            selector = `${baseSelector}${part}`;\n          } else if (\n            part.startsWith('>') ||\n            part.startsWith('+') ||\n            part.startsWith('~')\n          ) {\n            // If part starts with >, +, ~ combinator, append with space\n            selector = `${baseSelector}${part}`;\n          } else {\n            // Otherwise, combine base with part\n            selector = `${baseSelector}${part}`;\n          }\n\n          // Prepend rootPrefix if present (for @root() states)\n          if (rule.rootPrefix) {\n            selector = `${rule.rootPrefix} ${selector}`;\n          }\n\n          return selector;\n        })\n        .join(', ');\n\n      let css = `${fullSelector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n  return rules\n    .map((rule) => {\n      // Prepend rootPrefix if present (for @root() states)\n      const selector = rule.rootPrefix\n        ? `${rule.rootPrefix} ${rule.selector}`\n        : rule.selector;\n\n      const declarations = rule.startingStyle\n        ? `@starting-style { ${rule.declarations} }`\n        : rule.declarations;\n      let css = `${selector} { ${declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n *\n * Uses the configured prefix with a `k` discriminator so keyframe names\n * stay visually distinct from class names sharing the same prefix.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n  const content = JSON.stringify(steps);\n  const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n  return makeKeyframeName(currentNamePrefix, hash);\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n  const emptyResult: KeyframesExtractionResult = {\n    keyframes: [],\n    nameMap: new Map(),\n  };\n\n  // Extract animation names from styles\n  const usedNames = extractAnimationNamesFromStyles(styles);\n  if (usedNames.size === 0) return emptyResult;\n\n  // Merge local and global keyframes\n  const local = hasLocalKeyframes(styles)\n    ? extractLocalKeyframes(styles)\n    : null;\n  const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n  // Filter to only used keyframes\n  const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n  if (!usedKeyframes) return emptyResult;\n\n  // Generate hash-based names and collect unique keyframes\n  const seenHashes = new Set<string>();\n  const nameMap = new Map<string, string>();\n  const keyframesToEmit: ExtractedKeyframes[] = [];\n\n  for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n    const hashedName = generateKeyframesName(steps);\n\n    // Always map original name to hashed name (for CSS replacement)\n    nameMap.set(originalName, hashedName);\n\n    // Only emit each unique keyframe once\n    if (!seenHashes.has(hashedName)) {\n      seenHashes.add(hashedName);\n      const css = formatKeyframesCSS(hashedName, steps);\n      keyframesToEmit.push({ name: hashedName, css });\n    }\n  }\n\n  return { keyframes: keyframesToEmit, nameMap };\n}\n\n// ============================================================================\n// Property Extraction (auto-infer @property types for zero-runtime)\n// ============================================================================\n\nexport interface ExtractedProperty {\n  name: string;\n  css: string;\n}\n\nexport interface PropertyExtractionOptions {\n  /** `false` turns automatic `@property` inference off. */\n  autoPropertyTypes?: boolean;\n  /**\n   * CSS names (`--gap`, `--white-color`) already registered elsewhere, such as\n   * by {@link extractConfigProperties}. Inference leaves them alone, so the\n   * explicit definition is the one that applies.\n   */\n  defined?: ReadonlySet<string>;\n}\n\n/**\n * The `@property` rules a configuration registers: Tasty's defaults (`#white`,\n * `#border`, `$gap`, `$radius`, …) overlaid with `config.properties`, the same\n * set the runtime registers.\n *\n * Style handlers read several of the defaults with no fallback of their own,\n * so CSS from `extractStylesWithChunks()` and `extractStylesForSelector()`\n * needs these rules alongside it, once per stylesheet.\n *\n * @param properties - Properties to overlay on the defaults. Without it, the\n * ones set through `/zero` `configure()` (plugins included).\n */\nexport function extractConfigProperties(\n  properties: Record<string, PropertyDefinition> = getActiveZeroConfig()\n    ?.normalized.properties ?? {},\n): ExtractedProperty[] {\n  const results: ExtractedProperty[] = [];\n\n  for (const [token, definition] of Object.entries({\n    ...DEFAULT_PROPERTIES,\n    ...properties,\n  })) {\n    const { cssName, isValid } = getEffectiveDefinition(token, definition);\n    const css = isValid ? formatPropertyCSS(token, definition) : '';\n    if (css) results.push({ name: cssName, css });\n  }\n\n  return results;\n}\n\n/**\n * Extract auto-inferred @property declarations from styles.\n * Scans rendered style declarations and keyframe declarations for custom properties\n * whose types can be inferred from their values.\n *\n * @param styles - The styles object\n * @param options - Whether inference is on, and which properties to leave alone\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n  styles: Styles,\n  options?: PropertyExtractionOptions,\n): ExtractedProperty[] {\n  if (options?.autoPropertyTypes === false) return [];\n\n  const registered = new Set<string>(options?.defined);\n  const results: ExtractedProperty[] = [];\n\n  // Collect explicitly declared properties (they take precedence)\n  if (hasLocalProperties(styles)) {\n    const localProps = extractLocalProperties(styles);\n    if (localProps) {\n      for (const token of Object.keys(localProps)) {\n        // Normalize token to CSS name\n        let cssName: string;\n        if (token.startsWith('#')) {\n          cssName = `--${token.slice(1)}-color`;\n        } else if (token.startsWith('$')) {\n          cssName = `--${token.slice(1)}`;\n        } else if (token.startsWith('--')) {\n          cssName = token;\n        } else {\n          cssName = `--${token}`;\n        }\n        registered.add(cssName);\n      }\n    }\n  }\n\n  const resolver = new PropertyTypeResolver();\n\n  const registerProperty = (\n    name: string,\n    syntax: string,\n    initialValue: string,\n  ) => {\n    if (registered.has(name)) return;\n    registered.add(name);\n\n    const parts: string[] = [];\n    parts.push(`syntax: \"${syntax}\";`);\n    parts.push(`inherits: true;`);\n    parts.push(`initial-value: ${initialValue};`);\n\n    const css = `@property ${name} { ${parts.join(' ')} }`;\n    results.push({ name, css });\n  };\n\n  const isPropertyDefined = (name: string) => registered.has(name);\n\n  // Scan rendered style declarations\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n    for (const rule of renderResult.rules) {\n      if (!rule.declarations) continue;\n      resolver.scanDeclarations(\n        rule.declarations,\n        isPropertyDefined,\n        registerProperty,\n      );\n    }\n  }\n\n  // Scan keyframe declarations\n  if (hasLocalKeyframes(styles)) {\n    const localKf = extractLocalKeyframes(styles);\n    if (localKf) {\n      for (const steps of Object.values(localKf)) {\n        scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);\n      }\n    }\n  }\n\n  return results;\n}\n\nfunction scanKeyframeSteps(\n  steps: KeyframesSteps,\n  resolver: PropertyTypeResolver,\n  isPropertyDefined: (name: string) => boolean,\n  registerProperty: (\n    name: string,\n    syntax: string,\n    initialValue: string,\n  ) => void,\n): void {\n  // The declarations the steps are emitted with, so `$name` and `#name` keys\n  // register the custom properties they actually set.\n  resolver.scanDeclarations(\n    formatKeyframesSteps(steps).declarations,\n    isPropertyDefined,\n    registerProperty,\n  );\n}\n\n// ============================================================================\n// Font Face Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFontFace {\n  css: string;\n}\n\n/**\n * Extract @font-face rules from styles, merging with global config.\n * Deduplicates by content hash.\n */\nexport function extractFontFaceFromStyles(\n  styles: Styles,\n  globalFontFace?: Record<string, FontFaceInput> | null,\n): ExtractedFontFace[] {\n  const results: ExtractedFontFace[] = [];\n  const seenHashes = new Set<string>();\n\n  function addFontFace(family: string, input: FontFaceInput) {\n    const descriptors: FontFaceDescriptors[] = Array.isArray(input)\n      ? input\n      : [input];\n    for (const desc of descriptors) {\n      const hash = createHash('md5')\n        .update(JSON.stringify({ family, ...desc }))\n        .digest('hex')\n        .slice(0, 8);\n      if (!seenHashes.has(hash)) {\n        seenHashes.add(hash);\n        results.push({ css: formatFontFaceRule(family, desc) });\n      }\n    }\n  }\n\n  // Global font faces first\n  if (globalFontFace) {\n    for (const [family, input] of Object.entries(globalFontFace)) {\n      addFontFace(family, input);\n    }\n  }\n\n  // Local font faces. @font-face is keyed by content hash, not family name, so\n  // distinct definitions all emit and byte-identical ones collapse — there is\n  // no \"winner\" to pick between a global and a local definition.\n  if (hasLocalFontFace(styles)) {\n    const local = extractLocalFontFace(styles);\n    if (local) {\n      for (const [family, input] of Object.entries(local)) {\n        addFontFace(family, input);\n      }\n    }\n  }\n\n  return results;\n}\n\n// ============================================================================\n// Counter Style Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedCounterStyle {\n  name: string;\n  css: string;\n}\n\n/**\n * Extract @counter-style rules from styles, merging with global config.\n * Deduplicates by name; component-local definitions override global ones with\n * the same name (local wins).\n */\nexport function extractCounterStyleFromStyles(\n  styles: Styles,\n  globalCounterStyle?: Record<string, CounterStyleDescriptors> | null,\n): ExtractedCounterStyle[] {\n  const byName = new Map<string, ExtractedCounterStyle>();\n\n  function addCounterStyle(name: string, descriptors: CounterStyleDescriptors) {\n    byName.set(name, { name, css: formatCounterStyleRule(name, descriptors) });\n  }\n\n  // Global counter styles first, then local — local replaces global on conflict.\n  if (globalCounterStyle) {\n    for (const [name, descriptors] of Object.entries(globalCounterStyle)) {\n      addCounterStyle(name, descriptors);\n    }\n  }\n\n  if (hasLocalCounterStyle(styles)) {\n    const local = extractLocalCounterStyle(styles);\n    if (local) {\n      for (const [name, descriptors] of Object.entries(local)) {\n        addCounterStyle(name, descriptors);\n      }\n    }\n  }\n\n  return [...byName.values()];\n}\n\n// ============================================================================\n// Function Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFunction {\n  name: string;\n  css: string;\n}\n\n/**\n * Extract @function rules from styles, merging with global config.\n * Deduplicates by CSS function name; component-local definitions override\n * global ones with the same name (local wins).\n */\nexport function extractFunctionsFromStyles(\n  styles: Styles,\n  globalFunction?: Record<string, FunctionDefinition> | null,\n): ExtractedFunction[] {\n  // @function polyfill: register definitions as inline closures so call sites\n  // are expanded to plain CSS during chunk rendering. No native @function rules\n  // are emitted. Global definitions are also registered here as a safety net in\n  // case configure() ran in a separate module scope.\n  if (isFunctionsPolyfillEnabled()) {\n    if (globalFunction) {\n      for (const [name, definition] of Object.entries(globalFunction)) {\n        registerFunctionPolyfill(name, definition);\n      }\n    }\n    registerLocalFunctionPolyfills(styles);\n    return [];\n  }\n\n  const byName = new Map<string, ExtractedFunction>();\n\n  function addFunction(name: string, definition: FunctionDefinition) {\n    const cssName = parseFunctionName(name);\n    byName.set(cssName, {\n      name: cssName,\n      css: formatFunctionRule(name, definition),\n    });\n  }\n\n  // Global functions first, then local — local replaces global on conflict.\n  if (globalFunction) {\n    for (const [name, definition] of Object.entries(globalFunction)) {\n      addFunction(name, definition);\n    }\n  }\n\n  if (hasLocalFunctions(styles)) {\n    const local = extractLocalFunctions(styles);\n    if (local) {\n      for (const [name, definition] of Object.entries(local)) {\n        addFunction(name, definition);\n      }\n    }\n  }\n\n  return [...byName.values()];\n}\n","import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface CSSWriterOptions {\n  /** Enable source comments in output (e.g., \"from: Button.tsx\") */\n  devMode?: boolean;\n}\n\ninterface CSSBlock {\n  css: string;\n  source?: string;\n}\n\nexport class CSSWriter {\n  private cssBlocks = new Map<string, CSSBlock>();\n  private outputPath: string;\n  private devMode: boolean;\n\n  constructor(outputPath: string, options: CSSWriterOptions = {}) {\n    this.outputPath = outputPath;\n    this.devMode = options.devMode ?? false;\n  }\n\n  /**\n   * Add CSS block with deduplication key\n   * @param key - Unique key for deduplication\n   * @param css - CSS content\n   * @param source - Optional source file path (used in devMode)\n   */\n  add(key: string, css: string, source?: string): void {\n    this.cssBlocks.set(key, { css, source });\n  }\n\n  /**\n   * Check if a key already exists\n   */\n  has(key: string): boolean {\n    return this.cssBlocks.has(key);\n  }\n\n  /**\n   * Get the number of CSS blocks\n   */\n  get size(): number {\n    return this.cssBlocks.size;\n  }\n\n  /**\n   * Write all collected CSS to the output file\n   */\n  write(): void {\n    const outputDir = path.dirname(this.outputPath);\n\n    // Ensure directory exists\n    if (!fs.existsSync(outputDir)) {\n      fs.mkdirSync(outputDir, { recursive: true });\n    }\n\n    // Combine all CSS blocks with optional source comments\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    const css = cssBlocks.join('\\n\\n');\n\n    // Add header comment\n    const header = `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n\\n`;\n\n    fs.writeFileSync(this.outputPath, header + css);\n  }\n\n  /**\n   * Get all CSS as string (for testing or in-memory use)\n   */\n  getCSS(): string {\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    return cssBlocks.join('\\n\\n');\n  }\n\n  /**\n   * Clear all collected CSS\n   */\n  clear(): void {\n    this.cssBlocks.clear();\n  }\n\n  /**\n   * Get the output path\n   */\n  getOutputPath(): string {\n    return this.outputPath;\n  }\n}\n\n/**\n * Factory for creating a {@link CSSWriter} instance.\n *\n * Canonical functional entry point; the `CSSWriter` class remains exported\n * for advanced/internal use.\n *\n * @example\n * ```ts\n * import { createCSSWriter } from '@tenphi/tasty/zero';\n *\n * const writer = createCSSWriter('output.css', { devMode: true });\n * ```\n */\nexport function createCSSWriter(\n  outputPath: string,\n  options?: CSSWriterOptions,\n): CSSWriter {\n  return new CSSWriter(outputPath, options);\n}\n"],"mappings":";;;;;;;;AAoGA,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;AAQA,SAAS,oBAA+C;CACtD,MAAM,SAAS,oBAAoB;CACnC,IAAI,CAAC,QAAQ,OAAO;CAEpB,MAAM,UAAU,kBAAkB,MAAM;CACxC,IAAI,YAAY,QAAQ;EACtB,oBAAoB,OAAO;EAC3B,uBACE,QAAQ,OAAO,cAAA,IACjB;CACF;CACA,OAAO;AACT;AAMA,SAAgB,wBAAwB,QAAkC;CACxE,MAAM,SAAS,kBAAkB;CACjC,OAAO,cACL,SAAS,mBAAmB,QAAQ,OAAO,WAAW,OAAO,IAAI,MACnE;AACF;AAKA,SAAgB,cAAc,QAAkC;CAC9D,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;CACnB,MAAM,SAAS,kBAAkB;CAOjC,OAAO;EAAE;EAAU,KANP,mBACV,UACA,SAAS,mBAAmB,QAAQ,OAAO,WAAW,OAAO,IAAI,QACjE,QAAQ,WAAW,SAGA;CAAE;AACzB;AAMA,SAAgB,mBACd,UACA,QACA,iBACQ;CACR,MAAM,MAAM,kBAAkB,UAAU,MAAM;CAC9C,MAAM,EAAE,WAAW,YAAY,2BAC7B,QACA,eACF;CACA,IAAI,UAAU,WAAW,GAAG,OAAO;CAEnC,OAAO,CACL,GAAG,UAAU,KAAK,OAAO,GAAG,GAAG,GAC/B,2BAA2B,KAAK,OAAO,CACzC,CAAC,CAAC,KAAK,MAAM;AACf;AAKA,SAAgB,kBAAkB,UAAkB,QAAwB;CAI1E,OAAO,oBAFO,aAAa,QAAQ,QAEJ,CAAC;AAClC;AAKA,SAAgB,2BACd,KACA,SACQ;CACR,IAAI,QAAQ,SAAS,GAAG,OAAO;CAM/B,OAAO,IAAI,QACT,uDACC,OAAO,MAAM,UAAU;EACtB,IAAI,WAAW;EACf,KAAK,MAAM,CAAC,UAAU,gBAAgB,SAAS;GAG7C,MAAM,UAAU,IAAI,OAClB,cAAc,YAAY,QAAQ,EAAE,aACpC,GACF;GACA,WAAW,SAAS,QAAQ,SAAS,WAAW;EAClD;EACA,OAAO,GAAG,KAAK,IAAI;CACrB,CACF;AACF;AAKA,SAAS,YAAY,KAAqB;CACxC,OAAO,IAAI,QAAQ,uBAAuB,MAAM;AAClD;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;EASb,IAAI,MAAM,GAPO,KAAK,aAClB,GAAG,KAAK,WAAW,GAAG,KAAK,aAC3B,KAAK,SAKa,KAHD,KAAK,gBACtB,qBAAqB,KAAK,aAAa,MACvC,KAAK,aAC+B;EAGxC,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;CAGjC,MAAM,QAAQ,kBAAkB,MAAM,IAClC,sBAAsB,MAAM,IAC5B;CACJ,MAAM,eAAe,eAAe,OAAO,mBAAmB,IAAI;CAGlE,MAAM,gBAAgB,oBAAoB,cAAc,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,mBAAmB,YAAY,KAAK;GAChD,gBAAgB,KAAK;IAAE,MAAM;IAAY;GAAI,CAAC;EAChD;CACF;CAEA,OAAO;EAAE,WAAW;EAAiB;CAAQ;AAC/C;AAkCA,SAAgB,wBACd,aAAiD,oBAAoB,CAAC,EAClE,WAAW,cAAc,CAAC,GACT;CACrB,MAAM,UAA+B,CAAC;CAEtC,KAAK,MAAM,CAAC,OAAO,eAAe,OAAO,QAAQ;EAC/C,GAAG;EACH,GAAG;CACL,CAAC,GAAG;EACF,MAAM,EAAE,SAAS,YAAY,uBAAuB,OAAO,UAAU;EACrE,MAAM,MAAM,UAAU,kBAAkB,OAAO,UAAU,IAAI;EAC7D,IAAI,KAAK,QAAQ,KAAK;GAAE,MAAM;GAAS;EAAI,CAAC;CAC9C;CAEA,OAAO;AACT;AAWA,SAAgB,4BACd,QACA,SACqB;CACrB,IAAI,SAAS,sBAAsB,OAAO,OAAO,CAAC;CAElD,MAAM,aAAa,IAAI,IAAY,SAAS,OAAO;CACnD,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;CAGN,SAAS,iBACP,qBAAqB,KAAK,CAAC,CAAC,cAC5B,mBACA,gBACF;AACF;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;;;ACpvBA,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"}

package/dist/core/index.js

@@ -1,9 +1,9 @@
 import { A as strToRgb, C as StyleParser, D as getRgbValuesFromRgbaString, E as getNamedColorHex, O as hexToRgb, S as createColorFunc, _ as stringifyStyles, b as okhslFunction, c as getGlobalParser, d as parseColor, f as parseStyle, i as DIRECTIONS, k as hslToRgbValues, l as getGlobalPredefinedTokens, n as resolveFunctionColor, o as filterMods, r as CUSTOM_UNITS, t as color, u as normalizeColorTokenValue, v as okhstFunction, x as okhslPlugin, y as okhstPlugin } from "../chunks/dsl-DYSJc1-T.js";
 import { n as isSelector, t as mergeStyles } from "../chunks/shared-utils-y-HjvPN4.js";
-import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "../chunks/css-definitions-ubrHP97m.js";
-import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "../chunks/style-engine-BX2LshDZ.js";
-import { i as generateTypographyTokens } from "../chunks/config-engine-uOFYZidB.js";
-import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "../chunks/runtime-state-DEsyUMU-.js";
-import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "../chunks/runtime-engine-BQmOu5-W.js";
-import { t as tastyDebug } from "../chunks/debug-CJ31U_WE.js";
+import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "../chunks/css-definitions-DW1TGGiy.js";
+import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "../chunks/style-engine-of5Xbc27.js";
+import { i as generateTypographyTokens } from "../chunks/config-engine-DJsb5WYu.js";
+import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "../chunks/runtime-state-BLyMRYFF.js";
+import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "../chunks/runtime-engine-BlrVXv8l.js";
+import { t as tastyDebug } from "../chunks/debug-DMMwe1rY.js";
 export { APPEARANCE_CHUNK_STYLES, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, CUSTOM_UNITS, ChunkSheetRegistry, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, FLOW_STYLES, FONT_CHUNK_STYLES, INNER_STYLES, LAYOUT_CHUNK_STYLES, OUTER_STYLES, POSITION_CHUNK_STYLES, POSITION_STYLES, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, destroy, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasStylesGenerated, hexToRgb, holdKeyframes, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, ownKeyframes, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resetStyleBatch, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tastyDebug, touch };

package/dist/index.js

@@ -1,11 +1,11 @@
 import { A as strToRgb, C as StyleParser, D as getRgbValuesFromRgbaString, E as getNamedColorHex, O as hexToRgb, S as createColorFunc, _ as stringifyStyles, b as okhslFunction, c as getGlobalParser, d as parseColor, f as parseStyle, i as DIRECTIONS, k as hslToRgbValues, l as getGlobalPredefinedTokens, n as resolveFunctionColor, o as filterMods, r as CUSTOM_UNITS, t as color, u as normalizeColorTokenValue, v as okhstFunction, x as okhslPlugin, y as okhstPlugin } from "./chunks/dsl-DYSJc1-T.js";
 import { n as isSelector, t as mergeStyles } from "./chunks/shared-utils-y-HjvPN4.js";
-import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "./chunks/css-definitions-ubrHP97m.js";
-import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "./chunks/style-engine-BX2LshDZ.js";
-import { i as generateTypographyTokens } from "./chunks/config-engine-uOFYZidB.js";
-import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "./chunks/runtime-state-DEsyUMU-.js";
-import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "./chunks/runtime-engine-BQmOu5-W.js";
-import { t as tastyDebug } from "./chunks/debug-CJ31U_WE.js";
+import { E as DEFAULT_ZERO_NAME_PREFIX, T as DEFAULT_NAME_PREFIX } from "./chunks/css-definitions-DW1TGGiy.js";
+import { A as styleHandlers, B as STYLE_TO_CHUNK, E as defineHandler, F as DIMENSION_CHUNK_STYLES, G as setGlobalPredefinedStates, I as DISPLAY_CHUNK_STYLES, K as hasStylesGenerated, L as FONT_CHUNK_STYLES, N as APPEARANCE_CHUNK_STYLES, P as CHUNK_NAMES, R as LAYOUT_CHUNK_STYLES, S as parseStateKey, U as createStateParserContext, W as getGlobalPredefinedStates, _ as POSITION_STYLES, b as renderStyles, c as BLOCK_INNER_STYLES, d as COLOR_STYLES, f as CONTAINER_STYLES, g as OUTER_STYLES, h as INNER_STYLES, l as BLOCK_OUTER_STYLES, m as FLOW_STYLES, p as DIMENSION_STYLES, r as categorizeStyleKeys, s as BASE_STYLES, u as BLOCK_STYLES, v as TEXT_STYLES, z as POSITION_CHUNK_STYLES } from "./chunks/style-engine-of5Xbc27.js";
+import { i as generateTypographyTokens } from "./chunks/config-engine-DJsb5WYu.js";
+import { c as getGlobalFontFaces, l as getGlobalFunctions, s as getGlobalCounterStyles, u as getGlobalKeyframes } from "./chunks/runtime-state-BLyMRYFF.js";
+import { A as injector, C as getCSSText, D as inject, E as holdKeyframes, F as touch, G as isConfigLocked, H as getNamePrefix, I as ChunkSheetRegistry, J as StyleInjector, K as isTestEnvironment, L as chunkSheetRegistry, M as keyframes, N as ownKeyframes, O as injectGlobal, P as property, Q as hasPendingStyleWrites, R as configure, S as gc, T as getRawCSSText, U as hasGlobalKeyframes, V as getGlobalRecipes, W as hasGlobalRecipes, Y as SheetManager, Z as flushStyles, _ as counterStyle, a as filterBaseProps, b as fontFace, et as resetStyleBatch, g as cleanup, i as modAttrs, j as isPropertyDefined, k as injectRawCSS, o as computeStyles, q as resetConfig, r as processTokens, s as resolveRecipes, v as createInjector, w as getCSSTextForNode, x as func, y as destroy, z as getConfig } from "./chunks/runtime-engine-BlrVXv8l.js";
+import { t as tastyDebug } from "./chunks/debug-DMMwe1rY.js";
 import "./core/index.js";
-import { a as useProperty, c as useGlobalStyles, d as Element, f as tasty, i as useFontFace, l as useStyles, n as useFunction, o as useKeyframes, p as getDisplayName, r as useCounterStyle, s as useRawCSS, t as TastyBatchProvider } from "./chunks/react-runtime-CyyCI02N.js";
+import { a as useProperty, c as useGlobalStyles, d as Element, f as tasty, i as useFontFace, l as useStyles, n as useFunction, o as useKeyframes, p as getDisplayName, r as useCounterStyle, s as useRawCSS, t as TastyBatchProvider } from "./chunks/react-runtime-DhPtFlZs.js";
 export { APPEARANCE_CHUNK_STYLES, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, CUSTOM_UNITS, ChunkSheetRegistry, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, Element, FLOW_STYLES, FONT_CHUNK_STYLES, INNER_STYLES, LAYOUT_CHUNK_STYLES, OUTER_STYLES, POSITION_CHUNK_STYLES, POSITION_STYLES, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, TastyBatchProvider, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, destroy, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getDisplayName, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasStylesGenerated, hexToRgb, holdKeyframes, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, ownKeyframes, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resetStyleBatch, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tasty, tastyDebug, touch, useCounterStyle, useFontFace, useFunction, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles };

package/dist/ssr/astro.js

@@ -1,5 +1,5 @@
-import { f as getRuntimeConfigState, r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-DEsyUMU-.js";
-import { t as ServerStyleCollector } from "../chunks/collector-CjCak4iE.js";
+import { f as getRuntimeConfigState, r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-BLyMRYFF.js";
+import { t as ServerStyleCollector } from "../chunks/collector-B4-yqFEs.js";
 import { r as runWithCollector, t as getSSRCollector } from "../chunks/async-storage-f9j9JRtq.js";
 import { t as findUnsafeCSSResource } from "../chunks/css-resources-P7IBUUZs.js";
 import { join } from "node:path";

package/dist/ssr/index.js

@@ -1,5 +1,5 @@
-import { r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-DEsyUMU-.js";
-import { n as createServerStyleCollector, t as ServerStyleCollector } from "../chunks/collector-CjCak4iE.js";
+import { r as registerSSRCollectorGetterGlobal } from "../chunks/runtime-state-BLyMRYFF.js";
+import { n as createServerStyleCollector, t as ServerStyleCollector } from "../chunks/collector-B4-yqFEs.js";
 import { n as isAsyncStorageAvailable, r as runWithCollector, t as getSSRCollector } from "../chunks/async-storage-f9j9JRtq.js";
 import { t as hydrateTastyClasses } from "../chunks/hydration-TRcz5vnk.js";
 //#region src/ssr/index.ts

package/dist/ssr/next-config.js

@@ -1,6 +1,6 @@
-import { K as parseFunctionName, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, W as formatFunctionRule, _ as formatCounterStyleRule, b as fontFaceContentHash, i as formatKeyframesCSS, m as resolveSelectorKeyframes, n as formatGlobalRules, o as formatPropertyCSS, t as createServerStyleArtifact } from "../chunks/css-definitions-ubrHP97m.js";
-import { b as renderStyles } from "../chunks/style-engine-BX2LshDZ.js";
-import { a as resetZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-5d8WlQbq.js";
+import { K as parseFunctionName, P as DEFAULT_PROPERTIES, S as formatFontFaceRule, W as formatFunctionRule, _ as formatCounterStyleRule, b as fontFaceContentHash, i as formatKeyframesCSS, m as resolveSelectorKeyframes, n as formatGlobalRules, o as formatPropertyCSS, t as createServerStyleArtifact } from "../chunks/css-definitions-DW1TGGiy.js";
+import { b as renderStyles } from "../chunks/style-engine-of5Xbc27.js";
+import { a as resetZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-DlxpZKk_.js";
 import { t as loadConfigFile } from "../chunks/config-file-DlZXJMj8.js";
 import { t as findUnsafeCSSResource } from "../chunks/css-resources-P7IBUUZs.js";
 import { isAbsolute, join, relative, resolve, sep } from "node:path";

package/dist/ssr/next.js

@@ -1,7 +1,7 @@
 "use client";
-import { f as getRuntimeConfigState, n as registerSSRCollectorGetter } from "../chunks/runtime-state-DEsyUMU-.js";
-import { u as getTastySSRContext } from "../chunks/react-runtime-CyyCI02N.js";
-import { t as ServerStyleCollector } from "../chunks/collector-CjCak4iE.js";
+import { f as getRuntimeConfigState, n as registerSSRCollectorGetter } from "../chunks/runtime-state-BLyMRYFF.js";
+import { u as getTastySSRContext } from "../chunks/react-runtime-DhPtFlZs.js";
+import { t as ServerStyleCollector } from "../chunks/collector-B4-yqFEs.js";
 import { t as hydrateTastyClasses } from "../chunks/hydration-TRcz5vnk.js";
 import { Fragment, createElement, useState } from "react";
 import { useServerInsertedHTML } from "next/navigation";

package/dist/zero/babel.js

@@ -1,8 +1,8 @@
 import { t as mergeStyles } from "../chunks/shared-utils-y-HjvPN4.js";
-import "../chunks/css-definitions-ubrHP97m.js";
-import { t as resolveRecipesWith } from "../chunks/config-engine-uOFYZidB.js";
-import { a as resetZeroConfig, i as reapplyZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-5d8WlQbq.js";
-import { a as extractCounterStyleFromStyles, c as extractKeyframesFromStyles, h as setExtractorNamePrefix, i as extractConfigProperties, l as extractPropertiesFromStyles, m as replaceAnimationNamesInCSS, o as extractFontFaceFromStyles, p as renderSelectorCSS, r as extractChunks, s as extractFunctionsFromStyles, t as CSSWriter, u as extractSelectorCSS } from "../chunks/zero-engine-Dw0P4yGM.js";
+import "../chunks/css-definitions-DW1TGGiy.js";
+import { t as resolveRecipesWith } from "../chunks/config-engine-DJsb5WYu.js";
+import { a as resetZeroConfig, i as reapplyZeroConfig, n as functionsForExtraction, t as configureZero } from "../chunks/build-config-DlxpZKk_.js";
+import { a as extractCounterStyleFromStyles, c as extractKeyframesFromStyles, h as setExtractorNamePrefix, i as extractConfigProperties, l as extractPropertiesFromStyles, m as replaceAnimationNamesInCSS, o as extractFontFaceFromStyles, p as renderSelectorCSS, r as extractChunks, s as extractFunctionsFromStyles, t as CSSWriter, u as extractSelectorCSS } from "../chunks/zero-engine-D2jPSpWA.js";
 import { t as loadConfigFile } from "../chunks/config-file-DlZXJMj8.js";
 import * as fs from "fs";
 import * as path from "path";

package/dist/zero/index.js

@@ -1,6 +1,6 @@
-import { M as validateNamePrefix } from "../chunks/css-definitions-ubrHP97m.js";
-import { a as resetZeroConfig, o as setActiveZeroConfig, t as configureZero } from "../chunks/build-config-5d8WlQbq.js";
-import { d as extractStylesForSelector, f as extractStylesWithChunks, h as setExtractorNamePrefix, i as extractConfigProperties, n as createCSSWriter, t as CSSWriter } from "../chunks/zero-engine-Dw0P4yGM.js";
+import { M as validateNamePrefix } from "../chunks/css-definitions-DW1TGGiy.js";
+import { a as resetZeroConfig, o as setActiveZeroConfig, t as configureZero } from "../chunks/build-config-DlxpZKk_.js";
+import { d as extractStylesForSelector, f as extractStylesWithChunks, h as setExtractorNamePrefix, i as extractConfigProperties, n as createCSSWriter, t as CSSWriter } from "../chunks/zero-engine-D2jPSpWA.js";
 //#region src/zero/configure.ts
 function configure(config = {}) {
 	const namePrefix = config.namePrefix ?? "ts";

package/docs/ai-agents.md

@@ -214,6 +214,8 @@ styles: { Title: { preset: 'h3' }, Icon: { $: '>', color: { '': '#text', '@own(:
 
 ❌ nested-selector keys (`'& .title'`, `'&:hover'`) → ✅ sub-elements and state maps. Use the `$` affix property inside a sub-element to control how its selector attaches (`>` direct child, `@` placeholder for the element itself, `&::before` for a root pseudo-element).
 
+When `$` ends in a pseudo-element, `@own(…)` is the pseudo-element's own state (`'@own(:focus)'` → `::part(label):where(:focus)`). A pseudo-element has no attributes, classes, or tree position, so `@own([open])`, `@own(hovered)`, or `@own(:first-child)` there is ignored with a warning. Put a condition on the element before the pseudo-element in `$`: `$: 'a[rel="next"]::before'`.
+
 ## 6. Special top-level keys
 
 | Key              | Shape                                                                                                       |

package/docs/dsl.md

@@ -137,7 +137,7 @@ const List = tasty({
 // → .t1x29r0l.t1x29r0l > [data-element="Item"]::after { content: ""; }
 ```
 
-Keep conditions such as `:last-child` out of `$` and write them as `@own(:last-child)` in a state map; `tasty/no-state-in-selector` warns otherwise.
+Keep conditions such as `:last-child` out of `$` and write them as `@own(:last-child)` in a state map; `tasty/no-state-in-selector` warns otherwise. When `$` ends in a pseudo-element, `@own()` describes the pseudo-element instead (see [`@own(...)`](#own--sub-elements-own-state)), so a condition on the element it belongs to stays in `$`, before the pseudo-element: `$: 'a[rel="next"]::before'`.
 
 ### Color Token
 
@@ -780,6 +780,20 @@ const Nav = tasty({
 
 `@own()` is only valid inside sub-element styles. Using it on root styles emits a warning and is treated as a regular modifier.
 
+When `$` ends in a pseudo-element, `@own()` is the pseudo-element's own state and goes after it:
+
+```jsx
+Label: {
+  $: '@::part(label)',
+  color: { '': '#text', '@own(:focus)': '#primary' },
+},
+// → .t0.t0 [data-element="Label"]::part(label):where(:focus) { … }
+```
+
+A pseudo-element has no attributes, classes, or place in the DOM tree. So a state that tests a modifier (`@own(hovered)`), an attribute (`@own([open])`), a class, or a tree position (`@own(:first-child)`, `@own(:has(…))`) can never match it. Tasty ignores such a state and warns. To condition on the element the pseudo-element belongs to, write it in `$` before the pseudo-element (`$: 'a[rel="next"]::before'`), or use `@parent()` for its ancestors.
+
+This covers every pseudo-element form: `::before`, `::marker`, `::backdrop`, vendor-prefixed ones such as `::-webkit-details-marker`, functional ones such as `::part(label)`, and the legacy `:before`, `:after`, `:first-line`, `:first-letter`. Each item of a `$` list is judged on its own. Tasty emits pseudo-class states regardless of browser support. Only some pseudo-elements, such as `::part()` and `::-webkit-scrollbar-thumb`, match states like `:hover` or `:focus` today.
+
 ### `@starting` — Entry Animation
 
 Wraps the rule in `@starting-style`, enabling CSS entry animations for elements as they appear in the DOM:

package/docs/pipeline.md

@@ -522,7 +522,7 @@ Converts condition trees into actual CSS selectors and at-rules.
 
 5. **`:where()` specificity equalization**: Every stateful part of the selector is wrapped in `:where(...)` so it contributes **zero specificity**:
    - the flat root modifiers + pseudos and the root element's `:is()`/`:not()` groups are combined into one `:where(...)` (`buildSelectorFromVariant`);
-   - the sub-element (`@own`) groups are wrapped in a **separate** `:where(...)` so the sub-element's structural `[data-element="X"]` specificity is preserved while its states are zeroed;
+   - the sub-element (`@own`) groups are wrapped in a **separate** `:where(...)` so the sub-element's structural `[data-element="X"]` specificity is preserved while its states are zeroed. When the suffix ends in a pseudo-element, these are the pseudo-element's own states and stay after it (`a::before:where(:hover)`). States a pseudo-element can't have (attributes, modifiers, classes, tree-structural pseudo-classes) are dropped with a `PSEUDO_ELEMENT_STATE_IGNORED` warning before Stage 0, using the CSS language alone, never per-browser support (`pseudo-element-states.ts`). A direct selector that ends in a pseudo-element (`.card::before`) is rendered separately: its root states are checked the same way and go after the pseudo-element, its `@parent` segments before it, at the `pseudoElementAt` each `CSSRule` records;
    - `@parent` ancestors (`parentGroupsToCSS`) become `:where(... *)` / `:where(:not(... *))`;
    - the `@root` context prefix (`rootStateToPrefix`) becomes `:where(:root...)` (zeroing the `:root` pseudo too). When a direct selector can only match the root itself (`:root`, `html`, `:where(:root)`), the state segment joins it instead — `:root:where([data-schema="dark"])` — since an ancestor prefix would ask for a `:root` inside the root.
 

package/docs/react-api.md

@@ -494,9 +494,13 @@ function ThemeStyles() {
 The selector can be a list (`'.uni-checkbox, uni-checkbox'`) — every item gets
 the states and sub-elements, with no `:is()` wrapping needed. Root states
 (`@root(...)`) on a selector that is the root itself (`:root`, `html`) apply to
-that element. Local `@keyframes` are injected with the rules, under the same
-resolved names `tasty()` components use, and `@starting` states emit
-`@starting-style`.
+that element. A selector that ends in a pseudo-element takes its states on the
+pseudo-element (`'.card::before'` with `:hover` gives
+`.card::before:where(:hover)`) and `@parent()` on the element before it.
+Attribute and modifier states, which a pseudo-element can't have, are ignored
+with a warning. Local `@keyframes` are injected with the rules,
+under the same resolved names `tasty()` components use, and `@starting` states
+emit `@starting-style`.
 
 A slot — the `id`, or the selector when no `id` is given — holds exactly one
 injection **per `root`**. So:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenphi/tasty",
-  "version": "3.11.1",
+  "version": "3.11.2",
   "description": "A design-system-integrated styling system and DSL for concise, state-aware UI styling",
   "type": "module",
   "main": "./dist/index.js",
@@ -211,7 +211,7 @@
       "name": "main (tasty)",
       "path": "dist/index.js",
       "import": "{ tasty }",
-      "limit": "52.67 kB"
+      "limit": "53.84 kB"
     },
     {
       "name": "main (StyleParser)",
@@ -235,7 +235,7 @@
       "name": "core (import *)",
       "path": "dist/core/index.js",
       "import": "*",
-      "limit": "55.23 kB"
+      "limit": "56.29 kB"
     },
     {
       "name": "static",
@@ -252,7 +252,7 @@
         "path",
         "crypto"
       ],
-      "limit": "39.13 kB"
+      "limit": "40.16 kB"
     },
     {
       "name": "babel-plugin",
@@ -265,7 +265,7 @@
         "node:module",
         "node:path"
       ],
-      "limit": "43.55 kB"
+      "limit": "44.79 kB"
     },
     {
       "name": "astro client",