fumadocs-ui 15.4.1 → 15.5.0

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -56,6 +56,7 @@
     --color-fd-accent: hsl(0, 0%, 90.1%);
     --color-fd-accent-foreground: hsl(0, 0%, 9%);
     --spacing-fd-container: 1400px;
+    --fd-page-width: 1200px;
     --fd-sidebar-width: 0px;
     --fd-toc-width: 0px;
     --fd-layout-width: 100vw;
@@ -353,12 +354,12 @@
   .top-\[10vh\] {
     top: 10vh;
   }
-  .top-\[calc\(var\(--fd-banner-height\)\+var\(--fd-nav-height\)\)\] {
-    top: calc(var(--fd-banner-height) + var(--fd-nav-height));
-  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
+  .bottom-\(--fd-sidebar-margin\) {
+    bottom: var(--fd-sidebar-margin);
+  }
   .bottom-1\.5 {
     bottom: calc(var(--spacing) * 1.5);
   }
@@ -417,6 +418,9 @@
   .mx-0\.5 {
     margin-inline: calc(var(--spacing) * 0.5);
   }
+  .mx-auto {
+    margin-inline: auto;
+  }
   .\!my-0 {
     margin-block: calc(var(--spacing) * 0) !important;
   }
@@ -831,9 +835,6 @@
       margin-bottom: 0;
     }
   }
-  .mt-\(--fd-nav-height\) {
-    margin-top: var(--fd-nav-height);
-  }
   .mt-\(--fd-top\) {
     margin-top: var(--fd-top);
   }
@@ -867,9 +868,6 @@
   .mb-auto {
     margin-bottom: auto;
   }
