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

package/dist/zero/index.js

@@ -1,4 +1,2 @@
-import { extractStylesForSelector, extractStylesWithChunks } from "./extractor.js";
-import { CSSWriter } from "./css-writer.js";
-
-export { CSSWriter, extractStylesForSelector, extractStylesWithChunks };
+import { c as extractStylesForSelector, l as extractStylesWithChunks, n as createCSSWriter, t as CSSWriter } from "../css-writer-CvAxkR6S.js";
+export { CSSWriter, createCSSWriter, extractStylesForSelector, extractStylesWithChunks };

package/dist/zero/next.d.ts

@@ -1,29 +1,28 @@
+import { r as TastyZeroConfig } from "../babel-CMYf4JZ2.js";
+
 //#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 TurbopackLoaderItem {
+  loader: string;
+  options?: Record<string, unknown>;
+}
+interface TurbopackRuleConfig {
+  loaders: (string | TurbopackLoaderItem)[];
+  as?: string;
+  condition?: unknown;
+}
+interface TurbopackConfig {
+  rules?: Record<string, TurbopackRuleConfig | TurbopackRuleConfig[]>;
+  [key: string]: unknown;
+}
 interface NextConfig {
   webpack?: (config: any, context: WebpackConfigContext) => any;
+  turbopack?: TurbopackConfig;
   [key: string]: unknown;
 }
 interface TastyZeroNextOptions {
@@ -37,22 +36,49 @@ interface TastyZeroNextOptions {
    * @default true
    */
   enabled?: boolean;
+  /**
+   * Tasty configuration for build-time processing.
+   * For static configs that don't change during dev.
+   *
+   * For configs that depend on theme files, use `configFile` instead.
+   */
+  config?: TastyZeroConfig;
+  /**
+   * Path to a TypeScript/JavaScript module that exports the tasty zero config
+   * as its default export. The module is re-evaluated on each
+   * compilation, enabling hot reload when the file (or its imports) change.
+   *
+   * @example './app/tasty-zero.config.ts'
+   */
+  configFile?: string;
+  /**
+   * Extra file paths (relative to project root) that the config depends on.
+   * When any of these files change, the Babel cache is invalidated and
+   * the config is re-evaluated.
+   *
+   * The `configFile` itself is always tracked automatically.
+   * Use this for transitive dependencies that aren't directly imported
+   * by the config file, or when using `config` instead of `configFile`.
+   *
+   * @example ['./app/theme.ts']
+   */
+  configDeps?: string[];
+  /**
+   * Output mode for extracted CSS.
+   *
+   * - `'file'` (default): CSS is written to a single output file.
+   * - `'inject'`: CSS is embedded inline in JS and injected at runtime.
+   *   No CSS file is written. Best for reusable components and extensions.
+   *
+   * When `mode` is `'inject'`, `output` is ignored.
+   *
+   * @default 'file'
+   */
+  mode?: 'file' | 'inject';
 }
 /**
  * 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,
- * });
- * ```
+ * Configures both webpack and Turbopack bundlers automatically.
  */
 declare function withTastyZero(options?: TastyZeroNextOptions): (nextConfig?: NextConfig) => NextConfig;
 //#endregion

package/dist/zero/next.js

@@ -1,70 +1,135 @@
-import { __require } from "../_virtual/_rolldown/runtime.js";
 import * as path from "path";
-
+import { createJiti } from "jiti";
+import { createRequire } from "module";
+import { fileURLToPath } from "url";
 //#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.
+* Supports both webpack and Turbopack bundlers:
+* - **webpack**: Injects a babel-loader rule with the tasty-zero Babel plugin
+*   via `webpack()` config hook. Config is passed as a jiti factory function.
+* - **Turbopack**: Adds a `turbopack.rules` entry with babel-loader and
+*   JSON-serializable options (`configFile` path instead of a function).
+*   The Babel plugin loads the config internally via jiti.
+*
+* The generated CSS is injected automatically — `@tenphi/tasty/static`
+* imports are replaced with an import of the output CSS file at build time.
+* No manual CSS import in layout files is needed.
 *
 * @example
 * ```javascript
 * // next.config.js
-* const { withTastyZero } = require('@tenphi/tasty/next');
+* const { withTastyZero } = require('@tenphi/tasty/zero/next');
 *
 * module.exports = withTastyZero({
 *   output: 'public/tasty.css',
+*   configFile: './app/tasty-zero.config.ts',
 * })({
 *   // your Next.js config
 * });
 * ```
 */
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
 /**
 * 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,
-* });
-* ```
+* Configures both webpack and Turbopack bundlers automatically.
 */
 function withTastyZero(options = {}) {
-	const { output = "public/tasty.css", enabled = true } = options;
+	const { output = "public/tasty.css", enabled = true, config: tastyConfig, configFile, configDeps = [], mode } = options;
 	return (nextConfig = {}) => {
 		if (!enabled) return nextConfig;
+		const projectDir = process.cwd();
+		const absoluteOutput = path.resolve(projectDir, output);
+		const babelPluginPath = path.resolve(__dirname, "babel.js");
+		const absoluteConfigFile = configFile ? path.resolve(projectDir, configFile) : void 0;
+		const allDeps = [...absoluteConfigFile ? [absoluteConfigFile] : [], ...configDeps.map((dep) => path.resolve(projectDir, dep))];
+		const turbopackBabelOptions = {
+			babelrc: false,
+			configFile: false,
+			parserOpts: { plugins: [
+				"typescript",
+				"jsx",
+				"decorators-legacy"
+			] },
+			plugins: [[babelPluginPath, {
+				output: absoluteOutput,
+				injectImport: true,
+				...mode ? { mode } : {},
+				...absoluteConfigFile ? { configFile: absoluteConfigFile } : tastyConfig ? { config: tastyConfig } : {},
+				...allDeps.length > 0 ? { configDeps: allDeps } : {}
+			}]]
+		};
+		const existingTurbopack = nextConfig.turbopack || {};
+		const existingRules = existingTurbopack.rules || {};
+		const existingExperimental = nextConfig.experimental || {};
 		return {
 			...nextConfig,
+			experimental: {
+				...existingExperimental,
+				turbopackUseBuiltinBabel: true
+			},
+			turbopack: {
+				...existingTurbopack,
+				rules: {
+					...existingRules,
+					"*.{ts,tsx,js,jsx}": {
+						condition: { not: "foreign" },
+						loaders: [{
+							loader: "babel-loader",
+							options: turbopackBabelOptions
+						}]
+					}
+				}
+			},
 			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] }
-							}]
-						});
+				const { dir } = context;
+				const wpProjectDir = dir || projectDir;
+				const wpAbsoluteOutput = path.resolve(wpProjectDir, output);
+				const projectRequire = createRequire(path.resolve(wpProjectDir, "package.json"));
+				const wpAbsoluteConfigFile = configFile ? path.resolve(wpProjectDir, configFile) : void 0;
+				const wpAllDeps = [...wpAbsoluteConfigFile ? [wpAbsoluteConfigFile] : [], ...configDeps.map((dep) => path.resolve(wpProjectDir, dep))];
+				const babelPluginOptions = {
+					output: wpAbsoluteOutput,
+					injectImport: true,
+					...mode ? { mode } : {}
+				};
+				if (wpAbsoluteConfigFile) {
+					const jiti = createJiti(wpProjectDir, { moduleCache: false });
+					babelPluginOptions.config = () => {
+						return jiti(wpAbsoluteConfigFile);
+					};
+				} else if (tastyConfig) babelPluginOptions.config = tastyConfig;
+				if (wpAllDeps.length > 0) babelPluginOptions.configDeps = wpAllDeps;
+				const babelPluginConfig = [babelPluginPath, babelPluginOptions];
+				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: projectRequire.resolve("babel-loader"),
+							options: {
+								babelrc: false,
+								configFile: false,
+								parserOpts: { plugins: [
+									"typescript",
+									"jsx",
+									"decorators-legacy"
+								] },
+								plugins: [babelPluginConfig]
+							}
+						}]
+					});
 				}
 				if (typeof nextConfig.webpack === "function") return nextConfig.webpack(config, context);
 				return config;
