@clarify-labs/renderer 0.6.3 → 0.6.5

package/output/{shell-BlMMdTpZ.js → shell-DvTfFx6M.js}

@@ -1,11 +1,11 @@
 import clsx from "clsx";
-import { Children, Fragment, Suspense, createContext, forwardRef, isValidElement, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment, Suspense, createContext, forwardRef, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
-import { CloseButton, Dialog, DialogBackdrop, DialogPanel, Menu, MenuButton, MenuItem, MenuItems, Tab, TabGroup, TabList, TabPanel, TabPanels, Transition, TransitionChild } from "@headlessui/react";
+import { CloseButton, Dialog, DialogBackdrop, DialogPanel, Menu, MenuButton, MenuItem, MenuItems, TransitionChild } from "@headlessui/react";
 import * as LucideIcons from "lucide-react";
-import { AlertTriangle, Check, CheckCircle2, ChevronDown, Copy, ExternalLink, FileText, Info, Lightbulb, Link2, MoreHorizontal, XCircle } from "lucide-react";
+import { Check, ChevronDown, Copy, ExternalLink, FileText, Globe2, Link2, Menu as Menu$1, Moon, MoreHorizontal, PencilLine, Search, SearchX, Sun, X } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion, useInView, useIsPresent, useScroll, useTransform } from "framer-motion";
+import { AnimatePresence, motion, useIsPresent, useScroll, useTransform } from "framer-motion";
 import { create, createStore, useStore } from "zustand";
 //#region source/core/context.tsx
 var ClarifyConfigContext = createContext(null);
@@ -41,6 +41,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",
@@ -60,6 +62,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",
@@ -93,6 +99,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"
@@ -116,6 +132,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": "已复制链接",
@@ -135,6 +153,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": "收起",
@@ -168,6 +190,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": "切换语言"
@@ -248,8 +280,8 @@ function ContentActions(arg0) {
 	const { hasTabs = false, route, routePrefix } = arg0;
 	const t = useBuiltInText();
 	const [copied, setCopied] = 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");
@@ -259,16 +291,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),
@@ -282,7 +316,7 @@ function ContentActions(arg0) {
 		icon: Link2,
 		run: handleCopyLink,
 		copiedLabel: t("contentActions.copiedLink")
-	}];
+	}] : [];
 	const llmsAction = {
 		key: "llms",
 		label: t("contentActions.copyLlms"),
@@ -292,28 +326,57 @@ function ContentActions(arg0) {
 		copiedLabel: t("contentActions.copiedLlms")
 	};
 	const primaryAction = actions[0];
-	const PrimaryIcon = copied === primaryAction.key ? Check : primaryAction.icon;
+	const PrimaryIcon = primaryAction && copied === primaryAction.key ? Check : primaryAction?.icon ?? PencilLine;
 	return /* @__PURE__ */ jsx("div", {
 		className: `clarify-content-actions sticky z-20 flex justify-end py-4 ${hasTabs ? "top-16 lg:top-30" : "top-16"}`,
 		children: /* @__PURE__ */ jsxs(Menu, {
 			as: "div",
 			className: "clarify-content-actions-menu relative inline-flex text-sm font-medium",
 			children: [/* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(PrimaryIcon, { className: "h-3.5 w-3.5" }), copied === primaryAction.key ? t("actions.copied") : primaryAction.label]
+				}) : /* @__PURE__ */ 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__ */ jsx(PrimaryIcon, { className: "h-3.5 w-3.5" }), t("contentActions.editPage")]
 				}), /* @__PURE__ */ jsx(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__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" })
 				})]
 			}), /* @__PURE__ */ jsxs(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__ */ jsx(MenuItem, { children: /* @__PURE__ */ 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__ */ 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__ */ jsx(PencilLine, { className: "h-4 w-4" })
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "flex min-w-0 flex-1 flex-col px-1",
+								children: [/* @__PURE__ */ jsxs("span", {
+									className: "clarify-ui-menu-title flex items-center gap-1",
+									children: [t("contentActions.editPage"), /* @__PURE__ */ jsx(ExternalLink, { className: "clarify-ui-menu-icon h-3 w-3" })]
+								}), /* @__PURE__ */ jsx("span", {
+									className: "clarify-ui-menu-description truncate",
+									children: t("contentActions.editPageDescription")
+								})]
+							}),
+							/* @__PURE__ */ jsx(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;
@@ -323,7 +386,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__ */ 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__ */ jsx(Icon, { className: "h-4 w-4" })
 								}),
 								/* @__PURE__ */ jsxs("span", {
@@ -340,14 +403,14 @@ function ContentActions(arg0) {
 							]
 						}) }, action.key);
 					}),
