@fumadocs/base-ui 16.7.0 → 16.7.2

package/css/generated/docs.css

@@ -81,6 +81,7 @@
 @source inline("border-t");
 @source inline("border-transparent");
 @source inline("breadcrumb");
+@source inline("breadcrumbEnabled");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("children");
@@ -97,6 +98,7 @@
 @source inline("collapsible");
 @source inline("collapsing");
 @source inline("color");
+@source inline("component");
 @source inline("components");
 @source inline("const");
 @source inline("container");
@@ -165,6 +167,7 @@
 @source inline("font-medium");
 @source inline("font-semibold");
 @source inline("footer");
+@source inline("footerEnabled");
 @source inline("footerList");
 @source inline("for");
 @source inline("from");
@@ -241,7 +244,6 @@
 @source inline("layoutTabs");
 @source inline("leading-none");
 @source inline("length");
-@source inline("let");
 @source inline("link");
 @source inline("linkItems");
 @source inline("lucide-react");
@@ -328,6 +330,7 @@
 @source inline("pe-4");
 @source inline("placeholder");
 @source inline("pointer-events-none");
+@source inline("popover");
 @source inline("prefetch");
 @source inline("previous");
 @source inline("previousPage");
@@ -373,6 +376,7 @@
 @source inline("showItem");
 @source inline("shrink-0");
 @source inline("sidebar");
+@source inline("sidebarEnabled");
 @source inline("sidebarProps");
 @source inline("single");
 @source inline("size");
@@ -428,7 +432,6 @@
 @source inline("tocPopoverEnabled");
 @source inline("tocPopoverProps");
 @source inline("tocProps");
-@source inline("tocProvider");
 @source inline("top");
 @source inline("top-(--fd-docs-row-1)");
 @source inline("top-(--fd-docs-row-2)");
@@ -456,7 +459,6 @@
 @source inline("unlisted");
 @source inline("url");
 @source inline("use");
-@source inline("useActiveAnchor");
 @source inline("useDocsLayout");
 @source inline("useDocsPage");
 @source inline("useFooterItems");
@@ -468,7 +470,6 @@
 @source inline("useRef");
 @source inline("useSidebar");
 @source inline("useState");
-@source inline("useTOCItems");
 @source inline("useTreeContext");
 @source inline("useTreePath");
 @source inline("value");

package/css/generated/flux.css

@@ -53,6 +53,7 @@
 @source inline("bottom-0");
 @source inline("bottom-26");
 @source inline("breadcrumb");
+@source inline("breadcrumbEnabled");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("children");
@@ -68,6 +69,7 @@
 @source inline("collapsed");
 @source inline("collapsible");
 @source inline("color");
+@source inline("component");
 @source inline("components");
 @source inline("const");
 @source inline("container");
@@ -131,6 +133,7 @@
 @source inline("font-medium");
 @source inline("font-semibold");
 @source inline("footer");
+@source inline("footerEnabled");
 @source inline("footerList");
 @source inline("for");
 @source inline("from");
@@ -201,7 +204,6 @@
 @source inline("leading-none");
 @source inline("left-1/2");
 @source inline("length");
-@source inline("let");
 @source inline("lg:text-sm");
 @source inline("link");
 @source inline("linkItems");
@@ -384,7 +386,6 @@
 @source inline("toc");
 @source inline("tocEnabled");
 @source inline("tocProps");
-@source inline("tocProvider");
 @source inline("tool");
 @source inline("top-0");
 @source inline("transform");
@@ -417,7 +418,6 @@
 @source inline("useSearchContext");
 @source inline("useSidebar");
 @source inline("useState");
-@source inline("useTOCItems");
 @source inline("useTreePath");
 @source inline("value");
 @source inline("variant");

package/css/generated/home.css

@@ -31,7 +31,6 @@
 @source inline("component");
 @source inline("const");
 @source inline("container");
-@source inline("content");
 @source inline("context");
 @source inline("createContext");
 @source inline("custom");
@@ -101,9 +100,9 @@
 @source inline("justify-end");
 @source inline("key");
 @source inline("label");
