@clarify-labs/renderer 0.10.3 → 0.11.1

package/output/{ClarifyShell-UsefuuLS.cjs → ClarifyShell-C2XnkFQ6.cjs}

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-C-fReCj-.cjs");
-const require_PageActions = require("./PageActions-Dg1l9KB1.cjs");
+const require_i18n = require("./i18n-DsjZ51U1.cjs");
+const require_PageActions = require("./PageActions-Lp_NeIKr.cjs");
 let clsx = require("clsx");
 clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let react = require("react");
@@ -124,26 +124,42 @@ function safeDecodeURIComponent(value) {
 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://clarify.pub/api/track";
 function BuiltWithClarify() {
 	const t = require_i18n.useBuiltInText();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-		href: "https://clarify.pub",
-		target: "_blank",
-		rel: "noreferrer",
-		"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"
-			})
-		]
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "clarify-built-with inline-flex items-center gap-1.5",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("iframe", {
+			tabIndex: -1,
+			"aria-hidden": "true",
+			title: t("builtWith.label"),
+			src: CLARIFY_TRACKING_URL,
+			style: {
+				position: "absolute",
+				width: 0,
+				height: 0,
+				border: 0,
+				overflow: "hidden"
+			}
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+			href: "https://clarify.pub",
+			target: "_blank",
+			rel: "noreferrer",
+			"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
@@ -361,7 +377,7 @@ function PageBanner(props) {
 	const { currentLocale, onDismiss } = props;
 	const config = require_i18n.useConfig();
 	const banner = config.banner;
-	const content = banner ? require_PageActions.resolveLocalizedText(banner.content, currentLocale, config.i18n?.defaultLocale) : "";
+	const content = banner ? require_PageActions.resolveLocalizedText(banner.content, currentLocale, config.locales?.default) : "";
 	const storageKey = (0, react.useMemo)(() => {
 		if (!banner || !content) return "";
 		return bannerStorageKey(config, content);
@@ -381,7 +397,7 @@ function PageBanner(props) {
 	if (!content) return null;
 	if (dismissed) return null;
 	const link = banner.link;
-	const linkLabel = link ? require_PageActions.resolveLocalizedText(link.label, currentLocale, config.i18n?.defaultLocale) : "";
+	const linkLabel = link ? require_PageActions.resolveLocalizedText(link.label, currentLocale, config.locales?.default) : "";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "clarify-banner relative flex h-12 items-center border-b border-(--clarify-ui-accent-border) bg-(--clarify-ui-accent-background) px-4 text-sm text-(--clarify-ui-text) dark:border-white/10",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -414,17 +430,17 @@ function PageBanner(props) {
 //#endregion
 //#region source/app/PageFooter.tsx
 function localeForPath(config, pathname) {
-	const i18n = config.i18n;
-	if (!i18n) return void 0;
+	const locales = config.locales;
+	if (!locales) return void 0;
 	const firstSegment = pathname.split("/").filter(Boolean)[0];
-	return i18n.locales.find((locale) => locale.code === firstSegment)?.code ?? i18n.defaultLocale;
+	return locales.locales.find((locale) => locale.code === firstSegment)?.code ?? locales.default;
 }
 function FooterLink(arg0) {
 	const { link, locale, config } = arg0;
 	const external = link.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.i18n?.defaultLocale);
+	const label = require_PageActions.resolveLocalizedText(link.label, locale, config.locales?.default);
 	if (external) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 		href,
 		target: "_blank",
@@ -454,25 +470,22 @@ function PageFooter() {
 	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.i18n?.defaultLocale) : void 0;
-	if (!Boolean(copyright || links.length > 0 || socials.length > 0)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
-		"aria-hidden": "true",
-		className: "clarify-page-footer mt-16 w-full border-t border-(--clarify-theme-tokens-colors-border) pt-8 lg:mt-24"
-	});
+	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 mt-16 flex w-full flex-col gap-4 border-t border-(--clarify-theme-tokens-colors-border) py-8 lg:mt-24",
+		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-end gap-3 text-right", "sm:items-start sm:text-left"),
+			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-end gap-x-4 gap-y-2 sm:justify-start",
+				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.i18n?.defaultLocale)}`)), socials.map(([name, href]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SocialLink, {
+				}, `${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))]
@@ -495,40 +508,42 @@ function PageNavigation(arg0) {
 	const previous = pageRoutes[currentIndex - 1];
 	const next = pageRoutes[currentIndex + 1];
 	if (!previous && !next) return null;
+	const hasBothDirections = Boolean(previous && next);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
-		className: "clarify-page-navigation mt-6 grid gap-3 @3xl:grid-cols-2",
+		className: (0, clsx.default)("clarify-page-navigation mt-12 grid border-t border-(--clarify-theme-tokens-colors-border)", hasBothDirections && "@3xl:grid-cols-2"),
 		"aria-label": t("navigation.previousNext"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageNavigationLink, {
+		children: [previous ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageNavigationLink, {
 			direction: "previous",
-			route: previous
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageNavigationLink, {
+			route: previous,
+			separated: hasBothDirections
+		}) : null, next ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageNavigationLink, {
 			direction: "next",
-			route: next
-		})]
+			route: next,
+			separated: hasBothDirections
+		}) : null]
 	});
 }
 function PageNavigationLink(arg0) {
-	const { direction, route } = arg0;
+	const { direction, route, separated } = arg0;
 	const t = require_i18n.useBuiltInText();
-	if (!route) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "hidden @3xl:block" });
 	const isNext = direction === "next";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Link, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Link, {
 		to: require_PageActions.normalizeRoutePath(route.path),
-		className: (0, clsx.default)("group flex min-w-0 items-center gap-3 rounded-lg border border-(--clarify-theme-tokens-colors-border) px-4 py-3 no-underline transition hover:border-(--clarify-theme-tokens-colors-primary) hover:bg-(--clarify-ui-hover-background)", isNext && "@3xl:justify-end @3xl:text-right"),
-		children: [
-			!isNext ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition group-hover:text-(--clarify-theme-tokens-colors-primary)" }) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "min-w-0 flex-1",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "clarify-page-navigation-label block font-medium uppercase tracking-wide text-(--clarify-theme-tokens-colors-muted)",
-					children: isNext ? t("navigation.next") : t("navigation.previous")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "clarify-page-navigation-title mt-0.5 block truncate font-semibold text-(--clarify-theme-tokens-colors-foreground)",
-					children: route.title
-				})]
-			}),
-			isNext ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition group-hover:text-(--clarify-theme-tokens-colors-primary)" }) : null
-		]
+		className: (0, clsx.default)("group flex min-w-0 py-5 no-underline outline-none focus-visible:bg-(--clarify-ui-hover-background)", !isNext && "@3xl:pr-8", isNext && "@3xl:justify-end @3xl:pl-8 @3xl:text-right", isNext && separated && "border-t border-(--clarify-theme-tokens-colors-border) @3xl:border-t-0 @3xl:border-l"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: (0, clsx.default)("min-w-0", isNext && "ml-auto"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: (0, clsx.default)("clarify-page-navigation-label flex items-center gap-1.5 text-xs/5 font-medium text-(--clarify-theme-tokens-colors-muted)", isNext && "justify-end"),
+				children: [
+					!isNext ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "size-3.5 transition-transform group-hover:-translate-x-0.5" }) : null,
+					isNext ? t("navigation.next") : t("navigation.previous"),
+					isNext ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "size-3.5 transition-transform group-hover:translate-x-0.5" }) : null
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "clarify-page-navigation-title mt-1 block truncate text-base/6 font-semibold text-(--clarify-theme-tokens-colors-foreground) transition-colors group-hover:text-(--clarify-theme-tokens-colors-primary)",
+				children: route.title
+			})]
+		})
 	});
 }
 //#endregion
