Migrate empty and item docs to Basecoat APIs

docs/css/custom.css

@@ -1,3 +1,10 @@
+/* Basecoat docs font override. This is intentionally not part of the package default. */
+:root {
+  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
+  --font-heading: "Geist", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+}
+
 /* HTMX */
 .htmx-indicator {
   @apply invisible opacity-0 transition-discrete transition-all;
@@ -11,6 +18,16 @@
 }
 
 .content {
+  pre {
+    @apply grid max-h-[650px] overflow-y-auto rounded-lg bg-muted/40 text-sm;
+  }
+  pre > code {
+    @apply block rounded-[inherit] bg-transparent p-3.5 font-mono;
+  }
+  pre > code.hljs {
+    @apply !bg-transparent;
+  }
+
   > h2 {
     @apply mt-12 lg:mt-20 mb-6 scroll-m-22 text-2xl font-semibold tracking-tight first:mt-0;
   }
@@ -89,4 +106,4 @@
       @apply max-md:ml-10 min-h-8 flex items-center;
     }
   }
-}
+}

docs/css/style-luma.css

@@ -1,3 +0,0 @@
-@import "tailwindcss" source(none);
-@import "../../src/css/base/base.css";
-@import "../../src/css/styles/style-luma.css";

docs/css/style-lyra.css

@@ -1,3 +0,0 @@
-@import "tailwindcss" source(none);
-@import "../../src/css/base/base.css";
-@import "../../src/css/styles/style-lyra.css";

docs/css/style-maia.css

@@ -1,3 +0,0 @@
-@import "tailwindcss" source(none);
-@import "../../src/css/base/base.css";
-@import "../../src/css/styles/style-maia.css";

docs/css/style-mira.css

@@ -1,3 +0,0 @@
-@import "tailwindcss" source(none);
-@import "../../src/css/base/base.css";
-@import "../../src/css/styles/style-mira.css";

docs/css/style-nova.css

@@ -1,3 +0,0 @@
-@import "tailwindcss" source(none);
-@import "../../src/css/base/base.css";
-@import "../../src/css/styles/style-nova.css";

docs/css/style-rhea.css

@@ -1,3 +0,0 @@
-@import "tailwindcss" source(none);
-@import "../../src/css/base/base.css";
-@import "../../src/css/styles/style-rhea.css";

docs/css/style-sera.css

@@ -1,3 +0,0 @@
-@import "tailwindcss" source(none);
-@import "../../src/css/base/base.css";
-@import "../../src/css/styles/style-sera.css";

docs/css/styles-luma.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-luma.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles-lyra.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-lyra.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles-maia.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-maia.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles-mira.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-mira.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles-nova.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-nova.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles-rhea.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-rhea.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles-sera.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-sera.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles-vega.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
+@import "tailwindcss";
+@import "../../src/css/basecoat-vega.css";
+@import "./custom.css";
+@import "./highlight.css";
+
+@import "./themes/claude.css";
+@import "./themes/doom-64.css";
+@import "./themes/supabase.css";

docs/css/styles.css

@@ -1,8 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Geist+Mono:wght@400&display=swap");
 @import "tailwindcss";
-@import "../../src/css/basecoat.css";
+@import "../../src/css/basecoat-vega.css";
 @import "./custom.css";
 @import "./highlight.css";
 
 @import "./themes/claude.css";
 @import "./themes/doom-64.css";
-@import "./themes/supabase.css";
+@import "./themes/supabase.css";