@fumadocs/base-ui 16.4.3 → 16.4.5

package/css/emerald.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/emerald.css';

package/css/ruby.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/ruby.css';

package/dist/components/callout.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/callout.d.ts
@@ -9,7 +9,7 @@ declare function Callout({
   ...props
 }: {
   title?: ReactNode;
-} & Omit<CalloutContainerProps, 'title'>): react_jsx_runtime13.JSX.Element;
+} & Omit<CalloutContainerProps, 'title'>): react_jsx_runtime26.JSX.Element;
 interface CalloutContainerProps extends ComponentProps<'div'> {
   /**
    * @defaultValue info
@@ -27,17 +27,17 @@ declare function CalloutContainer({
   className,
   style,
   ...props
-}: CalloutContainerProps): react_jsx_runtime13.JSX.Element;
+}: CalloutContainerProps): react_jsx_runtime26.JSX.Element;
 declare function CalloutTitle({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime13.JSX.Element;
+}: ComponentProps<'p'>): react_jsx_runtime26.JSX.Element;
 declare function CalloutDescription({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime13.JSX.Element;
+}: ComponentProps<'p'>): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Callout, CalloutContainer, CalloutContainerProps, CalloutDescription, CalloutTitle, CalloutType };
 //# sourceMappingURL=callout.d.ts.map

package/dist/components/card.d.ts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/card.d.ts
-declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime17.JSX.Element;
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime13.JSX.Element;
 type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
   icon?: ReactNode;
   title: ReactNode;
@@ -15,7 +15,7 @@ declare function Card({
   title,
   description,
   ...props
-}: CardProps): react_jsx_runtime17.JSX.Element;
+}: CardProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Card, CardProps, Cards };
 //# sourceMappingURL=card.d.ts.map

package/dist/components/codeblock.d.ts

@@ -1,5 +1,5 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { ComponentProps, HTMLAttributes, ReactNode } from "react";
 
 //#region src/components/codeblock.d.ts
@@ -36,7 +36,7 @@ interface CodeBlockProps extends ComponentProps<'figure'> {
     children?: ReactNode;
   }) => ReactNode;
 }
-declare function Pre(props: ComponentProps<'pre'>): react_jsx_runtime20.JSX.Element;
+declare function Pre(props: ComponentProps<'pre'>): react_jsx_runtime30.JSX.Element;
 declare function CodeBlock({
   ref,
   title,
@@ -47,22 +47,22 @@ declare function CodeBlock({
   children,
   Actions,
   ...props
-}: CodeBlockProps): react_jsx_runtime20.JSX.Element;
+}: CodeBlockProps): react_jsx_runtime30.JSX.Element;
 declare function CodeBlockTabs({
   ref,
   className,
   ...props
-}: ComponentProps<typeof Tabs>): react_jsx_runtime20.JSX.Element;
+}: ComponentProps<typeof Tabs>): react_jsx_runtime30.JSX.Element;
 declare function CodeBlockTabsList({
   className,
   ...props
-}: ComponentProps<typeof TabsList>): react_jsx_runtime20.JSX.Element;
+}: ComponentProps<typeof TabsList>): react_jsx_runtime30.JSX.Element;
 declare function CodeBlockTabsTrigger({
   children,
   className,
   ...props
-}: ComponentProps<typeof TabsTrigger>): react_jsx_runtime20.JSX.Element;
-declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): react_jsx_runtime20.JSX.Element;
+}: ComponentProps<typeof TabsTrigger>): react_jsx_runtime30.JSX.Element;
+declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
 //# sourceMappingURL=codeblock.d.ts.map

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

@@ -1,6 +1,6 @@
 import { search_d_exports } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { AlgoliaOptions } from "fumadocs-core/search/client";
 
@@ -33,7 +33,7 @@ declare function AlgoliaSearchDialog({
   links,
   footer,
   ...props
-}: AlgoliaSearchDialogProps): react_jsx_runtime43.JSX.Element;
+}: AlgoliaSearchDialogProps): react_jsx_runtime140.JSX.Element;
 //#endregion
 export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };
 //# sourceMappingURL=search-algolia.d.ts.map

package/dist/components/dialog/search-algolia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-algolia.d.ts","names":[],"sources":["../../../src/components/dialog/search-algolia.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;iBACjC;UACP,gBAAA,CAAA;EAFO,MAAA,CAAA,EAIN,SAJM;EACA,UAAA,CAAA,EAAA,MAAA;EACP,IAAA,CAAA,EAKD,gBAAA,CAAA,OALC,EAAA;EAEC;;;;AAkBV;EAGC,WAAA,CAAA,EAAA,OAAA;EACA;;;;;EAKA,UAAA,CAAA,EAAA,OAAA;;AAEyB,iBATH,mBAAA,CASG;EAAA,aAAA;EAAA,IAAA;EAAA,UAAA;EAAA,WAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAAxB,wBAAwB,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"search-algolia.d.ts","names":[],"sources":["../../../src/components/dialog/search-algolia.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;iBACjC;UACP,gBAAA,CAAA;EAFO,MAAA,CAAA,EAIN,SAJM;EACA,UAAA,CAAA,EAAA,MAAA;EACP,IAAA,CAAA,EAKD,gBAAA,CAAA,OALC,EAAA;EAEC;;;;AAkBV;EAGC,WAAA,CAAA,EAAA,OAAA;EACA;;;;;EAKA,UAAA,CAAA,EAAA,OAAA;;AAEyB,iBATH,mBAAA,CASG;EAAA,aAAA;EAAA,IAAA;EAAA,UAAA;EAAA,WAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAAxB,wBAAwB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,6 +1,6 @@
 import { search_d_exports } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime137 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/dialog/search-default.d.ts
@@ -38,7 +38,7 @@ declare function DefaultSearchDialog({
   links,
   footer,
   ...props
-}: DefaultSearchDialogProps): react_jsx_runtime45.JSX.Element;
+}: DefaultSearchDialogProps): react_jsx_runtime137.JSX.Element;
 //#endregion
 export { DefaultSearchDialogProps, DefaultSearchDialog as default };
 //# sourceMappingURL=search-default.d.ts.map

package/dist/components/dialog/search-default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-default.d.ts","names":[],"sources":["../../../src/components/dialog/search-default.tsx"],"sourcesContent":[],"mappings":";;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;UACxC,gBAAA,CAAA;;AADV;;EASS,IAAA,CAAA,EAAA,OAAA,GAAA,QAAA;EAYE,UAAA,CAAA,EAAA,MAAA;EArBuC,IAAA,CAAA,EASzC,gBAAA,CAAA,OATyC,EAAA;EAAW;AA6B5D;;EAIC,GAAA,CAAA,EAAA,MAAA;EACA;;;EAGA,OAAA,CAAA,EAAA,MAAA;EACA,MAAA,CAAA,EAjBS,SAiBT;EACA;;;;;;;iBARsB,mBAAA;;;;;;;;;;GAUrB,2BAAwB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"search-default.d.ts","names":[],"sources":["../../../src/components/dialog/search-default.tsx"],"sourcesContent":[],"mappings":";;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;UACxC,gBAAA,CAAA;;AADV;;EASS,IAAA,CAAA,EAAA,OAAA,GAAA,QAAA;EAYE,UAAA,CAAA,EAAA,MAAA;EArBuC,IAAA,CAAA,EASzC,gBAAA,CAAA,OATyC,EAAA;EAAW;AA6B5D;;EAIC,GAAA,CAAA,EAAA,MAAA;EACA;;;EAGA,OAAA,CAAA,EAAA,MAAA;EACA,MAAA,CAAA,EAjBS,SAiBT;EACA;;;;;;;iBARsB,mBAAA;;;;;;;;;;GAUrB,2BAAwB,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,6 +1,6 @@
 import { search_d_exports } from "../../contexts/search.js";
 import "./search.js";
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 import { ReactNode } from "react";
 import { OramaCloudOptions } from "fumadocs-core/search/client";
 
@@ -40,7 +40,7 @@ declare function OramaSearchDialog({
   footer,
   links,
   ...props
-}: OramaSearchDialogProps): react_jsx_runtime49.JSX.Element;
+}: OramaSearchDialogProps): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { OramaSearchDialogProps, OramaSearchDialog as default };
 //# sourceMappingURL=search-orama.d.ts.map

package/dist/components/dialog/search-orama.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-orama.d.ts","names":[],"sources":["../../../src/components/dialog/search-orama.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAuBiB,sBAAA,SAA+B,gBAAA,CAAA;UACtC,gBAAA,CAAA;UACA;EAFO,aAAA,CAAA,EAGC,iBAHsB,CAAA,QAAA,CAAA;EAC9B,KAAA,CAAA,EAGA,iBAHA,CAAA,OAAA,CAAA;EACA,MAAA,CAAA,EAIC,SAJD;EACQ,UAAA,CAAA,EAAA,MAAA;EACR,IAAA,CAAA,EAKD,gBAAA,CAAA,OALC,EAAA;EAEC;;;;AAkBV;EAMC,SAAA,CAAA,EAAA,OAAA;EACA;;;;;EAKA,UAAA,CAAA,EAAA,OAAA;;;;;AAIuB,iBAXD,iBAAA,CAWC;EAAA,MAAA;EAAA,aAAA;EAAA,IAAA;EAAA,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAAtB,sBAAsB,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"search-orama.d.ts","names":[],"sources":["../../../src/components/dialog/search-orama.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAuBiB,sBAAA,SAA+B,gBAAA,CAAA;UACtC,gBAAA,CAAA;UACA;EAFO,aAAA,CAAA,EAGC,iBAHsB,CAAA,QAAA,CAAA;EAC9B,KAAA,CAAA,EAGA,iBAHA,CAAA,OAAA,CAAA;EACA,MAAA,CAAA,EAIC,SAJD;EACQ,UAAA,CAAA,EAAA,MAAA;EACR,IAAA,CAAA,EAKD,gBAAA,CAAA,OALC,EAAA;EAEC;;;;AAkBV;EAMC,SAAA,CAAA,EAAA,OAAA;EACA;;;;;EAKA,UAAA,CAAA,EAAA,OAAA;;;;;AAIuB,iBAXD,iBAAA,CAWC;EAAA,MAAA;EAAA,aAAA;EAAA,IAAA;EAAA,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAAtB,sBAAsB,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,5 +1,5 @@
 import { search_d_exports } from "../../contexts/search.js";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 import { Dialog } from "@base-ui/react/dialog";
 import { HighlightedText, ReactSortedResult } from "fumadocs-core/search";
@@ -28,24 +28,24 @@ declare function SearchDialog({
   isLoading,
   onSelect: onSelectProp,
   children
-}: SearchDialogProps): react_jsx_runtime51.JSX.Element;
-declare function SearchDialogHeader(props: ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
-declare function SearchDialogInput(props: ComponentProps<'input'>): react_jsx_runtime51.JSX.Element;
+}: SearchDialogProps): react_jsx_runtime91.JSX.Element;
+declare function SearchDialogHeader(props: ComponentProps<'div'>): react_jsx_runtime91.JSX.Element;
+declare function SearchDialogInput(props: ComponentProps<'input'>): react_jsx_runtime91.JSX.Element;
 declare function SearchDialogClose({
   children,
   className,
   ...props
-}: ComponentProps<'button'>): react_jsx_runtime51.JSX.Element;
-declare function SearchDialogFooter(props: ComponentProps<'div'>): react_jsx_runtime51.JSX.Element;
+}: ComponentProps<'button'>): react_jsx_runtime91.JSX.Element;
+declare function SearchDialogFooter(props: ComponentProps<'div'>): react_jsx_runtime91.JSX.Element;
 declare function SearchDialogOverlay({
   className,
   ...props
-}: ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime51.JSX.Element;
+}: ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime91.JSX.Element;
 declare function SearchDialogContent({
   children,
   className,
   ...props
-}: ComponentProps<typeof Dialog.Popup>): react_jsx_runtime51.JSX.Element;
+}: ComponentProps<typeof Dialog.Popup>): react_jsx_runtime91.JSX.Element;
 declare function SearchDialogList({
   items,
   Empty,
@@ -64,7 +64,7 @@ declare function SearchDialogList({
     item: SearchItemType;
     onClick: () => void;
   }) => ReactNode;
-}): react_jsx_runtime51.JSX.Element;
+}): react_jsx_runtime91.JSX.Element;
 declare function SearchDialogListItem({
   item,
   className,
@@ -74,8 +74,8 @@ declare function SearchDialogListItem({
 }: ComponentProps<'button'> & {
   renderHighlights?: typeof renderHighlights;
   item: SearchItemType;
-}): react_jsx_runtime51.JSX.Element;
-declare function SearchDialogIcon(props: ComponentProps<'svg'>): react_jsx_runtime51.JSX.Element;
+}): react_jsx_runtime91.JSX.Element;
+declare function SearchDialogIcon(props: ComponentProps<'svg'>): react_jsx_runtime91.JSX.Element;
 interface TagsListProps extends ComponentProps<'div'> {
   tag?: string;
   onTagChange: (tag: string | undefined) => void;
@@ -86,14 +86,14 @@ declare function TagsList({
   onTagChange,
   allowClear,
   ...props
-}: TagsListProps): react_jsx_runtime51.JSX.Element;
+}: TagsListProps): react_jsx_runtime91.JSX.Element;
 declare function TagsListItem({
   value,
   className,
   ...props
 }: ComponentProps<'button'> & {
   value: string;
-}): react_jsx_runtime51.JSX.Element;
+}): react_jsx_runtime91.JSX.Element;
 declare function renderHighlights(highlights: HighlightedText<ReactNode>[]): ReactNode;
 declare function useSearch(): {
   open: boolean;

package/dist/components/dynamic-codeblock.d.ts

@@ -1,5 +1,5 @@
 import { CodeBlockProps } from "./codeblock.js";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 import { HighlightOptionsCommon, HighlightOptionsThemes } from "fumadocs-core/highlight";
 
 //#region src/components/dynamic-codeblock.d.ts
@@ -26,7 +26,7 @@ declare function DynamicCodeBlock({
   codeblock,
   options,
   wrapInSuspense
-}: DynamicCodeblockProps): react_jsx_runtime26.JSX.Element;
+}: DynamicCodeblockProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { DynamicCodeBlock, DynamicCodeblockProps };
 //# sourceMappingURL=dynamic-codeblock.d.ts.map

package/dist/components/github-info.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { AnchorHTMLAttributes } from "react";
 
 //#region src/components/github-info.d.ts
@@ -13,7 +13,7 @@ declare function GithubInfo({
   repo: string;
   token?: string;
   baseUrl?: string;
-}): Promise<react_jsx_runtime28.JSX.Element>;
+}): Promise<react_jsx_runtime36.JSX.Element>;
 //#endregion
 export { GithubInfo };
 //# sourceMappingURL=github-info.d.ts.map

package/dist/components/image-zoom.d.ts

@@ -1,5 +1,5 @@
 import { ImageProps } from "fumadocs-core/framework";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { UncontrolledProps } from "react-medium-image-zoom";
 
@@ -19,7 +19,7 @@ declare function ImageZoom({
   children,
   rmiz,
   ...props
-}: ImageZoomProps): react_jsx_runtime31.JSX.Element;
+}: ImageZoomProps): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { ImageZoom, ImageZoomProps };
 //# sourceMappingURL=image-zoom.d.ts.map

package/dist/components/inline-toc.d.ts

@@ -1,5 +1,5 @@
 import { Collapsible } from "./ui/collapsible.js";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 import { TOCItemType } from "fumadocs-core/toc";
 
@@ -11,7 +11,7 @@ declare function InlineTOC({
   items,
   className,
   ...props
-}: InlineTocProps): react_jsx_runtime33.JSX.Element;
+}: InlineTocProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { InlineTOC, InlineTocProps };
 //# sourceMappingURL=inline-toc.d.ts.map

package/dist/components/sidebar/base.d.ts

@@ -1,13 +1,13 @@
 import { CollapsibleContentProps, CollapsibleTriggerProps } from "../ui/collapsible.js";
 import { ScrollAreaProps } from "../ui/scroll-area.js";
 import { LinkProps } from "fumadocs-core/link";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 import * as react20 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 };
+  export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, SidebarViewport, useAutoScroll, useFolder, useFolderDepth, useSidebar };
 }
 interface SidebarContext {
   open: boolean;
@@ -42,7 +42,7 @@ declare function SidebarProvider({
   defaultOpenLevel,
   prefetch,
   children
-}: SidebarProviderProps): react_jsx_runtime130.JSX.Element;
+}: SidebarProviderProps): react_jsx_runtime119.JSX.Element;
 declare function useSidebar(): SidebarContext;
 declare function useFolder(): {
   open: boolean;
@@ -62,24 +62,24 @@ declare function SidebarContent({
     onPointerLeave: (event: PointerEvent) => void;
   }) => ReactNode;
 }): ReactNode;
-declare function SidebarDrawerOverlay(props: ComponentProps<'div'>): react_jsx_runtime130.JSX.Element | undefined;
+declare function SidebarDrawerOverlay(props: ComponentProps<'div'>): react_jsx_runtime119.JSX.Element | undefined;
 declare function SidebarDrawerContent({
   className,
   children,
   ...props
-}: ComponentProps<'aside'>): react_jsx_runtime130.JSX.Element | undefined;
+}: ComponentProps<'aside'>): react_jsx_runtime119.JSX.Element | undefined;
 declare function SidebarViewport({
   className,
   ...props
-}: ScrollAreaProps): react_jsx_runtime130.JSX.Element;
-declare function SidebarSeparator(props: ComponentProps<'p'>): react_jsx_runtime130.JSX.Element;
+}: ScrollAreaProps): react_jsx_runtime119.JSX.Element;
+declare function SidebarSeparator(props: ComponentProps<'p'>): react_jsx_runtime119.JSX.Element;
 declare function SidebarItem({
   icon,
   children,
   ...props
 }: LinkProps & {
   icon?: ReactNode;
-}): react_jsx_runtime130.JSX.Element;
+}): react_jsx_runtime119.JSX.Element;
 declare function SidebarFolder({
   defaultOpen: defaultOpenProp,
   collapsible,
@@ -90,21 +90,25 @@ declare function SidebarFolder({
   active?: boolean;
   defaultOpen?: boolean;
   collapsible?: boolean;
-}): react_jsx_runtime130.JSX.Element;
+}): react_jsx_runtime119.JSX.Element;
 declare function SidebarFolderTrigger({
   children,
   ...props
-}: CollapsibleTriggerProps): react_jsx_runtime130.JSX.Element;
+}: CollapsibleTriggerProps): react_jsx_runtime119.JSX.Element;
 declare function SidebarFolderLink({
   children,
   ...props
-}: LinkProps): react_jsx_runtime130.JSX.Element;
-declare function SidebarFolderContent(props: CollapsibleContentProps): react_jsx_runtime130.JSX.Element;
+}: LinkProps): react_jsx_runtime119.JSX.Element;
+declare function SidebarFolderContent(props: CollapsibleContentProps): react_jsx_runtime119.JSX.Element;
 declare function SidebarTrigger({
   children,
   ...props
-}: ComponentProps<'button'>): react_jsx_runtime130.JSX.Element;
-declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): react_jsx_runtime130.JSX.Element;
+}: ComponentProps<'button'>): react_jsx_runtime119.JSX.Element;
+declare function SidebarCollapseTrigger(props: ComponentProps<'button'>): react_jsx_runtime119.JSX.Element;
+/**
+ * scroll to the element if `active` is true
+ */
+declare function useAutoScroll(active: boolean, ref: RefObject<HTMLElement | null>): void;
 //#endregion
-export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, SidebarViewport, base_d_exports, useFolder, useFolderDepth, useSidebar };
+export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarProviderProps, SidebarSeparator, SidebarTrigger, SidebarViewport, base_d_exports, useAutoScroll, useFolder, useFolderDepth, useSidebar };
 //# sourceMappingURL=base.d.ts.map

