@clarify-labs/renderer 0.11.15 → 0.11.17

package/output/{ClarifyShell-Cv4GYuCM.cjs → ClarifyShell-DwxpyL0U.cjs}

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
 const require_i18n = require("./i18n-BMNCgF9o.cjs");
-const require_PageActions = require("./PageActions-DEAcLCtt.cjs");
-let clsx = require("clsx");
-clsx = require_rolldown_runtime.__toESM(clsx, 1);
+const require_PageActions = require("./PageActions-CwJLUFUH.cjs");
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let lucide_react = require("lucide-react");
 //#region source/slots/context.tsx
 var UISlotContextValue = (0, react.createContext)(null);
@@ -153,6 +153,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 = require_i18n.useBuiltInText();
+	(0, react.useEffect)(() => {
+		return registerClarifySiteView(version);
+	}, [version]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "clarify-built-with inline-flex items-center gap-1.5",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", { children: t("builtWith.prefix") }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					src: clarify_default,
+					alt: "",
+					className: "clarify-built-with-logo h-3.5 w-auto flex-none object-contain"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.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;
@@ -330,181 +424,6 @@ var PageErrorBoundary = class extends react.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 = require_i18n.useBuiltInText();
-	(0, react.useEffect)(() => {
-		return registerClarifySiteView(version);
-	}, [version]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "clarify-built-with inline-flex items-center gap-1.5",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", { children: t("builtWith.prefix") }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-					src: clarify_default,
-					alt: "",
-					className: "clarify-built-with-logo h-3.5 w-auto flex-none object-contain"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.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 = require_PageActions.isExternalHref(link.href);
-	const href = external ? link.href : require_PageActions.localizeHref(link.href, config, locale);
-	const className = "clarify-footer-link no-underline transition";
-	const label = require_PageActions.resolveLocalizedText(link.label, locale, config.locales?.default);
-	if (external) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		href,
-		target: "_blank",
-		rel: "noreferrer",
-		className,
-		children: label
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Link, {
-		to: href,
-		className,
-		children: label
-	});
-}
-function SocialLink(arg0) {
-	const { name, href } = arg0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		href,
-		target: "_blank",
-		rel: "noreferrer",
-		className: "clarify-footer-social capitalize no-underline transition",
-		children: name
-	});
-}
-function PageFooter() {
-	const config = require_i18n.useConfig();
-	const locale = require_i18n.useLocale() ?? config.locales?.default;
-	const footer = config.footer;
-	const links = footer?.links ?? [];
-	const socials = Object.entries(footer?.socials ?? {});
-	const copyright = footer?.copyright ? require_PageActions.resolveLocalizedText(footer.copyright, locale, config.locales?.default) : void 0;
-	if (!Boolean(copyright || links.length > 0 || socials.length > 0)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
-		className: "clarify-page-footer w-full",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, clsx.default)("clarify-footer-content flex flex-col items-start gap-2.5 text-left"),
-			children: [copyright ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "clarify-footer-copyright m-0",
-				children: copyright
-			}) : null, links.length > 0 || socials.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "clarify-footer-links flex flex-wrap justify-start gap-x-4 gap-y-2",
-				children: [links.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterLink, {
-					link,
-					locale,
-					config
-				}, `${link.href}-${require_PageActions.resolveLocalizedText(link.label, locale, config.locales?.default)}`)), socials.map(([name, href]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SocialLink, {
-					name,
-					href
-				}, name))]
-			}) : null]
-		})
-	});
-}
-//#endregion
-//#region source/app/FooterRegion.tsx
-function DefaultFooterComponent() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageFooter, {});
-}
-function FooterRegion(props) {
-	const { version } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "clarify-page-footer-slot min-w-0",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeSlot, { name: "page.footer.before" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeSlot, {
-				name: "page.footer.replace",
-				default: DefaultFooterComponent
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "clarify-page-attribution flex justify-end sm:self-end",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BuiltWithClarify, { version })
-		})]
-	});
-}
-//#endregion
 //#region source/app/PageBanner.tsx
 function bannerStorageKey(config, content) {
 	return `clarify:banner:dismissed:${config.title}:${content}`;
@@ -592,6 +511,66 @@ function PageBanner(props) {
 	});
 }
 //#endregion
