@tenphi/tasty 0.0.0-snapshot.2f99c73

package/dist/zero/css-writer.js

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+import "../injector/types.js";
+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

@@ -0,0 +1,150 @@
+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

@@ -0,0 +1 @@
+{"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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"}

package/dist/zero/index.d.ts

@@ -0,0 +1,3 @@
+import { ExtractedChunk, ExtractedSelector, extractStylesForSelector, extractStylesWithChunks } from "./extractor.js";
+import { CSSWriter } from "./css-writer.js";
+export { CSSWriter, type ExtractedChunk, type ExtractedSelector, extractStylesForSelector, extractStylesWithChunks };

package/dist/zero/index.js

@@ -0,0 +1,4 @@
+import { extractStylesForSelector, extractStylesWithChunks } from "./extractor.js";
+import { CSSWriter } from "./css-writer.js";
+
+export { CSSWriter, extractStylesForSelector, extractStylesWithChunks };

package/dist/zero/next.d.ts

@@ -0,0 +1,60 @@
+//#region src/zero/next.d.ts
+/**
+ * Next.js configuration wrapper for tasty-zero.
+ *
+ * Provides a convenient way to configure the Babel plugin for Next.js projects.
+ *
+ * @example
+ * ```javascript
+ * // next.config.js
+ * const { withTastyZero } = require('@tenphi/tasty/next');
+ *
+ * module.exports = withTastyZero({
+ *   output: 'public/tasty.css',
+ * })({
+ *   // your Next.js config
+ * });
+ * ```
+ */
+interface WebpackConfigContext {
+  isServer: boolean;
+  dev: boolean;
+  buildId: string;
+  dir: string;
+}
+interface NextConfig {
+  webpack?: (config: any, context: WebpackConfigContext) => any;
+  [key: string]: unknown;
+}
+interface TastyZeroNextOptions {
+  /**
+   * Output path for CSS relative to project root.
+   * @default 'public/tasty.css'
+   */
+  output?: string;
+  /**
+   * Whether to enable the plugin.
+   * @default true
+   */
+  enabled?: boolean;
+}
+/**
+ * Next.js configuration wrapper for tasty-zero.
+ *
+ * @param options - Configuration options
+ * @returns A function that wraps the Next.js config
+ *
+ * @example
+ * ```javascript
+ * // next.config.js
+ * const { withTastyZero } = require('@tenphi/tasty/next');
+ *
+ * module.exports = withTastyZero()({
+ *   reactStrictMode: true,
+ * });
+ * ```
+ */
+declare function withTastyZero(options?: TastyZeroNextOptions): (nextConfig?: NextConfig) => NextConfig;
+//#endregion
+export { TastyZeroNextOptions, withTastyZero };
+//# sourceMappingURL=next.d.ts.map

package/dist/zero/next.js

@@ -0,0 +1,78 @@
+import { __require } from "../_virtual/_rolldown/runtime.js";
+import * as path from "path";
+
+//#region src/zero/next.ts
+/**
+* Next.js configuration wrapper for tasty-zero.
+*
+* Provides a convenient way to configure the Babel plugin for Next.js projects.
+*
+* @example
+* ```javascript
+* // next.config.js
+* const { withTastyZero } = require('@tenphi/tasty/next');
+*
+* module.exports = withTastyZero({
+*   output: 'public/tasty.css',
+* })({
+*   // your Next.js config
+* });
+* ```
+*/
+/**
+* Next.js configuration wrapper for tasty-zero.
+*
+* @param options - Configuration options
+* @returns A function that wraps the Next.js config
+*
+* @example
+* ```javascript
+* // next.config.js
+* const { withTastyZero } = require('@tenphi/tasty/next');
+*
+* module.exports = withTastyZero()({
+*   reactStrictMode: true,
+* });
+* ```
+*/
+function withTastyZero(options = {}) {
+	const { output = "public/tasty.css", enabled = true } = options;
+	return (nextConfig = {}) => {
+		if (!enabled) return nextConfig;
+		return {
+			...nextConfig,
+			webpack(config, context) {
+				const { isServer, dir } = context;
+				if (!isServer) {
+					const absoluteOutput = path.resolve(dir || process.cwd(), output);
+					const babelPluginConfig = [__require.resolve("./babel"), { output: absoluteOutput }];
+					const existingRule = config.module?.rules?.find((rule) => rule.use?.loader === "babel-loader" || rule.use?.some?.((u) => u.loader === "babel-loader"));
+					if (existingRule) {
+						const babelUse = Array.isArray(existingRule.use) ? existingRule.use.find((u) => u.loader === "babel-loader") : existingRule.use;
+						if (babelUse?.options) {
+							babelUse.options.plugins = babelUse.options.plugins || [];
+							babelUse.options.plugins.push(babelPluginConfig);
+						}
+					} else {
+						config.module = config.module || {};
+						config.module.rules = config.module.rules || [];
+						config.module.rules.push({
+							test: /\.(tsx?|jsx?)$/,
+							exclude: /node_modules/,
+							use: [{
+								loader: __require.resolve("babel-loader"),
+								options: { plugins: [babelPluginConfig] }
+							}]
+						});
+					}
+				}
+				if (typeof nextConfig.webpack === "function") return nextConfig.webpack(config, context);
+				return config;
+			}
+		};
+	};
+}
+
+//#endregion
+export { withTastyZero };
+//# sourceMappingURL=next.js.map

