@fumadocs/base-ui 16.7.6 → 16.7.8

package/dist/components/toc/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, RefObject } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as Primitive from "fumadocs-core/toc";
 
 //#region src/components/toc/index.d.ts
@@ -10,20 +10,18 @@ declare function TOCProvider({
   toc,
   children,
   ...props
-}: TOCProviderProps): react_jsx_runtime0.JSX.Element;
+}: TOCProviderProps): _$react_jsx_runtime0.JSX.Element;
 declare function TOCScrollArea({
   ref,
   className,
   ...props
-}: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 interface TocThumbProps extends ComponentProps<'div'> {
   containerRef: RefObject<HTMLElement | null>;
-  align?: 'center' | 'end';
 }
 declare function TocThumb({
   containerRef,
-  align,
   ...props
-}: TocThumbProps): react_jsx_runtime0.JSX.Element;
+}: TocThumbProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TOCProvider, TOCProviderProps, TOCScrollArea, TocThumb, useActiveAnchor, useActiveAnchors, useItems, useTOCItems };

package/dist/components/toc/index.js

@@ -43,7 +43,7 @@ function TOCScrollArea({ ref, className, ...props }) {
 		})
 	});
 }
-function TocThumb({ containerRef, align = "end", ...props }) {
+function TocThumb({ containerRef, ...props }) {
 	const thumbRef = useRef(null);
 	const active = useActiveAnchors();
 	function update(info) {
@@ -65,15 +65,9 @@ function TocThumb({ containerRef, align = "end", ...props }) {
 		for (const item of active) {
 			const element = container.querySelector(`a[href="#${item}"]`);
 			if (!element) continue;
-			if (align === "center") {
-				const y = element.offsetTop + element.clientHeight / 2;
-				upper = Math.min(upper, y);
-				lower = Math.max(lower, y);
-			} else {
-				const styles = getComputedStyle(element);
-				upper = Math.min(upper, element.offsetTop + parseFloat(styles.paddingTop));
-				lower = Math.max(lower, element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom));
-			}
+			const styles = getComputedStyle(element);
+			upper = Math.min(upper, element.offsetTop + parseFloat(styles.paddingTop));
+			lower = Math.max(lower, element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom));
 		}
 		return {
 			top: upper,

package/dist/components/type-table.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/type-table.d.ts
 interface ParameterNode {
@@ -39,6 +39,6 @@ declare function TypeTable({
   ...props
 }: {
   type: Record<string, TypeNode>;
-} & ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
+} & ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ParameterNode, TypeNode, TypeTable };

package/dist/components/ui/accordion.d.ts

@@ -1,30 +1,30 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 
 //#region src/components/ui/accordion.d.ts
 declare function Accordion({
   className,
   ...props
-}: ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Root>): _$react_jsx_runtime0.JSX.Element;
 declare function AccordionItem({
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Item>): _$react_jsx_runtime0.JSX.Element;
 declare function AccordionHeader({
   className,
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Header>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Header>): _$react_jsx_runtime0.JSX.Element;
 declare function AccordionTrigger({
   className,
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Trigger>): _$react_jsx_runtime0.JSX.Element;
 declare function AccordionContent({
   className,
   children,
   ...props
-}: ComponentProps<typeof Accordion$1.Panel>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Accordion$1.Panel>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };

package/dist/components/ui/button.d.ts

@@ -1,12 +1,12 @@
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
   size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonVariants>;
 //#endregion
 export { ButtonProps, buttonVariants };

package/dist/components/ui/collapsible.d.ts

@@ -1,17 +1,17 @@
-import * as react from "react";
+import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
-import * as _base_ui_react0 from "@base-ui/react";
+import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/collapsible.d.ts
-declare const Collapsible: react.ForwardRefExoticComponent<Omit<_base_ui_react0.CollapsibleRootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: react.ForwardRefExoticComponent<Omit<_base_ui_react0.CollapsibleTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+declare const Collapsible: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.CollapsibleRootProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.CollapsibleTriggerProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
 declare function CollapsibleContent({
   children,
   className,
   ...props
-}: ComponentProps<typeof Collapsible$1.Panel>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Collapsible$1.Panel>): _$react_jsx_runtime0.JSX.Element;
 type CollapsibleProps = Collapsible$1.Root.Props;
 type CollapsibleContentProps = Collapsible$1.Panel.Props;
 type CollapsibleTriggerProps = Collapsible$1.Trigger.Props;

package/dist/components/ui/navigation-menu.d.ts

@@ -1,30 +1,30 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { NavigationMenu as NavigationMenu$1 } from "@base-ui/react/navigation-menu";
-import * as _base_ui_react0 from "@base-ui/react";
+import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/navigation-menu.d.ts
 type NavigationMenuContentProps = NavigationMenu$1.Content.Props;
 type NavigationMenuTriggerProps = NavigationMenu$1.Trigger.Props;
-declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuRootProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
-declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenu: React$1.ForwardRefExoticComponent<Omit<_$_base_ui_react0.NavigationMenuRootProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React$1.ForwardRefExoticComponent<Omit<_$_base_ui_react0.NavigationMenuListProps, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
 declare function NavigationMenuItem({
   className,
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Item>): _$react_jsx_runtime0.JSX.Element;
 declare function NavigationMenuTrigger({
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Trigger>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Trigger>): _$react_jsx_runtime0.JSX.Element;
 declare function NavigationMenuContent({
   className,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Content>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Content>): _$react_jsx_runtime0.JSX.Element;
 declare function NavigationMenuLink({
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Link>): react_jsx_runtime0.JSX.Element;
-declare function NavigationMenuViewport(props: NavigationMenu$1.Positioner.Props): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof NavigationMenu$1.Link>): _$react_jsx_runtime0.JSX.Element;
+declare function NavigationMenuViewport(props: NavigationMenu$1.Positioner.Props): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuContentProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuTriggerProps, NavigationMenuViewport };

package/dist/components/ui/popover.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "@base-ui/react/popover";
-import * as _base_ui_react0 from "@base-ui/react";
+import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/popover.d.ts
 declare const Popover: typeof Popover$1.Root;
@@ -11,7 +11,7 @@ declare function PopoverContent({
   align,
   sideOffset,
   ...props
-}: React$1.ComponentPropsWithRef<typeof Popover$1.Popup> & Pick<Popover$1.Positioner.Props, 'sideOffset' | 'align'>): react_jsx_runtime0.JSX.Element;
-declare const PopoverClose: React$1.ForwardRefExoticComponent<Omit<_base_ui_react0.PopoverCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+}: React$1.ComponentPropsWithRef<typeof Popover$1.Popup> & Pick<Popover$1.Positioner.Props, 'sideOffset' | 'align'>): _$react_jsx_runtime0.JSX.Element;
+declare const PopoverClose: React$1.ForwardRefExoticComponent<Omit<_$_base_ui_react0.PopoverCloseProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Popover, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/components/ui/scroll-area.d.ts

@@ -1,22 +1,22 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
 
 //#region src/components/ui/scroll-area.d.ts
 declare function ScrollArea({
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Root>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Root>): _$react_jsx_runtime0.JSX.Element;
 declare function ScrollViewport({
   className,
   children,
   ...props
-}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Viewport>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Viewport>): _$react_jsx_runtime0.JSX.Element;
 declare function ScrollBar({
   className,
   orientation,
   ...props
-}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Scrollbar>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentPropsWithRef<typeof ScrollArea$1.Scrollbar>): _$react_jsx_runtime0.JSX.Element;
 type ScrollAreaProps = ScrollArea$1.Root.Props;
 //#endregion
 export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollViewport };

package/dist/components/ui/tabs.d.ts

@@ -1,8 +1,8 @@
-import * as react from "react";
+import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
-import * as _base_ui_react0 from "@base-ui/react";
+import * as _$_base_ui_react0 from "@base-ui/react";
 
 //#region src/components/ui/tabs.d.ts
 interface TabsProps extends ComponentProps<typeof Tabs$1.Root> {
@@ -20,8 +20,8 @@ interface TabsProps extends ComponentProps<typeof Tabs$1.Root> {
   updateAnchor?: boolean;
   onValueChange?: (value: string) => void;
 }
-declare const TabsList: react.ForwardRefExoticComponent<Omit<_base_ui_react0.TabsListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<_base_ui_react0.TabsTabProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const TabsList: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.TabsListProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.TabsTabProps, "ref"> & _$react.RefAttributes<HTMLElement>>;
 declare function Tabs({
   ref,
   groupId,
@@ -31,10 +31,10 @@ declare function Tabs({
   value: _value,
   onValueChange: _onValueChange,
   ...props
-}: TabsProps): react_jsx_runtime0.JSX.Element;
+}: TabsProps): _$react_jsx_runtime0.JSX.Element;
 declare function TabsContent({
   value,
   ...props
-}: ComponentProps<typeof Tabs$1.Panel>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<typeof Tabs$1.Panel>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsProps, TabsTrigger };

package/dist/contexts/i18n.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/contexts/i18n.d.ts
 interface Translations {
@@ -57,6 +57,6 @@ declare function I18nProvider({
   onLocaleChange,
   children,
   translations
-}: I18nProviderProps): react_jsx_runtime0.JSX.Element;
+}: I18nProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { I18nLabel, I18nProvider, I18nProviderProps, Translations, TranslationsOption, defaultTranslations, useI18n };

package/dist/contexts/search.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/contexts/search.d.ts
 interface HotKey {
@@ -61,7 +61,7 @@ declare function SearchProvider({
   options,
   hotKey,
   links
-}: SearchProviderProps): react_jsx_runtime0.JSX.Element;
+}: SearchProviderProps): _$react_jsx_runtime0.JSX.Element;
 /**
  * Show children only when search is enabled via React Context
  */

package/dist/contexts/tree.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as PageTree from "fumadocs-core/page-tree";
 
 //#region src/contexts/tree.d.ts
@@ -14,7 +14,7 @@ declare function TreeContextProvider({
 }: {
   tree: PageTree.Root;
   children: ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 declare function useTreePath(): PageTree.Node[];
 declare function useTreeContext(): TreeContextType;
 //#endregion

package/dist/layouts/docs/client.d.ts

@@ -3,7 +3,6 @@ import { LayoutTab, LinkItemType } from "../shared/index.js";
 import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { DocsLayoutProps } from "./index.js";
 import { ComponentProps, FC } from "react";
-
 //#region src/layouts/docs/client.d.ts
 interface DocsSlots extends BaseSlots {
   container: FC<ComponentProps<'div'>>;

package/dist/layouts/docs/index.d.ts

@@ -2,7 +2,7 @@ import { BaseLayoutProps, GetLayoutTabsOptions, LayoutTab } from "../shared/inde
 import { SidebarProps, SidebarProviderProps } from "./slots/sidebar.js";
 import { DocsSlots, useDocsLayout } from "./client.js";
 import { HTMLAttributes, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as PageTree from "fumadocs-core/page-tree";
 
 //#region src/layouts/docs/index.d.ts
@@ -40,6 +40,6 @@ declare function DocsLayout({
   tabMode,
   children,
   ...props
-}: DocsLayoutProps): react_jsx_runtime0.JSX.Element;
+}: DocsLayoutProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DocsLayout, DocsLayoutProps, type DocsSlots, useDocsLayout };

package/dist/layouts/docs/page/index.d.ts

@@ -3,7 +3,7 @@ import { Footer, FooterProps } from "./slots/footer.js";
 import { Breadcrumb, BreadcrumbProps } from "./slots/breadcrumb.js";
 import { MarkdownCopyButton, ViewOptionsPopover } from "../../shared/page-actions.js";
 import { ComponentProps, FC, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { TOCItemType } from "fumadocs-core/toc";
 
 //#region src/layouts/docs/page/index.d.ts
@@ -87,8 +87,8 @@ declare function DocsPage({
   slots: defaultSlots,
   children,
   ...containerProps
-}: DocsPageProps): react_jsx_runtime0.JSX.Element;
-declare function EditOnGitHub(props: ComponentProps<'a'>): react_jsx_runtime0.JSX.Element;
+}: DocsPageProps): _$react_jsx_runtime0.JSX.Element;
+declare function EditOnGitHub(props: ComponentProps<'a'>): _$react_jsx_runtime0.JSX.Element;
 /**
  * Add typography styles
  */
@@ -96,22 +96,22 @@ declare function DocsBody({
   children,
   className,
   ...props
-}: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 declare function DocsDescription({
   children,
   className,
   ...props
-}: ComponentProps<'p'>): react_jsx_runtime0.JSX.Element | null;
+}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element | null;
 declare function DocsTitle({
   children,
   className,
   ...props
-}: ComponentProps<'h1'>): react_jsx_runtime0.JSX.Element;
+}: ComponentProps<'h1'>): _$react_jsx_runtime0.JSX.Element;
 declare function PageLastUpdate({
   date: value,
   ...props
 }: Omit<ComponentProps<'p'>, 'children'> & {
   date: Date;
-}): react_jsx_runtime0.JSX.Element;
+}): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { type BreadcrumbProps, DocsBody, DocsDescription, DocsPage, DocsPageProps, DocsTitle, EditOnGitHub, type FooterProps, MarkdownCopyButton, Breadcrumb as PageBreadcrumb, Footer as PageFooter, PageLastUpdate, ViewOptionsPopover, useDocsPage };

package/dist/layouts/docs/page/slots/breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { BreadcrumbOptions } from "fumadocs-core/breadcrumb";
 
 //#region src/layouts/docs/page/slots/breadcrumb.d.ts
@@ -9,6 +9,6 @@ declare function Breadcrumb({
   includeSeparator,
   includePage,
   ...props
-}: BreadcrumbProps): react_jsx_runtime0.JSX.Element | null;
+}: BreadcrumbProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { Breadcrumb, BreadcrumbProps };

package/dist/layouts/docs/page/slots/container.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/docs/page/slots/container.d.ts
-declare function Container(props: ComponentProps<'article'>): react_jsx_runtime0.JSX.Element;
+declare function Container(props: ComponentProps<'article'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Container };

package/dist/layouts/docs/page/slots/footer.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as PageTree from "fumadocs-core/page-tree";
 
 //#region src/layouts/docs/page/slots/footer.d.ts
@@ -18,6 +18,6 @@ declare function Footer({
   children,
   className,
   ...props
-}: FooterProps): react_jsx_runtime0.JSX.Element;
+}: FooterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Footer, FooterProps };

