@tenphi/tasty 0.0.0-snapshot.fafcbfe → 0.0.0-snapshot.fdb16ea

package/dist/utils/typography.d.ts

@@ -1,36 +0,0 @@
-import { Styles } from "../styles/types.js";
-import { TypographyPreset } from "../tokens/typography.js";
-
-//#region src/utils/typography.d.ts
-/**
- * Generate typography tokens with $ prefix for CSS custom properties.
- *
- * Each preset generates the following CSS custom properties:
- * - `${name}-font-size`
- * - `${name}-line-height`
- * - `${name}-letter-spacing`
- * - `${name}-font-weight`
- * - `${name}-bold-font-weight` (if defined)
- * - `${name}-icon-size` (if defined)
- * - `${name}-text-transform` (if defined)
- * - `${name}-font-family` (if defined)
- * - `${name}-font-style` (if defined)
- *
- * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
- * @returns Styles object with $ prefixed keys
- *
- * @example
- * // Using default presets
- * const tokens = generateTypographyTokens();
- * // tokens['$h1-font-size'] === '36px'
- *
- * @example
- * // Using custom presets
- * const customTokens = generateTypographyTokens({
- *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
- * });
- */
-declare function generateTypographyTokens(presets?: Record<string, TypographyPreset>): Styles;
-//#endregion
-export { generateTypographyTokens };
-//# sourceMappingURL=typography.d.ts.map

package/dist/utils/typography.js

@@ -1,53 +0,0 @@
-import { TYPOGRAPHY_PRESETS } from "../tokens/typography.js";
-
-//#region src/utils/typography.ts
-/**
-* Generate typography tokens with $ prefix for CSS custom properties.
-*
-* Each preset generates the following CSS custom properties:
-* - `${name}-font-size`
-* - `${name}-line-height`
-* - `${name}-letter-spacing`
-* - `${name}-font-weight`
-* - `${name}-bold-font-weight` (if defined)
-* - `${name}-icon-size` (if defined)
-* - `${name}-text-transform` (if defined)
-* - `${name}-font-family` (if defined)
-* - `${name}-font-style` (if defined)
-*
-* @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
-* @returns Styles object with $ prefixed keys
-*
-* @example
-* // Using default presets
-* const tokens = generateTypographyTokens();
-* // tokens['$h1-font-size'] === '36px'
-*
-* @example
-* // Using custom presets
-* const customTokens = generateTypographyTokens({
-*   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
-* });
-*/
-function generateTypographyTokens(presets = TYPOGRAPHY_PRESETS) {
-	const tokens = {};
-	for (const [name, preset] of Object.entries(presets)) {
-		tokens[`$${name}-font-size`] = preset.fontSize;
-		tokens[`$${name}-line-height`] = preset.lineHeight;
-		tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? "0";
-		tokens[`$${name}-font-weight`] = preset.fontWeight;
-		if (preset.boldFontWeight !== void 0) {
-			const boldKey = name === "c1" ? `$${name}-font-bold-weight` : `$${name}-bold-font-weight`;
-			tokens[boldKey] = preset.boldFontWeight;
-		}
-		if (preset.iconSize !== void 0) tokens[`$${name}-icon-size`] = preset.iconSize;
-		if (preset.textTransform !== void 0) tokens[`$${name}-text-transform`] = preset.textTransform;
-		if (preset.fontFamily !== void 0) tokens[`$${name}-font-family`] = preset.fontFamily;
-		if (preset.fontStyle !== void 0) tokens[`$${name}-font-style`] = preset.fontStyle;
-	}
-	return tokens;
-}
-
-//#endregion
-export { generateTypographyTokens };
-//# sourceMappingURL=typography.js.map