+@source inline("languageSelect");
 @source inline("last:me-0");
 @source inline("length");
-@source inline("let");
 @source inline("lg:grid-cols-3");
 @source inline("lg:hidden");
 @source inline("linkItems");
@@ -160,11 +159,11 @@
 @source inline("rest");
 @source inline("return");
 @source inline("role");
-@source inline("root");
 @source inline("rounded-full");
 @source inline("rounded-lg");
 @source inline("rounded-md");
 @source inline("searchToggle");
+@source inline("searchTrigger");
 @source inline("secondary");
 @source inline("separator");
 @source inline("setValue");

package/css/generated/notebook.css

@@ -83,6 +83,7 @@
 @source inline("border-t");
 @source inline("border-transparent");
 @source inline("breadcrumb");
+@source inline("breadcrumbEnabled");
 @source inline("button");
 @source inline("buttonVariants");
 @source inline("children");
@@ -100,6 +101,7 @@
 @source inline("collapsible");
 @source inline("collapsing");
 @source inline("color");
+@source inline("component");
 @source inline("components");
 @source inline("const");
 @source inline("container");
@@ -172,6 +174,7 @@
 @source inline("font-medium");
 @source inline("font-semibold");
 @source inline("footer");
+@source inline("footerEnabled");
 @source inline("footerList");
 @source inline("for");
 @source inline("freezeUntil");
@@ -257,7 +260,6 @@
 @source inline("layout:[--fd-header-height:--spacing(14)]");
 @source inline("leading-none");
 @source inline("length");
-@source inline("let");
 @source inline("lg:hidden");
 @source inline("lg:layout:[--fd-header-height:--spacing(24)]");
 @source inline("link");
@@ -357,6 +359,7 @@
 @source inline("placeholder");
 @source inline("pointer-events-none");
 @source inline("pointerType");
+@source inline("popover");
 @source inline("prefetch");
 @source inline("previous");
 @source inline("previousPage");
@@ -462,7 +465,6 @@
 @source inline("tocPopoverEnabled");
 @source inline("tocPopoverProps");
 @source inline("tocProps");
-@source inline("tocProvider");
 @source inline("top");
 @source inline("top-(--fd-docs-row-1)");
 @source inline("top-(--fd-docs-row-2)");
@@ -491,7 +493,6 @@
 @source inline("unlisted");
 @source inline("url");
 @source inline("use");
-@source inline("useActiveAnchor");
 @source inline("useDocsPage");
 @source inline("useFooterItems");
 @source inline("useI18n");
@@ -502,7 +503,6 @@
 @source inline("useProvider");
 @source inline("useRef");
 @source inline("useSidebar");
-@source inline("useTOCItems");
 @source inline("useTreePath");
 @source inline("value");
 @source inline("variant");

package/css/generated/shared.css

@@ -129,7 +129,6 @@
 @source inline("bg-fd-secondary/50");
 @source inline("bg-transparent");
 @source inline("bind");
-@source inline("binded");
 @source inline("black");
 @source inline("block");
 @source inline("blocks");
@@ -146,6 +145,7 @@
 @source inline("bottom");
 @source inline("bottom-0");
 @source inline("bottom-1.5");
+@source inline("bound");
 @source inline("boundary");
 @source inline("breaking");
 @source inline("button");
@@ -1054,6 +1054,7 @@
 @source inline("urls");
 @source inline("usage");
 @source inline("use");
+@source inline("useActiveAnchors");
 @source inline("useCopyButton");
 @source inline("useDocsSearch");
 @source inline("useI18n");

package/dist/components/accordion.js

@@ -6,7 +6,7 @@ import { mergeRefs } from "../utils/merge-refs.js";
 import { Accordion as Accordion$1, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger } from "./ui/accordion.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Check, Link } from "lucide-react";
+import { Check, LinkIcon } from "lucide-react";
 //#region src/components/accordion.tsx
 function Accordions({ ref, className, defaultValue, ...props }) {
 	const rootRef = useRef(null);
@@ -60,7 +60,7 @@ function CopyButton({ id }) {
 			className: "text-fd-muted-foreground me-2"
 		})),
 		onClick,
