fumadocs-ui 13.4.4 → 13.4.6

package/dist/{chunk-N47AX4K6.js → chunk-KCZRDPB4.js}

@@ -25,14 +25,104 @@ import {
   twMerge
 } from "./chunk-TK3TM3MR.js";
 
-// src/components/layout/link-item.tsx
+// src/components/layout/search-toggle.tsx
+import { useCallback } from "react";
+import { SearchIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SearchToggle(props) {
+  const { setOpenSearch } = useSearchContext();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: twMerge(
+        buttonVariants({
+          size: "icon",
+          color: "ghost",
+          className: props.className
+        })
+      ),
+      "data-search": "",
+      "aria-label": "Open Search",
+      onClick: useCallback(() => {
+        setOpenSearch(true);
+      }, [setOpenSearch]),
+      children: /* @__PURE__ */ jsx(SearchIcon, {})
+    }
+  );
+}
+function LargeSearchToggle(props) {
+  const { hotKey, setOpenSearch } = useSearchContext();
+  const { text } = useI18n();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-search-full": "",
+      ...props,
+      className: twMerge(
+        "inline-flex items-center gap-2 rounded-full border bg-fd-secondary/50 p-1.5 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground",
+        props.className
+      ),
+      onClick: useCallback(() => {
+        setOpenSearch(true);
+      }, [setOpenSearch]),
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "ms-1 size-4" }),
+        text.search,
+        /* @__PURE__ */ jsx("div", { className: "ms-auto inline-flex gap-0.5", children: hotKey.map((k, i) => /* @__PURE__ */ jsx("kbd", { className: "rounded-md border bg-fd-background px-1.5", children: k.display }, i)) })
+      ]
+    }
+  );
+}
+
+// src/components/layout/nav.tsx
 import Link from "fumadocs-core/link";
+import {
+  useEffect,
+  useState
+} from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function NavBox({
+  transparentMode = "none",
+  ...props
+}) {
+  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",
+    {
+      ...props,
+      className: twMerge(
+        "sticky top-0 z-40 border-b transition-colors",
+        transparent ? "border-transparent" : "border-fd-foreground/10 bg-fd-background/60 backdrop-blur-md",
+        props.className
+      )
+    }
+  );
+}
+function Title({ title, url = "/" }) {
+  return /* @__PURE__ */ jsx2(Link, { href: url, className: "inline-flex items-center gap-2 font-semibold", children: title });
+}
+
+// src/components/layout/link-item.tsx
+import Link2 from "fumadocs-core/link";
 import { ChevronDown } from "lucide-react";
 import { usePathname } from "next/navigation";
 import { cva } from "class-variance-authority";
