@clarify-labs/renderer 0.11.14 → 0.11.16

package/output/{ClarifyShell-Dh4TgQkW.js → ClarifyShell-BdkOnYRO.js}

@@ -1,9 +1,9 @@
 import { a as useConfig, c as useConfigUpdaterOptional, i as OpenApiSpecsContext, l as useLocale, n as ConfigProvider, o as useConfigOptional, r as LocaleContext, s as useConfigUpdater, t as useBuiltInText } from "./i18n-Zmmhz7FF.js";
-import { C as themeCookieName, D as resolveHomeHref, O as copyTextToClipboard, T as localizeHref, _ as getStoredLocalePreference, a as Navigation, d as isSameRoutePath, f as normalizeRoutePath, g as useTheme, h as ThemeProvider, i as Header, n as PageActionsProvider, o as SectionProvider, p as resolveLocalizedText, r as PageMetadata, s as useSectionStore, w as isExternalHref, x as storeLocalePreference } from "./PageActions-B5PYif9Q.js";
-import clsx from "clsx";
+import { E as storeLocalePreference, O as themeCookieName, S as getStoredLocalePreference, _ as resolveHomeHref, a as Navigation, b as normalizeRoutePath, f as ThemeProvider, h as localizeHref, i as Header, m as isExternalHref, n as PageActionsProvider, o as SectionProvider, p as useTheme, r as PageMetadata, s as useSectionStore, v as copyTextToClipboard, x as resolveLocalizedText, y as isSameRoutePath } from "./PageActions-BszP_J4e.js";
 import { Component, Suspense, createContext, lazy, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Link, Route, Routes, useLocation, useNavigate } from "react-router-dom";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
 import { ArrowRight, ChevronDown, ChevronLeft, ChevronRight, Settings, WandSparkles, X } from "lucide-react";
 //#region source/slots/context.tsx
 var UISlotContextValue = createContext(null);
@@ -151,6 +151,100 @@ function BuiltInNotFoundPage() {
 	});
 }
 //#endregion
