fumadocs-ui 13.4.10 → 14.0.0

package/dist/chunk-P4HLRHHV.js

@@ -1,36 +0,0 @@
-// src/utils/use-toc-thumb.ts
-import { useLayoutEffect, useState } from "react";
-import * as Primitive from "fumadocs-core/toc";
-function useTocThumb(containerRef) {
-  const active = Primitive.useActiveAnchors();
-  const [pos, setPos] = useState([0, 0]);
-  useLayoutEffect(() => {
-    const container = containerRef.current;
-    if (active.length === 0 || !container || container.clientHeight === 0) {
-      setPos([0, 0]);
-      return;
-    }
-    let upper = Number.MAX_VALUE, lower = 0;
-    for (const item of active) {
-      const element = container.querySelector(
-        `a[href="#${item}"]`
-      );
-      if (!element) continue;
-      const styles = getComputedStyle(element);
-      upper = Math.min(
-        upper,
-        element.offsetTop + parseFloat(styles.paddingTop)
-      );
-      lower = Math.max(
-        lower,
-        element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom)
-      );
-    }
-    setPos([upper, lower - upper]);
-  }, [active, containerRef]);
-  return pos;
-}
-
-export {
-  useTocThumb
-};

package/dist/chunk-UOD2T27N.js

@@ -1,27 +0,0 @@
-// src/utils/shared.ts
-var defaultImageSizes = "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px";
-function isActive(url, pathname, nested = true) {
-  return url === pathname || nested && pathname.startsWith(`${url}/`);
-}
-function replaceOrDefault(obj, def) {
-  if (obj?.enabled === false) return;
-  if (obj?.component !== void 0) return obj.component;
-  return def;
-}
-function hasActive(items, url) {
-  return items.some((item) => {
-    if (item.type === "page") {
-      return item.url === url;
-    }
-    if (item.type === "folder")
-      return item.index?.url === url || hasActive(item.children, url);
-    return false;
-  });
-}
-
-export {
-  defaultImageSizes,
-  isActive,
-  replaceOrDefault,
-  hasActive
-};

package/dist/chunk-WLTWFYQA.js

@@ -1,44 +0,0 @@
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-
-// src/components/card.tsx
-import Link from "fumadocs-core/link";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Cards(props) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...props,
-      className: twMerge("grid grid-cols-1 gap-4 sm:grid-cols-2", props.className),
-      children: props.children
-    }
-  );
-}
-function Card({
-  icon,
-  title,
-  description,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      ...props,
-      className: twMerge(
-        "not-prose block rounded-lg border bg-fd-card p-4 text-sm text-fd-card-foreground shadow-md transition-colors hover:bg-fd-accent/80",
-        props.className
-      ),
-      children: [
-        icon ? /* @__PURE__ */ jsx("div", { className: "mb-2 w-fit rounded-md border bg-fd-muted p-2 text-fd-muted-foreground [&_svg]:size-4", children: icon }) : null,
-        /* @__PURE__ */ jsx("h3", { className: "mb-1 font-medium", children: title }),
-        description ? /* @__PURE__ */ jsx("p", { className: "text-fd-muted-foreground", children: description }) : null
-      ]
-    }
-  );
-}
-
-export {
-  Cards,
-  Card
-};

package/dist/docs-layout.client.d.ts

@@ -1,18 +0,0 @@
-import { S as SharedNavProps } from './layout.shared-DEQFTB9M.js';
-export { a as LinksMenu } from './layout.shared-DEQFTB9M.js';
-import { S as SidebarProps } from './sidebar-DwBSl7jC.js';
-export { a as Sidebar } from './sidebar-DwBSl7jC.js';
-export { T as TreeContextProvider } from './tree-CrKzI9Nz.js';
-import { ButtonHTMLAttributes } from 'react';
-export { LanguageToggle } from './components/layout/language-toggle.js';
-import 'fumadocs-core/server';
-import '@radix-ui/react-popover';
-
-declare function ThemeToggle({ className, ...props }: ButtonHTMLAttributes<HTMLButtonElement>): React.ReactElement;
-
-declare function DynamicSidebar(props: SidebarProps): React.ReactElement;
-
-declare function SubNav({ title, url, transparentMode, children, enableSearch, }: SharedNavProps): React.ReactElement;
-declare function SidebarCollapseTrigger(): React.ReactElement;
-
-export { DynamicSidebar, SidebarCollapseTrigger, SubNav, ThemeToggle };

package/dist/docs-layout.client.js

