@clarify-labs/renderer 0.6.3 → 0.6.5

package/output/{shell-_MyLsMUI.cjs → shell-D4tS8Jts.cjs}

@@ -43,6 +43,8 @@ var builtInText = {
 		"contentActions.copyLlms": "Copy llms.txt",
 		"contentActions.copyLlmsDescription": "Copy the llms.txt link for this site",
 		"contentActions.copiedLlms": "Copied llms.txt",
+		"contentActions.editPage": "Edit this page",
+		"contentActions.editPageDescription": "Open the source file for this page",
 		"contentActions.copyOptions": "Choose copy option",
 		"contentActions.copiedContent": "Copied page",
 		"contentActions.copiedLink": "Copied link",
@@ -62,6 +64,10 @@ var builtInText = {
 		"navbar.home": "Home",
 		"navbar.openLinks": "Open navigation links",
 		"navbar.sections": "Documentation sections",
+		"notFound.description": "The page may have moved, been renamed, or never existed. Check the address or return to the homepage.",
+		"notFound.home": "Back to homepage",
+		"notFound.label": "404",
+		"notFound.title": "Page not found",
 		"openapi.apiDocumentation": "API Documentation",
 		"openapi.bodyProperties": "Body properties",
 		"openapi.collapse": "Collapse",
@@ -95,6 +101,16 @@ var builtInText = {
 		"search.noResults": "Nothing found for {query}.",
 		"search.placeholder": "Find something...",
 		"search.shortcutCtrl": "Ctrl ",
+		"renderError.componentStack": "React component stack",
+		"renderError.description": "Clarify stopped rendering this route to keep the rest of the shell responsive. Review the diagnostics below, fix the page source, then reload the route.",
+		"renderError.details": "Runtime diagnostics",
+		"renderError.message": "Message",
+		"renderError.path": "Route",
+		"renderError.reload": "Reload route",
+		"renderError.stack": "JavaScript stack trace",
+		"renderError.timestamp": "Captured at",
+		"renderError.title": "Route render failed",
+		"renderError.type": "Error type",
 		"theme.switchToDark": "Switch to dark theme",
 		"theme.switchToLight": "Switch to light theme",
 		"language.switch": "Switch language"
@@ -118,6 +134,8 @@ var builtInText = {
 		"contentActions.copyLlms": "复制 llms.txt",
 		"contentActions.copyLlmsDescription": "复制此站点的 llms.txt 链接",
 		"contentActions.copiedLlms": "已复制 llms.txt",
+		"contentActions.editPage": "编辑此页面",
+		"contentActions.editPageDescription": "打开当前页面的源文件",
 		"contentActions.copyOptions": "选择复制选项",
 		"contentActions.copiedContent": "已复制页面",
 		"contentActions.copiedLink": "已复制链接",
@@ -137,6 +155,10 @@ var builtInText = {
 		"navbar.home": "首页",
 		"navbar.openLinks": "打开导航链接",
 		"navbar.sections": "文档栏目",
+		"notFound.description": "页面可能已移动、重命名或不存在。请检查地址，或返回首页继续浏览。",
+		"notFound.home": "返回首页",
+		"notFound.label": "404",
+		"notFound.title": "页面未找到",
 		"openapi.apiDocumentation": "API 文档",
 		"openapi.bodyProperties": "请求体属性",
 		"openapi.collapse": "收起",
@@ -170,6 +192,16 @@ var builtInText = {
 		"search.noResults": "没有找到与 {query} 相关的结果。",
 		"search.placeholder": "搜索内容...",
 		"search.shortcutCtrl": "Ctrl ",
+		"renderError.componentStack": "React 组件栈",
+		"renderError.description": "Clarify 已停止渲染此路由，以保证文档 Shell 仍可响应。请查看下方诊断信息，修复页面源码后重新加载路由。",
+		"renderError.details": "运行时诊断",
+		"renderError.message": "错误消息",
+		"renderError.path": "路由",
+		"renderError.reload": "重新加载路由",
+		"renderError.stack": "JavaScript 堆栈",
+		"renderError.timestamp": "捕获时间",
+		"renderError.title": "路由渲染失败",
+		"renderError.type": "错误类型",
 		"theme.switchToDark": "切换到深色主题",
 		"theme.switchToLight": "切换到浅色主题",
 		"language.switch": "切换语言"
@@ -250,8 +282,8 @@ function ContentActions(arg0) {
 	const { hasTabs = false, route, routePrefix } = arg0;
 	const t = useBuiltInText();
 	const [copied, setCopied] = (0, react.useState)("idle");
-	if (!route?.contentArtifactUrl) return null;
-	const contentArtifactUrl = resolveContentArtifactUrl(route.contentArtifactUrl, routePrefix);
+	if (!route?.contentArtifactUrl && !route?.sourceUrl) return null;
+	const contentArtifactUrl = route.contentArtifactUrl ? resolveContentArtifactUrl(route.contentArtifactUrl, routePrefix) : void 0;
 	const isOpenApi = route.kind === "openapi";
 	const replacements = { contentType: isOpenApi ? "OpenAPI" : "Markdown" };
 	const viewLabel = isOpenApi ? t("contentActions.viewOpenApi") : t("contentActions.viewMarkdown");
@@ -261,16 +293,18 @@ function ContentActions(arg0) {
 		window.setTimeout(() => setCopied("idle"), 1600);
 	}
 	async function handleCopyContent() {
+		if (!contentArtifactUrl) return;
 		if (await copyTextToClipboard(await (await fetch(contentArtifactUrl)).text())) markCopied("content");
 	}
 	const llmsArtifactUrl = resolveContentArtifactUrl("/llms.txt", routePrefix);
 	async function handleCopyLink() {
+		if (!contentArtifactUrl) return;
 		if (await copyTextToClipboard(getAbsoluteUrl(contentArtifactUrl))) markCopied("link");
 	}
 	async function handleCopyLlms() {
 		if (await copyTextToClipboard(getAbsoluteUrl(llmsArtifactUrl))) markCopied("llms");
 	}
-	const actions = [{
+	const actions = contentArtifactUrl ? [{
 		key: "content",
 		label: t("contentActions.copyContent"),
 		description: t("contentActions.copyContentDescription", replacements),
@@ -284,7 +318,7 @@ function ContentActions(arg0) {
 		icon: lucide_react.Link2,
 		run: handleCopyLink,
 		copiedLabel: t("contentActions.copiedLink")
-	}];
+	}] : [];
 	const llmsAction = {
 		key: "llms",
 		label: t("contentActions.copyLlms"),
@@ -294,28 +328,57 @@ function ContentActions(arg0) {
 		copiedLabel: t("contentActions.copiedLlms")
 	};
 	const primaryAction = actions[0];
-	const PrimaryIcon = copied === primaryAction.key ? lucide_react.Check : primaryAction.icon;
+	const PrimaryIcon = primaryAction && copied === primaryAction.key ? lucide_react.Check : primaryAction?.icon ?? lucide_react.PencilLine;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: `clarify-content-actions sticky z-20 flex justify-end py-4 ${hasTabs ? "top-16 lg:top-30" : "top-16"}`,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Menu, {
 			as: "div",
 			className: "clarify-content-actions-menu relative inline-flex text-sm font-medium",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "clarify-content-actions-group inline-flex overflow-hidden rounded-full border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/90 shadow-sm shadow-zinc-900/5 backdrop-blur dark:border-white/10 dark:bg-zinc-900/80 dark:shadow-none",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				className: "clarify-content-actions-group inline-flex overflow-hidden rounded-full border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/90 shadow-sm shadow-zinc-900/5 backdrop-blur",
+				children: [primaryAction ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 					type: "button",
 					onClick: primaryAction.run,
 					className: "clarify-content-actions-primary clarify-ui-control inline-flex h-8 items-center gap-1.5 px-3 transition",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrimaryIcon, { className: "h-3.5 w-3.5" }), copied === primaryAction.key ? t("actions.copied") : primaryAction.label]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+					href: route.sourceUrl,
+					target: "_blank",
+					rel: "noreferrer",
+					className: "clarify-content-actions-primary clarify-ui-control inline-flex h-8 items-center gap-1.5 px-3 no-underline transition",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrimaryIcon, { className: "h-3.5 w-3.5" }), t("contentActions.editPage")]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuButton, {
-					className: "clarify-content-actions-trigger clarify-ui-control inline-flex h-8 w-8 items-center justify-center border-l border-(--clarify-theme-tokens-colors-border) transition dark:border-white/10",
+					className: "clarify-content-actions-trigger clarify-ui-control inline-flex h-8 w-8 items-center justify-center border-l border-(--clarify-theme-tokens-colors-border) transition",
 					"aria-label": t("contentActions.copyOptions"),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5" })
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.MenuItems, {
 				anchor: "bottom end",
-				className: "clarify-content-actions-list clarify-ui-menu z-30 mt-2 w-(--clarify-ui-action-menu-width) origin-top-right rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1.5 shadow-xl shadow-zinc-900/5 transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0 dark:border-white/10 dark:bg-zinc-900 dark:shadow-none",
+				className: "clarify-content-actions-list clarify-ui-menu z-30 mt-2 w-(--clarify-ui-action-menu-width) origin-top-right rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1.5 shadow-xl shadow-zinc-900/5 transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0",
 				children: [
+					route.sourceUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+						href: route.sourceUrl,
+						target: "_blank",
+						rel: "noreferrer",
+						className: "clarify-content-actions-item clarify-ui-menu-item group flex w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) px-1.5 py-1.5 text-left no-underline transition",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PencilLine, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "flex min-w-0 flex-1 flex-col px-1",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "clarify-ui-menu-title flex items-center gap-1",
+									children: [t("contentActions.editPage"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ExternalLink, { className: "clarify-ui-menu-icon h-3 w-3" })]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "clarify-ui-menu-description truncate",
+									children: t("contentActions.editPageDescription")
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) opacity-0" })
+						]
+					}) }) : null,
 					actions.slice(0, 1).map((action) => {
 						const Icon = action.icon;
 						const isCopied = copied === action.key;
@@ -325,7 +388,7 @@ function ContentActions(arg0) {
 							className: "clarify-content-actions-item clarify-ui-menu-item group flex w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) px-1.5 py-1.5 text-left transition",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5 dark:border-white/10",
+									className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-4 w-4" })
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -342,14 +405,14 @@ function ContentActions(arg0) {
 							]
 						}) }, action.key);
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+					contentArtifactUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
 						href: contentArtifactUrl,
 						target: "_blank",
 						rel: "noreferrer",
 						className: "clarify-content-actions-item clarify-ui-menu-item group flex w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) px-1.5 py-1.5 text-left no-underline transition",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5 dark:border-white/10",
+								className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileText, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -364,7 +427,7 @@ function ContentActions(arg0) {
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) opacity-0" })
 						]
-					}) }),
+					}) }) : null,
 					actions.slice(1).map((action) => {
 						const Icon = action.icon;
 						const isCopied = copied === action.key;
@@ -374,7 +437,7 @@ function ContentActions(arg0) {
 							className: "clarify-content-actions-item clarify-ui-menu-item group flex w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) px-1.5 py-1.5 text-left transition",
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5 dark:border-white/10",
+									className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5",
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-4 w-4" })
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -397,7 +460,7 @@ function ContentActions(arg0) {
 						className: "clarify-content-actions-item clarify-ui-menu-item group flex w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) px-1.5 py-1.5 text-left transition",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5 dark:border-white/10",
+								className: "clarify-ui-menu-icon flex shrink-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) p-1.5",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileText, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -446,8 +509,8 @@ function applyTheme(resolvedTheme) {
 	document.documentElement.classList.toggle("dark", resolvedTheme === "dark");
 	document.documentElement.style.colorScheme = resolvedTheme;
 }
-function ThemeProvider(arg0) {
-	const { children } = arg0;
+function ThemeProvider(props) {
+	const { children } = props;
 	const [theme, setThemeState] = (0, react.useState)(() => getStoredTheme());
 	const [systemTheme, setSystemTheme] = (0, react.useState)(() => getSystemTheme());
 	const resolvedTheme = theme === "system" ? systemTheme : theme;
@@ -484,40 +547,19 @@ function useTheme() {
 }
 //#endregion
 //#region source/theme/ThemeToggle.tsx
-function SunIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			strokeLinecap: "round",
-			d: "M10 5.5v-1M13.182 6.818l.707-.707M14.5 10h1M13.182 13.182l.707.707M10 15.5v-1M6.11 13.889l.708-.707M4.5 10h1M6.11 6.111l.708.707"
-		})]
-	});
-}
-function MoonIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M15.224 11.724a5.5 5.5 0 0 1-6.949-6.949 5.5 5.5 0 1 0 6.949 6.949Z" })
-	});
-}
 function ThemeToggle() {
 	const { resolvedTheme, setTheme } = useTheme();
 	const t = useBuiltInText();
 	const otherTheme = resolvedTheme === "dark" ? "light" : "dark";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 		type: "button",
-		className: "clarify-theme-toggle relative flex size-8 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition hover:bg-[color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_5%,transparent)] dark:hover:bg-white/5",
+		className: "clarify-theme-toggle relative flex size-8 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition hover:bg-(--clarify-ui-hover-background)",
 		"aria-label": otherTheme === "dark" ? t("theme.switchToDark") : t("theme.switchToLight"),
 		onClick: () => setTheme(otherTheme),
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-12 pointer-fine:hidden" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SunIcon, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:hidden" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoonIcon, { className: "hidden h-5 w-5 stroke-white dark:block" })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Sun, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:hidden" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Moon, { className: "hidden h-5 w-5 stroke-white dark:block" })
 		]
 	});
 }
