fumadocs-ui 15.2.8 → 16.0.3

package/dist/page-client.js

@@ -1,150 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useEffect, useMemo, useRef, useState, } from 'react';
-import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
-import Link from 'fumadocs-core/link';
-import { cn } from './utils/cn.js';
-import { useI18n } from './contexts/i18n.js';
-import { useTreeContext, useTreePath } from './contexts/tree.js';
-import { useSidebar } from './contexts/sidebar.js';
-import { createContext, usePathname } from 'fumadocs-core/framework';
-import { getBreadcrumbItemsFromPath, } from 'fumadocs-core/breadcrumb';
-import { useNav, usePageStyles } from './contexts/layout.js';
-import { isActive } from './utils/is-active.js';
-import { useEffectEvent } from 'fumadocs-core/utils/use-effect-event';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './components/ui/collapsible.js';
-import * as Primitive from 'fumadocs-core/toc';
-const TocPopoverContext = createContext('TocPopoverContext');
-export function TocPopoverTrigger({ items, ...props }) {
-    const { text } = useI18n();
-    const { open } = TocPopoverContext.use();
-    const active = Primitive.useActiveAnchor();
-    const selected = useMemo(() => items.findIndex((item) => active === item.url.slice(1)), [items, active]);
-    const path = useTreePath().at(-1);
-    const showCurrent = selected !== -1 && !open;
-    return (_jsxs(CollapsibleTrigger, { ...props, className: cn('flex flex-row items-center text-sm text-fd-muted-foreground gap-2.5 px-4 py-2.5 text-start focus-visible:outline-none [&_svg]:shrink-0 [&_svg]:size-4 md:px-6', props.className), children: [_jsx(ProgressCircle, { value: (selected + 1) / items.length, max: 1, className: cn(open && 'text-fd-primary') }), _jsxs("span", { className: cn('grid flex-1 *:row-start-1 *:col-start-1', open && 'text-fd-foreground'), children: [_jsx("span", { className: cn('truncate transition-all', showCurrent && 'opacity-0 -translate-y-full pointer-events-none'), children: path?.name ?? text.toc }), _jsx("span", { className: cn('truncate transition-all', !showCurrent && 'opacity-0 translate-y-full pointer-events-none'), children: items[selected]?.title })] }), _jsx(ChevronDown, { className: cn('transition-transform', open && 'rotate-180') })] }));
-}
-function clamp(input, min, max) {
-    if (input < min)
-        return min;
-    if (input > max)
-        return max;
-    return input;
-}
-function ProgressCircle({ value, strokeWidth = 2, size = 24, min = 0, max = 100, ...restSvgProps }) {
-    const normalizedValue = clamp(value, min, max);
-    const radius = (size - strokeWidth) / 2;
-    const circumference = 2 * Math.PI * radius;
-    const progress = (normalizedValue / max) * circumference;
-    const circleProps = {
-        cx: size / 2,
-        cy: size / 2,
-        r: radius,
-        fill: 'none',
-        strokeWidth,
-    };
-    return (_jsxs("svg", { role: "progressbar", viewBox: `0 0 ${size} ${size}`, "aria-valuenow": normalizedValue, "aria-valuemin": min, "aria-valuemax": max, ...restSvgProps, children: [_jsx("circle", { ...circleProps, className: "stroke-current/25" }), _jsx("circle", { ...circleProps, stroke: "currentColor", strokeDasharray: circumference, strokeDashoffset: circumference - progress, strokeLinecap: "round", transform: `rotate(-90 ${size / 2} ${size / 2})`, className: "transition-all" })] }));
-}
-export function TocPopoverContent(props) {
-    return (_jsx(CollapsibleContent, { "data-toc-popover": "", ...props, className: cn('flex flex-col max-h-[50vh]', props.className), children: props.children }));
-}
-export function TocPopover(props) {
-    const ref = useRef(null);
-    const [open, setOpen] = useState(false);
-    const sidebar = useSidebar();
-    const { tocNav } = usePageStyles();
-    const { isTransparent } = useNav();
-    const onClick = useEffectEvent((e) => {
-        if (!open)
-            return;
-        if (ref.current && !ref.current.contains(e.target))
-            setOpen(false);
-    });
-    useEffect(() => {
-        window.addEventListener('click', onClick);
-        return () => {
-            window.removeEventListener('click', onClick);
-        };
-    }, [onClick]);
-    return (_jsx("div", { ...props, className: cn('sticky overflow-visible z-10', tocNav, props.className), style: {
-            ...props.style,
-            top: 'calc(var(--fd-banner-height) + var(--fd-nav-height))',
-        }, children: _jsx(TocPopoverContext.Provider, { value: useMemo(() => ({
-                open,
-                setOpen,
-            }), [setOpen, open]), children: _jsx(Collapsible, { open: open, onOpenChange: setOpen, asChild: true, children: _jsx("header", { ref: ref, id: "nd-tocnav", ...props, className: cn('border-b border-fd-foreground/10 backdrop-blur-sm transition-colors', (!isTransparent || open) && 'bg-fd-background/80', open && 'shadow-lg', sidebar.open && 'max-md:hidden'), children: props.children }) }) }) }));
-}
-export function PageBody(props) {
-    const { page } = usePageStyles();
-    return (_jsx("div", { id: "nd-page", ...props, className: cn('flex w-full min-w-0 flex-col', page, props.className), children: props.children }));
-}
-export function PageArticle(props) {
-    const { article } = usePageStyles();
-    return (_jsx("article", { ...props, className: cn('flex w-full flex-1 flex-col gap-6 px-4 md:px-6 pt-8 md:pt-12 xl:px-12 xl:mx-auto', article, props.className), children: props.children }));
-}
-export function LastUpdate(props) {
-    const { text } = useI18n();
-    const [date, setDate] = useState('');
-    useEffect(() => {
-        // to the timezone of client
-        setDate(props.date.toLocaleDateString());
-    }, [props.date]);
-    return (_jsxs("p", { className: "text-sm text-fd-muted-foreground", children: [text.lastUpdate, " ", date] }));
-}
-function scanNavigationList(tree) {
-    const list = [];
-    tree.forEach((node) => {
-        if (node.type === 'folder') {
-            if (node.index) {
-                list.push(node.index);
-            }
-            list.push(...scanNavigationList(node.children));
-            return;
-        }
-        if (node.type === 'page' && !node.external) {
-            list.push(node);
-        }
-    });
-    return list;
-}
-const listCache = new WeakMap();
-export function Footer({ items }) {
-    const { root } = useTreeContext();
-    const pathname = usePathname();
-    const { previous, next } = useMemo(() => {
-        if (items)
-            return items;
-        const cached = listCache.get(root);
-        const list = cached ?? scanNavigationList(root.children);
-        listCache.set(root, list);
-        const idx = list.findIndex((item) => isActive(item.url, pathname, false));
-        if (idx === -1)
-            return {};
-        return {
-            previous: list[idx - 1],
-            next: list[idx + 1],
-        };
-    }, [items, pathname, root]);
-    return (_jsxs("div", { className: cn('@container grid gap-4 pb-6', previous && next ? 'grid-cols-2' : 'grid-cols-1'), children: [previous ? _jsx(FooterItem, { item: previous, index: 0 }) : null, next ? _jsx(FooterItem, { item: next, index: 1 }) : null] }));
-}
-function FooterItem({ item, index }) {
-    const { text } = useI18n();
-    const Icon = index === 0 ? ChevronLeft : ChevronRight;
-    return (_jsxs(Link, { href: item.url, className: cn('flex flex-col gap-2 rounded-lg border p-4 text-sm transition-colors hover:bg-fd-accent/80 hover:text-fd-accent-foreground @max-lg:col-span-full', index === 1 && 'text-end'), children: [_jsxs("div", { className: cn('inline-flex items-center gap-1.5 font-medium', index === 1 && 'flex-row-reverse'), children: [_jsx(Icon, { className: "-mx-1 size-4 shrink-0 rtl:rotate-180" }), _jsx("p", { children: item.name })] }), _jsx("p", { className: "text-fd-muted-foreground truncate", children: item.description ?? (index === 0 ? text.previousPage : text.nextPage) })] }));
-}
-export function Breadcrumb(options) {
-    const path = useTreePath();
-    const { root } = useTreeContext();
-    const items = useMemo(() => {
-        return getBreadcrumbItemsFromPath(root, path, {
-            includePage: options.includePage ?? false,
-            ...options,
-        });
-    }, [options, path, root]);
-    if (items.length === 0)
-        return null;
-    return (_jsx("div", { className: "flex flex-row items-center gap-1.5 text-[15px] text-fd-muted-foreground", children: items.map((item, i) => {
-            const className = cn('truncate', i === items.length - 1 && 'text-fd-primary font-medium');
-            return (_jsxs(Fragment, { children: [i !== 0 && _jsx("span", { className: "text-fd-foreground/30", children: "/" }), item.url ? (_jsx(Link, { href: item.url, className: cn(className, 'transition-opacity hover:opacity-80'), children: item.name })) : (_jsx("span", { className: className, children: item.name }))] }, i));
-        }) }));
-}