@@ -1,406 +0,0 @@
-"use client";
-import {
-  LargeSearchToggle,
-  LinkItem,
-  LinksMenu,
-  NavBox,
-  SearchToggle,
-  ThemeToggle,
-  Title
-} from "./chunk-KCZRDPB4.js";
-import {
-  LanguageToggle
-} from "./chunk-NSEJBI4V.js";
-import {
-  TreeContextProvider,
-  useTreeContext
-} from "./chunk-LSTPTAZ5.js";
-import {
-  ScrollArea,
-  ScrollViewport
-} from "./chunk-2FLZOPQN.js";
-import "./chunk-CP67AHDD.js";
-import {
-  hasActive,
-  isActive
-} from "./chunk-UOD2T27N.js";
-import {
-  useSearchContext
-} from "./chunk-ET4TW6M5.js";
-import {
-  useSidebar
-} from "./chunk-27HFSL7N.js";
-import "./chunk-EFMHXXHW.js";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "./chunk-TQJ6YPJ3.js";
-import {
-  buttonVariants,
-  itemVariants
-} from "./chunk-EDNTYBXS.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import "./chunk-MLKGABMK.js";
-
-// src/docs-layout.client.tsx
-import { SidebarTrigger } from "fumadocs-core/sidebar";
-import { Menu, SidebarIcon as SidebarIcon2, X } from "lucide-react";
-import { useCallback as useCallback3 } from "react";
-
-// src/components/layout/sidebar.tsx
-import { ChevronDown, ExternalLinkIcon } from "lucide-react";
-import * as Base from "fumadocs-core/sidebar";
-import { usePathname } from "next/navigation";
-import {
-  createContext,
-  useCallback,
-  useContext,
-  useMemo,
-  useState
-} from "react";
-import Link from "fumadocs-core/link";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var defaultComponents = {
-  Folder: FolderNode,
-  Separator: SeparatorNode,
-  Item: PageNode
-};
-var Context = createContext({
-  defaultOpenLevel: 0,
-  components: defaultComponents,
-  prefetch: true
-});
-function Sidebar({
-  components,
-  defaultOpenLevel = 0,
-  items,
-  prefetch = true,
-  ...props
-}) {
-  const search = useSearchContext();
-  const hasSearch = search.enabled && !props.hideSearch;
-  const context = useMemo(
-    () => ({
-      defaultOpenLevel,
-      components: { ...defaultComponents, ...components },
-      prefetch
-    }),
-    [components, defaultOpenLevel, prefetch]
-  );
-  return /* @__PURE__ */ jsx(Context.Provider, { value: context, children: /* @__PURE__ */ jsxs(
-    Base.SidebarList,
-    {
-      id: "nd-sidebar",
-      blockScrollingWidth: 768,
-      ...props.aside,
-      className: twMerge(
-        "fixed z-30 flex flex-col bg-fd-card text-sm md:sticky md:top-0 md:h-dvh md:w-[var(--fd-c-sidebar)] md:min-w-[var(--fd-sidebar-width)] md:border-e md:ps-[calc(var(--fd-c-sidebar)-var(--fd-sidebar-width))]",
-        "max-md:inset-0 max-md:bg-fd-background/80 max-md:pt-14 max-md:text-[15px] max-md:backdrop-blur-md max-md:data-[open=false]:hidden",
-        props.aside?.className
-      ),
-      children: [
-        hasSearch || props.banner ? /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ...props.bannerProps,
-            className: twMerge(
-              "flex flex-col gap-1 px-4 pt-2 md:px-3 md:pt-4",
-              props.bannerProps?.className
-            ),
-            children: [
-              props.banner,
-              hasSearch ? /* @__PURE__ */ jsx(LargeSearchToggle, { className: "rounded-lg max-md:hidden" }) : null
-            ]
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(ViewportContent, { items }),
-        props.footer ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            ...props.footerProps,
-            className: twMerge(
-              "flex flex-row items-center border-t py-1 max-md:px-4 md:mx-3",
-              props.footerProps?.className
-            ),
-            children: props.footer
-          }
-        ) : null
-      ]
-    }
-  ) });
-}
-function ViewportContent({
-  items
-}) {
-  const { root } = useTreeContext();
-  return /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs(
-    ScrollViewport,
-    {
-      style: {
-        maskImage: "linear-gradient(to bottom, transparent 2px, white 24px)"
-      },
-      children: [
-        items.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-col px-4 pt-6 md:hidden", children: items.map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, on: "menu" }, i)) }) : null,
-        /* @__PURE__ */ jsx(NodeList, { items: root.children, className: "px-4 py-6 md:px-3" })
-      ]
-    }
-  ) });
-}
-function NodeList({
-  items,
-  level = 0,
-  ...props
-}) {
-  const { components } = useContext(Context);
-  return /* @__PURE__ */ jsx("div", { ...props, children: items.map((item, i) => {
-    const id = `${item.type}_${i.toString()}`;
-    switch (item.type) {
-      case "separator":
-        return /* @__PURE__ */ jsx(components.Separator, { item }, id);
-      case "folder":
-        return /* @__PURE__ */ jsx(components.Folder, { item, level: level + 1 }, id);
-      default:
-        return /* @__PURE__ */ jsx(components.Item, { item }, item.url);
-    }
-  }) });
-}
-function PageNode({
-  item: { icon, external = false, url, name }
-}) {
-  const pathname = usePathname();
-  const active = isActive(url, pathname, false);
-  const { prefetch } = useContext(Context);
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      href: url,
-      external,
-      className: twMerge(itemVariants({ active })),
-      prefetch,
-      children: [
-        icon ?? (external ? /* @__PURE__ */ jsx(ExternalLinkIcon, {}) : null),
-        name
-      ]
-    }
-  );
-}
-function FolderNode({
-  item,
-  level
-}) {
-  const { defaultOpenLevel, prefetch } = useContext(Context);
-  const pathname = usePathname();
-  const active = item.index !== void 0 && isActive(item.index.url, pathname, false);
-  const childActive = useMemo(
-    () => hasActive(item.children, pathname),
-    [item.children, pathname]
-  );
-  const shouldExtend = active || childActive || (item.defaultOpen ?? defaultOpenLevel >= level);
-  const [open, setOpen] = useState(shouldExtend);
-  useOnChange(shouldExtend, (v) => {
-    if (v) setOpen(v);
-  });
-  const onClick = useCallback(
-    (e) => {
-      if (
-        // clicking on icon
-        e.target.hasAttribute("data-icon") || active
-      ) {
-        setOpen((prev) => !prev);
-        e.preventDefault();
-      }
-    },
-    [active]
-  );
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    item.icon,
-    item.name,
-    /* @__PURE__ */ jsx(
-      ChevronDown,
-      {
-        "data-icon": true,
-        className: twMerge("ms-auto transition-transform", !open && "-rotate-90")
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsxs(Collapsible, { open, onOpenChange: setOpen, children: [
-    item.index ? /* @__PURE__ */ jsx(
-      Link,
-      {
-        className: twMerge(itemVariants({ active })),
-        href: item.index.url,
-        onClick,
-        prefetch,
-        children: content
-      }
-    ) : /* @__PURE__ */ jsx(CollapsibleTrigger, { className: twMerge(itemVariants({ active })), children: content }),
-    /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(
-      NodeList,
-      {
-        className: "ms-2 flex flex-col border-s py-2 ps-2",
-        items: item.children,
-        level
-      }
-    ) })
-  ] });
-}
-function SeparatorNode({
-  item
-}) {
-  return /* @__PURE__ */ jsx("p", { className: "mb-2 mt-8 px-2 font-medium first:mt-0", children: item.name });
-}
-
-// src/components/layout/dynamic-sidebar.tsx
-import { useCallback as useCallback2, useRef, useState as useState2 } from "react";
-import { SidebarIcon } from "lucide-react";
-import { useOnChange as useOnChange2 } from "fumadocs-core/utils/use-on-change";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function DynamicSidebar(props) {
-  const { collapsed, setCollapsed } = useSidebar();
-  const [hover, setHover] = useState2(false);
-  const timerRef = useRef(0);
-  const closeTimeRef = useRef(0);
-  const onCollapse = useCallback2(() => {
-    setCollapsed((v) => !v);
-  }, [setCollapsed]);
-  useOnChange2(collapsed, () => {
-    setHover(false);
-    closeTimeRef.current = Date.now() + 150;
-  });
-  const onEnter = useCallback2((e) => {
-    if (e.pointerType === "touch" || closeTimeRef.current > Date.now()) return;
-    window.clearTimeout(timerRef.current);
-    setHover(true);
-  }, []);
-  const onLeave = useCallback2((e) => {
-    if (e.pointerType === "touch") return;
-    window.clearTimeout(timerRef.current);
-    timerRef.current = window.setTimeout(
-      () => {
-        setHover(false);
-        closeTimeRef.current = Date.now() + 150;
-      },
-      Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100 ? 0 : 500
-    );
-  }, []);
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    collapsed ? /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: "fixed inset-y-0 start-0 w-6 max-md:hidden xl:w-[50px]",
-        onPointerEnter: onEnter,
-        onPointerLeave: onLeave
-      }
-    ) : null,
-    collapsed ? /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Collapse Sidebar",
-        className: twMerge(
-          buttonVariants({
-            color: "secondary",
-            size: "icon",
-            className: "fixed start-4 bottom-2 z-10 max-md:hidden"
-          })
-        ),
-        onClick: onCollapse,
-        children: /* @__PURE__ */ jsx2(SidebarIcon, {})
-      }
-    ) : null,
-    /* @__PURE__ */ jsx2(
-      Sidebar,
-      {
-        ...props,
-        aside: {
-          "data-collapse": collapsed,
-          "data-hover": hover,
-          onPointerEnter: onEnter,
-          onPointerLeave: onLeave,
-          "aria-hidden": Boolean(collapsed && !hover),
-          className: twMerge(
-            "md:transition-[transform,padding,width,margin]",
-            collapsed && [
-              "md:top-1 md:me-fd-sidebar-offset md:h-[calc(100dvh-4px)] md:w-[var(--fd-sidebar-width)] md:animate-fd-sidebar-collapse md:rounded-xl md:border md:ps-0 md:shadow-md",
-              hover ? "md:translate-x-1 rtl:md:-translate-x-1" : "md:translate-x-[calc(var(--fd-sidebar-width)*-1)] rtl:md:translate-x-[var(--fd-sidebar-width)]"
-            ]
-          )
-        }
-      }
-    )
-  ] });
-}
-
-// src/docs-layout.client.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function SubNav({
-  title,
-  url,
-  transparentMode,
-  children,
-  enableSearch = true
-}) {
-  const { open } = useSidebar();
-  const { enabled } = useSearchContext();
-  return /* @__PURE__ */ jsxs3(
-    NavBox,
-    {
-      id: "nd-subnav",
-      className: "flex h-14 flex-row items-center px-4 md:hidden",
-      transparentMode,
-      children: [
-        /* @__PURE__ */ jsx3(Title, { url, title }),
-        /* @__PURE__ */ jsx3("div", { className: "flex flex-1 flex-row items-center", children }),
-        enabled && enableSearch ? /* @__PURE__ */ jsx3(SearchToggle, {}) : null,
-        /* @__PURE__ */ jsx3(
-          SidebarTrigger,
-          {
-            className: twMerge(
-              buttonVariants({
-                color: "ghost",
-                size: "icon",
-                className: "-me-2"
-              })
-            ),
-            children: open ? /* @__PURE__ */ jsx3(X, {}) : /* @__PURE__ */ jsx3(Menu, {})
-          }
-        )
-      ]
-    }
-  );
-}
-function SidebarCollapseTrigger() {
-  const { setCollapsed } = useSidebar();
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Collapse Sidebar",
-      className: twMerge(
-        buttonVariants({
-          color: "ghost",
-          size: "icon",
-          className: "ms-auto max-md:hidden"
-        })
-      ),
-      onClick: useCallback3(() => {
-        setCollapsed((prev) => !prev);
-      }, [setCollapsed]),
-      children: /* @__PURE__ */ jsx3(SidebarIcon2, {})
-    }
-  );
-}
-export {
-  DynamicSidebar,
-  LanguageToggle,
-  LinksMenu,
-  Sidebar,
-  SidebarCollapseTrigger,
-  SubNav,
-  ThemeToggle,
-  TreeContextProvider
-};

