@wangs-ui/create-react-app 1.0.58 → 1.0.60

package/dist/bin.js

@@ -246,7 +246,7 @@ async function promptUser(initialOptions) {
 		skills: skills || allSkills.map((s) => s.id),
 		git: git !== void 0 ? git : true
 	};
-	intro(`\x1b[36m🚀 Wangs UI React App Scaffolder\x1b[0m (v1.0.58)`);
+	intro(`\x1b[36m🚀 Wangs UI React App Scaffolder\x1b[0m (v1.0.60)`);
 	if (!projectName) {
 		const nameResponse = await text({
 			message: "What is your project name?",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wangs-ui/create-react-app",
-  "version": "1.0.58",
+  "version": "1.0.60",
   "description": "Scaffold a modern React app with Wangs UI, Vite 8, Oxlint, Oxfmt, and AI Agent MCP integration",
   "keywords": [
     "antigravity",
@@ -53,7 +53,7 @@
   },
   "dependencies": {
     "@clack/prompts": "^1.7.0",
-    "@wangs-ui/skills": "1.0.58"
+    "@wangs-ui/skills": "1.0.60"
   },
   "devDependencies": {},
   "scripts": {

package/template/src/index.css

@@ -2,3 +2,4 @@
 @import '@wangs-ui/react-icons/style.css';
 
 @source "../node_modules/@wangs-ui/react-presets";
+@source "../node_modules/@wangs-ui/foundation";

package/template/src/pages/Landing.tsx

@@ -133,14 +133,19 @@ export default function Landing(): React.ReactElement {
 
             <Text
               as="h1"
-              className="text-on-surface font-sans text-5xl font-extrabold tracking-tight md:text-7xl"
+              variant="displayLarge"
+              weight="bold"
+              color="onSurface"
+              className="font-sans"
             >
               Tactile. Grounded. <span className="text-primary-600">Accessible.</span>
             </Text>
 
             <Text
               as="p"
-              className="text-on-surface-variant mx-auto max-w-2xl text-lg font-medium md:text-xl"
+              variant="titleLarge"
+              color="onSurfaceVariant"
+              className="mx-auto max-w-2xl"
             >
               A premium React UI library designed for developers who value speed, accessibility, and
               a unique earthy aesthetic. Build distinct digital experiences.
@@ -164,8 +169,12 @@ export default function Landing(): React.ReactElement {
             </div>
 
             <div className="border-outline-variant bg-surface-container-low shadow-level-1 mx-auto mt-12 flex max-w-md items-center justify-center rounded-xl border p-4 font-mono text-sm">
-              <span className="text-on-surface-variant mr-4 select-none">$</span>
-              <span className="text-on-surface">pnpm create @wangs-ui/react-app my-app</span>
+              <Text variant="bodyMedium" color="onSurfaceVariant" className="mr-4 select-none">
+                $
+              </Text>
+              <Text variant="bodyMedium" color="onSurface">
+                pnpm create @wangs-ui/react-app my-app
+              </Text>
               <CopyButton className="ml-auto" text="pnpm create @wangs-ui/react-app my-app" />
             </div>
           </div>