fumadocs-ui 8.0.0

package/dist/i18n.js

@@ -0,0 +1,146 @@
+"use client";
+import {
+  I18nContext,
+  useI18n
+} from "./chunk-YAHHY62W.js";
+import {
+  cn
+} from "./chunk-KCGRUOMD.js";
+import "./chunk-6C3VEZWH.js";
+
+// src/i18n.tsx
+import { useCallback } from "react";
+import { useRouter, usePathname } from "next/navigation";
+
+// src/components/ui/select.tsx
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:animate-popover-out data-[state=open]:animate-popover-in",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      SelectPrimitive.Viewport,
+      {
+        className: cn(
+          "p-1",
+          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        ),
+        children
+      }
+    )
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4" }) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/i18n.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function LanguageSelect({ ...props }) {
+  const context = useI18n();
+  if (!context.translations)
+    throw new Error("Missing prop `translations`");
+  const languages = Object.entries(context.translations);
+  return /* @__PURE__ */ jsxs2(Select, { value: context.locale, onValueChange: context.onChange, ...props, children: [
+    /* @__PURE__ */ jsx2(SelectTrigger, { children: /* @__PURE__ */ jsx2(SelectValue, { placeholder: context.text.chooseLanguage }) }),
+    /* @__PURE__ */ jsx2(SelectContent, { children: languages.map(([lang, { name }]) => /* @__PURE__ */ jsx2(SelectItem, { value: lang, children: name }, lang)) })
+  ] });
+}
+function I18nProvider({
+  translations = {},
+  locale: forceLocale,
+  children
+}) {
+  const localeIndex = 1;
+  const router = useRouter();
+  const pathname = usePathname();
+  const context = useI18n();
+  const segments = pathname.split("/");
+  const locale = forceLocale ?? segments[localeIndex];
+  const onChange = useCallback(
+    (v) => {
+      segments[localeIndex] = v;
+      router.push(segments.join("/"));
+    },
+    [segments, router]
+  );
+  return /* @__PURE__ */ jsx2(
+    I18nContext.Provider,
+    {
+      value: {
+        locale,
+        translations,
+        text: {
+          ...context.text,
+          ...translations[locale]
+        },
+        onChange
+      },
+      children
+    }
+  );
+}
+export {
+  I18nProvider,
+  LanguageSelect
+};

package/dist/layout-YB7EFpgW.d.mts

@@ -0,0 +1,79 @@
+import { PageTree } from 'fumadocs-core/server';
+import { ReactNode, HTMLAttributes } from 'react';
+
+interface NavLinkProps {
+    icon: ReactNode;
+    href: string;
+    label: string;
+    external?: boolean;
+}
+interface NavProps {
+    title: ReactNode;
+    /**
+     * Redirect url of title
+     * @defaultValue '/'
+     */
+    url?: string;
+    items: LinkItem[];
+    links: NavLinkProps[];
+    enableSidebar: boolean;
+    collapsibleSidebar: boolean;
+    /**
+     * When to use transparent navbar
+     * @defaultValue none
+     */
+    transparentMode?: 'always' | 'top' | 'none';
+    children?: ReactNode;
+}
+declare function Nav({ title, url, links, items, transparentMode, enableSidebar, collapsibleSidebar, children, }: NavProps): JSX.Element;
+
+interface SidebarProps {
+    items: LinkItem[];
+    /**
+     * Open folders by default if their level is lower or equal to a specific level
+     * (Starting from 1)
+     *
+     * @defaultValue 1
+     */
+    defaultOpenLevel?: number;
+    banner?: ReactNode;
+    footer?: ReactNode;
+}
+declare function Sidebar({ banner, footer, items, defaultOpenLevel, }: SidebarProps): JSX.Element;
+
+interface LinkItem {
+    url: string;
+    icon?: ReactNode;
+    text: string;
+    external?: boolean;
+}
+interface NavOptions extends Omit<NavProps, 'enableSidebar' | 'collapsibleSidebar' | 'items'> {
+    enabled: boolean;
+    component: ReactNode;
+    /**
+     * Github url displayed on the navbar
+     */
+    githubUrl: string;
+}
+interface SidebarOptions extends Omit<SidebarProps, 'items'> {
+    enabled: boolean;
+    component: ReactNode;
+    collapsible: boolean;
+}
+interface BaseLayoutProps {
+    links?: LinkItem[];
+    /**
+     * Replace or disable navbar
+     */
+    nav?: Partial<NavOptions>;
+    children: ReactNode;
+}
+interface DocsLayoutProps extends BaseLayoutProps {
+    tree: PageTree.Root;
+    sidebar?: Partial<SidebarOptions>;
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+}
+declare function Layout({ nav, links, children, }: BaseLayoutProps): JSX.Element;
+declare function DocsLayout({ nav, sidebar, links, containerProps, tree, children, }: DocsLayoutProps): JSX.Element;
+
+export { type BaseLayoutProps as B, type DocsLayoutProps as D, type LinkItem as L, Nav as N, Sidebar as S, Layout as a, DocsLayout as b };