-					/* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs("a", {
+					contentArtifactUrl ? /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ 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__ */ 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__ */ jsx(FileText, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ jsxs("span", {
@@ -362,7 +425,7 @@ function ContentActions(arg0) {
 							}),
 							/* @__PURE__ */ jsx(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;
@@ -372,7 +435,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__ */ 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__ */ jsx(Icon, { className: "h-4 w-4" })
 								}),
 								/* @__PURE__ */ jsxs("span", {
@@ -395,7 +458,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__ */ 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__ */ jsx(FileText, { className: "h-4 w-4" })
 							}),
 							/* @__PURE__ */ jsxs("span", {
@@ -444,8 +507,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] = useState(() => getStoredTheme());
 	const [systemTheme, setSystemTheme] = useState(() => getSystemTheme());
 	const resolvedTheme = theme === "system" ? systemTheme : theme;
@@ -482,40 +545,19 @@ function useTheme() {
 }
 //#endregion
 //#region source/theme/ThemeToggle.tsx
-function SunIcon(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ jsx("path", { d: "M12.5 10a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z" }), /* @__PURE__ */ 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__ */ jsx("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }),
-			/* @__PURE__ */ jsx(SunIcon, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:hidden" }),
-			/* @__PURE__ */ jsx(MoonIcon, { className: "hidden h-5 w-5 stroke-white dark:block" })
+			/* @__PURE__ */ jsx(Sun, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:hidden" }),
+			/* @__PURE__ */ jsx(Moon, { className: "hidden h-5 w-5 stroke-white dark:block" })
 		]
 	});
 }
@@ -646,787 +688,6 @@ function useSectionStore(selector) {
 	return useStore(store, selector);
 }
 //#endregion
-//#region source/components/Button.tsx
-function ArrowIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ 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 = clsx("clarify-button inline-flex justify-center gap-0.5 overflow-hidden text-sm font-medium transition", buttonVariantStyles[variant], className);
-	const arrowIcon = /* @__PURE__ */ jsx(ArrowIcon, { className: clsx("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__ */ jsxs(Fragment$1, { children: [
-		arrow === "left" ? arrowIcon : null,
-		children,
-		arrow === "right" ? arrowIcon : null
-	] });
-	if (typeof props.href === "undefined") return /* @__PURE__ */ jsx("button", {
-		className: classes,
-		...props,
-		children: inner
-	});
-	return /* @__PURE__ */ 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: 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: 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: 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: 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: 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: 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__ */ jsxs("div", {
-		className: clsx("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__ */ jsx(Icon, {
-			className: clsx("mt-1 size-4 flex-none", style.icon),
-			"aria-hidden": "true"
-		}) : null, /* @__PURE__ */ jsxs("div", {
-			className: "min-w-0 flex-1 *:first:mt-0 *:last:mb-0",
-			children: [resolvedTitle ? /* @__PURE__ */ jsx("p", {
-				className: clsx("mb-1 font-semibold", style.title),
-				children: resolvedTitle
-			}) : null, /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", {
-		className: clsx("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__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-start gap-4",
-		children: [/* @__PURE__ */ jsx(CardIcon, { name: icon }), /* @__PURE__ */ jsxs("div", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ jsx("h3", {
-				className: "m-0 text-base font-semibold text-(--clarify-theme-tokens-colors-foreground) dark:text-white",
-				children: title
-			}), children ? /* @__PURE__ */ jsx("div", {
-				className: "mt-2 text-sm/6 text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-400 *:m-0",
-				children
-			}) : null]
-		})]
-	}), href ? /* @__PURE__ */ jsx("span", {
-		className: "absolute inset-0 rounded-(--clarify-theme-tokens-radius-xl)",
-		"aria-hidden": "true"
-	}) : null] });
-	const classes = clsx("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__ */ jsx("div", {
-		className: classes,
-		children: content
-	});
-	if (href.startsWith("/") && !href.startsWith("//")) return /* @__PURE__ */ jsx(Link, {
-		to: href,
-		className: classes,
-		...props,
-		children: content
-	});
-	return /* @__PURE__ */ 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 (isValidElement(node)) return getNodeText(node.props.children);
-	return "";
-}
-function ClipboardIcon$1(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 20 20",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ 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__ */ 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] = useState(0);
-	const copied = copyCount > 0;
-	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__ */ jsxs("button", {
-		type: "button",
-		className: clsx("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__ */ jsxs("span", {
-			"aria-hidden": copied,
-			className: clsx("pointer-events-none flex items-center gap-0.5 text-zinc-400 transition duration-300", copied && "-translate-y-1.5 opacity-0"),
-			children: [/* @__PURE__ */ jsx(ClipboardIcon$1, { className: "h-5 w-5 fill-zinc-500/20 stroke-zinc-500 transition-colors group-hover/button:stroke-zinc-400" }), t("actions.copy")]
-		}), /* @__PURE__ */ jsx("span", {
-			"aria-hidden": !copied,
-			className: clsx("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__ */ 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__ */ jsx("span", {
-				className: "clarify-code-panel-tag font-semibold text-(--clarify-theme-tokens-colors-primary)",
-				children: tag
-			}) : null,
-			tag && label ? /* @__PURE__ */ jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-zinc-500" }) : null,
-			label ? /* @__PURE__ */ jsx("span", {
-				className: "text-xs text-zinc-400",
-				children: label
-			}) : null
-		]
-	});
-}
-function CodePanel(arg0) {
-	const { children } = arg0;
-	let { tag, label, code } = arg0;
-	const child = Children.only(children);
-	if (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__ */ jsxs("div", {
-		className: "clarify-code-panel group dark:bg-white/2.5",
-		children: [/* @__PURE__ */ jsx(CodePanelHeader, {
-			tag,
-			label
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ jsx("pre", {
-				className: "clarify-code-pre overflow-x-auto p-4 text-xs text-white",
-				children
-			}), /* @__PURE__ */ jsx(CopyButton, { code: copyText })]
-		})]
-	});
-}
-function CodeGroupHeader(arg0) {
-	const { title, children, selectedIndex } = arg0;
-	const t = useBuiltInText();
-	const hasTabs = Children.count(children) > 1;
-	if (!title && !hasTabs) return null;
-	return /* @__PURE__ */ 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__ */ jsx("h3", {
-			className: "mr-auto pt-3 text-xs font-semibold text-white",
-			children: title
-		}) : null, hasTabs ? /* @__PURE__ */ jsx(TabList, {
-			className: "clarify-code-tabs -mb-px flex gap-4 text-xs font-medium",
-			children: Children.map(children, (child, childIndex) => /* @__PURE__ */ jsx(Tab, {
-				className: clsx("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({
-					...isValidElement(child) ? child.props : {},
-					fallbackTitle: t("actions.code")
-				})
-			}))
-		}) : null]
-	});
-}
-function CodeGroupPanels(arg0) {
-	const { children, ...props } = arg0;
-	if (Children.count(children) > 1) return /* @__PURE__ */ jsx(TabPanels, { children: Children.map(children, (child) => /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(CodePanel, {
-		...props,
-		children: child
-	}) })) });
-	return /* @__PURE__ */ jsx(CodePanel, {
-		...props,
-		children
-	});
-}
-function usePreventLayoutShift() {
-	const positionRef = useRef(null);
-	const rafRef = useRef(void 0);
-	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 = 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] = 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 = createContext(false);
-function CodeGroup(arg0) {
-	const { children, title, ...props } = arg0;
-	const t = useBuiltInText();
-	const tabGroupProps = useTabGroupProps(Children.map(children, (child) => getPanelTitle({
-		...isValidElement(child) ? child.props : {},
-		fallbackTitle: t("actions.code")
-	})) ?? []);
-	const hasTabs = 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__ */ jsx(CodeGroupHeader, {
-		title,
-		selectedIndex: tabGroupProps.selectedIndex,
-		children
-	});
-	const panels = /* @__PURE__ */ jsx(CodeGroupPanels, {
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx(CodeGroupContext.Provider, {
-		value: true,
-		children: hasTabs ? /* @__PURE__ */ jsx(TabGroup, {
-			...tabGroupProps,
-			className: containerClassName,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "not-prose",
-				children: [header, panels]
-			})
-		}) : /* @__PURE__ */ jsx("div", {
-			className: containerClassName,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "not-prose",
-				children: [header, panels]
-			})
-		})
-	});
-}
-function Code(arg0) {
-	const { children, ...props } = arg0;
-	if (useContext(CodeGroupContext) && typeof children === "string") return /* @__PURE__ */ jsx("code", {
-		...props,
-		dangerouslySetInnerHTML: { __html: children }
-	});
-	return /* @__PURE__ */ jsx("code", {
-		...props,
-		children
-	});
-}
-function Pre(arg0) {
-	const { children, ...props } = arg0;
-	if (useContext(CodeGroupContext)) return children;
-	return /* @__PURE__ */ 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] = useState(defaultOpen);
-	const contentRef = useRef(null);
-	const [maxHeight, setMaxHeight] = useState("0px");
-	const summaryLabel = title ?? summary ?? "Details";
-	const contentId = useId();
-	useLayoutEffect(() => {
-		if (!contentRef.current) return;
-		setMaxHeight(open ? `${contentRef.current.scrollHeight}px` : "0px");
-	}, [open, children]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("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__ */ 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__ */ jsx("span", { children: summaryLabel }), /* @__PURE__ */ jsx(ChevronDown, {
-				className: clsx("h-4 w-4 text-(--clarify-theme-tokens-colors-muted) transition-transform duration-200", open && "rotate-180"),
-				"aria-hidden": "true"
-			})]
-		}), /* @__PURE__ */ 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__ */ jsx("div", {
-				ref: contentRef,
-				className: clsx("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$1(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 20 20",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ jsx("circle", {
-			cx: "10",
-			cy: "10",
-			r: "10",
-			strokeWidth: "0"
-		}), /* @__PURE__ */ 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__ */ 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 = forwardRef(function FeedbackForm(arg0, ref) {
-	const { onSubmit, className, ...props } = arg0;
-	const t = useBuiltInText();
-	return /* @__PURE__ */ jsxs("form", {
-		...props,
-		ref,
-		onSubmit,
-		className: clsx(className, "clarify-feedback-form absolute inset-0 flex items-center justify-center gap-6 md:justify-start"),
-		children: [/* @__PURE__ */ jsx("p", {
-			className: "text-sm text-zinc-600 dark:text-zinc-400",
-			children: t("feedback.prompt")
-		}), /* @__PURE__ */ 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__ */ jsx(FeedbackButton, {
-					"data-response": "yes",
-					children: t("feedback.yes")
-				}),
-				/* @__PURE__ */ jsx("div", { className: "bg-zinc-900/10 dark:bg-white/10" }),
-				/* @__PURE__ */ jsx(FeedbackButton, {
-					"data-response": "no",
-					children: t("feedback.no")
-				})
-			]
-		})]
-	});
-});
-var FeedbackThanks = forwardRef(function FeedbackThanks(arg0, ref) {
-	const { className, ...props } = arg0;
-	const t = useBuiltInText();
-	return /* @__PURE__ */ jsx("div", {
-		...props,
-		ref,
-		className: clsx(className, "clarify-feedback-thanks absolute inset-0 flex justify-center md:justify-start"),
-		children: /* @__PURE__ */ 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__ */ jsx(CheckIcon$1, { 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] = useState(false);
-	function onSubmit(event) {
-		event.preventDefault();
-		setSubmitted(true);
-	}
-	return /* @__PURE__ */ jsxs("div", {
-		className: "clarify-feedback relative h-8",
-		children: [/* @__PURE__ */ jsx(Transition, {
-			show: !submitted,
-			children: /* @__PURE__ */ jsx(FeedbackForm, {
-				className: "duration-300 data-closed:opacity-0 data-leave:pointer-events-none",
-				onSubmit
-			})
-		}), /* @__PURE__ */ jsx(Transition, {
-			show: submitted,
-			children: /* @__PURE__ */ 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__ */ jsx("span", {
-		className: clsx("clarify-tag font-bold", tagVariantStyles[variant], tagColorStyles[resolvedColor][variant]),
-		children
-	});
-}
-//#endregion
-//#region source/components/Heading.tsx
-function AnchorIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ 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__ */ jsxs("div", {
-		className: "flex items-center gap-x-3",
-		children: [
-			tag ? /* @__PURE__ */ jsx(Tag, { children: tag }) : null,
-			tag && label ? /* @__PURE__ */ jsx("span", { className: "h-0.5 w-0.5 rounded-full bg-zinc-300 dark:bg-zinc-600" }) : null,
-			label ? /* @__PURE__ */ jsx("span", {
-				className: "text-xs text-zinc-400",
-				children: label
-			}) : null
-		]
-	});
-}
-function Anchor(arg0) {
-	const { id, inView, children } = arg0;
-	return /* @__PURE__ */ jsxs("a", {
-		href: `#${id}`,
-		className: "clarify-anchor group text-inherit no-underline hover:text-inherit",
-		children: [inView ? /* @__PURE__ */ 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__ */ 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__ */ 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 = useRef(null);
-	const registerHeading = useSectionStore((state) => state.registerHeading);
-	const inView = useInView(ref, {
-		margin: `${remToPx(-3.5)}px 0px 0px 0px`,
-		amount: "all"
-	});
-	useEffect(() => {
-		if (resolvedLevel === 2) registerHeading({
-			id: props.id,
-			ref,
-			offsetRem: tag || label ? 8 : 6
-		});
-	}, [
-		label,
-		props.id,
-		registerHeading,
-		resolvedLevel,
-		tag
-	]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Eyebrow, {
-		tag,
-		label
-	}), /* @__PURE__ */ jsx(Component, {
-		ref,
-		className: clsx("clarify-heading", tag || label ? "mt-2 scroll-mt-32" : "scroll-mt-24", className),
-		...props,
-		children: anchor ? /* @__PURE__ */ jsx(Anchor, {
-			id: props.id,
-			inView,
-			children
-		}) : children
-	})] });
-}
-//#endregion
-//#region source/components/Logo.tsx
-function Logo(props) {
-	return /* @__PURE__ */ jsxs("svg", {
-		viewBox: "0 0 99 24",
-		"aria-hidden": "true",
-		...props,
-		className: clsx("clarify-logo", props.className),
-		children: [/* @__PURE__ */ 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__ */ 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 = useId();
-	return /* @__PURE__ */ jsxs("svg", {
-		"aria-hidden": "true",
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", {
-				id: patternId,
-				width,
-				height,
-				patternUnits: "userSpaceOnUse",
-				x,
-				y,
-				children: /* @__PURE__ */ jsx("path", {
-					d: `M.5 ${height}V.5H${width}`,
-					fill: "none"
-				})
-			}) }),
-			/* @__PURE__ */ jsx("rect", {
-				width: "100%",
-				height: "100%",
-				strokeWidth: 0,
-				fill: `url(#${patternId})`
-			}),
-			squares ? /* @__PURE__ */ jsx("svg", {
-				x,
-				y,
-				className: "overflow-visible",
-				children: squares.map(([squareX, squareY]) => /* @__PURE__ */ jsx("rect", {
-					width: width + 1,
-					height: height + 1,
-					x: squareX * width,
-					y: squareY * height,
-					strokeWidth: "0"
-				}, `${squareX}-${squareY}`))
-			}) : null
-		]
-	});
-}
-function HeroPattern() {
-	return /* @__PURE__ */ jsx("div", {
-		className: "absolute inset-0 -z-10 mx-0 max-w-none overflow-hidden",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "absolute top-0 left-1/2 -ml-152 h-100 w-325 dark:mask-[linear-gradient(white,transparent)]",
-			children: [/* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(as ?? "div", {
-		className: clsx(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 {
@@ -1476,7 +737,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("#");
@@ -1489,13 +750,13 @@ function NavLink(arg0) {
 			});
 		});
 	}
-	return /* @__PURE__ */ jsxs(CloseButton, {
+	return /* @__PURE__ */ jsx(CloseButton, {
 		as: Link,
 		to: href,
 		"aria-current": active ? "page" : void 0,
 		onClick: handleClick,
 		className: clsx("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__ */ jsxs("span", {
+		children: /* @__PURE__ */ jsxs("span", {
 			className: "flex min-w-0 flex-1 items-center gap-2",
 			children: [
 				icon ? /* @__PURE__ */ jsx(NavigationIcon, {
@@ -1508,14 +769,7 @@ function NavLink(arg0) {
 					children
 				})
 			]
-		}), tags?.length ? /* @__PURE__ */ jsx("span", {
-			className: "flex shrink-0 gap-1",
-			children: tags.map((tag) => /* @__PURE__ */ jsx(Tag, {
-				variant: "small",
-				color: "zinc",
-				children: tag
-			}, tag))
-		}) : null]
+		})
 	});
 }
 function VisibleSectionHighlight(arg0) {
@@ -1673,26 +927,6 @@ function Navigation(arg0) {
 }
 //#endregion
 //#region source/shell/mobile.tsx
-function MenuIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 10 9",
-		fill: "none",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "M.5 1h9M.5 8h9M.5 4.5h9" })
-	});
-}
-function XIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 10 9",
-		fill: "none",
-		strokeLinecap: "round",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ jsx("path", { d: "m1.5 1 7 7M8.5 1l-7 7" })
-	});
-}
 var IsInsideMobileNavigationContext = createContext(false);
 function hasPath$1(nodes, pathname) {
 	return nodes.some((node) => isSameRoutePath(node.path, pathname) || hasPath$1(node.children ?? [], pathname));
@@ -1720,20 +954,7 @@ function MobileTabsSelect(arg0) {
 					className: "truncate",
 					children: activeTab.title
 				})]
-			}), /* @__PURE__ */ 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__ */ jsx("path", {
-					d: "M0 0L3 3L0 6",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.5",
-					strokeLinecap: "round"
-				})
-			})]
+			}), /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition-transform group-aria-expanded:rotate-180" })]
 		}), /* @__PURE__ */ jsx(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) => {
@@ -1752,19 +973,7 @@ function MobileTabsSelect(arg0) {
 							className: "min-w-0 whitespace-normal wrap-anywhere font-medium leading-5",
 							children: tab.title
 						})]
