@newt-app/templates 0.0.2 → 0.1.0

package/dist/index.js

@@ -11,16 +11,16 @@ var package_json_default = {
     "build": "turbo run build",
     "dev": "turbo run dev",
     "lint": "turbo run lint",
+    "test": "turbo run test",
     "format": "prettier --write \\"**/*.{ts,tsx,js,jsx,json,md,yaml,yml}\\"",
     "format:check": "prettier --check \\"**/*.{ts,tsx,js,jsx,json,md,yaml,yml}\\"",
-    "check-types": "turbo run check-types",
     "db:migrate": "turbo run migrate",
     "db:generate": "turbo run generate"
   },
   "devDependencies": {
     "prettier": "^3.7.4",
     "turbo": "^2.8.16",
-    "typescript": "5.9.2"
+    "typescript": "6.0.2"
   },
   "packageManager": "pnpm@9.0.0",
   "engines": {
@@ -113,10 +113,12 @@ var turbo_json_default = {
       "outputs": [".next/**", "!.next/cache/**"]
     },
     "lint": {
-      "dependsOn": ["^lint"]
+      "dependsOn": ["^lint"],
+      "env": ["NODE_ENV"]
     },
-    "check-types": {
-      "dependsOn": ["^check-types"]
+    "test": {
+      "dependsOn": ["^build"],
+      "outputs": ["coverage/**"]
     },
     "dev": {
       "cache": false,
@@ -166,10 +168,10 @@ Open [http://localhost:3000](http://localhost:3000).
 
 ## Packages
 
-- **\`@repo/auth\`** \u2014 better-auth config
-- **\`@repo/ui\`** \u2014 shared React components
-- **\`@repo/eslint-config\`** \u2014 shared ESLint config
-- **\`@repo/typescript-config\`** \u2014 shared tsconfig
+- **\`@<%= projectName %>/auth\`** \u2014 better-auth config
+- **\`@<%= projectName %>/ui\`** \u2014 shared React components
+- **\`@<%= projectName %>/eslint-config\`** \u2014 shared ESLint config
+- **\`@<%= projectName %>/typescript-config\`** \u2014 shared tsconfig
 `
 };
 
@@ -209,30 +211,29 @@ var package_json_default2 = {
     "dev": "next dev --port 3000",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint --max-warnings 0",
-    "check-types": "next typegen && tsc --noEmit",
+    "lint": "eslint --max-warnings 0 && next typegen && tsc --noEmit",
     "db:migrate": "better-auth migrate"
   },
   "dependencies": {
-    "@repo/auth": "workspace:*",
-    "@repo/ui": "workspace:*",
+    "@<%= projectName %>/auth": "workspace:*",
+    "@<%= projectName %>/ui": "workspace:*",
     "@tailwindcss/postcss": "^4.2.1",
     "@tanstack/react-form": "^1.28.5",
     "@tanstack/react-query": "^5.90.21",
     "better-auth": "^1.2.8",
-    "next": "16.1.5",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "next": "16.2.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "tailwindcss": "^4.2.1"
   },
   "devDependencies": {
-    "@repo/eslint-config": "workspace:*",
-    "@repo/typescript-config": "workspace:*",
+    "@<%= projectName %>/eslint-config": "workspace:*",
+    "@<%= projectName %>/typescript-config": "workspace:*",
     "@types/node": "^22.15.3",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "eslint": "^9.39.1",
-    "typescript": "5.9.2"
+    "typescript": "6.0.2"
   }
 }`
 };
@@ -322,7 +323,7 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/bui
 // src/web/templates/eslint-config.ts
 var eslint_config_default = {
   filename: "apps/web/eslint.config.js",
-  template: `import { nextJsConfig } from "@repo/eslint-config/next-js";
+  template: `import { nextJsConfig } from "@<%= projectName %>/eslint-config/next-js";
 
 /** @type {import("eslint").Linter.Config[]} */
 export default nextJsConfig;`
@@ -350,27 +351,24 @@ export default nextConfig;`
 // src/web/templates/postcss-config.ts
 var postcss_config_default = {
   filename: "apps/web/postcss.config.mjs",
-  template: `const config = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
-
-export default config;`
+  template: `export { default } from "@<%= projectName %>/ui/postcss.config";`
 };
 
 // src/web/templates/tsconfig.ts
 var tsconfig_default = {
   filename: "apps/web/tsconfig.json",
   template: `{
-  "extends": "@repo/typescript-config/nextjs.json",
+  "extends": "@<%= projectName %>/typescript-config/nextjs.json",
   "compilerOptions": {
     "plugins": [
       {
         "name": "next"
       }
     ],
-    "strictNullChecks": true
+    "strictNullChecks": true,
+    "paths": {
+      "@/*": ["./*"]
+    }
   },
   "include": [
     "**/*.ts",
@@ -383,34 +381,13 @@ var tsconfig_default = {
 }`
 };
 
-// src/web/templates/globals-css.ts
-var globals_css_default = {
-  filename: "apps/web/app/globals.css",
-  template: `@import 'tailwindcss';
-
-html,
-body {
-  height: 100%;
-}
-
-body {
-  color: #374151;
-  background-color: #ffffff;
-  -webkit-font-smoothing: antialiased;
-}
-
-* {
-  @apply border-gray-200;
-}`
-};
-
 // src/web/templates/layout.ts
 var layout_default = {
   filename: "apps/web/app/layout.tsx",
   template: `import type { Metadata } from "next";
 import localFont from "next/font/local";
-import Providers from "./providers";
-import "./globals.css";
+import Providers from "@/app/providers";
+import "@<%= projectName %>/ui/globals.css";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -424,6 +401,13 @@ const geistMono = localFont({
 export const metadata: Metadata = {
   title: "<%= projectName %>",
   description: "Next + Nest = Newt",
+  icons: {
+    icon: [
+      { url: "/icon0.svg", type: "image/svg+xml" },
+      { url: "/icon1.png", type: "image/png" },
+    ],
+    apple: "/apple-icon.png",
+  },
 };
 
 export default function RootLayout({
@@ -433,7 +417,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={\`\${geistSans.variable} \${geistMono.variable}\`}>
+      <body className={\`\${geistSans.variable} \${geistMono.variable} h-full\`}>
         <Providers>{children}</Providers>
       </body>
     </html>
@@ -447,10 +431,11 @@ var page_default = {
   template: `'use client';
 
 import { useQuery } from '@tanstack/react-query';
-import { authClient } from '../lib/auth-client';
-import { AuthForm } from './auth-form';
-import { Link } from '@repo/ui/link';
-import { TodoList } from './todo-list';
+import { authClient } from '@/lib/auth-client';
+import { AuthForm } from '@/app/auth-form';
+import { Link } from '@<%= projectName %>/ui/link';
+import { Logo } from '@<%= projectName %>/ui/logo';
+import { TodoList } from '@/app/todo-list';
 
 export default function Home() {
   const { data: session, isPending } = authClient.useSession();
@@ -461,45 +446,46 @@ export default function Home() {
   });
 
   return (
-    <main className="max-w-lg mx-auto border-r border-l h-full">
+    <main className="max-w-lg mx-auto border-r border-l min-h-full">
       <div className="border-b p-4">
         <p className="font-mono">apps/web/page.tsx</p>
-        <p className="text-gray-500">Delete me to get started!</p>
+        <p className="text-gray-400">Delete me to get started!</p>
       </div>
       <div className="border-b p-4">
-        <h1 className="text-5xl font-black tracking-tight bg-linear-to-r from-indigo-500 via-purple-500 to-pink-500 bg-clip-text text-transparent">
-          <%= projectName %>
-        </h1>
-        <p className="mt-2 text-sm text-gray-500 tracking-widest uppercase">
+        <div className="flex items-center gap-3 pb-2">
+          <Logo className="w-10 h-auto text-foreground" />
+          <h1 className="text-5xl font-black tracking-tight">
+            <%= projectName %>
+          </h1>
+        </div>
+        <p className="mt-2 text-sm text-gray-400 tracking-widest uppercase">
           Next + Nest = Newt \u{1F49C}
         </p>
-        <p className="text-gray-500">The perfect TypeScript monorepo setup</p>
+        <p className="text-gray-400">The perfect TypeScript monorepo setup</p>
       </div>
-      <div className="border-b p-4 text-gray-500">
-        <div className="flex justify-end text-gray-500">
-          <h2 className="uppercase">Next.js</h2>
+      <div className="border-b p-4">
+        <div className="flex justify-end text-gray-400 uppercase">
+          <h2>next.js</h2>
         </div>
         <p className="font-mono">apps/web/layout.tsx</p>
-        <p>Next.js rendering</p>
+        <p className="text-gray-400">Next.js rendering</p>
       </div>
 
       <div className="p-4 border-b">
-        <div className="flex justify-end text-gray-500">
-          <h2 className="uppercase">Nest</h2>
+        <div className="flex justify-end text-gray-400 uppercase">
+          <h2>nest.js</h2>
         </div>
-        <span className="font-mono text-gray-500 text-xs">
-          HTTP GET /api/hello
-        </span>
-        <pre className="border p-2 rounded bg-gray-50">
+        <p className="font-mono">GET /api/hello</p>
+        <pre className="mt-2 border rounded-md p-3 text-sm bg-neutral-800">
           <code>{JSON.stringify(hello, null, 2)}</code>
         </pre>
       </div>
       <div className="p-4 border-b">
-        <div className="flex justify-end text-gray-500">
+        <div className="flex justify-end text-gray-400 uppercase">
           <h2>better-auth</h2>
         </div>
         {isPending ? (
-          <p className="text-sm text-gray-500">Loading\u2026</p>
+          <p className="text-sm text-gray-400">Loading\u2026</p>
         ) : session ? (
           <TodoList session={session} />
         ) : (
@@ -546,10 +532,11 @@ var auth_form_default = {
 
 import { useForm } from '@tanstack/react-form';
 import { useState } from 'react';
-import { authClient } from '../lib/auth-client';
+import { authClient } from '@/lib/auth-client';
+import { Button } from '@<%= projectName %>/ui/button';
 
 export function AuthForm() {
-  const [tab, setTab] = useState<'signin' | 'signup'>('signin');
+  const [tab, setTab] = useState<'signin' | 'signup'>('signup');
   const [error, setError] = useState('');
 
   const form = useForm({
@@ -570,25 +557,25 @@ export function AuthForm() {
     <>
       <div className="flex gap-2 mb-6 text-sm">
         <button
-          onClick={() => setTab('signin')}
+          onClick={() => setTab('signup')}
           className={
-            tab === 'signin'
+            tab === 'signup'
               ? 'font-semibold'
-              : 'text-gray-500 hover:text-gray-700'
+              : 'text-gray-400 hover:text-gray-200'
           }
         >
-          Sign in
+          Sign up
         </button>
-        <span className="text-gray-200">|</span>
+        <span className="text-gray-600">|</span>
         <button
-          onClick={() => setTab('signup')}
+          onClick={() => setTab('signin')}
           className={
-            tab === 'signup'
+            tab === 'signin'
               ? 'font-semibold'
-              : 'text-gray-500 hover:text-gray-700'
+              : 'text-gray-400 hover:text-gray-200'
           }
         >
-          Sign up
+          Sign in
         </button>
       </div>
 
@@ -609,7 +596,7 @@ export function AuthForm() {
                   value={field.state.value}
                   onChange={(e) => field.handleChange(e.target.value)}
                   required
-                  className="w-full border border-gray-200 rounded px-3 py-2 text-sm"
+                  className="flex h-9 w-full rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
                 />
               </div>
             )}
@@ -625,7 +612,7 @@ export function AuthForm() {
                 value={field.state.value}
                 onChange={(e) => field.handleChange(e.target.value)}
                 required
-                className="w-full border border-gray-200 rounded px-3 py-2 text-sm"
+                className="flex h-9 w-full rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
               />
             </div>
           )}
@@ -641,7 +628,7 @@ export function AuthForm() {
                 onChange={(e) => field.handleChange(e.target.value)}
                 required
                 minLength={8}
-                className="w-full border border-gray-200 rounded px-3 py-2 text-sm"
+                className="flex h-9 w-full rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
               />
             </div>
           )}
@@ -651,17 +638,13 @@ export function AuthForm() {
 
         <form.Subscribe selector={(s) => s.isSubmitting}>
           {(isSubmitting) => (
-            <button
-              type="submit"
-              disabled={isSubmitting}
-              className="w-full bg-gray-900 text-white rounded py-2 text-sm font-medium hover:bg-gray-700 disabled:opacity-40"
-            >
+            <Button type="submit" disabled={isSubmitting} className="w-full">
               {isSubmitting
                 ? 'Loading\u2026'
                 : tab === 'signin'
                   ? 'Sign in'
                   : 'Create account'}
-            </button>
+            </Button>
           )}
         </form.Subscribe>
       </form>
@@ -677,7 +660,8 @@ var todo_list_default = {
 
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { useForm } from '@tanstack/react-form';
-import { authClient } from '../lib/auth-client';
+import { authClient } from '@/lib/auth-client';
+import { Button } from '@<%= projectName %>/ui/button';
 
 interface Todo {
   id: number;
@@ -739,10 +723,10 @@ export function TodoList({
     <>
       <div className="flex items-center justify-between mb-8">
         <h1 className="text-2xl font-semibold">Todos</h1>
-        <div className="flex items-center gap-3 text-sm text-gray-500">
+        <div className="flex items-center gap-3 text-sm text-gray-400">
           <span>{session.user.email}</span>
           <button
-            className="hover:text-gray-900"
+            className="hover:text-gray-100"
             onClick={() => authClient.signOut()}
           >
             Sign out
@@ -763,28 +747,24 @@ export function TodoList({
               value={field.state.value}
               onChange={(e) => field.handleChange(e.target.value)}
               placeholder="New todo\u2026"
-              className="flex-1 border border-gray-200 rounded px-3 py-2 text-sm"
+              className="flex h-9 flex-1 rounded-md border border-neutral-700 bg-neutral-800/50 px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 focus-visible:border-neutral-500 focus-visible:ring-2 focus-visible:ring-neutral-500/20"
             />
           )}
         </form.Field>
 
         <form.Subscribe selector={(s) => s.isSubmitting}>
           {(isSubmitting) => (
-            <button
-              type="submit"
-              disabled={isSubmitting || createMutation.isPending}
-              className="bg-gray-900 text-white rounded px-4 py-2 text-sm hover:bg-gray-700 disabled:opacity-40"
-            >
+            <Button type="submit" disabled={isSubmitting || createMutation.isPending}>
               Add
-            </button>
+            </Button>
           )}
         </form.Subscribe>
       </form>
 
       {isPending ? (
-        <p className="text-sm text-gray-500">Loading\u2026</p>
+        <p className="text-sm text-gray-400">Loading\u2026</p>
       ) : (
-        <ul className="divide-y divide-gray-100">
+        <ul className="divide-y divide-neutral-700">
           {todos.map((todo) => (
             <li key={todo.id} className="flex items-center gap-3 py-3">
               <input
@@ -793,13 +773,13 @@ export function TodoList({
                 onChange={() => toggleMutation.mutate(todo.id)}
               />
               <span
-                className={\`flex-1 text-sm \${todo.done ? 'line-through text-gray-500' : ''}\`}
+                className={\`flex-1 text-sm \${todo.done ? 'line-through text-gray-400' : ''}\`}
               >
                 {todo.title}
               </span>
               <button
                 onClick={() => deleteMutation.mutate(todo.id)}
-                className="text-gray-300 hover:text-red-400 text-lg leading-none"
+                className="text-gray-600 hover:text-red-400 text-lg leading-none"
               >
                 \xD7
               </button>
@@ -809,7 +789,7 @@ export function TodoList({
       )}
 
       {!isPending && todos.length === 0 && (
-        <p className="text-sm text-gray-500">No todos yet.</p>
+        <p className="text-sm text-gray-400">No todos yet.</p>
       )}
     </>
   );
@@ -819,7 +799,7 @@ export function TodoList({
 // src/web/templates/auth-route.ts
 var auth_route_default = {
   filename: "apps/web/app/api/auth/[...all]/route.ts",
-  template: `import { auth } from "@repo/auth";
+  template: `import { auth } from "@<%= projectName %>/auth";
 import { toNextJsHandler } from "better-auth/next-js";
 
 export const { GET, POST } = toNextJsHandler(auth);`
@@ -833,6 +813,32 @@ var auth_client_default = {
 export const authClient: ReturnType<typeof createAuthClient> = createAuthClient();`
 };
 
+// src/web/templates/manifest.ts
+var manifest_default = {
+  filename: "apps/web/app/manifest.json",
+  template: `{
+  "name": "<%= projectName %>",
+  "short_name": "<%= projectName %>",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}`
+};
+
 // src/web/index.ts
 var web = {
   templates: [
@@ -843,19 +849,24 @@ var web = {
     next_config_default,
     postcss_config_default,
     tsconfig_default,
-    globals_css_default,
     layout_default,
     page_default,
     providers_default,
     auth_form_default,
     todo_list_default,
     auth_route_default,
-    auth_client_default
+    auth_client_default,
+    manifest_default
   ],
   staticFiles: [
     { src: "web/static/fonts/GeistVF.woff", filename: "apps/web/app/fonts/GeistVF.woff" },
     { src: "web/static/fonts/GeistMonoVF.woff", filename: "apps/web/app/fonts/GeistMonoVF.woff" },
     { src: "web/static/favicon.ico", filename: "apps/web/app/favicon.ico" },
+    { src: "web/static/icon0.svg", filename: "apps/web/app/icon0.svg" },
+    { src: "web/static/icon1.png", filename: "apps/web/app/icon1.png" },
+    { src: "web/static/apple-icon.png", filename: "apps/web/app/apple-icon.png" },
+    { src: "web/static/public/web-app-manifest-192x192.png", filename: "apps/web/public/web-app-manifest-192x192.png" },
+    { src: "web/static/public/web-app-manifest-512x512.png", filename: "apps/web/public/web-app-manifest-512x512.png" },
     { src: "web/static/public/file-text.svg", filename: "apps/web/public/file-text.svg" },
     { src: "web/static/public/globe.svg", filename: "apps/web/public/globe.svg" },
     { src: "web/static/public/next.svg", filename: "apps/web/public/next.svg" },
@@ -895,7 +906,7 @@ var package_json_default3 = {
     "@nestjs/common": "^11.0.1",
     "@nestjs/core": "^11.0.1",
     "@nestjs/platform-express": "^11.0.1",
-    "@repo/auth": "workspace:*",
+    "@<%= projectName %>/auth": "workspace:*",
     "@thallesp/nestjs-better-auth": "^2.5.1",
     "dotenv": "^17.3.1",
     "reflect-metadata": "^0.2.2",
@@ -921,7 +932,7 @@ var package_json_default3 = {
     "ts-loader": "^9.5.2",
     "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
-    "typescript": "^5.7.3",
+    "typescript": "6.0.2",
     "typescript-eslint": "^8.20.0"
   },
   "jest": {
@@ -943,7 +954,7 @@ var eslint_config_default2 = {
   filename: "apps/api/eslint.config.mjs",
   template: `// @ts-check
 import eslint from '@eslint/js';
-import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
+import prettierConfig from 'eslint-config-prettier';
 import globals from 'globals';
 import tseslint from 'typescript-eslint';
 
@@ -953,7 +964,7 @@ export default tseslint.config(
   },
   eslint.configs.recommended,
   ...tseslint.configs.recommendedTypeChecked,
-  eslintPluginPrettierRecommended,
+  prettierConfig,
   {
     languageOptions: {
       globals: {
@@ -972,7 +983,6 @@ export default tseslint.config(
       '@typescript-eslint/no-explicit-any': 'off',
       '@typescript-eslint/no-floating-promises': 'warn',
       '@typescript-eslint/no-unsafe-argument': 'warn',
-      "prettier/prettier": ["error", { endOfLine: "auto" }],
     },
   },
 );`
@@ -1016,7 +1026,8 @@ var tsconfig_default2 = {
     "forceConsistentCasingInFileNames": true,
     "noImplicitAny": false,
     "strictBindCallApply": false,
-    "noFallthroughCasesInSwitch": false
+    "noFallthroughCasesInSwitch": false,
+    "types": ["jest", "node"]
   }
 }`
 };
@@ -1083,7 +1094,7 @@ var app_module_default = {
   template: `import { Module } from '@nestjs/common';
 import { APP_GUARD } from '@nestjs/core';
 import { AuthGuard, AuthModule } from '@thallesp/nestjs-better-auth';
-import { auth } from '@repo/auth';
+import { auth } from '@<%= projectName %>/auth';
 import { AppController } from './app.controller';
 import { TodosModule } from './todos/todos.module';
 
@@ -1108,7 +1119,7 @@ async function bootstrap() {
   app.enableCors({ origin: 'http://localhost:3000', credentials: true });
   await app.listen(process.env.PORT ?? 3001);
 }
-bootstrap();`
+void bootstrap();`
 };
 
 // src/api/templates/todos-controller.ts
@@ -1293,7 +1304,7 @@ var api_default = api;
 var package_json_default4 = {
   filename: "packages/auth/package.json",
   template: `{
-  "name": "@repo/auth",
+  "name": "@<%= projectName %>/auth",
   "version": "0.0.0",
   "private": true,
   "exports": {
@@ -1308,11 +1319,11 @@ var package_json_default4 = {
     "pg": "^8.14.1"
   },
   "devDependencies": {
-    "@repo/typescript-config": "workspace:*",
+    "@<%= projectName %>/typescript-config": "workspace:*",
     "@types/pg": "^8.11.13",
     "auth": "^1.5.5",
     "dotenv-cli": "^11.0.0",
-    "typescript": "5.9.2"
+    "typescript": "6.0.2"
   }
 }`
 };
@@ -1338,7 +1349,7 @@ export type Auth = typeof auth;`
 var tsconfig_default3 = {
   filename: "packages/auth/tsconfig.json",
   template: `{
-  "extends": "@repo/typescript-config/base.json",
+  "extends": "@<%= projectName %>/typescript-config/base.json",
   "compilerOptions": {
     "outDir": "dist",
     "strictNullChecks": true
@@ -1358,10 +1369,13 @@ var auth_default = auth;
 var package_json_default5 = {
   filename: "packages/ui/package.json",
   template: `{
-  "name": "@repo/ui",
+  "name": "@<%= projectName %>/ui",
   "version": "0.0.0",
   "private": true,
   "exports": {
+    "./globals.css": "./src/globals.css",
+    "./postcss.config": "./postcss.config.mjs",
+    "./utils": "./src/utils.ts",
     "./*": "./src/*.tsx"
   },
   "scripts": {
@@ -1369,17 +1383,22 @@ var package_json_default5 = {
     "check-types": "tsc --noEmit"
   },
   "devDependencies": {
-    "@repo/eslint-config": "workspace:*",
-    "@repo/typescript-config": "workspace:*",
+    "@<%= projectName %>/eslint-config": "workspace:*",
+    "@<%= projectName %>/typescript-config": "workspace:*",
+    "@tailwindcss/postcss": "^4.0.0",
+    "tailwindcss": "^4.0.0",
     "@types/node": "^22.15.3",
-    "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
     "eslint": "^9.39.1",
-    "typescript": "5.9.2"
+    "typescript": "6.0.2"
   },
   "dependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "clsx": "^2.1.1",
+    "next": "^16.2.1",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tailwind-merge": "^3.3.0"
   }
 }`
 };
@@ -1390,18 +1409,30 @@ var button_default = {
   template: `"use client";
 
 import { ReactNode } from "react";
+import { cn } from "./utils";
 
 interface ButtonProps {
   children: ReactNode;
+  onClick?: () => void;
+  type?: "button" | "submit" | "reset";
+  disabled?: boolean;
   className?: string;
-  appName: string;
 }
 
-export const Button = ({ children, className, appName }: ButtonProps) => {
+export const Button = ({ children, onClick, type = "button", disabled, className }: ButtonProps) => {
   return (
     <button
-      className={className}
-      onClick={() => alert(\`Hello from your \${appName} app!\`)}
+      type={type}
+      onClick={onClick}
+      disabled={disabled}
+      className={cn(
+        "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all",
+        "h-9 px-4 py-2",
+        "bg-white text-gray-900 shadow-xs hover:bg-gray-100",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "outline-none focus-visible:ring-2 focus-visible:ring-white/50",
+        className
+      )}
     >
       {children}
     </button>
@@ -1460,29 +1491,124 @@ export function Code({
 // src/ui/templates/link.ts
 var link_default = {
   filename: "packages/ui/src/link.tsx",
-  template: `"use client";
-
-import { AnchorHTMLAttributes } from "react";
+  template: `import NextLink, { type LinkProps } from "next/link";
+import { type PropsWithChildren } from "react";
+import { cn } from "./utils";
 
-export function Link({ children, ...props }: AnchorHTMLAttributes<HTMLAnchorElement>) {
+export function Link({
+  href,
+  children,
+  className,
+  ...rest
+}: PropsWithChildren<LinkProps & { className?: string }>) {
   return (
-    <a
-      target="_blank"
-      rel="noopener noreferrer"
-      className="hover:underline underline-offset-2 hover:text-gray-900 transition-colors"
-      {...props}
+    <NextLink
+      href={href}
+      {...rest}
+      className={cn(
+        "underline decoration-muted-foreground hover:decoration-foreground transition-colors",
+        className
+      )}
     >
       {children}
-    </a>
+    </NextLink>
   );
 }`
 };
 
+// src/ui/templates/logo.ts
+var logo_default = {
+  filename: "packages/ui/src/logo.tsx",
+  template: `import { cn } from "./utils";
+
+interface LogoProps {
+  className?: string;
+}
+
+export function Logo({ className }: LogoProps) {
+  return (
+    <svg
+      width="196"
+      height="138"
+      viewBox="0 0 196 138"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={cn("text-foreground", className)}
+    >
+      <path
+        d="M98 35C102.665 35 107.243 35.2232 111.707 35.6514C111.243 38.1972 111 40.8202 111 43.5C111 67.5244 130.476 87 154.5 87C165.156 87 174.914 83.1658 182.478 76.8057C183.476 79.9455 184 83.186 184 86.5C184 114.943 145.496 138 98 138C50.5035 138 12 114.943 12 86.5C12 83.1861 12.5228 79.9454 13.5215 76.8057C21.0851 83.1661 30.8441 87 41.5 87C65.5244 87 85 67.5244 85 43.5C85 40.8202 84.7559 38.1973 84.292 35.6514C88.7559 35.2232 93.3345 35 98 35ZM38.5 0C59.763 0 77 17.237 77 38.5C77 59.763 59.763 77 38.5 77C17.237 77 0 59.763 0 38.5C0 17.237 17.237 0 38.5 0ZM157.5 0C178.763 0 196 17.237 196 38.5C196 59.763 178.763 77 157.5 77C136.237 77 119 59.763 119 38.5C119 17.237 136.237 0 157.5 0Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}`
+};
+
+// src/ui/templates/utils.ts
+var utils_default = {
+  filename: "packages/ui/src/utils.ts",
+  template: `import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}`
+};
+
+// src/ui/templates/globals-css.ts
+var globals_css_default = {
+  filename: "packages/ui/src/globals.css",
+  template: `@import 'tailwindcss';
+@source "../../../apps/**/*.{ts,tsx}";
+@source "../**/*.{ts,tsx}";
+
+:root {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --border: oklch(0.469 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-border: var(--border);
+}
+
+@layer base {
+  html,
+  body {
+    height: 100%;
+  }
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+    -webkit-font-smoothing: antialiased;
+  }
+  * {
+    border-color: var(--border);
+  }
+}`
+};
+
+// src/ui/templates/postcss-config.ts
+var postcss_config_default2 = {
+  filename: "packages/ui/postcss.config.mjs",
+  template: `const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;`
+};
+
 // src/ui/templates/tsconfig.ts
 var tsconfig_default4 = {
   filename: "packages/ui/tsconfig.json",
   template: `{
-  "extends": "@repo/typescript-config/react-library.json",
+  "extends": "@<%= projectName %>/typescript-config/react-library.json",
   "compilerOptions": {
     "outDir": "dist",
     "strictNullChecks": true
@@ -1495,7 +1621,7 @@ var tsconfig_default4 = {
 // src/ui/templates/eslint-config.ts
 var eslint_config_default3 = {
   filename: "packages/ui/eslint.config.mjs",
-  template: `import { config } from "@repo/eslint-config/react-internal";
+  template: `import { config } from "@<%= projectName %>/eslint-config/react-internal";
 
 /** @type {import("eslint").Linter.Config} */
 export default config;`
@@ -1503,7 +1629,7 @@ export default config;`
 
 // src/ui/index.ts
 var ui = {
-  templates: [package_json_default5, button_default, card_default, code_default, link_default, tsconfig_default4, eslint_config_default3]
+  templates: [package_json_default5, button_default, card_default, code_default, link_default, logo_default, utils_default, globals_css_default, postcss_config_default2, tsconfig_default4, eslint_config_default3]
 };
 var ui_default = ui;
 
@@ -1511,7 +1637,7 @@ var ui_default = ui;
 var package_json_default6 = {
   filename: "packages/eslint-config/package.json",
   template: `{
-  "name": "@repo/eslint-config",
+  "name": "@<%= projectName %>/eslint-config",
   "version": "0.0.0",
   "type": "module",
   "private": true,
@@ -1689,7 +1815,7 @@ var eslint_config_default4 = eslintConfig;
 var package_json_default7 = {
   filename: "packages/typescript-config/package.json",
   template: `{
-  "name": "@repo/typescript-config",
+  "name": "@<%= projectName %>/typescript-config",
   "version": "0.0.0",
   "private": true,
   "license": "MIT",

package/dist/static/web/static/icon0.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="1000"><g clip-path="url(#SvgjsClipPath1144)"><rect width="1000" height="1000" fill="#000000"></rect><g transform="matrix(4.081632653061225,0,0,4.081632653061225,100,218.36734693877548)"><svg xmlns="http://www.w3.org/2000/svg" width="196" height="138" viewBox="0 0 196 138" fill="none"><path d="M98 35C102.665 35 107.243 35.2232 111.707 35.6514C111.243 38.1972 111 40.8202 111 43.5C111 67.5244 130.476 87 154.5 87C165.156 87 174.914 83.1658 182.478 76.8057C183.476 79.9455 184 83.186 184 86.5C184 114.943 145.496 138 98 138C50.5035 138 12 114.943 12 86.5C12 83.1861 12.5228 79.9454 13.5215 76.8057C21.0851 83.1661 30.8441 87 41.5 87C65.5244 87 85 67.5244 85 43.5C85 40.8202 84.7559 38.1973 84.292 35.6514C88.7559 35.2232 93.3345 35 98 35ZM38.5 0C59.763 0 77 17.237 77 38.5C77 59.763 59.763 77 38.5 77C17.237 77 0 59.763 0 38.5C0 17.237 17.237 0 38.5 0ZM157.5 0C178.763 0 196 17.237 196 38.5C196 59.763 178.763 77 157.5 77C136.237 77 119 59.763 119 38.5C119 17.237 136.237 0 157.5 0Z" fill="white"></path></svg></g></g><defs><clipPath id="SvgjsClipPath1144"><rect width="1000" height="1000" x="0" y="0" rx="350" ry="350"></rect></clipPath></defs></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newt-app/templates",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "private": false,
   "description": "Templates for newt-app",
   "type": "module",
@@ -18,6 +18,7 @@
   },
   "scripts": {
     "build": "tsup",
+    "build:watch": "tsup --watch",
     "dev": "tsup --watch"
   }
 }