@tamagui/static 2.7.7 → 3.0.0-beta.1093.1

package/dist/esm/zero/ownership.mjs

@@ -0,0 +1,48 @@
+import { createHash } from "node:crypto";
+import { readFileSync } from "node:fs";
+import path from "node:path";
+import { resolveZeroRuntimeSync } from "./options.mjs";
+
+const hashCSS = (css) => createHash("sha256").update(css).digest("hex").slice(0, 16);
+const normalize = (value) => value.split(/[?#]/, 1)[0].replace(/\\/g, "/");
+const declaresRuntimeThemeMutation = () => process.env.TAMAGUI_DOES_SSR_CSS === "mutates-themes";
+function resolveGlobalCSSOwnership(options, root) {
+	if (options.disable) return null;
+	if (options.platform === "native") return null;
+	if (!options.outputCSS) return null;
+	if (declaresRuntimeThemeMutation()) return null;
+	if (resolveZeroRuntimeSync(options, root).mode === "enforce") return null;
+	return { cssPath: path.isAbsolute(options.outputCSS) ? options.outputCSS : path.resolve(root, options.outputCSS) };
+}
+function checkGlobalCSSArtifact(input) {
+	const { cssPath, expectedCSS } = input;
+	let onDisk;
+	try {
+		onDisk = readFileSync(cssPath, "utf8");
+	} catch {
+		return {
+			kind: "missing",
+			cssPath,
+			message: `[tamagui] the generated CSS artifact ${cssPath} does not exist, so this build cannot claim TAMAGUI_DID_OUTPUT_CSS. The design-system, :root, font and theme rules would be stripped from JavaScript and put nowhere.`
+		};
+	}
+	if (onDisk !== expectedCSS) {
+		return {
+			kind: "stale",
+			cssPath,
+			message: `[tamagui] the generated CSS artifact ${cssPath} is stale: it hashes ${hashCSS(onDisk)} but this build's config generates ${hashCSS(expectedCSS)}. Deriving TAMAGUI_DID_OUTPUT_CSS from it would ship rules that do not match the build.`
+		};
+	}
+	const wanted = normalize(cssPath);
+	for (const id of input.loadedModuleIds) {
+		if (normalize(id) === wanted) return null;
+	}
+	return {
+		kind: "unimported",
+		cssPath,
+		message: `[tamagui] the generated CSS artifact ${cssPath} exists but the entry graph never loads it. ${input.importHint}`
+	};
+}
+
+export { checkGlobalCSSArtifact, declaresRuntimeThemeMutation, hashCSS, resolveGlobalCSSOwnership };
+//# sourceMappingURL=ownership.mjs.map

package/dist/esm/zero/ownership.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ownership.js","names":[],"sources":["esm/zero/ownership.js"],"sourcesContent":["import { createHash } from \"node:crypto\";\nimport { readFileSync } from \"node:fs\";\nimport path from \"node:path\";\nimport { resolveZeroRuntimeSync } from \"./options\";\nconst hashCSS = (css) => createHash(\"sha256\").update(css).digest(\"hex\").slice(0, 16);\nconst normalize = (value) => value.split(/[?#]/, 1)[0].replace(/\\\\/g, \"/\");\nconst declaresRuntimeThemeMutation = () => process.env.TAMAGUI_DOES_SSR_CSS === \"mutates-themes\";\nfunction resolveGlobalCSSOwnership(options, root) {\n  if (options.disable) return null;\n  if (options.platform === \"native\") return null;\n  if (!options.outputCSS) return null;\n  if (declaresRuntimeThemeMutation()) return null;\n  if (resolveZeroRuntimeSync(options, root).mode === \"enforce\") return null;\n  return {\n    cssPath: path.isAbsolute(options.outputCSS) ? options.outputCSS : path.resolve(root, options.outputCSS)\n  };\n}\nfunction checkGlobalCSSArtifact(input) {\n  const { cssPath, expectedCSS } = input;\n  let onDisk;\n  try {\n    onDisk = readFileSync(cssPath, \"utf8\");\n  } catch {\n    return {\n      kind: \"missing\",\n      cssPath,\n      message: `[tamagui] the generated CSS artifact ${cssPath} does not exist, so this build cannot claim TAMAGUI_DID_OUTPUT_CSS. The design-system, :root, font and theme rules would be stripped from JavaScript and put nowhere.`\n    };\n  }\n  if (onDisk !== expectedCSS) {\n    return {\n      kind: \"stale\",\n      cssPath,\n      message: `[tamagui] the generated CSS artifact ${cssPath} is stale: it hashes ${hashCSS(\n        onDisk\n      )} but this build's config generates ${hashCSS(\n        expectedCSS\n      )}. Deriving TAMAGUI_DID_OUTPUT_CSS from it would ship rules that do not match the build.`\n    };\n  }\n  const wanted = normalize(cssPath);\n  for (const id of input.loadedModuleIds) {\n    if (normalize(id) === wanted) return null;\n  }\n  return {\n    kind: \"unimported\",\n    cssPath,\n    message: `[tamagui] the generated CSS artifact ${cssPath} exists but the entry graph never loads it. ${input.importHint}`\n  };\n}\nexport {\n  checkGlobalCSSArtifact,\n  declaresRuntimeThemeMutation,\n  hashCSS,\n  resolveGlobalCSSOwnership\n};\n//# sourceMappingURL=ownership.js.map\n"],"mappings":";;;;;;AAIA,MAAM,WAAW,QAAQ,WAAW,QAAQ,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,GAAG,EAAE;AACnF,MAAM,aAAa,UAAU,MAAM,MAAM,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,OAAO,GAAG;AACzE,MAAM,qCAAqC,QAAQ,IAAI,yBAAyB;AAChF,SAAS,0BAA0B,SAAS,MAAM;CAChD,IAAI,QAAQ,SAAS,OAAO;CAC5B,IAAI,QAAQ,aAAa,UAAU,OAAO;CAC1C,IAAI,CAAC,QAAQ,WAAW,OAAO;CAC/B,IAAI,6BAA6B,GAAG,OAAO;CAC3C,IAAI,uBAAuB,SAAS,IAAI,CAAC,CAAC,SAAS,WAAW,OAAO;CACrE,OAAO,EACL,SAAS,KAAK,WAAW,QAAQ,SAAS,IAAI,QAAQ,YAAY,KAAK,QAAQ,MAAM,QAAQ,SAAS,EACxG;AACF;AACA,SAAS,uBAAuB,OAAO;CACrC,MAAM,EAAE,SAAS,gBAAgB;CACjC,IAAI;CACJ,IAAI;EACF,SAAS,aAAa,SAAS,MAAM;CACvC,QAAQ;EACN,OAAO;GACL,MAAM;GACN;GACA,SAAS,wCAAwC,QAAQ;EAC3D;CACF;CACA,IAAI,WAAW,aAAa;EAC1B,OAAO;GACL,MAAM;GACN;GACA,SAAS,wCAAwC,QAAQ,uBAAuB,QAC9E,MACF,EAAE,qCAAqC,QACrC,WACF,EAAE;EACJ;CACF;CACA,MAAM,SAAS,UAAU,OAAO;CAChC,KAAK,MAAM,MAAM,MAAM,iBAAiB;EACtC,IAAI,UAAU,EAAE,MAAM,QAAQ,OAAO;CACvC;CACA,OAAO;EACL,MAAM;EACN;EACA,SAAS,wCAAwC,QAAQ,8CAA8C,MAAM;CAC/G;AACF"}

