boltdocs 2.7.10 → 2.8.0

package/dist/search-dialog-D8gLkhUV.js

@@ -0,0 +1,453 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+import { G as Moon, I as FileText, K as MoreVertical, L as Hash, N as CornerDownLeft, P as ExternalLink, Y as Sun, Z as X, _ as Link, h as XSocial, o as Discord, s as Github, t as Bluesky, y as cn } from "./icons-dev-Oju24Wjp.js";
+import { Component, 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/button.tsx
+function Button$1({ ...props }) {
+	return /* @__PURE__ */ jsx(RAC.Button, { ...props });
+}
+
+//#endregion
+//#region src/client/components/primitives/error-boundary.tsx
+var ErrorBoundary = class extends 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__ */ jsx(FallbackComponent, {
+				error,
+				resetErrorBoundary: this.resetErrorBoundary
+			});
+			if (fallback) return fallback;
+			return /* @__PURE__ */ jsx(ErrorBoundaryFallback, {
+				error,
+				resetErrorBoundary: this.resetErrorBoundary
+			});
+		}
+		return children;
+	}
+};
+function ErrorBoundaryFallback({ error, resetErrorBoundary }) {
+	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",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "text-lg font-bold text-rose-600 dark:text-rose-400",
+				children: "Something went wrong"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted max-w-sm leading-relaxed",
+				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",
+				onPress: resetErrorBoundary,
+				children: "Try again"
+			})
+		]
+	});
+}
+
+//#endregion
+//#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),
+		...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),
+		children
+	});
+}
+function NavbarLeft({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-1 items-center justify-start gap-4 min-w-0", className),
+		children
+	});
+}
+function 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
+	});
+}
+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),
+		children
+	});
+}
+function 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
+	});
+}
+function 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
+		})
+	});
+}
+function NavbarLinks({ children, className }) {
+	return /* @__PURE__ */ jsx("nav", {
+		className: cn("hidden md:flex items-center gap-6 text-sm font-medium", className),
+		children
+	});
+}
+function 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 })
+		})]
+	});
+}
+function 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
+			})
+		})]
+	});
+}
+function NavbarDropdownItem({ href, label, className }) {
+	return /* @__PURE__ */ jsx(Link, {
+		href,
+		className: cn("block px-2 py-1.5 rounded hover:bg-surface", className),
+		children: label
+	});
+}
+function 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
+	});
+}
+function 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
+	});
+}
+function 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
+};
+function 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 })
+	});
+}
+function 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, {});
+}
+function 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 })
+	});
+}
+function NavbarSplit({ className }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		orientation: "vertical",
+		className: cn("h-full w-px", className)
+	});
+}
+function 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 })
+	});
+}
+function 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
+				})]
+			})
+		})
+	});
+}
+function 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)
+*/
+function 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)
+*/
+function SearchDialogContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RAC.Modal, {
+		className: cn(className),
+		...props
+	});
+}
+/**
+* Pure, unstyled SearchDialog Dialog (maps to RAC.Dialog)
+*/
+function SearchDialogDialog({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RAC.Dialog, {
+		className: cn("flex flex-col focus:outline-none", className),
+		...props
+	});
+}
+/**
+* Pure, unstyled SearchDialog Input Field (maps to RAC.SearchField)
+*/
+function SearchDialogField({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RAC.SearchField, {
+		className: cn("flex items-center", className),
+		...props
+	});
+}
+/**
+* Pure, unstyled SearchInput (maps to RAC.Input)
+*/
+function SearchDialogSearchInput({ className, ...props }) {
+	return /* @__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")
+*/
+function SearchDialogClearButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RAC.Button, {
+		slot: "clear",
+		className: cn(className),
+		...props
+	});
+}
+/**
+* Pure, unstyled Autocomplete container (maps to RAC.Autocomplete)
+*/
+function 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)
+*/
+function 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)
+*/
+function 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 })]
+		})] })
+	});
+}
+function SearchDialogItemIcon({ isHeading, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("shrink-0", className),
+		children: isHeading ? /* @__PURE__ */ jsx(Hash, { size: 18 }) : /* @__PURE__ */ jsx(FileText, { size: 18 })
+	});
+}
+function SearchDialogItemTitle({ children, className }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("block truncate flex-1", className),
+		children
+	});
+}
+function 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 { Button$1 as a, ErrorBoundaryFallback as i, Navbar as n, ErrorBoundary as r, SearchDialog as t };

package/dist/search-dialog-DHc_8FFX.js

@@ -0,0 +1,8 @@
+/**
+ * Boltdocs - https://boltdocs.vercel.app
+ * Copyright (c) 2026 Jesus Alcala
+ * Licensed under the MIT License.
+ */
+import { t as SearchDialog } from "./search-dialog-C09riYmx.js";
+
+export { SearchDialog };