@hanzo/docs-radix-ui 16.4.3

package/dist/components/codeblock.d.ts

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

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

@@ -0,0 +1 @@
+{"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,kBAAA,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,kBAAA,CAAA,GAAA,CAAA,OAqIuD;AAWxD,iBApCA,aAAA,CAoCoB;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EApCa,cAoCb,CAAA,OApCmC,IAoCnC,CAAA,CAAA,EApCwC,kBAAA,CAAA,GAAA,CAAA,OAoCxC;AAAG,iBAXvB,iBAAA,CAWuB,KAAA,EAXE,cAWF,CAAA,OAXwB,QAWxB,CAAA,CAAA,EAXiC,kBAAA,CAAA,GAAA,CAAA,OAWjC;AAA4C,iBAAnE,oBAAA,CAAmE;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAAtB,cAAsB,CAAA,OAAA,WAAA,CAAA,CAAA,EAAY,kBAAA,CAAA,GAAA,CAAA,OAAZ;AAAtB,iBAe7C,YAAA,CAf6C,KAAA,EAezB,cAfyB,CAAA,OAeH,WAfG,CAAA,CAAA,EAeS,kBAAA,CAAA,GAAA,CAAA,OAfT"}

package/dist/components/codeblock.js

@@ -0,0 +1,126 @@
+'use client';
+
+import { buttonVariants } from "./ui/button.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
+import { cn } from "@hanzo/docs-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 "@hanzo/docs-ui/hooks/use-copy-button";
+import { mergeRefs } from "@hanzo/docs-ui/merge-refs";
+
+//#region src/components/codeblock.tsx
+const TabsContext = createContext(null);
+function Pre(props) {
+	return /* @__PURE__ */ jsx("pre", {
+		...props,
+		className: cn("min-w-full w-max *:flex *:flex-col", props.className),
+		children: props.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");
+		});
+		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, {})
+	});
+}
+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
+		})
+	});
+}
+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
+	});
+}
+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]
+	});
+}
+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 '@hanzo/docs-ui/cn';\nimport { useCopyButton } from '@hanzo/docs-ui/hooks/use-copy-button';\nimport { buttonVariants } from '@/components/ui/button';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';\nimport { mergeRefs } from '@hanzo/docs-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

@@ -0,0 +1,39 @@
+import { search_d_exports } from "../../contexts/search.js";
+import "./search.js";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import { AlgoliaOptions } from "@hanzo/docs-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;
+}
+declare function AlgoliaSearchDialog({
+  searchOptions,
+  tags,
+  defaultTag,
+  showAlgolia,
+  allowClear,
+  links,
+  footer,
+  ...props
+}: AlgoliaSearchDialogProps): react_jsx_runtime46.JSX.Element;
+//#endregion
+export { AlgoliaSearchDialogProps, AlgoliaSearchDialog as default };
+//# 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","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

@@ -0,0 +1,68 @@
+'use client';
+
+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 "@hanzo/docs-core/utils/use-on-change";
+import { useDocsSearch } from "@hanzo/docs-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 /* @__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 '@hanzo/docs-core/search/client';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { useOnChange } from '@hanzo/docs-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 '@hanzo/docs-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"}

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

