boltdocs 3.2.1 → 3.3.0

package/dist/{search-dialog-DFnlx8LO.js → search-dialog-BqkzDTq2.js}

@@ -3,9 +3,10 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-import { C as Hash, F as Sun, L as X, M as MoreVertical, S as FileText, _ as CornerDownLeft, j as Moon, r as cn, t as Link, v as ExternalLink } from "./link-2PzgTnaP.js";
+import { D as Hash, E as FileText, F as Moon, I as MoreVertical, S as ExternalLink, V as X, W as useConfig, d as resolvePublicAssetUrl, o as cn, s as useLocalizedTo, t as Link, x as CornerDownLeft, z as Sun } from "./link-CgdI6O2o.js";
+import { E as useLocation } from "./router-CZBxMRAH.js";
 import { Component, useEffect, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as RAC from "react-aria-components";
 import { Button, Dialog, Modal, ModalOverlay, Separator, ToggleButton } from "react-aria-components";
 
@@ -55,20 +56,20 @@ var ErrorBoundary = class extends Component {
 		return children;
 	}
 };
-function ErrorBoundaryFallback({ error, resetErrorBoundary }) {
+function ErrorBoundaryFallback({ error, resetErrorBoundary, className, titleClassName, messageClassName, buttonClassName }) {
 	return /* @__PURE__ */ 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",
+		className: cn("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", className),
 		children: [
 			/* @__PURE__ */ jsx("div", {
-				className: "text-lg font-bold text-rose-600 dark:text-rose-400",
+				className: cn("text-lg font-bold text-danger-500", titleClassName),
 				children: "Something went wrong"
 			}),
 			/* @__PURE__ */ jsx("p", {
-				className: "text-sm text-muted max-w-sm leading-relaxed",
+				className: cn("text-sm text-muted max-w-sm leading-relaxed", messageClassName),
 				children: error?.message || "An unexpected error occurred while rendering this page."
 			}),
 			/* @__PURE__ */ jsx(Button$1, {
-				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",
+				className: cn("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", buttonClassName),
 				onPress: resetErrorBoundary,
 				children: "Try again"
 			})
@@ -119,20 +120,20 @@ const Bluesky = (props) => /* @__PURE__ */ jsxs("svg", {
 //#region src/client/components/primitives/navbar.tsx
 function Navbar({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("header", {
-		className: cn("boltdocs-navbar sticky top-0 z-50 w-full", className),
+		className: cn("boltdocs-navbar sticky top-0 z-50", className),
 		...props,
 		children
 	});
 }
 function 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),
+		className: cn("mx-auto flex lg:h-navbar max-w-(--breakpoint-3xl) items-center px-4 md:px-6", className),
 		children
 	});
 }
 function NavbarLeft({ children, className }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-1 items-center justify-start gap-4 min-w-0", className),
+		className: cn("flex flex-1 items-center gap-4 min-w-0", className),
 		children
 	});
 }
@@ -144,27 +145,29 @@ function NavbarRight({ children, className }) {
 }
 function 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),
+		className: cn("hidden lg:flex flex-1 justify-center items-center gap-4 px-4 min-w-0", className),
 		children
 	});
 }
