@draekien/create-d9-app 0.0.0-stage → 0.0.1

package/templates/base/apps/web/src/routes/__root.tsx

@@ -0,0 +1,26 @@
+import type { QueryClient } from "@tanstack/react-query"
+import { createRootRouteWithContext, HeadContent, Outlet, Scripts } from "@tanstack/react-router"
+// biome-ignore lint/correctness/noUnresolvedImports: vite ?url query resolves to the stylesheet url, which Biome cannot resolve
+import appCss from "@workspace/ui/globals.css?url"
+
+export const Route = createRootRouteWithContext<{ queryClient: QueryClient }>()({
+  head: () => ({
+    meta: [
+      { charSet: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { title: "App" },
+    ],
+    links: [{ rel: "stylesheet", href: appCss }],
+  }),
+  component: () => (
+    <html lang="en">
+      <head>
+        <HeadContent />
+      </head>
+      <body>
+        <Outlet />
+        <Scripts />
+      </body>
+    </html>
+  ),
+})

package/templates/base/apps/web/src/routes/index.tsx

@@ -0,0 +1,10 @@
+import { createFileRoute } from "@tanstack/react-router"
+import { greetingOptions } from "../examples/greeting.ts"
+import { Home } from "../home.tsx"
+
+export const Route = createFileRoute("/")({
+  loader: async ({ context }) => {
+    await context.queryClient.query(greetingOptions)
+  },
+  component: Home,
+})

package/templates/base/apps/web/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src", "vite.config.ts", "vitest.config.ts"],
+  "compilerOptions": {
+    "types": ["vite/client", "node"],
+    "paths": {
+      "@workspace/ui/*": ["../../packages/ui/src/*"]
+    },
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  }
+}

package/templates/base/apps/web/vite.config.ts

@@ -0,0 +1,20 @@
+/// <reference types="vitest/config" />
+import babel from "@rolldown/plugin-babel"
+import tailwindcss from "@tailwindcss/vite"
+import { tanstackStart } from "@tanstack/react-start/plugin/vite"
+import viteReact, { reactCompilerPreset } from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+
+const isTest = process.env.VITEST === "true"
+
+export default defineConfig({
+  server: { port: 3000 },
+  resolve: { tsconfigPaths: true },
+  plugins: [
+    !isTest && tailwindcss(),
+    !isTest && tanstackStart(),
+    viteReact(),
+    babel({ presets: [reactCompilerPreset()] }),
+  ],
+  test: { environment: "node" },
+})

package/templates/base/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "my-app",
+  "private": true,
+  "type": "module",
+  "packageManager": "pnpm@11.25.0",
+  "engines": {
+    "node": ">=22.18.0"
+  },
+  "scripts": {
+    "build": "turbo run build",
+    "check": "turbo run check lint:comments lint:biome",
+    "lint:comments": "node scripts/check-comments.ts",
+    "typecheck": "turbo run typecheck",
+    "test": "turbo run test",
+    "dev": "turbo run dev"
+  },
+  "intent": {
+    "skills": [
+      "*"
+    ]
+  },
+  "devDependencies": {
+    "@babel/parser": "8.0.7",
+    "@tanstack/intent": "0.5.5",
+    "turbo": "2.11.7",
+    "typescript": "7.0.2"
+  }
+}

package/templates/base/pnpm-workspace.yaml

@@ -0,0 +1,7 @@
+packages:
+  - "apps/*"
+  - "packages/*"
+saveExact: true
+
+allowBuilds:
+  lefthook: true

package/templates/base/scripts/check-comments.ts

