@tenphi/tasty 3.5.0 → 3.7.0

package/dist/css-resources-Cyl_axbI.js

@@ -0,0 +1,149 @@
+//#region src/ssr/css-resources.ts
+/**
+* Find CSS resource references that cannot safely move to a shared stylesheet.
+*
+* This is intentionally a small scanner rather than a CSS parser. It handles
+* comments, strings, escaped identifiers, url(), string-valued image/src
+* functions, and string @import rules without interpreting unrelated CSS.
+*/
+function skipCSSString(css, start, quote) {
+	for (let index = start + 1; index < css.length; index++) if (css[index] === "\\") index++;
+	else if (css[index] === quote) return index + 1;
+	return css.length;
+}
+function decodeCSSEscapes(value) {
+	return value.replace(/\\(?:([\da-f]{1,6})\s?|\r\n|[\n\r\f]|(.))/gi, (_match, hex, escaped) => {
+		if (hex) {
+			const codePoint = Number.parseInt(hex, 16);
+			return codePoint === 0 || codePoint > 1114111 ? "�" : String.fromCodePoint(codePoint);
+		}
+		return escaped ?? "";
+	});
+}
+function readCSSIdentifier(css, start) {
+	let name = "";
+	let index = start;
+	while (index < css.length) {
+		const char = css[index];
+		if (/[-_a-z\d]/i.test(char) || char.charCodeAt(0) >= 128) {
+			name += char;
+			index++;
+			continue;
+		}
+		if (char !== "\\" || index + 1 >= css.length) break;
+		const hex = css.slice(index + 1).match(/^[\da-f]{1,6}/i)?.[0];
+		if (hex) {
+			name += decodeCSSEscapes(`\\${hex}`);
+			index += hex.length + 1;
+			if (/\s/.test(css[index] ?? "")) index++;
+			continue;
+		}
+		if (/\r|\n|\f/.test(css[index + 1])) break;
+		name += css[index + 1];
+		index += 2;
+	}
+	return index === start ? null : {
+		name,
+		end: index
+	};
+}
+function skipCSSWhitespaceAndComments(css, start) {
+	let index = start;
+	for (;;) {
+		while (/\s/.test(css[index] ?? "")) index++;
+		if (css[index] !== "/" || css[index + 1] !== "*") return index;
+		const commentEnd = css.indexOf("*/", index + 2);
+		if (commentEnd === -1) return css.length;
+		index = commentEnd + 2;
+	}
+}
+function classifyCSSResource(rawURL, rejectRootRelative) {
+	const url = decodeCSSEscapes(rawURL).trim();
+	if (!url || url.startsWith("//") || /^[a-z][a-z\d+.-]*:/i.test(url)) return null;
+	if (url.startsWith("/")) return rejectRootRelative ? {
+		url: rawURL,
+		rootRelative: true
+	} : null;
+	return {
+		url: rawURL,
+		rootRelative: false
+	};
+}
+function findUnsafeCSSResource(css, rejectRootRelative) {
+	const functionStack = [];
+	const stringResourceFunctions = new Set([
+		"image",
+		"image-set",
+		"-webkit-image-set",
+		"src"
+	]);
+	for (let index = 0; index < css.length; index++) {
+		if (css[index] === "/" && css[index + 1] === "*") {
+			const commentEnd = css.indexOf("*/", index + 2);
+			index = commentEnd === -1 ? css.length : commentEnd + 1;
+			continue;
+		}
+		const quote = css[index];
+		if (quote === "\"" || quote === "'") {
+			const stringEnd = skipCSSString(css, index, quote);
+			if (stringResourceFunctions.has(functionStack.at(-1) ?? "")) {
+				const unsafe = classifyCSSResource(css.slice(index + 1, stringEnd - 1), rejectRootRelative);
+				if (unsafe) return unsafe;
+			}
+			index = stringEnd - 1;
+			continue;
+		}
+		if (css[index] === ")") {
+			functionStack.pop();
+			continue;
+		}
+		if (css[index] === "(") {
+			functionStack.push(null);
+			continue;
+		}
+		if (css[index] === "@") {
+			const atRule = readCSSIdentifier(css, index + 1);
+			if (atRule?.name.toLowerCase() === "import") {
+				const valueStart = skipCSSWhitespaceAndComments(css, atRule.end);
+				const importQuote = css[valueStart];
+				if (importQuote === "\"" || importQuote === "'") {
+					const valueEnd = skipCSSString(css, valueStart, importQuote);
+					const unsafe = classifyCSSResource(css.slice(valueStart + 1, valueEnd - 1), rejectRootRelative);
+					if (unsafe) return unsafe;
+				}
+			}
+			continue;
+		}
+		const identifier = readCSSIdentifier(css, index);
+		if (!identifier || css[identifier.end] !== "(") continue;
+		const functionName = identifier.name.toLowerCase();
+		if (functionName !== "url") {
+			functionStack.push(functionName);
+			index = identifier.end;
+			continue;
+		}
+		const valueStart = skipCSSWhitespaceAndComments(css, identifier.end + 1);
+		const urlQuote = css[valueStart];
+		const quoted = urlQuote === "\"" || urlQuote === "'";
+		let valueEnd;
+		if (quoted) {
+			valueEnd = skipCSSString(css, valueStart, urlQuote) - 1;
+			index = css.indexOf(")", valueEnd + 1);
+		} else {
+			valueEnd = valueStart;
+			while (valueEnd < css.length && css[valueEnd] !== ")") {
+				if (css[valueEnd] === "\\") valueEnd++;
+				valueEnd++;
+			}
+			index = valueEnd;
+		}
+		if (index === -1) return null;
+		const unsafe = classifyCSSResource(css.slice(valueStart + (quoted ? 1 : 0), valueEnd), rejectRootRelative);
+		if (unsafe) return unsafe;
+	}
+	return null;
+}
+//#endregion
+export { findUnsafeCSSResource as t };
+
+//# sourceMappingURL=css-resources-Cyl_axbI.js.map