+//#region source/assets/clarify.svg?url
+var clarify_default = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='279px'%20height='200px'%20viewBox='0%200%20279%20200'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eclarify%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='clarify'%20transform='translate(-0,%200.0054)'%3e%3cpath%20d='M44.867217,0.0054376148%20C130.715579,1.00591567%20200,70.9091172%20200,156.994562%20L199.986321,155.127494%20C199.384888,180.009127%20179.026368,199.994562%20154,199.994562%20L46,199.994562%20C20.5949015,199.994562%200,179.399661%200,153.994562%20L0,45.9945624%20C0,21.0975659%2019.7793434,0.820282524%2044.4815926,0.0191499894%20Z'%20fill='%2300D492'%3e%3c/path%3e%3cpath%20d='M123.867217,0.0054376148%20C209.715579,1.00591567%20279,70.9091172%20279,156.994562%20L278.986321,155.127494%20C278.384888,180.009127%20258.026368,199.994562%20233,199.994562%20L125,199.994562%20C99.5949015,199.994562%2079,179.399661%2079,153.994562%20L79,45.9945624%20C79,21.0975659%2098.7793434,0.820282524%20123.481593,0.0191499894%20Z'%20id='clarify-right'%20fill-opacity='0.6'%20fill='%2300F6C9'%20transform='translate(179,%20100)%20rotate(-90)%20translate(-179,%20-100)'%3e%3c/path%3e%3cpath%20d='M199.979267,154.416906%20L199.984438,155.157125%20L199.962366,155.872459%20C198.977251,180.406837%20178.776104,199.994562%20154,199.994562%20L124.372438,199.994125%20L124.249053,199.994081%20C99.6939678,199.603921%2079.8122712,179.973634%2079.01915,155.518407%20L79.0054376,155.132783%20C79.5830823,105.566626%20103.129768,61.5221348%20139.498462,33.1463428%20C175.69419,61.3871018%20199.186123,105.143863%20199.979267,154.416906%20Z'%20id='形状结合'%20fill='%2300F692'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+//#endregion
+//#region source/app/BuiltWithClarify.tsx
+var CLARIFY_TRACKING_URL = "https://api.clarify.pub/track";
+var CLARIFY_CLIENT_ID_KEY = "clarify.client_id";
+function getClientId() {
+	const newClientId = globalThis.crypto?.randomUUID?.() ?? `${Date.now()}.${Math.random()}`;
+	try {
+		const clientId = window.localStorage.getItem(CLARIFY_CLIENT_ID_KEY);
+		if (clientId) return clientId;
+		window.localStorage.setItem(CLARIFY_CLIENT_ID_KEY, newClientId);
+		return newClientId;
+	} catch {
+		return newClientId;
+	}
+}
+function getSiteHostname() {
+	return window.location.hostname.slice(0, 100);
+}
+function getPageLanguage() {
+	return (document.documentElement.lang || (typeof navigator === "undefined" ? "" : navigator.language)).slice(0, 100);
+}
+function getViewportCategory() {
+	if (window.innerWidth < 768) return "mobile";
+	if (window.innerWidth < 1024) return "tablet";
+	return "desktop";
+}
+function getTimezone() {
+	try {
+		return Intl.DateTimeFormat().resolvedOptions().timeZone.slice(0, 100);
+	} catch {
+		return "";
+	}
+}
+function getClarifyVersion(version) {
+	return version?.slice(0, 100) ?? "";
+}
+function createClarifySiteViewPayload(version) {
+	return JSON.stringify({
+		client_id: getClientId(),
+		event_name: "clarify_site_view",
+		params: {
+			timezone: getTimezone(),
+			site_hostname: getSiteHostname(),
+			page_language: getPageLanguage(),
+			clarify_version: getClarifyVersion(version),
+			viewport_category: getViewportCategory()
+		}
+	});
+}
+function registerClarifySiteView(version) {
+	if (typeof window === "undefined") return;
+	if (typeof document === "undefined") return;
+	if (typeof navigator === "undefined" || typeof navigator.sendBeacon !== "function") return;
+	let sent = false;
+	const send = () => {
+		if (sent) return;
+		sent = true;
+		navigator.sendBeacon(CLARIFY_TRACKING_URL, createClarifySiteViewPayload(version));
+	};
+	window.addEventListener("pagehide", send);
+	return () => window.removeEventListener("pagehide", send);
+}
+function BuiltWithClarify(props) {
+	const { version } = props;
+	const t = useBuiltInText();
+	useEffect(() => {
+		return registerClarifySiteView(version);
+	}, [version]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "clarify-built-with inline-flex items-center gap-1.5",
+		children: /* @__PURE__ */ jsxs("a", {
+			target: "_blank",
+			rel: "noreferrer",
+			href: "https://clarify.pub",
+			"aria-label": t("builtWith.label"),
+			className: "clarify-built-with inline-flex items-center gap-1.5 rounded-full px-2 py-1 font-medium no-underline transition",
+			children: [
+				/* @__PURE__ */ jsx("span", { children: t("builtWith.prefix") }),
+				/* @__PURE__ */ jsx("img", {
+					src: clarify_default,
+					alt: "",
+					className: "clarify-built-with-logo h-3.5 w-auto flex-none object-contain"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "clarify-built-with-brand font-semibold",
+					children: "Clarify"
+				})
+			]
+		})
+	});
+}
+//#endregion
 //#region source/app/RenderErrorPanel.tsx
 function RenderErrorPanel(props) {
 	const { title, description, eyebrowLabel = "Render error", action, metadata = [], detailsLabel, detailsHeaderAction, detailsContent, titleId = "clarify-render-error-title", refreshLabel, onRefresh } = props;
@@ -328,181 +422,6 @@ var PageErrorBoundary = class extends Component {
 	}
 };
 //#endregion