@@ -0,0 +1,100 @@
+import { execFileSync } from "node:child_process"
+import { readdirSync, readFileSync, writeFileSync } from "node:fs"
+import { parse } from "@babel/parser"
+
+const directive = /^(\/|\s*biome-ignore|\s*@ts-)/
+const scopeRoots = ["apps/", "packages/"]
+const ignoredDirs = new Set(["node_modules", "dist", ".output", ".nitro", ".tanstack", ".turbo"])
+const generated = /(^|\/)[^/]*\.gen\.tsx?$/
+
+const inScope = (file: string) =>
+  /\.tsx?$/.test(file) &&
+  scopeRoots.some((root) => file.startsWith(root)) &&
+  !generated.test(file) &&
+  !file.split("/").some((part) => ignoredDirs.has(part))
+
+const walk = (dir: string): string[] =>
+  readdirSync(dir, { withFileTypes: true }).flatMap((entry) =>
+    ignoredDirs.has(entry.name)
+      ? []
+      : entry.isDirectory()
+        ? walk(`${dir}/${entry.name}`)
+        : [`${dir}/${entry.name}`]
+  )
+
+const listFiles = () => {
+  try {
+    return execFileSync("git", ["ls-files", "--cached", "--others", "--exclude-standard"], {
+      encoding: "utf8",
+      stdio: ["ignore", "pipe", "ignore"],
+    }).split("\n")
+  } catch {
+    return scopeRoots.flatMap((root) => {
+      try {
+        return walk(root.slice(0, -1))
+      } catch {
+        return []
+      }
+    })
+  }
+}
+
+const fix = process.argv.includes("--fix")
+const requested = process.argv.slice(2).filter((arg) => arg !== "--fix")
+
+const files = (requested.length > 0 ? requested : listFiles())
+  .map((file) => file.replaceAll("\\", "/"))
+  .filter(inScope)
+
+const lineComments = (file: string, source: string) =>
+  (
+    parse(source, {
+      sourceType: "module",
+      errorRecovery: true,
+      plugins: file.endsWith(".tsx") ? ["typescript", "jsx"] : ["typescript"],
+    }).comments ?? []
+  ).flatMap(({ type, value, start, end, loc }) =>
+    type === "CommentLine" && !directive.test(value) && start != null && end != null && loc
+      ? [{ start, end, line: loc.start.line, column: loc.start.column }]
+      : []
+  )
+
+const removeComment = (source: string, start: number, end: number) => {
+  const lineStart = source.lastIndexOf("\n", start - 1) + 1
+  const before = source.slice(lineStart, start)
+  if (before.trim() === "") {
+    const lineEnd = source.indexOf("\n", end)
+    return source.slice(0, lineStart) + (lineEnd === -1 ? "" : source.slice(lineEnd + 1))
+  }
+  return source.slice(0, lineStart) + before.trimEnd() + source.slice(end)
+}
+
+let violations = 0
+
+for (const file of files) {
+  const source = readFileSync(file, "utf8")
+  const comments = lineComments(file, source)
+  if (comments.length === 0) continue
+  violations += comments.length
+
+  if (fix) {
+    const fixed = comments.reduceRight(
+      (text, comment) => removeComment(text, comment.start, comment.end),
+      source
+    )
+    writeFileSync(file, fixed)
+    console.log(`${file}: removed ${comments.length} comment(s)`)
+    continue
+  }
+
+  for (const { line, column } of comments) {
+    console.log(
+      `${file}:${line}:${column + 1} line comment; rename or document the public API with JSDoc instead`
+    )
+  }
+}
+
+if (!fix && violations > 0) {
+  console.error(`\n${violations} line comment(s). Run \`pnpm lint:comments --fix\` to remove them.`)
+  process.exit(1)
+}

package/templates/base/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true
+  }
+}

package/templates/base/turbo.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://turborepo.dev/schema.json",
+  "agentGuidance": false,
+  "tasks": {
+    "build": {
+      "dependsOn": ["^build"],
+      "outputs": ["dist/**"]
+    },
+    "check": {},
+    "//#lint:biome": {},
+    "//#lint:comments": {
+      "inputs": ["apps/**", "packages/**", "scripts/check-comments.ts"]
+    },
+    "typecheck": {
+      "dependsOn": ["^typecheck"]
+    },
+    "test": {},
+    "dev": {
+      "cache": false,
+      "persistent": true
+    }
+  }
+}

package/templates/tools/biome/.biome/effect-cleanup.grit

@@ -0,0 +1,8 @@
+language js
+
+`useEffect($callback, $deps)` as $effect where {
+  $callback <: contains or { `$_.addEventListener($_, $_)`, `setInterval($_, $_)`, `setTimeout($_, $_)`, `$_.subscribe($_)` },
+  $callback <: JsArrowFunctionExpression(body = JsFunctionBody(statements = $statements)),
+  $statements <: not some `return $cleanup`,
+  register_diagnostic(span = $effect, message = "Return a cleanup function from an effect that sets up a listener, timer, or subscription.")
+}

