4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T6c1,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License import type * as PageTree from "fumadocs-core/page-tree"; import type { ComponentProps } from "react"; import type { SidebarTreeOptions } from "../../components/sidebar/page-tree"; import { type BaseLayoutProps, getLayoutTabs, type GetLayoutTabsOptions, type LayoutTab, } from "../shared"; import { LayoutBody } from "./client"; import type { SidebarProps } from "./slots/sidebar"; export interface DocsLayoutProps extends BaseLayoutProps { tree: PageTree.Root; sidebar?: SidebarOptions; tabMode?: "top" | "auto"; tabs?: LayoutTab[] | GetLayoutTabsOptions | false; containerProps?: ComponentProps<"main">; } export interface SidebarOptions extends SidebarProps, SidebarTreeOptions { /** * Show the sidebar * * @defaultValue true */ enabled?: boolean; /** * Whether the sidebar is open on desktop at first. Read the `sidebar_state` * cookie in your layout and pass it here to keep the state across page loads. * * @defaultValue true */ defaultOpen?: boolean; /** Control the desktop open state */ open?: boolean; onOpenChange?: (open: boolean) => void; } export function DocsLayout({ tree, tabs: layoutTabs, children, ...props }: DocsLayoutProps) { let tabs: LayoutTab[] = []; if (Array.isArray(layoutTabs)) { tabs = layoutTabs; } else if (typeof layoutTabs === "object") { tabs = getLayoutTabs(tree, layoutTabs); } else if (layoutTabs !== false) { tabs = getLayoutTabs(tree); } return ( {children} ); } export { useDocsLayout } from "./client"; 51:T1358,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import { cn } from "cn"; import { usePathname } from "fumadocs-core/framework"; import Link from "fumadocs-core/link"; import { type ComponentProps, createContext, use, useMemo } from "react"; import { SidebarProvider } from "@/components/ui/sidebar"; import { SidebarTreeOptionsProvider } from "../../components/sidebar/page-tree"; import { TreeContextProvider, useTabsGroups, useTreePath, } from "../../contexts/tree"; import { useIsScrollTop } from "../../utils/use-is-scroll-top"; import { isLayoutTabActive, type LayoutTab, type LinkItemType, useLinkItems, } from "../shared"; import type { DocsLayoutProps } from "."; import { Container } from "./slots/container"; import { CollapsedSidebarPanel, Header } from "./slots/header"; import { Sidebar } from "./slots/sidebar"; import { findLast } from "../../utils/array"; interface LayoutProps extends Pick< DocsLayoutProps, "nav" | "themeSwitch" | "searchToggle" > { tabs: LayoutTab[]; tabMode: NonNullable; } const LayoutContext = createContext<{ props: LayoutProps; isNavTransparent: boolean; sidebarEnabled: boolean; navItems: LinkItemType[]; menuItems: LinkItemType[]; } | null>(null); export function useIsDocsLayout() { return use(LayoutContext) !== null; } export function useDocsLayout() { const context = use(LayoutContext); if (!context) throw new Error( "Please use (`components/docs/layouts/docs/page`) under (`components/docs/layouts/docs`).", ); return context; } export function LayoutBody( props: Omit & { tabs: LayoutTab[]; }, ) { const { nav, themeSwitch, searchToggle, sidebar: { enabled: sidebarEnabled = true, defaultOpenLevel, prefetch, defaultOpen, open, onOpenChange, collapsible = true, ...sidebarProps } = {}, tabs, tabMode = "auto", tree, containerProps, children, } = props; const { enabled: navEnabled = true, transparentMode = "none" } = nav ?? {}; const isTop = useIsScrollTop({ enabled: transparentMode === "top" }) ?? true; const isNavTransparent = transparentMode === "top" ? isTop : transparentMode === "always"; const linkItems = useLinkItems(props); return ( {sidebarEnabled && ( )} {navEnabled &&

} {sidebarEnabled && collapsible && } {tabMode === "top" && tabs.length > 0 && ( )} {children} ); } function LayoutTabs({ tabs: allTabs, ...props }: ComponentProps<"div"> & { tabs: LayoutTab[]; }) { const pathname = usePathname(); const path = useTreePath(); const group = findLast( useTabsGroups(allTabs), (group) => typeof group.active?.root !== "string", ); const selected = useMemo(() => { if (!group) return; return findLast(group.options, (option) => isLayoutTabActive(option, path, pathname), ); }, [group, path, pathname]); if (!group) return; return (

{group.options.map((tab, i) => ( {tab.title} ))}

); } 52:T93d,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import { cn } from "cn"; import type { ComponentProps } from "react"; import { useSidebar } from "@/components/ui/sidebar"; import { SidebarTrigger } from "../../../components/sidebar/base"; import { NavTitle } from "../../shared/client"; import { SearchTrigger } from "../../shared/slots/search-trigger"; import { useDocsLayout } from "../client"; /** * The navbar on mobile, with the title, search and the sidebar trigger. */ export function Header(props: ComponentProps<"header">) { const { isNavTransparent, sidebarEnabled, props: { nav, searchToggle }, } = useDocsLayout(); const searchEnabled = searchToggle?.enabled ?? true; return (

{nav?.children}

{searchEnabled && } {sidebarEnabled && }

); } /** * Shown on desktop while the sidebar is collapsed, to open it again. */ export function CollapsedSidebarPanel({ className, ...props }: ComponentProps<"div">) { const { state, isMobile } = useSidebar(); const { props: { searchToggle }, } = useDocsLayout(); const collapsed = state === "collapsed" && !isMobile; return (

{(searchToggle?.enabled ?? true) && ( )}

); } 53:T1398,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import { cn } from "cn"; import { ChevronDown, Languages } from "lucide-react"; import type { ComponentProps, ReactNode } from "react"; import { buttonVariants } from "@/components/ui/button"; import { Sidebar as SidebarRoot, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarHeader, SidebarMenu, } from "@/components/ui/sidebar"; import { SidebarRail, SidebarTrigger } from "../../../components/sidebar/base"; import { SidebarLinkItem } from "../../../components/sidebar/link-item"; import { SidebarPageTree, type SidebarPageTreeComponents, } from "../../../components/sidebar/page-tree"; import { SidebarTabsDropdown } from "../../../components/sidebar/tabs/dropdown"; import { useI18n } from "../../../contexts/i18n"; import { LinkItem, NavTitle } from "../../shared/client"; import { LanguageSelect, LanguageSelectText, } from "../../shared/slots/language-select"; import { FullSearchTrigger } from "../../shared/slots/search-trigger"; import { ThemeSwitch } from "../../shared/slots/theme-switch"; import { useDocsLayout } from "../client"; export interface SidebarProps extends Omit< ComponentProps, "collapsible" > { components?: Partial; banner?: ReactNode; footer?: ReactNode; /** * Support collapsing the sidebar on desktop mode * * @defaultValue true */ collapsible?: boolean; } export function Sidebar({ footer, banner, collapsible = true, components, className, ...rest }: SidebarProps) { const { menuItems, props: { tabs, nav, tabMode, themeSwitch, searchToggle }, } = useDocsLayout(); const iconLinks = menuItems.filter((item) => item.type === "icon"); const links = menuItems.filter((item) => item.type !== "icon"); const { enabled: themeSwitchEnabled = true, ...themeSwitchProps } = themeSwitch ?? {}; const { enabled: searchEnabled = true, full: searchProps } = searchToggle ?? {}; const { locales = [] } = useI18n(); const languageSelect = locales.length > 1; return (

{nav?.children} {collapsible && ( )}

{searchEnabled && } {tabs.length > 0 && ( typeof tab.$folder?.root === "string") } /> )} {banner} {links.length > 0 && ( {links.map((item, i) => ( ))} )} {(languageSelect || iconLinks.length > 0 || themeSwitchEnabled || footer) && ( {languageSelect && ( )} {(iconLinks.length > 0 || themeSwitchEnabled) && (

{iconLinks.map((item, i) => ( {item.icon} ))} {themeSwitchEnabled && ( )}

)} {footer} )} {collapsible && } ); } 54:T447,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import { cn } from "cn"; import type { ComponentProps } from "react"; import { SidebarInset } from "@/components/ui/sidebar"; /** * The area beside the sidebar. It sets `--docs-header-height`, the height of the * mobile navbar, which pages use to offset sticky elements, and * `--docs-page-offset`, the space taken by the collapsed sidebar's panel. */ export function Container({ navEnabled = true, sidebarCollapsible = true, className, ...props }: ComponentProps<"main"> & { navEnabled?: boolean; sidebarCollapsible?: boolean; }) { return ( ); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}],["$","li","fumadocs-core@^16.16.2",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/fumadocs-core","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"fumadocs-core@^16.16.2"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@docscn","registryDependencies":["sidebar","button","@docscn/docs-sidebar","@docscn/sidebar-tabs","@docscn/theme-switch","@docscn/search-trigger","@docscn/tree-context","@docscn/layout-shared","@docscn/docs-utils","@docscn/i18n-context","@docscn/language-select"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/base/docs/layouts/docs/index.tsx","content":"$50","type":"registry:component","target":"@components/docs/layouts/docs/index.tsx"},{"path":"registry/base/docs/layouts/docs/client.tsx","content":"$51","type":"registry:component","target":"@components/docs/layouts/docs/client.tsx"},{"path":"registry/base/docs/layouts/docs/slots/header.tsx","content":"$52","type":"registry:component","target":"@components/docs/layouts/docs/slots/header.tsx"},{"path":"registry/base/docs/layouts/docs/slots/sidebar.tsx","content":"$53","type":"registry:component","target":"@components/docs/layouts/docs/slots/sidebar.tsx"},{"path":"registry/base/docs/layouts/docs/slots/container.tsx","content":"$54","type":"registry:component","target":"@components/docs/layouts/docs/slots/container.tsx"}],"className":"h-[70svh] min-h-80"}]]}]