@tamagui/cli 3.0.0-beta.1177.1 → 3.0.0-beta.1191.1

package/dist/cli.cjs

@@ -95,13 +95,7 @@ const COMMAND_MAP = {
 			await loadTamagui({
 				...options.tamaguiOptions,
 				platform: "web"
-			});
-			const { generatePrompt } = require("./generate-prompt.cjs");
-			const { join } = require("node:path");
-			await generatePrompt({
-				...options,
-				output: join(options.paths.dotDir, "prompt.md")
-			});
+			}, true);
 		}
 	},
 	"generate-css": {

package/dist/generate-prompt.cjs

@@ -25,11 +25,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var generate_prompt_exports = {};
-__export(generate_prompt_exports, {
-	generateMarkdown: () => generateMarkdown,
-	generatePrompt: () => generatePrompt
-});
+__export(generate_prompt_exports, { generatePrompt: () => generatePrompt });
 module.exports = __toCommonJS(generate_prompt_exports);
+var import_static = require("@tamagui/static");
 var import_node_path = require("node:path");
 var FS = __toESM(require("fs-extra"));
 async function generatePrompt(options) {
@@ -49,479 +47,10 @@ async function generatePrompt(options) {
 	const explicitChoice = options.styleValueSyntax || process.env.TAMAGUI_STYLE_VALUE_SYNTAX || configSetting;
 	const { resolveStyleValueSyntax } = require("./setup-prompt.cjs");
 	const resolvedSyntax = await resolveStyleValueSyntax(explicitChoice);
-	const markdown = generateMarkdown(config, { styleValueSyntax: resolvedSyntax });
+	const markdown = (0, import_static.generateConfigMarkdown)(config, { styleValueSyntax: resolvedSyntax });
 	const outputPath = output || (0, import_node_path.join)(process.cwd(), "tamagui-prompt.md");
 	await FS.writeFile(outputPath, markdown, "utf-8");
 	console.info(`
   \u2713 Generated prompt file at ${outputPath}
 `);
 }
-function generateMarkdown(config, options) {
-	const sections = [];
-	sections.push("# Tamagui Configuration\n\n");
-	sections.push("This document provides an overview of the Tamagui configuration for this project.\n\n");
-	const shorthands = config.tamaguiConfig?.shorthands || {};
-	const reverseShorthands = {};
-	for (const [short, full] of Object.entries(shorthands)) {
-		reverseShorthands[full] = short;
-	}
-	const getPropName = (fullProp) => {
-		const settings2 = config.tamaguiConfig?.settings || {};
-		if (settings2.onlyAllowShorthands) {
-			if (reverseShorthands[fullProp]) return reverseShorthands[fullProp];
-			if (fullProp === "backgroundColor" && reverseShorthands["background"]) {
-				return reverseShorthands["background"];
-			}
-		}
-		return fullProp;
-	};
-	const settings = config.tamaguiConfig?.settings || {};
-	const syntaxChoice = options?.styleValueSyntax || settings.styleValueSyntax || "both";
-	sections.push("## Configuration Settings\n\n");
-	sections.push("**IMPORTANT:** These settings affect how you write Tamagui code in this project.\n\n");
-	if (settings.defaultFont) {
-		sections.push(`### Default Font: \`${settings.defaultFont}\`
-
-`);
-		sections.push(`All text components will use the "${settings.defaultFont}" font family by default.
-
-`);
-	}
-	if (settings.onlyAllowShorthands !== void 0) {
-		sections.push(`### Only Allow Shorthands: \`${settings.onlyAllowShorthands}\`
-
-`);
-		if (settings.onlyAllowShorthands) {
-			sections.push("**You MUST use shorthand properties in this project.**\n\n");
-			sections.push("Full property names are not allowed. For example:\n");
-			sections.push("- ✅ `<View w=\"10\" />` (correct)\n");
-			sections.push("- ❌ `<View width=\"10\" />` (will error)\n\n");
-			sections.push("See the Shorthand Properties section below for all available shorthands.\n\n");
-		} else {
-			sections.push("You can use either shorthand or full property names.\n\n");
-		}
-	}
-	if (syntaxChoice === "string") {
-		sections.push("### Style value syntax: `string`\n\n");
-		sections.push("Only the string form is allowed in this project (e.g. `bg=\"red hover:blue\"`).\n\n");
-	} else if (syntaxChoice === "object") {
-		sections.push("### Style value syntax: `object`\n\n");
-		sections.push("Only the object form is allowed in this project (e.g. `bg={{ default: 'red', hover: 'blue' }}`).\n\n");
-	} else {
-		sections.push("### Style value syntax\n\n");
-		sections.push("Both string and object style value syntax are allowed.\n\n");
-	}
-	if (settings.addThemeClassName !== void 0) {
-		sections.push(`### Theme Class Name: \`${settings.addThemeClassName}\`
-
-`);
-		if (settings.addThemeClassName === "html") {
-			sections.push("Theme classes are applied to the root HTML element.\n\n");
-		}
-	}
-	if (settings.allowedStyleValues) {
-		sections.push("### Allowed Style Values\n\n");
-		sections.push(`Type validation: \`${JSON.stringify(settings.allowedStyleValues)}\`.
-
-`);
-		sections.push("Single-token values are type-checked. Run `tamagui check --strict` to also validate conditional payloads.\n\n");
-	}
-	sections.push("## Flat Value Grammar\n\n");
-	sections.push("Conditional style values follow this grammar:\n\n");
-	sections.push("```txt\n");
-	sections.push("value  := base? clause*\n");
-	sections.push("clause := modifier(:modifier)*:payload\n");
-	sections.push("```\n\n");
-	sections.push("- No `$` sigils: bare token names (`bg=\"background\"`, not `bg=\"$background\"`).\n");
-	sections.push("- Kebab-case theme names: `background-hover`, `border-color`, `shadow-color`.\n");
-	sections.push("- Numbers are px: `p={4}` is 4px, while `p=\"4\"` is space token 4.\n");
-	sections.push("- Specificity precedence: platform (`ios:` > `native:` > bare) > condition count > category (media < container < theme < group < state).\n\n");
-	const bgProp = getPropName("background");
-	const pProp = getPropName("padding");
-	if (syntaxChoice === "string") {
-		sections.push("**String form:**\n\n");
-		sections.push("```tsx\n");
-		sections.push(`<View ${bgProp}="background hover:background-hover dark:blue-500" ${pProp}="4 sm:6 max-sm:2" />
-`);
-		sections.push("```\n\n");
-	} else if (syntaxChoice === "object") {
-		sections.push("**Object form:**\n\n");
-		sections.push("```tsx\n");
-		sections.push(`<View ${bgProp}={{ default: 'background', hover: 'background-hover', dark: 'blue-500' }} ${pProp}={{ default: '4', sm: '6', 'max-sm': '2' }} />
-`);
-		sections.push("```\n\n");
-	} else {
-		sections.push("Both forms are allowed:\n\n");
-		sections.push("```tsx\n");
-		sections.push("// string form\n");
-		sections.push(`<View ${bgProp}="background hover:background-hover dark:blue-500" ${pProp}="4 sm:6 max-sm:2" />
-
-`);
-		sections.push("// object form\n");
-		sections.push(`<View ${bgProp}={{ default: 'background', hover: 'background-hover', dark: 'blue-500' }} ${pProp}={{ default: '4', sm: '6', 'max-sm': '2' }} />
-`);
-		sections.push("```\n\n");
-	}
-	sections.push("## Shorthand Properties\n\n");
-	sections.push("These shorthand properties are available for styling:\n\n");
-	const shorthandEntries = Object.entries(shorthands).sort(([a], [b]) => a.localeCompare(b));
-	sections.push(shorthandEntries.map(([short, full]) => `- \`${short}\` \u2192 \`${full}\``).join("\n"));
-	sections.push("\n\n");
-	const sizes = config.tamaguiConfig?.sizes;
-	if (sizes && typeof sizes === "object") {
-		sections.push("## Named Control Sizes\n\n");
-		sections.push(`Control components (Button, Input, etc.) use the configured names below. Default is \`${sizes.default ?? "md"}\`.
-
-`);
-		sections.push("| Size | Configuration |\n");
-		sections.push("|---|---|\n");
-		for (const [sizeKey, val] of Object.entries(sizes)) {
-			if (sizeKey === "default") continue;
-			const valStr = typeof val === "object" && val !== null ? JSON.stringify(val) : String(val);
-			const isDefault = sizes.default === sizeKey ? " (default)" : "";
-			sections.push(`| \`${sizeKey}\`${isDefault} | ${valStr} |
-`);
-		}
-		sections.push("\n");
-	}
-	sections.push("## Themes\n\n");
-	const themes = config.tamaguiConfig?.themes || {};
-	const themeNames = Object.keys(themes).sort();
-	sections.push(themeNames.map((name) => `- \`${name}\``).join("\n"));
-	sections.push("\n\nTheme names above are exact configured names. Nested themes resolve relative to their parent. Use an explicit theme boundary in a component skin.\n\n");
-	if (themeNames.length) {
-		sections.push("### Theme Usage\n\n");
-		sections.push(`\`\`\`tsx
-<Theme name=${JSON.stringify(themeNames[0])}>
-  <Button>Uses this theme</Button>
-</Theme>
-\`\`\`
-
-`);
-	}
-	sections.push("**Accessing theme values:**\n\n");
-	sections.push("Components access theme values by their bare names:\n\n");
-	const colorProp = getPropName("color");
-	if (syntaxChoice === "string") {
-		sections.push("```tsx\n");
-		sections.push(`<View ${bgProp}="background hover:background-hover" ${colorProp}="color" />
-`);
-		sections.push("```\n\n");
-	} else if (syntaxChoice === "object") {
-		sections.push("```tsx\n");
-		sections.push(`<View ${bgProp}={{ default: 'background', hover: 'background-hover' }} ${colorProp}={{ default: 'color' }} />
-`);
-		sections.push("```\n\n");
-	} else {
-		sections.push("```tsx\n");
-		sections.push("// string form\n");
-		sections.push(`<View ${bgProp}="background hover:background-hover" ${colorProp}="color" />
-
-`);
-		sections.push("// object form\n");
-		sections.push(`<View ${bgProp}={{ default: 'background', hover: 'background-hover' }} ${colorProp}={{ default: 'color' }} />
-`);
-		sections.push("```\n\n");
-	}
-	sections.push("**Special props:**\n\n");
-	sections.push("- `theme=\"inverse\"`: Uses the opposite light or dark sub-theme\n");
-	sections.push("## Tokens\n\n");
-	sections.push("Tokens are design system values referenced by their bare names.\n\n");
-	const tokens = config.tamaguiConfig?.tokens || {};
-	if (tokens.space && Object.keys(tokens.space).length > 0) {
-		sections.push("### Space Tokens\n\n");
-		const spaceTokens = Object.entries(tokens.space).sort(([a], [b]) => {
-			const numA = parseFloat(a);
-			const numB = parseFloat(b);
-			if (!isNaN(numA) && !isNaN(numB)) {
-				return numA - numB;
-			}
-			return a.localeCompare(b);
-		});
-		sections.push(spaceTokens.map(([key, value]) => `- \`${key}\`: ${formatTokenValue(value)}`).join("\n"));
-		sections.push("\n\n");
-	}
-	if (tokens.size && Object.keys(tokens.size).length > 0) {
-		sections.push("### Size Tokens\n\n");
-		const sizeTokens = Object.entries(tokens.size).sort(([a], [b]) => {
-			const numA = parseFloat(a);
-			const numB = parseFloat(b);
-			if (!isNaN(numA) && !isNaN(numB)) {
-				return numA - numB;
-			}
-			return a.localeCompare(b);
-		});
-		sections.push(sizeTokens.map(([key, value]) => `- \`${key}\`: ${formatTokenValue(value)}`).join("\n"));
-		sections.push("\n\n");
-	}
-	if (tokens.radius && Object.keys(tokens.radius).length > 0) {
-		sections.push("### Radius Tokens\n\n");
-		const radiusTokens = Object.entries(tokens.radius).sort(([a], [b]) => {
-			const numA = parseFloat(a);
-			const numB = parseFloat(b);
-			if (!isNaN(numA) && !isNaN(numB)) {
-				return numA - numB;
-			}
-			return a.localeCompare(b);
-		});
-		sections.push(radiusTokens.map(([key, value]) => `- \`${key}\`: ${formatTokenValue(value)}`).join("\n"));
-		sections.push("\n\n");
-	}
-	if (tokens.zIndex && Object.keys(tokens.zIndex).length > 0) {
-		sections.push("### Z-Index Tokens\n\n");
-		const zIndexTokens = Object.entries(tokens.zIndex).sort(([a], [b]) => {
-			const numA = parseFloat(a);
-			const numB = parseFloat(b);
-			if (!isNaN(numA) && !isNaN(numB)) {
-				return numA - numB;
-			}
-			return a.localeCompare(b);
-		});
-		sections.push(zIndexTokens.map(([key, value]) => `- \`${key}\`: ${formatTokenValue(value)}`).join("\n"));
-		sections.push("\n\n");
-	}
-	let sampleColorBg = "blue-500";
-	let sampleColorText = "color";
-	if (tokens.color && Object.keys(tokens.color).length > 0) {
-		sections.push("### Color Tokens\n\n");
-		const colorKeys = Object.keys(tokens.color).sort();
-		const paletteMap = /* @__PURE__ */ new Map();
-		const standaloneColors = [];
-		for (const key of colorKeys) {
-			const match = key.match(/^([a-z]+)-(\d+)$/);
-			if (match) {
-				const [, palette, step] = match;
-				if (!paletteMap.has(palette)) {
-					paletteMap.set(palette, /* @__PURE__ */ new Set());
-				}
-				paletteMap.get(palette).add(step);
-			} else {
-				standaloneColors.push([key, tokens.color[key]]);
-			}
-		}
-		if (paletteMap.size >= 4) {
-			const palettes = Array.from(paletteMap.keys()).sort().join(", ");
-			sections.push(`**Tailwind Palettes (\`<name>-<50..950>\`):** ${palettes}
-
-`);
-			if (standaloneColors.length > 0) {
-				sections.push("**Named Colors:**\n\n");
-				sections.push(standaloneColors.map(([k, v]) => `- \`${k}\`: ${formatTokenValue(v)}`).join("\n"));
-				sections.push("\n\n");
-			}
-			sampleColorBg = colorKeys.find((k) => k.startsWith("blue-")) || colorKeys[0];
-			sampleColorText = colorKeys.find((k) => k.startsWith("gray-") || k.startsWith("zinc-")) || colorKeys[1] || "color";
-		} else {
-			sections.push(colorKeys.map((key) => `- \`${key}\`: ${formatTokenValue(tokens.color[key])}`).join("\n"));
-			sections.push("\n\n");
-			sampleColorBg = colorKeys[0] || "background";
-			sampleColorText = colorKeys[1] || "color";
-		}
-	} else {
-		sampleColorBg = "background";
-		sampleColorText = "color";
-	}
-	sections.push("### Token Usage\n\n");
-	sections.push("Tokens can be used in component props by their bare names:\n\n");
-	const paddingProp = getPropName("padding");
-	const gapProp = getPropName("gap");
-	const marginProp = getPropName("margin");
-	const widthProp = getPropName("width");
-	const heightProp = getPropName("height");
-	const radiusProp = getPropName("borderRadius");
-	const sampleRadius = tokens.radius?.md ? "md" : Object.keys(tokens.radius || {})[0] || "0px";
-	if (syntaxChoice === "string") {
-		sections.push("```tsx\n");
-		sections.push(`// Space tokens - for margin, padding, gap
-<View ${paddingProp}="4 sm:6" ${gapProp}="2" ${marginProp}="3" />
-
-`);
-		sections.push(`// Size tokens - for width, height, dimensions
-<View ${widthProp}="10 sm:12" ${heightProp}="6" />
-
-`);
-		sections.push(`// Color tokens - for colors and backgrounds
-<View ${bgProp}="${sampleColorBg} hover:${sampleColorBg}" ${colorProp}="${sampleColorText}" />
-
-`);
-		sections.push(`// Radius tokens - for border-radius
-<View ${radiusProp}="${sampleRadius}" />
-`);
-		sections.push("```\n\n");
-	} else if (syntaxChoice === "object") {
-		sections.push("```tsx\n");
-		sections.push(`// Space tokens - for margin, padding, gap
-<View ${paddingProp}={{ default: '4', sm: '6' }} ${gapProp}="2" ${marginProp}="3" />
-
-`);
-		sections.push(`// Size tokens - for width, height, dimensions
-<View ${widthProp}={{ default: '10', sm: '12' }} ${heightProp}="6" />
-
-`);
-		sections.push(`// Color tokens - for colors and backgrounds
-<View ${bgProp}={{ default: '${sampleColorBg}', hover: '${sampleColorBg}' }} ${colorProp}={{ default: '${sampleColorText}' }} />
-
-`);
-		sections.push(`// Radius tokens - for border-radius
-<View ${radiusProp}="${sampleRadius}" />
-`);
-		sections.push("```\n\n");
-	} else {
-		sections.push("```tsx\n");
-		sections.push("// String form\n");
-		sections.push(`<View ${paddingProp}="4 sm:6" ${widthProp}="10 sm:12" ${bgProp}="${sampleColorBg}" />
-
-`);
-		sections.push("// Object form\n");
-		sections.push(`<View ${paddingProp}={{ default: '4', sm: '6' }} ${widthProp}={{ default: '10', sm: '12' }} ${bgProp}={{ default: '${sampleColorBg}' }} />
-
-`);
-		sections.push(`// Space and radius tokens
-<View ${gapProp}="2" ${marginProp}="3" ${heightProp}="6" ${radiusProp}="${sampleRadius}" />
-`);
-		sections.push("```\n\n");
-	}
-	if (config.tamaguiConfig?.media) {
-		sections.push("## Media Queries\n\n");
-		sections.push("Available responsive breakpoints:\n\n");
-		const media = config.tamaguiConfig.media;
-		const mediaEntries = Object.entries(media).sort(([a], [b]) => a.localeCompare(b));
-		for (const [name, query] of mediaEntries) {
-			sections.push(`- **${name}**: ${formatMediaQuery(query)}
-`);
-		}
-		sections.push("\n");
-		sections.push("### Media Query Usage\n\n");
-		sections.push("Media queries can be used as style props or with the `useMedia` hook:\n\n");
-		const representative = mediaEntries.find(([n]) => n === "sm" || n === "md")?.[0] || mediaEntries.find(([n]) => !n.includes("-"))?.[0] || mediaEntries[0]?.[0];
-		if (representative) {
-			const isIdentifier = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(representative);
-			const mediaAccess = isIdentifier ? `media.${representative}` : `media['${representative}']`;
-			sections.push("```tsx\n");
-			if (syntaxChoice === "string") {
-				sections.push("// As a clause in the same style value\n");
-				sections.push(`<View ${widthProp}="100% ${representative}:50%" />
-
-`);
-			} else if (syntaxChoice === "object") {
-				sections.push("// Using the object form\n");
-				sections.push(`<View ${widthProp}={{ default: '100%', '${representative}': '50%' }} />
-
-`);
-			} else {
-				sections.push("// String form and object form\n");
-				sections.push(`<View ${widthProp}="100% ${representative}:50%" />
-`);
-				sections.push(`<View ${widthProp}={{ default: '100%', '${representative}': '50%' }} />
-
-`);
-			}
-			sections.push("// Using the useMedia hook\n");
-			sections.push("const media = useMedia()\n");
-			sections.push(`if (${mediaAccess}) {
-`);
-			sections.push("  // Render for this breakpoint\n");
-			sections.push("}\n");
-			sections.push("```\n\n");
-		}
-	}
-	if (config.tamaguiConfig?.fonts) {
-		sections.push("## Fonts\n\n");
-		sections.push("Available font families:\n\n");
-		const fonts = config.tamaguiConfig.fonts;
-		const fontNames = Object.keys(fonts).sort();
-		sections.push(fontNames.map((name) => `- ${name}`).join("\n"));
-		sections.push("\n\n");
-	}
-	if (config.tamaguiConfig?.animations) {
-		sections.push("## Animations\n\n");
-		sections.push("Available animation presets:\n\n");
-		const animations = config.tamaguiConfig.animations;
-		if (animations.animations) {
-			const animationNames = Object.keys(animations.animations).sort();
-			sections.push(animationNames.map((name) => `- ${name}`).join("\n"));
-			sections.push("\n\n");
-		}
-	}
-	const componentsSection = [];
-	const componentSet = /* @__PURE__ */ new Set();
-	let barrelExported = false;
-	const candidateModules = ["tamagui", ...(config.components || []).map((c) => c.moduleName)];
-	for (const modName of candidateModules) {
-		if (!modName) continue;
-		try {
-			const mod = require(modName);
-			for (const [key, val] of Object.entries(mod)) {
-				if (/^[A-Z]/.test(key) && (typeof val === "function" || typeof val === "object" && val !== null)) {
-					if (!key.endsWith("Context") && !key.endsWith("Provider") && key !== "Fragment") {
-						componentSet.add(key);
-						barrelExported = true;
-					}
-				}
-			}
-			if (barrelExported) break;
-		} catch {}
-	}
-	if (!barrelExported && config.components) {
-		for (const componentModule of config.components) {
-			for (const name of Object.keys(componentModule.nameToInfo || {})) {
-				componentSet.add(name);
-			}
-		}
-	}
-	const allComponents = Array.from(componentSet).filter((name) => {
-		if (name.endsWith("Frame")) {
-			const base = name.replace(/Frame$/, "");
-			if (componentSet.has(base) || name.startsWith("Popper") || name.startsWith("DialogPortal") || name.startsWith("SelectScrollButton")) {
-				return false;
-			}
-		}
-		return true;
-	});
-	componentsSection.push("## Components\n\n");
-	componentsSection.push("Available named exports (import these names directly):\n\n");
-	for (const name of allComponents.sort()) {
-		componentsSection.push(`- ${name}
-`);
-	}
-	componentsSection.push("\n");
-	sections.push(...componentsSection);
-	return sections.join("");
-}
-function formatTokenValue(value) {
-	if (typeof value === "object" && value !== null && "val" in value) {
-		return String(value.val);
-	}
-	return String(value);
-}
-function formatMediaQuery(query) {
-	if (typeof query !== "object" || query === null) {
-		return String(query);
-	}
-	const parts = [];
-	if (query.minWidth !== void 0) {
-		parts.push(`min-width: ${query.minWidth}px (screens >= ${query.minWidth}px wide)`);
-	}
-	if (query.maxWidth !== void 0) {
-		parts.push(`max-width: ${query.maxWidth}px (screens <= ${query.maxWidth}px wide)`);
-	}
-	if (query.minHeight !== void 0) {
-		parts.push(`min-height: ${query.minHeight}px (screens >= ${query.minHeight}px tall)`);
-	}
-	if (query.maxHeight !== void 0) {
-		parts.push(`max-height: ${query.maxHeight}px (screens <= ${query.maxHeight}px tall)`);
-	}
-	if (query.hover !== void 0) {
-		parts.push(`pointer: hover (${query.hover})`);
-	}
-	if (query.pointer !== void 0) {
-		parts.push(`pointer: ${query.pointer}`);
-	}
-	if (query.prefersReducedMotion !== void 0) {
-		parts.push(`prefers-reduced-motion: ${query.prefersReducedMotion}`);
-	}
-	if (parts.length === 0) {
-		return JSON.stringify(query);
-	}
-	return parts.join(", ");
-}

package/dist/to-tailwind-default-config.cjs

@@ -94,13 +94,21 @@ const bundledDefaultGrammarConfig = {
 	],
 	themeNames: [
 		"light",
+		"light_white",
 		"dark_inverse",
+		"dark_white",
 		"light_level2",
+		"light_white_level2",
 		"dark_inverse_level2",
+		"dark_white_level2",
 		"light_level2_level2",
 		"light_level3",
+		"light_white_level2_level2",
+		"light_white_level3",
 		"dark_inverse_level2_level2",
 		"dark_inverse_level3",
+		"dark_white_level2_level2",
+		"dark_white_level3",
 		"light_level2_level2_level2",
 		"light_level2_level2_level3",
 		"light_level2_level2_level4",
@@ -110,6 +118,15 @@ const bundledDefaultGrammarConfig = {
 		"light_level3_level3",
 		"light_level3_level4",
 		"light_level4",
+		"light_white_level2_level2_level2",
+		"light_white_level2_level2_level3",
+		"light_white_level2_level2_level4",
+		"light_white_level2_level3",
+		"light_white_level2_level4",
+		"light_white_level3_level2",
+		"light_white_level3_level3",
+		"light_white_level3_level4",
+		"light_white_level4",
 		"dark_inverse_level2_level2_level2",
 		"dark_inverse_level2_level2_level3",
 		"dark_inverse_level2_level2_level4",
@@ -119,6 +136,15 @@ const bundledDefaultGrammarConfig = {
 		"dark_inverse_level3_level3",
 		"dark_inverse_level3_level4",
 		"dark_inverse_level4",
+		"dark_white_level2_level2_level2",
+		"dark_white_level2_level2_level3",
+		"dark_white_level2_level2_level4",
+		"dark_white_level2_level3",
+		"dark_white_level2_level4",
+		"dark_white_level3_level2",
+		"dark_white_level3_level3",
+		"dark_white_level3_level4",
+		"dark_white_level4",
 		"light_accent",
 		"light_accent_level2",
 		"light_accent_level2_level2",
@@ -128,13 +154,21 @@ const bundledDefaultGrammarConfig = {
 		"light_accent_level4",
 		"light_brand",
 		"light_inverse",
+		"light_black",
 		"dark",
+		"dark_black",
 		"light_inverse_level2",
+		"light_black_level2",
 		"dark_level2",
+		"dark_black_level2",
 		"light_inverse_level2_level2",
 		"light_inverse_level3",
+		"light_black_level2_level2",
+		"light_black_level3",
 		"dark_level2_level2",
 		"dark_level3",
+		"dark_black_level2_level2",
+		"dark_black_level3",
 		"light_inverse_level2_level2_level2",
 		"light_inverse_level2_level2_level3",
 		"light_inverse_level2_level2_level4",
@@ -144,6 +178,15 @@ const bundledDefaultGrammarConfig = {
 		"light_inverse_level3_level3",
 		"light_inverse_level3_level4",
 		"light_inverse_level4",
+		"light_black_level2_level2_level2",
+		"light_black_level2_level2_level3",
+		"light_black_level2_level2_level4",
+		"light_black_level2_level3",
+		"light_black_level2_level4",
+		"light_black_level3_level2",
+		"light_black_level3_level3",
+		"light_black_level3_level4",
+		"light_black_level4",
 		"dark_level2_level2_level2",
 		"dark_level2_level2_level3",
 		"dark_level2_level2_level4",
@@ -153,6 +196,15 @@ const bundledDefaultGrammarConfig = {
 		"dark_level3_level3",
 		"dark_level3_level4",
 		"dark_level4",
+		"dark_black_level2_level2_level2",
+		"dark_black_level2_level2_level3",
+		"dark_black_level2_level2_level4",
+		"dark_black_level2_level3",
+		"dark_black_level2_level4",
+		"dark_black_level3_level2",
+		"dark_black_level3_level3",
+		"dark_black_level3_level4",
+		"dark_black_level4",
 		"light_red",
 		"light_red_level2",
 		"light_red_level2_level2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/cli",
-  "version": "3.0.0-beta.1177.1",
+  "version": "3.0.0-beta.1191.1",
   "license": "MIT",
   "bin": {
     "tama": "dist/index.cjs",
@@ -52,12 +52,12 @@
     "test:web": "bun run test"
   },
   "dependencies": {
-    "@tamagui/generate-themes": "3.0.0-beta.1177.1",
-    "@tamagui/metro-plugin": "3.0.0-beta.1177.1",
-    "@tamagui/static": "3.0.0-beta.1177.1",
-    "@tamagui/to-tailwind": "3.0.0-beta.1177.1",
-    "@tamagui/types": "3.0.0-beta.1177.1",
-    "@tamagui/vite-plugin": "3.0.0-beta.1177.1",
+    "@tamagui/generate-themes": "3.0.0-beta.1191.1",
+    "@tamagui/metro-plugin": "3.0.0-beta.1191.1",
+    "@tamagui/static": "3.0.0-beta.1191.1",
+    "@tamagui/to-tailwind": "3.0.0-beta.1191.1",
+    "@tamagui/types": "3.0.0-beta.1191.1",
+    "@tamagui/vite-plugin": "3.0.0-beta.1191.1",
     "arg": "^5.0.2",
     "chalk": "^4.1.2",
     "change-case": "^4.1.2",
@@ -76,10 +76,10 @@
     "ts-morph": "^28.0.0",
     "typescript": "~6.0.3",
     "url": "^0.11.0",
-    "@tamagui/language-service": "3.0.0-beta.1177.1"
+    "@tamagui/language-service": "3.0.0-beta.1191.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.1177.1",
+    "@tamagui/build": "3.0.0-beta.1191.1",
     "@types/chokidar": "^2.1.3",
     "@types/marked": "^5.0.0",
     "vitest": "4.1.0"

package/src/cli.ts

@@ -78,18 +78,7 @@ const COMMAND_MAP = {
       })
       const { loadTamagui } = require('@tamagui/static/loadTamagui')
       process.env.TAMAGUI_KEEP_THEMES = '1'
-      await loadTamagui({
-        ...options.tamaguiOptions,
-        platform: 'web',
-      })
-
-      // also generate prompt to .tamagui/prompt.md
-      const { generatePrompt } = require('./generate-prompt')
-      const { join } = require('node:path')
-      await generatePrompt({
-        ...options,
-        output: join(options.paths.dotDir, 'prompt.md'),
-      })
+      await loadTamagui({ ...options.tamaguiOptions, platform: 'web' }, true)
     },
   },