4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T5ba,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import * as Primitive from "fumadocs-core/toc"; import { type ComponentProps, createContext, use, useRef } from "react"; import { cn } from "cn"; import { mergeRefs } from "../../utils/merge-refs"; const TOCContext = createContext([]); export function useTOCItems(): Primitive.TOCItemType[] { return use(TOCContext); } export type TOCProviderProps = Primitive.AnchorProviderProps; export const { useActiveAnchor, useActiveAnchors, useItems } = Primitive; export function TOCProvider({ toc, children, ...props }: TOCProviderProps) { return ( {children} ); } export function TOCScrollArea({ ref, className, ...props }: ComponentProps<"div">) { const viewRef = useRef(null); return (

{props.children}

); } 51:T27ab,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import { useTranslations } from "@fuma-translate/react"; import * as Primitive from "fumadocs-core/toc"; import { type ComponentProps, type ReactNode, useCallback, useEffect, useMemo, useRef, useState, } from "react"; import { cn } from "cn"; import { useTOCItems } from "."; import { mergeRefs } from "../../utils/merge-refs"; import { findLastIndex } from "../../utils/array"; interface ComputedSVG { width: number; height: number; content: ReactNode; d: string; positions: [top: number, bottom: number, x: number][]; itemLineLengths: [top: number, bottom: number][]; } export interface TOCItemsProps extends ComponentProps<"div"> { thumbBox?: boolean; } export function TOCItems({ ref, className, thumbBox = true, children, ...props }: TOCItemsProps) { const containerRef = useRef(null); const items = useTOCItems(); const [svg, setSvg] = useState(null); const onPrint = useCallback(() => { const container = containerRef.current; if (!container || container.clientHeight === 0) return; if (items.length === 0) { setSvg(null); return; } let w = 0; let h = 0; let d = ""; const positions: [top: number, bottom: number, x: number][] = []; const output: ReactNode[] = []; for (let i = 0; i < items.length; i++) { const item = items[i]!; const element: HTMLElement | null = container.querySelector( `a[href="${item.url}"]`, ); if (!element) continue; const styles = getComputedStyle(element); const x = getLineOffset(item.depth) + 0.5; const top = element.offsetTop + parseFloat(styles.paddingTop); const bottom = element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom); w = Math.max(x + 8, w); h = Math.max(h, bottom); if (i === 0) { d += ` M${x} ${top} L${x} ${bottom}`; } else { const [, upperBottom, upperX] = positions[i - 1] ?? [0, 0, 0]; d += ` C ${upperX} ${top - 4} ${x} ${upperBottom + 4} ${x} ${top} L${x} ${bottom}`; } if (item._step !== undefined) { output.push( {item._step} , ); } positions.push([top, bottom, x]); } output.unshift( , ); const itemLineLengths: [top: number, bottom: number][] = []; if (thumbBox) { const path = document.createElementNS( "http://www.w3.org/2000/svg", "path", ); path.setAttribute("d", d); const n = path.getTotalLength(); for (let i = 0; i < positions.length; i++) { const [top, bottom] = positions[i]!; let l = i > 0 ? itemLineLengths[i - 1]![1] + (top - positions[i - 1]![1]) : top; while (l < n && path.getPointAtLength(l).y < top) l++; // vertical line distance = bottom - top itemLineLengths.push([l, l + bottom - top]); } } setSvg({ content: output, width: w, height: h, d, itemLineLengths, positions, }); }, [items, thumbBox]); useEffect(() => { const container = containerRef.current; if (!container) return; const observer = new ResizeObserver(onPrint); observer.observe(container); onPrint(); return () => { observer.unobserve(container); }; }, [onPrint]); return (

{svg && } {children}

); } export function TOCEmpty() { const t = useTranslations({ note: "table of contents" }); return (

{t("No Headings")}

); } interface ThumbBoxInfo { startIdx: number; endIdx: number; isUp: boolean; } function ThumbTrack({ computed, thumbBox, }: { computed: ComputedSVG; thumbBox: boolean; }) { const ref = useRef(null); const previousRef = useRef(null); const tocInfo = Primitive.useTOC(); function calculate( items: Primitive.TOCItemInfo[], prev: ThumbBoxInfo | null, ): { style: Record; info: ThumbBoxInfo | null } { const style: Record = {}; const startIdx = items.findIndex((item) => item.active); if (startIdx === -1) return { style, info: prev }; const endIdx = findLastIndex(items, (item) => item.active); style["--track-top"] = `${computed.positions[startIdx]![0]}px`; style["--track-bottom"] = `${computed.positions[endIdx]![1]}px`; if (!thumbBox) return { style, info: prev }; let isUp = false; if (prev) { isUp = prev.startIdx > startIdx || prev.endIdx > endIdx || (prev.startIdx === startIdx && prev.endIdx === endIdx && prev.isUp); } style["--offset-distance"] = isUp ? `${computed.itemLineLengths[startIdx]![0]}px` : `${computed.itemLineLengths[endIdx]![1]}px`; style["--opacity"] = items[isUp ? startIdx : endIdx]!.original._step !== undefined ? "0" : "1"; return { style, info: { startIdx, endIdx, isUp } }; } Primitive.useTOCListener((items) => { const element = ref.current; if (!element) return; const { style, info } = calculate(items, previousRef.current); previousRef.current = info; for (const [k, v] of Object.entries(style)) { element.style.setProperty(k, v); } }); return (

{thumbBox && (

)}

); } const BASE = 8; function getItemOffset(depth: number): number { if (depth <= 2) return 12 + BASE; if (depth === 3) return 24 + BASE; return 36 + BASE; } function getLineOffset(depth: number): number { if (depth <= 2) return BASE; if (depth === 3) return 8 + BASE; return 16 + BASE; } export function TOCItem({ item, ...props }: Primitive.TOCItemProps & { item: Primitive.TOCItemType }) { const items = useTOCItems(); const { isFirst, isLast, svg } = useMemo(() => { const index = items.indexOf(item); const isFirst = index === 0; const isLast = index === items.length - 1; const l1 = getLineOffset(item.depth); const l0 = isFirst ? l1 : getLineOffset(items[index - 1]!.depth); const l2 = isLast ? l1 : getLineOffset(items[index + 1]!.depth); return { isFirst, isLast, svg: ( ), }; }, [items, item]); return ( {svg} {item.title} ); } 52:T1ffa,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import { useTranslations } from "@fuma-translate/react"; import * as Primitive from "fumadocs-core/toc"; import { type ComponentProps, type ReactNode, useCallback, useEffect, useMemo, useRef, useState, } from "react"; import { cn } from "cn"; import { useTOCItems } from "."; import { mergeRefs } from "../../utils/merge-refs"; import { findLastIndex } from "../../utils/array"; interface ComputedSVG { width: number; height: number; content: ReactNode; d: string; positions: [top: number, bottom: number, x: number][]; itemLineLengths: [top: number, bottom: number][]; } export type TOCItemsProps = ComponentProps<"div">; export function TOCItems({ ref, className, children, ...props }: TOCItemsProps) { const containerRef = useRef(null); const items = useTOCItems(); const [svg, setSvg] = useState(null); const onPrint = useCallback(() => { const container = containerRef.current; if (!container || container.clientHeight === 0) return; if (items.length === 0) { setSvg(null); return; } let w = 0; let h = 0; let d = ""; const positions: [top: number, bottom: number, x: number][] = []; const output: ReactNode[] = []; for (let i = 0; i < items.length; i++) { const item = items[i]!; const element: HTMLElement | null = container.querySelector( `a[href="${item.url}"]`, ); if (!element) continue; const styles = getComputedStyle(element); const x = getLineOffset(item.depth) + 0.5; const top = element.offsetTop + parseFloat(styles.paddingTop); const bottom = element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom); w = Math.max(x + 8, w); h = Math.max(h, bottom); if (i === 0) { d += ` M${x} ${top} L${x} ${bottom}`; } else { const [, upperBottom, upperX] = positions[i - 1] ?? [0, 0, 0]; d += ` L ${upperX} ${upperBottom} ${x} ${top} L${x} ${bottom}`; } if (item._step !== undefined) { output.push( {item._step} , ); } positions.push([top, bottom, x]); } output.unshift( , ); const itemLineLengths: [top: number, bottom: number][] = []; setSvg({ content: output, width: w, height: h, d, itemLineLengths, positions, }); }, [items]); useEffect(() => { const container = containerRef.current; if (!container) return; const observer = new ResizeObserver(onPrint); observer.observe(container); onPrint(); return () => { observer.unobserve(container); }; }, [onPrint]); return (

{svg && } {children}

); } export function TOCEmpty() { const t = useTranslations({ note: "table of contents" }); return (

{t("No Headings")}

); } function ThumbTrack({ computed }: { computed: ComputedSVG }) { const ref = useRef(null); const tocInfo = Primitive.useTOC(); function calculate(items: Primitive.TOCItemInfo[]) { const out: Record = {}; const startIdx = items.findIndex((item) => item.active); if (startIdx === -1) return out; const endIdx = findLastIndex(items, (item) => item.active); out["--track-top"] = `${computed.positions[startIdx]![0]}px`; out["--track-bottom"] = `${computed.positions[endIdx]![1]}px`; return out; } Primitive.useTOCListener((items) => { const element = ref.current; if (!element) return; for (const [k, v] of Object.entries(calculate(items))) { element.style.setProperty(k, v); } }); return (

); } const BASE = 8; function getItemOffset(depth: number): number { if (depth <= 2) return 12 + BASE; if (depth === 3) return 24 + BASE; return 36 + BASE; } function getLineOffset(depth: number): number { if (depth <= 2) return BASE; if (depth === 3) return 12 + BASE; return 24 + BASE; } export function TOCItem({ item, ...props }: Primitive.TOCItemProps & { item: Primitive.TOCItemType }) { const items = useTOCItems(); const { isFirst, isLast, svg } = useMemo(() => { const index = items.indexOf(item); const isFirst = index === 0; const isLast = index === items.length - 1; const l1 = getLineOffset(item.depth); const l0 = isFirst ? l1 : getLineOffset(items[index - 1]!.depth); const l2 = isLast ? l1 : getLineOffset(items[index + 1]!.depth); return { isFirst, isLast, svg: ( ), }; }, [items, item]); return ( {svg} {item.title} ); } 53:Te0a,// Adapted from Fumadocs UI (https://github.com/fuma-nama/fumadocs) // Copyright (c) 2023 Fuma, MIT License "use client"; import * as Primitive from "fumadocs-core/toc"; import { type ComponentProps, useEffect, useRef } from "react"; import { cn } from "cn"; import { mergeRefs } from "../../utils/merge-refs"; export { TOCEmpty } from "./default"; export type TOCItemsProps = ComponentProps<"div">; export function TOCItems({ ref, className, children, ...props }: TOCItemsProps) { const containerRef = useRef(null); const blockRef = useRef(null); const tocInfo = Primitive.useTOC(); useEffect(() => { const container = containerRef.current; const block = blockRef.current; if (!container || !block) return; // measured on resize only, so active changes never read layout const positions = new Map(); let height = 0; const update = (items: Primitive.TOCItemInfo[]) => { let top = -1; let bottom = -1; for (const item of items) { if (!item.active) continue; const pos = positions.get(item.original.url); if (!pos) continue; if (top === -1) top = pos[0]; bottom = pos[1]; } if (top === -1) return; block.style.clipPath = `inset(${top}px 0 ${height - bottom}px round 8px)`; // place the block instantly at first, only animate the changes after if (!block.hasAttribute("data-ready")) requestAnimationFrame(() => block.setAttribute("data-ready", "")); }; const observer = new ResizeObserver(() => { positions.clear(); for (const anchor of container.getElementsByTagName("a")) { const href = anchor.getAttribute("href"); if (href) positions.set(href, [ anchor.offsetTop, anchor.offsetTop + anchor.offsetHeight, ]); } height = container.clientHeight; update(tocInfo.get()); }); observer.observe(container); tocInfo.listen(update); return () => { observer.disconnect(); tocInfo.unlisten(update); }; }, [tocInfo]); return (

{children}

); } function getItemOffset(depth: number): number { if (depth <= 2) return 8; if (depth === 3) return 20; return 32; } export function TOCItem({ item, ...props }: Primitive.TOCItemProps & { item: Primitive.TOCItemType }) { return ( {item._step !== undefined && ( {item._step} )} {item.title} ); } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}],["$","li","@fuma-translate/react@^1.0.2",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40fuma-translate%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@fuma-translate/react@^1.0.2"}]]}]}],["$","li","fumadocs-core@^16.16.2",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/fumadocs-core","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"fumadocs-core@^16.16.2"}]]}]}]]}],["$","$L4e",null,{"namespace":"@docscn","registryDependencies":["@docscn/docs-utils"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/base/docs/components/toc/index.tsx","content":"$50","type":"registry:component","target":"@components/docs/components/toc/index.tsx"},{"path":"registry/base/docs/components/toc/default.tsx","content":"$51","type":"registry:component","target":"@components/docs/components/toc/default.tsx"},{"path":"registry/base/docs/components/toc/clerk.tsx","content":"$52","type":"registry:component","target":"@components/docs/components/toc/clerk.tsx"},{"path":"registry/base/docs/components/toc/block.tsx","content":"$53","type":"registry:component","target":"@components/docs/components/toc/block.tsx"}],"className":"h-[70svh] min-h-80"}]]}]