fumadocs-ui 11.3.2 → 12.0.0

package/dist/layout.client.js

@@ -1,35 +1,23 @@
 "use client";
 import {
-  useSidebar
-} from "./chunk-IN5NHEZV.js";
-import {
-  TreeContextProvider,
-  useTreeContext
-} from "./chunk-TDTHXDET.js";
-import {
-  ScrollArea,
-  ScrollViewport
-} from "./chunk-VYTHQTZE.js";
+  LargeSearchToggle,
+  LinkItem,
+  SearchToggle,
+  ThemeToggle
+} from "./chunk-JQW5DMD2.js";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-WNKY4RA5.js";
-import {
-  hasActive,
-  isActive
-} from "./chunk-AN2Y6MA2.js";
+} from "./chunk-UBVEKNRF.js";
+import "./chunk-AN2Y6MA2.js";
 import {
   useSearchContext
 } from "./chunk-FSPYEOFC.js";
 import {
   useI18n
-} from "./chunk-PW7TBOIJ.js";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "./chunk-7XPZOMJ2.js";
+} from "./chunk-CRYPD6UZ.js";
+import "./chunk-7XPZOMJ2.js";
 import {
   buttonVariants
 } from "./chunk-7GZKFBAP.js";
@@ -38,166 +26,17 @@ import {
 } from "./chunk-TK3TM3MR.js";
 import "./chunk-MLKGABMK.js";
 
-// src/components/nav.tsx
-import { MenuIcon, MoreVertical, SearchIcon, X } from "lucide-react";
-import Link2 from "fumadocs-core/link";
-import { SidebarTrigger } from "fumadocs-core/sidebar";
-import { useCallback as useCallback2, useEffect, useState } from "react";
-import { usePathname as usePathname2 } from "next/navigation";
-
-// src/components/theme-toggle.tsx
-import { cva } from "class-variance-authority";
-import { Moon, Sun } 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: twMerge(
-        "inline-flex items-center rounded-full border p-0.5",
-        className
-      ),
-      "aria-label": "Toggle Theme",
-      onClick: onToggle,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(Sun, { className: twMerge(buttonVariants2({ dark: false })) }),
-        /* @__PURE__ */ jsx(Moon, { className: twMerge(buttonVariants2({ dark: true })) })
-      ]
-    }
-  );
-}
-
-// src/components/link-item.tsx
+// src/components/layout/nav.tsx
+import { MoreVertical } from "lucide-react";
 import Link from "fumadocs-core/link";