package/dist/layouts/docs/page/slots/toc.d.ts

@@ -1,10 +1,10 @@
 import { TOCProviderProps as TOCProviderProps$1 } from "../../../../components/toc/index.js";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/docs/page/slots/toc.d.ts
 type TOCProviderProps = TOCProviderProps$1;
-declare function TOCProvider(props: TOCProviderProps): react_jsx_runtime0.JSX.Element;
+declare function TOCProvider(props: TOCProviderProps): _$react_jsx_runtime0.JSX.Element;
 interface TOCProps {
   container?: ComponentProps<'div'>;
   /**
@@ -25,7 +25,7 @@ declare function TOC({
   header,
   footer,
   style
-}: TOCProps): react_jsx_runtime0.JSX.Element;
+}: TOCProps): _$react_jsx_runtime0.JSX.Element;
 interface TOCPopoverProps {
   container?: ComponentProps<'div'>;
   trigger?: ComponentProps<'button'>;
@@ -50,6 +50,6 @@ declare function TOCPopover({
   header,
   footer,
   style
-}: TOCPopoverProps): react_jsx_runtime0.JSX.Element;
+}: TOCPopoverProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TOC, TOCPopover, TOCPopoverProps, TOCProps, TOCProvider, TOCProviderProps };

package/dist/layouts/docs/slots/container.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/docs/slots/container.d.ts
-declare function Container(props: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
+declare function Container(props: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Container };

package/dist/layouts/docs/slots/container.js

@@ -2,14 +2,21 @@
 import { cn } from "../../../utils/cn.js";
 import { useDocsLayout } from "../client.js";
 import "../index.js";
+import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/layouts/docs/slots/container.tsx
 function Container(props) {
 	const { slots } = useDocsLayout();
 	const { collapsed } = slots.sidebar?.useSidebar?.() ?? {};
+	const [previousCollapsed, setPreviousCollapsed] = useState(collapsed);
+	const isCollapseChanged = previousCollapsed !== collapsed;
+	useEffect(() => {
+		if (isCollapseChanged) setPreviousCollapsed(collapsed);
+	}, [collapsed, isCollapseChanged]);
 	return /* @__PURE__ */ jsx("div", {
 		id: "nd-docs-layout",
 		"data-sidebar-collapsed": collapsed,
+		"data-column-changed": isCollapseChanged,
 		...props,
 		style: {
 			gridTemplate: `"sidebar sidebar header toc toc"
@@ -21,7 +28,7 @@ function Container(props) {
 			"--fd-sidebar-col": collapsed ? "0px" : "var(--fd-sidebar-width)",
 			...props.style
 		},
-		className: cn("grid transition-[grid-template-columns] overflow-x-clip min-h-(--fd-docs-height) [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px]", props.className),
+		className: cn("grid overflow-x-clip min-h-(--fd-docs-height) [--fd-docs-height:100dvh] [--fd-header-height:0px] [--fd-toc-popover-height:0px] [--fd-sidebar-width:0px] [--fd-toc-width:0px] data-[column-changed=true]:transition-[grid-template-columns]", props.className),
 		children: props.children
 	});
 }

package/dist/layouts/docs/slots/header.d.ts

@@ -1,8 +1,8 @@
-import * as react from "react";
+import * as _$react from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/docs/slots/header.d.ts
-declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | react_jsx_runtime0.JSX.Element | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined>;
+declare function Header(props: ComponentProps<'header'>): string | number | bigint | true | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined>;
 //#endregion
 export { Header };

package/dist/layouts/docs/slots/sidebar.d.ts

@@ -1,7 +1,7 @@
 import { SidebarProviderProps as SidebarProviderProps$1, useSidebar as useSidebar$1 } from "../../../components/sidebar/base.js";
 import { SidebarPageTreeComponents } from "../../../components/sidebar/page-tree.js";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/layouts/docs/slots/sidebar.d.ts
 interface SidebarProps extends ComponentProps<'aside'> {
@@ -17,14 +17,14 @@ interface SidebarProps extends ComponentProps<'aside'> {
 }
 type SidebarProviderProps = SidebarProviderProps$1;
 declare const useSidebar: typeof useSidebar$1;
-declare function SidebarProvider(props: SidebarProviderProps): react_jsx_runtime0.JSX.Element;
+declare function SidebarProvider(props: SidebarProviderProps): _$react_jsx_runtime0.JSX.Element;
 declare function Sidebar({
   footer,
   banner,
   collapsible,
   components,
   ...rest
-}: SidebarProps): react_jsx_runtime0.JSX.Element;
-declare function SidebarTrigger(props: ComponentProps<'button'>): react_jsx_runtime0.JSX.Element;
+}: SidebarProps): _$react_jsx_runtime0.JSX.Element;
+declare function SidebarTrigger(props: ComponentProps<'button'>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Sidebar, SidebarProps, SidebarProvider, SidebarProviderProps, SidebarTrigger, useSidebar };