@fumadocs/base-ui 16.9.1 → 16.9.3

package/css/generated/docs.css

@@ -1,3 +1,4 @@
+@source inline("!header");
 @source inline("!showItem");
 @source inline("*:col-start-1");
 @source inline("*:my-auto");
@@ -144,6 +145,7 @@
 @source inline("nd-page");
 @source inline("nd-subnav");
 @source inline("nd-toc");
+@source inline("nd-toc-placeholder");
 @source inline("no");
 @source inline("normalizedValue");
 @source inline("onClickItem");

package/css/generated/flux.css

@@ -1,4 +1,5 @@
 @source inline("!enabled");
+@source inline("!header");
 @source inline("*:rounded-lg");
 @source inline("---spacing");
 @source inline("--removed-body-scroll-bar-size");

package/css/generated/notebook.css

@@ -1,3 +1,4 @@
+@source inline("!footer");
 @source inline("!isSelected");
 @source inline("!showItem");
 @source inline("*:col-start-1");
@@ -169,6 +170,7 @@
 @source inline("nd-page");
 @source inline("nd-subnav");
 @source inline("nd-toc");
+@source inline("nd-toc-placeholder");
 @source inline("no");
 @source inline("normalizedValue");
 @source inline("onClickItem");

package/css/preset.css

@@ -3,7 +3,6 @@
 
 @plugin '../dist/tailwind/typography.js';
 
-/* TODO: remove them on next major */
 @import './generated/flux.css';
 @import './generated/docs.css';
 @import './generated/home.css';

package/dist/components/toc/clerk.js

