fumadocs-ui 14.2.1 → 14.3.0

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

@@ -1,82 +1,22 @@
-"use client";
-import {
-  TagsList
-} from "../../chunk-DGKCMOIC.js";
-import {
-  SearchDialog
-} from "../../chunk-CLF6ZVYS.js";
-import "../../chunk-QKOA6KEZ.js";
-import "../../chunk-VPJMNIJX.js";
-import "../../chunk-TK3TM3MR.js";
-import "../../chunk-UUGCW3UP.js";
-import "../../chunk-27HFSL7N.js";
-import "../../chunk-EFMHXXHW.js";
-import "../../chunk-MLKGABMK.js";
-
-// src/components/dialog/search-algolia.tsx
-import {
-  useDocsSearch
-} from "fumadocs-core/search/client";
-import { useState } from "react";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AlgoliaSearchDialog({
-  index,
-  searchOptions,
-  tags,
-  defaultTag,
-  showAlgolia = false,
-  allowClear = false,
-  ...props
-}) {
-  const [tag, setTag] = useState(defaultTag);
-  const { search, setSearch, query } = useDocsSearch(
-    {
-      type: "algolia",
-      index,
-      ...searchOptions
-    },
-    void 0,
-    tag
-  );
-  useOnChange(defaultTag, (v) => {
-    setTag(v);
-  });
-  return /* @__PURE__ */ jsx(
-    SearchDialog,
-    {
-      search,
-      onSearchChange: setSearch,
-      results: query.data ?? [],
-      isLoading: query.isLoading,
-      ...props,
-      footer: tags ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          TagsList,
-          {
-            tag,
-            onTagChange: setTag,
-            items: tags,
-            allowClear,
-            children: showAlgolia ? /* @__PURE__ */ jsx(AlgoliaTitle, {}) : null
-          }
-        ),
-        props.footer
-      ] }) : props.footer
-    }
-  );
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocsSearch, } from 'fumadocs-core/search/client';
+import { useState } from 'react';
+import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+import { SearchDialog } from './search';
+import { TagsList } from './tag-list';
+export default function AlgoliaSearchDialog({ index, searchOptions, tags, defaultTag, showAlgolia = false, allowClear = false, ...props }) {
+    const [tag, setTag] = useState(defaultTag);
+    const { search, setSearch, query } = useDocsSearch({
+        type: 'algolia',
+        index,
+        ...searchOptions,
+    }, undefined, tag);
+    useOnChange(defaultTag, (v) => {
+        setTag(v);
+    });
+    return (_jsx(SearchDialog, { search: search, onSearchChange: setSearch, results: query.data ?? [], isLoading: query.isLoading, ...props, footer: tags ? (_jsxs(_Fragment, { children: [_jsx(TagsList, { tag: tag, onTagChange: setTag, items: tags, allowClear: allowClear, children: showAlgolia ? _jsx(AlgoliaTitle, {}) : null }), props.footer] })) : (props.footer) }));
 }
 function AlgoliaTitle() {
-  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"
-    }
-  );
+    return (_jsx("a", { href: "https://algolia.com", rel: "noreferrer noopener", className: "ms-auto text-xs text-fd-muted-foreground", children: "Search powered by Algolia" }));
 }
-export {
-  AlgoliaSearchDialog as default
-};

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

