fumadocs-ui 16.4.0 → 16.4.2

package/dist/components/card.d.ts

@@ -1,11 +1,21 @@
-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;
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+import { HTMLAttributes, ReactNode } from "react";
+
+//#region src/components/card.d.ts
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): react_jsx_runtime28.JSX.Element;
+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;
+declare function Card({
+  icon,
+  title,
+  description,
+  ...props
+}: CardProps): react_jsx_runtime28.JSX.Element;
+//#endregion
+export { Card, CardProps, Cards };
 //# sourceMappingURL=card.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,KAAA,QAAa,eAAe,kBAAe,mBAAA,CAAA,GAAA,CAAA;KAQ/C,SAAA,GAAY,KAAK,eAAe;SACnC;EATO,KAAA,EAUP,SAVY;EAAuB,WAAA,CAAA,EAW5B,SAX4B;EAAf,IAAA,CAAA,EAAA,MAAA;EAA8B,QAAA,CAAA,EAAA,OAAA;CAAA;AAQ/C,iBASI,IAAA,CATK;EAAA,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,GAAA;AAAA,CAAA,EASwC,SATxC,CAAA,EASiD,mBAAA,CAAA,GAAA,CAAA,OATjD"}

package/dist/components/card.js

@@ -1,10 +1,41 @@
-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 }));
+import Link from "fumadocs-core/link";
+import { cn } from "@fumadocs/ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/card.tsx
+function Cards(props) {
+	return /* @__PURE__ */ 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 })] }));
+function Card({ icon, title, description, ...props }) {
+	return /* @__PURE__ */ jsxs(props.href ? Link : "div", {
+		...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 ? /* @__PURE__ */ 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,
+			/* @__PURE__ */ jsx("h3", {
+				className: "not-prose mb-1 text-sm font-medium",
+				children: title
+			}),
+			description ? /* @__PURE__ */ jsx("p", {
+				className: "my-0! text-sm text-fd-muted-foreground",
+				children: description
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: "text-sm text-fd-muted-foreground prose-no-margin empty:hidden",
+				children: props.children
+			})
+		]
+	});
 }
