fixes

site/app/(home)/page.tsx

@@ -1,19 +1,8 @@
-import Link from "next/link";
-
 export default function HomePage() {
   return (
     <main className="flex h-screen flex-col justify-center text-center">
       <h1 className="mb-4 text-2xl font-bold">tonal</h1>
       <p className="mb-8 text-fd-muted-foreground">A music theory library</p>
-
-      <p className="">
-        <Link
-          href="/docs"
-          className="text-fd-foreground font-semibold underline"
-        >
-          Documentation
-        </Link>{" "}
-      </p>
     </main>
   );
 }

site/app/docs/[[...slug]]/page.tsx

@@ -23,12 +23,16 @@ export default async function Page({
     <DocsPage toc={page.data.toc} full={page.data.full}>
       <DocsTitle>{page.data.title}</DocsTitle>
       {page.data.package ? (
-        <a href={`https://www.npmjs.com/package/@tonaljs/${page.data.package}`}>
-          <img
-            className="rounded-lg"
-            src={`https://img.shields.io/badge/@tonaljs-${page.data.package.replace("-", "--")}-yellow.svg?style=flat-square`}
-          />
-        </a>
+        <div className="flex">
+          <a
+            href={`https://www.npmjs.com/package/@tonaljs/${page.data.package}`}
+          >
+            <img
+              className="rounded-lg"
+              src={`https://img.shields.io/badge/@tonaljs-${page.data.package.replace("-", "--")}-yellow.svg?style=flat-square`}
+            />
+          </a>
+        </div>
       ) : null}
       <DocsDescription>{page.data.description}</DocsDescription>
       <DocsBody>

site/app/layout.config.tsx

@@ -1,4 +1,5 @@
 import { type HomeLayoutProps } from "fumadocs-ui/home-layout";
+import { BookIcon, GithubIcon } from "lucide-react";
 
 /**
  * Shared layout configurations
@@ -14,11 +15,13 @@ export const baseOptions: HomeLayoutProps = {
   links: [
     {
       text: "Documentation",
+      icon: <BookIcon />,
       url: "/docs",
       active: "nested-url",
     },
     {
       text: "Repository",
+      icon: <GithubIcon />,
       url: "https://github.com/tonaljs/tonal",
     },
   ],

site/content/docs/basics/intervals.md

@@ -1,16 +1,19 @@
 ---
 title: Intervals
-description: Parse and manipulate notes
+description: Calculate and manipulate intervals
 package: interval
 ---
 
+`Intervals` module allow to do distance calculations between notes using intervals, obtain information and do calculations:
+
 ```js
 import { Interval } from "tonal";
 
+Interval.distance("C4", "G4"); // => "5P"
 Interval.invert("2M"); // => "7m"
 Interval.simplify("9M"); // => "2M"
-Interval.semitones("P4"); // => 5
-Interval.distance("C4", "G4"); // => "5P"
+Interval.semitones("4P"); // => 5
+Interval.add("4P", "2M"); // => "5P"
 ```
 
 ## Interval properties

site/content/docs/groups/pitch-class-sets.md

@@ -1,9 +1,12 @@
 ---
 title: Pitch Class Sets
 package: pcset
+description: Compare collections of notes
 ---
 
-A pitch class set is a set (no repeated) of pitch classes (notes without octaves). Pitch classes are useful to identify musical structures (if two chords are related, for example)
+A pitch class set is a no repeated collection (set) of notes without octaves (pitch classes).
+
+Pitch classes are useful to identify musical structures (if two chords are related, for example)
 
 ```js
 import { Pcset } from "tonal";
@@ -83,7 +86,7 @@ Pcset.notes("101011010110"); // => ["C", "D", "E", "F", "G", "A", "Bb"]
 Test if a note is included in the given set. This function is currified:
 
 ```js
-const isInCTriad = isNoteIncludedIn(["C", "E", "G"]);
+const isInCTriad = isIncludedIn(["C", "E", "G"]);
 isInCTriad("C4"); // => true
 isInCTriad("C#4"); // => false
 ```

site/package.json

@@ -17,6 +17,7 @@
     "fumadocs-mdx": "10.0.2",
     "fumadocs-ui": "13.4.10",
     "gh-pages": "^6.1.1",
+    "lucide-react": "^0.441.0",
     "next": "^14.2.8",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",