@@ -1,10 +1,7 @@
-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 DefaultSearchDialogProps extends SharedProps {
+import { type ReactNode } from 'react';
+import { type SharedProps } from './search';
+import { type TagItem } from './tag-list';
+export interface DefaultSearchDialogProps extends SharedProps {
     /**
      * @defaultValue 'fetch'
      */
@@ -27,6 +24,5 @@ interface DefaultSearchDialogProps extends SharedProps {
      */
     allowClear?: boolean;
 }
-declare function DefaultSearchDialog({ defaultTag, tags, api, delayMs, type, allowClear, ...props }: DefaultSearchDialogProps): ReactNode;
-
-export { type DefaultSearchDialogProps, DefaultSearchDialog as default };
+export default function DefaultSearchDialog({ defaultTag, tags, api, delayMs, type, allowClear, ...props }: DefaultSearchDialogProps): ReactNode;
+//# sourceMappingURL=search-default.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-default.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search-default.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,KAAK,OAAO,EAAY,MAAM,YAAY,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IAEjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,UAAU,EACV,IAAI,EACJ,GAAG,EACH,OAAO,EACP,IAAc,EACd,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,SAAS,CA8CtC"}

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

@@ -1,74 +1,25 @@
-"use client";
-import {
-  TagsList
-} from "../../chunk-DGKCMOIC.js";
-import {
-  SearchDialog
-} from "../../chunk-CLF6ZVYS.js";
-import "../../chunk-QKOA6KEZ.js";
-import "../../chunk-VPJMNIJX.js";
-import "../../chunk-TK3TM3MR.js";
-import "../../chunk-UUGCW3UP.js";
-import "../../chunk-27HFSL7N.js";
-import {
-  useI18n
-} from "../../chunk-EFMHXXHW.js";
-import "../../chunk-MLKGABMK.js";
-
-// src/components/dialog/search-default.tsx
-import { useDocsSearch } from "fumadocs-core/search/client";
-import { useState } from "react";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function DefaultSearchDialog({
-  defaultTag,
-  tags,
-  api,
-  delayMs,
-  type = "fetch",
-  allowClear = false,
-  ...props
-}) {
-  const { locale } = useI18n();
-  const [tag, setTag] = useState(defaultTag);
-  const { search, setSearch, query } = useDocsSearch(
-    type === "fetch" ? {
-      type: "fetch",
-      api
-    } : {
-      type: "static",
-      from: api
-    },
-    locale,
-    tag,
-    delayMs
-  );
-  useOnChange(defaultTag, (v) => {
-    setTag(v);
-  });
-  return /* @__PURE__ */ jsx(
-    SearchDialog,
-    {
-      search,
-      onSearchChange: setSearch,
-      isLoading: query.isLoading,
-      results: query.data ?? [],
-      ...props,
-      footer: tags ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          TagsList,
-          {
-            tag,
-            onTagChange: setTag,
-            items: tags,
-            allowClear
-          }
-        ),
-        props.footer
-      ] }) : props.footer
-    }
-  );
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocsSearch } from 'fumadocs-core/search/client';
+import { useState } from 'react';
+import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+import { useI18n } from '../../contexts/i18n';
+import { SearchDialog } from './search';
+import { TagsList } from './tag-list';
+export default function DefaultSearchDialog({ defaultTag, tags, api, delayMs, type = 'fetch', allowClear = false, ...props }) {
+    const { locale } = useI18n();
+    const [tag, setTag] = useState(defaultTag);
+    const { search, setSearch, query } = useDocsSearch(type === 'fetch'
+        ? {
+            type: 'fetch',
+            api,
+        }
+        : {
+            type: 'static',
+            from: api,
+        }, locale, tag, delayMs);
+    useOnChange(defaultTag, (v) => {
+        setTag(v);
+    });
+    return (_jsx(SearchDialog, { search: search, onSearchChange: setSearch, isLoading: query.isLoading, results: query.data ?? [], ...props, footer: tags ? (_jsxs(_Fragment, { children: [_jsx(TagsList, { tag: tag, onTagChange: setTag, items: tags, allowClear: allowClear }), props.footer] })) : (props.footer) }));
 }
-export {
-  DefaultSearchDialog as default
-};

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