+
+//#endregion
+export { Card, Cards };
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":["import Link from 'fumadocs-core/link';\nimport type { HTMLAttributes, ReactNode } from 'react';\nimport { cn } from '@fumadocs/ui/cn';\n\nexport function Cards(props: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div {...props} className={cn('grid grid-cols-2 gap-3 @container', props.className)}>\n      {props.children}\n    </div>\n  );\n}\n\nexport type CardProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n\n  href?: string;\n  external?: boolean;\n};\n\nexport function Card({ icon, title, description, ...props }: CardProps) {\n  const E = props.href ? Link : 'div';\n\n  return (\n    <E\n      {...props}\n      data-card\n      className={cn(\n        'block rounded-xl border bg-fd-card p-4 text-fd-card-foreground transition-colors @max-lg:col-span-full',\n        props.href && 'hover:bg-fd-accent/80',\n        props.className,\n      )}\n    >\n      {icon ? (\n        <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\">\n          {icon}\n        </div>\n      ) : null}\n      <h3 className=\"not-prose mb-1 text-sm font-medium\">{title}</h3>\n      {description ? <p className=\"my-0! text-sm text-fd-muted-foreground\">{description}</p> : null}\n      <div className=\"text-sm text-fd-muted-foreground prose-no-margin empty:hidden\">\n        {props.children}\n      </div>\n    </E>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,MAAM,OAAuC;AAC3D,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,qCAAqC,MAAM,UAAU;YAChF,MAAM;GACH;;AAaV,SAAgB,KAAK,EAAE,MAAM,OAAO,aAAa,GAAG,SAAoB;AAGtE,QACE,qBAHQ,MAAM,OAAO,OAAO;EAI1B,GAAI;EACJ;EACA,WAAW,GACT,0GACA,MAAM,QAAQ,yBACd,MAAM,UACP;;GAEA,OACC,oBAAC;IAAI,WAAU;cACZ;KACG,GACJ;GACJ,oBAAC;IAAG,WAAU;cAAsC;KAAW;GAC9D,cAAc,oBAAC;IAAE,WAAU;cAA0C;KAAgB,GAAG;GACzF,oBAAC;IAAI,WAAU;cACZ,MAAM;KACH;;GACJ"}

package/dist/components/codeblock.d.ts

@@ -1,42 +1,63 @@
-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;
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
+import { ComponentProps, HTMLAttributes, ReactNode } from "react";
+
+//#region src/components/codeblock.d.ts
+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, ...props }: ComponentProps<typeof Tabs>): import("react/jsx-runtime").JSX.Element;
-export declare function CodeBlockTabsList(props: ComponentProps<typeof TabsList>): import("react/jsx-runtime").JSX.Element;
-export declare function CodeBlockTabsTrigger({ children, ...props }: ComponentProps<typeof TabsTrigger>): import("react/jsx-runtime").JSX.Element;
-export declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): import("react/jsx-runtime").JSX.Element;
+declare function Pre(props: ComponentProps<'pre'>): react_jsx_runtime34.JSX.Element;
+declare function CodeBlock({
+  ref,
+  title,
+  allowCopy,
+  keepBackground,
+  icon,
+  viewportProps,
+  children,
+  Actions,
+  ...props
+}: CodeBlockProps): react_jsx_runtime34.JSX.Element;
+declare function CodeBlockTabs({
+  ref,
+  ...props
+}: ComponentProps<typeof Tabs>): react_jsx_runtime34.JSX.Element;
+declare function CodeBlockTabsList(props: ComponentProps<typeof TabsList>): react_jsx_runtime34.JSX.Element;
+declare function CodeBlockTabsTrigger({
+  children,
+  ...props
+}: ComponentProps<typeof TabsTrigger>): react_jsx_runtime34.JSX.Element;
+declare function CodeBlockTab(props: ComponentProps<typeof TabsContent>): react_jsx_runtime34.JSX.Element;
+//#endregion
+export { CodeBlock, CodeBlockProps, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
 //# sourceMappingURL=codeblock.d.ts.map

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

@@ -1 +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,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,2CA2B3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,2CAYvE;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAapC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,2CAErE"}
+{"version":3,"file":"codeblock.d.ts","names":[],"sources":["../../src/components/codeblock.tsx"],"sourcesContent":[],"mappings":";;;;;UAkBiB,cAAA,SAAuB;;;AAAxC;;;EAsBkB,IAAA,CAAA,EAhBT,SAgBS;EAYmC;;;;AAQrD;EAQgB,SAAA,CAAA,EAAS,OAAA;EACvB;;;;;EAKA,cAAA,CAAA,EAAA,OAAA;EACA,aAAA,CAAA,EAnCgB,cAmChB,CAnC+B,WAmC/B,CAAA;EACA;;;EAEe,mBAAA,CAAA,EAAA,OAAA;EA4GD;;;EAAiC,yBAAA,CAAA,EAAA,MAAA;EAA2B,OAAA,CAAA,EAAA,CAAA,KAAA,EAAA;IAAA,SAAA,CAAA,EAAA,MAAA;IAyB5D,QAAA,CAAA,EA/JqC,SA+JpB;EAA8B,CAAA,EAAA,GA/JM,SA+JN;;AAAS,iBAvJxD,GAAA,CAuJwD,KAAA,EAvJ7C,cAuJ6C,CAAA,KAAA,CAAA,CAAA,EAvJxB,mBAAA,CAAA,GAAA,CAAA,OAuJwB;AAAA,iBA/IxD,SAAA,CA+IwD;EAAA,GAAA;EAAA,KAAA;EAAA,SAAA;EAAA,cAAA;EAAA,IAAA;EAAA,aAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EArIrE,cAqIqE,CAAA,EArIvD,mBAAA,CAAA,GAAA,CAAA,OAqIuD;AAWxD,iBApCA,aAAA,CAoCoB;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EApCa,cAoCb,CAAA,OApCmC,IAoCnC,CAAA,CAAA,EApCwC,mBAAA,CAAA,GAAA,CAAA,OAoCxC;AAAG,iBAXvB,iBAAA,CAWuB,KAAA,EAXE,cAWF,CAAA,OAXwB,QAWxB,CAAA,CAAA,EAXiC,mBAAA,CAAA,GAAA,CAAA,OAWjC;AAA4C,iBAAnE,oBAAA,CAAmE;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAtB,cAAsB,CAAA,OAAA,WAAA,CAAA,CAAA,EAAY,mBAAA,CAAA,GAAA,CAAA,OAAZ;AAAtB,iBAe7C,YAAA,CAf6C,KAAA,EAezB,cAfyB,CAAA,OAeH,WAfG,CAAA,CAAA,EAeS,mBAAA,CAAA,GAAA,CAAA,OAfT"}

package/dist/components/codeblock.js

@@ -1,68 +1,126 @@
 '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';
+
+import { buttonVariants } from "./ui/button.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
+import { cn } from "@fumadocs/ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Clipboard } from "lucide-react";
+import { createContext, use, useMemo, useRef } from "react";
+import { useCopyButton } from "@fumadocs/ui/hooks/use-copy-button";
+import { mergeRefs } from "@fumadocs/ui/merge-refs";
+
+//#region src/components/codeblock.tsx
 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 }));