@@ -0,0 +1,44 @@
+import { search_d_exports } from "../../contexts/search.js";
+import "./search.js";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/dialog/search-default.d.ts
+interface DefaultSearchDialogProps extends search_d_exports.SharedProps {
+  links?: search_d_exports.SearchLink[];
+  /**
+   * @defaultValue 'fetch'
+   */
+  type?: 'fetch' | 'static';
+  defaultTag?: string;
+  tags?: search_d_exports.TagItem[];
+  /**
+   * Search API URL
+   */
+  api?: string;
+  /**
+   * The debounced delay for performing a search.
+   */
+  delayMs?: number;
+  footer?: ReactNode;
+  /**
+   * Allow to clear tag filters
+   *
+   * @defaultValue false
+   */
+  allowClear?: boolean;
+}
+declare function DefaultSearchDialog({
+  defaultTag,
+  tags,
+  api,
+  delayMs,
+  type,
+  allowClear,
+  links,
+  footer,
+  ...props
+}: DefaultSearchDialogProps): react_jsx_runtime38.JSX.Element;
+//#endregion
+export { DefaultSearchDialogProps, DefaultSearchDialog as default };
+//# 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","names":[],"sources":["../../../src/components/dialog/search-default.tsx"],"sourcesContent":[],"mappings":";;;;;;UAuBiB,wBAAA,SAAiC,gBAAA,CAAA;UACxC,gBAAA,CAAA;;AADV;;EASS,IAAA,CAAA,EAAA,OAAA,GAAA,QAAA;EAYE,UAAA,CAAA,EAAA,MAAA;EArBuC,IAAA,CAAA,EASzC,gBAAA,CAAA,OATyC,EAAA;EAAW;AA6B5D;;EAIC,GAAA,CAAA,EAAA,MAAA;EACA;;;EAGA,OAAA,CAAA,EAAA,MAAA;EACA,MAAA,CAAA,EAjBS,SAiBT;EACA;;;;;;;iBARsB,mBAAA;;;;;;;;;;GAUrB,2BAAwB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,66 @@
+'use client';
+
+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 "@hanzo/docs-core/utils/use-on-change";
+import { useDocsSearch } from "@hanzo/docs-core/search/client";
+
+//#region src/components/dialog/search-default.tsx
+function DefaultSearchDialog({ defaultTag, tags = [], api, delayMs, type = "fetch", allowClear = false, links = [], footer, ...props }) {
+	const { locale } = (0, i18n_exports.useI18n)();
+	const [tag, setTag] = useState(defaultTag);
+	const { search, setSearch, query } = useDocsSearch(type === "fetch" ? {
+		type: "fetch",
+		api,
+		locale,
+		tag,
+		delayMs
+	} : {
+		type: "static",
+		from: api,
+		locale,
+		tag,
+		delayMs
+	});
+	const defaultItems = useMemo(() => {
+		if (links.length === 0) return null;
+		return links.map(([name, link]) => ({
+			type: "page",
+			id: name,
+			content: name,
+			url: link
+		}));
+	}, [links]);
+	useOnChange(defaultTag, (v) => {
+		setTag(v);
+	});
+	return /* @__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__ */ jsx(TagsList, {
+				tag,
+				onTagChange: setTag,
+				allowClear,
+				children: tags.map((tag$1) => /* @__PURE__ */ jsx(TagsListItem, {
+					value: tag$1.value,
+					children: tag$1.name
+				}, tag$1.value))
+			}), footer] })
+		]
+	});
+}
+
+//#endregion
+export { DefaultSearchDialog as default };
+//# sourceMappingURL=search-default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-default.js","names":["tag"],"sources":["../../../src/components/dialog/search-default.tsx"],"sourcesContent":["'use client';\n\nimport { useDocsSearch } from '@hanzo/docs-core/search/client';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { useOnChange } from '@hanzo/docs-core/utils/use-on-change';\nimport { useI18n } from '@/contexts/i18n';\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 '@hanzo/docs-core/search';\nimport type { SearchLink, TagItem } from '@/contexts/search';\n\nexport interface DefaultSearchDialogProps extends SharedProps {\n  links?: SearchLink[];\n\n  /**\n   * @defaultValue 'fetch'\n   */\n  type?: 'fetch' | 'static';\n\n  defaultTag?: string;\n  tags?: TagItem[];\n\n  /**\n   * Search API URL\n   */\n  api?: string;\n\n  /**\n   * The debounced delay for performing a search.\n   */\n  delayMs?: number;\n\n  footer?: ReactNode;\n\n  /**\n   * Allow to clear tag filters\n   *\n   * @defaultValue false\n   */\n  allowClear?: boolean;\n}\n\nexport default function DefaultSearchDialog({\n  defaultTag,\n  tags = [],\n  api,\n  delayMs,\n  type = 'fetch',\n  allowClear = false,\n  links = [],\n  footer,\n  ...props\n}: DefaultSearchDialogProps) {\n  const { locale } = useI18n();\n  const [tag, setTag] = useState(defaultTag);\n  const { search, setSearch, query } = useDocsSearch(\n    type === 'fetch'\n      ? {\n          type: 'fetch',\n          api,\n          locale,\n          tag,\n          delayMs,\n        }\n      : {\n          type: 'static',\n          from: api,\n          locale,\n          tag,\n          delayMs,\n        },\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  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          </TagsList>\n        )}\n        {footer}\n      </SearchDialogFooter>\n    </SearchDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;AAsDA,SAAwB,oBAAoB,EAC1C,YACA,OAAO,EAAE,EACT,KACA,SACA,OAAO,SACP,aAAa,OACb,QAAQ,EAAE,EACV,QACA,GAAG,SACwB;CAC3B,MAAM,EAAE,sCAAoB;CAC5B,MAAM,CAAC,KAAK,UAAU,SAAS,WAAW;CAC1C,MAAM,EAAE,QAAQ,WAAW,UAAU,cACnC,SAAS,UACL;EACE,MAAM;EACN;EACA;EACA;EACA;EACD,GACD;EACE,MAAM;EACN,MAAM;EACN;EACA;EACA;EACD,CACN;CACD,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;AAEF,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,KACb,oBAAC;IAAc;IAAK,aAAa;IAAoB;cAClD,KAAK,KAAK,UACT,oBAAC;KAA6B,OAAOA,MAAI;eACtCA,MAAI;OADYA,MAAI,MAER,CACf;KACO,EAEZ,UACkB;;GACR"}

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

