fumadocs-ui 16.2.4 → 16.3.0

package/dist/components/ui/accordion.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Primitive from '@radix-ui/react-accordion';
+import { ChevronRight } from '@fumadocs/ui/icons';
+import { cn } from '@fumadocs/ui/cn';
+export function Accordion({ className, ...props }) {
+    return (_jsx(Primitive.Root, { className: cn('divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card', className), ...props }));
+}
+export function AccordionItem({ className, children, ...props }) {
+    return (_jsx(Primitive.Item, { className: cn('scroll-m-24', className), ...props, children: children }));
+}
+export function AccordionHeader({ className, children, ...props }) {
+    return (_jsx(Primitive.Header, { className: cn('not-prose flex flex-row items-center text-fd-card-foreground font-medium has-focus-visible:bg-fd-accent', className), ...props, children: children }));
+}
+export function AccordionTrigger({ className, children, ...props }) {
+    return (_jsxs(Primitive.Trigger, { className: cn('group flex flex-1 items-center gap-2 px-3 py-2.5 text-start focus-visible:outline-none', className), ...props, children: [_jsx(ChevronRight, { className: "size-4 shrink-0 text-fd-muted-foreground transition-transform duration-200 group-data-[state=open]:rotate-90" }), children] }));
+}
+export function AccordionContent({ className, children, ...props }) {
+    return (_jsx(Primitive.Content, { className: cn('overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down', className), ...props, children: children }));
+}

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

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 export declare const buttonVariants: (props?: ({
     variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
     color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
-    size?: "sm" | "icon" | "icon-sm" | "icon-xs" | null | undefined;
+    size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonProps = VariantProps<typeof buttonVariants>;
 //# sourceMappingURL=button.d.ts.map

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

@@ -1,6 +1,9 @@
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: import("react").ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+import * as Primitive from '@radix-ui/react-collapsible';
+declare const Collapsible: import("react").ForwardRefExoticComponent<Primitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<Primitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<Omit<Primitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+export type CollapsibleProps = Primitive.CollapsibleProps;
+export type CollapsibleContentProps = Primitive.CollapsibleContentProps;
+export type CollapsibleTriggerProps = Primitive.CollapsibleTriggerProps;
 //# sourceMappingURL=collapsible.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAIpE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,4IAA0C,CAAC;AAEnE,QAAA,MAAM,kBAAkB,sMAwBtB,CAAC;AAKH,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AAIzD,QAAA,MAAM,WAAW,uHAAiB,CAAC;AAEnC,QAAA,MAAM,kBAAkB,iIAA+B,CAAC;AAExD,QAAA,MAAM,kBAAkB,2LAwBtB,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,CAAC;AAC1D,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC,uBAAuB,CAAC;AACxE,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC,uBAAuB,CAAC"}

package/dist/components/ui/collapsible.js

@@ -1,18 +1,17 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as Primitive from '@radix-ui/react-collapsible';
 import { forwardRef, useEffect, useState } from 'react';
-import { cn } from '../../utils/cn.js';
-const Collapsible = CollapsiblePrimitive.Root;
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+import { cn } from '@fumadocs/ui/cn';
+const Collapsible = Primitive.Root;
+const CollapsibleTrigger = Primitive.CollapsibleTrigger;
 const CollapsibleContent = forwardRef(({ children, ...props }, ref) => {
     const [mounted, setMounted] = useState(false);
     useEffect(() => {
         setMounted(true);
     }, []);
-    return (_jsx(CollapsiblePrimitive.CollapsibleContent, { ref: ref, ...props, className: cn('overflow-hidden', mounted &&
+    return (_jsx(Primitive.CollapsibleContent, { ref: ref, ...props, className: cn('overflow-hidden', mounted &&
             'data-[state=closed]:animate-fd-collapsible-up data-[state=open]:animate-fd-collapsible-down', props.className), children: children }));
 });
-CollapsibleContent.displayName =
-    CollapsiblePrimitive.CollapsibleContent.displayName;
+CollapsibleContent.displayName = Primitive.CollapsibleContent.displayName;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import * as Primitive from '@radix-ui/react-navigation-menu';
+export type NavigationMenuContentProps = Primitive.NavigationMenuContentProps;
+export type NavigationMenuTriggerProps = Primitive.NavigationMenuTriggerProps;
 declare const NavigationMenu: React.ForwardRefExoticComponent<Primitive.NavigationMenuProps & React.RefAttributes<HTMLElement>>;
 declare const NavigationMenuList: React.ForwardRefExoticComponent<Primitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>>;
 declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<Primitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,SAAS,MAAM,iCAAiC,CAAC;AAG7D,QAAA,MAAM,cAAc,mGAAiB,CAAC;AAEtC,QAAA,MAAM,kBAAkB,4GAAiB,CAAC;AAE1C,QAAA,MAAM,kBAAkB,2JAWtB,CAAC;AAIH,QAAA,MAAM,qBAAqB,sKAWzB,CAAC;AAGH,QAAA,MAAM,qBAAqB,gKAYzB,CAAC;AAGH,QAAA,MAAM,kBAAkB,6GAAiB,CAAC;AAE1C,QAAA,MAAM,sBAAsB,iKAa1B,CAAC;AAGH,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,GACvB,CAAC"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,SAAS,MAAM,iCAAiC,CAAC;AAG7D,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAC,0BAA0B,CAAC;AAC9E,MAAM,MAAM,0BAA0B,GAAG,SAAS,CAAC,0BAA0B,CAAC;AAE9E,QAAA,MAAM,cAAc,mGAAiB,CAAC;AAEtC,QAAA,MAAM,kBAAkB,4GAAiB,CAAC;AAE1C,QAAA,MAAM,kBAAkB,2JAWtB,CAAC;AAIH,QAAA,MAAM,qBAAqB,sKAWzB,CAAC;AAGH,QAAA,MAAM,qBAAqB,gKAYzB,CAAC;AAGH,QAAA,MAAM,kBAAkB,6GAAiB,CAAC;AAE1C,QAAA,MAAM,sBAAsB,iKAa1B,CAAC;AAGH,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,GACvB,CAAC"}

package/dist/components/ui/navigation-menu.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import * as Primitive from '@radix-ui/react-navigation-menu';
-import { cn } from '../../utils/cn.js';
+import { cn } from '@fumadocs/ui/cn';
 const NavigationMenu = Primitive.Root;
 const NavigationMenuList = Primitive.List;
 const NavigationMenuItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(Primitive.NavigationMenuItem, { ref: ref, className: cn('list-none', className), ...props, children: children })));

package/dist/components/ui/popover.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as React from 'react';
-import { cn } from '../../utils/cn.js';
+import { cn } from '@fumadocs/ui/cn';
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
 const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, side: "bottom", className: cn('z-50 origin-(--radix-popover-content-transform-origin) overflow-y-auto max-h-(--radix-popover-content-available-height) min-w-[240px] max-w-[98vw] rounded-xl border bg-fd-popover/60 backdrop-blur-lg p-2 text-sm text-fd-popover-foreground shadow-lg focus-visible:outline-none data-[state=closed]:animate-fd-popover-out data-[state=open]:animate-fd-popover-in', className), ...props }) })));

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