+function Pre(props) {
+	return /* @__PURE__ */ 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 CodeBlock({ ref, title, allowCopy = true, keepBackground = false, icon, viewportProps = {}, children, Actions = (props$1) => /* @__PURE__ */ jsx("div", {
+	...props$1,
+	className: cn("empty:hidden", props$1.className)
+}), ...props }) {
+	const inTab = use(TabsContext) !== null;
+	const areaRef = useRef(null);
+	return /* @__PURE__ */ jsxs("figure", {
+		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 ? /* @__PURE__ */ jsxs("div", {
+			className: "flex text-fd-muted-foreground items-center gap-2 h-9.5 border-b px-4",
+			children: [
+				typeof icon === "string" ? /* @__PURE__ */ jsx("div", {
+					className: "[&_svg]:size-3.5",
+					dangerouslySetInnerHTML: { __html: icon }
+				}) : icon,
+				/* @__PURE__ */ jsx("figcaption", {
+					className: "flex-1 truncate",
+					children: title
+				}),
+				Actions({
+					className: "-me-2",
+					children: allowCopy && /* @__PURE__ */ jsx(CopyButton, { containerRef: areaRef })
+				})
+			]
+		}) : Actions({
+			className: "absolute top-3 right-2 z-2 backdrop-blur-lg rounded-lg text-fd-muted-foreground",
+			children: allowCopy && /* @__PURE__ */ jsx(CopyButton, { containerRef: areaRef })
+		}), /* @__PURE__ */ 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: {
+				"--padding-right": !title ? "calc(var(--spacing) * 8)" : void 0,
+				counterSet: props["data-line-numbers"] ? `line ${Number(props["data-line-numbers-start"] ?? 1) - 1}` : void 0,
+				...viewportProps.style
+			},
+			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, {}) }));
+	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");
+		});
+		navigator.clipboard.writeText(clone.textContent ?? "");
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"data-checked": checked || void 0,
+		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,
+		...props,
+		children: checked ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Clipboard, {})
+	});
 }
