fumadocs-ui 16.4.0 → 16.4.2

package/dist/components/sidebar/base.js

@@ -1,186 +1,262 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDown, ExternalLink } from '@fumadocs/ui/icons';
-import { createContext, use, useEffect, useMemo, useRef, useState, } from 'react';
-import Link from 'fumadocs-core/link';
-import { useOnChange } from 'fumadocs-core/utils/use-on-change';
-import { cn } from '@fumadocs/ui/cn';
-import { ScrollArea, ScrollViewport, } from '../../components/ui/scroll-area.js';
-import { isActive } from '@fumadocs/ui/urls';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../components/ui/collapsible.js';
-import { useMediaQuery } from 'fumadocs-core/utils/use-media-query';
-import { Presence } from '@radix-ui/react-presence';
-import scrollIntoView from 'scroll-into-view-if-needed';
-import { usePathname } from 'fumadocs-core/framework';
+
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { ScrollArea, ScrollViewport } from "../ui/scroll-area.js";
+import Link from "fumadocs-core/link";
+import { usePathname } from "fumadocs-core/framework";
+import { cn } from "@fumadocs/ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ExternalLink } from "lucide-react";
+import { createContext, use, useEffect, useMemo, useRef, useState } from "react";
+import { isActive } from "@fumadocs/ui/urls";
+import { useOnChange } from "fumadocs-core/utils/use-on-change";
+import { useMediaQuery } from "fumadocs-core/utils/use-media-query";
+import { Presence } from "@radix-ui/react-presence";
+import scrollIntoView from "scroll-into-view-if-needed";
+
+//#region src/components/sidebar/base.tsx
 const SidebarContext = createContext(null);
 const FolderContext = createContext(null);