package/dist/page.server.d.ts

@@ -1,13 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type { LoaderConfig, LoaderOutput, Page } from 'fumadocs-core/source';
-import { type PageTree } from 'fumadocs-core/server';
-/**
- * @deprecated use https://fumadocs.vercel.app/docs/ui/markdown#further-reading-section instead
- */
-export declare function DocsCategory({ page, from, tree: forcedTree, ...props }: HTMLAttributes<HTMLDivElement> & {
-    page: Page;
-    from: LoaderOutput<LoaderConfig>;
-    tree?: PageTree.Root;
-}): import("react/jsx-runtime").JSX.Element | null;
-export * from './page.js';
-//# sourceMappingURL=page.server.d.ts.map

package/dist/page.server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"page.server.d.ts","sourceRoot":"","sources":["../src/page.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGvE;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,IAAI,EAAE,UAAU,EAChB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;CACtB,kDA+CA;AAED,cAAc,QAAQ,CAAC"}

package/dist/page.server.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getPageTreePeers } from 'fumadocs-core/server';
-import { Card, Cards } from './components/card.js';
-/**
- * @deprecated use https://fumadocs.vercel.app/docs/ui/markdown#further-reading-section instead
- */
-export function DocsCategory({ page, from, tree: forcedTree, ...props }) {
-    let tree;
-    if (forcedTree) {
-        tree = forcedTree;
-    }
-    else if (from._i18n) {
-        const locale = page.locale ?? from._i18n.defaultLanguage;
-        tree = from.pageTree[locale];
-    }
-    else {
-        tree = from.pageTree;
-    }
-    let items = getPageTreePeers(tree, page.url);
-    if (items.length === 0) {
-        const pages = from.getPages(page.locale);
-        items = pages
-            .filter((item) => item.file.dirname === page.file.dirname &&
-            item.file.path !== page.file.path)
-            .map((page) => ({
-            type: 'page',
-            name: page.data.title,
-            description: page.data.description,
-            url: page.url,
-        }));
-    }
-    if (items.length === 0)
-        return null;
-    return (_jsx(Cards, { ...props, children: items.map((item) => (_jsx(Card, { title: item.name, description: item.description, href: item.url }, item.url))) }));
-}
-export * from './page.js';