package/dist/utils/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../src/utils/typography.ts"],"sourcesContent":["import type { TypographyPreset } from '../tokens/typography';\nimport { TYPOGRAPHY_PRESETS } from '../tokens/typography';\n\nimport type { Styles } from '../styles/types';\n\n// Re-export types for convenience\nexport type { TypographyPreset };\n\n/**\n * Generate typography tokens with $ prefix for CSS custom properties.\n *\n * Each preset generates the following CSS custom properties:\n * - `${name}-font-size`\n * - `${name}-line-height`\n * - `${name}-letter-spacing`\n * - `${name}-font-weight`\n * - `${name}-bold-font-weight` (if defined)\n * - `${name}-icon-size` (if defined)\n * - `${name}-text-transform` (if defined)\n * - `${name}-font-family` (if defined)\n * - `${name}-font-style` (if defined)\n *\n * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)\n * @returns Styles object with $ prefixed keys\n *\n * @example\n * // Using default presets\n * const tokens = generateTypographyTokens();\n * // tokens['$h1-font-size'] === '36px'\n *\n * @example\n * // Using custom presets\n * const customTokens = generateTypographyTokens({\n *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }\n * });\n */\nexport function generateTypographyTokens(\n  presets: Record<string, TypographyPreset> = TYPOGRAPHY_PRESETS,\n): Styles {\n  const tokens: Record<string, string | number> = {};\n\n  for (const [name, preset] of Object.entries(presets)) {\n    tokens[`$${name}-font-size`] = preset.fontSize;\n    tokens[`$${name}-line-height`] = preset.lineHeight;\n    tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';\n    tokens[`$${name}-font-weight`] = preset.fontWeight;\n\n    if (preset.boldFontWeight !== undefined) {\n      // Handle different property naming for c1 (uses font-bold-weight instead of bold-font-weight)\n      const boldKey =\n        name === 'c1'\n          ? `$${name}-font-bold-weight`\n          : `$${name}-bold-font-weight`;\n      tokens[boldKey] = preset.boldFontWeight;\n    }\n\n    if (preset.iconSize !== undefined) {\n      tokens[`$${name}-icon-size`] = preset.iconSize;\n    }\n\n    if (preset.textTransform !== undefined) {\n      tokens[`$${name}-text-transform`] = preset.textTransform;\n    }\n\n    if (preset.fontFamily !== undefined) {\n      tokens[`$${name}-font-family`] = preset.fontFamily;\n    }\n\n    if (preset.fontStyle !== undefined) {\n      tokens[`$${name}-font-style`] = preset.fontStyle;\n    }\n  }\n\n  return tokens as Styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,yBACd,UAA4C,oBACpC;CACR,MAAM,SAA0C,EAAE;AAElD,MAAK,MAAM,CAAC,MAAM,WAAW,OAAO,QAAQ,QAAQ,EAAE;AACpD,SAAO,IAAI,KAAK,eAAe,OAAO;AACtC,SAAO,IAAI,KAAK,iBAAiB,OAAO;AACxC,SAAO,IAAI,KAAK,oBAAoB,OAAO,iBAAiB;AAC5D,SAAO,IAAI,KAAK,iBAAiB,OAAO;AAExC,MAAI,OAAO,mBAAmB,QAAW;GAEvC,MAAM,UACJ,SAAS,OACL,IAAI,KAAK,qBACT,IAAI,KAAK;AACf,UAAO,WAAW,OAAO;;AAG3B,MAAI,OAAO,aAAa,OACtB,QAAO,IAAI,KAAK,eAAe,OAAO;AAGxC,MAAI,OAAO,kBAAkB,OAC3B,QAAO,IAAI,KAAK,oBAAoB,OAAO;AAG7C,MAAI,OAAO,eAAe,OACxB,QAAO,IAAI,KAAK,iBAAiB,OAAO;AAG1C,MAAI,OAAO,cAAc,OACvB,QAAO,IAAI,KAAK,gBAAgB,OAAO;;AAI3C,QAAO"}

package/dist/utils/warnings.d.ts

@@ -1,16 +0,0 @@
-//#region src/utils/warnings.d.ts
-declare function warn(...args: unknown[]): void;
-declare function deprecationWarning(condition: unknown, {
-  property,
-  name,
-  betterAlternative,
-  reason
-}: {
-  property: string;
-  name: string;
-  betterAlternative: (() => string) | string;
-  reason?: (() => string) | string;
-}): void;
-//#endregion
-export { deprecationWarning, warn };
-//# sourceMappingURL=warnings.d.ts.map

package/dist/utils/warnings.js

