boltdocs 2.7.11 → 2.8.0

package/dist/client/primitives.js

@@ -3,10 +3,10 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-import { _ as Link, v as NavLink, y as cn } from "../icons-dev-Df8OQ481.js";
-import { A as Popover, C as useItems, D as ErrorBoundary, E as Tabs, M as Button, N as Breadcrumbs, O as ErrorBoundaryFallback, S as useActiveAnchors, _ as OnThisPage, a as SidebarContent, b as ScrollProvider, c as SidebarItem, d as SidebarMobile, f as SidebarRoot, g as AnchorProvider, h as PageNav, i as Sidebar, j as ButtonGroup, k as Menu, l as SidebarItems, o as SidebarGroup, p as SidebarSubGroup, s as SidebarHeader, t as DocsLayout, u as SidebarLink, v as OnThisPageItems, x as useActiveAnchor, y as OnThisPageTree } from "../docs-layout-DwFndmj5.js";
-import { a as CodeBlockGroup, i as CodeBlockContent, n as Tooltip, o as CodeBlockHeader, r as CodeBlock, s as Heading, t as Image } from "../image-jxPb-2iV.js";
-import { n as Navbar, t as SearchDialog } from "../search-dialog-BNF10tDl.js";
+import { _ as Link, v as NavLink, y as cn } from "../icons-dev-Oju24Wjp.js";
+import { a as CodeBlockGroup, i as CodeBlockContent, n as Tooltip, o as CodeBlockHeader, r as CodeBlock, s as Heading, t as Image } from "../image-Do8V9PCW.js";
+import { C as useItems, D as ButtonGroup, E as Popover, O as Breadcrumbs, S as useActiveAnchors, T as Menu, _ as OnThisPage, a as SidebarContent, b as ScrollProvider, c as SidebarItem, d as SidebarMobile, f as SidebarRoot, g as AnchorProvider, h as PageNav, i as Sidebar, l as SidebarItems, o as SidebarGroup, p as SidebarSubGroup, s as SidebarHeader, t as DocsLayout, u as SidebarLink, v as OnThisPageItems, w as Tabs, x as useActiveAnchor, y as OnThisPageTree } from "../docs-layout-Dn6S5g59.js";
+import { a as Button, i as ErrorBoundaryFallback, n as Navbar, r as ErrorBoundary, t as SearchDialog } from "../search-dialog-D8gLkhUV.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/client/components/primitives/skeleton.tsx

package/dist/{docs-layout-BXHV0xw_.cjs → docs-layout-CwCq42Zt.cjs}

@@ -3,10 +3,9 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-const require_icons_dev = require('./icons-dev-3cZMyt8r.cjs');
-let react_router_dom = require("react-router-dom");
+const require_icons_dev = require('./icons-dev-DvJ-hh9x.cjs');
 let react = require("react");
-react = require_icons_dev.__toESM(react);
+let react_router_dom = require("react-router-dom");
 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);
@@ -15,49 +14,73 @@ virtual_boltdocs_icons = require_icons_dev.__toESM(virtual_boltdocs_icons);
 let scroll_into_view_if_needed = require("scroll-into-view-if-needed");
 scroll_into_view_if_needed = require_icons_dev.__toESM(scroll_into_view_if_needed);
 
+//#region src/client/app/ui-context.tsx
+const UIContext = (0, react.createContext)(void 0);
+function UIProvider({ children }) {
+	const [isSidebarOpen, setIsSidebarOpen] = (0, react.useState)(false);
+	const location = (0, react_router_dom.useLocation)();
+	const toggleSidebar = () => setIsSidebarOpen((prev) => !prev);
+	const closeSidebar = () => setIsSidebarOpen(false);
+	(0, react.useEffect)(() => {
+		setIsSidebarOpen(false);
+	}, [location.pathname]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UIContext.Provider, {
+		value: {
+			isSidebarOpen,
+			toggleSidebar,
+			closeSidebar
+		},
+		children
+	});
+}
+function useUI() {
+	const context = (0, react.useContext)(UIContext);
+	if (context === void 0) return {
+		isSidebarOpen: false,
+		toggleSidebar: () => {},
+		closeSidebar: () => {}
+	};
+	return context;
+}
+
+//#endregion
 //#region src/client/components/primitives/breadcrumbs.tsx
