boltdocs 2.7.9 → 2.7.11

package/dist/search-dialog-BNF10tDl.js

@@ -0,0 +1,375 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+import { A as CornerDownLeft, H as Moon, J as X, K as Sun, N as FileText, P as Hash, U as MoreVertical, _ as Link, h as XSocial, j as ExternalLink, o as Discord, s as Github, t as Bluesky, y as cn } from "./icons-dev-Df8OQ481.js";
+import { useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as RAC from "react-aria-components";
+import { Button, Dialog, Modal, ModalOverlay, Separator, ToggleButton } from "react-aria-components";
+
+//#region src/client/components/primitives/navbar.tsx
+const Navbar = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("header", {
+		className: cn("boltdocs-navbar sticky top-0 z-50 w-full", className),
+		...props,
+		children
+	});
+};
+const NavbarContent = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("mx-auto flex lg:h-navbar max-w-(--breakpoint-3xl) items-center justify-between px-4 md:px-6", className),
+		children
+	});
+};
+const NavbarLeft = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-1 items-center justify-start gap-4 min-w-0", className),
+		children
+	});
+};
+const NavbarRight = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-1 items-center justify-end gap-2 md:gap-4 min-w-0", className),
+		children
+	});
+};
+const NavbarCenter = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("hidden lg:flex flex-1 justify-center items-center gap-4 px-4 min-w-0 w-full", className),
+		children
+	});
+};
+const NavbarLogo = ({ src, alt, width = 24, height = 24, className, href = "/" }) => {
+	return /* @__PURE__ */ jsx(Link, {
+		href,
+		className: cn("flex items-center gap-2 shrink-0 outline-none", className),
+		children: src ? /* @__PURE__ */ jsx("img", {
+			src,
+			alt,
+			width,
+			height,
+			className: "h-6 w-6 object-contain"
+		}) : null
+	});
+};
+const NavbarTitle = ({ children, className, href = "/" }) => {
+	return /* @__PURE__ */ jsx(Link, {
+		href,
+		children: /* @__PURE__ */ jsx("span", {
+			className: cn("text-lg font-bold tracking-tight hidden sm:inline-block", className),
+			children
+		})
+	});
+};
+const NavbarLinks = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		className: cn("hidden md:flex items-center gap-6 text-sm font-medium", className),
+		children
+	});
+};
+const NavbarLink = ({ label, href, to, className }) => {
+	return /* @__PURE__ */ jsxs(Link, {
+		href,
+		target: to === "external" ? "_blank" : void 0,
+		className: cn("transition-all outline-none", className),
+		children: [label, to === "external" && /* @__PURE__ */ jsx("span", {
+			className: "ml-1 inline-block",
+			children: /* @__PURE__ */ jsx(ExternalLink, { size: 12 })
+		})]
+	});
+};
+const NavbarDropdown = ({ label, className, children }) => {
+	const [isOpen, setIsOpen] = useState(false);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative", className),
+		onMouseEnter: () => {
+			setIsOpen(true);
+		},
+		onMouseLeave: () => {
+			setIsOpen(false);
+		},
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("flex items-center gap-1 outline-none cursor-pointer select-none font-medium text-muted hover:text-body transition-colors"),
+			children: [label, /* @__PURE__ */ jsx("svg", {
+				className: cn("w-4 h-4 transition-transform", isOpen && "rotate-180"),
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ jsx("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M19 9l-7 7-7-7"
+				})
+			})]
+		}), isOpen && /* @__PURE__ */ jsx("div", {
+			className: "absolute top-full left-0 pt-1 z-[9999]",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "min-w-[180px] p-1 bg-surface border border-subtle rounded-md shadow-lg",
+				children
+			})
+		})]
+	});
+};
+const NavbarDropdownItem = ({ href, label, className }) => {
+	return /* @__PURE__ */ jsx(Link, {
+		href,
+		className: cn("block px-2 py-1.5 rounded hover:bg-surface", className),
+		children: label
+	});
+};
+const NavbarSearchTriggerDesktop = ({ className, onPress, children }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		onPress,
+		className: cn("hidden lg:flex items-center justify-between gap-2 px-3 py-2 text-sm outline-none cursor-pointer w-full max-w-[720px]", className),
+		children
+	});
+};
+const NavbarSearchTriggerMobile = ({ className, onPress, children }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		onPress,
+		className: cn("lg:hidden flex h-10 w-10 items-center justify-center outline-none cursor-pointer", className),
+		"aria-label": "Search",
+		children
+	});
+};
+const NavbarSearchTriggerKbd = ({ className }) => {
+	const [mounted, setMounted] = useState(false);
+	const isMac = mounted && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+	useEffect(() => {
+		setMounted(true);
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("hidden sm:flex items-center gap-1 pointer-events-none select-none", className),
+		children: [/* @__PURE__ */ jsx("kbd", {
+			className: "flex items-center justify-center font-mono text-[10px]",
+			children: isMac ? "⌘" : "Ctrl"
+		}), /* @__PURE__ */ jsx("kbd", {
+			className: "flex items-center justify-center font-mono text-[10px]",
+			children: "K"
+		})]
+	});
+};
+const NavbarSearchTrigger = {
+	Desktop: NavbarSearchTriggerDesktop,
+	Mobile: NavbarSearchTriggerMobile,
+	Kbd: NavbarSearchTriggerKbd
+};
+const NavbarTheme = ({ className, theme, onThemeChange }) => {
+	return /* @__PURE__ */ jsx(ToggleButton, {
+		isSelected: theme === "dark",
+		onChange: onThemeChange,
+		className: cn("outline-none cursor-pointer", className),
+		"aria-label": "Toggle theme",
+		children: theme === "dark" ? /* @__PURE__ */ jsx(Sun, { size: 20 }) : /* @__PURE__ */ jsx(Moon, { size: 20 })
+	});
+};
+const Icon = ({ name }) => {
+	if (name === "github") return /* @__PURE__ */ jsx(Github, {});
+	if (name === "discord") return /* @__PURE__ */ jsx(Discord, {});
+	if (name === "x") return /* @__PURE__ */ jsx(XSocial, {});
+	if (name === "bluesky") return /* @__PURE__ */ jsx(Bluesky, {});
+};
+const NavbarSocials = ({ icon, link, className }) => {
+	return /* @__PURE__ */ jsx(Link, {
+		href: link,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: cn("outline-none", className),
+		children: /* @__PURE__ */ jsx(Icon, { name: icon })
+	});
+};
+const NavbarSplit = ({ className }) => {
+	return /* @__PURE__ */ jsx(Separator, {
+		orientation: "vertical",
+		className: cn("h-full w-px", className)
+	});
+};
+const NavbarMore = ({ onPress, className }) => {
+	return /* @__PURE__ */ jsx(Button, {
+		onPress,
+		className: cn("md:hidden flex items-center justify-center outline-none cursor-pointer", className),
+		"aria-label": "More navigation",
+		children: /* @__PURE__ */ jsx(MoreVertical, { size: 20 })
+	});
+};
+const NavbarMobileMenu = ({ isOpen, onClose, children, className }) => {
+	return /* @__PURE__ */ jsx(ModalOverlay, {
+		isOpen,
+		onOpenChange: (open) => !open && onClose(),
+		isDismissable: true,
+		className: cn("fixed inset-0 z-60 md:hidden transition-all duration-100", className),
+		children: /* @__PURE__ */ jsx(Modal, {
+			className: "fixed inset-0 outline-none",
+			children: /* @__PURE__ */ jsxs(Dialog, {
+				className: "relative h-full outline-none flex flex-col p-6 pt-[calc(1.5rem+env(safe-area-inset-top,0px))] pb-[calc(1.5rem+env(safe-area-inset-bottom,0px))] px-[calc(1.5rem+env(safe-area-inset-left,0px))]",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between mb-6",
+					children: [/* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx(Button, {
+						onPress: onClose,
+						className: "flex items-center justify-center outline-none cursor-pointer text-muted hover:text-body transition-colors",
+						"aria-label": "Close menu",
+						children: /* @__PURE__ */ jsx(X, { size: 24 })
+					})]
+				}), /* @__PURE__ */ jsx("nav", {
+					className: "flex-1 overflow-y-auto flex flex-col gap-4",
+					children
+				})]
+			})
+		})
+	});
+};
+const NavbarMobileLink = ({ label, href, to, onPress, className }) => {
+	return /* @__PURE__ */ jsx(Link, {
+		href,
+		target: to === "external" ? "_blank" : void 0,
+		onClick: onPress,
+		className: cn("group flex items-center outline-none", className),
+		children: label
+	});
+};
+Navbar.Root = Navbar;
+Navbar.Left = NavbarLeft;
+Navbar.Right = NavbarRight;
+Navbar.Center = NavbarCenter;
+Navbar.Logo = NavbarLogo;
+Navbar.Title = NavbarTitle;
+Navbar.Links = NavbarLinks;
+Navbar.Link = NavbarLink;
+Navbar.Dropdown = NavbarDropdown;
+Navbar.DropdownItem = NavbarDropdownItem;
+Navbar.SearchTrigger = NavbarSearchTrigger;
+Navbar.Theme = NavbarTheme;
+Navbar.Socials = NavbarSocials;
+Navbar.Split = NavbarSplit;
+Navbar.Content = NavbarContent;
+Navbar.More = NavbarMore;
+Navbar.MobileMenu = NavbarMobileMenu;
+Navbar.MobileLink = NavbarMobileLink;
+
+//#endregion
+//#region src/client/components/primitives/search-dialog.tsx
+/**
+* Pure, unstyled SearchDialog Overlay (maps to RAC.ModalOverlay)
+*/
+const SearchDialog = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(RAC.ModalOverlay, {
+		className: cn("fixed inset-0 z-100", className),
+		...props
+	});
+};
+/**
+* Pure, unstyled SearchDialog Content (maps to RAC.Modal)
+*/
+const SearchDialogContent = ({ className, ...props }) => /* @__PURE__ */ jsx(RAC.Modal, {
+	className: cn(className),
+	...props
+});
+/**
+* Pure, unstyled SearchDialog Dialog (maps to RAC.Dialog)
+*/
+const SearchDialogDialog = ({ className, ...props }) => /* @__PURE__ */ jsx(RAC.Dialog, {
+	className: cn("flex flex-col focus:outline-none", className),
+	...props
+});
+/**
+* Pure, unstyled SearchDialog Input Field (maps to RAC.SearchField)
+*/
+const SearchDialogField = ({ className, ...props }) => /* @__PURE__ */ jsx(RAC.SearchField, {
+	className: cn("flex items-center", className),
+	...props
+});
+/**
+* Pure, unstyled SearchInput (maps to RAC.Input)
+*/
+const SearchDialogSearchInput = ({ className, ...props }) => /* @__PURE__ */ jsx(RAC.Input, {
+	className: cn("w-full bg-transparent outline-none border-none", className),
+	...props
+});
+/**
+* Pure, unstyled Clear Button (maps to RAC.Button with slot="clear")
+*/
+const SearchDialogClearButton = ({ className, ...props }) => /* @__PURE__ */ jsx(RAC.Button, {
+	slot: "clear",
+	className: cn(className),
+	...props
+});
+/**
+* Pure, unstyled Autocomplete container (maps to RAC.Autocomplete)
+*/
+const SearchDialogAutocomplete = ({ children, className, onSelectionChange, ...props }) => {
+	const Autocomplete = RAC.Autocomplete;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex-1 min-h-0", className),
+		children: /* @__PURE__ */ jsx(Autocomplete, {
+			...props,
+			onSelectionChange,
+			className: "flex flex-col min-h-0",
+			children
+		})
+	});
+};
+/**
+* Pure, unstyled List Box (maps to RAC.ListBox)
+*/
+const SearchDialogList = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx(RAC.ListBox, {
+		...props,
+		className: cn("flex-1 overflow-y-auto outline-none min-h-0", className),
+		children
+	});
+};
+/**
+* Pure, unstyled List Box Item (maps to RAC.ListBoxItem)
+*/
+const SearchDialogItemRoot = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx(RAC.ListBoxItem, {
+		...props,
+		className: cn("group flex items-center outline-none cursor-pointer", className),
+		children: (itemProps) => /* @__PURE__ */ jsxs(Fragment, { children: [children, (itemProps.isFocused || itemProps.isSelected) && /* @__PURE__ */ jsxs("div", {
+			className: "ml-auto opacity-50 flex items-center gap-1",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-[10px]",
+				children: "Select"
+			}), /* @__PURE__ */ jsx(CornerDownLeft, { size: 10 })]
+		})] })
+	});
+};
+const SearchDialogItemIcon = ({ isHeading, className }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("shrink-0", className),
+		children: isHeading ? /* @__PURE__ */ jsx(Hash, { size: 18 }) : /* @__PURE__ */ jsx(FileText, { size: 18 })
+	});
+};
+const SearchDialogItemTitle = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("block truncate flex-1", className),
+		children
+	});
+};
+const SearchDialogItemBio = ({ children, className }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("ml-2 truncate hidden sm:inline", className),
+		children
+	});
+};
+SearchDialog.Root = SearchDialog;
+SearchDialog.Overlay = SearchDialog;
+SearchDialog.Content = SearchDialogContent;
+SearchDialog.Dialog = SearchDialogDialog;
+SearchDialog.Autocomplete = SearchDialogAutocomplete;
+SearchDialog.List = SearchDialogList;
+SearchDialog.Input = Object.assign(SearchDialogField, {
+	SearchInput: SearchDialogSearchInput,
+	Button: SearchDialogClearButton
+});
+SearchDialog.Item = Object.assign(SearchDialogItemRoot, {
+	Icon: SearchDialogItemIcon,
+	Title: SearchDialogItemTitle,
+	Bio: SearchDialogItemBio
+});
+
+//#endregion
+export { Navbar as n, SearchDialog as t };