@@ -1,11 +1,8 @@
-import { OramaCloudOptions } 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 OramaSearchDialogProps extends SharedProps {
+import { type OramaCloudOptions } from 'fumadocs-core/search/client';
+import { type ReactNode } from 'react';
+import { type SharedProps } from './search';
+import { type TagItem } from './tag-list';
+export interface OramaSearchDialogProps extends SharedProps {
     client: OramaCloudOptions['client'];
     searchOptions?: OramaCloudOptions['params'];
     footer?: ReactNode;
@@ -27,6 +24,5 @@ interface OramaSearchDialogProps extends SharedProps {
 /**
  * Orama Cloud integration
  */
-declare function OramaSearchDialog({ client, searchOptions, tags, defaultTag, showOrama, allowClear, ...props }: OramaSearchDialogProps): ReactNode;
-
-export { type OramaSearchDialogProps, OramaSearchDialog as default };
+export default function OramaSearchDialog({ client, searchOptions, tags, defaultTag, showOrama, allowClear, ...props }: OramaSearchDialogProps): ReactNode;
+//# sourceMappingURL=search-orama.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-orama.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search-orama.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,iBAAiB,EACvB,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,sBAAuB,SAAQ,WAAW;IACzD,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,aAAa,EACb,IAAI,EACJ,UAAU,EACV,SAAiB,EACjB,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,SAAS,CA0CpC"}

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

@@ -1,82 +1,25 @@
-"use client";
-import {
-  TagsList
-} from "../../chunk-DGKCMOIC.js";
-import {
-  SearchDialog
-} from "../../chunk-CLF6ZVYS.js";
-import "../../chunk-QKOA6KEZ.js";
-import "../../chunk-VPJMNIJX.js";
-import "../../chunk-TK3TM3MR.js";
-import "../../chunk-UUGCW3UP.js";
-import "../../chunk-27HFSL7N.js";
-import "../../chunk-EFMHXXHW.js";
-import "../../chunk-MLKGABMK.js";
-
-// src/components/dialog/search-orama.tsx
-import {
-  useDocsSearch
-} from "fumadocs-core/search/client";
-import { useState } from "react";
-import { useOnChange } from "fumadocs-core/utils/use-on-change";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function OramaSearchDialog({
-  client,
-  searchOptions,
-  tags,
-  defaultTag,
-  showOrama = false,
-  allowClear = false,
-  ...props
-}) {
-  const [tag, setTag] = useState(defaultTag);
-  const { search, setSearch, query } = useDocsSearch(
-    {
-      type: "orama-cloud",
-      client,
-      params: searchOptions
-    },
-    void 0,
-    tag
-  );
-  useOnChange(defaultTag, (v) => {
-    setTag(v);
-  });
-  return /* @__PURE__ */ jsx(
-    SearchDialog,
-    {
-      search,
-      onSearchChange: setSearch,
-      results: query.data ?? [],
-      isLoading: query.isLoading,
-      ...props,
-      footer: tags ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          TagsList,
-          {
-            tag,
-            onTagChange: setTag,
-            items: tags,
-            allowClear,
-            children: showOrama ? /* @__PURE__ */ jsx(Label, {}) : null
-          }
-        ),
-        props.footer
-      ] }) : props.footer
-    }
-  );
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDocsSearch, } from 'fumadocs-core/search/client';
+import { useState } from 'react';
+import { useOnChange } from 'fumadocs-core/utils/use-on-change';
+import { SearchDialog } from './search';
+import { TagsList } from './tag-list';
+/**
+ * Orama Cloud integration
+ */
+export default function OramaSearchDialog({ client, searchOptions, tags, defaultTag, showOrama = false, allowClear = false, ...props }) {
+    const [tag, setTag] = useState(defaultTag);
+    const { search, setSearch, query } = useDocsSearch({
+        type: 'orama-cloud',
+        client,
+        params: searchOptions,
+    }, undefined, tag);
+    useOnChange(defaultTag, (v) => {
+        setTag(v);
+    });
+    return (_jsx(SearchDialog, { search: search, onSearchChange: setSearch, results: query.data ?? [], isLoading: query.isLoading, ...props, footer: tags ? (_jsxs(_Fragment, { children: [_jsx(TagsList, { tag: tag, onTagChange: setTag, items: tags, allowClear: allowClear, children: showOrama ? _jsx(Label, {}) : null }), props.footer] })) : (props.footer) }));
 }
 function Label() {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      href: "https://orama.com",
-      rel: "noreferrer noopener",
-      className: "ms-auto text-xs text-fd-muted-foreground",
-      children: "Search powered by Orama"
-    }
-  );
+    return (_jsx("a", { href: "https://orama.com", rel: "noreferrer noopener", className: "ms-auto text-xs text-fd-muted-foreground", children: "Search powered by Orama" }));
 }