@@ -182,14 +182,14 @@ function ThumbTrack({ computed, thumbBox }) {
 }
 const a = 8;
 function getItemOffset(depth) {
-	if (depth <= 2) return 12 + a;
-	if (depth === 3) return 24 + a;
-	return 36 + a;
+	if (depth <= 2) return 20;
+	if (depth === 3) return 32;
+	return 44;
 }
 function getLineOffset(depth) {
 	if (depth <= 2) return a;
-	if (depth === 3) return 8 + a;
-	return 16 + a;
+	if (depth === 3) return 16;
+	return 24;
 }
 function TOCItem({ item, ...props }) {
 	const items = useTOCItems();

package/dist/contexts/tree.js

@@ -9,7 +9,7 @@ const PathContext = createContext([]);
 function TreeContextProvider({ tree: rawTree, children }) {
 	const nextIdRef = useRef(0);
 	const pathname = usePathname();
-	const tree = useMemo(() => rawTree, [rawTree.$id ?? rawTree]);
+	const tree = useMemo(() => rawTree, [rawTree.$id]);
 	const path = useMemo(() => {
 		return searchPath(tree.children, pathname) ?? (tree.fallback ? searchPath(tree.fallback.children, pathname) : null) ?? [];
 	}, [tree, pathname]);

package/dist/layouts/docs/page/index.d.ts

@@ -14,7 +14,7 @@ interface DocsPageProps extends ComponentProps<'article'> {
    *
    * @defaultValue false
    */
-  full?: boolean;
+  full?: boolean | undefined;
   slots?: Partial<DocsPageSlots>;
   footer?: FooterOptions;
   breadcrumb?: BreadcrumbOptions;
@@ -59,12 +59,12 @@ interface DocsPageSlots {
   footer: FC<FooterProps>;
   breadcrumb: FC<BreadcrumbProps>;
 }
-type PageSlotsProps = Pick<DocsPageProps, 'full'>;
 declare function useDocsPage(): {
-  props: PageSlotsProps;
+  full: NonNullable<DocsPageProps["full"]>;
   slots: DocsPageSlots;
 };
 declare function DocsPage({
+  full,
   tableOfContent: {
     enabled: tocEnabled,
     single,
@@ -82,7 +82,6 @@ declare function DocsPage({
     enabled: footerEnabled,
     ...footer
   },
-  full,
   toc,
   slots: defaultSlots,
   children,

package/dist/layouts/docs/page/index.js

@@ -31,8 +31,7 @@ function useDocsPage() {
 	if (!context) throw new Error("Please use page components under <DocsPage /> (`fumadocs-ui/layouts/docs/page`).");
 	return context;
 }
-function DocsPage({ tableOfContent: { enabled: tocEnabled, single, ...tocProps } = {}, tableOfContentPopover: { enabled: tocPopoverEnabled, ...tocPopoverProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, full = false, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
-	tocEnabled ??= Boolean(!full && (toc.length > 0 || tocProps.footer || tocProps.header));
+function DocsPage({ full = false, tableOfContent: { enabled: tocEnabled = !full, single, ...tocProps } = {}, tableOfContentPopover: { enabled: tocPopoverEnabled, ...tocPopoverProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
 	tocPopoverEnabled ??= Boolean(toc.length > 0 || tocPopoverProps.header || tocPopoverProps.footer);
 	const slots = {
 		breadcrumb: defaultSlots.breadcrumb ?? Breadcrumb,
@@ -46,7 +45,7 @@ function DocsPage({ tableOfContent: { enabled: tocEnabled, single, ...tocProps }
 	};
 	return /* @__PURE__ */ jsx(PageContext, {
 		value: {
-			props: { full },
+			full,
 			slots
 		},
 		children: /* @__PURE__ */ jsxs(slots.toc.provider, {

package/dist/layouts/docs/page/slots/container.js

@@ -4,7 +4,7 @@ import { useDocsPage } from "../index.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/layouts/docs/page/slots/container.tsx
 function Container(props) {
-	const { props: { full } } = useDocsPage();
+	const { full } = useDocsPage();
 	return /* @__PURE__ */ jsx("article", {
 		id: "nd-page",
 		"data-full": full,

package/dist/layouts/docs/page/slots/toc.js

@@ -18,6 +18,10 @@ function TOCProvider(props) {
 function TOC({ container, header, footer, style = "normal", list }) {
 	const items = useTOCItems();
 	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
+	if (items.length === 0 && !header && !footer) return /* @__PURE__ */ jsx("div", {
+		id: "nd-toc-placeholder",
+		className: "hidden xl:layout:[--fd-toc-width:268px]"
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		id: "nd-toc",
 		...container,

package/dist/layouts/flux/page/index.d.ts

@@ -14,7 +14,7 @@ interface DocsPageProps extends ComponentProps<'article'> {
    *
    * @defaultValue false
    */
-  full?: boolean;
+  full?: boolean | undefined;
   slots?: Partial<DocsPageSlots>;
   footer?: FooterOptions;
   breadcrumb?: BreadcrumbOptions;
@@ -50,12 +50,12 @@ interface DocsPageSlots {
   footer: FC<FooterProps>;
   breadcrumb: FC<BreadcrumbProps>;
 }
-type PageSlotsProps = Pick<DocsPageProps, 'full'>;
 declare function useDocsPage(): {
-  props: PageSlotsProps;
+  full: NonNullable<DocsPageProps["full"]>;
   slots: DocsPageSlots;
 };
 declare function DocsPage({
+  full,
   tableOfContent: {
     enabled: tocEnabled,
     single,
@@ -69,7 +69,6 @@ declare function DocsPage({
     enabled: footerEnabled,
     ...footer
   },
-  full,
   toc,
   slots: defaultSlots,
   children,

package/dist/layouts/flux/page/index.js

@@ -17,8 +17,7 @@ function useDocsPage() {
 	if (!context) throw new Error("Please use page components under <DocsPage /> (`fumadocs-ui/layouts/flux/page`).");
 	return context;
 }
-function DocsPage({ tableOfContent: { enabled: tocEnabled, single, ...tocProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, full = false, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
-	tocEnabled ??= Boolean(toc.length > 0 || tocProps.header || tocProps.footer);
+function DocsPage({ full = false, tableOfContent: { enabled: tocEnabled = !full, single, ...tocProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
 	const slots = {
 		breadcrumb: defaultSlots.breadcrumb ?? Breadcrumb,
 		footer: defaultSlots.footer ?? Footer,
@@ -30,7 +29,7 @@ function DocsPage({ tableOfContent: { enabled: tocEnabled, single, ...tocProps }
 	};
 	return /* @__PURE__ */ jsx(PageContext, {
 		value: {
-			props: { full },
+			full,
 			slots
 		},
 		children: /* @__PURE__ */ jsxs(slots.toc.provider, {

package/dist/layouts/flux/page/slots/container.js

@@ -4,7 +4,7 @@ import { useDocsPage } from "../index.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/layouts/flux/page/slots/container.tsx
 function Container(props) {
-	const { props: { full } } = useDocsPage();
+	const { full } = useDocsPage();
 	return /* @__PURE__ */ jsx("article", {
 		id: "nd-page",
 		"data-full": full,

package/dist/layouts/flux/page/slots/toc.d.ts

@@ -34,6 +34,6 @@ declare function TOC({
   footer,
   style,
   list
-}: TOCProps): _$react_jsx_runtime0.JSX.Element;
+}: TOCProps): _$react_jsx_runtime0.JSX.Element | undefined;
 //#endregion
 export { TOC, TOCProps, TOCProvider, TOCProviderProps };

package/dist/layouts/flux/page/slots/toc.js

@@ -17,6 +17,7 @@ const { TOCProvider } = toc_exports;
 function TOC({ container, trigger, content, header, footer, style = "normal", list }) {
 	const items = useTOCItems();
 	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
+	if (items.length === 0 && !header && !footer) return;
 	return /* @__PURE__ */ jsxs(PageTOCPopover, {
 		...container,
 		children: [/* @__PURE__ */ jsxs(PageTOCPopoverContent, {

package/dist/layouts/notebook/page/index.d.ts

@@ -14,7 +14,7 @@ interface DocsPageProps extends ComponentProps<'article'> {
    *
    * @defaultValue false
    */
-  full?: boolean;
+  full?: boolean | undefined;
   slots?: Partial<DocsPageSlots>;
   footer?: FooterOptions;
   breadcrumb?: BreadcrumbOptions;
@@ -59,12 +59,12 @@ interface DocsPageSlots {
   footer: FC<FooterProps>;
   breadcrumb: FC<BreadcrumbProps>;
 }
-type PageSlotsProps = Pick<DocsPageProps, 'full'>;
 declare function useDocsPage(): {
-  props: PageSlotsProps;
+  full: NonNullable<DocsPageProps["full"]>;
   slots: DocsPageSlots;
 };
 declare function DocsPage({
+  full,
   tableOfContent: {
     enabled: tocEnabled,
     single,
@@ -82,7 +82,6 @@ declare function DocsPage({
     enabled: footerEnabled,
     ...footer
   },
-  full,
   toc,
   slots: defaultSlots,
   children,

package/dist/layouts/notebook/page/index.js

@@ -31,8 +31,7 @@ function useDocsPage() {
 	if (!context) throw new Error("Please use page components under <DocsPage /> (`fumadocs-ui/layouts/notebook/page`).");
 	return context;
 }
-function DocsPage({ tableOfContent: { enabled: tocEnabled, single, ...tocProps } = {}, tableOfContentPopover: { enabled: tocPopoverEnabled, ...tocPopoverProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, full = false, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
-	tocEnabled ??= Boolean(!full && (toc.length > 0 || tocProps.footer || tocProps.header));
+function DocsPage({ full = false, tableOfContent: { enabled: tocEnabled = !full, single, ...tocProps } = {}, tableOfContentPopover: { enabled: tocPopoverEnabled, ...tocPopoverProps } = {}, breadcrumb: { enabled: breadcrumbEnabled = true, ...breadcrumb } = {}, footer: { enabled: footerEnabled = true, ...footer } = {}, toc = [], slots: defaultSlots = {}, children, ...containerProps }) {
 	tocPopoverEnabled ??= Boolean(toc.length > 0 || tocPopoverProps.header || tocPopoverProps.footer);
 	const slots = {
 		breadcrumb: defaultSlots.breadcrumb ?? Breadcrumb,
@@ -46,7 +45,7 @@ function DocsPage({ tableOfContent: { enabled: tocEnabled, single, ...tocProps }
 	};
 	return /* @__PURE__ */ jsx(PageContext, {
 		value: {
-			props: { full },
+			full,
 			slots
 		},
 		children: /* @__PURE__ */ jsxs(slots.toc.provider, {

package/dist/layouts/notebook/page/slots/container.js

@@ -4,7 +4,7 @@ import { useDocsPage } from "../index.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/layouts/notebook/page/slots/container.tsx
 function Container(props) {
-	const { props: { full } } = useDocsPage();
+	const { full } = useDocsPage();
 	return /* @__PURE__ */ jsx("article", {
 		id: "nd-page",
 		"data-full": full,

package/dist/layouts/notebook/page/slots/toc.js

@@ -17,6 +17,10 @@ function TOCProvider(props) {
 function TOC({ container, header, footer, style = "normal", list }) {
 	const items = useTOCItems();
 	const { TOCItems, TOCEmpty, TOCItem } = style === "clerk" ? clerk_exports : default_exports;
+	if (items.length === 0 && !footer && !header) return /* @__PURE__ */ jsx("div", {
+		id: "nd-toc-placeholder",
+		className: "hidden xl:layout:[--fd-toc-width:268px]"
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		id: "nd-toc",
 		...container,

package/dist/mdx.d.ts

@@ -17,9 +17,7 @@ declare module 'mdx/types.js' {
     type IntrinsicElements = React.JSX.IntrinsicElements;
   }
 }
-declare function Image(props: ImgHTMLAttributes<HTMLImageElement> & {
-  sizes?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+declare function Image(props: ImgHTMLAttributes<HTMLImageElement>): _$react_jsx_runtime0.JSX.Element;
 declare function Table(props: TableHTMLAttributes<HTMLTableElement>): _$react_jsx_runtime0.JSX.Element;
 declare const defaultMdxComponents: {
   CodeBlockTab: typeof CodeBlockTab;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fumadocs/base-ui",
-  "version": "16.9.1",
+  "version": "16.9.3",
   "description": "The Base UI version of Fumadocs UI",
   "keywords": [
     "Docs",
@@ -116,15 +116,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@base-ui/react": "^1.4.1",
+    "@base-ui/react": "^1.5.0",
     "class-variance-authority": "^0.7.1",
-    "lucide-react": "^1.16.0",
-    "motion": "^12.38.0",
+    "lucide-react": "^1.17.0",
+    "motion": "^12.40.0",
     "next-themes": "^0.4.6",
     "react-remove-scroll": "^2.7.2",
     "rehype-raw": "^7.0.0",
     "scroll-into-view-if-needed": "^3.1.0",
-    "shiki": "^4.0.2",
+    "shiki": "^4.1.0",
     "tailwind-merge": "^3.6.0",
     "unist-util-visit": "^5.1.0",
     "@fumadocs/tailwind": "0.0.5"
@@ -135,17 +135,17 @@
     "@tsdown/css": "^0.22.0",
     "@types/hast": "^3.0.4",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^25.8.0",
-    "@types/react": "^19.2.14",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
     "fuma-cli": "^0.1.1",
     "react-medium-image-zoom": "^5.4.5",
     "tailwindcss": "^4.3.0",
     "tsdown": "0.22.0",
     "unified": "^11.0.5",
-    "fumadocs-core": "16.9.1",
-    "tsconfig": "0.0.0",
-    "@fumadocs/cli": "1.3.10"
+    "@fumadocs/cli": "1.3.10",
+    "fumadocs-core": "16.9.3",
+    "tsconfig": "0.0.0"
   },
   "peerDependencies": {
     "@takumi-rs/image-response": "*",
@@ -154,7 +154,7 @@
     "next": "16.x.x",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "fumadocs-core": "16.9.1"
+    "fumadocs-core": "16.9.3"
   },
   "peerDependenciesMeta": {
     "next": {