package/dist/esm/zero/theme.mjs

@@ -0,0 +1,313 @@
+import { childNode, childNodes, resolvedModuleId, walkAst, zeroRuleMessage } from "@tamagui/compiler-core";
+import { getThemeClassNames, getThemeScheme, reservedThemeProps } from "@tamagui/helpers";
+import { resolveThemeName, variableToString } from "@tamagui/web";
+import { getInlineValuesFromProps, getVariablesCSSRules } from "@tamagui/web/theme-update";
+
+const MAX_THEME_BRANCHES = 8;
+const LOWERABLE_RESERVED_PROPS = /* @__PURE__ */ new Set(["name", "contain"]);
+function jsxAttributeName(attribute) {
+	const name = childNode(attribute, "name");
+	return name && typeof name.name === "string" ? name.name : null;
+}
+function literalOf(node) {
+	if (!node) return void 0;
+	if (node.type === "Literal" && typeof node.value !== "object") {
+		return node.value;
+	}
+	return void 0;
+}
+function hasSideEffects(node) {
+	let found = false;
+	walkAst(node, (child) => {
+		if (child.type === "CallExpression" || child.type === "OptionalCallExpression" || child.type === "NewExpression" || child.type === "AwaitExpression" || child.type === "YieldExpression" || child.type === "AssignmentExpression" || child.type === "UpdateExpression" || child.type === "TaggedTemplateExpression") {
+			found = true;
+		}
+	});
+	return found;
+}
+function readNameOptions(value, source, guards) {
+	const literal = literalOf(value);
+	if (typeof literal === "string") {
+		return [{
+			test: guards.length ? guards.join(" && ") : null,
+			name: literal
+		}];
+	}
+	if (value.type === "ConditionalExpression") {
+		const test = childNode(value, "test");
+		const consequent = childNode(value, "consequent");
+		const alternate = childNode(value, "alternate");
+		if (!test || !consequent || !alternate) return null;
+		if (hasSideEffects(test)) return null;
+		const testText = source.slice(test.start, test.end).replace(/\s+/g, " ").trim();
+		const left = readNameOptions(consequent, source, [...guards, `(${testText})`]);
+		const right = readNameOptions(alternate, source, [...guards, `!(${testText})`]);
+		if (!left || !right) return null;
+		return [...left, ...right];
+	}
+	return null;
+}
+function foldBranches(branches) {
+	const last = branches[branches.length - 1];
+	if (new Set(branches.map((branch) => branch.value)).size === 1) return last.value;
+	let expression = last.value;
+	for (let index = branches.length - 2; index >= 0; index--) {
+		const branch = branches[index];
+		expression = branch.test === null ? branch.value : `${branch.test} ? ${branch.value} : ${expression}`;
+	}
+	return expression;
+}
+function resolveThemeChain(chain, rootThemeName, config) {
+	let branches = [{
+		test: null,
+		name: rootThemeName,
+		isNew: false,
+		schemeAuthored: false
+	}];
+	for (const node of chain) {
+		const next = [];
+		for (const parent of branches) {
+			for (const option of node.options) {
+				const resolved = resolveThemeName(parent.name, option.name, config.themes);
+				const schemeAuthored = parent.schemeAuthored || Boolean(option.name && getThemeScheme(option.name) && option.name in config.themes);
+				const tests = [parent.test, option.test].filter(Boolean);
+				next.push({
+					test: tests.length ? tests.join(" && ") : null,
+					name: resolved ?? parent.name,
+					isNew: resolved !== null || schemeAuthored !== parent.schemeAuthored,
+					schemeAuthored
+				});
+			}
+		}
+		branches = next;
+	}
+	return branches;
+}
+function readStaticTheme(element, id, source, config, kind = "Theme") {
+	const moduleId = resolvedModuleId(id);
+	const violations = [];
+	const css = /* @__PURE__ */ new Map();
+	const opening = childNode(element, "openingElement");
+	const closing = childNode(element, "closingElement");
+	const span = (node) => ({
+		id: moduleId,
+		start: node.start,
+		end: node.end
+	});
+	let options = [{
+		test: null,
+		name: void 0
+	}];
+	let contain = false;
+	const themeKeyProps = {};
+	for (const attribute of childNodes(opening, "attributes")) {
+		if (attribute.type !== "JSXAttribute") {
+			violations.push({
+				rule: 1,
+				code: "local/unsafe-style-spread",
+				span: span(attribute),
+				component: kind,
+				message: zeroRuleMessage(1, { component: kind })
+			});
+			continue;
+		}
+		const key = jsxAttributeName(attribute);
+		if (!key) continue;
+		const rawValue = childNode(attribute, "value");
+		const value = rawValue && rawValue.type === "JSXExpressionContainer" ? childNode(rawValue, "expression") : rawValue;
+		if (kind === "ThemeUpdate" && reservedThemeProps[key]) {
+			violations.push({
+				rule: 4,
+				code: "local/unsupported-target",
+				span: span(attribute),
+				component: kind,
+				message: zeroRuleMessage(4, { detail: `the <ThemeUpdate ${key}> prop, which belongs on <Theme>,` })
+			});
+			continue;
+		}
+		if (kind === "Theme" && key === "name") {
+			const read = value ? readNameOptions(value, source, []) : null;
+			if (!read) {
+				violations.push({
+					rule: 4,
+					code: "local/unsupported-target",
+					span: span(attribute),
+					component: "Theme",
+					message: zeroRuleMessage(4, { detail: `the <Theme name> value ${source.slice(attribute.start, attribute.end).replace(/\s+/g, " ").trim()}, which is not a literal theme name or a conditional over literal theme names,` })
+				});
+				continue;
+			}
+			options = read;
+			continue;
+		}
+		if (kind === "Theme" && reservedThemeProps[key]) {
+			if (!LOWERABLE_RESERVED_PROPS.has(key)) {
+				violations.push({
+					rule: 4,
+					code: "local/unsupported-target",
+					span: span(attribute),
+					component: "Theme",
+					message: zeroRuleMessage(4, { detail: `the <Theme ${key}> prop, which has no compiled form,` })
+				});
+				continue;
+			}
+			const literal2 = value ? literalOf(value) : true;
+			if (typeof literal2 !== "boolean") {
+				violations.push({
+					rule: 4,
+					code: "local/unsupported-target",
+					span: span(attribute),
+					component: "Theme",
+					message: zeroRuleMessage(4, { detail: `a non-literal <Theme ${key}> value,` })
+				});
+				continue;
+			}
+			if (key === "contain") contain = literal2;
+			continue;
+		}
+		if (kind === "Theme") {
+			violations.push({
+				rule: 4,
+				code: "local/unsupported-target",
+				span: span(attribute),
+				component: "Theme",
+				message: zeroRuleMessage(4, { detail: `the removed <Theme ${key}> inline-value spelling. Use <ThemeUpdate ${key}> around the subtree instead,` })
+			});
+			continue;
+		}
+		const literal = value ? literalOf(value) : void 0;
+		if (typeof literal !== "string" && typeof literal !== "number") {
+			violations.push({
+				rule: 3,
+				code: "local/dynamic-style-value",
+				span: span(attribute),
+				component: kind,
+				message: zeroRuleMessage(3, {
+					prop: key,
+					component: kind,
+					detail: value ? "a theme value must be a string or number literal at build time" : "a theme key needs a value"
+				})
+			});
+			continue;
+		}
+		themeKeyProps[key] = literal;
+	}
+	if (!closing) {
+		violations.push({
+			rule: 4,
+			code: "local/unsupported-target",
+			span: span(element),
+			component: "Theme",
+			message: zeroRuleMessage(4, { detail: `a self-closing <${kind}>, which has no subtree to theme,` })
+		});
+	}
+	const issues = [];
+	const themeUpdateConfig = config;
+	const inlineValues = kind === "ThemeUpdate" && Object.keys(themeKeyProps).length ? getInlineValuesFromProps(themeKeyProps, themeUpdateConfig, (issue) => issues.push(issue)) : null;
+	for (const issue of issues) {
+		violations.push({
+			rule: 3,
+			code: "local/dynamic-style-value",
+			span: span(opening),
+			component: kind,
+			message: zeroRuleMessage(3, {
+				prop: issue.key,
+				component: kind,
+				detail: issue.message
+			})
+		});
+	}
+	const inlineCSS = inlineValues ? getVariablesCSSRules(inlineValues, themeUpdateConfig) : null;
+	if (inlineCSS) css.set(inlineCSS.identifier, inlineCSS.rules.join(""));
+	if (violations.length) return {
+		node: null,
+		violations,
+		css
+	};
+	return {
+		node: {
+			kind,
+			element,
+			opening,
+			closing,
+			options,
+			contain,
+			layer: inlineValues && inlineCSS ? {
+				inlineValues,
+				inlineClassName: inlineCSS.identifier
+			} : null
+		},
+		violations,
+		css
+	};
+}
+function lowerStaticTheme(node, chain, rootThemeName, config, id) {
+	const moduleId = resolvedModuleId(id);
+	const branches = resolveThemeChain(chain, rootThemeName, config);
+	if (branches.length > MAX_THEME_BRANCHES) {
+		return {
+			edits: [],
+			violations: [{
+				rule: 4,
+				code: "local/unsupported-target",
+				span: {
+					id: moduleId,
+					start: node.element.start,
+					end: node.element.end
+				},
+				component: "Theme",
+				message: zeroRuleMessage(4, { detail: `a <Theme> chain that enumerates ${branches.length} theme names, past the ${MAX_THEME_BRANCHES} this lowers,` })
+			}]
+		};
+	}
+	const inlineClass = node.layer?.inlineClassName ?? "";
+	const classBranches = branches.map((branch) => ({
+		test: branch.test,
+		value: JSON.stringify([
+			branch.isNew ? getThemeClassNames(branch.name, false, branch.schemeAuthored) : "",
+			"is_Theme",
+			inlineClass
+		].filter(Boolean).join(" ").replace(/\s+/g, " ").trim())
+	}));
+	const baseStyle = node.contain ? `display:"contents",contain:"strict"` : `display:"contents"`;
+	const styleBranches = branches.map((branch) => {
+		const theme = config.themes[branch.name];
+		const color = branch.isNew && theme ? variableToString(theme.color) : "";
+		return {
+			test: branch.test,
+			value: color ? `{color:${JSON.stringify(color)},${baseStyle}}` : `{${baseStyle}}`
+		};
+	});
+	const className = foldBranches(classBranches);
+	const style = foldBranches(styleBranches);
+	const classAttribute = className.startsWith("\"") ? `className=${className}` : `className={${className}}`;
+	const edits = [{
+		start: node.opening.start,
+		end: node.opening.end,
+		content: `<span ${classAttribute} style={${style}}>`,
+		origin: {
+			id: moduleId,
+			start: node.opening.start,
+			end: node.opening.end
+		}
+	}];
+	if (node.closing) {
+		edits.push({
+			start: node.closing.start,
+			end: node.closing.end,
+			content: `</span>`,
+			origin: {
+				id: moduleId,
+				start: node.closing.start,
+				end: node.closing.end
+			}
+		});
+	}
+	return {
+		edits,
+		violations: []
+	};
+}
+
+export { foldBranches, lowerStaticTheme, readStaticTheme, resolveThemeChain };
+//# sourceMappingURL=theme.mjs.map