-function NavbarLogo({ src, alt, width = 24, height = 24, className, href = "/" }) {
+function NavbarLogo({ src, alt, width = 24, height = 24, className, logoClassName, href = "/" }) {
+	const config = useConfig();
 	return /* @__PURE__ */ jsx(Link, {
 		href,
 		className: cn("flex items-center gap-2 shrink-0 outline-none", className),
 		children: src ? /* @__PURE__ */ jsx("img", {
-			src,
+			src: resolvePublicAssetUrl(src, config.base),
 			alt,
 			width,
 			height,
 			fetchPriority: "high",
-			className: "h-6 w-6 object-contain"
+			className: cn("h-6 w-6 object-contain", logoClassName)
 		}) : null
 	});
 }
-function NavbarTitle({ children, className, href = "/" }) {
+function NavbarTitle({ children, className, linkClassName, href = "/" }) {
 	return /* @__PURE__ */ jsx(Link, {
 		href,
+		className: cn(linkClassName),
 		children: /* @__PURE__ */ jsx("span", {
 			className: cn("text-lg font-bold tracking-tight hidden sm:inline-block", className),
 			children
@@ -177,45 +180,50 @@ function NavbarLinks({ children, className }) {
 		children
 	});
 }
-function NavbarLink({ label, href, to, className }) {
+function NavbarLink({ label, href, to, className, iconClassName }) {
 	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",
+			className: cn("ml-1 inline-block", iconClassName),
 			children: /* @__PURE__ */ jsx(ExternalLink, { size: 12 })
 		})]
 	});
 }
-function NavbarDropdown({ label, className, children }) {
-	const [isOpen, setIsOpen] = useState(false);
+function NavbarDropdown({ label, className, triggerClassName, iconClassName, panelClassName, menuClassName, icon, open, onOpenChange, children }) {
+	const [internalOpen, setInternalOpen] = useState(false);
+	const isOpen = open ?? internalOpen;
+	const setOpen = (next) => {
+		setInternalOpen(next);
+		onOpenChange?.(next);
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("relative", className),
-		onMouseEnter: () => {
-			setIsOpen(true);
-		},
-		onMouseLeave: () => {
-			setIsOpen(false);
-		},
+		onMouseEnter: () => setOpen(true),
+		onMouseLeave: () => setOpen(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"
+			className: cn("flex items-center gap-1 outline-none select-none cursor-pointer", triggerClassName),
+			children: [label, /* @__PURE__ */ jsx("span", {
+				className: cn("shrink-0", iconClassName),
+				children: icon ?? /* @__PURE__ */ jsx("svg", {
+					className: cn("size-6 transition-transform", isOpen && "rotate-180"),
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					"aria-hidden": "true",
+					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]",
+			className: cn("absolute top-full left-0 pt-1 z-9999", panelClassName),
 			children: /* @__PURE__ */ jsx("div", {
-				className: "min-w-[180px] p-1 bg-surface border border-subtle rounded-md shadow-lg",
+				className: cn("min-w-[180px] p-1 bg-surface border border-subtle rounded-md shadow-lg", menuClassName),
 				children
 			})
 		})]
@@ -243,7 +251,7 @@ function NavbarSearchTriggerMobile({ className, onPress, children }) {
 		children
 	});
 }
-function NavbarSearchTriggerKbd({ className }) {
+function NavbarSearchTriggerKbd({ className, kbdClassName }) {
 	const [mounted, setMounted] = useState(false);
 	const isMac = mounted && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
 	useEffect(() => {
@@ -252,10 +260,10 @@ function NavbarSearchTriggerKbd({ className }) {
 	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]",
+			className: cn("flex items-center justify-center font-mono text-[10px]", kbdClassName),
 			children: isMac ? "⌘" : "Ctrl"
 		}), /* @__PURE__ */ jsx("kbd", {
-			className: "flex items-center justify-center font-mono text-[10px]",
+			className: cn("flex items-center justify-center font-mono text-[10px]", kbdClassName),
 			children: "K"
 		})]
 	});
@@ -303,26 +311,26 @@ function NavbarMore({ onPress, className }) {
 		children: /* @__PURE__ */ jsx(MoreVertical, { size: 20 })
 	});
 }
-function NavbarMobileMenu({ isOpen, onClose, children, className }) {
+function NavbarMobileMenu({ isOpen, onClose, children, className, overlayClassName, modalClassName, dialogClassName, closeRowClassName, closeButtonClassName, navClassName }) {
 	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),
+		className: cn("fixed inset-0 z-60 md:hidden transition-all duration-100", className, overlayClassName),
 		children: /* @__PURE__ */ jsx(Modal, {
-			className: "fixed inset-0 outline-none",
+			className: cn("fixed inset-0 outline-none", modalClassName),
 			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))]",
+				className: cn("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))]", dialogClassName),
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between mb-6",
+					className: cn("flex items-center justify-between mb-6", closeRowClassName),
 					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",
+						className: cn("flex items-center justify-center outline-none cursor-pointer text-muted hover:text-body transition-colors", closeButtonClassName),
 						"aria-label": "Close menu",
 						children: /* @__PURE__ */ jsx(X, { size: 24 })
 					})]
 				}), /* @__PURE__ */ jsx("nav", {
-					className: "flex-1 overflow-y-auto flex flex-col gap-4",
+					className: cn("flex-1 overflow-y-auto flex flex-col gap-4", navClassName),
 					children
 				})]
 			})
