boltdocs 2.7.10 → 2.8.0

package/dist/search-dialog-BYhOov4S.cjs

@@ -0,0 +1,331 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+const require_icons_dev = require('./icons-dev-DvJ-hh9x.cjs');
+const require_search_dialog = require('./search-dialog-BXVoecTx.cjs');
+let react = require("react");
+let react_router_dom = require("react-router-dom");
+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/components/internal/error-boundary.tsx
+function InternalFallback({ error, resetErrorBoundary }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "p-2 font-mono flex flex-col items-center justify-between min-h-[30vh]",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-lg font-semibold text-red-500",
+				children: "Something went wrong"
+			}),
+			error?.message && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+				className: "text-sm mt-2 max-w-md overflow-auto whitespace-pre-wrap break-word",
+				children: error.message
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: resetErrorBoundary,
+				className: "px-2 py-3 mt-2 bg-slate-100 rounded border-slate-200 border font-mono font-semibold text-slate-700 hover:scale-105 transition-transform active:scale-95 cursor-pointer",
+				children: "Try again"
+			})
+		]
+	});
+}
+function InternalErrorBoundary({ children, fallback }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_search_dialog.ErrorBoundary, {
+		fallback,
+		FallbackComponent: !fallback ? InternalFallback : void 0,
+		children
+	});
+}
+
+//#endregion
+//#region src/client/hooks/use-search.ts
+function useSearch(routes) {
+	const { currentLocale, currentVersion } = require_icons_dev.useRoutes();
+	const algoliaConfig = require_icons_dev.useConfig().integrations?.algolia;
+	const [isOpen, setIsOpen] = (0, react.useState)(false);
+	const [query, setQuery] = (0, react.useState)("");
+	const [index, setIndex] = (0, react.useState)(null);
+	const [algoliaResults, setAlgoliaResults] = (0, react.useState)([]);
+	(0, react.useEffect)(() => {
+		if (algoliaConfig) return;
+		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,
+		algoliaConfig
+	]);
+	(0, react.useEffect)(() => {
+		if (!algoliaConfig) return;
+		if (!query) {
+			setAlgoliaResults([]);
+			return;
+		}
+		const delayDebounceFn = setTimeout(async () => {
+			try {
+				const url = `https://${algoliaConfig.appId}-dsn.algolia.net/1/indexes/${algoliaConfig.indexName}/query`;
+				const facetFilters = [];
+				if (currentLocale) facetFilters.push(`lang:${currentLocale}`);
+				if (currentVersion) facetFilters.push(`version:${currentVersion}`);
+				let params = `query=${encodeURIComponent(query)}&hitsPerPage=20`;
+				if (facetFilters.length > 0) params += `&facetFilters=${encodeURIComponent(JSON.stringify(facetFilters))}`;
+				const response = await fetch(url, {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						"X-Algolia-API-Key": algoliaConfig.apiKey,
+						"X-Algolia-Application-Id": algoliaConfig.appId
+					},
+					body: JSON.stringify({ params })
+				});
+				if (!response.ok) throw new Error(`Algolia search request failed: ${response.statusText}`);
+				setAlgoliaResults(((await response.json()).hits || []).map((hit) => {
+					let path = hit.url || "";
+					try {
+						if (path.startsWith("http://") || path.startsWith("https://")) {
+							const urlObj = new URL(path);
+							path = urlObj.pathname + urlObj.search + urlObj.hash;
+						}
+					} catch (e) {}
+					const hierarchy = hit.hierarchy || {};
+					const levels = [
+						hierarchy.lvl0,
+						hierarchy.lvl1,
+						hierarchy.lvl2,
+						hierarchy.lvl3,
+						hierarchy.lvl4,
+						hierarchy.lvl5,
+						hierarchy.lvl6
+					].filter(Boolean);
+					const title = levels[levels.length - 1] || "Documentation";
+					const bio = levels.join(" > ");
+					return {
+						id: hit.objectID || path,
+						title,
+						path,
+						bio,
+						groupTitle: hierarchy.lvl0 || "Docs",
+						isHeading: !!hit.anchor || path.includes("#")
+					};
+				}));
+			} catch (err) {
+				console.error("Error fetching search results from Algolia:", err);
+			}
+		}, 250);
+		return () => clearTimeout(delayDebounceFn);
+	}, [
+		query,
+		algoliaConfig,
+		currentLocale,
+		currentVersion
+	]);
+	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 (algoliaConfig) return algoliaResults;
+			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,
+			algoliaConfig,
+			algoliaResults
+		]),
+		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)(InternalErrorBoundary, { children: /* @__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, 'InternalErrorBoundary', {
+  enumerable: true,
+  get: function () {
+    return InternalErrorBoundary;
+  }
+});
+Object.defineProperty(exports, 'SearchDialog', {
+  enumerable: true,
+  get: function () {
+    return SearchDialog;
+  }
+});
+Object.defineProperty(exports, 'useSearch', {
+  enumerable: true,
+  get: function () {
+    return useSearch;
+  }
+});

package/dist/search-dialog-C09riYmx.js

@@ -0,0 +1,313 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+import { J as Search, et as useConfig, x as useRoutes } from "./icons-dev-Oju24Wjp.js";
+import { n as Navbar, r as ErrorBoundary, t as SearchDialog$1 } from "./search-dialog-D8gLkhUV.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Index } from "flexsearch";
+import searchData from "virtual:boltdocs-search";
+
+//#region src/client/components/internal/error-boundary.tsx
+function InternalFallback({ error, resetErrorBoundary }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "p-2 font-mono flex flex-col items-center justify-between min-h-[30vh]",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-lg font-semibold text-red-500",
+				children: "Something went wrong"
+			}),
+			error?.message && /* @__PURE__ */ jsx("pre", {
+				className: "text-sm mt-2 max-w-md overflow-auto whitespace-pre-wrap break-word",
+				children: error.message
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: resetErrorBoundary,
+				className: "px-2 py-3 mt-2 bg-slate-100 rounded border-slate-200 border font-mono font-semibold text-slate-700 hover:scale-105 transition-transform active:scale-95 cursor-pointer",
+				children: "Try again"
+			})
+		]
+	});
+}
+function InternalErrorBoundary({ children, fallback }) {
+	return /* @__PURE__ */ jsx(ErrorBoundary, {
+		fallback,
+		FallbackComponent: !fallback ? InternalFallback : void 0,
+		children
+	});
+}
+
+//#endregion
+//#region src/client/hooks/use-search.ts
+function useSearch(routes) {
+	const { currentLocale, currentVersion } = useRoutes();
+	const algoliaConfig = useConfig().integrations?.algolia;
+	const [isOpen, setIsOpen] = useState(false);
+	const [query, setQuery] = useState("");
+	const [index, setIndex] = useState(null);
+	const [algoliaResults, setAlgoliaResults] = useState([]);
+	useEffect(() => {
+		if (algoliaConfig) return;
+		if (!isOpen || index) return;
+		const newIndex = new Index({
+			preset: "match",
+			tokenize: "full",
+			resolution: 9,
+			cache: true
+		});
+		for (const doc of searchData) newIndex.add(doc.id, `${doc.title} ${doc.content}`);
+		setIndex(newIndex);
+	}, [
+		isOpen,
+		index,
+		algoliaConfig
+	]);
+	useEffect(() => {
+		if (!algoliaConfig) return;
+		if (!query) {
+			setAlgoliaResults([]);
+			return;
+		}
+		const delayDebounceFn = setTimeout(async () => {
+			try {
+				const url = `https://${algoliaConfig.appId}-dsn.algolia.net/1/indexes/${algoliaConfig.indexName}/query`;
+				const facetFilters = [];
+				if (currentLocale) facetFilters.push(`lang:${currentLocale}`);
+				if (currentVersion) facetFilters.push(`version:${currentVersion}`);
+				let params = `query=${encodeURIComponent(query)}&hitsPerPage=20`;
+				if (facetFilters.length > 0) params += `&facetFilters=${encodeURIComponent(JSON.stringify(facetFilters))}`;
+				const response = await fetch(url, {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						"X-Algolia-API-Key": algoliaConfig.apiKey,
+						"X-Algolia-Application-Id": algoliaConfig.appId
+					},
+					body: JSON.stringify({ params })
+				});
+				if (!response.ok) throw new Error(`Algolia search request failed: ${response.statusText}`);
+				setAlgoliaResults(((await response.json()).hits || []).map((hit) => {
+					let path = hit.url || "";
+					try {
+						if (path.startsWith("http://") || path.startsWith("https://")) {
+							const urlObj = new URL(path);
+							path = urlObj.pathname + urlObj.search + urlObj.hash;
+						}
+					} catch (e) {}
+					const hierarchy = hit.hierarchy || {};
+					const levels = [
+						hierarchy.lvl0,
+						hierarchy.lvl1,
+						hierarchy.lvl2,
+						hierarchy.lvl3,
+						hierarchy.lvl4,
+						hierarchy.lvl5,
+						hierarchy.lvl6
+					].filter(Boolean);
+					const title = levels[levels.length - 1] || "Documentation";
+					const bio = levels.join(" > ");
+					return {
+						id: hit.objectID || path,
+						title,
+						path,
+						bio,
+						groupTitle: hierarchy.lvl0 || "Docs",
+						isHeading: !!hit.anchor || path.includes("#")
+					};
+				}));
+			} catch (err) {
+				console.error("Error fetching search results from Algolia:", err);
+			}
+		}, 250);
+		return () => clearTimeout(delayDebounceFn);
+	}, [
+		query,
+		algoliaConfig,
+		currentLocale,
+		currentVersion
+	]);
+	const searchDataMap = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const doc of searchData) map.set(doc.id, doc);
+		return map;
+	}, []);
+	return {
+		isOpen,
+		setIsOpen,
+		query,
+		setQuery,
+		list: 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 (algoliaConfig) return algoliaResults;
+			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,
+			algoliaConfig,
+			algoliaResults
+		]),
+		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__ */ jsx(Fragment, { children: text });
+	const escapedQuery = query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const regex = new RegExp(`(${escapedQuery})`, "gi");
+	return /* @__PURE__ */ jsx(Fragment, { children: text.split(regex).map((part, i) => regex.test(part) ? /* @__PURE__ */ 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 = useNavigate();
+	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 = 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__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs(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__ */ jsxs("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx(Search, { size: 16 }), /* @__PURE__ */ jsx("span", {
+					className: "hidden sm:inline-block",
+					children: "Search docs..."
+				})]
+			}), /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(Search, { size: 20 })
+		}),
+		/* @__PURE__ */ jsx(InternalErrorBoundary, { children: /* @__PURE__ */ jsx(SearchDialog$1.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__ */ jsx(SearchDialog$1.Content, {
+				className: "w-full max-w-lg bg-main border border-subtle shadow-md rounded-2xl overflow-hidden p-6",
+				children: /* @__PURE__ */ jsx(SearchDialog$1.Dialog, {
+					"aria-label": "Search documentation",
+					className: "flex flex-col min-h-0 h-[450px]",
+					children: /* @__PURE__ */ jsxs(SearchDialog$1.Autocomplete, {
+						onSelectionChange: handleSelect,
+						className: "flex flex-col min-h-0",
+						children: [/* @__PURE__ */ jsxs(SearchDialog$1.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__ */ jsx(SearchDialog$1.Input.SearchInput, {
+								placeholder: "Search documentation...",
+								className: "w-full bg-transparent outline-none text-body text-sm"
+							}), query && /* @__PURE__ */ jsx(SearchDialog$1.Input.Button, {
+								onPress: () => setQuery(""),
+								className: "text-muted hover:text-body text-xs cursor-pointer select-none",
+								children: "✕"
+							})]
+						}), /* @__PURE__ */ jsx(SearchDialog$1.List, {
+							items: list,
+							children: (item) => /* @__PURE__ */ jsxs(SearchDialog$1.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__ */ jsx(SearchDialog$1.Item.Icon, {
+									isHeading: item.isHeading,
+									className: "text-muted group-hover:text-primary-500 group-focus:text-primary-500"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "flex flex-col justify-center min-w-0",
+									children: [/* @__PURE__ */ jsx(SearchDialog$1.Item.Title, {
+										className: "text-sm font-medium text-body truncate dark:group-hover:text-primary-100",
+										children: /* @__PURE__ */ jsx(Highlight, {
+											text: item.title,
+											query
+										})
+									}), /* @__PURE__ */ jsx(SearchDialog$1.Item.Bio, {
+										className: "text-xs text-muted truncate",
+										children: /* @__PURE__ */ jsx(Highlight, {
+											text: item.bio,
+											query
+										})
+									})]
+								})]
+							}, item.id)
+						})]
+					})
+				})
+			})
+		}) })
+	] });
+}
+
+//#endregion
+export { useSearch as n, InternalErrorBoundary as r, SearchDialog as t };

package/dist/search-dialog-CUeAfy-8.cjs

@@ -0,0 +1,8 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+const require_search_dialog = require('./search-dialog-BYhOov4S.cjs');
+
+exports.SearchDialog = require_search_dialog.SearchDialog;