@fumadocs/ui 16.4.1 → 16.4.2

package/css/colors/ocean.css

@@ -39,10 +39,6 @@
 }
 
 .dark body {
-  background-image: linear-gradient(
-    rgba(5, 105, 255, 0.15),
-    transparent 20rem,
-    transparent
-  );
+  background-image: linear-gradient(rgba(5, 105, 255, 0.15), transparent 20rem, transparent);
   background-repeat: no-repeat;
 }

package/css/colors/vitepress.css

@@ -40,27 +40,15 @@
 }
 
 .prose {
-  --tw-prose-body: color-mix(
-    in oklab,
-    var(--color-fd-foreground) 85%,
-    transparent
-  );
-  --tw-prose-headings: color-mix(
-    in oklab,
-    var(--color-fd-foreground) 85%,
-    transparent
-  );
+  --tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 85%, transparent);
+  --tw-prose-headings: color-mix(in oklab, var(--color-fd-foreground) 85%, transparent);
   --tw-prose-links: var(--color-fd-primary);
   --tw-prose-code: var(--color-fd-primary);
 }
 
 .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
   border: none;
-  background-color: color-mix(
-    in oklab,
-    var(--color-fd-primary) 10%,
-    transparent
-  );
+  background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
 }
 
 #nd-sidebar {

package/dist/cn.d.ts

@@ -1,2 +1,2 @@
-export { twMerge as cn } from 'tailwind-merge';
-//# sourceMappingURL=cn.d.ts.map
+import { twMerge as cn } from "tailwind-merge";
+export { cn };

package/dist/cn.js

@@ -1 +1,3 @@
-export { twMerge as cn } from 'tailwind-merge';
+import { twMerge as cn } from "tailwind-merge";
+
+export { cn };

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