package/dist/layout.client.d.mts

@@ -0,0 +1,4 @@
+export { T as TreeContextProvider } from './tree-Zwtp9xPv.mjs';
+export { N as Nav, S as Sidebar } from './layout-YB7EFpgW.mjs';
+import 'fumadocs-core/server';
+import 'react';

package/dist/layout.client.js

@@ -0,0 +1,458 @@
+"use client";
+import {
+  useSidebarCollapse
+} from "./chunk-PLXR6QNH.js";
+import {
+  TreeContextProvider,
+  useTreeContext
+} from "./chunk-UIZNMCLD.js";
+import {
+  ScrollArea
+} from "./chunk-OG3QOLYP.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-GZQICERS.js";
+import {
+  hasActive,
+  isActive
+} from "./chunk-EDUYFB4P.js";
+import {
+  useSearchContext
+} from "./chunk-36MVEJ25.js";
+import {
+  useI18n
+} from "./chunk-YAHHY62W.js";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-5EZE3X7G.js";
+import {
+  buttonVariants
+} from "./chunk-5KW7ATCP.js";
+import {
+  cn
+} from "./chunk-KCGRUOMD.js";
+import "./chunk-6C3VEZWH.js";
+
+// src/components/nav.tsx
+import { cva as cva2 } from "class-variance-authority";
+import {
+  MenuIcon,
+  MoreVerticalIcon,
+  SearchIcon,
+  SidebarCloseIcon,
+  SidebarOpenIcon
+} from "lucide-react";
+import Link from "fumadocs-core/link";
+import { SidebarTrigger } from "fumadocs-core/sidebar";
+import { usePathname } from "next/navigation";
+import {
+  forwardRef,
+  useEffect,
+  useState,
+  useCallback as useCallback2
+} from "react";
+import { PopoverClose } from "@radix-ui/react-popover";
+
+// src/components/theme-toggle.tsx
+import { cva } from "class-variance-authority";
+import { MoonIcon, SunIcon } from "lucide-react";
+import { useTheme } from "next-themes";
+import { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants2 = cva("size-7 rounded-full p-1.5 text-muted-foreground", {
+  variants: {
+    dark: {
+      true: "dark:bg-accent dark:text-accent-foreground",
+      false: "bg-accent text-accent-foreground dark:bg-transparent dark:text-muted-foreground"
+    }
+  }
+});
+function ThemeToggle({
+  className,
+  ...props
+}) {
+  const { setTheme, resolvedTheme } = useTheme();
+  const onToggle = useCallback(() => {
+    setTheme(resolvedTheme === "dark" ? "light" : "dark");
+  }, [setTheme, resolvedTheme]);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        "inline-flex items-center rounded-full border p-0.5",
+        className
+      ),
+      "aria-label": "Toggle Theme",
+      onClick: onToggle,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SunIcon, { className: cn(buttonVariants2({ dark: false })) }),
+        /* @__PURE__ */ jsx(MoonIcon, { className: cn(buttonVariants2({ dark: true })) })
+      ]
+    }
+  );
+}
+
+// src/components/nav.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Nav({
+  title,
+  url = "/",
+  links,
+  items,
+  transparentMode = "none",
+  enableSidebar,
+  collapsibleSidebar,
+  children
+}) {
+  const [transparent, setTransparent] = useState(transparentMode !== "none");
+  useEffect(() => {
+    if (transparentMode !== "top")
+      return;
+    const listener = () => {
+      setTransparent(window.scrollY < 10);
+    };
+    listener();
+    window.addEventListener("scroll", listener);
+    return () => {
+      window.removeEventListener("scroll", listener);
+    };
+  }, [transparentMode]);
+  return /* @__PURE__ */ jsx2(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-50 h-16 border-b backdrop-blur-md transition-colors",
+        transparent ? "border-transparent" : "border-foreground/10 bg-background/50"
+      ),
+      children: /* @__PURE__ */ jsxs2("nav", { className: "container flex h-full flex-row items-center gap-4", children: [
+        /* @__PURE__ */ jsx2(Link, { href: url, className: "inline-flex items-center font-bold", children: title }),
+        children,
+        items.map((item) => /* @__PURE__ */ jsx2(NavItem, { item, className: "max-lg:hidden" }, item.url)),
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-row items-center justify-end md:gap-2", children: [
+          /* @__PURE__ */ jsx2(SearchToggle, {}),
+          enableSidebar ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+            /* @__PURE__ */ jsx2(ThemeToggle, { className: "max-md:hidden" }),
+            /* @__PURE__ */ jsx2(SidebarToggle, { collapsible: collapsibleSidebar })
+          ] }) : /* @__PURE__ */ jsxs2(Popover, { children: [
+            /* @__PURE__ */ jsx2(ThemeToggle, { className: "max-lg:hidden" }),
+            /* @__PURE__ */ jsx2(
+              PopoverTrigger,
+              {
+                className: cn(
+                  buttonVariants({
+                    size: "icon",
+                    color: "ghost",
+                    className: "lg:hidden"
+                  })
+                ),
+                children: /* @__PURE__ */ jsx2(MoreVerticalIcon, {})
+              }
+            ),
+            /* @__PURE__ */ jsxs2(PopoverContent, { className: "flex min-w-[260px] flex-col px-3 py-1", children: [
+              items.map((item) => /* @__PURE__ */ jsx2(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsx2(
+                NavItem,
+                {
+                  item,
+                  className: "py-2 text-medium font-medium"
+                }
+              ) }, item.url)),
+              /* @__PURE__ */ jsx2(ThemeToggle, { className: "w-fit" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx2(
+            "div",
+            {
+              className: cn(
+                "flex flex-row items-center border-l pl-2 max-md:hidden",
+                links.length === 0 && "hidden"
+              ),
+              children: links.map((item) => /* @__PURE__ */ jsx2(
+                Link,
+                {
+                  "aria-label": item.label,
+                  href: item.href,
+                  external: item.external,
+                  className: cn(buttonVariants({ size: "icon", color: "ghost" })),
+                  children: item.icon
+                },
+                item.href
+              ))
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var shortcut = cva2("rounded-md border bg-background px-1.5");
+function SearchToggle() {
+  const { setOpenSearch } = useSearchContext();
+  const { text } = useI18n();
+  const onClick = useCallback2(() => {
+    setOpenSearch(true);
+  }, [setOpenSearch]);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          buttonVariants({
+            size: "icon",
+            color: "ghost",
+            className: "md:hidden"
+          })
+        ),
+        "aria-label": "Open Search",
+        onClick,
+        children: /* @__PURE__ */ jsx2(SearchIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs2(
+      "button",
+      {
+        type: "button",
+        className: "inline-flex w-full max-w-[240px] items-center gap-2 rounded-full border bg-secondary/50 p-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground max-md:hidden",
+        onClick,
+        children: [
+          /* @__PURE__ */ jsx2(SearchIcon, { "aria-label": "Open Search", className: "ml-1 size-4" }),
+          text.search,
+          /* @__PURE__ */ jsxs2("div", { className: "ml-auto inline-flex gap-0.5 text-xs", children: [
+            /* @__PURE__ */ jsx2("kbd", { className: shortcut(), children: "\u2318" }),
+            /* @__PURE__ */ jsx2("kbd", { className: shortcut(), children: "K" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SidebarToggle({ collapsible }) {
+  const [open, setOpen] = useSidebarCollapse();
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2(
+      SidebarTrigger,
+      {
+        "aria-label": "Toggle Sidebar",
+        className: cn(
+          buttonVariants({
+            size: "icon",
+            color: "ghost",
+            className: "md:hidden"
+          })
+        ),
+        children: /* @__PURE__ */ jsx2(MenuIcon, {})
+      }
+    ),
+    collapsible ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Toggle Sidebar",
+        onClick: () => {
+          setOpen(!open);
+        },
+        className: cn(
+          buttonVariants({
+            color: "outline",
+            size: "icon",
+            className: "rounded-full max-md:hidden"
+          })
+        ),
+        children: open ? /* @__PURE__ */ jsx2(SidebarCloseIcon, {}) : /* @__PURE__ */ jsx2(SidebarOpenIcon, {})
+      }
+    ) : null
+  ] });
+}
+var NavItem = forwardRef(({ item, className, ...props }, ref) => {
+  const { text, url, external } = item;
+  const pathname = usePathname();
+  return /* @__PURE__ */ jsx2(
+    Link,
+    {
+      ref,
+      href: url,
+      external,
+      className: cn(
+        "text-sm text-muted-foreground",
+        isActive(url, pathname) ? "font-medium text-accent-foreground" : "transition-colors hover:text-accent-foreground",
+        className
+      ),
+      ...props,
+      children: text
+    }
+  );
+});
+NavItem.displayName = "NavItem";
+
+// src/components/sidebar.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { ChevronDown } from "lucide-react";
+import * as Base from "fumadocs-core/sidebar";
+import { usePathname as usePathname2 } from "next/navigation";
+import { createContext, useContext, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import Link2 from "fumadocs-core/link";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var itemVariants = cva3(
+  "flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-muted-foreground [&_svg]:size-4",
+  {
+    variants: {
+      active: {
+        true: "bg-primary/10 font-medium text-primary",
+        false: "hover:bg-accent/50 hover:text-accent-foreground/80"
+      }
+    }
+  }
+);
+var SidebarContext = createContext({
+  defaultOpenLevel: 1
+});
+function Sidebar({
+  banner,
+  footer,
+  items = [],
+  defaultOpenLevel = 1
+}) {
+  const [open] = useSidebarCollapse();
+  const { root } = useTreeContext();
+  return /* @__PURE__ */ jsx3(
+    Base.SidebarList,
+    {
+      minWidth: 768,
+      className: cn(
+        "flex w-full flex-col text-medium",
+        !open ? "md:hidden" : "md:sticky md:top-16 md:h-body md:w-[240px] md:text-sm xl:w-[260px]",
+        "max-md:fixed max-md:inset-0 max-md:z-40 max-md:bg-background/80 max-md:pt-16 max-md:backdrop-blur-md max-md:data-[open=false]:hidden"
+      ),
+      children: /* @__PURE__ */ jsxs3(SidebarContext.Provider, { value: { defaultOpenLevel }, children: [
+        /* @__PURE__ */ jsx3(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-8 pb-10 pt-4 max-md:px-4 md:pr-3 md:pt-10", children: [
+          banner,
+          /* @__PURE__ */ jsx3("div", { className: "lg:hidden", children: items.map((item) => /* @__PURE__ */ jsx3(BaseItem, { item, nested: true }, item.url)) }),
+          /* @__PURE__ */ jsx3(NodeList, { items: root.children })
+        ] }) }),
+        /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: cn(
+              "flex flex-row items-center gap-2 border-t py-2 max-md:px-4",
+              !footer && "md:hidden"
+            ),
+            children: [
+              footer,
+              /* @__PURE__ */ jsx3(ThemeToggle, { className: "md:hidden" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function NodeList({ items, level = 0, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { ...props, children: items.map((item) => {
+    const id = `${item.type}_${item.name}`;
+    switch (item.type) {
+      case "separator":
+        return /* @__PURE__ */ jsx3(SeparatorNode, { item }, id);
+      case "folder":
+        return /* @__PURE__ */ jsx3(Folder, { item, level: level + 1 }, id);
+      default:
+        return /* @__PURE__ */ jsx3(
+          BaseItem,
+          {
+            item: { text: item.name, url: item.url, icon: item.icon }
+          },
+          item.url
+        );
+    }
+  }) });
+}
+function BaseItem({
+  item,
+  nested = false
+}) {
+  const pathname = usePathname2();
+  const active = isActive(item.url, pathname, nested);
+  return /* @__PURE__ */ jsxs3(
+    Link2,
+    {
+      href: item.url,
+      external: item.external,
+      className: cn(itemVariants({ active })),
+      children: [
+        item.icon,
+        item.text
+      ]
+    }
+  );
+}
+function Folder({
+  item: { name, children, index, icon },
+  level
+}) {
+  const { defaultOpenLevel } = useContext(SidebarContext);
+  const pathname = usePathname2();
+  const active = index && isActive(index.url, pathname, false);
+  const childActive = useMemo(
+    () => hasActive(children, pathname),
+    [children, pathname]
+  );
+  const [extend, setExtend] = useState2(
+    active || childActive || defaultOpenLevel >= level
+  );
+  useEffect2(() => {
+    if (active || childActive)
+      setExtend(true);
+  }, [active, childActive]);
+  const content = /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    icon,
+    name,
+    /* @__PURE__ */ jsx3(
+      ChevronDown,
+      {
+        onClick: (e) => {
+          setExtend((prev) => !prev);
+          e.preventDefault();
+        },
+        className: cn("ml-auto transition-transform", !extend && "-rotate-90")
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs3(
+    Collapsible,
+    {
+      open: extend,
+      onOpenChange: !index || active ? setExtend : void 0,
+      children: [
+        /* @__PURE__ */ jsx3(
+          CollapsibleTrigger,
+          {
+            className: cn(itemVariants({ active, className: "w-full" })),
+            asChild: true,
+            children: index ? /* @__PURE__ */ jsx3(Link2, { href: index.url, children: content }) : /* @__PURE__ */ jsx3("button", { type: "button", children: content })
+          }
+        ),
+        /* @__PURE__ */ jsx3(CollapsibleContent, { children: /* @__PURE__ */ jsx3(
+          NodeList,
+          {
+            className: "ml-4 flex flex-col border-l py-2 pl-2",
+            items: children,
+            level
+          }
+        ) })
+      ]
+    }
+  );
+}
+function SeparatorNode({ item }) {
+  return /* @__PURE__ */ jsx3("p", { className: "mb-2 mt-8 px-2 font-medium first:mt-0", children: item.name });
+}
+export {
+  Nav,
+  Sidebar,
+  TreeContextProvider
+};

package/dist/layout.d.mts

@@ -0,0 +1,3 @@
+import 'fumadocs-core/server';
+import 'react';
+export { B as BaseLayoutProps, b as DocsLayout, D as DocsLayoutProps, a as Layout, L as LinkItem } from './layout-YB7EFpgW.mjs';