package/dist/home-layout.client.d.ts

@@ -1,9 +0,0 @@
-import { S as SharedNavProps, L as LinkItemType } from './layout.shared-DEQFTB9M.js';
-import 'react';
-
-declare function Nav({ title, url, items, transparentMode, enableSearch, i18n, children, }: SharedNavProps & {
-    i18n?: boolean;
-    items: LinkItemType[];
-}): React.ReactElement;
-
-export { Nav };

package/dist/home-layout.client.js

@@ -1,88 +0,0 @@
-"use client";
-import {
-  LargeSearchToggle,
-  LinkItem,
-  LinksMenu,
-  NavBox,
-  SearchToggle,
-  ThemeToggle,
-  Title
-} from "./chunk-KCZRDPB4.js";
-import {
-  LanguageToggle
-} from "./chunk-NSEJBI4V.js";
-import "./chunk-CP67AHDD.js";
-import "./chunk-UOD2T27N.js";
-import {
-  useSearchContext
-} from "./chunk-ET4TW6M5.js";
-import {
-  useI18n
-} from "./chunk-EFMHXXHW.js";
-import "./chunk-TQJ6YPJ3.js";
-import {
-  buttonVariants
-} from "./chunk-EDNTYBXS.js";
-import {
-  twMerge
-} from "./chunk-TK3TM3MR.js";
-import "./chunk-MLKGABMK.js";
-
-// src/home-layout.client.tsx
-import { MoreVertical } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function Nav({
-  title,
-  url,
-  items,
-  transparentMode,
-  enableSearch = true,
-  i18n,
-  children
-}) {
-  const search = useSearchContext();
-  const { text } = useI18n();
-  return /* @__PURE__ */ jsx(NavBox, { id: "nd-nav", className: "h-14", transparentMode, children: /* @__PURE__ */ jsxs("nav", { className: "mx-auto flex size-full max-w-container flex-row items-center gap-6 px-4", children: [
-    /* @__PURE__ */ jsx(Title, { title, url }),
-    children,
-    items.filter((item) => !isSecondary(item)).map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, className: "text-sm max-lg:hidden" }, i)),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-row items-center justify-end md:gap-2", children: [
-      enableSearch && search.enabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(SearchToggle, { className: "md:hidden" }),
-        /* @__PURE__ */ jsx(LargeSearchToggle, { className: "w-full max-w-[240px] max-md:hidden" })
-      ] }) : null,
-      /* @__PURE__ */ jsx(ThemeToggle, { className: "max-lg:hidden" }),
-      items.filter(isSecondary).map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, className: "max-lg:hidden" }, i)),
-      /* @__PURE__ */ jsx(
-        LinksMenu,
-        {
-          items,
-          className: twMerge(
-            buttonVariants({
-              size: "icon",
-              color: "ghost",
-              className: "-me-2 lg:hidden"
-            })
-          ),
-          footer: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between px-2 pt-2", children: [
-              /* @__PURE__ */ jsx("p", { className: "font-medium text-fd-muted-foreground", children: text.chooseTheme }),
-              /* @__PURE__ */ jsx(ThemeToggle, {})
-            ] }),
-            i18n ? /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between px-2 pt-2", children: [
-              /* @__PURE__ */ jsx("p", { className: "font-medium text-fd-muted-foreground", children: text.chooseLanguage }),
-              /* @__PURE__ */ jsx(LanguageToggle, {})
-            ] }) : null
-          ] }),
-          children: /* @__PURE__ */ jsx(MoreVertical, {})
-        }
-      )
-    ] })
-  ] }) });
-}
-function isSecondary(item) {
-  return "secondary" in item && item.secondary === true || item.type === "icon";
-}
-export {
-  Nav
-};