package/dist/components/sidebar/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","names":[],"sources":["../../../src/components/sidebar/base.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"base.d.ts","names":[],"sources":["../../../src/components/sidebar/base.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/components/sidebar/base.js

@@ -30,6 +30,7 @@ var base_exports = /* @__PURE__ */ __exportAll({
 	SidebarSeparator: () => SidebarSeparator,
 	SidebarTrigger: () => SidebarTrigger,
 	SidebarViewport: () => SidebarViewport,
+	useAutoScroll: () => useAutoScroll,
 	useFolder: () => useFolder,
 	useFolderDepth: () => useFolderDepth,
 	useSidebar: () => useSidebar
@@ -265,6 +266,9 @@ function SidebarCollapseTrigger(props) {
 		children: props.children
 	});
 }
+/**
+* scroll to the element if `active` is true
+*/
 function useAutoScroll(active, ref) {
 	const { mode } = useSidebar();
 	useEffect(() => {
@@ -280,5 +284,5 @@ function useAutoScroll(active, ref) {
 }
 
 //#endregion
-export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarSeparator, SidebarTrigger, SidebarViewport, base_exports, useFolder, useFolderDepth, useSidebar };
+export { SidebarCollapseTrigger, SidebarContent, SidebarDrawerContent, SidebarDrawerOverlay, SidebarFolder, SidebarFolderContent, SidebarFolderLink, SidebarFolderTrigger, SidebarItem, SidebarProvider, SidebarSeparator, SidebarTrigger, SidebarViewport, base_exports, useAutoScroll, useFolder, useFolderDepth, useSidebar };
 //# sourceMappingURL=base.js.map

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

@@ -1 +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 scrollIntoView from 'scroll-into-view-if-needed';\nimport { usePathname } from 'fumadocs-core/framework';\nimport ReactDOM from 'react-dom';\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, default behaviour depends on your React.js framework.\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,\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  const [hidden, setHidden] = useState(!open);\n\n  if (open && hidden) setHidden(false);\n  if (mode !== 'drawer' || hidden) return;\n  return (\n    <div\n      data-state={open ? 'open' : 'closed'}\n      onClick={() => setOpen(false)}\n      onAnimationEnd={() => {\n        if (!open) ReactDOM.flushSync(() => setHidden(true));\n      }}\n      {...props}\n    />\n  );\n}\n\nexport function SidebarDrawerContent({ className, children, ...props }: ComponentProps<'aside'>) {\n  const { open, mode } = useSidebar();\n  const [hidden, setHidden] = useState(!open);\n\n  if (open && hidden) setHidden(false);\n  if (mode !== 'drawer') return;\n  return (\n    <aside\n      id=\"nd-sidebar-mobile\"\n      data-state={open ? 'open' : 'closed'}\n      className={cn(hidden && 'invisible', className)}\n      onAnimationEnd={() => {\n        if (!open) ReactDOM.flushSync(() => setHidden(true));\n      }}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\nexport function SidebarViewport({ className, ...props }: ScrollAreaProps) {\n  return (\n    <ScrollArea\n      className={(s) =>\n        cn('min-h-0 flex-1', typeof className === 'function' ? className(s) : className)\n      }\n      {...props}\n    >\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":"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"}
+{"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 scrollIntoView from 'scroll-into-view-if-needed';\nimport { usePathname } from 'fumadocs-core/framework';\nimport ReactDOM from 'react-dom';\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, default behaviour depends on your React.js framework.\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,\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  const [hidden, setHidden] = useState(!open);\n\n  if (open && hidden) setHidden(false);\n  if (mode !== 'drawer' || hidden) return;\n  return (\n    <div\n      data-state={open ? 'open' : 'closed'}\n      onClick={() => setOpen(false)}\n      onAnimationEnd={() => {\n        if (!open) ReactDOM.flushSync(() => setHidden(true));\n      }}\n      {...props}\n    />\n  );\n}\n\nexport function SidebarDrawerContent({ className, children, ...props }: ComponentProps<'aside'>) {\n  const { open, mode } = useSidebar();\n  const [hidden, setHidden] = useState(!open);\n\n  if (open && hidden) setHidden(false);\n  if (mode !== 'drawer') return;\n  return (\n    <aside\n      id=\"nd-sidebar-mobile\"\n      data-state={open ? 'open' : 'closed'}\n      className={cn(hidden && 'invisible', className)}\n      onAnimationEnd={() => {\n        if (!open) ReactDOM.flushSync(() => setHidden(true));\n      }}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\nexport function SidebarViewport({ className, ...props }: ScrollAreaProps) {\n  return (\n    <ScrollArea\n      className={(s) =>\n        cn('min-h-0 flex-1', typeof className === 'function' ? className(s) : className)\n      }\n      {...props}\n    >\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\n/**\n * scroll to the element if `active` is true\n */\nexport function useAutoScroll(active: boolean, ref: RefObject<HTMLElement | 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":"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"}

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

@@ -1,5 +1,5 @@
 import { base_d_exports } from "./base.js";
-import * as react_jsx_runtime80 from "react/jsx-runtime";
+import * as react_jsx_runtime138 from "react/jsx-runtime";
 import { HTMLAttributes } from "react";
 import { LinkItemType } from "@fumadocs/ui/link-item";
 
@@ -18,7 +18,7 @@ declare function createLinkItemRenderer({
   item: Exclude<LinkItemType, {
     type: "icon";
   }>;
-}) => react_jsx_runtime80.JSX.Element;
+}) => react_jsx_runtime138.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","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"}
+{"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,oBAAA,CAAA,GAAA,CAAA,OAdD"}

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

@@ -1,5 +1,5 @@
 import { base_d_exports } from "./base.js";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime131 from "react/jsx-runtime";
 import { FC, ReactNode } from "react";
 import * as PageTree from "fumadocs-core/page-tree";
 
@@ -24,7 +24,7 @@ declare function createPageTreeRenderer({
   SidebarFolderTrigger,
   SidebarSeparator,
   SidebarItem
-}: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime79.JSX.Element;
+}: InternalComponents): (components: Partial<SidebarPageTreeComponents>) => react_jsx_runtime131.JSX.Element;
 //#endregion
 export { SidebarPageTreeComponents, createPageTreeRenderer };
 //# sourceMappingURL=page-tree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"page-tree.d.ts","names":[],"sources":["../../../src/components/sidebar/page-tree.tsx"],"sourcesContent":[],"mappings":";;;;;;UAKiB,yBAAA;QACT;UAAW,QAAA,CAAS;EADX,CAAA,CAAA;EACE,MAAS,EAClB,EADkB,CAAA;IAApB,IAAA,EACa,QAAA,CAAS,MADtB;IACa,QAAS,EAAkB,SAAlB;EAAkB,CAAA,CAAA;EAAtC,SAAA,EACG,EADH,CAAA;IACc,IAAS,EAAT,QAAA,CAAS,SAAA;EAApB,CAAA,CAAA;;AACZ,KAEI,kBAAA,GAAqB,IAAH,CAAA,OACd,cAAA,EAAA,kBADqB,GAAA,eAAA,GAAA,mBAAA,GAAA,sBAAA,GAAA,sBAAA,GAAA,aAAA,CAAA;AAUd,iBAAA,sBAAA,CAAsB;EAAA,aAAA;EAAA,oBAAA;EAAA,iBAAA;EAAA,oBAAA;EAAA,gBAAA;EAAA;AAAA,CAAA,EAOnC,kBAPmC,CAAA,EAAA,CAAA,UAAA,EAoCQ,OApCR,CAoCgB,yBApChB,CAAA,EAAA,GAoC0C,mBAAA,CAAA,GAAA,CAAA,OApC1C"}