package/dist/esm/zero/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["esm/zero/theme.js"],"sourcesContent":["import {\n  childNode,\n  childNodes,\n  resolvedModuleId,\n  walkAst,\n  zeroRuleMessage\n} from \"@tamagui/compiler-core\";\nimport { getThemeClassNames, getThemeScheme, reservedThemeProps } from \"@tamagui/helpers\";\nimport {\n  resolveThemeName,\n  variableToString\n} from \"@tamagui/web\";\nimport {\n  getInlineValuesFromProps,\n  getVariablesCSSRules\n} from \"@tamagui/web/theme-update\";\nconst MAX_THEME_BRANCHES = 8;\nconst LOWERABLE_RESERVED_PROPS = /* @__PURE__ */ new Set([\"name\", \"contain\"]);\nfunction jsxAttributeName(attribute) {\n  const name = childNode(attribute, \"name\");\n  return name && typeof name.name === \"string\" ? name.name : null;\n}\nfunction literalOf(node) {\n  if (!node) return void 0;\n  if (node.type === \"Literal\" && typeof node.value !== \"object\") {\n    return node.value;\n  }\n  return void 0;\n}\nfunction hasSideEffects(node) {\n  let found = false;\n  walkAst(node, (child) => {\n    if (child.type === \"CallExpression\" || child.type === \"OptionalCallExpression\" || child.type === \"NewExpression\" || child.type === \"AwaitExpression\" || child.type === \"YieldExpression\" || child.type === \"AssignmentExpression\" || child.type === \"UpdateExpression\" || child.type === \"TaggedTemplateExpression\") {\n      found = true;\n    }\n  });\n  return found;\n}\nfunction readNameOptions(value, source, guards) {\n  const literal = literalOf(value);\n  if (typeof literal === \"string\") {\n    return [{ test: guards.length ? guards.join(\" && \") : null, name: literal }];\n  }\n  if (value.type === \"ConditionalExpression\") {\n    const test = childNode(value, \"test\");\n    const consequent = childNode(value, \"consequent\");\n    const alternate = childNode(value, \"alternate\");\n    if (!test || !consequent || !alternate) return null;\n    if (hasSideEffects(test)) return null;\n    const testText = source.slice(test.start, test.end).replace(/\\s+/g, \" \").trim();\n    const left = readNameOptions(consequent, source, [...guards, `(${testText})`]);\n    const right = readNameOptions(alternate, source, [...guards, `!(${testText})`]);\n    if (!left || !right) return null;\n    return [...left, ...right];\n  }\n  return null;\n}\nfunction foldBranches(branches) {\n  const last = branches[branches.length - 1];\n  if (new Set(branches.map((branch) => branch.value)).size === 1) return last.value;\n  let expression = last.value;\n  for (let index = branches.length - 2; index >= 0; index--) {\n    const branch = branches[index];\n    expression = branch.test === null ? branch.value : `${branch.test} ? ${branch.value} : ${expression}`;\n  }\n  return expression;\n}\nfunction resolveThemeChain(chain, rootThemeName, config) {\n  let branches = [\n    { test: null, name: rootThemeName, isNew: false, schemeAuthored: false }\n  ];\n  for (const node of chain) {\n    const next = [];\n    for (const parent of branches) {\n      for (const option of node.options) {\n        const resolved = resolveThemeName(\n          parent.name,\n          option.name,\n          config.themes\n        );\n        const schemeAuthored = parent.schemeAuthored || Boolean(\n          option.name && getThemeScheme(option.name) && option.name in config.themes\n        );\n        const tests = [parent.test, option.test].filter(Boolean);\n        next.push({\n          test: tests.length ? tests.join(\" && \") : null,\n          name: resolved ?? parent.name,\n          // a node that pins a scheme its parent had only inherited is its own\n          // scope even when the resolved name is unchanged, because it is the\n          // node that emits the pinned class\n          isNew: resolved !== null || schemeAuthored !== parent.schemeAuthored,\n          schemeAuthored\n        });\n      }\n    }\n    branches = next;\n  }\n  return branches;\n}\nfunction readStaticTheme(element, id, source, config, kind = \"Theme\") {\n  const moduleId = resolvedModuleId(id);\n  const violations = [];\n  const css = /* @__PURE__ */ new Map();\n  const opening = childNode(element, \"openingElement\");\n  const closing = childNode(element, \"closingElement\");\n  const span = (node) => ({ id: moduleId, start: node.start, end: node.end });\n  let options = [{ test: null, name: void 0 }];\n  let contain = false;\n  const themeKeyProps = {};\n  for (const attribute of childNodes(opening, \"attributes\")) {\n    if (attribute.type !== \"JSXAttribute\") {\n      violations.push({\n        rule: 1,\n        code: \"local/unsafe-style-spread\",\n        span: span(attribute),\n        component: kind,\n        message: zeroRuleMessage(1, { component: kind })\n      });\n      continue;\n    }\n    const key = jsxAttributeName(attribute);\n    if (!key) continue;\n    const rawValue = childNode(attribute, \"value\");\n    const value = rawValue && rawValue.type === \"JSXExpressionContainer\" ? childNode(rawValue, \"expression\") : rawValue;\n    if (kind === \"ThemeUpdate\" && reservedThemeProps[key]) {\n      violations.push({\n        rule: 4,\n        code: \"local/unsupported-target\",\n        span: span(attribute),\n        component: kind,\n        message: zeroRuleMessage(4, {\n          detail: `the <ThemeUpdate ${key}> prop, which belongs on <Theme>,`\n        })\n      });\n      continue;\n    }\n    if (kind === \"Theme\" && key === \"name\") {\n      const read = value ? readNameOptions(value, source, []) : null;\n      if (!read) {\n        violations.push({\n          rule: 4,\n          code: \"local/unsupported-target\",\n          span: span(attribute),\n          component: \"Theme\",\n          message: zeroRuleMessage(4, {\n            detail: `the <Theme name> value ${source.slice(attribute.start, attribute.end).replace(/\\s+/g, \" \").trim()}, which is not a literal theme name or a conditional over literal theme names,`\n          })\n        });\n        continue;\n      }\n      options = read;\n      continue;\n    }\n    if (kind === \"Theme\" && reservedThemeProps[key]) {\n      if (!LOWERABLE_RESERVED_PROPS.has(key)) {\n        violations.push({\n          rule: 4,\n          code: \"local/unsupported-target\",\n          span: span(attribute),\n          component: \"Theme\",\n          message: zeroRuleMessage(4, {\n            detail: `the <Theme ${key}> prop, which has no compiled form,`\n          })\n        });\n        continue;\n      }\n      const literal2 = value ? literalOf(value) : true;\n      if (typeof literal2 !== \"boolean\") {\n        violations.push({\n          rule: 4,\n          code: \"local/unsupported-target\",\n          span: span(attribute),\n          component: \"Theme\",\n          message: zeroRuleMessage(4, {\n            detail: `a non-literal <Theme ${key}> value,`\n          })\n        });\n        continue;\n      }\n      if (key === \"contain\") contain = literal2;\n      continue;\n    }\n    if (kind === \"Theme\") {\n      violations.push({\n        rule: 4,\n        code: \"local/unsupported-target\",\n        span: span(attribute),\n        component: \"Theme\",\n        message: zeroRuleMessage(4, {\n          detail: `the removed <Theme ${key}> inline-value spelling. Use <ThemeUpdate ${key}> around the subtree instead,`\n        })\n      });\n      continue;\n    }\n    const literal = value ? literalOf(value) : void 0;\n    if (typeof literal !== \"string\" && typeof literal !== \"number\") {\n      violations.push({\n        rule: 3,\n        code: \"local/dynamic-style-value\",\n        span: span(attribute),\n        component: kind,\n        message: zeroRuleMessage(3, {\n          prop: key,\n          component: kind,\n          detail: value ? \"a theme value must be a string or number literal at build time\" : \"a theme key needs a value\"\n        })\n      });\n      continue;\n    }\n    themeKeyProps[key] = literal;\n  }\n  if (!closing) {\n    violations.push({\n      rule: 4,\n      code: \"local/unsupported-target\",\n      span: span(element),\n      component: \"Theme\",\n      message: zeroRuleMessage(4, {\n        detail: `a self-closing <${kind}>, which has no subtree to theme,`\n      })\n    });\n  }\n  const issues = [];\n  const themeUpdateConfig = config;\n  const inlineValues = kind === \"ThemeUpdate\" && Object.keys(themeKeyProps).length ? getInlineValuesFromProps(\n    themeKeyProps,\n    themeUpdateConfig,\n    (issue) => issues.push(issue)\n  ) : null;\n  for (const issue of issues) {\n    violations.push({\n      rule: 3,\n      code: \"local/dynamic-style-value\",\n      span: span(opening),\n      component: kind,\n      message: zeroRuleMessage(3, {\n        prop: issue.key,\n        component: kind,\n        detail: issue.message\n      })\n    });\n  }\n  const inlineCSS = inlineValues ? getVariablesCSSRules(inlineValues, themeUpdateConfig) : null;\n  if (inlineCSS) css.set(inlineCSS.identifier, inlineCSS.rules.join(\"\"));\n  if (violations.length) return { node: null, violations, css };\n  return {\n    node: {\n      kind,\n      element,\n      opening,\n      closing,\n      options,\n      contain,\n      layer: inlineValues && inlineCSS ? {\n        inlineValues,\n        inlineClassName: inlineCSS.identifier\n      } : null\n    },\n    violations,\n    css\n  };\n}\nfunction lowerStaticTheme(node, chain, rootThemeName, config, id) {\n  const moduleId = resolvedModuleId(id);\n  const branches = resolveThemeChain(chain, rootThemeName, config);\n  if (branches.length > MAX_THEME_BRANCHES) {\n    return {\n      edits: [],\n      violations: [\n        {\n          rule: 4,\n          code: \"local/unsupported-target\",\n          span: { id: moduleId, start: node.element.start, end: node.element.end },\n          component: \"Theme\",\n          message: zeroRuleMessage(4, {\n            detail: `a <Theme> chain that enumerates ${branches.length} theme names, past the ${MAX_THEME_BRANCHES} this lowers,`\n          })\n        }\n      ]\n    };\n  }\n  const inlineClass = node.layer?.inlineClassName ?? \"\";\n  const classBranches = branches.map((branch) => ({\n    test: branch.test,\n    value: JSON.stringify(\n      [\n        branch.isNew ? getThemeClassNames(branch.name, false, branch.schemeAuthored) : \"\",\n        \"is_Theme\",\n        inlineClass\n      ].filter(Boolean).join(\" \").replace(/\\s+/g, \" \").trim()\n    )\n  }));\n  const baseStyle = node.contain ? `display:\"contents\",contain:\"strict\"` : `display:\"contents\"`;\n  const styleBranches = branches.map((branch) => {\n    const theme = config.themes[branch.name];\n    const color = branch.isNew && theme ? variableToString(theme.color) : \"\";\n    return {\n      test: branch.test,\n      value: color ? `{color:${JSON.stringify(color)},${baseStyle}}` : `{${baseStyle}}`\n    };\n  });\n  const className = foldBranches(classBranches);\n  const style = foldBranches(styleBranches);\n  const classAttribute = className.startsWith('\"') ? `className=${className}` : `className={${className}}`;\n  const edits = [\n    {\n      start: node.opening.start,\n      end: node.opening.end,\n      content: `<span ${classAttribute} style={${style}}>`,\n      origin: { id: moduleId, start: node.opening.start, end: node.opening.end }\n    }\n  ];\n  if (node.closing) {\n    edits.push({\n      start: node.closing.start,\n      end: node.closing.end,\n      content: `</span>`,\n      origin: { id: moduleId, start: node.closing.start, end: node.closing.end }\n    });\n  }\n  return { edits, violations: [] };\n}\nexport {\n  foldBranches,\n  lowerStaticTheme,\n  readStaticTheme,\n  resolveThemeChain\n};\n//# sourceMappingURL=theme.js.map\n"],"mappings":"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"}

