@farming-labs/next 0.2.104 → 0.2.106

package/dist/api.d.mts

@@ -0,0 +1,30 @@
+import { createDocsAPI as createDocsAPI$1, createDocsMCPAPI as createDocsMCPAPI$1 } from "@farming-labs/theme/api";
+import { DocsCloudRouteHandlerOptions, DocsCloudRouteHandlerOptions as DocsCloudRouteHandlerOptions$1, DocsCloudRouteHandlers, DocsCloudServer, DocsCloudServer as DocsCloudServer$1, createDocsCloudRouteHandler } from "@farming-labs/docs/cloud/server";
+
+//#region src/api.d.ts
+type DocsAPIOptions = NonNullable<Parameters<typeof createDocsAPI$1>[0]>;
+type DocsMCPAPIOptions = NonNullable<Parameters<typeof createDocsMCPAPI$1>[0]>;
+interface DocsAPICloudOptions extends DocsCloudRouteHandlerOptions$1 {
+  docsCloud?: DocsCloudServer$1;
+}
+type DocsAPICloudIntegration = DocsCloudServer$1 | DocsAPICloudOptions;
+/**
+ * Resolve the app project root for a Next route module.
+ *
+ * This handles source routes (`app/...` or `src/app/...`) and built production
+ * output (`.next/server/app/...` or custom-dist-dir `/server/app/...`).
+ */
+declare function resolveNextProjectRoot(metaUrl: string): string;
+declare function createDocsAPI(options?: DocsAPIOptions, cloudIntegration?: DocsAPICloudIntegration): {
+  HEAD(request: Request): Promise<Response>;
+  GET(request: Request): Promise<Response>;
+  POST(request: Request): Promise<Response>;
+};
+declare function createDocsMCPAPI(options?: DocsMCPAPIOptions): {
+  GET(request: Request): Promise<Response>;
+  POST(request: Request): Promise<Response>;
+  DELETE(request: Request): Promise<Response>;
+  OPTIONS(request: Request): Promise<Response>;
+};
+//#endregion
+export { DocsAPICloudIntegration, DocsAPICloudOptions, type DocsCloudRouteHandlerOptions, type DocsCloudRouteHandlers, type DocsCloudServer, createDocsAPI, createDocsCloudRouteHandler, createDocsMCPAPI, resolveNextProjectRoot };

package/dist/api.mjs