package/templates/tools/biome/.biome/handler-naming.grit

@@ -0,0 +1,9 @@
+language js
+
+JsxAttribute() as $attr where {
+  $attr <: r"on[A-Z]\w*=\{\w+\}",
+  $attr <: not r"on[A-Z]\w*=\{handle[A-Z]\w*\}",
+  $attr <: not r"on[A-Z]\w*=\{on[A-Z]\w*\}",
+  $attr <: not r"on[A-Z]\w*=\{set[A-Z]\w*\}",
+  register_diagnostic(span = $attr, message = "Name the function passed to an on<Event> prop handle<Action>.", severity = "error")
+}

package/templates/tools/biome/.biome/no-default-props.grit

@@ -0,0 +1,5 @@
+language js
+
+`$component.defaultProps = $props` where {
+  register_diagnostic(span = $component, message = "Use default parameter values instead of defaultProps.")
+}

package/templates/tools/biome/.biome/no-derived-state-effect.grit

@@ -0,0 +1,7 @@
+language js
+
+`useEffect($callback, $deps)` as $effect where {
+  $callback <: contains `$setter($_)` where { $setter <: r"set[A-Z]\w*" },
+  $callback <: not contains or { `$_.then($_)`, `await $_`, `setTimeout($_, $_)`, `setInterval($_, $_)`, `$_.addEventListener($_, $_)`, `$_.subscribe($_)` },
+  register_diagnostic(span = $effect, message = "Compute derived values during render instead of syncing them with useEffect.", severity = "error")
+}

package/templates/tools/biome/.biome/no-double-assertion.grit

@@ -0,0 +1,5 @@
+language js
+
+`$value as unknown as $type` as $cast where {
+  register_diagnostic(span = $cast, message = "Double assertion through unknown; fix the types instead of forcing the cast.")
+}

package/templates/tools/biome/.biome/no-fetch-in-effect.grit

@@ -0,0 +1,6 @@
+language js
+
+`useEffect($callback, $deps)` as $effect where {
+  $callback <: contains `fetch($_)`,
+  register_diagnostic(span = $effect, message = "Fetch with TanStack Query (useQuery), not useEffect.")
+}

package/templates/tools/biome/.biome/no-impure-render.grit

@@ -0,0 +1,8 @@
+language js
+
+or { `Math.random()`, `Date.now()`, `new Date()`, `DateTime.now()` } as $call where {
+  $call <: within JsFunctionDeclaration(id = $component) where { $component <: r"[A-Z]\w*" },
+  $call <: not within JsArrowFunctionExpression(),
+  $call <: not within JsFunctionDeclaration(id = $handler) where { $handler <: r"handle[A-Z]\w*" },
+  register_diagnostic(span = $call, message = "Non-deterministic value during render; move it into an effect, handler, or useState initialiser.", severity = "error")
+}

package/templates/tools/biome/.biome/no-inline-query-key.grit

@@ -0,0 +1,7 @@
+language js
+
+`queryKey: $key` as $property where {
+  $key <: JsArrayExpression(),
+  $key <: not r"^\[\s*\.\.\.[\s\S]*",
+  register_diagnostic(span = $property, message = "Build query keys with a key factory such as assetKeys instead of an inline array.")
+}

package/templates/tools/biome/.biome/no-query-client-in-render.grit

@@ -0,0 +1,7 @@
+language js
+
+`new QueryClient($_)` as $client where {
+  $client <: within JsFunctionDeclaration(id = $component) where { $component <: r"[A-Z]\w*" },
+  $client <: not within `useState($_)`,
+  register_diagnostic(span = $client, message = "Create the QueryClient once at module scope or in a useState initialiser.")
+}

package/templates/tools/biome/.biome/no-refetch-on-success.grit