-  .box-content {
-    box-sizing: content-box;
-  }
   .fd-scroll-container {
     &::-webkit-scrollbar {
       width: 5px;
@@ -945,11 +943,8 @@
   .h-\(--fd-nav-height\) {
     height: var(--fd-nav-height);
   }
-  .h-\(--fd-sidebar-height\) {
-    height: var(--fd-sidebar-height);
-  }
-  .h-\(--fd-toc-height\) {
-    height: var(--fd-toc-height);
+  .h-\(--fd-tocnav-height\) {
+    height: var(--fd-tocnav-height);
   }
   .h-\(--radix-navigation-menu-viewport-height\) {
     height: var(--radix-navigation-menu-viewport-height);
@@ -963,6 +958,9 @@
   .h-14 {
     height: calc(var(--spacing) * 14);
   }
+  .h-\[400px\] {
+    height: 400px;
+  }
   .h-\[calc\(100dvh-var\(--fd-nav-height\)\)\] {
     height: calc(100dvh - var(--fd-nav-height));
   }
@@ -990,9 +988,6 @@
   .min-h-10 {
     min-height: calc(var(--spacing) * 10);
   }
-  .w-\(--fd-sidebar-width\) {
-    width: var(--fd-sidebar-width);
-  }
   .w-\(--fd-toc-width\) {
     width: var(--fd-toc-width);
   }
@@ -1050,12 +1045,6 @@
   .max-w-\[860px\] {
     max-width: 860px;
   }
-  .max-w-\[1120px\] {
-    max-width: 1120px;
-  }
-  .max-w-fd-container {
-    max-width: var(--spacing-fd-container);
-  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1131,8 +1120,8 @@
   .animate-spin {
     animation: var(--animate-spin);
   }
-  .scroll-m-20 {
-    scroll-margin: calc(var(--spacing) * 20);
+  .scroll-m-24 {
+    scroll-margin: calc(var(--spacing) * 24);
   }
   .scroll-m-28 {
     scroll-margin: calc(var(--spacing) * 28);
@@ -1225,9 +1214,6 @@
   .overflow-hidden {
     overflow: hidden;
   }
-  .overflow-visible {
-    overflow: visible;
-  }
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -1488,9 +1474,6 @@
   .ps-\[calc\(var\(--fd-layout-offset\)\+var\(--fd-sidebar-width\)\)\] {
     padding-inline-start: calc(var(--fd-layout-offset) + var(--fd-sidebar-width));
   }
-  .pe-\(--fd-layout-offset\) {
-    padding-inline-end: var(--fd-layout-offset);
-  }
   .pe-2 {
     padding-inline-end: calc(var(--spacing) * 2);
   }
@@ -1666,6 +1649,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[margin\] {
+    transition-property: margin;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[width\,height\] {
     transition-property: width,height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1714,9 +1702,6 @@
   .\[--fd-nav-height\:56px\] {
     --fd-nav-height: 56px;
   }
-  .\[--fd-tocnav-height\:36px\] {
-    --fd-tocnav-height: 36px;
-  }
   .\[scrollbar-width\:none\] {
     scrollbar-width: none;
   }
@@ -1730,6 +1715,11 @@
       grid-row-start: 1;
     }
   }
+  .\*\:mx-auto {
+    :is(& > *) {
+      margin-inline: auto;
+    }
+  }
   .\*\:my-auto {
     :is(& > *) {
       margin-block: auto;
@@ -1745,6 +1735,11 @@
       width: var(--fd-sidebar-width);
     }
   }
+  .\*\:max-w-fd-container {
+    :is(& > *) {
+      max-width: var(--spacing-fd-container);
+    }
+  }
   .\*\:flex-col {
     :is(& > *) {
       flex-direction: column;
@@ -1757,14 +1752,14 @@
       }
     }
   }
-  .group-data-\[state\=open\]\:rotate-180 {
+  .group-data-\[state\=open\]\:rotate-90 {
     &:is(:where(.group)[data-state="open"] *) {
-      rotate: 180deg;
+      rotate: 90deg;
     }
   }
-  .group-data-\[state\=open\]\/accordion\:rotate-90 {
-    &:is(:where(.group\/accordion)[data-state="open"] *) {
-      rotate: 90deg;
+  .group-data-\[state\=open\]\:rotate-180 {
+    &:is(:where(.group)[data-state="open"] *) {
+      rotate: 180deg;
     }
   }
   .peer-hover\:opacity-100 {
@@ -1919,16 +1914,6 @@
       display: none;
     }
   }
-  .data-\[collapsed\=false\]\:w-\[calc\(var\(--fd-sidebar-width\)\+var\(--fd-layout-offset\)\)\] {
-    &[data-collapsed="false"] {
-      width: calc(var(--fd-sidebar-width) + var(--fd-layout-offset));
-    }
-  }
-  .data-\[collapsed\=true\]\:me-\[calc\(var\(--fd-layout-offset\)-var\(--fd-sidebar-width\)\)\] {
-    &[data-collapsed="true"] {
-      margin-inline-end: calc(var(--fd-layout-offset) - var(--fd-sidebar-width));
-    }
-  }
   .data-\[empty\=true\]\:hidden {
     &[data-empty="true"] {
       display: none;
@@ -2172,11 +2157,6 @@
       padding-block: calc(var(--spacing) * 1.5);
     }
   }
-  .md\:pt-12 {
-    @media (width >= 48rem) {
-      padding-top: calc(var(--spacing) * 12);
-    }
-  }
   .md\:text-sm {
     @media (width >= 48rem) {
       font-size: var(--text-sm);
@@ -2209,21 +2189,11 @@
       --fd-sidebar-width: 286px;
     }
   }
-  .lg\:mt-2 {
-    @media (width >= 64rem) {
-      margin-top: calc(var(--spacing) * 2);
-    }
-  }
   .lg\:hidden {
     @media (width >= 64rem) {
       display: none;
     }
   }
-  .lg\:h-12 {
-    @media (width >= 64rem) {
-      height: calc(var(--spacing) * 12);
-    }
-  }
   .lg\:grid-cols-3 {
     @media (width >= 64rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -2239,27 +2209,11 @@
       align-items: center;
     }
   }
-  .lg\:rounded-2xl {
-    @media (width >= 64rem) {
-      border-radius: var(--radius-2xl);
-    }
-  }
-  .lg\:border {
-    @media (width >= 64rem) {
-      border-style: var(--tw-border-style);
-      border-width: 1px;
-    }
-  }
   .lg\:\[--fd-nav-height\:104px\] {
     @media (width >= 64rem) {
       --fd-nav-height: 104px;
     }
   }
-  .lg\:\[--fd-padding\:1rem\] {
-    @media (width >= 64rem) {
-      --fd-padding: 1rem;
-    }
-  }
   .lg\:\[--fd-sidebar-width\:286px\] {
     @media (width >= 64rem) {
       --fd-sidebar-width: 286px;
@@ -2270,11 +2224,6 @@
       inset-inline-start: calc(var(--spacing) * 4);
     }
   }
-  .xl\:mx-auto {
-    @media (width >= 80rem) {
-      margin-inline: auto;
-    }
-  }
   .xl\:hidden {
     @media (width >= 80rem) {
       display: none;
@@ -2285,14 +2234,14 @@
       padding-inline: calc(var(--spacing) * 12);
     }
   }
-  .xl\:\[--fd-toc-width\:286px\] {
+  .xl\:pt-12 {
     @media (width >= 80rem) {
-      --fd-toc-width: 286px;
+      padding-top: calc(var(--spacing) * 12);
     }
   }
-  .xl\:\[--fd-tocnav-height\:0px\] {
+  .xl\:\[--fd-toc-width\:286px\] {
     @media (width >= 80rem) {
-      --fd-tocnav-height: 0px;
+      --fd-toc-width: 286px;
     }
   }
   .\@max-lg\:col-span-full {
@@ -2502,6 +2451,14 @@
   [data-rmiz-modal-overlay='visible'] {
     background-color: var(--color-fd-background);
   }
+  :root, #nd-docs-layout {
+    --fd-layout-offset: max(calc(50vw - var(--fd-layout-width) / 2), 0px);
+  }
+}
+@media (width < 80rem) {
+  #nd-docs-layout:has([data-toc-popover]) {
+    --fd-tocnav-height: calc(var(--spacing) * 10);
+  }
 }
 @property --radix-collapsible-content-height {
   syntax: '<length>';

package/dist/utils/merge-refs.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): React.RefCallback<T>;
+//# sourceMappingURL=merge-refs.d.ts.map

package/dist/utils/merge-refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs.d.ts","sourceRoot":"","sources":["../../src/utils/merge-refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GACpC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAUtB"}

package/dist/utils/merge-refs.js

@@ -0,0 +1,12 @@
+export function mergeRefs(...refs) {
+    return (value) => {
+        refs.forEach((ref) => {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else if (ref) {
+                ref.current = value;
+            }
+        });
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.4.1",
+  "version": "15.5.0",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -89,20 +89,20 @@
     "react-medium-image-zoom": "^5.2.14",
     "react-remove-scroll": "^2.6.3",
     "tailwind-merge": "^3.3.0",
-    "fumadocs-core": "15.4.1"
+    "fumadocs-core": "15.5.0"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^15.3.2",
-    "@tailwindcss/cli": "^4.1.7",
+    "@next/eslint-plugin-next": "^15.3.3",
+    "@tailwindcss/cli": "^4.1.8",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^19.1.5",
+    "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.5",
-    "next": "15.3.2",
-    "tailwindcss": "^4.1.7",
+    "next": "15.3.3",
+    "tailwindcss": "^4.1.8",
     "tsc-alias": "^1.8.16",
     "@fumadocs/cli": "0.2.0",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.4.1",
+    "fumadocs-core": "15.5.0",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {

package/dist/page-client.d.ts

@@ -1,28 +0,0 @@
-import { type ComponentProps } from 'react';
-import type { PageTree, TOCItemType } from 'fumadocs-core/server';
-import { type BreadcrumbOptions } from 'fumadocs-core/breadcrumb';
-export declare function TocPopoverTrigger({ items, ...props }: ComponentProps<'button'> & {
-    items: TOCItemType[];
-}): import("react/jsx-runtime").JSX.Element;
-export declare function TocPopoverContent(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function TocPopover(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function PageBody(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function PageArticle(props: ComponentProps<'article'>): import("react/jsx-runtime").JSX.Element;
-export declare function LastUpdate(props: {
-    date: Date;
-}): import("react/jsx-runtime").JSX.Element;
-type Item = Pick<PageTree.Item, 'name' | 'description' | 'url'>;
-export interface FooterProps {
-    /**
-     * Items including information for the next and previous page
-     */
-    items?: {
-        previous?: Item;
-        next?: Item;
-    };
-}
-export declare function Footer({ items }: FooterProps): import("react/jsx-runtime").JSX.Element;
-export type BreadcrumbProps = BreadcrumbOptions;
-export declare function Breadcrumb(options: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=page-client.d.ts.map

package/dist/page-client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-client.d.ts","sourceRoot":"","sources":["../src/page-client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAMpB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,0BAA0B,CAAC;AAgBlC,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,KAAK,EAAE,WAAW,EAAE,CAAA;CAAE,2CAgDrD;AA4DD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAU7D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAwDtD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAYpD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC,2CAe3D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,2CAc/C;AAED,KAAK,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC,CAAC;AAChE,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,IAAI,CAAC;QAChB,IAAI,CAAC,EAAE,IAAI,CAAC;KACb,CAAC;CACH;AAyBD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CA+B5C;AA8BD,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,UAAU,CAAC,OAAO,EAAE,eAAe,kDAsClD"}