package/dist/esm/zero/transform.mjs

@@ -0,0 +1,182 @@
+import { applyLoweredModule, childNode, childNodes, parseModuleAst, planZeroErasure, resolvedModuleId, walkAst, zeroIslandThemeMessage, zeroViolationsFromPlan } from "@tamagui/compiler-core";
+import { createHash } from "node:crypto";
+import path from "node:path";
+import { foldBranches, lowerStaticTheme, readStaticTheme, resolveThemeChain } from "./theme.mjs";
+
+function identifierNameOf(node) {
+	return node && node.type === "Identifier" && typeof node.name === "string" ? node.name : null;
+}
+function jsxNameOf(element) {
+	const opening = childNode(element, "openingElement");
+	if (!opening) return null;
+	const name = childNode(opening, "name");
+	return name && name.type === "JSXIdentifier" && typeof name.name === "string" ? name.name : null;
+}
+function transformZeroModule(input) {
+	const { id, source, config } = input;
+	const moduleId = resolvedModuleId(id);
+	const program = parseModuleAst(source, id);
+	const violations = zeroViolationsFromPlan(input.plan);
+	const edits = [];
+	const bridges = /* @__PURE__ */ new Map();
+	const bridgeCSS = /* @__PURE__ */ new Map();
+	let themeLocal = null;
+	let themeUpdateLocal = null;
+	const islandLocals = /* @__PURE__ */ new Map();
+	for (const statement of childNodes(program, "body")) {
+		if (statement.type !== "ImportDeclaration") continue;
+		const sourceNode = childNode(statement, "source");
+		const specifier = sourceNode && typeof sourceNode.value === "string" ? sourceNode.value : null;
+		if (!specifier) continue;
+		const island = input.resolveIslandLoader(specifier);
+		for (const importSpecifier of childNodes(statement, "specifiers")) {
+			const local = identifierNameOf(childNode(importSpecifier, "local"));
+			if (!local) continue;
+			if (island) {
+				islandLocals.set(local, island.islandId);
+				continue;
+			}
+			if (!input.isTamaguiSpecifier(specifier)) continue;
+			const imported = childNode(importSpecifier, "imported");
+			if (imported && imported.name === "Theme") themeLocal = local;
+			if (imported && imported.name === "ThemeUpdate") themeUpdateLocal = local;
+		}
+	}
+	const parents = /* @__PURE__ */ new Map();
+	const elements = [];
+	walkAst(program, (node, parent) => {
+		if (parent) parents.set(node, parent);
+		if (node.type === "JSXElement") elements.push(node);
+	});
+	const themeElements = elements.filter((element) => {
+		const name = jsxNameOf(element);
+		return name === themeLocal || name === themeUpdateLocal;
+	});
+	const themeNodes = /* @__PURE__ */ new Map();
+	for (const element of themeElements) {
+		const read = readStaticTheme(element, id, source, config, jsxNameOf(element) === themeUpdateLocal ? "ThemeUpdate" : "Theme");
+		for (const [identifier, rules] of read.css) bridgeCSS.set(identifier, rules);
+		violations.push(...read.violations);
+		if (read.node) themeNodes.set(element, read.node);
+	}
+	const themeChainOf = (element) => {
+		const chain = [];
+		let cursor = element;
+		while (cursor) {
+			const node = themeNodes.get(cursor);
+			if (node) chain.unshift(node);
+			cursor = parents.get(cursor);
+		}
+		return chain;
+	};
+	const rootThemeName = Object.keys(config.themes)[0] ?? "light";
+	for (const element of themeElements) {
+		const node = themeNodes.get(element);
+		if (!node) continue;
+		const lowered = lowerStaticTheme(node, themeChainOf(element), rootThemeName, config, id);
+		violations.push(...lowered.violations);
+		edits.push(...lowered.edits);
+	}
+	const mounts = elements.filter((element) => {
+		const name = jsxNameOf(element);
+		return !!name && islandLocals.has(name);
+	}).sort((left, right) => left.start - right.start);
+	const moduleBridgePrefix = createHash("sha256").update(path.relative(input.root, id).replace(/\\/g, "/")).digest("hex").slice(0, 8);
+	const loweredRanges = input.plan.edits.filter((edit) => edit.end > edit.start);
+	const isOpaqueAncestor = (element) => {
+		if (themeNodes.has(element)) return false;
+		const name = jsxNameOf(element);
+		if (!name || islandLocals.has(name)) return false;
+		if (name[0] !== name[0].toUpperCase()) return false;
+		const nameNode = childNode(childNode(element, "openingElement"), "name");
+		return !loweredRanges.some((edit) => edit.start <= nameNode.start && edit.end >= nameNode.end);
+	};
+	mounts.forEach((element, index) => {
+		const islandId = islandLocals.get(jsxNameOf(element));
+		let opaque = null;
+		for (let cursor = parents.get(element); cursor; cursor = parents.get(cursor)) {
+			if (cursor.type === "JSXElement" && isOpaqueAncestor(cursor)) opaque = cursor;
+		}
+		if (opaque) {
+			violations.push({
+				rule: 4,
+				code: "local/unsupported-target",
+				span: {
+					id: moduleId,
+					start: element.start,
+					end: element.end
+				},
+				component: islandId,
+				message: zeroIslandThemeMessage(islandId)
+			});
+			return;
+		}
+		const chain = themeChainOf(element);
+		const layers = chain.map((node) => node.layer).filter((layer) => !!layer);
+		const branches = resolveThemeChain(chain, rootThemeName, config);
+		const descriptors = branches.map((branch, branchIndex) => ({
+			test: branch.test,
+			bridge: {
+				id: branches.length === 1 ? `b${moduleBridgePrefix}_${index}` : `b${moduleBridgePrefix}_${index}_${branchIndex}`,
+				name: branch.name,
+				layers
+			}
+		}));
+		const list = bridges.get(islandId) ?? [];
+		for (const descriptor of descriptors) list.push(descriptor.bridge);
+		bridges.set(islandId, list);
+		const fold = (value) => foldBranches(descriptors.map((descriptor) => ({
+			test: descriptor.test,
+			value: value(descriptor.bridge)
+		})));
+		const opening = childNode(element, "openingElement");
+		const nameNode = childNode(opening, "name");
+		edits.push({
+			start: nameNode.end,
+			end: nameNode.end,
+			content: ` data-tamagui-bridge={${fold((bridge) => JSON.stringify(bridge.id))}} __tamaguiBridge={${fold((bridge) => JSON.stringify(bridge))}}`,
+			origin: {
+				id: moduleId,
+				start: nameNode.start,
+				end: nameNode.end
+			}
+		});
+	});
+	const erasure = violations.length ? null : planZeroErasure({
+		id: moduleId,
+		source,
+		loweredEdits: [...input.plan.edits, ...edits],
+		isTamaguiSpecifier: input.isTamaguiSpecifier,
+		islandIdFor: input.resolveIslandModule
+	});
+	if (erasure) {
+		edits.push(...erasure.edits);
+		violations.push(...erasure.violations);
+	}
+	const output = input.mode === "report" ? applyLoweredModule(source, moduleId, input.plan) : violations.length ? {
+		changed: false,
+		code: source,
+		map: null
+	} : applyLoweredModule(source, moduleId, {
+		id: moduleId,
+		sourceHash: input.plan.sourceHash,
+		edits: [...input.plan.edits, ...edits]
+	});
+	return {
+		output,
+		edits: input.mode === "report" ? [] : edits,
+		bridges: input.mode === "report" ? /* @__PURE__ */ new Map() : bridges,
+		bridgeCSS: input.mode === "report" ? /* @__PURE__ */ new Map() : bridgeCSS,
+		violations,
+		erased: {
+			modules: erasure?.removedModules ?? [],
+			bindings: erasure?.removedBindings ?? [],
+			styledDefinitions: erasure?.erasedStyledDefinitions ?? [],
+			exports: erasure?.erasedExports ?? []
+		},
+		rewrittenAnimatedNumberHooks: erasure?.rewrittenAnimatedNumberHooks ?? []
+	};
+}
+
+export { transformZeroModule };
+//# sourceMappingURL=transform.mjs.map

