boltdocs 2.7.11 → 2.8.1

package/dist/{search-dialog-C7xuvyNk.cjs → search-dialog-BXVoecTx.cjs}

@@ -3,45 +3,114 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-const require_icons_dev = require('./icons-dev-3cZMyt8r.cjs');
+const require_icons_dev = require('./icons-dev-DvJ-hh9x.cjs');
 let react = require("react");
+react = require_icons_dev.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_aria_components = require("react-aria-components");
 react_aria_components = require_icons_dev.__toESM(react_aria_components);
 
+//#region src/client/components/primitives/button.tsx
+function Button({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, { ...props });
+}
+
+//#endregion
+//#region src/client/components/primitives/error-boundary.tsx
+var ErrorBoundary = class extends react.Component {
+	state = {
+		hasError: false,
+		error: null
+	};
+	static getDerivedStateFromError(error) {
+		return {
+			hasError: true,
+			error
+		};
+	}
+	componentDidCatch(error, errorInfo) {
+		if (this.props.onError) this.props.onError(error, errorInfo);
+		else console.error("ErrorBoundary caught an unhandled error:", error, errorInfo);
+	}
+	resetErrorBoundary = () => {
+		if (this.props.onReset) this.props.onReset();
+		this.setState({
+			hasError: false,
+			error: null
+		});
+	};
+	render() {
+		const { hasError, error } = this.state;
+		const { children, fallback, FallbackComponent } = this.props;
+		if (hasError && error) {
+			if (FallbackComponent) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FallbackComponent, {
+				error,
+				resetErrorBoundary: this.resetErrorBoundary
+			});
+			if (fallback) return fallback;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBoundaryFallback, {
+				error,
+				resetErrorBoundary: this.resetErrorBoundary
+			});
+		}
+		return children;
+	}
+};
+function ErrorBoundaryFallback({ error, resetErrorBoundary }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col items-center justify-center min-h-[40vh] text-center gap-4 px-6 py-8 border border-subtle bg-surface rounded-2xl max-w-lg mx-auto shadow-xs",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "text-lg font-bold text-rose-600 dark:text-rose-400",
+				children: "Something went wrong"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted max-w-sm leading-relaxed",
+				children: error?.message || "An unexpected error occurred while rendering this page."
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+				className: "rounded-xl border border-subtle bg-main px-6 py-2.5 text-xs font-semibold text-body hover:bg-primary-50/50 hover:border-primary-500/50 transition-all duration-300 cursor-pointer outline-none select-none",
+				onPress: resetErrorBoundary,
+				children: "Try again"
+			})
+		]
+	});
+}
+
+//#endregion
 //#region src/client/components/primitives/navbar.tsx
-const Navbar = ({ children, className, ...props }) => {
+function Navbar({ children, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
 		className: require_icons_dev.cn("boltdocs-navbar sticky top-0 z-50 w-full", className),
 		...props,
 		children
 	});
-};
-const NavbarContent = ({ children, className }) => {
+}
+function NavbarContent({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.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 }) => {
+}
+function NavbarLeft({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("flex flex-1 items-center justify-start gap-4 min-w-0", className),
 		children
 	});
-};
-const NavbarRight = ({ children, className }) => {
+}
+function NavbarRight({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("flex flex-1 items-center justify-end gap-2 md:gap-4 min-w-0", className),
 		children
 	});
-};
-const NavbarCenter = ({ children, className }) => {
+}
+function NavbarCenter({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.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 = "/" }) => {
+}
+function NavbarLogo({ src, alt, width = 24, height = 24, className, href = "/" }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Link, {
 		href,
 		className: require_icons_dev.cn("flex items-center gap-2 shrink-0 outline-none", className),
@@ -53,8 +122,8 @@ const NavbarLogo = ({ src, alt, width = 24, height = 24, className, href = "/" }
 			className: "h-6 w-6 object-contain"
 		}) : null
 	});
