fumadocs-ui/dist/components/sidebar/base.d.ts

The Radix UI version of Fumadocs UI

import { CollapsibleContentProps, CollapsibleTriggerProps } from "../ui/collapsible.js";
import { ScrollAreaProps } from "../ui/scroll-area.js";
import { LinkProps } from "fumadocs-core/link";
import * as react_jsx_runtime87 from "react/jsx-runtime";
import * as react15 from "react";
import { ComponentProps, PointerEvent, ReactNode, RefObject } from "react";

//#region src/components/sidebar/base.d.ts
declare namespace base_d_exports {
  export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, SidebarViewport, useFolder, useFolderDepth, useSidebar };
}
interface SidebarContext {
  open: boolean;
  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
  collapsed: boolean;
  setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
  /**
   * When set to false, don't close the sidebar when navigate to another page
   */
  closeOnRedirect: RefObject<boolean>;
  defaultOpenLevel: number;
  prefetch: boolean;
  mode: Mode;
}
interface SidebarProviderProps {
  /**
   * Open folders by default if their level is lower or equal to a specific level
   * (Starting from 1)
   *
   * @defaultValue 0
   */
  defaultOpenLevel?: number;
  /**
   * Prefetch links
   *
   * @defaultValue true
   */
  prefetch?: boolean;
  children?: ReactNode;
}
type Mode = 'drawer' | 'full';
declare const SidebarContext: react15.Context<SidebarContext | null>;
declare function SidebarProvider({
  defaultOpenLevel,
  prefetch,
  children
}: SidebarProviderProps): react_jsx_runtime87.JSX.Element;
declare function useSidebar(): SidebarContext;
declare function useFolder(): {
  open: boolean;
  setOpen: React.Dispatch<React.SetStateAction<boolean>>;
  depth: number;
  collapsible: boolean;
} | null;
declare function useFolderDepth(): number;
declare function SidebarContent({
  children
}: {
  children: (state: {
    ref: RefObject<HTMLElement | null>;
    collapsed: boolean;
    hovered: boolean;
    onPointerEnter: (event: PointerEvent) => void;
    onPointerLeave: (event: PointerEvent) => void;
  }) => ReactNode;
}): ReactNode;
declare function SidebarDrawerOverlay(props: ComponentProps<'div'>): react_jsx_runtime87.JSX.Element | undefined;
declare function SidebarDrawerContent({
  className,
  children,
  ...props
}: ComponentProps<'aside'>): react_jsx_runtime87.JSX.Element | undefined;
declare function SidebarViewport(props: ScrollAreaProps): react_jsx_runtime87.JSX.Element;
declare function SidebarSeparator(props: ComponentProps<'p'>): react_jsx_runtime87.JSX.Element;
declare function SidebarItem({
  icon,
  children,
  ...props
}: LinkProps & {
  icon?: ReactNode;
}): react_jsx_runtime87.JSX.Element;
declare function SidebarFolder({
  defaultOpen: defaultOpenProp,
  collapsible,
  active,
  children,
  ...props
}: ComponentProps<'div'> & {
  active?: boolean;
  defaultOpen?: boolean;
  collapsible?: boolean;
}): react_jsx_runtime87.JSX.Element;
declare function SidebarFolderTrigger({
  children,
  ...props
}: CollapsibleTriggerProps): react_jsx_runtime87.JSX.Element;
declare function SidebarFolderLink({
  children,
  ...props
}: LinkProps): react_jsx_runtime87.JSX.Element;
declare function SidebarFolderContent(props: CollapsibleContentProps): react_jsx_runtime87.JSX.Element;
declare function SidebarTrigger({
  children,
  ...props
}: ComponentProps<'button'>): react_jsx_runtime87.JSX.Element;
declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): react_jsx_runtime87.JSX.Element;
//#endregion
export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, SidebarViewport, base_d_exports, useFolder, useFolderDepth, useSidebar };
//# sourceMappingURL=base.d.ts.map