@fumadocs/base-ui 16.2.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Fuma
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,5 @@
+# Fumadocs UI
+
+The React.js docs framework.
+
+[Read Documentation](https://fumadocs.dev/docs/ui)

package/css/black.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/black.css';

package/css/catppuccin.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/catppuccin.css';

package/css/dusk.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/dusk.css';

package/css/layouts/docs.css

@@ -0,0 +1 @@
+@source '../../dist/layouts/docs/**/*.js';

package/css/layouts/home.css

@@ -0,0 +1 @@
+@source '../../dist/layouts/home/**/*.js';

package/css/layouts/notebook.css

@@ -0,0 +1 @@
+@source '../../dist/layouts/notebook/**/*.js';

package/css/neutral.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/neutral.css';

package/css/ocean.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/ocean.css';

package/css/preset.css

@@ -0,0 +1,10 @@
+@import '@fumadocs/ui/css/base.css';
+
+/* TODO: remove them on next major */
+@import './layouts/docs.css';
+@import './layouts/home.css';
+@import './layouts/notebook.css';
+
+@source '../dist/*.js';
+@source '../dist/{components,contexts,provider,utils}/**/*.js';
+@source '../dist/layouts/shared/**/*.js';

package/css/purple.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/purple.css';

package/css/shadcn.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/shadcn.css';

package/css/solar.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/solar.css';

package/css/style.css

@@ -0,0 +1,9 @@
+@import 'tailwindcss';
+@import './neutral.css';
+@import './preset.css';
+
+@layer base {
+  body {
+    @apply flex flex-col min-h-screen;
+  }
+}

package/css/vitepress.css

@@ -0,0 +1 @@
+@import '@fumadocs/ui/css/colors/vitepress.css';

package/dist/components/accordion.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, type ReactNode } from 'react';
+import { Accordion as Root, AccordionItem } from '../components/ui/accordion.js';
+export declare function Accordions({ ref, className, defaultValue, ...props }: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+export declare function Accordion({ title, id, value, children, ...props }: Omit<ComponentProps<typeof AccordionItem>, 'value' | 'title'> & {
+    title: string | ReactNode;
+    value?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,OAAO,EACL,SAAS,IAAI,IAAI,EAGjB,aAAa,EAEd,MAAM,2BAA2B,CAAC;AAEnC,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CA+B7B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,EAAE,EACF,KAAqB,EACrB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IACjE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CAcA"}

package/dist/components/accordion.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Link as LinkIcon } from '@fumadocs/ui/icons';
+import { useEffect, useRef, useState, } from 'react';
+import { cn } from '@fumadocs/ui/cn';
+import { useCopyButton } from '@fumadocs/ui/hooks/use-copy-button';
+import { buttonVariants } from '../components/ui/button.js';
+import { mergeRefs } from '@fumadocs/ui/merge-refs';
+import { Accordion as Root, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, } from '../components/ui/accordion.js';
+export function Accordions({ ref, className, defaultValue, ...props }) {
+    const rootRef = useRef(null);
+    const composedRef = mergeRefs(ref, rootRef);
+    const [value, setValue] = useState(defaultValue ?? []);
+    useEffect(() => {
+        const id = window.location.hash.substring(1);
+        const element = rootRef.current;
+        if (!element || id.length === 0)
+            return;
+        const selected = document.getElementById(id);
+        if (!selected || !element.contains(selected))
+            return;
+        const value = selected.getAttribute('data-accordion-value');
+        if (value)
+            setValue((prev) => [value, ...prev]);
+    }, []);
+    return (_jsx(Root, { ref: composedRef, value: value, onValueChange: setValue, className: (s) => cn('divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card', typeof className === 'function' ? className(s) : className), ...props }));
+}
+export function Accordion({ title, id, value = String(title), children, ...props }) {
+    return (_jsxs(AccordionItem, { value: value, ...props, children: [_jsxs(AccordionHeader, { id: id, "data-accordion-value": value, children: [_jsx(AccordionTrigger, { children: title }), id ? _jsx(CopyButton, { id: id }) : null] }), _jsx(AccordionContent, { hiddenUntilFound: true, children: _jsx("div", { className: "px-4 pb-2 text-[0.9375rem] prose-no-margin [&[hidden]:not([hidden='until-found'])]:hidden", children: children }) })] }));
+}
+function CopyButton({ id }) {
+    const [checked, onClick] = useCopyButton(() => {
+        const url = new URL(window.location.href);
+        url.hash = id;
+        return navigator.clipboard.writeText(url.toString());
+    });
+    return (_jsx("button", { type: "button", "aria-label": "Copy Link", className: cn(buttonVariants({
+            color: 'ghost',
+            className: 'text-fd-muted-foreground me-2',
+        })), onClick: onClick, children: checked ? (_jsx(Check, { className: "size-3.5" })) : (_jsx(LinkIcon, { className: "size-3.5" })) }));
+}

package/dist/components/banner.d.ts

@@ -0,0 +1,24 @@
+import { type HTMLAttributes } from 'react';
+type BannerVariant = 'rainbow' | 'normal';
+export declare function Banner({ id, variant, changeLayout, height, rainbowColors, ...props }: HTMLAttributes<HTMLDivElement> & {
+    /**
+     * @defaultValue 3rem
+     */
+    height?: string;
+    /**
+     * @defaultValue 'normal'
+     */
+    variant?: BannerVariant;
+    /**
+     * For rainbow variant only, customise the colors
+     */
+    rainbowColors?: string[];
+    /**
+     * Change Fumadocs layout styles
+     *
+     * @defaultValue true
+     */
+    changeLayout?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../src/components/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAKjE,KAAK,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1C,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,OAAkB,EAClB,YAAmB,EACnB,MAAe,EACf,aAKC,EACD,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,kDAuEA"}

package/dist/components/banner.js

@@ -0,0 +1,54 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { X } from '@fumadocs/ui/icons';
+import { cn } from '@fumadocs/ui/cn';
+import { buttonVariants } from '../components/ui/button.js';
+export function Banner({ id, variant = 'normal', changeLayout = true, height = '3rem', rainbowColors = [
+    'rgba(0,149,255,0.56)',
+    'rgba(231,77,255,0.77)',
+    'rgba(255,0,0,0.73)',
+    'rgba(131,255,166,0.66)',
+], ...props }) {
+    const [open, setOpen] = useState(true);
+    const globalKey = id ? `nd-banner-${id}` : null;
+    useEffect(() => {
+        if (globalKey)
+            setOpen(localStorage.getItem(globalKey) !== 'true');
+    }, [globalKey]);
+    if (!open)
+        return null;
+    return (_jsxs("div", { id: id, ...props, className: cn('sticky top-0 z-40 flex flex-row items-center justify-center px-4 text-center text-sm font-medium', variant === 'normal' && 'bg-fd-secondary', variant === 'rainbow' && 'bg-fd-background', !open && 'hidden', props.className), style: {
+            height,
+        }, children: [changeLayout && open ? (_jsx("style", { children: globalKey
+                    ? `:root:not(.${globalKey}) { --fd-banner-height: ${height}; }`
+                    : `:root { --fd-banner-height: ${height}; }` })) : null, globalKey ? (_jsx("style", { children: `.${globalKey} #${id} { display: none; }` })) : null, globalKey ? (_jsx("script", { dangerouslySetInnerHTML: {
+                    __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`,
+                } })) : null, variant === 'rainbow'
+                ? flow({
+                    colors: rainbowColors,
+                })
+                : null, props.children, id ? (_jsx("button", { type: "button", "aria-label": "Close Banner", onClick: () => {
+                    setOpen(false);
+                    if (globalKey)
+                        localStorage.setItem(globalKey, 'true');
+                }, className: cn(buttonVariants({
+                    color: 'ghost',
+                    className: 'absolute end-2 top-1/2 -translate-y-1/2 text-fd-muted-foreground/50',
+                    size: 'icon-sm',
+                })), children: _jsx(X, {}) })) : null] }));
+}
+const maskImage = 'linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)';
+function flow({ colors }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute inset-0 z-[-1]", style: {
+                    maskImage,
+                    maskComposite: 'intersect',
+                    animation: 'fd-moving-banner 20s linear infinite',
+                    backgroundImage: `repeating-linear-gradient(70deg, ${[...colors, colors[0]].map((color, i) => `${color} ${(i * 50) / colors.length}%`).join(', ')})`,
+                    backgroundSize: '200% 100%',
+                    filter: 'saturate(2)',
+                } }), _jsx("style", { children: `@keyframes fd-moving-banner {
+            from { background-position: 0% 0;  }
+            to { background-position: 100% 0;  }
+         }` })] }));
+}

package/dist/components/callout.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentProps, ReactNode } from 'react';
+export type CalloutType = 'info' | 'warn' | 'error' | 'success' | 'warning' | 'idea';
+export declare function Callout({ children, title, ...props }: {
+    title?: ReactNode;
+} & Omit<CalloutContainerProps, 'title'>): import("react/jsx-runtime").JSX.Element;
+export interface CalloutContainerProps extends ComponentProps<'div'> {
+    /**
+     * @defaultValue info
+     */
+    type?: CalloutType;
+    /**
+     * Force an icon
+     */
+    icon?: ReactNode;
+}
+export declare function CalloutContainer({ type: inputType, icon, children, className, style, ...props }: CalloutContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalloutTitle({ children, className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+export declare function CalloutDescription({ children, className, ...props }: ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=callout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../src/components/callout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAIX,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,2CAO9D;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EAAE,SAAkB,EACxB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA6BvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,2CAMrB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,GAAG,CAAC,2CAYrB"}

package/dist/components/callout.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleCheck, CircleX, Info, Sun, TriangleAlert, } from '@fumadocs/ui/icons';
+import { cn } from '@fumadocs/ui/cn';
+const iconClass = 'size-5 -me-0.5 fill-(--callout-color) text-fd-card';
+export function Callout({ children, title, ...props }) {
+    return (_jsxs(CalloutContainer, { ...props, children: [title && _jsx(CalloutTitle, { children: title }), _jsx(CalloutDescription, { children: children })] }));
+}
+function resolveAlias(type) {
+    if (type === 'warn')
+        return 'warning';
+    if (type === 'tip')
+        return 'info';
+    return type;
+}
+export function CalloutContainer({ type: inputType = 'info', icon, children, className, style, ...props }) {
+    const type = resolveAlias(inputType);
+    return (_jsxs("div", { className: cn('flex gap-2 my-4 rounded-xl border bg-fd-card p-3 ps-1 text-sm text-fd-card-foreground shadow-md', className), style: {
+            '--callout-color': `var(--color-fd-${type}, var(--color-fd-muted))`,
+            ...style,
+        }, ...props, children: [_jsx("div", { role: "none", className: "w-0.5 bg-(--callout-color)/50 rounded-sm" }), icon ??
+                {
+                    info: _jsx(Info, { className: iconClass }),
+                    warning: _jsx(TriangleAlert, { className: iconClass }),
+                    error: _jsx(CircleX, { className: iconClass }),
+                    success: _jsx(CircleCheck, { className: iconClass }),
+                    idea: _jsx(Sun, { className: iconClass }),
+                }[type], _jsx("div", { className: "flex flex-col gap-2 min-w-0 flex-1", children: children })] }));
+}
+export function CalloutTitle({ children, className, ...props }) {
+    return (_jsx("p", { className: cn('font-medium my-0!', className), ...props, children: children }));
+}
+export function CalloutDescription({ children, className, ...props }) {
+    return (_jsx("div", { className: cn('text-fd-muted-foreground prose-no-margin empty:hidden', className), ...props, children: children }));
+}

package/dist/components/card.d.ts

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare function Cards(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    href?: string;
+    external?: boolean;
+};
+export declare function Card({ icon, title, description, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,wBAAgB,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,2CAS1D;AAED,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CA2BrE"}

package/dist/components/card.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'fumadocs-core/link';
+import { cn } from '@fumadocs/ui/cn';
+export function Cards(props) {
+    return (_jsx("div", { ...props, className: cn('grid grid-cols-2 gap-3 @container', props.className), children: props.children }));
+}
+export function Card({ icon, title, description, ...props }) {
+    const E = props.href ? Link : 'div';
+    return (_jsxs(E, { ...props, "data-card": true, className: cn('block rounded-xl border bg-fd-card p-4 text-fd-card-foreground transition-colors @max-lg:col-span-full', props.href && 'hover:bg-fd-accent/80', props.className), children: [icon ? (_jsx("div", { className: "not-prose mb-2 w-fit shadow-md rounded-lg border bg-fd-muted p-1.5 text-fd-muted-foreground [&_svg]:size-4", children: icon })) : null, _jsx("h3", { className: "not-prose mb-1 text-sm font-medium", children: title }), description ? (_jsx("p", { className: "my-0! text-sm text-fd-muted-foreground", children: description })) : null, _jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin empty:hidden", children: props.children })] }));
+}

package/dist/components/codeblock.d.ts

@@ -0,0 +1,42 @@
+import { type ComponentProps, type HTMLAttributes, type ReactNode } from 'react';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/ui/tabs.js';
+export interface CodeBlockProps extends ComponentProps<'figure'> {
+    /**
+     * Icon of code block
+     *
+     * When passed as a string, it assumes the value is the HTML of icon
+     */
+    icon?: ReactNode;
+    /**
+     * Allow to copy code with copy button
+     *
+     * @defaultValue true
+     */
+    allowCopy?: boolean;
+    /**
+     * Keep original background color generated by Shiki or Rehype Code
+     *
+     * @defaultValue false
+     */
+    keepBackground?: boolean;
+    viewportProps?: HTMLAttributes<HTMLElement>;
+    /**
+     * show line numbers
+     */
+    'data-line-numbers'?: boolean;
+    /**
+     * @defaultValue 1
+     */
+    'data-line-numbers-start'?: number;
+    Actions?: (props: {
+        className?: string;
+        children?: ReactNode;
+    }) => ReactNode;
+}
+export declare function Pre(props: ComponentProps<'pre'>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlock({ ref, title, allowCopy, keepBackground, icon, viewportProps, children, Actions, ...props }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockTabs({ ref, className, ...props }: ComponentProps<typeof Tabs>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockTabsList({ className, ...props }: ComponentProps<typeof TabsList>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockTabsTrigger({ children, className, ...props }: ComponentProps<typeof TabsTrigger>): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=codeblock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.d.ts","sourceRoot":"","sources":["../../src/components/codeblock.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGhF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,aAAa,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAE5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IAEnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,KAAK,SAAS,CAAC;CAC9E;AAOD,wBAAgB,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,2CAS/C;AAED,wBAAgB,SAAS,CAAC,EACxB,GAAG,EACH,KAAK,EACL,SAAgB,EAChB,cAAsB,EACtB,IAAI,EACJ,aAAkB,EAClB,QAAQ,EACR,OAEC,EACD,GAAG,KAAK,EACT,EAAE,cAAc,2CAqEhB;AA0CD,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CA6B7B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,2CAcjC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAgBpC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAErE"}

package/dist/components/codeblock.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Clipboard } from '@fumadocs/ui/icons';
+import { createContext, use, useMemo, useRef, } from 'react';
+import { cn } from '@fumadocs/ui/cn';
+import { useCopyButton } from '@fumadocs/ui/hooks/use-copy-button';
+import { buttonVariants } from '../components/ui/button.js';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/ui/tabs.js';
+import { mergeRefs } from '@fumadocs/ui/merge-refs';
+const TabsContext = createContext(null);
+export function Pre(props) {
+    return (_jsx("pre", { ...props, className: cn('min-w-full w-max *:flex *:flex-col', props.className), children: props.children }));
+}
+export function CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon, viewportProps = {}, children, Actions = (props) => (_jsx("div", { ...props, className: cn('empty:hidden', props.className) })), ...props }) {
+    const inTab = use(TabsContext) !== null;
+    const areaRef = useRef(null);
+    return (_jsxs("figure", { ref: ref, dir: "ltr", ...props, tabIndex: -1, className: cn(inTab
+            ? 'bg-fd-secondary -mx-px -mb-px last:rounded-b-xl'
+            : 'my-4 bg-fd-card rounded-xl', keepBackground && 'bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg)', 'shiki relative border shadow-sm not-prose overflow-hidden text-sm', props.className), children: [title ? (_jsxs("div", { className: "flex text-fd-muted-foreground items-center gap-2 h-9.5 border-b px-4", children: [typeof icon === 'string' ? (_jsx("div", { className: "[&_svg]:size-3.5", dangerouslySetInnerHTML: {
+                            __html: icon,
+                        } })) : (icon), _jsx("figcaption", { className: "flex-1 truncate", children: title }), Actions({
+                        className: '-me-2',
+                        children: allowCopy && _jsx(CopyButton, { containerRef: areaRef }),
+                    })] })) : (Actions({
+                className: 'absolute top-2 right-2 z-2 backdrop-blur-lg rounded-lg text-fd-muted-foreground',
+                children: allowCopy && _jsx(CopyButton, { containerRef: areaRef }),
+            })), _jsx("div", { ref: areaRef, ...viewportProps, role: "region", tabIndex: 0, className: cn('text-[0.8125rem] py-3.5 overflow-auto max-h-[600px] fd-scroll-container focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-fd-ring', viewportProps.className), style: {
+                    // space for toolbar
+                    '--padding-right': !title ? 'calc(var(--spacing) * 8)' : undefined,
+                    counterSet: props['data-line-numbers']
+                        ? `line ${Number(props['data-line-numbers-start'] ?? 1) - 1}`
+                        : undefined,
+                    ...viewportProps.style,
+                }, children: children })] }));
+}
+function CopyButton({ className, containerRef, ...props }) {
+    const [checked, onClick] = useCopyButton(() => {
+        const pre = containerRef.current?.getElementsByTagName('pre').item(0);
+        if (!pre)
+            return;
+        const clone = pre.cloneNode(true);
+        clone.querySelectorAll('.nd-copy-ignore').forEach((node) => {
+            node.replaceWith('\n');
+        });
+        void navigator.clipboard.writeText(clone.textContent ?? '');
+    });
+    return (_jsx("button", { type: "button", "data-checked": checked || undefined, className: cn(buttonVariants({
+            className: 'hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground',
+            size: 'icon-xs',
+        }), className), "aria-label": checked ? 'Copied Text' : 'Copy Text', onClick: onClick, ...props, children: checked ? _jsx(Check, {}) : _jsx(Clipboard, {}) }));
+}
+export function CodeBlockTabs({ ref, className, ...props }) {
+    const containerRef = useRef(null);
+    const nested = use(TabsContext) !== null;
+    return (_jsx(Tabs, { ref: mergeRefs(containerRef, ref), ...props, className: (s) => cn('bg-fd-card rounded-xl border', !nested && 'my-4', typeof className === 'function' ? className(s) : className), children: _jsx(TabsContext, { value: useMemo(() => ({
+                containerRef,
+                nested,
+            }), [nested]), children: props.children }) }));
+}
+export function CodeBlockTabsList({ className, ...props }) {
+    return (_jsx(TabsList, { ...props, className: (s) => cn('flex flex-row px-2 overflow-x-auto text-fd-muted-foreground', typeof className === 'function' ? className(s) : className), children: props.children }));
+}
+export function CodeBlockTabsTrigger({ children, className, ...props }) {
+    return (_jsxs(TabsTrigger, { ...props, className: (s) => cn('relative group inline-flex text-sm font-medium text-nowrap items-center transition-colors gap-2 px-2 py-1.5 [&_svg]:size-3.5', s.active ? 'text-fd-primary' : 'hover:text-fd-accent-foreground', typeof className === 'function' ? className(s) : className), children: [_jsx("div", { className: "absolute inset-x-2 bottom-0 h-px group-data-[active]:bg-fd-primary" }), children] }));
+}
+export function CodeBlockTab(props) {
+    return _jsx(TabsContent, { ...props });
+}

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

@@ -0,0 +1,25 @@
+import { type AlgoliaOptions } from 'fumadocs-core/search/client';
+import { type ReactNode } from 'react';
+import { type SharedProps } from './search.js';
+import type { SearchLink, TagItem } from '../../contexts/search.js';
+export interface AlgoliaSearchDialogProps extends SharedProps {
+    searchOptions: AlgoliaOptions;
+    links?: SearchLink[];
+    footer?: ReactNode;
+    defaultTag?: string;
+    tags?: TagItem[];
+    /**
+     * Add the "Powered by Algolia" label, this is useful for free tier users
+     *
+     * @defaultValue false
+     */
+    showAlgolia?: boolean;
+    /**
+     * Allow to clear tag filters
+     *
+     * @defaultValue false
+     */
+    allowClear?: boolean;
+}
+export default function AlgoliaSearchDialog({ searchOptions, tags, defaultTag, showAlgolia, allowClear, links, footer, ...props }: AlgoliaSearchDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-algolia.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-algolia.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search-algolia.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE1D,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,aAAa,EAAE,cAAc,CAAC;IAC9B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IAErB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IAEjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,IAAS,EACT,UAAU,EACV,WAAmB,EACnB,UAAkB,EAClB,KAAU,EACV,MAAM,EACN,GAAG,KAAK,EACT,EAAE,wBAAwB,2CA4D1B"}

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

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

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

@@ -0,0 +1,29 @@
+import { type ReactNode } from 'react';
+import { type SharedProps } from './search.js';
+import type { SearchLink, TagItem } from '../../contexts/search.js';
+export interface DefaultSearchDialogProps extends SharedProps {
+    links?: SearchLink[];
+    /**
+     * @defaultValue 'fetch'
+     */
+    type?: 'fetch' | 'static';
+    defaultTag?: string;
+    tags?: TagItem[];
+    /**
+     * Search API URL
+     */
+    api?: string;
+    /**
+     * The debounced delay for performing a search.
+     */
+    delayMs?: number;
+    footer?: ReactNode;
+    /**
+     * Allow to clear tag filters
+     *
+     * @defaultValue false
+     */
+    allowClear?: boolean;
+}
+export default function DefaultSearchDialog({ defaultTag, tags, api, delayMs, type, allowClear, links, footer, ...props }: DefaultSearchDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-default.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-default.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search-default.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAG1D,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IAEjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,UAAU,EACV,IAAS,EACT,GAAG,EACH,OAAO,EACP,IAAc,EACd,UAAkB,EAClB,KAAU,EACV,MAAM,EACN,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAkE1B"}

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

@@ -0,0 +1,40 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocsSearch } from 'fumadocs-core/search/client';
+import { useMemo, useState } from 'react';
+import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+import { useI18n } from '../../contexts/i18n.js';
+import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem, } from './search.js';
+export default function DefaultSearchDialog({ defaultTag, tags = [], api, delayMs, type = 'fetch', allowClear = false, links = [], footer, ...props }) {
+    const { locale } = useI18n();
+    const [tag, setTag] = useState(defaultTag);
+    const { search, setSearch, query } = useDocsSearch(type === 'fetch'
+        ? {
+            type: 'fetch',
+            api,
+            locale,
+            tag,
+            delayMs,
+        }
+        : {
+            type: 'static',
+            from: api,
+            locale,
+            tag,
+            delayMs,
+        });
+    const defaultItems = useMemo(() => {
+        if (links.length === 0)
+            return null;
+        return links.map(([name, link]) => ({
+            type: 'page',
+            id: name,
+            content: name,
+            url: link,
+        }));
+    }, [links]);
+    useOnChange(defaultTag, (v) => {
+        setTag(v);
+    });
+    return (_jsxs(SearchDialog, { search: search, onSearchChange: setSearch, isLoading: query.isLoading, ...props, children: [_jsx(SearchDialogOverlay, {}), _jsxs(SearchDialogContent, { children: [_jsxs(SearchDialogHeader, { children: [_jsx(SearchDialogIcon, {}), _jsx(SearchDialogInput, {}), _jsx(SearchDialogClose, {})] }), _jsx(SearchDialogList, { items: query.data !== 'empty' ? query.data : defaultItems })] }), _jsxs(SearchDialogFooter, { children: [tags.length > 0 && (_jsx(TagsList, { tag: tag, onTagChange: setTag, allowClear: allowClear, children: tags.map((tag) => (_jsx(TagsListItem, { value: tag.value, children: tag.name }, tag.value))) })), footer] })] }));
+}

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

@@ -0,0 +1,30 @@
+import { type OramaCloudOptions } from 'fumadocs-core/search/client';
+import { type ReactNode } from 'react';
+import { type SharedProps } from './search.js';
+import type { SearchLink, TagItem } from '../../contexts/search.js';
+export interface OramaSearchDialogProps extends SharedProps {
+    links?: SearchLink[];
+    client: OramaCloudOptions['client'];
+    searchOptions?: OramaCloudOptions['params'];
+    index?: OramaCloudOptions['index'];
+    footer?: ReactNode;
+    defaultTag?: string;
+    tags?: TagItem[];
+    /**
+     * Add the "Powered by Orama" label
+     *
+     * @defaultValue true
+     */
+    showOrama?: boolean;
+    /**
+     * Allow to clear tag filters
+     *
+     * @defaultValue false
+     */
+    allowClear?: boolean;
+}
+/**
+ * Orama Cloud integration
+ */
+export default function OramaSearchDialog({ client, searchOptions, tags, defaultTag, showOrama, allowClear, index, footer, links, ...props }: OramaSearchDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-orama.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-orama.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search-orama.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAE1D,OAAO,EAUL,KAAK,WAAW,EAGjB,MAAM,UAAU,CAAC;AAElB,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG7D,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEnC,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,aAAa,EACb,IAAS,EACT,UAAU,EACV,SAAgB,EAChB,UAAkB,EAClB,KAAK,EACL,MAAM,EACN,KAAU,EACV,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAgExB"}