-					}), active ? /* @__PURE__ */ jsx("svg", {
-						viewBox: "0 0 20 20",
-						fill: "none",
-						"aria-hidden": "true",
-						className: "mt-0.5 h-4 w-4 shrink-0",
-						children: /* @__PURE__ */ jsx("path", {
-							d: "m5 10 3 3 7-7",
-							stroke: "currentColor",
-							strokeWidth: "1.8",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					}) : null]
+					}), active ? /* @__PURE__ */ jsx(Check, { className: "mt-0.5 h-4 w-4 shrink-0" }) : null]
 				}) }, `${tab.title}-${tab.path}`);
 			})
 		})]
@@ -1790,7 +999,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__ */ jsx(TransitionChild, { children: /* @__PURE__ */ jsxs(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__ */ jsx(MobileTabsSelect, { tabs }), /* @__PURE__ */ jsx(Navigation, { navigation })]
 		}) })] })]
 	});
@@ -1809,7 +1018,7 @@ function MobileNavigation(arg0) {
 	const isInsideMobileNavigation = useIsInsideMobileNavigation();
 	const { isOpen, toggle, close } = useMobileNavigationStore();
 	const t = useBuiltInText();
-	const ToggleIcon = isOpen ? XIcon : MenuIcon;
+	const ToggleIcon = isOpen ? X : Menu$1;
 	return /* @__PURE__ */ jsxs(IsInsideMobileNavigationContext.Provider, {
 		value: true,
 		children: [/* @__PURE__ */ jsxs("button", {
@@ -1817,7 +1026,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__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ jsx(ToggleIcon, { className: "w-2.5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ jsx(ToggleIcon, { className: "h-4 w-4 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
 		}), !isInsideMobileNavigation ? /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(MobileNavigationDialog, {
@@ -1835,32 +1044,6 @@ function MobileNavigation(arg0) {
 }
 //#endregion
 //#region source/shell/Search.tsx
-function SearchIcon(props) {
-	return /* @__PURE__ */ jsx("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ 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__ */ jsx("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: /* @__PURE__ */ 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);
@@ -1943,7 +1126,7 @@ var SearchInput = forwardRef(function SearchInput(arg0, inputRef) {
 	const t = useBuiltInText();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "clarify-search-input group relative flex h-12",
-		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "pointer-events-none absolute top-0 left-3 h-full w-5 stroke-(--clarify-theme-tokens-colors-muted)" }), /* @__PURE__ */ jsx("input", {
+		children: [/* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute top-0 left-3 h-full w-5 stroke-(--clarify-theme-tokens-colors-muted)" }), /* @__PURE__ */ jsx("input", {
 			ref: inputRef,
 			"data-autofocus": true,
 			role: "combobox",
@@ -2020,7 +1203,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__ */ 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__ */ jsxs(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",
@@ -2044,7 +1227,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__ */ jsxs("div", {
 						className: "p-6 text-center",
-						children: [/* @__PURE__ */ jsx(NoResultsIcon, { className: "mx-auto h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-zinc-600" }), /* @__PURE__ */ jsx("p", {
+						children: [/* @__PURE__ */ jsx(SearchX, { className: "mx-auto h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-zinc-600" }), /* @__PURE__ */ jsx("p", {
 							className: "mt-2 text-xs text-(--clarify-theme-tokens-colors-muted) dark:text-zinc-400",
 							children: t("search.noResults", { query })
 						})]
@@ -2084,19 +1267,19 @@ function getModifierKey() {
 	if (typeof navigator === "undefined") return "Ctrl ";
 	return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl ";
 }
-function Search(arg0) {
+function Search$1(arg0) {
 	const { routes, navigation } = arg0;
 	const t = useBuiltInText();
 	const modifierKey = getModifierKey();
 	const { buttonProps, dialogProps } = useSearchProps();
 	return /* @__PURE__ */ 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__ */ 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__ */ jsx(SearchIcon, { className: "h-5 w-5 stroke-current" }),
+				/* @__PURE__ */ jsx(Search, { className: "h-5 w-5 stroke-current" }),
 				t("search.button"),
 				/* @__PURE__ */ 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",
@@ -2131,7 +1314,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__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ jsx(SearchIcon, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }), /* @__PURE__ */ jsx(Search, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
 		}), /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(SearchDialog, {
@@ -2184,15 +1367,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__ */ jsxs("svg", {
-		viewBox: "0 0 20 20",
-		fill: "none",
-		"aria-hidden": "true",
-		...props,
-		children: [/* @__PURE__ */ jsx("path", { d: "M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z" }), /* @__PURE__ */ 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();
@@ -2210,7 +1384,7 @@ function LanguageSwitcher(arg0) {
 			"aria-label": t("language.switch"),
 			children: [
 				/* @__PURE__ */ jsx("span", { className: "absolute size-12 pointer-fine:hidden" }),
-				/* @__PURE__ */ jsx(LanguageIcon, { className: "h-5 w-5 stroke-current" }),
+				/* @__PURE__ */ jsx(Globe2, { className: "h-5 w-5 stroke-current" }),
 				/* @__PURE__ */ jsx("span", {
 					className: "hidden sm:inline",
 					children: selectedLocaleConfig?.label ?? selectedLocale
@@ -2380,7 +1554,7 @@ var Header = forwardRef(function Header(arg0, ref) {
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "clarify-header-center absolute left-1/2 hidden -translate-x-1/2 lg:block",
-					children: /* @__PURE__ */ jsx(Search, {
+					children: /* @__PURE__ */ jsx(Search$1, {
 						routes,
 						navigation
 					})
@@ -2422,6 +1596,6 @@ var Header = forwardRef(function Header(arg0, ref) {
 	});
 });
 //#endregion
-export { prefixHref as A, normalizeRoutePath as C, ContentActions as D, useTheme as E, OpenApisContext as F, useClarifyConfig as I, useOpenApis as L, useBuiltInText as M, ClarifyConfigContext as N, isExternalHref as O, ClarifyLocaleContext as P, isSameRoutePath as S, ThemeProvider as T, Callout as _, GridPattern as a, useSectionStore as b, Heading as c, Collapse as d, Code as f, CardGroup as g, Card as h, Prose as i, copyTextToClipboard as j, localizeHref as k, Tag as l, Pre as m, Navigation as n, HeroPattern as o, CodeGroup as p, safeDecodeURIComponent as r, Logo as s, Header as t, Feedback as u, Button as v, ThemeToggle as w, remToPx as x, SectionProvider as y };
+export { useClarifyConfig as C, OpenApisContext as S, prefixHref as _, useSectionStore as a, ClarifyConfigContext as b, resolveLucideIconName as c, ThemeToggle as d, ThemeProvider as f, localizeHref as g, isExternalHref as h, SectionProvider as i, isSameRoutePath as l, ContentActions as m, Navigation as n, remToPx as o, useTheme as p, safeDecodeURIComponent as r, lucideIconRegistry as s, Header as t, normalizeRoutePath as u, copyTextToClipboard as v, useOpenApis as w, ClarifyLocaleContext as x, useBuiltInText as y };
 
-//# sourceMappingURL=shell-BlMMdTpZ.js.map
+//# sourceMappingURL=shell-DvTfFx6M.js.map