-export {
-  OramaSearchDialog as default
-};

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

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SortedResult } from 'fumadocs-core/server';
-import { ReactNode } from 'react';
-
-type SearchLink = [name: string, href: string];
-interface SharedProps {
+import type { SortedResult } from 'fumadocs-core/server';
+import { type ReactNode } from 'react';
+export type SearchLink = [name: string, href: string];
+export interface SharedProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     /**
@@ -24,6 +22,6 @@ interface SearchResultProps {
     items: SortedResult[];
     hideResults?: boolean;
 }
-declare function SearchDialog({ open, onOpenChange, footer, links, ...props }: SearchDialogProps): react_jsx_runtime.JSX.Element;
-
-export { SearchDialog, type SearchLink, type SharedProps };
+export declare function SearchDialog({ open, onOpenChange, footer, links, ...props }: SearchDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAaf,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,KAAK,iBAAiB,GAAG,WAAW,GAClC,gBAAgB,GAChB,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,GAAG;IACjC,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAElC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEJ,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,KAAU,EACV,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAoCnB"}

package/dist/components/dialog/search.js

@@ -1,14 +1,99 @@
-"use client";
-import {
-  SearchDialog
-} from "../../chunk-CLF6ZVYS.js";
-import "../../chunk-QKOA6KEZ.js";
-import "../../chunk-VPJMNIJX.js";
-import "../../chunk-TK3TM3MR.js";
-import "../../chunk-UUGCW3UP.js";
-import "../../chunk-27HFSL7N.js";
-import "../../chunk-EFMHXXHW.js";
-import "../../chunk-MLKGABMK.js";
-export {
-  SearchDialog
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileText, Hash, Loader2, SearchIcon, Text } from 'lucide-react';
+import { useRouter } from 'next/navigation';
+import { useMemo, useEffect, useState, useRef, } from 'react';
+import { useI18n } from '../../contexts/i18n';
+import { cn } from '../../utils/cn';
+import { useSearchContext } from '../../contexts/search';
+import { useSidebar } from '../../contexts/sidebar';
+import { buttonVariants } from '../../components/ui/button';
+import { Dialog, DialogContent, DialogOverlay, DialogTitle, } from '@radix-ui/react-dialog';
+export function SearchDialog({ open, onOpenChange, footer, links = [], ...props }) {
+    const { text } = useI18n();
+    const defaultItems = useMemo(() => links.map(([name, link]) => ({
+        type: 'page',
+        id: name,
+        content: name,
+        url: link,
+    })), [links]);
+    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [_jsx(DialogOverlay, { className: "fixed inset-0 z-50 bg-fd-background/50 backdrop-blur-sm data-[state=closed]:animate-fd-fade-out data-[state=open]:animate-fd-fade-in" }), _jsxs(DialogContent, { "aria-describedby": undefined, className: "fixed left-1/2 top-[10vh] z-50 w-[98vw] max-w-screen-sm origin-left -translate-x-1/2 rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-lg data-[state=closed]:animate-fd-dialog-out data-[state=open]:animate-fd-dialog-in", children: [_jsx(DialogTitle, { className: "hidden", children: text.search }), _jsx(SearchInput, { search: props.search, onSearchChange: props.onSearchChange, isLoading: props.isLoading }), _jsx(SearchList, { items: props.results === 'empty' ? defaultItems : props.results, hideResults: props.results === 'empty' && defaultItems.length === 0 }), footer ? (_jsx("div", { className: "mt-auto flex flex-col border-t p-3", children: footer })) : null] })] }));
+}
+const icons = {
+    text: _jsx(Text, { className: "size-4 text-fd-muted-foreground" }),
+    heading: _jsx(Hash, { className: "size-4 text-fd-muted-foreground" }),
+    page: _jsx(FileText, { className: "size-4 text-fd-muted-foreground" }),
 };
+function SearchInput({ search, onSearchChange, isLoading }) {
+    const { text } = useI18n();
+    const { setOpenSearch } = useSearchContext();
+    return (_jsxs("div", { className: "flex flex-row items-center gap-2 px-3", children: [_jsx(LoadingIndicator, { isLoading: isLoading ?? false }), _jsx("input", { value: search, onChange: (e) => {
+                    onSearchChange(e.target.value);
+                }, placeholder: text.search, className: "w-0 flex-1 bg-transparent py-3 text-base placeholder:text-fd-muted-foreground focus-visible:outline-none" }), _jsx("button", { type: "button", "aria-label": "Close Search", onClick: () => {
+                    setOpenSearch(false);
+                }, className: cn(buttonVariants({
+                    color: 'outline',
+                    className: 'text-xs p-1.5',
+                })), children: "Esc" })] }));
+}
+function SearchList({ items, hideResults = false }) {
+    const [active, setActive] = useState();
+    const { text } = useI18n();
+    const router = useRouter();
+    const sidebar = useSidebar();
+    const { setOpenSearch } = useSearchContext();
+    if (items.length > 0 &&
+        (!active || items.every((item) => item.id !== active))) {
+        setActive(items[0].id);
+    }
+    const listenerRef = useRef();
+    listenerRef.current = (e) => {
+        if (e.key === 'ArrowDown' || e.key == 'ArrowUp') {
+            setActive((cur) => {
+                const idx = items.findIndex((item) => item.id === cur);
+                if (idx === -1)
+                    return items.at(0)?.id;
+                return items.at((e.key === 'ArrowDown' ? idx + 1 : idx - 1) % items.length)?.id;
+            });
+            e.preventDefault();
+        }
+        if (e.key === 'Enter') {
+            const selected = items.find((item) => item.id === active);
+            if (selected)
+                onOpen(selected.url);
+            e.preventDefault();
+        }
+    };
+    useEffect(() => {
+        const listener = (e) => {
+            listenerRef.current?.(e);
+        };
+        window.addEventListener('keydown', listener);
+        return () => {
+            window.removeEventListener('keydown', listener);
+        };
+    }, []);
+    const onOpen = (url) => {
+        router.push(url);
+        setOpenSearch(false);
+        sidebar.setOpen(false);
+    };
+    return (_jsxs("div", { className: cn('flex max-h-[460px] flex-col overflow-y-auto border-t p-2', hideResults && 'hidden'), children: [items.length === 0 ? (_jsx("div", { className: "py-12 text-center text-sm", children: text.searchNoResult })) : null, items.map((item) => (_jsxs(CommandItem, { value: item.id, active: active, onActiveChange: setActive, onClick: () => {
+                    onOpen(item.url);
+                }, children: [item.type !== 'page' ? (_jsx("div", { role: "none", className: "ms-2 h-full min-h-10 w-px bg-fd-border" })) : null, icons[item.type], _jsx("p", { className: "w-0 flex-1 truncate", children: item.content })] }, item.id)))] }));
+}
+function LoadingIndicator({ isLoading }) {
+    return (_jsxs("div", { className: "relative size-4", children: [_jsx(Loader2, { className: cn('absolute size-full animate-spin text-fd-primary transition-opacity', !isLoading && 'opacity-0') }), _jsx(SearchIcon, { className: cn('absolute size-full text-fd-muted-foreground transition-opacity', isLoading && 'opacity-0') })] }));
+}
+function CommandItem({ active, onActiveChange, value, ...props }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const element = ref.current;
+        if (active === value && element) {
+            element.scrollIntoView({
+                block: 'nearest',
+            });
+        }
+    }, [active, value]);
+    return (_jsx("button", { ref: ref, type: "button", "aria-selected": active === value, onPointerMove: () => onActiveChange(value), ...props, className: cn('flex min-h-10 select-none flex-row items-center gap-2.5 rounded-lg px-2 text-start text-sm aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-selected:bg-fd-accent aria-selected:text-fd-accent-foreground', props.className), children: props.children }));
+}

package/dist/components/dialog/tag-list.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from 'react';
+export interface TagItem {
+    name: string;
+    value: string | undefined;
+}
+export interface TagsListProps extends HTMLAttributes<HTMLDivElement> {
+    tag?: string;
+    onTagChange: (tag: string | undefined) => void;
+    allowClear?: boolean;
+    items: TagItem[];
+}
+export declare function TagsList({ tag, onTagChange, items, allowClear, ...props }: TagsListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tag-list.d.ts.map

package/dist/components/dialog/tag-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-list.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/tag-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAaD,wBAAgB,QAAQ,CAAC,EACvB,GAAG,EACH,WAAW,EACX,KAAK,EACL,UAAU,EACV,GAAG,KAAK,EACT,EAAE,aAAa,2CA0Bf"}

package/dist/components/dialog/tag-list.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../../utils/cn';
+const itemVariants = cva('rounded-md border px-2 py-0.5 text-xs font-medium text-fd-muted-foreground transition-colors', {
+    variants: {
+        active: {
+            true: 'bg-fd-accent text-fd-accent-foreground',
+        },
+    },
+});
+export function TagsList({ tag, onTagChange, items, allowClear, ...props }) {
+    return (_jsxs("div", { ...props, className: cn('flex flex-row items-center gap-1', props.className), children: [items.map((item) => (_jsx("button", { type: "button", className: cn(itemVariants({ active: tag === item.value })), onClick: () => {
+                    if (tag === item.value && allowClear) {
+                        onTagChange(undefined);
+                    }
+                    else {
+                        onTagChange(item.value);
+                    }
+                }, tabIndex: -1, children: item.name }, item.value))), props.children] }));
+}

package/dist/components/files.d.ts

@@ -1,11 +1,10 @@
-import { HTMLAttributes, ReactNode } from 'react';
-
-declare function Files({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
-interface FileProps extends HTMLAttributes<HTMLDivElement> {
+import { type HTMLAttributes, type ReactNode } from 'react';
+export declare function Files({ className, ...props }: HTMLAttributes<HTMLDivElement>): React.ReactElement;
+export interface FileProps extends HTMLAttributes<HTMLDivElement> {
     name: string;
     icon?: ReactNode;
 }
-interface FolderProps extends HTMLAttributes<HTMLDivElement> {
+export interface FolderProps extends HTMLAttributes<HTMLDivElement> {
     name: string;
     disabled?: boolean;
     /**
@@ -15,7 +14,6 @@ interface FolderProps extends HTMLAttributes<HTMLDivElement> {
      */
     defaultOpen?: boolean;
 }
-declare function File({ name, icon, className, ...rest }: FileProps): React.ReactElement;
-declare function Folder({ name, defaultOpen, ...props }: FolderProps): React.ReactElement;
-
-export { File, type FileProps, Files, Folder, type FolderProps };
+export declare function File({ name, icon, className, ...rest }: FileProps): React.ReactElement;
+export declare function Folder({ name, defaultOpen, ...props }: FolderProps): React.ReactElement;
+//# sourceMappingURL=files.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"files.d.ts","sourceRoot":"","sources":["../../src/components/files.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYtE,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CASrD;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,GAAG,KAAK,CAAC,YAAY,CAOhC;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAclC"}