boltdocs 2.8.4 → 2.9.0

package/dist/{docs-layout-CVCf3xkZ.cjs → docs-layout-3TpAt6MB.cjs}

@@ -3,7 +3,7 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-const require_icons_dev = require('./icons-dev-C8sFxeBk.cjs');
+const require_icons_dev = require('./icons-dev-BryEFkJu.cjs');
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -244,6 +244,235 @@ Tabs.Item = TabsItem;
 Tabs.Content = TabsContent;
 Tabs.Indicator = TabsIndicator;
 
+//#endregion
+//#region src/client/hooks/use-sidebar.ts
+const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1).replace(/-/g, " ");
+const getCleanDirectoryMeta = (directoryMeta) => {
+	const meta = {};
+	if (!directoryMeta) return meta;
+	for (const [key, value] of Object.entries(directoryMeta)) {
+		const cleanKey = key.split("/").filter((part) => !part.startsWith("(") || !part.endsWith(")")).map((part) => part.replace(/^\d+-/, "")).join("/");
+		meta[cleanKey === "" ? "." : cleanKey] = value;
+	}
+	return meta;
+};
+const getOrCreateNode = (parts, rootMap, directoryMeta) => {
+	let currentMap = rootMap;
+	let parentPath = "";
+	let lastNode;
+	for (const segment of parts) {
+		const currentRelPath = parentPath ? `${parentPath}/${segment}` : segment;
+		if (!currentMap.has(segment)) {
+			const meta = directoryMeta[currentRelPath] || {};
+			const newNode = {
+				path: "#",
+				title: meta.title || capitalize(segment),
+				componentPath: "",
+				filePath: "",
+				icon: meta.icon,
+				groupPosition: typeof meta.order === "number" ? meta.order : 999,
+				collapsible: meta.collapsible,
+				collapsed: meta.collapsed,
+				hasCustomTitle: meta.title !== void 0,
+				subRoutes: [],
+				childrenMap: /* @__PURE__ */ new Map()
+			};
+			currentMap.set(segment, newNode);
+		}
+		lastNode = currentMap.get(segment);
+		currentMap = lastNode.childrenMap;
+		parentPath = currentRelPath;
+	}
+	return lastNode;
+};
+const getRoutePosition = (r) => r.sidebarPosition ?? r.order ?? 999;
+const getNodePosition = (n) => n.sidebarPosition ?? n.groupPosition ?? 999;
+const finalizeTree = (nodes) => {
+	return nodes.map((node) => {
+		if (node.childrenMap && node.childrenMap.size > 0) {
+			const childDirs = Array.from(node.childrenMap.values());
+			node.subRoutes = [...node.subRoutes || [], ...childDirs];
+		}
+		const { childrenMap, ...restNode } = node;
+		if (restNode.subRoutes && restNode.subRoutes.length > 0) restNode.subRoutes = finalizeTree(restNode.subRoutes);
+		return restNode;
+	}).sort((a, b) => {
+		const posA = getNodePosition(a);
+		const posB = getNodePosition(b);
+		return posA !== posB ? posA - posB : a.title.localeCompare(b.title);
+	});
+};
+function useSidebar(routes) {
+	const config = require_icons_dev.useConfig();
+	const { pathname } = (0, react_router_dom.useLocation)();
+	return (0, react.useMemo)(() => {
+		const currentPath = require_icons_dev.normalizePath(pathname);
+		const activeRoute = routes.find((r) => require_icons_dev.normalizePath(r.path) === currentPath);
+		const activeTabId = activeRoute?.tab?.toLowerCase();
+		const filteredRoutes = routes.filter((r) => !r.collection && !r.sidebarHidden && !r.fallback).filter((r) => !activeTabId || r.tab?.toLowerCase() === activeTabId).sort((a, b) => getRoutePosition(a) - getRoutePosition(b));
+		const directoryMeta = getCleanDirectoryMeta(config.directoryMeta);
+		const rootNodesMap = /* @__PURE__ */ new Map();
+		const ungrouped = [];
+		for (const route of filteredRoutes) {
+			const parts = route.slugParts || [];
+			const isIndex = /^index\.mdx?$/.test(route.filePath.split("/").pop() || "");
+			if (parts.length === 0) {
+				if (route.filePath) ungrouped.push(route);
+				continue;
+			}
+			const containerNode = getOrCreateNode(parts, rootNodesMap, directoryMeta);
+			if (isIndex) Object.assign(containerNode, {
+				path: route.path,
+				title: containerNode.hasCustomTitle ? containerNode.title : route.title || containerNode.title,
+				icon: route.icon || containerNode.icon,
+				badge: route.badge,
+				sidebarPosition: route.sidebarPosition,
+				frontmatter: route.frontmatter,
+				filePath: route.filePath
+			});
+			else containerNode.subRoutes.push(route);
+		}
+		const finalizedTopNodes = finalizeTree(Array.from(rootNodesMap.values()));
+		const groups = [];
+		for (const node of finalizedTopNodes) if (node.subRoutes && node.subRoutes.length > 0) groups.push({
+			slug: node.title.toLowerCase().replace(/\s+/g, "-"),
+			title: node.title,
+			icon: node.icon,
+			path: node.path,
+			filePath: node.filePath,
+			routes: node.subRoutes,
+			sidebarPosition: node.sidebarPosition ?? node.groupPosition ?? 999,
+			collapsible: node.collapsible,
+			collapsed: node.collapsed
+		});
+		else ungrouped.push(node);
+		return {
+			groups,
+			ungrouped: finalizeTree(ungrouped),
+			activeRoute,
+			activePath: currentPath,
+			config
+		};
+	}, [
+		routes,
+		config,
+		pathname
+	]);
+}
+
+//#endregion
+//#region src/client/hooks/use-location.ts
+const useLocation = () => {
+	return (0, react_router_dom.useLocation)();
+};
+
+//#endregion
+//#region src/client/hooks/use-search-highlight.ts
+/**
+* Hook to highlight search terms based on the 'hl' query parameter.
+*/
+function useSearchHighlight(containerSelector = ".boltdocs-page") {
+	const { search } = useLocation();
+	const query = new URLSearchParams(search).get("hl");
+	(0, react.useEffect)(() => {
+		if (!query) {
+			clearHighlights(containerSelector);
+			return;
+		}
+		const container = document.querySelector(containerSelector);
+		if (!container) return;
+		let rafId;
+		const observer = new MutationObserver((mutations) => {
+			if (mutations.some((m) => {
+				const addedNodes = Array.from(m.addedNodes);
+				const removedNodes = Array.from(m.removedNodes);
+				return addedNodes.some((n) => !(n instanceof HTMLElement && n.hasAttribute("data-search-highlight"))) || removedNodes.some((n) => !(n instanceof HTMLElement && n.hasAttribute("data-search-highlight")));
+			})) run();
+		});
+		function run() {
+			cancelAnimationFrame(rafId);
+			rafId = requestAnimationFrame(() => {
+				observer.disconnect();
+				clearHighlights(containerSelector);
+				const terms = query.split(/\s+/).map((t) => t.trim()).filter((t) => t.length >= 2);
+				if (terms.length > 0) highlightTerms(container, terms);
+				observer.observe(container, {
+					childList: true,
+					subtree: true
+				});
+			});
+		}
+		run();
+		return () => {
+			cancelAnimationFrame(rafId);
+			observer.disconnect();
+			clearHighlights(containerSelector);
+		};
+	}, [
+		query,
+		search,
+		containerSelector
+	]);
+}
+function clearHighlights(selector) {
+	document.querySelectorAll(`${selector} mark[data-search-highlight]`).forEach((mark) => {
+		try {
+			const parent = mark.parentNode;
+			if (parent && parent.contains(mark)) {
+				const text = mark.textContent || "";
+				parent.replaceChild(document.createTextNode(text), mark);
+			}
+		} catch (e) {}
+	});
+}
+function highlightTerms(container, terms) {
+	const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, { acceptNode: (node) => {
+		const parent = node.parentElement;
+		if (parent && (parent.tagName === "SCRIPT" || parent.tagName === "STYLE" || parent.tagName === "MARK" || parent.closest("pre") || parent.closest("code"))) return NodeFilter.FILTER_REJECT;
+		return NodeFilter.FILTER_ACCEPT;
+	} });
+	const nodes = [];
+	let node;
+	while (node = walker.nextNode()) nodes.push(node);
+	const accentMap = {
+		a: "[aáàäâã]",
+		e: "[eéèëê]",
+		i: "[iíìïî]",
+		o: "[oóòöôõ]",
+		u: "[uúùüû]",
+		n: "[nñ]",
+		c: "[cç]"
+	};
+	const prepareRegex = (term) => {
+		let pattern = term.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		pattern = pattern.split("").map((char) => {
+			return accentMap[char.toLowerCase()] || char;
+		}).join("");
+		return pattern;
+	};
+	const combinedPattern = terms.map(prepareRegex).join("|");
+	const regex = new RegExp(`(${combinedPattern})`, "gi");
+	const matchRegexes = terms.map((term) => {
+		const p = prepareRegex(term);
+		return new RegExp(`^${p}$`, "i");
+	});
+	nodes.forEach((textNode) => {
+		const text = textNode.textContent;
+		if (text && regex.test(text)) {
+			const fragment = document.createDocumentFragment();
+			text.split(regex).forEach((part) => {
+				if (matchRegexes.some((rx) => rx.test(part))) {
+					const mark = document.createElement("mark");
+					mark.textContent = part;
+					mark.setAttribute("data-search-highlight", "true");
+					fragment.appendChild(mark);
+				} else if (part) fragment.appendChild(document.createTextNode(part));
+			});
+			if (textNode.parentNode) textNode.parentNode.replaceChild(fragment, textNode);
+		}
+	});
+}
+
 //#endregion
 //#region src/client/components/primitives/helpers/observer.ts
 function getItemId(url) {
@@ -619,116 +848,6 @@ PageNav.Title = PageNavTitle;
 PageNav.Description = PageNavDescription;
 PageNav.Icon = PageNavIcon;
 
-//#endregion
-//#region src/client/hooks/use-sidebar.ts
-const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1).replace(/-/g, " ");
-const getCleanDirectoryMeta = (directoryMeta) => {
-	const meta = {};
-	if (!directoryMeta) return meta;
-	for (const [key, value] of Object.entries(directoryMeta)) {
-		const cleanKey = key.split("/").filter((part) => !part.startsWith("(") || !part.endsWith(")")).map((part) => part.replace(/^\d+-/, "")).join("/");
-		meta[cleanKey === "" ? "." : cleanKey] = value;
-	}
-	return meta;
-};
-const getOrCreateNode = (parts, rootMap, directoryMeta) => {
-	let currentMap = rootMap;
-	let parentPath = "";
-	let lastNode;
-	for (const segment of parts) {
-		const currentRelPath = parentPath ? `${parentPath}/${segment}` : segment;
-		if (!currentMap.has(segment)) {
-			const meta = directoryMeta[currentRelPath] || {};
-			const newNode = {
-				path: "#",
-				title: meta.title || capitalize(segment),
-				componentPath: "",
-				filePath: "",
-				icon: meta.icon,
-				groupPosition: typeof meta.order === "number" ? meta.order : 999,
-				subRoutes: [],
-				childrenMap: /* @__PURE__ */ new Map()
-			};
-			currentMap.set(segment, newNode);
-		}
-		lastNode = currentMap.get(segment);
-		currentMap = lastNode.childrenMap;
-		parentPath = currentRelPath;
-	}
-	return lastNode;
-};
-const getRoutePosition = (r) => r.sidebarPosition ?? r.order ?? 999;
-const getNodePosition = (n) => n.sidebarPosition ?? n.groupPosition ?? 999;
-const finalizeTree = (nodes) => {
-	return nodes.map((node) => {
-		if (node.childrenMap && node.childrenMap.size > 0) {
-			const childDirs = Array.from(node.childrenMap.values());
-			node.subRoutes = [...node.subRoutes || [], ...childDirs];
-		}
-		const { childrenMap, ...restNode } = node;
-		if (restNode.subRoutes && restNode.subRoutes.length > 0) restNode.subRoutes = finalizeTree(restNode.subRoutes);
-		return restNode;
-	}).sort((a, b) => {
-		const posA = getNodePosition(a);
-		const posB = getNodePosition(b);
-		return posA !== posB ? posA - posB : a.title.localeCompare(b.title);
-	});
-};
-function useSidebar(routes) {
-	const config = require_icons_dev.useConfig();
-	const { pathname } = (0, react_router_dom.useLocation)();
-	return (0, react.useMemo)(() => {
-		const currentPath = require_icons_dev.normalizePath(pathname);
-		const activeRoute = routes.find((r) => require_icons_dev.normalizePath(r.path) === currentPath);
-		const activeTabId = activeRoute?.tab?.toLowerCase();
-		const filteredRoutes = routes.filter((r) => !r.collection && !r.sidebarHidden && !r.fallback).filter((r) => !activeTabId || r.tab?.toLowerCase() === activeTabId).sort((a, b) => getRoutePosition(a) - getRoutePosition(b));
-		const directoryMeta = getCleanDirectoryMeta(config.directoryMeta);
-		const rootNodesMap = /* @__PURE__ */ new Map();
-		const ungrouped = [];
-		for (const route of filteredRoutes) {
-			const parts = route.slugParts || [];
-			const isIndex = /^index\.mdx?$/.test(route.filePath.split("/").pop() || "");
-			if (parts.length === 0) {
-				if (route.filePath) ungrouped.push(route);
-				continue;
-			}
-			const containerNode = getOrCreateNode(parts, rootNodesMap, directoryMeta);
-			if (isIndex) Object.assign(containerNode, {
-				path: route.path,
-				title: route.title || containerNode.title,
-				icon: route.icon || containerNode.icon,
-				badge: route.badge,
-				sidebarPosition: route.sidebarPosition,
-				frontmatter: route.frontmatter,
-				filePath: route.filePath
-			});
-			else containerNode.subRoutes.push(route);
-		}
-		const finalizedTopNodes = finalizeTree(Array.from(rootNodesMap.values()));
-		const groups = [];
-		for (const node of finalizedTopNodes) if (node.subRoutes && node.subRoutes.length > 0) groups.push({
-			slug: node.title.toLowerCase().replace(/\s+/g, "-"),
-			title: node.title,
-			icon: node.icon,
-			path: node.path,
-			filePath: node.filePath,
-			routes: node.subRoutes
-		});
-		else ungrouped.push(node);
-		return {
-			groups,
-			ungrouped: finalizeTree(ungrouped),
-			activeRoute,
-			activePath: currentPath,
-			config
-		};
-	}, [
-		routes,
-		config,
-		pathname
-	]);
-}
-
 //#endregion
 //#region src/client/components/primitives/sidebar.tsx
 let sidebarScrollPos = 0;