@@ -1,16 +0,0 @@
-//#region src/utils/warnings.ts
-const PREFIX = "Tasty";
-function warn(...args) {
-	console.warn(`${PREFIX}:`, ...args);
-}
-function deprecationWarning(condition, { property, name, betterAlternative, reason }) {
-	if (condition) return;
-	console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
-	warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === "function" ? betterAlternative() : betterAlternative}`);
-	if (reason) warn(`Reason: ${typeof reason === "function" ? reason() : reason}`);
-	console.groupEnd();
-}
-
-//#endregion
-export { deprecationWarning, warn };
-//# sourceMappingURL=warnings.js.map

package/dist/utils/warnings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"warnings.js","names":[],"sources":["../../src/utils/warnings.ts"],"sourcesContent":["/* eslint-disable no-console */\nconst PREFIX = 'Tasty';\n\nexport function warn(...args: unknown[]) {\n  console.warn(`${PREFIX}:`, ...args);\n}\n\nexport function deprecationWarning(\n  condition: unknown,\n  {\n    property,\n    name,\n    betterAlternative,\n    reason,\n  }: {\n    property: string;\n    name: string;\n    betterAlternative: (() => string) | string;\n    reason?: (() => string) | string;\n  },\n) {\n  if (condition) return;\n\n  if (process.env.NODE_ENV === 'production') {\n    return warn(\n      `DEPRECATION ${name} \"${property}\" -> ${\n        typeof betterAlternative === 'function'\n          ? betterAlternative()\n          : betterAlternative\n      }`,\n    );\n  }\n\n  // we can make deprecations even better if we add the md syntax in the console.\n  // anyway, everything down below will be stripped in the production build\n  console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);\n  warn(\n    `\"${property}\" is deprecated, consider better alternative: ${\n      typeof betterAlternative === 'function'\n        ? betterAlternative()\n        : betterAlternative\n    }`,\n  );\n  if (reason) {\n    warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);\n  }\n  console.groupEnd();\n}\n"],"mappings":";AACA,MAAM,SAAS;AAEf,SAAgB,KAAK,GAAG,MAAiB;AACvC,SAAQ,KAAK,GAAG,OAAO,IAAI,GAAG,KAAK;;AAGrC,SAAgB,mBACd,WACA,EACE,UACA,MACA,mBACA,UAOF;AACA,KAAI,UAAW;AAcf,SAAQ,MAAM,MAAM,OAAO,mBAAmB,OAAO;AACrD,MACE,IAAI,SAAS,gDACX,OAAO,sBAAsB,aACzB,mBAAmB,GACnB,oBAEP;AACD,KAAI,OACF,MAAK,WAAW,OAAO,WAAW,aAAa,QAAQ,GAAG,SAAS;AAErE,SAAQ,UAAU"}

package/dist/zero/css-writer.d.ts

@@ -1,45 +0,0 @@
-//#region src/zero/css-writer.d.ts
-interface CSSWriterOptions {
-  /** Enable source comments in output (e.g., "from: Button.tsx") */
-  devMode?: boolean;
-}
-declare class CSSWriter {
-  private cssBlocks;
-  private outputPath;
-  private devMode;
-  constructor(outputPath: string, options?: CSSWriterOptions);
-  /**
-   * Add CSS block with deduplication key
-   * @param key - Unique key for deduplication
-   * @param css - CSS content
-   * @param source - Optional source file path (used in devMode)
-   */
-  add(key: string, css: string, source?: string): void;
-  /**
-   * Check if a key already exists
-   */
-  has(key: string): boolean;
-  /**
-   * Get the number of CSS blocks
-   */
-  get size(): number;
-  /**
-   * Write all collected CSS to the output file
-   */
-  write(): void;
-  /**
-   * Get all CSS as string (for testing or in-memory use)
-   */
-  getCSS(): string;
-  /**
-   * Clear all collected CSS
-   */
-  clear(): void;
-  /**
-   * Get the output path
-   */
-  getOutputPath(): string;
-}
-//#endregion
-export { CSSWriter };
-//# sourceMappingURL=css-writer.d.ts.map

package/dist/zero/css-writer.js