-import { useState } from "react";
+import { useState as useState2 } from "react";
 import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var linkItemVariants = cva(
   "-m-2 inline-flex items-center gap-1 p-2 text-fd-muted-foreground transition-colors [&_svg]:size-4",
   {
@@ -57,7 +147,7 @@ function LinkItem({
   if (item.on && item.on !== "all" && item.on !== on) return null;
   if (item.type === "custom") return item.children;
   if (item.type === "menu" && on === "nav") {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs2(
       LinksMenu,
       {
         items: item.items,
@@ -66,14 +156,14 @@ function LinkItem({
         children: [
           item.icon,
           item.text,
-          /* @__PURE__ */ jsx(ChevronDown, { className: "ms-auto !size-3.5" })
+          /* @__PURE__ */ jsx3(ChevronDown, { className: "ms-auto !size-3.5" })
         ]
       }
     );
   }
   if (item.type === "menu") {
-    return /* @__PURE__ */ jsxs(Collapsible, { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs2(Collapsible, { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs2(
         CollapsibleTrigger,
         {
           className: twMerge(itemVariants({ className }), "group/link"),
@@ -81,16 +171,16 @@ function LinkItem({
           children: [
             item.icon,
             item.text,
-            /* @__PURE__ */ jsx(ChevronDown, { className: "ms-auto transition-transform group-data-[state=closed]/link:-rotate-90" })
+            /* @__PURE__ */ jsx3(ChevronDown, { className: "ms-auto transition-transform group-data-[state=closed]/link:-rotate-90" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "ms-2 flex flex-col border-s py-2 ps-2", children: item.items.map((child, i) => /* @__PURE__ */ jsx(LinkItem, { item: child, on: "menu" }, i)) }) })
+      /* @__PURE__ */ jsx3(CollapsibleContent, { children: /* @__PURE__ */ jsx3("div", { className: "ms-2 flex flex-col border-s py-2 ps-2", children: item.items.map((child, i) => /* @__PURE__ */ jsx3(LinkItem, { item: child, on: "menu" }, i)) }) })
     ] });
   }
   if (item.type === "button") {
-    return /* @__PURE__ */ jsxs(
-      Link,
+    return /* @__PURE__ */ jsxs2(
+      Link2,
       {
         href: item.url,
         external: item.external,
@@ -109,8 +199,8 @@ function LinkItem({
   const activeType = item.active ?? "url";
   const active = activeType !== "none" && isActive(item.url, pathname, activeType === "nested-url");
   if (item.type === "icon" && on === "nav") {
-    return /* @__PURE__ */ jsx(
-      Link,
+    return /* @__PURE__ */ jsx3(
+      Link2,
       {
         "aria-label": item.label,
         href: item.url,
@@ -127,8 +217,8 @@ function LinkItem({
       }
     );
   }
-  return /* @__PURE__ */ jsxs(
-    Link,
+  return /* @__PURE__ */ jsxs2(
+    Link2,
     {
       href: item.url,
       external: item.external,
@@ -151,74 +241,68 @@ function LinksMenu({
   footer,
   ...props
 }) {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState2(false);
   const pathname = usePathname();
   useOnChange(pathname, () => {
     setOpen(false);
   });
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { ...props }),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "flex flex-col", children: [
-      items.map((item, i) => /* @__PURE__ */ jsx(LinkItem, { item, on: "menu" }, i)),
+  return /* @__PURE__ */ jsxs2(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx3(PopoverTrigger, { ...props }),
+    /* @__PURE__ */ jsxs2(PopoverContent, { className: "flex flex-col", children: [
+      items.map((item, i) => /* @__PURE__ */ jsx3(LinkItem, { item, on: "menu" }, i)),
       footer
     ] })
   ] });
 }
 
-// src/components/layout/search-toggle.tsx
-import { useCallback } from "react";
-import { SearchIcon } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function SearchToggle(props) {
-  const { setOpenSearch } = useSearchContext();
-  return /* @__PURE__ */ jsx2(
-    "button",
-    {
-      type: "button",
-      className: twMerge(
-        buttonVariants({
-          size: "icon",
-          color: "ghost",
-          className: props.className
-        })
-      ),
-      "data-search": "",
-      "aria-label": "Open Search",
-      onClick: useCallback(() => {
-        setOpenSearch(true);
-      }, [setOpenSearch]),
-      children: /* @__PURE__ */ jsx2(SearchIcon, {})
+// src/components/layout/theme-toggle.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { useCallback as useCallback2 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var buttonVariants2 = cva2("size-6 rounded-full p-1 text-fd-muted-foreground", {
+  variants: {
+    dark: {
+      true: "dark:bg-fd-accent dark:text-fd-accent-foreground",
+      false: "bg-fd-accent text-fd-accent-foreground dark:bg-transparent dark:text-fd-muted-foreground"
     }
-  );
-}
-function LargeSearchToggle(props) {
-  const { hotKey, setOpenSearch } = useSearchContext();
-  const { text } = useI18n();
-  return /* @__PURE__ */ jsxs2(
+  }
+});
+function ThemeToggle({
+  className,
+  ...props
+}) {
+  const { setTheme, resolvedTheme } = useTheme();
+  const onToggle = useCallback2(() => {
+    setTheme(resolvedTheme === "dark" ? "light" : "dark");
+  }, [setTheme, resolvedTheme]);
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       type: "button",
-      "data-search-full": "",
-      ...props,
       className: twMerge(
-        "inline-flex items-center gap-2 rounded-full border bg-fd-secondary/50 p-1.5 text-sm text-fd-muted-foreground transition-colors hover:bg-fd-accent hover:text-fd-accent-foreground",
-        props.className
+        "inline-flex items-center rounded-full border p-0.5",
+        className
       ),
-      onClick: useCallback(() => {
-        setOpenSearch(true);
-      }, [setOpenSearch]),
+      "data-theme-toggle": "",
+      "aria-label": "Toggle Theme",
+      onClick: onToggle,
+      ...props,
       children: [
-        /* @__PURE__ */ jsx2(SearchIcon, { className: "ms-1 size-4" }),
-        text.search,
-        /* @__PURE__ */ jsx2("div", { className: "ms-auto inline-flex gap-0.5", children: hotKey.map((k, i) => /* @__PURE__ */ jsx2("kbd", { className: "rounded-md border bg-fd-background px-1.5", children: k.display }, i)) })
+        /* @__PURE__ */ jsx4(Sun, { className: twMerge(buttonVariants2({ dark: false })) }),
+        /* @__PURE__ */ jsx4(Moon, { className: twMerge(buttonVariants2({ dark: true })) })
       ]
     }
   );
 }
 
 export {
+  SearchToggle,
+  LargeSearchToggle,
+  NavBox,
+  Title,
   LinkItem,
   LinksMenu,
-  SearchToggle,
-  LargeSearchToggle
+  ThemeToggle
 };

package/dist/chunk-NSEJBI4V.js

@@ -0,0 +1,56 @@
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-CP67AHDD.js";
+import {
+  useI18n
+} from "./chunk-EFMHXXHW.js";
+import {
+  buttonVariants
+} from "./chunk-EDNTYBXS.js";
+import {
+  twMerge
+} from "./chunk-TK3TM3MR.js";
+
+// src/components/layout/language-toggle.tsx
+import { useState } from "react";
+import { LanguagesIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function LanguageToggle(props) {
+  const context = useI18n();
+  const [open, setOpen] = useState(false);
+  if (!context.locales) throw new Error("Missing `<I18nProvider />`");
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, ...props, children: [
+    /* @__PURE__ */ jsx(
+      PopoverTrigger,
+      {
+        "aria-label": context.text.chooseLanguage,
+        className: twMerge(buttonVariants({ size: "icon", color: "ghost" })),
+        children: /* @__PURE__ */ jsx(LanguagesIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsxs(PopoverContent, { className: "flex flex-col p-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }),
+      context.locales.map((item) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: twMerge(
+            "rounded-md p-2 text-left text-sm transition-colors duration-100",
+            item.locale === context.locale ? "bg-fd-primary/10 font-medium text-fd-primary" : "hover:bg-fd-accent hover:text-fd-accent-foreground"
+          ),
+          onClick: () => {
+            context.onChange?.(item.locale);
+          },
+          children: item.name
+        },
+        item.locale
+      ))
+    ] })
+  ] });
+}
+
+export {
+  LanguageToggle
+};

package/dist/{chunk-YIMLV5JM.js → chunk-YIOV4KEY.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-TK3TM3MR.js";
 
 // src/components/dialog/search.tsx
-import { FileText, Hash, Text } from "lucide-react";
+import { FileText, Hash, Loader2, SearchIcon, Text } from "lucide-react";
 import { useRouter } from "next/navigation";
 import {
   useMemo,
@@ -25,11 +25,10 @@ import { cva } from "class-variance-authority";
 
 // src/components/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
-import { Search } from "lucide-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var CommandInput = React.forwardRef(({ className, onClose, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 px-3", children: [
-  /* @__PURE__ */ jsx(Search, { className: "size-4 text-fd-muted-foreground" }),
+var CommandInput = React.forwardRef(({ className, onClose, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2 px-3", children: [
+  children,
   /* @__PURE__ */ jsx(
     CommandPrimitive.Input,
     {
@@ -156,7 +155,7 @@ function SearchDialog({
   );
   return /* @__PURE__ */ jsxs2(CommandDialog, { open, onOpenChange, children: [
     /* @__PURE__ */ jsx2(
-      Search2,
+      Search,
       {
         ...props,
         items: props.results === "empty" ? defaultItems : props.results,
@@ -171,10 +170,11 @@ var icons = {
   heading: /* @__PURE__ */ jsx2(Hash, {}),
   page: /* @__PURE__ */ jsx2(FileText, {})
 };
-function Search2({
+function Search({
   search,
   onSearchChange,
   items,
+  isLoading,
   hideResults = false
 }) {
   const { text } = useI18n();
@@ -197,7 +197,27 @@ function Search2({
         onClose: useCallback(() => {
           setOpenSearch(false);
         }, [setOpenSearch]),
-        placeholder: text.search
+        placeholder: text.search,
+        children: /* @__PURE__ */ jsxs2("div", { className: "relative size-4", children: [
+          /* @__PURE__ */ jsx2(
+            Loader2,
+            {
+              className: twMerge(
+                "absolute size-full animate-spin text-fd-primary transition-opacity",
+                !isLoading && "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx2(
+            SearchIcon,
+            {
+              className: twMerge(
+                "absolute size-full text-fd-muted-foreground transition-opacity",
+                isLoading && "opacity-0"
+              )
+            }
+          )
+        ] })
       }
     ),
     /* @__PURE__ */ jsxs2(CommandList, { className: twMerge(hideResults && "hidden"), children: [

package/dist/components/banner.d.ts

@@ -1,5 +1,12 @@
 import { HTMLAttributes } from 'react';
 
-declare function Banner({ id, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
+declare function Banner({ id, changeLayout, ...props }: HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Change Fumadocs layout styles
+     *
+     * @defaultValue true
+     */
+    changeLayout?: boolean;
+}): React.ReactElement;
 
 export { Banner };

package/dist/components/banner.js

@@ -13,36 +13,42 @@ import { X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Banner({
   id,
+  changeLayout = true,
   ...props
 }) {
   const [open, setOpen] = useState(true);
+  const globalKey = id ? `nd-banner-${id}` : void 0;
   useEffect(() => {
-    if (id) setOpen(localStorage.getItem(`nd-banner-${id}`) !== "true");
-  }, [id]);
+    if (globalKey) setOpen(localStorage.getItem(globalKey) !== "true");
+  }, [globalKey]);
   const onClick = useCallback(() => {
     setOpen(false);
-    if (id) localStorage.setItem(`nd-banner-${id}`, "true");
-  }, [id]);
+    if (globalKey) localStorage.setItem(globalKey, "true");
+  }, [globalKey]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       id,
       ...props,
       className: twMerge(
-        "relative flex h-12 flex-row items-center justify-center bg-fd-secondary px-4 text-center text-sm font-medium",
-        !open && "hidden",
+        "sticky top-0 z-40 flex h-12 flex-row items-center justify-center bg-fd-secondary px-4 text-center text-sm font-medium",
         props.className
       ),
       suppressHydrationWarning: true,
       children: [
+        changeLayout && open ? /* @__PURE__ */ jsx("style", { children: `
+        .not_${globalKey} #nd-sidebar, .not_${globalKey} #nd-nav, .not_${globalKey} #nd-subnav, .not_${globalKey} [data-toc] { top: 3rem; }
+        .not_${globalKey} #nd-tocnav { top: 6.5rem; }
+        .not_${globalKey} #nd-sidebar, .not_${globalKey} [data-toc] { height: calc(100dvh - 3rem); }
+        ` }) : null,
+        /* @__PURE__ */ jsx("style", { children: `.${globalKey} #${id} { display: none; }` }),
         id ? /* @__PURE__ */ jsx(
           "script",
           {
             dangerouslySetInnerHTML: {
-              __html: `const ndBannerItem = localStorage.getItem('nd-banner-${id}');
-   if (ndBannerItem === 'true') {
-     document.getElementById('${id}').style.display = 'none';
-   }`
+              __html: `document.documentElement.classList.add(
+            localStorage.getItem('${globalKey}') === 'true'? '${globalKey}' : 'not_${globalKey}'
+           )`
             }
           }
         ) : null,

package/dist/components/dialog/search-algolia.js

@@ -2,7 +2,7 @@
 import {
   SearchDialog,
   TagsList
-} from "../../chunk-YIMLV5JM.js";
+} from "../../chunk-YIOV4KEY.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-27HFSL7N.js";
 import "../../chunk-EFMHXXHW.js";
@@ -43,6 +43,7 @@ function AlgoliaSearchDialog({
       search,
       onSearchChange: setSearch,
       results: query.data ?? [],
+      isLoading: query.isLoading,
       ...props,
       footer: tags ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(TagsList, { tag, onTagChange: setTag, items: tags, children: showAlgolia ? /* @__PURE__ */ jsx(AlgoliaTitle, {}) : null }),

package/dist/components/dialog/search-default.js

@@ -2,7 +2,7 @@
 import {
   SearchDialog,
   TagsList
-} from "../../chunk-YIMLV5JM.js";
+} from "../../chunk-YIOV4KEY.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-27HFSL7N.js";
 import {
@@ -35,6 +35,7 @@ function DefaultSearchDialog({
     {
       search,
       onSearchChange: setSearch,
+      isLoading: query.isLoading,
       results: query.data ?? [],
       ...props,
       footer: tags ? /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/dialog/search.d.ts

@@ -1,4 +1,5 @@
 import { SortedResult } from 'fumadocs-core/search/shared';
+import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
 type SearchLink = [name: string, href: string];
@@ -17,10 +18,11 @@ interface SearchDialogProps extends SharedProps, Omit<SearchContentProps, 'items
 interface SearchContentProps {
     search: string;
     onSearchChange: (v: string) => void;
+    isLoading?: boolean;
     items: SortedResult[];
     hideResults?: boolean;
 }
-declare function SearchDialog({ open, onOpenChange, footer, links, ...props }: SearchDialogProps): React.ReactElement;
+declare function SearchDialog({ open, onOpenChange, footer, links, ...props }: SearchDialogProps): react.ReactElement;
 interface TagItem {
     name: string;
     value: string;

package/dist/components/dialog/search.js

@@ -1,7 +1,7 @@
 import {
   SearchDialog,
   TagsList
-} from "../../chunk-YIMLV5JM.js";
+} from "../../chunk-YIOV4KEY.js";
 import "../../chunk-ET4TW6M5.js";
 import "../../chunk-27HFSL7N.js";
 import "../../chunk-EFMHXXHW.js";

package/dist/components/layout/language-toggle.js

@@ -1,57 +1,12 @@
 "use client";
 import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-} from "../../chunk-CP67AHDD.js";
-import {
-  useI18n
-} from "../../chunk-EFMHXXHW.js";
-import {
-  buttonVariants
-} from "../../chunk-EDNTYBXS.js";
-import {
-  twMerge
-} from "../../chunk-TK3TM3MR.js";
+  LanguageToggle
+} from "../../chunk-NSEJBI4V.js";
+import "../../chunk-CP67AHDD.js";
+import "../../chunk-EFMHXXHW.js";
+import "../../chunk-EDNTYBXS.js";
+import "../../chunk-TK3TM3MR.js";
 import "../../chunk-MLKGABMK.js";
-
-// src/components/layout/language-toggle.tsx
-import { useState } from "react";
-import { LanguagesIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function LanguageToggle(props) {
-  const context = useI18n();
-  const [open, setOpen] = useState(false);
-  if (!context.locales) throw new Error("Missing `<I18nProvider />`");
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, ...props, children: [
-    /* @__PURE__ */ jsx(
-      PopoverTrigger,
-      {
-        "aria-label": context.text.chooseLanguage,
-        className: twMerge(buttonVariants({ size: "icon", color: "ghost" })),
-        children: /* @__PURE__ */ jsx(LanguagesIcon, {})
-      }
-    ),
-    /* @__PURE__ */ jsxs(PopoverContent, { className: "flex flex-col p-1", children: [
-      /* @__PURE__ */ jsx("p", { className: "mb-1 p-2 text-xs font-medium text-fd-muted-foreground", children: context.text.chooseLanguage }),
-      context.locales.map((item) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: twMerge(
-            "rounded-md p-2 text-left text-sm transition-colors duration-100",
-            item.locale === context.locale ? "bg-fd-primary/10 font-medium text-fd-primary" : "hover:bg-fd-accent hover:text-fd-accent-foreground"
-          ),
-          onClick: () => {
-            context.onChange?.(item.locale);
-          },
-          children: item.name
-        },
-        item.locale
-      ))
-    ] })
-  ] });
-}
 export {
   LanguageToggle
 };

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

@@ -1,13 +1,18 @@
-import { S as SharedNavProps } from './layout.shared-C5L62VPM.js';
-export { a as LinksMenu } from './layout.shared-C5L62VPM.js';
-export { a as Sidebar } from './sidebar-BguPKq_K.js';
+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 { SidebarCollapseTrigger, SubNav, ThemeToggle };
+export { DynamicSidebar, SidebarCollapseTrigger, SubNav, ThemeToggle };