@@ -822,13 +941,29 @@ function SidebarContent({ children, className }) {
 /**
 * Navigation Group
 */
-function SidebarGroup({ title, icon: Icon, children, className }) {
+function SidebarGroup({ title, icon: Icon, children, className, collapsible = false, collapsed = false, active = false }) {
+	const [isOpen, setIsOpen] = (0, react.useState)(() => active || !collapsed);
+	const [prevActive, setPrevActive] = (0, react.useState)(active);
+	if (active !== prevActive) {
+		setPrevActive(active);
+		if (active) setIsOpen(true);
+	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className,
-		children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", {
+		children: [title && (collapsible ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			onClick: () => setIsOpen(!isOpen),
+			className: "w-full text-left px-2 mb-2 flex items-center justify-between text-xs font-regular tracking-widest text-muted/50 hover:text-body transition-colors outline-none cursor-pointer group",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "flex items-center gap-2",
+				children: [Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { size: 12 }), title]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_dev.ChevronRight, {
+				size: 12,
+				className: require_icons_dev.cn("transition-transform duration-200 text-muted/40 group-hover:text-body", isOpen && "rotate-90")
+			})]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h4", {
 			className: "px-2 mb-2 flex items-center gap-2 text-[11px] font-bold uppercase tracking-widest text-muted/50",
 			children: [Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { size: 12 }), title]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		})), (!collapsible || isOpen) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex flex-col gap-0.5",
 			children
 		})]