@@ -1,74 +0,0 @@
-import * as fs from "fs";
-import * as path from "path";
-
-//#region src/zero/css-writer.ts
-var CSSWriter = class {
-	cssBlocks = /* @__PURE__ */ new Map();
-	outputPath;
-	devMode;
-	constructor(outputPath, options = {}) {
-		this.outputPath = outputPath;
-		this.devMode = options.devMode ?? false;
-	}
-	/**
-	* Add CSS block with deduplication key
-	* @param key - Unique key for deduplication
-	* @param css - CSS content
-	* @param source - Optional source file path (used in devMode)
-	*/
-	add(key, css, source) {
-		this.cssBlocks.set(key, {
-			css,
-			source
-		});
-	}
-	/**
-	* Check if a key already exists
-	*/
-	has(key) {
-		return this.cssBlocks.has(key);
-	}
-	/**
-	* Get the number of CSS blocks
-	*/
-	get size() {
-		return this.cssBlocks.size;
-	}
-	/**
-	* Write all collected CSS to the output file
-	*/
-	write() {
-		const outputDir = path.dirname(this.outputPath);
-		if (!fs.existsSync(outputDir)) fs.mkdirSync(outputDir, { recursive: true });
-		const cssBlocks = [];
-		for (const block of this.cssBlocks.values()) if (this.devMode && block.source) cssBlocks.push(`/* from: ${block.source} */\n${block.css}`);
-		else cssBlocks.push(block.css);
-		const css = cssBlocks.join("\n\n");
-		fs.writeFileSync(this.outputPath, `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\n\n` + css);
-	}
-	/**
-	* Get all CSS as string (for testing or in-memory use)
-	*/
-	getCSS() {
-		const cssBlocks = [];
-		for (const block of this.cssBlocks.values()) if (this.devMode && block.source) cssBlocks.push(`/* from: ${block.source} */\n${block.css}`);
-		else cssBlocks.push(block.css);
-		return cssBlocks.join("\n\n");
-	}
-	/**
-	* Clear all collected CSS
-	*/
-	clear() {
-		this.cssBlocks.clear();
-	}
-	/**
-	* Get the output path
-	*/
-	getOutputPath() {
-		return this.outputPath;
-	}
-};
-
-//#endregion
-export { CSSWriter };
-//# sourceMappingURL=css-writer.js.map