-};
-const NavbarTitle = ({ children, className, href = "/" }) => {
+}
+function NavbarTitle({ children, className, href = "/" }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Link, {
 		href,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -62,14 +131,14 @@ const NavbarTitle = ({ children, className, href = "/" }) => {
 			children
 		})
 	});
-};
-const NavbarLinks = ({ children, className }) => {
+}
+function NavbarLinks({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
 		className: require_icons_dev.cn("hidden md:flex items-center gap-6 text-sm font-medium", className),
 		children
 	});
-};
-const NavbarLink = ({ label, href, to, className }) => {
+}
+function NavbarLink({ label, href, to, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_icons_dev.Link, {
 		href,
 		target: to === "external" ? "_blank" : void 0,
@@ -79,8 +148,8 @@ const NavbarLink = ({ label, href, to, className }) => {
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.ExternalLink, { size: 12 })
 		})]
 	});
-};
-const NavbarDropdown = ({ label, className, children }) => {
+}
+function NavbarDropdown({ label, className, children }) {
 	const [isOpen, setIsOpen] = (0, react.useState)(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: require_icons_dev.cn("relative", className),
@@ -112,30 +181,30 @@ const NavbarDropdown = ({ label, className, children }) => {
 			})
 		})]
 	});
-};
-const NavbarDropdownItem = ({ href, label, className }) => {
+}
+function NavbarDropdownItem({ href, label, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Link, {
 		href,
 		className: require_icons_dev.cn("block px-2 py-1.5 rounded hover:bg-surface", className),
 		children: label
 	});
-};
-const NavbarSearchTriggerDesktop = ({ className, onPress, children }) => {
+}
+function NavbarSearchTriggerDesktop({ className, onPress, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
 		onPress,
 		className: require_icons_dev.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 }) => {
+}
+function NavbarSearchTriggerMobile({ className, onPress, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
 		onPress,
 		className: require_icons_dev.cn("lg:hidden flex h-10 w-10 items-center justify-center outline-none cursor-pointer", className),
 		"aria-label": "Search",
 		children
 	});
-};
-const NavbarSearchTriggerKbd = ({ className }) => {
+}
+function NavbarSearchTriggerKbd({ className }) {
 	const [mounted, setMounted] = (0, react.useState)(false);
 	const isMac = mounted && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
 	(0, react.useEffect)(() => {
@@ -151,13 +220,13 @@ const NavbarSearchTriggerKbd = ({ className }) => {
 			children: "K"
 		})]
 	});
-};
+}
 const NavbarSearchTrigger = {
 	Desktop: NavbarSearchTriggerDesktop,
 	Mobile: NavbarSearchTriggerMobile,
 	Kbd: NavbarSearchTriggerKbd
 };
-const NavbarTheme = ({ className, theme, onThemeChange }) => {
+function NavbarTheme({ className, theme, onThemeChange }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ToggleButton, {
 		isSelected: theme === "dark",
 		onChange: onThemeChange,
@@ -165,14 +234,14 @@ const NavbarTheme = ({ className, theme, onThemeChange }) => {
 		"aria-label": "Toggle theme",
 		children: theme === "dark" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Sun, { size: 20 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Moon, { size: 20 })
 	});
-};
-const Icon = ({ name }) => {
+}
+function Icon({ name }) {
 	if (name === "github") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Github, {});
 	if (name === "discord") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Discord, {});
 	if (name === "x") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.XSocial, {});
 	if (name === "bluesky") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Bluesky, {});
-};
-const NavbarSocials = ({ icon, link, className }) => {
+}
+function NavbarSocials({ icon, link, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Link, {
 		href: link,
 		target: "_blank",
@@ -180,22 +249,22 @@ const NavbarSocials = ({ icon, link, className }) => {
 		className: require_icons_dev.cn("outline-none", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: icon })
 	});
-};
-const NavbarSplit = ({ className }) => {
+}
+function NavbarSplit({ className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Separator, {
 		orientation: "vertical",
 		className: require_icons_dev.cn("h-full w-px", className)
 	});
-};
-const NavbarMore = ({ onPress, className }) => {
+}
+function NavbarMore({ onPress, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
 		onPress,
 		className: require_icons_dev.cn("md:hidden flex items-center justify-center outline-none cursor-pointer", className),
 		"aria-label": "More navigation",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.MoreVertical, { size: 20 })
 	});