@@ -919,23 +1054,65 @@ function SidebarItem({ route, activePath, activeRoute, className }) {
 		className
 	});
 }
+const isRouteActive = (route, activePath, activeRoute) => {
+	const normalizedPath = route.path.endsWith("/") ? route.path.slice(0, -1) : route.path;
+	if ((activePath.endsWith("/") ? activePath.slice(0, -1) : activePath) === normalizedPath) return true;
+	if (activeRoute?.filePath && route.filePath && activeRoute.filePath === route.filePath) return true;
+	if (route.routes && route.routes.some((r) => isRouteActive(r, activePath, activeRoute))) return true;
+	if (route.subRoutes && route.subRoutes.some((r) => isRouteActive(r, activePath, activeRoute))) return true;
+	return false;
+};
 function SidebarItems({ routes, className }) {
 	const { groups, ungrouped, activePath, activeRoute } = useSidebar(routes);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_icons_dev.cn("flex flex-col gap-6", className),
-		children: [ungrouped.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarGroup, { children: ungrouped.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarItem, {
-			route,
-			activePath,
-			activeRoute
-		}, route.path)) }), groups.map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarGroup, {
-			title: group.title,
-			icon: getIcon(group.icon),
-			children: group.routes.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarItem, {
+	const mergedItems = [...ungrouped.map((route) => ({
+		type: "link",
+		position: route.sidebarPosition ?? 999,
+		title: route.title,
+		route
+	})), ...groups.map((group) => ({
+		type: "group",
+		position: group.sidebarPosition ?? 999,
+		title: group.title,
+		group
+	}))].sort((a, b) => {
+		if (a.position !== b.position) return a.position - b.position;
+		if (a.type !== b.type) return a.type === "link" ? -1 : 1;
+		return a.title.localeCompare(b.title);
+	});
+	const renderedElements = [];
+	let currentUngrouped = [];
+	const pushUngrouped = () => {
+		if (currentUngrouped.length > 0) {
+			const routesToRender = [...currentUngrouped];
+			renderedElements.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarGroup, { children: routesToRender.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarItem, {
+				route,
+				activePath,
+				activeRoute
+			}, route.path)) }, `ungrouped-${routesToRender[0].path}`));
+			currentUngrouped = [];
+		}
+	};
+	for (const item of mergedItems) if (item.type === "link") currentUngrouped.push(item.route);
+	else {
+		pushUngrouped();
+		const isGroupActive = item.group.routes.some((route) => isRouteActive(route, activePath, activeRoute));
+		renderedElements.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarGroup, {
+			title: item.group.title,
+			icon: getIcon(item.group.icon),
+			collapsible: item.group.collapsible,
+			collapsed: item.group.collapsed,
+			active: isGroupActive,
+			children: item.group.routes.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarItem, {
 				route,
 				activePath,
 				activeRoute
 			}, route.path))