@@ -0,0 +1,46 @@
+import { search_d_exports } from "../../contexts/search.js";
+import "./search.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import { OramaCloudOptions } from "@hanzo/docs-core/search/client";
+
+//#region src/components/dialog/search-orama.d.ts
+interface OramaSearchDialogProps extends search_d_exports.SharedProps {
+  links?: search_d_exports.SearchLink[];
+  client: OramaCloudOptions['client'];
+  searchOptions?: OramaCloudOptions['params'];
+  index?: OramaCloudOptions['index'];
+  footer?: ReactNode;
+  defaultTag?: string;
+  tags?: search_d_exports.TagItem[];
+  /**
+   * Add the "Powered by Orama" label
+   *
+   * @defaultValue true
+   */
+  showOrama?: boolean;
+  /**
+   * Allow to clear tag filters
+   *
+   * @defaultValue false
+   */
+  allowClear?: boolean;
+}
+/**
+ * Orama Cloud integration
+ */
+declare function OramaSearchDialog({
+  client,
+  searchOptions,
+  tags,
+  defaultTag,
+  showOrama,
+  allowClear,
+  index,
+  footer,
+  links,
+  ...props
+}: OramaSearchDialogProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+export { OramaSearchDialogProps, OramaSearchDialog as default };
+//# 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","names":[],"sources":["../../../src/components/dialog/search-orama.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAuBiB,sBAAA,SAA+B,gBAAA,CAAA;UACtC,gBAAA,CAAA;UACA;EAFO,aAAA,CAAA,EAGC,iBAHsB,CAAA,QAAA,CAAA;EAC9B,KAAA,CAAA,EAGA,iBAHA,CAAA,OAAA,CAAA;EACA,MAAA,CAAA,EAIC,SAJD;EACQ,UAAA,CAAA,EAAA,MAAA;EACR,IAAA,CAAA,EAKD,gBAAA,CAAA,OALC,EAAA;EAEC;;;;AAkBV;EAMC,SAAA,CAAA,EAAA,OAAA;EACA;;;;;EAKA,UAAA,CAAA,EAAA,OAAA;;;;;AAIuB,iBAXD,iBAAA,CAWC;EAAA,MAAA;EAAA,aAAA;EAAA,IAAA;EAAA,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA,KAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAAtB,sBAAsB,CAAA,EAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,73 @@
+'use client';
+
+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 "@hanzo/docs-core/utils/use-on-change";
+import { useDocsSearch } from "@hanzo/docs-core/search/client";
+
+//#region src/components/dialog/search-orama.tsx
+/**
+* Orama Cloud integration
+*/
+function OramaSearchDialog({ client, searchOptions, tags = [], defaultTag, showOrama = true, allowClear = false, index, footer, links = [], ...props }) {
+	const { locale } = (0, i18n_exports.useI18n)();
+	const [tag, setTag] = useState(defaultTag);
+	const { search, setSearch, query } = useDocsSearch({
+		type: "orama-cloud",
+		client,
+		index,
+		params: searchOptions,
+		locale,
+		tag
+	});
+	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 = showOrama && /* @__PURE__ */ jsx(Label, {});
+	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 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"
+	});
+}
+
+//#endregion
+export { OramaSearchDialog as default };
+//# sourceMappingURL=search-orama.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-orama.js","names":["tag"],"sources":["../../../src/components/dialog/search-orama.tsx"],"sourcesContent":["'use client';\n\nimport { type OramaCloudOptions, useDocsSearch } from '@hanzo/docs-core/search/client';\nimport { type ReactNode, useMemo, useState } from 'react';\nimport { useOnChange } from '@hanzo/docs-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 '@hanzo/docs-core/search';\nimport type { SearchLink, TagItem } from '@/contexts/search';\nimport { useI18n } from '@/contexts/i18n';\n\nexport interface OramaSearchDialogProps extends SharedProps {\n  links?: SearchLink[];\n  client: OramaCloudOptions['client'];\n  searchOptions?: OramaCloudOptions['params'];\n  index?: OramaCloudOptions['index'];\n\n  footer?: ReactNode;\n\n  defaultTag?: string;\n  tags?: TagItem[];\n\n  /**\n   * Add the \"Powered by Orama\" label\n   *\n   * @defaultValue true\n   */\n  showOrama?: boolean;\n\n  /**\n   * Allow to clear tag filters\n   *\n   * @defaultValue false\n   */\n  allowClear?: boolean;\n}\n\n/**\n * Orama Cloud integration\n */\nexport default function OramaSearchDialog({\n  client,\n  searchOptions,\n  tags = [],\n  defaultTag,\n  showOrama = true,\n  allowClear = false,\n  index,\n  footer,\n  links = [],\n  ...props\n}: OramaSearchDialogProps) {\n  const { locale } = useI18n();\n  const [tag, setTag] = useState(defaultTag);\n  const { search, setSearch, query } = useDocsSearch({\n    type: 'orama-cloud',\n    client,\n    index,\n    params: searchOptions,\n    locale,\n    tag,\n  });\n\n  const defaultItems = useMemo<SortedResult[] | null>(() => {\n    if (links.length === 0) return null;\n\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 = showOrama && <Label />;\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        <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      </SearchDialogContent>\n    </SearchDialog>\n  );\n}\n\nfunction Label() {\n  return (\n    <a\n      href=\"https://orama.com\"\n      rel=\"noreferrer noopener\"\n      className=\"ms-auto text-xs text-fd-muted-foreground\"\n    >\n      Search powered by Orama\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAoDA,SAAwB,kBAAkB,EACxC,QACA,eACA,OAAO,EAAE,EACT,YACA,YAAY,MACZ,aAAa,OACb,OACA,QACA,QAAQ,EAAE,EACV,GAAG,SACsB;CACzB,MAAM,EAAE,sCAAoB;CAC5B,MAAM,CAAC,KAAK,UAAU,SAAS,WAAW;CAC1C,MAAM,EAAE,QAAQ,WAAW,UAAU,cAAc;EACjD,MAAM;EACN;EACA;EACA,QAAQ;EACR;EACA;EACD,CAAC;CAEF,MAAM,eAAe,cAAqC;AACxD,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/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,aAAa,oBAAC,UAAQ;AAEpC,QACE,qBAAC;EAAqB;EAAQ,gBAAgB;EAAW,WAAW,MAAM;EAAW,GAAI;aACvF,oBAAC,wBAAsB,EACvB,qBAAC;GACC,qBAAC;IACC,oBAAC,qBAAmB;IACpB,oBAAC,sBAAoB;IACrB,oBAAC,sBAAoB;OACF;GACrB,oBAAC,oBAAiB,OAAO,MAAM,SAAS,UAAU,MAAM,OAAO,eAAgB;GAC/E,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;MACD;GACT;;AAInB,SAAS,QAAQ;AACf,QACE,oBAAC;EACC,MAAK;EACL,KAAI;EACJ,WAAU;YACX;GAEG"}