fumadocs-ui 8.0.0

package/dist/chunk-OG3QOLYP.js

@@ -0,0 +1,43 @@
+import {
+  cn
+} from "./chunk-KCGRUOMD.js";
+
+// src/components/ui/scroll-area.tsx
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {}),
+      /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+      /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" })
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.Scrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex select-none data-[state=hidden]:animate-fade-out",
+      orientation === "vertical" && "h-full w-1.5",
+      orientation === "horizontal" && "h-1.5 flex-col",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
+
+export {
+  ScrollArea
+};

package/dist/chunk-PLXR6QNH.js

@@ -0,0 +1,21 @@
+// src/contexts/sidebar.tsx
+import { createContext, useContext, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var SidebarCollapseContext = createContext(void 0);
+function useSidebarCollapse() {
+  const ctx = useContext(SidebarCollapseContext);
+  if (!ctx)
+    throw new Error("Missing root provider");
+  return ctx;
+}
+function SidebarCollapseProvider({
+  children
+}) {
+  const [open, setOpen] = useState(true);
+  return /* @__PURE__ */ jsx(SidebarCollapseContext.Provider, { value: [open, setOpen], children });
+}
+
+export {
+  useSidebarCollapse,
+  SidebarCollapseProvider
+};

package/dist/chunk-UIZNMCLD.js

@@ -0,0 +1,49 @@
+import {
+  flattenTree,
+  hasActive
+} from "./chunk-EDUYFB4P.js";
+
+// src/contexts/tree.tsx
+import { usePathname } from "next/navigation";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var TreeContext = createContext(void 0);
+function findRoot(items, pathname) {
+  for (const item of items) {
+    if (item.type === "folder") {
+      const root = findRoot(item.children, pathname);
+      if (root)
+        return root;
+      if (item.root === true && hasActive(item.children, pathname)) {
+        return item;
+      }
+    }
+  }
+}
+function TreeContextProvider({
+  children,
+  tree
+}) {
+  const pathname = usePathname();
+  const value = useMemo(() => {
+    const root = findRoot(tree.children, pathname) ?? tree;
+    const list = flattenTree(root.children);
+    return {
+      root,
+      list,
+      tree
+    };
+  }, [pathname, tree]);
+  return /* @__PURE__ */ jsx(TreeContext.Provider, { value, children });
+}
+function useTreeContext() {
+  const ctx = useContext(TreeContext);
+  if (!ctx)
+    throw new Error("You must wrap this component under <DocsLayout />");
+  return ctx;
+}
+
+export {
+  TreeContextProvider,
+  useTreeContext
+};

package/dist/chunk-YAHHY62W.js

@@ -0,0 +1,20 @@
+// src/contexts/i18n.tsx
+import { createContext, useContext } from "react";
+var defaultTranslations = {
+  search: "Search",
+  searchNoResult: "No results found",
+  toc: "On this page",
+  lastUpdate: "Last updated on",
+  chooseLanguage: "Choose a language"
+};
+var I18nContext = createContext({
+  text: defaultTranslations
+});
+function useI18n() {
+  return useContext(I18nContext);
+}
+
+export {
+  I18nContext,
+  useI18n
+};

package/dist/components/accordion.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+
+declare const Accordions: react.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & react.RefAttributes<HTMLDivElement>>;
+declare const MultipleAccordions: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionMultipleProps & react.RefAttributes<HTMLDivElement>>;
+declare const SingleAccordions: react.ForwardRefExoticComponent<AccordionPrimitive.AccordionSingleProps & react.RefAttributes<HTMLDivElement>>;
+declare const Accordion: react.ForwardRefExoticComponent<Omit<Omit<AccordionPrimitive.AccordionItemProps & react.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+    title: string;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, Accordions, MultipleAccordions, SingleAccordions };

package/dist/components/accordion.js