-export function CodeBlockTabs({ ref, ...props }) {
-    const containerRef = useRef(null);
-    const nested = use(TabsContext) !== null;
-    return (_jsx(Tabs, { ref: mergeRefs(containerRef, ref), ...props, className: cn('bg-fd-card rounded-xl border', !nested && 'my-4', props.className), children: _jsx(TabsContext, { value: useMemo(() => ({
-                containerRef,
-                nested,
-            }), [nested]), children: props.children }) }));
+function CodeBlockTabs({ ref, ...props }) {
+	const containerRef = useRef(null);
+	const nested = use(TabsContext) !== null;
+	return /* @__PURE__ */ jsx(Tabs, {
+		ref: mergeRefs(containerRef, ref),
+		...props,
+		className: cn("bg-fd-card rounded-xl border", !nested && "my-4", props.className),
+		children: /* @__PURE__ */ jsx(TabsContext, {
+			value: useMemo(() => ({
+				containerRef,
+				nested
+			}), [nested]),
+			children: props.children
+		})
+	});
 }
-export function CodeBlockTabsList(props) {
-    return (_jsx(TabsList, { ...props, className: cn('flex flex-row px-2 overflow-x-auto text-fd-muted-foreground', props.className), children: props.children }));
+function CodeBlockTabsList(props) {
+	return /* @__PURE__ */ jsx(TabsList, {
+		...props,
+		className: cn("flex flex-row px-2 overflow-x-auto text-fd-muted-foreground", props.className),
+		children: props.children
+	});
 }
-export function CodeBlockTabsTrigger({ children, ...props }) {
-    return (_jsxs(TabsTrigger, { ...props, className: cn('relative group inline-flex text-sm font-medium text-nowrap items-center transition-colors gap-2 px-2 py-1.5 hover:text-fd-accent-foreground data-[state=active]:text-fd-primary [&_svg]:size-3.5', props.className), children: [_jsx("div", { className: "absolute inset-x-2 bottom-0 h-px group-data-[state=active]:bg-fd-primary" }), children] }));
+function CodeBlockTabsTrigger({ children, ...props }) {
+	return /* @__PURE__ */ jsxs(TabsTrigger, {
+		...props,
+		className: cn("relative group inline-flex text-sm font-medium text-nowrap items-center transition-colors gap-2 px-2 py-1.5 hover:text-fd-accent-foreground data-[state=active]:text-fd-primary [&_svg]:size-3.5", props.className),
+		children: [/* @__PURE__ */ jsx("div", { className: "absolute inset-x-2 bottom-0 h-px group-data-[state=active]:bg-fd-primary" }), children]
+	});
 }
-export function CodeBlockTab(props) {
-    return _jsx(TabsContent, { ...props });
+function CodeBlockTab(props) {
+	return /* @__PURE__ */ jsx(TabsContent, { ...props });
 }
+
+//#endregion
+export { CodeBlock, CodeBlockTab, CodeBlockTabs, CodeBlockTabsList, CodeBlockTabsTrigger, Pre };
+//# sourceMappingURL=codeblock.js.map

package/dist/components/codeblock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeblock.js","names":["props"],"sources":["../../src/components/codeblock.tsx"],"sourcesContent":["'use client';\nimport { Check, Clipboard } from 'lucide-react';\nimport {\n  type ComponentProps,\n  createContext,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  use,\n  useMemo,\n  useRef,\n} from 'react';\nimport { cn } from '@fumadocs/ui/cn';\nimport { useCopyButton } from '@fumadocs/ui/hooks/use-copy-button';\nimport { buttonVariants } from '@/components/ui/button';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';\nimport { mergeRefs } from '@fumadocs/ui/merge-refs';\n\nexport interface CodeBlockProps extends ComponentProps<'figure'> {\n  /**\n   * Icon of code block\n   *\n   * When passed as a string, it assumes the value is the HTML of icon\n   */\n  icon?: ReactNode;\n\n  /**\n   * Allow to copy code with copy button\n   *\n   * @defaultValue true\n   */\n  allowCopy?: boolean;\n\n  /**\n   * Keep original background color generated by Shiki or Rehype Code\n   *\n   * @defaultValue false\n   */\n  keepBackground?: boolean;\n\n  viewportProps?: HTMLAttributes<HTMLElement>;\n\n  /**\n   * show line numbers\n   */\n  'data-line-numbers'?: boolean;\n\n  /**\n   * @defaultValue 1\n   */\n  'data-line-numbers-start'?: number;\n\n  Actions?: (props: { className?: string; children?: ReactNode }) => ReactNode;\n}\n\nconst TabsContext = createContext<{\n  containerRef: RefObject<HTMLDivElement | null>;\n  nested: boolean;\n} | null>(null);\n\nexport function Pre(props: ComponentProps<'pre'>) {\n  return (\n    <pre {...props} className={cn('min-w-full w-max *:flex *:flex-col', props.className)}>\n      {props.children}\n    </pre>\n  );\n}\n\nexport function CodeBlock({\n  ref,\n  title,\n  allowCopy = true,\n  keepBackground = false,\n  icon,\n  viewportProps = {},\n  children,\n  Actions = (props) => <div {...props} className={cn('empty:hidden', props.className)} />,\n  ...props\n}: CodeBlockProps) {\n  const inTab = use(TabsContext) !== null;\n  const areaRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <figure\n      ref={ref}\n      dir=\"ltr\"\n      {...props}\n      tabIndex={-1}\n      className={cn(\n        inTab ? 'bg-fd-secondary -mx-px -mb-px last:rounded-b-xl' : 'my-4 bg-fd-card rounded-xl',\n        keepBackground && 'bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg)',\n\n        'shiki relative border shadow-sm not-prose overflow-hidden text-sm',\n        props.className,\n      )}\n    >\n      {title ? (\n        <div className=\"flex text-fd-muted-foreground items-center gap-2 h-9.5 border-b px-4\">\n          {typeof icon === 'string' ? (\n            <div\n              className=\"[&_svg]:size-3.5\"\n              dangerouslySetInnerHTML={{\n                __html: icon,\n              }}\n            />\n          ) : (\n            icon\n          )}\n          <figcaption className=\"flex-1 truncate\">{title}</figcaption>\n          {Actions({\n            className: '-me-2',\n            children: allowCopy && <CopyButton containerRef={areaRef} />,\n          })}\n        </div>\n      ) : (\n        Actions({\n          className:\n            'absolute top-3 right-2 z-2 backdrop-blur-lg rounded-lg text-fd-muted-foreground',\n          children: allowCopy && <CopyButton containerRef={areaRef} />,\n        })\n      )}\n      <div\n        ref={areaRef}\n        {...viewportProps}\n        role=\"region\"\n        tabIndex={0}\n        className={cn(\n          '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',\n          viewportProps.className,\n        )}\n        style={\n          {\n            // space for toolbar\n            '--padding-right': !title ? 'calc(var(--spacing) * 8)' : undefined,\n            counterSet: props['data-line-numbers']\n              ? `line ${Number(props['data-line-numbers-start'] ?? 1) - 1}`\n              : undefined,\n            ...viewportProps.style,\n          } as object\n        }\n      >\n        {children}\n      </div>\n    </figure>\n  );\n}\n\nfunction CopyButton({\n  className,\n  containerRef,\n  ...props\n}: ComponentProps<'button'> & {\n  containerRef: RefObject<HTMLElement | null>;\n}) {\n  const [checked, onClick] = useCopyButton(() => {\n    const pre = containerRef.current?.getElementsByTagName('pre').item(0);\n    if (!pre) return;\n\n    const clone = pre.cloneNode(true) as HTMLElement;\n    clone.querySelectorAll('.nd-copy-ignore').forEach((node) => {\n      node.replaceWith('\\n');\n    });\n\n    void navigator.clipboard.writeText(clone.textContent ?? '');\n  });\n\n  return (\n    <button\n      type=\"button\"\n      data-checked={checked || undefined}\n      className={cn(\n        buttonVariants({\n          className: 'hover:text-fd-accent-foreground data-checked:text-fd-accent-foreground',\n          size: 'icon-xs',\n        }),\n        className,\n      )}\n      aria-label={checked ? 'Copied Text' : 'Copy Text'}\n      onClick={onClick}\n      {...props}\n    >\n      {checked ? <Check /> : <Clipboard />}\n    </button>\n  );\n}\n\nexport function CodeBlockTabs({ ref, ...props }: ComponentProps<typeof Tabs>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nested = use(TabsContext) !== null;\n\n  return (\n    <Tabs\n      ref={mergeRefs(containerRef, ref)}\n      {...props}\n      className={cn('bg-fd-card rounded-xl border', !nested && 'my-4', props.className)}\n    >\n      <TabsContext\n        value={useMemo(\n          () => ({\n            containerRef,\n            nested,\n          }),\n          [nested],\n        )}\n      >\n        {props.children}\n      </TabsContext>\n    </Tabs>\n  );\n}\n\nexport function CodeBlockTabsList(props: ComponentProps<typeof TabsList>) {\n  return (\n    <TabsList\n      {...props}\n      className={cn('flex flex-row px-2 overflow-x-auto text-fd-muted-foreground', props.className)}\n    >\n      {props.children}\n    </TabsList>\n  );\n}\n\nexport function CodeBlockTabsTrigger({ children, ...props }: ComponentProps<typeof TabsTrigger>) {\n  return (\n    <TabsTrigger\n      {...props}\n      className={cn(\n        'relative group inline-flex text-sm font-medium text-nowrap items-center transition-colors gap-2 px-2 py-1.5 hover:text-fd-accent-foreground data-[state=active]:text-fd-primary [&_svg]:size-3.5',\n        props.className,\n      )}\n    >\n      <div className=\"absolute inset-x-2 bottom-0 h-px group-data-[state=active]:bg-fd-primary\" />\n      {children}\n    </TabsTrigger>\n  );\n}\n\nexport function CodeBlockTab(props: ComponentProps<typeof TabsContent>) {\n  return <TabsContent {...props} />;\n}\n"],"mappings":"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"}

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

@@ -1,25 +1,39 @@
-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;
+import { search_d_exports } from "../../contexts/search.js";
+import "./search.js";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import { AlgoliaOptions } from "fumadocs-core/search/client";
+
+//#region src/components/dialog/search-algolia.d.ts
+interface AlgoliaSearchDialogProps extends search_d_exports.SharedProps {
+  searchOptions: AlgoliaOptions;
+  links?: search_d_exports.SearchLink[];
+  footer?: ReactNode;
+  defaultTag?: string;
+  tags?: search_d_exports.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;
+declare function AlgoliaSearchDialog({
+  searchOptions,
+  tags,
+  defaultTag,
+  showAlgolia,
+  allowClear,
+  links,
+  footer,
+  ...props
+}: AlgoliaSearchDialogProps): react_jsx_runtime71.JSX.Element;
+//#endregion
+export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };
 //# sourceMappingURL=search-algolia.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"search-algolia.d.ts","names":[],"sources":["../../../src/components/dialog/search-algolia.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;iBACjC;UACP,gBAAA,CAAA;EAFO,MAAA,CAAA,EAIN,SAJM;EACA,UAAA,CAAA,EAAA,MAAA;EACP,IAAA,CAAA,EAKD,gBAAA,CAAA,OALC,EAAA;EAEC;;;;AAkBV;EAGC,WAAA,CAAA,EAAA,OAAA;EACA;;;;;EAKA,UAAA,CAAA,EAAA,OAAA;;AAEyB,iBATH,mBAAA,CASG;EAAA,aAAA;EAAA,IAAA;EAAA,UAAA;EAAA,WAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAAxB,wBAAwB,CAAA,EAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,35 +1,68 @@
 '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] })] }));
+
+import { i18n_exports } from "../../contexts/i18n.js";
+import { SearchDialog, SearchDialogClose, SearchDialogContent, SearchDialogFooter, SearchDialogHeader, SearchDialogIcon, SearchDialogInput, SearchDialogList, SearchDialogOverlay, TagsList, TagsListItem } from "./search.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useOnChange } from "fumadocs-core/utils/use-on-change";
+import { useDocsSearch } from "fumadocs-core/search/client";
+
+//#region src/components/dialog/search-algolia.tsx
+function AlgoliaSearchDialog({ searchOptions, tags = [], defaultTag, showAlgolia = false, allowClear = false, links = [], footer, ...props }) {
+	const [tag, setTag] = useState(defaultTag);
+	const { locale } = (0, i18n_exports.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 && /* @__PURE__ */ jsx(AlgoliaTitle, {});
+	return /* @__PURE__ */ jsxs(SearchDialog, {
+		search,
+		onSearchChange: setSearch,
+		isLoading: query.isLoading,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SearchDialogOverlay, {}),
+			/* @__PURE__ */ jsxs(SearchDialogContent, { children: [/* @__PURE__ */ jsxs(SearchDialogHeader, { children: [
+				/* @__PURE__ */ jsx(SearchDialogIcon, {}),
+				/* @__PURE__ */ jsx(SearchDialogInput, {}),
+				/* @__PURE__ */ jsx(SearchDialogClose, {})
+			] }), /* @__PURE__ */ jsx(SearchDialogList, { items: query.data !== "empty" ? query.data : defaultItems })] }),
+			/* @__PURE__ */ jsxs(SearchDialogFooter, { children: [tags.length > 0 ? /* @__PURE__ */ jsxs(TagsList, {
+				tag,
+				onTagChange: setTag,
+				allowClear,
+				children: [tags.map((tag$1) => /* @__PURE__ */ jsx(TagsListItem, {
+					value: tag$1.value,
+					children: tag$1.name
+				}, tag$1.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" }));
+	return /* @__PURE__ */ jsx("a", {
+		href: "https://algolia.com",
+		rel: "noreferrer noopener",
+		className: "ms-auto text-xs text-fd-muted-foreground",
+		children: "Search powered by Algolia"
+	});
 }
+
+//#endregion
+export { AlgoliaSearchDialog as default };
+//# sourceMappingURL=search-algolia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-algolia.js","names":["tag"],"sources":["../../../src/components/dialog/search-algolia.tsx"],"sourcesContent":["'use client';\n\nimport { type AlgoliaOptions, useDocsSearch } from 'fumadocs-core/search/client';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { useOnChange } from 'fumadocs-core/utils/use-on-change';\nimport {\n  SearchDialog,\n  SearchDialogClose,\n  SearchDialogContent,\n  SearchDialogFooter,\n  SearchDialogHeader,\n  SearchDialogIcon,\n  SearchDialogInput,\n  SearchDialogList,\n  SearchDialogOverlay,\n  type SharedProps,\n  TagsList,\n  TagsListItem,\n} from './search';\nimport type { SortedResult } from 'fumadocs-core/search';\nimport type { SearchLink, TagItem } from '@/contexts/search';\nimport { useI18n } from '@/contexts/i18n';\n\nexport interface AlgoliaSearchDialogProps extends SharedProps {\n  searchOptions: AlgoliaOptions;\n  links?: SearchLink[];\n\n  footer?: ReactNode;\n\n  defaultTag?: string;\n  tags?: TagItem[];\n\n  /**\n   * Add the \"Powered by Algolia\" label, this is useful for free tier users\n   *\n   * @defaultValue false\n   */\n  showAlgolia?: boolean;\n\n  /**\n   * Allow to clear tag filters\n   *\n   * @defaultValue false\n   */\n  allowClear?: boolean;\n}\n\nexport default function AlgoliaSearchDialog({\n  searchOptions,\n  tags = [],\n  defaultTag,\n  showAlgolia = false,\n  allowClear = false,\n  links = [],\n  footer,\n  ...props\n}: AlgoliaSearchDialogProps) {\n  const [tag, setTag] = useState(defaultTag);\n  const { locale } = useI18n();\n  const { search, setSearch, query } = useDocsSearch({\n    type: 'algolia',\n    tag,\n    locale,\n    ...searchOptions,\n  });\n  const defaultItems = useMemo<SortedResult[] | null>(() => {\n    if (links.length === 0) return null;\n    return links.map(([name, link]) => ({\n      type: 'page',\n      id: name,\n      content: name,\n      url: link,\n    }));\n  }, [links]);\n\n  useOnChange(defaultTag, (v) => {\n    setTag(v);\n  });\n\n  const label = showAlgolia && <AlgoliaTitle />;\n\n  return (\n    <SearchDialog search={search} onSearchChange={setSearch} isLoading={query.isLoading} {...props}>\n      <SearchDialogOverlay />\n      <SearchDialogContent>\n        <SearchDialogHeader>\n          <SearchDialogIcon />\n          <SearchDialogInput />\n          <SearchDialogClose />\n        </SearchDialogHeader>\n        <SearchDialogList items={query.data !== 'empty' ? query.data : defaultItems} />\n      </SearchDialogContent>\n      <SearchDialogFooter>\n        {tags.length > 0 ? (\n          <TagsList tag={tag} onTagChange={setTag} allowClear={allowClear}>\n            {tags.map((tag) => (\n              <TagsListItem key={tag.value} value={tag.value}>\n                {tag.name}\n              </TagsListItem>\n            ))}\n            {label}\n          </TagsList>\n        ) : (\n          label\n        )}\n        {footer}\n      </SearchDialogFooter>\n    </SearchDialog>\n  );\n}\n\nfunction AlgoliaTitle() {\n  return (\n    <a\n      href=\"https://algolia.com\"\n      rel=\"noreferrer noopener\"\n      className=\"ms-auto text-xs text-fd-muted-foreground\"\n    >\n      Search powered by Algolia\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;AA+CA,SAAwB,oBAAoB,EAC1C,eACA,OAAO,EAAE,EACT,YACA,cAAc,OACd,aAAa,OACb,QAAQ,EAAE,EACV,QACA,GAAG,SACwB;CAC3B,MAAM,CAAC,KAAK,UAAU,SAAS,WAAW;CAC1C,MAAM,EAAE,sCAAoB;CAC5B,MAAM,EAAE,QAAQ,WAAW,UAAU,cAAc;EACjD,MAAM;EACN;EACA;EACA,GAAG;EACJ,CAAC;CACF,MAAM,eAAe,cAAqC;AACxD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,MAAM,KAAK,CAAC,MAAM,WAAW;GAClC,MAAM;GACN,IAAI;GACJ,SAAS;GACT,KAAK;GACN,EAAE;IACF,CAAC,MAAM,CAAC;AAEX,aAAY,aAAa,MAAM;AAC7B,SAAO,EAAE;GACT;CAEF,MAAM,QAAQ,eAAe,oBAAC,iBAAe;AAE7C,QACE,qBAAC;EAAqB;EAAQ,gBAAgB;EAAW,WAAW,MAAM;EAAW,GAAI;;GACvF,oBAAC,wBAAsB;GACvB,qBAAC,kCACC,qBAAC;IACC,oBAAC,qBAAmB;IACpB,oBAAC,sBAAoB;IACrB,oBAAC,sBAAoB;OACF,EACrB,oBAAC,oBAAiB,OAAO,MAAM,SAAS,UAAU,MAAM,OAAO,eAAgB,IAC3D;GACtB,qBAAC,iCACE,KAAK,SAAS,IACb,qBAAC;IAAc;IAAK,aAAa;IAAoB;eAClD,KAAK,KAAK,UACT,oBAAC;KAA6B,OAAOA,MAAI;eACtCA,MAAI;OADYA,MAAI,MAER,CACf,EACD;KACQ,GAEX,OAED,UACkB;;GACR;;AAInB,SAAS,eAAe;AACtB,QACE,oBAAC;EACC,MAAK;EACL,KAAI;EACJ,WAAU;YACX;GAEG"}