@@ -1,3 +1,12 @@
-import { type ComponentProps } from 'react';
-export declare function TOCItems({ ref, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+import { ComponentProps } from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/toc/clerk.d.ts
+declare function TOCItems({
+  ref,
+  className,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { TOCItems };
 //# sourceMappingURL=clerk.d.ts.map

package/dist/components/toc/clerk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clerk.d.ts","sourceRoot":"","sources":["../../../src/components/toc/clerk.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAMzE,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAsG3E"}
+{"version":3,"file":"clerk.d.ts","names":[],"sources":["../../../src/components/toc/clerk.tsx"],"sourcesContent":[],"mappings":";;;;iBAQgB,QAAA;;;;GAAuC,wBAAqB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/toc/clerk.js

@@ -1,76 +1,112 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Primitive from 'fumadocs-core/toc';
-import { useEffect, useRef, useState } from 'react';
-import { cn } from '../../cn.js';
-import { TocThumb, useTOCItems } from './index.js';
-import { mergeRefs } from '../../merge-refs.js';
-import { useI18n } from '../../contexts/i18n.js';
-export function TOCItems({ ref, className, ...props }) {
-    const containerRef = useRef(null);
-    const items = useTOCItems();
-    const { text } = useI18n();
-    const [svg, setSvg] = useState();
-    useEffect(() => {
-        if (!containerRef.current)
-            return;
-        const container = containerRef.current;
-        function onResize() {
-            if (container.clientHeight === 0)
-                return;
-            let w = 0, h = 0;
-            const d = [];
-            for (let i = 0; i < items.length; i++) {
-                const element = container.querySelector(`a[href="#${items[i].url.slice(1)}"]`);
-                if (!element)
-                    continue;
-                const styles = getComputedStyle(element);
-                const offset = getLineOffset(items[i].depth) + 1, top = element.offsetTop + parseFloat(styles.paddingTop), bottom = element.offsetTop +
-                    element.clientHeight -
-                    parseFloat(styles.paddingBottom);
-                w = Math.max(offset, w);
-                h = Math.max(h, bottom);
-                d.push(`${i === 0 ? 'M' : 'L'}${offset} ${top}`);
-                d.push(`L${offset} ${bottom}`);
-            }
-            setSvg({
-                path: d.join(' '),
-                width: w + 1,
-                height: h,
-            });
-        }
-        const observer = new ResizeObserver(onResize);
-        onResize();
-        observer.observe(container);
-        return () => {
-            observer.disconnect();
-        };
-    }, [items]);
-    if (items.length === 0)
-        return (_jsx("div", { className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground", children: text.tocNoHeadings }));
-    return (_jsxs(_Fragment, { children: [svg && (_jsx("div", { className: "absolute start-0 top-0 rtl:-scale-x-100", style: {
-                    width: svg.width,
-                    height: svg.height,
-                    maskImage: `url("data:image/svg+xml,${
-                    // Inline SVG
-                    encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${svg.width} ${svg.height}"><path d="${svg.path}" stroke="black" stroke-width="1" fill="none" /></svg>`)}")`,
-                }, children: _jsx(TocThumb, { containerRef: containerRef, className: "absolute w-full top-(--fd-top) h-(--fd-height) bg-fd-primary transition-[top,height] ease-linear" }) })), _jsx("div", { ref: mergeRefs(containerRef, ref), className: cn('flex flex-col', className), ...props, children: items.map((item, i) => (_jsx(TOCItem, { item: item, upper: items[i - 1]?.depth, lower: items[i + 1]?.depth }, item.url))) })] }));
+
+import { cn } from "../../cn.js";
+import { useI18n } from "../../contexts/i18n.js";
+import { mergeRefs } from "../../merge-refs.js";
+import { TocThumb, useTOCItems } from "./index.js";
+import { useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as Primitive from "fumadocs-core/toc";
+
+//#region src/components/toc/clerk.tsx
+function TOCItems({ ref, className, ...props }) {
+	const containerRef = useRef(null);
+	const items = useTOCItems();
+	const { text } = useI18n();
+	const [svg, setSvg] = useState();
+	useEffect(() => {
+		if (!containerRef.current) return;
+		const container = containerRef.current;
+		function onResize() {
+			if (container.clientHeight === 0) return;
+			let w = 0, h = 0;
+			const d = [];
+			for (let i = 0; i < items.length; i++) {
+				const element = container.querySelector(`a[href="#${items[i].url.slice(1)}"]`);
+				if (!element) continue;
+				const styles = getComputedStyle(element);
+				const offset = getLineOffset(items[i].depth) + 1, top = element.offsetTop + parseFloat(styles.paddingTop), bottom = element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom);
+				w = Math.max(offset, w);
+				h = Math.max(h, bottom);
+				d.push(`${i === 0 ? "M" : "L"}${offset} ${top}`);
+				d.push(`L${offset} ${bottom}`);
+			}
+			setSvg({
+				path: d.join(" "),
+				width: w + 1,
+				height: h
+			});
+		}
+		const observer = new ResizeObserver(onResize);
+		onResize();
+		observer.observe(container);
+		return () => {
+			observer.disconnect();
+		};
+	}, [items]);
+	if (items.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground",
+		children: text.tocNoHeadings
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [svg && /* @__PURE__ */ jsx("div", {
+		className: "absolute start-0 top-0 rtl:-scale-x-100",
+		style: {
+			width: svg.width,
+			height: svg.height,
+			maskImage: `url("data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${svg.width} ${svg.height}"><path d="${svg.path}" stroke="black" stroke-width="1" fill="none" /></svg>`)}")`
+		},
+		children: /* @__PURE__ */ jsx(TocThumb, {
+			containerRef,
+			className: "absolute w-full top-(--fd-top) h-(--fd-height) bg-fd-primary transition-[top,height] ease-linear duration-250"
+		})
+	}), /* @__PURE__ */ jsx("div", {
+		ref: mergeRefs(containerRef, ref),
+		className: cn("flex flex-col", className),
+		...props,
+		children: items.map((item, i) => /* @__PURE__ */ jsx(TOCItem, {
+			item,
+			upper: items[i - 1]?.depth,
+			lower: items[i + 1]?.depth
+		}, item.url))
+	})] });
 }
 function getItemOffset(depth) {
-    if (depth <= 2)
-        return 14;
-    if (depth === 3)
-        return 26;
-    return 36;
+	if (depth <= 2) return 14;
+	if (depth === 3) return 26;
+	return 36;
 }
 function getLineOffset(depth) {
-    return depth >= 3 ? 10 : 0;
+	return depth >= 3 ? 10 : 0;
 }
-function TOCItem({ item, upper = item.depth, lower = item.depth, }) {
-    const offset = getLineOffset(item.depth), upperOffset = getLineOffset(upper), lowerOffset = getLineOffset(lower);
-    return (_jsxs(Primitive.TOCItem, { href: item.url, style: {
-            paddingInlineStart: getItemOffset(item.depth),
-        }, className: "prose relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary", children: [offset !== upperOffset && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", className: "absolute -top-1.5 start-0 size-4 rtl:-scale-x-100", children: _jsx("line", { x1: upperOffset, y1: "0", x2: offset, y2: "12", className: "stroke-fd-foreground/10", strokeWidth: "1" }) })), _jsx("div", { className: cn('absolute inset-y-0 w-px bg-fd-foreground/10', offset !== upperOffset && 'top-1.5', offset !== lowerOffset && 'bottom-1.5'), style: {
-                    insetInlineStart: offset,
-                } }), item.title] }));
+function TOCItem({ item, upper = item.depth, lower = item.depth }) {
+	const offset = getLineOffset(item.depth), upperOffset = getLineOffset(upper), lowerOffset = getLineOffset(lower);
+	return /* @__PURE__ */ jsxs(Primitive.TOCItem, {
+		href: item.url,
+		style: { paddingInlineStart: getItemOffset(item.depth) },
+		className: "prose relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary",
+		children: [
+			offset !== upperOffset && /* @__PURE__ */ jsx("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 16 16",
+				className: "absolute -top-1.5 start-0 size-4 rtl:-scale-x-100",
+				children: /* @__PURE__ */ jsx("line", {
+					x1: upperOffset,
+					y1: "0",
+					x2: offset,
+					y2: "12",
+					className: "stroke-fd-foreground/10",
+					strokeWidth: "1"
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: cn("absolute inset-y-0 w-px bg-fd-foreground/10", offset !== upperOffset && "top-1.5", offset !== lowerOffset && "bottom-1.5"),
+				style: { insetInlineStart: offset }
+			}),
+			item.title
+		]
+	});
 }
+
+//#endregion
+export { TOCItems };
+//# sourceMappingURL=clerk.js.map

package/dist/components/toc/clerk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clerk.js","names":["d: string[]","element: HTMLElement | null"],"sources":["../../../src/components/toc/clerk.tsx"],"sourcesContent":["'use client';\nimport * as Primitive from 'fumadocs-core/toc';\nimport { type ComponentProps, useEffect, useRef, useState } from 'react';\nimport { cn } from '@/cn';\nimport { TocThumb, useTOCItems } from '.';\nimport { mergeRefs } from '@/merge-refs';\nimport { useI18n } from '@/contexts/i18n';\n\nexport function TOCItems({ ref, className, ...props }: ComponentProps<'div'>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const items = useTOCItems();\n  const { text } = useI18n();\n\n  const [svg, setSvg] = useState<{\n    path: string;\n    width: number;\n    height: number;\n  }>();\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const container = containerRef.current;\n\n    function onResize(): void {\n      if (container.clientHeight === 0) return;\n      let w = 0,\n        h = 0;\n      const d: string[] = [];\n      for (let i = 0; i < items.length; i++) {\n        const element: HTMLElement | null = container.querySelector(\n          `a[href=\"#${items[i].url.slice(1)}\"]`,\n        );\n        if (!element) continue;\n\n        const styles = getComputedStyle(element);\n        const offset = getLineOffset(items[i].depth) + 1,\n          top = element.offsetTop + parseFloat(styles.paddingTop),\n          bottom = element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom);\n\n        w = Math.max(offset, w);\n        h = Math.max(h, bottom);\n\n        d.push(`${i === 0 ? 'M' : 'L'}${offset} ${top}`);\n        d.push(`L${offset} ${bottom}`);\n      }\n\n      setSvg({\n        path: d.join(' '),\n        width: w + 1,\n        height: h,\n      });\n    }\n\n    const observer = new ResizeObserver(onResize);\n    onResize();\n\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, [items]);\n\n  if (items.length === 0)\n    return (\n      <div className=\"rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground\">\n        {text.tocNoHeadings}\n      </div>\n    );\n\n  return (\n    <>\n      {svg && (\n        <div\n          className=\"absolute start-0 top-0 rtl:-scale-x-100\"\n          style={{\n            width: svg.width,\n            height: svg.height,\n            maskImage: `url(\"data:image/svg+xml,${\n              // Inline SVG\n              encodeURIComponent(\n                `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${svg.width} ${svg.height}\"><path d=\"${svg.path}\" stroke=\"black\" stroke-width=\"1\" fill=\"none\" /></svg>`,\n              )\n            }\")`,\n          }}\n        >\n          <TocThumb\n            containerRef={containerRef}\n            className=\"absolute w-full top-(--fd-top) h-(--fd-height) bg-fd-primary transition-[top,height] ease-linear duration-250\"\n          />\n        </div>\n      )}\n      <div ref={mergeRefs(containerRef, ref)} className={cn('flex flex-col', className)} {...props}>\n        {items.map((item, i) => (\n          <TOCItem\n            key={item.url}\n            item={item}\n            upper={items[i - 1]?.depth}\n            lower={items[i + 1]?.depth}\n          />\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction getItemOffset(depth: number): number {\n  if (depth <= 2) return 14;\n  if (depth === 3) return 26;\n  return 36;\n}\n\nfunction getLineOffset(depth: number): number {\n  return depth >= 3 ? 10 : 0;\n}\n\nfunction TOCItem({\n  item,\n  upper = item.depth,\n  lower = item.depth,\n}: {\n  item: Primitive.TOCItemType;\n  upper?: number;\n  lower?: number;\n}) {\n  const offset = getLineOffset(item.depth),\n    upperOffset = getLineOffset(upper),\n    lowerOffset = getLineOffset(lower);\n\n  return (\n    <Primitive.TOCItem\n      href={item.url}\n      style={{\n        paddingInlineStart: getItemOffset(item.depth),\n      }}\n      className=\"prose relative py-1.5 text-sm text-fd-muted-foreground hover:text-fd-accent-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary\"\n    >\n      {offset !== upperOffset && (\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 16 16\"\n          className=\"absolute -top-1.5 start-0 size-4 rtl:-scale-x-100\"\n        >\n          <line\n            x1={upperOffset}\n            y1=\"0\"\n            x2={offset}\n            y2=\"12\"\n            className=\"stroke-fd-foreground/10\"\n            strokeWidth=\"1\"\n          />\n        </svg>\n      )}\n      <div\n        className={cn(\n          'absolute inset-y-0 w-px bg-fd-foreground/10',\n          offset !== upperOffset && 'top-1.5',\n          offset !== lowerOffset && 'bottom-1.5',\n        )}\n        style={{\n          insetInlineStart: offset,\n        }}\n      />\n      {item.title}\n    </Primitive.TOCItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAQA,SAAgB,SAAS,EAAE,KAAK,WAAW,GAAG,SAAgC;CAC5E,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,QAAQ,aAAa;CAC3B,MAAM,EAAE,SAAS,SAAS;CAE1B,MAAM,CAAC,KAAK,UAAU,UAIlB;AAEJ,iBAAgB;AACd,MAAI,CAAC,aAAa,QAAS;EAC3B,MAAM,YAAY,aAAa;EAE/B,SAAS,WAAiB;AACxB,OAAI,UAAU,iBAAiB,EAAG;GAClC,IAAI,IAAI,GACN,IAAI;GACN,MAAMA,IAAc,EAAE;AACtB,QAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;IACrC,MAAMC,UAA8B,UAAU,cAC5C,YAAY,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC,IACnC;AACD,QAAI,CAAC,QAAS;IAEd,MAAM,SAAS,iBAAiB,QAAQ;IACxC,MAAM,SAAS,cAAc,MAAM,GAAG,MAAM,GAAG,GAC7C,MAAM,QAAQ,YAAY,WAAW,OAAO,WAAW,EACvD,SAAS,QAAQ,YAAY,QAAQ,eAAe,WAAW,OAAO,cAAc;AAEtF,QAAI,KAAK,IAAI,QAAQ,EAAE;AACvB,QAAI,KAAK,IAAI,GAAG,OAAO;AAEvB,MAAE,KAAK,GAAG,MAAM,IAAI,MAAM,MAAM,OAAO,GAAG,MAAM;AAChD,MAAE,KAAK,IAAI,OAAO,GAAG,SAAS;;AAGhC,UAAO;IACL,MAAM,EAAE,KAAK,IAAI;IACjB,OAAO,IAAI;IACX,QAAQ;IACT,CAAC;;EAGJ,MAAM,WAAW,IAAI,eAAe,SAAS;AAC7C,YAAU;AAEV,WAAS,QAAQ,UAAU;AAC3B,eAAa;AACX,YAAS,YAAY;;IAEtB,CAAC,MAAM,CAAC;AAEX,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC;EAAI,WAAU;YACZ,KAAK;GACF;AAGV,QACE,4CACG,OACC,oBAAC;EACC,WAAU;EACV,OAAO;GACL,OAAO,IAAI;GACX,QAAQ,IAAI;GACZ,WAAW,2BAET,mBACE,wDAAwD,IAAI,MAAM,GAAG,IAAI,OAAO,aAAa,IAAI,KAAK,wDACvG,CACF;GACF;YAED,oBAAC;GACe;GACd,WAAU;IACV;GACE,EAER,oBAAC;EAAI,KAAK,UAAU,cAAc,IAAI;EAAE,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;YACpF,MAAM,KAAK,MAAM,MAChB,oBAAC;GAEO;GACN,OAAO,MAAM,IAAI,IAAI;GACrB,OAAO,MAAM,IAAI,IAAI;KAHhB,KAAK,IAIV,CACF;GACE,IACL;;AAIP,SAAS,cAAc,OAAuB;AAC5C,KAAI,SAAS,EAAG,QAAO;AACvB,KAAI,UAAU,EAAG,QAAO;AACxB,QAAO;;AAGT,SAAS,cAAc,OAAuB;AAC5C,QAAO,SAAS,IAAI,KAAK;;AAG3B,SAAS,QAAQ,EACf,MACA,QAAQ,KAAK,OACb,QAAQ,KAAK,SAKZ;CACD,MAAM,SAAS,cAAc,KAAK,MAAM,EACtC,cAAc,cAAc,MAAM,EAClC,cAAc,cAAc,MAAM;AAEpC,QACE,qBAAC,UAAU;EACT,MAAM,KAAK;EACX,OAAO,EACL,oBAAoB,cAAc,KAAK,MAAM,EAC9C;EACD,WAAU;;GAET,WAAW,eACV,oBAAC;IACC,OAAM;IACN,SAAQ;IACR,WAAU;cAEV,oBAAC;KACC,IAAI;KACJ,IAAG;KACH,IAAI;KACJ,IAAG;KACH,WAAU;KACV,aAAY;MACZ;KACE;GAER,oBAAC;IACC,WAAW,GACT,+CACA,WAAW,eAAe,WAC1B,WAAW,eAAe,aAC3B;IACD,OAAO,EACL,kBAAkB,QACnB;KACD;GACD,KAAK;;GACY"}

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

@@ -1,3 +1,12 @@
-import { type ComponentProps } from 'react';
-export declare function TOCItems({ ref, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/toc/default.d.ts
+declare function TOCItems({
+  ref,
+  className,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TOCItems };
 //# sourceMappingURL=default.d.ts.map

package/dist/components/toc/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/components/toc/default.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAU,MAAM,OAAO,CAAC;AAKpD,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAgC3E"}
+{"version":3,"file":"default.d.ts","names":[],"sources":["../../../src/components/toc/default.tsx"],"sourcesContent":[],"mappings":";;;;iBAQgB,QAAA;;;;GAAuC,wBAAqB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/toc/default.js

@@ -1,19 +1,40 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../contexts/i18n.js';
-import { cn } from '../../cn.js';
-import { useRef } from 'react';
-import { mergeRefs } from '../../merge-refs.js';
-import { TocThumb, useTOCItems } from './index.js';
-import * as Primitive from 'fumadocs-core/toc';
-export function TOCItems({ ref, className, ...props }) {
-    const containerRef = useRef(null);
-    const items = useTOCItems();
-    const { text } = useI18n();
-    if (items.length === 0)
-        return (_jsx("div", { className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground", children: text.tocNoHeadings }));
-    return (_jsxs(_Fragment, { children: [_jsx(TocThumb, { containerRef: containerRef, className: "absolute top-0 translate-y-(--fd-top) h-(--fd-height) w-px bg-fd-primary transition-[translate,height] ease-linear" }), _jsx("div", { ref: mergeRefs(ref, containerRef), className: cn('flex flex-col border-s border-fd-foreground/10', className), ...props, children: items.map((item) => (_jsx(TOCItem, { item: item }, item.url))) })] }));
+
+import { cn } from "../../cn.js";
+import { useI18n } from "../../contexts/i18n.js";
+import { mergeRefs } from "../../merge-refs.js";
+import { TocThumb, useTOCItems } from "./index.js";
+import { useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as Primitive from "fumadocs-core/toc";
+
+//#region src/components/toc/default.tsx
+function TOCItems({ ref, className, ...props }) {
+	const containerRef = useRef(null);
+	const items = useTOCItems();
+	const { text } = useI18n();
+	if (items.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground",
+		children: text.tocNoHeadings
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TocThumb, {
+		containerRef,
+		className: "absolute top-(--fd-top) h-(--fd-height) w-0.5 rounded-e-sm bg-fd-primary transition-[top,height] ease-linear duration-250"
+	}), /* @__PURE__ */ jsx("div", {
+		ref: mergeRefs(ref, containerRef),
+		className: cn("flex flex-col border-s border-fd-foreground/10", className),
+		...props,
+		children: items.map((item) => /* @__PURE__ */ jsx(TOCItem, { item }, item.url))
+	})] });
 }
 function TOCItem({ item }) {
-    return (_jsx(Primitive.TOCItem, { href: item.url, className: cn('prose py-1.5 text-sm text-fd-muted-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary', item.depth <= 2 && 'ps-3', item.depth === 3 && 'ps-6', item.depth >= 4 && 'ps-8'), children: item.title }));
+	return /* @__PURE__ */ jsx(Primitive.TOCItem, {
+		href: item.url,
+		className: cn("prose py-1.5 text-sm text-fd-muted-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary", item.depth <= 2 && "ps-3", item.depth === 3 && "ps-6", item.depth >= 4 && "ps-8"),
+		children: item.title
+	});
 }
+
+//#endregion
+export { TOCItems };
+//# sourceMappingURL=default.js.map

package/dist/components/toc/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","names":[],"sources":["../../../src/components/toc/default.tsx"],"sourcesContent":["'use client';\nimport { useI18n } from '@/contexts/i18n';\nimport { cn } from '@/cn';\nimport { type ComponentProps, useRef } from 'react';\nimport { mergeRefs } from '@/merge-refs';\nimport { TocThumb, useTOCItems } from '.';\nimport * as Primitive from 'fumadocs-core/toc';\n\nexport function TOCItems({ ref, className, ...props }: ComponentProps<'div'>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const items = useTOCItems();\n  const { text } = useI18n();\n\n  if (items.length === 0)\n    return (\n      <div className=\"rounded-lg border bg-fd-card p-3 text-xs text-fd-muted-foreground\">\n        {text.tocNoHeadings}\n      </div>\n    );\n\n  return (\n    <>\n      <TocThumb\n        containerRef={containerRef}\n        className=\"absolute top-(--fd-top) h-(--fd-height) w-0.5 rounded-e-sm bg-fd-primary transition-[top,height] ease-linear duration-250\"\n      />\n      <div\n        ref={mergeRefs(ref, containerRef)}\n        className={cn('flex flex-col border-s border-fd-foreground/10', className)}\n        {...props}\n      >\n        {items.map((item) => (\n          <TOCItem key={item.url} item={item} />\n        ))}\n      </div>\n    </>\n  );\n}\n\nfunction TOCItem({ item }: { item: Primitive.TOCItemType }) {\n  return (\n    <Primitive.TOCItem\n      href={item.url}\n      className={cn(\n        'prose py-1.5 text-sm text-fd-muted-foreground transition-colors wrap-anywhere first:pt-0 last:pb-0 data-[active=true]:text-fd-primary',\n        item.depth <= 2 && 'ps-3',\n        item.depth === 3 && 'ps-6',\n        item.depth >= 4 && 'ps-8',\n      )}\n    >\n      {item.title}\n    </Primitive.TOCItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAQA,SAAgB,SAAS,EAAE,KAAK,WAAW,GAAG,SAAgC;CAC5E,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,QAAQ,aAAa;CAC3B,MAAM,EAAE,SAAS,SAAS;AAE1B,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC;EAAI,WAAU;YACZ,KAAK;GACF;AAGV,QACE,4CACE,oBAAC;EACe;EACd,WAAU;GACV,EACF,oBAAC;EACC,KAAK,UAAU,KAAK,aAAa;EACjC,WAAW,GAAG,kDAAkD,UAAU;EAC1E,GAAI;YAEH,MAAM,KAAK,SACV,oBAAC,WAA6B,QAAhB,KAAK,IAAmB,CACtC;GACE,IACL;;AAIP,SAAS,QAAQ,EAAE,QAAyC;AAC1D,QACE,oBAAC,UAAU;EACT,MAAM,KAAK;EACX,WAAW,GACT,yIACA,KAAK,SAAS,KAAK,QACnB,KAAK,UAAU,KAAK,QACpB,KAAK,SAAS,KAAK,OACpB;YAEA,KAAK;GACY"}

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

@@ -1,11 +1,26 @@
-import * as Primitive from 'fumadocs-core/toc';
-import { type ComponentProps, type RefObject } from 'react';
-export declare function useTOCItems(): Primitive.TOCItemType[];
-export declare function TOCProvider({ toc, children, ...props }: ComponentProps<typeof Primitive.AnchorProvider>): import("react/jsx-runtime").JSX.Element;
-export declare function TOCScrollArea({ ref, className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+import { ComponentProps, RefObject } from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as Primitive from "fumadocs-core/toc";
+
+//#region src/components/toc/index.d.ts
+declare function useTOCItems(): Primitive.TOCItemType[];
+declare function TOCProvider({
+  toc,
+  children,
+  ...props
+}: ComponentProps<typeof Primitive.AnchorProvider>): react_jsx_runtime1.JSX.Element;
+declare function TOCScrollArea({
+  ref,
+  className,
+  ...props
+}: ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
 interface RefProps {
-    containerRef: RefObject<HTMLElement | null>;
+  containerRef: RefObject<HTMLElement | null>;
 }
-export declare function TocThumb({ containerRef, ...props }: ComponentProps<'div'> & RefProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function TocThumb({
+  containerRef,
+  ...props
+}: ComponentProps<'div'> & RefProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { TOCProvider, TOCScrollArea, TocThumb, useTOCItems };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toc/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,SAAS,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAOf,wBAAgB,WAAW,IAAI,SAAS,CAAC,WAAW,EAAE,CAErD;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,cAAc,CAAC,2CAQjD;AAED,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAiBvB;AAID,UAAU,QAAQ;IAChB,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC7C;AAED,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,QAAQ,2CAmClC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/toc/index.tsx"],"sourcesContent":[],"mappings":";;;;;iBAiBgB,WAAA,CAAA,GAAe,SAAA,CAAU;iBAIzB,WAAA;;;;GAIb,sBAAsB,SAAA,CAAU,kBAAe,kBAAA,CAAA,GAAA,CAAA;iBAUlC,aAAA;;;;GAA4C,wBAAqB,kBAAA,CAAA,GAAA,CAAA;AAlBjF,UAqCU,QAAA,CArCiB;EAIX,YAAA,EAkCA,SAlCW,CAkCD,WAlCC,GAAA,IAAA,CAAA;;AAEzB,iBAmCc,QAAA,CAnCd;EAAA,YAAA;EAAA,GAAA;AAAA,CAAA,EAmCmD,cAnCnD,CAAA,KAAA,CAAA,GAmC2E,QAnC3E,CAAA,EAmCmF,kBAAA,CAAA,GAAA,CAAA,OAnCnF"}

package/dist/components/toc/index.js

@@ -1,67 +1,82 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as Primitive from 'fumadocs-core/toc';
-import { createContext, use, useEffect, useEffectEvent, useRef, } from 'react';
-import { cn } from '../../cn.js';
-import { mergeRefs } from '../../merge-refs.js';
-import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+
+import { cn } from "../../cn.js";
+import { mergeRefs } from "../../merge-refs.js";
+import { createContext, use, useEffect, useEffectEvent, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as Primitive from "fumadocs-core/toc";
+import { useOnChange } from "fumadocs-core/utils/use-on-change";
+
+//#region src/components/toc/index.tsx
 const TOCContext = createContext([]);
-export function useTOCItems() {
-    return use(TOCContext);
+function useTOCItems() {
+	return use(TOCContext);
 }
-export function TOCProvider({ toc, children, ...props }) {
-    return (_jsx(TOCContext, { value: toc, children: _jsx(Primitive.AnchorProvider, { toc: toc, ...props, children: children }) }));
+function TOCProvider({ toc, children, ...props }) {
+	return /* @__PURE__ */ jsx(TOCContext, {
+		value: toc,
+		children: /* @__PURE__ */ jsx(Primitive.AnchorProvider, {
+			toc,
+			...props,
+			children
+		})
+	});
 }
-export function TOCScrollArea({ ref, className, ...props }) {
-    const viewRef = useRef(null);
-    return (_jsx("div", { ref: mergeRefs(viewRef, ref), className: cn('relative min-h-0 text-sm ms-px overflow-auto [scrollbar-width:none] mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] py-3', className), ...props, children: _jsx(Primitive.ScrollProvider, { containerRef: viewRef, children: props.children }) }));
+function TOCScrollArea({ ref, className, ...props }) {
+	const viewRef = useRef(null);
+	return /* @__PURE__ */ jsx("div", {
+		ref: mergeRefs(viewRef, ref),
+		className: cn("relative min-h-0 text-sm ms-px overflow-auto [scrollbar-width:none] mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] py-3", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Primitive.ScrollProvider, {
+			containerRef: viewRef,
+			children: props.children
+		})
+	});
 }
-export function TocThumb({ containerRef, ...props }) {
-    const thumbRef = useRef(null);
-    const active = Primitive.useActiveAnchors();
-    function update(info) {
-        const element = thumbRef.current;
-        if (!element)
-            return;
-        element.style.setProperty('--fd-top', `${info[0]}px`);
-        element.style.setProperty('--fd-height', `${info[1]}px`);
-    }
-    const onPrint = useEffectEvent(() => {
-        if (containerRef.current) {
-            update(calc(containerRef.current, active));
-        }
-    });
-    useEffect(() => {
-        if (!containerRef.current)
-            return;
-        const container = containerRef.current;
-        const observer = new ResizeObserver(onPrint);
-        observer.observe(container);
-        return () => {
-            observer.disconnect();
-        };
-    }, [containerRef]);
-    useOnChange(active, () => {
-        if (containerRef.current) {
-            update(calc(containerRef.current, active));
-        }
-    });
-    return _jsx("div", { ref: thumbRef, role: "none", ...props });
+function TocThumb({ containerRef, ...props }) {
+	const thumbRef = useRef(null);
+	const active = Primitive.useActiveAnchors();
+	function update(info) {
+		const element = thumbRef.current;
+		if (!element) return;
+		element.style.setProperty("--fd-top", `${info[0]}px`);
+		element.style.setProperty("--fd-height", `${info[1]}px`);
+	}
+	const onPrint = useEffectEvent(() => {
+		if (containerRef.current) update(calc(containerRef.current, active));
+	});
+	useEffect(() => {
+		if (!containerRef.current) return;
+		const container = containerRef.current;
+		const observer = new ResizeObserver(onPrint);
+		observer.observe(container);
+		return () => {
+			observer.disconnect();
+		};
+	}, [containerRef]);
+	useOnChange(active, () => {
+		if (containerRef.current) update(calc(containerRef.current, active));
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref: thumbRef,
+		"data-hidden": active.length === 0,
+		...props
+	});
 }
 function calc(container, active) {
-    if (active.length === 0 || container.clientHeight === 0) {
-        return [0, 0];
-    }
-    let upper = Number.MAX_VALUE, lower = 0;
-    for (const item of active) {
-        const element = container.querySelector(`a[href="#${item}"]`);
-        if (!element)
-            continue;
-        const styles = getComputedStyle(element);
-        upper = Math.min(upper, element.offsetTop + parseFloat(styles.paddingTop));
-        lower = Math.max(lower, element.offsetTop +
-            element.clientHeight -
-            parseFloat(styles.paddingBottom));
-    }
-    return [upper, lower - upper];
+	if (active.length === 0 || container.clientHeight === 0) return [0, 0];
+	let upper = Number.MAX_VALUE, lower = 0;
+	for (const item of active) {
+		const element = container.querySelector(`a[href="#${item}"]`);
+		if (!element) continue;
+		const styles = getComputedStyle(element);
+		upper = Math.min(upper, element.offsetTop + parseFloat(styles.paddingTop));
+		lower = Math.max(lower, element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom));
+	}
+	return [upper, lower - upper];
 }
+
+//#endregion
+export { TOCProvider, TOCScrollArea, TocThumb, useTOCItems };
+//# sourceMappingURL=index.js.map

package/dist/components/toc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/toc/index.tsx"],"sourcesContent":["'use client';\nimport * as Primitive from 'fumadocs-core/toc';\nimport {\n  type ComponentProps,\n  createContext,\n  type RefObject,\n  use,\n  useEffect,\n  useEffectEvent,\n  useRef,\n} from 'react';\nimport { cn } from '@/cn';\nimport { mergeRefs } from '@/merge-refs';\nimport { useOnChange } from 'fumadocs-core/utils/use-on-change';\n\nconst TOCContext = createContext<Primitive.TOCItemType[]>([]);\n\nexport function useTOCItems(): Primitive.TOCItemType[] {\n  return use(TOCContext);\n}\n\nexport function TOCProvider({\n  toc,\n  children,\n  ...props\n}: ComponentProps<typeof Primitive.AnchorProvider>) {\n  return (\n    <TOCContext value={toc}>\n      <Primitive.AnchorProvider toc={toc} {...props}>\n        {children}\n      </Primitive.AnchorProvider>\n    </TOCContext>\n  );\n}\n\nexport function TOCScrollArea({ ref, className, ...props }: ComponentProps<'div'>) {\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <div\n      ref={mergeRefs(viewRef, ref)}\n      className={cn(\n        'relative min-h-0 text-sm ms-px overflow-auto [scrollbar-width:none] mask-[linear-gradient(to_bottom,transparent,white_16px,white_calc(100%-16px),transparent)] py-3',\n        className,\n      )}\n      {...props}\n    >\n      <Primitive.ScrollProvider containerRef={viewRef}>{props.children}</Primitive.ScrollProvider>\n    </div>\n  );\n}\n\ntype TocThumbType = [top: number, height: number];\n\ninterface RefProps {\n  containerRef: RefObject<HTMLElement | null>;\n}\n\nexport function TocThumb({ containerRef, ...props }: ComponentProps<'div'> & RefProps) {\n  const thumbRef = useRef<HTMLDivElement>(null);\n  const active = Primitive.useActiveAnchors();\n  function update(info: TocThumbType): void {\n    const element = thumbRef.current;\n    if (!element) return;\n    element.style.setProperty('--fd-top', `${info[0]}px`);\n    element.style.setProperty('--fd-height', `${info[1]}px`);\n  }\n\n  const onPrint = useEffectEvent(() => {\n    if (containerRef.current) {\n      update(calc(containerRef.current, active));\n    }\n  });\n\n  useEffect(() => {\n    if (!containerRef.current) return;\n    const container = containerRef.current;\n\n    const observer = new ResizeObserver(onPrint);\n    observer.observe(container);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [containerRef]);\n\n  useOnChange(active, () => {\n    if (containerRef.current) {\n      update(calc(containerRef.current, active));\n    }\n  });\n\n  return <div ref={thumbRef} data-hidden={active.length === 0} {...props} />;\n}\n\nfunction calc(container: HTMLElement, active: string[]): TocThumbType {\n  if (active.length === 0 || container.clientHeight === 0) {\n    return [0, 0];\n  }\n\n  let upper = Number.MAX_VALUE,\n    lower = 0;\n\n  for (const item of active) {\n    const element = container.querySelector<HTMLElement>(`a[href=\"#${item}\"]`);\n    if (!element) continue;\n\n    const styles = getComputedStyle(element);\n    upper = Math.min(upper, element.offsetTop + parseFloat(styles.paddingTop));\n    lower = Math.max(\n      lower,\n      element.offsetTop + element.clientHeight - parseFloat(styles.paddingBottom),\n    );\n  }\n\n  return [upper, lower - upper];\n}\n"],"mappings":";;;;;;;;;;AAeA,MAAM,aAAa,cAAuC,EAAE,CAAC;AAE7D,SAAgB,cAAuC;AACrD,QAAO,IAAI,WAAW;;AAGxB,SAAgB,YAAY,EAC1B,KACA,UACA,GAAG,SAC+C;AAClD,QACE,oBAAC;EAAW,OAAO;YACjB,oBAAC,UAAU;GAAoB;GAAK,GAAI;GACrC;IACwB;GAChB;;AAIjB,SAAgB,cAAc,EAAE,KAAK,WAAW,GAAG,SAAgC;CACjF,MAAM,UAAU,OAAuB,KAAK;AAE5C,QACE,oBAAC;EACC,KAAK,UAAU,SAAS,IAAI;EAC5B,WAAW,GACT,uKACA,UACD;EACD,GAAI;YAEJ,oBAAC,UAAU;GAAe,cAAc;aAAU,MAAM;IAAoC;GACxF;;AAUV,SAAgB,SAAS,EAAE,cAAc,GAAG,SAA2C;CACrF,MAAM,WAAW,OAAuB,KAAK;CAC7C,MAAM,SAAS,UAAU,kBAAkB;CAC3C,SAAS,OAAO,MAA0B;EACxC,MAAM,UAAU,SAAS;AACzB,MAAI,CAAC,QAAS;AACd,UAAQ,MAAM,YAAY,YAAY,GAAG,KAAK,GAAG,IAAI;AACrD,UAAQ,MAAM,YAAY,eAAe,GAAG,KAAK,GAAG,IAAI;;CAG1D,MAAM,UAAU,qBAAqB;AACnC,MAAI,aAAa,QACf,QAAO,KAAK,aAAa,SAAS,OAAO,CAAC;GAE5C;AAEF,iBAAgB;AACd,MAAI,CAAC,aAAa,QAAS;EAC3B,MAAM,YAAY,aAAa;EAE/B,MAAM,WAAW,IAAI,eAAe,QAAQ;AAC5C,WAAS,QAAQ,UAAU;AAE3B,eAAa;AACX,YAAS,YAAY;;IAEtB,CAAC,aAAa,CAAC;AAElB,aAAY,cAAc;AACxB,MAAI,aAAa,QACf,QAAO,KAAK,aAAa,SAAS,OAAO,CAAC;GAE5C;AAEF,QAAO,oBAAC;EAAI,KAAK;EAAU,eAAa,OAAO,WAAW;EAAG,GAAI;GAAS;;AAG5E,SAAS,KAAK,WAAwB,QAAgC;AACpE,KAAI,OAAO,WAAW,KAAK,UAAU,iBAAiB,EACpD,QAAO,CAAC,GAAG,EAAE;CAGf,IAAI,QAAQ,OAAO,WACjB,QAAQ;AAEV,MAAK,MAAM,QAAQ,QAAQ;EACzB,MAAM,UAAU,UAAU,cAA2B,YAAY,KAAK,IAAI;AAC1E,MAAI,CAAC,QAAS;EAEd,MAAM,SAAS,iBAAiB,QAAQ;AACxC,UAAQ,KAAK,IAAI,OAAO,QAAQ,YAAY,WAAW,OAAO,WAAW,CAAC;AAC1E,UAAQ,KAAK,IACX,OACA,QAAQ,YAAY,QAAQ,eAAe,WAAW,OAAO,cAAc,CAC5E;;AAGH,QAAO,CAAC,OAAO,QAAQ,MAAM"}