create-better-fullstack 1.4.0 → 1.4.2

package/dist/{src-p54ND5wJ.mjs → src-B5kV0Yns.mjs}

@@ -13,6 +13,7 @@ import { ECOSYSTEM_GROUPS, EMBEDDED_TEMPLATES, EMBEDDED_TEMPLATES as EMBEDDED_TE
 import gradient from "gradient-string";
 import path$1 from "path";
 import { writeTreeToFilesystem } from "@better-fullstack/template-generator/fs-writer";
+import { allowedApisForFrontends, getCompatibleAddons, getCompatibleCSSFrameworks, getCompatibleUILibraries, hasWebStyling, isExampleAIAllowed, isExampleChatSdkAllowed, isFrontendAllowedWithBackend, isWebFrontend, requiresChatSdkVercelAIForSelection, splitFrontends, validateAddonCompatibility } from "@better-fullstack/types";
 import consola, { consola as consola$1 } from "consola";
 import { AsyncLocalStorage } from "node:async_hooks";
 import { ConfirmPrompt, GroupMultiSelectPrompt, MultiSelectPrompt, SelectPrompt, isCancel as isCancel$1 } from "@clack/core";
@@ -74,6 +75,13 @@ const DEFAULT_CONFIG_BASE = {
 	serverDeploy: "none",
 	cssFramework: "tailwind",
 	uiLibrary: "shadcn-ui",
+	shadcnBase: "radix",
+	shadcnStyle: "nova",
+	shadcnIconLibrary: "lucide",
+	shadcnColorTheme: "neutral",
+	shadcnBaseColor: "neutral",
+	shadcnFont: "inter",
+	shadcnRadius: "default",
 	rustWebFramework: "none",
 	rustFrontend: "none",
 	rustOrm: "none",
@@ -107,254 +115,6 @@ function getDefaultConfig() {
 	};
 }
 const DEFAULT_CONFIG = getDefaultConfig();
-const ADDON_COMPATIBILITY = {
-	pwa: [
-		"tanstack-router",
-		"react-router",
-		"solid",
-		"next",
-		"astro",
-		"qwik",
-		"angular",
-		"redwood",
-		"fresh"
-	],
-	tauri: [
-		"tanstack-router",
-		"react-router",
-		"nuxt",
-		"svelte",
-		"solid",
-		"next",
-		"astro",
-		"qwik",
-		"angular",
-		"redwood",
-		"fresh"
-	],
-	biome: [],
-	husky: [],
-	lefthook: [],
-	turborepo: [],
-	starlight: [],
-	ultracite: [],
-	ruler: [],
-	mcp: [],
-	skills: [],
-	oxlint: [],
-	fumadocs: [],
-	opentui: [],
-	wxt: [],
-	msw: [],
-	storybook: [
-		"tanstack-router",
-		"react-router",
-		"next",
-		"nuxt",
-		"svelte",
-		"solid"
-	],
-	none: []
-};
-/**
-* UI Library compatibility rules
-* Defines which frontends and CSS frameworks each UI library supports
-*/
-const UI_LIBRARY_COMPATIBILITY = {
-	"shadcn-ui": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"astro"
-		],
-		cssFrameworks: ["tailwind"]
-	},
-	daisyui: {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"nuxt",
-			"svelte",
-			"solid",
-			"astro",
-			"qwik",
-			"angular",
-			"redwood",
-			"fresh"
-		],
-		cssFrameworks: ["tailwind"]
-	},
-	"radix-ui": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	},
-	"headless-ui": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"nuxt",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	},
-	"park-ui": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"nuxt",
-			"solid",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only"
-		]
-	},
-	"chakra-ui": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	},
-	nextui: {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"astro"
-		],
-		cssFrameworks: ["tailwind"]
-	},
-	mantine: {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	},
-	"base-ui": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	},
-	"ark-ui": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"nuxt",
-			"svelte",
-			"solid",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	},
-	"react-aria": {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"astro"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	},
-	none: {
-		frontends: [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next",
-			"nuxt",
-			"svelte",
-			"solid",
-			"astro",
-			"qwik",
-			"angular",
-			"redwood",
-			"fresh"
-		],
-		cssFrameworks: [
-			"tailwind",
-			"scss",
-			"less",
-			"postcss-only",
-			"none"
-		]
-	}
-};
 /**
 * Default UI library for each frontend framework
 * Falls back based on what's compatible
@@ -367,6 +127,7 @@ const DEFAULT_UI_LIBRARY_BY_FRONTEND = {
 	nuxt: "daisyui",
 	svelte: "daisyui",
 	solid: "daisyui",
+	"solid-start": "daisyui",
 	astro: "daisyui",
 	qwik: "daisyui",
 	angular: "daisyui",
@@ -719,23 +480,6 @@ var types_exports = {};
 import * as import__better_fullstack_types from "@better-fullstack/types";
 __reExport(types_exports, import__better_fullstack_types);
 
-//#endregion
-//#region src/utils/compatibility.ts
-const WEB_FRAMEWORKS = [
-	"tanstack-router",
-	"react-router",
-	"tanstack-start",
-	"next",
-	"nuxt",
-	"svelte",
-	"solid",
-	"astro",
-	"qwik",
-	"angular",
-	"redwood",
-	"fresh"
-];
-
 //#endregion
 //#region src/utils/context.ts
 const cliStorage = new AsyncLocalStorage();
@@ -883,17 +627,14 @@ function constraintError(opts) {
 
 //#endregion
 //#region src/utils/compatibility-rules.ts
-function isWebFrontend(value) {
-	return WEB_FRAMEWORKS.includes(value);
+function isWebFrontend$1(value) {
+	return isWebFrontend(value);
 }
-function splitFrontends(values = []) {
-	return {
-		web: values.filter((f) => isWebFrontend(f)),
-		native: values.filter((f) => f === "native-bare" || f === "native-uniwind" || f === "native-unistyles")
-	};
+function splitFrontends$1(values = []) {
+	return splitFrontends(values);
 }
 function ensureSingleWebAndNative(frontends) {
-	const { web, native } = splitFrontends(frontends);
+	const { web, native } = splitFrontends$1(frontends);
 	if (web.length > 1) invalidSelectionError({
 		message: "Only one web framework can be selected per project.",
 		provided: { frontend: web },
@@ -909,18 +650,20 @@ const FULLSTACK_FRONTENDS$1 = [
 	"next",
 	"tanstack-start",
 	"astro",
-	"nuxt"
+	"nuxt",
+	"svelte",
+	"solid-start"
 ];
 function validateSelfBackendCompatibility(providedFlags, options, config) {
 	const backend = config.backend || options.backend;
 	const frontends = config.frontend || options.frontend || [];
 	if (backend === "self") {
-		const { web, native } = splitFrontends(frontends);
-		if (!(web.length === 1 && FULLSTACK_FRONTENDS$1.includes(web[0]))) exitWithError("Backend 'self' (fullstack) only supports Next.js, TanStack Start, Astro, or Nuxt frontends. Please use --frontend next, --frontend tanstack-start, --frontend astro, or --frontend nuxt.");
+		const { web, native } = splitFrontends$1(frontends);
+		if (!(web.length === 1 && FULLSTACK_FRONTENDS$1.includes(web[0]))) exitWithError("Backend 'self' (fullstack) only supports Next.js, TanStack Start, Astro, Nuxt, SvelteKit, or SolidStart frontends. Please use --frontend next, --frontend tanstack-start, --frontend astro, --frontend nuxt, --frontend svelte, or --frontend solid-start.");
 		if (native.length > 1) exitWithError("Cannot select multiple native frameworks. Choose only one of: native-bare, native-uniwind, native-unistyles");
 	}
 	const hasFullstackFrontend = frontends.some((f) => FULLSTACK_FRONTENDS$1.includes(f));
-	if (providedFlags.has("backend") && !hasFullstackFrontend && backend === "self") exitWithError("Backend 'self' (fullstack) only supports Next.js, TanStack Start, Astro, or Nuxt frontends. Please use --frontend next, --frontend tanstack-start, --frontend astro, --frontend nuxt, or choose a different backend.");
+	if (providedFlags.has("backend") && !hasFullstackFrontend && backend === "self") exitWithError("Backend 'self' (fullstack) only supports Next.js, TanStack Start, Astro, Nuxt, SvelteKit, or SolidStart frontends. Please use --frontend next, --frontend tanstack-start, --frontend astro, --frontend nuxt, --frontend svelte, --frontend solid-start, or choose a different backend.");
 }
 const WORKERS_COMPATIBLE_BACKENDS = [
 	"hono",
@@ -983,9 +726,10 @@ function validateApiFrontendCompatibility(api, frontends = [], astroIntegration)
 	const includesAngular = frontends.includes("angular");
 	const includesRedwood = frontends.includes("redwood");
 	const includesFresh = frontends.includes("fresh");
-	if ((includesNuxt || includesSvelte || includesSolid) && (api === "trpc" || api === "ts-rest" || api === "garph")) {
+	const includesSolidStart = frontends.includes("solid-start");
+	if ((includesNuxt || includesSvelte || includesSolid || includesSolidStart) && (api === "trpc" || api === "ts-rest" || api === "garph")) {
 		const apiName = api === "trpc" ? "tRPC" : api === "ts-rest" ? "ts-rest" : "garph";
-		const incompatibleFrontend = includesNuxt ? "nuxt" : includesSvelte ? "svelte" : "solid";
+		const incompatibleFrontend = includesNuxt ? "nuxt" : includesSvelte ? "svelte" : includesSolid ? "solid" : "solid-start";
 		incompatibilityError({
 			message: `${apiName} API requires React-based frontends.`,
 			provided: {
@@ -1044,36 +788,8 @@ function validateApiFrontendCompatibility(api, frontends = [], astroIntegration)
 		]
 	});
 }
-function isFrontendAllowedWithBackend(frontend, backend, auth) {
-	if (backend === "convex" && frontend === "solid") return false;
-	if (backend === "convex" && frontend === "astro") return false;
-	if (backend === "convex" && frontend === "qwik") return false;
-	if (backend === "convex" && frontend === "angular") return false;
-	if (backend === "convex" && frontend === "redwood") return false;
-	if (backend === "convex" && frontend === "fresh") return false;
-	if (frontend === "qwik" && backend && backend !== "none") return false;
-	if (frontend === "angular" && backend && backend !== "none") return false;
-	if (frontend === "redwood" && backend && backend !== "none") return false;
-	if (frontend === "fresh" && backend && backend !== "none") return false;
-	if (auth === "clerk" && backend === "convex") {
-		if ([
-			"nuxt",
-			"svelte",
-			"solid"
-		].includes(frontend)) return false;
-	}
-	if (auth === "clerk" && backend === "self") {
-		if (!["next", "tanstack-start"].includes(frontend)) return false;
-	}
-	if (auth === "nextauth") {
-		if (frontend !== "next") return false;
-		if (backend !== "self") return false;
-	}
-	if (auth === "supabase-auth") {
-		if (frontend !== "next") return false;
-		if (backend !== "self") return false;
-	}
-	return true;
+function isFrontendAllowedWithBackend$1(frontend, backend, auth) {
+	return isFrontendAllowedWithBackend(frontend, backend, auth);
 }
 function validateClerkCompatibility(auth, backend, frontends = []) {
 	if (auth !== "clerk") return;
@@ -1081,7 +797,8 @@ function validateClerkCompatibility(auth, backend, frontends = []) {
 		const incompatibleFrontends = frontends.filter((f) => [
 			"nuxt",
 			"svelte",
-			"solid"
+			"solid",
+			"solid-start"
 		].includes(f));
 		if (incompatibleFrontends.length > 0) exitWithError(`In Better-Fullstack, Clerk + Convex is not compatible with the following frontends: ${incompatibleFrontends.join(", ")}. Please choose a different frontend or auth provider.`);
 		return;
@@ -1097,6 +814,8 @@ function validateClerkCompatibility(auth, backend, frontends = []) {
 		if (!hasNextJs && !hasTanStackStart) {
 			if (frontends.includes("astro")) exitWithError("In Better-Fullstack, Clerk is not yet supported for Astro fullstack projects. Please use '--frontend next' or '--frontend tanstack-start' with '--backend self', or choose a different auth provider.");
 			if (frontends.includes("nuxt")) exitWithError("In Better-Fullstack, Clerk is not yet supported for Nuxt fullstack projects. Please use '--frontend next' or '--frontend tanstack-start' with '--backend self', or choose a different auth provider.");
+			if (frontends.includes("svelte")) exitWithError("In Better-Fullstack, Clerk is not yet supported for SvelteKit fullstack projects. Please use '--frontend next' or '--frontend tanstack-start' with '--backend self', or choose a different auth provider.");
+			if (frontends.includes("solid-start")) exitWithError("In Better-Fullstack, Clerk is not yet supported for SolidStart fullstack projects. Please use '--frontend next' or '--frontend tanstack-start' with '--backend self', or choose a different auth provider.");
 			exitWithError("In Better-Fullstack, Clerk with the 'self' backend currently requires the Next.js or TanStack Start frontend. Please use '--frontend next' or '--frontend tanstack-start', or choose a different auth provider.");
 		}
 		return;
@@ -1127,56 +846,17 @@ function validateAuth0Compatibility(auth, backend, frontends = []) {
 	if (backend !== "self") exitWithError("In Better-Fullstack, Auth0 is currently supported only with the 'self' backend (fullstack Next.js). Please use '--backend self' or choose a different auth provider.");
 	if (!hasNextJs) exitWithError("In Better-Fullstack, Auth0 currently requires the Next.js frontend. Please use '--frontend next' or choose a different auth provider.");
 }
-function allowedApisForFrontends(frontends = [], astroIntegration) {
-	const includesNuxt = frontends.includes("nuxt");
-	const includesSvelte = frontends.includes("svelte");
-	const includesSolid = frontends.includes("solid");
-	const includesAstro = frontends.includes("astro");
-	const includesQwik = frontends.includes("qwik");
-	const includesAngular = frontends.includes("angular");
-	const includesRedwood = frontends.includes("redwood");
-	const includesFresh = frontends.includes("fresh");
-	const base = [
-		"trpc",
-		"orpc",
-		"ts-rest",
-		"garph",
-		"none"
-	];
-	if (includesQwik) return ["none"];
-	if (includesAngular) return ["none"];
-	if (includesRedwood) return ["none"];
-	if (includesFresh) return ["none"];
-	if (includesNuxt || includesSvelte || includesSolid) return ["orpc", "none"];
-	if (includesAstro && astroIntegration && astroIntegration !== "react") return ["orpc", "none"];
-	return base;
-}
-function isExampleAIAllowed(backend, frontends = []) {
-	if (frontends.includes("solid")) return false;
-	if (backend === "convex") {
-		const includesNuxt = frontends.includes("nuxt");
-		const includesSvelte = frontends.includes("svelte");
-		if (includesNuxt || includesSvelte) return false;
-	}
-	return true;
+function allowedApisForFrontends$1(frontends = [], astroIntegration) {
+	return allowedApisForFrontends(frontends, astroIntegration);
 }
-function hasExampleChatSdkSelfFrontend(frontends = []) {
-	return frontends.some((f) => [
-		"next",
-		"tanstack-start",
-		"nuxt"
-	].includes(f));
+function isExampleAIAllowed$1(backend, frontends = []) {
+	return isExampleAIAllowed(backend, frontends);
 }
-function isExampleChatSdkAllowed(backend, frontends = [], runtime) {
-	if (!backend || backend === "none" || backend === "convex") return false;
-	if (backend === "self") return hasExampleChatSdkSelfFrontend(frontends);
-	if (backend === "hono") return runtime === "node";
-	return false;
+function isExampleChatSdkAllowed$1(backend, frontends = [], runtime) {
+	return isExampleChatSdkAllowed(backend, frontends, runtime);
 }
 function requiresChatSdkVercelAI(backend, frontends = [], runtime) {
-	if (backend === "self" && frontends.includes("nuxt")) return true;
-	if (backend === "hono" && runtime === "node") return true;
-	return false;
+	return requiresChatSdkVercelAIForSelection(backend, frontends, runtime);
 }
 function validateWebDeployRequiresWebFrontend(webDeploy, hasWebFrontendFlag) {
 	if (webDeploy && webDeploy !== "none" && !hasWebFrontendFlag) exitWithError("'--web-deploy' requires a web frontend. Please select a web frontend or set '--web-deploy none'.");
@@ -1184,28 +864,16 @@ function validateWebDeployRequiresWebFrontend(webDeploy, hasWebFrontendFlag) {
 function validateServerDeployRequiresBackend(serverDeploy, backend) {
 	if (serverDeploy && serverDeploy !== "none" && (!backend || backend === "none")) exitWithError("'--server-deploy' requires a backend. Please select a backend or set '--server-deploy none'.");
 }
-function validateAddonCompatibility(addon, frontend, _auth) {
-	const compatibleFrontends = ADDON_COMPATIBILITY[addon];
-	if (compatibleFrontends.length > 0) {
-		if (!frontend.some((f) => compatibleFrontends.includes(f))) return {
-			isCompatible: false,
-			reason: `${addon} addon requires one of these frontends: ${compatibleFrontends.join(", ")}`
-		};
-	}
-	return { isCompatible: true };
+function validateAddonCompatibility$1(addon, frontend, _auth) {
+	return validateAddonCompatibility(addon, frontend, _auth);
 }
-function getCompatibleAddons(allAddons, frontend, existingAddons = [], auth) {
-	return allAddons.filter((addon) => {
-		if (existingAddons.includes(addon)) return false;
-		if (addon === "none") return false;
-		const { isCompatible } = validateAddonCompatibility(addon, frontend, auth);
-		return isCompatible;
-	});
+function getCompatibleAddons$1(allAddons, frontend, existingAddons = [], auth) {
+	return getCompatibleAddons(allAddons, frontend, existingAddons, auth);
 }
 function validateAddonsAgainstFrontends(addons = [], frontends = [], auth) {
 	for (const addon of addons) {
 		if (addon === "none") continue;
-		const { isCompatible, reason } = validateAddonCompatibility(addon, frontends, auth);
+		const { isCompatible, reason } = validateAddonCompatibility$1(addon, frontends, auth);
 		if (!isCompatible) exitWithError(`Incompatible addon/frontend combination: ${reason}`);
 	}
 }
@@ -1213,7 +881,7 @@ function validatePaymentsCompatibility(payments, auth, _backend, frontends = [])
 	if (!payments || payments === "none") return;
 	if (payments === "polar") {
 		if (!auth || auth === "none" || auth !== "better-auth") exitWithError("Polar payments requires Better Auth. Please use '--auth better-auth' or choose a different payments provider.");
-		const { web } = splitFrontends(frontends);
+		const { web } = splitFrontends$1(frontends);
 		if (web.length === 0 && frontends.length > 0) exitWithError("Polar payments requires a web frontend or no frontend. Please select a web frontend or choose a different payments provider.");
 	}
 }
@@ -1221,6 +889,7 @@ function validateExamplesCompatibility(examples, backend, frontend, runtime, ai)
 	const examplesArr = examples ?? [];
 	if (examplesArr.length === 0 || examplesArr.includes("none")) return;
 	if (examplesArr.includes("ai") && (frontend ?? []).includes("solid")) exitWithError("The 'ai' example is not compatible with the Solid frontend.");
+	if (examplesArr.includes("ai") && (frontend ?? []).includes("solid-start")) exitWithError("The 'ai' example is not compatible with the SolidStart frontend.");
 	if (examplesArr.includes("ai") && backend === "convex") {
 		const frontendArr = frontend ?? [];
 		const includesNuxt = frontendArr.includes("nuxt");
@@ -1229,7 +898,7 @@ function validateExamplesCompatibility(examples, backend, frontend, runtime, ai)
 	}
 	if (examplesArr.includes("chat-sdk")) {
 		const frontendArr = frontend ?? [];
-		if (!isExampleChatSdkAllowed(backend, frontendArr, runtime)) {
+		if (!isExampleChatSdkAllowed$1(backend, frontendArr, runtime)) {
 			if (backend === "none") exitWithError("The 'chat-sdk' example requires a backend.");
 			if (backend === "convex") exitWithError("The 'chat-sdk' example is not supported with the Convex backend in v1. Use self backend (Next.js, TanStack Start, Nuxt) or Hono with Node runtime.");
 			if (backend === "self") exitWithError("The 'chat-sdk' example with self backend only supports Next.js, TanStack Start, or Nuxt frontends in v1.");
@@ -1244,48 +913,31 @@ function validateExamplesCompatibility(examples, backend, frontend, runtime, ai)
 */
 function validateUILibraryFrontendCompatibility(uiLibrary, frontends = [], astroIntegration) {
 	if (!uiLibrary || uiLibrary === "none") return;
-	const { web } = splitFrontends(frontends);
-	if (web.length === 0) return;
-	const compatibility = UI_LIBRARY_COMPATIBILITY[uiLibrary];
-	const webFrontend = web[0];
-	if (webFrontend === "astro") {
-		const supportsReact = compatibility.frontends.some((f) => [
-			"tanstack-router",
-			"react-router",
-			"tanstack-start",
-			"next"
-		].includes(f));
-		const supportsNonReact = compatibility.frontends.some((f) => [
-			"nuxt",
-			"svelte",
-			"solid",
-			"qwik",
-			"angular"
-		].includes(f));
-		if (astroIntegration === "react") {
-			if (supportsReact) return;
-		}
-		if (!supportsNonReact) {
-			const integrationName = astroIntegration || "none";
+	const compatible = getCompatibleUILibraries(frontends, astroIntegration);
+	if (!compatible.includes(uiLibrary)) {
+		const { web } = splitFrontends$1(frontends);
+		const isAstroNonReact = web.includes("astro") && astroIntegration !== "react";
+		const supportsAstroReact = getCompatibleUILibraries(["astro"], "react").includes(uiLibrary);
+		if (isAstroNonReact && supportsAstroReact) {
 			incompatibilityError({
 				message: `UI library '${uiLibrary}' requires React.`,
 				provided: {
 					"ui-library": uiLibrary,
-					"astro-integration": integrationName
+					"astro-integration": astroIntegration || "none"
 				},
 				suggestions: ["Use --astro-integration react", "Choose a different UI library (daisyui, ark-ui)"]
 			});
+			return;
 		}
-		return;
+		incompatibilityError({
+			message: `UI library '${uiLibrary}' is not compatible with the selected frontend.`,
+			provided: {
+				"ui-library": uiLibrary,
+				frontend: frontends
+			},
+			suggestions: [`Supported choices for this stack: ${compatible.join(", ")}`, "Choose a different UI library"]
+		});
 	}
-	if (!compatibility.frontends.includes(webFrontend)) incompatibilityError({
-		message: `UI library '${uiLibrary}' is not compatible with '${webFrontend}'.`,
-		provided: {
-			"ui-library": uiLibrary,
-			frontend: webFrontend
-		},
-		suggestions: [`Supported frontends: ${compatibility.frontends.join(", ")}`, "Choose a different UI library"]
-	});
 }
 /**
 * Validates that a UI library is compatible with the selected CSS framework
@@ -1293,57 +945,26 @@ function validateUILibraryFrontendCompatibility(uiLibrary, frontends = [], astro
 function validateUILibraryCSSFrameworkCompatibility(uiLibrary, cssFramework) {
 	if (!uiLibrary || uiLibrary === "none") return;
 	if (!cssFramework) return;
-	const compatibility = UI_LIBRARY_COMPATIBILITY[uiLibrary];
-	if (!compatibility.cssFrameworks.includes(cssFramework)) exitWithError(`UI library '${uiLibrary}' is not compatible with '${cssFramework}' CSS framework. Supported CSS frameworks: ${compatibility.cssFrameworks.join(", ")}`);
+	const supported = getCompatibleCSSFrameworks(uiLibrary);
+	if (!supported.includes(cssFramework)) exitWithError(`UI library '${uiLibrary}' is not compatible with '${cssFramework}' CSS framework. Supported CSS frameworks: ${supported.join(", ")}`);
 }
 /**
 * Gets list of UI libraries compatible with the selected frontend(s)
 */
-function getCompatibleUILibraries(frontends = [], astroIntegration) {
-	const { web } = splitFrontends(frontends);
-	if (web.length === 0) return ["none"];
-	const webFrontend = web[0];
-	return Object.keys(UI_LIBRARY_COMPATIBILITY).filter((lib) => {
-		if (lib === "none") return true;
-		const compatibility = UI_LIBRARY_COMPATIBILITY[lib];
-		if (webFrontend === "astro") {
-			if (astroIntegration === "react") return compatibility.frontends.some((f) => [
-				"tanstack-router",
-				"react-router",
-				"tanstack-start",
-				"next",
-				"astro"
-			].includes(f));
-			return compatibility.frontends.some((f) => [
-				"nuxt",
-				"svelte",
-				"solid",
-				"qwik",
-				"angular"
-			].includes(f));
-		}
-		return compatibility.frontends.includes(webFrontend);
-	});
+function getCompatibleUILibraries$1(frontends = [], astroIntegration) {
+	return getCompatibleUILibraries(frontends, astroIntegration);
 }
 /**
 * Gets list of CSS frameworks compatible with the selected UI library
 */
-function getCompatibleCSSFrameworks(uiLibrary) {
-	if (!uiLibrary || uiLibrary === "none") return [
-		"tailwind",
-		"scss",
-		"less",
-		"postcss-only",
-		"none"
-	];
-	return UI_LIBRARY_COMPATIBILITY[uiLibrary].cssFrameworks;
+function getCompatibleCSSFrameworks$1(uiLibrary) {
+	return getCompatibleCSSFrameworks(uiLibrary);
 }
 /**
 * Checks if a frontend has web styling (excludes native-only frontends)
 */
-function hasWebStyling(frontends = []) {
-	const { web } = splitFrontends(frontends);
-	return web.length > 0;
+function hasWebStyling$1(frontends = []) {
+	return hasWebStyling(frontends);
 }
 
 //#endregion
@@ -1684,7 +1305,7 @@ async function getAddonsChoice(addons, frontends, auth) {
 	};
 	const frontendsArray = frontends || [];
 	for (const addon of allAddons) {
-		const { isCompatible } = validateAddonCompatibility(addon, frontendsArray, auth);
+		const { isCompatible } = validateAddonCompatibility$1(addon, frontendsArray, auth);
 		if (!isCompatible) continue;
 		const { label, hint } = getAddonDisplay(addon);
 		const option = {
@@ -1723,7 +1344,7 @@ async function getAddonsToAdd(frontend, existingAddons = [], auth) {
 		"AI Agents": []
 	};
 	const frontendArray = frontend || [];
-	const compatibleAddons = getCompatibleAddons(types_exports.AddonsSchema.options.filter((addon) => addon !== "none"), frontendArray, existingAddons, auth);
+	const compatibleAddons = getCompatibleAddons$1(types_exports.AddonsSchema.options.filter((addon) => addon !== "none"), frontendArray, existingAddons, auth);
 	for (const addon of compatibleAddons) {
 		const { label, hint } = getAddonDisplay(addon);
 		const option = {
@@ -3452,7 +3073,7 @@ async function getAiDocsChoice(aiDocs) {
 //#region src/prompts/animation.ts
 async function getAnimationChoice(animation, frontends) {
 	if (animation !== void 0) return animation;
-	const { web } = splitFrontends(frontends);
+	const { web } = splitFrontends$1(frontends);
 	if (web.length === 0) return "none";
 	const isReact = web.some((f) => [
 		"tanstack-router",
@@ -3504,7 +3125,7 @@ async function getAnimationChoice(animation, frontends) {
 //#region src/prompts/api.ts
 async function getApiChoice(Api, frontend, backend, astroIntegration) {
 	if (backend === "convex" || backend === "none") return "none";
-	const allowed = allowedApisForFrontends(frontend ?? [], astroIntegration);
+	const allowed = allowedApisForFrontends$1(frontend ?? [], astroIntegration);
 	if (Api) return allowed.includes(Api) ? Api : allowed[0];
 	const apiOptionMap = {
 		trpc: {
@@ -3692,11 +3313,13 @@ const FULLSTACK_FRONTENDS = [
 	"next",
 	"tanstack-start",
 	"astro",
-	"nuxt"
+	"nuxt",
+	"svelte",
+	"solid-start"
 ];
 async function getBackendFrameworkChoice(backendFramework, frontends) {
 	if (backendFramework !== void 0) return backendFramework;
-	const hasIncompatibleFrontend = frontends?.some((f) => f === "solid");
+	const hasIncompatibleFrontend = frontends?.some((f) => f === "solid" || f === "solid-start");
 	const hasFullstackFrontend = frontends?.some((f) => FULLSTACK_FRONTENDS.includes(f));
 	const backendOptions = [];
 	if (hasFullstackFrontend) backendOptions.push({
@@ -3842,7 +3465,7 @@ const CSS_FRAMEWORK_OPTIONS = {
 	}
 };
 async function getCSSFrameworkChoice(cssFramework, uiLibrary) {
-	const compatibleFrameworks = getCompatibleCSSFrameworks(uiLibrary);
+	const compatibleFrameworks = getCompatibleCSSFrameworks$1(uiLibrary);
 	if (cssFramework !== void 0) return compatibleFrameworks.includes(cssFramework) ? cssFramework : compatibleFrameworks[0];
 	const selected = await navigableSelect({
 		message: "Select CSS framework",
@@ -4158,12 +3781,12 @@ async function getExamplesChoice(examples, frontends, backend, runtime) {
 	if (backend === "none") return [];
 	let response = [];
 	const options = [];
-	if (isExampleAIAllowed(backend, frontends ?? [])) options.push({
+	if (isExampleAIAllowed$1(backend, frontends ?? [])) options.push({
 		value: "ai",
 		label: "AI Chat",
 		hint: "A simple AI chat interface using AI SDK"
 	});
-	if (isExampleChatSdkAllowed(backend, frontends ?? [], runtime)) options.push({
+	if (isExampleChatSdkAllowed$1(backend, frontends ?? [], runtime)) options.push({
 		value: "chat-sdk",
 		label: "Chat SDK Bots",
 		hint: "Framework-specific Chat SDK bot example (Slack/Discord/GitHub depending on stack)"
@@ -4248,7 +3871,7 @@ async function getFileUploadChoice(fileUpload, backend) {
 //#region src/prompts/forms.ts
 async function getFormsChoice(forms, frontends) {
 	if (forms !== void 0) return forms;
-	const { web } = splitFrontends(frontends);
+	const { web } = splitFrontends$1(frontends);
 	if (web.length === 0) return "none";
 	const isReact = web.some((f) => [
 		"tanstack-router",
@@ -4361,6 +3984,11 @@ async function getFrontendChoice(frontendOptions, backend, auth) {
 						label: "Solid",
 						hint: "Simple and performant reactivity for building user interfaces"
 					},
+					{
+						value: "solid-start",
+						label: "SolidStart",
+						hint: "Full-stack Solid framework with SSR and API routes"
+					},
 					{
 						value: "astro",
 						label: "Astro",
@@ -4391,7 +4019,7 @@ async function getFrontendChoice(frontendOptions, backend, auth) {
 						label: "Fresh",
 						hint: "Deno-native framework with islands architecture"
 					}
-				].filter((option) => isFrontendAllowedWithBackend(option.value, backend, auth)),
+				].filter((option) => isFrontendAllowedWithBackend$1(option.value, backend, auth)),
 				initialValue: DEFAULT_CONFIG.frontend[0]
 			});
 			if (isGoBack(webFramework)) shouldRestart = true;
@@ -4885,7 +4513,7 @@ async function getPackageManagerChoice(packageManager) {
 async function getPaymentsChoice(payments, auth, backend, frontends) {
 	if (payments !== void 0) return payments;
 	if (backend === "none") return "none";
-	const isPolarCompatible = auth === "better-auth" && backend !== "convex" && (frontends?.length === 0 || splitFrontends(frontends).web.length > 0);
+	const isPolarCompatible = auth === "better-auth" && backend !== "convex" && (frontends?.length === 0 || splitFrontends$1(frontends).web.length > 0);
 	const options = [];
 	if (isPolarCompatible) options.push({
 		value: "polar",
@@ -5366,11 +4994,379 @@ async function getServerDeploymentChoice(deployment, runtime, backend, _webDeplo
 	return "none";
 }
 
+//#endregion
+//#region src/prompts/shadcn-options.ts
+const BASE_OPTIONS = [{
+	value: "radix",
+	label: "Radix UI",
+	hint: "Battle-tested headless primitives (130M+ monthly downloads)"
+}, {
+	value: "base",
+	label: "Base UI",
+	hint: "MUI's headless library with cleaner APIs and native multi-select"
+}];
+const STYLE_OPTIONS = [
+	{
+		value: "vega",
+		label: "Vega",
+		hint: "Classic shadcn/ui look"
+	},
+	{
+		value: "nova",
+		label: "Nova",
+		hint: "Compact layout with reduced padding"
+	},
+	{
+		value: "maia",
+		label: "Maia",
+		hint: "Soft, rounded with generous spacing"
+	},
+	{
+		value: "lyra",
+		label: "Lyra",
+		hint: "Boxy and sharp, pairs well with mono fonts"
+	},
+	{
+		value: "mira",
+		label: "Mira",
+		hint: "Dense, made for data-heavy interfaces"
+	}
+];
+const ICON_LIBRARY_OPTIONS = [
+	{
+		value: "lucide",
+		label: "Lucide",
+		hint: "Default icon library — clean, consistent icons"
+	},
+	{
+		value: "tabler",
+		label: "Tabler Icons",
+		hint: "2000+ open-source SVG icons"
+	},
+	{
+		value: "hugeicons",
+		label: "HugeIcons",
+		hint: "Modern icon set with wrapper component"
+	},
+	{
+		value: "phosphor",
+		label: "Phosphor Icons",
+		hint: "Flexible, consistent icon family"
+	},
+	{
+		value: "remixicon",
+		label: "Remix Icon",
+		hint: "Open-source neutral style icons"
+	}
+];
+const COLOR_THEME_OPTIONS = [
+	{
+		value: "neutral",
+		label: "Neutral",
+		hint: "Clean and minimal"
+	},
+	{
+		value: "stone",
+		label: "Stone",
+		hint: "Warm neutral tones"
+	},
+	{
+		value: "zinc",
+		label: "Zinc",
+		hint: "Cool neutral tones"
+	},
+	{
+		value: "gray",
+		label: "Gray",
+		hint: "Blue-tinted neutral"
+	},
+	{
+		value: "blue",
+		label: "Blue",
+		hint: "Trust and reliability"
+	},
+	{
+		value: "violet",
+		label: "Violet",
+		hint: "Creative and modern"
+	},
+	{
+		value: "green",
+		label: "Green",
+		hint: "Growth and success"
+	},
+	{
+		value: "red",
+		label: "Red",
+		hint: "Bold and energetic"
+	},
+	{
+		value: "rose",
+		label: "Rose",
+		hint: "Warm and inviting"
+	},
+	{
+		value: "orange",
+		label: "Orange",
+		hint: "Friendly and vibrant"
+	},
+	{
+		value: "amber",
+		label: "Amber",
+		hint: "Warm and golden"
+	},
+	{
+		value: "yellow",
+		label: "Yellow",
+		hint: "Bright and optimistic"
+	},
+	{
+		value: "lime",
+		label: "Lime",
+		hint: "Fresh and lively"
+	},
+	{
+		value: "emerald",
+		label: "Emerald",
+		hint: "Rich and luxurious"
+	},
+	{
+		value: "teal",
+		label: "Teal",
+		hint: "Calm and sophisticated"
+	},
+	{
+		value: "cyan",
+		label: "Cyan",
+		hint: "Cool and refreshing"
+	},
+	{
+		value: "sky",
+		label: "Sky",
+		hint: "Light and airy"
+	},
+	{
+		value: "indigo",
+		label: "Indigo",
+		hint: "Deep and focused"
+	},
+	{
+		value: "purple",
+		label: "Purple",
+		hint: "Royal and elegant"
+	},
+	{
+		value: "fuchsia",
+		label: "Fuchsia",
+		hint: "Playful and bold"
+	},
+	{
+		value: "pink",
+		label: "Pink",
+		hint: "Soft and expressive"
+	}
+];
+const BASE_COLOR_OPTIONS = [
+	{
+		value: "neutral",
+		label: "Neutral",
+		hint: "Pure neutral grays"
+	},
+	{
+		value: "stone",
+		label: "Stone",
+		hint: "Warm-tinted grays"
+	},
+	{
+		value: "zinc",
+		label: "Zinc",
+		hint: "Cool-tinted grays"
+	},
+	{
+		value: "gray",
+		label: "Gray",
+		hint: "Blue-tinted grays"
+	}
+];
+const FONT_OPTIONS = [
+	{
+		value: "inter",
+		label: "Inter",
+		hint: "Clean variable sans-serif (default)"
+	},
+	{
+		value: "geist",
+		label: "Geist",
+		hint: "Vercel's modern typeface"
+	},
+	{
+		value: "figtree",
+		label: "Figtree",
+		hint: "Friendly geometric sans-serif"
+	},
+	{
+		value: "noto-sans",
+		label: "Noto Sans",
+		hint: "Google's universal typeface"
+	},
+	{
+		value: "nunito-sans",
+		label: "Nunito Sans",
+		hint: "Rounded, balanced sans-serif"
+	},
+	{
+		value: "roboto",
+		label: "Roboto",
+		hint: "Google's Material Design typeface"
+	},
+	{
+		value: "raleway",
+		label: "Raleway",
+		hint: "Elegant thin-weight display font"
+	},
+	{
+		value: "dm-sans",
+		label: "DM Sans",
+		hint: "Low-contrast geometric sans"
+	},
+	{
+		value: "public-sans",
+		label: "Public Sans",
+		hint: "Neutral, US government typeface"
+	},
+	{
+		value: "outfit",
+		label: "Outfit",
+		hint: "Modern geometric variable font"
+	},
+	{
+		value: "jetbrains-mono",
+		label: "JetBrains Mono",
+		hint: "Developer-focused monospace"
+	},
+	{
+		value: "geist-mono",
+		label: "Geist Mono",
+		hint: "Vercel's monospace typeface"
+	}
+];
+const RADIUS_OPTIONS = [
+	{
+		value: "default",
+		label: "Default",
+		hint: "Use the style's default radius"
+	},
+	{
+		value: "none",
+		label: "None",
+		hint: "Sharp corners (0)"
+	},
+	{
+		value: "small",
+		label: "Small",
+		hint: "Subtle rounding (0.45rem)"
+	},
+	{
+		value: "medium",
+		label: "Medium",
+		hint: "Moderate rounding (0.625rem)"
+	},
+	{
+		value: "large",
+		label: "Large",
+		hint: "Generous rounding (0.875rem)"
+	}
+];
+const SHADCN_DEFAULTS = {
+	shadcnBase: "radix",
+	shadcnStyle: "nova",
+	shadcnIconLibrary: "lucide",
+	shadcnColorTheme: "neutral",
+	shadcnBaseColor: "neutral",
+	shadcnFont: "inter",
+	shadcnRadius: "default"
+};
+async function getShadcnOptions(flags) {
+	const fallback = (key) => isSilent() ? SHADCN_DEFAULTS[key] : void 0;
+	return {
+		shadcnBase: flags.shadcnBase ?? fallback("shadcnBase") ?? await promptShadcnBase(),
+		shadcnStyle: flags.shadcnStyle ?? fallback("shadcnStyle") ?? await promptShadcnStyle(),
+		shadcnIconLibrary: flags.shadcnIconLibrary ?? fallback("shadcnIconLibrary") ?? await promptShadcnIconLibrary(),
+		shadcnColorTheme: flags.shadcnColorTheme ?? fallback("shadcnColorTheme") ?? await promptShadcnColorTheme(),
+		shadcnBaseColor: flags.shadcnBaseColor ?? fallback("shadcnBaseColor") ?? await promptShadcnBaseColor(),
+		shadcnFont: flags.shadcnFont ?? fallback("shadcnFont") ?? await promptShadcnFont(),
+		shadcnRadius: flags.shadcnRadius ?? fallback("shadcnRadius") ?? await promptShadcnRadius()
+	};
+}
+async function promptShadcnBase() {
+	const selected = await navigableSelect({
+		message: "Select shadcn/ui base library",
+		options: BASE_OPTIONS,
+		initialValue: "radix"
+	});
+	if (isCancel$1(selected)) return exitCancelled("Operation cancelled");
+	return selected;
+}
+async function promptShadcnStyle() {
+	const selected = await navigableSelect({
+		message: "Select shadcn/ui visual style",
+		options: STYLE_OPTIONS,
+		initialValue: "nova"
+	});
+	if (isCancel$1(selected)) return exitCancelled("Operation cancelled");
+	return selected;
+}
+async function promptShadcnIconLibrary() {
+	const selected = await navigableSelect({
+		message: "Select shadcn/ui icon library",
+		options: ICON_LIBRARY_OPTIONS,
+		initialValue: "lucide"
+	});
+	if (isCancel$1(selected)) return exitCancelled("Operation cancelled");
+	return selected;
+}
+async function promptShadcnColorTheme() {
+	const selected = await navigableSelect({
+		message: "Select shadcn/ui color theme",
+		options: COLOR_THEME_OPTIONS,
+		initialValue: "neutral"
+	});
+	if (isCancel$1(selected)) return exitCancelled("Operation cancelled");
+	return selected;
+}
+async function promptShadcnBaseColor() {
+	const selected = await navigableSelect({
+		message: "Select shadcn/ui base neutral color",
+		options: BASE_COLOR_OPTIONS,
+		initialValue: "neutral"
+	});
+	if (isCancel$1(selected)) return exitCancelled("Operation cancelled");
+	return selected;
+}
+async function promptShadcnFont() {
+	const selected = await navigableSelect({
+		message: "Select shadcn/ui font",
+		options: FONT_OPTIONS,
+		initialValue: "inter"
+	});
+	if (isCancel$1(selected)) return exitCancelled("Operation cancelled");
+	return selected;
+}
+async function promptShadcnRadius() {
+	const selected = await navigableSelect({
+		message: "Select shadcn/ui border radius",
+		options: RADIUS_OPTIONS,
+		initialValue: "default"
+	});
+	if (isCancel$1(selected)) return exitCancelled("Operation cancelled");
+	return selected;
+}
+
 //#endregion
 //#region src/prompts/state-management.ts
 async function getStateManagementChoice(stateManagement, frontends) {
 	if (stateManagement !== void 0) return stateManagement;
-	const { web } = splitFrontends(frontends);
+	const { web } = splitFrontends$1(frontends);
 	if (web.length === 0) return "none";
 	const isReact = web.some((f) => [
 		"tanstack-router",
@@ -5530,9 +5526,9 @@ const UI_LIBRARY_OPTIONS = {
 	}
 };
 async function getUILibraryChoice(uiLibrary, frontends, astroIntegration) {
-	const { web } = splitFrontends(frontends);
+	const { web } = splitFrontends$1(frontends);
 	if (web.length === 0) return "none";
-	const compatibleLibraries = getCompatibleUILibraries(frontends, astroIntegration);
+	const compatibleLibraries = getCompatibleUILibraries$1(frontends, astroIntegration);
 	if (uiLibrary !== void 0) return compatibleLibraries.includes(uiLibrary) ? uiLibrary : compatibleLibraries[0];
 	const options = compatibleLibraries.map((lib) => ({
 		value: lib,
@@ -5603,6 +5599,24 @@ async function getValidationChoice(validation) {
 	return response;
 }
 
+//#endregion
+//#region src/utils/compatibility.ts
+const WEB_FRAMEWORKS = [
+	"tanstack-router",
+	"react-router",
+	"tanstack-start",
+	"next",
+	"nuxt",
+	"svelte",
+	"solid",
+	"solid-start",
+	"astro",
+	"qwik",
+	"angular",
+	"redwood",
+	"fresh"
+];
+
 //#endregion
 //#region src/prompts/web-deploy.ts
 function hasWebFrontend(frontends) {
@@ -5653,12 +5667,24 @@ async function gatherConfig(flags, projectName, projectDir, relativePath) {
 		},
 		uiLibrary: ({ results }) => {
 			if (results.ecosystem !== "typescript") return Promise.resolve("none");
-			if (hasWebStyling(results.frontend)) return getUILibraryChoice(flags.uiLibrary, results.frontend, results.astroIntegration);
+			if (hasWebStyling$1(results.frontend)) return getUILibraryChoice(flags.uiLibrary, results.frontend, results.astroIntegration);
 			return Promise.resolve("none");
 		},
+		shadcnOptions: ({ results }) => {
+			if (results.uiLibrary !== "shadcn-ui") return Promise.resolve(void 0);
+			return getShadcnOptions({
+				shadcnBase: flags.shadcnBase,
+				shadcnStyle: flags.shadcnStyle,
+				shadcnIconLibrary: flags.shadcnIconLibrary,
+				shadcnColorTheme: flags.shadcnColorTheme,
+				shadcnBaseColor: flags.shadcnBaseColor,
+				shadcnFont: flags.shadcnFont,
+				shadcnRadius: flags.shadcnRadius
+			});
+		},
 		cssFramework: ({ results }) => {
 			if (results.ecosystem !== "typescript") return Promise.resolve("none");
-			if (hasWebStyling(results.frontend)) return getCSSFrameworkChoice(flags.cssFramework, results.uiLibrary);
+			if (hasWebStyling$1(results.frontend)) return getCSSFrameworkChoice(flags.cssFramework, results.uiLibrary);
 			return Promise.resolve("none");
 		},
 		backend: ({ results }) => {
@@ -5869,6 +5895,7 @@ async function gatherConfig(flags, projectName, projectDir, relativePath) {
 		frontend: result.frontend,
 		astroIntegration: result.astroIntegration,
 		uiLibrary: result.uiLibrary,
+		...result.shadcnOptions ?? {},
 		cssFramework: result.cssFramework,
 		backend: result.backend,
 		runtime: result.runtime,
@@ -6097,6 +6124,15 @@ function generateReproducibleCommand(config) {
 	flags.push(`--effect ${config.effect}`);
 	flags.push(`--css-framework ${config.cssFramework}`);
 	flags.push(`--ui-library ${config.uiLibrary}`);
+	if (config.uiLibrary === "shadcn-ui") {
+		flags.push(`--shadcn-base ${config.shadcnBase}`);
+		flags.push(`--shadcn-style ${config.shadcnStyle}`);
+		flags.push(`--shadcn-icon-library ${config.shadcnIconLibrary}`);
+		flags.push(`--shadcn-color-theme ${config.shadcnColorTheme}`);
+		flags.push(`--shadcn-base-color ${config.shadcnBaseColor}`);
+		flags.push(`--shadcn-font ${config.shadcnFont}`);
+		flags.push(`--shadcn-radius ${config.shadcnRadius}`);
+	}
 	flags.push(`--ai ${config.ai}`);
 	flags.push(`--state-management ${config.stateManagement}`);
 	flags.push(`--forms ${config.forms}`);
@@ -6352,6 +6388,13 @@ function processFlags(options, projectName) {
 	if (options.astroIntegration) config.astroIntegration = options.astroIntegration;
 	if (options.cssFramework) config.cssFramework = options.cssFramework;
 	if (options.uiLibrary) config.uiLibrary = options.uiLibrary;
+	if (options.shadcnBase) config.shadcnBase = options.shadcnBase;
+	if (options.shadcnStyle) config.shadcnStyle = options.shadcnStyle;
+	if (options.shadcnIconLibrary) config.shadcnIconLibrary = options.shadcnIconLibrary;
+	if (options.shadcnColorTheme) config.shadcnColorTheme = options.shadcnColorTheme;
+	if (options.shadcnBaseColor) config.shadcnBaseColor = options.shadcnBaseColor;
+	if (options.shadcnFont) config.shadcnFont = options.shadcnFont;
+	if (options.shadcnRadius) config.shadcnRadius = options.shadcnRadius;
 	if (options.addons && options.addons.length > 0) config.addons = processArrayOption(options.addons);
 	if (options.examples && options.examples.length > 0) config.examples = processArrayOption(options.examples);
 	if (options.aiDocs !== void 0) config.aiDocs = processArrayOption(options.aiDocs);
@@ -6820,10 +6863,30 @@ function validateFrontendConstraints(config, providedFlags) {
 		ensureSingleWebAndNative(frontend);
 		if (providedFlags.has("api") && providedFlags.has("frontend") && config.api) validateApiFrontendCompatibility(config.api, frontend, config.astroIntegration);
 	}
-	const hasWebFrontendFlag = (frontend ?? []).some((f) => isWebFrontend(f));
+	const hasWebFrontendFlag = (frontend ?? []).some((f) => isWebFrontend$1(f));
 	validateWebDeployRequiresWebFrontend(config.webDeploy, hasWebFrontendFlag);
 }
 function validateApiConstraints(_config, _options) {}
+function validateShadcnConstraints(config, providedFlags) {
+	const shadcnFlagMap = {
+		shadcnBase: "--shadcn-base",
+		shadcnStyle: "--shadcn-style",
+		shadcnIconLibrary: "--shadcn-icon-library",
+		shadcnColorTheme: "--shadcn-color-theme",
+		shadcnBaseColor: "--shadcn-base-color",
+		shadcnFont: "--shadcn-font",
+		shadcnRadius: "--shadcn-radius"
+	};
+	const providedShadcnFlags = Object.keys(shadcnFlagMap).filter((f) => providedFlags.has(f));
+	if (providedShadcnFlags.length > 0 && config.uiLibrary !== "shadcn-ui") incompatibilityError({
+		message: "shadcn/ui customization flags require --ui-library shadcn-ui.",
+		provided: {
+			"ui-library": config.uiLibrary || "none",
+			...Object.fromEntries(providedShadcnFlags.map((f) => [shadcnFlagMap[f], String(config[f] ?? "")]))
+		},
+		suggestions: ["Add --ui-library shadcn-ui to use shadcn customization flags", "Remove the --shadcn-* flags if not using shadcn/ui"]
+	});
+}
 function validateFullConfig(config, providedFlags, options) {
 	validateDatabaseOrmAuth(config, providedFlags);
 	validateDatabaseSetup(config, providedFlags);
@@ -6853,6 +6916,7 @@ function validateFullConfig(config, providedFlags, options) {
 	validateAuth0Compatibility(config.auth, config.backend, config.frontend ?? []);
 	validateUILibraryFrontendCompatibility(config.uiLibrary, config.frontend ?? [], config.astroIntegration);
 	validateUILibraryCSSFrameworkCompatibility(config.uiLibrary, config.cssFramework);
+	validateShadcnConstraints(config, providedFlags);
 	validatePeerDependencies(config);
 }
 function validateConfigForProgrammaticUse(config) {
@@ -8880,6 +8944,13 @@ const router = os.router({
 		api: types_exports.APISchema.optional(),
 		cssFramework: types_exports.CSSFrameworkSchema.optional(),
 		uiLibrary: types_exports.UILibrarySchema.optional(),
+		shadcnBase: types_exports.ShadcnBaseSchema.optional().describe("shadcn/ui headless library (radix, base)"),
+		shadcnStyle: types_exports.ShadcnStyleSchema.optional().describe("shadcn/ui visual style (vega, nova, maia, lyra, mira)"),
+		shadcnIconLibrary: types_exports.ShadcnIconLibrarySchema.optional().describe("shadcn/ui icon library (lucide, tabler, hugeicons, phosphor, remixicon)"),
+		shadcnColorTheme: types_exports.ShadcnColorThemeSchema.optional().describe("shadcn/ui color theme (neutral, blue, violet, etc.)"),
+		shadcnBaseColor: types_exports.ShadcnBaseColorSchema.optional().describe("shadcn/ui base neutral color (neutral, stone, zinc, gray)"),
+		shadcnFont: types_exports.ShadcnFontSchema.optional().describe("shadcn/ui font (inter, geist, figtree, etc.)"),
+		shadcnRadius: types_exports.ShadcnRadiusSchema.optional().describe("shadcn/ui border radius (default, none, small, medium, large)"),
 		webDeploy: types_exports.WebDeploySchema.optional(),
 		serverDeploy: types_exports.ServerDeploySchema.optional(),
 		directoryConflict: types_exports.DirectoryConflictSchema.optional(),
@@ -9098,6 +9169,13 @@ async function createVirtual(options) {
 				serverDeploy: options.serverDeploy || "none",
 				cssFramework: options.cssFramework || "tailwind",
 				uiLibrary: options.uiLibrary || "shadcn-ui",
+				shadcnBase: options.shadcnBase ?? "radix",
+				shadcnStyle: options.shadcnStyle ?? "nova",
+				shadcnIconLibrary: options.shadcnIconLibrary ?? "lucide",
+				shadcnColorTheme: options.shadcnColorTheme ?? "neutral",
+				shadcnBaseColor: options.shadcnBaseColor ?? "neutral",
+				shadcnFont: options.shadcnFont ?? "inter",
+				shadcnRadius: options.shadcnRadius ?? "default",
 				ai: options.ai || "none",
 				stateManagement: options.stateManagement || "none",
 				forms: options.forms || "react-hook-form",