From 2965548ba77b50f5a619b8de063be2c82d63dfe7 Mon Sep 17 00:00:00 2001
From: fuma-nama <god63820869@gmail.com>
Date: Thu, 23 May 2024 14:53:07 +0800
Subject: [PATCH 1/4] UI: Fix RTL layout compatibility

---
 apps/docs/app/global.css                       |  2 +-
 packages/ui/src/components/dynamic-sidebar.tsx |  6 +++---
 packages/ui/src/components/sidebar.tsx         |  5 +----
 packages/ui/src/tailwind-plugin.ts             | 10 +++++++++-
 4 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/apps/docs/app/global.css b/apps/docs/app/global.css
index 9fcb25b48..1c98d4ba1 100644
--- a/apps/docs/app/global.css
+++ b/apps/docs/app/global.css
@@ -47,4 +47,4 @@
   --accent: 250 20% 38.3% !important;
   --muted-foreground: 230 80% 84% !important;
   --card: 230 40% 26.3% !important;
-}
\ No newline at end of file
+}
diff --git a/packages/ui/src/components/dynamic-sidebar.tsx b/packages/ui/src/components/dynamic-sidebar.tsx
index ae0b29de5..4160c32a3 100644
--- a/packages/ui/src/components/dynamic-sidebar.tsx
+++ b/packages/ui/src/components/dynamic-sidebar.tsx
@@ -33,7 +33,7 @@ export function DynamicSidebar(props: SidebarProps): React.ReactElement {
     <>
       {!open ? (
         <div
-          className="fixed bottom-0 left-0 top-16 max-md:hidden"
+          className="fixed bottom-0 start-0 top-16 max-md:hidden"
           onPointerEnter={onHover}
           onPointerLeave={onLeave}
           style={{
@@ -51,7 +51,7 @@ export function DynamicSidebar(props: SidebarProps): React.ReactElement {
             buttonVariants({
               color: 'secondary',
               size: 'icon',
-              className: 'fixed left-4 bottom-4 z-10 max-md:hidden',
+              className: 'fixed start-4 bottom-4 z-10 max-md:hidden',
             }),
           )}
           onClick={onCollapse}
@@ -69,7 +69,7 @@ export function DynamicSidebar(props: SidebarProps): React.ReactElement {
         className={cn(
           'z-40 transition-transform max-md:absolute',
           !open &&
-            'md:fixed md:bottom-2 md:left-2 md:top-16 md:overflow-hidden md:rounded-xl md:border md:bg-background md:shadow-md',
+            'md:fixed md:bottom-2 md:start-2 md:top-16 md:overflow-hidden md:rounded-xl md:border md:bg-background md:shadow-md',
         )}
       >
         <Sidebar
diff --git a/packages/ui/src/components/sidebar.tsx b/packages/ui/src/components/sidebar.tsx
index 23468a672..4db1fe90c 100644
--- a/packages/ui/src/components/sidebar.tsx
+++ b/packages/ui/src/components/sidebar.tsx
@@ -102,10 +102,7 @@ export function Sidebar({
           props.className,
         )}
       >
-        <div
-          id="sidebar-background"
-          className="absolute z-[-1] size-full md:left-[calc((100vw-min(100vw,1400px))/-2)] md:w-[calc((100vw-min(100vw,1400px))/2+100%)]"
-        />
+        <div id="sidebar-background" className="absolute z-[-1] size-full" />
         <ViewportContent>
           {banner}
           {items.length > 0 && (
diff --git a/packages/ui/src/tailwind-plugin.ts b/packages/ui/src/tailwind-plugin.ts
index 79449c093..bcdf31f16 100644
--- a/packages/ui/src/tailwind-plugin.ts
+++ b/packages/ui/src/tailwind-plugin.ts
@@ -81,9 +81,14 @@ export const docsUi = plugin.withOptions<DocsUIOptions>(
           'background-color': `theme('colors.background')`,
           color: `theme('colors.foreground')`,
         },
+
         '@screen md': {
+          '#sidebar-background': {
+            'inset-inline-start': 'calc((100vw - min(100vw,1400px))/-2)',
+            width: 'calc((100vw - min(100vw,1400px))/2 + 100%)',
+          },
           '#dynamic-sidebar #sidebar-background': {
-            left: '0',
+            'inset-inline-start': '0',
             width: '100%',
           },
           '#dynamic-sidebar[data-open=false][data-hover=true]': {
@@ -92,6 +97,9 @@ export const docsUi = plugin.withOptions<DocsUIOptions>(
           '#dynamic-sidebar[data-open=false][data-hover=false]': {
             transform: 'translateX(calc(-100% - 1rem))',
           },
+          '[dir=rtl] #dynamic-sidebar[data-open=false][data-hover=false]': {
+            transform: 'translateX(calc(100% + 1rem))',
+          },
         },
       });
 

From 6a0607663dca44923e8abe90d0df6f3967d8eec8 Mon Sep 17 00:00:00 2001
From: fuma-nama <god63820869@gmail.com>
Date: Thu, 23 May 2024 15:30:56 +0800
Subject: [PATCH 2/4] Docs: Improve docs

---
 apps/docs/content/docs/ui/comparisons.mdx | 11 ++++++-----
 packages/ui/src/components/nav.tsx        |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/docs/content/docs/ui/comparisons.mdx b/apps/docs/content/docs/ui/comparisons.mdx
index 46c7d5d35..34595a92e 100644
--- a/apps/docs/content/docs/ui/comparisons.mdx
+++ b/apps/docs/content/docs/ui/comparisons.mdx
@@ -10,15 +10,16 @@ Fumadocs, unlike the other frameworks, it expects you to write code and cooperat
 While most frameworks are configured with a configuration file, they are usually lack of flexibility when you attempted to complete something more advanced.
 You can't control how they render the page, neither the internal logic.
 
-Fumadocs has no magic, it just give you the utilities and a good-looking user interface.
-You are still using the features of Next.js App Router.
-You are still configuring Static Site Generation same as a normal Next.js application.
-Therefore, there is nothing new for Next.js developers, you are using it naturally.
-You don't need any _hacky_ ways anymore, as they are now parts of your software.
+**Fumadocs has no magic:** It gives you the utilities and a good-looking user interface.
+You are still using the features of Next.js App Router, configuring Static Site Generation same as a normal Next.js application.
+There is nothing new for Next.js developers, you can use it with confidence.
 
 For instance, in this docs, all index pages are rendered dynamically.
 Feel free to take a look at the source code of this documentation.
 
+**Opinionated on UI:** The only thing Fumadocs UI offers is **User Interface**, it is opinionated on UI for the best mobile responsibility and user experience.
+The design is regularly updated, and we are welcome for feedback about the UI.
+
 ## Nextra
 
 Fumadocs is highly inspired by Nextra. For example, the Routing Conventions. That is why
diff --git a/packages/ui/src/components/nav.tsx b/packages/ui/src/components/nav.tsx
index 7af960607..cb9076916 100644
--- a/packages/ui/src/components/nav.tsx
+++ b/packages/ui/src/components/nav.tsx
@@ -160,7 +160,7 @@ function LinksMenu({ items, ...props }: LinksMenuProps): React.ReactElement {
         {items.map((item, i) => (
           <LinkItem key={i} item={item} on="menu" />
         ))}
-        <div className="flex flex-row px-2 items-center justify-between">
+        <div className="flex flex-row px-2 py-1 items-center justify-between">
           <p className="font-medium">Theme</p>
           <ThemeToggle />
         </div>

From 9a9fc5158e50a5ccdedcc5eb040977937375276d Mon Sep 17 00:00:00 2001
From: fuma-nama <god63820869@gmail.com>
Date: Thu, 23 May 2024 16:52:57 +0800
Subject: [PATCH 3/4] Docs: Add customisation introduction

---
 .../docs/headless/page-conventions.mdx        |   9 +-
 apps/docs/content/docs/ui/blocks/layout.mdx   | 109 +++++++++++++-----
 .../content/docs/ui/blocks/root-provider.mdx  |  21 +---
 apps/docs/content/docs/ui/index.mdx           |  25 +++-
 apps/docs/content/docs/ui/meta.json           |   6 +-
 apps/docs/content/docs/ui/search.mdx          |  55 ++++++---
 6 files changed, 146 insertions(+), 79 deletions(-)

diff --git a/apps/docs/content/docs/headless/page-conventions.mdx b/apps/docs/content/docs/headless/page-conventions.mdx
index 1393329bd..d22441d4e 100644
--- a/apps/docs/content/docs/headless/page-conventions.mdx
+++ b/apps/docs/content/docs/headless/page-conventions.mdx
@@ -49,6 +49,7 @@ Force to open the folder by default.
 ### Multiple Page Trees
 
 Adding a `root` property in meta can mark your folder as a root folder.
+The nearest root folder of current page will be used as the root of page tree.
 
 ```json title="meta.json"
 {
@@ -57,8 +58,6 @@ Adding a `root` property in meta can mark your folder as a root folder.
 }
 ```
 
-The nearest root folder of current page will be used as the root of page tree.
-
 ## Meta
 
 Customize the display name, order of pages, or its items on the sidebar by
@@ -69,13 +68,15 @@ When a meta file presents, items are not included unless you have explicitly add
 ```json
 {
   "title": "Name of Folder",
-  "pages": ["guide", "components"] // filename of pages
+  "pages": ["guide", "components"]
 }
 ```
 
+> `pages` are the filenames of file
+
 ### Path
 
-The items of `pages` property can be a relative path to a page or folder.
+The items of `pages` property can be a relative path to a page or folder. File extensions are not required.
 
 ```json
 {
diff --git a/apps/docs/content/docs/ui/blocks/layout.mdx b/apps/docs/content/docs/ui/blocks/layout.mdx
index ca5365def..de24d3e86 100644
--- a/apps/docs/content/docs/ui/blocks/layout.mdx
+++ b/apps/docs/content/docs/ui/blocks/layout.mdx
@@ -5,14 +5,13 @@ description: The layout of documentation
 
 import { File, Files, Folder } from 'fumadocs-ui/components/files';
 
-The layout of documentation pages, it must be nested under the
-[Root Provider](/docs/ui/blocks/root-provider).
+The layout of documentation pages, it includes sidebar and navbar.
 
 > It is a server component, you should not reference it in a client component.
 
 ## Usage
 
-Wrap the children and pass your page tree to the component.
+Pass your page tree to the component.
 
 ```jsx
 import { DocsLayout } from 'fumadocs-ui/layout';
@@ -51,13 +50,49 @@ You can create a [Route Group](https://nextjs.org/docs/app/building-your-applica
   </Folder>
 </Files>
 
-### Links
+## Navbar
 
-You can display dropdown menus and links on navigation elements like navbar and sidebar.
+The navigation header provides common interactive elements.
 
-> They are displayed intelligently for best responsibility.
+```mdx
+<DocsLayout
+  nav={{ title: <Logo />, githubUrl: 'https://github.com/fuma-nama/fumadocs' }}
+/>
+```
+
+```json doc-gen:typescript
+{
+  "file": "./content/docs/ui/props.ts",
+  "name": "NavbarProps"
+}
+```
+
+## Sidebar
+
+Provide elements to navigate between pages.
 
 ```mdx
+<DocsLayout sidebar={{ footer: <ShareButton /> }} />
+```
+
+```json doc-gen:typescript
+{
+  "file": "./content/docs/ui/props.ts",
+  "name": "SidebarProps"
+}
+```
+
+## Links
+
+Navigation links displayed on every page.
+
+### Item
+
+A link to navigate to an URL, can be external.
+
+```mdx
+import { DocsLayout } from 'fumadocs-ui/layout';
+
 <DocsLayout
   links={[
     {
@@ -65,43 +100,61 @@ You can display dropdown menus and links on navigation elements like navbar and
       text: 'Blog',
       url: '/blog',
     },
+  ]}
+/>
+```
+
+To mark the item as active when browsing child pages like `/blog/post`, add set it as `nested-url`.
+
+```mdx
+import { DocsLayout } from 'fumadocs-ui/layout';
+
+<DocsLayout
+  links={[
     {
-      type: 'menu',
-      text: 'Guide',
-      items: [{ ... }],
+      icon: <BookIcon />,
+      text: 'Blog',
+      url: '/blog',
+      active: 'nested-url',
     },
   ]}
 />
 ```
 
-### Navbar
+### Secondary Item
 
-Customise the navbar element.
+Same as normal items, but are shown as icon buttons on the navbar.
 
 ```mdx
+import { DocsLayout } from 'fumadocs-ui/layout';
+
 <DocsLayout
-  nav={{ title: <Logo />, githubUrl: 'https://github.com/fuma-nama/fumadocs' }}
+  links={[
+    {
+      type: 'secondary',
+      icon: <BookIcon />,
+      text: 'Blog',
+      url: '/blog',
+    },
+  ]}
 />
 ```
 
-```json doc-gen:typescript
-{
-  "file": "./content/docs/ui/props.ts",
-  "name": "NavbarProps"
-}
-```
-
-### Sidebar
+### Dropdown Menu
 
-Customise the sidebar element.
+A dropdown menu containing multiple link items.
 
 ```mdx
-<DocsLayout sidebar={{ footer: <ShareButton /> }} />
-```
+import { DocsLayout } from 'fumadocs-ui/layout';
 
-```json doc-gen:typescript
-{
-  "file": "./content/docs/ui/props.ts",
-  "name": "SidebarProps"
-}
+<DocsLayout
+  links={[
+    {
+      icon: <BookIcon />,
+      type: 'menu',
+      text: 'Guide',
+      items: [{ ... }],
+    },
+  ]}
+/>
 ```
diff --git a/apps/docs/content/docs/ui/blocks/root-provider.mdx b/apps/docs/content/docs/ui/blocks/root-provider.mdx
index 8fa5120a1..67dc10740 100644
--- a/apps/docs/content/docs/ui/blocks/root-provider.mdx
+++ b/apps/docs/content/docs/ui/blocks/root-provider.mdx
@@ -22,9 +22,7 @@ export default function Layout({ children }) {
 }
 ```
 
-### Search Dialog
-
-You can customize the search dialog from the root provider.
+In addition, You can customize the search dialog from the root provider.
 
 ```json doc-gen:typescript
 {
@@ -32,20 +30,3 @@ You can customize the search dialog from the root provider.
   "name": "ProviderProps"
 }
 ```
-
-#### Custom Links
-
-Add custom link items to search dialog.
-
-```jsx
-<RootProvider
-  search={{
-    links: [
-      ['Home', '/'],
-      ['Docs', '/docs'],
-    ],
-  }}
->
-  ...
-</RootProvider>
-```
diff --git a/apps/docs/content/docs/ui/index.mdx b/apps/docs/content/docs/ui/index.mdx
index 832c64521..e105775c4 100644
--- a/apps/docs/content/docs/ui/index.mdx
+++ b/apps/docs/content/docs/ui/index.mdx
@@ -62,7 +62,7 @@ It will initialize a new fumadocs app, now you can start hacking!
 
 ### Enjoy!
 
-Now, create your first mdx file in the docs folder.
+Create your first mdx file in the docs folder.
 
 ```mdx title="content/docs/index.mdx"
 ---
@@ -78,7 +78,9 @@ Run the app in development mode and see http://localhost:3000/docs.
 npm run dev
 ```
 
-### FAQ
+## FAQ
+
+Some common questions you may encounter.
 
 <Accordions>
     <Accordion id='why-fumadocs-ui' title="Why Fumadocs UI?">
@@ -91,6 +93,21 @@ npm run dev
         - Built on App Router
         - Use it in an existing Next.js project, without refactoring anything.
     </Accordion>
+    <Accordion id='customise' title='How to Customise UI?'>
+
+        Fumadocs UI offers Themes, Blocks and Components.
+
+        The design system is built with Tailwind CSS, see [Themes](/docs/ui/theme).
+
+        Components are pre-built elements to enhance your documentation.
+        There are many pre-built components, and they are both customisable with exposed props like `style` and `className`.
+
+        Blocks are essential elements of a docs, providing navigation and basic functionality.
+        We provided many options to customise them, see the **Blocks** section of the docs.
+
+        Although the docs didn't explicitly mention, you can always style the elements with CSS selectors.
+
+    </Accordion>
     <Accordion id='fix-monorepo-styling' title="How to fix stylings not being applied in Monorepo?">
 
         Sometimes, `fumadocs-ui` is not installed in the workspace of your Tailwind CSS configuration file. (e.g. a monorepo setup).
@@ -151,10 +168,6 @@ npm run dev
 
 </Accordions>
 
-### Demo
-
-Open in [CodeSandbox](https://githubbox.com/fuma-nama/fumadocs-ui-template).
-
 ## Learn More
 
 New to here? Don't worry, we are welcome for your questions.
diff --git a/apps/docs/content/docs/ui/meta.json b/apps/docs/content/docs/ui/meta.json
index 6e52519f2..98183ade4 100644
--- a/apps/docs/content/docs/ui/meta.json
+++ b/apps/docs/content/docs/ui/meta.json
@@ -4,6 +4,7 @@
   "pages": [
     "---Guide---",
     "index",
+    "comparisons",
     "...",
     "---Components---",
     "...components",
@@ -15,10 +16,9 @@
     "twoslash",
     "openapi",
     "museum",
-    "---Reference---",
-    "../headless/page-conventions",
-    "---Commands---",
+    "---Others---",
     "...commands",
+    "../headless/page-conventions",
     "[Vercel](https://vercel.com)"
   ]
 }
diff --git a/apps/docs/content/docs/ui/search.mdx b/apps/docs/content/docs/ui/search.mdx
index 227f228c5..b5c32a53b 100644
--- a/apps/docs/content/docs/ui/search.mdx
+++ b/apps/docs/content/docs/ui/search.mdx
@@ -39,9 +39,42 @@ The default dialog will be lazy loaded using
 [`next/dynamic`](https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading).
 This allows a better initial loading performance.
 
-When not specified, it uses the [Default Search Client](/docs/headless/search/flexsearch) based on Flexsearch.
+When not specified, it uses the [Default Search Client](/docs/headless/search/flexsearch) powered by Flexsearch.
 
-### Algolia
+### Custom Links
+
+Add custom link items to search dialog.
+
+```jsx
+import { RootProvider } from 'fumadocs-ui/root-provider';
+
+<RootProvider
+  search={{
+    links: [
+      ['Home', '/'],
+      ['Docs', '/docs'],
+    ],
+  }}
+>
+  ...
+</RootProvider>;
+```
+
+### Disable Search
+
+To opt-out of document search, disable it from root provider.
+
+```mdx
+<RootProvider
+  search={{
+    enable: false,
+  }}
+>
+  {children}
+</RootProvider>
+```
+
+## Algolia
 
 For the setup guide, see [Integrate Algolia Search](/docs/headless/search/algolia). Make sure you have `algoliasearch` installed on your project.
 
@@ -96,26 +129,12 @@ javascript client).
 
 </Callout>
 
-### Other Solutions
+## Other Solutions
 
 To use other search solutions such as ElasticSearch, you can replace the
 default dialog with your own.
 
-### Disable Search
-
-To opt-out of document search, disable it from root provider.
-
-```mdx
-<RootProvider
-  search={{
-    enable: false,
-  }}
->
-  {children}
-</RootProvider>
-```
-
-### Built-in UI
+## Built-in UI
 
 If you want to use the built-in search dialog UI instead of building your own,
 you may use the `SearchDialog` component.

From 5a979dd16a50510c1b897fb4bad82a731d3c92af Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 23 May 2024 08:53:46 +0000
Subject: [PATCH 4/4] Version Packages

---
 .changeset/poor-walls-rhyme.md            |  5 -----
 examples/contentlayer/package.json        |  6 +++---
 examples/i18n/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-versions/package.json |  8 +++----
 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                  | 10 +++++++++
 packages/ui/package.json                  |  2 +-
 pnpm-lock.yaml                            | 26 +++++++++++------------
 16 files changed, 57 insertions(+), 36 deletions(-)
 delete mode 100644 .changeset/poor-walls-rhyme.md

diff --git a/.changeset/poor-walls-rhyme.md b/.changeset/poor-walls-rhyme.md
deleted file mode 100644
index 94282110d..000000000
--- a/.changeset/poor-walls-rhyme.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'fumadocs-ui': minor
----
-
-Support sliding dynamic sidebar
diff --git a/examples/contentlayer/package.json b/examples/contentlayer/package.json
index 17b50b54f..34c2826ff 100644
--- a/examples/contentlayer/package.json
+++ b/examples/contentlayer/package.json
@@ -10,9 +10,9 @@
   },
   "dependencies": {
     "contentlayer": "0.3.4",
-    "fumadocs-contentlayer": "1.1.23",
-    "fumadocs-core": "11.1.3",
-    "fumadocs-ui": "11.1.3",
+    "fumadocs-contentlayer": "1.1.24",
+    "fumadocs-core": "11.2.0",
+    "fumadocs-ui": "11.2.0",
     "next": "^14.2.3",
     "next-contentlayer": "^0.3.4",
     "react": "18.3.1",
diff --git a/examples/i18n/package.json b/examples/i18n/package.json
index 2afd0937b..9f86f914d 100644
--- a/examples/i18n/package.json
+++ b/examples/i18n/package.json
@@ -8,9 +8,9 @@
     "start": "next start"
   },
   "dependencies": {
-    "fumadocs-core": "11.1.3",
-    "fumadocs-mdx": "8.2.21",
-    "fumadocs-ui": "11.1.3",
+    "fumadocs-core": "11.2.0",
+    "fumadocs-mdx": "8.2.22",
+    "fumadocs-ui": "11.2.0",
     "next": "^14.2.3",
     "react": "18.3.1",
     "react-dom": "18.3.1"
diff --git a/examples/next-mdx/package.json b/examples/next-mdx/package.json
index 512c13756..b458a2856 100644
--- a/examples/next-mdx/package.json
+++ b/examples/next-mdx/package.json
@@ -8,9 +8,9 @@
     "start": "next start"
   },
   "dependencies": {
-    "fumadocs-core": "11.1.3",
-    "fumadocs-mdx": "8.2.21",
-    "fumadocs-ui": "11.1.3",
+    "fumadocs-core": "11.2.0",
+    "fumadocs-mdx": "8.2.22",
+    "fumadocs-ui": "11.2.0",
     "next": "^14.2.3",
     "react": "18.3.1",
     "react-dom": "18.3.1"
diff --git a/packages/contentlayer/CHANGELOG.md b/packages/contentlayer/CHANGELOG.md
index 3167c1f43..9a0b16445 100644
--- a/packages/contentlayer/CHANGELOG.md
+++ b/packages/contentlayer/CHANGELOG.md
@@ -1,5 +1,11 @@
 # fumadocs-contentlayer
 
+## 1.1.24
+
+### Patch Changes
+
+- fumadocs-core@11.2.0
+
 ## 1.1.23
 
 ### Patch Changes
diff --git a/packages/contentlayer/package.json b/packages/contentlayer/package.json
index 3fe4329a6..4710689fc 100644
--- a/packages/contentlayer/package.json
+++ b/packages/contentlayer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-contentlayer",
-  "version": "1.1.23",
+  "version": "1.1.24",
   "description": "The Contentlayer adapter for Fumadocs",
   "keywords": [
     "NextJs",
diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md
index bc7451c6c..abc96c930 100644
--- a/packages/core/CHANGELOG.md
+++ b/packages/core/CHANGELOG.md
@@ -1,5 +1,7 @@
 # next-docs-zeta
 
+## 11.2.0
+
 ## 11.1.3
 
 ### Patch Changes
diff --git a/packages/core/package.json b/packages/core/package.json
index a325f40cd..48b6b2311 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-core",
-  "version": "11.1.3",
+  "version": "11.2.0",
   "description": "The library for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
diff --git a/packages/create-app-versions/package.json b/packages/create-app-versions/package.json
index ca2ba7478..e1279fe0b 100644
--- a/packages/create-app-versions/package.json
+++ b/packages/create-app-versions/package.json
@@ -10,10 +10,10 @@
     "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.19",
     "contentlayer": "^0.3.4",
-    "fumadocs-contentlayer": "^1.1.23",
-    "fumadocs-core": "^11.1.3",
-    "fumadocs-mdx": "^8.2.21",
-    "fumadocs-ui": "^11.1.3",
+    "fumadocs-contentlayer": "^1.1.24",
+    "fumadocs-core": "^11.2.0",
+    "fumadocs-mdx": "^8.2.22",
+    "fumadocs-ui": "^11.2.0",
     "next": "^14.2.3",
     "next-contentlayer": "^0.3.4",
     "postcss": "^8.4.38",
diff --git a/packages/create-app/CHANGELOG.md b/packages/create-app/CHANGELOG.md
index b6a8f67f1..9dac8462f 100644
--- a/packages/create-app/CHANGELOG.md
+++ b/packages/create-app/CHANGELOG.md
@@ -1,5 +1,7 @@
 # create-next-docs-app
 
+## 11.2.0
+
 ## 11.1.3
 
 ## 11.1.2
diff --git a/packages/create-app/package.json b/packages/create-app/package.json
index b31bab6f3..024c337e9 100644
--- a/packages/create-app/package.json
+++ b/packages/create-app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "create-fumadocs-app",
-  "version": "11.1.3",
+  "version": "11.2.0",
   "description": "Create a new documentation site with Fumadocs",
   "keywords": [
     "NextJs",
diff --git a/packages/mdx/CHANGELOG.md b/packages/mdx/CHANGELOG.md
index 5c166eb2d..e604b87ba 100644
--- a/packages/mdx/CHANGELOG.md
+++ b/packages/mdx/CHANGELOG.md
@@ -1,5 +1,11 @@
 # next-docs-mdx
 
+## 8.2.22
+
+### Patch Changes
+
+- fumadocs-core@11.2.0
+
 ## 8.2.21
 
 ### Patch Changes
diff --git a/packages/mdx/package.json b/packages/mdx/package.json
index f330be49d..d1cf48526 100644
--- a/packages/mdx/package.json
+++ b/packages/mdx/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-mdx",
-  "version": "8.2.21",
+  "version": "8.2.22",
   "description": "The built-in source for Fumadocs",
   "keywords": [
     "NextJs",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index d9548220c..3c6b53f39 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -1,5 +1,15 @@
 # next-docs-ui
 
+## 11.2.0
+
+### Minor Changes
+
+- 3292df1: Support sliding dynamic sidebar
+
+### Patch Changes
+
+- fumadocs-core@11.2.0
+
 ## 11.1.3
 
 ### Patch Changes
diff --git a/packages/ui/package.json b/packages/ui/package.json
index b605cb8d6..01020b30d 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "11.1.3",
+  "version": "11.2.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 50cc288a8..2262fa097 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -186,13 +186,13 @@ importers:
         specifier: 0.3.4
         version: 0.3.4
       fumadocs-contentlayer:
-        specifier: 1.1.23
+        specifier: 1.1.24
         version: link:../../packages/contentlayer
       fumadocs-core:
-        specifier: 11.1.3
+        specifier: 11.2.0
         version: link:../../packages/core
       fumadocs-ui:
-        specifier: 11.1.3
+        specifier: 11.2.0
         version: link:../../packages/ui
       next:
         specifier: ^14.2.3
@@ -229,13 +229,13 @@ importers:
   examples/i18n:
     dependencies:
       fumadocs-core:
-        specifier: 11.1.3
+        specifier: 11.2.0
         version: link:../../packages/core
       fumadocs-mdx:
-        specifier: 8.2.21
+        specifier: 8.2.22
         version: link:../../packages/mdx
       fumadocs-ui:
-        specifier: 11.1.3
+        specifier: 11.2.0
         version: link:../../packages/ui
       next:
         specifier: ^14.2.3
@@ -263,13 +263,13 @@ importers:
   examples/next-mdx:
     dependencies:
       fumadocs-core:
-        specifier: 11.1.3
+        specifier: 11.2.0
         version: link:../../packages/core
       fumadocs-mdx:
-        specifier: 8.2.21
+        specifier: 8.2.22
         version: link:../../packages/mdx
       fumadocs-ui:
-        specifier: 11.1.3
+        specifier: 11.2.0
         version: link:../../packages/ui
       next:
         specifier: ^14.2.3
@@ -465,16 +465,16 @@ importers:
         specifier: ^0.3.4
         version: 0.3.4
       fumadocs-contentlayer:
-        specifier: ^1.1.23
+        specifier: ^1.1.24
         version: link:../contentlayer
       fumadocs-core:
-        specifier: ^11.1.3
+        specifier: ^11.2.0
         version: link:../core
       fumadocs-mdx:
-        specifier: ^8.2.21
+        specifier: ^8.2.22
         version: link:../mdx
       fumadocs-ui:
-        specifier: ^11.1.3
+        specifier: ^11.2.0
         version: link:../ui
       next:
         specifier: ^14.2.3