-const Breadcrumbs = ({ children, className, ...props }) => {
+function Breadcrumbs({ children, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Breadcrumbs, {
 		className: require_icons_dev.cn("flex flex-wrap items-center", className),
 		...props,
 		children
 	});
-};
-const BreadcrumbsItem = ({ children, className, ...props }) => {
+}
+function BreadcrumbsItem({ children, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Breadcrumb, {
 		className: require_icons_dev.cn("flex items-center", className),
 		...props,
 		children
 	});
-};
-const BreadcrumbsLink = ({ children, href, className, ...props }) => {
+}
+function BreadcrumbsLink({ children, href, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.Link, {
 		href,
 		className: require_icons_dev.cn("cursor-pointer", className),
 		...props,
 		children
 	});
-};
-const BreadcrumbsSeparator = ({ className }) => {
+}
+function BreadcrumbsSeparator({ className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.ChevronRight, {
 		size: 14,
 		className: require_icons_dev.cn("shrink-0", className)
 	});
-};
+}
 Breadcrumbs.Root = Breadcrumbs;
 Breadcrumbs.Item = BreadcrumbsItem;
 Breadcrumbs.Link = BreadcrumbsLink;
 Breadcrumbs.Separator = BreadcrumbsSeparator;
 
-//#endregion
-//#region src/client/components/primitives/button.tsx
-const Button = ({ ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, { ...props });
-};
-
 //#endregion
 //#region src/client/components/primitives/button-group.tsx
-const ButtonGroup = ({ children, className, vertical = false }) => {
+function ButtonGroup({ children, className, vertical = false }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("inline-flex", vertical ? "flex-col" : "flex-row", !vertical && [
 			"[&>*:not(:first-child)]:-ml-px",
@@ -76,21 +99,21 @@ const ButtonGroup = ({ children, className, vertical = false }) => {
 		], className),
 		children
 	});
-};
+}
 
 //#endregion
 //#region src/client/components/primitives/popover.tsx
 /**
 * A reusable Popover primitive with premium glassmorphism styling and smooth animations.
 */
-const Popover = ({ children, className, ...props }) => {
+function Popover({ children, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Popover, {
 		offset: 8,
 		className: require_icons_dev.cn("z-50 overflow-auto outline-none transition-none", className),
 		...props,
 		children
 	});
-};
+}
 
 //#endregion
 //#region src/client/components/primitives/menu.tsx
@@ -177,85 +200,23 @@ Menu.SubTrigger = SubmenuTrigger;
 Menu.Section = MenuSection;
 Menu.Separator = MenuSeparator;
 
-//#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/tabs.tsx
-const Tabs = ({ children, className = "", ...props }) => {
+function Tabs({ children, className = "", ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("w-full", className),
 		...props,
 		children
 	});
-};
-const TabsList = ({ children, className = "" }) => {
+}
+function TabsList({ children, className = "" }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		role: "tablist",
-		className: require_icons_dev.cn("relative flex flex-row items-center", className),
+		className: require_icons_dev.cn("relative flex flex-row items-center overflow-x-auto", className),
 		children
 	});
-};
-const TabsItem = ({ children, id, selected, className = "", ...props }) => {
+}
+function TabsItem({ children, id, selected, className = "", ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 		role: "tab",
 		"aria-selected": selected,
@@ -264,55 +225,25 @@ const TabsItem = ({ children, id, selected, className = "", ...props }) => {
 		...props,
 		children
 	});
-};
-const TabsContent = ({ children, className = "" }) => {
+}
+function TabsContent({ children, className = "" }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("outline-none", className),
 		children
 	});
-};
-const TabsIndicator = ({ className = "", style }) => {
+}
+function TabsIndicator({ className = "", style }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("absolute bottom-0", className),
 		style
 	});
-};
+}
 Tabs.Root = Tabs;
 Tabs.List = TabsList;
 Tabs.Item = TabsItem;
 Tabs.Content = TabsContent;
 Tabs.Indicator = TabsIndicator;
 
-//#endregion
-//#region src/client/app/ui-context.tsx
-const UIContext = (0, react.createContext)(void 0);
-function UIProvider({ children }) {
-	const [isSidebarOpen, setIsSidebarOpen] = (0, react.useState)(false);
-	const location = (0, react_router_dom.useLocation)();
-	const toggleSidebar = () => setIsSidebarOpen((prev) => !prev);
-	const closeSidebar = () => setIsSidebarOpen(false);
-	(0, react.useEffect)(() => {
-		setIsSidebarOpen(false);
-	}, [location.pathname]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UIContext.Provider, {
-		value: {
-			isSidebarOpen,
-			toggleSidebar,
-			closeSidebar
-		},
-		children
-	});
-}
-function useUI() {
-	const context = (0, react.useContext)(UIContext);
-	if (context === void 0) return {
-		isSidebarOpen: false,
-		toggleSidebar: () => {},
-		closeSidebar: () => {}
-	};
-	return context;
-}
-
 //#endregion
 //#region src/client/components/primitives/helpers/observer.ts
 function getItemId(url) {
@@ -323,6 +254,7 @@ var Observer = class {
 	items = [];
 	single = false;
 	observer = null;
+	timers = [];
 	onChange;
 	callback(_entries) {
 		for (const item of this.items) {
@@ -386,9 +318,9 @@ var Observer = class {
 		}
 		this.watchItems();
 		if (typeof window !== "undefined") {
-			setTimeout(() => this.watchItems(), 100);
-			setTimeout(() => this.watchItems(), 500);
-			setTimeout(() => this.watchItems(), 1e3);
+			this.timers.push(setTimeout(() => this.watchItems(), 100));
+			this.timers.push(setTimeout(() => this.watchItems(), 500));
+			this.timers.push(setTimeout(() => this.watchItems(), 1e3));
 		}
 		this.onChange?.();
 	}
@@ -406,6 +338,8 @@ var Observer = class {
 		}
 	}
 	unwatch() {
+		for (const timer of this.timers) clearTimeout(timer);
+		this.timers = [];
 		this.observer?.disconnect();
 		this.observer = null;
 	}
@@ -473,20 +407,20 @@ function AnchorProvider({ toc, single = false, observerOptions, children }) {
 		children
 	});
 }
