@tenphi/tasty 0.9.0 → 0.10.1

package/dist/injector/sheet-manager.d.ts

@@ -81,6 +81,7 @@ declare class SheetManager {
   resetMetrics(registry: RootRegistry): void;
   /**
    * Convert keyframes steps to CSS string.
+   * Public so the SSR collector can format keyframes without DOM access.
    * Returns both the CSS text and a combined declarations string for property type scanning.
    */
   stepsToCSS(steps: KeyframesSteps): {

package/dist/injector/sheet-manager.js

@@ -488,6 +488,7 @@ var SheetManager = class {
 	}
 	/**
 	* Convert keyframes steps to CSS string.
+	* Public so the SSR collector can format keyframes without DOM access.
 	* Returns both the CSS text and a combined declarations string for property type scanning.
 	*/
 	stepsToCSS(steps) {

package/dist/injector/sheet-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"sheet-manager.js","names":[],"sources":["../../src/injector/sheet-manager.ts"],"sourcesContent":["import { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport { createStyle, STYLE_HANDLER_MAP } from '../styles';\n\nimport type {\n  CacheMetrics,\n  KeyframesInfo,\n  KeyframesSteps,\n  RawCSSInfo,\n  RawCSSResult,\n  RootRegistry,\n  RuleInfo,\n  SheetInfo,\n  StyleInjectorConfig,\n  StyleRule,\n} from './types';\n\nimport type { CSSMap, StyleHandler, StyleValueStateMap } from '../utils/styles';\n\nexport class SheetManager {\n  private rootRegistries = new WeakMap<Document | ShadowRoot, RootRegistry>();\n  private config: StyleInjectorConfig;\n  /** Dedicated style elements for raw CSS per root */\n  private rawStyleElements = new WeakMap<\n    Document | ShadowRoot,\n    HTMLStyleElement\n  >();\n  /** Tracking for raw CSS blocks per root */\n  private rawCSSBlocks = new WeakMap<\n    Document | ShadowRoot,\n    Map<string, RawCSSInfo>\n  >();\n  /** Counter for generating unique raw CSS IDs */\n  private rawCSSCounter = 0;\n\n  constructor(config: StyleInjectorConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Get or create registry for a root (Document or ShadowRoot)\n   */\n  getRegistry(root: Document | ShadowRoot): RootRegistry {\n    let registry = this.rootRegistries.get(root);\n\n    if (!registry) {\n      const metrics: CacheMetrics | undefined = this.config.devMode\n        ? {\n            hits: 0,\n            misses: 0,\n            bulkCleanups: 0,\n            totalInsertions: 0,\n            totalUnused: 0,\n            stylesCleanedUp: 0,\n            cleanupHistory: [],\n            startTime: Date.now(),\n          }\n        : undefined;\n\n      registry = {\n        sheets: [],\n        refCounts: new Map(),\n        rules: new Map(),\n        cacheKeyToClassName: new Map(),\n        ruleTextSet: new Set<string>(),\n        bulkCleanupTimeout: null,\n        cleanupCheckTimeout: null,\n        metrics,\n        classCounter: 0,\n        keyframesCache: new Map(),\n        keyframesNameToContent: new Map(),\n        keyframesCounter: 0,\n        injectedProperties: new Map<string, string>(),\n        globalRules: new Map(),\n        propertyTypeResolver: new PropertyTypeResolver(),\n      } as unknown as RootRegistry;\n\n      this.rootRegistries.set(root, registry);\n    }\n\n    return registry;\n  }\n\n  /**\n   * Create a new stylesheet for the registry\n   */\n  createSheet(registry: RootRegistry, root: Document | ShadowRoot): SheetInfo {\n    const sheet = this.createStyleElement(root);\n\n    const sheetInfo: SheetInfo = {\n      sheet,\n      ruleCount: 0,\n      holes: [],\n    };\n\n    registry.sheets.push(sheetInfo);\n    return sheetInfo;\n  }\n\n  /**\n   * Create a style element and append to document\n   */\n  private createStyleElement(root: Document | ShadowRoot): HTMLStyleElement {\n    const style =\n      (root as Document).createElement?.('style') ||\n      document.createElement('style');\n\n    if (this.config.nonce) {\n      style.nonce = this.config.nonce;\n    }\n\n    style.setAttribute('data-tasty', '');\n\n    // Append to head or shadow root\n    if ('head' in root && root.head) {\n      root.head.appendChild(style);\n    } else if ('appendChild' in root) {\n      root.appendChild(style);\n    } else {\n      document.head.appendChild(style);\n    }\n\n    // Verify it was actually added - log only if there's a problem and we're not using forceTextInjection\n    if (!style.isConnected && !this.config.forceTextInjection) {\n      console.error('SheetManager: Style element failed to connect to DOM!', {\n        parentNode: style.parentNode?.nodeName,\n        isConnected: style.isConnected,\n      });\n    }\n\n    return style;\n  }\n\n  /**\n   * Insert CSS rules as a single block\n   */\n  insertRule(\n    registry: RootRegistry,\n    flattenedRules: StyleRule[],\n    className: string,\n    root: Document | ShadowRoot,\n  ): RuleInfo | null {\n    // Find or create a sheet with available space\n    let targetSheet = this.findAvailableSheet(registry, root);\n\n    if (!targetSheet) {\n      targetSheet = this.createSheet(registry, root);\n    }\n\n    const sheetIndex = registry.sheets.indexOf(targetSheet);\n\n    try {\n      // Group rules by selector and at-rules to combine declarations\n      const groupedRules: StyleRule[] = [];\n      const groupMap = new Map<\n        string,\n        {\n          idx: number;\n          selector: string;\n          atRules?: string[];\n          declarations: string;\n        }\n      >();\n\n      const atKey = (at?: string[]) => (at && at.length ? at.join('|') : '');\n\n      flattenedRules.forEach((r) => {\n        const key = `${atKey(r.atRules)}||${r.selector}`;\n        const existing = groupMap.get(key);\n        if (existing) {\n          // Append declarations, preserving order\n          existing.declarations = existing.declarations\n            ? `${existing.declarations} ${r.declarations}`\n            : r.declarations;\n        } else {\n          groupMap.set(key, {\n            idx: groupedRules.length,\n            selector: r.selector,\n            atRules: r.atRules,\n            declarations: r.declarations,\n          });\n          groupedRules.push({ ...r });\n        }\n      });\n\n      // Normalize groupedRules from map (with merged declarations)\n      groupMap.forEach((val) => {\n        groupedRules[val.idx] = {\n          selector: val.selector,\n          atRules: val.atRules,\n          declarations: val.declarations,\n        } as StyleRule;\n      });\n\n      // Insert grouped rules\n      const insertedRuleTexts: string[] = [];\n      const insertedIndices: number[] = []; // Track exact indices\n      // Calculate rule index atomically right before insertion to prevent race conditions\n      let currentRuleIndex = this.findAvailableRuleIndex(targetSheet);\n      let firstInsertedIndex: number | null = null;\n      let lastInsertedIndex: number | null = null;\n\n      for (const rule of groupedRules) {\n        const declarations = rule.declarations;\n        const baseRule = `${rule.selector} { ${declarations} }`;\n\n        // Wrap with at-rules if present\n        let fullRule = baseRule;\n        if (rule.atRules && rule.atRules.length > 0) {\n          fullRule = rule.atRules.reduce(\n            (css, atRule) => `${atRule} { ${css} }`,\n            baseRule,\n          );\n        }\n\n        // Insert individual rule into style element\n        const styleElement = targetSheet.sheet;\n        const styleSheet = styleElement.sheet;\n\n        if (styleSheet && !this.config.forceTextInjection) {\n          // Calculate index atomically for each rule to prevent concurrent insertion races\n          const maxIndex = styleSheet.cssRules.length;\n          const atomicRuleIndex = this.findAvailableRuleIndex(targetSheet);\n          const safeIndex = Math.min(Math.max(0, atomicRuleIndex), maxIndex);\n\n          // Helper: split comma-separated selectors safely (ignores commas inside [] () \" ')\n          const splitSelectorsSafely = (selectorList: string): string[] => {\n            const parts: string[] = [];\n            let buf = '';\n            let depthSq = 0; // [] depth\n            let depthPar = 0; // () depth\n            let inStr: '\"' | \"'\" | '' = '';\n            for (let i = 0; i < selectorList.length; i++) {\n              const ch = selectorList[i];\n              if (inStr) {\n                if (ch === inStr && selectorList[i - 1] !== '\\\\') {\n                  inStr = '';\n                }\n                buf += ch;\n                continue;\n              }\n              if (ch === '\"' || ch === \"'\") {\n                inStr = ch as '\"' | \"'\";\n                buf += ch;\n                continue;\n              }\n              if (ch === '[') depthSq++;\n              else if (ch === ']') depthSq = Math.max(0, depthSq - 1);\n              else if (ch === '(') depthPar++;\n              else if (ch === ')') depthPar = Math.max(0, depthPar - 1);\n\n              if (ch === ',' && depthSq === 0 && depthPar === 0) {\n                const part = buf.trim();\n                if (part) parts.push(part);\n                buf = '';\n              } else {\n                buf += ch;\n              }\n            }\n            const tail = buf.trim();\n            if (tail) parts.push(tail);\n            return parts;\n          };\n\n          try {\n            styleSheet.insertRule(fullRule, safeIndex);\n            // Update sheet ruleCount immediately to prevent concurrent race conditions\n            targetSheet.ruleCount++;\n            insertedIndices.push(safeIndex); // Track this index\n            if (firstInsertedIndex == null) firstInsertedIndex = safeIndex;\n            lastInsertedIndex = safeIndex;\n            currentRuleIndex = safeIndex + 1;\n          } catch (e) {\n            // If the browser rejects the combined selector (e.g., vendor pseudo-elements),\n            // try to split and insert each selector independently. Skip unsupported ones.\n            const selectors = splitSelectorsSafely(rule.selector);\n            if (selectors.length > 1) {\n              let anyInserted = false;\n              for (const sel of selectors) {\n                const singleBase = `${sel} { ${declarations} }`;\n                let singleRule = singleBase;\n                if (rule.atRules && rule.atRules.length > 0) {\n                  singleRule = rule.atRules.reduce(\n                    (css, atRule) => `${atRule} { ${css} }`,\n                    singleBase,\n                  );\n                }\n\n                try {\n                  // Calculate index atomically for each individual selector insertion\n                  const maxIdx = styleSheet.cssRules.length;\n                  const atomicIdx = this.findAvailableRuleIndex(targetSheet);\n                  const idx = Math.min(Math.max(0, atomicIdx), maxIdx);\n                  styleSheet.insertRule(singleRule, idx);\n                  // Update sheet ruleCount immediately\n                  targetSheet.ruleCount++;\n                  insertedIndices.push(idx); // Track this index\n                  if (firstInsertedIndex == null) firstInsertedIndex = idx;\n                  lastInsertedIndex = idx;\n                  currentRuleIndex = idx + 1;\n                  anyInserted = true;\n                } catch (singleErr) {\n                  // Skip unsupported selector in this engine (e.g., ::-moz-selection in Blink)\n                  if (process.env.NODE_ENV !== 'production') {\n                    console.warn(\n                      '[tasty] Browser rejected CSS rule:',\n                      singleRule,\n                      singleErr,\n                    );\n                  }\n                }\n              }\n              // If none inserted, continue without throwing to avoid aborting the whole batch\n              if (!anyInserted) {\n                // noop: all selectors invalid here; safe to skip\n              }\n            } else {\n              // Single selector failed — skip it silently (likely unsupported in this engine)\n              if (process.env.NODE_ENV !== 'production') {\n                console.warn('[tasty] Browser rejected CSS rule:', fullRule, e);\n              }\n            }\n          }\n        } else {\n          // Use textContent (either as fallback or when forceTextInjection is enabled)\n          // Calculate index atomically for textContent insertion too\n          const atomicRuleIndex = this.findAvailableRuleIndex(targetSheet);\n          styleElement.textContent =\n            (styleElement.textContent || '') + '\\n' + fullRule;\n          // Update sheet ruleCount immediately\n          targetSheet.ruleCount++;\n          insertedIndices.push(atomicRuleIndex); // Track this index\n          if (firstInsertedIndex == null) firstInsertedIndex = atomicRuleIndex;\n          lastInsertedIndex = atomicRuleIndex;\n          currentRuleIndex = atomicRuleIndex + 1;\n        }\n\n        // CRITICAL DEBUG: Verify the style element is in DOM only if there are issues and we're not using forceTextInjection\n        if (!styleElement.parentNode && !this.config.forceTextInjection) {\n          console.error(\n            'SheetManager: Style element is NOT in DOM! This is the problem!',\n            {\n              className,\n              ruleIndex: currentRuleIndex,\n            },\n          );\n        }\n\n        // Dev-only: store cssText for debugging tools\n        if (this.config.devMode) {\n          insertedRuleTexts.push(fullRule);\n          try {\n            registry.ruleTextSet.add(fullRule);\n          } catch {\n            // noop: defensive in case ruleTextSet is unavailable\n          }\n        }\n        // currentRuleIndex already adjusted above\n      }\n\n      // Sheet ruleCount is now updated immediately after each insertion\n      // No need for deferred update logic\n\n      if (insertedIndices.length === 0) {\n        return null;\n      }\n\n      return {\n        className,\n        ruleIndex: firstInsertedIndex ?? 0,\n        sheetIndex,\n        cssText: this.config.devMode ? insertedRuleTexts : undefined,\n        endRuleIndex: lastInsertedIndex ?? firstInsertedIndex ?? 0,\n        indices: insertedIndices,\n      };\n    } catch (error) {\n      console.warn('Failed to insert CSS rules:', error, {\n        flattenedRules,\n        className,\n      });\n      return null;\n    }\n  }\n\n  /**\n   * Insert global CSS rules\n   */\n  insertGlobalRule(\n    registry: RootRegistry,\n    flattenedRules: StyleRule[],\n    globalKey: string,\n    root: Document | ShadowRoot,\n  ): RuleInfo | null {\n    // Insert the rule using the same mechanism as regular rules\n    const ruleInfo = this.insertRule(registry, flattenedRules, globalKey, root);\n\n    // Track global rules for index adjustment\n    if (ruleInfo) {\n      registry.globalRules.set(globalKey, ruleInfo);\n    }\n\n    return ruleInfo;\n  }\n\n  /**\n   * Delete a global CSS rule by key\n   */\n  public deleteGlobalRule(registry: RootRegistry, globalKey: string): void {\n    const ruleInfo = registry.globalRules.get(globalKey);\n    if (!ruleInfo) {\n      return;\n    }\n\n    // Delete the rule using the standard deletion mechanism\n    this.deleteRule(registry, ruleInfo);\n\n    // Remove from global rules tracking\n    registry.globalRules.delete(globalKey);\n  }\n\n  /**\n   * Adjust rule indices after deletion to account for shifting\n   */\n  private adjustIndicesAfterDeletion(\n    registry: RootRegistry,\n    sheetIndex: number,\n    startIdx: number,\n    endIdx: number,\n    deleteCount: number,\n    deletedRuleInfo: RuleInfo,\n    deletedIndices?: number[],\n  ): void {\n    try {\n      const sortedDeleted =\n        deletedIndices && deletedIndices.length > 0\n          ? [...deletedIndices].sort((a, b) => a - b)\n          : null;\n      const countDeletedBefore = (sorted: number[], idx: number): number => {\n        let shift = 0;\n        for (const delIdx of sorted) {\n          if (delIdx < idx) shift++;\n          else break;\n        }\n        return shift;\n      };\n      // Helper function to adjust a single RuleInfo\n      const adjustRuleInfo = (info: RuleInfo): void => {\n        if (info === deletedRuleInfo) return; // Skip the deleted rule\n        if (info.sheetIndex !== sheetIndex) return; // Different sheet\n\n        if (!info.indices || info.indices.length === 0) {\n          return;\n        }\n\n        if (sortedDeleted) {\n          // Adjust each index based on how many deleted indices are before it\n          info.indices = info.indices.map((idx) => {\n            return idx - countDeletedBefore(sortedDeleted, idx);\n          });\n        } else {\n          // Contiguous deletion: shift indices after the deleted range\n          info.indices = info.indices.map((idx) =>\n            idx > endIdx ? Math.max(0, idx - deleteCount) : idx,\n          );\n        }\n\n        // Update ruleIndex and endRuleIndex to match adjusted indices\n        if (info.indices.length > 0) {\n          info.ruleIndex = Math.min(...info.indices);\n          info.endRuleIndex = Math.max(...info.indices);\n        }\n      };\n\n      // Adjust active rules\n      for (const info of registry.rules.values()) {\n        adjustRuleInfo(info);\n      }\n\n      // Adjust global rules\n      for (const info of registry.globalRules.values()) {\n        adjustRuleInfo(info);\n      }\n\n      // No need to separately adjust unused rules since they're part of the rules Map\n\n      // Adjust keyframes indices stored in cache\n      for (const entry of registry.keyframesCache.values()) {\n        const ki = entry.info as KeyframesInfo;\n        if (ki.sheetIndex !== sheetIndex) continue;\n        if (sortedDeleted) {\n          const shift = countDeletedBefore(sortedDeleted, ki.ruleIndex);\n          if (shift > 0) {\n            ki.ruleIndex = Math.max(0, ki.ruleIndex - shift);\n          }\n        } else if (ki.ruleIndex > endIdx) {\n          ki.ruleIndex = Math.max(0, ki.ruleIndex - deleteCount);\n        }\n      }\n    } catch {\n      // Defensive: do not let index adjustments crash cleanup\n    }\n  }\n\n  /**\n   * Delete a CSS rule from the sheet\n   */\n  deleteRule(registry: RootRegistry, ruleInfo: RuleInfo): void {\n    const sheet = registry.sheets[ruleInfo.sheetIndex];\n\n    if (!sheet) {\n      return;\n    }\n\n    try {\n      const texts: string[] =\n        this.config.devMode && Array.isArray(ruleInfo.cssText)\n          ? ruleInfo.cssText.slice()\n          : [];\n\n      const styleElement = sheet.sheet;\n      const styleSheet = styleElement.sheet;\n\n      if (styleSheet) {\n        const rules = styleSheet.cssRules;\n\n        // Use exact indices if available, otherwise fall back to range\n        if (ruleInfo.indices && ruleInfo.indices.length > 0) {\n          // NEW: Delete using exact tracked indices\n          const sortedIndices = [...ruleInfo.indices].sort((a, b) => b - a); // Sort descending\n          const deletedIndices: number[] = [];\n\n          for (const idx of sortedIndices) {\n            if (idx >= 0 && idx < styleSheet.cssRules.length) {\n              try {\n                styleSheet.deleteRule(idx);\n                deletedIndices.push(idx);\n              } catch (e) {\n                console.warn(`Failed to delete rule at index ${idx}:`, e);\n              }\n            }\n          }\n\n          sheet.ruleCount = Math.max(\n            0,\n            sheet.ruleCount - deletedIndices.length,\n          );\n\n          // Adjust indices for all other rules\n          if (deletedIndices.length > 0) {\n            this.adjustIndicesAfterDeletion(\n              registry,\n              ruleInfo.sheetIndex,\n              Math.min(...deletedIndices),\n              Math.max(...deletedIndices),\n              deletedIndices.length,\n              ruleInfo,\n              deletedIndices,\n            );\n          }\n        } else {\n          // FALLBACK: Use old range-based deletion for backwards compatibility\n          const startIdx = Math.max(0, ruleInfo.ruleIndex);\n          const endIdx = Math.min(\n            rules.length - 1,\n            Number.isFinite(ruleInfo.endRuleIndex as number)\n              ? (ruleInfo.endRuleIndex as number)\n              : startIdx,\n          );\n\n          if (Number.isFinite(startIdx) && endIdx >= startIdx) {\n            const deleteCount = endIdx - startIdx + 1;\n            for (let idx = endIdx; idx >= startIdx; idx--) {\n              if (idx < 0 || idx >= styleSheet.cssRules.length) continue;\n              styleSheet.deleteRule(idx);\n            }\n            sheet.ruleCount = Math.max(0, sheet.ruleCount - deleteCount);\n\n            // After deletion, all subsequent rule indices shift left by deleteCount.\n            // We must adjust stored indices for all other RuleInfo within the same sheet.\n            this.adjustIndicesAfterDeletion(\n              registry,\n              ruleInfo.sheetIndex,\n              startIdx,\n              endIdx,\n              deleteCount,\n              ruleInfo,\n            );\n          }\n        }\n      }\n\n      // Dev-only: remove cssText entries from validation set\n      if (this.config.devMode && texts.length) {\n        try {\n          for (const text of texts) {\n            registry.ruleTextSet.delete(text);\n          }\n        } catch {\n          // noop\n        }\n      }\n    } catch (error) {\n      console.warn('Failed to delete CSS rule:', error);\n    }\n  }\n\n  /**\n   * Find a sheet with available space or return null\n   */\n  private findAvailableSheet(\n    registry: RootRegistry,\n    _root: Document | ShadowRoot,\n  ): SheetInfo | null {\n    const maxRules = this.config.maxRulesPerSheet;\n\n    if (!maxRules) {\n      // No limit, use the last sheet if it exists\n      const lastSheet = registry.sheets[registry.sheets.length - 1];\n      return lastSheet || null;\n    }\n\n    // Find sheet with space\n    for (const sheet of registry.sheets) {\n      if (sheet.ruleCount < maxRules) {\n        return sheet;\n      }\n    }\n\n    return null; // No available sheet found\n  }\n\n  /**\n   * Find an available rule index in the sheet\n   */\n  findAvailableRuleIndex(sheet: SheetInfo): number {\n    // Always append to the end - CSS doesn't have holes\n    return sheet.ruleCount;\n  }\n\n  /**\n   * Schedule bulk cleanup of all unused styles (non-stacking)\n   */\n  private scheduleBulkCleanup(registry: RootRegistry): void {\n    // Clear any existing timeout to prevent stacking\n    if (registry.bulkCleanupTimeout) {\n      if (\n        this.config.idleCleanup &&\n        typeof cancelIdleCallback !== 'undefined'\n      ) {\n        cancelIdleCallback(registry.bulkCleanupTimeout as unknown as number);\n      } else {\n        clearTimeout(registry.bulkCleanupTimeout);\n      }\n      registry.bulkCleanupTimeout = null;\n    }\n\n    const performCleanup = () => {\n      this.performBulkCleanup(registry);\n      registry.bulkCleanupTimeout = null;\n    };\n\n    if (this.config.idleCleanup && typeof requestIdleCallback !== 'undefined') {\n      registry.bulkCleanupTimeout = requestIdleCallback(performCleanup);\n    } else {\n      const delay = this.config.bulkCleanupDelay || 5000;\n      registry.bulkCleanupTimeout = setTimeout(performCleanup, delay);\n    }\n  }\n\n  /**\n   * Force cleanup of unused styles\n   */\n  public forceCleanup(registry: RootRegistry): void {\n    this.performBulkCleanup(registry, true);\n  }\n\n  /**\n   * Perform bulk cleanup of all unused styles\n   */\n  private performBulkCleanup(registry: RootRegistry, cleanupAll = false): void {\n    const cleanupStartTime = Date.now();\n\n    // Calculate unused rules dynamically: rules that have refCount = 0\n    const unusedClassNames = Array.from(registry.refCounts.entries())\n      .filter(([, refCount]) => refCount === 0)\n      .map(([className]) => className);\n\n    if (unusedClassNames.length === 0) return;\n\n    // Build candidates list - no age filtering needed\n    const candidates = unusedClassNames.map((className) => {\n      const ruleInfo = registry.rules.get(className)!; // We know it exists\n      return {\n        className,\n        ruleInfo,\n      };\n    });\n\n    if (candidates.length === 0) return;\n\n    // Limit deletion scope per run (batch ratio) unless cleanupAll is true\n    let selected = candidates;\n    if (!cleanupAll) {\n      const ratio = this.config.bulkCleanupBatchRatio ?? 0.5;\n      const limit = Math.max(\n        1,\n        Math.floor(candidates.length * Math.min(1, Math.max(0, ratio))),\n      );\n      selected = candidates.slice(0, limit);\n    }\n\n    let cleanedUpCount = 0;\n    let totalCssSize = 0;\n    let totalRulesDeleted = 0;\n\n    // Group by sheet for efficient deletion\n    const rulesBySheet = new Map<\n      number,\n      { className: string; ruleInfo: RuleInfo }[]\n    >();\n\n    // Calculate CSS size before deletion and group rules\n    for (const { className, ruleInfo } of selected) {\n      const sheetIndex = ruleInfo.sheetIndex;\n\n      // Dev-only metrics: estimate CSS size and rule count if available\n      if (this.config.devMode && Array.isArray(ruleInfo.cssText)) {\n        const cssSize = ruleInfo.cssText.reduce(\n          (total, css) => total + css.length,\n          0,\n        );\n        totalCssSize += cssSize;\n        totalRulesDeleted += ruleInfo.cssText.length;\n      }\n\n      if (!rulesBySheet.has(sheetIndex)) {\n        rulesBySheet.set(sheetIndex, []);\n      }\n      rulesBySheet.get(sheetIndex)!.push({ className, ruleInfo });\n    }\n\n    // Delete rules from each sheet (in reverse order to preserve indices)\n    for (const [_sheetIndex, rulesInSheet] of rulesBySheet) {\n      // Sort by rule index in descending order for safe deletion\n      rulesInSheet.sort((a, b) => b.ruleInfo.ruleIndex - a.ruleInfo.ruleIndex);\n\n      for (const { className, ruleInfo } of rulesInSheet) {\n        // SAFETY 1: Double-check refCount is still 0\n        const currentRefCount = registry.refCounts.get(className) || 0;\n        if (currentRefCount > 0) {\n          // Class became active again; do not delete\n          continue;\n        }\n\n        // SAFETY 2: Ensure rule wasn't replaced\n        // Between scheduling and execution a class may have been replaced with a new RuleInfo\n        const currentInfo = registry.rules.get(className);\n        if (currentInfo !== ruleInfo) {\n          // Rule was replaced; skip deletion of the old reference\n          continue;\n        }\n\n        // SAFETY 3: Verify the sheet element is still valid and accessible\n        const sheetInfo = registry.sheets[ruleInfo.sheetIndex];\n        if (!sheetInfo || !sheetInfo.sheet) {\n          // Sheet was removed or corrupted; skip this rule\n          continue;\n        }\n\n        // SAFETY 4: Verify the stylesheet itself is accessible\n        const styleSheet = sheetInfo.sheet.sheet;\n        if (!styleSheet) {\n          // Stylesheet not available; skip this rule\n          continue;\n        }\n\n        // SAFETY 5: Verify rule index is still within valid range\n        const maxRuleIndex = styleSheet.cssRules.length - 1;\n        const startIdx = ruleInfo.ruleIndex;\n        const endIdx = ruleInfo.endRuleIndex ?? ruleInfo.ruleIndex;\n\n        if (startIdx < 0 || endIdx > maxRuleIndex || startIdx > endIdx) {\n          // Rule indices are out of bounds; skip this rule\n          continue;\n        }\n\n        // All safety checks passed - proceed with deletion\n        this.deleteRule(registry, ruleInfo);\n        registry.rules.delete(className);\n        registry.refCounts.delete(className);\n\n        // Clean up cache key mappings that point to this className\n        const keysToDelete: string[] = [];\n        for (const [\n          key,\n          mappedClassName,\n        ] of registry.cacheKeyToClassName.entries()) {\n          if (mappedClassName === className) {\n            keysToDelete.push(key);\n          }\n        }\n        for (const key of keysToDelete) {\n          registry.cacheKeyToClassName.delete(key);\n        }\n        cleanedUpCount++;\n      }\n    }\n\n    // Update metrics\n    if (registry.metrics) {\n      registry.metrics.bulkCleanups++;\n      registry.metrics.stylesCleanedUp += cleanedUpCount;\n\n      // Add detailed cleanup stats to history\n      registry.metrics.cleanupHistory.push({\n        timestamp: cleanupStartTime,\n        classesDeleted: cleanedUpCount,\n        cssSize: totalCssSize,\n        rulesDeleted: totalRulesDeleted,\n      });\n    }\n  }\n\n  /**\n   * Get total number of rules across all sheets\n   */\n  getTotalRuleCount(registry: RootRegistry): number {\n    return registry.sheets.reduce(\n      (total, sheet) => total + sheet.ruleCount - sheet.holes.length,\n      0,\n    );\n  }\n\n  /**\n   * Get CSS text from all sheets (for SSR)\n   */\n  getCssText(registry: RootRegistry): string {\n    const cssChunks: string[] = [];\n\n    for (const sheet of registry.sheets) {\n      try {\n        const styleElement = sheet.sheet;\n        if (styleElement.textContent) {\n          cssChunks.push(styleElement.textContent);\n        } else if (styleElement.sheet) {\n          const rules = Array.from(styleElement.sheet.cssRules);\n          cssChunks.push(rules.map((rule) => rule.cssText).join('\\n'));\n        }\n      } catch (error) {\n        console.warn('Failed to read CSS from sheet:', error);\n      }\n    }\n\n    return cssChunks.join('\\n');\n  }\n\n  /**\n   * Get cache performance metrics\n   */\n  getMetrics(registry: RootRegistry): CacheMetrics | null {\n    if (!registry.metrics) return null;\n\n    // Calculate unusedHits on demand - only count CSS rules since keyframes are disposed immediately\n    const unusedRulesCount = Array.from(registry.refCounts.values()).filter(\n      (count) => count === 0,\n    ).length;\n\n    return {\n      ...registry.metrics,\n      unusedHits: unusedRulesCount,\n    };\n  }\n\n  /**\n   * Reset cache performance metrics\n   */\n  resetMetrics(registry: RootRegistry): void {\n    if (registry.metrics) {\n      registry.metrics = {\n        hits: 0,\n        misses: 0,\n        bulkCleanups: 0,\n        totalInsertions: 0,\n        totalUnused: 0,\n        stylesCleanedUp: 0,\n        cleanupHistory: [],\n        startTime: Date.now(),\n      };\n    }\n  }\n\n  /**\n   * Convert keyframes steps to CSS string.\n   * Returns both the CSS text and a combined declarations string for property type scanning.\n   */\n  stepsToCSS(steps: KeyframesSteps): {\n    css: string;\n    declarations: string;\n  } {\n    const rules: string[] = [];\n    const allDeclarations: string[] = [];\n\n    for (const [key, value] of Object.entries(steps)) {\n      // Support raw CSS strings for backwards compatibility\n      if (typeof value === 'string') {\n        rules.push(`${key} { ${value.trim()} }`);\n        allDeclarations.push(value.trim());\n        continue;\n      }\n\n      // Treat value as a style map and process via tasty style handlers\n      const styleMap = (value || {}) as StyleValueStateMap;\n\n      // Build a deterministic handler queue based on present style keys\n      const styleNames = Object.keys(styleMap).sort();\n      const handlerQueue: StyleHandler[] = [];\n      const seenHandlers = new Set<StyleHandler>();\n\n      styleNames.forEach((styleName) => {\n        let handlers = STYLE_HANDLER_MAP[styleName];\n        if (!handlers) {\n          // Create a default handler for unknown styles (maps to kebab-case CSS or custom props)\n          handlers = STYLE_HANDLER_MAP[styleName] = [createStyle(styleName)];\n        }\n\n        handlers.forEach((handler) => {\n          if (!seenHandlers.has(handler)) {\n            seenHandlers.add(handler);\n            handlerQueue.push(handler);\n          }\n        });\n      });\n\n      // Accumulate declarations (ordered). We intentionally ignore `$` selector fan-out\n      // and any responsive/state bindings for keyframes.\n      const declarationPairs: { prop: string; value: string }[] = [];\n\n      handlerQueue.forEach((handler) => {\n        const lookup = handler.__lookupStyles;\n        const filteredMap = lookup.reduce<StyleValueStateMap>((acc, name) => {\n          const v = styleMap[name];\n          if (v !== undefined) acc[name] = v;\n          return acc;\n        }, {});\n\n        const result = handler(filteredMap);\n        if (!result) return;\n\n        const results = Array.isArray(result) ? result : [result];\n        results.forEach((cssMap) => {\n          if (!cssMap || typeof cssMap !== 'object') return;\n          const { $: _$, ...props } = cssMap as CSSMap;\n\n          Object.entries(props).forEach(([prop, val]) => {\n            if (val == null || val === '') return;\n\n            if (Array.isArray(val)) {\n              // Multiple values for the same property -> emit in order\n              val.forEach((v) => {\n                if (v != null && v !== '') {\n                  declarationPairs.push({ prop, value: String(v) });\n                }\n              });\n            } else {\n              declarationPairs.push({ prop, value: String(val) });\n            }\n          });\n        });\n      });\n\n      // Fallback: if nothing produced (e.g., empty object), generate empty block\n      const declarations = declarationPairs\n        .map((d) => `${d.prop}: ${d.value}`)\n        .join('; ');\n\n      rules.push(`${key} { ${declarations.trim()} }`);\n      allDeclarations.push(declarations);\n    }\n\n    return { css: rules.join(' '), declarations: allDeclarations.join('; ') };\n  }\n\n  /**\n   * Insert keyframes rule.\n   * Returns the KeyframesInfo and the raw declarations string for property type scanning.\n   */\n  insertKeyframes(\n    registry: RootRegistry,\n    steps: KeyframesSteps,\n    name: string,\n    root: Document | ShadowRoot,\n  ): { info: KeyframesInfo; declarations: string } | null {\n    let targetSheet = this.findAvailableSheet(registry, root);\n    if (!targetSheet) {\n      targetSheet = this.createSheet(registry, root);\n    }\n\n    const ruleIndex = this.findAvailableRuleIndex(targetSheet);\n    const sheetIndex = registry.sheets.indexOf(targetSheet);\n\n    try {\n      const { css: cssSteps, declarations } = this.stepsToCSS(steps);\n      const fullRule = `@keyframes ${name} { ${cssSteps} }`;\n\n      const styleElement = targetSheet.sheet;\n      const styleSheet = styleElement.sheet;\n\n      if (styleSheet && !this.config.forceTextInjection) {\n        const safeIndex = Math.min(\n          Math.max(0, ruleIndex),\n          styleSheet.cssRules.length,\n        );\n        styleSheet.insertRule(fullRule, safeIndex);\n      } else {\n        styleElement.textContent =\n          (styleElement.textContent || '') + '\\n' + fullRule;\n      }\n\n      targetSheet.ruleCount++;\n\n      return {\n        info: {\n          name,\n          ruleIndex,\n          sheetIndex,\n          cssText: this.config.devMode ? fullRule : undefined,\n        },\n        declarations,\n      };\n    } catch (error) {\n      console.warn('Failed to insert keyframes:', error);\n      return null;\n    }\n  }\n\n  /**\n   * Delete keyframes rule\n   */\n  deleteKeyframes(registry: RootRegistry, info: KeyframesInfo): void {\n    const sheet = registry.sheets[info.sheetIndex];\n    if (!sheet) return;\n\n    try {\n      const styleElement = sheet.sheet;\n      const styleSheet = styleElement.sheet;\n\n      if (styleSheet) {\n        if (\n          info.ruleIndex >= 0 &&\n          info.ruleIndex < styleSheet.cssRules.length\n        ) {\n          styleSheet.deleteRule(info.ruleIndex);\n          sheet.ruleCount = Math.max(0, sheet.ruleCount - 1);\n\n          // Adjust indices for all other rules in the same sheet\n          // This is critical - when a keyframe rule is deleted, all rules\n          // with higher indices shift down by 1\n          this.adjustIndicesAfterDeletion(\n            registry,\n            info.sheetIndex,\n            info.ruleIndex,\n            info.ruleIndex,\n            1,\n            // Create a dummy RuleInfo to satisfy the function signature\n            {\n              className: '',\n              ruleIndex: info.ruleIndex,\n              sheetIndex: info.sheetIndex,\n            } as RuleInfo,\n            [info.ruleIndex],\n          );\n        }\n      }\n    } catch (error) {\n      console.warn('Failed to delete keyframes:', error);\n    }\n  }\n\n  /**\n   * Schedule async cleanup check (non-stacking)\n   */\n  public checkCleanupNeeded(registry: RootRegistry): void {\n    // Clear any existing check timeout to prevent stacking\n    if (registry.cleanupCheckTimeout) {\n      clearTimeout(registry.cleanupCheckTimeout);\n      registry.cleanupCheckTimeout = null;\n    }\n\n    // Schedule the actual check with setTimeout(..., 0)\n    registry.cleanupCheckTimeout = setTimeout(() => {\n      this.performCleanupCheck(registry);\n      registry.cleanupCheckTimeout = null;\n    }, 0);\n  }\n\n  /**\n   * Perform the actual cleanup check (called asynchronously)\n   */\n  private performCleanupCheck(registry: RootRegistry): void {\n    // Count unused rules (refCount = 0) - keyframes are disposed immediately\n    const unusedRulesCount = Array.from(registry.refCounts.values()).filter(\n      (count) => count === 0,\n    ).length;\n    const threshold = this.config.unusedStylesThreshold || 500;\n\n    if (unusedRulesCount >= threshold) {\n      this.scheduleBulkCleanup(registry);\n    }\n  }\n\n  /**\n   * Clean up resources for a root\n   */\n  cleanup(root: Document | ShadowRoot): void {\n    const registry = this.rootRegistries.get(root);\n\n    if (!registry) {\n      return;\n    }\n\n    // Cancel any scheduled bulk cleanup\n    if (registry.bulkCleanupTimeout) {\n      if (\n        this.config.idleCleanup &&\n        typeof cancelIdleCallback !== 'undefined'\n      ) {\n        cancelIdleCallback(registry.bulkCleanupTimeout as unknown as number);\n      } else {\n        clearTimeout(registry.bulkCleanupTimeout);\n      }\n      registry.bulkCleanupTimeout = null;\n    }\n\n    // Cancel any scheduled cleanup check\n    if (registry.cleanupCheckTimeout) {\n      clearTimeout(registry.cleanupCheckTimeout);\n      registry.cleanupCheckTimeout = null;\n    }\n\n    // Remove all sheets\n    for (const sheet of registry.sheets) {\n      try {\n        // Remove style element\n        const styleElement = sheet.sheet;\n        if (styleElement.parentNode) {\n          styleElement.parentNode.removeChild(styleElement);\n        }\n      } catch (error) {\n        console.warn('Failed to cleanup sheet:', error);\n      }\n    }\n\n    // Clear registry\n    this.rootRegistries.delete(root);\n\n    // Clean up raw CSS style element\n    const rawStyleElement = this.rawStyleElements.get(root);\n    if (rawStyleElement?.parentNode) {\n      rawStyleElement.parentNode.removeChild(rawStyleElement);\n    }\n    this.rawStyleElements.delete(root);\n    this.rawCSSBlocks.delete(root);\n  }\n\n  /**\n   * Get or create a dedicated style element for raw CSS\n   * Raw CSS is kept separate from tasty-managed sheets to avoid index conflicts\n   */\n  private getOrCreateRawStyleElement(\n    root: Document | ShadowRoot,\n  ): HTMLStyleElement {\n    let styleElement = this.rawStyleElements.get(root);\n\n    if (!styleElement) {\n      styleElement =\n        (root as Document).createElement?.('style') ||\n        document.createElement('style');\n\n      if (this.config.nonce) {\n        styleElement.nonce = this.config.nonce;\n      }\n\n      styleElement.setAttribute('data-tasty-raw', '');\n\n      // Append to head or shadow root\n      if ('head' in root && root.head) {\n        root.head.appendChild(styleElement);\n      } else if ('appendChild' in root) {\n        root.appendChild(styleElement);\n      } else {\n        document.head.appendChild(styleElement);\n      }\n\n      this.rawStyleElements.set(root, styleElement);\n      this.rawCSSBlocks.set(root, new Map());\n    }\n\n    return styleElement;\n  }\n\n  /**\n   * Inject raw CSS text directly without parsing\n   * Returns a dispose function to remove the injected CSS\n   */\n  injectRawCSS(css: string, root: Document | ShadowRoot): RawCSSResult {\n    if (!css.trim()) {\n      return {\n        dispose: () => {\n          /* noop */\n        },\n      };\n    }\n\n    const styleElement = this.getOrCreateRawStyleElement(root);\n    const blocksMap = this.rawCSSBlocks.get(root)!;\n\n    // Generate unique ID for this block\n    const id = `raw_${this.rawCSSCounter++}`;\n\n    // Calculate offsets\n    const currentContent = styleElement.textContent || '';\n    const startOffset = currentContent.length;\n    const cssWithNewline = (currentContent ? '\\n' : '') + css;\n    const endOffset = startOffset + cssWithNewline.length;\n\n    // Append CSS\n    styleElement.textContent = currentContent + cssWithNewline;\n\n    // Track the block\n    const info: RawCSSInfo = {\n      id,\n      css,\n      startOffset,\n      endOffset,\n    };\n    blocksMap.set(id, info);\n\n    return {\n      dispose: () => {\n        this.disposeRawCSS(id, root);\n      },\n    };\n  }\n\n  /**\n   * Remove a raw CSS block by ID\n   */\n  private disposeRawCSS(id: string, root: Document | ShadowRoot): void {\n    const styleElement = this.rawStyleElements.get(root);\n    const blocksMap = this.rawCSSBlocks.get(root);\n\n    if (!styleElement || !blocksMap) {\n      return;\n    }\n\n    const info = blocksMap.get(id);\n    if (!info) {\n      return;\n    }\n\n    // Remove from tracking\n    blocksMap.delete(id);\n\n    // Rebuild the CSS content from remaining blocks\n    // This is simpler and more reliable than trying to splice strings\n    const remainingBlocks = Array.from(blocksMap.values());\n\n    if (remainingBlocks.length === 0) {\n      styleElement.textContent = '';\n    } else {\n      // Rebuild with remaining CSS blocks in order of their original insertion\n      // Sort by original startOffset to maintain order\n      remainingBlocks.sort((a, b) => a.startOffset - b.startOffset);\n      const newContent = remainingBlocks.map((block) => block.css).join('\\n');\n      styleElement.textContent = newContent;\n\n      // Update offsets for remaining blocks\n      let offset = 0;\n      for (const block of remainingBlocks) {\n        block.startOffset = offset;\n        block.endOffset = offset + block.css.length;\n        offset = block.endOffset + 1; // +1 for newline\n      }\n    }\n  }\n\n  /**\n   * Get the raw CSS content for SSR\n   */\n  getRawCSSText(root: Document | ShadowRoot): string {\n    const styleElement = this.rawStyleElements.get(root);\n    return styleElement?.textContent || '';\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"sheet-manager.js","names":[],"sources":["../../src/injector/sheet-manager.ts"],"sourcesContent":["import { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport { createStyle, STYLE_HANDLER_MAP } from '../styles';\n\nimport type {\n  CacheMetrics,\n  KeyframesInfo,\n  KeyframesSteps,\n  RawCSSInfo,\n  RawCSSResult,\n  RootRegistry,\n  RuleInfo,\n  SheetInfo,\n  StyleInjectorConfig,\n  StyleRule,\n} from './types';\n\nimport type { CSSMap, StyleHandler, StyleValueStateMap } from '../utils/styles';\n\nexport class SheetManager {\n  private rootRegistries = new WeakMap<Document | ShadowRoot, RootRegistry>();\n  private config: StyleInjectorConfig;\n  /** Dedicated style elements for raw CSS per root */\n  private rawStyleElements = new WeakMap<\n    Document | ShadowRoot,\n    HTMLStyleElement\n  >();\n  /** Tracking for raw CSS blocks per root */\n  private rawCSSBlocks = new WeakMap<\n    Document | ShadowRoot,\n    Map<string, RawCSSInfo>\n  >();\n  /** Counter for generating unique raw CSS IDs */\n  private rawCSSCounter = 0;\n\n  constructor(config: StyleInjectorConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Get or create registry for a root (Document or ShadowRoot)\n   */\n  getRegistry(root: Document | ShadowRoot): RootRegistry {\n    let registry = this.rootRegistries.get(root);\n\n    if (!registry) {\n      const metrics: CacheMetrics | undefined = this.config.devMode\n        ? {\n            hits: 0,\n            misses: 0,\n            bulkCleanups: 0,\n            totalInsertions: 0,\n            totalUnused: 0,\n            stylesCleanedUp: 0,\n            cleanupHistory: [],\n            startTime: Date.now(),\n          }\n        : undefined;\n\n      registry = {\n        sheets: [],\n        refCounts: new Map(),\n        rules: new Map(),\n        cacheKeyToClassName: new Map(),\n        ruleTextSet: new Set<string>(),\n        bulkCleanupTimeout: null,\n        cleanupCheckTimeout: null,\n        metrics,\n        classCounter: 0,\n        keyframesCache: new Map(),\n        keyframesNameToContent: new Map(),\n        keyframesCounter: 0,\n        injectedProperties: new Map<string, string>(),\n        globalRules: new Map(),\n        propertyTypeResolver: new PropertyTypeResolver(),\n      } as unknown as RootRegistry;\n\n      this.rootRegistries.set(root, registry);\n    }\n\n    return registry;\n  }\n\n  /**\n   * Create a new stylesheet for the registry\n   */\n  createSheet(registry: RootRegistry, root: Document | ShadowRoot): SheetInfo {\n    const sheet = this.createStyleElement(root);\n\n    const sheetInfo: SheetInfo = {\n      sheet,\n      ruleCount: 0,\n      holes: [],\n    };\n\n    registry.sheets.push(sheetInfo);\n    return sheetInfo;\n  }\n\n  /**\n   * Create a style element and append to document\n   */\n  private createStyleElement(root: Document | ShadowRoot): HTMLStyleElement {\n    const style =\n      (root as Document).createElement?.('style') ||\n      document.createElement('style');\n\n    if (this.config.nonce) {\n      style.nonce = this.config.nonce;\n    }\n\n    style.setAttribute('data-tasty', '');\n\n    // Append to head or shadow root\n    if ('head' in root && root.head) {\n      root.head.appendChild(style);\n    } else if ('appendChild' in root) {\n      root.appendChild(style);\n    } else {\n      document.head.appendChild(style);\n    }\n\n    // Verify it was actually added - log only if there's a problem and we're not using forceTextInjection\n    if (!style.isConnected && !this.config.forceTextInjection) {\n      console.error('SheetManager: Style element failed to connect to DOM!', {\n        parentNode: style.parentNode?.nodeName,\n        isConnected: style.isConnected,\n      });\n    }\n\n    return style;\n  }\n\n  /**\n   * Insert CSS rules as a single block\n   */\n  insertRule(\n    registry: RootRegistry,\n    flattenedRules: StyleRule[],\n    className: string,\n    root: Document | ShadowRoot,\n  ): RuleInfo | null {\n    // Find or create a sheet with available space\n    let targetSheet = this.findAvailableSheet(registry, root);\n\n    if (!targetSheet) {\n      targetSheet = this.createSheet(registry, root);\n    }\n\n    const sheetIndex = registry.sheets.indexOf(targetSheet);\n\n    try {\n      // Group rules by selector and at-rules to combine declarations\n      const groupedRules: StyleRule[] = [];\n      const groupMap = new Map<\n        string,\n        {\n          idx: number;\n          selector: string;\n          atRules?: string[];\n          declarations: string;\n        }\n      >();\n\n      const atKey = (at?: string[]) => (at && at.length ? at.join('|') : '');\n\n      flattenedRules.forEach((r) => {\n        const key = `${atKey(r.atRules)}||${r.selector}`;\n        const existing = groupMap.get(key);\n        if (existing) {\n          // Append declarations, preserving order\n          existing.declarations = existing.declarations\n            ? `${existing.declarations} ${r.declarations}`\n            : r.declarations;\n        } else {\n          groupMap.set(key, {\n            idx: groupedRules.length,\n            selector: r.selector,\n            atRules: r.atRules,\n            declarations: r.declarations,\n          });\n          groupedRules.push({ ...r });\n        }\n      });\n\n      // Normalize groupedRules from map (with merged declarations)\n      groupMap.forEach((val) => {\n        groupedRules[val.idx] = {\n          selector: val.selector,\n          atRules: val.atRules,\n          declarations: val.declarations,\n        } as StyleRule;\n      });\n\n      // Insert grouped rules\n      const insertedRuleTexts: string[] = [];\n      const insertedIndices: number[] = []; // Track exact indices\n      // Calculate rule index atomically right before insertion to prevent race conditions\n      let currentRuleIndex = this.findAvailableRuleIndex(targetSheet);\n      let firstInsertedIndex: number | null = null;\n      let lastInsertedIndex: number | null = null;\n\n      for (const rule of groupedRules) {\n        const declarations = rule.declarations;\n        const baseRule = `${rule.selector} { ${declarations} }`;\n\n        // Wrap with at-rules if present\n        let fullRule = baseRule;\n        if (rule.atRules && rule.atRules.length > 0) {\n          fullRule = rule.atRules.reduce(\n            (css, atRule) => `${atRule} { ${css} }`,\n            baseRule,\n          );\n        }\n\n        // Insert individual rule into style element\n        const styleElement = targetSheet.sheet;\n        const styleSheet = styleElement.sheet;\n\n        if (styleSheet && !this.config.forceTextInjection) {\n          // Calculate index atomically for each rule to prevent concurrent insertion races\n          const maxIndex = styleSheet.cssRules.length;\n          const atomicRuleIndex = this.findAvailableRuleIndex(targetSheet);\n          const safeIndex = Math.min(Math.max(0, atomicRuleIndex), maxIndex);\n\n          // Helper: split comma-separated selectors safely (ignores commas inside [] () \" ')\n          const splitSelectorsSafely = (selectorList: string): string[] => {\n            const parts: string[] = [];\n            let buf = '';\n            let depthSq = 0; // [] depth\n            let depthPar = 0; // () depth\n            let inStr: '\"' | \"'\" | '' = '';\n            for (let i = 0; i < selectorList.length; i++) {\n              const ch = selectorList[i];\n              if (inStr) {\n                if (ch === inStr && selectorList[i - 1] !== '\\\\') {\n                  inStr = '';\n                }\n                buf += ch;\n                continue;\n              }\n              if (ch === '\"' || ch === \"'\") {\n                inStr = ch as '\"' | \"'\";\n                buf += ch;\n                continue;\n              }\n              if (ch === '[') depthSq++;\n              else if (ch === ']') depthSq = Math.max(0, depthSq - 1);\n              else if (ch === '(') depthPar++;\n              else if (ch === ')') depthPar = Math.max(0, depthPar - 1);\n\n              if (ch === ',' && depthSq === 0 && depthPar === 0) {\n                const part = buf.trim();\n                if (part) parts.push(part);\n                buf = '';\n              } else {\n                buf += ch;\n              }\n            }\n            const tail = buf.trim();\n            if (tail) parts.push(tail);\n            return parts;\n          };\n\n          try {\n            styleSheet.insertRule(fullRule, safeIndex);\n            // Update sheet ruleCount immediately to prevent concurrent race conditions\n            targetSheet.ruleCount++;\n            insertedIndices.push(safeIndex); // Track this index\n            if (firstInsertedIndex == null) firstInsertedIndex = safeIndex;\n            lastInsertedIndex = safeIndex;\n            currentRuleIndex = safeIndex + 1;\n          } catch (e) {\n            // If the browser rejects the combined selector (e.g., vendor pseudo-elements),\n            // try to split and insert each selector independently. Skip unsupported ones.\n            const selectors = splitSelectorsSafely(rule.selector);\n            if (selectors.length > 1) {\n              let anyInserted = false;\n              for (const sel of selectors) {\n                const singleBase = `${sel} { ${declarations} }`;\n                let singleRule = singleBase;\n                if (rule.atRules && rule.atRules.length > 0) {\n                  singleRule = rule.atRules.reduce(\n                    (css, atRule) => `${atRule} { ${css} }`,\n                    singleBase,\n                  );\n                }\n\n                try {\n                  // Calculate index atomically for each individual selector insertion\n                  const maxIdx = styleSheet.cssRules.length;\n                  const atomicIdx = this.findAvailableRuleIndex(targetSheet);\n                  const idx = Math.min(Math.max(0, atomicIdx), maxIdx);\n                  styleSheet.insertRule(singleRule, idx);\n                  // Update sheet ruleCount immediately\n                  targetSheet.ruleCount++;\n                  insertedIndices.push(idx); // Track this index\n                  if (firstInsertedIndex == null) firstInsertedIndex = idx;\n                  lastInsertedIndex = idx;\n                  currentRuleIndex = idx + 1;\n                  anyInserted = true;\n                } catch (singleErr) {\n                  // Skip unsupported selector in this engine (e.g., ::-moz-selection in Blink)\n                  if (process.env.NODE_ENV !== 'production') {\n                    console.warn(\n                      '[tasty] Browser rejected CSS rule:',\n                      singleRule,\n                      singleErr,\n                    );\n                  }\n                }\n              }\n              // If none inserted, continue without throwing to avoid aborting the whole batch\n              if (!anyInserted) {\n                // noop: all selectors invalid here; safe to skip\n              }\n            } else {\n              // Single selector failed — skip it silently (likely unsupported in this engine)\n              if (process.env.NODE_ENV !== 'production') {\n                console.warn('[tasty] Browser rejected CSS rule:', fullRule, e);\n              }\n            }\n          }\n        } else {\n          // Use textContent (either as fallback or when forceTextInjection is enabled)\n          // Calculate index atomically for textContent insertion too\n          const atomicRuleIndex = this.findAvailableRuleIndex(targetSheet);\n          styleElement.textContent =\n            (styleElement.textContent || '') + '\\n' + fullRule;\n          // Update sheet ruleCount immediately\n          targetSheet.ruleCount++;\n          insertedIndices.push(atomicRuleIndex); // Track this index\n          if (firstInsertedIndex == null) firstInsertedIndex = atomicRuleIndex;\n          lastInsertedIndex = atomicRuleIndex;\n          currentRuleIndex = atomicRuleIndex + 1;\n        }\n\n        // CRITICAL DEBUG: Verify the style element is in DOM only if there are issues and we're not using forceTextInjection\n        if (!styleElement.parentNode && !this.config.forceTextInjection) {\n          console.error(\n            'SheetManager: Style element is NOT in DOM! This is the problem!',\n            {\n              className,\n              ruleIndex: currentRuleIndex,\n            },\n          );\n        }\n\n        // Dev-only: store cssText for debugging tools\n        if (this.config.devMode) {\n          insertedRuleTexts.push(fullRule);\n          try {\n            registry.ruleTextSet.add(fullRule);\n          } catch {\n            // noop: defensive in case ruleTextSet is unavailable\n          }\n        }\n        // currentRuleIndex already adjusted above\n      }\n\n      // Sheet ruleCount is now updated immediately after each insertion\n      // No need for deferred update logic\n\n      if (insertedIndices.length === 0) {\n        return null;\n      }\n\n      return {\n        className,\n        ruleIndex: firstInsertedIndex ?? 0,\n        sheetIndex,\n        cssText: this.config.devMode ? insertedRuleTexts : undefined,\n        endRuleIndex: lastInsertedIndex ?? firstInsertedIndex ?? 0,\n        indices: insertedIndices,\n      };\n    } catch (error) {\n      console.warn('Failed to insert CSS rules:', error, {\n        flattenedRules,\n        className,\n      });\n      return null;\n    }\n  }\n\n  /**\n   * Insert global CSS rules\n   */\n  insertGlobalRule(\n    registry: RootRegistry,\n    flattenedRules: StyleRule[],\n    globalKey: string,\n    root: Document | ShadowRoot,\n  ): RuleInfo | null {\n    // Insert the rule using the same mechanism as regular rules\n    const ruleInfo = this.insertRule(registry, flattenedRules, globalKey, root);\n\n    // Track global rules for index adjustment\n    if (ruleInfo) {\n      registry.globalRules.set(globalKey, ruleInfo);\n    }\n\n    return ruleInfo;\n  }\n\n  /**\n   * Delete a global CSS rule by key\n   */\n  public deleteGlobalRule(registry: RootRegistry, globalKey: string): void {\n    const ruleInfo = registry.globalRules.get(globalKey);\n    if (!ruleInfo) {\n      return;\n    }\n\n    // Delete the rule using the standard deletion mechanism\n    this.deleteRule(registry, ruleInfo);\n\n    // Remove from global rules tracking\n    registry.globalRules.delete(globalKey);\n  }\n\n  /**\n   * Adjust rule indices after deletion to account for shifting\n   */\n  private adjustIndicesAfterDeletion(\n    registry: RootRegistry,\n    sheetIndex: number,\n    startIdx: number,\n    endIdx: number,\n    deleteCount: number,\n    deletedRuleInfo: RuleInfo,\n    deletedIndices?: number[],\n  ): void {\n    try {\n      const sortedDeleted =\n        deletedIndices && deletedIndices.length > 0\n          ? [...deletedIndices].sort((a, b) => a - b)\n          : null;\n      const countDeletedBefore = (sorted: number[], idx: number): number => {\n        let shift = 0;\n        for (const delIdx of sorted) {\n          if (delIdx < idx) shift++;\n          else break;\n        }\n        return shift;\n      };\n      // Helper function to adjust a single RuleInfo\n      const adjustRuleInfo = (info: RuleInfo): void => {\n        if (info === deletedRuleInfo) return; // Skip the deleted rule\n        if (info.sheetIndex !== sheetIndex) return; // Different sheet\n\n        if (!info.indices || info.indices.length === 0) {\n          return;\n        }\n\n        if (sortedDeleted) {\n          // Adjust each index based on how many deleted indices are before it\n          info.indices = info.indices.map((idx) => {\n            return idx - countDeletedBefore(sortedDeleted, idx);\n          });\n        } else {\n          // Contiguous deletion: shift indices after the deleted range\n          info.indices = info.indices.map((idx) =>\n            idx > endIdx ? Math.max(0, idx - deleteCount) : idx,\n          );\n        }\n\n        // Update ruleIndex and endRuleIndex to match adjusted indices\n        if (info.indices.length > 0) {\n          info.ruleIndex = Math.min(...info.indices);\n          info.endRuleIndex = Math.max(...info.indices);\n        }\n      };\n\n      // Adjust active rules\n      for (const info of registry.rules.values()) {\n        adjustRuleInfo(info);\n      }\n\n      // Adjust global rules\n      for (const info of registry.globalRules.values()) {\n        adjustRuleInfo(info);\n      }\n\n      // No need to separately adjust unused rules since they're part of the rules Map\n\n      // Adjust keyframes indices stored in cache\n      for (const entry of registry.keyframesCache.values()) {\n        const ki = entry.info as KeyframesInfo;\n        if (ki.sheetIndex !== sheetIndex) continue;\n        if (sortedDeleted) {\n          const shift = countDeletedBefore(sortedDeleted, ki.ruleIndex);\n          if (shift > 0) {\n            ki.ruleIndex = Math.max(0, ki.ruleIndex - shift);\n          }\n        } else if (ki.ruleIndex > endIdx) {\n          ki.ruleIndex = Math.max(0, ki.ruleIndex - deleteCount);\n        }\n      }\n    } catch {\n      // Defensive: do not let index adjustments crash cleanup\n    }\n  }\n\n  /**\n   * Delete a CSS rule from the sheet\n   */\n  deleteRule(registry: RootRegistry, ruleInfo: RuleInfo): void {\n    const sheet = registry.sheets[ruleInfo.sheetIndex];\n\n    if (!sheet) {\n      return;\n    }\n\n    try {\n      const texts: string[] =\n        this.config.devMode && Array.isArray(ruleInfo.cssText)\n          ? ruleInfo.cssText.slice()\n          : [];\n\n      const styleElement = sheet.sheet;\n      const styleSheet = styleElement.sheet;\n\n      if (styleSheet) {\n        const rules = styleSheet.cssRules;\n\n        // Use exact indices if available, otherwise fall back to range\n        if (ruleInfo.indices && ruleInfo.indices.length > 0) {\n          // NEW: Delete using exact tracked indices\n          const sortedIndices = [...ruleInfo.indices].sort((a, b) => b - a); // Sort descending\n          const deletedIndices: number[] = [];\n\n          for (const idx of sortedIndices) {\n            if (idx >= 0 && idx < styleSheet.cssRules.length) {\n              try {\n                styleSheet.deleteRule(idx);\n                deletedIndices.push(idx);\n              } catch (e) {\n                console.warn(`Failed to delete rule at index ${idx}:`, e);\n              }\n            }\n          }\n\n          sheet.ruleCount = Math.max(\n            0,\n            sheet.ruleCount - deletedIndices.length,\n          );\n\n          // Adjust indices for all other rules\n          if (deletedIndices.length > 0) {\n            this.adjustIndicesAfterDeletion(\n              registry,\n              ruleInfo.sheetIndex,\n              Math.min(...deletedIndices),\n              Math.max(...deletedIndices),\n              deletedIndices.length,\n              ruleInfo,\n              deletedIndices,\n            );\n          }\n        } else {\n          // FALLBACK: Use old range-based deletion for backwards compatibility\n          const startIdx = Math.max(0, ruleInfo.ruleIndex);\n          const endIdx = Math.min(\n            rules.length - 1,\n            Number.isFinite(ruleInfo.endRuleIndex as number)\n              ? (ruleInfo.endRuleIndex as number)\n              : startIdx,\n          );\n\n          if (Number.isFinite(startIdx) && endIdx >= startIdx) {\n            const deleteCount = endIdx - startIdx + 1;\n            for (let idx = endIdx; idx >= startIdx; idx--) {\n              if (idx < 0 || idx >= styleSheet.cssRules.length) continue;\n              styleSheet.deleteRule(idx);\n            }\n            sheet.ruleCount = Math.max(0, sheet.ruleCount - deleteCount);\n\n            // After deletion, all subsequent rule indices shift left by deleteCount.\n            // We must adjust stored indices for all other RuleInfo within the same sheet.\n            this.adjustIndicesAfterDeletion(\n              registry,\n              ruleInfo.sheetIndex,\n              startIdx,\n              endIdx,\n              deleteCount,\n              ruleInfo,\n            );\n          }\n        }\n      }\n\n      // Dev-only: remove cssText entries from validation set\n      if (this.config.devMode && texts.length) {\n        try {\n          for (const text of texts) {\n            registry.ruleTextSet.delete(text);\n          }\n        } catch {\n          // noop\n        }\n      }\n    } catch (error) {\n      console.warn('Failed to delete CSS rule:', error);\n    }\n  }\n\n  /**\n   * Find a sheet with available space or return null\n   */\n  private findAvailableSheet(\n    registry: RootRegistry,\n    _root: Document | ShadowRoot,\n  ): SheetInfo | null {\n    const maxRules = this.config.maxRulesPerSheet;\n\n    if (!maxRules) {\n      // No limit, use the last sheet if it exists\n      const lastSheet = registry.sheets[registry.sheets.length - 1];\n      return lastSheet || null;\n    }\n\n    // Find sheet with space\n    for (const sheet of registry.sheets) {\n      if (sheet.ruleCount < maxRules) {\n        return sheet;\n      }\n    }\n\n    return null; // No available sheet found\n  }\n\n  /**\n   * Find an available rule index in the sheet\n   */\n  findAvailableRuleIndex(sheet: SheetInfo): number {\n    // Always append to the end - CSS doesn't have holes\n    return sheet.ruleCount;\n  }\n\n  /**\n   * Schedule bulk cleanup of all unused styles (non-stacking)\n   */\n  private scheduleBulkCleanup(registry: RootRegistry): void {\n    // Clear any existing timeout to prevent stacking\n    if (registry.bulkCleanupTimeout) {\n      if (\n        this.config.idleCleanup &&\n        typeof cancelIdleCallback !== 'undefined'\n      ) {\n        cancelIdleCallback(registry.bulkCleanupTimeout as unknown as number);\n      } else {\n        clearTimeout(registry.bulkCleanupTimeout);\n      }\n      registry.bulkCleanupTimeout = null;\n    }\n\n    const performCleanup = () => {\n      this.performBulkCleanup(registry);\n      registry.bulkCleanupTimeout = null;\n    };\n\n    if (this.config.idleCleanup && typeof requestIdleCallback !== 'undefined') {\n      registry.bulkCleanupTimeout = requestIdleCallback(performCleanup);\n    } else {\n      const delay = this.config.bulkCleanupDelay || 5000;\n      registry.bulkCleanupTimeout = setTimeout(performCleanup, delay);\n    }\n  }\n\n  /**\n   * Force cleanup of unused styles\n   */\n  public forceCleanup(registry: RootRegistry): void {\n    this.performBulkCleanup(registry, true);\n  }\n\n  /**\n   * Perform bulk cleanup of all unused styles\n   */\n  private performBulkCleanup(registry: RootRegistry, cleanupAll = false): void {\n    const cleanupStartTime = Date.now();\n\n    // Calculate unused rules dynamically: rules that have refCount = 0\n    const unusedClassNames = Array.from(registry.refCounts.entries())\n      .filter(([, refCount]) => refCount === 0)\n      .map(([className]) => className);\n\n    if (unusedClassNames.length === 0) return;\n\n    // Build candidates list - no age filtering needed\n    const candidates = unusedClassNames.map((className) => {\n      const ruleInfo = registry.rules.get(className)!; // We know it exists\n      return {\n        className,\n        ruleInfo,\n      };\n    });\n\n    if (candidates.length === 0) return;\n\n    // Limit deletion scope per run (batch ratio) unless cleanupAll is true\n    let selected = candidates;\n    if (!cleanupAll) {\n      const ratio = this.config.bulkCleanupBatchRatio ?? 0.5;\n      const limit = Math.max(\n        1,\n        Math.floor(candidates.length * Math.min(1, Math.max(0, ratio))),\n      );\n      selected = candidates.slice(0, limit);\n    }\n\n    let cleanedUpCount = 0;\n    let totalCssSize = 0;\n    let totalRulesDeleted = 0;\n\n    // Group by sheet for efficient deletion\n    const rulesBySheet = new Map<\n      number,\n      { className: string; ruleInfo: RuleInfo }[]\n    >();\n\n    // Calculate CSS size before deletion and group rules\n    for (const { className, ruleInfo } of selected) {\n      const sheetIndex = ruleInfo.sheetIndex;\n\n      // Dev-only metrics: estimate CSS size and rule count if available\n      if (this.config.devMode && Array.isArray(ruleInfo.cssText)) {\n        const cssSize = ruleInfo.cssText.reduce(\n          (total, css) => total + css.length,\n          0,\n        );\n        totalCssSize += cssSize;\n        totalRulesDeleted += ruleInfo.cssText.length;\n      }\n\n      if (!rulesBySheet.has(sheetIndex)) {\n        rulesBySheet.set(sheetIndex, []);\n      }\n      rulesBySheet.get(sheetIndex)!.push({ className, ruleInfo });\n    }\n\n    // Delete rules from each sheet (in reverse order to preserve indices)\n    for (const [_sheetIndex, rulesInSheet] of rulesBySheet) {\n      // Sort by rule index in descending order for safe deletion\n      rulesInSheet.sort((a, b) => b.ruleInfo.ruleIndex - a.ruleInfo.ruleIndex);\n\n      for (const { className, ruleInfo } of rulesInSheet) {\n        // SAFETY 1: Double-check refCount is still 0\n        const currentRefCount = registry.refCounts.get(className) || 0;\n        if (currentRefCount > 0) {\n          // Class became active again; do not delete\n          continue;\n        }\n\n        // SAFETY 2: Ensure rule wasn't replaced\n        // Between scheduling and execution a class may have been replaced with a new RuleInfo\n        const currentInfo = registry.rules.get(className);\n        if (currentInfo !== ruleInfo) {\n          // Rule was replaced; skip deletion of the old reference\n          continue;\n        }\n\n        // SAFETY 3: Verify the sheet element is still valid and accessible\n        const sheetInfo = registry.sheets[ruleInfo.sheetIndex];\n        if (!sheetInfo || !sheetInfo.sheet) {\n          // Sheet was removed or corrupted; skip this rule\n          continue;\n        }\n\n        // SAFETY 4: Verify the stylesheet itself is accessible\n        const styleSheet = sheetInfo.sheet.sheet;\n        if (!styleSheet) {\n          // Stylesheet not available; skip this rule\n          continue;\n        }\n\n        // SAFETY 5: Verify rule index is still within valid range\n        const maxRuleIndex = styleSheet.cssRules.length - 1;\n        const startIdx = ruleInfo.ruleIndex;\n        const endIdx = ruleInfo.endRuleIndex ?? ruleInfo.ruleIndex;\n\n        if (startIdx < 0 || endIdx > maxRuleIndex || startIdx > endIdx) {\n          // Rule indices are out of bounds; skip this rule\n          continue;\n        }\n\n        // All safety checks passed - proceed with deletion\n        this.deleteRule(registry, ruleInfo);\n        registry.rules.delete(className);\n        registry.refCounts.delete(className);\n\n        // Clean up cache key mappings that point to this className\n        const keysToDelete: string[] = [];\n        for (const [\n          key,\n          mappedClassName,\n        ] of registry.cacheKeyToClassName.entries()) {\n          if (mappedClassName === className) {\n            keysToDelete.push(key);\n          }\n        }\n        for (const key of keysToDelete) {\n          registry.cacheKeyToClassName.delete(key);\n        }\n        cleanedUpCount++;\n      }\n    }\n\n    // Update metrics\n    if (registry.metrics) {\n      registry.metrics.bulkCleanups++;\n      registry.metrics.stylesCleanedUp += cleanedUpCount;\n\n      // Add detailed cleanup stats to history\n      registry.metrics.cleanupHistory.push({\n        timestamp: cleanupStartTime,\n        classesDeleted: cleanedUpCount,\n        cssSize: totalCssSize,\n        rulesDeleted: totalRulesDeleted,\n      });\n    }\n  }\n\n  /**\n   * Get total number of rules across all sheets\n   */\n  getTotalRuleCount(registry: RootRegistry): number {\n    return registry.sheets.reduce(\n      (total, sheet) => total + sheet.ruleCount - sheet.holes.length,\n      0,\n    );\n  }\n\n  /**\n   * Get CSS text from all sheets (for SSR)\n   */\n  getCssText(registry: RootRegistry): string {\n    const cssChunks: string[] = [];\n\n    for (const sheet of registry.sheets) {\n      try {\n        const styleElement = sheet.sheet;\n        if (styleElement.textContent) {\n          cssChunks.push(styleElement.textContent);\n        } else if (styleElement.sheet) {\n          const rules = Array.from(styleElement.sheet.cssRules);\n          cssChunks.push(rules.map((rule) => rule.cssText).join('\\n'));\n        }\n      } catch (error) {\n        console.warn('Failed to read CSS from sheet:', error);\n      }\n    }\n\n    return cssChunks.join('\\n');\n  }\n\n  /**\n   * Get cache performance metrics\n   */\n  getMetrics(registry: RootRegistry): CacheMetrics | null {\n    if (!registry.metrics) return null;\n\n    // Calculate unusedHits on demand - only count CSS rules since keyframes are disposed immediately\n    const unusedRulesCount = Array.from(registry.refCounts.values()).filter(\n      (count) => count === 0,\n    ).length;\n\n    return {\n      ...registry.metrics,\n      unusedHits: unusedRulesCount,\n    };\n  }\n\n  /**\n   * Reset cache performance metrics\n   */\n  resetMetrics(registry: RootRegistry): void {\n    if (registry.metrics) {\n      registry.metrics = {\n        hits: 0,\n        misses: 0,\n        bulkCleanups: 0,\n        totalInsertions: 0,\n        totalUnused: 0,\n        stylesCleanedUp: 0,\n        cleanupHistory: [],\n        startTime: Date.now(),\n      };\n    }\n  }\n\n  /**\n   * Convert keyframes steps to CSS string.\n   * Public so the SSR collector can format keyframes without DOM access.\n   * Returns both the CSS text and a combined declarations string for property type scanning.\n   */\n  stepsToCSS(steps: KeyframesSteps): {\n    css: string;\n    declarations: string;\n  } {\n    const rules: string[] = [];\n    const allDeclarations: string[] = [];\n\n    for (const [key, value] of Object.entries(steps)) {\n      // Support raw CSS strings for backwards compatibility\n      if (typeof value === 'string') {\n        rules.push(`${key} { ${value.trim()} }`);\n        allDeclarations.push(value.trim());\n        continue;\n      }\n\n      // Treat value as a style map and process via tasty style handlers\n      const styleMap = (value || {}) as StyleValueStateMap;\n\n      // Build a deterministic handler queue based on present style keys\n      const styleNames = Object.keys(styleMap).sort();\n      const handlerQueue: StyleHandler[] = [];\n      const seenHandlers = new Set<StyleHandler>();\n\n      styleNames.forEach((styleName) => {\n        let handlers = STYLE_HANDLER_MAP[styleName];\n        if (!handlers) {\n          // Create a default handler for unknown styles (maps to kebab-case CSS or custom props)\n          handlers = STYLE_HANDLER_MAP[styleName] = [createStyle(styleName)];\n        }\n\n        handlers.forEach((handler) => {\n          if (!seenHandlers.has(handler)) {\n            seenHandlers.add(handler);\n            handlerQueue.push(handler);\n          }\n        });\n      });\n\n      // Accumulate declarations (ordered). We intentionally ignore `$` selector fan-out\n      // and any responsive/state bindings for keyframes.\n      const declarationPairs: { prop: string; value: string }[] = [];\n\n      handlerQueue.forEach((handler) => {\n        const lookup = handler.__lookupStyles;\n        const filteredMap = lookup.reduce<StyleValueStateMap>((acc, name) => {\n          const v = styleMap[name];\n          if (v !== undefined) acc[name] = v;\n          return acc;\n        }, {});\n\n        const result = handler(filteredMap);\n        if (!result) return;\n\n        const results = Array.isArray(result) ? result : [result];\n        results.forEach((cssMap) => {\n          if (!cssMap || typeof cssMap !== 'object') return;\n          const { $: _$, ...props } = cssMap as CSSMap;\n\n          Object.entries(props).forEach(([prop, val]) => {\n            if (val == null || val === '') return;\n\n            if (Array.isArray(val)) {\n              // Multiple values for the same property -> emit in order\n              val.forEach((v) => {\n                if (v != null && v !== '') {\n                  declarationPairs.push({ prop, value: String(v) });\n                }\n              });\n            } else {\n              declarationPairs.push({ prop, value: String(val) });\n            }\n          });\n        });\n      });\n\n      // Fallback: if nothing produced (e.g., empty object), generate empty block\n      const declarations = declarationPairs\n        .map((d) => `${d.prop}: ${d.value}`)\n        .join('; ');\n\n      rules.push(`${key} { ${declarations.trim()} }`);\n      allDeclarations.push(declarations);\n    }\n\n    return { css: rules.join(' '), declarations: allDeclarations.join('; ') };\n  }\n\n  /**\n   * Insert keyframes rule.\n   * Returns the KeyframesInfo and the raw declarations string for property type scanning.\n   */\n  insertKeyframes(\n    registry: RootRegistry,\n    steps: KeyframesSteps,\n    name: string,\n    root: Document | ShadowRoot,\n  ): { info: KeyframesInfo; declarations: string } | null {\n    let targetSheet = this.findAvailableSheet(registry, root);\n    if (!targetSheet) {\n      targetSheet = this.createSheet(registry, root);\n    }\n\n    const ruleIndex = this.findAvailableRuleIndex(targetSheet);\n    const sheetIndex = registry.sheets.indexOf(targetSheet);\n\n    try {\n      const { css: cssSteps, declarations } = this.stepsToCSS(steps);\n      const fullRule = `@keyframes ${name} { ${cssSteps} }`;\n\n      const styleElement = targetSheet.sheet;\n      const styleSheet = styleElement.sheet;\n\n      if (styleSheet && !this.config.forceTextInjection) {\n        const safeIndex = Math.min(\n          Math.max(0, ruleIndex),\n          styleSheet.cssRules.length,\n        );\n        styleSheet.insertRule(fullRule, safeIndex);\n      } else {\n        styleElement.textContent =\n          (styleElement.textContent || '') + '\\n' + fullRule;\n      }\n\n      targetSheet.ruleCount++;\n\n      return {\n        info: {\n          name,\n          ruleIndex,\n          sheetIndex,\n          cssText: this.config.devMode ? fullRule : undefined,\n        },\n        declarations,\n      };\n    } catch (error) {\n      console.warn('Failed to insert keyframes:', error);\n      return null;\n    }\n  }\n\n  /**\n   * Delete keyframes rule\n   */\n  deleteKeyframes(registry: RootRegistry, info: KeyframesInfo): void {\n    const sheet = registry.sheets[info.sheetIndex];\n    if (!sheet) return;\n\n    try {\n      const styleElement = sheet.sheet;\n      const styleSheet = styleElement.sheet;\n\n      if (styleSheet) {\n        if (\n          info.ruleIndex >= 0 &&\n          info.ruleIndex < styleSheet.cssRules.length\n        ) {\n          styleSheet.deleteRule(info.ruleIndex);\n          sheet.ruleCount = Math.max(0, sheet.ruleCount - 1);\n\n          // Adjust indices for all other rules in the same sheet\n          // This is critical - when a keyframe rule is deleted, all rules\n          // with higher indices shift down by 1\n          this.adjustIndicesAfterDeletion(\n            registry,\n            info.sheetIndex,\n            info.ruleIndex,\n            info.ruleIndex,\n            1,\n            // Create a dummy RuleInfo to satisfy the function signature\n            {\n              className: '',\n              ruleIndex: info.ruleIndex,\n              sheetIndex: info.sheetIndex,\n            } as RuleInfo,\n            [info.ruleIndex],\n          );\n        }\n      }\n    } catch (error) {\n      console.warn('Failed to delete keyframes:', error);\n    }\n  }\n\n  /**\n   * Schedule async cleanup check (non-stacking)\n   */\n  public checkCleanupNeeded(registry: RootRegistry): void {\n    // Clear any existing check timeout to prevent stacking\n    if (registry.cleanupCheckTimeout) {\n      clearTimeout(registry.cleanupCheckTimeout);\n      registry.cleanupCheckTimeout = null;\n    }\n\n    // Schedule the actual check with setTimeout(..., 0)\n    registry.cleanupCheckTimeout = setTimeout(() => {\n      this.performCleanupCheck(registry);\n      registry.cleanupCheckTimeout = null;\n    }, 0);\n  }\n\n  /**\n   * Perform the actual cleanup check (called asynchronously)\n   */\n  private performCleanupCheck(registry: RootRegistry): void {\n    // Count unused rules (refCount = 0) - keyframes are disposed immediately\n    const unusedRulesCount = Array.from(registry.refCounts.values()).filter(\n      (count) => count === 0,\n    ).length;\n    const threshold = this.config.unusedStylesThreshold || 500;\n\n    if (unusedRulesCount >= threshold) {\n      this.scheduleBulkCleanup(registry);\n    }\n  }\n\n  /**\n   * Clean up resources for a root\n   */\n  cleanup(root: Document | ShadowRoot): void {\n    const registry = this.rootRegistries.get(root);\n\n    if (!registry) {\n      return;\n    }\n\n    // Cancel any scheduled bulk cleanup\n    if (registry.bulkCleanupTimeout) {\n      if (\n        this.config.idleCleanup &&\n        typeof cancelIdleCallback !== 'undefined'\n      ) {\n        cancelIdleCallback(registry.bulkCleanupTimeout as unknown as number);\n      } else {\n        clearTimeout(registry.bulkCleanupTimeout);\n      }\n      registry.bulkCleanupTimeout = null;\n    }\n\n    // Cancel any scheduled cleanup check\n    if (registry.cleanupCheckTimeout) {\n      clearTimeout(registry.cleanupCheckTimeout);\n      registry.cleanupCheckTimeout = null;\n    }\n\n    // Remove all sheets\n    for (const sheet of registry.sheets) {\n      try {\n        // Remove style element\n        const styleElement = sheet.sheet;\n        if (styleElement.parentNode) {\n          styleElement.parentNode.removeChild(styleElement);\n        }\n      } catch (error) {\n        console.warn('Failed to cleanup sheet:', error);\n      }\n    }\n\n    // Clear registry\n    this.rootRegistries.delete(root);\n\n    // Clean up raw CSS style element\n    const rawStyleElement = this.rawStyleElements.get(root);\n    if (rawStyleElement?.parentNode) {\n      rawStyleElement.parentNode.removeChild(rawStyleElement);\n    }\n    this.rawStyleElements.delete(root);\n    this.rawCSSBlocks.delete(root);\n  }\n\n  /**\n   * Get or create a dedicated style element for raw CSS\n   * Raw CSS is kept separate from tasty-managed sheets to avoid index conflicts\n   */\n  private getOrCreateRawStyleElement(\n    root: Document | ShadowRoot,\n  ): HTMLStyleElement {\n    let styleElement = this.rawStyleElements.get(root);\n\n    if (!styleElement) {\n      styleElement =\n        (root as Document).createElement?.('style') ||\n        document.createElement('style');\n\n      if (this.config.nonce) {\n        styleElement.nonce = this.config.nonce;\n      }\n\n      styleElement.setAttribute('data-tasty-raw', '');\n\n      // Append to head or shadow root\n      if ('head' in root && root.head) {\n        root.head.appendChild(styleElement);\n      } else if ('appendChild' in root) {\n        root.appendChild(styleElement);\n      } else {\n        document.head.appendChild(styleElement);\n      }\n\n      this.rawStyleElements.set(root, styleElement);\n      this.rawCSSBlocks.set(root, new Map());\n    }\n\n    return styleElement;\n  }\n\n  /**\n   * Inject raw CSS text directly without parsing\n   * Returns a dispose function to remove the injected CSS\n   */\n  injectRawCSS(css: string, root: Document | ShadowRoot): RawCSSResult {\n    if (!css.trim()) {\n      return {\n        dispose: () => {\n          /* noop */\n        },\n      };\n    }\n\n    const styleElement = this.getOrCreateRawStyleElement(root);\n    const blocksMap = this.rawCSSBlocks.get(root)!;\n\n    // Generate unique ID for this block\n    const id = `raw_${this.rawCSSCounter++}`;\n\n    // Calculate offsets\n    const currentContent = styleElement.textContent || '';\n    const startOffset = currentContent.length;\n    const cssWithNewline = (currentContent ? '\\n' : '') + css;\n    const endOffset = startOffset + cssWithNewline.length;\n\n    // Append CSS\n    styleElement.textContent = currentContent + cssWithNewline;\n\n    // Track the block\n    const info: RawCSSInfo = {\n      id,\n      css,\n      startOffset,\n      endOffset,\n    };\n    blocksMap.set(id, info);\n\n    return {\n      dispose: () => {\n        this.disposeRawCSS(id, root);\n      },\n    };\n  }\n\n  /**\n   * Remove a raw CSS block by ID\n   */\n  private disposeRawCSS(id: string, root: Document | ShadowRoot): void {\n    const styleElement = this.rawStyleElements.get(root);\n    const blocksMap = this.rawCSSBlocks.get(root);\n\n    if (!styleElement || !blocksMap) {\n      return;\n    }\n\n    const info = blocksMap.get(id);\n    if (!info) {\n      return;\n    }\n\n    // Remove from tracking\n    blocksMap.delete(id);\n\n    // Rebuild the CSS content from remaining blocks\n    // This is simpler and more reliable than trying to splice strings\n    const remainingBlocks = Array.from(blocksMap.values());\n\n    if (remainingBlocks.length === 0) {\n      styleElement.textContent = '';\n    } else {\n      // Rebuild with remaining CSS blocks in order of their original insertion\n      // Sort by original startOffset to maintain order\n      remainingBlocks.sort((a, b) => a.startOffset - b.startOffset);\n      const newContent = remainingBlocks.map((block) => block.css).join('\\n');\n      styleElement.textContent = newContent;\n\n      // Update offsets for remaining blocks\n      let offset = 0;\n      for (const block of remainingBlocks) {\n        block.startOffset = offset;\n        block.endOffset = offset + block.css.length;\n        offset = block.endOffset + 1; // +1 for newline\n      }\n    }\n  }\n\n  /**\n   * Get the raw CSS content for SSR\n   */\n  getRawCSSText(root: Document | ShadowRoot): string {\n    const styleElement = this.rawStyleElements.get(root);\n    return styleElement?.textContent || '';\n  }\n}\n"],"mappings":"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"}

package/dist/properties/index.js

@@ -137,6 +137,20 @@ function getEffectiveDefinition(token, userDefinition) {
 		isValid: true
 	};
 }
+/**
+* Convert a color initialValue to an RGB string for the companion `-rgb` property.
+* Used by SSR to emit `@property --name-color-rgb { syntax: "<number>+"; ... }`.
+*/
+function colorInitialValueToRgb(initialValue) {
+	if (initialValue == null) return "0 0 0";
+	const val = String(initialValue).trim().toLowerCase();
+	if (val === "transparent" || val === "rgba(0,0,0,0)" || val === "") return "0 0 0";
+	if (val === "white") return "255 255 255";
+	if (val === "black") return "0 0 0";
+	const rgbMatch = val.match(/^rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/);
+	if (rgbMatch) return `${rgbMatch[1]} ${rgbMatch[2]} ${rgbMatch[3]}`;
+	return "0 0 0";
+}
 const UNIT_TO_SYNTAX = {};
 const LENGTH_UNITS = [
 	"px",
@@ -173,12 +187,12 @@ const ANGLE_UNITS = [
 ];
 const TIME_UNITS = ["ms", "s"];
 for (const u of LENGTH_UNITS) UNIT_TO_SYNTAX[u] = {
-	syntax: "<length>",
+	syntax: "<length-percentage>",
 	initialValue: "0px"
 };
 UNIT_TO_SYNTAX["%"] = {
-	syntax: "<percentage>",
-	initialValue: "0%"
+	syntax: "<length-percentage>",
+	initialValue: "0px"
 };
 for (const u of ANGLE_UNITS) UNIT_TO_SYNTAX[u] = {
 	syntax: "<angle>",
@@ -190,7 +204,8 @@ for (const u of TIME_UNITS) UNIT_TO_SYNTAX[u] = {
 };
 /**
 * Infer CSS @property syntax from a concrete value.
-* Only detects numeric types: \<number\>, \<length\>, \<percentage\>, \<angle\>, \<time\>.
+* Detects numeric types: \<number\>, \<length-percentage\>, \<angle\>, \<time\>.
+* Length and percentage values both map to \<length-percentage\> for maximum flexibility.
 * Color properties are handled separately via the #name token convention
 * (--name-color gets \<color\> syntax automatically in getEffectiveDefinition).
 *
@@ -217,5 +232,5 @@ function inferSyntaxFromValue(value) {
 }
 
 //#endregion
-export { extractLocalProperties, getEffectiveDefinition, hasLocalProperties, inferSyntaxFromValue, normalizePropertyDefinition };
+export { colorInitialValueToRgb, extractLocalProperties, getEffectiveDefinition, hasLocalProperties, inferSyntaxFromValue, normalizePropertyDefinition, parsePropertyToken };
 //# sourceMappingURL=index.js.map

package/dist/properties/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/properties/index.ts"],"sourcesContent":["/**\n * Properties Utilities\n *\n * Utilities for extracting and processing CSS @property definitions in styles.\n * Unlike keyframes, properties are permanent once registered and don't need cleanup.\n *\n * Property names use tasty token syntax:\n * - `$name` for regular properties → `--name`\n * - `#name` for color properties → `--name-color` (auto-sets syntax: '<color>')\n */\n\nimport type { PropertyDefinition } from '../injector/types';\nimport { RE_NUMBER, RE_RAW_UNIT } from '../parser/const';\nimport type { Styles } from '../styles/types';\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst PROPERTIES_KEY = '@properties';\n\n/**\n * Valid CSS custom property name pattern (after the -- prefix).\n * Must start with a letter or underscore, followed by letters, digits, hyphens, or underscores.\n */\nconst VALID_PROPERTY_NAME_PATTERN = /^[a-z_][a-z0-9-_]*$/i;\n\n// ============================================================================\n// Validation Functions\n// ============================================================================\n\n/**\n * Validate a CSS custom property name (the part after --).\n * Returns true if the name is valid for use as a CSS custom property.\n */\nexport function isValidPropertyName(name: string): boolean {\n  return VALID_PROPERTY_NAME_PATTERN.test(name);\n}\n\n/**\n * Result of parsing a property token.\n */\nexport interface ParsedPropertyToken {\n  /** The CSS custom property name (e.g., '--my-prop') */\n  cssName: string;\n  /** Whether this is a color property */\n  isColor: boolean;\n  /** Whether the token was valid */\n  isValid: boolean;\n  /** Error message if invalid */\n  error?: string;\n}\n\n// ============================================================================\n// Extraction Functions\n// ============================================================================\n\n/**\n * Check if styles object has local @properties definition.\n * Fast path: single property lookup.\n */\nexport function hasLocalProperties(styles: Styles): boolean {\n  return PROPERTIES_KEY in styles;\n}\n\n/**\n * Extract local @properties from styles object.\n * Returns null if no local properties (fast path).\n */\nexport function extractLocalProperties(\n  styles: Styles,\n): Record<string, PropertyDefinition> | null {\n  const properties = styles[PROPERTIES_KEY];\n  if (!properties || typeof properties !== 'object') {\n    return null;\n  }\n  return properties as Record<string, PropertyDefinition>;\n}\n\n// ============================================================================\n// Token Parsing Functions\n// ============================================================================\n\n/**\n * Parse a property token name and return the CSS property name and whether it's a color.\n * Supports tasty token syntax and validates the property name.\n *\n * Token formats:\n * - `$name` → { cssName: '--name', isColor: false }\n * - `#name` → { cssName: '--name-color', isColor: true }\n * - `--name` → { cssName: '--name', isColor: false } (legacy, auto-detect color by suffix)\n * - `name` → { cssName: '--name', isColor: false } (legacy)\n *\n * @param token - The property token to parse\n * @returns Parsed result with cssName, isColor, isValid, and optional error\n */\nexport function parsePropertyToken(token: string): ParsedPropertyToken {\n  if (!token || typeof token !== 'string') {\n    return {\n      cssName: '',\n      isColor: false,\n      isValid: false,\n      error: 'Property token must be a non-empty string',\n    };\n  }\n\n  let name: string;\n  let isColor: boolean;\n\n  if (token.startsWith('$')) {\n    // Regular property token: $name → --name\n    name = token.slice(1);\n    isColor = false;\n  } else if (token.startsWith('#')) {\n    // Color property token: #name → --name-color\n    name = token.slice(1);\n    isColor = true;\n  } else if (token.startsWith('--')) {\n    // Legacy format with -- prefix\n    name = token.slice(2);\n    isColor = token.endsWith('-color');\n  } else {\n    // Legacy format without prefix\n    name = token;\n    isColor = token.endsWith('-color');\n  }\n\n  // Validate the name\n  if (!name) {\n    return {\n      cssName: '',\n      isColor,\n      isValid: false,\n      error: 'Property name cannot be empty',\n    };\n  }\n\n  if (!isValidPropertyName(name)) {\n    return {\n      cssName: '',\n      isColor,\n      isValid: false,\n      error: `Invalid property name \"${name}\". Must start with a letter or underscore, followed by letters, digits, hyphens, or underscores.`,\n    };\n  }\n\n  // Build the CSS custom property name\n  // For #name tokens, we add -color suffix\n  // For legacy formats (--name-color or name-color), the name already includes -color\n  let cssName: string;\n  if (token.startsWith('#')) {\n    // Color token: #name → --name-color\n    cssName = `--${name}-color`;\n  } else {\n    // All other formats: just add -- prefix\n    cssName = `--${name}`;\n  }\n\n  return {\n    cssName,\n    isColor,\n    isValid: true,\n  };\n}\n\n// ============================================================================\n// Normalization Functions\n// ============================================================================\n\n/**\n * Normalize a property name to the CSS custom property format.\n *\n * @deprecated Use parsePropertyToken instead for proper token handling\n */\nexport function normalizePropertyName(name: string): string {\n  const result = parsePropertyToken(name);\n  return result.isValid ? result.cssName : `--${name}`;\n}\n\n/**\n * Normalize a property definition to a consistent string representation.\n * Used for comparing definitions to detect type conflicts.\n *\n * Only `syntax` and `inherits` are compared — `initialValue` is intentionally\n * excluded because different components may set different defaults for the\n * same typed property (e.g. auto-inferred `0px` vs explicit `6px`).\n *\n * Keys are sorted alphabetically to ensure consistent comparison:\n * { inherits: true, syntax: '<color>' } === { syntax: '<color>', inherits: true }\n */\nexport function normalizePropertyDefinition(def: PropertyDefinition): string {\n  const normalized: Record<string, unknown> = {};\n\n  if (def.inherits !== undefined) {\n    normalized.inherits = def.inherits;\n  }\n  if (def.syntax !== undefined) {\n    normalized.syntax = def.syntax;\n  }\n\n  return JSON.stringify(normalized);\n}\n\n/**\n * Result of getEffectiveDefinition.\n */\nexport interface EffectiveDefinitionResult {\n  /** The CSS custom property name */\n  cssName: string;\n  /** The effective property definition */\n  definition: PropertyDefinition;\n  /** Whether this is a color property */\n  isColor: boolean;\n  /** Whether the token was valid */\n  isValid: boolean;\n  /** Error message if invalid */\n  error?: string;\n}\n\n/**\n * Get the effective property definition for a token.\n * For color tokens (#name), auto-sets syntax to '<color>' and defaults initialValue to 'transparent'.\n *\n * @param token - Property token ($name, #name, --name, or plain name)\n * @param userDefinition - User-provided definition options\n * @returns Effective definition with cssName, definition, isValid, and optional error\n */\nexport function getEffectiveDefinition(\n  token: string,\n  userDefinition: PropertyDefinition,\n): EffectiveDefinitionResult {\n  const parsed = parsePropertyToken(token);\n\n  if (!parsed.isValid) {\n    return {\n      cssName: '',\n      definition: userDefinition,\n      isColor: false,\n      isValid: false,\n      error: parsed.error,\n    };\n  }\n\n  if (parsed.isColor) {\n    // Color properties have fixed syntax and default initialValue\n    return {\n      cssName: parsed.cssName,\n      definition: {\n        syntax: '<color>', // Always '<color>' for color tokens, cannot be overridden\n        inherits: userDefinition.inherits, // Allow inherits to be customized\n        initialValue: userDefinition.initialValue ?? 'transparent', // Default to transparent\n      },\n      isColor: true,\n      isValid: true,\n    };\n  }\n\n  // Regular properties use the definition as-is\n  return {\n    cssName: parsed.cssName,\n    definition: userDefinition,\n    isColor: false,\n    isValid: true,\n  };\n}\n\n// ============================================================================\n// Value Type Inference\n// ============================================================================\n\n/**\n * Result of inferring a CSS @property syntax from a value.\n */\nexport interface InferredSyntax {\n  syntax: string;\n  initialValue: string;\n}\n\nconst UNIT_TO_SYNTAX: Record<string, InferredSyntax> = {};\n\nconst LENGTH_UNITS = [\n  'px',\n  'em',\n  'rem',\n  'vw',\n  'vh',\n  'vmin',\n  'vmax',\n  'ch',\n  'ex',\n  'cap',\n  'ic',\n  'lh',\n  'rlh',\n  'svw',\n  'svh',\n  'lvw',\n  'lvh',\n  'dvw',\n  'dvh',\n  'cqw',\n  'cqh',\n  'cqi',\n  'cqb',\n  'cqmin',\n  'cqmax',\n];\n\nconst ANGLE_UNITS = ['deg', 'rad', 'grad', 'turn'];\nconst TIME_UNITS = ['ms', 's'];\n\nfor (const u of LENGTH_UNITS) {\n  UNIT_TO_SYNTAX[u] = { syntax: '<length>', initialValue: '0px' };\n}\nUNIT_TO_SYNTAX['%'] = { syntax: '<percentage>', initialValue: '0%' };\nfor (const u of ANGLE_UNITS) {\n  UNIT_TO_SYNTAX[u] = { syntax: '<angle>', initialValue: '0deg' };\n}\nfor (const u of TIME_UNITS) {\n  UNIT_TO_SYNTAX[u] = { syntax: '<time>', initialValue: '0s' };\n}\n\n/**\n * Infer CSS @property syntax from a concrete value.\n * Only detects numeric types: \\<number\\>, \\<length\\>, \\<percentage\\>, \\<angle\\>, \\<time\\>.\n * Color properties are handled separately via the #name token convention\n * (--name-color gets \\<color\\> syntax automatically in getEffectiveDefinition).\n *\n * @param value - The CSS value to infer from (e.g. '10px', '1', '45deg')\n * @returns Inferred syntax and initial value, or null if not inferable\n */\nexport function inferSyntaxFromValue(value: string): InferredSyntax | null {\n  if (!value || typeof value !== 'string') return null;\n\n  const trimmed = value.trim();\n  if (!trimmed) return null;\n\n  if (RE_NUMBER.test(trimmed)) {\n    // Bare zero is ambiguous (could be <length>, <angle>, <percentage>, etc.)\n    if (parseFloat(trimmed) === 0) return null;\n    return { syntax: '<number>', initialValue: '0' };\n  }\n\n  const unitMatch = trimmed.match(RE_RAW_UNIT);\n  if (unitMatch) {\n    const unit = unitMatch[2];\n    const mapping = UNIT_TO_SYNTAX[unit];\n    if (mapping) return mapping;\n  }\n\n  return null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/properties/index.ts"],"sourcesContent":["/**\n * Properties Utilities\n *\n * Utilities for extracting and processing CSS @property definitions in styles.\n * Unlike keyframes, properties are permanent once registered and don't need cleanup.\n *\n * Property names use tasty token syntax:\n * - `$name` for regular properties → `--name`\n * - `#name` for color properties → `--name-color` (auto-sets syntax: '<color>')\n */\n\nimport type { PropertyDefinition } from '../injector/types';\nimport { RE_NUMBER, RE_RAW_UNIT } from '../parser/const';\nimport type { Styles } from '../styles/types';\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst PROPERTIES_KEY = '@properties';\n\n/**\n * Valid CSS custom property name pattern (after the -- prefix).\n * Must start with a letter or underscore, followed by letters, digits, hyphens, or underscores.\n */\nconst VALID_PROPERTY_NAME_PATTERN = /^[a-z_][a-z0-9-_]*$/i;\n\n// ============================================================================\n// Validation Functions\n// ============================================================================\n\n/**\n * Validate a CSS custom property name (the part after --).\n * Returns true if the name is valid for use as a CSS custom property.\n */\nexport function isValidPropertyName(name: string): boolean {\n  return VALID_PROPERTY_NAME_PATTERN.test(name);\n}\n\n/**\n * Result of parsing a property token.\n */\nexport interface ParsedPropertyToken {\n  /** The CSS custom property name (e.g., '--my-prop') */\n  cssName: string;\n  /** Whether this is a color property */\n  isColor: boolean;\n  /** Whether the token was valid */\n  isValid: boolean;\n  /** Error message if invalid */\n  error?: string;\n}\n\n// ============================================================================\n// Extraction Functions\n// ============================================================================\n\n/**\n * Check if styles object has local @properties definition.\n * Fast path: single property lookup.\n */\nexport function hasLocalProperties(styles: Styles): boolean {\n  return PROPERTIES_KEY in styles;\n}\n\n/**\n * Extract local @properties from styles object.\n * Returns null if no local properties (fast path).\n */\nexport function extractLocalProperties(\n  styles: Styles,\n): Record<string, PropertyDefinition> | null {\n  const properties = styles[PROPERTIES_KEY];\n  if (!properties || typeof properties !== 'object') {\n    return null;\n  }\n  return properties as Record<string, PropertyDefinition>;\n}\n\n// ============================================================================\n// Token Parsing Functions\n// ============================================================================\n\n/**\n * Parse a property token name and return the CSS property name and whether it's a color.\n * Supports tasty token syntax and validates the property name.\n *\n * Token formats:\n * - `$name` → { cssName: '--name', isColor: false }\n * - `#name` → { cssName: '--name-color', isColor: true }\n * - `--name` → { cssName: '--name', isColor: false } (legacy, auto-detect color by suffix)\n * - `name` → { cssName: '--name', isColor: false } (legacy)\n *\n * @param token - The property token to parse\n * @returns Parsed result with cssName, isColor, isValid, and optional error\n */\nexport function parsePropertyToken(token: string): ParsedPropertyToken {\n  if (!token || typeof token !== 'string') {\n    return {\n      cssName: '',\n      isColor: false,\n      isValid: false,\n      error: 'Property token must be a non-empty string',\n    };\n  }\n\n  let name: string;\n  let isColor: boolean;\n\n  if (token.startsWith('$')) {\n    // Regular property token: $name → --name\n    name = token.slice(1);\n    isColor = false;\n  } else if (token.startsWith('#')) {\n    // Color property token: #name → --name-color\n    name = token.slice(1);\n    isColor = true;\n  } else if (token.startsWith('--')) {\n    // Legacy format with -- prefix\n    name = token.slice(2);\n    isColor = token.endsWith('-color');\n  } else {\n    // Legacy format without prefix\n    name = token;\n    isColor = token.endsWith('-color');\n  }\n\n  // Validate the name\n  if (!name) {\n    return {\n      cssName: '',\n      isColor,\n      isValid: false,\n      error: 'Property name cannot be empty',\n    };\n  }\n\n  if (!isValidPropertyName(name)) {\n    return {\n      cssName: '',\n      isColor,\n      isValid: false,\n      error: `Invalid property name \"${name}\". Must start with a letter or underscore, followed by letters, digits, hyphens, or underscores.`,\n    };\n  }\n\n  // Build the CSS custom property name\n  // For #name tokens, we add -color suffix\n  // For legacy formats (--name-color or name-color), the name already includes -color\n  let cssName: string;\n  if (token.startsWith('#')) {\n    // Color token: #name → --name-color\n    cssName = `--${name}-color`;\n  } else {\n    // All other formats: just add -- prefix\n    cssName = `--${name}`;\n  }\n\n  return {\n    cssName,\n    isColor,\n    isValid: true,\n  };\n}\n\n// ============================================================================\n// Normalization Functions\n// ============================================================================\n\n/**\n * Normalize a property name to the CSS custom property format.\n *\n * @deprecated Use parsePropertyToken instead for proper token handling\n */\nexport function normalizePropertyName(name: string): string {\n  const result = parsePropertyToken(name);\n  return result.isValid ? result.cssName : `--${name}`;\n}\n\n/**\n * Normalize a property definition to a consistent string representation.\n * Used for comparing definitions to detect type conflicts.\n *\n * Only `syntax` and `inherits` are compared — `initialValue` is intentionally\n * excluded because different components may set different defaults for the\n * same typed property (e.g. auto-inferred `0px` vs explicit `6px`).\n *\n * Keys are sorted alphabetically to ensure consistent comparison:\n * { inherits: true, syntax: '<color>' } === { syntax: '<color>', inherits: true }\n */\nexport function normalizePropertyDefinition(def: PropertyDefinition): string {\n  const normalized: Record<string, unknown> = {};\n\n  if (def.inherits !== undefined) {\n    normalized.inherits = def.inherits;\n  }\n  if (def.syntax !== undefined) {\n    normalized.syntax = def.syntax;\n  }\n\n  return JSON.stringify(normalized);\n}\n\n/**\n * Result of getEffectiveDefinition.\n */\nexport interface EffectiveDefinitionResult {\n  /** The CSS custom property name */\n  cssName: string;\n  /** The effective property definition */\n  definition: PropertyDefinition;\n  /** Whether this is a color property */\n  isColor: boolean;\n  /** Whether the token was valid */\n  isValid: boolean;\n  /** Error message if invalid */\n  error?: string;\n}\n\n/**\n * Get the effective property definition for a token.\n * For color tokens (#name), auto-sets syntax to '<color>' and defaults initialValue to 'transparent'.\n *\n * @param token - Property token ($name, #name, --name, or plain name)\n * @param userDefinition - User-provided definition options\n * @returns Effective definition with cssName, definition, isValid, and optional error\n */\nexport function getEffectiveDefinition(\n  token: string,\n  userDefinition: PropertyDefinition,\n): EffectiveDefinitionResult {\n  const parsed = parsePropertyToken(token);\n\n  if (!parsed.isValid) {\n    return {\n      cssName: '',\n      definition: userDefinition,\n      isColor: false,\n      isValid: false,\n      error: parsed.error,\n    };\n  }\n\n  if (parsed.isColor) {\n    // Color properties have fixed syntax and default initialValue\n    return {\n      cssName: parsed.cssName,\n      definition: {\n        syntax: '<color>', // Always '<color>' for color tokens, cannot be overridden\n        inherits: userDefinition.inherits, // Allow inherits to be customized\n        initialValue: userDefinition.initialValue ?? 'transparent', // Default to transparent\n      },\n      isColor: true,\n      isValid: true,\n    };\n  }\n\n  // Regular properties use the definition as-is\n  return {\n    cssName: parsed.cssName,\n    definition: userDefinition,\n    isColor: false,\n    isValid: true,\n  };\n}\n\n// ============================================================================\n// Color Utilities\n// ============================================================================\n\n/**\n * Convert a color initialValue to an RGB string for the companion `-rgb` property.\n * Used by SSR to emit `@property --name-color-rgb { syntax: \"<number>+\"; ... }`.\n */\nexport function colorInitialValueToRgb(\n  initialValue: string | number | undefined,\n): string {\n  if (initialValue == null) return '0 0 0';\n\n  const val = String(initialValue).trim().toLowerCase();\n\n  if (val === 'transparent' || val === 'rgba(0,0,0,0)' || val === '') {\n    return '0 0 0';\n  }\n\n  // Named color: white\n  if (val === 'white') return '255 255 255';\n  if (val === 'black') return '0 0 0';\n\n  // rgb(R G B) or rgb(R, G, B) — extract components\n  const rgbMatch = val.match(/^rgba?\\(\\s*(\\d+)[,\\s]+(\\d+)[,\\s]+(\\d+)/);\n  if (rgbMatch) {\n    return `${rgbMatch[1]} ${rgbMatch[2]} ${rgbMatch[3]}`;\n  }\n\n  // Fallback for any other value\n  return '0 0 0';\n}\n\n// ============================================================================\n// Value Type Inference\n// ============================================================================\n\n/**\n * Result of inferring a CSS @property syntax from a value.\n */\nexport interface InferredSyntax {\n  syntax: string;\n  initialValue: string;\n}\n\nconst UNIT_TO_SYNTAX: Record<string, InferredSyntax> = {};\n\nconst LENGTH_UNITS = [\n  'px',\n  'em',\n  'rem',\n  'vw',\n  'vh',\n  'vmin',\n  'vmax',\n  'ch',\n  'ex',\n  'cap',\n  'ic',\n  'lh',\n  'rlh',\n  'svw',\n  'svh',\n  'lvw',\n  'lvh',\n  'dvw',\n  'dvh',\n  'cqw',\n  'cqh',\n  'cqi',\n  'cqb',\n  'cqmin',\n  'cqmax',\n];\n\nconst ANGLE_UNITS = ['deg', 'rad', 'grad', 'turn'];\nconst TIME_UNITS = ['ms', 's'];\n\nfor (const u of LENGTH_UNITS) {\n  UNIT_TO_SYNTAX[u] = { syntax: '<length-percentage>', initialValue: '0px' };\n}\nUNIT_TO_SYNTAX['%'] = { syntax: '<length-percentage>', initialValue: '0px' };\nfor (const u of ANGLE_UNITS) {\n  UNIT_TO_SYNTAX[u] = { syntax: '<angle>', initialValue: '0deg' };\n}\nfor (const u of TIME_UNITS) {\n  UNIT_TO_SYNTAX[u] = { syntax: '<time>', initialValue: '0s' };\n}\n\n/**\n * Infer CSS @property syntax from a concrete value.\n * Detects numeric types: \\<number\\>, \\<length-percentage\\>, \\<angle\\>, \\<time\\>.\n * Length and percentage values both map to \\<length-percentage\\> for maximum flexibility.\n * Color properties are handled separately via the #name token convention\n * (--name-color gets \\<color\\> syntax automatically in getEffectiveDefinition).\n *\n * @param value - The CSS value to infer from (e.g. '10px', '1', '45deg')\n * @returns Inferred syntax and initial value, or null if not inferable\n */\nexport function inferSyntaxFromValue(value: string): InferredSyntax | null {\n  if (!value || typeof value !== 'string') return null;\n\n  const trimmed = value.trim();\n  if (!trimmed) return null;\n\n  if (RE_NUMBER.test(trimmed)) {\n    // Bare zero is ambiguous (could be <length>, <angle>, <percentage>, etc.)\n    if (parseFloat(trimmed) === 0) return null;\n    return { syntax: '<number>', initialValue: '0' };\n  }\n\n  const unitMatch = trimmed.match(RE_RAW_UNIT);\n  if (unitMatch) {\n    const unit = unitMatch[2];\n    const mapping = UNIT_TO_SYNTAX[unit];\n    if (mapping) return mapping;\n  }\n\n  return null;\n}\n"],"mappings":";;;AAmBA,MAAM,iBAAiB;;;;;AAMvB,MAAM,8BAA8B;;;;;AAUpC,SAAgB,oBAAoB,MAAuB;AACzD,QAAO,4BAA4B,KAAK,KAAK;;;;;;AAyB/C,SAAgB,mBAAmB,QAAyB;AAC1D,QAAO,kBAAkB;;;;;;AAO3B,SAAgB,uBACd,QAC2C;CAC3C,MAAM,aAAa,OAAO;AAC1B,KAAI,CAAC,cAAc,OAAO,eAAe,SACvC,QAAO;AAET,QAAO;;;;;;;;;;;;;;;AAoBT,SAAgB,mBAAmB,OAAoC;AACrE,KAAI,CAAC,SAAS,OAAO,UAAU,SAC7B,QAAO;EACL,SAAS;EACT,SAAS;EACT,SAAS;EACT,OAAO;EACR;CAGH,IAAI;CACJ,IAAI;AAEJ,KAAI,MAAM,WAAW,IAAI,EAAE;AAEzB,SAAO,MAAM,MAAM,EAAE;AACrB,YAAU;YACD,MAAM,WAAW,IAAI,EAAE;AAEhC,SAAO,MAAM,MAAM,EAAE;AACrB,YAAU;YACD,MAAM,WAAW,KAAK,EAAE;AAEjC,SAAO,MAAM,MAAM,EAAE;AACrB,YAAU,MAAM,SAAS,SAAS;QAC7B;AAEL,SAAO;AACP,YAAU,MAAM,SAAS,SAAS;;AAIpC,KAAI,CAAC,KACH,QAAO;EACL,SAAS;EACT;EACA,SAAS;EACT,OAAO;EACR;AAGH,KAAI,CAAC,oBAAoB,KAAK,CAC5B,QAAO;EACL,SAAS;EACT;EACA,SAAS;EACT,OAAO,0BAA0B,KAAK;EACvC;CAMH,IAAI;AACJ,KAAI,MAAM,WAAW,IAAI,CAEvB,WAAU,KAAK,KAAK;KAGpB,WAAU,KAAK;AAGjB,QAAO;EACL;EACA;EACA,SAAS;EACV;;;;;;;;;;;;;AA4BH,SAAgB,4BAA4B,KAAiC;CAC3E,MAAM,aAAsC,EAAE;AAE9C,KAAI,IAAI,aAAa,OACnB,YAAW,WAAW,IAAI;AAE5B,KAAI,IAAI,WAAW,OACjB,YAAW,SAAS,IAAI;AAG1B,QAAO,KAAK,UAAU,WAAW;;;;;;;;;;AA2BnC,SAAgB,uBACd,OACA,gBAC2B;CAC3B,MAAM,SAAS,mBAAmB,MAAM;AAExC,KAAI,CAAC,OAAO,QACV,QAAO;EACL,SAAS;EACT,YAAY;EACZ,SAAS;EACT,SAAS;EACT,OAAO,OAAO;EACf;AAGH,KAAI,OAAO,QAET,QAAO;EACL,SAAS,OAAO;EAChB,YAAY;GACV,QAAQ;GACR,UAAU,eAAe;GACzB,cAAc,eAAe,gBAAgB;GAC9C;EACD,SAAS;EACT,SAAS;EACV;AAIH,QAAO;EACL,SAAS,OAAO;EAChB,YAAY;EACZ,SAAS;EACT,SAAS;EACV;;;;;;AAWH,SAAgB,uBACd,cACQ;AACR,KAAI,gBAAgB,KAAM,QAAO;CAEjC,MAAM,MAAM,OAAO,aAAa,CAAC,MAAM,CAAC,aAAa;AAErD,KAAI,QAAQ,iBAAiB,QAAQ,mBAAmB,QAAQ,GAC9D,QAAO;AAIT,KAAI,QAAQ,QAAS,QAAO;AAC5B,KAAI,QAAQ,QAAS,QAAO;CAG5B,MAAM,WAAW,IAAI,MAAM,yCAAyC;AACpE,KAAI,SACF,QAAO,GAAG,SAAS,GAAG,GAAG,SAAS,GAAG,GAAG,SAAS;AAInD,QAAO;;AAeT,MAAM,iBAAiD,EAAE;AAEzD,MAAM,eAAe;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAM,cAAc;CAAC;CAAO;CAAO;CAAQ;CAAO;AAClD,MAAM,aAAa,CAAC,MAAM,IAAI;AAE9B,KAAK,MAAM,KAAK,aACd,gBAAe,KAAK;CAAE,QAAQ;CAAuB,cAAc;CAAO;AAE5E,eAAe,OAAO;CAAE,QAAQ;CAAuB,cAAc;CAAO;AAC5E,KAAK,MAAM,KAAK,YACd,gBAAe,KAAK;CAAE,QAAQ;CAAW,cAAc;CAAQ;AAEjE,KAAK,MAAM,KAAK,WACd,gBAAe,KAAK;CAAE,QAAQ;CAAU,cAAc;CAAM;;;;;;;;;;;AAa9D,SAAgB,qBAAqB,OAAsC;AACzE,KAAI,CAAC,SAAS,OAAO,UAAU,SAAU,QAAO;CAEhD,MAAM,UAAU,MAAM,MAAM;AAC5B,KAAI,CAAC,QAAS,QAAO;AAErB,KAAI,UAAU,KAAK,QAAQ,EAAE;AAE3B,MAAI,WAAW,QAAQ,KAAK,EAAG,QAAO;AACtC,SAAO;GAAE,QAAQ;GAAY,cAAc;GAAK;;CAGlD,MAAM,YAAY,QAAQ,MAAM,YAAY;AAC5C,KAAI,WAAW;EAEb,MAAM,UAAU,eADH,UAAU;AAEvB,MAAI,QAAS,QAAO;;AAGtB,QAAO"}

package/dist/properties/property-type-resolver.js

@@ -32,6 +32,14 @@ var PropertyTypeResolver = class {
 				registerProperty(propName, "<color>", "transparent");
 				continue;
 			}
+			if (propName.endsWith("-line-height")) {
+				registerProperty(propName, "<number> | <length-percentage>", "0");
+				continue;
+			}
+			if (propName.endsWith("-opacity")) {
+				registerProperty(propName, "<number> | <percentage>", "0");
+				continue;
+			}
 			const varMatch = SINGLE_VAR_REF.exec(value);
 			if (varMatch) {
 				const depName = varMatch[1];

package/dist/properties/property-type-resolver.js.map

@@ -1 +1 @@
-{"version":3,"file":"property-type-resolver.js","names":[],"sources":["../../src/properties/property-type-resolver.ts"],"sourcesContent":["/**\n * PropertyTypeResolver\n *\n * Automatically infers CSS @property types from custom property values.\n * Supports deferred resolution for var() reference chains of arbitrary depth.\n */\n\nimport { inferSyntaxFromValue } from './index';\n\nconst CUSTOM_PROP_DECL = /^\\s*(--[a-z0-9_-]+)\\s*:\\s*(.+?)\\s*$/i;\nconst SINGLE_VAR_REF = /^var\\((--[a-z0-9_-]+)\\)$/i;\n\nexport class PropertyTypeResolver {\n  /** propName → the prop it depends on */\n  private pendingDeps = new Map<string, string>();\n  /** propName → list of props waiting on it */\n  private reverseDeps = new Map<string, string[]>();\n\n  /**\n   * Scan CSS declarations and auto-register @property for custom properties\n   * whose types can be inferred from their values.\n   */\n  scanDeclarations(\n    declarations: string,\n    isPropertyDefined: (name: string) => boolean,\n    registerProperty: (\n      name: string,\n      syntax: string,\n      initialValue: string,\n    ) => void,\n  ): void {\n    if (!declarations.includes('--')) return;\n\n    const parts = declarations.split(/;+/);\n\n    for (const part of parts) {\n      if (!part.trim()) continue;\n\n      const match = CUSTOM_PROP_DECL.exec(part);\n      if (!match) continue;\n\n      const propName = match[1];\n      const value = match[2].trim();\n\n      if (isPropertyDefined(propName)) continue;\n\n      // Name-based: --*-color properties are always <color> (from #name tokens)\n      if (propName.endsWith('-color')) {\n        registerProperty(propName, '<color>', 'transparent');\n        continue;\n      }\n\n      // Single var() reference → record dependency for deferred resolution\n      const varMatch = SINGLE_VAR_REF.exec(value);\n      if (varMatch) {\n        const depName = varMatch[1];\n        this.addDependency(propName, depName);\n        continue;\n      }\n\n      // Skip complex expressions (calc, multiple var, etc.)\n      if (this.isComplexValue(value)) continue;\n\n      const inferred = inferSyntaxFromValue(value);\n      if (!inferred) continue;\n\n      this.resolve(\n        propName,\n        inferred.syntax,\n        inferred.initialValue,\n        isPropertyDefined,\n        registerProperty,\n      );\n    }\n  }\n\n  private addDependency(propName: string, depName: string): void {\n    if (propName === depName) return;\n\n    this.pendingDeps.set(propName, depName);\n\n    let dependents = this.reverseDeps.get(depName);\n    if (!dependents) {\n      dependents = [];\n      this.reverseDeps.set(depName, dependents);\n    }\n    if (!dependents.includes(propName)) {\n      dependents.push(propName);\n    }\n  }\n\n  private resolve(\n    propName: string,\n    syntax: string,\n    initialValue: string,\n    isPropertyDefined: (name: string) => boolean,\n    registerProperty: (\n      name: string,\n      syntax: string,\n      initialValue: string,\n    ) => void,\n    resolving?: Set<string>,\n  ): void {\n    if (!resolving) resolving = new Set();\n    if (resolving.has(propName)) return;\n    resolving.add(propName);\n\n    if (!isPropertyDefined(propName)) {\n      registerProperty(propName, syntax, initialValue);\n    }\n\n    const dependents = this.reverseDeps.get(propName);\n    if (dependents) {\n      this.reverseDeps.delete(propName);\n\n      for (const dependent of dependents) {\n        this.pendingDeps.delete(dependent);\n\n        if (isPropertyDefined(dependent)) continue;\n\n        this.resolve(\n          dependent,\n          syntax,\n          initialValue,\n          isPropertyDefined,\n          registerProperty,\n          resolving,\n        );\n      }\n    }\n  }\n\n  private isComplexValue(value: string): boolean {\n    if (value.includes('calc(')) return true;\n    const firstVar = value.indexOf('var(');\n    if (firstVar === -1) return false;\n    if (value.indexOf('var(', firstVar + 4) !== -1) return true;\n    return !SINGLE_VAR_REF.test(value);\n  }\n}\n"],"mappings":";;;;;;;;;AASA,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AAEvB,IAAa,uBAAb,MAAkC;;CAEhC,AAAQ,8BAAc,IAAI,KAAqB;;CAE/C,AAAQ,8BAAc,IAAI,KAAuB;;;;;CAMjD,iBACE,cACA,mBACA,kBAKM;AACN,MAAI,CAAC,aAAa,SAAS,KAAK,CAAE;EAElC,MAAM,QAAQ,aAAa,MAAM,KAAK;AAEtC,OAAK,MAAM,QAAQ,OAAO;AACxB,OAAI,CAAC,KAAK,MAAM,CAAE;GAElB,MAAM,QAAQ,iBAAiB,KAAK,KAAK;AACzC,OAAI,CAAC,MAAO;GAEZ,MAAM,WAAW,MAAM;GACvB,MAAM,QAAQ,MAAM,GAAG,MAAM;AAE7B,OAAI,kBAAkB,SAAS,CAAE;AAGjC,OAAI,SAAS,SAAS,SAAS,EAAE;AAC/B,qBAAiB,UAAU,WAAW,cAAc;AACpD;;GAIF,MAAM,WAAW,eAAe,KAAK,MAAM;AAC3C,OAAI,UAAU;IACZ,MAAM,UAAU,SAAS;AACzB,SAAK,cAAc,UAAU,QAAQ;AACrC;;AAIF,OAAI,KAAK,eAAe,MAAM,CAAE;GAEhC,MAAM,WAAW,qBAAqB,MAAM;AAC5C,OAAI,CAAC,SAAU;AAEf,QAAK,QACH,UACA,SAAS,QACT,SAAS,cACT,mBACA,iBACD;;;CAIL,AAAQ,cAAc,UAAkB,SAAuB;AAC7D,MAAI,aAAa,QAAS;AAE1B,OAAK,YAAY,IAAI,UAAU,QAAQ;EAEvC,IAAI,aAAa,KAAK,YAAY,IAAI,QAAQ;AAC9C,MAAI,CAAC,YAAY;AACf,gBAAa,EAAE;AACf,QAAK,YAAY,IAAI,SAAS,WAAW;;AAE3C,MAAI,CAAC,WAAW,SAAS,SAAS,CAChC,YAAW,KAAK,SAAS;;CAI7B,AAAQ,QACN,UACA,QACA,cACA,mBACA,kBAKA,WACM;AACN,MAAI,CAAC,UAAW,6BAAY,IAAI,KAAK;AACrC,MAAI,UAAU,IAAI,SAAS,CAAE;AAC7B,YAAU,IAAI,SAAS;AAEvB,MAAI,CAAC,kBAAkB,SAAS,CAC9B,kBAAiB,UAAU,QAAQ,aAAa;EAGlD,MAAM,aAAa,KAAK,YAAY,IAAI,SAAS;AACjD,MAAI,YAAY;AACd,QAAK,YAAY,OAAO,SAAS;AAEjC,QAAK,MAAM,aAAa,YAAY;AAClC,SAAK,YAAY,OAAO,UAAU;AAElC,QAAI,kBAAkB,UAAU,CAAE;AAElC,SAAK,QACH,WACA,QACA,cACA,mBACA,kBACA,UACD;;;;CAKP,AAAQ,eAAe,OAAwB;AAC7C,MAAI,MAAM,SAAS,QAAQ,CAAE,QAAO;EACpC,MAAM,WAAW,MAAM,QAAQ,OAAO;AACtC,MAAI,aAAa,GAAI,QAAO;AAC5B,MAAI,MAAM,QAAQ,QAAQ,WAAW,EAAE,KAAK,GAAI,QAAO;AACvD,SAAO,CAAC,eAAe,KAAK,MAAM"}
+{"version":3,"file":"property-type-resolver.js","names":[],"sources":["../../src/properties/property-type-resolver.ts"],"sourcesContent":["/**\n * PropertyTypeResolver\n *\n * Automatically infers CSS @property types from custom property values.\n * Supports deferred resolution for var() reference chains of arbitrary depth.\n */\n\nimport { inferSyntaxFromValue } from './index';\n\nconst CUSTOM_PROP_DECL = /^\\s*(--[a-z0-9_-]+)\\s*:\\s*(.+?)\\s*$/i;\nconst SINGLE_VAR_REF = /^var\\((--[a-z0-9_-]+)\\)$/i;\n\nexport class PropertyTypeResolver {\n  /** propName → the prop it depends on */\n  private pendingDeps = new Map<string, string>();\n  /** propName → list of props waiting on it */\n  private reverseDeps = new Map<string, string[]>();\n\n  /**\n   * Scan CSS declarations and auto-register @property for custom properties\n   * whose types can be inferred from their values.\n   */\n  scanDeclarations(\n    declarations: string,\n    isPropertyDefined: (name: string) => boolean,\n    registerProperty: (\n      name: string,\n      syntax: string,\n      initialValue: string,\n    ) => void,\n  ): void {\n    if (!declarations.includes('--')) return;\n\n    const parts = declarations.split(/;+/);\n\n    for (const part of parts) {\n      if (!part.trim()) continue;\n\n      const match = CUSTOM_PROP_DECL.exec(part);\n      if (!match) continue;\n\n      const propName = match[1];\n      const value = match[2].trim();\n\n      if (isPropertyDefined(propName)) continue;\n\n      // Name-based: --*-color properties are always <color> (from #name tokens)\n      if (propName.endsWith('-color')) {\n        registerProperty(propName, '<color>', 'transparent');\n        continue;\n      }\n\n      // Name-based: --*-line-height accepts numbers, lengths, and percentages\n      if (propName.endsWith('-line-height')) {\n        registerProperty(propName, '<number> | <length-percentage>', '0');\n        continue;\n      }\n\n      // Name-based: --*-opacity accepts numbers and percentages\n      if (propName.endsWith('-opacity')) {\n        registerProperty(propName, '<number> | <percentage>', '0');\n        continue;\n      }\n\n      // Single var() reference → record dependency for deferred resolution\n      const varMatch = SINGLE_VAR_REF.exec(value);\n      if (varMatch) {\n        const depName = varMatch[1];\n        this.addDependency(propName, depName);\n        continue;\n      }\n\n      // Skip complex expressions (calc, multiple var, etc.)\n      if (this.isComplexValue(value)) continue;\n\n      const inferred = inferSyntaxFromValue(value);\n      if (!inferred) continue;\n\n      this.resolve(\n        propName,\n        inferred.syntax,\n        inferred.initialValue,\n        isPropertyDefined,\n        registerProperty,\n      );\n    }\n  }\n\n  private addDependency(propName: string, depName: string): void {\n    if (propName === depName) return;\n\n    this.pendingDeps.set(propName, depName);\n\n    let dependents = this.reverseDeps.get(depName);\n    if (!dependents) {\n      dependents = [];\n      this.reverseDeps.set(depName, dependents);\n    }\n    if (!dependents.includes(propName)) {\n      dependents.push(propName);\n    }\n  }\n\n  private resolve(\n    propName: string,\n    syntax: string,\n    initialValue: string,\n    isPropertyDefined: (name: string) => boolean,\n    registerProperty: (\n      name: string,\n      syntax: string,\n      initialValue: string,\n    ) => void,\n    resolving?: Set<string>,\n  ): void {\n    if (!resolving) resolving = new Set();\n    if (resolving.has(propName)) return;\n    resolving.add(propName);\n\n    if (!isPropertyDefined(propName)) {\n      registerProperty(propName, syntax, initialValue);\n    }\n\n    const dependents = this.reverseDeps.get(propName);\n    if (dependents) {\n      this.reverseDeps.delete(propName);\n\n      for (const dependent of dependents) {\n        this.pendingDeps.delete(dependent);\n\n        if (isPropertyDefined(dependent)) continue;\n\n        this.resolve(\n          dependent,\n          syntax,\n          initialValue,\n          isPropertyDefined,\n          registerProperty,\n          resolving,\n        );\n      }\n    }\n  }\n\n  private isComplexValue(value: string): boolean {\n    if (value.includes('calc(')) return true;\n    const firstVar = value.indexOf('var(');\n    if (firstVar === -1) return false;\n    if (value.indexOf('var(', firstVar + 4) !== -1) return true;\n    return !SINGLE_VAR_REF.test(value);\n  }\n}\n"],"mappings":";;;;;;;;;AASA,MAAM,mBAAmB;AACzB,MAAM,iBAAiB;AAEvB,IAAa,uBAAb,MAAkC;;CAEhC,AAAQ,8BAAc,IAAI,KAAqB;;CAE/C,AAAQ,8BAAc,IAAI,KAAuB;;;;;CAMjD,iBACE,cACA,mBACA,kBAKM;AACN,MAAI,CAAC,aAAa,SAAS,KAAK,CAAE;EAElC,MAAM,QAAQ,aAAa,MAAM,KAAK;AAEtC,OAAK,MAAM,QAAQ,OAAO;AACxB,OAAI,CAAC,KAAK,MAAM,CAAE;GAElB,MAAM,QAAQ,iBAAiB,KAAK,KAAK;AACzC,OAAI,CAAC,MAAO;GAEZ,MAAM,WAAW,MAAM;GACvB,MAAM,QAAQ,MAAM,GAAG,MAAM;AAE7B,OAAI,kBAAkB,SAAS,CAAE;AAGjC,OAAI,SAAS,SAAS,SAAS,EAAE;AAC/B,qBAAiB,UAAU,WAAW,cAAc;AACpD;;AAIF,OAAI,SAAS,SAAS,eAAe,EAAE;AACrC,qBAAiB,UAAU,kCAAkC,IAAI;AACjE;;AAIF,OAAI,SAAS,SAAS,WAAW,EAAE;AACjC,qBAAiB,UAAU,2BAA2B,IAAI;AAC1D;;GAIF,MAAM,WAAW,eAAe,KAAK,MAAM;AAC3C,OAAI,UAAU;IACZ,MAAM,UAAU,SAAS;AACzB,SAAK,cAAc,UAAU,QAAQ;AACrC;;AAIF,OAAI,KAAK,eAAe,MAAM,CAAE;GAEhC,MAAM,WAAW,qBAAqB,MAAM;AAC5C,OAAI,CAAC,SAAU;AAEf,QAAK,QACH,UACA,SAAS,QACT,SAAS,cACT,mBACA,iBACD;;;CAIL,AAAQ,cAAc,UAAkB,SAAuB;AAC7D,MAAI,aAAa,QAAS;AAE1B,OAAK,YAAY,IAAI,UAAU,QAAQ;EAEvC,IAAI,aAAa,KAAK,YAAY,IAAI,QAAQ;AAC9C,MAAI,CAAC,YAAY;AACf,gBAAa,EAAE;AACf,QAAK,YAAY,IAAI,SAAS,WAAW;;AAE3C,MAAI,CAAC,WAAW,SAAS,SAAS,CAChC,YAAW,KAAK,SAAS;;CAI7B,AAAQ,QACN,UACA,QACA,cACA,mBACA,kBAKA,WACM;AACN,MAAI,CAAC,UAAW,6BAAY,IAAI,KAAK;AACrC,MAAI,UAAU,IAAI,SAAS,CAAE;AAC7B,YAAU,IAAI,SAAS;AAEvB,MAAI,CAAC,kBAAkB,SAAS,CAC9B,kBAAiB,UAAU,QAAQ,aAAa;EAGlD,MAAM,aAAa,KAAK,YAAY,IAAI,SAAS;AACjD,MAAI,YAAY;AACd,QAAK,YAAY,OAAO,SAAS;AAEjC,QAAK,MAAM,aAAa,YAAY;AAClC,SAAK,YAAY,OAAO,UAAU;AAElC,QAAI,kBAAkB,UAAU,CAAE;AAElC,SAAK,QACH,WACA,QACA,cACA,mBACA,kBACA,UACD;;;;CAKP,AAAQ,eAAe,OAAwB;AAC7C,MAAI,MAAM,SAAS,QAAQ,CAAE,QAAO;EACpC,MAAM,WAAW,MAAM,QAAQ,OAAO;AACtC,MAAI,aAAa,GAAI,QAAO;AAC5B,MAAI,MAAM,QAAQ,QAAQ,WAAW,EAAE,KAAK,GAAI,QAAO;AACvD,SAAO,CAAC,eAAe,KAAK,MAAM"}

package/dist/ssr/astro.d.ts

@@ -0,0 +1,29 @@
+import { hydrateTastyCache } from "./hydrate.js";
+
+//#region src/ssr/astro.d.ts
+interface TastyMiddlewareOptions {
+  /**
+   * Whether to embed the cache state script for client hydration.
+   * Set to false to skip cache transfer. Default: true.
+   */
+  transferCache?: boolean;
+}
+/**
+ * Create an Astro middleware that collects Tasty styles during SSR.
+ *
+ * All React components rendered during the request (both static
+ * and islands) will have their useStyles() calls captured by the
+ * collector via AsyncLocalStorage. After rendering, the middleware
+ * injects the collected CSS into </head>.
+ *
+ * @example
+ * ```ts
+ * // src/middleware.ts
+ * import { tastyMiddleware } from '@tenphi/tasty/ssr/astro';
+ * export const onRequest = tastyMiddleware();
+ * ```
+ */
+declare function tastyMiddleware(options?: TastyMiddlewareOptions): (_context: unknown, next: () => Promise<Response>) => Promise<Response>;
+//#endregion
+export { TastyMiddlewareOptions, hydrateTastyCache, tastyMiddleware };
+//# sourceMappingURL=astro.d.ts.map

package/dist/ssr/astro.js

@@ -0,0 +1,65 @@
+import { getConfig } from "../config.js";
+import { registerSSRCollectorGetter } from "./ssr-collector-ref.js";
+import { ServerStyleCollector } from "./collector.js";
+import { getSSRCollector, runWithCollector } from "./async-storage.js";
+import { hydrateTastyCache } from "./hydrate.js";
+
+//#region src/ssr/astro.ts
+/**
+* Astro integration for Tasty SSR.
+*
+* Provides tastyMiddleware() for Astro's middleware system.
+* The middleware wraps request handling in a ServerStyleCollector
+* via AsyncLocalStorage, then injects collected CSS into </head>.
+*
+* Import from '@tenphi/tasty/ssr/astro'.
+*/
+registerSSRCollectorGetter(getSSRCollector);
+/**
+* Create an Astro middleware that collects Tasty styles during SSR.
+*
+* All React components rendered during the request (both static
+* and islands) will have their useStyles() calls captured by the
+* collector via AsyncLocalStorage. After rendering, the middleware
+* injects the collected CSS into </head>.
+*
+* @example
+* ```ts
+* // src/middleware.ts
+* import { tastyMiddleware } from '@tenphi/tasty/ssr/astro';
+* export const onRequest = tastyMiddleware();
+* ```
+*/
+function tastyMiddleware(options) {
+	const { transferCache = true } = options ?? {};
+	return async (_context, next) => {
+		const collector = new ServerStyleCollector();
+		const response = await runWithCollector(collector, () => next());
+		const css = collector.getCSS();
+		if (!css) return response;
+		const nonce = getConfig().nonce;
+		const nonceAttr = nonce ? ` nonce="${nonce}"` : "";
+		const html = await response.text();
+		const styleTag = `<style data-tasty-ssr${nonceAttr}>${css}</style>`;
+		let cacheTag = "";
+		if (transferCache) {
+			const cacheState = collector.getCacheState();
+			if (Object.keys(cacheState.entries).length > 0) cacheTag = `<script data-tasty-cache type="application/json"${nonceAttr}>${JSON.stringify(cacheState)}<\/script>`;
+		}
+		const modifiedHtml = html.replace("</head>", `${styleTag}${cacheTag}</head>`);
+		return new Response(modifiedHtml, {
+			status: response.status,
+			headers: response.headers
+		});
+	};
+}
+if (typeof window !== "undefined") {
+	const script = document.querySelector("script[data-tasty-cache]");
+	if (script) try {
+		hydrateTastyCache(JSON.parse(script.textContent));
+	} catch {}
+}
+
+//#endregion
+export { hydrateTastyCache, tastyMiddleware };
+//# sourceMappingURL=astro.js.map

package/dist/ssr/astro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"astro.js","names":[],"sources":["../../src/ssr/astro.ts"],"sourcesContent":["/**\n * Astro integration for Tasty SSR.\n *\n * Provides tastyMiddleware() for Astro's middleware system.\n * The middleware wraps request handling in a ServerStyleCollector\n * via AsyncLocalStorage, then injects collected CSS into </head>.\n *\n * Import from '@tenphi/tasty/ssr/astro'.\n */\n\nimport { getConfig } from '../config';\nimport { getSSRCollector, runWithCollector } from './async-storage';\nimport { ServerStyleCollector } from './collector';\nimport { hydrateTastyCache } from './hydrate';\nimport { registerSSRCollectorGetter } from './ssr-collector-ref';\n\n// Wire up ALS-based collector discovery so useStyles can find\n// the collector set by tastyMiddleware's runWithCollector().\nregisterSSRCollectorGetter(getSSRCollector);\n\n// Re-export for convenience\nexport { hydrateTastyCache };\n\nexport interface TastyMiddlewareOptions {\n  /**\n   * Whether to embed the cache state script for client hydration.\n   * Set to false to skip cache transfer. Default: true.\n   */\n  transferCache?: boolean;\n}\n\n/**\n * Create an Astro middleware that collects Tasty styles during SSR.\n *\n * All React components rendered during the request (both static\n * and islands) will have their useStyles() calls captured by the\n * collector via AsyncLocalStorage. After rendering, the middleware\n * injects the collected CSS into </head>.\n *\n * @example\n * ```ts\n * // src/middleware.ts\n * import { tastyMiddleware } from '@tenphi/tasty/ssr/astro';\n * export const onRequest = tastyMiddleware();\n * ```\n */\nexport function tastyMiddleware(options?: TastyMiddlewareOptions) {\n  const { transferCache = true } = options ?? {};\n\n  return async (\n    _context: unknown,\n    next: () => Promise<Response>,\n  ): Promise<Response> => {\n    const collector = new ServerStyleCollector();\n\n    const response = await runWithCollector(collector, () => next());\n\n    const css = collector.getCSS();\n    if (!css) return response;\n\n    const nonce = getConfig().nonce;\n    const nonceAttr = nonce ? ` nonce=\"${nonce}\"` : '';\n    const html = await response.text();\n    const styleTag = `<style data-tasty-ssr${nonceAttr}>${css}</style>`;\n\n    let cacheTag = '';\n    if (transferCache) {\n      const cacheState = collector.getCacheState();\n      const hasHydratableStyles = Object.keys(cacheState.entries).length > 0;\n      if (hasHydratableStyles) {\n        cacheTag = `<script data-tasty-cache type=\"application/json\"${nonceAttr}>${JSON.stringify(cacheState)}</script>`;\n      }\n    }\n\n    const modifiedHtml = html.replace(\n      '</head>',\n      `${styleTag}${cacheTag}</head>`,\n    );\n\n    return new Response(modifiedHtml, {\n      status: response.status,\n      headers: response.headers,\n    });\n  };\n}\n\n// Client-side auto-hydration.\n// When imported in the browser, reads the cache state from the DOM\n// and pre-populates the injector before any island hydrates.\nif (typeof window !== 'undefined') {\n  const script = document.querySelector('script[data-tasty-cache]');\n  if (script) {\n    try {\n      const state = JSON.parse(script.textContent!);\n      hydrateTastyCache(state);\n    } catch {\n      // Ignore malformed cache state\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,2BAA2B,gBAAgB;;;;;;;;;;;;;;;;AA4B3C,SAAgB,gBAAgB,SAAkC;CAChE,MAAM,EAAE,gBAAgB,SAAS,WAAW,EAAE;AAE9C,QAAO,OACL,UACA,SACsB;EACtB,MAAM,YAAY,IAAI,sBAAsB;EAE5C,MAAM,WAAW,MAAM,iBAAiB,iBAAiB,MAAM,CAAC;EAEhE,MAAM,MAAM,UAAU,QAAQ;AAC9B,MAAI,CAAC,IAAK,QAAO;EAEjB,MAAM,QAAQ,WAAW,CAAC;EAC1B,MAAM,YAAY,QAAQ,WAAW,MAAM,KAAK;EAChD,MAAM,OAAO,MAAM,SAAS,MAAM;EAClC,MAAM,WAAW,wBAAwB,UAAU,GAAG,IAAI;EAE1D,IAAI,WAAW;AACf,MAAI,eAAe;GACjB,MAAM,aAAa,UAAU,eAAe;AAE5C,OAD4B,OAAO,KAAK,WAAW,QAAQ,CAAC,SAAS,EAEnE,YAAW,mDAAmD,UAAU,GAAG,KAAK,UAAU,WAAW,CAAC;;EAI1G,MAAM,eAAe,KAAK,QACxB,WACA,GAAG,WAAW,SAAS,SACxB;AAED,SAAO,IAAI,SAAS,cAAc;GAChC,QAAQ,SAAS;GACjB,SAAS,SAAS;GACnB,CAAC;;;AAON,IAAI,OAAO,WAAW,aAAa;CACjC,MAAM,SAAS,SAAS,cAAc,2BAA2B;AACjE,KAAI,OACF,KAAI;AAEF,oBADc,KAAK,MAAM,OAAO,YAAa,CACrB;SAClB"}

package/dist/ssr/async-storage.d.ts

@@ -0,0 +1,17 @@
+import { ServerStyleCollector } from "./collector.js";
+
+//#region src/ssr/async-storage.d.ts
+/**
+ * Run a function with a ServerStyleCollector bound to the current
+ * async context. All useStyles() calls within `fn` (and any async
+ * continuations) will find this collector via getSSRCollector().
+ */
+declare function runWithCollector<T>(collector: ServerStyleCollector, fn: () => T): T;
+/**
+ * Retrieve the ServerStyleCollector bound to the current async context.
+ * Returns null when called outside of runWithCollector() or on the client.
+ */
+declare function getSSRCollector(): ServerStyleCollector | null;
+//#endregion
+export { getSSRCollector, runWithCollector };
+//# sourceMappingURL=async-storage.d.ts.map