fix: restore create base colors (#10197)

apps/v4/registry/base-colors.test.ts

@@ -0,0 +1,21 @@
+import { describe, expect, it } from "vitest"
+
+import { BASE_COLORS } from "./base-colors"
+
+describe("BASE_COLORS", () => {
+  it("includes the full neutral Tailwind base color set used by create", () => {
+    expect(BASE_COLORS.map((color) => color.name)).toEqual(
+      expect.arrayContaining([
+        "slate",
+        "gray",
+        "neutral",
+        "stone",
+        "zinc",
+        "mauve",
+        "olive",
+        "mist",
+        "taupe",
+      ])
+    )
+  })
+})

apps/v4/registry/base-colors.ts

@@ -1,9 +1,35 @@
+import gray from "@/public/r/colors/gray.json"
+import slate from "@/public/r/colors/slate.json"
 import { THEMES } from "@/registry/themes"
 
-export const BASE_COLORS = THEMES.filter((theme) =>
-  ["neutral", "stone", "zinc", "mauve", "olive", "mist", "taupe"].includes(
-    theme.name
-  )
-)
+const MISSING_BASE_COLORS = [
+  {
+    name: "slate",
+    title: "Slate",
+    cssVars: slate.cssVars,
+  },
+  {
+    name: "gray",
+    title: "Gray",
+    cssVars: gray.cssVars,
+  },
+] as const
+
+const EXISTING_BASE_COLOR_NAMES = [
+  "neutral",
+  "stone",
+  "zinc",
+  "mauve",
+  "olive",
+  "mist",
+  "taupe",
+] as const
+
+export const BASE_COLORS = [
+  ...MISSING_BASE_COLORS,
+  ...THEMES.filter((theme) =>
+    (EXISTING_BASE_COLOR_NAMES as readonly string[]).includes(theme.name)
+  ),
+]
 
 export type BaseColor = (typeof BASE_COLORS)[number]