package/dist/zero/css-writer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-writer.js","names":[],"sources":["../../src/zero/css-writer.ts"],"sourcesContent":["import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface CSSWriterOptions {\n  /** Enable source comments in output (e.g., \"from: Button.tsx\") */\n  devMode?: boolean;\n}\n\ninterface CSSBlock {\n  css: string;\n  source?: string;\n}\n\nexport class CSSWriter {\n  private cssBlocks = new Map<string, CSSBlock>();\n  private outputPath: string;\n  private devMode: boolean;\n\n  constructor(outputPath: string, options: CSSWriterOptions = {}) {\n    this.outputPath = outputPath;\n    this.devMode = options.devMode ?? false;\n  }\n\n  /**\n   * Add CSS block with deduplication key\n   * @param key - Unique key for deduplication\n   * @param css - CSS content\n   * @param source - Optional source file path (used in devMode)\n   */\n  add(key: string, css: string, source?: string): void {\n    this.cssBlocks.set(key, { css, source });\n  }\n\n  /**\n   * Check if a key already exists\n   */\n  has(key: string): boolean {\n    return this.cssBlocks.has(key);\n  }\n\n  /**\n   * Get the number of CSS blocks\n   */\n  get size(): number {\n    return this.cssBlocks.size;\n  }\n\n  /**\n   * Write all collected CSS to the output file\n   */\n  write(): void {\n    const outputDir = path.dirname(this.outputPath);\n\n    // Ensure directory exists\n    if (!fs.existsSync(outputDir)) {\n      fs.mkdirSync(outputDir, { recursive: true });\n    }\n\n    // Combine all CSS blocks with optional source comments\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    const css = cssBlocks.join('\\n\\n');\n\n    // Add header comment\n    const header = `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n\\n`;\n\n    fs.writeFileSync(this.outputPath, header + css);\n  }\n\n  /**\n   * Get all CSS as string (for testing or in-memory use)\n   */\n  getCSS(): string {\n    const cssBlocks: string[] = [];\n    for (const block of this.cssBlocks.values()) {\n      if (this.devMode && block.source) {\n        cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n      } else {\n        cssBlocks.push(block.css);\n      }\n    }\n    return cssBlocks.join('\\n\\n');\n  }\n\n  /**\n   * Clear all collected CSS\n   */\n  clear(): void {\n    this.cssBlocks.clear();\n  }\n\n  /**\n   * Get the output path\n   */\n  getOutputPath(): string {\n    return this.outputPath;\n  }\n}\n"],"mappings":";;;;AAaA,IAAa,YAAb,MAAuB;CACrB,AAAQ,4BAAY,IAAI,KAAuB;CAC/C,AAAQ;CACR,AAAQ;CAER,YAAY,YAAoB,UAA4B,EAAE,EAAE;AAC9D,OAAK,aAAa;AAClB,OAAK,UAAU,QAAQ,WAAW;;;;;;;;CASpC,IAAI,KAAa,KAAa,QAAuB;AACnD,OAAK,UAAU,IAAI,KAAK;GAAE;GAAK;GAAQ,CAAC;;;;;CAM1C,IAAI,KAAsB;AACxB,SAAO,KAAK,UAAU,IAAI,IAAI;;;;;CAMhC,IAAI,OAAe;AACjB,SAAO,KAAK,UAAU;;;;;CAMxB,QAAc;EACZ,MAAM,YAAY,KAAK,QAAQ,KAAK,WAAW;AAG/C,MAAI,CAAC,GAAG,WAAW,UAAU,CAC3B,IAAG,UAAU,WAAW,EAAE,WAAW,MAAM,CAAC;EAI9C,MAAM,YAAsB,EAAE;AAC9B,OAAK,MAAM,SAAS,KAAK,UAAU,QAAQ,CACzC,KAAI,KAAK,WAAW,MAAM,OACxB,WAAU,KAAK,YAAY,MAAM,OAAO,OAAO,MAAM,MAAM;MAE3D,WAAU,KAAK,MAAM,IAAI;EAG7B,MAAM,MAAM,UAAU,KAAK,OAAO;AAKlC,KAAG,cAAc,KAAK,YAFP,4DAE4B,IAAI;;;;;CAMjD,SAAiB;EACf,MAAM,YAAsB,EAAE;AAC9B,OAAK,MAAM,SAAS,KAAK,UAAU,QAAQ,CACzC,KAAI,KAAK,WAAW,MAAM,OACxB,WAAU,KAAK,YAAY,MAAM,OAAO,OAAO,MAAM,MAAM;MAE3D,WAAU,KAAK,MAAM,IAAI;AAG7B,SAAO,UAAU,KAAK,OAAO;;;;;CAM/B,QAAc;AACZ,OAAK,UAAU,OAAO;;;;;CAMxB,gBAAwB;AACtB,SAAO,KAAK"}

package/dist/zero/extractor.d.ts

@@ -1,24 +0,0 @@
-import { Styles } from "../styles/types.js";
-
-//#region src/zero/extractor.d.ts
-interface ExtractedChunk {
-  className: string;
-  css: string;
-}
-interface ExtractedSelector {
-  selector: string;
-  css: string;
-}
-/**
- * Extract styles using chunking (for className mode).
- * Returns multiple classes, one per chunk.
- */
-declare function extractStylesWithChunks(styles: Styles): ExtractedChunk[];
-/**
- * Extract styles for a specific selector (for global/selector mode).
- * Returns a single CSS block.
- */
-declare function extractStylesForSelector(selector: string, styles: Styles): ExtractedSelector;
-//#endregion
-export { ExtractedChunk, ExtractedSelector, extractStylesForSelector, extractStylesWithChunks };
-//# sourceMappingURL=extractor.d.ts.map

package/dist/zero/extractor.js

@@ -1,150 +0,0 @@
-import { renderStyles } from "../pipeline/index.js";
-import { categorizeStyleKeys } from "../chunks/definitions.js";
-import { generateChunkCacheKey } from "../chunks/cacheKey.js";
-import { renderStylesForChunk } from "../chunks/renderChunk.js";
-import { extractAnimationNamesFromStyles, extractLocalKeyframes, filterUsedKeyframes, hasLocalKeyframes, mergeKeyframes } from "../keyframes/index.js";
-import { createHash } from "crypto";
-
-//#region src/zero/extractor.ts
-/**
-* Generate a deterministic className from a cache key using content hash.
-* This ensures the same styles always produce the same className,
-* regardless of build order or incremental compilation.
-*/
-function generateClassName(cacheKey) {
-	return `ts${createHash("md5").update(cacheKey).digest("hex").slice(0, 6)}`;
-}
-/**
-* Extract styles using chunking (for className mode).
-* Returns multiple classes, one per chunk.
-*/
-function extractStylesWithChunks(styles) {
-	const chunks = [];
-	const chunkMap = categorizeStyleKeys(styles);
-	for (const [chunkName, chunkStyleKeys] of chunkMap) {
-		if (chunkStyleKeys.length === 0) continue;
-		const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);
-		const renderResult = renderStylesForChunk(styles, chunkName, chunkStyleKeys);
-		if (renderResult.rules.length === 0) continue;
-		const className = generateClassName(cacheKey);
-		const selector = `.${className}.${className}`;
-		const css = formatRulesToCSS(renderResult.rules, selector);
-		chunks.push({
-			className,
-			css
-		});
-	}
-	return chunks;
-}
-/**
-* Extract styles for a specific selector (for global/selector mode).
-* Returns a single CSS block.
-*/
-function extractStylesForSelector(selector, styles) {
-	return {
-		selector,
-		css: formatRulesDirectly(renderStyles(styles, selector))
-	};
-}
-/**
-* Format StyleResult[] to CSS string.
-* Prefixes each rule's selector with the base selector.
-* Used for chunked styles where rules have relative selectors.
-*/
-function formatRulesToCSS(rules, baseSelector) {
-	return rules.map((rule) => {
-		let css = `${(Array.isArray(rule.selector) ? rule.selector : rule.selector ? rule.selector.split("|||") : [""]).map((part) => {
-			let selector;
-			if (!part) selector = baseSelector;
-			else if (part.startsWith(":") || part.startsWith("[")) selector = `${baseSelector}${part}`;
-			else if (part.startsWith(">") || part.startsWith("+") || part.startsWith("~")) selector = `${baseSelector}${part}`;
-			else selector = `${baseSelector}${part}`;
-			if (rule.rootPrefix) selector = `${rule.rootPrefix} ${selector}`;
-			return selector;
-		}).join(", ")} { ${rule.declarations} }`;
-		if (rule.atRules && rule.atRules.length > 0) for (const atRule of [...rule.atRules].reverse()) css = `${atRule} {\n  ${css}\n}`;
-		return css;
-	}).join("\n\n");
-}
-/**
-* Format StyleResult[] to CSS string directly without prefixing.
-* Used for global styles where rules already have the full selector.
-*/
-function formatRulesDirectly(rules) {
-	return rules.map((rule) => {
-		let css = `${rule.rootPrefix ? `${rule.rootPrefix} ${rule.selector}` : rule.selector} { ${rule.declarations} }`;
-		if (rule.atRules && rule.atRules.length > 0) for (const atRule of [...rule.atRules].reverse()) css = `${atRule} {\n  ${css}\n}`;
-		return css;
-	}).join("\n\n");
-}
-/**
-* Generate a deterministic keyframes name from content hash.
-* This ensures the same keyframes content always produces the same name,
-* enabling automatic deduplication across elements and files.
-*/
-function generateKeyframesName(steps) {
-	const content = JSON.stringify(steps);
-	return `kf${createHash("md5").update(content).digest("hex").slice(0, 6)}`;
-}
-/**
-* Extract keyframes that are used in styles.
-* Merges local @keyframes with global keyframes, filters to only used ones.
-* Generates hash-based names from content for automatic deduplication.
-*
-* @param styles - The styles object (may contain @keyframes and animation properties)
-* @param globalKeyframes - Optional global keyframes from config
-* @returns Keyframes to inject and name mapping for replacement
-*/
-function extractKeyframesFromStyles(styles, globalKeyframes) {
-	const emptyResult = {
-		keyframes: [],
-		nameMap: /* @__PURE__ */ new Map()
-	};
-	const usedNames = extractAnimationNamesFromStyles(styles);
-	if (usedNames.size === 0) return emptyResult;
-	const usedKeyframes = filterUsedKeyframes(mergeKeyframes(hasLocalKeyframes(styles) ? extractLocalKeyframes(styles) : null, globalKeyframes ?? null), usedNames);
-	if (!usedKeyframes) return emptyResult;
-	const seenHashes = /* @__PURE__ */ new Set();
-	const nameMap = /* @__PURE__ */ new Map();
-	const keyframesToEmit = [];
-	for (const [originalName, steps] of Object.entries(usedKeyframes)) {
-		const hashedName = generateKeyframesName(steps);
-		nameMap.set(originalName, hashedName);
-		if (!seenHashes.has(hashedName)) {
-			seenHashes.add(hashedName);
-			const css = keyframesToCSS(hashedName, steps);
-			keyframesToEmit.push({
-				name: hashedName,
-				css
-			});
-		}
-	}
-	return {
-		keyframes: keyframesToEmit,
-		nameMap
-	};
-}
-/**
-* Convert keyframes steps to CSS string.
-*/
-function keyframesToCSS(name, steps) {
-	const stepRules = [];
-	for (const [key, value] of Object.entries(steps)) if (typeof value === "string") stepRules.push(`${key} { ${value.trim()} }`);
-	else if (value && typeof value === "object") {
-		const declarations = Object.entries(value).map(([prop, val]) => {
-			return `${camelToKebab(prop)}: ${val}`;
-		}).join("; ");
-		stepRules.push(`${key} { ${declarations} }`);
-	}
-	return `@keyframes ${name} { ${stepRules.join(" ")} }`;
-}
-/**
-* Convert camelCase to kebab-case.
-*/
-function camelToKebab(str) {
-	return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
-}
-
-//#endregion
-export { extractKeyframesFromStyles, extractStylesForSelector, extractStylesWithChunks };
-//# sourceMappingURL=extractor.js.map

package/dist/zero/extractor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extractor.js","names":[],"sources":["../../src/zero/extractor.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n  categorizeStyleKeys,\n  generateChunkCacheKey,\n  renderStylesForChunk,\n} from '../chunks';\nimport type { KeyframesSteps } from '../injector/types';\nimport {\n  extractAnimationNamesFromStyles,\n  extractLocalKeyframes,\n  filterUsedKeyframes,\n  hasLocalKeyframes,\n  mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport type { Styles } from '../styles/types';\n\nexport interface ExtractedChunk {\n  className: string;\n  css: string;\n}\n\nexport interface ExtractedSelector {\n  selector: string;\n  css: string;\n}\n\nexport interface ExtractedKeyframes {\n  name: string;\n  css: string;\n}\n\nexport interface KeyframesExtractionResult {\n  /** Keyframes to inject (deduplicated by content) */\n  keyframes: ExtractedKeyframes[];\n  /** Map from original animation name to canonical name (for replacement) */\n  nameMap: Map<string, string>;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n  const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n  return `ts${hash}`; // 'ts' prefix for \"tasty-static\" to distinguish from runtime 't' classes\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n  const chunks: ExtractedChunk[] = [];\n\n  // Categorize style keys into chunks\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n\n    // Generate cache key for this chunk (used for className hash)\n    const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n    // Render styles for this chunk\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n\n    if (renderResult.rules.length === 0) continue;\n\n    // Generate deterministic className from content hash\n    const className = generateClassName(cacheKey);\n    const selector = `.${className}.${className}`;\n\n    // Format CSS\n    const css = formatRulesToCSS(renderResult.rules, selector);\n\n    chunks.push({ className, css });\n  }\n\n  return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block.\n */\nexport function extractStylesForSelector(\n  selector: string,\n  styles: Styles,\n): ExtractedSelector {\n  // renderStyles with selector returns StyleResult[] with selectors already applied\n  const rules = renderStyles(styles, selector);\n  // Format without re-prefixing - rules already have the full selector\n  const css = formatRulesDirectly(rules);\n\n  return { selector, css };\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n  return rules\n    .map((rule) => {\n      // Handle selector as array (OR conditions) or string\n      // Note: renderStyles without className joins array selectors with '|||' placeholder\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? rule.selector.split('|||')\n          : [''];\n\n      // Prefix each selector part with the base selector\n      const fullSelector = selectorParts\n        .map((part) => {\n          // Build selector: [rootPrefix] baseSelector[part]\n          let selector: string;\n\n          // If part is empty, just use base selector\n          if (!part) {\n            selector = baseSelector;\n          } else if (part.startsWith(':') || part.startsWith('[')) {\n            // If part starts with a pseudo-class or pseudo-element, append to base\n            selector = `${baseSelector}${part}`;\n          } else if (\n            part.startsWith('>') ||\n            part.startsWith('+') ||\n            part.startsWith('~')\n          ) {\n            // If part starts with >, +, ~ combinator, append with space\n            selector = `${baseSelector}${part}`;\n          } else {\n            // Otherwise, combine base with part\n            selector = `${baseSelector}${part}`;\n          }\n\n          // Prepend rootPrefix if present (for @root() states)\n          if (rule.rootPrefix) {\n            selector = `${rule.rootPrefix} ${selector}`;\n          }\n\n          return selector;\n        })\n        .join(', ');\n\n      let css = `${fullSelector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n  return rules\n    .map((rule) => {\n      // Prepend rootPrefix if present (for @root() states)\n      const selector = rule.rootPrefix\n        ? `${rule.rootPrefix} ${rule.selector}`\n        : rule.selector;\n\n      let css = `${selector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n  const content = JSON.stringify(steps);\n  const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n  return `kf${hash}`; // 'kf' prefix for \"keyframes\"\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n  const emptyResult: KeyframesExtractionResult = {\n    keyframes: [],\n    nameMap: new Map(),\n  };\n\n  // Extract animation names from styles\n  const usedNames = extractAnimationNamesFromStyles(styles);\n  if (usedNames.size === 0) return emptyResult;\n\n  // Merge local and global keyframes\n  const local = hasLocalKeyframes(styles)\n    ? extractLocalKeyframes(styles)\n    : null;\n  const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n  // Filter to only used keyframes\n  const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n  if (!usedKeyframes) return emptyResult;\n\n  // Generate hash-based names and collect unique keyframes\n  const seenHashes = new Set<string>();\n  const nameMap = new Map<string, string>();\n  const keyframesToEmit: ExtractedKeyframes[] = [];\n\n  for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n    const hashedName = generateKeyframesName(steps);\n\n    // Always map original name to hashed name (for CSS replacement)\n    nameMap.set(originalName, hashedName);\n\n    // Only emit each unique keyframe once\n    if (!seenHashes.has(hashedName)) {\n      seenHashes.add(hashedName);\n      const css = keyframesToCSS(hashedName, steps);\n      keyframesToEmit.push({ name: hashedName, css });\n    }\n  }\n\n  return { keyframes: keyframesToEmit, nameMap };\n}\n\n/**\n * Convert keyframes steps to CSS string.\n */\nfunction keyframesToCSS(name: string, steps: KeyframesSteps): string {\n  const stepRules: string[] = [];\n\n  for (const [key, value] of Object.entries(steps)) {\n    if (typeof value === 'string') {\n      // Raw CSS string\n      stepRules.push(`${key} { ${value.trim()} }`);\n    } else if (value && typeof value === 'object') {\n      // Style map - convert to CSS declarations\n      const declarations = Object.entries(value)\n        .map(([prop, val]) => {\n          const cssProperty = camelToKebab(prop);\n          return `${cssProperty}: ${val}`;\n        })\n        .join('; ');\n      stepRules.push(`${key} { ${declarations} }`);\n    }\n  }\n\n  return `@keyframes ${name} { ${stepRules.join(' ')} }`;\n}\n\n/**\n * Convert camelCase to kebab-case.\n */\nfunction camelToKebab(str: string): string {\n  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n"],"mappings":"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"}