@@ -771,19 +786,19 @@ function scrollToHash(hash) {
 	});
 }
 function explicitLocaleForPath(config, pathname) {
-	const i18n = config.i18n;
-	if (!i18n) return void 0;
+	const locales = config.locales;
+	if (!locales) return void 0;
 	const firstSegment = pathname.split("/").filter(Boolean)[0];
-	return i18n.locales.find((locale) => locale.code === firstSegment)?.code;
+	return locales.locales.find((locale) => locale.code === firstSegment)?.code;
 }
 function fallbackLocale(config) {
-	return config.i18n?.defaultLocale;
+	return config.locales?.default;
 }
 function storedLocaleForConfig(config) {
-	return require_PageActions.getStoredLocalePreference(config.i18n?.locales.map((locale) => locale.code));
+	return require_PageActions.getStoredLocalePreference(config.locales?.locales.map((locale) => locale.code));
 }
 function isDefaultLocale(config, locale) {
-	return Boolean(locale && config.i18n?.defaultLocale === locale);
+	return Boolean(locale && config.locales?.default === locale);
 }
 function hasPath(nodes, pathname, locale) {
 	return nodes.some((node) => require_PageActions.isSameRoutePath(node.path, pathname, locale) || hasPath(node.children ?? [], pathname, locale));
@@ -833,7 +848,7 @@ function useRouteState(config, routes, navigation, pathname) {
 		explicitLocale,
 		storedLocale,
 		currentLocale,
-		currentLocaleConfig: config.i18n?.locales.find((locale) => locale.code === currentLocale),
+		currentLocaleConfig: config.locales?.locales.find((locale) => locale.code === currentLocale),
 		notFoundRoute: currentRoute ? void 0 : notFoundRouteForPath(routes, pathname, currentLocale),
 		currentNavigation: navigationForLocale(navigation, currentLocale, pathname),
 		sections: sectionsForRoute(currentRoute)
@@ -857,7 +872,7 @@ function useStoredBannerDismissed(storageKey) {
 }
 function useBannerState(config, currentLocale) {
 	const banner = config.banner;
-	const bannerContent = banner ? require_PageActions.resolveLocalizedText(banner.content, currentLocale, config.i18n?.defaultLocale) : "";
+	const bannerContent = banner ? require_PageActions.resolveLocalizedText(banner.content, currentLocale, config.locales?.default) : "";
 	const bannerStorageKey = banner && bannerContent ? `clarify:banner:dismissed:${config.title}:${bannerContent}` : void 0;
 	const storedBannerDismissed = useStoredBannerDismissed(banner?.dismissible ? bannerStorageKey : void 0);
 	const [dismissedBannerKey, setDismissedBannerKey] = (0, react.useState)();
@@ -1090,17 +1105,19 @@ function AppShell(arg0) {
 		});
 	}
 	function renderFooter() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { 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: "flex justify-end",
+		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, {})
-			})
-		] });
+			})]
+		});
 	}
 	function renderContent() {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1843,8 +1860,7 @@ function createRandomTheme() {
 			colors: createRandomThemeColors(selection),
 			radius: { ...selection.radius }
 		},
-		layout: { maxWidth: selection.maxWidth },
-		editor: false
+		layout: { maxWidth: selection.maxWidth }
 	};
 }
 //#endregion