package/dist/css-resources-Cyl_axbI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-resources-Cyl_axbI.js","names":[],"sources":["../src/ssr/css-resources.ts"],"sourcesContent":["/**\n * Find CSS resource references that cannot safely move to a shared stylesheet.\n *\n * This is intentionally a small scanner rather than a CSS parser. It handles\n * comments, strings, escaped identifiers, url(), string-valued image/src\n * functions, and string @import rules without interpreting unrelated CSS.\n */\n\nfunction skipCSSString(css: string, start: number, quote: string): number {\n  for (let index = start + 1; index < css.length; index++) {\n    if (css[index] === '\\\\') {\n      index++;\n    } else if (css[index] === quote) {\n      return index + 1;\n    }\n  }\n  return css.length;\n}\n\nfunction decodeCSSEscapes(value: string): string {\n  return value.replace(\n    /\\\\(?:([\\da-f]{1,6})\\s?|\\r\\n|[\\n\\r\\f]|(.))/gi,\n    (_match, hex: string | undefined, escaped: string | undefined) => {\n      if (hex) {\n        const codePoint = Number.parseInt(hex, 16);\n        return codePoint === 0 || codePoint > 0x10ffff\n          ? '\\ufffd'\n          : String.fromCodePoint(codePoint);\n      }\n      return escaped ?? '';\n    },\n  );\n}\n\nfunction readCSSIdentifier(\n  css: string,\n  start: number,\n): { name: string; end: number } | null {\n  let name = '';\n  let index = start;\n\n  while (index < css.length) {\n    const char = css[index];\n    if (/[-_a-z\\d]/i.test(char) || char.charCodeAt(0) >= 0x80) {\n      name += char;\n      index++;\n      continue;\n    }\n    if (char !== '\\\\' || index + 1 >= css.length) break;\n\n    const hex = css.slice(index + 1).match(/^[\\da-f]{1,6}/i)?.[0];\n    if (hex) {\n      name += decodeCSSEscapes(`\\\\${hex}`);\n      index += hex.length + 1;\n      if (/\\s/.test(css[index] ?? '')) index++;\n      continue;\n    }\n\n    if (/\\r|\\n|\\f/.test(css[index + 1])) break;\n    name += css[index + 1];\n    index += 2;\n  }\n\n  return index === start ? null : { name, end: index };\n}\n\nfunction skipCSSWhitespaceAndComments(css: string, start: number): number {\n  let index = start;\n  for (;;) {\n    while (/\\s/.test(css[index] ?? '')) index++;\n    if (css[index] !== '/' || css[index + 1] !== '*') return index;\n    const commentEnd = css.indexOf('*/', index + 2);\n    if (commentEnd === -1) return css.length;\n    index = commentEnd + 2;\n  }\n}\n\nexport interface UnsafeCSSResource {\n  url: string;\n  rootRelative: boolean;\n}\n\nfunction classifyCSSResource(\n  rawURL: string,\n  rejectRootRelative: boolean,\n): UnsafeCSSResource | null {\n  const url = decodeCSSEscapes(rawURL).trim();\n  if (!url || url.startsWith('//') || /^[a-z][a-z\\d+.-]*:/i.test(url)) {\n    return null;\n  }\n  if (url.startsWith('/')) {\n    return rejectRootRelative ? { url: rawURL, rootRelative: true } : null;\n  }\n  return { url: rawURL, rootRelative: false };\n}\n\nexport function findUnsafeCSSResource(\n  css: string,\n  rejectRootRelative: boolean,\n): UnsafeCSSResource | null {\n  const functionStack: (string | null)[] = [];\n  const stringResourceFunctions = new Set([\n    'image',\n    'image-set',\n    '-webkit-image-set',\n    'src',\n  ]);\n\n  for (let index = 0; index < css.length; index++) {\n    if (css[index] === '/' && css[index + 1] === '*') {\n      const commentEnd = css.indexOf('*/', index + 2);\n      index = commentEnd === -1 ? css.length : commentEnd + 1;\n      continue;\n    }\n\n    const quote = css[index];\n    if (quote === '\"' || quote === \"'\") {\n      const stringEnd = skipCSSString(css, index, quote);\n      if (stringResourceFunctions.has(functionStack.at(-1) ?? '')) {\n        const unsafe = classifyCSSResource(\n          css.slice(index + 1, stringEnd - 1),\n          rejectRootRelative,\n        );\n        if (unsafe) return unsafe;\n      }\n      index = stringEnd - 1;\n      continue;\n    }\n\n    if (css[index] === ')') {\n      functionStack.pop();\n      continue;\n    }\n\n    if (css[index] === '(') {\n      functionStack.push(null);\n      continue;\n    }\n\n    if (css[index] === '@') {\n      const atRule = readCSSIdentifier(css, index + 1);\n      if (atRule?.name.toLowerCase() === 'import') {\n        const valueStart = skipCSSWhitespaceAndComments(css, atRule.end);\n        const importQuote = css[valueStart];\n        if (importQuote === '\"' || importQuote === \"'\") {\n          const valueEnd = skipCSSString(css, valueStart, importQuote);\n          const unsafe = classifyCSSResource(\n            css.slice(valueStart + 1, valueEnd - 1),\n            rejectRootRelative,\n          );\n          if (unsafe) return unsafe;\n        }\n      }\n      continue;\n    }\n\n    const identifier = readCSSIdentifier(css, index);\n    if (!identifier || css[identifier.end] !== '(') continue;\n\n    const functionName = identifier.name.toLowerCase();\n    if (functionName !== 'url') {\n      functionStack.push(functionName);\n      index = identifier.end;\n      continue;\n    }\n\n    const valueStart = skipCSSWhitespaceAndComments(css, identifier.end + 1);\n    const urlQuote = css[valueStart];\n    const quoted = urlQuote === '\"' || urlQuote === \"'\";\n    let valueEnd: number;\n    if (quoted) {\n      valueEnd = skipCSSString(css, valueStart, urlQuote) - 1;\n      index = css.indexOf(')', valueEnd + 1);\n    } else {\n      valueEnd = valueStart;\n      while (valueEnd < css.length && css[valueEnd] !== ')') {\n        if (css[valueEnd] === '\\\\') valueEnd++;\n        valueEnd++;\n      }\n      index = valueEnd;\n    }\n\n    if (index === -1) return null;\n    const unsafe = classifyCSSResource(\n      css.slice(valueStart + (quoted ? 1 : 0), valueEnd),\n      rejectRootRelative,\n    );\n    if (unsafe) return unsafe;\n  }\n\n  return null;\n}\n"],"mappings":"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"}

package/dist/{format-rules-rCZ37rqY.js → format-rules-XRw9u7d4.js}

@@ -1,30 +1,4 @@
 import { Gt as parseStyle, yt as getEffectiveDefinition } from "./config-B3gPdCqd.js";
-//#region src/ssr/ssr-collector-ref.ts
-const GETTER_KEY = "__tasty_ssr_collector_getter__";
-let _getSSRCollector = null;
-/**
-* Register the collector getter in the current module graph only.
-* Used by Next.js TastyRegistry.
-*/
-function registerSSRCollectorGetter(fn) {
-	_getSSRCollector = fn;
-}
-/**
-* Register the collector getter on globalThis so it is visible across
-* separate module graphs (e.g. Astro middleware ↔ page components).
-*/
-function registerSSRCollectorGetterGlobal(fn) {
-	globalThis[GETTER_KEY] = fn;
-}
-/**
-* Retrieve the SSR collector: module-level first, globalThis fallback.
-*/
-function getRegisteredSSRCollector() {
-	if (_getSSRCollector) return _getSSRCollector();
-	const getter = globalThis[GETTER_KEY];
-	return getter ? getter() : null;
-}
-//#endregion
 //#region src/ssr/format-property.ts
 /**
 * Format a single @property rule as a CSS string.
@@ -125,6 +99,6 @@ function formatRules(rules, className) {
 	return cssRules.join("\n");
 }
 //#endregion
-export { registerSSRCollectorGetterGlobal as a, registerSSRCollectorGetter as i, formatPropertyCSS as n, getRegisteredSSRCollector as r, formatRules as t };
+export { formatPropertyCSS as n, formatRules as t };
 
-//# sourceMappingURL=format-rules-rCZ37rqY.js.map
+//# sourceMappingURL=format-rules-XRw9u7d4.js.map

package/dist/format-rules-XRw9u7d4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-rules-XRw9u7d4.js","names":[],"sources":["../src/ssr/format-property.ts","../src/ssr/format-rules.ts"],"sourcesContent":["/**\n * Format @property CSS rules for SSR output.\n *\n * Replicates the CSS construction from StyleInjector.property()\n * but returns a CSS string instead of inserting into the DOM.\n */\n\nimport type { PropertyDefinition } from '../injector/types';\nimport { getEffectiveDefinition } from '../properties';\nimport type { StyleValue } from '../utils/styles';\nimport { parseStyle } from '../utils/styles';\n\n/**\n * Format a single @property rule as a CSS string.\n *\n * Returns the full `@property --name { ... }` text, or empty string\n * if the token is invalid.\n */\nexport function formatPropertyCSS(\n  token: string,\n  definition: PropertyDefinition,\n): string {\n  const result = getEffectiveDefinition(token, definition);\n  if (!result.isValid) return '';\n\n  return buildPropertyRule(result.cssName, result.definition);\n}\n\nfunction buildPropertyRule(\n  cssName: string,\n  definition: PropertyDefinition,\n): string {\n  const parts: string[] = [];\n\n  if (definition.syntax != null) {\n    let syntax = String(definition.syntax).trim();\n    if (!/^['\"]/u.test(syntax)) syntax = `\"${syntax}\"`;\n    parts.push(`syntax: ${syntax};`);\n  }\n\n  const inherits = definition.inherits ?? true;\n  parts.push(`inherits: ${inherits ? 'true' : 'false'};`);\n\n  if (definition.initialValue != null) {\n    let initialValueStr: string;\n    if (typeof definition.initialValue === 'number') {\n      initialValueStr = String(definition.initialValue);\n    } else {\n      initialValueStr = parseStyle(\n        definition.initialValue as StyleValue,\n      ).output;\n    }\n    parts.push(`initial-value: ${initialValueStr};`);\n  }\n\n  const declarations = parts.join(' ').trim();\n  return `@property ${cssName} { ${declarations} }`;\n}\n","/**\n * Shared CSS rule formatting utility.\n *\n * Extracted from SheetManager to allow both the DOM-based injector (client)\n * and the ServerStyleCollector (server) to produce identical CSS text\n * from StyleResult arrays.\n */\n\nimport type { StyleResult } from '../pipeline';\n\n/**\n * Resolve selectors for a rule, applying className-based specificity doubling\n * and rootPrefix handling. Mirrors the logic in StyleInjector.inject().\n */\nfunction resolveSelector(rule: StyleResult, className: string): string {\n  let selector = rule.selector;\n\n  if (rule.needsClassName) {\n    const selectorParts = selector ? selector.split('|||') : [''];\n    const classPrefix = `.${className}.${className}`;\n\n    selector = selectorParts\n      .map((part) => {\n        const classSelector = part ? `${classPrefix}${part}` : classPrefix;\n\n        if (rule.rootPrefix) {\n          return `${rule.rootPrefix} ${classSelector}`;\n        }\n        return classSelector;\n      })\n      .join(', ');\n  }\n\n  return selector;\n}\n\ninterface GroupedRule {\n  selector: string;\n  declarations: string;\n  atRules?: string[];\n  startingStyle?: boolean;\n}\n\n/**\n * Group rules by selector + at-rules + startingStyle and merge their declarations.\n * Mirrors the grouping logic in SheetManager.insertRule().\n */\nfunction groupRules(rules: GroupedRule[]): GroupedRule[] {\n  const groupMap = new Map<string, GroupedRule>();\n  const order: string[] = [];\n\n  const atKey = (at?: string[]) => (at && at.length ? at.join('|') : '');\n\n  for (const r of rules) {\n    const key = `${atKey(r.atRules)}||${r.selector}||${r.startingStyle ? '1' : '0'}`;\n    const existing = groupMap.get(key);\n    if (existing) {\n      existing.declarations = existing.declarations\n        ? `${existing.declarations} ${r.declarations}`\n        : r.declarations;\n    } else {\n      groupMap.set(key, {\n        selector: r.selector,\n        atRules: r.atRules,\n        startingStyle: r.startingStyle,\n        declarations: r.declarations,\n      });\n      order.push(key);\n    }\n  }\n\n  return order.map((key) => groupMap.get(key)!);\n}\n\n/**\n * Format an array of StyleResult rules into a CSS text string.\n *\n * Applies className-based specificity doubling (.cls.cls),\n * groups rules by selector + at-rules, and wraps with at-rule blocks.\n *\n * Produces the same CSS text as SheetManager.insertRule() would insert\n * into the DOM, but as a plain string suitable for SSR output.\n */\nexport function formatRules(rules: StyleResult[], className: string): string {\n  if (rules.length === 0) return '';\n\n  const resolvedRules = rules.map((rule) => ({\n    selector: resolveSelector(rule, className),\n    declarations: rule.declarations,\n    atRules: rule.atRules,\n    startingStyle: rule.startingStyle,\n  }));\n\n  const grouped = groupRules(resolvedRules);\n  const cssRules: string[] = [];\n\n  for (const rule of grouped) {\n    const innerContent = rule.startingStyle\n      ? `@starting-style { ${rule.declarations} }`\n      : rule.declarations;\n    const baseRule = `${rule.selector} { ${innerContent} }`;\n\n    let fullRule = baseRule;\n    if (rule.atRules && rule.atRules.length > 0) {\n      fullRule = rule.atRules.reduce(\n        (css, atRule) => `${atRule} { ${css} }`,\n        baseRule,\n      );\n    }\n\n    cssRules.push(fullRule);\n  }\n\n  return cssRules.join('\\n');\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,kBACd,OACA,YACQ;CACR,MAAM,SAAS,uBAAuB,OAAO,UAAU;CACvD,IAAI,CAAC,OAAO,SAAS,OAAO;CAE5B,OAAO,kBAAkB,OAAO,SAAS,OAAO,UAAU;AAC5D;AAEA,SAAS,kBACP,SACA,YACQ;CACR,MAAM,QAAkB,CAAC;CAEzB,IAAI,WAAW,UAAU,MAAM;EAC7B,IAAI,SAAS,OAAO,WAAW,MAAM,CAAC,CAAC,KAAK;EAC5C,IAAI,CAAC,SAAS,KAAK,MAAM,GAAG,SAAS,IAAI,OAAO;EAChD,MAAM,KAAK,WAAW,OAAO,EAAE;CACjC;CAEA,MAAM,WAAW,WAAW,YAAY;CACxC,MAAM,KAAK,aAAa,WAAW,SAAS,QAAQ,EAAE;CAEtD,IAAI,WAAW,gBAAgB,MAAM;EACnC,IAAI;EACJ,IAAI,OAAO,WAAW,iBAAiB,UACrC,kBAAkB,OAAO,WAAW,YAAY;OAEhD,kBAAkB,WAChB,WAAW,YACb,CAAC,CAAC;EAEJ,MAAM,KAAK,kBAAkB,gBAAgB,EAAE;CACjD;CAGA,OAAO,aAAa,QAAQ,KADP,MAAM,KAAK,GAAG,CAAC,CAAC,KACO,EAAE;AAChD;;;;;;;AC3CA,SAAS,gBAAgB,MAAmB,WAA2B;CACrE,IAAI,WAAW,KAAK;CAEpB,IAAI,KAAK,gBAAgB;EACvB,MAAM,gBAAgB,WAAW,SAAS,MAAM,KAAK,IAAI,CAAC,EAAE;EAC5D,MAAM,cAAc,IAAI,UAAU,GAAG;EAErC,WAAW,cACR,KAAK,SAAS;GACb,MAAM,gBAAgB,OAAO,GAAG,cAAc,SAAS;GAEvD,IAAI,KAAK,YACP,OAAO,GAAG,KAAK,WAAW,GAAG;GAE/B,OAAO;EACT,CAAC,CAAC,CACD,KAAK,IAAI;CACd;CAEA,OAAO;AACT;;;;;AAaA,SAAS,WAAW,OAAqC;CACvD,MAAM,2BAAW,IAAI,IAAyB;CAC9C,MAAM,QAAkB,CAAC;CAEzB,MAAM,SAAS,OAAmB,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI;CAEnE,KAAK,MAAM,KAAK,OAAO;EACrB,MAAM,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,IAAI,EAAE,gBAAgB,MAAM;EAC3E,MAAM,WAAW,SAAS,IAAI,GAAG;EACjC,IAAI,UACF,SAAS,eAAe,SAAS,eAC7B,GAAG,SAAS,aAAa,GAAG,EAAE,iBAC9B,EAAE;OACD;GACL,SAAS,IAAI,KAAK;IAChB,UAAU,EAAE;IACZ,SAAS,EAAE;IACX,eAAe,EAAE;IACjB,cAAc,EAAE;GAClB,CAAC;GACD,MAAM,KAAK,GAAG;EAChB;CACF;CAEA,OAAO,MAAM,KAAK,QAAQ,SAAS,IAAI,GAAG,CAAE;AAC9C;;;;;;;;;;AAWA,SAAgB,YAAY,OAAsB,WAA2B;CAC3E,IAAI,MAAM,WAAW,GAAG,OAAO;CAS/B,MAAM,UAAU,WAPM,MAAM,KAAK,UAAU;EACzC,UAAU,gBAAgB,MAAM,SAAS;EACzC,cAAc,KAAK;EACnB,SAAS,KAAK;EACd,eAAe,KAAK;CACtB,EAEuC,CAAC;CACxC,MAAM,WAAqB,CAAC;CAE5B,KAAK,MAAM,QAAQ,SAAS;EAC1B,MAAM,eAAe,KAAK,gBACtB,qBAAqB,KAAK,aAAa,MACvC,KAAK;EACT,MAAM,WAAW,GAAG,KAAK,SAAS,KAAK,aAAa;EAEpD,IAAI,WAAW;EACf,IAAI,KAAK,WAAW,KAAK,QAAQ,SAAS,GACxC,WAAW,KAAK,QAAQ,QACrB,KAAK,WAAW,GAAG,OAAO,KAAK,IAAI,KACpC,QACF;EAGF,SAAS,KAAK,QAAQ;CACxB;CAEA,OAAO,SAAS,KAAK,IAAI;AAC3B"}

package/dist/index.js

@@ -1,7 +1,7 @@
 import { $ as SheetManager, $t as StyleParser, A as FLOW_STYLES, At as STYLE_TO_CHUNK, B as createStateParserContext, C as BASE_STYLES, Ct as APPEARANCE_CHUNK_STYLES, D as COLOR_STYLES, Dt as FONT_CHUNK_STYLES, E as BLOCK_STYLES, Et as DISPLAY_CHUNK_STYLES, Ft as registerFunctionPolyfill, G as StyleInjector, Gt as parseStyle, Ht as getGlobalPredefinedTokens, I as isSelector, Jt as okhstPlugin, Kt as stringifyStyles, L as renderStyles, Lt as CUSTOM_UNITS, M as OUTER_STYLES, Mt as formatFunctionRule, N as POSITION_STYLES, O as CONTAINER_STYLES, Ot as LAYOUT_CHUNK_STYLES, P as TEXT_STYLES, Pt as parseFunctionName, R as parseStateKey, Rt as DIRECTIONS, S as baseStylePropsRegistry, St as propHandlerRegistry, T as BLOCK_OUTER_STYLES, Tt as DIMENSION_CHUNK_STYLES, U as getGlobalPredefinedStates, Ut as normalizeColorTokenValue, Vt as getGlobalParser, W as setGlobalPredefinedStates, Wt as parseColor, X as fontFaceContentHash, Xt as okhslPlugin, Yt as okhslFunction, Z as formatFontFaceRule, Zt as createColorFunc, _ as isFunctionsPolyfillEnabled, _t as hashString, a as getGlobalCounterStyles, an as hslToRgbValues, at as closeBatchWindow, b as resetConfig, c as getGlobalInjector, ct as openBatchWindow, dt as DEFAULT_ZERO_NAME_PREFIX, f as getNamePrefix, g as isConfigLocked, h as hasStylesGenerated, in as hexToRgb, j as INNER_STYLES, k as DIMENSION_STYLES, kt as POSITION_CHUNK_STYLES, l as getGlobalKeyframes, lt as resetStyleBatch, m as hasGlobalRecipes, mt as makeKeyframeName, n as getConfig, nn as getNamedColorHex, nt as styleHandlers, o as getGlobalFontFaces, on as strToRgb, ot as flushStyles, p as hasGlobalKeyframes, pt as makeCounterStyleName, q as formatCounterStyleRule, qt as okhstFunction, rn as getRgbValuesFromRgbaString, s as getGlobalFunctions, st as hasPendingStyleWrites, t as configure, tt as defineHandler, u as getGlobalRecipes, ut as DEFAULT_NAME_PREFIX, v as isTestEnvironment, w as BLOCK_INNER_STYLES, wt as CHUNK_NAMES, x as generateTypographyTokens, zt as filterMods } from "./config-B3gPdCqd.js";
-import { A as keyframes, C as getRawCSSText, D as injectRawCSS, E as injectGlobal, F as chunkSheetRegistry, I as resolveFunctionColor, M as property, N as touch, O as injector, P as ChunkSheetRegistry, S as getCSSTextForNode, T as inject, _ as destroy, a as color, b as gc, c as hasKeys, d as collectAutoInferredPropertiesRSC, f as getStyleTarget, g as createInjector, h as counterStyle, i as _modAttrs, j as ownKeyframes, k as isPropertyDefined, l as formatKeyframesCSS, m as cleanup, n as processTokens, o as filterBaseProps, p as pushRSCCSS, r as dotize, s as computeStyles, t as tastyDebug, u as collectAutoInferredProperties, v as fontFace, w as holdKeyframes, x as getCSSText, y as func } from "./core-Bq7w2kti.js";
+import { A as keyframes, C as getRawCSSText, D as injectRawCSS, E as injectGlobal, F as chunkSheetRegistry, I as resolveFunctionColor, M as property, N as touch, O as injector, P as ChunkSheetRegistry, S as getCSSTextForNode, T as inject, _ as destroy, a as color, b as gc, c as hasKeys, d as collectAutoInferredPropertiesRSC, f as getStyleTarget, g as createInjector, h as counterStyle, i as _modAttrs, j as ownKeyframes, k as isPropertyDefined, l as formatKeyframesCSS, m as cleanup, n as processTokens, o as filterBaseProps, p as pushRSCCSS, r as dotize, s as computeStyles, t as tastyDebug, u as collectAutoInferredProperties, v as fontFace, w as holdKeyframes, x as getCSSText, y as func } from "./core-DGm0CFHP.js";
 import { d as categorizeStyleKeys } from "./keyframes-DE-OE76F.js";
-import { n as formatPropertyCSS } from "./format-rules-rCZ37rqY.js";
+import { n as formatPropertyCSS } from "./format-rules-XRw9u7d4.js";
 import { t as mergeStyles } from "./merge-styles-DuoZEsm9.js";
 import { t as resolveRecipes } from "./resolve-recipes-H9NqOQuP.js";
 import { t as getTastySSRContext } from "./context-CA8YKeMn.js";

package/dist/ssr/astro-middleware-extract-static.js

@@ -1,4 +1,4 @@
-import { n as tastyMiddleware } from "../astro-ib7E7V4Y.js";
+import { n as tastyMiddleware } from "../astro-CeYENy2x.js";
 const onRequest = tastyMiddleware({
 	transferCache: false,
 	extractionMetadata: true

package/dist/ssr/astro-middleware-extract.js

@@ -1,4 +1,4 @@
-import { n as tastyMiddleware } from "../astro-ib7E7V4Y.js";
+import { n as tastyMiddleware } from "../astro-CeYENy2x.js";
 const onRequest = tastyMiddleware({
 	transferCache: true,
 	extractionMetadata: true

package/dist/ssr/astro-middleware-static.js

@@ -1,4 +1,4 @@
-import { n as tastyMiddleware } from "../astro-ib7E7V4Y.js";
+import { n as tastyMiddleware } from "../astro-CeYENy2x.js";
 //#region src/ssr/astro-middleware-static.ts
 /**
 * Astro middleware entrypoint for `tastyIntegration({ islands: false })`.

package/dist/ssr/astro-middleware.js

@@ -1,4 +1,4 @@
-import { n as tastyMiddleware } from "../astro-ib7E7V4Y.js";
+import { n as tastyMiddleware } from "../astro-CeYENy2x.js";
 //#region src/ssr/astro-middleware.ts
 /**
 * Astro middleware entrypoint for `tastyIntegration()`.

package/dist/ssr/astro.d.ts

@@ -47,7 +47,13 @@ declare function tastyMiddleware(options?: TastyMiddlewareOptions): (context: {
   isPrerendered?: boolean;
 }, next: () => Promise<Response>) => Promise<Response>;
 interface TastyIntegrationCSSOptions {
-  /** CSS delivery mode. Extraction only applies to prerendered builds. */
+  /**
+   * CSS delivery mode. Extraction only applies to prerendered builds.
+   * Extracted CSS preserves resource URLs verbatim, so use absolute URLs or
+   * data URLs. Root-relative URLs are also supported unless `assetsPrefix`
+   * sends CSS to an external origin. The build rejects resource URLs whose
+   * targets would change after extraction.
+   */
   mode?: 'inline' | 'extract';
 }
 interface TastyIntegrationOptions {
@@ -110,8 +116,10 @@ declare function tastyIntegration(options?: TastyIntegrationOptions): {
     }: {
       config: {
         base?: string;
+        site?: URL;
         build?: {
           assets?: string;
+          assetsPrefix?: string | Record<string, string>;
         };
       };
     }) => void;

package/dist/ssr/astro.js

@@ -1,2 +1,2 @@
-import { n as tastyMiddleware, t as tastyIntegration } from "../astro-ib7E7V4Y.js";
+import { n as tastyMiddleware, t as tastyIntegration } from "../astro-CeYENy2x.js";
 export { tastyIntegration, tastyMiddleware };

package/dist/ssr/index.js

@@ -1,5 +1,5 @@
-import { a as registerSSRCollectorGetterGlobal } from "../format-rules-rCZ37rqY.js";
-import { n as createServerStyleCollector, t as ServerStyleCollector } from "../collector-C6TtL8HJ.js";
+import { r as registerSSRCollectorGetterGlobal } from "../ssr-collector-ref-COs_ioWl.js";
+import { n as createServerStyleCollector, t as ServerStyleCollector } from "../collector-B3OsM252.js";
 import { n as runWithCollector, t as getSSRCollector } from "../async-storage-DKK-wTD4.js";
 import { t as hydrateTastyClasses } from "../hydrate-CNOmZprz.js";
 //#region src/ssr/index.ts

package/dist/ssr/next-config.d.ts

@@ -0,0 +1,66 @@
+import { t as TastyConfig } from "../config-LfIDmVHx.js";
+
+//#region src/ssr/next-config.d.ts
+interface NextConfig {
+  basePath?: string;
+  env?: Record<string, string | undefined>;
+  headers?: () => Promise<NextHeader[]>;
+  output?: string;
+  [key: string]: unknown;
+}
+interface NextHeader {
+  source: string;
+  headers: {
+    key: string;
+    value: string;
+  }[];
+  [key: string]: unknown;
+}
+interface TastyNextOptions {
+  /**
+   * Next.js project directory. Useful when the build command runs from a
+   * monorepo root rather than the app directory.
+   *
+   * @default process.cwd()
+   */
+  rootDir?: string;
+  /**
+   * Tasty configuration used to generate the shared stylesheet.
+   * `config` takes precedence when both config sources are provided.
+   */
+  config?: TastyConfig;
+  /**
+   * Project-relative path to a TypeScript/JavaScript module whose default
+   * export is a Tasty configuration object.
+   *
+   * @example './app/tasty.config.ts'
+   */
+  configFile?: string;
+  /**
+   * Filesystem directory for generated stylesheets. When it is inside the
+   * project's `public` directory, its public URL is inferred automatically.
+   *
+   * @default 'public/_tasty'
+   */
+  outputDir?: string;
+  /**
+   * Root-relative URL path corresponding to `outputDir`. This is required
+   * when `outputDir` is outside the project's `public` directory.
+   * The Next.js `basePath` is prepended automatically.
+   *
+   * @default inferred from outputDir
+   * @example '/assets/tasty'
+   */
+  publicPath?: string;
+  /** Whether to generate and register the shared stylesheet. @default true */
+  enabled?: boolean;
+}
+/**
+ * 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.
+ */
+declare function withTastyNext(options: TastyNextOptions): (nextConfig?: NextConfig) => NextConfig;
+//#endregion
+export { TastyNextOptions, withTastyNext };
+//# sourceMappingURL=next-config.d.ts.map

package/dist/ssr/next-config.js

@@ -0,0 +1,115 @@
+import { b as resetConfig, t as configure } from "../config-B3gPdCqd.js";
+import { t as ServerStyleCollector } from "../collector-B3OsM252.js";
+import { t as findUnsafeCSSResource } from "../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) {
+	resetConfig();
+	try {
+		configure(config);
+		const collector = new ServerStyleCollector();
+		collector.collectInternals();
+		const artifacts = collector.getArtifacts();
+		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 {
+		resetConfig();
+	}
+}
+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 { configure, resetConfig, type TastyConfig } from '../config';\nimport { ServerStyleCollector } from './collector';\nimport { findUnsafeCSSResource } from './css-resources';\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  resetConfig();\n  try {\n    configure(config);\n    const collector = new ServerStyleCollector();\n    collector.collectInternals();\n    const artifacts = collector.getArtifacts();\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    resetConfig();\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

@@ -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,8 +1,8 @@
 "use client";
 import { n as getConfig } from "../config-B3gPdCqd.js";
-import { i as registerSSRCollectorGetter } from "../format-rules-rCZ37rqY.js";
+import { n as registerSSRCollectorGetter } from "../ssr-collector-ref-COs_ioWl.js";
 import { t as getTastySSRContext } from "../context-CA8YKeMn.js";
-import { t as ServerStyleCollector } from "../collector-C6TtL8HJ.js";
+import { t as ServerStyleCollector } from "../collector-B3OsM252.js";
 import { t as hydrateTastyClasses } from "../hydrate-CNOmZprz.js";
 import { Fragment, createElement, useState } from "react";
 import { useServerInsertedHTML } from "next/navigation";
@@ -39,32 +39,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"}