-//#region source/assets/clarify.svg?url
-var clarify_default = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='279px'%20height='200px'%20viewBox='0%200%20279%20200'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eclarify%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='clarify'%20transform='translate(-0,%200.0054)'%3e%3cpath%20d='M44.867217,0.0054376148%20C130.715579,1.00591567%20200,70.9091172%20200,156.994562%20L199.986321,155.127494%20C199.384888,180.009127%20179.026368,199.994562%20154,199.994562%20L46,199.994562%20C20.5949015,199.994562%200,179.399661%200,153.994562%20L0,45.9945624%20C0,21.0975659%2019.7793434,0.820282524%2044.4815926,0.0191499894%20Z'%20fill='%2300D492'%3e%3c/path%3e%3cpath%20d='M123.867217,0.0054376148%20C209.715579,1.00591567%20279,70.9091172%20279,156.994562%20L278.986321,155.127494%20C278.384888,180.009127%20258.026368,199.994562%20233,199.994562%20L125,199.994562%20C99.5949015,199.994562%2079,179.399661%2079,153.994562%20L79,45.9945624%20C79,21.0975659%2098.7793434,0.820282524%20123.481593,0.0191499894%20Z'%20id='clarify-right'%20fill-opacity='0.6'%20fill='%2300F6C9'%20transform='translate(179,%20100)%20rotate(-90)%20translate(-179,%20-100)'%3e%3c/path%3e%3cpath%20d='M199.979267,154.416906%20L199.984438,155.157125%20L199.962366,155.872459%20C198.977251,180.406837%20178.776104,199.994562%20154,199.994562%20L124.372438,199.994125%20L124.249053,199.994081%20C99.6939678,199.603921%2079.8122712,179.973634%2079.01915,155.518407%20L79.0054376,155.132783%20C79.5830823,105.566626%20103.129768,61.5221348%20139.498462,33.1463428%20C175.69419,61.3871018%20199.186123,105.143863%20199.979267,154.416906%20Z'%20id='形状结合'%20fill='%2300F692'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
-//#endregion
-//#region source/app/BuiltWithClarify.tsx
-var CLARIFY_TRACKING_URL = "https://api.clarify.pub/track";
-var CLARIFY_CLIENT_ID_KEY = "clarify.client_id";
-function getClientId() {
-	const newClientId = globalThis.crypto?.randomUUID?.() ?? `${Date.now()}.${Math.random()}`;
-	try {
-		const clientId = window.localStorage.getItem(CLARIFY_CLIENT_ID_KEY);
-		if (clientId) return clientId;
-		window.localStorage.setItem(CLARIFY_CLIENT_ID_KEY, newClientId);
-		return newClientId;
-	} catch {
-		return newClientId;
-	}
-}
-function getSiteHostname() {
-	return window.location.hostname.slice(0, 100);
-}
-function getPageLanguage() {
-	return (document.documentElement.lang || (typeof navigator === "undefined" ? "" : navigator.language)).slice(0, 100);
-}
-function getViewportCategory() {
-	if (window.innerWidth < 768) return "mobile";
-	if (window.innerWidth < 1024) return "tablet";
-	return "desktop";
-}
-function getTimezone() {
-	try {
-		return Intl.DateTimeFormat().resolvedOptions().timeZone.slice(0, 100);
-	} catch {
-		return "";
-	}
-}
-function getClarifyVersion(version) {
-	return version?.slice(0, 100) ?? "";
-}
-function createClarifySiteViewPayload(version) {
-	return JSON.stringify({
-		client_id: getClientId(),
-		event_name: "clarify_site_view",
-		params: {
-			timezone: getTimezone(),
-			site_hostname: getSiteHostname(),
-			page_language: getPageLanguage(),
-			clarify_version: getClarifyVersion(version),
-			viewport_category: getViewportCategory()
-		}
-	});
-}
-function registerClarifySiteView(version) {
-	if (typeof window === "undefined") return;
-	if (typeof document === "undefined") return;
-	if (typeof navigator === "undefined" || typeof navigator.sendBeacon !== "function") return;
-	let sent = false;
-	const send = () => {
-		if (sent) return;
-		sent = true;
-		navigator.sendBeacon(CLARIFY_TRACKING_URL, createClarifySiteViewPayload(version));
-	};
-	window.addEventListener("pagehide", send);
-	return () => window.removeEventListener("pagehide", send);
-}
-function BuiltWithClarify(props) {
-	const { version } = props;
-	const t = useBuiltInText();
-	useEffect(() => {
-		return registerClarifySiteView(version);
-	}, [version]);
-	return /* @__PURE__ */ jsx("div", {
-		className: "clarify-built-with inline-flex items-center gap-1.5",
-		children: /* @__PURE__ */ jsxs("a", {
-			target: "_blank",
-			rel: "noreferrer",
-			href: "https://clarify.pub",
-			"aria-label": t("builtWith.label"),
-			className: "clarify-built-with inline-flex items-center gap-1.5 rounded-full px-2 py-1 font-medium no-underline transition",
-			children: [
-				/* @__PURE__ */ jsx("span", { children: t("builtWith.prefix") }),
-				/* @__PURE__ */ jsx("img", {
-					src: clarify_default,
-					alt: "",
-					className: "clarify-built-with-logo h-3.5 w-auto flex-none object-contain"
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "clarify-built-with-brand font-semibold",
-					children: "Clarify"
-				})
-			]
-		})
-	});
-}
-//#endregion
-//#region source/app/PageFooter.tsx
-function FooterLink(arg0) {
-	const { link, locale, config } = arg0;
-	const external = isExternalHref(link.href);
-	const href = external ? link.href : localizeHref(link.href, config, locale);
-	const className = "clarify-footer-link no-underline transition";
-	const label = resolveLocalizedText(link.label, locale, config.locales?.default);
-	if (external) return /* @__PURE__ */ jsx("a", {
-		href,
-		target: "_blank",
-		rel: "noreferrer",
-		className,
-		children: label
-	});
-	return /* @__PURE__ */ jsx(Link, {
-		to: href,
-		className,
-		children: label
-	});
-}
-function SocialLink(arg0) {
-	const { name, href } = arg0;
-	return /* @__PURE__ */ jsx("a", {
-		href,
-		target: "_blank",
-		rel: "noreferrer",
-		className: "clarify-footer-social capitalize no-underline transition",
-		children: name
-	});
-}
-function PageFooter() {
-	const config = useConfig();
-	const locale = useLocale() ?? config.locales?.default;
-	const footer = config.footer;
-	const links = footer?.links ?? [];
-	const socials = Object.entries(footer?.socials ?? {});
-	const copyright = footer?.copyright ? resolveLocalizedText(footer.copyright, locale, config.locales?.default) : void 0;
-	if (!Boolean(copyright || links.length > 0 || socials.length > 0)) return null;
-	return /* @__PURE__ */ jsx("footer", {
-		className: "clarify-page-footer w-full",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("clarify-footer-content flex flex-col items-start gap-2.5 text-left"),
-			children: [copyright ? /* @__PURE__ */ jsx("p", {
-				className: "clarify-footer-copyright m-0",
-				children: copyright
-			}) : null, links.length > 0 || socials.length > 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "clarify-footer-links flex flex-wrap justify-start gap-x-4 gap-y-2",
-				children: [links.map((link) => /* @__PURE__ */ jsx(FooterLink, {
-					link,
-					locale,
-					config
-				}, `${link.href}-${resolveLocalizedText(link.label, locale, config.locales?.default)}`)), socials.map(([name, href]) => /* @__PURE__ */ jsx(SocialLink, {
-					name,
-					href
-				}, name))]
-			}) : null]
-		})
-	});
-}
-//#endregion
-//#region source/app/FooterRegion.tsx
-function DefaultFooterComponent() {
-	return /* @__PURE__ */ jsx(PageFooter, {});
-}
-function FooterRegion(props) {
-	const { version } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "clarify-page-footer-region mt-8 grid gap-5 border-t border-(--clarify-theme-tokens-colors-border) pt-6 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-end",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "clarify-page-footer-slot min-w-0",
-			children: [/* @__PURE__ */ jsx(RuntimeSlot, { name: "page.footer.before" }), /* @__PURE__ */ jsx(RuntimeSlot, {
-				name: "page.footer.replace",
-				default: DefaultFooterComponent
-			})]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "clarify-page-attribution flex justify-end sm:self-end",
-			children: /* @__PURE__ */ jsx(BuiltWithClarify, { version })
-		})]
-	});
-}
-//#endregion
 //#region source/app/PageBanner.tsx
 function bannerStorageKey(config, content) {
 	return `clarify:banner:dismissed:${config.title}:${content}`;
@@ -590,6 +509,66 @@ function PageBanner(props) {
 	});
 }
 //#endregion