-const OnThisPage = ({ children, className }) => {
+function OnThisPage({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
 		className: require_icons_dev.cn("sticky top-navbar hidden xl:flex flex-col shrink-0", "w-toc", "py-4 pl-6 pr-4", className),
 		children
 	});
-};
-const OnThisPageHeader = ({ children, className, ...props }) => {
+}
+function OnThisPageHeader({ children, className, ...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: require_icons_dev.cn("mb-4 text-xs font-bold text-body", className),
 		...props,
 		children
 	});
-};
-const OnThisPageContent = ({ children, className, ref, ...props }) => {
+}
+function OnThisPageContent({ children, className, ref, ...props }) {
 	const internalRef = (0, react.useRef)(null);
 	(0, react.useImperativeHandle)(ref, () => internalRef.current);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -499,21 +433,21 @@ const OnThisPageContent = ({ children, className, ref, ...props }) => {
 		...props,
 		children
 	});
-};
+}
 OnThisPageContent.displayName = "OnThisPageContent";
-const OnThisPageList = ({ children, className }) => {
+function OnThisPageList({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 		className: require_icons_dev.cn("relative space-y-0.5 text-sm border-l border-subtle", className),
 		children
 	});
-};
-const OnThisPageItem = ({ level, children, className }) => {
+}
+function OnThisPageItem({ level, children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
 		className: require_icons_dev.cn(level === 3 && "pl-3", className),
 		children
 	});
-};
-const OnThisPageLink = ({ children, href, active, onClick, className }) => {
+}
+function OnThisPageLink({ children, href, active, onClick, className }) {
 	const items = (0, react.use)(ItemsContext);
 	const containerRef = (0, react.use)(ScrollContext);
 	const id = href ? getItemId(href) : null;
@@ -548,8 +482,8 @@ const OnThisPageLink = ({ children, href, active, onClick, className }) => {
 		className: require_icons_dev.cn("block py-0.5 pl-4 text-[13px] outline-none transition-colors", computedActive ? "text-primary-500" : "text-muted hover:text-body", className),
 		children
 	});
-};
-const OnThisPageIndicator = ({ style, className }) => {
+}
+function OnThisPageIndicator({ style, className }) {
 	const containerRef = (0, react.useRef)(null);
 	const [internalStyle, setInternalStyle] = (0, react.useState)({
 		opacity: 0,
@@ -586,7 +520,7 @@ const OnThisPageIndicator = ({ style, className }) => {
 			...internalStyle
 		}
 	});
-};
+}
 /**
 * High-level automated list of toc items
 */
@@ -643,13 +577,13 @@ OnThisPage.Tree = OnThisPageTree;
 
 //#endregion
 //#region src/client/components/primitives/page-nav.tsx
-const PageNav = ({ children, className }) => {
+function PageNav({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
 		className: require_icons_dev.cn("grid sm:grid-cols-2 gap-4", className),
 		children
 	});
-};
-const PageNavLink = ({ children, to, direction, className }) => {
+}
+function PageNavLink({ children, to, direction, className }) {
 	const isNext = direction === "next";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_icons_dev.Link, {
 		href: to,
@@ -663,22 +597,22 @@ const PageNavLink = ({ children, to, direction, className }) => {
 			isNext && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.ChevronRight, { className: "shrink-0" })
 		]
 	});
-};
-const PageNavTitle = ({ children, className }) => {
+}
+function PageNavTitle({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: require_icons_dev.cn(className),
 		children
 	});
-};
-const PageNavDescription = ({ children, className }) => {
+}
+function PageNavDescription({ children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: require_icons_dev.cn("truncate", className),
 		children
 	});