@@ -648,787 +690,6 @@ function useSectionStore(selector) {
 	return (0, zustand.useStore)(store, selector);
 }
 //#endregion
-//#region source/components/Button.tsx
-function ArrowIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			d: "m11.5 6.5 3 3.5m0 0-3 3.5m3-3.5h-9"
-		})
-	});
-}
-var buttonVariantStyles = {
-	primary: "rounded-full bg-(--clarify-theme-tokens-colors-foreground) px-3 py-1 text-white hover:opacity-80 dark:bg-(--clarify-theme-tokens-colors-primary)/10 dark:text-(--clarify-theme-tokens-colors-primary) dark:ring-1 dark:ring-inset dark:ring-(--clarify-theme-tokens-colors-primary)/20 dark:hover:opacity-80",
-	secondary: "rounded-full bg-(--clarify-theme-tokens-colors-code-background) px-3 py-1 text-(--clarify-theme-tokens-colors-foreground) hover:opacity-80 dark:bg-zinc-800/40 dark:text-zinc-400 dark:ring-1 dark:ring-inset dark:ring-zinc-800 dark:hover:bg-zinc-800 dark:hover:text-zinc-300",
-	filled: "rounded-full bg-(--clarify-theme-tokens-colors-foreground) px-3 py-1 text-white hover:opacity-80 dark:bg-(--clarify-theme-tokens-colors-primary) dark:hover:opacity-80",
-	outline: "rounded-full px-3 py-1 text-(--clarify-theme-tokens-colors-muted) ring-1 ring-inset ring-(--clarify-theme-tokens-colors-border) hover:bg-[color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_2.5%,transparent)] hover:text-(--clarify-theme-tokens-colors-foreground) dark:text-zinc-400 dark:ring-white/10 dark:hover:bg-white/5 dark:hover:text-white",
-	text: "text-(--clarify-theme-tokens-colors-primary) hover:opacity-80 dark:text-(--clarify-theme-tokens-colors-primary) dark:hover:opacity-80"
-};
-function Button(arg0) {
-	const { variant = "primary", className, children, arrow, ...props } = arg0;
-	const classes = (0, clsx.default)("clarify-button inline-flex justify-center gap-0.5 overflow-hidden text-sm font-medium transition", buttonVariantStyles[variant], className);
-	const arrowIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowIcon, { className: (0, clsx.default)("mt-0.5 h-5 w-5", variant === "text" && "relative top-px", arrow === "left" && "-ml-1 rotate-180", arrow === "right" && "-mr-1") });
-	const inner = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		arrow === "left" ? arrowIcon : null,
-		children,
-		arrow === "right" ? arrowIcon : null
-	] });
-	if (typeof props.href === "undefined") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		className: classes,
-		...props,
-		children: inner
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		className: classes,
-		...props,
-		children: inner
-	});
-}
-//#endregion
-//#region source/components/Callout.tsx
-var calloutStyles = {
-	info: {
-		container: "border-sky-500/20 bg-sky-50/50 text-sky-950 dark:border-sky-400/30 dark:bg-sky-400/5 dark:text-sky-100",
-		icon: "text-sky-600 dark:text-sky-400",
-		title: "text-sky-900 dark:text-sky-100",
-		Icon: lucide_react.Info
-	},
-	note: {
-		container: "border-zinc-500/20 bg-zinc-50 text-zinc-900 dark:border-white/10 dark:bg-white/5 dark:text-zinc-200",
-		icon: "text-zinc-500 dark:text-zinc-400",
-		title: "text-zinc-900 dark:text-white",
-		Icon: lucide_react.Info
-	},
-	tip: {
-		container: "border-emerald-500/20 bg-emerald-50/50 text-emerald-950 dark:border-emerald-400/30 dark:bg-emerald-400/5 dark:text-emerald-100",
-		icon: "text-emerald-600 dark:text-emerald-400",
-		title: "text-emerald-900 dark:text-emerald-100",
-		Icon: lucide_react.Lightbulb
-	},
-	warning: {
-		container: "border-amber-500/20 bg-amber-50/70 text-amber-950 dark:border-amber-400/30 dark:bg-amber-400/5 dark:text-amber-100",
-		icon: "text-amber-600 dark:text-amber-400",
-		title: "text-amber-900 dark:text-amber-100",
-		Icon: lucide_react.AlertTriangle
-	},
-	danger: {
-		container: "border-rose-500/20 bg-rose-50/70 text-rose-950 dark:border-rose-400/30 dark:bg-rose-400/5 dark:text-rose-100",
-		icon: "text-rose-600 dark:text-rose-400",
-		title: "text-rose-900 dark:text-rose-100",
-		Icon: lucide_react.XCircle
-	},
-	success: {
-		container: "border-emerald-500/20 bg-emerald-50/50 text-emerald-950 dark:border-emerald-400/30 dark:bg-emerald-400/5 dark:text-emerald-100",
-		icon: "text-emerald-600 dark:text-emerald-400",
-		title: "text-emerald-900 dark:text-emerald-100",
-		Icon: lucide_react.CheckCircle2
-	}
-};
-var defaultTitleKeys = {
-	info: "callout.info",
-	note: "callout.note",
-	tip: "callout.tip",
-	warning: "callout.warning",
-	danger: "callout.danger",
-	success: "callout.success"
-};
-function Callout(arg0) {
-	const { children, type = "info", title, icon = true, className, ...props } = arg0;
-	const t = useBuiltInText();
-	const style = calloutStyles[type];
-	const Icon = style.Icon;
-	const resolvedTitle = title === void 0 ? t(defaultTitleKeys[type]) : title;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, clsx.default)("clarify-callout my-6 flex gap-3 rounded-(--clarify-theme-tokens-radius-xl) border p-4 text-sm/6", style.container, className),
-		...props,
-		children: [icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-			className: (0, clsx.default)("mt-1 size-4 flex-none", style.icon),
-			"aria-hidden": "true"
-		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "min-w-0 flex-1 *:first:mt-0 *:last:mb-0",
-			children: [resolvedTitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: (0, clsx.default)("mb-1 font-semibold", style.title),
-				children: resolvedTitle
-			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "*:first:mt-0 *:last:mb-0",
-				children
-			})]
-		})]
-	});
-}
-//#endregion
-//#region source/components/Card.tsx
-function CardIcon(arg0) {
-	const { name } = arg0;
-	if (!name) return null;
-	const iconName = resolveLucideIconName(name);
-	if (!iconName) return null;
-	const Icon = lucideIconRegistry[iconName];
-	if (!Icon) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: "flex size-9 flex-none items-center justify-center rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-ui-accent-background) text-(--clarify-ui-accent-text) ring-1 ring-(--clarify-ui-accent-border)",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
-			className: "size-5",
-			"aria-hidden": "true"
-		})
-	});
-}
-var cardGroupColumnStyles = {
-	1: "grid-cols-1",
-	2: "grid-cols-1 sm:grid-cols-2",
-	3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-	4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
-};
-function CardGroup(arg0) {
-	const { children, cols = 2, className } = arg0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, clsx.default)("not-prose my-10 grid gap-4", cardGroupColumnStyles[cols], className),
-		children
-	});
-}
-function Card(arg0) {
-	const { title, icon, href, children, className, ...props } = arg0;
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-start gap-4",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardIcon, { name: icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-				className: "m-0 text-base font-semibold text-(--clarify-theme-tokens-colors-foreground) dark:text-white",
-				children: title
-			}), children ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "mt-2 text-sm/6 text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-400 *:m-0",
-				children
-			}) : null]
-		})]
-	}), href ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: "absolute inset-0 rounded-(--clarify-theme-tokens-radius-xl)",
-		"aria-hidden": "true"
-	}) : null] });
-	const classes = (0, clsx.default)("group relative block rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-5 shadow-(--clarify-ui-accent-glow) transition hover:border-(--clarify-ui-accent-border) hover:shadow-md dark:bg-zinc-900/50", className);
-	if (!href) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: classes,
-		children: content
-	});
-	if (href.startsWith("/") && !href.startsWith("//")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Link, {
-		to: href,
-		className: classes,
-		...props,
-		children: content
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-		href,
-		className: classes,
-		...props,
-		children: content
-	});
-}
-//#endregion
-//#region source/components/Code.tsx
-var languageNames = {
-	js: "JavaScript",
-	ts: "TypeScript",
-	jsx: "React JSX",
-	tsx: "React TSX",
-	javascript: "JavaScript",
-	typescript: "TypeScript",
-	php: "PHP",
-	python: "Python",
-	ruby: "Ruby",
-	go: "Go",
-	bash: "Shell",
-	sh: "Shell",
-	shell: "Shell",
-	json: "JSON"
-};
-function getPanelTitle(arg0) {
-	const { title, language, fallbackTitle = "Code" } = arg0;
-	if (title) return title;
-	if (language && language in languageNames) return languageNames[language];
-	return fallbackTitle;
-}
-function getNodeText(node) {
-	if (typeof node === "string" || typeof node === "number") return String(node);
-	if (Array.isArray(node)) return node.map(getNodeText).join("");
-	if ((0, react.isValidElement)(node)) return getNodeText(node.props.children);
-	return "";
-}
-function ClipboardIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 20 20",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			strokeWidth: "0",
-			d: "M5.5 13.5v-5a2 2 0 0 1 2-2l.447-.894A2 2 0 0 1 9.737 4.5h.527a2 2 0 0 1 1.789 1.106l.447.894a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2Z"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			fill: "none",
-			strokeLinejoin: "round",
-			d: "M12.5 6.5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2m5 0-.447-.894a2 2 0 0 0-1.79-1.106h-.527a2 2 0 0 0-1.789 1.106L7.5 6.5m5 0-1 1h-3l-1-1"
-		})]
-	});
-}
-function CopyButton(arg0) {
-	const { code } = arg0;
-	const t = useBuiltInText();
-	const [copyCount, setCopyCount] = (0, react.useState)(0);
-	const copied = copyCount > 0;
-	(0, react.useEffect)(() => {
-		if (copyCount === 0) return void 0;
-		const timeout = window.setTimeout(() => setCopyCount(0), 1e3);
-		return () => window.clearTimeout(timeout);
-	}, [copyCount]);
-	if (!code) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-		type: "button",
-		className: (0, clsx.default)("clarify-code-copy group/button absolute top-3.5 right-4 overflow-hidden rounded-full py-1 pr-3 pl-2 text-2xs font-medium opacity-0 backdrop-blur-sm transition group-hover:opacity-100 focus:opacity-100", copied ? "bg-[color-mix(in_srgb,var(--clarify-theme-tokens-colors-primary)_12%,transparent)] ring-1 ring-[color-mix(in_srgb,var(--clarify-theme-tokens-colors-primary)_24%,transparent)] ring-inset" : "bg-white/5 hover:bg-white/7.5 dark:bg-white/2.5 dark:hover:bg-white/5"),
-		onClick: () => {
-			copyTextToClipboard(code).then((ok) => {
-				if (ok) setCopyCount((count) => count + 1);
-			});
-		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			"aria-hidden": copied,
-			className: (0, clsx.default)("pointer-events-none flex items-center gap-0.5 text-zinc-400 transition duration-300", copied && "-translate-y-1.5 opacity-0"),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClipboardIcon, { className: "h-5 w-5 fill-zinc-500/20 stroke-zinc-500 transition-colors group-hover/button:stroke-zinc-400" }), t("actions.copy")]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			"aria-hidden": !copied,
-			className: (0, clsx.default)("pointer-events-none absolute inset-0 flex items-center justify-center text-(--clarify-theme-tokens-colors-primary) transition duration-300", !copied && "translate-y-1.5 opacity-0"),
-			children: t("actions.copied")
-		})]
-	});
-}
-function CodePanelHeader(arg0) {
-	const { tag, label } = arg0;
-	if (!tag && !label) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "clarify-code-panel-header flex h-9 items-center gap-2 border-y border-t-transparent border-b-white/7.5 bg-zinc-900 px-4 dark:border-b-white/5 dark:bg-white/1",
-		children: [
-			tag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "clarify-code-panel-tag font-semibold text-(--clarify-theme-tokens-colors-primary)",
-				children: tag
-			}) : null,
-			tag && label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-0.5 w-0.5 rounded-full bg-zinc-500" }) : null,
-			label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-xs text-zinc-400",
-				children: label
-			}) : null
-		]
-	});
-}
-function CodePanel(arg0) {
-	const { children } = arg0;
-	let { tag, label, code } = arg0;
-	const child = react.Children.only(children);
-	if ((0, react.isValidElement)(child)) {
-		const props = child.props;
-		tag = props.tag ?? tag;
-		label = props.label ?? label;
-		code = props.code ?? code ?? getNodeText(props.children);
-	}
-	const copyText = code ?? getNodeText(children);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "clarify-code-panel group dark:bg-white/2.5",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodePanelHeader, {
-			tag,
-			label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-				className: "clarify-code-pre overflow-x-auto p-4 text-xs text-white",
-				children
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyButton, { code: copyText })]
-		})]
-	});
-}
-function CodeGroupHeader(arg0) {
-	const { title, children, selectedIndex } = arg0;
-	const t = useBuiltInText();
-	const hasTabs = react.Children.count(children) > 1;
-	if (!title && !hasTabs) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "clarify-code-group-header flex min-h-[calc(--spacing(12)+1px)] flex-wrap items-start gap-x-4 border-b border-zinc-700 bg-zinc-800 px-4 dark:border-zinc-800 dark:bg-transparent",
-		children: [title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-			className: "mr-auto pt-3 text-xs font-semibold text-white",
-			children: title
-		}) : null, hasTabs ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabList, {
-			className: "clarify-code-tabs -mb-px flex gap-4 text-xs font-medium",
-			children: react.Children.map(children, (child, childIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.Tab, {
-				className: (0, clsx.default)("clarify-code-tab border-b py-3 transition data-selected:not-data-focus:outline-hidden", childIndex === selectedIndex ? "border-(--clarify-theme-tokens-colors-primary) text-(--clarify-theme-tokens-colors-primary)" : "border-transparent text-zinc-400 hover:text-zinc-300"),
-				children: getPanelTitle({
-					...(0, react.isValidElement)(child) ? child.props : {},
-					fallbackTitle: t("actions.code")
-				})
-			}))
-		}) : null]
-	});
-}
-function CodeGroupPanels(arg0) {
-	const { children, ...props } = arg0;
-	if (react.Children.count(children) > 1) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanels, { children: react.Children.map(children, (child) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabPanel, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodePanel, {
-		...props,
-		children: child
-	}) })) });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodePanel, {
-		...props,
-		children
-	});
-}
-function usePreventLayoutShift() {
-	const positionRef = (0, react.useRef)(null);
-	const rafRef = (0, react.useRef)(void 0);
-	(0, react.useEffect)(() => {
-		return () => {
-			if (typeof rafRef.current !== "undefined") window.cancelAnimationFrame(rafRef.current);
-		};
-	}, []);
-	return {
-		positionRef,
-		preventLayoutShift(callback) {
-			if (!positionRef.current) return;
-			const initialTop = positionRef.current.getBoundingClientRect().top;
-			callback();
-			rafRef.current = window.requestAnimationFrame(() => {
-				const newTop = positionRef.current?.getBoundingClientRect().top ?? initialTop;
-				window.scrollBy(0, newTop - initialTop);
-			});
-		}
-	};
-}
-var usePreferredLanguageStore = (0, zustand.create)()((set) => ({
-	preferredLanguages: [],
-	addPreferredLanguage: (language) => set((state) => ({ preferredLanguages: [...state.preferredLanguages.filter((preferredLanguage) => preferredLanguage !== language), language] }))
-}));
-function useTabGroupProps(availableLanguages) {
-	const { preferredLanguages, addPreferredLanguage } = usePreferredLanguageStore();
-	const [selectedIndex, setSelectedIndex] = (0, react.useState)(0);
-	if (new Set(availableLanguages).size === availableLanguages.length) {
-		const activeLanguage = [...availableLanguages].sort((a, z) => preferredLanguages.indexOf(z) - preferredLanguages.indexOf(a))[0];
-		const languageIndex = availableLanguages.indexOf(activeLanguage);
-		const newSelectedIndex = languageIndex === -1 ? selectedIndex : languageIndex;
-		if (newSelectedIndex !== selectedIndex) setSelectedIndex(newSelectedIndex);
-	}
-	const { positionRef, preventLayoutShift } = usePreventLayoutShift();
-	return {
-		as: "div",
-		ref: positionRef,
-		selectedIndex,
-		onChange: (nextSelectedIndex) => {
-			setSelectedIndex(nextSelectedIndex);
-			preventLayoutShift(() => addPreferredLanguage(availableLanguages[nextSelectedIndex]));
-		}
-	};
-}
-var CodeGroupContext = (0, react.createContext)(false);
-function CodeGroup(arg0) {
-	const { children, title, ...props } = arg0;
-	const t = useBuiltInText();
-	const tabGroupProps = useTabGroupProps(react.Children.map(children, (child) => getPanelTitle({
-		...(0, react.isValidElement)(child) ? child.props : {},
-		fallbackTitle: t("actions.code")
-	})) ?? []);
-	const hasTabs = react.Children.count(children) > 1;
-	const containerClassName = "clarify-code-group my-6 overflow-hidden rounded-2xl bg-zinc-900 shadow-md dark:ring-1 dark:ring-white/10";
-	const header = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeGroupHeader, {
-		title,
-		selectedIndex: tabGroupProps.selectedIndex,
-		children
-	});
-	const panels = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeGroupPanels, {
-		...props,
-		children
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeGroupContext.Provider, {
-		value: true,
-		children: hasTabs ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TabGroup, {
-			...tabGroupProps,
-			className: containerClassName,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "not-prose",
-				children: [header, panels]
-			})
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: containerClassName,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "not-prose",
-				children: [header, panels]
-			})
-		})
-	});
-}
-function Code(arg0) {
-	const { children, ...props } = arg0;
-	if ((0, react.useContext)(CodeGroupContext) && typeof children === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-		...props,
-		dangerouslySetInnerHTML: { __html: children }
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
-		...props,
-		children
-	});
-}
-function Pre(arg0) {
-	const { children, ...props } = arg0;
-	if ((0, react.useContext)(CodeGroupContext)) return children;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeGroup, {
-		...props,
-		children
-	});
-}
-//#endregion
-//#region source/components/Collapse.tsx
-function Collapse(arg0) {
-	const { children, title, summary, defaultOpen = false, className, ...props } = arg0;
-	const [open, setOpen] = (0, react.useState)(defaultOpen);
-	const contentRef = (0, react.useRef)(null);
-	const [maxHeight, setMaxHeight] = (0, react.useState)("0px");
-	const summaryLabel = title ?? summary ?? "Details";
-	const contentId = (0, react.useId)();
-	(0, react.useLayoutEffect)(() => {
-		if (!contentRef.current) return;
-		setMaxHeight(open ? `${contentRef.current.scrollHeight}px` : "0px");
-	}, [open, children]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, clsx.default)("clarify-collapse my-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) shadow-sm dark:border-white/10 dark:bg-zinc-950", className),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			className: "flex w-full cursor-pointer items-center justify-between gap-3 px-4 py-3 text-left text-sm font-semibold text-(--clarify-theme-tokens-colors-foreground) transition hover:bg-(--clarify-ui-hover-background) dark:text-white dark:hover:bg-white/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary) focus-visible:ring-offset-2 focus-visible:ring-offset-(--clarify-theme-tokens-colors-background) dark:focus-visible:ring-offset-zinc-950",
-			"aria-expanded": open,
-			"aria-controls": contentId,
-			onClick: () => setOpen((value) => !value),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: summaryLabel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, {
-				className: (0, clsx.default)("h-4 w-4 text-(--clarify-theme-tokens-colors-muted) transition-transform duration-200", open && "rotate-180"),
-				"aria-hidden": "true"
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			id: contentId,
-			className: "overflow-hidden border-t border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) transition-[max-height,opacity,transform] duration-200 ease-out dark:border-white/10 dark:bg-zinc-950/95",
-			style: {
-				maxHeight,
-				willChange: "max-height, opacity, transform"
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				ref: contentRef,
-				className: (0, clsx.default)("px-4 py-4 text-sm/6 text-(--clarify-theme-tokens-colors-foreground) transition-opacity duration-200 ease-out", open ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-1"),
-				children
-			})
-		})]
-	});
-}
-//#endregion
-//#region source/components/Feedback.tsx
-function CheckIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 20 20",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-			cx: "10",
-			cy: "10",
-			r: "10",
-			strokeWidth: "0"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			fill: "none",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			strokeWidth: "1.5",
-			d: "m6.75 10.813 2.438 2.437c1.218-4.469 4.062-6.5 4.062-6.5"
-		})]
-	});
-}
-function FeedbackButton(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "submit",
-		className: "clarify-feedback-button px-3 text-sm font-medium text-zinc-600 transition hover:bg-zinc-900/2.5 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-white/5 dark:hover:text-white",
-		...props
-	});
-}
-var FeedbackForm = (0, react.forwardRef)(function FeedbackForm(arg0, ref) {
-	const { onSubmit, className, ...props } = arg0;
-	const t = useBuiltInText();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-		...props,
-		ref,
-		onSubmit,
-		className: (0, clsx.default)(className, "clarify-feedback-form absolute inset-0 flex items-center justify-center gap-6 md:justify-start"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			className: "text-sm text-zinc-600 dark:text-zinc-400",
-			children: t("feedback.prompt")
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "clarify-feedback-actions group grid h-8 grid-cols-[1fr_1px_1fr] overflow-hidden rounded-full border border-zinc-900/10 dark:border-white/10",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FeedbackButton, {
-					"data-response": "yes",
-					children: t("feedback.yes")
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-zinc-900/10 dark:bg-white/10" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FeedbackButton, {
-					"data-response": "no",
-					children: t("feedback.no")
-				})
-			]
-		})]
-	});
-});
-var FeedbackThanks = (0, react.forwardRef)(function FeedbackThanks(arg0, ref) {
-	const { className, ...props } = arg0;
-	const t = useBuiltInText();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...props,
-		ref,
-		className: (0, clsx.default)(className, "clarify-feedback-thanks absolute inset-0 flex justify-center md:justify-start"),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-center gap-3 rounded-full bg-(--clarify-ui-accent-background) py-1 pr-3 pl-1.5 text-sm text-(--clarify-ui-accent-text) ring-1 ring-(--clarify-ui-accent-border) ring-inset",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, { className: "h-5 w-5 flex-none fill-(--clarify-ui-accent-text) stroke-white dark:fill-(--clarify-ui-accent-background) dark:stroke-(--clarify-ui-accent-text)" }), t("feedback.thanks")]
-		})
-	});
-});
-function Feedback() {
-	const [submitted, setSubmitted] = (0, react.useState)(false);
-	function onSubmit(event) {
-		event.preventDefault();
-		setSubmitted(true);
-	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "clarify-feedback relative h-8",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.Transition, {
-			show: !submitted,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FeedbackForm, {
-				className: "duration-300 data-closed:opacity-0 data-leave:pointer-events-none",
-				onSubmit
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.Transition, {
-			show: submitted,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FeedbackThanks, { className: "delay-150 duration-300 data-closed:opacity-0" })
-		})]
-	});
-}
-//#endregion
-//#region source/components/Tag.tsx
-var tagVariantStyles = {
-	small: "",
-	medium: "rounded-lg px-1.5 ring-1 ring-inset"
-};
-var tagColorStyles = {
-	emerald: {
-		small: "text-emerald-500 dark:text-emerald-400",
-		medium: "bg-emerald-400/10 text-emerald-500 ring-emerald-300 dark:text-emerald-400 dark:ring-emerald-400/30"
-	},
-	sky: {
-		small: "text-sky-500 dark:text-sky-400",
-		medium: "bg-sky-400/10 text-sky-500 ring-sky-300 dark:text-sky-400 dark:ring-sky-400/30"
-	},
-	amber: {
-		small: "text-amber-500 dark:text-amber-400",
-		medium: "bg-amber-400/10 text-amber-500 ring-amber-300 dark:text-amber-400 dark:ring-amber-400/30"
-	},
-	rose: {
-		small: "text-red-500 dark:text-rose-500",
-		medium: "bg-rose-50 text-red-500 ring-rose-200 dark:bg-rose-400/10 dark:text-rose-400 dark:ring-rose-500/20"
-	},
-	zinc: {
-		small: "text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-500",
-		medium: "bg-(--clarify-theme-tokens-colors-code-background) text-(--clarify-theme-tokens-colors-muted) ring-(--clarify-theme-tokens-colors-border) dark:bg-zinc-400/10 dark:text-zinc-400 dark:ring-zinc-500/20"
-	}
-};
-var tagValueColorMap = {
-	GET: "emerald",
-	POST: "sky",
-	PUT: "amber",
-	PATCH: "amber",
-	DELETE: "rose"
-};
-function Tag(arg0) {
-	const { children, variant = "medium", color } = arg0;
-	const value = typeof children === "string" ? children.toUpperCase() : "";
-	const resolvedColor = color ?? tagValueColorMap[value] ?? "emerald";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		className: (0, clsx.default)("clarify-tag font-bold", tagVariantStyles[variant], tagColorStyles[resolvedColor][variant]),
-		children
-	});
-}
-//#endregion
-//#region source/components/Heading.tsx
-function AnchorIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m6.5 11.5-.964-.964a3.535 3.535 0 1 1 5-5l.964.964m2 2 .964.964a3.536 3.536 0 0 1-5 5L8.5 13.5m0-5 3 3" })
-	});
-}
-function Eyebrow(arg0) {
-	const { tag, label } = arg0;
-	if (!tag && !label) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-x-3",
-		children: [
-			tag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, { children: tag }) : null,
-			tag && label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600" }) : null,
-			label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-xs text-zinc-400",
-				children: label
-			}) : null
-		]
-	});
-}
-function Anchor(arg0) {
-	const { id, inView, children } = arg0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-		href: `#${id}`,
-		className: "clarify-anchor group text-inherit no-underline hover:text-inherit",
-		children: [inView ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "absolute mt-1 -ml-(--width) hidden w-(--width) opacity-0 transition [--width:calc(2.625rem+0.5px+50%-min(50%,calc(var(--container-lg)+(--spacing(8)))))] group-hover:opacity-100 group-focus:opacity-100 md:block lg:z-50 2xl:[--width:--spacing(10)]",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "group/anchor block h-5 w-5 rounded-lg bg-zinc-50 ring-1 ring-inset ring-zinc-300 transition hover:ring-zinc-500 dark:bg-zinc-800 dark:ring-zinc-700 dark:hover:bg-zinc-700 dark:hover:ring-zinc-600",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AnchorIcon, { className: "h-5 w-5 stroke-zinc-500 transition dark:stroke-zinc-400 dark:group-hover/anchor:stroke-white" })
-			})
-		}) : null, children]
-	});
-}
-function Heading(arg0) {
-	const { children, className, tag, label, level, anchor = true, ...props } = arg0;
-	const resolvedLevel = level ?? 2;
-	const Component = `h${resolvedLevel}`;
-	const ref = (0, react.useRef)(null);
-	const registerHeading = useSectionStore((state) => state.registerHeading);
-	const inView = (0, framer_motion.useInView)(ref, {
-		margin: `${remToPx(-3.5)}px 0px 0px 0px`,
-		amount: "all"
-	});
-	(0, react.useEffect)(() => {
-		if (resolvedLevel === 2) registerHeading({
-			id: props.id,
-			ref,
-			offsetRem: tag || label ? 8 : 6
-		});
-	}, [
-		label,
-		props.id,
-		registerHeading,
-		resolvedLevel,
-		tag
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Eyebrow, {
-		tag,
-		label
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-		ref,
-		className: (0, clsx.default)("clarify-heading", tag || label ? "mt-2 scroll-mt-32" : "scroll-mt-24", className),
-		...props,
-		children: anchor ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Anchor, {
-			id: props.id,
-			inView,
-			children
-		}) : children
-	})] });
-}
-//#endregion
-//#region source/components/Logo.tsx
-function Logo(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 99 24",
-		"aria-hidden": "true",
-		...props,
-		className: (0, clsx.default)("clarify-logo", props.className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			className: "fill-(--clarify-theme-tokens-colors-primary)",
-			d: "M16 8a5 5 0 0 0-5-5H5a5 5 0 0 0-5 5v13.927a1 1 0 0 0 1.623.782l3.684-2.93a4 4 0 0 1 2.49-.87H11a5 5 0 0 0 5-5V8Z"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			className: "fill-(--clarify-theme-tokens-colors-foreground) dark:fill-white",
-			d: "M26.538 18h2.654v-3.999h2.576c2.672 0 4.456-1.723 4.456-4.333V9.65c0-2.61-1.784-4.333-4.456-4.333h-5.23V18Zm4.58-10.582c1.52 0 2.416.8 2.416 2.241v.018c0 1.441-.896 2.25-2.417 2.25h-1.925V7.418h1.925ZM38.051 18h2.566v-5.414c0-1.371.923-2.206 2.382-2.206.396 0 .791.061 1.178.15V8.287a3.843 3.843 0 0 0-.958-.123c-1.257 0-2.136.615-2.443 1.661h-.159V8.323h-2.566V18Zm11.55.202c2.979 0 4.772-1.88 4.772-5.036v-.018c0-3.128-1.82-5.036-4.773-5.036-2.953 0-4.772 1.916-4.772 5.036v.018c0 3.146 1.793 5.036 4.772 5.036Zm0-2.013c-1.372 0-2.145-1.116-2.145-3.023v-.018c0-1.89.782-3.023 2.144-3.023 1.354 0 2.145 1.134 2.145 3.023v.018c0 1.907-.782 3.023-2.145 3.023Zm10.52 1.846c.492 0 .967-.053 1.283-.114v-1.907a6.057 6.057 0 0 1-.755.044c-.87 0-1.24-.387-1.24-1.257v-4.544h1.995V8.323H59.41V6.012h-2.592v2.311h-1.495v1.934h1.495v5.133c0 1.88.949 2.645 3.304 2.645Zm7.287.167c2.98 0 4.772-1.88 4.772-5.036v-.018c0-3.128-1.82-5.036-4.772-5.036-2.954 0-4.773 1.916-4.773 5.036v.018c0 3.146 1.793 5.036 4.773 5.036Zm0-2.013c-1.372 0-2.145-1.116-2.145-3.023v-.018c0-1.89.782-3.023 2.145-3.023 1.353 0 2.144 1.134 2.144 3.023v.018c0 1.907-.782 3.023-2.144 3.023Zm10.767 2.013c2.522 0 4.034-1.353 4.297-3.463l.01-.053h-2.374l-.017.036c-.229.966-.853 1.467-1.908 1.467-1.37 0-2.135-1.08-2.135-3.04v-.018c0-1.934.755-3.006 2.135-3.006 1.099 0 1.74.615 1.908 1.556l.008.017h2.391v-.026c-.228-2.162-1.749-3.56-4.315-3.56-3.033 0-4.738 1.837-4.738 5.019v.017c0 3.217 1.714 5.054 4.738 5.054Zm10.257 0c2.98 0 4.772-1.88 4.772-5.036v-.018c0-3.128-1.82-5.036-4.772-5.036-2.953 0-4.773 1.916-4.773 5.036v.018c0 3.146 1.793 5.036 4.773 5.036Zm0-2.013c-1.371 0-2.145-1.116-2.145-3.023v-.018c0-1.89.782-3.023 2.145-3.023 1.353 0 2.144 1.134 2.144 3.023v.018c0 1.907-.782 3.023-2.144 3.023ZM95.025 18h2.566V4.623h-2.566V18Z"
-		})]
-	});
-}
-//#endregion
-//#region source/components/patterns.tsx
-function GridPattern(arg0) {
-	const { width, height, x, y, squares, ...props } = arg0;
-	const patternId = (0, react.useId)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		"aria-hidden": "true",
-		...props,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pattern", {
-				id: patternId,
-				width,
-				height,
-				patternUnits: "userSpaceOnUse",
-				x,
-				y,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: `M.5 ${height}V.5H${width}`,
-					fill: "none"
-				})
-			}) }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-				width: "100%",
-				height: "100%",
-				strokeWidth: 0,
-				fill: `url(#${patternId})`
-			}),
-			squares ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				x,
-				y,
-				className: "overflow-visible",
-				children: squares.map(([squareX, squareY]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
-					width: width + 1,
-					height: height + 1,
-					x: squareX * width,
-					y: squareY * height,
-					strokeWidth: "0"
-				}, `${squareX}-${squareY}`))
-			}) : null
-		]
-	});
-}
-function HeroPattern() {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "absolute inset-0 -z-10 mx-0 max-w-none overflow-hidden",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "absolute top-0 left-1/2 -ml-152 h-100 w-325 dark:mask-[linear-gradient(white,transparent)]",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "absolute inset-0 bg-[linear-gradient(to_right,var(--clarify-theme-tokens-colors-primary),var(--clarify-theme-tokens-colors-accent))] opacity-35 mask-[radial-gradient(farthest-side_at_top,white,transparent)] dark:opacity-55",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GridPattern, {
-					width: 72,
-					height: 56,
-					x: -12,
-					y: 4,
-					squares: [
-						[4, 3],
-						[2, 1],
-						[7, 3],
-						[10, 6]
-					],
-					className: "absolute inset-x-0 inset-y-[-50%] h-[200%] w-full -skew-y-18 fill-black/40 stroke-black/50 mix-blend-overlay dark:fill-white/2.5 dark:stroke-white/5"
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				viewBox: "0 0 1113 440",
-				"aria-hidden": "true",
-				className: "absolute top-0 left-1/2 -ml-76 w-278.25 fill-white blur-[26px] dark:hidden",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M.016 439.5s-9.5-300 434-300S882.516 20 882.516 20V0h230.004v439.5H.016Z" })
-			})]
-		})
-	});
-}
-//#endregion
-//#region source/components/Prose.tsx
-function Prose(arg0) {
-	const { as, className, ...props } = arg0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as ?? "div", {
-		className: (0, clsx.default)(className, "clarify-prose prose max-w-none dark:prose-invert", "[html_:where(&>*)]:w-full [html_:where(&>*)]:min-w-0 [html_:where(&>*)]:max-w-full"),
-		...props
-	});
-}
-//#endregion
 //#region source/utils/hash.ts
 function safeDecodeURIComponent(value) {
 	try {
@@ -1478,7 +739,7 @@ function SectionBadge(arg0) {
 	});
 }
 function NavLink(arg0) {
-	const { href, children, badge, icon, tags, active = false, isAnchorLink = false } = arg0;
+	const { href, children, badge, icon, active = false, isAnchorLink = false } = arg0;
 	function handleClick() {
 		if (!isAnchorLink) return;
 		const hashIndex = href.indexOf("#");
@@ -1491,13 +752,13 @@ function NavLink(arg0) {
 			});
 		});
 	}
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.CloseButton, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.CloseButton, {
 		as: react_router_dom.Link,
 		to: href,
 		"aria-current": active ? "page" : void 0,
 		onClick: handleClick,
 		className: (0, clsx.default)("clarify-navigation-link flex h-8 items-center justify-between gap-2 pr-3 transition", isAnchorLink ? "clarify-navigation-anchor-link pl-7" : "pl-4"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 			className: "flex min-w-0 flex-1 items-center gap-2",
 			children: [
 				icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationIcon, {
@@ -1510,14 +771,7 @@ function NavLink(arg0) {
 					children
 				})
 			]
-		}), tags?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "flex shrink-0 gap-1",
-			children: tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, {
-				variant: "small",
-				color: "zinc",
-				children: tag
-			}, tag))
-		}) : null]
+		})
 	});
 }
 function VisibleSectionHighlight(arg0) {
@@ -1675,26 +929,6 @@ function Navigation(arg0) {
 }
 //#endregion
 //#region source/shell/mobile.tsx
-function MenuIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 10 9",
-		fill: "none",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M.5 1h9M.5 8h9M.5 4.5h9" })
-	});
-}
-function XIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 10 9",
-		fill: "none",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "m1.5 1 7 7M8.5 1l-7 7" })
-	});
-}
 var IsInsideMobileNavigationContext = (0, react.createContext)(false);
 function hasPath$1(nodes, pathname) {
 	return nodes.some((node) => isSameRoutePath(node.path, pathname) || hasPath$1(node.children ?? [], pathname));
@@ -1722,20 +956,7 @@ function MobileTabsSelect(arg0) {
 					className: "truncate",
 					children: activeTab.title
 				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				width: "8",
-				height: "24",
-				viewBox: "0 -9 3 24",
-				"aria-hidden": "true",
-				className: "shrink-0 overflow-visible text-(--clarify-theme-tokens-colors-muted) transition-transform group-aria-expanded:rotate-180",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M0 0L3 3L0 6",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.5",
-					strokeLinecap: "round"
-				})
-			})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition-transform group-aria-expanded:rotate-180" })]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
 			className: "clarify-mobile-tabs-select-list clarify-ui-menu mt-2 flex flex-col gap-1 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg shadow-zinc-900/5 focus:outline-none dark:border-white/10 dark:bg-zinc-900 dark:shadow-none",
 			children: tabs.map((tab) => {
@@ -1754,19 +975,7 @@ function MobileTabsSelect(arg0) {
 							className: "min-w-0 whitespace-normal wrap-anywhere font-medium leading-5",
 							children: tab.title
 						})]