@@ -0,0 +1,128 @@
+"use client";
+import {
+  useCopyButton
+} from "../chunk-24NYFO7H.js";
+import {
+  buttonVariants
+} from "../chunk-5KW7ATCP.js";
+import {
+  cn
+} from "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/accordion.tsx
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { CheckIcon, ChevronRightIcon, LinkIcon } from "lucide-react";
+import {
+  forwardRef,
+  useState,
+  useEffect
+} from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var variants = cva("divide-y divide-border");
+var Accordions = forwardRef((props, ref) => {
+  if (props.type === "multiple") {
+    return /* @__PURE__ */ jsx(MultipleAccordions, { ref, ...props });
+  }
+  return /* @__PURE__ */ jsx(
+    SingleAccordions,
+    {
+      ref,
+      ...props,
+      type: "single"
+    }
+  );
+});
+Accordions.displayName = "Accordions";
+var MultipleAccordions = forwardRef(({ className, defaultValue, ...props }, ref) => {
+  const [defValue, setDefValue] = useState(defaultValue);
+  const value = props.value ?? defValue;
+  const setValue = props.onValueChange?.bind(props) ?? setDefValue;
+  useEffect(() => {
+    if (window.location.hash.length > 0)
+      setValue([window.location.hash.substring(1)]);
+  }, [setValue]);
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      ref,
+      value,
+      onValueChange: setValue,
+      className: cn(variants(), className),
+      ...props
+    }
+  );
+});
+MultipleAccordions.displayName = "MultipleAccordions";
+var SingleAccordions = forwardRef(({ className, defaultValue, ...props }, ref) => {
+  const [defValue, setDefValue] = useState(defaultValue);
+  const value = props.value ?? defValue;
+  const setValue = props.onValueChange?.bind(props) ?? setDefValue;
+  useEffect(() => {
+    if (window.location.hash.length > 0)
+      setValue(window.location.hash.substring(1));
+  }, [setValue]);
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      ref,
+      value,
+      onValueChange: setValue,
+      collapsible: true,
+      className: cn(variants(), className),
+      ...props
+    }
+  );
+});
+SingleAccordions.displayName = "SingleAccordions";
+var Accordion = forwardRef(({ title, className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      value: props.id ?? title,
+      className: cn("group/accordion scroll-m-20", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(AccordionPrimitive.Header, { className: "not-prose flex items-center text-medium text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, { className: "flex w-full items-center gap-1 py-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", children: [
+            /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-5 transition-transform duration-200 group-data-[state=open]/accordion:rotate-90" }),
+            /* @__PURE__ */ jsx("span", { className: "text-medium font-medium text-foreground", children: title })
+          ] }),
+          props.id ? /* @__PURE__ */ jsx(CopyButton, { id: props.id }) : null
+        ] }),
+        /* @__PURE__ */ jsx(AccordionPrimitive.Content, { className: "overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", children: /* @__PURE__ */ jsx("div", { className: "pb-4 pl-6 text-sm prose-no-margin", 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: cn(
+        buttonVariants({
+          color: "ghost",
+          className: "opacity-0 transition-all group-data-[state=open]/accordion:opacity-100"
+        })
+      ),
+      onClick,
+      children: checked ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(LinkIcon, { className: "size-3.5" })
+    }
+  );
+}
+Accordion.displayName = "Accordion";
+export {
+  Accordion,
+  Accordions,
+  MultipleAccordions,
+  SingleAccordions
+};

package/dist/components/api.d.mts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+declare function Root({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+declare function API({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+interface APIInfoProps extends HTMLAttributes<HTMLDivElement> {
+    method?: string;
+    route: string;
+}
+declare function APIInfo({ children, className, method, route, ...props }: APIInfoProps): JSX.Element;
+interface PropertyProps {
+    name: string;
+    type: string;
+    required: boolean;
+    deprecated: boolean;
+    children: ReactNode;
+}
+declare function Property({ name, type, required, deprecated, children, }: PropertyProps): JSX.Element;
+declare function APIExample({ children, className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+
+export { API, APIExample, APIInfo, type APIInfoProps, Property, Root };

package/dist/components/api.js

@@ -0,0 +1,136 @@
+"use client";
+import {
+  buttonVariants
+} from "../chunk-5KW7ATCP.js";
+import {
+  cn
+} from "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/api.tsx
+import { useState } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Root({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("space-y-24 text-sm text-muted-foreground", className),
+      ...props,
+      children
+    }
+  );
+}
+function API({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col gap-x-6 gap-y-2 xl:flex-row", className),
+      ...props,
+      children
+    }
+  );
+}
+var badgeVariants = cva("rounded-lg border px-1 py-0.5 text-xs font-medium", {
+  variants: {
+    color: {
+      green: "border-green-400/50 bg-green-400/20 text-green-600 dark:text-green-400",
+      yellow: "border-yellow-400/50 bg-yellow-400/20 text-yellow-600 dark:text-yellow-400",
+      red: "border-red-400/50 bg-red-400/20 text-red-600 dark:text-red-400"
+    }
+  }
+});
+function APIInfo({
+  children,
+  className,
+  method = "GET",
+  route,
+  ...props
+}) {
+  let color = "green";
+  if (["GET", "HEAD"].includes(method))
+    color = "green";
+  if (["POST", "PATCH", "PUT"].includes(method))
+    color = "yellow";
+  if (["DELETE"].includes(method))
+    color = "red";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex-1", className), ...props, children: [
+    /* @__PURE__ */ jsxs("h2", { className: "not-prose mb-2 inline-flex items-center gap-3 font-mono", children: [
+      /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ color })), children: method }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs", children: route })
+    ] }),
+    children
+  ] });
+}
+function Property({
+  name,
+  type,
+  required,
+  deprecated,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col rounded-lg border bg-card p-3 prose-no-margin", children: [
+    /* @__PURE__ */ jsxs("h4", { className: "inline-flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx("code", { children: name }),
+      required ? /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ color: "red" })), children: "Required" }) : null,
+      deprecated ? /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ color: "yellow" })), children: "Deprecated" }) : null,
+      /* @__PURE__ */ jsx("span", { className: "ml-auto font-mono text-[13px] text-muted-foreground", children: type })
+    ] }),
+    children
+  ] });
+}
+function APIExample({
+  children,
+  className,
+  ...props
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "sticky top-14 h-fit xl:w-[40%] xl:min-w-[400px]",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-4 xl:hidden", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: cn(
+                buttonVariants({
+                  color: "muted",
+                  size: "lg"
+                })
+              ),
+              onClick: () => {
+                setIsOpen((v) => !v);
+              },
+              children: "More Details"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-border" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: cn(!isOpen && "max-xl:hidden"), children })
+      ]
+    }
+  );
+}
+export {
+  API,
+  APIExample,
+  APIInfo,
+  Property,
+  Root
+};