@@ -0,0 +1,7 @@
+language js
+
+JsPropertyObjectMember(name = $name, value = $callback) as $member where {
+  $name <: or { `onSuccess`, `onSettled` },
+  $callback <: contains or { `refetch()`, `$_.refetch()` },
+  register_diagnostic(span = $member, message = "Invalidate the affected queries with queryClient.invalidateQueries instead of calling refetch.")
+}

package/templates/tools/biome/.biome/no-try-around-jsx.grit

@@ -0,0 +1,9 @@
+language js
+
+JsTryStatement(body = $block) as $try where {
+  $block <: contains or { JsxElement(), JsxSelfClosingElement(), JsxFragment() },
+  $try <: within JsFunctionDeclaration(id = $component) where { $component <: r"[A-Z]\w*" },
+  $try <: not within JsArrowFunctionExpression(),
+  $try <: not within JsFunctionDeclaration(id = $handler) where { $handler <: r"handle[A-Z]\w*" },
+  register_diagnostic(span = $try, message = "try/catch cannot catch render errors; wrap the subtree in an ErrorBoundary.")
+}

package/templates/tools/biome/.biome/query-client-stale-time.grit

@@ -0,0 +1,8 @@
+language js
+
+or {
+  `new QueryClient()`,
+  `new QueryClient($options)` where { $options <: not contains `staleTime: $_` }
+} as $client where {
+  register_diagnostic(span = $client, message = "Set a default staleTime on the QueryClient; the built-in 0 refetches on every mount.")
+}

package/templates/tools/biome/biome.json

@@ -0,0 +1,156 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.5.15/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "includes": ["**", "!**/routeTree.gen.ts", "!.biome", "!.intent", "!.claude", "!.codex"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 100,
+    "lineEnding": "lf",
+    "trailingNewline": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "preset": "recommended",
+      "correctness": {
+        "noReactPropAssignments": "error"
+      },
+      "style": {
+        "noInferrableTypes": "error",
+        "useReadonlyClassProperties": "error",
+        "useThrowOnlyError": "error",
+        "useConsistentTypeDefinitions": {
+          "level": "error",
+          "options": {
+            "style": "type"
+          }
+        },
+        "useFilenamingConvention": {
+          "level": "error",
+          "options": {
+            "filenameCases": ["kebab-case"]
+          }
+        }
+      },
+      "suspicious": {
+        "noVar": "error"
+      },
+      "nursery": {
+        "noBaseToString": "error",
+        "noIdenticalTestTitle": "error",
+        "noImpliedEval": "error",
+        "noLoopFunc": "error",
+        "noMisusedPromises": "error",
+        "noReturnInFinally": "error",
+        "noUnmodifiedLoopCondition": "error",
+        "noUnnecessaryTemplateExpression": "error",
+        "noUnsafePlusOperands": "error",
+        "noUnsafeTypeAssertion": "error",
+        "noUselessTypeConversion": "error",
+        "useArraySome": "error",
+        "useAwaitThenable": "error",
+        "useConsistentTestIt": "error",
+        "useExhaustiveSwitchCases": "error",
+        "useExpect": "error",
+        "useIncludes": "error",
+        "useNullishCoalescing": "error",
+        "useReactCompiler": "error",
+        "useReduceTypeParameter": "error",
+        "useRegexpExec": "error",
+        "useRegexpTest": "error",
+        "useStringStartsEndsWith": "error",
+        "useTestHooksOnTop": "error"
+      }
+    },
+    "domains": {
+      "project": "all",
+      "react": "all",
+      "test": "all",
+      "turborepo": "all",
+      "types": "all"
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double",
+      "trailingCommas": "es5",
+      "semicolons": "asNeeded"
+    }
+  },
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "on",
+        "noDuplicateClasses": "on",
+        "useSortedProperties": "on"
+      }
+    }
+  },
+  "plugins": [
+    ".biome/no-derived-state-effect.grit",
+    ".biome/no-double-assertion.grit",
+    ".biome/no-fetch-in-effect.grit",
+    {
+      "path": ".biome/no-inline-query-key.grit",
+      "includes": ["**/*.{ts,tsx}", "!**/*.test.{ts,tsx}"]
+    },
+    ".biome/no-query-client-in-render.grit",
+    ".biome/effect-cleanup.grit",
+    ".biome/no-refetch-on-success.grit",
+    {
+      "path": ".biome/query-client-stale-time.grit",
+      "includes": ["**/*.{ts,tsx}", "!**/*.test.{ts,tsx}"]
+    },
+    {
+      "path": ".biome/no-try-around-jsx.grit",
+      "includes": ["**/*.tsx"]
+    },
+    {
+      "path": ".biome/handler-naming.grit",
+      "includes": ["**/*.tsx"]
+    },
+    {
+      "path": ".biome/no-default-props.grit",
+      "includes": ["**/*.tsx"]
+    },
+    {
+      "path": ".biome/no-impure-render.grit",
+      "includes": ["**/*.tsx"]
+    }
+  ],
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
+  "overrides": [
+    {
+      "includes": ["**/*.tsx"],
+      "linter": {
+        "rules": {
+          "style": {
+            "noDefaultExport": "error"
+          }
+        }
+      }
+    },
+    {
+      "includes": ["**/src/routes/**/$*.tsx", "**/src/routes/**/*.$.tsx"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useFilenamingConvention": "off"
+          }
+        }
+      }
+    }
+  ]
+}