-export function SidebarProvider({ defaultOpenLevel = 0, prefetch = true, children, }) {
-    const closeOnRedirect = useRef(true);
-    const [open, setOpen] = useState(false);
-    const [collapsed, setCollapsed] = useState(false);
-    const pathname = usePathname();
-    const mode = useMediaQuery('(width < 768px)') ? 'drawer' : 'full';
-    useOnChange(pathname, () => {
-        if (closeOnRedirect.current) {
-            setOpen(false);
-        }
-        closeOnRedirect.current = true;
-    });
-    return (_jsx(SidebarContext, { value: useMemo(() => ({
-            open,
-            setOpen,
-            collapsed,
-            setCollapsed,
-            closeOnRedirect,
-            defaultOpenLevel,
-            prefetch,
-            mode,
-        }), [open, collapsed, defaultOpenLevel, prefetch, mode]), children: children }));
-}
-export function useSidebar() {
-    const ctx = use(SidebarContext);
-    if (!ctx)
-        throw new Error('Missing SidebarContext, make sure you have wrapped the component in <DocsLayout /> and the context is available.');
-    return ctx;
-}
-export function useFolder() {
-    return use(FolderContext);
-}
-export function useFolderDepth() {
-    return use(FolderContext)?.depth ?? 0;
-}
-export function SidebarContent({ children, }) {
-    const { collapsed, mode } = useSidebar();
-    const [hover, setHover] = useState(false);
-    const ref = useRef(null);
-    const timerRef = useRef(0);
-    useOnChange(collapsed, () => {
-        if (collapsed)
-            setHover(false);
-    });
-    if (mode !== 'full')
-        return;
-    function shouldIgnoreHover(e) {
-        const element = ref.current;
-        if (!element)
-            return true;
-        return (!collapsed ||
-            e.pointerType === 'touch' ||
-            element.getAnimations().length > 0);
-    }
-    return children({
-        ref,
-        collapsed,
-        hovered: hover,
-        onPointerEnter(e) {
-            if (shouldIgnoreHover(e))
-                return;
-            window.clearTimeout(timerRef.current);
-            setHover(true);
-        },
-        onPointerLeave(e) {
-            if (shouldIgnoreHover(e))
-                return;
-            window.clearTimeout(timerRef.current);
-            timerRef.current = window.setTimeout(() => setHover(false), 
-            // if mouse is leaving the viewport, add a close delay
-            Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100
-                ? 0
-                : 500);
-        },
-    });
-}
-export function SidebarDrawerOverlay(props) {
-    const { open, setOpen, mode } = useSidebar();
-    if (mode !== 'drawer')
-        return;
-    return (_jsx(Presence, { present: open, children: _jsx("div", { "data-state": open ? 'open' : 'closed', onClick: () => setOpen(false), ...props }) }));
-}
-export function SidebarDrawerContent({ className, children, ...props }) {
-    const { open, mode } = useSidebar();
-    const state = open ? 'open' : 'closed';
-    if (mode !== 'drawer')
-        return;
-    return (_jsx(Presence, { present: open, children: ({ present }) => (_jsx("aside", { id: "nd-sidebar-mobile", "data-state": state, className: cn(!present && 'invisible', className), ...props, children: children })) }));
-}
-export function SidebarViewport(props) {
-    return (_jsx(ScrollArea, { ...props, className: cn('min-h-0 flex-1', props.className), children: _jsx(ScrollViewport, { className: "p-4 overscroll-contain", style: {
-                maskImage: 'linear-gradient(to bottom, transparent, white 12px, white calc(100% - 12px), transparent)',
-            }, children: props.children }) }));
-}
-export function SidebarSeparator(props) {
-    const depth = useFolderDepth();
-    return (_jsx("p", { ...props, className: cn('inline-flex items-center gap-2 mb-1.5 px-2 mt-6 empty:mb-0', depth === 0 && 'first:mt-0', props.className), children: props.children }));
-}
-export function SidebarItem({ icon, children, ...props }) {
-    const pathname = usePathname();
-    const ref = useRef(null);
-    const { prefetch } = useSidebar();
-    const active = props.href !== undefined && isActive(props.href, pathname, false);
-    useAutoScroll(active, ref);
-    return (_jsxs(Link, { ref: ref, "data-active": active, prefetch: prefetch, ...props, children: [icon ?? (props.external ? _jsx(ExternalLink, {}) : null), children] }));
-}
-export function SidebarFolder({ defaultOpen: defaultOpenProp, collapsible = true, active = false, children, ...props }) {
-    const { defaultOpenLevel } = useSidebar();
-    const depth = useFolderDepth() + 1;
-    const defaultOpen = collapsible === false ||
-        active ||
-        (defaultOpenProp ?? defaultOpenLevel >= depth);
-    const [open, setOpen] = useState(defaultOpen);
-    useOnChange(defaultOpen, (v) => {
-        if (v)
-            setOpen(v);
-    });
-    return (_jsx(Collapsible, { open: open, onOpenChange: setOpen, disabled: !collapsible, ...props, children: _jsx(FolderContext, { value: useMemo(() => ({ open, setOpen, depth, collapsible }), [collapsible, depth, open]), children: children }) }));
-}
-export function SidebarFolderTrigger({ children, ...props }) {
-    const { open, collapsible } = use(FolderContext);
-    if (collapsible) {
-        return (_jsxs(CollapsibleTrigger, { ...props, children: [children, _jsx(ChevronDown, { "data-icon": true, className: cn('ms-auto transition-transform', !open && '-rotate-90') })] }));
-    }
-    return _jsx("div", { ...props, children: children });
-}
-export function SidebarFolderLink({ children, ...props }) {
-    const ref = useRef(null);
-    const { open, setOpen, collapsible } = use(FolderContext);
-    const { prefetch } = useSidebar();
-    const pathname = usePathname();
-    const active = props.href !== undefined && isActive(props.href, pathname, false);
-    useAutoScroll(active, ref);
-    return (_jsxs(Link, { ref: ref, "data-active": active, onClick: (e) => {
-            if (!collapsible)
-                return;
-            if (e.target instanceof Element &&
-                e.target.matches('[data-icon], [data-icon] *')) {
-                setOpen(!open);
-                e.preventDefault();
-            }
-            else {
-                setOpen(active ? !open : true);
-            }
-        }, prefetch: prefetch, ...props, children: [children, collapsible && (_jsx(ChevronDown, { "data-icon": true, className: cn('ms-auto transition-transform', !open && '-rotate-90') }))] }));
-}
-export function SidebarFolderContent(props) {
-    return _jsx(CollapsibleContent, { ...props, children: props.children });
-}
-export function SidebarTrigger({ children, ...props }) {
-    const { setOpen } = useSidebar();
-    return (_jsx("button", { "aria-label": "Open Sidebar", onClick: () => setOpen((prev) => !prev), ...props, children: children }));
-}
-export function SidebarCollapseTrigger(props) {
-    const { collapsed, setCollapsed } = useSidebar();
-    return (_jsx("button", { type: "button", "aria-label": "Collapse Sidebar", "data-collapsed": collapsed, onClick: () => {
-            setCollapsed((prev) => !prev);
-        }, ...props, children: props.children }));
+function SidebarProvider({ defaultOpenLevel = 0, prefetch = true, children }) {
+	const closeOnRedirect = useRef(true);
+	const [open, setOpen] = useState(false);
+	const [collapsed, setCollapsed] = useState(false);
+	const pathname = usePathname();
+	const mode = useMediaQuery("(width < 768px)") ? "drawer" : "full";
+	useOnChange(pathname, () => {
+		if (closeOnRedirect.current) setOpen(false);
+		closeOnRedirect.current = true;
+	});
+	return /* @__PURE__ */ jsx(SidebarContext, {
+		value: useMemo(() => ({
+			open,
+			setOpen,
+			collapsed,
+			setCollapsed,
+			closeOnRedirect,
+			defaultOpenLevel,
+			prefetch,
+			mode
+		}), [
+			open,
+			collapsed,
+			defaultOpenLevel,
+			prefetch,
+			mode
+		]),
+		children
+	});
+}
+function useSidebar() {
+	const ctx = use(SidebarContext);
+	if (!ctx) throw new Error("Missing SidebarContext, make sure you have wrapped the component in <DocsLayout /> and the context is available.");
+	return ctx;
+}
+function useFolder() {
+	return use(FolderContext);
+}
+function useFolderDepth() {
+	return use(FolderContext)?.depth ?? 0;
+}
+function SidebarContent({ children }) {
+	const { collapsed, mode } = useSidebar();
+	const [hover, setHover] = useState(false);
+	const ref = useRef(null);
+	const timerRef = useRef(0);
+	useOnChange(collapsed, () => {
+		if (collapsed) setHover(false);
+	});
+	if (mode !== "full") return;
+	function shouldIgnoreHover(e) {
+		const element = ref.current;
+		if (!element) return true;
+		return !collapsed || e.pointerType === "touch" || element.getAnimations().length > 0;
+	}
+	return children({
+		ref,
+		collapsed,
+		hovered: hover,
+		onPointerEnter(e) {
+			if (shouldIgnoreHover(e)) return;
+			window.clearTimeout(timerRef.current);
+			setHover(true);
+		},
+		onPointerLeave(e) {
+			if (shouldIgnoreHover(e)) return;
+			window.clearTimeout(timerRef.current);
+			timerRef.current = window.setTimeout(() => setHover(false), Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100 ? 0 : 500);
+		}
+	});
+}
+function SidebarDrawerOverlay(props) {
+	const { open, setOpen, mode } = useSidebar();
+	if (mode !== "drawer") return;
+	return /* @__PURE__ */ jsx(Presence, {
+		present: open,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-state": open ? "open" : "closed",
+			onClick: () => setOpen(false),
+			...props
+		})
+	});
+}
+function SidebarDrawerContent({ className, children, ...props }) {
+	const { open, mode } = useSidebar();
+	const state = open ? "open" : "closed";
+	if (mode !== "drawer") return;
+	return /* @__PURE__ */ jsx(Presence, {
+		present: open,
+		children: ({ present }) => /* @__PURE__ */ jsx("aside", {
+			id: "nd-sidebar-mobile",
+			"data-state": state,
+			className: cn(!present && "invisible", className),
+			...props,
+			children
+		})
+	});
+}
+function SidebarViewport(props) {
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		...props,
+		className: cn("min-h-0 flex-1", props.className),
+		children: /* @__PURE__ */ jsx(ScrollViewport, {
+			className: "p-4 overscroll-contain",
+			style: { maskImage: "linear-gradient(to bottom, transparent, white 12px, white calc(100% - 12px), transparent)" },
+			children: props.children
+		})
+	});
+}
+function SidebarSeparator(props) {
+	const depth = useFolderDepth();
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		className: cn("inline-flex items-center gap-2 mb-1.5 px-2 mt-6 empty:mb-0", depth === 0 && "first:mt-0", props.className),
+		children: props.children
+	});
+}
+function SidebarItem({ icon, children, ...props }) {
+	const pathname = usePathname();
+	const ref = useRef(null);
+	const { prefetch } = useSidebar();
+	const active = props.href !== void 0 && isActive(props.href, pathname, false);
+	useAutoScroll(active, ref);
+	return /* @__PURE__ */ jsxs(Link, {
+		ref,
+		"data-active": active,
+		prefetch,
+		...props,
+		children: [icon ?? (props.external ? /* @__PURE__ */ jsx(ExternalLink, {}) : null), children]
+	});
+}
+function SidebarFolder({ defaultOpen: defaultOpenProp, collapsible = true, active = false, children, ...props }) {
+	const { defaultOpenLevel } = useSidebar();
+	const depth = useFolderDepth() + 1;
+	const defaultOpen = collapsible === false || active || (defaultOpenProp ?? defaultOpenLevel >= depth);
+	const [open, setOpen] = useState(defaultOpen);
+	useOnChange(defaultOpen, (v) => {
+		if (v) setOpen(v);
+	});
+	return /* @__PURE__ */ jsx(Collapsible, {
+		open,
+		onOpenChange: setOpen,
+		disabled: !collapsible,
+		...props,
+		children: /* @__PURE__ */ jsx(FolderContext, {
+			value: useMemo(() => ({
+				open,
+				setOpen,
+				depth,
+				collapsible
+			}), [
+				collapsible,
+				depth,
+				open
+			]),
+			children
+		})
+	});
+}
+function SidebarFolderTrigger({ children, ...props }) {
+	const { open, collapsible } = use(FolderContext);
+	if (collapsible) return /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDown, {
+			"data-icon": true,
+			className: cn("ms-auto transition-transform", !open && "-rotate-90")
+		})]
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		children
+	});
+}
+function SidebarFolderLink({ children, ...props }) {
+	const ref = useRef(null);
+	const { open, setOpen, collapsible } = use(FolderContext);
+	const { prefetch } = useSidebar();
+	const pathname = usePathname();
+	const active = props.href !== void 0 && isActive(props.href, pathname, false);
+	useAutoScroll(active, ref);
+	return /* @__PURE__ */ jsxs(Link, {
+		ref,
+		"data-active": active,
+		onClick: (e) => {
+			if (!collapsible) return;
+			if (e.target instanceof Element && e.target.matches("[data-icon], [data-icon] *")) {
+				setOpen(!open);
+				e.preventDefault();
+			} else setOpen(active ? !open : true);
+		},
+		prefetch,
+		...props,
+		children: [children, collapsible && /* @__PURE__ */ jsx(ChevronDown, {
+			"data-icon": true,
+			className: cn("ms-auto transition-transform", !open && "-rotate-90")
+		})]
+	});
+}
+function SidebarFolderContent(props) {
+	return /* @__PURE__ */ jsx(CollapsibleContent, {
+		...props,
+		children: props.children
+	});
+}
+function SidebarTrigger({ children, ...props }) {
+	const { setOpen } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": "Open Sidebar",
+		onClick: () => setOpen((prev) => !prev),
+		...props,
+		children
+	});
+}
+function SidebarCollapseTrigger(props) {
+	const { collapsed, setCollapsed } = useSidebar();
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Collapse Sidebar",
+		"data-collapsed": collapsed,
+		onClick: () => {
+			setCollapsed((prev) => !prev);
+		},
+		...props,
+		children: props.children
+	});
 }
 function useAutoScroll(active, ref) {
-    const { mode } = useSidebar();
-    useEffect(() => {
-        if (active && ref.current) {
-            scrollIntoView(ref.current, {
-                boundary: document.getElementById(mode === 'drawer' ? 'nd-sidebar-mobile' : 'nd-sidebar'),
-                scrollMode: 'if-needed',
-            });
-        }
-    }, [active, mode, ref]);
+	const { mode } = useSidebar();
+	useEffect(() => {
+		if (active && ref.current) scrollIntoView(ref.current, {
+			boundary: document.getElementById(mode === "drawer" ? "nd-sidebar-mobile" : "nd-sidebar"),
+			scrollMode: "if-needed"
+		});
+	}, [
+		active,
+		mode,
+		ref
+	]);
 }