+{"version":3,"file":"page-tree.d.ts","names":[],"sources":["../../../src/components/sidebar/page-tree.tsx"],"sourcesContent":[],"mappings":";;;;;;UAKiB,yBAAA;QACT;UAAW,QAAA,CAAS;EADX,CAAA,CAAA;EACE,MAAS,EAClB,EADkB,CAAA;IAApB,IAAA,EACa,QAAA,CAAS,MADtB;IACa,QAAS,EAAkB,SAAlB;EAAkB,CAAA,CAAA;EAAtC,SAAA,EACG,EADH,CAAA;IACc,IAAS,EAAT,QAAA,CAAS,SAAA;EAApB,CAAA,CAAA;;AACZ,KAEI,kBAAA,GAAqB,IAAH,CAAA,OACd,cAAA,EAAA,kBADqB,GAAA,eAAA,GAAA,mBAAA,GAAA,sBAAA,GAAA,sBAAA,GAAA,aAAA,CAAA;AAUd,iBAAA,sBAAA,CAAsB;EAAA,aAAA;EAAA,oBAAA;EAAA,iBAAA;EAAA,oBAAA;EAAA,gBAAA;EAAA;AAAA,CAAA,EAOnC,kBAPmC,CAAA,EAAA,CAAA,UAAA,EAoCQ,OApCR,CAoCgB,yBApChB,CAAA,EAAA,GAoC0C,oBAAA,CAAA,GAAA,CAAA,OApC1C"}

package/dist/components/sidebar/tabs/dropdown.d.ts

@@ -1,5 +1,5 @@
 import { SidebarTab } from "./index.js";
-import * as react_jsx_runtime85 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/sidebar/tabs/dropdown.d.ts
@@ -13,7 +13,7 @@ declare function SidebarTabsDropdown({
 }: {
   placeholder?: ReactNode;
   options: SidebarTabWithProps[];
-} & ComponentProps<'button'>): react_jsx_runtime85.JSX.Element;
+} & ComponentProps<'button'>): react_jsx_runtime60.JSX.Element;
 declare function isTabActive(tab: SidebarTab, pathname: string): boolean;
 //#endregion
 export { SidebarTabWithProps, SidebarTabsDropdown, isTabActive };

package/dist/components/steps.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/steps.d.ts
@@ -6,12 +6,12 @@ declare function Steps({
   children
 }: {
   children: ReactNode;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime40.JSX.Element;
 declare function Step({
   children
 }: {
   children: ReactNode;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { Step, Steps };
 //# sourceMappingURL=steps.d.ts.map