add unistyles

apps/cli/src/prompts/backend-framework.ts

@@ -48,7 +48,6 @@ export async function getBackendFrameworkChoice(
 		});
 	}
 
-	// Add "None" option
 	backendOptions.push({
 		value: "none" as const,
 		label: "None",

apps/cli/src/prompts/examples.ts

@@ -27,7 +27,10 @@ export async function getExamplesChoice(
 	if (database === "none") return [];
 
 	const onlyNative =
-		frontends && frontends.length === 1 && frontends[0] === "native";
+		frontends &&
+		frontends.length === 1 &&
+		(frontends[0] === "native-nativewind" ||
+			frontends[0] === "native-unistyles");
 	if (onlyNative) {
 		return [];
 	}

apps/cli/src/prompts/frontend-option.ts

@@ -95,7 +95,28 @@ export async function getFrontendChoice(
 	}
 
 	if (frontendTypes.includes("native")) {
-		result.push("native");
+		const nativeFramework = await select<ProjectFrontend>({
+			message: "Choose native framework",
+			options: [
+				{
+					value: "native-nativewind" as const,
+					label: "NativeWind",
+					hint: "Use Tailwind CSS for React Native",
+				},
+				{
+					value: "native-unistyles" as const,
+					label: "Unistyles",
+					hint: "Consistent styling for React Native",
+				},
+			],
+			initialValue: "native-nativewind",
+		});
+
+		if (isCancel(nativeFramework)) {
+			cancel(pc.red("Operation cancelled"));
+			process.exit(0);
+		}
+		result.push(nativeFramework);
 	}
 
 	return result;