fumadocs-ui 14.2.1 → 14.3.1

package/dist/components/layout/toc-clerk.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Primitive from 'fumadocs-core/toc';
+import { useEffect, useRef, useState } from 'react';
+import { cn } from '../../utils/cn';
+import { useI18n } from '../../contexts/i18n';
+import { TocThumb } from '../../components/layout/toc-thumb';
+import { ScrollArea, ScrollViewport } from '../ui/scroll-area';
+export default function ClerkTOCItems({ items, isMenu = false, }) {
+    const { text } = useI18n();
+    const viewRef = useRef(null);
+    const containerRef = useRef(null);
+    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 (_jsx(ScrollArea, { className: cn('flex flex-col', isMenu && '-ms-3'), children: _jsxs(ScrollViewport, { className: "relative min-h-0", ref: viewRef, 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: "mt-[var(--fd-top)] h-[var(--fd-height)] bg-fd-primary transition-all" }) })) : null, _jsx(Primitive.ScrollProvider, { containerRef: viewRef, children: _jsx("div", { className: "flex flex-col", ref: containerRef, children: items.map((item, i) => (_jsx(TOCItem, { item: item, upper: items[i - 1]?.depth, lower: items[i + 1]?.depth }, item.url))) }) })] }) }));
+}
+function getItemOffset(depth) {
+    if (depth <= 2)
+        return 16;
+    if (depth === 3)
+        return 32;
+    return 48;
+}
+function getLineOffset(depth) {
+    return depth >= 3 ? 12 : 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-2 text-sm text-fd-muted-foreground transition-colors [overflow-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-2 start-0 size-4 rtl:-scale-x-100", children: _jsx("line", { x1: upperOffset, y1: "0", x2: offset, y2: "16", className: "stroke-fd-foreground/10", strokeWidth: "1" }) })) : null, _jsx("div", { className: cn('absolute inset-y-0 w-px bg-fd-foreground/10', offset !== upperOffset && 'top-2', offset !== lowerOffset && 'bottom-2'), style: {
+                    insetInlineStart: offset,
+                } }), item.title] }));
+}

package/dist/components/layout/toc-popover.d.ts

@@ -0,0 +1,8 @@
+import type { TOCItemType } from 'fumadocs-core/server';
+import type { PopoverContentProps, PopoverTriggerProps } from '@radix-ui/react-popover';
+export declare const TocPopover: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
+export declare function TocPopoverTrigger({ items, ...props }: PopoverTriggerProps & {
+    items: TOCItemType[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TocPopoverContent(props: PopoverContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toc-popover.d.ts.map

package/dist/components/layout/toc-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc-popover.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-popover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASxD,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAEjC,eAAO,MAAM,UAAU,oEAAU,CAAC;AAElC,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG;IAAE,KAAK,EAAE,WAAW,EAAE,CAAA;CAAE,2CAyBhD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,2CAiB3D"}

package/dist/components/layout/toc-popover.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { cn } from '../../utils/cn';
+import { useI18n } from '../../contexts/i18n';
+import * as Primitive from 'fumadocs-core/toc';
+import { ChevronRight, Text } from 'lucide-react';
+import { Popover, PopoverContent, PopoverTrigger, } from '../../components/ui/popover';
+export const TocPopover = Popover;
+export function TocPopoverTrigger({ items, ...props }) {
+    const { text } = useI18n();
+    const active = Primitive.useActiveAnchor();
+    const current = useMemo(() => {
+        return items.find((item) => active === item.url.slice(1))?.title;
+    }, [items, active]);
+    return (_jsxs(PopoverTrigger, { ...props, className: cn('inline-flex items-center gap-2 text-nowrap px-4 py-2 text-start md:px-3', props.className), children: [_jsx(Text, { className: "size-4 shrink-0" }), text.toc, current ? (_jsxs(_Fragment, { children: [_jsx(ChevronRight, { className: "-mx-1.5 size-4 shrink-0 text-fd-muted-foreground" }), _jsx("span", { className: "truncate text-fd-muted-foreground", children: current })] })) : null] }));
+}
+export function TocPopoverContent(props) {
+    return (_jsx(PopoverContent, { hideWhenDetached: true, alignOffset: 16, align: "start", side: "bottom", "data-toc-popover": "", ...props, className: cn('flex max-h-[var(--radix-popover-content-available-height)] w-[260px] flex-col gap-4 p-3', props.className), children: props.children }));
+}

package/dist/components/layout/toc-thumb.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLAttributes, type ReactNode, type RefObject } from 'react';
+export type TOCThumb = [top: number, height: number];
+export declare function TocThumb({ containerRef, ...props }: HTMLAttributes<HTMLDivElement> & {
+    containerRef: RefObject<HTMLElement>;
+}): ReactNode;
+//# sourceMappingURL=toc-thumb.d.ts.map

package/dist/components/layout/toc-thumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc-thumb.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc-thumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAgCrD,wBAAgB,QAAQ,CAAC,EACvB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC,YAAY,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;CACtC,GAAG,SAAS,CAgCZ"}

package/dist/components/layout/toc-thumb.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, } from 'react';
+import * as Primitive from 'fumadocs-core/toc';
+import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+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];
+}
+function update(element, info) {
+    element.style.setProperty('--fd-top', `${info[0]}px`);
+    element.style.setProperty('--fd-height', `${info[1]}px`);
+}
+export function TocThumb({ containerRef, ...props }) {
+    const active = Primitive.useActiveAnchors();
+    const thumbRef = useRef(null);
+    const activeRef = useRef(active);
+    activeRef.current = active;
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        const container = containerRef.current;
+        const onResize = () => {
+            if (!thumbRef.current)
+                return;
+            update(thumbRef.current, calc(container, activeRef.current));
+        };
+        onResize();
+        const observer = new ResizeObserver(onResize);
+        observer.observe(container);
+        return () => {
+            observer.disconnect();
+        };
+    }, [containerRef]);
+    useOnChange(active, () => {
+        if (!containerRef.current || !thumbRef.current)
+            return;
+        update(thumbRef.current, calc(containerRef.current, active));
+    });
+    return _jsx("div", { ref: thumbRef, role: "none", ...props });
+}

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