package/dist/zero/next.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next.js","names":[],"sources":["../../src/zero/next.ts"],"sourcesContent":["/**\n * Next.js configuration wrapper for tasty-zero.\n *\n * Provides a convenient way to configure the Babel plugin for Next.js projects.\n *\n * @example\n * ```javascript\n * // next.config.js\n * const { withTastyZero } = require('@tenphi/tasty/next');\n *\n * module.exports = withTastyZero({\n *   output: 'public/tasty.css',\n * })({\n *   // your Next.js config\n * });\n * ```\n */\n\nimport * as path from 'path';\n\n// Next.js types (inline to avoid requiring next as a dependency)\ninterface WebpackConfigContext {\n  isServer: boolean;\n  dev: boolean;\n  buildId: string;\n  dir: string;\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any -- webpack config types are complex */\ninterface NextConfig {\n  webpack?: (config: any, context: WebpackConfigContext) => any;\n  [key: string]: unknown;\n}\n\nexport interface TastyZeroNextOptions {\n  /**\n   * Output path for CSS relative to project root.\n   * @default 'public/tasty.css'\n   */\n  output?: string;\n\n  /**\n   * Whether to enable the plugin.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * Next.js configuration wrapper for tasty-zero.\n *\n * @param options - Configuration options\n * @returns A function that wraps the Next.js config\n *\n * @example\n * ```javascript\n * // next.config.js\n * const { withTastyZero } = require('@tenphi/tasty/next');\n *\n * module.exports = withTastyZero()({\n *   reactStrictMode: true,\n * });\n * ```\n */\nexport function withTastyZero(options: TastyZeroNextOptions = {}) {\n  const { output = 'public/tasty.css', enabled = true } = options;\n\n  return (nextConfig: NextConfig = {}): NextConfig => {\n    if (!enabled) {\n      return nextConfig;\n    }\n\n    return {\n      ...nextConfig,\n\n      webpack(config: any, context: WebpackConfigContext) {\n        const { isServer, dir } = context;\n\n        // Only process on client build to avoid duplicate CSS generation\n        if (!isServer) {\n          // Get absolute output path\n          const absoluteOutput = path.resolve(dir || process.cwd(), output);\n\n          // Find existing babel-loader rule or add new one\n          const babelPluginConfig = [\n            require.resolve('./babel'),\n            { output: absoluteOutput },\n          ];\n\n          // Add our plugin to the existing babel config or create new rule\n          const existingRule = config.module?.rules?.find(\n            (rule: any) =>\n              rule.use?.loader === 'babel-loader' ||\n              rule.use?.some?.((u: any) => u.loader === 'babel-loader'),\n          );\n\n          if (existingRule) {\n            // Add to existing babel-loader\n            const babelUse = Array.isArray(existingRule.use)\n              ? existingRule.use.find((u: any) => u.loader === 'babel-loader')\n              : existingRule.use;\n\n            if (babelUse?.options) {\n              babelUse.options.plugins = babelUse.options.plugins || [];\n              babelUse.options.plugins.push(babelPluginConfig);\n            }\n          } else {\n            // Add new rule for our plugin\n            config.module = config.module || {};\n            config.module.rules = config.module.rules || [];\n            config.module.rules.push({\n              test: /\\.(tsx?|jsx?)$/,\n              exclude: /node_modules/,\n              use: [\n                {\n                  loader: require.resolve('babel-loader'),\n                  options: {\n                    plugins: [babelPluginConfig],\n                  },\n                },\n              ],\n            });\n          }\n        }\n\n        // Chain with existing webpack config\n        if (typeof nextConfig.webpack === 'function') {\n          return nextConfig.webpack(config, context);\n        }\n\n        return config;\n      },\n    };\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,SAAgB,cAAc,UAAgC,EAAE,EAAE;CAChE,MAAM,EAAE,SAAS,oBAAoB,UAAU,SAAS;AAExD,SAAQ,aAAyB,EAAE,KAAiB;AAClD,MAAI,CAAC,QACH,QAAO;AAGT,SAAO;GACL,GAAG;GAEH,QAAQ,QAAa,SAA+B;IAClD,MAAM,EAAE,UAAU,QAAQ;AAG1B,QAAI,CAAC,UAAU;KAEb,MAAM,iBAAiB,KAAK,QAAQ,OAAO,QAAQ,KAAK,EAAE,OAAO;KAGjE,MAAM,oBAAoB,WAChB,QAAQ,UAAU,EAC1B,EAAE,QAAQ,gBAAgB,CAC3B;KAGD,MAAM,eAAe,OAAO,QAAQ,OAAO,MACxC,SACC,KAAK,KAAK,WAAW,kBACrB,KAAK,KAAK,QAAQ,MAAW,EAAE,WAAW,eAAe,CAC5D;AAED,SAAI,cAAc;MAEhB,MAAM,WAAW,MAAM,QAAQ,aAAa,IAAI,GAC5C,aAAa,IAAI,MAAM,MAAW,EAAE,WAAW,eAAe,GAC9D,aAAa;AAEjB,UAAI,UAAU,SAAS;AACrB,gBAAS,QAAQ,UAAU,SAAS,QAAQ,WAAW,EAAE;AACzD,gBAAS,QAAQ,QAAQ,KAAK,kBAAkB;;YAE7C;AAEL,aAAO,SAAS,OAAO,UAAU,EAAE;AACnC,aAAO,OAAO,QAAQ,OAAO,OAAO,SAAS,EAAE;AAC/C,aAAO,OAAO,MAAM,KAAK;OACvB,MAAM;OACN,SAAS;OACT,KAAK,CACH;QACE,kBAAgB,QAAQ,eAAe;QACvC,SAAS,EACP,SAAS,CAAC,kBAAkB,EAC7B;QACF,CACF;OACF,CAAC;;;AAKN,QAAI,OAAO,WAAW,YAAY,WAChC,QAAO,WAAW,QAAQ,QAAQ,QAAQ;AAG5C,WAAO;;GAEV"}

