@fumadocs/base-ui 16.2.5

package/dist/components/dialog/search-orama.js

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocsSearch, } from 'fumadocs-core/search/client';
+import { useMemo, useState } from 'react';
+import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem, } from './search.js';
+import { useI18n } from '../../contexts/i18n.js';
+/**
+ * Orama Cloud integration
+ */
+export default function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showOrama = true, allowClear = false, index, footer, links = [], ...props }) {
+    const { locale } = useI18n();
+    const [tag, setTag] = useState(defaultTag);
+    const { search, setSearch, query } = useDocsSearch({
+        type: 'orama-cloud',
+        client,
+        index,
+        params: searchOptions,
+        locale,
+        tag,
+    });
+    const defaultItems = useMemo(() => {
+        if (links.length === 0)
+            return null;
+        return links.map(([name, link]) => ({
+            type: 'page',
+            id: name,
+            content: name,
+            url: link,
+        }));
+    }, [links]);
+    useOnChange(defaultTag, (v) => {
+        setTag(v);
+    });
+    const label = showOrama && _jsx(Label, {});
+    return (_jsxs(SearchDialog, { search: search, onSearchChange: setSearch, isLoading: query.isLoading, ...props, children: [_jsx(SearchDialogOverlay, {}), _jsxs(SearchDialogContent, { children: [_jsxs(SearchDialogHeader, { children: [_jsx(SearchDialogIcon, {}), _jsx(SearchDialogInput, {}), _jsx(SearchDialogClose, {})] }), _jsx(SearchDialogList, { items: query.data !== 'empty' ? query.data : defaultItems }), _jsxs(SearchDialogFooter, { children: [tags.length > 0 ? (_jsxs(TagsList, { tag: tag, onTagChange: setTag, allowClear: allowClear, children: [tags.map((tag) => (_jsx(TagsListItem, { value: tag.value, children: tag.name }, tag.value))), label] })) : (label), footer] })] })] }));
+}
+function Label() {
+    return (_jsx("a", { href: "https://orama.com", rel: "noreferrer noopener", className: "ms-auto text-xs text-fd-muted-foreground", children: "Search powered by Orama" }));
+}

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