-					}), active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-						viewBox: "0 0 20 20",
-						fill: "none",
-						"aria-hidden": "true",
-						className: "mt-0.5 h-4 w-4 shrink-0",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-							d: "m5 10 3 3 7-7",
-							stroke: "currentColor",
-							strokeWidth: "1.8",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					}) : null]
+					}), active ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "mt-0.5 h-4 w-4 shrink-0" }) : null]
 				}) }, `${tab.title}-${tab.path}`);
 			})
 		})]
@@ -1792,7 +1001,7 @@ function MobileNavigationDialog(arg0) {
 			className: "data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
 		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TransitionChild, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
 			layoutScroll: true,
-			className: "clarify-mobile-navigation-panel fixed top-14 bottom-0 left-0 w-full overflow-y-auto bg-(--clarify-theme-tokens-colors-background) px-4 pt-6 pb-4 shadow-lg ring-1 shadow-zinc-900/10 ring-(--clarify-theme-tokens-colors-border) duration-500 ease-in-out data-closed:-translate-x-full min-[416px]:max-w-sm sm:px-6 sm:pb-10 dark:bg-zinc-950 dark:ring-zinc-800",
+			className: "clarify-mobile-navigation-panel fixed top-14 bottom-0 left-0 w-full max-w-sm overflow-y-auto bg-(--clarify-theme-tokens-colors-background) px-4 pt-6 pb-4 shadow-lg ring-1 shadow-zinc-900/10 ring-(--clarify-theme-tokens-colors-border) duration-500 ease-in-out data-closed:-translate-x-full sm:px-6 sm:pb-10 dark:bg-zinc-950 dark:ring-zinc-800",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileTabsSelect, { tabs }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Navigation, { navigation })]
 		}) })] })]
 	});