package/dist/home-layout.d.ts

@@ -1,7 +0,0 @@
-import { B as BaseLayoutProps } from './layout.shared-DEQFTB9M.js';
-import 'react';
-
-type HomeLayoutProps = BaseLayoutProps;
-declare function HomeLayout({ nav, links, githubUrl, i18n, children, }: BaseLayoutProps): React.ReactElement;
-
-export { HomeLayout, type HomeLayoutProps };

package/dist/home-layout.js

@@ -1,30 +0,0 @@
-import { Nav } from "./home-layout.client"
-import {
-  getLinks
-} from "./chunk-HOIRMHZT.js";
-import {
-  replaceOrDefault
-} from "./chunk-UOD2T27N.js";
-import "./chunk-MLKGABMK.js";
-
-// src/home-layout.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function HomeLayout({
-  nav = {},
-  links = [],
-  githubUrl,
-  i18n,
-  children
-}) {
-  const finalLinks = getLinks(links, githubUrl);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    replaceOrDefault(
-      nav,
-      /* @__PURE__ */ jsx(Nav, { items: finalLinks, i18n, ...nav, children: nav.children })
-    ),
-    children
-  ] });
-}
-export {
-  HomeLayout
-};

package/dist/layout.d.ts

@@ -1,19 +0,0 @@
-import { PageTree } from 'fumadocs-core/server';
-import { HTMLAttributes, ReactNode } from 'react';
-import { S as SidebarProps } from './sidebar-DwBSl7jC.js';
-import { B as BaseLayoutProps } from './layout.shared-DEQFTB9M.js';
-export { L as LinkItemType } from './layout.shared-DEQFTB9M.js';
-
-interface SidebarOptions extends Omit<SidebarProps, 'items'> {
-    enabled: boolean;
-    component: ReactNode;
-    collapsible: boolean;
-}
-interface DocsLayoutProps extends BaseLayoutProps {
-    tree: PageTree.Root;
-    sidebar?: Partial<SidebarOptions>;
-    containerProps?: HTMLAttributes<HTMLDivElement>;
-}
-declare function DocsLayout({ nav, githubUrl, sidebar: { enabled: sidebarEnabled, collapsible, component: sidebarReplace, ...sidebar }, containerProps, i18n, ...props }: DocsLayoutProps): React.ReactNode;
-
-export { DocsLayout, type DocsLayoutProps };