@@ -338,6 +346,45 @@ function NavbarMobileLink({ label, href, to, onPress, className }) {
 		children: label
 	});
 }
+function NavbarMobileLinkItem({ link, onClose, depth = 0, className, groupClassName, labelClassName, listClassName, renderItem }) {
+	const localizedHref = useLocalizedTo(link.href || "");
+	const { pathname } = useLocation();
+	const active = pathname === localizedHref;
+	const hasItems = link.items && link.items.length > 0;
+	const custom = renderItem?.({
+		link,
+		active,
+		depth,
+		localizedHref,
+		onClose
+	});
+	if (custom !== void 0 && custom !== null) return /* @__PURE__ */ jsx(Fragment$1, { children: custom });
+	if (hasItems) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-1", groupClassName, className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("px-3 py-2 text-sm transition-all", active ? "text-body" : "text-muted/80 hover:text-body", labelClassName),
+			children: link.label
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("flex flex-col gap-1 pl-4", listClassName),
+			children: link.items?.map((item) => /* @__PURE__ */ jsx(NavbarMobileLinkItem, {
+				link: item,
+				onClose,
+				depth: depth + 1,
+				className,
+				groupClassName,
+				labelClassName,
+				listClassName,
+				renderItem
+			}, item.href))
+		})]
+	});
+	return /* @__PURE__ */ jsx(NavbarMobileLink, {
+		label: link.label,
+		href: localizedHref,
+		onPress: onClose,
+		className: cn("transition-all", active ? "text-body" : "text-muted/80 hover:text-body", className)
+	});
+}
 Navbar.Root = Navbar;
 Navbar.Left = NavbarLeft;
 Navbar.Right = NavbarRight;
@@ -356,6 +403,7 @@ Navbar.Content = NavbarContent;
 Navbar.More = NavbarMore;
 Navbar.MobileMenu = NavbarMobileMenu;
 Navbar.MobileLink = NavbarMobileLink;
+Navbar.MobileLinkItem = NavbarMobileLinkItem;
 
 //#endregion
 //#region src/client/components/primitives/search-dialog.tsx
@@ -418,14 +466,13 @@ function SearchDialogClearButton({ className, ...props }) {
 /**
 * Pure, unstyled Autocomplete container (maps to RAC.Autocomplete)
 */
-function SearchDialogAutocomplete({ children, className, onSelectionChange, ...props }) {
+function SearchDialogAutocomplete({ children, className, innerClassName, ...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",
+			className: cn("flex flex-col min-h-0", innerClassName),
 			children
 		})
 	});
@@ -443,23 +490,26 @@ function SearchDialogList({ children, className, ...props }) {
 /**
 * Pure, unstyled List Box Item (maps to RAC.ListBoxItem)
 */
-function SearchDialogItemRoot({ children, className, ...props }) {
+function SearchDialogItemRoot({ children, className, hintClassName, renderHint, ...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: (itemProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [children, renderHint ? renderHint({
+			focused: itemProps.isFocused,
+			selected: itemProps.isSelected
+		}) : itemProps.isFocused || itemProps.isSelected ? /* @__PURE__ */ jsxs("div", {
+			className: cn("ml-auto opacity-50 flex items-center gap-1", hintClassName),
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "text-[10px]",
 				children: "Select"
 			}), /* @__PURE__ */ jsx(CornerDownLeft, { size: 10 })]
-		})] })
+		}) : null] })
 	});
 }
-function SearchDialogItemIcon({ isHeading, className }) {
+function SearchDialogItemIcon({ isHeading, className, icon }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("shrink-0", className),
-		children: isHeading ? /* @__PURE__ */ jsx(Hash, { size: 18 }) : /* @__PURE__ */ jsx(FileText, { size: 18 })
+		children: icon ?? (isHeading ? /* @__PURE__ */ jsx(Hash, { size: 18 }) : /* @__PURE__ */ jsx(FileText, { size: 18 }))
 	});
 }
 function SearchDialogItemTitle({ children, className }) {