boltdocs 2.7.10 → 2.8.0

package/dist/search-dialog-BXVoecTx.cjs

@@ -0,0 +1,483 @@
+/**
+ * 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');
+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
+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
+	});
+}
+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
+	});
+}
+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
+	});
+}
+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
+	});
+}
+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
+	});
+}
+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),
+		children: src ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src,
+			alt,
+			width,
+			height,
+			className: "h-6 w-6 object-contain"
+		}) : null
+	});
+}
+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", {
+			className: require_icons_dev.cn("text-lg font-bold tracking-tight hidden sm:inline-block", className),
+			children
+		})
+	});
+}
+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
+	});
+}
+function NavbarLink({ label, href, to, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_icons_dev.Link, {
+		href,
+		target: to === "external" ? "_blank" : void 0,
+		className: require_icons_dev.cn("transition-all outline-none", className),
+		children: [label, to === "external" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "ml-1 inline-block",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.ExternalLink, { size: 12 })
+		})]
+	});
+}
+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),
+		onMouseEnter: () => {
+			setIsOpen(true);
+		},
+		onMouseLeave: () => {
+			setIsOpen(false);
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_icons_dev.cn("flex items-center gap-1 outline-none cursor-pointer select-none font-medium text-muted hover:text-body transition-colors"),
+			children: [label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				className: require_icons_dev.cn("w-4 h-4 transition-transform", isOpen && "rotate-180"),
+				fill: "none",
+				viewBox: "0 0 24 24",
+				stroke: "currentColor",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 2,
+					d: "M19 9l-7 7-7-7"
+				})
+			})]
+		}), isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute top-full left-0 pt-1 z-[9999]",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (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
+	});
+}
+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
+	});
+}
+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
+	});
+}
+function NavbarSearchTriggerKbd({ className }) {
+	const [mounted, setMounted] = (0, react.useState)(false);
+	const isMac = mounted && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+	(0, react.useEffect)(() => {
+		setMounted(true);
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_icons_dev.cn("hidden sm:flex items-center gap-1 pointer-events-none select-none", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+			className: "flex items-center justify-center font-mono text-[10px]",
+			children: isMac ? "⌘" : "Ctrl"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ToggleButton, {
+		isSelected: theme === "dark",
+		onChange: onThemeChange,
+		className: require_icons_dev.cn("outline-none cursor-pointer", className),
+		"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 })
+	});
+}
+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, {});
+}
+function NavbarSocials({ icon, link, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Link, {
+		href: link,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: require_icons_dev.cn("outline-none", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { name: icon })
+	});
+}
+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)
+	});
+}
+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 })
+	});
+}
+function NavbarMobileMenu({ isOpen, onClose, children, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.ModalOverlay, {
+		isOpen,
+		onOpenChange: (open) => !open && onClose(),
+		isDismissable: true,
+		className: require_icons_dev.cn("fixed inset-0 z-60 md:hidden transition-all duration-100", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Modal, {
+			className: "fixed inset-0 outline-none",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_aria_components.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center justify-between mb-6",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.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__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.X, { size: 24 })
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+					className: "flex-1 overflow-y-auto flex flex-col gap-4",
+					children
+				})]
+			})
+		})
+	});
+}
+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,
+		onClick: onPress,
+		className: require_icons_dev.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__ */ (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)
+*/
+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)
+*/
+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)
+*/
+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)
+*/
+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")
+*/
+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)
+*/
+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),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (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)
+*/
+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),
+		children: (itemProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children, (itemProps.isFocused || itemProps.isSelected) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "ml-auto opacity-50 flex items-center gap-1",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-[10px]",
+				children: "Select"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.CornerDownLeft, { size: 10 })]
+		})] })
+	});
+}
+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 })
+	});
+}
+function SearchDialogItemTitle({ children, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: require_icons_dev.cn("block truncate flex-1", className),
+		children
+	});
+}
+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;
+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
+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 () {
+    return Navbar;
+  }
+});
+Object.defineProperty(exports, 'SearchDialog', {
+  enumerable: true,
+  get: function () {
+    return SearchDialog;
+  }
+});