+//#region source/app/PageFooter.tsx
+function FooterLink(arg0) {
+	const { link, locale, config } = arg0;
+	const external = require_PageActions.isExternalHref(link.href);
+	const href = external ? link.href : require_PageActions.localizeHref(link.href, config, locale);
+	const className = "clarify-footer-link no-underline transition";
+	const label = require_PageActions.resolveLocalizedText(link.label, locale, config.locales?.default);
+	if (external) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href,
+		target: "_blank",
+		rel: "noreferrer",
+		className,
+		children: label
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Link, {
+		to: href,
+		className,
+		children: label
+	});
+}
+function SocialLink(arg0) {
+	const { name, href } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "clarify-footer-social capitalize no-underline transition",
+		children: name
+	});
+}
+function PageFooter() {
+	const config = require_i18n.useConfig();
+	const locale = require_i18n.useLocale() ?? config.locales?.default;
+	const footer = config.footer;
+	const links = footer?.links ?? [];
+	const socials = Object.entries(footer?.socials ?? {});
+	const copyright = footer?.copyright ? require_PageActions.resolveLocalizedText(footer.copyright, locale, config.locales?.default) : void 0;
+	if (!Boolean(copyright || links.length > 0 || socials.length > 0)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+		className: "clarify-page-footer w-full",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, clsx.default)("clarify-footer-content flex flex-col items-start gap-2.5 text-left"),
+			children: [copyright ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "clarify-footer-copyright m-0",
+				children: copyright
+			}) : null, links.length > 0 || socials.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "clarify-footer-links flex flex-wrap justify-start gap-x-4 gap-y-2",
+				children: [links.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterLink, {
+					link,
+					locale,
+					config
+				}, `${link.href}-${require_PageActions.resolveLocalizedText(link.label, locale, config.locales?.default)}`)), socials.map(([name, href]) => /* @__PURE__ */ (0, react_jsx_runtime.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]);
@@ -748,6 +727,123 @@ function PageSkeleton() {
 	});
 }
 //#endregion
+//#region source/app/AppShellLayout.tsx
+function NotFoundRouteElement(props) {
+	const { component: RouteComponent } = props;
+	if (!RouteComponent) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BuiltInNotFoundPage, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(PageBanner, {
+			currentLocale: locale,
+			onDismiss
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeSlot, {
+		name: "page.banner.replace",
+		default: DefaultBannerComponent
+	});
+}
+function DefaultFooterComponent() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Routes, { children: [routes.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Route, {
+		path: route.path,
+		element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(route.component, {})
+	}, route.path)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Route, {
+		path: "*",
+		element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotFoundRouteElement, { component: notFoundRouteComponent })
+	})] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.Header, {
+		ref: headerRef,
+		topAreaRef: headerTopAreaRef,
+		navigation: currentNavigation.items,
+		tabs: currentNavigation.tabs,
+		routes: props.routes,
+		currentLocale,
+		currentRoute,
+		banner: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerSlot, {
+			activeBannerKey,
+			dismissedBannerKey,
+			bannerResolved,
+			onDismiss: onDismissBanner,
+			config,
+			locale: currentLocale
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)("clarify-sidebar-scroll lg:sticky lg:z-30 lg:overflow-y-auto lg:pb-8", layoutConfig.sidebarScrollClassName),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.Navigation, {
+					navigation: currentNavigation.items,
+					currentLocale
+				})
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, clsx.default)("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__ */ (0, react_jsx_runtime.jsxs)(require_PageActions.PageActionsProvider, {
+				route: currentRoute,
+				locale: currentLocale,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
+						className: "clarify-main min-w-0 flex-auto",
+						"data-pagefind-body": true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+								fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageSkeleton, {}),
+								children: routeElements
+							})
+						}, pathname)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.PageMetadata, {
+						updatedAt: currentRoute?.updatedAt,
+						locale: currentLocale
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageNavigation, {
+						navigation: currentNavigation.items,
+						currentRoute
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "clarify-page-footer-slot min-w-0",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeSlot, { name: "page.footer.before" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeSlot, {
+								name: "page.footer.replace",
+								default: DefaultFooterComponent
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "clarify-page-attribution flex justify-end sm:self-end",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BuiltWithClarify, { version: config.version })
+						})]
+					})
+				]
+			})
+		})]
+	})] });
+}
+//#endregion
 //#region source/app/SectionHashSync.tsx
 var HASH_UPDATE_DEBOUNCE_MS = 120;
 function replaceHash(sectionId) {
@@ -819,20 +915,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__ */ (0, react_jsx_runtime.jsx)(PageBanner, {
-			currentLocale: locale,
-			onDismiss
-		});
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeSlot, {
-		name: "page.banner.replace",
-		default: DefaultBannerComponent
-	});
-}
 function routeForPath(routes, pathname) {
 	return routes.find((route) => require_PageActions.isSameRoutePath(route.path, pathname));
 }