@@ -1,7 +1,8 @@
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as Primitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollViewport: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollViewport: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<Primitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar, ScrollViewport };
+export type ScrollAreaProps = Primitive.ScrollAreaProps;
 //# sourceMappingURL=scroll-area.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,UAAU,+JAcd,CAAC;AAIH,QAAA,MAAM,cAAc,uKAWlB,CAAC;AAIH,QAAA,MAAM,SAAS,wKAiBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,6BAA6B,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,UAAU,qJAcd,CAAC;AAIH,QAAA,MAAM,cAAc,6JAWlB,CAAC;AAIH,QAAA,MAAM,SAAS,8JAiBb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC,eAAe,CAAC"}

package/dist/components/ui/scroll-area.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as Primitive from '@radix-ui/react-scroll-area';
 import * as React from 'react';
-import { cn } from '../../utils/cn.js';
-const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(ScrollAreaPrimitive.Root, { ref: ref, type: "scroll", className: cn('overflow-hidden', className), ...props, children: [children, _jsx(ScrollAreaPrimitive.Corner, {}), _jsx(ScrollBar, { orientation: "vertical" })] })));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-const ScrollViewport = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(ScrollAreaPrimitive.Viewport, { ref: ref, className: cn('size-full rounded-[inherit]', className), ...props, children: children })));
-ScrollViewport.displayName = ScrollAreaPrimitive.Viewport.displayName;
-const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(ScrollAreaPrimitive.Scrollbar, { ref: ref, orientation: orientation, className: cn('flex select-none data-[state=hidden]:animate-fd-fade-out', orientation === 'vertical' && 'h-full w-1.5', orientation === 'horizontal' && 'h-1.5 flex-col', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-fd-border" }) })));
-ScrollBar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
+import { cn } from '@fumadocs/ui/cn';
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(Primitive.Root, { ref: ref, type: "scroll", className: cn('overflow-hidden', className), ...props, children: [children, _jsx(Primitive.Corner, {}), _jsx(ScrollBar, { orientation: "vertical" })] })));
+ScrollArea.displayName = Primitive.Root.displayName;
+const ScrollViewport = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(Primitive.Viewport, { ref: ref, className: cn('size-full rounded-[inherit]', className), ...props, children: children })));
+ScrollViewport.displayName = Primitive.Viewport.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = 'vertical', ...props }, ref) => (_jsx(Primitive.Scrollbar, { ref: ref, orientation: orientation, className: cn('flex select-none data-[state=hidden]:animate-fd-fade-out', orientation === 'vertical' && 'h-full w-1.5', orientation === 'horizontal' && 'h-1.5 flex-col', className), ...props, children: _jsx(Primitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-fd-border" }) })));
+ScrollBar.displayName = Primitive.Scrollbar.displayName;
 export { ScrollArea, ScrollBar, ScrollViewport };

package/dist/components/{tabs.unstyled.d.ts → ui/tabs.d.ts}

@@ -18,4 +18,4 @@ export declare const TabsList: import("react").ForwardRefExoticComponent<Primiti
 export declare const TabsTrigger: import("react").ForwardRefExoticComponent<Primitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare function Tabs({ ref, groupId, persist, updateAnchor, defaultValue, value: _value, onValueChange: _onValueChange, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
 export declare function TabsContent({ value, ...props }: ComponentProps<typeof Primitive.TabsContent>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=tabs.unstyled.d.ts.map
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAQpB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAMlD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC;IACtE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAYD,eAAO,MAAM,QAAQ,oHAAqB,CAAC;AAE3C,eAAO,MAAM,WAAW,0HAAwB,CAAC;AAEjD,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,OAAO,EACP,OAAe,EACf,YAAoB,EACpB,YAAY,EACZ,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,cAAc,EAC7B,GAAG,KAAK,EACT,EAAE,SAAS,2CAqEX;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,WAAW,CAAC,2CAY9C"}

package/dist/components/{tabs.unstyled.js → ui/tabs.js}

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, use, useEffectEvent, useLayoutEffect, useMemo, useRef, useState, } from 'react';
 import * as Primitive from '@radix-ui/react-tabs';
-import { mergeRefs } from '../utils/merge-refs.js';
+import { mergeRefs } from '@fumadocs/ui/merge-refs';
 const listeners = new Map();
 const TabsContext = createContext(null);
 function useTabContext() {

package/dist/contexts/i18n.d.ts

@@ -1,30 +1,2 @@
-export interface Translations {
-    search: string;
-    searchNoResult: string;
-    toc: string;
-    tocNoHeadings: string;
-    lastUpdate: string;
-    chooseLanguage: string;
-    nextPage: string;
-    previousPage: string;
-    chooseTheme: string;
-    editOnGithub: string;
-}
-export interface LocaleItem {
-    name: string;
-    locale: string;
-}
-interface I18nContextType {
-    locale?: string;
-    onChange?: (v: string) => void;
-    text: Translations;
-    locales?: LocaleItem[];
-}
-export declare const defaultTranslations: Translations;
-export declare const I18nContext: import("react").Context<I18nContextType>;
-export declare function I18nLabel(props: {
-    label: keyof Translations;
-}): string;
-export declare function useI18n(): I18nContextType;
-export {};
+export * from '@fumadocs/ui/contexts/i18n';
 //# sourceMappingURL=i18n.d.ts.map

package/dist/contexts/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/contexts/i18n.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IAEvB,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IAEtB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,YAWjC,CAAC;AAEF,eAAO,MAAM,WAAW,0CAEtB,CAAC;AAEH,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,YAAY,CAAA;CAAE,GAAG,MAAM,CAItE;AAED,wBAAgB,OAAO,IAAI,eAAe,CAEzC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/contexts/i18n.tsx"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC"}

package/dist/contexts/i18n.js

@@ -1,24 +1,2 @@
 'use client';
-import { createContext, useContext } from 'react';
-export const defaultTranslations = {
-    search: 'Search',
-    searchNoResult: 'No results found',
-    toc: 'On this page',
-    tocNoHeadings: 'No Headings',
-    lastUpdate: 'Last updated on',
-    chooseLanguage: 'Choose a language',
-    nextPage: 'Next Page',
-    previousPage: 'Previous Page',
-    chooseTheme: 'Theme',
-    editOnGithub: 'Edit on GitHub',
-};
-export const I18nContext = createContext({
-    text: defaultTranslations,
-});
-export function I18nLabel(props) {
-    const { text } = useI18n();
-    return text[props.label];
-}
-export function useI18n() {
-    return useContext(I18nContext);
-}
+export * from '@fumadocs/ui/contexts/i18n';

package/dist/contexts/search.d.ts

@@ -1,61 +1,2 @@
-import { type ComponentType, type ReactNode } from 'react';
-interface HotKey {
-    display: ReactNode;
-    /**
-     * Key code or a function determining whether the key is pressed.
-     */
-    key: string | ((e: KeyboardEvent) => boolean);
-}
-export interface SharedProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-}
-export type SearchLink = [name: string, href: string];
-export interface TagItem {
-    name: string;
-    value: string;
-}
-export interface SearchProviderProps {
-    /**
-     * Preload search dialog before opening it
-     *
-     * @defaultValue `true`
-     */
-    preload?: boolean;
-    /**
-     * Custom links to be displayed if search is empty
-     */
-    links?: SearchLink[];
-    /**
-     * Hotkeys for triggering search dialog
-     *
-     * @defaultValue Meta/Ctrl + K
-     */
-    hotKey?: HotKey[];
-    /**
-     * Replace default search dialog, allowing you to use other solutions such as Algolia Search
-     *
-     * It receives the `open` and `onOpenChange` prop, can be lazy loaded with `next/dynamic`
-     */
-    SearchDialog: ComponentType<SharedProps>;
-    /**
-     * Additional props to the dialog
-     */
-    options?: Partial<SharedProps & Record<string, unknown>>;
-    children?: ReactNode;
-}
-interface SearchContextType {
-    enabled: boolean;
-    hotKey: HotKey[];
-    setOpenSearch: (value: boolean) => void;
-}
-export declare function useSearchContext(): SearchContextType;
-export declare function SearchProvider({ SearchDialog, children, preload, options, hotKey, links, }: SearchProviderProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Show children only when search is enabled via React Context
- */
-export declare function SearchOnly({ children }: {
-    children: ReactNode;
-}): ReactNode;
-export {};
+export * from '@fumadocs/ui/contexts/search';
 //# sourceMappingURL=search.d.ts.map

package/dist/contexts/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/contexts/search.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAEf,UAAU,MAAM;IACd,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC;CAC/C;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAEtD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAElB;;;;OAIG;IACH,YAAY,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAQD,wBAAgB,gBAAgB,IAAI,iBAAiB,CAEpD;AAcD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,QAAQ,EACR,OAAc,EACd,OAAO,EACP,MASC,EACD,KAAK,GACN,EAAE,mBAAmB,2CA2CrB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,aAI/D"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/contexts/search.tsx"],"names":[],"mappings":"AACA,cAAc,8BAA8B,CAAC"}

package/dist/contexts/search.js

@@ -1,59 +1,2 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState, createContext, use, useEffectEvent, } from 'react';
-const SearchContext = createContext({
-    enabled: false,
-    hotKey: [],
-    setOpenSearch: () => undefined,
-});
-export function useSearchContext() {
-    return use(SearchContext);
-}
-function MetaOrControl() {
-    const [key, setKey] = useState('⌘');
-    useEffect(() => {
-        const isWindows = window.navigator.userAgent.includes('Windows');
-        if (isWindows)
-            setKey('Ctrl');
-    }, []);
-    return key;
-}
-export function SearchProvider({ SearchDialog, children, preload = true, options, hotKey = [
-    {
-        key: (e) => e.metaKey || e.ctrlKey,
-        display: _jsx(MetaOrControl, {}),
-    },
-    {
-        key: 'k',
-        display: 'K',
-    },
-], links, }) {
-    const [isOpen, setIsOpen] = useState(preload ? false : undefined);
-    const onKeyDown = useEffectEvent((e) => {
-        if (hotKey.every((v) => typeof v.key === 'string' ? e.key === v.key : v.key(e))) {
-            setIsOpen((open) => !open);
-            e.preventDefault();
-        }
-    });
-    useEffect(() => {
-        window.addEventListener('keydown', onKeyDown);
-        return () => {
-            window.removeEventListener('keydown', onKeyDown);
-        };
-    }, [hotKey]);
-    return (_jsxs(SearchContext, { value: useMemo(() => ({
-            enabled: true,
-            hotKey,
-            setOpenSearch: setIsOpen,
-        }), [hotKey]), children: [isOpen !== undefined && (_jsx(SearchDialog, { open: isOpen, onOpenChange: setIsOpen, 
-                // @ts-expect-error -- insert prop for official UIs
-                links: links, ...options })), children] }));
-}
-/**
- * Show children only when search is enabled via React Context
- */
-export function SearchOnly({ children }) {
-    const search = useSearchContext();
-    if (search.enabled)
-        return children;
-}
+export * from '@fumadocs/ui/contexts/search';

package/dist/contexts/tree.d.ts

@@ -1,15 +1,2 @@
-import type * as PageTree from 'fumadocs-core/page-tree';
-import { type ReactNode } from 'react';
-type MakeRequired<O, K extends keyof O> = Omit<O, K> & Pick<Required<O>, K>;
-interface TreeContextType {
-    root: MakeRequired<PageTree.Root | PageTree.Folder, '$id'>;
-    full: PageTree.Root;
-}
-export declare function TreeContextProvider({ tree: rawTree, children, }: {
-    tree: PageTree.Root;
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useTreePath(): PageTree.Node[];
-export declare function useTreeContext(): TreeContextType;
-export {};
+export * from '@fumadocs/ui/contexts/tree';
 //# sourceMappingURL=tree.d.ts.map

package/dist/contexts/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/contexts/tree.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAG5E,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE5E,UAAU,eAAe;IACvB,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3D,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;CACrB;AAKD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EAAE,OAAO,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CA8BA;AAED,wBAAgB,WAAW,IAAI,QAAQ,CAAC,IAAI,EAAE,CAE7C;AAED,wBAAgB,cAAc,IAAI,eAAe,CAMhD"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../src/contexts/tree.tsx"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC"}

package/dist/contexts/tree.js

@@ -1,32 +1,2 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { usePathname } from 'fumadocs-core/framework';
-import { useMemo, useRef, createContext, use } from 'react';
-import { searchPath } from 'fumadocs-core/breadcrumb';
-const TreeContext = createContext(null);
-const PathContext = createContext([]);
-export function TreeContextProvider({ tree: rawTree, children, }) {
-    const nextIdRef = useRef(0);
-    const pathname = usePathname();
-    // I found that object-typed props passed from a RSC will be re-constructed, hence breaking all hooks' dependencies
-    // using the id here to make sure this never happens
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const tree = useMemo(() => rawTree, [rawTree.$id ?? rawTree]);
-    const path = useMemo(() => {
-        return (searchPath(tree.children, pathname) ??
-            (tree.fallback ? searchPath(tree.fallback.children, pathname) : null) ??
-            []);
-    }, [tree, pathname]);
-    const root = path.findLast((item) => item.type === 'folder' && item.root) ?? tree;
-    root.$id ?? (root.$id = String(nextIdRef.current++));
-    return (_jsx(TreeContext, { value: useMemo(() => ({ root, full: tree }), [root, tree]), children: _jsx(PathContext, { value: path, children: children }) }));
-}
-export function useTreePath() {
-    return use(PathContext);
-}
-export function useTreeContext() {
-    const ctx = use(TreeContext);
-    if (!ctx)
-        throw new Error('You must wrap this component under <DocsLayout />');
-    return ctx;
-}
+export * from '@fumadocs/ui/contexts/tree';

package/dist/i18n.d.ts

@@ -1,15 +1,2 @@
-import type { Translations } from './contexts/i18n.js';
-import type { I18nProviderProps } from './provider/base.js';
-import type { I18nConfig } from 'fumadocs-core/i18n';
-export type { I18nProviderProps, Translations };
-export { defaultTranslations } from './contexts/i18n.js';
-export declare function defineI18nUI<Languages extends string>(config: I18nConfig<Languages>, options: {
-    translations: {
-        [K in Languages]?: Partial<Translations> & {
-            displayName?: string;
-        };
-    };
-}): {
-    provider(locale?: string): I18nProviderProps;
-};
+export * from '@fumadocs/ui/i18n';
 //# sourceMappingURL=i18n.d.ts.map

package/dist/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,YAAY,CAAC,SAAS,SAAS,MAAM,EACnD,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,EAC7B,OAAO,EAAE;IACP,YAAY,EAAE;SACX,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG;YAAE,WAAW,CAAC,EAAE,MAAM,CAAA;SAAE;KACpE,CAAC;CACH;sBAKkB,MAAM,GAA4B,iBAAiB;EAWvE"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.tsx"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/i18n.js

@@ -1,16 +1 @@
-export { defaultTranslations } from './contexts/i18n.js';
-export function defineI18nUI(config, options) {
-    const { translations } = options;
-    return {
-        provider(locale = config.defaultLanguage) {
-            return {
-                locale,
-                translations: translations[locale],
-                locales: config.languages.map((locale) => ({
-                    locale,
-                    name: translations[locale]?.displayName ?? locale,
-                })),
-            };
-        },
-    };
-}
+export * from '@fumadocs/ui/i18n';

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

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,eAAO,MAAM,aAAa;sBACN,OAAO;SACZ,CAAC;AAEhB,wBAAgB,qBAAqB,CAAC,EACpC,kBAA2B,EAC3B,QAAQ,GACT,EAAE;IACD,kBAAkB,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkBA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAQ3D;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CA8BvB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB,2CA6BA"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/layouts/docs/client.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAI5D,eAAO,MAAM,aAAa;sBACN,OAAO;SACZ,CAAC;AAEhB,wBAAgB,qBAAqB,CAAC,EACpC,kBAA2B,EAC3B,QAAQ,GACT,EAAE;IACD,kBAAkB,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAkBA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAQ3D;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CA8BvB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IACzB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB,2CA6BA"}

package/dist/layouts/docs/client.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, use, useMemo, } from 'react';
-import { cn } from '../../utils/cn.js';
+import { cn } from '@fumadocs/ui/cn';
 import { useSidebar } from '../../components/sidebar/base.js';
 import { usePathname } from 'fumadocs-core/framework';
-import { isTabActive } from '../../utils/is-active.js';
 import Link from 'fumadocs-core/link';
-import { useIsScrollTop } from '../../utils/use-is-scroll-top.js';
+import { isTabActive } from '../../components/sidebar/tabs/dropdown.js';
+import { useIsScrollTop } from '@fumadocs/ui/hooks/use-is-scroll-top';
 export const LayoutContext = createContext(null);
 export function LayoutContextProvider({ navTransparentMode = 'none', children, }) {
     const isTop = useIsScrollTop({ enabled: navTransparentMode === 'top' }) ?? true;

package/dist/layouts/docs/index.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo, } from 'react';
-import { Languages, Sidebar as SidebarIcon } from '../../icons.js';
-import { cn } from '../../utils/cn.js';
+import { Languages, Sidebar as SidebarIcon } from '@fumadocs/ui/icons';
+import { cn } from '@fumadocs/ui/cn';
 import { buttonVariants } from '../../components/ui/button.js';
 import { Sidebar, SidebarCollapseTrigger, SidebarContent, SidebarDrawer, SidebarLinkItem, SidebarPageTree, SidebarTrigger, SidebarViewport, } from './sidebar.js';
 import { resolveLinkItems } from '../../layouts/shared/index.js';
-import { LinkItem } from '../../layouts/shared/link-item.js';
+import { LinkItem } from '@fumadocs/ui/link-item';
 import { LanguageToggle, LanguageToggleText, } from '../../layouts/shared/language-toggle.js';
-import { LayoutTabs, LayoutHeader, LayoutBody, LayoutContextProvider, } from './client.js';
+import { LayoutBody, LayoutContextProvider, LayoutHeader, LayoutTabs, } from './client.js';
 import { TreeContextProvider } from '../../contexts/tree.js';
 import { ThemeToggle } from '../shared/theme-toggle.js';
 import Link from 'fumadocs-core/link';

package/dist/layouts/docs/page/client.js

@@ -1,19 +1,19 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useEffect, useEffectEvent, createContext, useMemo, useRef, useState, use, } from 'react';
-import { ChevronDown, ChevronLeft, ChevronRight } from '../../../icons.js';
+import { createContext, Fragment, use, useEffect, useEffectEvent, useMemo, useRef, useState, } from 'react';
+import { ChevronDown, ChevronLeft, ChevronRight } from '@fumadocs/ui/icons';
 import Link from 'fumadocs-core/link';
-import { cn } from '../../../utils/cn.js';
+import { cn } from '@fumadocs/ui/cn';
 import { useI18n } from '../../../contexts/i18n.js';
 import { useTreeContext, useTreePath } from '../../../contexts/tree.js';
 import { usePathname } from 'fumadocs-core/framework';
 import { getBreadcrumbItemsFromPath, } from 'fumadocs-core/breadcrumb';
-import { isActive } from '../../../utils/is-active.js';
+import { isActive } from '@fumadocs/ui/urls';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '../../../components/ui/collapsible.js';
 import { useTOCItems } from '../../../components/toc/index.js';
 import { useActiveAnchor } from 'fumadocs-core/toc';
 import { LayoutContext } from '../client.js';
-import { useFooterItems } from '../../../utils/use-footer-items.js';
+import { useFooterItems } from '@fumadocs/ui/hooks/use-footer-items';
 const TocPopoverContext = createContext(null);
 export function PageTOCPopover({ className, children, ...rest }) {
     const ref = useRef(null);
@@ -44,7 +44,7 @@ export function PageTOCPopoverTrigger({ className, ...props }) {
     const selected = useMemo(() => items.findIndex((item) => active === item.url.slice(1)), [items, active]);
     const path = useTreePath().at(-1);
     const showItem = selected !== -1 && !open;
-    return (_jsxs(CollapsibleTrigger, { className: cn('flex w-full h-10 items-center text-sm text-fd-muted-foreground gap-2.5 px-4 py-2.5 text-start focus-visible:outline-none [&_svg]:size-4 md:px-6', className), "data-toc-popover-trigger": "", ...props, children: [_jsx(ProgressCircle, { value: (selected + 1) / Math.max(1, items.length), max: 1, className: cn('shrink-0', open && 'text-fd-primary') }), _jsxs("span", { className: "grid flex-1 *:my-auto *:row-start-1 *:col-start-1", children: [_jsx("span", { className: cn('truncate transition-all', open && 'text-fd-foreground', showItem && 'opacity-0 -translate-y-full pointer-events-none'), children: path?.name ?? text.toc }), _jsx("span", { className: cn('truncate transition-all', !showItem && 'opacity-0 translate-y-full pointer-events-none'), children: items[selected]?.title })] }), _jsx(ChevronDown, { className: cn('shrink-0 transition-transform mx-0.5', open && 'rotate-180') })] }));
+    return (_jsxs(CollapsibleTrigger, { className: cn('flex w-full h-10 items-center text-sm text-fd-muted-foreground gap-2.5 px-4 py-2.5 text-start focus-visible:outline-none [&_svg]:size-4 md:px-6', className), "data-toc-popover-trigger": "", ...props, children: [_jsx(ProgressCircle, { value: (selected + 1) / Math.max(1, items.length), max: 1, className: cn('shrink-0', open && 'text-fd-primary') }), _jsxs("span", { className: "grid flex-1 *:my-auto *:row-start-1 *:col-start-1", children: [_jsx("span", { className: cn('truncate transition-[opacity,translate,color]', open && 'text-fd-foreground', showItem && 'opacity-0 -translate-y-full pointer-events-none'), children: path?.name ?? text.toc }), _jsx("span", { className: cn('truncate transition-[opacity,translate]', !showItem && 'opacity-0 translate-y-full pointer-events-none'), children: items[selected]?.title })] }), _jsx(ChevronDown, { className: cn('shrink-0 transition-transform mx-0.5', open && 'rotate-180') })] }));
 }
 function clamp(input, min, max) {
     if (input < min)

package/dist/layouts/docs/page/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from '../../../utils/cn.js';
+import { cn } from '@fumadocs/ui/cn';
 import { buttonVariants } from '../../../components/ui/button.js';
-import { Edit, Text } from '../../../icons.js';
+import { Edit, Text } from '@fumadocs/ui/icons';
 import { I18nLabel } from '../../../contexts/i18n.js';
 import { PageBreadcrumb, PageFooter, PageTOCPopover, PageTOCPopoverContent, PageTOCPopoverTrigger, } from './client.js';
 import * as TocDefault from '../../../components/toc/default.js';

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

@@ -10,7 +10,7 @@ export declare function SidebarFolderLink({ className, style, ...props }: Compon
 export declare function SidebarFolderContent({ className, children, ...props }: ComponentProps<typeof Base.SidebarFolderContent>): import("react/jsx-runtime").JSX.Element;
 export declare const SidebarPageTree: (components: Partial<import("../../components/sidebar/page-tree.js").SidebarPageTreeComponents>) => import("react/jsx-runtime").JSX.Element;
 export declare const SidebarLinkItem: ({ item, ...props }: import("react").HTMLAttributes<HTMLElement> & {
-    item: Exclude<import("../shared/index.js").LinkItemType, {
+    item: Exclude<import("@fumadocs/ui/link-item").LinkItemType, {
         type: "icon";
     }>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/layouts/docs/sidebar.js

@@ -1,15 +1,15 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as Base from '../../components/sidebar/base.js';
-import { cn } from '../../utils/cn.js';
+import { cn } from '@fumadocs/ui/cn';
 import { useRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { createPageTreeRenderer } from '../../components/sidebar/page-tree.js';
 import { createLinkItemRenderer } from '../../components/sidebar/link-item.js';
 import { buttonVariants } from '../../components/ui/button.js';
 import { SearchToggle } from '../../layouts/shared/search-toggle.js';
-import { Sidebar as SidebarIcon } from '../../icons.js';
-import { mergeRefs } from '../../utils/merge-refs.js';
+import { Sidebar as SidebarIcon } from '@fumadocs/ui/icons';
+import { mergeRefs } from '@fumadocs/ui/merge-refs';
 const itemVariants = cva('relative flex flex-row items-center gap-2 rounded-lg p-2 text-start text-fd-muted-foreground wrap-anywhere [&_svg]:size-4 [&_svg]:shrink-0', {
     variants: {
         variant: {
@@ -35,7 +35,7 @@ export function SidebarContent({ ref: refProp, className, children, ...props })
                             ], ref.current &&
                                 (ref.current.getAttribute('data-collapsed') === 'true') !==
                                     collapsed &&
-                                'transition-[width,inset-block,translate,background-color]', className), ...props, ...rest, children: children })] }), _jsxs("div", { "data-sidebar-panel": "", className: cn('fixed flex top-[calc(--spacing(4)+var(--fd-toc-popover-height))] start-4 shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10', (!collapsed || hovered) && 'pointer-events-none opacity-0'), children: [_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
+                                'transition-[width,inset-block,translate,background-color]', className), ...props, ...rest, children: children })] }), _jsxs("div", { "data-sidebar-panel": "", className: cn('fixed flex top-[calc(--spacing(4)+var(--fd-docs-row-3))] start-4 shadow-lg transition-opacity rounded-xl p-0.5 border bg-fd-muted text-fd-muted-foreground z-10', (!collapsed || hovered) && 'pointer-events-none opacity-0'), children: [_jsx(SidebarCollapseTrigger, { className: cn(buttonVariants({
                                 color: 'ghost',
                                 size: 'icon-sm',
                                 className: 'rounded-lg',