-		}, group.title))]
+		}, item.group.title));
+	}
+	pushUngrouped();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_icons_dev.cn("flex flex-col gap-6", className),
+		children: renderedElements
 	});
 }
 /**
@@ -953,119 +1130,6 @@ const Sidebar = Object.assign(SidebarRoot, {
 	Items: SidebarItems
 });
 
-//#endregion
-//#region src/client/hooks/use-location.ts
-const useLocation = () => {
-	return (0, react_router_dom.useLocation)();
-};
-
-//#endregion
-//#region src/client/hooks/use-search-highlight.ts
-/**
-* Hook to highlight search terms based on the 'hl' query parameter.
-*/
-function useSearchHighlight(containerSelector = ".boltdocs-page") {
-	const { search } = useLocation();
-	const query = new URLSearchParams(search).get("hl");
-	(0, react.useEffect)(() => {
-		if (!query) {
-			clearHighlights(containerSelector);
-			return;
-		}
-		const container = document.querySelector(containerSelector);
-		if (!container) return;
-		let rafId;
-		const observer = new MutationObserver((mutations) => {
-			if (mutations.some((m) => {
-				const addedNodes = Array.from(m.addedNodes);
-				const removedNodes = Array.from(m.removedNodes);
-				return addedNodes.some((n) => !(n instanceof HTMLElement && n.hasAttribute("data-search-highlight"))) || removedNodes.some((n) => !(n instanceof HTMLElement && n.hasAttribute("data-search-highlight")));
-			})) run();
-		});
-		function run() {
-			cancelAnimationFrame(rafId);
-			rafId = requestAnimationFrame(() => {
-				observer.disconnect();
-				clearHighlights(containerSelector);
-				const terms = query.split(/\s+/).map((t) => t.trim()).filter((t) => t.length >= 2);
-				if (terms.length > 0) highlightTerms(container, terms);
-				observer.observe(container, {
-					childList: true,
-					subtree: true
-				});
-			});
-		}
-		run();
-		return () => {
-			cancelAnimationFrame(rafId);
-			observer.disconnect();
-			clearHighlights(containerSelector);
-		};
-	}, [
-		query,
-		search,
-		containerSelector
-	]);
-}
-function clearHighlights(selector) {
-	document.querySelectorAll(`${selector} mark[data-search-highlight]`).forEach((mark) => {
-		try {
-			const parent = mark.parentNode;
-			if (parent && parent.contains(mark)) {
-				const text = mark.textContent || "";
-				parent.replaceChild(document.createTextNode(text), mark);
-			}
-		} catch (e) {}
-	});
-}
-function highlightTerms(container, terms) {
-	const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, { acceptNode: (node) => {
-		const parent = node.parentElement;
-		if (parent && (parent.tagName === "SCRIPT" || parent.tagName === "STYLE" || parent.tagName === "MARK" || parent.closest("pre") || parent.closest("code"))) return NodeFilter.FILTER_REJECT;
-		return NodeFilter.FILTER_ACCEPT;
-	} });
-	const nodes = [];
-	let node;
-	while (node = walker.nextNode()) nodes.push(node);
-	const accentMap = {
-		a: "[aáàäâã]",
-		e: "[eéèëê]",
-		i: "[iíìïî]",
-		o: "[oóòöôõ]",
-		u: "[uúùüû]",
-		n: "[nñ]",
-		c: "[cç]"
-	};
-	const prepareRegex = (term) => {
-		let pattern = term.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-		pattern = pattern.split("").map((char) => {
-			return accentMap[char.toLowerCase()] || char;
-		}).join("");
-		return pattern;
-	};
-	const combinedPattern = terms.map(prepareRegex).join("|");
-	const regex = new RegExp(`(${combinedPattern})`, "gi");
-	const matchRegexes = terms.map((term) => {
-		const p = prepareRegex(term);
-		return new RegExp(`^${p}$`, "i");
-	});
-	nodes.forEach((textNode) => {
-		const text = textNode.textContent;
-		if (text && regex.test(text)) {
-			const fragment = document.createDocumentFragment();
-			text.split(regex).forEach((part) => {
-				if (matchRegexes.some((rx) => rx.test(part))) {
-					const mark = document.createElement("mark");
-					mark.textContent = part;
-					mark.setAttribute("data-search-highlight", "true");
-					fragment.appendChild(mark);
-				} else if (part) fragment.appendChild(document.createTextNode(part));
-			});
-			if (textNode.parentNode) textNode.parentNode.replaceChild(fragment, textNode);
-		}
-	});
-}
-
 //#endregion
 //#region src/client/components/ui-base/search-highlight.tsx
 /**