fumadocs-ui 14.2.1 → 14.3.0

package/dist/components/accordion.d.ts

@@ -1,9 +1,6 @@
-import * as react from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-
-declare const Accordions: react.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps, "value" | "onValueChange"> | Omit<AccordionPrimitive.AccordionMultipleProps, "value" | "onValueChange">) & react.RefAttributes<HTMLDivElement>>;
-declare const Accordion: react.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+export declare const Accordions: import("react").ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps, "value" | "onValueChange"> | Omit<AccordionPrimitive.AccordionMultipleProps, "value" | "onValueChange">) & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Accordion: import("react").ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref">, "value"> & {
     title: string;
-} & react.RefAttributes<HTMLDivElement>>;
-
-export { Accordion, Accordions };
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# 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":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAgBhE,eAAO,MAAM,UAAU,oPA+BrB,CAAC;AAIH,eAAO,MAAM,SAAS;WAGX,MAAM;kDA0Bf,CAAC"}

package/dist/components/accordion.js

@@ -1,109 +1,37 @@
-"use client";
-import {
-  useCopyButton
-} from "../chunk-2KMKNVSN.js";
-import {
-  buttonVariants
-} from "../chunk-QKOA6KEZ.js";
-import {
-  Check,
-  ChevronRight,
-  Link
-} from "../chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-
-// src/components/accordion.tsx
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import {
-  forwardRef,
-  useState,
-  useEffect
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Accordions = forwardRef(({ type = "single", className, defaultValue, ...props }, ref) => {
-  const [value, setValue] = useState(
-    type === "single" ? defaultValue ?? "" : defaultValue ?? []
-  );
-  useEffect(() => {
-    const id = window.location.hash.substring(1);
-    if (id.length > 0)
-      setValue((prev) => typeof prev === "string" ? id : [id, ...prev]);
-  }, []);
-  return (
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { Check, ChevronRight, LinkIcon } from 'lucide-react';
+import { forwardRef, useState, useEffect, } from 'react';
+import { cn } from '../utils/cn';
+import { useCopyButton } from '../utils/use-copy-button';
+import { buttonVariants } from '../components/ui/button';
+export const Accordions = forwardRef(({ type = 'single', className, defaultValue, ...props }, ref) => {
+    const [value, setValue] = useState(type === 'single' ? (defaultValue ?? '') : (defaultValue ?? []));
+    useEffect(() => {
+        const id = window.location.hash.substring(1);
+        if (id.length > 0)
+            setValue((prev) => (typeof prev === 'string' ? id : [id, ...prev]));
+    }, []);
+    return (
     // @ts-expect-error -- Multiple types
-    /* @__PURE__ */ jsx(
-      AccordionPrimitive.Root,
-      {
-        type,
-        ref,
-        value,
-        onValueChange: setValue,
-        collapsible: type === "single" ? true : void 0,
-        className: twMerge(
-          "divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card",
-          className
-        ),
-        ...props
-      }
-    )
-  );
+    _jsx(AccordionPrimitive.Root, { type: type, ref: ref, value: value, onValueChange: setValue, collapsible: type === 'single' ? true : undefined, className: cn('divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card', className), ...props }));
 });
-Accordions.displayName = "Accordions";
-var Accordion = forwardRef(({ title, className, id, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(
-    AccordionPrimitive.Item,
-    {
-      ref,
-      value: id ?? title,
-      className: twMerge("group/accordion relative scroll-m-20", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(
-          AccordionPrimitive.Header,
-          {
-            id,
-            className: "not-prose flex flex-row items-center font-medium text-fd-foreground",
-            children: [
-              /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 p-4 text-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring", children: [
-                /* @__PURE__ */ jsx(ChevronRight, { className: "-ms-1 size-4 shrink-0 text-fd-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" }),
-                title
-              ] }),
-              id ? /* @__PURE__ */ jsx(CopyButton, { id }) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(AccordionPrimitive.Content, { className: "overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down", children: /* @__PURE__ */ jsx("div", { className: "p-4 pt-0 prose-no-margin", children }) })
-      ]
-    }
-  );
+Accordions.displayName = 'Accordions';
+export const Accordion = forwardRef(({ title, className, id, children, ...props }, ref) => {
+    return (_jsxs(AccordionPrimitive.Item, { ref: ref, 
+        // Use `id` instead if presents
+        value: id ?? title, className: cn('group/accordion relative scroll-m-20', className), ...props, children: [_jsxs(AccordionPrimitive.Header, { id: id, className: "not-prose flex flex-row items-center font-medium text-fd-foreground", children: [_jsxs(AccordionPrimitive.Trigger, { className: "flex flex-1 items-center gap-2 p-4 text-start focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring", children: [_jsx(ChevronRight, { className: "-ms-1 size-4 shrink-0 text-fd-muted-foreground transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" }), title] }), id ? _jsx(CopyButton, { id: id }) : null] }), _jsx(AccordionPrimitive.Content, { className: "overflow-hidden data-[state=closed]:animate-fd-accordion-up data-[state=open]:animate-fd-accordion-down", children: _jsx("div", { className: "p-4 pt-0 prose-no-margin", children: children }) })] }));
 });
 function CopyButton({ id }) {
-  const [checked, onClick] = useCopyButton(() => {
-    const url = new URL(window.location.href);
-    url.hash = id;
-    void navigator.clipboard.writeText(url.toString());
-  });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Copy Link",
-      className: twMerge(
-        buttonVariants({
-          color: "ghost",
-          className: "text-fd-muted-foreground me-2"
-        })
-      ),
-      onClick,
-      children: checked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Link, { className: "size-3.5" })
-    }
-  );
+    const [checked, onClick] = useCopyButton(() => {
+        const url = new URL(window.location.href);
+        url.hash = id;
+        void 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" })) }));
 }
-Accordion.displayName = "Accordion";
-export {
-  Accordion,
-  Accordions
-};
+Accordion.displayName = 'Accordion';

package/dist/components/api.d.ts

@@ -1,13 +1,4 @@
-import { _useCopyButton as useCopyButton$1 } from './api.client.js';
-export { twMerge as cn } from 'tailwind-merge';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import 'react';
-
-declare const buttonVariants: (props?: ({
-    color?: "outline" | "ghost" | "secondary" | null | undefined;
-    size?: "icon" | "sm" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-declare const useCopyButton: typeof useCopyButton$1;
-
-export { buttonVariants, useCopyButton };
+export * from '../utils/cn';
+export * from '../components/ui/button';
+export { useCopyButton } from '../utils/use-copy-button';
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/components/api.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/api.js

@@ -1,16 +1,3 @@
-import { _useCopyButton } from "./api.client"
-import {
-  buttonVariants
-} from "../chunk-QKOA6KEZ.js";
-import {
-  twMerge
-} from "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-
-// src/components/api.tsx
-var useCopyButton = _useCopyButton;
-export {
-  buttonVariants,
-  twMerge as cn,
-  useCopyButton
-};
+export * from '../utils/cn';
+export * from '../components/ui/button';
+export { useCopyButton } from '../utils/use-copy-button';

package/dist/components/banner.d.ts

@@ -1,6 +1,5 @@
-import { HTMLAttributes } from 'react';
-
-declare function Banner({ id, variant, changeLayout, ...props }: HTMLAttributes<HTMLDivElement> & {
+import { type HTMLAttributes } from 'react';
+export declare function Banner({ id, variant, changeLayout, ...props }: HTMLAttributes<HTMLDivElement> & {
     /**
      * @defaultValue 'normal'
      */
@@ -12,5 +11,4 @@ declare function Banner({ id, variant, changeLayout, ...props }: HTMLAttributes<
      */
     changeLayout?: boolean;
 }): React.ReactElement;
-
-export { Banner };
+//# 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,EAAoC,MAAM,OAAO,CAAC;AAK9E,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,OAAkB,EAClB,YAAmB,EACnB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,KAAK,CAAC,YAAY,CA6DrB"}

package/dist/components/banner.js

@@ -1,123 +1,56 @@
-"use client";
-import {
-  buttonVariants
-} from "../chunk-QKOA6KEZ.js";
-import {
-  X
-} from "../chunk-VPJMNIJX.js";
-import {
-  twMerge
-} from "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-
-// src/components/banner.tsx
-import { useCallback, useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function Banner({
-  id,
-  variant = "normal",
-  changeLayout = true,
-  ...props
-}) {
-  const [open, setOpen] = useState(true);
-  const globalKey = id ? `nd-banner-${id}` : void 0;
-  useEffect(() => {
-    if (globalKey) setOpen(localStorage.getItem(globalKey) !== "true");
-  }, [globalKey]);
-  const onClick = useCallback(() => {
-    setOpen(false);
-    if (globalKey) localStorage.setItem(globalKey, "true");
-  }, [globalKey]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      id,
-      ...props,
-      className: twMerge(
-        "sticky top-0 z-40 flex h-12 flex-row items-center justify-center bg-fd-secondary px-4 text-center text-sm font-medium",
-        variant === "rainbow" && "bg-fd-background",
-        !open && "hidden",
-        props.className
-      ),
-      children: [
-        changeLayout && open ? /* @__PURE__ */ jsx("style", { children: `
-        :root:not(.${globalKey ?? "nd-banner-never"}) { --fd-banner-height: 3rem; }
-        ` }) : null,
-        globalKey ? /* @__PURE__ */ jsx("style", { children: `.${globalKey} #${id} { display: none; }` }) : null,
-        id ? /* @__PURE__ */ jsx(
-          "script",
-          {
-            dangerouslySetInnerHTML: {
-              __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`
-            }
-          }
-        ) : null,
-        variant === "rainbow" ? rainbowLayer : null,
-        props.children,
-        id ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Close Banner",
-            onClick,
-            className: twMerge(
-              buttonVariants({
-                color: "ghost",
-                className: "absolute end-2 top-1/2 -translate-y-1/2 text-fd-muted-foreground",
-                size: "icon"
-              })
-            ),
-            children: /* @__PURE__ */ jsx(X, {})
-          }
-        ) : null
-      ]
-    }
-  );
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { X } from 'lucide-react';
+import { cn } from '../utils/cn';
+import { buttonVariants } from '../components/ui/button';
+export function Banner({ id, variant = 'normal', changeLayout = true, ...props }) {
+    const [open, setOpen] = useState(true);
+    const globalKey = id ? `nd-banner-${id}` : undefined;
+    useEffect(() => {
+        if (globalKey)
+            setOpen(localStorage.getItem(globalKey) !== 'true');
+    }, [globalKey]);
+    const onClick = useCallback(() => {
+        setOpen(false);
+        if (globalKey)
+            localStorage.setItem(globalKey, 'true');
+    }, [globalKey]);
+    return (_jsxs("div", { id: id, ...props, className: cn('sticky top-0 z-40 flex h-12 flex-row items-center justify-center bg-fd-secondary px-4 text-center text-sm font-medium', variant === 'rainbow' && 'bg-fd-background', !open && 'hidden', props.className), children: [changeLayout && open ? (_jsx("style", { children: `
+        :root:not(.${globalKey ?? 'nd-banner-never'}) { --fd-banner-height: 3rem; }
+        ` })) : null, globalKey ? (_jsx("style", { children: `.${globalKey} #${id} { display: none; }` })) : null, id ? (_jsx("script", { dangerouslySetInnerHTML: {
+                    __html: `if (localStorage.getItem('${globalKey}') === 'true') document.documentElement.classList.add('${globalKey}');`,
+                } })) : null, variant === 'rainbow' ? rainbowLayer : null, props.children, id ? (_jsx("button", { type: "button", "aria-label": "Close Banner", onClick: onClick, className: cn(buttonVariants({
+                    color: 'ghost',
+                    className: 'absolute end-2 top-1/2 -translate-y-1/2 text-fd-muted-foreground',
+                    size: 'icon',
+                })), children: _jsx(X, {}) })) : null] }));
 }
-var maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
-var rainbowLayer = /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0 z-[-1]",
-      style: {
-        maskImage,
-        maskComposite: "intersect",
-        animation: "fd-moving-banner 16s linear infinite",
-        "--start": "rgba(0,87,255,0.5)",
-        "--mid": "rgba(255,0,166,0.77)",
-        "--end": "rgba(255,77,0,0.4)",
-        "--via": "rgba(164,255,68,0.4)",
-        animationDirection: "reverse",
-        backgroundImage: "repeating-linear-gradient(60deg, var(--end), var(--start) 2%, var(--start) 5%, transparent 8%, transparent 14%, var(--via) 18%, var(--via) 22%, var(--mid) 28%, var(--mid) 30%, var(--via) 34%, var(--via) 36%, transparent, var(--end) calc(50% - 12px))",
-        backgroundSize: "200% 100%",
-        mixBlendMode: "difference"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute inset-0 z-[-1]",
-      style: {
-        maskImage,
-        maskComposite: "intersect",
-        animation: "fd-moving-banner 20s linear infinite",
-        "--start": "rgba(255,120,120,0.5)",
-        "--mid": "rgba(36,188,255,0.4)",
-        "--end": "rgba(64,0,255,0.51)",
-        "--via": "rgba(255,89,0,0.56)",
-        backgroundImage: "repeating-linear-gradient(45deg, var(--end), var(--start) 4%, var(--start) 8%, transparent 9%, transparent 14%, var(--mid) 16%, var(--mid) 20%, transparent, var(--via) 36%, var(--via) 40%, transparent 42%, var(--end) 46%, var(--end) calc(50% - 16.8px))",
-        backgroundSize: "200% 100%",
-        mixBlendMode: "color-dodge"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsx("style", { children: `@keyframes fd-moving-banner {
+const maskImage = 'linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)';
+const rainbowLayer = (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute inset-0 z-[-1]", style: {
+                maskImage,
+                maskComposite: 'intersect',
+                animation: 'fd-moving-banner 16s linear infinite',
+                '--start': 'rgba(0,87,255,0.5)',
+                '--mid': 'rgba(255,0,166,0.77)',
+                '--end': 'rgba(255,77,0,0.4)',
+                '--via': 'rgba(164,255,68,0.4)',
+                animationDirection: 'reverse',
+                backgroundImage: 'repeating-linear-gradient(60deg, var(--end), var(--start) 2%, var(--start) 5%, transparent 8%, transparent 14%, var(--via) 18%, var(--via) 22%, var(--mid) 28%, var(--mid) 30%, var(--via) 34%, var(--via) 36%, transparent, var(--end) calc(50% - 12px))',
+                backgroundSize: '200% 100%',
+                mixBlendMode: 'difference',
+            } }), _jsx("div", { className: "absolute inset-0 z-[-1]", style: {
+                maskImage,
+                maskComposite: 'intersect',
+                animation: 'fd-moving-banner 20s linear infinite',
+                '--start': 'rgba(255,120,120,0.5)',
+                '--mid': 'rgba(36,188,255,0.4)',
+                '--end': 'rgba(64,0,255,0.51)',
+                '--via': 'rgba(255,89,0,0.56)',
+                backgroundImage: 'repeating-linear-gradient(45deg, var(--end), var(--start) 4%, var(--start) 8%, transparent 9%, transparent 14%, var(--mid) 16%, var(--mid) 20%, transparent, var(--via) 36%, var(--via) 40%, transparent 42%, var(--end) 46%, var(--end) calc(50% - 16.8px))',
+                backgroundSize: '200% 100%',
+                mixBlendMode: 'color-dodge',
+            } }), _jsx("style", { children: `@keyframes fd-moving-banner {
             from { background-position: 0% 0;  }
             to { background-position: 100% 0;  }
-         }` })
-] });
-export {
-  Banner
-};
+         }` })] }));

package/dist/components/callout.d.ts

@@ -1,7 +1,5 @@
-import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-declare const Callout: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "icon" | "type"> & {
+import { type HTMLAttributes, type ReactNode } from 'react';
+export declare const Callout: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
     title?: ReactNode;
     /**
      * @defaultValue info
@@ -11,6 +9,5 @@ declare const Callout: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLD
      * Force an icon
      */
     icon?: ReactNode;
-} & react.RefAttributes<HTMLDivElement>>;
-
-export { Callout };
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# 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":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBxE,eAAO,MAAM,OAAO;YAZV,SAAS;IACjB;;OAEG;WACI,MAAM,GAAG,MAAM,GAAG,OAAO;IAEhC;;OAEG;WACI,SAAS;kDA+BjB,CAAC"}

package/dist/components/callout.js

@@ -1,9 +1,13 @@
-import {
-  Callout
-} from "../chunk-F534DZID.js";
-import "../chunk-VPJMNIJX.js";
-import "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-export {
-  Callout
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, CircleX, Info } from 'lucide-react';
+import { forwardRef } from 'react';
+import { cn } from '../utils/cn';
+export const Callout = forwardRef(({ className, children, title, type = 'info', icon, ...props }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn('my-6 flex flex-row gap-2 rounded-lg border bg-fd-card p-3 text-sm text-fd-card-foreground shadow-md', className), ...props, children: [icon ??
+                {
+                    info: _jsx(Info, { className: "size-5 fill-blue-500 text-fd-card" }),
+                    warn: (_jsx(AlertTriangle, { className: "size-5 fill-orange-500 text-fd-card" })),
+                    error: _jsx(CircleX, { className: "size-5 fill-red-500 text-fd-card" }),
+                }[type], _jsxs("div", { className: "min-w-0 flex-1", children: [title ? _jsx("p", { className: "not-prose mb-2 font-medium", children: title }) : null, _jsx("div", { className: "text-fd-muted-foreground prose-no-margin", children: children })] })] }));
+});
+Callout.displayName = 'Callout';

package/dist/components/card.d.ts

@@ -1,13 +1,11 @@
-import { HTMLAttributes, ReactNode } from 'react';
-
-declare function Cards(props: HTMLAttributes<HTMLDivElement>): React.ReactElement;
-type CardProps = HTMLAttributes<HTMLElement> & {
+import type { HTMLAttributes, ReactNode } from 'react';
+export declare function Cards(props: HTMLAttributes<HTMLDivElement>): React.ReactElement;
+export type CardProps = HTMLAttributes<HTMLElement> & {
     icon?: ReactNode;
     title: ReactNode;
     description?: ReactNode;
     href?: string;
     external?: boolean;
 };
-declare function Card({ icon, title, description, ...props }: CardProps): React.ReactElement;
-
-export { Card, type CardProps, Cards };
+export declare function Card({ icon, title, description, ...props }: CardProps): React.ReactElement;
+//# 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,CACnB,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,GACpC,KAAK,CAAC,YAAY,CASpB;AAED,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACpD,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,EACnB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACT,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CA6BhC"}

package/dist/components/card.js

@@ -1,10 +1,10 @@
-import {
-  Card,
-  Cards
-} from "../chunk-GHOAONNQ.js";
-import "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-export {
-  Card,
-  Cards
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'fumadocs-core/link';
+import { cn } from '../utils/cn';
+export function Cards(props) {
+    return (_jsx("div", { ...props, className: cn('grid grid-cols-1 gap-4 sm:grid-cols-2', 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-lg border bg-fd-card p-4 text-fd-card-foreground shadow-md transition-colors', props.href && 'hover:bg-fd-accent/80', props.className), children: [icon ? (_jsx("div", { className: "not-prose mb-2 w-fit rounded-md 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, props.children ? (_jsx("div", { className: "text-sm text-fd-muted-foreground prose-no-margin", children: props.children })) : null] }));
+}

package/dist/components/codeblock.d.ts

@@ -1,7 +1,5 @@
-import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-type CodeBlockProps = HTMLAttributes<HTMLElement> & {
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type CodeBlockProps = HTMLAttributes<HTMLElement> & {
     /**
      * Icon of code block
      *
@@ -21,8 +19,8 @@ type CodeBlockProps = HTMLAttributes<HTMLElement> & {
      */
     keepBackground?: boolean;
 };
-declare const Pre: react.ForwardRefExoticComponent<HTMLAttributes<HTMLPreElement> & react.RefAttributes<HTMLPreElement>>;
-declare const CodeBlock: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+export declare const Pre: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLPreElement> & import("react").RefAttributes<HTMLPreElement>>;
+export declare const CodeBlock: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
     /**
      * Icon of code block
      *
@@ -41,6 +39,5 @@ declare const CodeBlock: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElem
      * @defaultValue false
      */
     keepBackground?: boolean;
-} & react.RefAttributes<HTMLElement>>;
-
-export { CodeBlock, type CodeBlockProps, Pre };
+} & import("react").RefAttributes<HTMLElement>>;
+//# 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,EAEL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACzD;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,GAAG,2HAQf,CAAC;AAIF,eAAO,MAAM,SAAS;IAlCpB;;;;OAIG;WACI,SAAS;IAEhB;;;;OAIG;gBACS,OAAO;IAEnB;;;;OAIG;qBACc,OAAO;+CAwFzB,CAAC"}

package/dist/components/codeblock.js

@@ -1,15 +1,41 @@
-"use client";
-import {
-  CodeBlock,
-  Pre
-} from "../chunk-ZBOI25UW.js";
-import "../chunk-2KMKNVSN.js";
-import "../chunk-QKOA6KEZ.js";
-import "../chunk-2FLZOPQN.js";
-import "../chunk-VPJMNIJX.js";
-import "../chunk-TK3TM3MR.js";
-import "../chunk-MLKGABMK.js";
-export {
-  CodeBlock,
-  Pre
-};
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, Copy } from 'lucide-react';
+import { forwardRef, useCallback, useRef, } from 'react';
+import { cn } from '../utils/cn';
+import { ScrollArea, ScrollBar, ScrollViewport, } from '../components/ui/scroll-area';
+import { useCopyButton } from '../utils/use-copy-button';
+import { buttonVariants } from '../components/ui/button';
+export const Pre = forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("pre", { ref: ref, className: cn('max-h-[400px] p-4', className), ...props, children: props.children }));
+});
+Pre.displayName = 'Pre';
+export const CodeBlock = forwardRef(({ title, allowCopy = true, keepBackground = false, icon, className, ...props }, ref) => {
+    const areaRef = useRef(null);
+    const onCopy = useCallback(() => {
+        const pre = areaRef.current?.getElementsByTagName('pre').item(0);
+        if (!pre)
+            return;
+        const clone = pre.cloneNode(true);
+        clone.querySelectorAll('.nd-copy-ignore').forEach((node) => {
+            node.remove();
+        });
+        void navigator.clipboard.writeText(clone.textContent ?? '');
+    }, []);
+    return (_jsxs("figure", { ref: ref, className: cn('not-prose group fd-codeblock relative my-6 overflow-hidden rounded-lg border bg-fd-secondary/50 text-sm', keepBackground &&
+            'bg-[var(--shiki-light-bg)] dark:bg-[var(--shiki-dark-bg)]', className), ...props, children: [title ? (_jsxs("div", { className: "flex flex-row items-center gap-2 border-b bg-fd-muted px-4 py-1.5", children: [icon ? (_jsx("div", { className: "text-fd-muted-foreground [&_svg]:size-3.5", ...(typeof icon === 'string'
+                            ? {
+                                dangerouslySetInnerHTML: { __html: icon },
+                            }
+                            : {
+                                children: icon,
+                            }) })) : null, _jsx("figcaption", { className: "flex-1 truncate text-fd-muted-foreground", children: title }), allowCopy ? (_jsx(CopyButton, { className: "-me-2", onCopy: onCopy })) : null] })) : (allowCopy && (_jsx(CopyButton, { className: "absolute right-2 top-2 z-[2] backdrop-blur-md", onCopy: onCopy }))), _jsxs(ScrollArea, { ref: areaRef, dir: "ltr", children: [_jsx(ScrollViewport, { children: props.children }), _jsx(ScrollBar, { orientation: "horizontal" })] })] }));
+});
+CodeBlock.displayName = 'CodeBlock';
+function CopyButton({ className, onCopy, ...props }) {
+    const [checked, onClick] = useCopyButton(onCopy);
+    return (_jsxs("button", { type: "button", className: cn(buttonVariants({
+            color: 'ghost',
+            className: 'transition-all group-hover:opacity-100',
+        }), !checked && 'opacity-0', className), "aria-label": "Copy Text", onClick: onClick, ...props, children: [_jsx(Check, { className: cn('size-3.5 transition-transform', !checked && 'scale-0') }), _jsx(Copy, { className: cn('absolute size-3.5 transition-transform', checked && 'scale-0') })] }));
+}

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

@@ -1,11 +1,8 @@
-import { AlgoliaOptions } from 'fumadocs-core/search/client';
-import { ReactNode } from 'react';
-import { SharedProps } from './search.js';
-import { T as TagItem } from '../../tag-list-BsEgfE3x.js';
-import 'react/jsx-runtime';
-import 'fumadocs-core/server';
-
-interface AlgoliaSearchDialogProps extends SharedProps {
+import { type AlgoliaOptions } from 'fumadocs-core/search/client';
+import { type ReactNode } from 'react';
+import { type SharedProps } from './search';
+import { type TagItem } from './tag-list';
+export interface AlgoliaSearchDialogProps extends SharedProps {
     index: AlgoliaOptions['index'];
     searchOptions?: Omit<AlgoliaOptions, 'index'>;
     footer?: ReactNode;
@@ -24,6 +21,5 @@ interface AlgoliaSearchDialogProps extends SharedProps {
      */
     allowClear?: boolean;
 }
-declare function AlgoliaSearchDialog({ index, searchOptions, tags, defaultTag, showAlgolia, allowClear, ...props }: AlgoliaSearchDialogProps): ReactNode;
-
-export { type AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };
+export default function AlgoliaSearchDialog({ index, searchOptions, tags, defaultTag, showAlgolia, allowClear, ...props }: AlgoliaSearchDialogProps): ReactNode;
+//# 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,EAEL,KAAK,cAAc,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,KAAK,OAAO,EAAY,MAAM,YAAY,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAC9C,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,KAAK,EACL,aAAa,EACb,IAAI,EACJ,UAAU,EACV,WAAmB,EACnB,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,SAAS,CA0CtC"}