+
+//#endregion
+export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarSeparator, SidebarTrigger, SidebarViewport, useFolder, useFolderDepth, useSidebar };
+//# sourceMappingURL=base.js.map

package/dist/components/sidebar/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","names":["mode: Mode"],"sources":["../../../src/components/sidebar/base.tsx"],"sourcesContent":["'use client';\nimport { ChevronDown, ExternalLink } from 'lucide-react';\nimport {\n  type ComponentProps,\n  createContext,\n  type PointerEvent,\n  type ReactNode,\n  type RefObject,\n  use,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport Link, { type LinkProps } from 'fumadocs-core/link';\nimport { useOnChange } from 'fumadocs-core/utils/use-on-change';\nimport { cn } from '@fumadocs/ui/cn';\nimport { ScrollArea, type ScrollAreaProps, ScrollViewport } from '@/components/ui/scroll-area';\nimport { isActive } from '@fumadocs/ui/urls';\nimport {\n  Collapsible,\n  CollapsibleContent,\n  type CollapsibleContentProps,\n  CollapsibleTrigger,\n  type CollapsibleTriggerProps,\n} from '@/components/ui/collapsible';\nimport { useMediaQuery } from 'fumadocs-core/utils/use-media-query';\nimport { Presence } from '@radix-ui/react-presence';\nimport scrollIntoView from 'scroll-into-view-if-needed';\nimport { usePathname } from 'fumadocs-core/framework';\n\ninterface SidebarContext {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  collapsed: boolean;\n  setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;\n\n  /**\n   * When set to false, don't close the sidebar when navigate to another page\n   */\n  closeOnRedirect: RefObject<boolean>;\n  defaultOpenLevel: number;\n  prefetch: boolean;\n  mode: Mode;\n}\n\nexport interface SidebarProviderProps {\n  /**\n   * Open folders by default if their level is lower or equal to a specific level\n   * (Starting from 1)\n   *\n   * @defaultValue 0\n   */\n  defaultOpenLevel?: number;\n\n  /**\n   * Prefetch links\n   *\n   * @defaultValue true\n   */\n  prefetch?: boolean;\n\n  children?: ReactNode;\n}\n\ntype Mode = 'drawer' | 'full';\n\nconst SidebarContext = createContext<SidebarContext | null>(null);\n\nconst FolderContext = createContext<{\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  depth: number;\n  collapsible: boolean;\n} | null>(null);\n\nexport function SidebarProvider({\n  defaultOpenLevel = 0,\n  prefetch = true,\n  children,\n}: SidebarProviderProps) {\n  const closeOnRedirect = useRef(true);\n  const [open, setOpen] = useState(false);\n  const [collapsed, setCollapsed] = useState(false);\n  const pathname = usePathname();\n  const mode: Mode = useMediaQuery('(width < 768px)') ? 'drawer' : 'full';\n\n  useOnChange(pathname, () => {\n    if (closeOnRedirect.current) {\n      setOpen(false);\n    }\n    closeOnRedirect.current = true;\n  });\n\n  return (\n    <SidebarContext\n      value={useMemo(\n        () => ({\n          open,\n          setOpen,\n          collapsed,\n          setCollapsed,\n          closeOnRedirect,\n          defaultOpenLevel,\n          prefetch,\n          mode,\n        }),\n        [open, collapsed, defaultOpenLevel, prefetch, mode],\n      )}\n    >\n      {children}\n    </SidebarContext>\n  );\n}\n\nexport function useSidebar(): SidebarContext {\n  const ctx = use(SidebarContext);\n  if (!ctx)\n    throw new Error(\n      'Missing SidebarContext, make sure you have wrapped the component in <DocsLayout /> and the context is available.',\n    );\n\n  return ctx;\n}\n\nexport function useFolder() {\n  return use(FolderContext);\n}\n\nexport function useFolderDepth() {\n  return use(FolderContext)?.depth ?? 0;\n}\n\nexport function SidebarContent({\n  children,\n}: {\n  children: (state: {\n    ref: RefObject<HTMLElement | null>;\n    collapsed: boolean;\n    hovered: boolean;\n    onPointerEnter: (event: PointerEvent) => void;\n    onPointerLeave: (event: PointerEvent) => void;\n  }) => ReactNode;\n}) {\n  const { collapsed, mode } = useSidebar();\n  const [hover, setHover] = useState(false);\n  const ref = useRef<HTMLElement>(null);\n  const timerRef = useRef(0);\n\n  useOnChange(collapsed, () => {\n    if (collapsed) setHover(false);\n  });\n\n  if (mode !== 'full') return;\n\n  function shouldIgnoreHover(e: PointerEvent): boolean {\n    const element = ref.current;\n    if (!element) return true;\n\n    return !collapsed || e.pointerType === 'touch' || element.getAnimations().length > 0;\n  }\n\n  return children({\n    ref,\n    collapsed,\n    hovered: hover,\n    onPointerEnter(e) {\n      if (shouldIgnoreHover(e)) return;\n      window.clearTimeout(timerRef.current);\n      setHover(true);\n    },\n    onPointerLeave(e) {\n      if (shouldIgnoreHover(e)) return;\n      window.clearTimeout(timerRef.current);\n\n      timerRef.current = window.setTimeout(\n        () => setHover(false),\n        // if mouse is leaving the viewport, add a close delay\n        Math.min(e.clientX, document.body.clientWidth - e.clientX) > 100 ? 0 : 500,\n      );\n    },\n  });\n}\n\nexport function SidebarDrawerOverlay(props: ComponentProps<'div'>) {\n  const { open, setOpen, mode } = useSidebar();\n\n  if (mode !== 'drawer') return;\n  return (\n    <Presence present={open}>\n      <div data-state={open ? 'open' : 'closed'} onClick={() => setOpen(false)} {...props} />\n    </Presence>\n  );\n}\n\nexport function SidebarDrawerContent({ className, children, ...props }: ComponentProps<'aside'>) {\n  const { open, mode } = useSidebar();\n  const state = open ? 'open' : 'closed';\n\n  if (mode !== 'drawer') return;\n  return (\n    <Presence present={open}>\n      {({ present }) => (\n        <aside\n          id=\"nd-sidebar-mobile\"\n          data-state={state}\n          className={cn(!present && 'invisible', className)}\n          {...props}\n        >\n          {children}\n        </aside>\n      )}\n    </Presence>\n  );\n}\n\nexport function SidebarViewport(props: ScrollAreaProps) {\n  return (\n    <ScrollArea {...props} className={cn('min-h-0 flex-1', props.className)}>\n      <ScrollViewport\n        className=\"p-4 overscroll-contain\"\n        style={\n          {\n            maskImage:\n              'linear-gradient(to bottom, transparent, white 12px, white calc(100% - 12px), transparent)',\n          } as object\n        }\n      >\n        {props.children}\n      </ScrollViewport>\n    </ScrollArea>\n  );\n}\n\nexport function SidebarSeparator(props: ComponentProps<'p'>) {\n  const depth = useFolderDepth();\n  return (\n    <p\n      {...props}\n      className={cn(\n        'inline-flex items-center gap-2 mb-1.5 px-2 mt-6 empty:mb-0',\n        depth === 0 && 'first:mt-0',\n        props.className,\n      )}\n    >\n      {props.children}\n    </p>\n  );\n}\n\nexport function SidebarItem({\n  icon,\n  children,\n  ...props\n}: LinkProps & {\n  icon?: ReactNode;\n}) {\n  const pathname = usePathname();\n  const ref = useRef<HTMLAnchorElement>(null);\n  const { prefetch } = useSidebar();\n  const active = props.href !== undefined && isActive(props.href, pathname, false);\n\n  useAutoScroll(active, ref);\n\n  return (\n    <Link ref={ref} data-active={active} prefetch={prefetch} {...props}>\n      {icon ?? (props.external ? <ExternalLink /> : null)}\n      {children}\n    </Link>\n  );\n}\n\nexport function SidebarFolder({\n  defaultOpen: defaultOpenProp,\n  collapsible = true,\n  active = false,\n  children,\n  ...props\n}: ComponentProps<'div'> & {\n  active?: boolean;\n  defaultOpen?: boolean;\n  collapsible?: boolean;\n}) {\n  const { defaultOpenLevel } = useSidebar();\n  const depth = useFolderDepth() + 1;\n  const defaultOpen =\n    collapsible === false || active || (defaultOpenProp ?? defaultOpenLevel >= depth);\n  const [open, setOpen] = useState(defaultOpen);\n\n  useOnChange(defaultOpen, (v) => {\n    if (v) setOpen(v);\n  });\n\n  return (\n    <Collapsible open={open} onOpenChange={setOpen} disabled={!collapsible} {...props}>\n      <FolderContext\n        value={useMemo(() => ({ open, setOpen, depth, collapsible }), [collapsible, depth, open])}\n      >\n        {children}\n      </FolderContext>\n    </Collapsible>\n  );\n}\n\nexport function SidebarFolderTrigger({ children, ...props }: CollapsibleTriggerProps) {\n  const { open, collapsible } = use(FolderContext)!;\n\n  if (collapsible) {\n    return (\n      <CollapsibleTrigger {...props}>\n        {children}\n        <ChevronDown\n          data-icon\n          className={cn('ms-auto transition-transform', !open && '-rotate-90')}\n        />\n      </CollapsibleTrigger>\n    );\n  }\n\n  return <div {...(props as ComponentProps<'div'>)}>{children}</div>;\n}\n\nexport function SidebarFolderLink({ children, ...props }: LinkProps) {\n  const ref = useRef<HTMLAnchorElement>(null);\n  const { open, setOpen, collapsible } = use(FolderContext)!;\n  const { prefetch } = useSidebar();\n  const pathname = usePathname();\n  const active = props.href !== undefined && isActive(props.href, pathname, false);\n\n  useAutoScroll(active, ref);\n\n  return (\n    <Link\n      ref={ref}\n      data-active={active}\n      onClick={(e) => {\n        if (!collapsible) return;\n\n        if (e.target instanceof Element && e.target.matches('[data-icon], [data-icon] *')) {\n          setOpen(!open);\n          e.preventDefault();\n        } else {\n          setOpen(active ? !open : true);\n        }\n      }}\n      prefetch={prefetch}\n      {...props}\n    >\n      {children}\n      {collapsible && (\n        <ChevronDown\n          data-icon\n          className={cn('ms-auto transition-transform', !open && '-rotate-90')}\n        />\n      )}\n    </Link>\n  );\n}\n\nexport function SidebarFolderContent(props: CollapsibleContentProps) {\n  return <CollapsibleContent {...props}>{props.children}</CollapsibleContent>;\n}\n\nexport function SidebarTrigger({ children, ...props }: ComponentProps<'button'>) {\n  const { setOpen } = useSidebar();\n\n  return (\n    <button aria-label=\"Open Sidebar\" onClick={() => setOpen((prev) => !prev)} {...props}>\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarCollapseTrigger(props: ComponentProps<'button'>) {\n  const { collapsed, setCollapsed } = useSidebar();\n\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"Collapse Sidebar\"\n      data-collapsed={collapsed}\n      onClick={() => {\n        setCollapsed((prev) => !prev);\n      }}\n      {...props}\n    >\n      {props.children}\n    </button>\n  );\n}\n\nfunction useAutoScroll(active: boolean, ref: RefObject<HTMLAnchorElement | null>) {\n  const { mode } = useSidebar();\n\n  useEffect(() => {\n    if (active && ref.current) {\n      scrollIntoView(ref.current, {\n        boundary: document.getElementById(mode === 'drawer' ? 'nd-sidebar-mobile' : 'nd-sidebar'),\n        scrollMode: 'if-needed',\n      });\n    }\n  }, [active, mode, ref]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmEA,MAAM,iBAAiB,cAAqC,KAAK;AAEjE,MAAM,gBAAgB,cAKZ,KAAK;AAEf,SAAgB,gBAAgB,EAC9B,mBAAmB,GACnB,WAAW,MACX,YACuB;CACvB,MAAM,kBAAkB,OAAO,KAAK;CACpC,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,WAAW,aAAa;CAC9B,MAAMA,OAAa,cAAc,kBAAkB,GAAG,WAAW;AAEjE,aAAY,gBAAgB;AAC1B,MAAI,gBAAgB,QAClB,SAAQ,MAAM;AAEhB,kBAAgB,UAAU;GAC1B;AAEF,QACE,oBAAC;EACC,OAAO,eACE;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAM;GAAW;GAAkB;GAAU;GAAK,CACpD;EAEA;GACc;;AAIrB,SAAgB,aAA6B;CAC3C,MAAM,MAAM,IAAI,eAAe;AAC/B,KAAI,CAAC,IACH,OAAM,IAAI,MACR,mHACD;AAEH,QAAO;;AAGT,SAAgB,YAAY;AAC1B,QAAO,IAAI,cAAc;;AAG3B,SAAgB,iBAAiB;AAC/B,QAAO,IAAI,cAAc,EAAE,SAAS;;AAGtC,SAAgB,eAAe,EAC7B,YASC;CACD,MAAM,EAAE,WAAW,SAAS,YAAY;CACxC,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM;CACzC,MAAM,MAAM,OAAoB,KAAK;CACrC,MAAM,WAAW,OAAO,EAAE;AAE1B,aAAY,iBAAiB;AAC3B,MAAI,UAAW,UAAS,MAAM;GAC9B;AAEF,KAAI,SAAS,OAAQ;CAErB,SAAS,kBAAkB,GAA0B;EACnD,MAAM,UAAU,IAAI;AACpB,MAAI,CAAC,QAAS,QAAO;AAErB,SAAO,CAAC,aAAa,EAAE,gBAAgB,WAAW,QAAQ,eAAe,CAAC,SAAS;;AAGrF,QAAO,SAAS;EACd;EACA;EACA,SAAS;EACT,eAAe,GAAG;AAChB,OAAI,kBAAkB,EAAE,CAAE;AAC1B,UAAO,aAAa,SAAS,QAAQ;AACrC,YAAS,KAAK;;EAEhB,eAAe,GAAG;AAChB,OAAI,kBAAkB,EAAE,CAAE;AAC1B,UAAO,aAAa,SAAS,QAAQ;AAErC,YAAS,UAAU,OAAO,iBAClB,SAAS,MAAM,EAErB,KAAK,IAAI,EAAE,SAAS,SAAS,KAAK,cAAc,EAAE,QAAQ,GAAG,MAAM,IAAI,IACxE;;EAEJ,CAAC;;AAGJ,SAAgB,qBAAqB,OAA8B;CACjE,MAAM,EAAE,MAAM,SAAS,SAAS,YAAY;AAE5C,KAAI,SAAS,SAAU;AACvB,QACE,oBAAC;EAAS,SAAS;YACjB,oBAAC;GAAI,cAAY,OAAO,SAAS;GAAU,eAAe,QAAQ,MAAM;GAAE,GAAI;IAAS;GAC9E;;AAIf,SAAgB,qBAAqB,EAAE,WAAW,UAAU,GAAG,SAAkC;CAC/F,MAAM,EAAE,MAAM,SAAS,YAAY;CACnC,MAAM,QAAQ,OAAO,SAAS;AAE9B,KAAI,SAAS,SAAU;AACvB,QACE,oBAAC;EAAS,SAAS;aACf,EAAE,cACF,oBAAC;GACC,IAAG;GACH,cAAY;GACZ,WAAW,GAAG,CAAC,WAAW,aAAa,UAAU;GACjD,GAAI;GAEH;IACK;GAED;;AAIf,SAAgB,gBAAgB,OAAwB;AACtD,QACE,oBAAC;EAAW,GAAI;EAAO,WAAW,GAAG,kBAAkB,MAAM,UAAU;YACrE,oBAAC;GACC,WAAU;GACV,OACE,EACE,WACE,6FACH;aAGF,MAAM;IACQ;GACN;;AAIjB,SAAgB,iBAAiB,OAA4B;CAC3D,MAAM,QAAQ,gBAAgB;AAC9B,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,8DACA,UAAU,KAAK,cACf,MAAM,UACP;YAEA,MAAM;GACL;;AAIR,SAAgB,YAAY,EAC1B,MACA,UACA,GAAG,SAGF;CACD,MAAM,WAAW,aAAa;CAC9B,MAAM,MAAM,OAA0B,KAAK;CAC3C,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,SAAS,MAAM,SAAS,UAAa,SAAS,MAAM,MAAM,UAAU,MAAM;AAEhF,eAAc,QAAQ,IAAI;AAE1B,QACE,qBAAC;EAAU;EAAK,eAAa;EAAkB;EAAU,GAAI;aAC1D,SAAS,MAAM,WAAW,oBAAC,iBAAe,GAAG,OAC7C;GACI;;AAIX,SAAgB,cAAc,EAC5B,aAAa,iBACb,cAAc,MACd,SAAS,OACT,UACA,GAAG,SAKF;CACD,MAAM,EAAE,qBAAqB,YAAY;CACzC,MAAM,QAAQ,gBAAgB,GAAG;CACjC,MAAM,cACJ,gBAAgB,SAAS,WAAW,mBAAmB,oBAAoB;CAC7E,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;AAE7C,aAAY,cAAc,MAAM;AAC9B,MAAI,EAAG,SAAQ,EAAE;GACjB;AAEF,QACE,oBAAC;EAAkB;EAAM,cAAc;EAAS,UAAU,CAAC;EAAa,GAAI;YAC1E,oBAAC;GACC,OAAO,eAAe;IAAE;IAAM;IAAS;IAAO;IAAa,GAAG;IAAC;IAAa;IAAO;IAAK,CAAC;GAExF;IACa;GACJ;;AAIlB,SAAgB,qBAAqB,EAAE,UAAU,GAAG,SAAkC;CACpF,MAAM,EAAE,MAAM,gBAAgB,IAAI,cAAc;AAEhD,KAAI,YACF,QACE,qBAAC;EAAmB,GAAI;aACrB,UACD,oBAAC;GACC;GACA,WAAW,GAAG,gCAAgC,CAAC,QAAQ,aAAa;IACpE;GACiB;AAIzB,QAAO,oBAAC;EAAI,GAAK;EAAkC;GAAe;;AAGpE,SAAgB,kBAAkB,EAAE,UAAU,GAAG,SAAoB;CACnE,MAAM,MAAM,OAA0B,KAAK;CAC3C,MAAM,EAAE,MAAM,SAAS,gBAAgB,IAAI,cAAc;CACzD,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,WAAW,aAAa;CAC9B,MAAM,SAAS,MAAM,SAAS,UAAa,SAAS,MAAM,MAAM,UAAU,MAAM;AAEhF,eAAc,QAAQ,IAAI;AAE1B,QACE,qBAAC;EACM;EACL,eAAa;EACb,UAAU,MAAM;AACd,OAAI,CAAC,YAAa;AAElB,OAAI,EAAE,kBAAkB,WAAW,EAAE,OAAO,QAAQ,6BAA6B,EAAE;AACjF,YAAQ,CAAC,KAAK;AACd,MAAE,gBAAgB;SAElB,SAAQ,SAAS,CAAC,OAAO,KAAK;;EAGxB;EACV,GAAI;aAEH,UACA,eACC,oBAAC;GACC;GACA,WAAW,GAAG,gCAAgC,CAAC,QAAQ,aAAa;IACpE;GAEC;;AAIX,SAAgB,qBAAqB,OAAgC;AACnE,QAAO,oBAAC;EAAmB,GAAI;YAAQ,MAAM;GAA8B;;AAG7E,SAAgB,eAAe,EAAE,UAAU,GAAG,SAAmC;CAC/E,MAAM,EAAE,YAAY,YAAY;AAEhC,QACE,oBAAC;EAAO,cAAW;EAAe,eAAe,SAAS,SAAS,CAAC,KAAK;EAAE,GAAI;EAC5E;GACM;;AAIb,SAAgB,uBAAuB,OAAiC;CACtE,MAAM,EAAE,WAAW,iBAAiB,YAAY;AAEhD,QACE,oBAAC;EACC,MAAK;EACL,cAAW;EACX,kBAAgB;EAChB,eAAe;AACb,iBAAc,SAAS,CAAC,KAAK;;EAE/B,GAAI;YAEH,MAAM;GACA;;AAIb,SAAS,cAAc,QAAiB,KAA0C;CAChF,MAAM,EAAE,SAAS,YAAY;AAE7B,iBAAgB;AACd,MAAI,UAAU,IAAI,QAChB,gBAAe,IAAI,SAAS;GAC1B,UAAU,SAAS,eAAe,SAAS,WAAW,sBAAsB,aAAa;GACzF,YAAY;GACb,CAAC;IAEH;EAAC;EAAQ;EAAM;EAAI,CAAC"}

package/dist/components/sidebar/link-item.d.ts

@@ -1,11 +1,24 @@
-import type { HTMLAttributes } from 'react';
-import type * as Base from './base.js';
-import type { LinkItemType } from '@fumadocs/ui/link-item';
-type InternalComponents = Pick<typeof Base, 'SidebarFolder' | 'SidebarFolderLink' | 'SidebarFolderContent' | 'SidebarFolderTrigger' | 'SidebarItem'>;
-export declare function createLinkItemRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, }: InternalComponents): ({ item, ...props }: HTMLAttributes<HTMLElement> & {
-    item: Exclude<LinkItemType, {
-        type: "icon";
-    }>;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { base_d_exports } from "./base.js";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
+import { HTMLAttributes } from "react";
+import { LinkItemType } from "@fumadocs/ui/link-item";
+
+//#region src/components/sidebar/link-item.d.ts
+type InternalComponents = Pick<typeof base_d_exports, 'SidebarFolder' | 'SidebarFolderLink' | 'SidebarFolderContent' | 'SidebarFolderTrigger' | 'SidebarItem'>;
+declare function createLinkItemRenderer({
+  SidebarFolder,
+  SidebarFolderContent,
+  SidebarFolderLink,
+  SidebarFolderTrigger,
+  SidebarItem
+}: InternalComponents): ({
+  item,
+  ...props
+}: HTMLAttributes<HTMLElement> & {
+  item: Exclude<LinkItemType, {
+    type: "icon";
+  }>;
+}) => react_jsx_runtime85.JSX.Element;
+//#endregion
+export { createLinkItemRenderer };
 //# sourceMappingURL=link-item.d.ts.map

package/dist/components/sidebar/link-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-item.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/link-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,IAAI,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,KAAK,kBAAkB,GAAG,IAAI,CAC5B,OAAO,IAAI,EACT,eAAe,GACf,mBAAmB,GACnB,sBAAsB,GACtB,sBAAsB,GACtB,aAAa,CAChB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,GACZ,EAAE,kBAAkB,IAIa,oBAG7B,cAAc,CAAC,WAAW,CAAC,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C,6CAoCF"}
+{"version":3,"file":"link-item.d.ts","names":[],"sources":["../../../src/components/sidebar/link-item.tsx"],"sourcesContent":[],"mappings":";;;;;;KAIK,kBAAA,GAAqB,YACjB;iBAQO,sBAAA;;;;;;GAMb;;;GAOE,eAAe;QACV,QAAQ;IAvBb,IAAA,EAAA,MAAA;EASW,CAAA,CAAA;CACd,EAAA,GAcC,mBAAA,CAAA,GAAA,CAAA,OAdD"}

package/dist/components/sidebar/link-item.js

@@ -1,13 +1,33 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function createLinkItemRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, }) {
-    /**
-     * Render sidebar items from page tree
-     */
-    return function SidebarLinkItem({ item, ...props }) {
-        if (item.type === 'custom')
-            return _jsx("div", { ...props, children: item.children });
-        if (item.type === 'menu')
-            return (_jsxs(SidebarFolder, { ...props, children: [item.url ? (_jsxs(SidebarFolderLink, { href: item.url, external: item.external, children: [item.icon, item.text] })) : (_jsxs(SidebarFolderTrigger, { children: [item.icon, item.text] })), _jsx(SidebarFolderContent, { children: item.items.map((child, i) => (_jsx(SidebarLinkItem, { item: child }, i))) })] }));
-        return (_jsx(SidebarItem, { href: item.url, icon: item.icon, external: item.external, ...props, children: item.text }));
-    };
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/sidebar/link-item.tsx
+function createLinkItemRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem }) {
+	/**
+	* Render sidebar items from page tree
+	*/
+	return function SidebarLinkItem({ item, ...props }) {
+		if (item.type === "custom") return /* @__PURE__ */ jsx("div", {
+			...props,
+			children: item.children
+		});
+		if (item.type === "menu") return /* @__PURE__ */ jsxs(SidebarFolder, {
+			...props,
+			children: [item.url ? /* @__PURE__ */ jsxs(SidebarFolderLink, {
+				href: item.url,
+				external: item.external,
+				children: [item.icon, item.text]
+			}) : /* @__PURE__ */ jsxs(SidebarFolderTrigger, { children: [item.icon, item.text] }), /* @__PURE__ */ jsx(SidebarFolderContent, { children: item.items.map((child, i) => /* @__PURE__ */ jsx(SidebarLinkItem, { item: child }, i)) })]
+		});
+		return /* @__PURE__ */ jsx(SidebarItem, {
+			href: item.url,
+			icon: item.icon,
+			external: item.external,
+			...props,
+			children: item.text
+		});
+	};
 }
+
+//#endregion
+export { createLinkItemRenderer };
+//# sourceMappingURL=link-item.js.map

package/dist/components/sidebar/link-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-item.js","names":[],"sources":["../../../src/components/sidebar/link-item.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport type * as Base from './base';\nimport type { LinkItemType } from '@fumadocs/ui/link-item';\n\ntype InternalComponents = Pick<\n  typeof Base,\n  | 'SidebarFolder'\n  | 'SidebarFolderLink'\n  | 'SidebarFolderContent'\n  | 'SidebarFolderTrigger'\n  | 'SidebarItem'\n>;\n\nexport function createLinkItemRenderer({\n  SidebarFolder,\n  SidebarFolderContent,\n  SidebarFolderLink,\n  SidebarFolderTrigger,\n  SidebarItem,\n}: InternalComponents) {\n  /**\n   * Render sidebar items from page tree\n   */\n  return function SidebarLinkItem({\n    item,\n    ...props\n  }: HTMLAttributes<HTMLElement> & {\n    item: Exclude<LinkItemType, { type: 'icon' }>;\n  }) {\n    if (item.type === 'custom') return <div {...props}>{item.children}</div>;\n\n    if (item.type === 'menu')\n      return (\n        <SidebarFolder {...props}>\n          {item.url ? (\n            <SidebarFolderLink href={item.url} external={item.external}>\n              {item.icon}\n              {item.text}\n            </SidebarFolderLink>\n          ) : (\n            <SidebarFolderTrigger>\n              {item.icon}\n              {item.text}\n            </SidebarFolderTrigger>\n          )}\n          <SidebarFolderContent>\n            {item.items.map((child, i) => (\n              <SidebarLinkItem key={i} item={child} />\n            ))}\n          </SidebarFolderContent>\n        </SidebarFolder>\n      );\n\n    return (\n      <SidebarItem href={item.url} icon={item.icon} external={item.external} {...props}>\n        {item.text}\n      </SidebarItem>\n    );\n  };\n}\n"],"mappings":";;;AAaA,SAAgB,uBAAuB,EACrC,eACA,sBACA,mBACA,sBACA,eACqB;;;;AAIrB,QAAO,SAAS,gBAAgB,EAC9B,MACA,GAAG,SAGF;AACD,MAAI,KAAK,SAAS,SAAU,QAAO,oBAAC;GAAI,GAAI;aAAQ,KAAK;IAAe;AAExE,MAAI,KAAK,SAAS,OAChB,QACE,qBAAC;GAAc,GAAI;cAChB,KAAK,MACJ,qBAAC;IAAkB,MAAM,KAAK;IAAK,UAAU,KAAK;eAC/C,KAAK,MACL,KAAK;KACY,GAEpB,qBAAC,mCACE,KAAK,MACL,KAAK,QACe,EAEzB,oBAAC,kCACE,KAAK,MAAM,KAAK,OAAO,MACtB,oBAAC,mBAAwB,MAAM,SAAT,EAAkB,CACxC,GACmB;IACT;AAGpB,SACE,oBAAC;GAAY,MAAM,KAAK;GAAK,MAAM,KAAK;GAAM,UAAU,KAAK;GAAU,GAAI;aACxE,KAAK;IACM"}

package/dist/components/sidebar/page-tree.d.ts

@@ -1,19 +1,30 @@
-import { type FC, type ReactNode } from 'react';
-import type * as PageTree from 'fumadocs-core/page-tree';
-import type * as Base from './base.js';
-export interface SidebarPageTreeComponents {
-    Item: FC<{
-        item: PageTree.Item;
-    }>;
-    Folder: FC<{
-        item: PageTree.Folder;
-        children: ReactNode;
-    }>;
-    Separator: FC<{
-        item: PageTree.Separator;
-    }>;
+import { base_d_exports } from "./base.js";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
+import { FC, ReactNode } from "react";
+import * as PageTree from "fumadocs-core/page-tree";
+
+//#region src/components/sidebar/page-tree.d.ts
+interface SidebarPageTreeComponents {
+  Item: FC<{
+    item: PageTree.Item;
+  }>;
+  Folder: FC<{
+    item: PageTree.Folder;
+    children: ReactNode;
+  }>;
+  Separator: FC<{
+    item: PageTree.Separator;
+  }>;
 }
-type InternalComponents = Pick<typeof Base, 'SidebarSeparator' | 'SidebarFolder' | 'SidebarFolderLink' | 'SidebarFolderContent' | 'SidebarFolderTrigger' | 'SidebarItem'>;
-export declare function createPageTreeRenderer({ SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarSeparator, SidebarItem, }: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => import("react/jsx-runtime").JSX.Element;
-export {};
+type InternalComponents = Pick<typeof base_d_exports, 'SidebarSeparator' | 'SidebarFolder' | 'SidebarFolderLink' | 'SidebarFolderContent' | 'SidebarFolderTrigger' | 'SidebarItem'>;
+declare function createPageTreeRenderer({
+  SidebarFolder,
+  SidebarFolderContent,
+  SidebarFolderLink,
+  SidebarFolderTrigger,
+  SidebarSeparator,
+  SidebarItem
+}: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime84.JSX.Element;
+//#endregion
+export { SidebarPageTreeComponents, createPageTreeRenderer };
 //# sourceMappingURL=page-tree.d.ts.map