-};
-const NavbarMobileMenu = ({ isOpen, onClose, children, className }) => {
+}
+function NavbarMobileMenu({ isOpen, onClose, children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ModalOverlay, {
 		isOpen,
 		onOpenChange: (open) => !open && onClose(),
@@ -220,8 +289,8 @@ const NavbarMobileMenu = ({ isOpen, onClose, children, className }) => {
 			})
 		})
 	});
-};
-const NavbarMobileLink = ({ label, href, to, onPress, className }) => {
+}
+function NavbarMobileLink({ label, href, to, onPress, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Link, {
 		href,
 		target: to === "external" ? "_blank" : void 0,
@@ -229,7 +298,7 @@ const NavbarMobileLink = ({ label, href, to, onPress, className }) => {
 		className: require_icons_dev.cn("group flex items-center outline-none", className),
 		children: label
 	});
-};
+}
 Navbar.Root = Navbar;
 Navbar.Left = NavbarLeft;
 Navbar.Right = NavbarRight;
@@ -254,52 +323,62 @@ Navbar.MobileLink = NavbarMobileLink;
 /**
 * Pure, unstyled SearchDialog Overlay (maps to RAC.ModalOverlay)
 */
-const SearchDialog = ({ className, ...props }) => {
+function SearchDialog({ className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ModalOverlay, {
 		className: require_icons_dev.cn("fixed inset-0 z-100", className),
 		...props
 	});
-};
+}
 /**
 * Pure, unstyled SearchDialog Content (maps to RAC.Modal)
 */
-const SearchDialogContent = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Modal, {
-	className: require_icons_dev.cn(className),
-	...props
-});
+function SearchDialogContent({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Modal, {
+		className: require_icons_dev.cn(className),
+		...props
+	});
+}
 /**
 * Pure, unstyled SearchDialog Dialog (maps to RAC.Dialog)
 */
-const SearchDialogDialog = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Dialog, {
-	className: require_icons_dev.cn("flex flex-col focus:outline-none", className),
-	...props
-});
+function SearchDialogDialog({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Dialog, {
+		className: require_icons_dev.cn("flex flex-col focus:outline-none", className),
+		...props
+	});
+}
 /**
 * Pure, unstyled SearchDialog Input Field (maps to RAC.SearchField)
 */
-const SearchDialogField = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.SearchField, {
-	className: require_icons_dev.cn("flex items-center", className),
-	...props
-});
+function SearchDialogField({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.SearchField, {
+		className: require_icons_dev.cn("flex items-center", className),
+		...props
+	});
+}
 /**
 * Pure, unstyled SearchInput (maps to RAC.Input)
 */
-const SearchDialogSearchInput = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Input, {
-	className: require_icons_dev.cn("w-full bg-transparent outline-none border-none", className),
-	...props
-});
+function SearchDialogSearchInput({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Input, {
+		className: require_icons_dev.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__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
-	slot: "clear",
-	className: require_icons_dev.cn(className),
-	...props
-});
+function SearchDialogClearButton({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
+		slot: "clear",
+		className: require_icons_dev.cn(className),
+		...props
+	});
+}
 /**
 * Pure, unstyled Autocomplete container (maps to RAC.Autocomplete)
 */
-const SearchDialogAutocomplete = ({ children, className, onSelectionChange, ...props }) => {
+function SearchDialogAutocomplete({ children, className, onSelectionChange, ...props }) {
 	const Autocomplete = react_aria_components.Autocomplete;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("flex-1 min-h-0", className),
@@ -310,21 +389,21 @@ const SearchDialogAutocomplete = ({ children, className, onSelectionChange, ...p
 			children
 		})
 	});