package/templates/tools/biome/package.json

@@ -0,0 +1,8 @@
+{
+  "scripts": {
+    "lint:biome": "biome check"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.5.15"
+  }
+}

package/templates/tools/lefthook/lefthook.yml

@@ -0,0 +1,6 @@
+pre-commit:
+  commands:
+    check:
+      glob: "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}"
+      run: pnpm lint:comments {staged_files} && pnpm exec biome check --write --no-errors-on-unmatched --files-ignore-unknown=true --colors=off {staged_files}
+      stage_fixed: true

package/templates/tools/lefthook/package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "lefthook": "2.2.1"
+  }
+}

package/templates/tools/shadcn/packages/ui/components.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-mira",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/styles/globals.css",
+    "baseColor": "zinc",
+    "cssVariables": true
+  },
+  "iconLibrary": "hugeicons",
+  "aliases": {
+    "components": "@workspace/ui/components",
+    "utils": "@workspace/ui/lib/utils",
+    "hooks": "@workspace/ui/hooks",
+    "lib": "@workspace/ui/lib",
+    "ui": "@workspace/ui/components"
+  },
+  "menuColor": "default",
+  "menuAccent": "bold"
+}

package/templates/tools/shadcn/packages/ui/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@workspace/ui",
+  "version": "0.0.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@base-ui/react": "1.8.0",
+    "@hugeicons/core-free-icons": "4.3.5",
+    "@hugeicons/react": "1.1.10",
+    "class-variance-authority": "0.7.1",
+    "cn": "0.4.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "tw-animate-css": "1.4.0"
+  },
+  "devDependencies": {
+    "@types/node": "22.20.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "shadcn": "4.21.4",
+    "tailwindcss": "4.3.3",
+    "typescript": "7.0.2"
+  },
+  "exports": {
+    "./globals.css": "./src/styles/globals.css",
+    "./lib/*": "./src/lib/*",
+    "./components/*": "./src/components/*",
+    "./hooks/*": "./src/hooks/*"
+  }
+}

package/templates/tools/shadcn/packages/ui/src/components/button.tsx

@@ -0,0 +1,56 @@
+import { Button as ButtonPrimitive } from "@base-ui/react/button"
+import { cva, type VariantProps } from "class-variance-authority"
+import { cn } from "cn"
+
+const buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline:
+          "border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost:
+          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive:
+          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default:
+          "h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        xs: "h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5",
+        sm: "h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        lg: "h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4",
+        icon: "size-7 [&_svg:not([class*='size-'])]:size-3.5",
+        "icon-xs": "size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5",
+        "icon-sm": "size-6 [&_svg:not([class*='size-'])]:size-3",
+        "icon-lg": "size-8 [&_svg:not([class*='size-'])]:size-4",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
+  return (
+    <ButtonPrimitive
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+// biome-ignore lint/style/useComponentExportOnlyModules: buttonVariants is the shadcn-generated companion export of Button
+export { Button, buttonVariants }

package/templates/tools/shadcn/packages/ui/src/lib/utils.ts

@@ -0,0 +1 @@
+export { cn } from "cn"