+//#region source/app/PageFooter.tsx
+function FooterLink(arg0) {
+	const { link, locale, config } = arg0;
+	const external = isExternalHref(link.href);
+	const href = external ? link.href : localizeHref(link.href, config, locale);
+	const className = "clarify-footer-link no-underline transition";
+	const label = resolveLocalizedText(link.label, locale, config.locales?.default);
+	if (external) return /* @__PURE__ */ jsx("a", {
+		href,
+		target: "_blank",
+		rel: "noreferrer",
+		className,
+		children: label
+	});
+	return /* @__PURE__ */ jsx(Link, {
+		to: href,
+		className,
+		children: label
+	});
+}
+function SocialLink(arg0) {
+	const { name, href } = arg0;
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "clarify-footer-social capitalize no-underline transition",
+		children: name
+	});
+}
+function PageFooter() {
+	const config = useConfig();
+	const locale = useLocale() ?? config.locales?.default;
+	const footer = config.footer;
+	const links = footer?.links ?? [];
+	const socials = Object.entries(footer?.socials ?? {});
+	const copyright = footer?.copyright ? resolveLocalizedText(footer.copyright, locale, config.locales?.default) : void 0;
+	if (!Boolean(copyright || links.length > 0 || socials.length > 0)) return null;
+	return /* @__PURE__ */ jsx("footer", {
+		className: "clarify-page-footer w-full",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx("clarify-footer-content flex flex-col items-start gap-2.5 text-left"),
+			children: [copyright ? /* @__PURE__ */ jsx("p", {
+				className: "clarify-footer-copyright m-0",
+				children: copyright
+			}) : null, links.length > 0 || socials.length > 0 ? /* @__PURE__ */ jsxs("div", {
+				className: "clarify-footer-links flex flex-wrap justify-start gap-x-4 gap-y-2",
+				children: [links.map((link) => /* @__PURE__ */ jsx(FooterLink, {
+					link,
+					locale,
+					config
+				}, `${link.href}-${resolveLocalizedText(link.label, locale, config.locales?.default)}`)), socials.map(([name, href]) => /* @__PURE__ */ jsx(SocialLink, {
+					name,
+					href
+				}, name))]
+			}) : null]
+		})
+	});
+}
+//#endregion
 //#region source/app/PageNavigation.tsx
 function flattenNavigation(nodes) {
 	return nodes.flatMap((node) => node.children?.length ? flattenNavigation(node.children) : [node]);
@@ -746,6 +725,123 @@ function PageSkeleton() {
 	});
 }
 //#endregion