-};
+}
 /**
 * Pure, unstyled List Box (maps to RAC.ListBox)
 */
-const SearchDialogList = ({ children, className, ...props }) => {
+function SearchDialogList({ children, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ListBox, {
 		...props,
 		className: require_icons_dev.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 }) => {
+function SearchDialogItemRoot({ children, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ListBoxItem, {
 		...props,
 		className: require_icons_dev.cn("group flex items-center outline-none cursor-pointer", className),
@@ -336,25 +415,25 @@ const SearchDialogItemRoot = ({ children, className, ...props }) => {
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.CornerDownLeft, { size: 10 })]
 		})] })
 	});
-};
-const SearchDialogItemIcon = ({ isHeading, className }) => {
+}
+function SearchDialogItemIcon({ isHeading, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("shrink-0", className),
 		children: isHeading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Hash, { size: 18 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.FileText, { size: 18 })
 	});
-};
-const SearchDialogItemTitle = ({ children, className }) => {
+}
+function SearchDialogItemTitle({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: require_icons_dev.cn("block truncate flex-1", className),
 		children
 	});
-};
-const SearchDialogItemBio = ({ children, className }) => {
+}
+function SearchDialogItemBio({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: require_icons_dev.cn("ml-2 truncate hidden sm:inline", className),
 		children
 	});
-};
+}
 SearchDialog.Root = SearchDialog;
 SearchDialog.Overlay = SearchDialog;
 SearchDialog.Content = SearchDialogContent;
@@ -372,6 +451,24 @@ SearchDialog.Item = Object.assign(SearchDialogItemRoot, {
 });
 
 //#endregion
+Object.defineProperty(exports, 'Button', {
+  enumerable: true,
+  get: function () {
+    return Button;
+  }
+});
+Object.defineProperty(exports, 'ErrorBoundary', {
+  enumerable: true,
+  get: function () {
+    return ErrorBoundary;
+  }
+});
+Object.defineProperty(exports, 'ErrorBoundaryFallback', {
+  enumerable: true,
+  get: function () {
+    return ErrorBoundaryFallback;
+  }
+});
 Object.defineProperty(exports, 'Navbar', {
   enumerable: true,
   get: function () {

package/dist/{search-dialog-BwkDuI9R.cjs → search-dialog-BYhOov4S.cjs}

@@ -3,22 +3,56 @@
  * 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");
+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",
@@ -28,7 +62,75 @@ function useSearch(routes) {
 		});
 		for (const doc of virtual_boltdocs_search.default) newIndex.add(doc.id, `${doc.title} ${doc.content}`);
 		setIndex(newIndex);
-	}, [isOpen, index]);
+	}, [
+		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);
@@ -51,6 +153,7 @@ function useSearch(routes) {
 				bio: r.description || "",
 				groupTitle: r.groupTitle
 			}));
+			if (algoliaConfig) return algoliaResults;
 			if (!index) return [];
 			const searchResults = index.search(query, {
 				limit: 20,
@@ -82,7 +185,9 @@ function useSearch(routes) {
 			currentLocale,
 			currentVersion,
 			routes,
-			searchDataMap
+			searchDataMap,
+			algoliaConfig,
+			algoliaResults
 		]),
 		input: {
 			value: query,
@@ -146,7 +251,7 @@ function SearchDialog({ routes }) {
 			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, {
+		/* @__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),
@@ -201,11 +306,17 @@ function SearchDialog({ routes }) {
 					})
 				})
 			})
-		})
+		}) })
 	] });
 }
 
 //#endregion
+Object.defineProperty(exports, 'InternalErrorBoundary', {
+  enumerable: true,
+  get: function () {
+    return InternalErrorBoundary;
+  }
+});
 Object.defineProperty(exports, 'SearchDialog', {
   enumerable: true,
   get: function () {