@tenphi/tasty 0.0.0-snapshot.27b6708 → 0.0.0-snapshot.28eb83c

package/dist/ssr/next-config.js

@@ -0,0 +1,135 @@
+import { H as formatFunctionRule, S as formatFontFaceRule, W as parseFunctionName, _ as formatCounterStyleRule, a as formatPropertyCSS, b as fontFaceContentHash, m as DEFAULT_PROPERTIES, n as formatGlobalRules, t as createServerStyleArtifact } from "../chunks/css-definitions-BZ9vm0ci.js";
+import { b as renderStyles } from "../chunks/style-engine-CBuOt1e4.js";
+import { n as functionsForExtraction, r as resetZeroConfig, t as configureZero } from "../chunks/build-config-BBThSdlo.js";
+import { t as findUnsafeCSSResource } from "../chunks/css-resources-Cyl_axbI.js";
+import { createHash } from "node:crypto";
+import { mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { createRequire } from "node:module";
+import { isAbsolute, join, relative, resolve, sep } from "node:path";
+//#region src/ssr/next-config.ts
+/**
+* Next.js configuration wrapper for extracting Tasty's configured global CSS.
+*
+* Import this Node-only module from `next.config.ts`. The client-safe registry
+* remains available from `@tenphi/tasty/ssr/next`.
+*/
+const ENV_KEY = "TASTY_NEXT_SHARED_CSS_HREF";
+const packageRequire = createRequire(import.meta.url);
+function loadConfig(projectDir, options) {
+	if (options.config) return options.config;
+	if (!options.configFile) throw new Error("[Tasty] withTastyNext() requires either `config` or `configFile`.");
+	const configPath = resolve(projectDir, options.configFile);
+	let jitiPath;
+	try {
+		jitiPath = packageRequire.resolve("jiti");
+	} catch (error) {
+		if (error instanceof Error && "code" in error && error.code === "MODULE_NOT_FOUND") throw new Error("[Tasty] `configFile` requires the optional `jiti` package. Install `jiti` or pass the imported config through `config` instead.", { cause: error });
+		throw error;
+	}
+	const { createJiti } = packageRequire(jitiPath);
+	const loaded = createJiti(projectDir, { moduleCache: false })(configPath);
+	return loaded && typeof loaded === "object" && "default" in loaded ? loaded.default : loaded;
+}
+function collectSharedCSS(config) {
+	resetZeroConfig();
+	try {
+		const resolved = configureZero(config);
+		const { normalized } = resolved;
+		const artifacts = [];
+		const append = (kind, key, css) => {
+			if (!css) return;
+			artifacts.push(createServerStyleArtifact(kind, key, css, artifacts.length));
+		};
+		for (const [token, definition] of Object.entries({
+			...DEFAULT_PROPERTIES,
+			...normalized.properties
+		})) append("property", `__prop:${token}`, formatPropertyCSS(token, definition));
+		for (const [family, input] of Object.entries(normalized.fontFaces)) {
+			const descriptors = Array.isArray(input) ? input : [input];
+			for (const descriptor of descriptors) append("font-face", fontFaceContentHash(family, descriptor), formatFontFaceRule(family, descriptor));
+		}
+		for (const [name, descriptors] of Object.entries(normalized.counterStyles)) append("counter-style", name, formatCounterStyleRule(name, descriptors));
+		for (const [name, definition] of Object.entries(functionsForExtraction(resolved) ?? {})) append("function", parseFunctionName(name), formatFunctionRule(name, definition));
+		if (Object.keys(normalized.tokens).length > 0) append("global", "__global:tokens", formatGlobalRules(renderStyles(normalized.tokens, ":root")));
+		for (const [selector, styles] of Object.entries(normalized.globalStyles)) {
+			if (Object.keys(styles).length === 0) continue;
+			const rules = renderStyles(styles, selector);
+			append("global", `__global:styles:${selector}`, formatGlobalRules(rules));
+		}
+		for (const artifact of artifacts) {
+			const unsafe = findUnsafeCSSResource(artifact.css, false);
+			if (unsafe) throw new Error(`[Tasty] Next.js shared CSS extraction cannot preserve page-relative CSS URL "${unsafe.url}" in ${artifact.kind} artifact ${artifact.id}. Use an absolute URL, a data URL, or a root-relative URL such as url(/path/to/asset).`);
+		}
+		return artifacts.map(({ css }) => css).join("\n");
+	} finally {
+		resetZeroConfig();
+	}
+}
+function inferPublicPath(projectDir, outputDir) {
+	const relativePath = relative(resolve(projectDir, "public"), outputDir);
+	if (relativePath === ".." || relativePath.startsWith(`..${sep}`) || isAbsolute(relativePath)) throw new Error("[Tasty] `publicPath` is required when `outputDir` is outside the Next.js public directory.");
+	return `/${relativePath.split(sep).filter(Boolean).join("/")}`;
+}
+function normalizeURLPath(path, option) {
+	if (!path.startsWith("/") || path.startsWith("//") || path.includes("?") || path.includes("#") || path.includes("\\")) throw new Error(`[Tasty] \`${option}\` must be a root-relative URL path.`);
+	let end = path.length;
+	while (end > 0 && path[end - 1] === "/") end--;
+	return path.slice(0, end);
+}
+function writeSharedCSS(outputDir, css) {
+	mkdirSync(outputDir, { recursive: true });
+	const filename = `tasty.shared.${createHash("sha256").update(css).digest("hex").slice(0, 12)}.css`;
+	const outputPath = join(outputDir, filename);
+	let existing;
+	try {
+		existing = readFileSync(outputPath, "utf8");
+	} catch {}
+	if (existing !== css) writeFileSync(outputPath, css);
+	return filename;
+}
+/**
+* Add a cacheable, content-hashed stylesheet for Tasty configuration globals.
+* Route-dependent component and hook styles continue to stream through
+* `TastyRegistry` so App Router navigation and Suspense remain correct.
+*/
+function withTastyNext(options) {
+	return (nextConfig = {}) => {
+		if (options.enabled === false) return nextConfig;
+		const projectDir = resolve(process.cwd(), options.rootDir ?? ".");
+		const outputDir = resolve(projectDir, options.outputDir ?? "public/_tasty");
+		const publicPath = normalizeURLPath(options.publicPath ?? inferPublicPath(projectDir, outputDir), "publicPath");
+		const basePath = normalizeURLPath(nextConfig.basePath || "/", "basePath");
+		const css = collectSharedCSS(loadConfig(projectDir, options));
+		if (!css) return nextConfig;
+		const filename = writeSharedCSS(outputDir, css);
+		const href = `${basePath}${publicPath}/${filename}`;
+		const headerSource = `${publicPath}/${filename}`;
+		const existingEnv = nextConfig.env ?? {};
+		const existingHeaders = nextConfig.headers;
+		if (existingEnv[ENV_KEY] && existingEnv[ENV_KEY] !== href) throw new Error(`[Tasty] Next.js env key ${ENV_KEY} is reserved by withTastyNext().`);
+		const generatedConfig = {
+			...nextConfig,
+			env: {
+				...existingEnv,
+				[ENV_KEY]: href
+			}
+		};
+		if (nextConfig.output === "export") return generatedConfig;
+		return {
+			...generatedConfig,
+			async headers() {
+				return [...existingHeaders ? await existingHeaders() : [], {
+					source: headerSource,
+					headers: [{
+						key: "Cache-Control",
+						value: "public, max-age=31536000, immutable"
+					}]
+				}];
+			}
+		};
+	};
+}
+//#endregion
+export { withTastyNext };
+
+//# sourceMappingURL=next-config.js.map

package/dist/ssr/next-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-config.js","names":[],"sources":["../../src/ssr/next-config.ts"],"sourcesContent":["/**\n * Next.js configuration wrapper for extracting Tasty's configured global CSS.\n *\n * Import this Node-only module from `next.config.ts`. The client-safe registry\n * remains available from `@tenphi/tasty/ssr/next`.\n */\n\nimport { createHash } from 'node:crypto';\nimport { mkdirSync, readFileSync, writeFileSync } from 'node:fs';\nimport { createRequire } from 'node:module';\nimport { isAbsolute, join, relative, resolve, sep } from 'node:path';\nimport type { createJiti as createJitiType } from 'jiti';\n\nimport type { TastyConfig } from '../config';\nimport { formatCounterStyleRule } from '../counter-style';\nimport { fontFaceContentHash, formatFontFaceRule } from '../font-face';\nimport { formatFunctionRule, parseFunctionName } from '../functions';\nimport { renderStyles } from '../pipeline';\nimport type { StyleResult } from '../pipeline';\nimport { DEFAULT_PROPERTIES } from '../properties/defaults';\nimport {\n  configureZero,\n  functionsForExtraction,\n  resetZeroConfig,\n} from '../zero/config';\nimport { createServerStyleArtifact } from './artifacts';\nimport type { ServerStyleArtifact, ServerStyleArtifactKind } from './artifacts';\nimport { findUnsafeCSSResource } from './css-resources';\nimport { formatGlobalRules } from './format-global-rules';\nimport { formatPropertyCSS } from './format-property';\n\nconst ENV_KEY = 'TASTY_NEXT_SHARED_CSS_HREF';\nconst packageRequire = createRequire(import.meta.url);\n\ninterface NextConfig {\n  basePath?: string;\n  env?: Record<string, string | undefined>;\n  headers?: () => Promise<NextHeader[]>;\n  output?: string;\n  [key: string]: unknown;\n}\n\ninterface NextHeader {\n  source: string;\n  headers: { key: string; value: string }[];\n  [key: string]: unknown;\n}\n\nexport interface TastyNextOptions {\n  /**\n   * Next.js project directory. Useful when the build command runs from a\n   * monorepo root rather than the app directory.\n   *\n   * @default process.cwd()\n   */\n  rootDir?: string;\n\n  /**\n   * Tasty configuration used to generate the shared stylesheet.\n   * `config` takes precedence when both config sources are provided.\n   */\n  config?: TastyConfig;\n\n  /**\n   * Project-relative path to a TypeScript/JavaScript module whose default\n   * export is a Tasty configuration object.\n   *\n   * @example './app/tasty.config.ts'\n   */\n  configFile?: string;\n\n  /**\n   * Filesystem directory for generated stylesheets. When it is inside the\n   * project's `public` directory, its public URL is inferred automatically.\n   *\n   * @default 'public/_tasty'\n   */\n  outputDir?: string;\n\n  /**\n   * Root-relative URL path corresponding to `outputDir`. This is required\n   * when `outputDir` is outside the project's `public` directory.\n   * The Next.js `basePath` is prepended automatically.\n   *\n   * @default inferred from outputDir\n   * @example '/assets/tasty'\n   */\n  publicPath?: string;\n\n  /** Whether to generate and register the shared stylesheet. @default true */\n  enabled?: boolean;\n}\n\nfunction loadConfig(\n  projectDir: string,\n  options: TastyNextOptions,\n): TastyConfig {\n  if (options.config) return options.config;\n  if (!options.configFile) {\n    throw new Error(\n      '[Tasty] withTastyNext() requires either `config` or `configFile`.',\n    );\n  }\n\n  const configPath = resolve(projectDir, options.configFile);\n  let jitiPath: string;\n  try {\n    jitiPath = packageRequire.resolve('jiti');\n  } catch (error) {\n    if (\n      error instanceof Error &&\n      'code' in error &&\n      error.code === 'MODULE_NOT_FOUND'\n    ) {\n      throw new Error(\n        '[Tasty] `configFile` requires the optional `jiti` package. Install `jiti` or pass the imported config through `config` instead.',\n        { cause: error },\n      );\n    }\n    throw error;\n  }\n  const { createJiti } = packageRequire(jitiPath) as {\n    createJiti: typeof createJitiType;\n  };\n  const jiti = createJiti(projectDir, { moduleCache: false });\n  const loaded = jiti(configPath) as TastyConfig | { default: TastyConfig };\n\n  return loaded && typeof loaded === 'object' && 'default' in loaded\n    ? loaded.default\n    : loaded;\n}\n\nfunction collectSharedCSS(config: TastyConfig): string {\n  resetZeroConfig();\n  try {\n    const resolved = configureZero(config);\n    const { normalized } = resolved;\n    const artifacts: ServerStyleArtifact[] = [];\n    const append = (\n      kind: ServerStyleArtifactKind,\n      key: string,\n      css: string,\n    ) => {\n      if (!css) return;\n\n      artifacts.push(\n        createServerStyleArtifact(kind, key, css, artifacts.length),\n      );\n    };\n\n    for (const [token, definition] of Object.entries({\n      ...DEFAULT_PROPERTIES,\n      ...normalized.properties,\n    })) {\n      append(\n        'property',\n        `__prop:${token}`,\n        formatPropertyCSS(token, definition),\n      );\n    }\n\n    for (const [family, input] of Object.entries(normalized.fontFaces)) {\n      const descriptors = Array.isArray(input) ? input : [input];\n      for (const descriptor of descriptors) {\n        append(\n          'font-face',\n          fontFaceContentHash(family, descriptor),\n          formatFontFaceRule(family, descriptor),\n        );\n      }\n    }\n\n    for (const [name, descriptors] of Object.entries(\n      normalized.counterStyles,\n    )) {\n      append('counter-style', name, formatCounterStyleRule(name, descriptors));\n    }\n\n    for (const [name, definition] of Object.entries(\n      functionsForExtraction(resolved) ?? {},\n    )) {\n      append(\n        'function',\n        parseFunctionName(name),\n        formatFunctionRule(name, definition),\n      );\n    }\n\n    if (Object.keys(normalized.tokens).length > 0) {\n      const rules = renderStyles(normalized.tokens, ':root') as StyleResult[];\n      append('global', '__global:tokens', formatGlobalRules(rules));\n    }\n\n    for (const [selector, styles] of Object.entries(normalized.globalStyles)) {\n      if (Object.keys(styles).length === 0) continue;\n      const rules = renderStyles(styles, selector) as StyleResult[];\n      append('global', `__global:styles:${selector}`, formatGlobalRules(rules));\n    }\n\n    for (const artifact of artifacts) {\n      const unsafe = findUnsafeCSSResource(artifact.css, false);\n      if (unsafe) {\n        throw new Error(\n          `[Tasty] Next.js shared CSS extraction cannot preserve page-relative CSS URL \"${unsafe.url}\" in ${artifact.kind} artifact ${artifact.id}. Use an absolute URL, a data URL, or a root-relative URL such as url(/path/to/asset).`,\n        );\n      }\n    }\n\n    return artifacts.map(({ css }) => css).join('\\n');\n  } finally {\n    resetZeroConfig();\n  }\n}\n\nfunction inferPublicPath(projectDir: string, outputDir: string): string {\n  const publicDir = resolve(projectDir, 'public');\n  const relativePath = relative(publicDir, outputDir);\n  if (\n    relativePath === '..' ||\n    relativePath.startsWith(`..${sep}`) ||\n    isAbsolute(relativePath)\n  ) {\n    throw new Error(\n      '[Tasty] `publicPath` is required when `outputDir` is outside the Next.js public directory.',\n    );\n  }\n\n  return `/${relativePath.split(sep).filter(Boolean).join('/')}`;\n}\n\nfunction normalizeURLPath(path: string, option: string): string {\n  if (\n    !path.startsWith('/') ||\n    path.startsWith('//') ||\n    path.includes('?') ||\n    path.includes('#') ||\n    path.includes('\\\\')\n  ) {\n    throw new Error(`[Tasty] \\`${option}\\` must be a root-relative URL path.`);\n  }\n\n  let end = path.length;\n  while (end > 0 && path[end - 1] === '/') end--;\n  return path.slice(0, end);\n}\n\nfunction writeSharedCSS(outputDir: string, css: string): string {\n  mkdirSync(outputDir, { recursive: true });\n  const hash = createHash('sha256').update(css).digest('hex').slice(0, 12);\n  const filename = `tasty.shared.${hash}.css`;\n\n  const outputPath = join(outputDir, filename);\n  let existing: string | undefined;\n  try {\n    existing = readFileSync(outputPath, 'utf8');\n  } catch {\n    // The file does not exist yet (or is unreadable); write it below.\n  }\n  if (existing !== css) writeFileSync(outputPath, css);\n\n  return filename;\n}\n\n/**\n * Add a cacheable, content-hashed stylesheet for Tasty configuration globals.\n * Route-dependent component and hook styles continue to stream through\n * `TastyRegistry` so App Router navigation and Suspense remain correct.\n */\nexport function withTastyNext(options: TastyNextOptions) {\n  return (nextConfig: NextConfig = {}): NextConfig => {\n    if (options.enabled === false) return nextConfig;\n\n    const projectDir = resolve(process.cwd(), options.rootDir ?? '.');\n    const outputDir = resolve(projectDir, options.outputDir ?? 'public/_tasty');\n    const publicPath = normalizeURLPath(\n      options.publicPath ?? inferPublicPath(projectDir, outputDir),\n      'publicPath',\n    );\n    const basePath = normalizeURLPath(nextConfig.basePath || '/', 'basePath');\n    const css = collectSharedCSS(loadConfig(projectDir, options));\n\n    if (!css) return nextConfig;\n\n    const filename = writeSharedCSS(outputDir, css);\n    const href = `${basePath}${publicPath}/${filename}`;\n    const headerSource = `${publicPath}/${filename}`;\n    const existingEnv = nextConfig.env ?? {};\n    const existingHeaders = nextConfig.headers;\n    if (existingEnv[ENV_KEY] && existingEnv[ENV_KEY] !== href) {\n      throw new Error(\n        `[Tasty] Next.js env key ${ENV_KEY} is reserved by withTastyNext().`,\n      );\n    }\n\n    const generatedConfig: NextConfig = {\n      ...nextConfig,\n      env: {\n        ...existingEnv,\n        [ENV_KEY]: href,\n      },\n    };\n\n    // `headers()` is not emitted by Next's static export. Avoid introducing an\n    // unsupported-config warning; the content hash still makes the asset safe\n    // for the static host to cache immutably.\n    if (nextConfig.output === 'export') return generatedConfig;\n\n    return {\n      ...generatedConfig,\n      async headers() {\n        const headers = existingHeaders ? await existingHeaders() : [];\n        return [\n          ...headers,\n          {\n            source: headerSource,\n            headers: [\n              {\n                key: 'Cache-Control',\n                value: 'public, max-age=31536000, immutable',\n              },\n            ],\n          },\n        ];\n      },\n    };\n  };\n}\n"],"mappings":"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"}

package/dist/ssr/next.d.ts

@@ -1,4 +1,4 @@
-import { t as ServerStyleCollector } from "../collector-DUaHCcTS.js";
+import { t as ServerStyleCollector } from "../collector-CAmndLXe.js";
 import { ReactNode } from "react";
 
 //#region src/ssr/next.d.ts
@@ -11,6 +11,12 @@ interface TastyRegistryProps {
    * in server-rendered `<style>` tags. Default: true.
    */
   transferCache?: boolean;
+  /**
+   * URL of a stylesheet containing Tasty's configured global CSS.
+   * `withTastyNext()` sets this automatically. Pass false to disable it for
+   * this registry, or a URL to use a manually generated stylesheet.
+   */
+  sharedStylesheet?: string | false;
 }
 /**
  * Next.js App Router registry for Tasty SSR.
@@ -38,7 +44,8 @@ interface TastyRegistryProps {
  */
 declare function TastyRegistry({
   children,
-  transferCache
+  transferCache,
+  sharedStylesheet
 }: TastyRegistryProps): import("react").FunctionComponentElement<import("react").ProviderProps<ServerStyleCollector | null>>;
 //#endregion
 export { TastyRegistry, TastyRegistryProps };

package/dist/ssr/next.js

@@ -1,9 +1,8 @@
 "use client";
-import { n as getConfig } from "../config-B5kHzuNz.js";
-import { i as registerSSRCollectorGetter } from "../format-rules-DKOA-6qu.js";
-import { t as getTastySSRContext } from "../context-CA8YKeMn.js";
-import { t as ServerStyleCollector } from "../collector-DTahQUiV.js";
-import { t as hydrateTastyClasses } from "../hydrate-OeMX99We.js";
+import { j as getConfig, o as registerSSRCollectorGetter } from "../chunks/runtime-engine-DQ5laRou.js";
+import { u as getTastySSRContext } from "../chunks/react-runtime-so_X_yMo.js";
+import { t as ServerStyleCollector } from "../chunks/collector-DcViW2ZQ.js";
+import { t as hydrateTastyClasses } from "../chunks/hydration-CLdVKcH2.js";
 import { Fragment, createElement, useState } from "react";
 import { useServerInsertedHTML } from "next/navigation";
 //#region src/ssr/next.ts
@@ -39,32 +38,49 @@ if (typeof window !== "undefined") hydrateTastyClasses();
 * }
 * ```
 */
-function TastyRegistry({ children, transferCache = true }) {
+function TastyRegistry({ children, transferCache = true, sharedStylesheet = process.env.TASTY_NEXT_SHARED_CSS_HREF }) {
 	const isClient = typeof window !== "undefined";
 	const [collector] = useState(() => {
 		if (isClient) return null;
 		const instance = new ServerStyleCollector();
 		registerSSRCollectorGetter(() => instance);
+		if (sharedStylesheet) {
+			instance.collectInternals();
+			instance.flushCSS();
+		}
 		return instance;
 	});
+	const [streamState] = useState(() => ({ sharedStylesheetFlushed: false }));
 	const nonce = getConfig().nonce;
 	useServerInsertedHTML(() => {
 		if (!collector) return null;
 		const css = collector.flushCSS();
 		const classNames = collector.getRenderedClassNames();
-		if (!css) return null;
+		let linkEl = null;
+		if (sharedStylesheet && !streamState.sharedStylesheetFlushed) {
+			streamState.sharedStylesheetFlushed = true;
+			linkEl = createElement("link", {
+				key: "tasty-shared-styles",
+				rel: "stylesheet",
+				href: sharedStylesheet,
+				"data-tasty-ssr": "",
+				nonce
+			});
+		}
+		if (!css) return linkEl;
 		const styleEl = createElement("style", {
 			key: "tasty-ssr-styles",
 			"data-tasty-ssr": "",
 			nonce,
 			dangerouslySetInnerHTML: { __html: css }
 		});
-		if (!transferCache || classNames.length === 0) return styleEl;
-		return createElement(Fragment, null, styleEl, createElement("script", {
+		if (!transferCache || classNames.length === 0) return linkEl ? createElement(Fragment, null, linkEl, styleEl) : styleEl;
+		const scriptEl = createElement("script", {
 			key: "tasty-ssr-cache",
 			nonce,
 			dangerouslySetInnerHTML: { __html: `(window.__TASTY__=window.__TASTY__||[]).push(${classNames.map((n) => `"${n}"`).join(",")})` }
-		}));
+		});
+		return createElement(Fragment, null, linkEl, styleEl, scriptEl);
 	});
 	return createElement(getTastySSRContext().Provider, { value: collector }, children);
 }

package/dist/ssr/next.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.js","names":[],"sources":["../../src/ssr/next.ts"],"sourcesContent":["/**\n * Next.js integration for Tasty SSR.\n *\n * Provides TastyRegistry for App Router (streaming via useServerInsertedHTML).\n *\n * Import from '@tenphi/tasty/ssr/next'.\n */\n\n'use client';\n\n/// <reference path=\"./next-navigation.d.ts\" />\n\nimport { createElement, Fragment, useState, type ReactNode } from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\n\nimport { getConfig } from '../config';\nimport { ServerStyleCollector } from './collector';\nimport { getTastySSRContext } from './context';\nimport { hydrateTastyClasses } from './hydrate';\nimport { registerSSRCollectorGetter } from './ssr-collector-ref';\n\n// Auto-hydrate on module load (client only).\n// Reads the class name list from `window.__TASTY__` populated by streaming scripts.\nif (typeof window !== 'undefined') {\n  hydrateTastyClasses();\n}\n\nexport interface TastyRegistryProps {\n  children: ReactNode;\n  /**\n   * Whether to embed the class-list script for client hydration.\n   * Set to false to skip class transfer (e.g. for CSP restrictions).\n   * Without it, client components may re-inject CSS that already exists\n   * in server-rendered `<style>` tags. Default: true.\n   */\n  transferCache?: boolean;\n}\n\n/**\n * Next.js App Router registry for Tasty SSR.\n *\n * Wraps the component tree with a ServerStyleCollector and flushes\n * collected CSS into the HTML stream via useServerInsertedHTML.\n *\n * @example\n * ```tsx\n * // app/tasty-registry.tsx\n * 'use client';\n * import { TastyRegistry } from '@tenphi/tasty/ssr/next';\n * export default function TastyStyleRegistry({ children }) {\n *   return <TastyRegistry>{children}</TastyRegistry>;\n * }\n *\n * // app/layout.tsx\n * import TastyStyleRegistry from './tasty-registry';\n * export default function RootLayout({ children }) {\n *   return <html><body>\n *     <TastyStyleRegistry>{children}</TastyStyleRegistry>\n *   </body></html>;\n * }\n * ```\n */\nexport function TastyRegistry({\n  children,\n  transferCache = true,\n}: TastyRegistryProps) {\n  const isClient = typeof window !== 'undefined';\n\n  const [collector] = useState(() => {\n    if (isClient) return null;\n\n    const instance = new ServerStyleCollector();\n\n    registerSSRCollectorGetter(() => instance);\n\n    return instance;\n  });\n  const nonce = getConfig().nonce;\n\n  useServerInsertedHTML(() => {\n    if (!collector) return null;\n\n    const css = collector.flushCSS();\n    const classNames = collector.getRenderedClassNames();\n\n    if (!css) return null;\n\n    const styleEl = createElement('style', {\n      key: 'tasty-ssr-styles',\n      'data-tasty-ssr': '',\n      nonce,\n      dangerouslySetInnerHTML: { __html: css },\n    });\n\n    if (!transferCache || classNames.length === 0) return styleEl;\n\n    const classListJSON = classNames.map((n) => `\"${n}\"`).join(',');\n\n    const scriptEl = createElement('script', {\n      key: 'tasty-ssr-cache',\n      nonce,\n      dangerouslySetInnerHTML: {\n        __html: `(window.__TASTY__=window.__TASTY__||[]).push(${classListJSON})`,\n      },\n    });\n\n    return createElement(Fragment, null, styleEl, scriptEl);\n  });\n\n  return createElement(\n    getTastySSRContext().Provider,\n    { value: collector },\n    children,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAI,OAAO,WAAW,aACpB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;AAsCtB,SAAgB,cAAc,EAC5B,UACA,gBAAgB,QACK;CACrB,MAAM,WAAW,OAAO,WAAW;CAEnC,MAAM,CAAC,aAAa,eAAe;EACjC,IAAI,UAAU,OAAO;EAErB,MAAM,WAAW,IAAI,qBAAqB;EAE1C,iCAAiC,QAAQ;EAEzC,OAAO;CACT,CAAC;CACD,MAAM,QAAQ,UAAU,CAAC,CAAC;CAE1B,4BAA4B;EAC1B,IAAI,CAAC,WAAW,OAAO;EAEvB,MAAM,MAAM,UAAU,SAAS;EAC/B,MAAM,aAAa,UAAU,sBAAsB;EAEnD,IAAI,CAAC,KAAK,OAAO;EAEjB,MAAM,UAAU,cAAc,SAAS;GACrC,KAAK;GACL,kBAAkB;GAClB;GACA,yBAAyB,EAAE,QAAQ,IAAI;EACzC,CAAC;EAED,IAAI,CAAC,iBAAiB,WAAW,WAAW,GAAG,OAAO;EAYtD,OAAO,cAAc,UAAU,MAAM,SARpB,cAAc,UAAU;GACvC,KAAK;GACL;GACA,yBAAyB,EACvB,QAAQ,gDANU,WAAW,KAAK,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,GAMa,EAAE,GACxE;EACF,CAEqD,CAAC;CACxD,CAAC;CAED,OAAO,cACL,mBAAmB,CAAC,CAAC,UACrB,EAAE,OAAO,UAAU,GACnB,QACF;AACF"}
+{"version":3,"file":"next.js","names":[],"sources":["../../src/ssr/next.ts"],"sourcesContent":["/**\n * Next.js integration for Tasty SSR.\n *\n * Provides TastyRegistry for App Router (streaming via useServerInsertedHTML).\n *\n * Import from '@tenphi/tasty/ssr/next'.\n */\n\n'use client';\n\n/// <reference path=\"./next-navigation.d.ts\" />\n\nimport { createElement, Fragment, useState, type ReactNode } from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\n\nimport { getConfig } from '../config';\nimport { ServerStyleCollector } from './collector';\nimport { getTastySSRContext } from './context';\nimport { hydrateTastyClasses } from './hydrate';\nimport { registerSSRCollectorGetter } from './ssr-collector-ref';\n\n// Auto-hydrate on module load (client only).\n// Reads the class name list from `window.__TASTY__` populated by streaming scripts.\nif (typeof window !== 'undefined') {\n  hydrateTastyClasses();\n}\n\nexport interface TastyRegistryProps {\n  children: ReactNode;\n  /**\n   * Whether to embed the class-list script for client hydration.\n   * Set to false to skip class transfer (e.g. for CSP restrictions).\n   * Without it, client components may re-inject CSS that already exists\n   * in server-rendered `<style>` tags. Default: true.\n   */\n  transferCache?: boolean;\n  /**\n   * URL of a stylesheet containing Tasty's configured global CSS.\n   * `withTastyNext()` sets this automatically. Pass false to disable it for\n   * this registry, or a URL to use a manually generated stylesheet.\n   */\n  sharedStylesheet?: string | false;\n}\n\n/**\n * Next.js App Router registry for Tasty SSR.\n *\n * Wraps the component tree with a ServerStyleCollector and flushes\n * collected CSS into the HTML stream via useServerInsertedHTML.\n *\n * @example\n * ```tsx\n * // app/tasty-registry.tsx\n * 'use client';\n * import { TastyRegistry } from '@tenphi/tasty/ssr/next';\n * export default function TastyStyleRegistry({ children }) {\n *   return <TastyRegistry>{children}</TastyRegistry>;\n * }\n *\n * // app/layout.tsx\n * import TastyStyleRegistry from './tasty-registry';\n * export default function RootLayout({ children }) {\n *   return <html><body>\n *     <TastyStyleRegistry>{children}</TastyStyleRegistry>\n *   </body></html>;\n * }\n * ```\n */\nexport function TastyRegistry({\n  children,\n  transferCache = true,\n  sharedStylesheet = process.env.TASTY_NEXT_SHARED_CSS_HREF,\n}: TastyRegistryProps) {\n  const isClient = typeof window !== 'undefined';\n\n  const [collector] = useState(() => {\n    if (isClient) return null;\n\n    const instance = new ServerStyleCollector();\n\n    registerSSRCollectorGetter(() => instance);\n\n    // The generated stylesheet already contains configured global artifacts.\n    // Mark that first batch as flushed so only request-specific styles stream.\n    if (sharedStylesheet) {\n      instance.collectInternals();\n      instance.flushCSS();\n    }\n\n    return instance;\n  });\n  const [streamState] = useState(() => ({ sharedStylesheetFlushed: false }));\n  const nonce = getConfig().nonce;\n\n  useServerInsertedHTML(() => {\n    if (!collector) return null;\n\n    const css = collector.flushCSS();\n    const classNames = collector.getRenderedClassNames();\n\n    let linkEl = null;\n    if (sharedStylesheet && !streamState.sharedStylesheetFlushed) {\n      streamState.sharedStylesheetFlushed = true;\n      linkEl = createElement('link', {\n        key: 'tasty-shared-styles',\n        rel: 'stylesheet',\n        href: sharedStylesheet,\n        'data-tasty-ssr': '',\n        nonce,\n      });\n    }\n\n    if (!css) return linkEl;\n\n    const styleEl = createElement('style', {\n      key: 'tasty-ssr-styles',\n      'data-tasty-ssr': '',\n      nonce,\n      dangerouslySetInnerHTML: { __html: css },\n    });\n\n    if (!transferCache || classNames.length === 0) {\n      return linkEl ? createElement(Fragment, null, linkEl, styleEl) : styleEl;\n    }\n\n    const classListJSON = classNames.map((n) => `\"${n}\"`).join(',');\n\n    const scriptEl = createElement('script', {\n      key: 'tasty-ssr-cache',\n      nonce,\n      dangerouslySetInnerHTML: {\n        __html: `(window.__TASTY__=window.__TASTY__||[]).push(${classListJSON})`,\n      },\n    });\n\n    return createElement(Fragment, null, linkEl, styleEl, scriptEl);\n  });\n\n  return createElement(\n    getTastySSRContext().Provider,\n    { value: collector },\n    children,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,IAAI,OAAO,WAAW,aACpB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;AA4CtB,SAAgB,cAAc,EAC5B,UACA,gBAAgB,MAChB,mBAAmB,QAAQ,IAAI,8BACV;CACrB,MAAM,WAAW,OAAO,WAAW;CAEnC,MAAM,CAAC,aAAa,eAAe;EACjC,IAAI,UAAU,OAAO;EAErB,MAAM,WAAW,IAAI,qBAAqB;EAE1C,iCAAiC,QAAQ;EAIzC,IAAI,kBAAkB;GACpB,SAAS,iBAAiB;GAC1B,SAAS,SAAS;EACpB;EAEA,OAAO;CACT,CAAC;CACD,MAAM,CAAC,eAAe,gBAAgB,EAAE,yBAAyB,MAAM,EAAE;CACzE,MAAM,QAAQ,UAAU,CAAC,CAAC;CAE1B,4BAA4B;EAC1B,IAAI,CAAC,WAAW,OAAO;EAEvB,MAAM,MAAM,UAAU,SAAS;EAC/B,MAAM,aAAa,UAAU,sBAAsB;EAEnD,IAAI,SAAS;EACb,IAAI,oBAAoB,CAAC,YAAY,yBAAyB;GAC5D,YAAY,0BAA0B;GACtC,SAAS,cAAc,QAAQ;IAC7B,KAAK;IACL,KAAK;IACL,MAAM;IACN,kBAAkB;IAClB;GACF,CAAC;EACH;EAEA,IAAI,CAAC,KAAK,OAAO;EAEjB,MAAM,UAAU,cAAc,SAAS;GACrC,KAAK;GACL,kBAAkB;GAClB;GACA,yBAAyB,EAAE,QAAQ,IAAI;EACzC,CAAC;EAED,IAAI,CAAC,iBAAiB,WAAW,WAAW,GAC1C,OAAO,SAAS,cAAc,UAAU,MAAM,QAAQ,OAAO,IAAI;EAKnE,MAAM,WAAW,cAAc,UAAU;GACvC,KAAK;GACL;GACA,yBAAyB,EACvB,QAAQ,gDANU,WAAW,KAAK,MAAM,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,GAMa,EAAE,GACxE;EACF,CAAC;EAED,OAAO,cAAc,UAAU,MAAM,QAAQ,SAAS,QAAQ;CAChE,CAAC;CAED,OAAO,cACL,mBAAmB,CAAC,CAAC,UACrB,EAAE,OAAO,UAAU,GACnB,QACF;AACF"}

package/dist/static/index.d.ts

@@ -1,5 +1,5 @@
-import { b as Styles } from "../index-Cd45t5NM.js";
-import { t as mergeStyles } from "../merge-styles-CU7JbEwg.js";
+import { b as Styles } from "../index-BzAC3p06.js";
+import { t as mergeStyles } from "../merge-styles-BFktNP8J.js";
 
 //#region src/static/types.d.ts
 /**

package/dist/static/index.js

@@ -1,4 +1,4 @@
-import { t as mergeStyles } from "../merge-styles-oklji0KB.js";
+import { t as mergeStyles } from "../chunks/shared-utils-OIg0N_dp.js";
 //#region src/static/types.ts
 /**
 * Create a StaticStyle object.

package/dist/zero/babel.d.ts

@@ -1,2 +1,2 @@
-import { n as _default, r as TastyZeroConfig, t as TastyZeroBabelOptions } from "../babel-BUQGeOXA.js";
+import { n as _default, r as TastyZeroConfig, t as TastyZeroBabelOptions } from "../babel-D6lOuSwk.js";
 export { TastyZeroBabelOptions, type TastyZeroConfig, _default as default };

package/dist/zero/babel.js

@@ -1,7 +1,8 @@
-import { b as resetConfig, d as getGlobalStyles, i as getGlobalConfigTokens, s as getGlobalFunctions, t as configure } from "../config-B5kHzuNz.js";
-import { t as mergeStyles } from "../merge-styles-oklji0KB.js";
-import { t as resolveRecipes } from "../resolve-recipes-DTG81rzl.js";
-import { a as extractFunctionsFromStyles, c as extractStylesForSelector, i as extractFontFaceFromStyles, l as extractStylesWithChunks, o as extractKeyframesFromStyles, r as extractCounterStyleFromStyles, s as extractPropertiesFromStyles, t as CSSWriter, u as setExtractorNamePrefix } from "../css-writer-B-J87ncv.js";
+import { t as mergeStyles } from "../chunks/shared-utils-OIg0N_dp.js";
+import "../chunks/css-definitions-BZ9vm0ci.js";
+import { t as resolveRecipesWith } from "../chunks/config-engine-DQVQK4NU.js";
+import { a as extractFunctionsFromStyles, c as extractStylesForSelector, i as extractFontFaceFromStyles, l as extractStylesWithChunks, o as extractKeyframesFromStyles, r as extractCounterStyleFromStyles, s as extractPropertiesFromStyles, t as CSSWriter, u as setExtractorNamePrefix } from "../chunks/zero-engine-BFh7gKbK.js";
+import { n as functionsForExtraction, r as resetZeroConfig, t as configureZero } from "../chunks/build-config-BBThSdlo.js";
 import * as fs from "fs";
 import * as path from "path";
 import { declare } from "@babel/helper-plugin-utils";
@@ -87,19 +88,18 @@ var babel_default = declare((api, options) => {
 			resolvedConfig = loaded && typeof loaded === "object" && "default" in loaded ? loaded.default : loaded;
 		} else resolvedConfig = {};
 		const devMode = resolvedConfig.devMode ?? false;
-		if (cached) resetConfig();
+		resetZeroConfig();
 		const finalConfig = {
 			namePrefix: "ts",
 			...resolvedConfig
 		};
-		configure(finalConfig);
+		const config = configureZero(finalConfig);
 		setExtractorNamePrefix(finalConfig.namePrefix ?? "ts");
 		const newWriter = new CSSWriter(outputPath, { devMode });
 		if (mode !== "inject") {
-			const tokenCSS = extractCSSFromStyles(":root", getGlobalConfigTokens());
+			const tokenCSS = extractCSSFromStyles(":root", config.normalized.tokens);
 			if (tokenCSS) newWriter.add(":root:tokens", tokenCSS);
-			const globalStyles = getGlobalStyles();
-			if (globalStyles) for (const [selector, styles] of Object.entries(globalStyles)) {
+			for (const [selector, styles] of Object.entries(config.normalized.globalStyles)) {
 				const css = extractCSSFromStyles(selector, styles);
 				if (css) newWriter.add(`global:${selector}`, css);
 			}
@@ -108,21 +108,22 @@ var babel_default = declare((api, options) => {
 			writer: newWriter,
 			configKey,
 			registry: {},
-			config: finalConfig
+			config
 		});
 	}
 	const entry = writerCache.get(resolvedOutputPath);
 	const cssWriter = entry.writer;
 	const globalRegistry = entry.registry;
 	const config = entry.config;
-	const devMode = config.devMode ?? false;
-	setExtractorNamePrefix(config.namePrefix ?? "ts");
+	const sourceConfig = config.source;
+	const devMode = sourceConfig.devMode ?? false;
+	setExtractorNamePrefix(sourceConfig.namePrefix ?? "ts");
 	let tokenCSS;
 	let globalStylesCSS;
 	if (mode === "inject") {
-		tokenCSS = extractCSSFromStyles(":root", getGlobalConfigTokens());
-		const gs = getGlobalStyles();
-		if (gs) {
+		tokenCSS = extractCSSFromStyles(":root", config.normalized.tokens);
+		const gs = config.normalized.globalStyles;
+		if (Object.keys(gs).length > 0) {
 			globalStylesCSS = /* @__PURE__ */ new Map();
 			for (const [selector, styles] of Object.entries(gs)) {
 				const css = extractCSSFromStyles(selector, styles);
@@ -159,9 +160,9 @@ var babel_default = declare((api, options) => {
 				const args = path.node.arguments;
 				if (args.length === 0) throw path.buildCodeFrameError("tastyStatic() requires at least one argument");
 				const firstArg = args[0];
-				if (t.isStringLiteral(firstArg)) handleSelectorMode(path, args, cssWriter, mode, state.sourceFile, config.keyframes, config.autoPropertyTypes, config.fontFaces, config.counterStyles, getGlobalFunctions() ?? void 0);
-				else if (t.isObjectExpression(firstArg)) handleStylesMode(path, args, cssWriter, state, globalRegistry, mode, config.keyframes, config.autoPropertyTypes, config.fontFaces, config.counterStyles, getGlobalFunctions() ?? void 0);
-				else if (t.isIdentifier(firstArg)) handleExtensionMode(path, args, cssWriter, state, globalRegistry, mode, config.keyframes, config.autoPropertyTypes, config.fontFaces, config.counterStyles, getGlobalFunctions() ?? void 0);
+				if (t.isStringLiteral(firstArg)) handleSelectorMode(path, args, cssWriter, mode, state.sourceFile, config.normalized.keyframes, sourceConfig.autoPropertyTypes, config.normalized.fontFaces, config.normalized.counterStyles, functionsForExtraction(config), config.normalized.recipes);
+				else if (t.isObjectExpression(firstArg)) handleStylesMode(path, args, cssWriter, state, globalRegistry, mode, config.normalized.keyframes, sourceConfig.autoPropertyTypes, config.normalized.fontFaces, config.normalized.counterStyles, functionsForExtraction(config), config.normalized.recipes);
+				else if (t.isIdentifier(firstArg)) handleExtensionMode(path, args, cssWriter, state, globalRegistry, mode, config.normalized.keyframes, sourceConfig.autoPropertyTypes, config.normalized.fontFaces, config.normalized.counterStyles, functionsForExtraction(config), config.normalized.recipes);
 				else throw path.buildCodeFrameError("tastyStatic() first argument must be an object (styles), identifier (base StaticStyle), or string (selector)");
 			},
 			VariableDeclarator(path, state) {
@@ -232,10 +233,10 @@ function extractClassNameFromStaticStyleObject(node) {
 /**
 * Handle tastyStatic(styles) - returns StaticStyle object
 */
-function handleStylesMode(path, args, cssWriter, state, globalRegistry, mode, globalKeyframes, autoPropertyTypes, globalFontFace, globalCounterStyle, globalFunction) {
+function handleStylesMode(path, args, cssWriter, state, globalRegistry, mode, globalKeyframes, autoPropertyTypes, globalFontFace, globalCounterStyle, globalFunction, globalRecipes) {
 	const stylesArg = args[0];
 	if (!t.isObjectExpression(stylesArg)) throw path.buildCodeFrameError("tastyStatic(styles) argument must be a static object literal");
-	const styles = resolveRecipes(evaluateObjectExpression(stylesArg, path));
+	const styles = resolveRecipesWith(evaluateObjectExpression(stylesArg, path), globalRecipes ?? null);
 	const { keyframes, nameMap } = extractKeyframesFromStyles(styles, globalKeyframes);
 	const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });
 	const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);
@@ -256,7 +257,7 @@ function handleStylesMode(path, args, cssWriter, state, globalRegistry, mode, gl
 /**
 * Handle tastyStatic(base, styles) - extends base with additional styles
 */
-function handleExtensionMode(path, args, cssWriter, state, globalRegistry, mode, globalKeyframes, autoPropertyTypes, globalFontFace, globalCounterStyle, globalFunction) {
+function handleExtensionMode(path, args, cssWriter, state, globalRegistry, mode, globalKeyframes, autoPropertyTypes, globalFontFace, globalCounterStyle, globalFunction, globalRecipes) {
 	if (args.length < 2) throw path.buildCodeFrameError("tastyStatic(base, styles) requires two arguments");
 	const baseArg = args[0];
 	const stylesArg = args[1];
@@ -266,7 +267,7 @@ function handleExtensionMode(path, args, cssWriter, state, globalRegistry, mode,
 	const baseEntry = state.staticStyleRegistry[baseName] || globalRegistry[baseName];
 	if (!baseEntry) throw path.buildCodeFrameError(`Cannot find base StaticStyle '${baseName}'. Make sure it is defined before being extended.`);
 	const overrideStyles = evaluateObjectExpression(stylesArg, path);
-	const mergedStyles = resolveRecipes(mergeStyles(baseEntry.styles, overrideStyles));
+	const mergedStyles = resolveRecipesWith(mergeStyles(baseEntry.styles, overrideStyles), globalRecipes ?? null);
 	const { keyframes, nameMap } = extractKeyframesFromStyles(mergedStyles, globalKeyframes);
 	const properties = extractPropertiesFromStyles(mergedStyles, { autoPropertyTypes });
 	const fontFaces = extractFontFaceFromStyles(mergedStyles, globalFontFace);
@@ -287,14 +288,14 @@ function handleExtensionMode(path, args, cssWriter, state, globalRegistry, mode,
 /**
 * Handle tastyStatic(selector, styles) - removes the call entirely
 */
-function handleSelectorMode(path, args, cssWriter, mode, sourceFile, globalKeyframes, autoPropertyTypes, globalFontFace, globalCounterStyle, globalFunction) {
+function handleSelectorMode(path, args, cssWriter, mode, sourceFile, globalKeyframes, autoPropertyTypes, globalFontFace, globalCounterStyle, globalFunction, globalRecipes) {
 	if (args.length < 2) throw path.buildCodeFrameError("tastyStatic(selector, styles) requires two arguments");
 	const selectorArg = args[0];
 	const stylesArg = args[1];
 	if (!t.isStringLiteral(selectorArg)) throw path.buildCodeFrameError("tastyStatic(selector, styles) first argument must be a string literal");
 	if (!t.isObjectExpression(stylesArg)) throw path.buildCodeFrameError("tastyStatic(selector, styles) second argument must be a static object literal");
 	const selector = selectorArg.value;
-	const styles = resolveRecipes(evaluateObjectExpression(stylesArg, path));
+	const styles = resolveRecipesWith(evaluateObjectExpression(stylesArg, path), globalRecipes ?? null);
 	const { keyframes, nameMap } = extractKeyframesFromStyles(styles, globalKeyframes);
 	const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });
 	const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);