-};
-const PageNavIcon = ({ children }) => {
+}
+function PageNavIcon({ children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
-};
+}
 PageNav.Root = PageNav;
 PageNav.Link = PageNavLink;
 PageNav.Title = PageNavTitle;
@@ -693,7 +627,8 @@ function useSidebar(routes) {
 	return (0, react.useMemo)(() => {
 		const activeRoute = routes.find((r) => require_icons_dev.normalizePath(r.path) === currentPath);
 		const activeTabId = activeRoute?.tab?.toLowerCase();
-		const filteredRoutes = activeTabId ? routes.filter((r) => !r.tab || r.tab.toLowerCase() === activeTabId) : routes;
+		const noCollection = routes.filter((r) => !r.collection);
+		const filteredRoutes = activeTabId ? noCollection.filter((r) => !r.tab || r.tab.toLowerCase() === activeTabId) : noCollection;
 		const directoryMeta = {};
 		if (config.directoryMeta) for (const [key, value] of Object.entries(config.directoryMeta)) {
 			const cleanKey = key.split("/").filter((part) => !part.startsWith("(") || !part.endsWith(")")).map((part) => part.replace(/^\d+-/, "")).join("/");
@@ -818,7 +753,7 @@ function getIcon(iconName) {
 /**
 * Internal Badge component for links
 */
-const Badge = ({ badge }) => {
+function Badge({ badge }) {
 	const colors = {
 		new: "bg-primary-500/10 text-primary-500 border border-primary-500/20",
 		updated: "bg-emerald-500/10 text-emerald-500 border border-emerald-500/20",
@@ -830,7 +765,7 @@ const Badge = ({ badge }) => {
 		className: require_icons_dev.cn("ml-auto flex h-5 items-center rounded-md text-[10px] font-bold px-1.5 py-0.5 uppercase tracking-wider", colors[text] || colors.new),
 		children: text
 	});
-};
+}
 /**
 * Desktop Sidebar Container
 */
@@ -897,7 +832,7 @@ function SidebarContent({ children, className }) {
 /**
 * Navigation Group
 */
-const SidebarGroup = ({ title, icon: Icon, children, className }) => {
+function SidebarGroup({ title, icon: Icon, children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className,
 		children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", {
@@ -908,8 +843,8 @@ const SidebarGroup = ({ title, icon: Icon, children, className }) => {
 			children
 		})]
 	});
-};
-const SidebarLink = ({ label, href, active, icon: Icon, badge, className }) => {
+}
+function SidebarLink({ label, href, active, icon: Icon, badge, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_icons_dev.Link, {
 		href,
 		className: require_icons_dev.cn("group flex items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-sm transition-all outline-none", active ? "bg-primary-500/10 text-primary-500 font-medium shadow-sm" : "text-muted hover:bg-surface hover:text-body", className),
@@ -925,11 +860,11 @@ const SidebarLink = ({ label, href, active, icon: Icon, badge, className }) => {
 			badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, { badge })
 		]
 	});
-};
+}
 /**
 * Nested SubGroup
 */
-const SidebarSubGroup = ({ label, href, active, icon: Icon, badge, isOpen, onToggle, children, className }) => {
+function SidebarSubGroup({ label, href, active, icon: Icon, badge, isOpen, onToggle, children, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex flex-col gap-0.5",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -958,7 +893,7 @@ const SidebarSubGroup = ({ label, href, active, icon: Icon, badge, isOpen, onTog
 			children
 		})]
 	});
-};
+}
 function SidebarItem({ route, activePath, activeRoute, className }) {
 	const localizedHref = require_icons_dev.useLocalizedTo(route.path);
 	const isCurrent = activePath === (localizedHref.endsWith("/") ? localizedHref.slice(0, -1) : localizedHref) || !!activeRoute?.filePath && !!route.filePath && activeRoute.filePath === route.filePath;
@@ -1243,12 +1178,6 @@ Object.defineProperty(exports, 'Breadcrumbs', {
     return Breadcrumbs;
   }
 });
-Object.defineProperty(exports, 'Button', {
-  enumerable: true,
-  get: function () {
-    return Button;
-  }
-});
 Object.defineProperty(exports, 'ButtonGroup', {
   enumerable: true,
   get: function () {
@@ -1261,18 +1190,6 @@ Object.defineProperty(exports, 'DocsLayout', {
     return DocsLayout;
   }
 });
-Object.defineProperty(exports, 'ErrorBoundary', {
-  enumerable: true,
-  get: function () {
-    return ErrorBoundary;
-  }
-});
-Object.defineProperty(exports, 'ErrorBoundaryFallback', {
-  enumerable: true,
-  get: function () {
-    return ErrorBoundaryFallback;
-  }
-});
 Object.defineProperty(exports, 'Menu', {
   enumerable: true,
   get: function () {