package/dist/components/callout.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+declare const Callout: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title" | "type" | "icon"> & {
+    title?: ReactNode;
+    /**
+     * @defaultValue info
+     */
+    type?: "info" | "warn" | "error" | undefined;
+    icon?: ReactNode;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { Callout };

package/dist/components/callout.js

@@ -0,0 +1,39 @@
+import {
+  cn
+} from "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+
+// src/components/callout.tsx
+import { AlertOctagonIcon, AlertTriangleIcon, InfoIcon } from "lucide-react";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Callout = forwardRef(
+  ({ className, children, title, type = "info", icon, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "my-6 flex flex-row gap-2 rounded-lg border bg-card p-3 text-sm text-muted-foreground shadow-md",
+          className
+        ),
+        ...props,
+        children: [
+          icon ?? {
+            info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-5 fill-blue-500 text-card" }),
+            warn: /* @__PURE__ */ jsx(AlertTriangleIcon, { className: "size-5 fill-orange-500 text-card" }),
+            error: /* @__PURE__ */ jsx(AlertOctagonIcon, { className: "size-5 fill-red-500 text-card" })
+          }[type],
+          /* @__PURE__ */ jsxs("div", { className: "w-0 flex-1", children: [
+            title ? /* @__PURE__ */ jsx("div", { className: "mb-0.5 font-medium text-card-foreground", children: title }) : null,
+            /* @__PURE__ */ jsx("div", { className: "prose-no-margin", children })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Callout.displayName = "Callout";
+export {
+  Callout
+};

package/dist/components/card.d.mts

@@ -0,0 +1,12 @@
+import { LinkProps } from 'fumadocs-core/link';
+import { HTMLAttributes, ReactNode } from 'react';
+
+declare function Cards(props: HTMLAttributes<HTMLDivElement>): JSX.Element;
+type CardProps = {
+    icon?: ReactNode;
+    title: string;
+    description: string;
+} & Omit<LinkProps, 'title'>;
+declare function Card({ icon, title, description, ...props }: CardProps): JSX.Element;
+
+export { Card, type CardProps, Cards };

package/dist/components/card.js

@@ -0,0 +1,10 @@
+import {
+  Card,
+  Cards
+} from "../chunk-F62NYOL5.js";
+import "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+export {
+  Card,
+  Cards
+};

package/dist/components/codeblock.d.mts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+type CodeBlockProps = HTMLAttributes<HTMLElement> & {
+    allowCopy?: boolean;
+};
+declare const Pre: react.ForwardRefExoticComponent<HTMLAttributes<HTMLPreElement> & react.RefAttributes<HTMLPreElement>>;
+declare const CodeBlock: react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+    allowCopy?: boolean | undefined;
+} & react.RefAttributes<HTMLElement>>;
+
+export { CodeBlock, type CodeBlockProps, Pre };

package/dist/components/codeblock.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  CodeBlock,
+  Pre
+} from "../chunk-2ZR5Z6B2.js";
+import "../chunk-OG3QOLYP.js";
+import "../chunk-24NYFO7H.js";
+import "../chunk-5KW7ATCP.js";
+import "../chunk-KCGRUOMD.js";
+import "../chunk-6C3VEZWH.js";
+export {
+  CodeBlock,
+  Pre
+};

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

@@ -0,0 +1,15 @@
+import { SearchIndex } from 'algoliasearch/lite';
+import { Options } from 'fumadocs-core/search-algolia/client';
+import { ReactNode } from 'react';
+import { SharedProps } from './search.mjs';
+import 'fumadocs-core/search/shared';
+
+type AlgoliaSearchDialogProps = ContentProps & SharedProps;
+declare function AlgoliaSearchDialog({ searchOptions, index, footer, ...props }: AlgoliaSearchDialogProps): JSX.Element;
+interface ContentProps {
+    index: SearchIndex;
+    searchOptions?: Options;
+    footer?: ReactNode;
+}
+
+export { type AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };

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

@@ -0,0 +1,39 @@
+"use client";
+import {
+  SearchDialog,
+  SearchDialogContent
+} from "../../chunk-IXYX64FW.js";
+import "../../chunk-36MVEJ25.js";
+import "../../chunk-YAHHY62W.js";
+import "../../chunk-5KW7ATCP.js";
+import "../../chunk-KCGRUOMD.js";
+import "../../chunk-6C3VEZWH.js";
+
+// src/components/dialog/search-algolia.tsx
+import {
+  useAlgoliaSearch
+} from "fumadocs-core/search-algolia/client";
+import { jsx } from "react/jsx-runtime";
+function AlgoliaSearchDialog({
+  searchOptions,
+  index,
+  footer,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SearchDialog, { ...props, children: /* @__PURE__ */ jsx(Content, { index, searchOptions, footer }) });
+}
+function Content({ index, searchOptions, footer }) {
+  const { search, setSearch, query } = useAlgoliaSearch(index, searchOptions);
+  return /* @__PURE__ */ jsx(
+    SearchDialogContent,
+    {
+      search,
+      onSearchChange: setSearch,
+      results: query.data ?? [],
+      footer
+    }
+  );
+}
+export {
+  AlgoliaSearchDialog as default
+};

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { SharedProps } from './search.mjs';
+import 'fumadocs-core/search/shared';
+
+type DefaultSearchDialogProps = SharedProps & ContentProps;
+declare function DefaultSearchDialog({ tag, footer, ...props }: DefaultSearchDialogProps): JSX.Element;
+interface ContentProps {
+    /**
+     * Search tag
+     */
+    tag?: string;
+    footer?: ReactNode;
+}
+
+export { type DefaultSearchDialogProps, DefaultSearchDialog as default };

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

@@ -0,0 +1,39 @@
+"use client";
+import {
+  SearchDialog,
+  SearchDialogContent
+} from "../../chunk-IXYX64FW.js";
+import "../../chunk-36MVEJ25.js";
+import {
+  useI18n
+} from "../../chunk-YAHHY62W.js";
+import "../../chunk-5KW7ATCP.js";
+import "../../chunk-KCGRUOMD.js";
+import "../../chunk-6C3VEZWH.js";
+
+// src/components/dialog/search-default.tsx
+import { useDocsSearch } from "fumadocs-core/search/client";
+import { jsx } from "react/jsx-runtime";
+function DefaultSearchDialog({
+  tag,
+  footer,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SearchDialog, { ...props, children: /* @__PURE__ */ jsx(Content, { tag, footer }) });
+}
+function Content({ tag, footer }) {
+  const { locale } = useI18n();
+  const { search, setSearch, query } = useDocsSearch(locale, tag);
+  return /* @__PURE__ */ jsx(
+    SearchDialogContent,
+    {
+      search,
+      onSearchChange: setSearch,
+      results: query.data ?? [],
+      footer
+    }
+  );
+}
+export {
+  DefaultSearchDialog as default
+};

package/dist/components/dialog/search.d.mts

@@ -0,0 +1,25 @@
+import { SortedResult } from 'fumadocs-core/search/shared';
+import { ReactNode } from 'react';
+
+interface SharedProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+interface SearchDialogProps extends SharedProps {
+    children?: ReactNode;
+}
+declare function SearchDialog(props: SearchDialogProps): JSX.Element;
+interface SearchContentProps extends SearchProps {
+    /**
+     * displayed at bottom
+     */
+    footer?: ReactNode;
+}
+declare function SearchDialogContent({ footer, ...props }: SearchContentProps): JSX.Element;
+interface SearchProps {
+    search: string;
+    onSearchChange: (v: string) => void;
+    results: SortedResult[] | 'empty';
+}
+
+export { SearchDialog, SearchDialogContent, type SharedProps };