From 9bdb49ddd7ede67ee116609fafacca0c0b4e09b2 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Mon, 12 Feb 2024 16:19:36 +0800
Subject: [PATCH 01/17] UI: Improve Files component

---
 .changeset/soft-beans-change.md      |  5 ++++
 packages/ui/src/components/files.tsx | 45 +++++++++++++++++-----------
 2 files changed, 32 insertions(+), 18 deletions(-)
 create mode 100644 .changeset/soft-beans-change.md

diff --git a/.changeset/soft-beans-change.md b/.changeset/soft-beans-change.md
new file mode 100644
index 000000000..59f0fe761
--- /dev/null
+++ b/.changeset/soft-beans-change.md
@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': minor
+---
+
+Add `Folder` export
diff --git a/packages/ui/src/components/files.tsx b/packages/ui/src/components/files.tsx
index 55ca232aa..2000f689e 100644
--- a/packages/ui/src/components/files.tsx
+++ b/packages/ui/src/components/files.tsx
@@ -2,7 +2,7 @@
 
 import { cva } from 'class-variance-authority';
 import { FileIcon, FolderIcon, FolderOpenIcon } from 'lucide-react';
-import type { HTMLAttributes, ReactNode } from 'react';
+import { useState, type HTMLAttributes, type ReactNode } from 'react';
 import { cn } from '@/utils/cn';
 import {
   Collapsible,
@@ -28,9 +28,13 @@ export function Files({
   );
 }
 
-interface FileProps {
+export interface FileProps {
   title: string;
   icon?: ReactNode;
+}
+
+export interface FolderProps {
+  title: string;
 
   /**
    * Open folder by default
@@ -40,35 +44,40 @@ interface FileProps {
   defaultOpen?: boolean;
 
   /**
-   * hildren files of the folder, considered as file if empty
+   * children files of the folder, considered as file if empty
    */
-  children?: ReactNode;
+  children: ReactNode;
 }
 
-export function File({
+export function File(props: FileProps | FolderProps): JSX.Element {
+  if ('children' in props) {
+    return <Folder {...props} />;
+  }
+
+  return (
+    <p className={cn(item())}>
+      {props.icon ?? <FileIcon />}
+      {props.title}
+    </p>
+  );
+}
+
+export function Folder({
   title,
-  icon,
-  defaultOpen,
+  defaultOpen = false,
   children,
-}: FileProps): JSX.Element {
-  if (!children) {
-    return (
-      <p className={cn(item())}>
-        {icon ?? <FileIcon />}
-        {title}
-      </p>
-    );
-  }
+}: FolderProps): JSX.Element {
+  const [open, setOpen] = useState(defaultOpen);
 
   return (
-    <Collapsible defaultOpen={defaultOpen}>
+    <Collapsible open={open} onOpenChange={setOpen}>
       <CollapsibleTrigger className={cn(item({ className: 'group w-full' }))}>
         <FolderIcon className="group-data-[state=open]:hidden" />
         <FolderOpenIcon className="group-data-[state=closed]:hidden" />
         {title}
       </CollapsibleTrigger>
       <CollapsibleContent>
-        <div className="ml-4 flex flex-col border-l py-2 pl-2">{children}</div>
+        <div className="ml-4 flex flex-col border-l pl-2 pt-2">{children}</div>
       </CollapsibleContent>
     </Collapsible>
   );

From 21cac9eb3b3c1bfdd51e6765ece726efd8506c84 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 12 Feb 2024 18:04:16 +0000
Subject: [PATCH 02/17] Update all non-major dependencies to v1.1.2

---
 packages/core/package.json     |  6 ++--
 packages/twoslash/package.json |  4 +--
 pnpm-lock.yaml                 | 50 +++++++++++++++++-----------------
 3 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index d0e53d0f6..3a32006a5 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -123,8 +123,8 @@
   },
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.5.0",
-    "@shikijs/rehype": "v1.1.1",
-    "@shikijs/transformers": "v1.1.1",
+    "@shikijs/rehype": "1.1.2",
+    "@shikijs/transformers": "1.1.2",
     "flexsearch": "0.7.21",
     "github-slugger": "^2.0.0",
     "hast-util-to-estree": "^3.1.0",
@@ -134,7 +134,7 @@
     "remark-gfm": "^4.0.0",
     "remark-mdx": "^3.0.0",
     "scroll-into-view-if-needed": "^3.1.0",
-    "shiki": "v1.1.1",
+    "shiki": "1.1.2",
     "swr": "^2.2.2",
     "unist-util-visit": "^5.0.0"
   },
diff --git a/packages/twoslash/package.json b/packages/twoslash/package.json
index 595c8f17b..eff84c525 100644
--- a/packages/twoslash/package.json
+++ b/packages/twoslash/package.json
@@ -25,11 +25,11 @@
     "types:check": "tsc --noEmit"
   },
   "dependencies": {
-    "@shikijs/twoslash": "v1.1.1",
+    "@shikijs/twoslash": "1.1.2",
     "mdast-util-from-markdown": "^2.0.0",
     "mdast-util-gfm": "^3.0.0",
     "mdast-util-to-hast": "^13.1.0",
-    "shiki": "v1.1.1"
+    "shiki": "1.1.2"
   },
   "devDependencies": {
     "@types/hast": "^3.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 485195284..0f3d2d5da 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -282,11 +282,11 @@ importers:
         specifier: ^0.5.0
         version: 0.5.0
       '@shikijs/rehype':
-        specifier: v1.1.1
-        version: 1.1.1
+        specifier: 1.1.2
+        version: 1.1.2
       '@shikijs/transformers':
-        specifier: v1.1.1
-        version: 1.1.1
+        specifier: 1.1.2
+        version: 1.1.2
       flexsearch:
         specifier: 0.7.21
         version: 0.7.21
@@ -321,8 +321,8 @@ importers:
         specifier: ^3.1.0
         version: 3.1.0
       shiki:
-        specifier: v1.1.1
-        version: 1.1.1
+        specifier: 1.1.2
+        version: 1.1.2
       swr:
         specifier: ^2.2.2
         version: 2.2.2(react@18.2.0)
@@ -504,8 +504,8 @@ importers:
   packages/twoslash:
     dependencies:
       '@shikijs/twoslash':
-        specifier: v1.1.1
-        version: 1.1.1(typescript@5.3.3)
+        specifier: 1.1.2
+        version: 1.1.2(typescript@5.3.3)
       mdast-util-from-markdown:
         specifier: ^2.0.0
         version: 2.0.0
@@ -516,8 +516,8 @@ importers:
         specifier: ^13.1.0
         version: 13.1.0
       shiki:
-        specifier: v1.1.1
-        version: 1.1.1
+        specifier: 1.1.2
+        version: 1.1.2
     devDependencies:
       '@types/hast':
         specifier: ^3.0.4
@@ -3342,31 +3342,31 @@ packages:
     resolution: {integrity: sha512-H0r+V4/47hXZzFW2qXRqjLwNtiUE5bQankMw2m2RE1hLgHSjp/skyBZYDXjhG9y7ei3sIZAj8s4vx31EzxxrhQ==}
     dev: false
 
-  /@shikijs/core@1.1.1:
-    resolution: {integrity: sha512-WSHuW0i4W04+UZgim378oxHBAp4S5X3hVI2zXh+t5v2fx2u/7QXz9VNisoOD/CA4O9Lc6Zs97TrKiDbWyZua6Q==}
+  /@shikijs/core@1.1.2:
+    resolution: {integrity: sha512-ERVzNQz88ZkDqUpWeC57Kp+Kmx5RjqeDBR1M8AGWGom4yrkITiTfXCGmjchlDSw12MhDTuPYR4HVFW8uT61RaQ==}
     dev: false
 
-  /@shikijs/rehype@1.1.1:
-    resolution: {integrity: sha512-7JJIr7v89sudUol7BwzIXSh5n7fFa8KnqUVjRmJLvQBy31gxUBF2j1kvMD32SCXZdxIy/XRIeKMgKiNCRpFPvg==}
+  /@shikijs/rehype@1.1.2:
+    resolution: {integrity: sha512-h90ycM3VFkI6bLD/WgUuxMR9yqc0ejWWiA//T4f4mqoIPW3bVW3uSB/0eJRM6WbP8fEaOAnA7mbKGsoTDGf4Ng==}
     dependencies:
-      '@shikijs/transformers': 1.1.1
+      '@shikijs/transformers': 1.1.2
       '@types/hast': 3.0.4
       hast-util-to-string: 3.0.0
-      shiki: 1.1.1
+      shiki: 1.1.2
       unified: 11.0.4
       unist-util-visit: 5.0.0
     dev: false
 
-  /@shikijs/transformers@1.1.1:
-    resolution: {integrity: sha512-kOGqxMWtgPxivmDB6WH/lq3oUv0FrGPleovfBCqNVYsyGwRDa01OBOqQxO6oz8a7QbdEq0fbt7CaK1yjv4epXw==}
+  /@shikijs/transformers@1.1.2:
+    resolution: {integrity: sha512-tldkUMW7RBkU2F6eXbiRMw3ja+hQer1EjwhD2NGOv6K0pgZdVp3JKjU8uisRtg65tyBqrVHq7zlLHVk7EKmUZA==}
     dependencies:
-      shiki: 1.1.1
+      shiki: 1.1.2
     dev: false
 
-  /@shikijs/twoslash@1.1.1(typescript@5.3.3):
-    resolution: {integrity: sha512-v9qhwJSeelA55+Z5e72331rvXNavqabP0jqgKNmUQkiAvEGo7upJaq/TDXcnMyC8NDqPq2fuU6xoHItzDj+Rcw==}
+  /@shikijs/twoslash@1.1.2(typescript@5.3.3):
+    resolution: {integrity: sha512-Jt8QAudENcCS7cgxjbXMpUCA7IAOy1kot+Qo5yyyLl9VwVKvZMW0BDrrigbOia8602X2Z76U6XEs9UXyD6LnsQ==}
     dependencies:
-      '@shikijs/core': 1.1.1
+      '@shikijs/core': 1.1.2
       twoslash: 0.2.1(typescript@5.3.3)
     transitivePeerDependencies:
       - supports-color
@@ -9580,10 +9580,10 @@ packages:
       '@shikijs/core': 1.0.0-beta.2
     dev: false
 
-  /shiki@1.1.1:
-    resolution: {integrity: sha512-7ksyiu01NltBvEcLq9GcguF+7RGa5lDwozjgdbiXnlkro1FtMCcrVtHUWbKuYBSOZW74gC4KlnBcgRCwK2ERAw==}
+  /shiki@1.1.2:
+    resolution: {integrity: sha512-qNzFwTv5uhEDNUIwp7wHjsrffVeLbmOgWnM5mZZhoiz7G2qAUvqVfUzuWfieD45/YAKipzCtdV9SndacKtABow==}
     dependencies:
-      '@shikijs/core': 1.1.1
+      '@shikijs/core': 1.1.2
     dev: false
 
   /side-channel@1.0.4:

From ad9c3b57cddd411f91a708942ccb07b091cd288b Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 12 Feb 2024 23:03:34 +0000
Subject: [PATCH 03/17] Update typescript-eslint monorepo to v7

---
 package.json   |   4 +-
 pnpm-lock.yaml | 691 ++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 679 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index 84e829935..d9efcf212 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
   "prettier": "@vercel/style-guide/prettier",
   "devDependencies": {
     "@changesets/cli": "^2.26.2",
-    "@typescript-eslint/eslint-plugin": "^6.7.0",
-    "@typescript-eslint/parser": "^6.7.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.0",
+    "@typescript-eslint/parser": "^7.0.0",
     "@vercel/style-guide": "^5.1.0",
     "concurrently": "^8.2.1",
     "prettier": "^3.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 485195284..aa9a4f474 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -20,14 +20,14 @@ importers:
         specifier: ^2.26.2
         version: 2.26.2
       '@typescript-eslint/eslint-plugin':
-        specifier: ^6.7.0
-        version: 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.3.3)
+        specifier: ^7.0.0
+        version: 7.0.1(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)(typescript@5.3.3)
       '@typescript-eslint/parser':
-        specifier: ^6.7.0
-        version: 6.7.0(eslint@8.49.0)(typescript@5.3.3)
+        specifier: ^7.0.0
+        version: 7.0.1(eslint@8.56.0)(typescript@5.3.3)
       '@vercel/style-guide':
         specifier: ^5.1.0
-        version: 5.1.0(eslint@8.49.0)(prettier@3.0.3)(typescript@5.3.3)
+        version: 5.1.0(eslint@8.56.0)(prettier@3.0.3)(typescript@5.3.3)
       concurrently:
         specifier: ^8.2.1
         version: 8.2.1
@@ -802,6 +802,20 @@ packages:
       semver: 6.3.1
     dev: true
 
+  /@babel/eslint-parser@7.23.3(@babel/core@7.22.17)(eslint@8.56.0):
+    resolution: {integrity: sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw==}
+    engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
+    peerDependencies:
+      '@babel/core': ^7.11.0
+      eslint: ^7.5.0 || ^8.0.0
+    dependencies:
+      '@babel/core': 7.22.17
+      '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
+      eslint: 8.56.0
+      eslint-visitor-keys: 2.1.0
+      semver: 6.3.1
+    dev: true
+
   /@babel/generator@7.23.5:
     resolution: {integrity: sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==}
     engines: {node: '>=6.9.0'}
@@ -1569,6 +1583,16 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.56.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
   /@eslint-community/regexpp@4.8.1:
     resolution: {integrity: sha512-PWiOzLIUAjN/w5K17PoF4n6sKBw0gqLHPhywmYHP4t1VFQQVYeb1yWsJwnMVEMl3tUHME7X/SJPZLmtG7XBDxQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
@@ -1591,11 +1615,33 @@ packages:
       - supports-color
     dev: true
 
+  /@eslint/eslintrc@2.1.4:
+    resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.6.1
+      globals: 13.21.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@eslint/js@8.49.0:
     resolution: {integrity: sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /@eslint/js@8.56.0:
+    resolution: {integrity: sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   /@fal-works/esbuild-plugin-global-externals@2.1.2:
     resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==}
 
@@ -1661,6 +1707,17 @@ packages:
       - supports-color
     dev: true
 
+  /@humanwhocodes/config-array@0.11.14:
+    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 2.0.2
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
@@ -1670,6 +1727,10 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     dev: true
 
+  /@humanwhocodes/object-schema@2.0.2:
+    resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
+    dev: true
+
   /@isaacs/cliui@8.0.2:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -3590,6 +3651,64 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.8.1
+      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/type-utils': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.7.0
+      debug: 4.3.4
+      eslint: 8.56.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/eslint-plugin@7.0.1(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-OLvgeBv3vXlnnJGIAgCLYKjgMEU+wBGj07MQ/nxAaON+3mLzX7mJbhRYrVGiVvFiXtwFlkcBa/TtmglHy0UbzQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^7.0.0
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.8.1
+      '@typescript-eslint/parser': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/scope-manager': 7.0.1
+      '@typescript-eslint/type-utils': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 7.0.1
+      debug: 4.3.4
+      eslint: 8.56.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/parser@6.7.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3611,6 +3730,48 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/parser@6.7.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 6.7.0
+      debug: 4.3.4
+      eslint: 8.56.0
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@7.0.1(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-8GcRRZNzaHxKzBPU3tKtFNing571/GwPBeCvmAUw0yBtfE2XVd0zFKJIMSWkHJcPQi0ekxjIts6L/rrZq5cxGQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 7.0.1
+      '@typescript-eslint/types': 7.0.1
+      '@typescript-eslint/typescript-estree': 7.0.1(typescript@5.3.3)
+      '@typescript-eslint/visitor-keys': 7.0.1
+      debug: 4.3.4
+      eslint: 8.56.0
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/scope-manager@5.62.0:
     resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3627,6 +3788,14 @@ packages:
       '@typescript-eslint/visitor-keys': 6.7.0
     dev: true
 
+  /@typescript-eslint/scope-manager@7.0.1:
+    resolution: {integrity: sha512-v7/T7As10g3bcWOOPAcbnMDuvctHzCFYCG/8R4bK4iYzdFqsZTbXGln0cZNVcwQcwewsYU2BJLay8j0/4zOk4w==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.0.1
+      '@typescript-eslint/visitor-keys': 7.0.1
+    dev: true
+
   /@typescript-eslint/type-utils@6.7.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3647,6 +3816,46 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/type-utils@6.7.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.3.3)
+      '@typescript-eslint/utils': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      debug: 4.3.4
+      eslint: 8.56.0
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/type-utils@7.0.1(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-YtT9UcstTG5Yqy4xtLiClm1ZpM/pWVGFnkAa90UfdkkZsR1eP2mR/1jbHeYp8Ay1l1JHPyGvoUYR6o3On5Nhmw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 7.0.1(typescript@5.3.3)
+      '@typescript-eslint/utils': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      debug: 4.3.4
+      eslint: 8.56.0
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/types@5.62.0:
     resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3657,6 +3866,11 @@ packages:
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
+  /@typescript-eslint/types@7.0.1:
+    resolution: {integrity: sha512-uJDfmirz4FHib6ENju/7cz9SdMSkeVvJDK3VcMFvf/hAShg8C74FW+06MaQPODHfDJp/z/zHfgawIJRjlu0RLg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
   /@typescript-eslint/typescript-estree@5.62.0(typescript@5.3.3):
     resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3699,6 +3913,28 @@ packages:
       - supports-color
     dev: true
 
+  /@typescript-eslint/typescript-estree@7.0.1(typescript@5.3.3):
+    resolution: {integrity: sha512-SO9wHb6ph0/FN5OJxH4MiPscGah5wjOd0RRpaLvuBv9g8565Fgu0uMySFEPqwPHiQU90yzJ2FjRYKGrAhS1xig==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 7.0.1
+      '@typescript-eslint/visitor-keys': 7.0.1
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      minimatch: 9.0.3
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.3.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@typescript-eslint/utils@5.62.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3719,6 +3955,26 @@ packages:
       - typescript
     dev: true
 
+  /@typescript-eslint/utils@5.62.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@types/json-schema': 7.0.12
+      '@types/semver': 7.5.2
+      '@typescript-eslint/scope-manager': 5.62.0
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.3.3)
+      eslint: 8.56.0
+      eslint-scope: 5.1.1
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /@typescript-eslint/utils@6.7.0(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3738,6 +3994,44 @@ packages:
       - typescript
     dev: true
 
+  /@typescript-eslint/utils@6.7.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@types/json-schema': 7.0.12
+      '@types/semver': 7.5.2
+      '@typescript-eslint/scope-manager': 6.7.0
+      '@typescript-eslint/types': 6.7.0
+      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.3.3)
+      eslint: 8.56.0
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@7.0.1(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-oe4his30JgPbnv+9Vef1h48jm0S6ft4mNwi9wj7bX10joGn07QRfqIqFHoMiajrtoU88cIhXf8ahwgrcbNLgPA==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^8.56.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@types/json-schema': 7.0.12
+      '@types/semver': 7.5.2
+      '@typescript-eslint/scope-manager': 7.0.1
+      '@typescript-eslint/types': 7.0.1
+      '@typescript-eslint/typescript-estree': 7.0.1(typescript@5.3.3)
+      eslint: 8.56.0
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /@typescript-eslint/visitor-keys@5.62.0:
     resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3754,6 +4048,14 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
+  /@typescript-eslint/visitor-keys@7.0.1:
+    resolution: {integrity: sha512-hwAgrOyk++RTXrP4KzCg7zB2U0xt7RUU0ZdMSCsqF3eKUwkdXUMyTb0qdCuji7VIbcpG62kKTU9M1J1c9UpFBw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 7.0.1
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
   /@typescript/vfs@1.5.0:
     resolution: {integrity: sha512-AJS307bPgbsZZ9ggCT3wwpg3VbTKMFNHfaY/uF0ahSkYYrPF2dSSKDNIDIQAHm9qJqbLvCsSJH7yN4Vs/CsMMg==}
     dependencies:
@@ -3812,16 +4114,63 @@ packages:
       - supports-color
     dev: true
 
-  /@vitest/expect@1.0.4:
-    resolution: {integrity: sha512-/NRN9N88qjg3dkhmFcCBwhn/Ie4h064pY3iv7WLRsDJW7dXnEgeoa8W9zy7gIPluhz6CkgqiB3HmpIXgmEY5dQ==}
+  /@vercel/style-guide@5.1.0(eslint@8.56.0)(prettier@3.0.3)(typescript@5.3.3):
+    resolution: {integrity: sha512-L9lWYePIycm7vIOjDLj+mmMdmmPkW3/brHjgq+nJdvMOrL7Hdk/19w8X583HYSk0vWsq494o5Qkh6x5+uW7ljg==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      '@next/eslint-plugin-next': '>=12.3.0 <15'
+      eslint: '>=8.48.0 <9'
+      prettier: '>=3.0.0 <4'
+      typescript: '>=4.8.0 <6'
+    peerDependenciesMeta:
+      '@next/eslint-plugin-next':
+        optional: true
+      eslint:
+        optional: true
+      prettier:
+        optional: true
+      typescript:
+        optional: true
     dependencies:
-      '@vitest/spy': 1.0.4
-      '@vitest/utils': 1.0.4
-      chai: 4.3.10
-    dev: true
-
-  /@vitest/runner@1.0.4:
-    resolution: {integrity: sha512-rhOQ9FZTEkV41JWXozFM8YgOqaG9zA7QXbhg5gy6mFOVqh4PcupirIJ+wN7QjeJt8S8nJRYuZH1OjJjsbxAXTQ==}
+      '@babel/core': 7.22.17
+      '@babel/eslint-parser': 7.23.3(@babel/core@7.22.17)(eslint@8.56.0)
+      '@rushstack/eslint-patch': 1.6.0
+      '@typescript-eslint/eslint-plugin': 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+      eslint-config-prettier: 9.0.0(eslint@8.56.0)
+      eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.29.0)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.56.0)
+      eslint-plugin-eslint-comments: 3.2.0(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
+      eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)(typescript@5.3.3)
+      eslint-plugin-jsx-a11y: 6.8.0(eslint@8.56.0)
+      eslint-plugin-playwright: 0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.56.0)
+      eslint-plugin-react: 7.33.2(eslint@8.56.0)
+      eslint-plugin-react-hooks: 4.6.0(eslint@8.56.0)
+      eslint-plugin-testing-library: 6.2.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint-plugin-tsdoc: 0.2.17
+      eslint-plugin-unicorn: 48.0.1(eslint@8.56.0)
+      prettier: 3.0.3
+      prettier-plugin-packagejson: 2.4.7(prettier@3.0.3)
+      typescript: 5.3.3
+    transitivePeerDependencies:
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - jest
+      - supports-color
+    dev: true
+
+  /@vitest/expect@1.0.4:
+    resolution: {integrity: sha512-/NRN9N88qjg3dkhmFcCBwhn/Ie4h064pY3iv7WLRsDJW7dXnEgeoa8W9zy7gIPluhz6CkgqiB3HmpIXgmEY5dQ==}
+    dependencies:
+      '@vitest/spy': 1.0.4
+      '@vitest/utils': 1.0.4
+      chai: 4.3.10
+    dev: true
+
+  /@vitest/runner@1.0.4:
+    resolution: {integrity: sha512-rhOQ9FZTEkV41JWXozFM8YgOqaG9zA7QXbhg5gy6mFOVqh4PcupirIJ+wN7QjeJt8S8nJRYuZH1OjJjsbxAXTQ==}
     dependencies:
       '@vitest/utils': 1.0.4
       p-limit: 5.0.0
@@ -5219,6 +5568,15 @@ packages:
       eslint: 8.49.0
     dev: true
 
+  /eslint-config-prettier@9.0.0(eslint@8.56.0):
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.56.0
+    dev: true
+
   /eslint-config-turbo@1.11.1(eslint@8.49.0):
     resolution: {integrity: sha512-F0w5nusZ3SMSXS+ns/f0GLiRmLyP0+20Nd1xPgRXxJSW3UCsurysuqfCjo4VwSIVK2mfkDSdrn6/+JxV3WZgiw==}
     peerDependencies:
@@ -5270,6 +5628,29 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.56.0):
+    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+    dependencies:
+      debug: 4.3.4
+      enhanced-resolve: 5.15.0
+      eslint: 8.56.0
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
+      fast-glob: 3.3.2
+      get-tsconfig: 4.7.2
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-node
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
   /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
@@ -5300,6 +5681,65 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      debug: 3.2.7
+      eslint: 8.56.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.56.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@7.0.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      debug: 3.2.7
+      eslint: 8.56.0
+      eslint-import-resolver-node: 0.3.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /eslint-plugin-eslint-comments@3.2.0(eslint@8.49.0):
     resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
     engines: {node: '>=6.5.0'}
@@ -5311,6 +5751,17 @@ packages:
       ignore: 5.2.4
     dev: true
 
+  /eslint-plugin-eslint-comments@3.2.0(eslint@8.56.0):
+    resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
+    engines: {node: '>=6.5.0'}
+    peerDependencies:
+      eslint: '>=4.19.1'
+    dependencies:
+      escape-string-regexp: 1.0.5
+      eslint: 8.56.0
+      ignore: 5.2.4
+    dev: true
+
   /eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
     resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==}
     engines: {node: '>=4'}
@@ -5346,6 +5797,41 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-plugin-import@2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0):
+    resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      array-includes: 3.1.7
+      array.prototype.findlastindex: 1.2.3
+      array.prototype.flat: 1.3.2
+      array.prototype.flatmap: 1.3.2
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 8.56.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.0.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0)
+      hasown: 2.0.0
+      is-core-module: 2.13.1
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.fromentries: 2.0.7
+      object.groupby: 1.0.1
+      object.values: 1.1.7
+      semver: 6.3.1
+      tsconfig-paths: 3.14.2
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
   /eslint-plugin-jest@27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.49.0)(typescript@5.3.3):
     resolution: {integrity: sha512-MTlusnnDMChbElsszJvrwD1dN3x6nZl//s4JD23BxB6MgR66TZlL064su24xEIS3VACfAoHV1vgyMgPw8nkdng==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -5367,6 +5853,27 @@ packages:
       - typescript
     dev: true
 
+  /eslint-plugin-jest@27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-MTlusnnDMChbElsszJvrwD1dN3x6nZl//s4JD23BxB6MgR66TZlL064su24xEIS3VACfAoHV1vgyMgPw8nkdng==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^5.0.0 || ^6.0.0
+      eslint: ^7.0.0 || ^8.0.0
+      jest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      jest:
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /eslint-plugin-jsx-a11y@6.8.0(eslint@8.49.0):
     resolution: {integrity: sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==}
     engines: {node: '>=4.0'}
@@ -5392,6 +5899,31 @@ packages:
       object.fromentries: 2.0.7
     dev: true
 
+  /eslint-plugin-jsx-a11y@6.8.0(eslint@8.56.0):
+    resolution: {integrity: sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      '@babel/runtime': 7.23.2
+      aria-query: 5.3.0
+      array-includes: 3.1.7
+      array.prototype.flatmap: 1.3.2
+      ast-types-flow: 0.0.8
+      axe-core: 4.7.0
+      axobject-query: 3.2.1
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      es-iterator-helpers: 1.0.15
+      eslint: 8.56.0
+      hasown: 2.0.0
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.9
+      minimatch: 3.1.2
+      object.entries: 1.1.7
+      object.fromentries: 2.0.7
+    dev: true
+
   /eslint-plugin-playwright@0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.49.0):
     resolution: {integrity: sha512-DcHpF0SLbNeh9MT4pMzUGuUSnJ7q5MWbP8sSEFIMS6j7Ggnduq8ghNlfhURgty4c1YFny7Ge9xYTO1FSAoV2Vw==}
     peerDependencies:
@@ -5405,6 +5937,19 @@ packages:
       eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.49.0)(typescript@5.3.3)
     dev: true
 
+  /eslint-plugin-playwright@0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.56.0):
+    resolution: {integrity: sha512-DcHpF0SLbNeh9MT4pMzUGuUSnJ7q5MWbP8sSEFIMS6j7Ggnduq8ghNlfhURgty4c1YFny7Ge9xYTO1FSAoV2Vw==}
+    peerDependencies:
+      eslint: '>=7'
+      eslint-plugin-jest: '>=25'
+    peerDependenciesMeta:
+      eslint-plugin-jest:
+        optional: true
+    dependencies:
+      eslint: 8.56.0
+      eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)(typescript@5.3.3)
+    dev: true
+
   /eslint-plugin-react-hooks@4.6.0(eslint@8.49.0):
     resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
     engines: {node: '>=10'}
@@ -5414,6 +5959,15 @@ packages:
       eslint: 8.49.0
     dev: true
 
+  /eslint-plugin-react-hooks@4.6.0(eslint@8.56.0):
+    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+    dependencies:
+      eslint: 8.56.0
+    dev: true
+
   /eslint-plugin-react@7.33.2(eslint@8.49.0):
     resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
     engines: {node: '>=4'}
@@ -5439,6 +5993,31 @@ packages:
       string.prototype.matchall: 4.0.10
     dev: true
 
+  /eslint-plugin-react@7.33.2(eslint@8.56.0):
+    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+    dependencies:
+      array-includes: 3.1.7
+      array.prototype.flatmap: 1.3.2
+      array.prototype.tosorted: 1.1.2
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.0.14
+      eslint: 8.56.0
+      estraverse: 5.3.0
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.2
+      object.entries: 1.1.7
+      object.fromentries: 2.0.7
+      object.hasown: 1.1.3
+      object.values: 1.1.7
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.4
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.10
+    dev: true
+
   /eslint-plugin-tailwindcss@3.13.0(tailwindcss@3.4.1):
     resolution: {integrity: sha512-Fcep4KDRLWaK3KmkQbdyKHG0P4GdXFmXdDaweTIPcgOP60OOuWFbh1++dufRT28Q4zpKTKaHwTsXPJ4O/EjU2Q==}
     engines: {node: '>=12.13.0'}
@@ -5463,6 +6042,19 @@ packages:
       - typescript
     dev: true
 
+  /eslint-plugin-testing-library@6.2.0(eslint@8.56.0)(typescript@5.3.3):
+    resolution: {integrity: sha512-+LCYJU81WF2yQ+Xu4A135CgK8IszcFcyMF4sWkbiu6Oj+Nel0TrkZq/HvDw0/1WuO3dhDQsZA/OpEMGd0NfcUw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
+    peerDependencies:
+      eslint: ^7.5.0 || ^8.0.0
+    dependencies:
+      '@typescript-eslint/utils': 5.62.0(eslint@8.56.0)(typescript@5.3.3)
+      eslint: 8.56.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
   /eslint-plugin-tsdoc@0.2.17:
     resolution: {integrity: sha512-xRmVi7Zx44lOBuYqG8vzTXuL6IdGOeF9nHX17bjJ8+VE6fsxpdGem0/SBTmAwgYMKYB1WBkqRJVQ+n8GK041pA==}
     dependencies:
@@ -5503,6 +6095,30 @@ packages:
       strip-indent: 3.0.0
     dev: true
 
+  /eslint-plugin-unicorn@48.0.1(eslint@8.56.0):
+    resolution: {integrity: sha512-FW+4r20myG/DqFcCSzoumaddKBicIPeFnTrifon2mWIzlfyvzwyqZjqVP7m4Cqr/ZYisS2aiLghkUWaPg6vtCw==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      eslint: '>=8.44.0'
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.20
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      ci-info: 3.8.0
+      clean-regexp: 1.0.0
+      eslint: 8.56.0
+      esquery: 1.5.0
+      indent-string: 4.0.0
+      is-builtin-module: 3.2.1
+      jsesc: 3.0.2
+      lodash: 4.17.21
+      pluralize: 8.0.0
+      read-pkg-up: 7.0.1
+      regexp-tree: 0.1.27
+      regjsparser: 0.10.0
+      semver: 7.5.4
+      strip-indent: 3.0.0
+    dev: true
+
   /eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -5575,6 +6191,53 @@ packages:
       - supports-color
     dev: true
 
+  /eslint@8.56.0:
+    resolution: {integrity: sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+      '@eslint-community/regexpp': 4.8.1
+      '@eslint/eslintrc': 2.1.4
+      '@eslint/js': 8.56.0
+      '@humanwhocodes/config-array': 0.11.14
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      '@ungap/structured-clone': 1.2.0
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.21.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.3
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}

From 99d66d2d5be01152bd545c1992d3b0d0eeb5fdc9 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Tue, 13 Feb 2024 14:57:32 +0800
Subject: [PATCH 04/17] UI: Rename `title` to `name`

---
 .changeset/soft-beans-change.md               |  2 +-
 .changeset/tender-cougars-retire.md           |  5 +++
 apps/docs/app/(home)/page.tsx                 | 12 ++---
 apps/docs/components/preview/index.tsx        | 27 +++++++-----
 .../docs/content/docs/ui/components/files.mdx | 30 ++++++++-----
 apps/docs/content/docs/ui/props.ts            | 12 ++++-
 packages/ui/src/components/files.tsx          | 44 +++++++++----------
 7 files changed, 76 insertions(+), 56 deletions(-)
 create mode 100644 .changeset/tender-cougars-retire.md

diff --git a/.changeset/soft-beans-change.md b/.changeset/soft-beans-change.md
index 59f0fe761..4a21d9e62 100644
--- a/.changeset/soft-beans-change.md
+++ b/.changeset/soft-beans-change.md
@@ -2,4 +2,4 @@
 'fumadocs-ui': minor
 ---
 
-Add `Folder` export
+Add `Folder` export to `fumadocs-ui/components/files`
diff --git a/.changeset/tender-cougars-retire.md b/.changeset/tender-cougars-retire.md
new file mode 100644
index 000000000..a97995b87
--- /dev/null
+++ b/.changeset/tender-cougars-retire.md
@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': minor
+---
+
+Rename `title` prop to `name` in `Files` component
diff --git a/apps/docs/app/(home)/page.tsx b/apps/docs/app/(home)/page.tsx
index 91b687338..71324e5ab 100644
--- a/apps/docs/app/(home)/page.tsx
+++ b/apps/docs/app/(home)/page.tsx
@@ -17,7 +17,7 @@ import {
   StarsIcon,
   TimerIcon,
 } from 'lucide-react';
-import { File, Files } from 'fumadocs-ui/components/files';
+import { File, Files, Folder } from 'fumadocs-ui/components/files';
 import Link from 'next/link';
 import type { HTMLAttributes, ReactNode } from 'react';
 import { cn } from '@/utils/cn';
@@ -381,11 +381,11 @@ function Introduction(): JSX.Element {
             code={code}
           />
           <Files className="z-[2] mt-20 shadow-xl">
-            <File title="content" defaultOpen>
-              <File title="index.mdx" />
-              <File title="hello.mdx" />
-              <File title="components.mdx" />
-            </File>
+            <Folder name="content" defaultOpen>
+              <File name="index.mdx" />
+              <File name="hello.mdx" />
+              <File name="components.mdx" />
+            </Folder>
           </Files>
         </div>
       </div>
diff --git a/apps/docs/components/preview/index.tsx b/apps/docs/components/preview/index.tsx
index 119f4a978..cd98ad5aa 100644
--- a/apps/docs/components/preview/index.tsx
+++ b/apps/docs/components/preview/index.tsx
@@ -1,7 +1,7 @@
 import { HomeIcon } from 'lucide-react';
 import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
 import { Callout } from 'fumadocs-ui/components/callout';
-import { File, Files } from 'fumadocs-ui/components/files';
+import { File, Folder, Files } from 'fumadocs-ui/components/files';
 import { ImageZoom } from 'fumadocs-ui/components/image-zoom';
 import { InlineTOC } from 'fumadocs-ui/components/inline-toc';
 import { RollButton } from 'fumadocs-ui/components/roll-button';
@@ -112,17 +112,20 @@ export default {
   files: (
     <Wrapper>
       <Files>
-        <File title="app" defaultOpen>
-          <File title="layout.tsx" />
-          <File title="page.tsx" />
-          <File title="global.css" />
-        </File>
-        <File title="components">
-          <File title="button.tsx" />
-          <File title="tabs.tsx" />
-          <File title="dialog.tsx" />
-        </File>
-        <File title="package.json" />
+        <Folder name="app" defaultOpen>
+          <Folder name="[id]" defaultOpen>
+            <File name="page.tsx" />
+          </Folder>
+          <File name="layout.tsx" />
+          <File name="page.tsx" />
+          <File name="global.css" />
+        </Folder>
+        <Folder name="components">
+          <File name="button.tsx" />
+          <File name="tabs.tsx" />
+          <File name="dialog.tsx" />
+        </Folder>
+        <File name="package.json" />
       </Files>
     </Wrapper>
   ),
diff --git a/apps/docs/content/docs/ui/components/files.mdx b/apps/docs/content/docs/ui/components/files.mdx
index 4036cbe1b..76bda28af 100644
--- a/apps/docs/content/docs/ui/components/files.mdx
+++ b/apps/docs/content/docs/ui/components/files.mdx
@@ -9,21 +9,27 @@ preview: 'files'
 Wrap file components in `Files`.
 
 ```mdx
-import { File, Files } from 'fumadocs-ui/components/files';
+import { File, Folder, Files } from 'fumadocs-ui/components/files';
 
 <Files>
-  <File title="app" defaultOpen>
-    <File title="layout.tsx" />
-    <File title="page.tsx" />
-    <File title="global.css" />
-  </File>
-  <File title="components">
-    <File title="button.tsx" />
-    <File title="tabs.tsx" />
-    <File title="dialog.tsx" />
-  </File>
-  <File title="package.json" />
+  <Folder name="app" defaultOpen>
+    <File name="layout.tsx" />
+    <File name="page.tsx" />
+    <File name="global.css" />
+  </Folder>
+  <Folder name="components">
+    <File name="button.tsx" />
+    <File name="tabs.tsx" />
+    <File name="dialog.tsx" />
+  </Folder>
+  <File name="package.json" />
 </Files>
 ```
 
+### File
+
 <AutoTypeTable path="ui" name="FileProps" />
+
+### Folder
+
+<AutoTypeTable path="ui" name="FolderProps" />
\ No newline at end of file
diff --git a/apps/docs/content/docs/ui/props.ts b/apps/docs/content/docs/ui/props.ts
index 2f4ae1e71..896d8d1c4 100644
--- a/apps/docs/content/docs/ui/props.ts
+++ b/apps/docs/content/docs/ui/props.ts
@@ -1,6 +1,6 @@
 import type { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
 import type { Callout } from 'fumadocs-ui/components/callout';
-import type { File } from 'fumadocs-ui/components/files';
+import type { File, Folder } from 'fumadocs-ui/components/files';
 import type { InlineTOC } from 'fumadocs-ui/components/inline-toc';
 import type { RollButton } from 'fumadocs-ui/components/roll-button';
 import type { TypeTable } from 'fumadocs-ui/components/type-table';
@@ -26,7 +26,15 @@ export type CalloutProps = Omit<
   keyof ComponentPropsWithoutRef<'div'>
 >;
 
-export type FileProps = ComponentPropsWithoutRef<typeof File>;
+export type FileProps = Omit<
+  ComponentPropsWithoutRef<typeof File>,
+  keyof ComponentPropsWithoutRef<'div'>
+>;
+
+export type FolderProps = Omit<
+  ComponentPropsWithoutRef<typeof Folder>,
+  keyof ComponentPropsWithoutRef<'div'>
+>;
 
 export type InlineTOCProps = Omit<
   ComponentPropsWithoutRef<typeof InlineTOC>,
diff --git a/packages/ui/src/components/files.tsx b/packages/ui/src/components/files.tsx
index 2000f689e..28645f955 100644
--- a/packages/ui/src/components/files.tsx
+++ b/packages/ui/src/components/files.tsx
@@ -28,13 +28,13 @@ export function Files({
   );
 }
 
-export interface FileProps {
-  title: string;
+export interface FileProps extends HTMLAttributes<HTMLDivElement> {
+  name: string;
   icon?: ReactNode;
 }
 
-export interface FolderProps {
-  title: string;
+export interface FolderProps extends HTMLAttributes<HTMLDivElement> {
+  name: string;
 
   /**
    * Open folder by default
@@ -42,42 +42,40 @@ export interface FolderProps {
    * @defaultValue false
    */
   defaultOpen?: boolean;
-
-  /**
-   * children files of the folder, considered as file if empty
-   */
-  children: ReactNode;
 }
 
-export function File(props: FileProps | FolderProps): JSX.Element {
+export function File(props: FileProps): JSX.Element {
+  // todo: remove in next major
   if ('children' in props) {
-    return <Folder {...props} />;
+    return <Folder {...(props as FolderProps)} />;
   }
 
+  const { name, icon = <FileIcon />, className, ...rest } = props;
   return (
-    <p className={cn(item())}>
-      {props.icon ?? <FileIcon />}
-      {props.title}
-    </p>
+    <div className={cn(item({ className }))} {...rest}>
+      {icon}
+      {/* eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- remove in next major */}
+      {name ?? props.title}
+    </div>
   );
 }
 
 export function Folder({
-  title,
+  name,
   defaultOpen = false,
-  children,
+  ...props
 }: FolderProps): JSX.Element {
   const [open, setOpen] = useState(defaultOpen);
 
   return (
-    <Collapsible open={open} onOpenChange={setOpen}>
-      <CollapsibleTrigger className={cn(item({ className: 'group w-full' }))}>
-        <FolderIcon className="group-data-[state=open]:hidden" />
-        <FolderOpenIcon className="group-data-[state=closed]:hidden" />
-        {title}
+    <Collapsible open={open} onOpenChange={setOpen} {...props}>
+      <CollapsibleTrigger className={cn(item({ className: 'w-full' }))}>
+        {open ? <FolderOpenIcon /> : <FolderIcon />}
+        {/* eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- remove in next major */}
+        {name ?? props.title}
       </CollapsibleTrigger>
       <CollapsibleContent>
-        <div className="ml-4 flex flex-col border-l pl-2 pt-2">{children}</div>
+        <div className="ml-2 flex flex-col border-l pl-2">{props.children}</div>
       </CollapsibleContent>
     </Collapsible>
   );

From 11a19d6cee6bd946d4f4d8ef3dc1954aa561a145 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Tue, 13 Feb 2024 14:57:49 +0800
Subject: [PATCH 05/17] Docs: Update shiki

---
 apps/docs/components/code-block.tsx |  42 +--
 apps/docs/package.json              |   4 +-
 packages/core/tsup.config.ts        |   7 +-
 pnpm-lock.yaml                      | 537 +---------------------------
 4 files changed, 29 insertions(+), 561 deletions(-)

diff --git a/apps/docs/components/code-block.tsx b/apps/docs/components/code-block.tsx
index 1b257a050..aa385b425 100644
--- a/apps/docs/components/code-block.tsx
+++ b/apps/docs/components/code-block.tsx
@@ -20,43 +20,35 @@ export function CodeBlock({
   wrapper,
   ...props
 }: CodeBlockProps): JSX.Element {
-  const tokens = useMemo(
+  const html = useMemo(
     () =>
-      highlighter.codeToTokensWithThemes(code, {
+      highlighter.codeToHtml(code, {
         lang,
+        defaultColor: false,
         themes: {
           light: 'github-light',
           dark: 'github-dark',
         },
+        transformers: [
+          {
+            name: 'remove-pre',
+            root: (root) => {
+              if (root.children[0].type !== 'element') return;
+
+              return {
+                type: 'root',
+                children: root.children[0].children,
+              };
+            },
+          },
+        ],
       }),
     [code, lang],
   );
 
   return (
     <Base.CodeBlock {...wrapper}>
-      <Base.Pre {...props}>
-        <code>
-          {tokens.map((token, i) => (
-            // eslint-disable-next-line react/no-array-index-key -- Should not re-render
-            <span className="line" key={i}>
-              {token.map((s, j) => (
-                <span
-                  // eslint-disable-next-line react/no-array-index-key -- Should not re-render
-                  key={j}
-                  style={Object.fromEntries(
-                    Object.entries(s.variants).map(([k, v]) => [
-                      `--shiki-${k}`,
-                      v.color,
-                    ]),
-                  )}
-                >
-                  {s.content}
-                </span>
-              ))}
-            </span>
-          ))}
-        </code>
-      </Base.Pre>
+      <Base.Pre {...props} dangerouslySetInnerHTML={{ __html: html }} />
     </Base.CodeBlock>
   );
 }
diff --git a/apps/docs/package.json b/apps/docs/package.json
index d589adcea..6437b6c04 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -13,11 +13,9 @@
   },
   "dependencies": {
     "@next/env": "^14.0.0",
-    "@radix-ui/react-hover-card": "^1.0.7",
     "algoliasearch": "^4.20.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "fast-glob": "^3.3.1",
     "fumadocs-core": "workspace:*",
     "fumadocs-mdx": "workspace:*",
     "fumadocs-twoslash": "workspace:^",
@@ -31,7 +29,7 @@
     "react-dom": "18.2.0",
     "rehype-katex": "^7.0.0",
     "remark-math": "^6.0.0",
-    "shiki": "^1.0.0-beta.2",
+    "shiki": "^1.1.2",
     "tailwind-merge": "^2.0.0",
     "zod": "^3.22.4"
   },
diff --git a/packages/core/tsup.config.ts b/packages/core/tsup.config.ts
index dca3fd52b..2b90b15f3 100644
--- a/packages/core/tsup.config.ts
+++ b/packages/core/tsup.config.ts
@@ -1,17 +1,12 @@
 import { defineConfig } from 'tsup';
 
-const sharedConfig = {
+export default defineConfig({
   external: [
     '@algolia/client-search',
     'algoliasearch',
-    'contentlayer',
     'unified',
     'typescript',
   ],
-};
-
-export default defineConfig({
-  ...sharedConfig,
   dts: true,
   target: 'es6',
   format: 'esm',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7fddc2832..62c239247 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -55,9 +55,6 @@ importers:
       '@next/env':
         specifier: ^14.0.0
         version: 14.0.0
-      '@radix-ui/react-hover-card':
-        specifier: ^1.0.7
-        version: 1.0.7(@types/react-dom@18.2.1)(@types/react@18.2.0)(react-dom@18.2.0)(react@18.2.0)
       algoliasearch:
         specifier: ^4.20.0
         version: 4.20.0
@@ -67,9 +64,6 @@ importers:
       clsx:
         specifier: ^2.0.0
         version: 2.0.0
-      fast-glob:
-        specifier: ^3.3.1
-        version: 3.3.2
       fumadocs-core:
         specifier: workspace:*
         version: link:../../packages/core
@@ -110,8 +104,8 @@ importers:
         specifier: ^6.0.0
         version: 6.0.0
       shiki:
-        specifier: ^1.0.0-beta.2
-        version: 1.0.0-beta.2
+        specifier: ^1.1.2
+        version: 1.1.2
       tailwind-merge:
         specifier: ^2.0.0
         version: 2.0.0
@@ -405,10 +399,10 @@ importers:
     devDependencies:
       '@vercel/style-guide':
         specifier: ^5.1.0
-        version: 5.1.0(eslint@8.49.0)(prettier@3.0.3)(typescript@5.3.3)
+        version: 5.1.0(eslint@8.56.0)(prettier@3.0.3)(typescript@5.3.3)
       eslint-config-turbo:
         specifier: ^1.10.12
-        version: 1.11.1(eslint@8.49.0)
+        version: 1.11.1(eslint@8.56.0)
       eslint-plugin-tailwindcss:
         specifier: ^3.13.0
         version: 3.13.0(tailwindcss@3.4.1)
@@ -788,20 +782,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@babel/eslint-parser@7.23.3(@babel/core@7.22.17)(eslint@8.49.0):
-    resolution: {integrity: sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw==}
-    engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
-    peerDependencies:
-      '@babel/core': ^7.11.0
-      eslint: ^7.5.0 || ^8.0.0
-    dependencies:
-      '@babel/core': 7.22.17
-      '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 8.49.0
-      eslint-visitor-keys: 2.1.0
-      semver: 6.3.1
-    dev: true
-
   /@babel/eslint-parser@7.23.3(@babel/core@7.22.17)(eslint@8.56.0):
     resolution: {integrity: sha512-9bTuNlyx7oSstodm1cR1bECj4fkiknsDa1YniISkJemMY3DGhJNYBECbe6QD/q54mp2J8VO66jW3/7uP//iFCw==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
@@ -1573,16 +1553,6 @@ packages:
     dev: true
     optional: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.49.0):
-    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
-    dependencies:
-      eslint: 8.49.0
-      eslint-visitor-keys: 3.4.3
-    dev: true
-
   /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1598,23 +1568,6 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@eslint/eslintrc@2.1.2:
-    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dependencies:
-      ajv: 6.12.6
-      debug: 4.3.4
-      espree: 9.6.1
-      globals: 13.21.0
-      ignore: 5.2.4
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      minimatch: 3.1.2
-      strip-json-comments: 3.1.1
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@eslint/eslintrc@2.1.4:
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1632,11 +1585,6 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/js@8.49.0:
-    resolution: {integrity: sha512-1S8uAY/MTJqVx0SC4epBq+N2yhuwtNwLbJYNZyhL2pO1ZVKn5HFXav5T41Ryzy9K9V7ZId2JB2oy/W4aCd9/2w==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    dev: true
-
   /@eslint/js@8.56.0:
     resolution: {integrity: sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1696,17 +1644,6 @@ packages:
       protobufjs: 7.2.5
       yargs: 17.7.2
 
-  /@humanwhocodes/config-array@0.11.11:
-    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
-    engines: {node: '>=10.10.0'}
-    dependencies:
-      '@humanwhocodes/object-schema': 1.2.1
-      debug: 4.3.4
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@humanwhocodes/config-array@0.11.14:
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
@@ -1723,10 +1660,6 @@ packages:
     engines: {node: '>=12.22'}
     dev: true
 
-  /@humanwhocodes/object-schema@1.2.1:
-    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
-    dev: true
-
   /@humanwhocodes/object-schema@2.0.2:
     resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
     dev: true
@@ -3399,10 +3332,6 @@ packages:
     resolution: {integrity: sha512-2/U3GXA6YiPYQDLGwtGlnNgKYBSwCFIHf8Y9LUY5VATHdtbLlU0Y1R3QoBnT0aB4qv/BEiVVsj7LJXoQCgJ2vA==}
     dev: true
 
-  /@shikijs/core@1.0.0-beta.2:
-    resolution: {integrity: sha512-H0r+V4/47hXZzFW2qXRqjLwNtiUE5bQankMw2m2RE1hLgHSjp/skyBZYDXjhG9y7ei3sIZAj8s4vx31EzxxrhQ==}
-    dev: false
-
   /@shikijs/core@1.1.2:
     resolution: {integrity: sha512-ERVzNQz88ZkDqUpWeC57Kp+Kmx5RjqeDBR1M8AGWGom4yrkITiTfXCGmjchlDSw12MhDTuPYR4HVFW8uT61RaQ==}
     dev: false
@@ -3622,35 +3551,6 @@ packages:
   /@types/unist@3.0.2:
     resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==}
 
-  /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@eslint-community/regexpp': 4.8.1
-      '@typescript-eslint/parser': 6.7.0(eslint@8.49.0)(typescript@5.3.3)
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/type-utils': 6.7.0(eslint@8.49.0)(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.7.0(eslint@8.49.0)(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.7.0
-      debug: 4.3.4
-      eslint: 8.49.0
-      graphemer: 1.4.0
-      ignore: 5.2.4
-      natural-compare: 1.4.0
-      semver: 7.5.4
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@typescript-eslint/eslint-plugin@6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-gUqtknHm0TDs1LhY12K2NA3Rmlmp88jK9Tx8vGZMfHeNMLE3GH2e9TRub+y+SOjuYgtOmok+wt1AyDPZqxbNag==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3709,27 +3609,6 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@6.7.0(eslint@8.49.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.3.3)
-      '@typescript-eslint/visitor-keys': 6.7.0
-      debug: 4.3.4
-      eslint: 8.49.0
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@typescript-eslint/parser@6.7.0(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3796,26 +3675,6 @@ packages:
       '@typescript-eslint/visitor-keys': 7.0.1
     dev: true
 
-  /@typescript-eslint/type-utils@6.7.0(eslint@8.49.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-    dependencies:
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.3.3)
-      '@typescript-eslint/utils': 6.7.0(eslint@8.49.0)(typescript@5.3.3)
-      debug: 4.3.4
-      eslint: 8.49.0
-      ts-api-utils: 1.0.3(typescript@5.3.3)
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /@typescript-eslint/type-utils@6.7.0(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3935,26 +3794,6 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@5.62.0(eslint@8.49.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    peerDependencies:
-      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
-      '@types/json-schema': 7.0.12
-      '@types/semver': 7.5.2
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.3.3)
-      eslint: 8.49.0
-      eslint-scope: 5.1.1
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /@typescript-eslint/utils@5.62.0(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3975,25 +3814,6 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@6.7.0(eslint@8.49.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
-      '@types/json-schema': 7.0.12
-      '@types/semver': 7.5.2
-      '@typescript-eslint/scope-manager': 6.7.0
-      '@typescript-eslint/types': 6.7.0
-      '@typescript-eslint/typescript-estree': 6.7.0(typescript@5.3.3)
-      eslint: 8.49.0
-      semver: 7.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /@typescript-eslint/utils@6.7.0(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -4067,53 +3887,6 @@ packages:
   /@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
-  /@vercel/style-guide@5.1.0(eslint@8.49.0)(prettier@3.0.3)(typescript@5.3.3):
-    resolution: {integrity: sha512-L9lWYePIycm7vIOjDLj+mmMdmmPkW3/brHjgq+nJdvMOrL7Hdk/19w8X583HYSk0vWsq494o5Qkh6x5+uW7ljg==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      '@next/eslint-plugin-next': '>=12.3.0 <15'
-      eslint: '>=8.48.0 <9'
-      prettier: '>=3.0.0 <4'
-      typescript: '>=4.8.0 <6'
-    peerDependenciesMeta:
-      '@next/eslint-plugin-next':
-        optional: true
-      eslint:
-        optional: true
-      prettier:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      '@babel/core': 7.22.17
-      '@babel/eslint-parser': 7.23.3(@babel/core@7.22.17)(eslint@8.49.0)
-      '@rushstack/eslint-patch': 1.6.0
-      '@typescript-eslint/eslint-plugin': 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.3.3)
-      '@typescript-eslint/parser': 6.7.0(eslint@8.49.0)(typescript@5.3.3)
-      eslint: 8.49.0
-      eslint-config-prettier: 9.0.0(eslint@8.49.0)
-      eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.29.0)
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.49.0)
-      eslint-plugin-eslint-comments: 3.2.0(eslint@8.49.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
-      eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.49.0)(typescript@5.3.3)
-      eslint-plugin-jsx-a11y: 6.8.0(eslint@8.49.0)
-      eslint-plugin-playwright: 0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.49.0)
-      eslint-plugin-react: 7.33.2(eslint@8.49.0)
-      eslint-plugin-react-hooks: 4.6.0(eslint@8.49.0)
-      eslint-plugin-testing-library: 6.2.0(eslint@8.49.0)(typescript@5.3.3)
-      eslint-plugin-tsdoc: 0.2.17
-      eslint-plugin-unicorn: 48.0.1(eslint@8.49.0)
-      prettier: 3.0.3
-      prettier-plugin-packagejson: 2.4.7(prettier@3.0.3)
-      typescript: 5.3.3
-    transitivePeerDependencies:
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - jest
-      - supports-color
-    dev: true
-
   /@vercel/style-guide@5.1.0(eslint@8.56.0)(prettier@3.0.3)(typescript@5.3.3):
     resolution: {integrity: sha512-L9lWYePIycm7vIOjDLj+mmMdmmPkW3/brHjgq+nJdvMOrL7Hdk/19w8X583HYSk0vWsq494o5Qkh6x5+uW7ljg==}
     engines: {node: '>=16'}
@@ -5559,15 +5332,6 @@ packages:
       source-map: 0.6.1
     dev: true
 
-  /eslint-config-prettier@9.0.0(eslint@8.49.0):
-    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
-    dependencies:
-      eslint: 8.49.0
-    dev: true
-
   /eslint-config-prettier@9.0.0(eslint@8.56.0):
     resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
     hasBin: true
@@ -5577,13 +5341,13 @@ packages:
       eslint: 8.56.0
     dev: true
 
-  /eslint-config-turbo@1.11.1(eslint@8.49.0):
+  /eslint-config-turbo@1.11.1(eslint@8.56.0):
     resolution: {integrity: sha512-F0w5nusZ3SMSXS+ns/f0GLiRmLyP0+20Nd1xPgRXxJSW3UCsurysuqfCjo4VwSIVK2mfkDSdrn6/+JxV3WZgiw==}
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
-      eslint: 8.49.0
-      eslint-plugin-turbo: 1.11.1(eslint@8.49.0)
+      eslint: 8.56.0
+      eslint-plugin-turbo: 1.11.1(eslint@8.56.0)
     dev: true
 
   /eslint-import-resolver-alias@1.1.2(eslint-plugin-import@2.29.0):
@@ -5592,7 +5356,7 @@ packages:
     peerDependencies:
       eslint-plugin-import: '>=1.4.0'
     dependencies:
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
     dev: true
 
   /eslint-import-resolver-node@0.3.9:
@@ -5605,29 +5369,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.49.0):
-    resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
-    engines: {node: ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-    dependencies:
-      debug: 4.3.4
-      enhanced-resolve: 5.15.0
-      eslint: 8.49.0
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
-      fast-glob: 3.3.2
-      get-tsconfig: 4.7.2
-      is-core-module: 2.13.1
-      is-glob: 4.0.3
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
   /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.56.0):
     resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -5651,36 +5392,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint:
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 6.7.0(eslint@8.49.0)(typescript@5.3.3)
-      debug: 3.2.7
-      eslint: 8.49.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.49.0)
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
     engines: {node: '>=4'}
@@ -5740,17 +5451,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-eslint-comments@3.2.0(eslint@8.49.0):
-    resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
-    engines: {node: '>=6.5.0'}
-    peerDependencies:
-      eslint: '>=4.19.1'
-    dependencies:
-      escape-string-regexp: 1.0.5
-      eslint: 8.49.0
-      ignore: 5.2.4
-    dev: true
-
   /eslint-plugin-eslint-comments@3.2.0(eslint@8.56.0):
     resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
     engines: {node: '>=6.5.0'}
@@ -5762,41 +5462,6 @@ packages:
       ignore: 5.2.4
     dev: true
 
-  /eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0):
-    resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 6.7.0(eslint@8.49.0)(typescript@5.3.3)
-      array-includes: 3.1.7
-      array.prototype.findlastindex: 1.2.3
-      array.prototype.flat: 1.3.2
-      array.prototype.flatmap: 1.3.2
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.49.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.49.0)
-      hasown: 2.0.0
-      is-core-module: 2.13.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.7
-      object.groupby: 1.0.1
-      object.values: 1.1.7
-      semver: 6.3.1
-      tsconfig-paths: 3.14.2
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-    dev: true
-
   /eslint-plugin-import@2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0):
     resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==}
     engines: {node: '>=4'}
@@ -5832,27 +5497,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-plugin-jest@27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.49.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-MTlusnnDMChbElsszJvrwD1dN3x6nZl//s4JD23BxB6MgR66TZlL064su24xEIS3VACfAoHV1vgyMgPw8nkdng==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/eslint-plugin': ^5.0.0 || ^6.0.0
-      eslint: ^7.0.0 || ^8.0.0
-      jest: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/eslint-plugin':
-        optional: true
-      jest:
-        optional: true
-    dependencies:
-      '@typescript-eslint/eslint-plugin': 6.7.0(@typescript-eslint/parser@6.7.0)(eslint@8.49.0)(typescript@5.3.3)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.49.0)(typescript@5.3.3)
-      eslint: 8.49.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /eslint-plugin-jest@27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-MTlusnnDMChbElsszJvrwD1dN3x6nZl//s4JD23BxB6MgR66TZlL064su24xEIS3VACfAoHV1vgyMgPw8nkdng==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -5874,31 +5518,6 @@ packages:
       - typescript
     dev: true
 
-  /eslint-plugin-jsx-a11y@6.8.0(eslint@8.49.0):
-    resolution: {integrity: sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      '@babel/runtime': 7.23.2
-      aria-query: 5.3.0
-      array-includes: 3.1.7
-      array.prototype.flatmap: 1.3.2
-      ast-types-flow: 0.0.8
-      axe-core: 4.7.0
-      axobject-query: 3.2.1
-      damerau-levenshtein: 1.0.8
-      emoji-regex: 9.2.2
-      es-iterator-helpers: 1.0.15
-      eslint: 8.49.0
-      hasown: 2.0.0
-      jsx-ast-utils: 3.3.5
-      language-tags: 1.0.9
-      minimatch: 3.1.2
-      object.entries: 1.1.7
-      object.fromentries: 2.0.7
-    dev: true
-
   /eslint-plugin-jsx-a11y@6.8.0(eslint@8.56.0):
     resolution: {integrity: sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==}
     engines: {node: '>=4.0'}
@@ -5924,19 +5543,6 @@ packages:
       object.fromentries: 2.0.7
     dev: true
 
-  /eslint-plugin-playwright@0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.49.0):
-    resolution: {integrity: sha512-DcHpF0SLbNeh9MT4pMzUGuUSnJ7q5MWbP8sSEFIMS6j7Ggnduq8ghNlfhURgty4c1YFny7Ge9xYTO1FSAoV2Vw==}
-    peerDependencies:
-      eslint: '>=7'
-      eslint-plugin-jest: '>=25'
-    peerDependenciesMeta:
-      eslint-plugin-jest:
-        optional: true
-    dependencies:
-      eslint: 8.49.0
-      eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.49.0)(typescript@5.3.3)
-    dev: true
-
   /eslint-plugin-playwright@0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.56.0):
     resolution: {integrity: sha512-DcHpF0SLbNeh9MT4pMzUGuUSnJ7q5MWbP8sSEFIMS6j7Ggnduq8ghNlfhURgty4c1YFny7Ge9xYTO1FSAoV2Vw==}
     peerDependencies:
@@ -5950,15 +5556,6 @@ packages:
       eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)(typescript@5.3.3)
     dev: true
 
-  /eslint-plugin-react-hooks@4.6.0(eslint@8.49.0):
-    resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-    dependencies:
-      eslint: 8.49.0
-    dev: true
-
   /eslint-plugin-react-hooks@4.6.0(eslint@8.56.0):
     resolution: {integrity: sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==}
     engines: {node: '>=10'}
@@ -5968,31 +5565,6 @@ packages:
       eslint: 8.56.0
     dev: true
 
-  /eslint-plugin-react@7.33.2(eslint@8.49.0):
-    resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-    dependencies:
-      array-includes: 3.1.7
-      array.prototype.flatmap: 1.3.2
-      array.prototype.tosorted: 1.1.2
-      doctrine: 2.1.0
-      es-iterator-helpers: 1.0.14
-      eslint: 8.49.0
-      estraverse: 5.3.0
-      jsx-ast-utils: 3.3.5
-      minimatch: 3.1.2
-      object.entries: 1.1.7
-      object.fromentries: 2.0.7
-      object.hasown: 1.1.3
-      object.values: 1.1.7
-      prop-types: 15.8.1
-      resolve: 2.0.0-next.4
-      semver: 6.3.1
-      string.prototype.matchall: 4.0.10
-    dev: true
-
   /eslint-plugin-react@7.33.2(eslint@8.56.0):
     resolution: {integrity: sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==}
     engines: {node: '>=4'}
@@ -6029,19 +5601,6 @@ packages:
       tailwindcss: 3.4.1
     dev: true
 
-  /eslint-plugin-testing-library@6.2.0(eslint@8.49.0)(typescript@5.3.3):
-    resolution: {integrity: sha512-+LCYJU81WF2yQ+Xu4A135CgK8IszcFcyMF4sWkbiu6Oj+Nel0TrkZq/HvDw0/1WuO3dhDQsZA/OpEMGd0NfcUw==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
-    peerDependencies:
-      eslint: ^7.5.0 || ^8.0.0
-    dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.49.0)(typescript@5.3.3)
-      eslint: 8.49.0
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-    dev: true
-
   /eslint-plugin-testing-library@6.2.0(eslint@8.56.0)(typescript@5.3.3):
     resolution: {integrity: sha512-+LCYJU81WF2yQ+Xu4A135CgK8IszcFcyMF4sWkbiu6Oj+Nel0TrkZq/HvDw0/1WuO3dhDQsZA/OpEMGd0NfcUw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
@@ -6062,37 +5621,13 @@ packages:
       '@microsoft/tsdoc-config': 0.16.2
     dev: true
 
-  /eslint-plugin-turbo@1.11.1(eslint@8.49.0):
+  /eslint-plugin-turbo@1.11.1(eslint@8.56.0):
     resolution: {integrity: sha512-QegEzLp9CIsDVQOSSjvEl6QUUGpb7Hj9IdFdgz7OHBYzhCArY5z+Q3y+LO6jn1MSkzGUteGNjLhrlkjXadePCA==}
     peerDependencies:
       eslint: '>6.6.0'
     dependencies:
       dotenv: 16.0.3
-      eslint: 8.49.0
-    dev: true
-
-  /eslint-plugin-unicorn@48.0.1(eslint@8.49.0):
-    resolution: {integrity: sha512-FW+4r20myG/DqFcCSzoumaddKBicIPeFnTrifon2mWIzlfyvzwyqZjqVP7m4Cqr/ZYisS2aiLghkUWaPg6vtCw==}
-    engines: {node: '>=16'}
-    peerDependencies:
-      eslint: '>=8.44.0'
-    dependencies:
-      '@babel/helper-validator-identifier': 7.22.20
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
-      ci-info: 3.8.0
-      clean-regexp: 1.0.0
-      eslint: 8.49.0
-      esquery: 1.5.0
-      indent-string: 4.0.0
-      is-builtin-module: 3.2.1
-      jsesc: 3.0.2
-      lodash: 4.17.21
-      pluralize: 8.0.0
-      read-pkg-up: 7.0.1
-      regexp-tree: 0.1.27
-      regjsparser: 0.10.0
-      semver: 7.5.4
-      strip-indent: 3.0.0
+      eslint: 8.56.0
     dev: true
 
   /eslint-plugin-unicorn@48.0.1(eslint@8.56.0):
@@ -6145,52 +5680,6 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint@8.49.0:
-    resolution: {integrity: sha512-jw03ENfm6VJI0jA9U+8H5zfl5b+FvuU3YYvZRdZHOlU2ggJkxrlkJH4HcDrZpj6YwD8kuYqvQM8LyesoazrSOQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.49.0)
-      '@eslint-community/regexpp': 4.8.1
-      '@eslint/eslintrc': 2.1.2
-      '@eslint/js': 8.49.0
-      '@humanwhocodes/config-array': 0.11.11
-      '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.4
-      doctrine: 3.0.0
-      escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.5.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      globals: 13.21.0
-      graphemer: 1.4.0
-      ignore: 5.2.4
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
-      json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
-      natural-compare: 1.4.0
-      optionator: 0.9.3
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /eslint@8.56.0:
     resolution: {integrity: sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -10237,12 +9726,6 @@ packages:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
     dev: true
 
-  /shiki@1.0.0-beta.2:
-    resolution: {integrity: sha512-hPJcD6F5BRp2yfeBcERqQIVeEPjE2g+r5MVq/tonz2SxT6o79e84Y9iW+a5TyGXWtXAKiW5jd4lGevJ4yIUixA==}
-    dependencies:
-      '@shikijs/core': 1.0.0-beta.2
-    dev: false
-
   /shiki@1.1.2:
     resolution: {integrity: sha512-qNzFwTv5uhEDNUIwp7wHjsrffVeLbmOgWnM5mZZhoiz7G2qAUvqVfUzuWfieD45/YAKipzCtdV9SndacKtABow==}
     dependencies:

From 0863fca792a882850e4096f1b90f3128e3a79dc3 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Tue, 13 Feb 2024 15:09:50 +0800
Subject: [PATCH 06/17] UI: Improve tailwind css presets

---
 packages/ui/src/components/inline-toc.tsx | 10 +++++-----
 packages/ui/src/theme/colors.ts           |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/inline-toc.tsx b/packages/ui/src/components/inline-toc.tsx
index 5019ac369..6e05fd81c 100644
--- a/packages/ui/src/components/inline-toc.tsx
+++ b/packages/ui/src/components/inline-toc.tsx
@@ -23,13 +23,13 @@ export function InlineTOC({
   return (
     <Collapsible
       defaultOpen={defaultOpen}
-      className="not-prose rounded-lg border bg-card text-card-foreground"
+      className="not-prose rounded-lg border bg-card p-4 text-card-foreground"
     >
       <CollapsibleTrigger asChild>
         {children ?? (
           <button
             type="button"
-            className="inline-flex w-full items-center justify-between p-4 text-medium font-medium [&[data-state=open]>svg]:rotate-180"
+            className="inline-flex w-full items-center justify-between text-medium font-medium [&[data-state=open]>svg]:rotate-180"
           >
             Table of Contents
             <ChevronDown className="size-4 transition-transform duration-200" />
@@ -37,14 +37,14 @@ export function InlineTOC({
         )}
       </CollapsibleTrigger>
       <CollapsibleContent>
-        <div className="flex flex-col px-6 pb-4 text-sm text-muted-foreground">
+        <div className="mt-2 flex flex-col text-sm text-muted-foreground">
           {items.map((item) => (
             <a
               key={item.url}
               href={item.url}
-              className="py-1.5 hover:text-accent-foreground"
+              className="border-l py-1.5 hover:text-accent-foreground"
               style={{
-                paddingLeft: 16 * Math.max(item.depth - 2, 0),
+                paddingLeft: 12 * Math.max(item.depth - 1, 0),
               }}
             >
               {item.title}
diff --git a/packages/ui/src/theme/colors.ts b/packages/ui/src/theme/colors.ts
index a0890c167..421557e83 100644
--- a/packages/ui/src/theme/colors.ts
+++ b/packages/ui/src/theme/colors.ts
@@ -33,7 +33,7 @@ const defaultPreset: Preset = {
     input: '0 0% 14.9%',
     primary: '0 0% 98%',
     'primary-foreground': '0 0% 9%',
-    secondary: '0 0% 14.9%',
+    secondary: '0 0% 10.9%',
     'secondary-foreground': '0 0% 98%',
     accent: '0 0% 14.9%',
     'accent-foreground': '0 0% 90%',

From 5e314eeebe284ff2c5f639f6464dd6d3e9a5ccb6 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Tue, 13 Feb 2024 16:21:10 +0800
Subject: [PATCH 07/17] UI: Deprecate `input` color from Tailwind CSS preset

---
 .changeset/few-apples-change.md          |  5 +++
 apps/docs/components/ui/button.tsx       |  3 +-
 apps/docs/content/docs/ui/theme.mdx      | 50 ++---------------------
 packages/ui/src/components/ui/select.tsx |  2 +-
 packages/ui/src/tailwind-plugin.ts       | 52 +++++++++++++++++-------
 5 files changed, 47 insertions(+), 65 deletions(-)
 create mode 100644 .changeset/few-apples-change.md

diff --git a/.changeset/few-apples-change.md b/.changeset/few-apples-change.md
new file mode 100644
index 000000000..410278344
--- /dev/null
+++ b/.changeset/few-apples-change.md
@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': patch
+---
+
+Deprecate `input` color from Tailwind CSS preset
diff --git a/apps/docs/components/ui/button.tsx b/apps/docs/components/ui/button.tsx
index a96d7d47b..4943a47e6 100644
--- a/apps/docs/components/ui/button.tsx
+++ b/apps/docs/components/ui/button.tsx
@@ -9,8 +9,7 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-        outline:
-          'border border-input hover:bg-accent hover:text-accent-foreground',
+        outline: 'border hover:bg-accent hover:text-accent-foreground',
         secondary:
           'border bg-secondary text-secondary-foreground hover:bg-secondary/80',
         ghost: 'hover:bg-accent hover:text-accent-foreground',
diff --git a/apps/docs/content/docs/ui/theme.mdx b/apps/docs/content/docs/ui/theme.mdx
index 6d363d5b7..5be7a5617 100644
--- a/apps/docs/content/docs/ui/theme.mdx
+++ b/apps/docs/content/docs/ui/theme.mdx
@@ -63,53 +63,9 @@ The design system was inspired by [Shadcn UI](https://ui.shadcn.com), you can ea
 }
 ```
 
-<Accordions>
-<Accordion title="Default Styles">
-
-```css
-:root {
-  --background: 0 0% 100%;
-  --foreground: 0 0% 3.9%;
-  --muted: 0 0% 96.1%;
-  --muted-foreground: 0 0% 45.1%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 0 0% 45.1%;
-  --card: 0 0% 99.7%;
-  --card-foreground: 0 0% 3.9%;
-  --border: 0 0% 89.8%;
-  --input: 0 0% 89.8%;
-  --primary: 0 0% 9%;
-  --primary-foreground: 0 0% 98%;
-  --secondary: 0 0% 96.1%;
-  --secondary-foreground: 0 0% 9%;
-  --accent: 0 0% 94.1%;
-  --accent-foreground: 0 0% 9%;
-  --ring: 0 0% 63.9%;
-}
-
-.dark {
-  --background: 0 0% 3.9%;
-  --foreground: 0 0% 98%;
-  --muted: 0 0% 14.9%;
-  --muted-foreground: 0 0% 60.9%;
-  --popover: 0 0% 7%;
-  --popover-foreground: 0 0% 98%;
-  --card: 0 0% 8%;
-  --card-foreground: 0 0% 98%;
-  --border: 0 0% 18%;
-  --input: 0 0% 14.9%;
-  --primary: 0 0% 98%;
-  --primary-foreground: 0 0% 9%;
-  --secondary: 0 0% 14.9%;
-  --secondary-foreground: 0 0% 98%;
-  --accent: 0 0% 14.9%;
-  --accent-foreground: 0 0% 98%;
-  --ring: 0 0% 14.9%;
-}
-```
-
-</Accordion>
-</Accordions>
+> Only a subset of colors are provided by Fumadocs UI.
+> 
+> It may not compatible with Shadcn UI.
 
 ## DocsUI Plugin
 
diff --git a/packages/ui/src/components/ui/select.tsx b/packages/ui/src/components/ui/select.tsx
index c4b4e7b20..d44ed0998 100644
--- a/packages/ui/src/components/ui/select.tsx
+++ b/packages/ui/src/components/ui/select.tsx
@@ -16,7 +16,7 @@ const SelectTrigger = React.forwardRef<
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
-      'flex h-10 w-full items-center justify-between rounded-md border border-input px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground',
+      'flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground',
       className,
     )}
     {...props}
diff --git a/packages/ui/src/tailwind-plugin.ts b/packages/ui/src/tailwind-plugin.ts
index 51683ff7c..2b39b6383 100644
--- a/packages/ui/src/tailwind-plugin.ts
+++ b/packages/ui/src/tailwind-plugin.ts
@@ -21,27 +21,45 @@ interface DocsUIOptions {
   keepCodeBlockBackground?: boolean;
 }
 
+type Keys =
+  | 'background'
+  | 'foreground'
+  | 'muted'
+  | 'muted-foreground'
+  | 'popover'
+  | 'popover-foreground'
+  | 'card'
+  | 'card-foreground'
+  | 'border'
+  | 'primary'
+  | 'primary-foreground'
+  | 'secondary'
+  | 'secondary-foreground'
+  | 'accent'
+  | 'accent-foreground'
+  | 'ring';
+
+type Theme = Record<Keys, string> & {
+  'background-image'?: string;
+};
+
 export interface Preset {
-  light: Record<string, string>;
-  dark: Record<string, string>;
-  backgroundImage?: string;
+  light: Theme;
+  dark: Theme;
 }
 
-function mapColors(
-  prefix: string,
-  map: Record<string, string>,
-): Record<string, string> {
+function getThemeStyles(prefix: string, theme: Theme): Record<string, string> {
   return Object.fromEntries(
-    Object.entries(map).map(([k, v]) => [colorToVariable(prefix, k), v]),
+    Object.entries(theme).map(([k, v]) => [variableName(prefix, k), v]),
   );
 }
 
-function colorToVariable(prefix: string, name: string): string {
+function variableName(prefix: string, name: string): string {
   return `--${[prefix, name].filter(Boolean).join('-')}`;
 }
 
 function colorToCSS(prefix: string, name: string): string {
-  return `hsl(var(${colorToVariable(prefix, name)}) / <alpha-value>)`;
+  return `hsl(var(${variableName(prefix, name)}) / <alpha-value>)`;
 }
 
 export const docsUi = plugin.withOptions<DocsUIOptions>(
@@ -51,18 +69,21 @@ export const docsUi = plugin.withOptions<DocsUIOptions>(
     keepCodeBlockBackground = false,
   } = {}) => {
     return ({ addBase, addComponents, addUtilities }) => {
-      const { light, dark, backgroundImage } =
+      const { light, dark } =
         typeof preset === 'string' ? presets[preset] : preset;
 
       addBase({
-        ':root': mapColors(prefix, light),
-        '.dark': mapColors(prefix, dark),
+        ':root': getThemeStyles(prefix, light),
+        '.dark': getThemeStyles(prefix, dark),
         '*': {
           'border-color': `theme('colors.border')`,
         },
         body: {
-          'background-image': backgroundImage ?? 'initial',
           'background-color': `theme('colors.background')`,
+          'background-image': `var(${variableName(
+            prefix,
+            'background-image',
+          )})`,
           color: `theme('colors.foreground')`,
         },
       });
@@ -165,7 +186,8 @@ export const docsUi = plugin.withOptions<DocsUIOptions>(
         },
         colors: {
           border: colorToCSS(prefix, 'border'),
-          input: colorToCSS(prefix, 'input'),
+          // todo: remove in next major
+          input: colorToCSS(prefix, 'border'),
           ring: colorToCSS(prefix, 'ring'),
           background: colorToCSS(prefix, 'background'),
           foreground: colorToCSS(prefix, 'foreground'),

From b0003d446098db935d8b05782222e711c5aed267 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Tue, 13 Feb 2024 16:21:34 +0800
Subject: [PATCH 08/17] UI: Add `purple` theme

---
 .changeset/silver-horses-collect.md     |  5 +++
 apps/docs/app/{style.css => global.css} |  0
 apps/docs/app/layout.tsx                |  2 +-
 packages/ui/src/theme/colors.ts         | 54 ++++++++++++++++++++-----
 4 files changed, 50 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/silver-horses-collect.md
 rename apps/docs/app/{style.css => global.css} (100%)

diff --git a/.changeset/silver-horses-collect.md b/.changeset/silver-horses-collect.md
new file mode 100644
index 000000000..2ebbbfb93
--- /dev/null
+++ b/.changeset/silver-horses-collect.md
@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': minor
+---
+
+Add `purple` theme
diff --git a/apps/docs/app/style.css b/apps/docs/app/global.css
similarity index 100%
rename from apps/docs/app/style.css
rename to apps/docs/app/global.css
diff --git a/apps/docs/app/layout.tsx b/apps/docs/app/layout.tsx
index 76b5e2dc8..9d55855a8 100644
--- a/apps/docs/app/layout.tsx
+++ b/apps/docs/app/layout.tsx
@@ -1,4 +1,4 @@
-import './style.css';
+import './global.css';
 import 'fumadocs-ui/twoslash.css';
 import { Star } from 'lucide-react';
 import type { Viewport } from 'next';
diff --git a/packages/ui/src/theme/colors.ts b/packages/ui/src/theme/colors.ts
index 421557e83..10c1517d6 100644
--- a/packages/ui/src/theme/colors.ts
+++ b/packages/ui/src/theme/colors.ts
@@ -11,7 +11,6 @@ const defaultPreset: Preset = {
     card: '0 0% 99.7%',
     'card-foreground': '0 0% 3.9%',
     border: '0 0% 89.8%',
-    input: '0 0% 89.8%',
     primary: '0 0% 9%',
     'primary-foreground': '0 0% 98%',
     secondary: '0 0% 96.1%',
@@ -23,17 +22,16 @@ const defaultPreset: Preset = {
   dark: {
     background: '0 0% 3.9%',
     foreground: '0 0% 98%',
-    muted: '0 0% 14.9%',
+    muted: '0 0% 12.9%',
     'muted-foreground': '0 0% 60.9%',
     popover: '0 0% 7%',
     'popover-foreground': '0 0% 88%',
     card: '0 0% 8%',
     'card-foreground': '0 0% 98%',
     border: '0 0% 18%',
-    input: '0 0% 14.9%',
     primary: '0 0% 98%',
     'primary-foreground': '0 0% 9%',
-    secondary: '0 0% 10.9%',
+    secondary: '0 0% 12.9%',
     'secondary-foreground': '0 0% 98%',
     accent: '0 0% 14.9%',
     'accent-foreground': '0 0% 90%',
@@ -52,7 +50,6 @@ const oceanPreset: Preset = {
     card: '220 50% 98%',
     'card-foreground': '0 0% 3.9%',
     border: '220 50% 89.8%',
-    input: '0 0% 89.8%',
     primary: '210 80% 20.2%',
     'primary-foreground': '0 0% 98%',
     secondary: '220 90% 96.1%',
@@ -60,11 +57,9 @@ const oceanPreset: Preset = {
     accent: '220 50% 94.1%',
     'accent-foreground': '0 0% 9%',
     ring: '220 100% 63.9%',
-    'global-background': 'transparent',
   },
   dark: {
     'card-foreground': '220 60% 94.5%',
-    input: '0 0% 14.9%',
     'primary-foreground': '0 0% 9%',
     'secondary-foreground': '220 80% 90%',
     ring: '205 100% 85%',
@@ -80,13 +75,52 @@ const oceanPreset: Preset = {
     foreground: '220 60% 94.5%',
     primary: '205 100% 85%',
     border: '220 50% 20%',
-    'global-background': 'rgba(5, 105, 255, 0.15)',
+    'background-image':
+      'linear-gradient(rgba(5, 105, 255, 0.15), transparent 20rem, transparent)',
+  },
+};
+
+const purple: Preset = {
+  light: {
+    background: '256 100% 96%',
+    primary: '270 100% 52%',
+    border: '270 40% 80%',
+    accent: '270 60% 86%',
+    'accent-foreground': '270 100% 20%',
+    muted: '256 60% 94%',
+    'muted-foreground': '256 50% 50%',
+    foreground: '256 60% 26%',
+    secondary: '270 60% 90%',
+    'secondary-foreground': '256 60% 10%',
+    card: '256 60% 92%',
+    'card-foreground': '256 100% 20%',
+    'popover-foreground': '256 100% 20%',
+    popover: '256 60% 96%',
+    'primary-foreground': '270 100% 20%',
+    ring: '270 100% 52%',
+  },
+  dark: {
+    background: '256 60% 6%',
+    primary: '270 100% 86%',
+    border: '270 100% 20%',
+    accent: '256 60% 26%',
+    'accent-foreground': '270 100% 86%',
+    muted: '256 60% 10%',
+    foreground: '256 60% 90%',
+    'muted-foreground': '256 50% 75%',
+    secondary: '270 100% 20%',
+    'secondary-foreground': '256 60% 90%',
+    card: '256 60% 10%',
+    'card-foreground': '256 60% 90%',
+    'popover-foreground': '256 60% 90%',
+    popover: '256 60% 6%',
+    'primary-foreground': '256 60% 6%',
+    ring: '270 100% 86%',
   },
-  backgroundImage:
-    'linear-gradient(var(--global-background), transparent 20rem, transparent)',
 };
 
 export const presets = {
+  purple,
   default: defaultPreset,
   ocean: oceanPreset,
 };

From 9b422cae5a248ed945b5a05a31db84eba452ad93 Mon Sep 17 00:00:00 2001
From: Fuma Nama <76240755+fuma-nama@users.noreply.github.com>
Date: Wed, 14 Feb 2024 11:54:22 +0800
Subject: [PATCH 09/17] Docs: Fix layout file path

---
 apps/docs/content/docs/ui/index.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/docs/content/docs/ui/index.mdx b/apps/docs/content/docs/ui/index.mdx
index 1c7f1a00d..e8b86d801 100644
--- a/apps/docs/content/docs/ui/index.mdx
+++ b/apps/docs/content/docs/ui/index.mdx
@@ -73,7 +73,7 @@ export default function RootLayout({ children }: { children: ReactNode }) {
 
 Create a new catch-all route for our docs, and give it a proper layout.
 
-```tsx title="app/docs/[[...slug]]/layout.tsx"
+```tsx title="app/docs/layout.tsx"
 import { DocsLayout } from 'fumadocs-ui/layout';
 import type { ReactNode } from 'react';
 

From a9cb54cd06138f3d107dbf0957fc8d596ed14cc3 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 14 Feb 2024 19:35:58 +0000
Subject: [PATCH 10/17] Update dependency turbo to v1.12.4

---
 package.json   |  2 +-
 pnpm-lock.yaml | 89 ++++++++++++++++----------------------------------
 2 files changed, 29 insertions(+), 62 deletions(-)

diff --git a/package.json b/package.json
index d9efcf212..9119578cc 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "prettier": "^3.0.3",
     "rimraf": "^5.0.5",
     "tsup": "8.0.2",
-    "turbo": "1.12.3",
+    "turbo": "1.12.4",
     "typescript": "5.3.3",
     "vitest": "^1.0.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 62c239247..563d8c087 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,8 +41,8 @@ importers:
         specifier: 8.0.2
         version: 8.0.2(typescript@5.3.3)
       turbo:
-        specifier: 1.12.3
-        version: 1.12.3
+        specifier: 1.12.4
+        version: 1.12.4
       typescript:
         specifier: 5.3.3
         version: 5.3.3
@@ -1251,10 +1251,6 @@ packages:
     peerDependencies:
       '@effect-ts/otel-node': '*'
     peerDependenciesMeta:
-      '@effect-ts/core':
-        optional: true
-      '@effect-ts/otel':
-        optional: true
       '@effect-ts/otel-node':
         optional: true
     dependencies:
@@ -3915,7 +3911,7 @@ packages:
       eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.29.0)
       eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.56.0)
       eslint-plugin-eslint-comments: 3.2.0(eslint@8.56.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
       eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)(typescript@5.3.3)
       eslint-plugin-jsx-a11y: 6.8.0(eslint@8.56.0)
       eslint-plugin-playwright: 0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.56.0)
@@ -5356,7 +5352,7 @@ packages:
     peerDependencies:
       eslint-plugin-import: '>=1.4.0'
     dependencies:
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
     dev: true
 
   /eslint-import-resolver-node@0.3.9:
@@ -5380,7 +5376,7 @@ packages:
       enhanced-resolve: 5.15.0
       eslint: 8.56.0
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.2
       is-core-module: 2.13.1
@@ -5422,35 +5418,6 @@ packages:
       - supports-color
     dev: true
 
-  /eslint-module-utils@2.8.0(@typescript-eslint/parser@7.0.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0):
-    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      '@typescript-eslint/parser': '*'
-      eslint: '*'
-      eslint-import-resolver-node: '*'
-      eslint-import-resolver-typescript: '*'
-      eslint-import-resolver-webpack: '*'
-    peerDependenciesMeta:
-      '@typescript-eslint/parser':
-        optional: true
-      eslint:
-        optional: true
-      eslint-import-resolver-node:
-        optional: true
-      eslint-import-resolver-typescript:
-        optional: true
-      eslint-import-resolver-webpack:
-        optional: true
-    dependencies:
-      '@typescript-eslint/parser': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
-      debug: 3.2.7
-      eslint: 8.56.0
-      eslint-import-resolver-node: 0.3.9
-    transitivePeerDependencies:
-      - supports-color
-    dev: true
-
   /eslint-plugin-eslint-comments@3.2.0(eslint@8.56.0):
     resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
     engines: {node: '>=6.5.0'}
@@ -5462,7 +5429,7 @@ packages:
       ignore: 5.2.4
     dev: true
 
-  /eslint-plugin-import@2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0):
+  /eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
     resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -5472,7 +5439,7 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
       array.prototype.flat: 1.3.2
@@ -5481,7 +5448,7 @@ packages:
       doctrine: 2.1.0
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.0.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
       hasown: 2.0.0
       is-core-module: 2.13.1
       is-glob: 4.0.3
@@ -10411,64 +10378,64 @@ packages:
       yargs: 17.7.2
     dev: true
 
-  /turbo-darwin-64@1.12.3:
-    resolution: {integrity: sha512-dDglIaux+A4jOnB9CDH69sujmrnuLJLrKw1t3J+if6ySlFuxSwC++gDq9TVuOZo2+S7lFkGh+x5ytn3wp+jE8Q==}
+  /turbo-darwin-64@1.12.4:
+    resolution: {integrity: sha512-dBwFxhp9isTa9RS/fz2gDVk5wWhKQsPQMozYhjM7TT4jTrnYn0ZJMzr7V3B/M/T8QF65TbniW7w1gtgxQgX5Zg==}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-darwin-arm64@1.12.3:
-    resolution: {integrity: sha512-5TqqeujEyHMoVUWGzSzUl5ERSg7HDCdbU3gBs5ziWTpFRpeJ/+Y15kYyZJcMQcubRIH3Y1hL/yA5IhlGdgXOMA==}
+  /turbo-darwin-arm64@1.12.4:
+    resolution: {integrity: sha512-1Uo5iI6xsJ1j9ObsqxYRsa3W26mEbUe6fnj4rQYV6kDaqYD54oAMJ6hM53q9rB8JvFxwdrUXGp3PwTw9A0qqkA==}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-linux-64@1.12.3:
-    resolution: {integrity: sha512-yUreU+/gq4vlBtcdyfjz7slwz4zM1RG8sSXvyHmAS+QXqSrGkegg4qLl2fRbv/c3EyA/XbfcZuD6tcrXkejr6g==}
+  /turbo-linux-64@1.12.4:
+    resolution: {integrity: sha512-ONg2aSqKP7LAQOg7ysmU5WpEQp4DGNxSlAiR7um+LKtbmC/UxogbR5+T+Uuq6zGuQ5kJyKjWJ4NhtvUswOqBsA==}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-linux-arm64@1.12.3:
-    resolution: {integrity: sha512-XRwAsp2eRSqZmaMVNrmHoKqofeJMuD87zmefZLTRAObh38hIwKgyl2QRsJIbteob5RN77yFbv3lAJ36UIY5h7w==}
+  /turbo-linux-arm64@1.12.4:
+    resolution: {integrity: sha512-9FPufkwdgfIKg/9jj87Cdtftw8o36y27/S2vLN7FTR2pp9c0MQiTBOLVYadUr1FlShupddmaMbTkXEhyt9SdrA==}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-windows-64@1.12.3:
-    resolution: {integrity: sha512-CPnRfnUCtmFeShOtUdMCthySjmyHaoTyh9JueiYFvtCNeO3WfDMj63dpOQstQWHdJFYmIrIGfhAclcds9ePQYA==}
+  /turbo-windows-64@1.12.4:
+    resolution: {integrity: sha512-2mOtxHW5Vjh/5rDVu/aFwsMzI+chs8XcEuJHlY1sYOpEymYTz+u6AXbnzRvwZFMrLKr7J7fQOGl+v96sLKbNdA==}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo-windows-arm64@1.12.3:
-    resolution: {integrity: sha512-cYA/wlzvp4vlCNHYJ2AjNS3FLXWwUC/5CJompBkTeKFFB6AviE/iLkbIhFikCVSNXZk/3AGanpMUXIkt3bdlwg==}
+  /turbo-windows-arm64@1.12.4:
+    resolution: {integrity: sha512-nOY5wae9qnxPOpT1fRuYO0ks6dTwpKMPV6++VkDkamFDLFHUDVM/9kmD2UTeh1yyrKnrZksbb9zmShhmfj1wog==}
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
     dev: true
     optional: true
 
-  /turbo@1.12.3:
-    resolution: {integrity: sha512-a6q8I0TK9ohACYbkmxzG/JYPuDC4VCvfmXLTlf321qQ4BIAhoyaOj/O2g+zJ6L1vNYnZ82G4LrbMfgLLngbLsg==}
+  /turbo@1.12.4:
+    resolution: {integrity: sha512-yUJ7elEUSToiGwFZogXpYKJpQ0BvaMbkEuQECIWtkBLcmWzlMOt6bActsIm29oN83mRU0WbzGt4e8H1KHWedhg==}
     hasBin: true
     optionalDependencies:
-      turbo-darwin-64: 1.12.3
-      turbo-darwin-arm64: 1.12.3
-      turbo-linux-64: 1.12.3
-      turbo-linux-arm64: 1.12.3
-      turbo-windows-64: 1.12.3
-      turbo-windows-arm64: 1.12.3
+      turbo-darwin-64: 1.12.4
+      turbo-darwin-arm64: 1.12.4
+      turbo-linux-64: 1.12.4
+      turbo-linux-arm64: 1.12.4
+      turbo-windows-64: 1.12.4
+      turbo-windows-arm64: 1.12.4
     dev: true
 
   /twoslash-protocol@0.2.1:

From 90cbbc1aeb745a290427a21d302bc21709349929 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 16 Feb 2024 10:54:06 +0000
Subject: [PATCH 11/17] Update all non-major dependencies to v1.1.3

---
 packages/core/package.json     |  6 ++--
 packages/twoslash/package.json |  4 +--
 pnpm-lock.yaml                 | 62 ++++++++++++++++++++--------------
 3 files changed, 41 insertions(+), 31 deletions(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index 3a32006a5..b76d88f48 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -123,8 +123,8 @@
   },
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.5.0",
-    "@shikijs/rehype": "1.1.2",
-    "@shikijs/transformers": "1.1.2",
+    "@shikijs/rehype": "1.1.3",
+    "@shikijs/transformers": "1.1.3",
     "flexsearch": "0.7.21",
     "github-slugger": "^2.0.0",
     "hast-util-to-estree": "^3.1.0",
@@ -134,7 +134,7 @@
     "remark-gfm": "^4.0.0",
     "remark-mdx": "^3.0.0",
     "scroll-into-view-if-needed": "^3.1.0",
-    "shiki": "1.1.2",
+    "shiki": "1.1.3",
     "swr": "^2.2.2",
     "unist-util-visit": "^5.0.0"
   },
diff --git a/packages/twoslash/package.json b/packages/twoslash/package.json
index eff84c525..5012ce39d 100644
--- a/packages/twoslash/package.json
+++ b/packages/twoslash/package.json
@@ -25,11 +25,11 @@
     "types:check": "tsc --noEmit"
   },
   "dependencies": {
-    "@shikijs/twoslash": "1.1.2",
+    "@shikijs/twoslash": "1.1.3",
     "mdast-util-from-markdown": "^2.0.0",
     "mdast-util-gfm": "^3.0.0",
     "mdast-util-to-hast": "^13.1.0",
-    "shiki": "1.1.2"
+    "shiki": "1.1.3"
   },
   "devDependencies": {
     "@types/hast": "^3.0.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 563d8c087..37e2b9869 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -276,11 +276,11 @@ importers:
         specifier: ^0.5.0
         version: 0.5.0
       '@shikijs/rehype':
-        specifier: 1.1.2
-        version: 1.1.2
+        specifier: 1.1.3
+        version: 1.1.3
       '@shikijs/transformers':
-        specifier: 1.1.2
-        version: 1.1.2
+        specifier: 1.1.3
+        version: 1.1.3
       flexsearch:
         specifier: 0.7.21
         version: 0.7.21
@@ -315,8 +315,8 @@ importers:
         specifier: ^3.1.0
         version: 3.1.0
       shiki:
-        specifier: 1.1.2
-        version: 1.1.2
+        specifier: 1.1.3
+        version: 1.1.3
       swr:
         specifier: ^2.2.2
         version: 2.2.2(react@18.2.0)
@@ -498,8 +498,8 @@ importers:
   packages/twoslash:
     dependencies:
       '@shikijs/twoslash':
-        specifier: 1.1.2
-        version: 1.1.2(typescript@5.3.3)
+        specifier: 1.1.3
+        version: 1.1.3(typescript@5.3.3)
       mdast-util-from-markdown:
         specifier: ^2.0.0
         version: 2.0.0
@@ -510,8 +510,8 @@ importers:
         specifier: ^13.1.0
         version: 13.1.0
       shiki:
-        specifier: 1.1.2
-        version: 1.1.2
+        specifier: 1.1.3
+        version: 1.1.3
     devDependencies:
       '@types/hast':
         specifier: ^3.0.4
@@ -3332,28 +3332,32 @@ packages:
     resolution: {integrity: sha512-ERVzNQz88ZkDqUpWeC57Kp+Kmx5RjqeDBR1M8AGWGom4yrkITiTfXCGmjchlDSw12MhDTuPYR4HVFW8uT61RaQ==}
     dev: false
 
-  /@shikijs/rehype@1.1.2:
-    resolution: {integrity: sha512-h90ycM3VFkI6bLD/WgUuxMR9yqc0ejWWiA//T4f4mqoIPW3bVW3uSB/0eJRM6WbP8fEaOAnA7mbKGsoTDGf4Ng==}
+  /@shikijs/core@1.1.3:
+    resolution: {integrity: sha512-1QWSvWcPbvZXsDxB1F7ejW+Kuxp3z/JHs944hp/f8BYOlFd5gplzseFIkE/GTu/qytFef3zNME4qw1oHbQ0j2A==}
+    dev: false
+
+  /@shikijs/rehype@1.1.3:
+    resolution: {integrity: sha512-ZOH8Wpca6uVWIcpEHnkFxDWEFWhlFRbZ8OzmdhSqAM/zDnwe3qbiq1t8YUhfkB4hLphkD1AlsuGycfFImdh/NQ==}
     dependencies:
-      '@shikijs/transformers': 1.1.2
+      '@shikijs/transformers': 1.1.3
       '@types/hast': 3.0.4
       hast-util-to-string: 3.0.0
-      shiki: 1.1.2
+      shiki: 1.1.3
       unified: 11.0.4
       unist-util-visit: 5.0.0
     dev: false
 
-  /@shikijs/transformers@1.1.2:
-    resolution: {integrity: sha512-tldkUMW7RBkU2F6eXbiRMw3ja+hQer1EjwhD2NGOv6K0pgZdVp3JKjU8uisRtg65tyBqrVHq7zlLHVk7EKmUZA==}
+  /@shikijs/transformers@1.1.3:
+    resolution: {integrity: sha512-jv71dQFTucv2RK2pafAxca4hgKP6Uv5ukKrVjH/vGZ8jGH0j2AcLVCcM76ieamwJ1p5WkZcA0X/Bq2qpjhEUSg==}
     dependencies:
-      shiki: 1.1.2
+      shiki: 1.1.3
     dev: false
 
-  /@shikijs/twoslash@1.1.2(typescript@5.3.3):
-    resolution: {integrity: sha512-Jt8QAudENcCS7cgxjbXMpUCA7IAOy1kot+Qo5yyyLl9VwVKvZMW0BDrrigbOia8602X2Z76U6XEs9UXyD6LnsQ==}
+  /@shikijs/twoslash@1.1.3(typescript@5.3.3):
+    resolution: {integrity: sha512-7NUEqRasZ15wWdUIusm2rQMenV2dIpNNOoCiNx7GZ4VzJxy7AwULQxgDVtYfn0u4BCgiUWqtdMYuO9uts8JSmg==}
     dependencies:
-      '@shikijs/core': 1.1.2
-      twoslash: 0.2.1(typescript@5.3.3)
+      '@shikijs/core': 1.1.3
+      twoslash: 0.2.3(typescript@5.3.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -9699,6 +9703,12 @@ packages:
       '@shikijs/core': 1.1.2
     dev: false
 
+  /shiki@1.1.3:
+    resolution: {integrity: sha512-k/B4UvtWmGcHMLp6JnQminlex3Go5MHKXEiormmzTJECAiSQiwSon6USuwTyto8EMUQc9aYRJ7HojkfVLbBk+g==}
+    dependencies:
+      '@shikijs/core': 1.1.3
+    dev: false
+
   /side-channel@1.0.4:
     resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
     dependencies:
@@ -10438,17 +10448,17 @@ packages:
       turbo-windows-arm64: 1.12.4
     dev: true
 
-  /twoslash-protocol@0.2.1:
-    resolution: {integrity: sha512-ppACotZJJQlhI7UdoAQ1SOhLsnAyVHoY69gmBY6ygw+mULShR13zVToHpM0eUA/GqS2jiNCAeE2HrcXZ+1qLfg==}
+  /twoslash-protocol@0.2.3:
+    resolution: {integrity: sha512-pvNVFaYvZ2S5AvG3dN91NSxTt+JxeoJju/1ezOGhmHB+Wpa5xZuWY5nuvOkeBpqcwvwTvpjtw5d/xSV19ZMzJA==}
     dev: false
 
-  /twoslash@0.2.1(typescript@5.3.3):
-    resolution: {integrity: sha512-V8J0OGo9gj5pZ2UlZvIYlr71PThc/eYEfK/UnnrhysUpEtzhdMC102ucm3C43RHXdUMLYBccwILiOGl87zswDA==}
+  /twoslash@0.2.3(typescript@5.3.3):
+    resolution: {integrity: sha512-96vxkRz/IiOwrRDNniBuLLi29q9F5Vv0BAb0Jx/lhF3EhG71hcm0he4fvQllhf/ZPzUGMt/QfJX6o0cTwnZhJQ==}
     peerDependencies:
       typescript: '*'
     dependencies:
       '@typescript/vfs': 1.5.0
-      twoslash-protocol: 0.2.1
+      twoslash-protocol: 0.2.3
       typescript: 5.3.3
     transitivePeerDependencies:
       - supports-color

From 52d578d0564d10e6b017786a695ed6e5b9de7693 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Sun, 18 Feb 2024 15:43:25 +0800
Subject: [PATCH 12/17] UI: Set `darkMode` to `class` by default

---
 .changeset/silly-needles-notice.md | 5 +++++
 apps/docs/tailwind.config.js       | 1 -
 packages/ui/src/tailwind-plugin.ts | 3 ++-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/silly-needles-notice.md

diff --git a/.changeset/silly-needles-notice.md b/.changeset/silly-needles-notice.md
new file mode 100644
index 000000000..3d7d08f44
--- /dev/null
+++ b/.changeset/silly-needles-notice.md
@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': patch
+---
+
+Set `darkMode` to `class` by default
diff --git a/apps/docs/tailwind.config.js b/apps/docs/tailwind.config.js
index 12e277bcd..2f3151205 100644
--- a/apps/docs/tailwind.config.js
+++ b/apps/docs/tailwind.config.js
@@ -2,7 +2,6 @@ const { createPreset } = require('fumadocs-ui/tailwind-plugin');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  darkMode: 'class',
   content: [
     './components/**/*.{ts,tsx}',
     './app/**/*.{ts,tsx}',
diff --git a/packages/ui/src/tailwind-plugin.ts b/packages/ui/src/tailwind-plugin.ts
index 2b39b6383..9d599af99 100644
--- a/packages/ui/src/tailwind-plugin.ts
+++ b/packages/ui/src/tailwind-plugin.ts
@@ -58,7 +58,7 @@ function variableName(prefix: string, name: string): string {
   return `--${[prefix, name].filter(Boolean).join('-')}`;
 }
 
-function colorToCSS(prefix: string, name: string): string {
+function colorToCSS(prefix: string, name: Keys): string {
   return `hsl(var(${variableName(prefix, name)}) / <alpha-value>)`;
 }
 
@@ -227,6 +227,7 @@ export const docsUi = plugin.withOptions<DocsUIOptions>(
 
 export function createPreset(options: DocsUIOptions = {}): PresetsConfig {
   return {
+    darkMode: 'class',
     plugins: [typography, docsUi(options)],
   };
 }

From 84667d2f4f5a9d94ab02f3608e83d63655e1a09f Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Sun, 18 Feb 2024 16:07:20 +0800
Subject: [PATCH 13/17] UI: Improve styles

---
 .changeset/ten-pots-lay.md                |  5 ++++
 apps/docs/app/(home)/page.client.tsx      |  2 +-
 apps/docs/components/preview/index.tsx    | 13 ++++-----
 packages/ui/src/components/accordion.tsx  | 32 +++++++++++++----------
 packages/ui/src/components/inline-toc.tsx |  2 +-
 packages/ui/src/components/nav.tsx        |  5 +---
 packages/ui/src/components/sidebar.tsx    |  2 +-
 packages/ui/src/theme/variants.ts         |  2 +-
 packages/ui/src/utils/cn.ts               | 10 +------
 9 files changed, 36 insertions(+), 37 deletions(-)
 create mode 100644 .changeset/ten-pots-lay.md

diff --git a/.changeset/ten-pots-lay.md b/.changeset/ten-pots-lay.md
new file mode 100644
index 000000000..e57d6adb5
--- /dev/null
+++ b/.changeset/ten-pots-lay.md
@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': patch
+---
+
+Improve Accordions
diff --git a/apps/docs/app/(home)/page.client.tsx b/apps/docs/app/(home)/page.client.tsx
index 0bf3da35c..f5b2af59e 100644
--- a/apps/docs/app/(home)/page.client.tsx
+++ b/apps/docs/app/(home)/page.client.tsx
@@ -88,7 +88,7 @@ export function Rain(
 export function Previews(): JSX.Element {
   return (
     <div className="rounded-xl border bg-background p-4 shadow-lg">
-      <p className="text-medium font-medium">I&apos;m satisfied with it</p>
+      <p className="text-sm font-medium">I&apos;m satisfied with it</p>
 
       <a
         href="https://joulev.dev"
diff --git a/apps/docs/components/preview/index.tsx b/apps/docs/components/preview/index.tsx
index cd98ad5aa..1ce3a1f90 100644
--- a/apps/docs/components/preview/index.tsx
+++ b/apps/docs/components/preview/index.tsx
@@ -90,11 +90,7 @@ export default {
   ),
   accordion: (
     <Wrapper>
-      <Accordions
-        type="single"
-        collapsible
-        className="rounded-xl bg-background px-4"
-      >
+      <Accordions type="single" collapsible>
         <Accordion id="what-is-fumadocs" title="What is Fumadocs?">
           A framework for building documentations
         </Accordion>
@@ -197,5 +193,10 @@ export default {
       </div>
     </Wrapper>
   ),
-  'roll-button': <RollButton />,
+  'roll-button': (
+    <div className="rounded-lg border bg-card p-4 text-muted-foreground">
+      <p className="text-center text-sm">Scroll down to see the button</p>
+      <RollButton />
+    </div>
+  ),
 } as Record<string, ReactNode>;
diff --git a/packages/ui/src/components/accordion.tsx b/packages/ui/src/components/accordion.tsx
index dda5a7077..af31bdfd1 100644
--- a/packages/ui/src/components/accordion.tsx
+++ b/packages/ui/src/components/accordion.tsx
@@ -17,7 +17,11 @@ import { cn } from '@/utils/cn';
 import { useCopyButton } from '@/utils/use-copy-button';
 import { buttonVariants } from '@/theme/variants';
 
-const variants = cva('divide-y divide-border');
+const variants = cva(
+  'divide-y divide-border overflow-hidden rounded-lg border bg-card',
+);
+
+// todo: Use `single` unless especially use `MultipleAccordions`
 
 export const Accordions = forwardRef<
   HTMLDivElement,
@@ -97,26 +101,27 @@ export const Accordion = forwardRef<
   Omit<ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>, 'value'> & {
     title: string;
   }
->(({ title, className, children, ...props }, ref) => {
+>(({ title, className, id, children, ...props }, ref) => {
   return (
     <AccordionPrimitive.Item
       ref={ref}
       // Use `id` instead if presents
-      value={props.id ?? title}
-      className={cn('group/accordion scroll-m-20', className)}
+      value={id ?? title}
+      className={cn('group/accordion relative scroll-m-20', className)}
       {...props}
     >
-      <AccordionPrimitive.Header className="not-prose flex items-center text-medium text-muted-foreground">
-        <AccordionPrimitive.Trigger className="flex w-full items-center gap-1 py-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
-          <ChevronRightIcon className="size-5 transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" />
-          <span className="text-medium font-medium text-foreground">
-            {title}
-          </span>
+      <AccordionPrimitive.Header
+        id={id}
+        className="not-prose font-medium text-foreground hover:bg-accent hover:text-accent-foreground"
+      >
+        <AccordionPrimitive.Trigger className="flex w-full items-center gap-2 p-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
+          <ChevronRightIcon className="size-4 text-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" />
+          {title}
         </AccordionPrimitive.Trigger>
-        {props.id ? <CopyButton id={props.id} /> : null}
       </AccordionPrimitive.Header>
+      {id ? <CopyButton id={id} /> : null}
       <AccordionPrimitive.Content className="overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
-        <div className="pb-4 pl-6 text-sm prose-no-margin">{children}</div>
+        <div className="ml-2 p-4 prose-no-margin">{children}</div>
       </AccordionPrimitive.Content>
     </AccordionPrimitive.Item>
   );
@@ -137,8 +142,7 @@ function CopyButton({ id }: { id: string }): JSX.Element {
       className={cn(
         buttonVariants({
           color: 'ghost',
-          className:
-            'opacity-0 transition-all group-data-[state=open]/accordion:opacity-100',
+          className: 'absolute top-4 right-4 text-muted-foreground',
         }),
       )}
       onClick={onClick}
diff --git a/packages/ui/src/components/inline-toc.tsx b/packages/ui/src/components/inline-toc.tsx
index 6e05fd81c..cce7f501e 100644
--- a/packages/ui/src/components/inline-toc.tsx
+++ b/packages/ui/src/components/inline-toc.tsx
@@ -29,7 +29,7 @@ export function InlineTOC({
         {children ?? (
           <button
             type="button"
-            className="inline-flex w-full items-center justify-between text-medium font-medium [&[data-state=open]>svg]:rotate-180"
+            className="inline-flex w-full items-center justify-between font-medium [&[data-state=open]>svg]:rotate-180"
           >
             Table of Contents
             <ChevronDown className="size-4 transition-transform duration-200" />
diff --git a/packages/ui/src/components/nav.tsx b/packages/ui/src/components/nav.tsx
index a91dfd01e..fb5643285 100644
--- a/packages/ui/src/components/nav.tsx
+++ b/packages/ui/src/components/nav.tsx
@@ -129,10 +129,7 @@ export function Nav({
               <PopoverContent className="flex min-w-[260px] flex-col px-3 py-1">
                 {items.map((item) => (
                   <PopoverClose key={item.url} asChild>
-                    <NavItem
-                      item={item}
-                      className="py-2 text-medium font-medium"
-                    />
+                    <NavItem item={item} className="py-2 text-lg font-medium" />
                   </PopoverClose>
                 ))}
                 <ThemeToggle className="w-fit" />
diff --git a/packages/ui/src/components/sidebar.tsx b/packages/ui/src/components/sidebar.tsx
index e7e371a84..38fd88209 100644
--- a/packages/ui/src/components/sidebar.tsx
+++ b/packages/ui/src/components/sidebar.tsx
@@ -62,7 +62,7 @@ export function Sidebar({
     <Base.SidebarList
       minWidth={768} // md
       className={cn(
-        'flex w-full flex-col text-medium',
+        'flex w-full flex-col text-[15px]',
         !open
           ? 'md:hidden'
           : 'md:sticky md:top-16 md:h-body md:w-[240px] md:text-sm xl:w-[260px]',
diff --git a/packages/ui/src/theme/variants.ts b/packages/ui/src/theme/variants.ts
index bb5a0f48e..28446c4e2 100644
--- a/packages/ui/src/theme/variants.ts
+++ b/packages/ui/src/theme/variants.ts
@@ -11,7 +11,7 @@ export const buttonVariants = cva(
           'border bg-secondary text-secondary-foreground hover:bg-accent hover:text-accent-foreground',
       },
       size: {
-        lg: 'px-4 py-2 text-medium',
+        lg: 'px-4 py-2 text-[15px]',
         icon: 'p-1.5 [&_svg]:size-5',
       },
     },
diff --git a/packages/ui/src/utils/cn.ts b/packages/ui/src/utils/cn.ts
index ee23a44c9..ba66fd250 100644
--- a/packages/ui/src/utils/cn.ts
+++ b/packages/ui/src/utils/cn.ts
@@ -1,9 +1 @@
-import { extendTailwindMerge } from 'tailwind-merge';
-
-export const cn = extendTailwindMerge<string, string>({
-  extend: {
-    classGroups: {
-      'font-size': [{ text: ['medium'] }],
-    },
-  },
-});
+export { twMerge as cn } from 'tailwind-merge';

From ca2ade186cbcd6b13364b4b5a8148d13646f0b49 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Sun, 18 Feb 2024 16:17:53 +0800
Subject: [PATCH 14/17] UI: Improve accordions

---
 packages/ui/src/components/accordion.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/accordion.tsx b/packages/ui/src/components/accordion.tsx
index af31bdfd1..b7ee5fc13 100644
--- a/packages/ui/src/components/accordion.tsx
+++ b/packages/ui/src/components/accordion.tsx
@@ -112,7 +112,7 @@ export const Accordion = forwardRef<
     >
       <AccordionPrimitive.Header
         id={id}
-        className="not-prose font-medium text-foreground hover:bg-accent hover:text-accent-foreground"
+        className="not-prose font-medium text-foreground"
       >
         <AccordionPrimitive.Trigger className="flex w-full items-center gap-2 p-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
           <ChevronRightIcon className="size-4 text-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" />
@@ -121,7 +121,7 @@ export const Accordion = forwardRef<
       </AccordionPrimitive.Header>
       {id ? <CopyButton id={id} /> : null}
       <AccordionPrimitive.Content className="overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down">
-        <div className="ml-2 p-4 prose-no-margin">{children}</div>
+        <div className="ml-2 p-4 pt-0 prose-no-margin">{children}</div>
       </AccordionPrimitive.Content>
     </AccordionPrimitive.Item>
   );

From 441724fc1b7cbaace3a9e6b0b9eb88abc74f56a2 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Sun, 18 Feb 2024 16:21:33 +0800
Subject: [PATCH 15/17] Format

---
 apps/docs/content/docs/ui/components/files.mdx | 2 +-
 apps/docs/content/docs/ui/theme.mdx            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/docs/content/docs/ui/components/files.mdx b/apps/docs/content/docs/ui/components/files.mdx
index 76bda28af..14788a5ec 100644
--- a/apps/docs/content/docs/ui/components/files.mdx
+++ b/apps/docs/content/docs/ui/components/files.mdx
@@ -32,4 +32,4 @@ import { File, Folder, Files } from 'fumadocs-ui/components/files';
 
 ### Folder
 
-<AutoTypeTable path="ui" name="FolderProps" />
\ No newline at end of file
+<AutoTypeTable path="ui" name="FolderProps" />
diff --git a/apps/docs/content/docs/ui/theme.mdx b/apps/docs/content/docs/ui/theme.mdx
index 5be7a5617..972d5f4f7 100644
--- a/apps/docs/content/docs/ui/theme.mdx
+++ b/apps/docs/content/docs/ui/theme.mdx
@@ -64,7 +64,7 @@ The design system was inspired by [Shadcn UI](https://ui.shadcn.com), you can ea
 ```
 
 > Only a subset of colors are provided by Fumadocs UI.
-> 
+>
 > It may not compatible with Shadcn UI.
 
 ## DocsUI Plugin

From 7ae2297af23e21282f4968569b3c7d3d591cb127 Mon Sep 17 00:00:00 2001
From: Fuma Nama <god63820869@gmail.com>
Date: Sun, 18 Feb 2024 16:23:42 +0800
Subject: [PATCH 16/17] Add changesets

---
 .changeset/few-apples-change.md     | 2 +-
 .changeset/tender-cougars-retire.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.changeset/few-apples-change.md b/.changeset/few-apples-change.md
index 410278344..356d206a3 100644
--- a/.changeset/few-apples-change.md
+++ b/.changeset/few-apples-change.md
@@ -2,4 +2,4 @@
 'fumadocs-ui': patch
 ---
 
-Deprecate `input` color from Tailwind CSS preset
+Deprecate `input` color and `medium` font size from Tailwind CSS preset
diff --git a/.changeset/tender-cougars-retire.md b/.changeset/tender-cougars-retire.md
index a97995b87..1400c005c 100644
--- a/.changeset/tender-cougars-retire.md
+++ b/.changeset/tender-cougars-retire.md
@@ -2,4 +2,4 @@
 'fumadocs-ui': minor
 ---
 
-Rename `title` prop to `name` in `Files` component
+Rename `title` prop to `name` in `File` and `Folder` component

From 14432ec9d600977e2df88ad2dcf30e105420b200 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Sun, 18 Feb 2024 08:24:23 +0000
Subject: [PATCH 17/17] Version Packages

---
 .changeset/few-apples-change.md     |  5 ---
 .changeset/silly-needles-notice.md  |  5 ---
 .changeset/silver-horses-collect.md |  5 ---
 .changeset/soft-beans-change.md     |  5 ---
 .changeset/ten-pots-lay.md          |  5 ---
 .changeset/tender-cougars-retire.md |  5 ---
 examples/contentlayer/package.json  |  6 ++--
 examples/next-mdx/package.json      |  6 ++--
 packages/contentlayer/CHANGELOG.md  |  6 ++++
 packages/contentlayer/package.json  |  2 +-
 packages/core/CHANGELOG.md          |  2 ++
 packages/core/package.json          |  2 +-
 packages/create-app/CHANGELOG.md    |  2 ++
 packages/create-app/package.json    |  2 +-
 packages/mdx/CHANGELOG.md           |  6 ++++
 packages/mdx/package.json           |  2 +-
 packages/ui/CHANGELOG.md            | 15 ++++++++
 packages/ui/package.json            |  2 +-
 pnpm-lock.yaml                      | 53 ++++++++++++++++++++++-------
 19 files changed, 83 insertions(+), 53 deletions(-)
 delete mode 100644 .changeset/few-apples-change.md
 delete mode 100644 .changeset/silly-needles-notice.md
 delete mode 100644 .changeset/silver-horses-collect.md
 delete mode 100644 .changeset/soft-beans-change.md
 delete mode 100644 .changeset/ten-pots-lay.md
 delete mode 100644 .changeset/tender-cougars-retire.md

diff --git a/.changeset/few-apples-change.md b/.changeset/few-apples-change.md
deleted file mode 100644
index 356d206a3..000000000
--- a/.changeset/few-apples-change.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'fumadocs-ui': patch
----
-
-Deprecate `input` color and `medium` font size from Tailwind CSS preset
diff --git a/.changeset/silly-needles-notice.md b/.changeset/silly-needles-notice.md
deleted file mode 100644
index 3d7d08f44..000000000
--- a/.changeset/silly-needles-notice.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'fumadocs-ui': patch
----
-
-Set `darkMode` to `class` by default
diff --git a/.changeset/silver-horses-collect.md b/.changeset/silver-horses-collect.md
deleted file mode 100644
index 2ebbbfb93..000000000
--- a/.changeset/silver-horses-collect.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'fumadocs-ui': minor
----
-
-Add `purple` theme
diff --git a/.changeset/soft-beans-change.md b/.changeset/soft-beans-change.md
deleted file mode 100644
index 4a21d9e62..000000000
--- a/.changeset/soft-beans-change.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'fumadocs-ui': minor
----
-
-Add `Folder` export to `fumadocs-ui/components/files`
diff --git a/.changeset/ten-pots-lay.md b/.changeset/ten-pots-lay.md
deleted file mode 100644
index e57d6adb5..000000000
--- a/.changeset/ten-pots-lay.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'fumadocs-ui': patch
----
-
-Improve Accordions
diff --git a/.changeset/tender-cougars-retire.md b/.changeset/tender-cougars-retire.md
deleted file mode 100644
index 1400c005c..000000000
--- a/.changeset/tender-cougars-retire.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'fumadocs-ui': minor
----
-
-Rename `title` prop to `name` in `File` and `Folder` component
diff --git a/examples/contentlayer/package.json b/examples/contentlayer/package.json
index bcbba5638..3aa2a8613 100644
--- a/examples/contentlayer/package.json
+++ b/examples/contentlayer/package.json
@@ -9,9 +9,9 @@
   },
   "dependencies": {
     "contentlayer": "0.3.4",
-    "fumadocs-contentlayer": "1.0.4",
-    "fumadocs-core": "8.2.0",
-    "fumadocs-ui": "8.2.0",
+    "fumadocs-contentlayer": "1.0.5",
+    "fumadocs-core": "8.3.0",
+    "fumadocs-ui": "8.3.0",
     "next": "14.0.4",
     "next-contentlayer": "0.3.4",
     "react": "18.2.0",
diff --git a/examples/next-mdx/package.json b/examples/next-mdx/package.json
index 87a149dad..c23692a57 100644
--- a/examples/next-mdx/package.json
+++ b/examples/next-mdx/package.json
@@ -8,9 +8,9 @@
     "start": "next start"
   },
   "dependencies": {
-    "fumadocs-core": "8.2.0",
-    "fumadocs-mdx": "8.0.3",
-    "fumadocs-ui": "8.2.0",
+    "fumadocs-core": "8.3.0",
+    "fumadocs-mdx": "8.0.4",
+    "fumadocs-ui": "8.3.0",
     "next": "14.0.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
diff --git a/packages/contentlayer/CHANGELOG.md b/packages/contentlayer/CHANGELOG.md
index f58f528db..f5a3179f6 100644
--- a/packages/contentlayer/CHANGELOG.md
+++ b/packages/contentlayer/CHANGELOG.md
@@ -1,5 +1,11 @@
 # fumadocs-contentlayer
 
+## 1.0.5
+
+### Patch Changes
+
+- fumadocs-core@8.3.0
+
 ## 1.0.4
 
 ### Patch Changes
diff --git a/packages/contentlayer/package.json b/packages/contentlayer/package.json
index 5d2b6d2e2..895a735a7 100644
--- a/packages/contentlayer/package.json
+++ b/packages/contentlayer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-contentlayer",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "The Contentlayer adapter for Fumadocs",
   "keywords": [
     "NextJs",
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
index cf46d02d8..4680dc742 100644
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -1,5 +1,7 @@
 # next-docs-zeta
 
+## 8.3.0
+
 ## 8.2.0
 
 ### Minor Changes
diff --git a/packages/core/package.json b/packages/core/package.json
index b76d88f48..be5729b67 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-core",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "The library for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
diff --git a/packages/create-app/CHANGELOG.md b/packages/create-app/CHANGELOG.md
index 54e3189b6..6dcbdcbba 100644
--- a/packages/create-app/CHANGELOG.md
+++ b/packages/create-app/CHANGELOG.md
@@ -1,5 +1,7 @@
 # create-next-docs-app
 
+## 8.3.0
+
 ## 8.2.0
 
 ## 8.1.1
diff --git a/packages/create-app/package.json b/packages/create-app/package.json
index 6a542c879..c3e4c977e 100644
--- a/packages/create-app/package.json
+++ b/packages/create-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-fumadocs-app",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "Create a new documentation site with Fumadocs",
   "keywords": [
     "NextJs",
diff --git a/packages/mdx/CHANGELOG.md b/packages/mdx/CHANGELOG.md
index f17742a3e..b6d3ff949 100644
--- a/packages/mdx/CHANGELOG.md
+++ b/packages/mdx/CHANGELOG.md
@@ -1,5 +1,11 @@
 # next-docs-mdx
 
+## 8.0.4
+
+### Patch Changes
+
+- fumadocs-core@8.3.0
+
 ## 8.0.3
 
 ### Patch Changes
diff --git a/packages/mdx/package.json b/packages/mdx/package.json
index 55aaf8a19..a83d02f1d 100644
--- a/packages/mdx/package.json
+++ b/packages/mdx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-mdx",
-  "version": "8.0.3",
+  "version": "8.0.4",
   "description": "The built-in source for Fumadocs",
   "keywords": [
     "NextJs",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 9a405d738..1c4df2b87 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -1,5 +1,20 @@
 # next-docs-ui
 
+## 8.3.0
+
+### Minor Changes
+
+- b0003d44: Add `purple` theme
+- 9bdb49dd: Add `Folder` export to `fumadocs-ui/components/files`
+- 99d66d2d: Rename `title` prop to `name` in `File` and `Folder` component
+
+### Patch Changes
+
+- 5e314eee: Deprecate `input` color and `medium` font size from Tailwind CSS preset
+- 52d578d0: Set `darkMode` to `class` by default
+- 84667d2f: Improve Accordions
+  - fumadocs-core@8.3.0
+
 ## 8.2.0
 
 ### Minor Changes
diff --git a/packages/ui/package.json b/packages/ui/package.json
index b4ce5c762..a658f6cb2 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 37e2b9869..1ff68f5ab 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -174,13 +174,13 @@ importers:
         specifier: 0.3.4
         version: 0.3.4
       fumadocs-contentlayer:
-        specifier: 1.0.4
+        specifier: 1.0.5
         version: link:../../packages/contentlayer
       fumadocs-core:
-        specifier: 8.2.0
+        specifier: 8.3.0
         version: link:../../packages/core
       fumadocs-ui:
-        specifier: 8.2.0
+        specifier: 8.3.0
         version: link:../../packages/ui
       next:
         specifier: 14.0.4
@@ -217,13 +217,13 @@ importers:
   examples/next-mdx:
     dependencies:
       fumadocs-core:
-        specifier: 8.2.0
+        specifier: 8.3.0
         version: link:../../packages/core
       fumadocs-mdx:
-        specifier: 8.0.3
+        specifier: 8.0.4
         version: link:../../packages/mdx
       fumadocs-ui:
-        specifier: 8.2.0
+        specifier: 8.3.0
         version: link:../../packages/ui
       next:
         specifier: 14.0.4
@@ -3915,7 +3915,7 @@ packages:
       eslint-import-resolver-alias: 1.1.2(eslint-plugin-import@2.29.0)
       eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.7.0)(eslint-plugin-import@2.29.0)(eslint@8.56.0)
       eslint-plugin-eslint-comments: 3.2.0(eslint@8.56.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
       eslint-plugin-jest: 27.6.0(@typescript-eslint/eslint-plugin@6.7.0)(eslint@8.56.0)(typescript@5.3.3)
       eslint-plugin-jsx-a11y: 6.8.0(eslint@8.56.0)
       eslint-plugin-playwright: 0.16.0(eslint-plugin-jest@27.6.0)(eslint@8.56.0)
@@ -5356,7 +5356,7 @@ packages:
     peerDependencies:
       eslint-plugin-import: '>=1.4.0'
     dependencies:
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
     dev: true
 
   /eslint-import-resolver-node@0.3.9:
@@ -5380,7 +5380,7 @@ packages:
       enhanced-resolve: 5.15.0
       eslint: 8.56.0
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
-      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-plugin-import: 2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.2
       is-core-module: 2.13.1
@@ -5422,6 +5422,35 @@ packages:
       - supports-color
     dev: true
 
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@7.0.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
+      debug: 3.2.7
+      eslint: 8.56.0
+      eslint-import-resolver-node: 0.3.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /eslint-plugin-eslint-comments@3.2.0(eslint@8.56.0):
     resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
     engines: {node: '>=6.5.0'}
@@ -5433,7 +5462,7 @@ packages:
       ignore: 5.2.4
     dev: true
 
-  /eslint-plugin-import@2.29.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
+  /eslint-plugin-import@2.29.0(@typescript-eslint/parser@7.0.1)(eslint@8.56.0):
     resolution: {integrity: sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -5443,7 +5472,7 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 6.7.0(eslint@8.56.0)(typescript@5.3.3)
+      '@typescript-eslint/parser': 7.0.1(eslint@8.56.0)(typescript@5.3.3)
       array-includes: 3.1.7
       array.prototype.findlastindex: 1.2.3
       array.prototype.flat: 1.3.2
@@ -5452,7 +5481,7 @@ packages:
       doctrine: 2.1.0
       eslint: 8.56.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@7.0.1)(eslint-import-resolver-node@0.3.9)(eslint@8.56.0)
       hasown: 2.0.0
       is-core-module: 2.13.1
       is-glob: 4.0.3