@@ -1811,7 +1020,7 @@ function MobileNavigation(arg0) {
 	const isInsideMobileNavigation = useIsInsideMobileNavigation();
 	const { isOpen, toggle, close } = useMobileNavigationStore();
 	const t = useBuiltInText();
-	const ToggleIcon = isOpen ? XIcon : MenuIcon;
+	const ToggleIcon = isOpen ? lucide_react.X : lucide_react.Menu;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IsInsideMobileNavigationContext.Provider, {
 		value: true,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -1819,7 +1028,7 @@ function MobileNavigation(arg0) {
 			className: "clarify-mobile-navigation-button clarify-ui-icon-button relative flex size-6 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition",
 			"aria-label": t("navigation.toggle"),
 			onClick: toggle,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleIcon, { className: "w-2.5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleIcon, { className: "h-4 w-4 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
 		}), !isInsideMobileNavigation ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileNavigationDialog, {
@@ -1837,32 +1046,6 @@ function MobileNavigation(arg0) {
 }
 //#endregion
 //#region source/shell/Search.tsx
-function SearchIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			d: "M12.01 12a4.25 4.25 0 1 0-6.02-6 4.25 4.25 0 0 0 6.02 6Zm0 0 3.24 3.25"
-		})
-	});
-}
-function NoResultsIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			d: "M12.01 12a4.237 4.237 0 0 0 1.24-3c0-.62-.132-1.207-.37-1.738M12.01 12A4.237 4.237 0 0 1 9 13.25c-.635 0-1.237-.14-1.777-.388M12.01 12l3.24 3.25m-3.715-9.661a4.25 4.25 0 0 0-5.975 5.908M4.5 15.5l11-11"
-		})
-	});
-}
 function routeGroupTitles(navigation) {
 	const titles = /* @__PURE__ */ new Map();
 	for (const node of navigation) if (node.children?.length) for (const child of node.children) titles.set(child.path, node.title);
@@ -1945,7 +1128,7 @@ var SearchInput = (0, react.forwardRef)(function SearchInput(arg0, inputRef) {
 	const t = useBuiltInText();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "clarify-search-input group relative flex h-12",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, { className: "pointer-events-none absolute top-0 left-3 h-full w-5 stroke-(--clarify-theme-tokens-colors-muted)" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "pointer-events-none absolute top-0 left-3 h-full w-5 stroke-(--clarify-theme-tokens-colors-muted)" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 			ref: inputRef,
 			"data-autofocus": true,
 			role: "combobox",
@@ -2022,7 +1205,7 @@ function SearchDialog(arg0) {
 			transition: true,
 			className: "clarify-search-backdrop clarify-ui-backdrop fixed inset-0 backdrop-blur-xs data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "fixed inset-0 overflow-y-auto px-4 py-4 sm:px-6 sm:py-20 md:py-32 lg:px-8 lg:py-[15vh]",
+			className: "fixed inset-0 overflow-y-auto px-4 py-4 sm:px-6 sm:py-20 md:py-32 lg:px-8 lg:py-(--clarify-search-dialog-padding-block-lg)",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.DialogPanel, {
 				transition: true,
 				className: "clarify-search-panel mx-auto transform-gpu overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) shadow-xl ring-1 ring-(--clarify-theme-tokens-colors-border) data-closed:scale-95 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:max-w-xl dark:bg-zinc-900 dark:ring-zinc-800",
@@ -2046,7 +1229,7 @@ function SearchDialog(arg0) {
 					className: "border-t border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) empty:hidden dark:border-zinc-100/5 dark:bg-white/2.5",
 					children: [query && results.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "p-6 text-center",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NoResultsIcon, { className: "mx-auto h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-zinc-600" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.SearchX, { className: "mx-auto h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-zinc-600" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: "mt-2 text-xs text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-400",
 							children: t("search.noResults", { query })
 						})]
@@ -2092,13 +1275,13 @@ function Search(arg0) {
 	const modifierKey = getModifierKey();
 	const { buttonProps, dialogProps } = useSearchProps();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "clarify-search hidden w-80 max-w-[36vw] lg:block",
+		className: "clarify-search hidden w-80 max-w-(--clarify-search-max-width) lg:block",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
 			className: "clarify-search-button hidden h-9 w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) pr-3 pl-2.5 font-medium ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-theme-tokens-colors-background) lg:flex dark:bg-white/5 dark:ring-white/10 dark:ring-inset dark:hover:bg-white/10",
 			...buttonProps,
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, { className: "h-5 w-5 stroke-current" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-5 w-5 stroke-current" }),
 				t("search.button"),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("kbd", {
 					className: "clarify-search-shortcut ml-auto rounded-(--clarify-theme-tokens-radius-sm) bg-(--clarify-theme-tokens-colors-background) px-1.5 py-0.5 ring-1 ring-(--clarify-theme-tokens-colors-border) dark:bg-white/5 dark:ring-white/10",
@@ -2133,7 +1316,7 @@ function MobileSearch(arg0) {
 			className: "clarify-mobile-search-button clarify-ui-control relative flex size-6 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition lg:hidden",
 			"aria-label": t("search.placeholder"),
 			...buttonProps,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchDialog, {
@@ -2186,15 +1369,6 @@ function localizedRoutePath(config, locale, route) {
 	if (route?.alternates) return void 0;
 	return localizeHref(route?.basePath ?? route?.path ?? "/", config, locale);
 }
-function LanguageIcon(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M2.5 10h15M10 2.5c2 2.05 3 4.55 3 7.5s-1 5.45-3 7.5c-2-2.05-3-4.55-3-7.5s1-5.45 3-7.5Z" })]
-	});
-}
 function LanguageSwitcher(arg0) {
 	const { config, currentLocale, currentRoute } = arg0;
 	const t = useBuiltInText();
@@ -2212,7 +1386,7 @@ function LanguageSwitcher(arg0) {
 			"aria-label": t("language.switch"),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-12 pointer-fine:hidden" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageIcon, { className: "h-5 w-5 stroke-current" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Globe2, { className: "h-5 w-5 stroke-current" }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "hidden sm:inline",
 					children: selectedLocaleConfig?.label ?? selectedLocale
@@ -2424,30 +1598,6 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 	});
 });
 //#endregion
-Object.defineProperty(exports, "Button", {
-	enumerable: true,
-	get: function() {
-		return Button;
-	}
-});
-Object.defineProperty(exports, "Callout", {
-	enumerable: true,
-	get: function() {
-		return Callout;
-	}
-});
-Object.defineProperty(exports, "Card", {
-	enumerable: true,
-	get: function() {
-		return Card;
-	}
-});
-Object.defineProperty(exports, "CardGroup", {
-	enumerable: true,
-	get: function() {
-		return CardGroup;
-	}
-});
 Object.defineProperty(exports, "ClarifyConfigContext", {
 	enumerable: true,
 	get: function() {
@@ -2460,66 +1610,18 @@ Object.defineProperty(exports, "ClarifyLocaleContext", {
 		return ClarifyLocaleContext;
 	}
 });
-Object.defineProperty(exports, "Code", {
-	enumerable: true,
-	get: function() {
-		return Code;
-	}
-});
-Object.defineProperty(exports, "CodeGroup", {
-	enumerable: true,
-	get: function() {
-		return CodeGroup;
-	}
-});
-Object.defineProperty(exports, "Collapse", {
-	enumerable: true,
-	get: function() {
-		return Collapse;
-	}
-});
 Object.defineProperty(exports, "ContentActions", {
 	enumerable: true,
 	get: function() {
 		return ContentActions;
 	}
 });
-Object.defineProperty(exports, "Feedback", {
-	enumerable: true,
-	get: function() {
-		return Feedback;
-	}
-});
-Object.defineProperty(exports, "GridPattern", {
-	enumerable: true,
-	get: function() {
-		return GridPattern;
-	}
-});
 Object.defineProperty(exports, "Header", {
 	enumerable: true,
 	get: function() {
 		return Header;
 	}
 });
-Object.defineProperty(exports, "Heading", {
-	enumerable: true,
-	get: function() {
-		return Heading;
-	}
-});
-Object.defineProperty(exports, "HeroPattern", {
-	enumerable: true,
-	get: function() {
-		return HeroPattern;
-	}
-});
-Object.defineProperty(exports, "Logo", {
-	enumerable: true,
-	get: function() {
-		return Logo;
-	}
-});
 Object.defineProperty(exports, "Navigation", {
 	enumerable: true,
 	get: function() {
@@ -2532,30 +1634,12 @@ Object.defineProperty(exports, "OpenApisContext", {
 		return OpenApisContext;
 	}
 });
-Object.defineProperty(exports, "Pre", {
-	enumerable: true,
-	get: function() {
-		return Pre;
-	}
-});
-Object.defineProperty(exports, "Prose", {
-	enumerable: true,
-	get: function() {
-		return Prose;
-	}
-});
 Object.defineProperty(exports, "SectionProvider", {
 	enumerable: true,
 	get: function() {
 		return SectionProvider;
 	}
 });
-Object.defineProperty(exports, "Tag", {
-	enumerable: true,
-	get: function() {
-		return Tag;
-	}
-});
 Object.defineProperty(exports, "ThemeProvider", {
 	enumerable: true,
 	get: function() {
@@ -2592,6 +1676,12 @@ Object.defineProperty(exports, "localizeHref", {
 		return localizeHref;
 	}
 });
+Object.defineProperty(exports, "lucideIconRegistry", {
+	enumerable: true,
+	get: function() {
+		return lucideIconRegistry;
+	}
+});
 Object.defineProperty(exports, "normalizeRoutePath", {
 	enumerable: true,
 	get: function() {
@@ -2610,6 +1700,12 @@ Object.defineProperty(exports, "remToPx", {
 		return remToPx;
 	}
 });
+Object.defineProperty(exports, "resolveLucideIconName", {
+	enumerable: true,
+	get: function() {
+		return resolveLucideIconName;
+	}
+});
 Object.defineProperty(exports, "safeDecodeURIComponent", {
 	enumerable: true,
 	get: function() {
@@ -2647,4 +1743,4 @@ Object.defineProperty(exports, "useTheme", {
 	}
 });
 
-//# sourceMappingURL=shell-_MyLsMUI.cjs.map
+//# sourceMappingURL=shell-D4tS8Jts.cjs.map