@@ -0,0 +1,19 @@
+import type { TOCItemType } from 'fumadocs-core/server';
+import { type HTMLAttributes, type ReactNode } from 'react';
+export interface TOCProps {
+    /**
+     * Custom content in TOC container, before the main TOC
+     */
+    header?: ReactNode;
+    /**
+     * Custom content in TOC container, after the main TOC
+     */
+    footer?: ReactNode;
+    children: ReactNode;
+}
+export declare function Toc(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function TOCItems({ items, isMenu, }: {
+    items: TOCItemType[];
+    isMenu?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=toc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toc.d.ts","sourceRoot":"","sources":["../../../src/components/layout/toc.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAMpE,MAAM,WAAW,QAAQ;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAoBxD;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAc,GACf,EAAE;IACD,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CAmCA"}

package/dist/components/layout/toc.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Primitive from 'fumadocs-core/toc';
+import { useRef } from 'react';
+import { cn } from '../../utils/cn';
+import { useI18n } from '../../contexts/i18n';
+import { TocThumb } from '../../components/layout/toc-thumb';
+import { ScrollArea, ScrollViewport } from '../ui/scroll-area';
+export function Toc(props) {
+    return (_jsx("div", { ...props, "data-toc": "", className: cn('sticky top-fd-layout-top h-[var(--fd-toc-height)] flex-1 pb-2 pe-2 pt-12 max-lg:hidden', props.className), style: {
+            ...props.style,
+            '--fd-toc-height': 'calc(100dvh - var(--fd-banner-height) - var(--fd-nav-height))',
+        }, children: props.children }));
+}
+export function TOCItems({ items, isMenu = false, }) {
+    const { text } = useI18n();
+    const containerRef = useRef(null);
+    const viewRef = useRef(null);
+    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 (_jsx(ScrollArea, { className: cn('flex flex-col', isMenu && '-ms-3'), children: _jsx(Primitive.ScrollProvider, { containerRef: viewRef, children: _jsxs(ScrollViewport, { className: "relative min-h-0 text-sm", ref: viewRef, children: [_jsx(TocThumb, { containerRef: containerRef, className: "absolute start-0 mt-[var(--fd-top)] h-[var(--fd-height)] w-px bg-fd-primary transition-all" }), _jsx("div", { ref: containerRef, className: cn('flex flex-col', !isMenu && 'border-s border-fd-foreground/10'), children: items.map((item) => (_jsx(TOCItem, { item: 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 [overflow-wrap:anywhere] first:pt-0 last:pb-0 data-[active=true]:text-fd-primary', item.depth <= 2 && 'ps-3.5', item.depth === 3 && 'ps-6', item.depth >= 4 && 'ps-8'), children: item.title }));
+}

package/dist/components/registry.d.ts

@@ -0,0 +1,3 @@
+import type { Registry } from '@fumadocs/cli/build';
+export declare const registry: Registry;
+//# sourceMappingURL=registry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/components/registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AASpD,eAAO,MAAM,QAAQ,EAAE,QA8DtB,CAAC"}

package/dist/components/registry.js

@@ -0,0 +1,70 @@
+import { fileURLToPath } from 'node:url';
+const contextsMap = {
+    '../contexts/sidebar.tsx': 'fumadocs-ui/provider',
+    '../contexts/search.tsx': 'fumadocs-ui/provider',
+    '../contexts/tree.tsx': 'fumadocs-ui/provider',
+    '../contexts/i18n.tsx': 'fumadocs-ui/provider',
+};
+export const registry = {
+    path: fileURLToPath(import.meta.url),
+    rootDir: '../../',
+    namespaces: {
+        '': 'components',
+        '../utils': 'lib',
+        '../layouts': 'components',
+    },
+    components: [
+        {
+            name: 'layout/root-toggle',
+            files: ['layout/root-toggle.tsx'],
+            mapImportPath: contextsMap,
+        },
+        {
+            name: 'layout/language-toggle',
+            files: ['layout/language-toggle.tsx'],
+            mapImportPath: contextsMap,
+        },
+        {
+            name: 'layouts/docs',
+            files: ['../layouts/docs.tsx'],
+            mapImportPath: contextsMap,
+        },
+        {
+            name: 'layouts/home',
+            files: ['../layouts/home.tsx'],
+            mapImportPath: contextsMap,
+        },
+        { name: 'accordion', files: ['accordion.tsx'] },
+        { name: 'banner', files: ['banner.tsx'] },
+        { name: 'callout', files: ['callout.tsx'] },
+        { name: 'card', files: ['card.tsx'] },
+        { name: 'codeblock', files: ['codeblock.tsx'] },
+        { name: 'files', files: ['files.tsx'] },
+        { name: 'heading', files: ['heading.tsx'] },
+        {
+            name: 'image-zoom',
+            description: 'Zoomable Image',
+            files: ['image-zoom.tsx', 'image-zoom.css'],
+        },
+        { name: 'inline-toc', files: ['inline-toc.tsx'] },
+        { name: 'steps', files: ['steps.tsx'] },
+        { name: 'tabs', files: ['tabs.tsx'] },
+        { name: 'type-table', files: ['type-table.tsx'] },
+        {
+            name: 'button',
+            unlisted: true,
+            files: ['ui/button.tsx'],
+        },
+    ],
+    dependencies: {
+        'fumadocs-core': {
+            type: 'runtime',
+        },
+        'fumadocs-ui': {
+            type: 'runtime',
+        },
+        next: {
+            type: 'runtime',
+        },
+    },
+};

package/dist/components/steps.d.ts

@@ -1,10 +1,8 @@
-import { ReactNode } from 'react';
-
-declare function Steps({ children, }: {
+import type { ReactNode } from 'react';
+export declare function Steps({ children, }: {
     children: ReactNode;
 }): React.ReactElement;
-declare function Step({ children, }: {
+export declare function Step({ children, }: {
     children: ReactNode;
 }): React.ReactElement;
-
-export { Step, Steps };
+//# sourceMappingURL=steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/components/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wBAAgB,KAAK,CAAC,EACpB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAErB;AAED,wBAAgB,IAAI,CAAC,EACnB,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAErB"}

package/dist/components/steps.js

@@ -1,18 +1,7 @@
-import "../chunk-MLKGABMK.js";
-
-// src/components/steps.tsx
-import { jsx } from "react/jsx-runtime";
-function Steps({
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "steps", children });
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Steps({ children, }) {
+    return _jsx("div", { className: "steps", children: children });
 }
-function Step({
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "step", children });
+export function Step({ children, }) {
+    return _jsx("div", { className: "step", children: children });
 }
-export {
-  Step,
-  Steps
-};

package/dist/components/tabs.d.ts

@@ -1,20 +1,7 @@
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { TabsProps as TabsProps$1, TabsContentProps } from '@radix-ui/react-tabs';
-import * as react from 'react';
-
-declare const Tabs$1: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const tabs_TabsContent: typeof TabsContent;
-declare const tabs_TabsList: typeof TabsList;
-declare const tabs_TabsTrigger: typeof TabsTrigger;
-declare namespace tabs {
-  export { Tabs$1 as Tabs, tabs_TabsContent as TabsContent, tabs_TabsList as TabsList, tabs_TabsTrigger as TabsTrigger };
-}
-
-interface TabsProps extends TabsProps$1 {
+import type { TabsContentProps, TabsProps as BaseProps } from '@radix-ui/react-tabs';
+import * as Primitive from './ui/tabs';
+export { Primitive };
+export interface TabsProps extends BaseProps {
     /**
      * Identifier for Sharing value of tabs
      */
@@ -29,7 +16,6 @@ interface TabsProps extends TabsProps$1 {
     defaultIndex?: number;
     items?: string[];
 }
-declare function Tabs({ groupId, items, persist, defaultIndex, ...props }: TabsProps): React.ReactElement;
-declare function Tab({ value, className, ...props }: TabsContentProps): React.ReactElement;
-
-export { tabs as Primitive, Tab, Tabs, type TabsProps };
+export declare function Tabs({ groupId, items, persist, defaultIndex, ...props }: TabsProps): React.ReactElement;
+export declare function Tab({ value, className, ...props }: TabsContentProps): React.ReactElement;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,gBAAgB,EAChB,SAAS,IAAI,SAAS,EACvB,MAAM,sBAAsB,CAAC;AAY9B,OAAO,KAAK,SAAS,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,CAAC;AAmBrB,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAID,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,KAAU,EACV,OAAe,EACf,YAAgB,EAChB,GAAG,KAAK,EACT,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CA2DhC;AAMD,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,KAAK,CAAC,YAAY,CAsBvC"}

package/dist/components/tabs.js

@@ -1,179 +1,69 @@
-"use client";
-import {
-  twMerge
-} from "../chunk-TK3TM3MR.js";
-import {
-  __export
-} from "../chunk-MLKGABMK.js";
-
-// src/components/tabs.tsx
-import {
-  useMemo,
-  useState,
-  useCallback,
-  createContext,
-  useContext,
-  useRef,
-  useLayoutEffect,
-  useEffect
-} from "react";
-
-// src/components/ui/tabs.tsx
-var tabs_exports = {};
-__export(tabs_exports, {
-  Tabs: () => Tabs,
-  TabsContent: () => TabsContent,
-  TabsList: () => TabsList,
-  TabsTrigger: () => TabsTrigger
-});
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Tabs = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.Root,
-    {
-      ref,
-      ...props,
-      className: twMerge(
-        "flex flex-col overflow-hidden rounded-xl border bg-fd-card",
-        props.className
-      )
-    }
-  );
-});
-Tabs.displayName = "Tabs";
-var TabsList = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.List,
-  {
-    ref,
-    ...props,
-    className: twMerge(
-      "flex flex-row items-end gap-4 overflow-x-auto bg-fd-secondary px-4 text-fd-muted-foreground",
-      props.className
-    )
-  }
-));
-TabsList.displayName = "TabsList";
-var TabsTrigger = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    ...props,
-    className: twMerge(
-      "whitespace-nowrap border-b border-transparent py-2 text-sm font-medium transition-colors hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-fd-primary data-[state=active]:text-fd-primary",
-      props.className
-    )
-  }
-));
-TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Content,
-  {
-    ref,
-    ...props,
-    className: twMerge("p-4", props.className)
-  }
-));
-TabsContent.displayName = "TabsContent";
-
-// src/components/tabs.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var listeners = /* @__PURE__ */ new Map();
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState, useCallback, createContext, useContext, useRef, useLayoutEffect, useEffect, } from 'react';
+import { cn } from '../utils/cn';
+import * as Primitive from './ui/tabs';
+export { Primitive };
+const listeners = new Map();
 function addChangeListener(id, listener) {
-  const list = listeners.get(id) ?? [];
-  list.push(listener);
-  listeners.set(id, list);
+    const list = listeners.get(id) ?? [];
+    list.push(listener);
+    listeners.set(id, list);
 }
 function removeChangeListener(id, listener) {
-  const list = listeners.get(id) ?? [];
-  listeners.set(
-    id,
-    list.filter((item) => item !== listener)
-  );
+    const list = listeners.get(id) ?? [];
+    listeners.set(id, list.filter((item) => item !== listener));
 }
-var ValueChangeContext = createContext(() => void 0);
-function Tabs2({
-  groupId,
-  items = [],
-  persist = false,
-  defaultIndex = 0,
-  ...props
-}) {
-  const values = useMemo(() => items.map((item) => toValue(item)), [items]);
-  const [value, setValue] = useState(values[defaultIndex]);
-  const valuesRef = useRef(values);
-  valuesRef.current = values;
-  useLayoutEffect(() => {
-    if (!groupId) return;
-    const onUpdate = (v) => {
-      if (valuesRef.current.includes(v)) setValue(v);
-    };
-    const previous = persist ? localStorage.getItem(groupId) : sessionStorage.getItem(groupId);
-    if (previous) onUpdate(previous);
-    addChangeListener(groupId, onUpdate);
-    return () => {
-      removeChangeListener(groupId, onUpdate);
-    };
-  }, [groupId, persist]);
-  const onValueChange = useCallback(
-    (v) => {
-      if (groupId) {
-        listeners.get(groupId)?.forEach((item) => {
-          item(v);
-        });
-        if (persist) localStorage.setItem(groupId, v);
-        else sessionStorage.setItem(groupId, v);
-      } else {
-        setValue(v);
-      }
-    },
-    [groupId, persist]
-  );
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      value,
-      onValueChange,
-      ...props,
-      className: twMerge("my-4", props.className),
-      children: [
-        /* @__PURE__ */ jsx2(TabsList, { children: values.map((v, i) => /* @__PURE__ */ jsx2(TabsTrigger, { value: v, children: items[i] }, v)) }),
-        /* @__PURE__ */ jsx2(ValueChangeContext.Provider, { value: onValueChange, children: props.children })
-      ]
-    }
-  );
+const ValueChangeContext = createContext(() => undefined);
+export function Tabs({ groupId, items = [], persist = false, defaultIndex = 0, ...props }) {
+    const values = useMemo(() => items.map((item) => toValue(item)), [items]);
+    const [value, setValue] = useState(values[defaultIndex]);
+    const valuesRef = useRef(values);
+    valuesRef.current = values;
+    useLayoutEffect(() => {
+        if (!groupId)
+            return;
+        const onUpdate = (v) => {
+            if (valuesRef.current.includes(v))
+                setValue(v);
+        };
+        const previous = persist
+            ? localStorage.getItem(groupId)
+            : sessionStorage.getItem(groupId);
+        if (previous)
+            onUpdate(previous);
+        addChangeListener(groupId, onUpdate);
+        return () => {
+            removeChangeListener(groupId, onUpdate);
+        };
+    }, [groupId, persist]);
+    const onValueChange = useCallback((v) => {
+        if (groupId) {
+            listeners.get(groupId)?.forEach((item) => {
+                item(v);
+            });
+            if (persist)
+                localStorage.setItem(groupId, v);
+            else
+                sessionStorage.setItem(groupId, v);
+        }
+        else {
+            setValue(v);
+        }
+    }, [groupId, persist]);
+    return (_jsxs(Primitive.Tabs, { value: value, onValueChange: onValueChange, ...props, className: cn('my-4', props.className), children: [_jsx(Primitive.TabsList, { children: values.map((v, i) => (_jsx(Primitive.TabsTrigger, { value: v, children: items[i] }, v))) }), _jsx(ValueChangeContext.Provider, { value: onValueChange, children: props.children })] }));
 }
 function toValue(v) {
-  return v.toLowerCase().replace(/\s/, "-");
+    return v.toLowerCase().replace(/\s/, '-');
 }
-function Tab({
-  value,
-  className,
-  ...props
-}) {
-  const v = toValue(value);
-  const onValueChange = useContext(ValueChangeContext);
-  useEffect(() => {
-    const hash = window.location.hash.slice(1);
-    if (hash === props.id) {
-      onValueChange(v);
-    }
-  }, [onValueChange, props.id, v]);
-  return /* @__PURE__ */ jsx2(
-    TabsContent,
-    {
-      value: v,
-      className: twMerge(
-        "prose-no-margin [&>figure:only-child]:-m-4 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none",
-        className
-      ),
-      ...props
-    }
-  );
+export function Tab({ value, className, ...props }) {
+    const v = toValue(value);
+    const onValueChange = useContext(ValueChangeContext);
+    useEffect(() => {
+        const hash = window.location.hash.slice(1);
+        if (hash === props.id) {
+            onValueChange(v);
+        }
+    }, [onValueChange, props.id, v]);
+    return (_jsx(Primitive.TabsContent, { value: v, className: cn('prose-no-margin [&>figure:only-child]:-m-4 [&>figure:only-child]:rounded-none [&>figure:only-child]:border-none', className), ...props }));
 }
-export {
-  tabs_exports as Primitive,
-  Tab,
-  Tabs2 as Tabs
-};