@@ -72,7 +137,7 @@ function withTastyZero(options = {}) {
 		};
 	};
 }
-
 //#endregion
 export { withTastyZero };
+
 //# sourceMappingURL=next.js.map

package/dist/zero/next.js.map

@@ -1 +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"}
+{"version":3,"file":"next.js","names":[],"sources":["../../src/zero/next.ts"],"sourcesContent":["/**\n * Next.js configuration wrapper for tasty-zero.\n *\n * Supports both webpack and Turbopack bundlers:\n * - **webpack**: Injects a babel-loader rule with the tasty-zero Babel plugin\n *   via `webpack()` config hook. Config is passed as a jiti factory function.\n * - **Turbopack**: Adds a `turbopack.rules` entry with babel-loader and\n *   JSON-serializable options (`configFile` path instead of a function).\n *   The Babel plugin loads the config internally via jiti.\n *\n * The generated CSS is injected automatically — `@tenphi/tasty/static`\n * imports are replaced with an import of the output CSS file at build time.\n * No manual CSS import in layout files is needed.\n *\n * @example\n * ```javascript\n * // next.config.js\n * const { withTastyZero } = require('@tenphi/tasty/zero/next');\n *\n * module.exports = withTastyZero({\n *   output: 'public/tasty.css',\n *   configFile: './app/tasty-zero.config.ts',\n * })({\n *   // your Next.js config\n * });\n * ```\n */\n\nimport { createRequire } from 'module';\nimport * as path from 'path';\nimport { fileURLToPath } from 'url';\n\nimport { createJiti } from 'jiti';\n\nimport type { TastyZeroBabelOptions, TastyZeroConfig } from './babel';\n\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = path.dirname(__filename);\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/Next.js config types are complex */\ninterface TurbopackLoaderItem {\n  loader: string;\n  options?: Record<string, unknown>;\n}\n\ninterface TurbopackRuleConfig {\n  loaders: (string | TurbopackLoaderItem)[];\n  as?: string;\n  condition?: unknown;\n}\n\ninterface TurbopackConfig {\n  rules?: Record<string, TurbopackRuleConfig | TurbopackRuleConfig[]>;\n  [key: string]: unknown;\n}\n\ninterface NextConfig {\n  webpack?: (config: any, context: WebpackConfigContext) => any;\n  turbopack?: TurbopackConfig;\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   * Tasty configuration for build-time processing.\n   * For static configs that don't change during dev.\n   *\n   * For configs that depend on theme files, use `configFile` instead.\n   */\n  config?: TastyZeroConfig;\n\n  /**\n   * Path to a TypeScript/JavaScript module that exports the tasty zero config\n   * as its default export. The module is re-evaluated on each\n   * compilation, enabling hot reload when the file (or its imports) change.\n   *\n   * @example './app/tasty-zero.config.ts'\n   */\n  configFile?: string;\n\n  /**\n   * Extra file paths (relative to project root) that the config depends on.\n   * When any of these files change, the Babel cache is invalidated and\n   * the config is re-evaluated.\n   *\n   * The `configFile` itself is always tracked automatically.\n   * Use this for transitive dependencies that aren't directly imported\n   * by the config file, or when using `config` instead of `configFile`.\n   *\n   * @example ['./app/theme.ts']\n   */\n  configDeps?: string[];\n\n  /**\n   * Output mode for extracted CSS.\n   *\n   * - `'file'` (default): CSS is written to a single output file.\n   * - `'inject'`: CSS is embedded inline in JS and injected at runtime.\n   *   No CSS file is written. Best for reusable components and extensions.\n   *\n   * When `mode` is `'inject'`, `output` is ignored.\n   *\n   * @default 'file'\n   */\n  mode?: 'file' | 'inject';\n}\n\n/**\n * Next.js configuration wrapper for tasty-zero.\n * Configures both webpack and Turbopack bundlers automatically.\n */\nexport function withTastyZero(options: TastyZeroNextOptions = {}) {\n  const {\n    output = 'public/tasty.css',\n    enabled = true,\n    config: tastyConfig,\n    configFile,\n    configDeps = [],\n    mode,\n  } = options;\n\n  return (nextConfig: NextConfig = {}): NextConfig => {\n    if (!enabled) {\n      return nextConfig;\n    }\n\n    const projectDir = process.cwd();\n    const absoluteOutput = path.resolve(projectDir, output);\n    const babelPluginPath = path.resolve(__dirname, 'babel.js');\n\n    const absoluteConfigFile = configFile\n      ? path.resolve(projectDir, configFile)\n      : undefined;\n\n    const allDeps = [\n      ...(absoluteConfigFile ? [absoluteConfigFile] : []),\n      ...configDeps.map((dep) => path.resolve(projectDir, dep)),\n    ];\n\n    // --- Turbopack configuration ---\n    // Turbopack loader options must be JSON-serializable (no functions).\n    // The Babel plugin loads config internally via `configFile` path + jiti.\n    const turbopackBabelOptions: Record<string, unknown> = {\n      babelrc: false,\n      configFile: false,\n      parserOpts: {\n        plugins: ['typescript', 'jsx', 'decorators-legacy'],\n      },\n      plugins: [\n        [\n          babelPluginPath,\n          {\n            output: absoluteOutput,\n            injectImport: true,\n            ...(mode ? { mode } : {}),\n            ...(absoluteConfigFile\n              ? { configFile: absoluteConfigFile }\n              : tastyConfig\n                ? { config: tastyConfig }\n                : {}),\n            ...(allDeps.length > 0 ? { configDeps: allDeps } : {}),\n          },\n        ],\n      ],\n    };\n\n    const existingTurbopack = nextConfig.turbopack || {};\n    const existingRules = existingTurbopack.rules || {};\n\n    const existingExperimental =\n      (nextConfig.experimental as Record<string, unknown>) || {};\n\n    return {\n      ...nextConfig,\n\n      experimental: {\n        ...existingExperimental,\n        turbopackUseBuiltinBabel: true,\n      },\n\n      turbopack: {\n        ...existingTurbopack,\n        rules: {\n          ...existingRules,\n          '*.{ts,tsx,js,jsx}': {\n            condition: { not: 'foreign' },\n            loaders: [\n              {\n                loader: 'babel-loader',\n                options: turbopackBabelOptions,\n              },\n            ],\n          },\n        },\n      },\n\n      webpack(config: any, context: WebpackConfigContext) {\n        const { dir } = context;\n\n        const wpProjectDir = dir || projectDir;\n        const wpAbsoluteOutput = path.resolve(wpProjectDir, output);\n        const projectRequire = createRequire(\n          path.resolve(wpProjectDir, 'package.json'),\n        );\n\n        const wpAbsoluteConfigFile = configFile\n          ? path.resolve(wpProjectDir, configFile)\n          : undefined;\n\n        const wpAllDeps = [\n          ...(wpAbsoluteConfigFile ? [wpAbsoluteConfigFile] : []),\n          ...configDeps.map((dep) => path.resolve(wpProjectDir, dep)),\n        ];\n\n        const babelPluginOptions: TastyZeroBabelOptions = {\n          output: wpAbsoluteOutput,\n          injectImport: true,\n          ...(mode ? { mode } : {}),\n        };\n\n        if (wpAbsoluteConfigFile) {\n          const jiti = createJiti(wpProjectDir, {\n            moduleCache: false,\n          });\n\n          babelPluginOptions.config = () => {\n            return jiti(wpAbsoluteConfigFile) as TastyZeroConfig;\n          };\n        } else if (tastyConfig) {\n          babelPluginOptions.config = tastyConfig;\n        }\n\n        if (wpAllDeps.length > 0) {\n          babelPluginOptions.configDeps = wpAllDeps;\n        }\n\n        const babelPluginConfig = [babelPluginPath, babelPluginOptions];\n\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          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          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: projectRequire.resolve('babel-loader'),\n                options: {\n                  babelrc: false,\n                  configFile: false,\n                  parserOpts: {\n                    plugins: ['typescript', 'jsx', 'decorators-legacy'],\n                  },\n                  plugins: [babelPluginConfig],\n                },\n              },\n            ],\n          });\n        }\n\n        if (typeof nextConfig.webpack === 'function') {\n          return nextConfig.webpack(config, context);\n        }\n\n        return config;\n      },\n    };\n  };\n}\n"],"mappings":"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"}