@@ -0,0 +1,72 @@
+import { type ComponentProps, type ReactNode } from 'react';
+import { Dialog } from '@base-ui/react/dialog';
+import type { HighlightedText, ReactSortedResult as BaseResultType } from 'fumadocs-core/search';
+import type { SharedProps } from '../../contexts/search.js';
+export type SearchItemType = (BaseResultType & {
+    external?: boolean;
+}) | {
+    id: string;
+    type: 'action';
+    node: ReactNode;
+    onSelect: () => void;
+};
+export type { SharedProps };
+export interface SearchDialogProps extends SharedProps {
+    search: string;
+    onSearchChange: (v: string) => void;
+    isLoading?: boolean;
+    children: ReactNode;
+}
+export declare function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading, children, }: SearchDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogHeader(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogInput(props: ComponentProps<'input'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogClose({ children, className, ...props }: ComponentProps<'button'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogFooter(props: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogOverlay({ className, ...props }: ComponentProps<typeof Dialog.Backdrop>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogContent({ children, className, ...props }: ComponentProps<typeof Dialog.Popup>): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogList({ items, Empty, Item, ...props }: Omit<ComponentProps<'div'>, 'children'> & {
+    items: SearchItemType[] | null | undefined;
+    /**
+     * Renderer for empty list UI
+     */
+    Empty?: () => ReactNode;
+    /**
+     * Renderer for items
+     */
+    Item?: (props: {
+        item: SearchItemType;
+        onClick: () => void;
+    }) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogListItem({ item, className, children, renderHighlights: render, ...props }: ComponentProps<'button'> & {
+    renderHighlights?: typeof renderHighlights;
+    item: SearchItemType;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SearchDialogIcon(props: ComponentProps<'svg'>): import("react/jsx-runtime").JSX.Element;
+export interface TagsListProps extends ComponentProps<'div'> {
+    tag?: string;
+    onTagChange: (tag: string | undefined) => void;
+    allowClear?: boolean;
+}
+export declare function TagsList({ tag, onTagChange, allowClear, ...props }: TagsListProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagsListItem({ value, className, ...props }: ComponentProps<'button'> & {
+    value: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function renderHighlights(highlights: HighlightedText<ReactNode>[]): ReactNode;
+export declare function useSearch(): {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    search: string;
+    onSearchChange: (v: string) => void;
+    isLoading: boolean;
+};
+export declare function useTagsList(): {
+    value?: string;
+    onValueChange: (value: string | undefined) => void;
+    allowClear: boolean;
+};
+export declare function useSearchList(): {
+    active: string | null;
+    setActive: (v: string | null) => void;
+};
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EAGnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,IAAI,cAAc,EACpC,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,MAAM,MAAM,cAAc,GACtB,CAAC,cAAc,GAAG;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,GACF;IACE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAGN,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAsBD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,cAAc,EACd,SAAiB,EACjB,QAAQ,GACT,EAAE,iBAAiB,2CAuBnB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAO9D;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,2CAa/D;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAoB1B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAO9D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,2CAYxC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,2CAqBrC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAY,EACZ,KAIC,EACD,IAAqD,EACrD,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3C,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,cAAc,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;CAC5E,2CA0GA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,gBAAgB,EAAE,MAAyB,EAC3C,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC5B,gBAAgB,CAAC,EAAE,OAAO,gBAAgB,CAAC;IAC3C,IAAI,EAAE,cAAc,CAAC;CACtB,2CAuEA;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAa5D;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,WAAW,EACX,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,aAAa,2CAoBf;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,2CAkBA;AAED,iBAAS,gBAAgB,CAAC,UAAU,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,GAAG,SAAS,CAY7E;AAED,wBAAgB,SAAS;UA9cjB,OAAO;kBACC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;YAC7B,MAAM;oBACE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;eAExB,OAAO;EA6cnB;AAED,wBAAgB,WAAW;YAtcjB,MAAM;mBACC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI;gBACtC,OAAO;EAwcpB;AAED,wBAAgB,aAAa;YAjdnB,MAAM,GAAG,IAAI;eACV,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;EAodtC"}

package/dist/components/dialog/search.js

@@ -0,0 +1,192 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronRight, Hash, Search as SearchIcon } from '@fumadocs/ui/icons';
+import { createContext, Fragment, useCallback, useContext, useEffect, useEffectEvent, useMemo, useRef, useState, } from 'react';
+import { I18nLabel, useI18n } from '../../contexts/i18n.js';
+import { cn } from '@fumadocs/ui/cn';
+import { Dialog } from '@base-ui/react/dialog';
+import { cva } from 'class-variance-authority';
+import { useRouter } from 'fumadocs-core/framework';
+import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import { buttonVariants } from '../../components/ui/button.js';
+const Context = createContext(null);
+const ListContext = createContext(null);
+const TagsListContext = createContext(null);
+export function SearchDialog({ open, onOpenChange, search, onSearchChange, isLoading = false, children, }) {
+    const [active, setActive] = useState(null);
+    return (_jsx(Dialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsx(Context.Provider, { value: useMemo(() => ({
+                open,
+                onOpenChange,
+                search,
+                onSearchChange,
+                active,
+                setActive,
+                isLoading,
+            }), [active, isLoading, onOpenChange, onSearchChange, open, search]), children: children }) }));
+}
+export function SearchDialogHeader(props) {
+    return (_jsx("div", { ...props, className: cn('flex flex-row items-center gap-2 p-3', props.className) }));
+}
+export function SearchDialogInput(props) {
+    const { text } = useI18n();
+    const { search, onSearchChange } = useSearch();
+    return (_jsx("input", { ...props, value: search, onChange: (e) => onSearchChange(e.target.value), placeholder: text.search, className: "w-0 flex-1 bg-transparent text-lg placeholder:text-fd-muted-foreground focus-visible:outline-none" }));
+}
+export function SearchDialogClose({ children = 'ESC', className, ...props }) {
+    const { onOpenChange } = useSearch();
+    return (_jsx("button", { type: "button", onClick: () => onOpenChange(false), className: cn(buttonVariants({
+            color: 'outline',
+            size: 'sm',
+            className: 'font-mono text-fd-muted-foreground',
+        }), className), ...props, children: children }));
+}
+export function SearchDialogFooter(props) {
+    return (_jsx("div", { ...props, className: cn('bg-fd-secondary/50 p-3 empty:hidden', props.className) }));
+}
+export function SearchDialogOverlay({ className, ...props }) {
+    return (_jsx(Dialog.Backdrop, { ...props, className: (s) => cn('fixed inset-0 z-50 backdrop-blur-xs bg-fd-overlay data-[open]:animate-fd-fade-in data-[closed]:animate-fd-fade-out', typeof className === 'function' ? className(s) : className) }));
+}
+export function SearchDialogContent({ children, className, ...props }) {
+    const { text } = useI18n();
+    return (_jsx(Dialog.Portal, { children: _jsxs(Dialog.Popup, { "aria-describedby": undefined, ...props, className: (s) => cn('fixed left-1/2 top-4 md:top-[calc(50%-250px)] z-50 w-[calc(100%-1rem)] max-w-screen-sm -translate-x-1/2 rounded-xl border bg-fd-popover text-fd-popover-foreground shadow-2xl shadow-black/50 overflow-hidden data-[closed]:animate-fd-dialog-out data-[open]:animate-fd-dialog-in', '*:border-b *:has-[+:last-child[data-empty=true]]:border-b-0 *:data-[empty=true]:border-b-0 *:last:border-b-0', typeof className === 'function' ? className(s) : className), children: [_jsx(Dialog.Title, { className: "hidden", children: text.search }), children] }) }));
+}
+export function SearchDialogList({ items = null, Empty = () => (_jsx("div", { className: "py-12 text-center text-sm text-fd-muted-foreground", children: _jsx(I18nLabel, { label: "searchNoResult" }) })), Item = (props) => _jsx(SearchDialogListItem, { ...props }), ...props }) {
+    const ref = useRef(null);
+    const [active, setActive] = useState(() => items && items.length > 0 ? items[0].id : null);
+    const { onOpenChange } = useSearch();
+    const router = useRouter();
+    const onOpen = (item) => {
+        if (item.type === 'action') {
+            item.onSelect();
+        }
+        else if (item.external) {
+            window.open(item.url, '_blank')?.focus();
+        }
+        else {
+            router.push(item.url);
+        }
+        onOpenChange(false);
+    };
+    const onKey = useEffectEvent((e) => {
+        if (!items || e.isComposing)
+            return;
+        if (e.key === 'ArrowDown' || e.key == 'ArrowUp') {
+            let idx = items.findIndex((item) => item.id === active);
+            if (idx === -1)
+                idx = 0;
+            else if (e.key === 'ArrowDown')
+                idx++;
+            else
+                idx--;
+            setActive(items.at(idx % items.length)?.id ?? null);
+            e.preventDefault();
+        }
+        if (e.key === 'Enter') {
+            const selected = items.find((item) => item.id === active);
+            if (selected)
+                onOpen(selected);
+            e.preventDefault();
+        }
+    });
+    useEffect(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        const observer = new ResizeObserver(() => {
+            const viewport = element.firstElementChild;
+            element.style.setProperty('--fd-animated-height', `${viewport.clientHeight}px`);
+        });
+        const viewport = element.firstElementChild;
+        if (viewport)
+            observer.observe(viewport);
+        window.addEventListener('keydown', onKey);
+        return () => {
+            observer.disconnect();
+            window.removeEventListener('keydown', onKey);
+        };
+    }, []);
+    useOnChange(items, () => {
+        if (items && items.length > 0) {
+            setActive(items[0].id);
+        }
+    });
+    return (_jsx("div", { ...props, ref: ref, "data-empty": items === null, className: cn('overflow-hidden h-(--fd-animated-height) transition-[height]', props.className), children: _jsx("div", { className: cn('w-full flex flex-col overflow-y-auto max-h-[460px] p-1', !items && 'hidden'), children: _jsxs(ListContext.Provider, { value: useMemo(() => ({
+                    active,
+                    setActive,
+                }), [active]), children: [items?.length === 0 && Empty(), items?.map((item) => (_jsx(Fragment, { children: Item({ item, onClick: () => onOpen(item) }) }, item.id)))] }) }) }));
+}
+export function SearchDialogListItem({ item, className, children, renderHighlights: render = renderHighlights, ...props }) {
+    const { active: activeId, setActive } = useSearchList();
+    const active = item.id === activeId;
+    if (item.type === 'action') {
+        children ?? (children = item.node);
+    }
+    else {
+        children ?? (children = _jsxs(_Fragment, { children: [_jsx("div", { className: "inline-flex items-center text-fd-muted-foreground text-xs empty:hidden", children: item.breadcrumbs?.map((item, i) => (_jsxs(Fragment, { children: [i > 0 && _jsx(ChevronRight, { className: "size-4" }), item] }, i))) }), item.type !== 'page' && (_jsx("div", { role: "none", className: "absolute start-3 inset-y-0 w-px bg-fd-border" })), _jsxs("p", { className: cn('min-w-0 truncate', item.type !== 'page' && 'ps-4', item.type === 'page' || item.type === 'heading'
+                        ? 'font-medium'
+                        : 'text-fd-popover-foreground/80'), children: [item.type === 'heading' && (_jsx(Hash, { className: "inline me-1 size-4 text-fd-muted-foreground" })), item.contentWithHighlights
+                            ? render(item.contentWithHighlights)
+                            : item.content] })] }));
+    }
+    return (_jsx("button", { type: "button", ref: useCallback((element) => {
+            if (active && element) {
+                scrollIntoView(element, {
+                    scrollMode: 'if-needed',
+                    block: 'nearest',
+                    boundary: element.parentElement,
+                });
+            }
+        }, [active]), "aria-selected": active, className: cn('relative select-none px-2.5 py-2 text-start text-sm rounded-lg', active && 'bg-fd-accent text-fd-accent-foreground', className), onPointerMove: () => setActive(item.id), ...props, children: children }));
+}
+export function SearchDialogIcon(props) {
+    const { isLoading } = useSearch();
+    return (_jsx(SearchIcon, { ...props, className: cn('size-5 text-fd-muted-foreground', isLoading && 'animate-pulse duration-400', props.className) }));
+}
+const itemVariants = cva('rounded-md border px-2 py-0.5 text-xs font-medium text-fd-muted-foreground transition-colors', {
+    variants: {
+        active: {
+            true: 'bg-fd-accent text-fd-accent-foreground',
+        },
+    },
+});
+export function TagsList({ tag, onTagChange, allowClear = false, ...props }) {
+    return (_jsx("div", { ...props, className: cn('flex items-center gap-1 flex-wrap', props.className), children: _jsx(TagsListContext.Provider, { value: useMemo(() => ({
+                value: tag,
+                onValueChange: onTagChange,
+                allowClear,
+            }), [allowClear, onTagChange, tag]), children: props.children }) }));
+}
+export function TagsListItem({ value, className, ...props }) {
+    const { onValueChange, value: selectedValue, allowClear } = useTagsList();
+    const selected = value === selectedValue;
+    return (_jsx("button", { type: "button", "data-active": selected, className: cn(itemVariants({ active: selected, className })), onClick: () => {
+            onValueChange(selected && allowClear ? undefined : value);
+        }, tabIndex: -1, ...props, children: props.children }));
+}
+function renderHighlights(highlights) {
+    return highlights.map((node, i) => {
+        if (node.styles?.highlight) {
+            return (_jsx("span", { className: "text-fd-primary underline", children: node.content }, i));
+        }
+        return _jsx(Fragment, { children: node.content }, i);
+    });
+}
+export function useSearch() {
+    const ctx = useContext(Context);
+    if (!ctx)
+        throw new Error('Missing <SearchDialog />');
+    return ctx;
+}
+export function useTagsList() {
+    const ctx = useContext(TagsListContext);
+    if (!ctx)
+        throw new Error('Missing <TagsList />');
+    return ctx;
+}
+export function useSearchList() {
+    const ctx = useContext(ListContext);
+    if (!ctx)
+        throw new Error('Missing <SearchDialogList />');
+    return ctx;
+}

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

@@ -0,0 +1,21 @@
+import { type CodeBlockProps } from '../components/codeblock.js';
+import type { HighlightOptionsCommon, HighlightOptionsThemes } from 'fumadocs-core/highlight';
+export interface DynamicCodeblockProps {
+    lang: string;
+    code: string;
+    /**
+     * Extra props for the underlying `<CodeBlock />` component.
+     *
+     * Ignored if you defined your own `pre` component in `options.components`.
+     */
+    codeblock?: CodeBlockProps;
+    /**
+     * Wrap in React `<Suspense />` and provide a fallback.
+     *
+     * @defaultValue true
+     */
+    wrapInSuspense?: boolean;
+    options?: Omit<HighlightOptionsCommon, 'lang'> & HighlightOptionsThemes;
+}
+export declare function DynamicCodeBlock({ lang, code, codeblock, options, wrapInSuspense, }: DynamicCodeblockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=dynamic-codeblock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-codeblock.d.ts","sourceRoot":"","sources":["../../src/components/dynamic-codeblock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAO,MAAM,wBAAwB,CAAC;AAC7E,OAAO,KAAK,EAEV,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,yBAAyB,CAAC;AAajC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC,GAAG,sBAAsB,CAAC;CACzE;AAkBD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,cAAqB,GACtB,EAAE,qBAAqB,2CAgCvB"}

package/dist/components/dynamic-codeblock.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CodeBlock, Pre } from '../components/codeblock.js';
+import { useShiki } from 'fumadocs-core/highlight/client';
+import { cn } from '@fumadocs/ui/cn';
+import { createContext, Suspense, use, useDeferredValue, useId, } from 'react';
+const PropsContext = createContext(undefined);
+function DefaultPre(props) {
+    const extraProps = use(PropsContext);
+    return (_jsx(CodeBlock, { ...props, ...extraProps, className: cn('my-0', props.className, extraProps?.className), children: _jsx(Pre, { children: props.children }) }));
+}
+export function DynamicCodeBlock({ lang, code, codeblock, options, wrapInSuspense = true, }) {
+    const id = useId();
+    const shikiOptions = {
+        lang,
+        ...options,
+        components: {
+            pre: DefaultPre,
+            ...options?.components,
+        },
+    };
+    const children = (_jsx(PropsContext, { value: codeblock, children: _jsx(Internal, { id: id, ...useDeferredValue({ code, options: shikiOptions }) }) }));
+    if (wrapInSuspense)
+        return (_jsx(Suspense, { fallback: _jsx(Placeholder, { code: code, components: shikiOptions.components }), children: children }));
+    return children;
+}
+function Placeholder({ code, components = {}, }) {
+    const { pre: Pre = 'pre', code: Code = 'code' } = components;
+    return (_jsx(Pre, { children: _jsx(Code, { children: code.split('\n').map((line, i) => (_jsx("span", { className: "line", children: line }, i))) }) }));
+}
+function Internal({ id, code, options, }) {
+    return useShiki(code, options, [id, options.lang, code]);
+}

package/dist/components/files.d.ts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export declare function Files({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
+export interface FileProps extends HTMLAttributes<HTMLDivElement> {
+    name: string;
+    icon?: ReactNode;
+}
+export interface FolderProps extends HTMLAttributes<HTMLDivElement> {
+    name: string;
+    disabled?: boolean;
+    /**
+     * Open folder by default
+     *
+     * @defaultValue false
+     */
+    defaultOpen?: boolean;
+}
+export declare function File({ name, icon, className, ...rest }: FileProps): React.ReactElement;
+export declare function Folder({ name, defaultOpen, ...props }: FolderProps): React.ReactElement;
+//# sourceMappingURL=files.d.ts.map

package/dist/components/files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/components/files.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAYtE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CASrD;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAOhC;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAclC"}

package/dist/components/files.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { File as FileIcon, Folder as FolderIcon, FolderOpen, } from '@fumadocs/ui/icons';
+import { useState } from 'react';
+import { cn } from '@fumadocs/ui/cn';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './ui/collapsible.js';
+const itemVariants = cva('flex flex-row items-center gap-2 rounded-md px-2 py-1.5 text-sm hover:bg-fd-accent hover:text-fd-accent-foreground [&_svg]:size-4');
+export function Files({ className, ...props }) {
+    return (_jsx("div", { className: cn('not-prose rounded-md border bg-fd-card p-2', className), ...props, children: props.children }));
+}
+export function File({ name, icon = _jsx(FileIcon, {}), className, ...rest }) {
+    return (_jsxs("div", { className: cn(itemVariants({ className })), ...rest, children: [icon, name] }));
+}
+export function Folder({ name, defaultOpen = false, ...props }) {
+    const [open, setOpen] = useState(defaultOpen);
+    return (_jsxs(Collapsible, { open: open, onOpenChange: setOpen, ...props, children: [_jsxs(CollapsibleTrigger, { className: cn(itemVariants({ className: 'w-full' })), children: [open ? _jsx(FolderOpen, {}) : _jsx(FolderIcon, {}), name] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "ms-2 flex flex-col border-l ps-2", children: props.children }) })] }));
+}

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

@@ -0,0 +1,8 @@
+import { type AnchorHTMLAttributes } from 'react';
+export declare function GithubInfo({ repo, owner, token, baseUrl, ...props }: AnchorHTMLAttributes<HTMLAnchorElement> & {
+    owner: string;
+    repo: string;
+    token?: string;
+    baseUrl?: string;
+}): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=github-info.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"github-info.d.ts","sourceRoot":"","sources":["../../src/components/github-info.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAsClD,wBAAsB,UAAU,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,oDA4BA"}

package/dist/components/github-info.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@fumadocs/ui/cn';
+import { Star } from '@fumadocs/ui/icons';
+async function getRepoStarsAndForks(owner, repo, token, baseUrl = 'https://api.github.com') {
+    const endpoint = `${baseUrl}/repos/${owner}/${repo}`;
+    const headers = new Headers({
+        'Content-Type': 'application/json',
+    });
+    if (token)
+        headers.set('Authorization', `Bearer ${token}`);
+    const response = await fetch(endpoint, {
+        headers,
+        next: {
+            revalidate: 60,
+        },
+    });
+    if (!response.ok) {
+        const message = await response.text();
+        throw new Error(`Failed to fetch repository data: ${message}`);
+    }
+    const data = await response.json();
+    return {
+        stars: data.stargazers_count,
+        forks: data.forks_count,
+    };
+}
+export async function GithubInfo({ repo, owner, token, baseUrl, ...props }) {
+    const { stars } = await getRepoStarsAndForks(owner, repo, token, baseUrl);
+    const humanizedStars = humanizeNumber(stars);
+    return (_jsxs("a", { href: `https://github.com/${owner}/${repo}`, rel: "noreferrer noopener", target: "_blank", ...props, className: cn('flex flex-col gap-1.5 p-2 rounded-lg text-sm text-fd-foreground/80 transition-colors lg:flex-row lg:items-center hover:text-fd-accent-foreground hover:bg-fd-accent', props.className), children: [_jsxs("p", { className: "flex items-center gap-2 truncate", children: [_jsxs("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-3.5", children: [_jsx("title", { children: "GitHub" }), _jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" })] }), owner, "/", repo] }), _jsxs("p", { className: "flex text-xs items-center gap-1 text-fd-muted-foreground", children: [_jsx(Star, { className: "size-3" }), humanizedStars] })] }));
+}
+/**
+ * Converts a number to a human-readable string with K suffix for thousands
+ * @example 1500 -> "1.5K", 1000000 -> "1000000"
+ */
+function humanizeNumber(num) {
+    if (num < 1000) {
+        return num.toString();
+    }
+    if (num < 100000) {
+        // For numbers between 1,000 and 99,999, show with one decimal (e.g., 1.5K)
+        const value = (num / 1000).toFixed(1);
+        // Remove trailing .0 if present
+        const formattedValue = value.endsWith('.0') ? value.slice(0, -2) : value;
+        return `${formattedValue}K`;
+    }
+    if (num < 1000000) {
+        // For numbers between 10,000 and 999,999, show as whole K (e.g., 10K, 999K)
+        return `${Math.floor(num / 1000)}K`;
+    }
+    // For 1,000,000 and above, just return the number
+    return num.toString();
+}

package/dist/components/heading.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithoutRef } from 'react';
+type Types = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type HeadingProps<T extends Types> = Omit<ComponentPropsWithoutRef<T>, 'as'> & {
+    as?: T;
+};
+export declare function Heading<T extends Types = 'h1'>({ as, className, ...props }: HeadingProps<T>): React.ReactElement;
+export {};
+//# sourceMappingURL=heading.d.ts.map

package/dist/components/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,KAAK,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,KAAK,YAAY,CAAC,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG;IAC7E,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,wBAAgB,OAAO,CAAC,CAAC,SAAS,KAAK,GAAG,IAAI,EAAE,EAC9C,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CAmBtC"}

package/dist/components/heading.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from '@fumadocs/ui/icons';
+import { cn } from '@fumadocs/ui/cn';
+export function Heading({ as, className, ...props }) {
+    const As = as ?? 'h1';
+    if (!props.id)
+        return _jsx(As, { className: className, ...props });
+    return (_jsxs(As, { className: cn('flex scroll-m-28 flex-row items-center gap-2', className), ...props, children: [_jsx("a", { "data-card": "", href: `#${props.id}`, className: "peer", children: props.children }), _jsx(Link, { "aria-hidden": true, className: "size-3.5 shrink-0 text-fd-muted-foreground opacity-0 transition-opacity peer-hover:opacity-100" })] }));
+}

package/dist/components/image-zoom.css

@@ -0,0 +1,77 @@
+[data-rmiz] {
+  display: block;
+  position: relative;
+}
+
+[data-rmiz-ghost] {
+  pointer-events: none;
+  position: absolute;
+}
+
+[data-rmiz-btn-zoom],
+[data-rmiz-btn-unzoom] {
+  display: none;
+}
+
+[data-rmiz-content='found'] img {
+  cursor: zoom-in;
+}
+
+[data-rmiz-modal][open] {
+  width: 100vw /* fallback */;
+  width: 100dvw;
+
+  height: 100vh /* fallback */;
+  height: 100dvh;
+
+  background-color: transparent;
+  max-width: none;
+  max-height: none;
+  margin: 0;
+  padding: 0;
+  position: fixed;
+  overflow: hidden;
+}
+
+[data-rmiz-modal]:focus-visible {
+  outline: none;
+}
+
+[data-rmiz-modal-overlay] {
+  transition: background-color 0.3s;
+  position: absolute;
+  inset: 0;
+}
+
+[data-rmiz-modal-overlay='visible'] {
+  background-color: var(--color-fd-background);
+}
+
+[data-rmiz-modal-overlay='hidden'] {
+  background-color: transparent;
+}
+
+[data-rmiz-modal-content] {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+[data-rmiz-modal]::backdrop {
+  display: none;
+}
+
+[data-rmiz-modal-img] {
+  cursor: zoom-out;
+  image-rendering: high-quality;
+  transform-origin: 0 0;
+  transition: transform 0.3s;
+  position: absolute;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-rmiz-modal-overlay],
+  [data-rmiz-modal-img] {
+    transition-duration: 0.01ms !important;
+  }
+}

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

@@ -0,0 +1,16 @@
+import { type ImageProps } from 'fumadocs-core/framework';
+import type { ComponentProps } from 'react';
+import { type UncontrolledProps } from 'react-medium-image-zoom';
+import './image-zoom.css';
+export type ImageZoomProps = ImageProps & {
+    /**
+     * Image props when zoom in
+     */
+    zoomInProps?: ComponentProps<'img'>;
+    /**
+     * Props for `react-medium-image-zoom`
+     */
+    rmiz?: UncontrolledProps;
+};
+export declare function ImageZoom({ zoomInProps, children, rmiz, ...props }: ImageZoomProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=image-zoom.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-zoom.d.ts","sourceRoot":"","sources":["../../src/components/image-zoom.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B,CAAC;AAeF,wBAAgB,SAAS,CAAC,EACxB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,2CAoBhB"}

package/dist/components/image-zoom.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from 'fumadocs-core/framework';
+import Zoom from 'react-medium-image-zoom';
+import './image-zoom.css';
+function getImageSrc(src) {
+    if (typeof src === 'string')
+        return src;
+    if (typeof src === 'object') {
+        // Next.js
+        if ('default' in src)
+            return src.default.src;
+        return src.src;
+    }
+    return '';
+}
+export function ImageZoom({ zoomInProps, children, rmiz, ...props }) {
+    return (_jsx(Zoom, { zoomMargin: 20, wrapElement: "span", ...rmiz, zoomImg: {
+            src: getImageSrc(props.src),
+            sizes: undefined,
+            ...zoomInProps,
+        }, children: children ?? (_jsx(Image, { sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px", ...props })) }));
+}

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

@@ -0,0 +1,8 @@
+import type { TOCItemType } from 'fumadocs-core/toc';
+import { Collapsible } from './ui/collapsible.js';
+import type { ComponentProps } from 'react';
+export interface InlineTocProps extends ComponentProps<typeof Collapsible> {
+    items: TOCItemType[];
+}
+export declare function InlineTOC({ items, className, ...props }: InlineTocProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inline-toc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline-toc.d.ts","sourceRoot":"","sources":["../../src/components/inline-toc.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EACL,WAAW,EAGZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,OAAO,WAAW,CAAC;IACxE,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAiCvE"}