package/package.json

@@ -0,0 +1,133 @@
+{
+  "name": "@tenphi/tasty",
+  "version": "0.0.0-snapshot.2f99c73",
+  "description": "A design-system-integrated styling system and DSL for concise, state-aware UI styling",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./static": {
+      "import": {
+        "types": "./dist/static/index.d.ts",
+        "default": "./dist/static/index.js"
+      }
+    },
+    "./babel-plugin": {
+      "import": {
+        "types": "./dist/zero/babel.d.ts",
+        "default": "./dist/zero/babel.js"
+      }
+    },
+    "./zero": {
+      "import": {
+        "types": "./dist/zero/index.d.ts",
+        "default": "./dist/zero/index.js"
+      }
+    },
+    "./next": {
+      "import": {
+        "types": "./dist/zero/next.d.ts",
+        "default": "./dist/zero/next.js"
+      }
+    },
+    "./parser": {
+      "import": {
+        "types": "./dist/parser/index.d.ts",
+        "default": "./dist/parser/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
+    "prepublishOnly": "pnpm run build",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "changeset publish"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tenphi/tasty.git"
+  },
+  "keywords": [
+    "css-in-js",
+    "styling",
+    "design-system",
+    "react",
+    "state-aware",
+    "zero-runtime",
+    "babel-plugin",
+    "typescript",
+    "dsl"
+  ],
+  "author": "Andrey Yamanov",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/tenphi/tasty/issues"
+  },
+  "homepage": "https://github.com/tenphi/tasty#readme",
+  "peerDependencies": {
+    "@babel/core": "^7.24.0",
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "@babel/core": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@babel/helper-plugin-utils": "^7.24.0",
+    "@babel/types": "^7.24.0",
+    "csstype": "^3.1.0",
+    "react-is": "^18.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.0",
+    "@changesets/changelog-github": "^0.5.2",
+    "@changesets/cli": "^2.29.8",
+    "@eslint/js": "^10.0.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/babel__core": "^7.20.5",
+    "@types/babel__helper-plugin-utils": "^7.10.3",
+    "@types/node": "^25.3.2",
+    "@types/react": "^19.0.0",
+    "@vitest/runner": "^4.0.18",
+    "eslint": "^10.0.0",
+    "eslint-config-prettier": "^10.1.8",
+    "jsdom": "^28.1.0",
+    "prettier": "^3.8.1",
+    "react": "^19.0.0",
+    "tsdown": "^0.20.3",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.56.0",
+    "vitest": "^4.0.18"
+  },
+  "pnpm": {
+    "onlyBuiltDependencies": [
+      "esbuild"
+    ]
+  },
+  "packageManager": "pnpm@10.29.3"
+}