-import { ChevronDown } from "lucide-react";
+import { useEffect, useState } from "react";
 import { usePathname } from "next/navigation";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var linkItemVariants = cva2(
-  "inline-flex items-center gap-1.5 rounded-lg p-2 text-[15px] text-muted-foreground transition-colors [&_svg]:size-4",
-  {
-    variants: {
-      active: {
-        true: "bg-accent text-accent-foreground",
-        false: "hover:bg-accent"
-      }
-    },
-    defaultVariants: {
-      active: false
-    }
-  }
-);
-function LinkItem({
-  item,
-  on = "nav",
-  className,
-  ...props
-}) {
-  const pathname = usePathname();
-  if (item.type === "menu" && on === "nav") {
-    return /* @__PURE__ */ jsxs2(Popover, { children: [
-      /* @__PURE__ */ jsxs2(
-        PopoverTrigger,
-        {
-          className: twMerge(
-            linkItemVariants({ className }),
-            "data-[state=open]:bg-accent"
-          ),
-          ...props,
-          children: [
-            item.text,
-            /* @__PURE__ */ jsx2(ChevronDown, { className: "ml-auto size-4" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx2(PopoverContent, { className: "flex flex-col", children: item.items.map((child, i) => /* @__PURE__ */ jsx2(LinkItem, { item: child, on: "menu" }, i)) })
-    ] });
-  }
-  if (item.type === "menu") {
-    return /* @__PURE__ */ jsxs2(Collapsible, { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxs2(
-        CollapsibleTrigger,
-        {
-          className: twMerge(linkItemVariants({ className }), "group/link"),
-          ...props,
-          children: [
-            item.icon,
-            item.text,
-            /* @__PURE__ */ jsx2(ChevronDown, { className: "ml-auto size-4 group-data-[state=closed]/link:-rotate-90" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx2(CollapsibleContent, { children: /* @__PURE__ */ jsx2("div", { className: "flex flex-col py-1 ps-4", children: item.items.map((child, i) => /* @__PURE__ */ jsx2(LinkItem, { item: child, on: "menu" }, i)) }) })
-    ] });
-  }
-  const activeType = item.active ?? "url";
-  const active = activeType !== "none" ? isActive(item.url, pathname, activeType === "nested-url") : false;
-  if (item.type === "secondary" && on === "nav") {
-    return /* @__PURE__ */ jsx2(
-      Link,
-      {
-        "aria-label": item.text,
-        href: item.url,
-        external: item.external,
-        className: twMerge(
-          buttonVariants({
-            size: "icon",
-            color: "ghost",
-            className
-          })
-        ),
-        ...props,
-        children: item.icon
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs2(
-    Link,
-    {
-      href: item.url,
-      external: item.external,
-      className: twMerge(
-        linkItemVariants({
-          active,
-          className
-        })
-      ),
-      ...props,
-      children: [
-        on === "menu" ? item.icon : null,
-        item.text
-      ]
-    }
-  );
-}
-
-// src/components/nav.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Nav({
   title = "My App",
   url = "/",
   items,
   transparentMode = "none",
-  enableSidebar,
   enableSearch = true,
   children
 }) {
@@ -214,16 +53,16 @@ function Nav({
       window.removeEventListener("scroll", listener);
     };
   }, [transparentMode]);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     "header",
     {
       className: twMerge(
         "sticky top-0 z-50 h-16 border-b transition-colors",
         transparent ? "border-transparent" : "border-foreground/10 bg-background/50 backdrop-blur-md"
       ),
-      children: /* @__PURE__ */ jsxs3("nav", { className: "mx-auto flex size-full max-w-container flex-row items-center gap-6 px-4", children: [
-        /* @__PURE__ */ jsx3(
-          Link2,
+      children: /* @__PURE__ */ jsxs("nav", { className: "mx-auto flex size-full max-w-container flex-row items-center gap-6 px-4", children: [
+        /* @__PURE__ */ jsx(
+          Link,
           {
             href: url,
             className: "inline-flex items-center gap-3 font-semibold",
@@ -231,7 +70,7 @@ function Nav({
           }
         ),
         children,
-        items.filter((item) => item.type !== "secondary").map((item, i) => /* @__PURE__ */ jsx3(
+        items.filter((item) => item.type !== "secondary").map((item, i) => /* @__PURE__ */ jsx(
           LinkItem,
           {
             item,
@@ -239,34 +78,14 @@ function Nav({
           },
           i
         )),
-        /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-row items-center justify-end md:gap-2", children: [
-          enableSearch && search.enabled ? /* @__PURE__ */ jsx3(SearchToggle, {}) : null,
-          /* @__PURE__ */ jsx3(ThemeToggle, { className: "max-lg:hidden" }),
-          enableSidebar ? /* @__PURE__ */ jsxs3(
-            SidebarTrigger,
-            {
-              "aria-label": "Toggle Sidebar",
-              className: twMerge(
-                buttonVariants({
-                  size: "icon",
-                  color: "ghost",
-                  className: "group md:hidden"
-                })
-              ),
-              children: [
-                /* @__PURE__ */ jsx3(MenuIcon, { className: "group-data-[open=true]:hidden" }),
-                /* @__PURE__ */ jsx3(X, { className: "hidden group-data-[open=true]:block" })
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsx3(
-            LinksMenu,
-            {
-              items,
-              className: twMerge("lg:hidden", enableSidebar && "max-md:hidden")
-            }
-          ),
-          items.filter((item) => item.type === "secondary").map((item, i) => /* @__PURE__ */ jsx3(LinkItem, { item, className: "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" }),
+          /* @__PURE__ */ jsx(LinksMenu, { items, className: "lg:hidden" }),
+          items.filter((item) => item.type === "secondary").map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, className: "max-lg:hidden" }, i))
         ] })
       ] })
     }
@@ -274,12 +93,13 @@ function Nav({
 }
 function LinksMenu({ items, ...props }) {
   const [open, setOpen] = useState(false);
-  const pathname = usePathname2();
+  const { text } = useI18n();
+  const pathname = usePathname();
   useEffect(() => {
     setOpen(false);
   }, [pathname]);
-  return /* @__PURE__ */ jsxs3(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(
       PopoverTrigger,
       {
         ...props,
@@ -290,366 +110,18 @@ function LinksMenu({ items, ...props }) {
             className: props.className
           })
         ),
-        children: /* @__PURE__ */ jsx3(MoreVertical, {})
+        children: /* @__PURE__ */ jsx(MoreVertical, {})
       }
     ),
-    /* @__PURE__ */ jsxs3(PopoverContent, { className: "flex flex-col", children: [
-      items.map((item, i) => /* @__PURE__ */ jsx3(LinkItem, { item, on: "menu" }, i)),
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-row items-center justify-between px-2 py-1", children: [
-        /* @__PURE__ */ jsx3("p", { className: "font-medium", children: "Theme" }),
-        /* @__PURE__ */ jsx3(ThemeToggle, {})
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "flex flex-col", children: [
+      items.map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, on: "menu" }, i)),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between px-2 py-1", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-muted-foreground", children: text.chooseTheme }),
+        /* @__PURE__ */ jsx(ThemeToggle, {})
       ] })
     ] })
   ] });
 }
-function SearchToggle() {
-  const { hotKey, setOpenSearch } = useSearchContext();
-  const { text } = useI18n();
-  const onClick = useCallback2(() => {
-    setOpenSearch(true);
-  }, [setOpenSearch]);
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(
-      "button",
-      {
-        type: "button",
-        className: twMerge(
-          buttonVariants({
-            size: "icon",
-            color: "ghost",
-            className: "md:hidden"
-          })
-        ),
-        "aria-label": "Open Search",
-        onClick,
-        children: /* @__PURE__ */ jsx3(SearchIcon, {})
-      }
-    ),
-    /* @__PURE__ */ jsxs3(
-      "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__ */ jsx3(SearchIcon, { className: "ms-1 size-4" }),
-          text.search,
-          /* @__PURE__ */ jsx3("div", { className: "ms-auto inline-flex gap-0.5 text-xs", children: hotKey.map((k, i) => /* @__PURE__ */ jsx3("kbd", { className: "rounded-md border bg-background px-1.5", children: k.display }, i)) })
-        ]
-      }
-    )
-  ] });
-}
-
-// src/components/sidebar.tsx
-import { cva as cva3 } from "class-variance-authority";
-import { ChevronDown as ChevronDown2, ExternalLinkIcon } from "lucide-react";
-import * as Base from "fumadocs-core/sidebar";
-import { usePathname as usePathname3 } from "next/navigation";
-import {
-  createContext,
-  useCallback as useCallback3,
-  useContext,
-  useEffect as useEffect2,
-  useMemo,
-  useState as useState2
-} from "react";
-import Link3 from "fumadocs-core/link";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var itemVariants = cva3(
-  "flex w-full flex-row items-center gap-2 rounded-md px-2 py-1.5 text-muted-foreground transition-colors duration-100 [&_svg]:size-4",
-  {
-    variants: {
-      active: {
-        true: "bg-primary/10 font-medium text-primary",
-        false: "hover:bg-accent/50 hover:text-accent-foreground/80 hover:transition-none"
-      }
-    }
-  }
-);
-var defaultComponents = {
-  Folder: FolderNode,
-  Separator: SeparatorNode,
-  Item: PageNode
-};
-var SidebarContext = createContext({
-  defaultOpenLevel: 1,
-  components: defaultComponents
-});
-function Sidebar({
-  footer,
-  components,
-  defaultOpenLevel = 1,
-  banner,
-  items,
-  ...props
-}) {
-  const alwaysShowFooter = Boolean(footer);
-  const context = useMemo(
-    () => ({
-      defaultOpenLevel,
-      components: { ...defaultComponents, ...components }
-    }),
-    [components, defaultOpenLevel]
-  );
-  return /* @__PURE__ */ jsx4(SidebarContext.Provider, { value: context, children: /* @__PURE__ */ jsxs4(
-    Base.SidebarList,
-    {
-      blockScrollingWidth: 768,
-      className: twMerge(
-        "flex w-full flex-col text-[15px] 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:pt-16 max-md:data-[open=false]:hidden",
-        props.className
-      ),
-      children: [
-        /* @__PURE__ */ jsx4(
-          "div",
-          {
-            id: "sidebar-background",
-            className: "absolute z-[-1] size-full max-md:bg-background/80 max-md:backdrop-blur-md"
-          }
-        ),
-        /* @__PURE__ */ jsxs4(ViewportContent, { children: [
-          banner,
-          items.length > 0 && /* @__PURE__ */ jsx4("div", { className: "flex flex-col md:hidden", children: items.map((item, i) => /* @__PURE__ */ jsx4(LinkItem, { item, on: "menu" }, i)) })
-        ] }),
-        /* @__PURE__ */ jsxs4(
-          "div",
-          {
-            className: twMerge(
-              "flex flex-row items-center gap-2 border-t p-3 md:p-2",
-              !alwaysShowFooter && "md:hidden"
-            ),
-            children: [
-              footer,
-              /* @__PURE__ */ jsx4(ThemeToggle, { className: "md:hidden" })
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}
-function ViewportContent({
-  children
-}) {
-  const { root } = useTreeContext();
-  return /* @__PURE__ */ jsx4(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx4(ScrollViewport, { children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-8 p-4 pb-10 md:px-3 md:pt-10", children: [
-    children,
-    /* @__PURE__ */ jsx4(NodeList, { items: root.children })
-  ] }) }) });
-}
-function NodeList({
-  items,
-  level = 0,
-  ...props
-}) {
-  const { components } = useContext(SidebarContext);
-  return /* @__PURE__ */ jsx4("div", { ...props, children: items.map((item) => {
-    const id = `${item.type}_${item.name}`;
-    switch (item.type) {
-      case "separator":
-        return /* @__PURE__ */ jsx4(components.Separator, { item }, id);
-      case "folder":
-        return /* @__PURE__ */ jsx4(components.Folder, { item, level: level + 1 }, id);
-      default:
-        return /* @__PURE__ */ jsx4(components.Item, { item }, item.url);
-    }
-  }) });
-}
-function PageNode({
-  item: { icon, external = false, url, name },
-  nested = false
-}) {
-  const pathname = usePathname3();
-  const active = isActive(url, pathname, nested);
-  return /* @__PURE__ */ jsxs4(
-    Link3,
-    {
-      href: url,
-      external,
-      className: twMerge(itemVariants({ active })),
-      children: [
-        icon ?? (external ? /* @__PURE__ */ jsx4(ExternalLinkIcon, {}) : null),
-        name
-      ]
-    }
-  );
-}
-function FolderNode({
-  item: { name, children, index, icon, defaultOpen = false },
-  level
-}) {
-  const { defaultOpenLevel } = useContext(SidebarContext);
-  const pathname = usePathname3();
-  const active = index !== void 0 && isActive(index.url, pathname, false);
-  const childActive = useMemo(
-    () => hasActive(children, pathname),
-    [children, pathname]
-  );
-  const shouldExtend = active || childActive || defaultOpenLevel >= level || defaultOpen;
-  const [extend, setExtend] = useState2(shouldExtend);
-  useEffect2(() => {
-    if (shouldExtend) setExtend(true);
-  }, [shouldExtend]);
-  const onClick = useCallback3(
-    (e) => {
-      if (e.target !== e.currentTarget || active) {
-        setExtend((prev) => !prev);
-        e.preventDefault();
-      }
-    },
-    [active]
-  );
-  return /* @__PURE__ */ jsxs4(Collapsible, { open: extend, onOpenChange: setExtend, children: [
-    index ? /* @__PURE__ */ jsxs4(
-      Link3,
-      {
-        className: twMerge(itemVariants({ active })),
-        href: index.url,
-        onClick,
-        children: [
-          icon,
-          name,
-          /* @__PURE__ */ jsx4(
-            ChevronDown2,
-            {
-              className: twMerge(
-                "ms-auto transition-transform",
-                !extend && "-rotate-90"
-              )
-            }
-          )
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs4(CollapsibleTrigger, { className: twMerge(itemVariants({ active })), children: [
-      icon,
-      name,
-      /* @__PURE__ */ jsx4(
-        ChevronDown2,
-        {
-          className: twMerge(
-            "ms-auto transition-transform",
-            !extend && "-rotate-90"
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx4(CollapsibleContent, { children: /* @__PURE__ */ jsx4(
-      NodeList,
-      {
-        className: "ms-2 flex flex-col border-s py-2 ps-2",
-        items: children,
-        level
-      }
-    ) })
-  ] });
-}
-function SeparatorNode({
-  item
-}) {
-  return /* @__PURE__ */ jsx4("p", { className: "mb-2 mt-8 px-2 font-medium first:mt-0", children: item.name });
-}
-
-// src/components/dynamic-sidebar.tsx
-import { useCallback as useCallback4, useRef, useState as useState3 } from "react";
-import { SidebarIcon } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function DynamicSidebar(props) {
-  const { collapsed, setCollapsed } = useSidebar();
-  const [hover, setHover] = useState3(false);
-  const timerRef = useRef(0);
-  const onCollapse = useCallback4(() => {
-    setCollapsed(!collapsed);
-  }, [collapsed, setCollapsed]);
-  const onHover = useCallback4((e) => {
-    if (e.pointerType === "touch") return;
-    window.clearTimeout(timerRef.current);
-    setHover(true);
-  }, []);
-  const onLeave = useCallback4((e) => {
-    if (e.pointerType === "touch") return;
-    window.clearTimeout(timerRef.current);
-    timerRef.current = window.setTimeout(() => {
-      setHover(false);
-    }, 300);
-  }, []);
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    collapsed ? /* @__PURE__ */ jsx5(
-      "div",
-      {
-        className: "fixed bottom-0 start-0 top-16 max-md:hidden",
-        onPointerEnter: onHover,
-        onPointerLeave: onLeave,
-        style: {
-          maxWidth: "240px",
-          width: "calc(max(0px, 100vw - 1400px)/2)",
-          minWidth: "1rem"
-        }
-      }
-    ) : null,
-    collapsed ? /* @__PURE__ */ jsx5(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Collapse Sidebar",
-        className: twMerge(
-          buttonVariants({
-            color: "secondary",
-            size: "icon",
-            className: "fixed start-4 bottom-4 z-10 max-md:hidden"
-          })
-        ),
-        onClick: onCollapse,
-        children: /* @__PURE__ */ jsx5(SidebarIcon, {})
-      }
-    ) : null,
-    /* @__PURE__ */ jsx5(
-      "div",
-      {
-        id: "dynamic-sidebar",
-        "data-open": !collapsed,
-        "data-hover": hover,
-        onPointerEnter: onHover,
-        onPointerLeave: onLeave,
-        "aria-hidden": Boolean(collapsed && !hover),
-        className: twMerge(
-          "z-40 transition-transform max-md:absolute",
-          collapsed && "md:fixed md:bottom-2 md:start-2 md:top-16 md:overflow-hidden md:rounded-xl md:border md:bg-background md:shadow-md"
-        ),
-        children: /* @__PURE__ */ jsx5(
-          Sidebar,
-          {
-            ...props,
-            className: twMerge(collapsed && "md:h-full"),
-            footer: /* @__PURE__ */ jsxs5(Fragment2, { children: [
-              props.footer,
-              /* @__PURE__ */ jsx5(
-                "button",
-                {
-                  type: "button",
-                  "aria-label": "Collapse Sidebar",
-                  className: twMerge(
-                    buttonVariants({
-                      color: "ghost",
-                      size: "icon",
-                      className: "max-md:hidden ms-auto"
-                    })
-                  ),
-                  onClick: onCollapse,
-                  children: /* @__PURE__ */ jsx5(SidebarIcon, {})
-                }
-              )
-            ] })
-          }
-        )
-      }
-    )
-  ] });
-}
 export {
-  DynamicSidebar,
-  Nav,
-  Sidebar,
-  TreeContextProvider
+  Nav
 };

package/dist/layout.d.ts

@@ -1,3 +1,3 @@
 import 'fumadocs-core/server';
 import 'react';
-export { B as BaseLayoutProps, c as DocsLayout, D as DocsLayoutProps, b as Layout, L as LinkItemType } from './layout-WuS8Ab4e.js';
+export { B as BaseLayoutProps, c as DocsLayout, D as DocsLayoutProps, b as Layout, L as LinkItemType } from './layout.client-Duq0TTke.js';