@@ -1855,42 +1871,47 @@ var themePresets = {
 		preset: "default",
 		tokens: {
 			colors: {
-				primary: "#047857",
-				accent: "#0D9488",
+				primary: {
+					light: "#047857",
+					dark: "#34d399"
+				},
+				accent: {
+					light: "#0f766e",
+					dark: "#5eead4"
+				},
 				background: {
-					light: "#ffffff",
-					dark: "#09090b"
+					light: "#f8fafc",
+					dark: "#0a0a0b"
 				},
 				foreground: {
-					light: "#111827",
-					dark: "#ffffff"
+					light: "#172033",
+					dark: "#f4f4f5"
 				},
 				surface: {
 					light: "#ffffff",
 					dark: "#18181b"
 				},
 				muted: {
-					light: "#64748b",
+					light: "#667085",
 					dark: "#a1a1aa"
 				},
 				border: {
-					light: "rgb(15 23 42 / 0.12)",
-					dark: "rgb(255 255 255 / 0.1)"
+					light: "rgb(15 23 42 / 0.11)",
+					dark: "rgb(255 255 255 / 0.11)"
 				},
 				codeBackground: {
-					light: "#f6fbf8",
-					dark: "#18181b"
+					light: "#f1f5f3",
+					dark: "#171719"
 				}
 			},
 			radius: {
 				sm: "6px",
-				md: "10px",
-				lg: "14px",
-				xl: "18px"
+				md: "8px",
+				lg: "12px",
+				xl: "16px"
 			}
 		},
-		layout: { maxWidth: "82rem" },
-		editor: false
+		layout: { maxWidth: "82rem" }
 	},
 	base: {
 		preset: "base",
@@ -1930,8 +1951,7 @@ var themePresets = {
 				xl: "16px"
 			}
 		},
-		layout: { maxWidth: "80rem" },
-		editor: false
+		layout: { maxWidth: "80rem" }
 	}
 };
 function cloneThemeColorValue(value) {
@@ -1953,8 +1973,7 @@ function cloneTheme(theme) {
 			},
 			radius: { ...theme.tokens.radius }
 		},
-		layout: { ...theme.layout },
-		editor: theme.editor
+		layout: { ...theme.layout }
 	};
 }
 function isModeColorValue(value) {
@@ -2556,4 +2575,4 @@ Object.defineProperty(exports, "useSlot", {
 	}
 });
 
-//# sourceMappingURL=ClarifyShell-UsefuuLS.cjs.map
+//# sourceMappingURL=ClarifyShell-C2XnkFQ6.cjs.map