package/docs/README.md

@@ -0,0 +1,39 @@
+# Tasty Docs
+
+Tasty is CSS-in-JS for React design systems. You describe hover, disabled, variants, themes, responsive behavior, and other conditions as state maps; Tasty compiles them so one branch wins without specificity fights or source-order surprises.
+
+Use this hub to move from the core idea to a working component, then into design-system patterns or API reference as needed.
+
+## Start Here
+
+- **Understand why**: [Introduction](../README.md) for the problem, the state-map model, and the product overview.
+- **Try it**: [Getting Started](getting-started.md) to build a stateful component, add shared configuration, and choose a rendering mode.
+- **Build a component system**: [Methodology](methodology.md) for root + sub-elements, typed public APIs, tokens, and extension patterns; then [Building a Design System](design-system.md).
+- **Evaluate or adopt it**: [Comparison](comparison.md) for tool-selection context and [Adoption Guide](adoption.md) for an incremental rollout.
+- **Understand the compiler**: [Style rendering pipeline](pipeline.md) for how state maps become mutually exclusive selectors.
+
+## By Role
+
+- **Application developer using an existing design system**: [Getting Started](getting-started.md), then [React API](react-api.md).
+- **Design-system author**: [Methodology](methodology.md), [Building a Design System](design-system.md), [Configuration](configuration.md), and [Adoption Guide](adoption.md).
+- **Platform or tooling engineer**: [Configuration](configuration.md), [Build-Time Extraction (`tastyStatic`)](tasty-static.md), [Server-Side Rendering](ssr.md), and [Debug Utilities](debug.md).
+
+## By Styling Approach
+
+- **React components**: [React API](react-api.md)
+- **Zero-client-runtime React with `tasty()`**: [Server-Side Rendering](ssr.md), especially the static Astro integration
+- **Build-time extraction with `tastyStatic()`**: [Build-Time Extraction](tasty-static.md)
+- **Hydrated `tasty()` with server collection**: [Server-Side Rendering](ssr.md)
+- **Upgrading from v2**: [Migration Guide (v2 → v3)](migration-v3.md)
+
+## By Task
+
+- **Learn the style language**: [Style DSL](dsl.md)
+- **Brief an AI agent (or yourself) on writing correct styles**: [Style Rules for AI Agents](ai-agents.md)
+- **Look up a property handler**: [Style Properties](styles.md)
+- **Define tokens, units, recipes, keyframes, properties, functions, or polyfills globally**: [Configuration](configuration.md)
+- **Extend Tasty with a plugin, custom handler, or custom prop**: [Plugins & Extension Points](plugins.md)
+- **Debug generated CSS or cache behavior**: [Debug Utilities](debug.md)
+- **Understand how selector generation works internally**: [Style rendering pipeline](pipeline.md)
+- **Understand runtime injection internals**: [Style Injector](injector.md)
+- **Reproduce and interpret performance measurements**: [Runtime Benchmarks](runtime-benchmarks.md)