@@ -1124,11 +1206,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__ */ (0, react_jsx_runtime.jsx)(BuiltInNotFoundPage, {});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RouteComponent, {});
-}
 function AppShell(arg0) {
 	const { routes, navigation, runtimeSlots } = arg0;
 	const config = require_i18n.useConfig();
@@ -1159,103 +1236,6 @@ function AppShell(arg0) {
 		config,
 		route: currentRoute ?? notFoundRoute
 	});
-	const layoutStyle = { "--clarify-header-offset": layoutConfig.headerOffset };
-	function renderBannerSlot() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BannerSlot, {
-			activeBannerKey,
-			dismissedBannerKey,
-			bannerResolved,
-			onDismiss: dismissBanner,
-			config,
-			locale: currentLocale
-		});
-	}
-	function renderHeader() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.Header, {
-			ref: headerRef,
-			topAreaRef: headerTopAreaRef,
-			navigation: currentNavigation.items,
-			tabs: currentNavigation.tabs,
-			routes,
-			currentLocale,
-			currentRoute,
-			banner: renderBannerSlot()
-		});
-	}
-	function renderSidebar() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, clsx.default)("clarify-sidebar-scroll lg:sticky lg:z-30 lg:overflow-y-auto lg:pb-8", layoutConfig.sidebarScrollClassName),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.Navigation, {
-					navigation: currentNavigation.items,
-					currentLocale
-				})
-			})
-		});
-	}
-	function renderRouteElements() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Routes, { children: [renderRoutes.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Route, {
-			path: route.path,
-			element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(route.component, {})
-		}, route.path)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Route, {
-			path: "*",
-			element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotFoundRouteElement, { component: NotFoundRouteComponent })
-		})] });
-	}
-	function renderMain() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
-			className: "clarify-main min-w-0 flex-auto",
-			"data-pagefind-body": true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
-					fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageSkeleton, {}),
-					children: renderRouteElements()
-				})
-			}, pathname)
-		});
-	}
-	function renderContent() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, clsx.default)("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__ */ (0, react_jsx_runtime.jsxs)(require_PageActions.PageActionsProvider, {
-				route: currentRoute,
-				locale: currentLocale,
-				children: [
-					renderMain(),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PageActions.PageMetadata, {
-						updatedAt: currentRoute?.updatedAt,
-						locale: currentLocale
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageNavigation, {
-						navigation: currentNavigation.items,
-						currentRoute
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterRegion, { version: config.version })
-				]
-			})
-		});
-	}
-	function renderLayout() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(require_i18n.LocaleContext.Provider, {
 		value: currentLocale,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuntimeSlotsProvider, {
@@ -1264,11 +1244,24 @@ function AppShell(arg0) {
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_PageActions.SectionProvider, {
 				sections,
 				headerTopAreaRef,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionHashSync, { hashScrollSuppressedUntilRef }),
-					renderHeader(),
-					renderLayout()
-				]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionHashSync, { hashScrollSuppressedUntilRef }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppShellLayout, {
+					config,
+					routes: renderRoutes,
+					currentRoute,
+					currentLocale,
+					currentNavigation,
+					notFoundRouteComponent: NotFoundRouteComponent,
+					layout,
+					headerRef,
+					headerTopAreaRef,
+					layoutConfig,
+					pathname,
+					text,
+					activeBannerKey,
+					dismissedBannerKey,
+					bannerResolved,
+					onDismissBanner: dismissBanner
+				})]
 			})
 		})
 	});
@@ -2744,4 +2737,4 @@ Object.defineProperty(exports, "useSlot", {
 	}
 });
 
-//# sourceMappingURL=ClarifyShell-Cv4GYuCM.cjs.map
+//# sourceMappingURL=ClarifyShell-DwxpyL0U.cjs.map