-		children: checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Link, { className: "size-3.5" })
+		children: checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" })
 	});
 }
 //#endregion

package/dist/components/dialog/search.js

@@ -5,7 +5,7 @@ import { buttonVariants } from "../ui/button.js";
 import { Fragment, createContext, use, useCallback, useEffect, useEffectEvent, useMemo, useRef, useState } from "react";
 import { useRouter } from "fumadocs-core/framework";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight, Hash, Search } from "lucide-react";
+import { ChevronRight, Hash, SearchIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 import scrollIntoView from "scroll-into-view-if-needed";
@@ -291,7 +291,7 @@ function SearchDialogListItem({ item, className, children, renderMarkdown = (s)
 }
 function SearchDialogIcon(props) {
 	const { isLoading } = useSearch();
-	return /* @__PURE__ */ jsx(Search, {
+	return /* @__PURE__ */ jsx(SearchIcon, {
 		...props,
 		className: cn("size-5 text-fd-muted-foreground", isLoading && "animate-pulse duration-400", props.className)
 	});

package/dist/components/files.js

@@ -3,7 +3,7 @@ import { cn } from "../utils/cn.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { File as File$1, Folder as Folder$1, FolderOpen } from "lucide-react";
+import { FileIcon, FolderIcon, FolderOpen } from "lucide-react";
 import { cva } from "class-variance-authority";
 //#region src/components/files.tsx
 const itemVariants = cva("flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4");
@@ -14,7 +14,7 @@ function Files({ className, ...props }) {
 		children: props.children
 	});
 }
-function File({ name, icon = /* @__PURE__ */ jsx(File$1, {}), className, ...rest }) {
+function File({ name, icon = /* @__PURE__ */ jsx(FileIcon, {}), className, ...rest }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn(itemVariants({ className })),
 		...rest,
@@ -29,7 +29,7 @@ function Folder({ name, defaultOpen = false, ...props }) {
 		...props,
 		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
 			className: cn(itemVariants({ className: "w-full" })),
-			children: [open ? /* @__PURE__ */ jsx(FolderOpen, {}) : /* @__PURE__ */ jsx(Folder$1, {}), name]
+			children: [open ? /* @__PURE__ */ jsx(FolderOpen, {}) : /* @__PURE__ */ jsx(FolderIcon, {}), name]
 		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
 			className: "ms-2 flex flex-col border-l ps-2",
 			children: props.children

package/dist/components/heading.js

@@ -1,6 +1,6 @@
 import { cn } from "../utils/cn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Link } from "lucide-react";
+import { LinkIcon } from "lucide-react";
 //#region src/components/heading.tsx
 function Heading({ as, className, ...props }) {
 	const As = as ?? "h1";
@@ -16,7 +16,7 @@ function Heading({ as, className, ...props }) {
 			href: `#${props.id}`,
 			className: "peer",
 			children: props.children
-		}), /* @__PURE__ */ jsx(Link, {
+		}), /* @__PURE__ */ jsx(LinkIcon, {
 			"aria-hidden": true,
 			className: "size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100"
 		})]

package/dist/components/sidebar/tabs/dropdown.js

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "../../../utils/cn.js";
-import { useSidebar } from "../base.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.js";
 import { isLayoutTabActive } from "../../../layouts/shared/index.js";
+import { useSidebar } from "../base.js";
 import { useMemo, useState } from "react";
 import { usePathname } from "fumadocs-core/framework";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/toc/index.d.ts

@@ -4,7 +4,8 @@ import * as Primitive from "fumadocs-core/toc";
 
 //#region src/components/toc/index.d.ts
 declare function useTOCItems(): Primitive.TOCItemType[];
-type TOCProviderProps = ComponentProps<typeof Primitive.AnchorProvider>;
+type TOCProviderProps = Primitive.AnchorProviderProps;
+declare const useActiveAnchor: typeof Primitive.useActiveAnchor, useActiveAnchors: typeof Primitive.useActiveAnchors;
 declare function TOCProvider({
   toc,
   children,
@@ -23,4 +24,4 @@ declare function TocThumb({
   ...props
 }: ComponentProps<'div'> & RefProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { TOCProvider, TOCProviderProps, TOCScrollArea, TocThumb, useTOCItems };
+export { TOCProvider, TOCProviderProps, TOCScrollArea, TocThumb, useActiveAnchor, useActiveAnchors, useTOCItems };

package/dist/components/toc/index.js

@@ -1,4 +1,5 @@
 "use client";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { cn } from "../../utils/cn.js";
 import { mergeRefs } from "../../utils/merge-refs.js";
 import { createContext, use, useEffect, useEffectEvent, useRef } from "react";
@@ -6,10 +7,19 @@ import { jsx } from "react/jsx-runtime";
 import * as Primitive from "fumadocs-core/toc";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
 //#region src/components/toc/index.tsx
+var toc_exports = /* @__PURE__ */ __exportAll({
+	TOCProvider: () => TOCProvider,
+	TOCScrollArea: () => TOCScrollArea,
+	TocThumb: () => TocThumb,
+	useActiveAnchor: () => useActiveAnchor,
+	useActiveAnchors: () => useActiveAnchors,
+	useTOCItems: () => useTOCItems
+});
 const TOCContext = createContext([]);
 function useTOCItems() {
 	return use(TOCContext);
 }
+const { useActiveAnchor, useActiveAnchors } = Primitive;
 function TOCProvider({ toc, children, ...props }) {
 	return /* @__PURE__ */ jsx(TOCContext, {
 		value: toc,
@@ -34,7 +44,7 @@ function TOCScrollArea({ ref, className, ...props }) {
 }
 function TocThumb({ containerRef, ...props }) {
 	const thumbRef = useRef(null);
-	const active = Primitive.useActiveAnchors();
+	const active = useActiveAnchors();
 	function update(info) {
 		const element = thumbRef.current;
 		if (!element) return;
@@ -75,4 +85,4 @@ function calc(container, active) {
 	return [upper, lower - upper];
 }
 //#endregion
-export { TOCProvider, TOCScrollArea, TocThumb, useTOCItems };
+export { TOCProvider, TOCScrollArea, TocThumb, toc_exports, useActiveAnchor, useActiveAnchors, useTOCItems };

package/dist/components/ui/button.d.ts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
-  size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+  size?: "sm" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion

package/dist/layouts/docs/client.d.ts

@@ -5,8 +5,9 @@ import { DocsLayoutProps } from "./index.js";
 import { ComponentProps, FC } from "react";
 //#region src/layouts/docs/client.d.ts
 interface DocsSlots extends BaseSlots {
-  container?: FC<ComponentProps<'div'>>;
-  sidebar?: {
+  container: FC<ComponentProps<'div'>>;
+  header: FC<ComponentProps<'header'>>;
+  sidebar: {
     provider: FC<SidebarProviderProps>;
     root: FC<SidebarProps>;
     trigger: FC<ComponentProps<'button'>>;
@@ -16,7 +17,6 @@ interface DocsSlots extends BaseSlots {
       setOpen: (v: boolean) => void;
     };
   };
-  header?: FC<ComponentProps<'header'>>;
 }
 interface SlotsProps extends BaseSlotsProps<DocsLayoutProps> {
   tabs: LayoutTab[];

package/dist/layouts/docs/client.js

@@ -1,15 +1,15 @@
 "use client";
 import { cn } from "../../utils/cn.js";
 import { TreeContextProvider } from "../../contexts/tree.js";
-import { useIsScrollTop } from "../../utils/use-is-scroll-top.js";
 import { baseSlots } from "../shared/client.js";
 import { isLayoutTabActive, useLinkItems } from "../shared/index.js";
+import { useIsScrollTop } from "../../utils/use-is-scroll-top.js";
 import { Sidebar, SidebarProvider, SidebarTrigger, useSidebar } from "./slots/sidebar.js";
 import { Header } from "./slots/header.js";
 import { Container } from "./slots/container.js";
 import { createContext, use, useMemo } from "react";
 import { usePathname } from "fumadocs-core/framework";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "fumadocs-core/link";
 //#region src/layouts/docs/client.tsx
 const { useProvider } = baseSlots({ useProps() {
@@ -25,14 +25,14 @@ function useDocsLayout() {
 	return context;
 }
 function LayoutBody(props) {
-	const { nav: { enabled: navEnabled = true, transparentMode: navTransparentMode = "none" } = {}, sidebar: { defaultOpenLevel, prefetch, ...sidebarProps } = {}, slots: defaultSlots, tabs, tabMode = "auto", tree, containerProps, children } = props;
+	const { nav: { enabled: navEnabled = true, transparentMode: navTransparentMode = "none" } = {}, sidebar: { enabled: sidebarEnabled = true, defaultOpenLevel, prefetch, ...sidebarProps } = {}, slots: defaultSlots, tabs, tabMode = "auto", tree, containerProps, children } = props;
 	const isTop = useIsScrollTop({ enabled: navTransparentMode === "top" }) ?? true;
 	const isNavTransparent = navTransparentMode === "top" ? isTop : navTransparentMode === "always";
 	const { baseSlots, baseProps } = useProvider(props);
 	const linkItems = useLinkItems(props);
 	const slots = {
 		...baseSlots,
-		header: navEnabled ? defaultSlots?.header ?? Header : void 0,
+		header: defaultSlots?.header ?? Header,
 		container: defaultSlots?.container ?? Container,
 		sidebar: defaultSlots?.sidebar ?? {
 			provider: SidebarProvider,
@@ -41,24 +41,6 @@ function LayoutBody(props) {
 			useSidebar
 		}
 	};
-	let content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		slots.header && /* @__PURE__ */ jsx(slots.header, {}),
-		slots.sidebar && /* @__PURE__ */ jsx(slots.sidebar.root, { ...sidebarProps }),
-		tabMode === "top" && tabs.length > 0 && /* @__PURE__ */ jsx(LayoutTabs, {
-			tabs,
-			className: "z-10 bg-fd-background border-b px-6 pt-3 xl:px-8 max-md:hidden"
-		}),
-		children
-	] });
-	if (slots.container) content = /* @__PURE__ */ jsx(slots.container, {
-		...containerProps,
-		children: content
-	});
-	if (slots.sidebar) content = /* @__PURE__ */ jsx(slots.sidebar.provider, {
-		defaultOpenLevel,
-		prefetch,
-		children: content
-	});
 	return /* @__PURE__ */ jsx(TreeContextProvider, {
 		tree,
 		children: /* @__PURE__ */ jsx(LayoutContext, {
@@ -72,7 +54,22 @@ function LayoutBody(props) {
 				slots,
 				...linkItems
 			},
-			children: content
+			children: /* @__PURE__ */ jsx(slots.sidebar.provider, {
+				defaultOpenLevel,
+				prefetch,
+				children: /* @__PURE__ */ jsxs(slots.container, {
+					...containerProps,
+					children: [
+						navEnabled && /* @__PURE__ */ jsx(slots.header, {}),
+						sidebarEnabled && /* @__PURE__ */ jsx(slots.sidebar.root, { ...sidebarProps }),
+						tabMode === "top" && tabs.length > 0 && /* @__PURE__ */ jsx(LayoutTabs, {
+							tabs,
+							className: "z-10 bg-fd-background border-b px-6 pt-3 xl:px-8 max-md:hidden"
+						}),
+						children
+					]
+				})
+			})
 		})
 	});
 }

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

@@ -12,7 +12,7 @@ interface DocsLayoutProps extends BaseLayoutProps {
   tabMode?: 'top' | 'auto';
   tabs?: LayoutTab[] | GetLayoutTabsOptions | false;
   containerProps?: HTMLAttributes<HTMLDivElement>;
-  slots?: DocsSlots;
+  slots?: Partial<DocsSlots>;
 }
 interface SidebarOptions extends SidebarProps, SidebarProviderProps {
   enabled?: boolean;

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

@@ -1,11 +1,93 @@
+import { TOCPopoverProps, TOCProps, TOCProviderProps } from "./slots/toc.js";
 import { Footer, FooterProps } from "./slots/footer.js";
 import { Breadcrumb, BreadcrumbProps } from "./slots/breadcrumb.js";
-import { DocsPage, DocsPageProps, DocsPageSlots, PageLastUpdate, useDocsPage } from "./client.js";
 import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
-import { ComponentProps } from "react";
+import { ComponentProps, FC, ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { TOCItemType } from "fumadocs-core/toc";
 
 //#region src/layouts/docs/page/index.d.ts
+interface DocsPageProps extends ComponentProps<'article'> {
+  toc?: TOCItemType[];
+  /**
+   * Extend the page to fill all available space
+   *
+   * @defaultValue false
+   */
+  full?: boolean;
+  slots?: Partial<DocsPageSlots>;
+  footer?: FooterOptions;
+  breadcrumb?: BreadcrumbOptions;
+  tableOfContent?: TableOfContentOptions;
+  tableOfContentPopover?: TableOfContentPopoverOptions;
+}
+interface BreadcrumbOptions extends BreadcrumbProps {
+  enabled?: boolean;
+  /**
+   * @deprecated use `slots.breadcrumb` instead.
+   */
+  component?: ReactNode;
+}
+interface FooterOptions extends FooterProps {
+  enabled?: boolean;
+  /**
+   * @deprecated use `slots.footer` instead.
+   */
+  component?: ReactNode;
+}
+interface TableOfContentOptions extends Pick<TOCProviderProps, 'single'>, TOCProps {
+  enabled?: boolean;
+  /**
+   * @deprecated use `slots.toc` instead.
+   */
+  component?: ReactNode;
+}
+interface TableOfContentPopoverOptions extends TOCPopoverProps {
+  enabled?: boolean;
+  /**
+   * @deprecated use `slots.tocPopover` instead.
+   */
+  component?: ReactNode;
+}
+interface DocsPageSlots {
+  toc: {
+    provider: FC<TOCProviderProps>;
+    main: FC<TOCProps>;
+    popover: FC<TOCPopoverProps>;
+  };
+  container: FC<ComponentProps<'article'>>;
+  footer: FC<FooterProps>;
+  breadcrumb: FC<BreadcrumbProps>;
+}
+type PageSlotsProps = Pick<DocsPageProps, 'full'>;
+declare function useDocsPage(): {
+  props: PageSlotsProps;
+  slots: DocsPageSlots;
+};
+declare function DocsPage({
+  tableOfContent: {
+    enabled: tocEnabled,
+    single,
+    ...tocProps
+  },
+  tableOfContentPopover: {
+    enabled: tocPopoverEnabled,
+    ...tocPopoverProps
+  },
+  breadcrumb: {
+    enabled: breadcrumbEnabled,
+    ...breadcrumb
+  },
+  footer: {
+    enabled: footerEnabled,
+    ...footer
+  },
+  full,
+  toc,
+  slots: defaultSlots,
+  children,
+  ...containerProps
+}: DocsPageProps): react_jsx_runtime0.JSX.Element;
 declare function EditOnGitHub(props: ComponentProps<'a'>): react_jsx_runtime0.JSX.Element;
 /**
  * Add typography styles
@@ -25,5 +107,11 @@ declare function DocsTitle({
   className,
   ...props
 }: ComponentProps<'h1'>): react_jsx_runtime0.JSX.Element;
+declare function PageLastUpdate({
+  date: value,
+  ...props
+}: Omit<ComponentProps<'p'>, 'children'> & {
+  date: Date;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { type BreadcrumbProps, DocsBody, DocsDescription, DocsPage, type DocsPageProps, type DocsPageSlots, DocsTitle, EditOnGitHub, type FooterProps, MarkdownCopyButton, Breadcrumb as PageBreadcrumb, Footer as PageFooter, PageLastUpdate, ViewOptionsPopover, useDocsPage };
+export { type BreadcrumbProps, DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, type FooterProps, MarkdownCopyButton, Breadcrumb as PageBreadcrumb, Footer as PageFooter, PageLastUpdate, ViewOptionsPopover, useDocsPage };