+//#region source/app/AppShellLayout.tsx
+function NotFoundRouteElement(props) {
+	const { component: RouteComponent } = props;
+	if (!RouteComponent) return /* @__PURE__ */ jsx(BuiltInNotFoundPage, {});
+	return /* @__PURE__ */ jsx(RouteComponent, {});
+}
+function BannerSlot(props) {
+	const { activeBannerKey, dismissedBannerKey, bannerResolved, onDismiss, config, locale } = props;
+	function DefaultBannerComponent() {
+		if (!(bannerResolved && Boolean(config.banner) && dismissedBannerKey !== activeBannerKey)) return null;
+		return /* @__PURE__ */ jsx(PageBanner, {
+			currentLocale: locale,
+			onDismiss
+		});
+	}
+	return /* @__PURE__ */ jsx(RuntimeSlot, {
+		name: "page.banner.replace",
+		default: DefaultBannerComponent
+	});
+}
+function DefaultFooterComponent() {
+	return /* @__PURE__ */ jsx(PageFooter, {});
+}
+function AppShellLayout(props) {
+	const { config, routes, currentRoute, currentLocale, currentNavigation, notFoundRouteComponent, layout, headerRef, headerTopAreaRef, layoutConfig, pathname, text, activeBannerKey, dismissedBannerKey, bannerResolved, onDismissBanner } = props;
+	const layoutStyle = { "--clarify-header-offset": layoutConfig.headerOffset };
+	const routeElements = /* @__PURE__ */ jsxs(Routes, { children: [routes.map((route) => /* @__PURE__ */ jsx(Route, {
+		path: route.path,
+		element: /* @__PURE__ */ jsx(route.component, {})
+	}, route.path)), /* @__PURE__ */ jsx(Route, {
+		path: "*",
+		element: /* @__PURE__ */ jsx(NotFoundRouteElement, { component: notFoundRouteComponent })
+	})] });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Header, {
+		ref: headerRef,
+		topAreaRef: headerTopAreaRef,
+		navigation: currentNavigation.items,
+		tabs: currentNavigation.tabs,
+		routes: props.routes,
+		currentLocale,
+		currentRoute,
+		banner: /* @__PURE__ */ jsx(BannerSlot, {
+			activeBannerKey,
+			dismissedBannerKey,
+			bannerResolved,
+			onDismiss: onDismissBanner,
+			config,
+			locale: currentLocale
+		})
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "clarify-layout mx-auto grid w-full max-w-(--clarify-theme-layout-max-width) grid-cols-1 lg:grid-cols-(--clarify-layout-sidebar-grid) xl:grid-cols-(--clarify-layout-sidebar-grid-wide)",
+		style: layoutStyle,
+		children: [/* @__PURE__ */ jsx("aside", {
+			"data-pagefind-ignore": true,
+			className: "clarify-sidebar hidden lg:block lg:self-stretch lg:bg-(--clarify-theme-tokens-colors-background) lg:px-5 xl:px-6",
+			children: /* @__PURE__ */ jsx("div", {
+				className: clsx("clarify-sidebar-scroll lg:sticky lg:z-30 lg:overflow-y-auto lg:pb-8", layoutConfig.sidebarScrollClassName),
+				children: /* @__PURE__ */ jsx(Navigation, {
+					navigation: currentNavigation.items,
+					currentLocale
+				})
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: clsx("clarify-content @container relative flex min-h-screen min-w-0 flex-col px-4 pb-12 sm:px-6 lg:px-8 xl:px-10", layoutConfig.contentClassName, layout === "blog" && "clarify-content-blog"),
+			children: /* @__PURE__ */ jsxs(PageActionsProvider, {
+				route: currentRoute,
+				locale: currentLocale,
+				children: [
+					/* @__PURE__ */ jsx("main", {
+						className: "clarify-main min-w-0 flex-auto",
+						"data-pagefind-body": true,
+						children: /* @__PURE__ */ jsx(PageErrorBoundary, {
+							title: text("renderError.title"),
+							description: text("renderError.description"),
+							reloadLabel: text("renderError.reload"),
+							detailsLabel: text("renderError.details"),
+							pathLabel: text("renderError.path"),
+							typeLabel: text("renderError.type"),
+							messageLabel: text("renderError.message"),
+							stackLabel: text("renderError.stack"),
+							componentStackLabel: text("renderError.componentStack"),
+							copyLabel: text("actions.copy"),
+							copiedLabel: text("actions.copied"),
+							path: pathname,
+							children: /* @__PURE__ */ jsx(Suspense, {
+								fallback: /* @__PURE__ */ jsx(PageSkeleton, {}),
+								children: routeElements
+							})
+						}, pathname)
+					}),
+					/* @__PURE__ */ jsx(PageMetadata, {
+						updatedAt: currentRoute?.updatedAt,
+						locale: currentLocale
+					}),
+					/* @__PURE__ */ jsx(PageNavigation, {
+						navigation: currentNavigation.items,
+						currentRoute
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "clarify-page-footer-region mt-8 grid gap-5 border-t border-(--clarify-theme-tokens-colors-border) pt-6 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-end",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "clarify-page-footer-slot min-w-0",
+							children: [/* @__PURE__ */ jsx(RuntimeSlot, { name: "page.footer.before" }), /* @__PURE__ */ jsx(RuntimeSlot, {
+								name: "page.footer.replace",
+								default: DefaultFooterComponent
+							})]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "clarify-page-attribution flex justify-end sm:self-end",
+							children: /* @__PURE__ */ jsx(BuiltWithClarify, { version: config.version })
+						})]
+					})
+				]
+			})
+		})]
+	})] });
+}
+//#endregion
 //#region source/app/SectionHashSync.tsx
 var HASH_UPDATE_DEBOUNCE_MS = 120;
 function replaceHash(sectionId) {
@@ -817,20 +913,6 @@ function SectionHashSync(arg0) {
 }
 //#endregion
 //#region source/app/AppShell.tsx
-function BannerSlot(props) {
-	const { activeBannerKey, dismissedBannerKey, bannerResolved, onDismiss, config, locale } = props;
-	function DefaultBannerComponent() {
-		if (!(bannerResolved && Boolean(config.banner) && dismissedBannerKey !== activeBannerKey)) return null;
-		return /* @__PURE__ */ jsx(PageBanner, {
-			currentLocale: locale,
-			onDismiss
-		});
-	}
-	return /* @__PURE__ */ jsx(RuntimeSlot, {
-		name: "page.banner.replace",
-		default: DefaultBannerComponent
-	});
-}
 function routeForPath(routes, pathname) {
 	return routes.find((route) => isSameRoutePath(route.path, pathname));
 }
@@ -1122,11 +1204,6 @@ function getLayoutVariant(hasTabs, hasBanner) {
 function getAppShellLayoutConfig(hasTabs, hasBanner) {
 	return appShellLayoutConfig[getLayoutVariant(hasTabs, hasBanner)];
 }
-function NotFoundRouteElement(props) {
-	const { component: RouteComponent } = props;
-	if (!RouteComponent) return /* @__PURE__ */ jsx(BuiltInNotFoundPage, {});
-	return /* @__PURE__ */ jsx(RouteComponent, {});
-}
 function AppShell(arg0) {
 	const { routes, navigation, runtimeSlots } = arg0;
 	const config = useConfig();
@@ -1157,103 +1234,6 @@ function AppShell(arg0) {
 		config,
 		route: currentRoute ?? notFoundRoute
 	});
-	const layoutStyle = { "--clarify-header-offset": layoutConfig.headerOffset };
-	function renderBannerSlot() {
-		return /* @__PURE__ */ jsx(BannerSlot, {
-			activeBannerKey,
-			dismissedBannerKey,
-			bannerResolved,
-			onDismiss: dismissBanner,
-			config,
-			locale: currentLocale
-		});
-	}
-	function renderHeader() {
-		return /* @__PURE__ */ jsx(Header, {
-			ref: headerRef,
-			topAreaRef: headerTopAreaRef,
-			navigation: currentNavigation.items,
-			tabs: currentNavigation.tabs,
-			routes,
-			currentLocale,
-			currentRoute,
-			banner: renderBannerSlot()
-		});
-	}
-	function renderSidebar() {
-		return /* @__PURE__ */ jsx("aside", {
-			"data-pagefind-ignore": true,
-			className: "clarify-sidebar hidden lg:block lg:self-stretch lg:bg-(--clarify-theme-tokens-colors-background) lg:px-5 xl:px-6",
-			children: /* @__PURE__ */ jsx("div", {
-				className: clsx("clarify-sidebar-scroll lg:sticky lg:z-30 lg:overflow-y-auto lg:pb-8", layoutConfig.sidebarScrollClassName),
-				children: /* @__PURE__ */ jsx(Navigation, {
-					navigation: currentNavigation.items,
-					currentLocale
-				})
-			})
-		});
-	}
-	function renderRouteElements() {
-		return /* @__PURE__ */ jsxs(Routes, { children: [renderRoutes.map((route) => /* @__PURE__ */ jsx(Route, {
-			path: route.path,
-			element: /* @__PURE__ */ jsx(route.component, {})
-		}, route.path)), /* @__PURE__ */ jsx(Route, {
-			path: "*",
-			element: /* @__PURE__ */ jsx(NotFoundRouteElement, { component: NotFoundRouteComponent })
-		})] });
-	}
-	function renderMain() {
-		return /* @__PURE__ */ jsx("main", {
-			className: "clarify-main min-w-0 flex-auto",
-			"data-pagefind-body": true,
-			children: /* @__PURE__ */ jsx(PageErrorBoundary, {
-				title: text("renderError.title"),
-				description: text("renderError.description"),
-				reloadLabel: text("renderError.reload"),
-				detailsLabel: text("renderError.details"),
-				pathLabel: text("renderError.path"),
-				typeLabel: text("renderError.type"),
-				messageLabel: text("renderError.message"),
-				stackLabel: text("renderError.stack"),
-				componentStackLabel: text("renderError.componentStack"),
-				copyLabel: text("actions.copy"),
-				copiedLabel: text("actions.copied"),
-				path: pathname,
-				children: /* @__PURE__ */ jsx(Suspense, {
-					fallback: /* @__PURE__ */ jsx(PageSkeleton, {}),
-					children: renderRouteElements()
-				})
-			}, pathname)
-		});
-	}
-	function renderContent() {
-		return /* @__PURE__ */ jsx("div", {
-			className: clsx("clarify-content @container relative flex min-h-screen min-w-0 flex-col px-4 pb-12 sm:px-6 lg:px-8 xl:px-10", layoutConfig.contentClassName, layout === "blog" && "clarify-content-blog"),
-			children: /* @__PURE__ */ jsxs(PageActionsProvider, {
-				route: currentRoute,
-				locale: currentLocale,
-				children: [
-					renderMain(),
-					/* @__PURE__ */ jsx(PageMetadata, {
-						updatedAt: currentRoute?.updatedAt,
-						locale: currentLocale
-					}),
-					/* @__PURE__ */ jsx(PageNavigation, {
-						navigation: currentNavigation.items,
-						currentRoute
-					}),
-					/* @__PURE__ */ jsx(FooterRegion, { version: config.version })
-				]
-			})
-		});
-	}
-	function renderLayout() {
-		return /* @__PURE__ */ jsxs("div", {
-			className: "clarify-layout mx-auto grid w-full max-w-(--clarify-theme-layout-max-width) grid-cols-1 lg:grid-cols-(--clarify-layout-sidebar-grid) xl:grid-cols-(--clarify-layout-sidebar-grid-wide)",
-			style: layoutStyle,
-			children: [renderSidebar(), renderContent()]
-		});
-	}
 	return /* @__PURE__ */ jsx(LocaleContext.Provider, {
 		value: currentLocale,
 		children: /* @__PURE__ */ jsx(RuntimeSlotsProvider, {
@@ -1262,11 +1242,24 @@ function AppShell(arg0) {
 			children: /* @__PURE__ */ jsxs(SectionProvider, {
 				sections,
 				headerTopAreaRef,
-				children: [
-					/* @__PURE__ */ jsx(SectionHashSync, { hashScrollSuppressedUntilRef }),
-					renderHeader(),
-					renderLayout()
-				]
+				children: [/* @__PURE__ */ jsx(SectionHashSync, { hashScrollSuppressedUntilRef }), /* @__PURE__ */ jsx(AppShellLayout, {
+					config,
+					routes: renderRoutes,
+					currentRoute,
+					currentLocale,
+					currentNavigation,
+					notFoundRouteComponent: NotFoundRouteComponent,
+					layout,
+					headerRef,
+					headerTopAreaRef,
+					layoutConfig,
+					pathname,
+					text,
+					activeBannerKey,
+					dismissedBannerKey,
+					bannerResolved,
+					onDismissBanner: dismissBanner
+				})]
 			})
 		})
 	});
@@ -2645,6 +2638,6 @@ function ClarifyShell(props) {
 	});
 }
 //#endregion
-export { themeBootstrapScript as a, AppShell as c, BuiltWithClarify as d, RenderErrorPanel as f, useSlot as g, SlotProvider as h, themeEditorPresets as i, PageBanner as l, RuntimeSlotsProvider as m, ThemeEditor as n, themePresets as o, RuntimeSlot as p, applyThemeVariables as r, themeStorageKey as s, ClarifyShell as t, PageFooter as u };
+export { themeBootstrapScript as a, AppShell as c, RenderErrorPanel as d, BuiltWithClarify as f, useSlot as g, SlotProvider as h, themeEditorPresets as i, PageFooter as l, RuntimeSlotsProvider as m, ThemeEditor as n, themePresets as o, RuntimeSlot as p, applyThemeVariables as r, themeStorageKey as s, ClarifyShell as t, PageBanner as u };
 
-//# sourceMappingURL=ClarifyShell-Dh4TgQkW.js.map
+//# sourceMappingURL=ClarifyShell-BdkOnYRO.js.map