package/dist/search-dialog-BwkDuI9R.cjs

@@ -0,0 +1,220 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+const require_icons_dev = require('./icons-dev-3cZMyt8r.cjs');
+const require_search_dialog = require('./search-dialog-C7xuvyNk.cjs');
+let react_router_dom = require("react-router-dom");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let flexsearch = require("flexsearch");
+let virtual_boltdocs_search = require("virtual:boltdocs-search");
+virtual_boltdocs_search = require_icons_dev.__toESM(virtual_boltdocs_search);
+
+//#region src/client/hooks/use-search.ts
+function useSearch(routes) {
+	const { currentLocale, currentVersion } = require_icons_dev.useRoutes();
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const [query, setQuery] = (0, react.useState)("");
+	const [index, setIndex] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		if (!isOpen || index) return;
+		const newIndex = new flexsearch.Index({
+			preset: "match",
+			tokenize: "full",
+			resolution: 9,
+			cache: true
+		});
+		for (const doc of virtual_boltdocs_search.default) newIndex.add(doc.id, `${doc.title} ${doc.content}`);
+		setIndex(newIndex);
+	}, [isOpen, index]);
+	const searchDataMap = (0, react.useMemo)(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const doc of virtual_boltdocs_search.default) map.set(doc.id, doc);
+		return map;
+	}, []);
+	return {
+		isOpen,
+		setIsOpen,
+		query,
+		setQuery,
+		list: (0, react.useMemo)(() => {
+			if (!query) return routes.filter((r) => {
+				const localeMatch = !currentLocale || r.locale === currentLocale;
+				const versionMatch = !currentVersion || r.version === currentVersion;
+				return localeMatch && versionMatch;
+			}).slice(0, 10).map((r) => ({
+				id: r.path,
+				title: r.title,
+				path: r.path,
+				bio: r.description || "",
+				groupTitle: r.groupTitle
+			}));
+			if (!index) return [];
+			const searchResults = index.search(query, {
+				limit: 20,
+				suggest: true
+			});
+			const results = [];
+			const seen = /* @__PURE__ */ new Set();
+			for (const id of searchResults) {
+				const doc = searchDataMap.get(id);
+				if (!doc) continue;
+				const localeMatch = !currentLocale || doc.locale === currentLocale;
+				const versionMatch = !currentVersion || doc.version === currentVersion;
+				if (!localeMatch || !versionMatch) continue;
+				if (seen.has(doc.url)) continue;
+				seen.add(doc.url);
+				results.push({
+					id: doc.url,
+					title: doc.title,
+					path: doc.url,
+					bio: doc.display,
+					groupTitle: doc.display.split(" > ")[0],
+					isHeading: doc.url.includes("#")
+				});
+			}
+			return results.slice(0, 10);
+		}, [
+			query,
+			index,
+			currentLocale,
+			currentVersion,
+			routes,
+			searchDataMap
+		]),
+		input: {
+			value: query,
+			onChange: (e) => setQuery(e.target.value)
+		}
+	};
+}
+
+//#endregion
+//#region src/client/components/ui-base/search-dialog.tsx
+function Highlight({ text, query }) {
+	if (!query || !text) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: text });
+	const escapedQuery = query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const regex = new RegExp(`(${escapedQuery})`, "gi");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: text.split(regex).map((part, i) => regex.test(part) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
+		className: "bg-primary-500/20 text-primary-600 dark:text-primary-400 font-bold px-0.5 rounded-sm",
+		children: part
+	}, i) : part) });
+}
+function SearchDialog({ routes }) {
+	const { isOpen, setIsOpen, query, setQuery, list } = useSearch(routes);
+	const navigate = (0, react_router_dom.useNavigate)();
+	(0, react.useEffect)(() => {
+		const handleKeyDown = (e) => {
+			if ((/Mac/.test(navigator.userAgent) ? e.metaKey : e.ctrlKey) && (e.key === "k" || e.key === "j")) {
+				e.preventDefault();
+				setIsOpen((prev) => !prev);
+			}
+		};
+		window.addEventListener("keydown", handleKeyDown);
+		return () => window.removeEventListener("keydown", handleKeyDown);
+	}, [setIsOpen]);
+	const handleSelect = (0, react.useCallback)((key) => {
+		const path = String(key);
+		setIsOpen(false);
+		const [baseUrl, hash] = path.split("#");
+		navigate(`${baseUrl}${query ? `?hl=${encodeURIComponent(query)}` : ""}${hash ? `#${hash}` : ""}`);
+		if (hash) setTimeout(() => {
+			const el = document.getElementById(hash);
+			if (el) el.scrollIntoView({ behavior: "smooth" });
+		}, 100);
+	}, [
+		navigate,
+		setIsOpen,
+		query
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_search_dialog.Navbar.SearchTrigger.Desktop, {
+			onPress: () => setIsOpen(true),
+			className: "rounded-xl border border-subtle bg-surface text-muted transition-all duration-200 hover:border-primary-500/50 hover:text-body hover:bg-soft/50 hover:shadow-sm active:scale-[0.98] focus-visible:ring-2 focus-visible:ring-primary-500/30",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Search, { size: 16 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "hidden sm:inline-block",
+					children: "Search docs..."
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.Navbar.SearchTrigger.Kbd, { className: "[&_kbd]:bg-main [&_kbd]:border [&_kbd]:border-subtle [&_kbd]:rounded [&_kbd]:px-1.5 [&_kbd]:h-5 [&_kbd]:w-5" })]
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.Navbar.SearchTrigger.Mobile, {
+			onPress: () => setIsOpen(true),
+			className: "rounded-xl text-muted transition-all duration-200 hover:text-body active:scale-95 focus-visible:ring-2 focus-visible:ring-primary-500/30",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Search, { size: 20 })
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Overlay, {
+			isOpen,
+			isDismissable: true,
+			onOpenChange: () => setIsOpen(false),
+			className: "fixed inset-0 z-100 flex items-center justify-center p-4 bg-black/40 backdrop-blur-xs animate-fade-in",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Content, {
+				className: "w-full max-w-lg bg-main border border-subtle shadow-md rounded-2xl overflow-hidden p-6",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Dialog, {
+					"aria-label": "Search documentation",
+					className: "flex flex-col min-h-0 h-[450px]",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_search_dialog.SearchDialog.Autocomplete, {
+						onSelectionChange: handleSelect,
+						className: "flex flex-col min-h-0",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_search_dialog.SearchDialog.Input, {
+							value: query,
+							onChange: setQuery,
+							className: "flex items-center gap-2 border border-subtle bg-surface px-4 py-2.5 rounded-xl focus-within:border-primary-500 mb-4",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Input.SearchInput, {
+								placeholder: "Search documentation...",
+								className: "w-full bg-transparent outline-none text-body text-sm"
+							}), query && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Input.Button, {
+								onPress: () => setQuery(""),
+								className: "text-muted hover:text-body text-xs cursor-pointer select-none",
+								children: "✕"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.List, {
+							items: list,
+							children: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_search_dialog.SearchDialog.Item, {
+								onPress: () => handleSelect(item.id),
+								textValue: item.title,
+								className: "flex items-center gap-3 px-4 py-2 rounded-xl group dark:hover:bg-primary-300/40 hover:bg-primary-200/50 transition-colors duration-100",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Item.Icon, {
+									isHeading: item.isHeading,
+									className: "text-muted group-hover:text-primary-500 group-focus:text-primary-500"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "flex flex-col justify-center min-w-0",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Item.Title, {
+										className: "text-sm font-medium text-body truncate dark:group-hover:text-primary-100",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Highlight, {
+											text: item.title,
+											query
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.SearchDialog.Item.Bio, {
+										className: "text-xs text-muted truncate",
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Highlight, {
+											text: item.bio,
+											query
+										})
+									})]
+								})]
+							}, item.id)
+						})]
+					})
+				})
+			})
+		})
+	] });
+}
+
+//#endregion
+Object.defineProperty(exports, 'SearchDialog', {
+  enumerable: true,
+  get: function () {
+    return SearchDialog;
+  }
+});
+Object.defineProperty(exports, 'useSearch', {
+  enumerable: true,
+  get: function () {
+    return useSearch;
+  }
+});