@@ -0,0 +1,154 @@
+import path from "node:path";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { createDocsAPI as createDocsAPI$1, createDocsMCPAPI as createDocsMCPAPI$1 } from "@farming-labs/theme/api";
+import { bundledAgentSkills } from "@farming-labs/docs/agent-skills-bundle";
+import { createDocsCloudRouteHandler } from "@farming-labs/docs/cloud/server";
+
+//#region src/api.ts
+/**
+* Resolve the app project root for a Next route module.
+*
+* This handles source routes (`app/...` or `src/app/...`) and built production
+* output (`.next/server/app/...` or custom-dist-dir `/server/app/...`).
+*/
+function resolveNextProjectRoot(metaUrl) {
+	const filePath = fileURLToPath(metaUrl);
+	let current = path.dirname(filePath);
+	while (true) {
+		const parent = path.dirname(current);
+		if (path.basename(current) === "app") {
+			if (path.basename(parent) === "src") return path.dirname(parent);
+			if (path.basename(parent) === "server") {
+				const serverParent = path.dirname(parent);
+				if (path.basename(serverParent) === "dev") return path.dirname(path.dirname(serverParent));
+				return path.dirname(serverParent);
+			}
+			return parent;
+		}
+		if (parent === current) return process.cwd();
+		current = parent;
+	}
+}
+function isNextRouteFile(filePath) {
+	const normalized = filePath.replaceAll("\\", "/");
+	return /\/(?:src\/)?app\/api\/.+\/route\.[cm]?[jt]sx?$/.test(normalized);
+}
+function inferNextProjectRootFromCaller() {
+	const previousPrepareStackTrace = Error.prepareStackTrace;
+	try {
+		Error.prepareStackTrace = (_error, stack) => stack;
+		const error = /* @__PURE__ */ new Error();
+		Error.captureStackTrace?.(error, inferNextProjectRootFromCaller);
+		const stack = error.stack;
+		for (const frame of stack ?? []) {
+			const fileName = frame.getFileName?.();
+			if (!fileName || !isNextRouteFile(fileName)) continue;
+			return resolveNextProjectRoot(pathToFileURL(fileName).href);
+		}
+	} catch {} finally {
+		Error.prepareStackTrace = previousPrepareStackTrace;
+	}
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function normalizeAction(value) {
+	return value?.trim().toLowerCase().replace(/_/g, "-") || void 0;
+}
+function isDocsCloudServer(value) {
+	return isRecord(value) && typeof value.handleRequest === "function";
+}
+function resolveDocsCloudIntegration(integration) {
+	if (!integration) return void 0;
+	if (isDocsCloudServer(integration)) return {
+		docsCloud: integration,
+		routeOptions: {}
+	};
+	if (!integration.docsCloud) return void 0;
+	return {
+		docsCloud: integration.docsCloud,
+		routeOptions: {
+			locale: integration.locale,
+			publicBaseUrl: integration.publicBaseUrl
+		}
+	};
+}
+function isDocsCloudGetRequest(request) {
+	const url = new URL(request.url);
+	const cloud = normalizeAction(url.searchParams.get("cloud"));
+	const action = normalizeAction(url.searchParams.get("action"));
+	const format = normalizeAction(url.searchParams.get("format"));
+	return cloud === "config" || cloud === "public-config" || action === "cloud-config" || action === "docs-cloud-config" || format === "cloud-config" || format === "docs-cloud-config";
+}
+function isDocsCloudAction(action) {
+	return Boolean(action && [
+		"analytics",
+		"track",
+		"track-event",
+		"event",
+		"ask-ai",
+		"ai",
+		"chat",
+		"docs-cloud"
+	].includes(action));
+}
+async function readJson(request) {
+	try {
+		return await request.clone().json();
+	} catch {
+		return;
+	}
+}
+async function isDocsCloudPostRequest(request) {
+	const url = new URL(request.url);
+	const cloud = normalizeAction(url.searchParams.get("cloud"));
+	const action = normalizeAction(url.searchParams.get("action"));
+	if (isDocsCloudAction(cloud) || isDocsCloudAction(action)) return true;
+	const body = await readJson(request);
+	if (!isRecord(body)) return false;
+	if (isDocsCloudAction(normalizeAction(typeof body.action === "string" ? body.action : void 0))) return true;
+	if (typeof body.type === "string") return true;
+	if (isRecord(body.event) && typeof body.event.type === "string") return true;
+	if (isRecord(body.payload) && typeof body.payload.type === "string") return true;
+	return false;
+}
+function createDocsAPI(options = {}, cloudIntegration) {
+	const rootDir = options.rootDir ?? inferNextProjectRootFromCaller();
+	const handlers = createDocsAPI$1({
+		...options,
+		...rootDir ? { rootDir } : {},
+		_preloadedAgentSkills: options._preloadedAgentSkills ?? bundledAgentSkills
+	});
+	const integration = resolveDocsCloudIntegration(cloudIntegration);
+	if (!integration) return handlers;
+	return {
+		GET(request) {
+			if (isDocsCloudGetRequest(request)) return integration.docsCloud.handleRequest(request, integration.routeOptions);
+			return handlers.GET(request);
+		},
+		async HEAD(request) {
+			if (!isDocsCloudGetRequest(request)) return handlers.HEAD(request);
+			const response = await integration.docsCloud.handleRequest(request, integration.routeOptions);
+			return new Response(null, {
+				status: response.status,
+				statusText: response.statusText,
+				headers: response.headers
+			});
+		},
+		async POST(request) {
+			if (await isDocsCloudPostRequest(request)) return integration.docsCloud.handleRequest(request, integration.routeOptions);
+			return handlers.POST(request);
+		}
+	};
+}
+function createDocsMCPAPI(options = {}) {
+	const rootDir = options.rootDir ?? inferNextProjectRootFromCaller();
+	return createDocsMCPAPI$1({
+		...options,
+		...rootDir ? { rootDir } : {},
+		_preloadedAgentSkills: options._preloadedAgentSkills ?? bundledAgentSkills
+	});
+}
+
+//#endregion
+export { createDocsAPI, createDocsCloudRouteHandler, createDocsMCPAPI, resolveNextProjectRoot };

package/dist/changelog-rail-search.d.mts

@@ -0,0 +1,46 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/changelog-rail-search.d.ts
+interface ChangelogDirectoryEntry {
+  slug: string;
+  title: string;
+  description?: string;
+  date: string;
+  url: string;
+  version?: string;
+  tags: string[];
+  authors: string[];
+  image?: string;
+  content?: ReactNode;
+}
+interface ChangelogDirectoryProps {
+  title: string;
+  description?: string;
+  entries: ChangelogDirectoryEntry[];
+  searchEnabled: boolean;
+  actions?: ReactNode;
+}
+interface ChangelogTOCItem {
+  href: string;
+  title: string;
+  meta?: string;
+}
+declare function ChangelogTOC({
+  title,
+  items,
+  variant
+}: {
+  title: string;
+  items: ChangelogTOCItem[];
+  variant?: "releases" | "content";
+}): react_jsx_runtime0.JSX.Element | null;
+declare function ChangelogDirectory({
+  title,
+  description,
+  entries,
+  searchEnabled,
+  actions
+}: ChangelogDirectoryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ChangelogDirectory, ChangelogDirectoryEntry, ChangelogTOC };

package/dist/changelog-rail-search.mjs

@@ -0,0 +1,443 @@
+"use client";
+
+import Link from "next/link";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/changelog-rail-search.tsx
+const MAGIC_PROSE = "fd-changelog-prose prose dark:prose-invert max-w-none min-w-0 prose-headings:scroll-mt-8 prose-headings:font-semibold prose-a:no-underline prose-headings:tracking-tight prose-headings:text-balance prose-p:tracking-tight prose-p:text-balance";
+function formatTagLabel(tag) {
+	return tag.split(/[-_\s]+/).filter(Boolean).map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join(" ");
+}
+function SearchIcon() {
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 24 24",
+		className: "size-4",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.8",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ jsx("circle", {
+			cx: "11",
+			cy: "11",
+			r: "7"
+		}), /* @__PURE__ */ jsx("path", { d: "m20 20-3.5-3.5" })]
+	});
+}
+function formatTimelineDate(value) {
+	const parsed = /* @__PURE__ */ new Date(`${value}T00:00:00Z`);
+	if (Number.isNaN(parsed.valueOf())) return value;
+	return new Intl.DateTimeFormat("en-US", {
+		year: "numeric",
+		month: "long",
+		day: "numeric",
+		timeZone: "UTC"
+	}).format(parsed).toUpperCase();
+}
+function buildSearchHaystack(entry) {
+	return [
+		entry.title,
+		entry.description,
+		entry.date,
+		entry.version,
+		entry.tags.join(" "),
+		entry.authors.join(" ")
+	].filter(Boolean).join(" ").toLowerCase();
+}
+function EmptyResults({ query }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-lg border border-fd-border/70 bg-fd-muted/30 px-6 py-12 sm:px-8",
+		style: {
+			width: "min(100%, 48rem)",
+			maxWidth: "48rem",
+			minHeight: "10rem",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			justifyContent: "center",
+			textAlign: "left",
+			alignSelf: "flex-start",
+			marginLeft: 0,
+			marginRight: "auto"
+		},
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-xs font-medium uppercase tracking-[0.12em] text-fd-muted-foreground",
+				children: "No matches"
+			}),
+			/* @__PURE__ */ jsxs("h2", {
+				className: "mt-3 max-w-2xl text-2xl font-semibold tracking-tight text-fd-foreground sm:text-3xl",
+				children: [
+					"Nothing matched “",
+					query,
+					"”"
+				]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-3 max-w-xl text-sm leading-relaxed text-fd-muted-foreground",
+				children: "Try a release title, version, tag, or author name."
+			})
+		]
+	});
+}
+function decodeHashValue(value) {
+	try {
+		return decodeURIComponent(value);
+	} catch {
+		return value;
+	}
+}
+function getHashTargetElement(href) {
+	if (!href.startsWith("#")) return null;
+	const targetId = decodeHashValue(href.slice(1));
+	if (!targetId) return null;
+	const candidates = Array.from(document.querySelectorAll("[id]")).filter((candidate) => candidate.id === targetId);
+	const element = candidates.find((candidate) => {
+		const rect = candidate.getBoundingClientRect();
+		return rect.width > 0 || rect.height > 0;
+	}) ?? candidates[0];
+	if (!element) return null;
+	const rect = element.getBoundingClientRect();
+	if (rect.width > 0 || rect.height > 0) return element;
+	return element.closest("h1, h2, h3, h4, h5, h6, section, article") ?? element.parentElement;
+}
+function ChangelogTOC({ title, items, variant = "releases" }) {
+	const tocId = `fd-changelog-toc-${variant}-${title.toLowerCase().replace(/[^a-z0-9]+/g, "-")}`;
+	const [activeHref, setActiveHref] = useState(items[0]?.href ?? "");
+	const activeSourceRef = useRef("hash");
+	useEffect(() => {
+		let frameId = 0;
+		const updateActiveHrefFromScroll = () => {
+			const threshold = Math.max(140, window.innerHeight * .18);
+			let nextActiveHref = items[0]?.href ?? "";
+			for (const item of items) {
+				const element = getHashTargetElement(item.href);
+				if (!element) continue;
+				const { top } = element.getBoundingClientRect();
+				if (top <= threshold) nextActiveHref = item.href;
+				else break;
+			}
+			const scrollingElement = document.scrollingElement ?? document.documentElement;
+			if (scrollingElement.scrollTop > 0 && scrollingElement.scrollHeight - scrollingElement.scrollTop - scrollingElement.clientHeight <= 2) for (let index = items.length - 1; index >= 0; index -= 1) {
+				const item = items[index];
+				if (item && getHashTargetElement(item.href)) {
+					nextActiveHref = item.href;
+					break;
+				}
+			}
+			setActiveHref(nextActiveHref);
+		};
+		const updateActiveHrefFromHash = () => {
+			if (!window.location.hash) return false;
+			const hashHref = `#${decodeHashValue(window.location.hash.slice(1))}`;
+			if (items.some((item) => item.href === hashHref)) {
+				setActiveHref(hashHref);
+				return true;
+			}
+			return false;
+		};
+		const syncActiveHref = () => {
+			if (activeSourceRef.current === "hash" && updateActiveHrefFromHash()) return;
+			activeSourceRef.current = "scroll";
+			updateActiveHrefFromScroll();
+		};
+		const scheduleActiveHrefUpdate = () => {
+			if (frameId !== 0) return;
+			frameId = window.requestAnimationFrame(() => {
+				frameId = 0;
+				syncActiveHref();
+			});
+		};
+		const handleScroll = () => {
+			activeSourceRef.current = "scroll";
+			scheduleActiveHrefUpdate();
+		};
+		const handleHashChange = () => {
+			activeSourceRef.current = "hash";
+			if (updateActiveHrefFromHash()) return;
+			activeSourceRef.current = "scroll";
+			scheduleActiveHrefUpdate();
+		};
+		syncActiveHref();
+		const initialUpdateId = window.setTimeout(syncActiveHref, 0);
+		const settledUpdateId = window.setTimeout(syncActiveHref, 250);
+		window.addEventListener("scroll", handleScroll, { passive: true });
+		window.addEventListener("resize", scheduleActiveHrefUpdate);
+		window.addEventListener("hashchange", handleHashChange);
+		return () => {
+			window.clearTimeout(initialUpdateId);
+			window.clearTimeout(settledUpdateId);
+			if (frameId !== 0) window.cancelAnimationFrame(frameId);
+			window.removeEventListener("scroll", handleScroll);
+			window.removeEventListener("resize", scheduleActiveHrefUpdate);
+			window.removeEventListener("hashchange", handleHashChange);
+		};
+	}, [items]);
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsx("aside", {
+		id: tocId,
+		className: "fd-changelog-toc",
+		"aria-label": title,
+		"data-fd-changelog-toc": "true",
+		"data-variant": variant,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "fd-changelog-toc-card",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "fd-changelog-toc-heading",
+				children: title
+			}), /* @__PURE__ */ jsx("nav", {
+				className: "fd-changelog-toc-list",
+				children: items.map((item) => {
+					const isActive = item.href === activeHref;
+					return /* @__PURE__ */ jsxs("a", {
+						href: item.href,
+						className: "fd-changelog-toc-link",
+						"data-fd-changelog-toc-link": "true",
+						"data-active": isActive ? "true" : "false",
+						"aria-current": isActive ? "location" : void 0,
+						onClick: () => setActiveHref(item.href),
+						children: [item.meta ? /* @__PURE__ */ jsx("span", {
+							className: "fd-changelog-toc-meta",
+							children: item.meta
+						}) : null, /* @__PURE__ */ jsx("span", {
+							className: "fd-changelog-toc-title",
+							children: item.title
+						})]
+					}, item.href);
+				})
+			})]
+		})
+	});
+}
+function ChangelogTimelineItem({ entry, isLast }) {
+	return /* @__PURE__ */ jsxs("div", {
+		id: entry.slug,
+		className: "fd-changelog-entry relative scroll-mt-24 not-prose isolate",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "fd-changelog-mobile-summary",
+				children: [entry.version ? /* @__PURE__ */ jsx("div", {
+					className: "fd-changelog-version-box",
+					children: entry.version
+				}) : /* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx("time", {
+					className: "fd-changelog-date",
+					style: { marginBottom: "10px" },
+					dateTime: entry.date,
+					children: formatTimelineDate(entry.date)
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "fd-changelog-mobile-content",
+				style: isLast ? void 0 : { paddingBottom: "5rem" },
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-2",
+					children: [
+						/* @__PURE__ */ jsx("h2", {
+							className: "m-0 text-balance text-lg font-semibold leading-snug tracking-tight text-fd-foreground md:text-xl",
+							children: /* @__PURE__ */ jsx(Link, {
+								href: entry.url,
+								className: "text-inherit no-underline hover:underline",
+								children: entry.title
+							})
+						}),
+						entry.tags.length > 0 ? /* @__PURE__ */ jsx("div", {
+							className: "flex flex-wrap gap-2",
+							children: entry.tags.map((tag) => /* @__PURE__ */ jsx("span", {
+								className: "fd-changelog-tag",
+								"data-testid": "changelog-tag",
+								children: formatTagLabel(tag)
+							}, `${entry.slug}-${tag}`))
+						}) : null,
+						entry.description ? /* @__PURE__ */ jsx("p", {
+							className: "m-0 max-w-2xl text-sm leading-relaxed text-fd-muted-foreground",
+							children: entry.description
+						}) : null
+					]
+				}), entry.content || entry.image ? /* @__PURE__ */ jsxs("div", {
+					className: MAGIC_PROSE,
+					children: [entry.image ? /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("img", {
+						src: entry.image,
+						alt: `${entry.title} preview`,
+						loading: "lazy",
+						decoding: "async"
+					}) }) : null, entry.content]
+				}) : null]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "fd-changelog-desktop-grid",
+				style: isLast ? void 0 : { paddingBottom: "5rem" },
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-start justify-end pt-0.5",
+						children: entry.version ? /* @__PURE__ */ jsx("div", {
+							className: "fd-changelog-version-box",
+							children: entry.version
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "h-9",
+							"aria-hidden": "true"
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "fd-changelog-rail",
+						"data-testid": "changelog-rail",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "fd-changelog-timeline-dot mt-1",
+							"data-testid": "changelog-timeline-dot",
+							"aria-hidden": true
+						}), isLast ? /* @__PURE__ */ jsx("div", {
+							className: "fd-changelog-rail-end-mask",
+							"aria-hidden": true
+						}) : null]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0 space-y-5",
+						children: [/* @__PURE__ */ jsx("time", {
+							className: "fd-changelog-date block pt-0.5",
+							dateTime: entry.date,
+							children: formatTimelineDate(entry.date)
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "space-y-6",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-col gap-2",
+								children: [
+									/* @__PURE__ */ jsx("h2", {
+										className: "m-0 text-balance text-lg font-semibold leading-snug tracking-tight text-fd-foreground md:text-xl",
+										children: /* @__PURE__ */ jsx(Link, {
+											href: entry.url,
+											className: "text-inherit no-underline hover:underline",
+											children: entry.title
+										})
+									}),
+									entry.tags.length > 0 ? /* @__PURE__ */ jsx("div", {
+										className: "flex flex-wrap gap-2",
+										children: entry.tags.map((tag) => /* @__PURE__ */ jsx("span", {
+											className: "fd-changelog-tag",
+											"data-testid": "changelog-tag",
+											children: formatTagLabel(tag)
+										}, `${entry.slug}-${tag}`))
+									}) : null,
+									entry.description ? /* @__PURE__ */ jsx("p", {
+										className: "m-0 max-w-2xl text-sm leading-relaxed text-fd-muted-foreground",
+										children: entry.description
+									}) : null
+								]
+							}), entry.content || entry.image ? /* @__PURE__ */ jsxs("div", {
+								className: MAGIC_PROSE,
+								children: [entry.image ? /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("img", {
+									src: entry.image,
+									alt: `${entry.title} preview`,
+									loading: "lazy",
+									decoding: "async"
+								}) }) : null, entry.content]
+							}) : null]
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+function ChangelogDirectory({ title, description, entries, searchEnabled, actions }) {
+	const [query, setQuery] = useState("");
+	const normalizedQuery = query.trim().toLowerCase();
+	const filteredEntries = useMemo(() => {
+		if (!normalizedQuery) return entries;
+		return entries.filter((entry) => buildSearchHaystack(entry).includes(normalizedQuery));
+	}, [entries, normalizedQuery]);
+	const releaseCount = entries.length;
+	const hasResults = filteredEntries.length > 0;
+	const tocItems = filteredEntries.map((entry) => ({
+		href: `#${entry.slug}`,
+		title: entry.title,
+		meta: entry.version ?? formatTimelineDate(entry.date)
+	}));
+	const searchControl = searchEnabled ? /* @__PURE__ */ jsx("div", {
+		className: "fd-changelog-search-row",
+		children: /* @__PURE__ */ jsxs("label", {
+			className: "fd-changelog-search",
+			"aria-label": "Search changelog entries",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "fd-changelog-search-icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(SearchIcon, {})
+			}), /* @__PURE__ */ jsx("input", {
+				type: "text",
+				inputMode: "search",
+				autoComplete: "off",
+				value: query,
+				onChange: (event) => setQuery(event.target.value),
+				placeholder: "Search changelog entries",
+				className: "fd-changelog-search-input"
+			})]
+		})
+	}) : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "fd-changelog-frame not-prose relative w-full pb-16",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "fd-changelog-header-strip border-b-0 border-fd-border/50",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center justify-between gap-4",
+					style: {
+						paddingTop: "1.25rem",
+						paddingBottom: "1.25rem"
+					},
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ jsx("h1", {
+							className: "text-2xl font-semibold tracking-tight text-fd-foreground md:text-3xl",
+							children: title
+						}), /* @__PURE__ */ jsxs("p", {
+							className: "mt-0.5 text-sm text-fd-muted-foreground",
+							children: [
+								releaseCount,
+								" ",
+								releaseCount === 1 ? "release" : "releases"
+							]
+						})]
+					}), actions ? /* @__PURE__ */ jsx("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: actions
+					}) : null]
+				})
+			}),
+			description || searchControl ? /* @__PURE__ */ jsxs(Fragment, { children: [
+				description ? /* @__PURE__ */ jsx("p", {
+					className: "max-w-2xl text-base leading-relaxed text-fd-muted-foreground",
+					style: { marginTop: "1rem" },
+					children: description
+				}) : null,
+				searchControl ? /* @__PURE__ */ jsx("div", {
+					style: { marginTop: description ? "1rem" : "1.25rem" },
+					children: searchControl
+				}) : null,
+				/* @__PURE__ */ jsx("hr", {
+					className: "border-0 border-t border-fd-border/40",
+					style: { marginTop: "1rem" }
+				})
+			] }) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: hasResults ? "fd-changelog-shell fd-changelog-shell-shifted" : "fd-changelog-shell",
+				style: { paddingTop: "4rem" },
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "fd-changelog-main fd-changelog-directory-feed relative",
+					children: hasResults ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+						className: "fd-changelog-directory-line",
+						"aria-hidden": true
+					}), filteredEntries.map((entry, index) => /* @__PURE__ */ jsx(ChangelogTimelineItem, {
+						entry,
+						isLast: index === filteredEntries.length - 1
+					}, entry.slug))] }) : /* @__PURE__ */ jsx(EmptyResults, { query })
+				}), /* @__PURE__ */ jsx(ChangelogTOC, {
+					title: "Releases",
+					items: tocItems
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { ChangelogDirectory, ChangelogTOC };