package/dist/esm/zero/transform.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","names":[],"sources":["esm/zero/transform.js"],"sourcesContent":["import {\n  applyLoweredModule,\n  childNode,\n  childNodes,\n  parseModuleAst,\n  planZeroErasure,\n  resolvedModuleId,\n  walkAst,\n  zeroIslandThemeMessage,\n  zeroViolationsFromPlan\n} from \"@tamagui/compiler-core\";\nimport { createHash } from \"node:crypto\";\nimport path from \"node:path\";\nimport {\n  foldBranches,\n  lowerStaticTheme,\n  readStaticTheme,\n  resolveThemeChain\n} from \"./theme\";\nfunction identifierNameOf(node) {\n  return node && node.type === \"Identifier\" && typeof node.name === \"string\" ? node.name : null;\n}\nfunction jsxNameOf(element) {\n  const opening = childNode(element, \"openingElement\");\n  if (!opening) return null;\n  const name = childNode(opening, \"name\");\n  return name && name.type === \"JSXIdentifier\" && typeof name.name === \"string\" ? name.name : null;\n}\nfunction transformZeroModule(input) {\n  const { id, source, config } = input;\n  const moduleId = resolvedModuleId(id);\n  const program = parseModuleAst(source, id);\n  const violations = zeroViolationsFromPlan(input.plan);\n  const edits = [];\n  const bridges = /* @__PURE__ */ new Map();\n  const bridgeCSS = /* @__PURE__ */ new Map();\n  let themeLocal = null;\n  let themeUpdateLocal = null;\n  const islandLocals = /* @__PURE__ */ new Map();\n  for (const statement of childNodes(program, \"body\")) {\n    if (statement.type !== \"ImportDeclaration\") continue;\n    const sourceNode = childNode(statement, \"source\");\n    const specifier = sourceNode && typeof sourceNode.value === \"string\" ? sourceNode.value : null;\n    if (!specifier) continue;\n    const island = input.resolveIslandLoader(specifier);\n    for (const importSpecifier of childNodes(statement, \"specifiers\")) {\n      const local = identifierNameOf(childNode(importSpecifier, \"local\"));\n      if (!local) continue;\n      if (island) {\n        islandLocals.set(local, island.islandId);\n        continue;\n      }\n      if (!input.isTamaguiSpecifier(specifier)) continue;\n      const imported = childNode(importSpecifier, \"imported\");\n      if (imported && imported.name === \"Theme\") themeLocal = local;\n      if (imported && imported.name === \"ThemeUpdate\") themeUpdateLocal = local;\n    }\n  }\n  const parents = /* @__PURE__ */ new Map();\n  const elements = [];\n  walkAst(program, (node, parent) => {\n    if (parent) parents.set(node, parent);\n    if (node.type === \"JSXElement\") elements.push(node);\n  });\n  const themeElements = elements.filter((element) => {\n    const name = jsxNameOf(element);\n    return name === themeLocal || name === themeUpdateLocal;\n  });\n  const themeNodes = /* @__PURE__ */ new Map();\n  for (const element of themeElements) {\n    const read = readStaticTheme(\n      element,\n      id,\n      source,\n      config,\n      jsxNameOf(element) === themeUpdateLocal ? \"ThemeUpdate\" : \"Theme\"\n    );\n    for (const [identifier, rules] of read.css) bridgeCSS.set(identifier, rules);\n    violations.push(...read.violations);\n    if (read.node) themeNodes.set(element, read.node);\n  }\n  const themeChainOf = (element) => {\n    const chain = [];\n    let cursor = element;\n    while (cursor) {\n      const node = themeNodes.get(cursor);\n      if (node) chain.unshift(node);\n      cursor = parents.get(cursor);\n    }\n    return chain;\n  };\n  const rootThemeName = Object.keys(config.themes)[0] ?? \"light\";\n  for (const element of themeElements) {\n    const node = themeNodes.get(element);\n    if (!node) continue;\n    const lowered = lowerStaticTheme(\n      node,\n      themeChainOf(element),\n      rootThemeName,\n      config,\n      id\n    );\n    violations.push(...lowered.violations);\n    edits.push(...lowered.edits);\n  }\n  const mounts = elements.filter((element) => {\n    const name = jsxNameOf(element);\n    return !!name && islandLocals.has(name);\n  }).sort((left, right) => left.start - right.start);\n  const moduleBridgePrefix = createHash(\"sha256\").update(path.relative(input.root, id).replace(/\\\\/g, \"/\")).digest(\"hex\").slice(0, 8);\n  const loweredRanges = input.plan.edits.filter((edit) => edit.end > edit.start);\n  const isOpaqueAncestor = (element) => {\n    if (themeNodes.has(element)) return false;\n    const name = jsxNameOf(element);\n    if (!name || islandLocals.has(name)) return false;\n    if (name[0] !== name[0].toUpperCase()) return false;\n    const nameNode = childNode(childNode(element, \"openingElement\"), \"name\");\n    return !loweredRanges.some(\n      (edit) => edit.start <= nameNode.start && edit.end >= nameNode.end\n    );\n  };\n  mounts.forEach((element, index) => {\n    const islandId = islandLocals.get(jsxNameOf(element));\n    let opaque = null;\n    for (let cursor = parents.get(element); cursor; cursor = parents.get(cursor)) {\n      if (cursor.type === \"JSXElement\" && isOpaqueAncestor(cursor)) opaque = cursor;\n    }\n    if (opaque) {\n      violations.push({\n        rule: 4,\n        code: \"local/unsupported-target\",\n        span: { id: moduleId, start: element.start, end: element.end },\n        component: islandId,\n        message: zeroIslandThemeMessage(islandId)\n      });\n      return;\n    }\n    const chain = themeChainOf(element);\n    const layers = chain.map((node) => node.layer).filter((layer) => !!layer);\n    const branches = resolveThemeChain(chain, rootThemeName, config);\n    const descriptors = branches.map((branch, branchIndex) => ({\n      test: branch.test,\n      bridge: {\n        // unique across modules and stable across the server and client\n        // compilations of the same entry, because both see the same module path\n        id: branches.length === 1 ? `b${moduleBridgePrefix}_${index}` : `b${moduleBridgePrefix}_${index}_${branchIndex}`,\n        name: branch.name,\n        layers\n      }\n    }));\n    const list = bridges.get(islandId) ?? [];\n    for (const descriptor of descriptors) list.push(descriptor.bridge);\n    bridges.set(islandId, list);\n    const fold = (value) => foldBranches(\n      descriptors.map((descriptor) => ({\n        test: descriptor.test,\n        value: value(descriptor.bridge)\n      }))\n    );\n    const opening = childNode(element, \"openingElement\");\n    const nameNode = childNode(opening, \"name\");\n    edits.push({\n      start: nameNode.end,\n      end: nameNode.end,\n      content: ` data-tamagui-bridge={${fold(\n        (bridge) => JSON.stringify(bridge.id)\n      )}} __tamaguiBridge={${fold((bridge) => JSON.stringify(bridge))}}`,\n      origin: { id: moduleId, start: nameNode.start, end: nameNode.end }\n    });\n  });\n  const erasure = violations.length ? null : planZeroErasure({\n    id: moduleId,\n    source,\n    loweredEdits: [...input.plan.edits, ...edits],\n    isTamaguiSpecifier: input.isTamaguiSpecifier,\n    islandIdFor: input.resolveIslandModule\n  });\n  if (erasure) {\n    edits.push(...erasure.edits);\n    violations.push(...erasure.violations);\n  }\n  const output = input.mode === \"report\" ? applyLoweredModule(source, moduleId, input.plan) : violations.length ? { changed: false, code: source, map: null } : applyLoweredModule(source, moduleId, {\n    id: moduleId,\n    sourceHash: input.plan.sourceHash,\n    edits: [...input.plan.edits, ...edits]\n  });\n  return {\n    output,\n    edits: input.mode === \"report\" ? [] : edits,\n    bridges: input.mode === \"report\" ? /* @__PURE__ */ new Map() : bridges,\n    bridgeCSS: input.mode === \"report\" ? /* @__PURE__ */ new Map() : bridgeCSS,\n    violations,\n    erased: {\n      modules: erasure?.removedModules ?? [],\n      bindings: erasure?.removedBindings ?? [],\n      styledDefinitions: erasure?.erasedStyledDefinitions ?? [],\n      exports: erasure?.erasedExports ?? []\n    },\n    rewrittenAnimatedNumberHooks: erasure?.rewrittenAnimatedNumberHooks ?? []\n  };\n}\nexport {\n  transformZeroModule\n};\n//# sourceMappingURL=transform.js.map\n"],"mappings":"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"}