@clarify-labs/renderer 0.1.0

package/output/AppShell-DBgUlirU.cjs

@@ -0,0 +1,2127 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+let framer_motion = require("framer-motion");
+let react = require("react");
+let react_router_dom = require("react-router-dom");
+let zustand = require("zustand");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = __toESM(clsx, 1);
+let _headlessui_react = require("@headlessui/react");
+let lucide_react = require("lucide-react");
+lucide_react = __toESM(lucide_react, 1);
+//#region source/utils/remToPx.ts
+function remToPx(remValue) {
+	return remValue * (typeof window === "undefined" ? 16 : Number.parseFloat(window.getComputedStyle(document.documentElement).fontSize));
+}
+//#endregion
+//#region source/components/SectionProvider.tsx
+function createSectionStore(sections) {
+	return (0, zustand.createStore)()((set) => ({
+		sections,
+		visibleSections: [],
+		setVisibleSections: (visibleSections) => set((state) => state.visibleSections.join() === visibleSections.join() ? {} : { visibleSections }),
+		registerHeading: ({ id, ref, offsetRem }) => set((state) => ({ sections: state.sections.map((section) => section.id === id ? {
+			...section,
+			headingRef: ref,
+			offsetRem
+		} : section) }))
+	}));
+}
+function useVisibleSections(sectionStore) {
+	const setVisibleSections = (0, zustand.useStore)(sectionStore, (state) => state.setVisibleSections);
+	const sections = (0, zustand.useStore)(sectionStore, (state) => state.sections);
+	(0, react.useEffect)(() => {
+		function checkVisibleSections() {
+			const { innerHeight, scrollY } = window;
+			const newVisibleSections = [];
+			for (let sectionIndex = 0; sectionIndex < sections.length; sectionIndex += 1) {
+				const { id, headingRef, offsetRem = 0 } = sections[sectionIndex];
+				if (!headingRef?.current) continue;
+				const offset = remToPx(offsetRem);
+				const top = headingRef.current.getBoundingClientRect().top + scrollY;
+				if (sectionIndex === 0 && top - offset > scrollY) newVisibleSections.push("_top");
+				const nextSection = sections[sectionIndex + 1];
+				const bottom = (nextSection?.headingRef?.current?.getBoundingClientRect().top ?? Infinity) + scrollY - remToPx(nextSection?.offsetRem ?? 0);
+				if (top > scrollY && top < scrollY + innerHeight || bottom > scrollY && bottom < scrollY + innerHeight || top <= scrollY && bottom >= scrollY + innerHeight) newVisibleSections.push(id);
+			}
+			setVisibleSections(newVisibleSections);
+		}
+		const raf = window.requestAnimationFrame(() => checkVisibleSections());
+		window.addEventListener("scroll", checkVisibleSections, { passive: true });
+		window.addEventListener("resize", checkVisibleSections);
+		return () => {
+			window.cancelAnimationFrame(raf);
+			window.removeEventListener("scroll", checkVisibleSections);
+			window.removeEventListener("resize", checkVisibleSections);
+		};
+	}, [setVisibleSections, sections]);
+}
+var SectionStoreContext = (0, react.createContext)(null);
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? react.useEffect : react.useLayoutEffect;
+function SectionProvider(arg0) {
+	const { sections, children } = arg0;
+	const [sectionStore] = (0, react.useState)(() => createSectionStore(sections));
+	useVisibleSections(sectionStore);
+	useIsomorphicLayoutEffect(() => {
+		sectionStore.setState({ sections });
+	}, [sectionStore, sections]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionStoreContext.Provider, {
+		value: sectionStore,
+		children
+	});
+}
+function useSectionStore(selector) {
+	const store = (0, react.useContext)(SectionStoreContext);
+	if (!store) throw new Error("[clarify] useSectionStore must be used within SectionProvider");
+	return (0, zustand.useStore)(store, selector);
+}
+//#endregion
+//#region source/components/SiteLogo.tsx
+function SiteLogo(arg0) {
+	const { logo, className } = arg0;
+	if (!logo) return null;
+	if (typeof logo === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: logo,
+		alt: "",
+		className: (0, clsx.default)("clarify-logo", className)
+	});
+	const lightLogo = logo.light ?? logo.dark;
+	const darkLogo = logo.dark ?? logo.light;
+	if (!lightLogo || !darkLogo) return null;
+	if (lightLogo === darkLogo) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: lightLogo,
+		alt: "",
+		className: (0, clsx.default)("clarify-logo", className)
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: lightLogo,
+		alt: "",
+		className: (0, clsx.default)("clarify-logo clarify-logo-light", className, "dark:hidden")
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: darkLogo,
+		alt: "",
+		className: (0, clsx.default)("clarify-logo clarify-logo-dark", className, "hidden dark:block")
+	})] });
+}
+//#endregion
+//#region source/shell/ContentActions.tsx
+function resolveRawContentUrl(rawContentUrl, routePrefix = "/") {
+	if (!routePrefix || routePrefix === "/") return rawContentUrl;
+	return `/${routePrefix.replace(/^\/+|\/+$/g, "")}${rawContentUrl}`;
+}
+function getAbsoluteUrl(path) {
+	if (typeof window === "undefined") return path;
+	return new URL(path, window.location.href).href;
+}
+async function copyText(text) {
+	await navigator.clipboard.writeText(text);
+}
+function ContentActions(arg0) {
+	const { route, routePrefix } = arg0;
+	const [copied, setCopied] = (0, react.useState)("idle");
+	if (!route?.rawContentUrl) return null;
+	const rawContentUrl = resolveRawContentUrl(route.rawContentUrl, routePrefix);
+	const isOpenApi = route.kind === "openapi";
+	const contentLabel = isOpenApi ? "复制 OpenAPI 内容" : "复制 Markdown 内容";
+	const linkLabel = isOpenApi ? "复制 OpenAPI 链接" : "复制 Markdown 链接";
+	function markCopied(state) {
+		setCopied(state);
+		window.setTimeout(() => setCopied("idle"), 1600);
+	}
+	async function handleCopyContent() {
+		await copyText(await (await fetch(rawContentUrl)).text());
+		markCopied("content");
+	}
+	async function handleCopyLink() {
+		await copyText(getAbsoluteUrl(rawContentUrl));
+		markCopied("link");
+	}
+	const actions = [{
+		key: "content",
+		label: contentLabel,
+		icon: lucide_react.Copy,
+		run: handleCopyContent
+	}, {
+		key: "link",
+		label: linkLabel,
+		icon: lucide_react.Link2,
+		run: handleCopyLink
+	}];
+	const primaryAction = actions[0];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "clarify-content-actions sticky top-16 z-20 flex justify-end py-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Menu, {
+			as: "div",
+			className: "clarify-content-actions-menu relative inline-flex text-xs font-medium",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "clarify-content-actions-group inline-flex overflow-hidden rounded-full border border-zinc-900/10 bg-white/85 backdrop-blur dark:border-white/10 dark:bg-white/5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					onClick: primaryAction.run,
+					className: "clarify-content-actions-primary inline-flex h-8 items-center gap-1.5 px-3 text-zinc-600 transition hover:bg-zinc-100 hover:text-zinc-950 dark:text-zinc-300 dark:hover:bg-white/10 dark:hover:text-white",
+					children: [copied === primaryAction.key ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(primaryAction.icon, { className: "h-3.5 w-3.5" }), copied === primaryAction.key ? "已复制" : "复制页面"]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuButton, {
+					className: "clarify-content-actions-trigger inline-flex h-8 w-8 items-center justify-center border-l border-zinc-900/10 text-zinc-500 transition hover:bg-zinc-100 hover:text-zinc-950 dark:border-white/10 dark:text-zinc-400 dark:hover:bg-white/10 dark:hover:text-white",
+					"aria-label": "选择复制选项",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5" })
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
+				anchor: "bottom end",
+				className: "clarify-content-actions-list z-30 mt-2 w-52 origin-top-right rounded-2xl border border-zinc-900/10 bg-white p-1 text-xs shadow-md transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0 dark:border-white/10 dark:bg-zinc-900",
+				children: actions.map((action) => {
+					const Icon = copied === action.key ? lucide_react.Check : action.icon;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						onClick: action.run,
+						className: "clarify-content-actions-item flex w-full items-center gap-2 rounded-xl px-3 py-2 text-left text-zinc-600 transition data-focus:bg-zinc-100 data-focus:text-zinc-950 dark:text-zinc-300 dark:data-focus:bg-white/10 dark:data-focus:text-white",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: copied === action.key ? "已复制" : action.label })]
+					}) }, action.key);
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region source/components/BuiltWithClarify.tsx
+function ClarifyMark(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 279 200",
+		"aria-hidden": "true",
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M44.867217 0.00543761C130.715579 1.00591567 200 70.9091172 200 156.994562L199.986321 155.127494C199.384888 180.009127 179.026368 199.994562 154 199.994562H46C20.5949015 199.994562 0 179.399661 0 153.994562V45.9945624C0 21.0975659 19.7793434 0.820282524 44.4815926 0.0191499894Z",
+				fill: "#00D492"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M123.867217 0.00543761C209.715579 1.00591567 279 70.9091172 279 156.994562L278.986321 155.127494C278.384888 180.009127 258.026368 199.994562 233 199.994562H125C99.5949015 199.994562 79 179.399661 79 153.994562V45.9945624C79 21.0975659 98.7793434 0.820282524 123.481593 0.0191499894Z",
+				fill: "#00F6C9",
+				fillOpacity: "0.6",
+				transform: "rotate(-90 179 100)"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M199.979267 154.416906L199.984438 155.157125L199.962366 155.872459C198.977251 180.406837 178.776104 199.994562 154 199.994562L124.372438 199.994125L124.249053 199.994081C99.6939678 199.603921 79.8122712 179.973634 79.01915 155.518407L79.0054376 155.132783C79.5830823 105.566626 103.129768 61.5221348 139.498462 33.1463428C175.69419 61.3871018 199.186123 105.143863 199.979267 154.416906Z",
+				fill: "#00F692"
+			})
+		]
+	});
+}
+function BuiltWithClarify() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+		href: "https://clarify.pub",
+		target: "_blank",
+		rel: "noreferrer",
+		"aria-label": "Built with Clarify",
+		className: "clarify-built-with inline-flex items-center gap-1.5 rounded-full px-2 py-1 text-xs font-medium text-zinc-500 no-underline transition hover:bg-zinc-900/2.5 hover:text-zinc-900 dark:text-zinc-500 dark:hover:bg-white/5 dark:hover:text-white",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Built with" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClarifyMark, { className: "clarify-built-with-logo h-3.5 w-5 flex-none" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "font-semibold text-zinc-700 dark:text-zinc-300",
+				children: "Clarify"
+			})
+		]
+	});
+}
+//#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 } = arg0;
+	if (title) return title;
+	if (language && language in languageNames) return languageNames[language];
+	return "Code";
+}
+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 [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-emerald-400/10 ring-1 ring-emerald-400/20 ring-inset" : "bg-white/5 hover:bg-white/7.5 dark:bg-white/2.5 dark:hover:bg-white/5"),
+		onClick: () => {
+			window.navigator.clipboard.writeText(code).then(() => {
+				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" }), "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-emerald-400 transition duration-300", !copied && "translate-y-1.5 opacity-0"),
+			children: "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: "font-mono text-[0.625rem]/6 font-semibold text-emerald-400",
+				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: "font-mono 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 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-emerald-500 text-emerald-400" : "border-transparent text-zinc-400 hover:text-zinc-300"),
+				children: getPanelTitle((0, react.isValidElement)(child) ? child.props : {})
+			}))
+		}) : 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);
+	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) => {
+			preventLayoutShift(() => addPreferredLanguage(availableLanguages[nextSelectedIndex]));
+		}
+	};
+}
+var CodeGroupContext = (0, react.createContext)(false);
+function CodeGroup(arg0) {
+	const { children, title, ...props } = arg0;
+	const tabGroupProps = useTabGroupProps(react.Children.map(children, (child) => getPanelTitle((0, react.isValidElement)(child) ? child.props : {})) ?? []);
+	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/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;
+	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: "Was this page helpful?"
+		}), /* @__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: "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: "No"
+				})
+			]
+		})]
+	});
+});
+var FeedbackThanks = (0, react.forwardRef)(function FeedbackThanks(arg0, ref) {
+	const { className, ...props } = arg0;
+	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-emerald-50/50 py-1 pr-3 pl-1.5 text-sm text-emerald-900 ring-1 ring-emerald-500/20 ring-inset dark:bg-emerald-500/5 dark:text-emerald-200 dark:ring-emerald-500/30",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckIcon, { className: "h-5 w-5 flex-none fill-emerald-500 stroke-white dark:fill-emerald-200/20 dark:stroke-emerald-200" }), "Thanks for your feedback!"]
+		})
+	});
+});
+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/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-to-r from-[#36b49f] to-[#DBFF75] opacity-40 mask-[radial-gradient(farthest-side_at_top,white,transparent)] dark:from-[#36b49f]/30 dark:to-[#DBFF75]/30 dark:opacity-100",
+				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/context.tsx
+var ClarifyConfigContext = (0, react.createContext)(null);
+var OpenApisContext = (0, react.createContext)({});
+function useClarifyConfig() {
+	const config = (0, react.useContext)(ClarifyConfigContext);
+	if (!config) throw new Error("[clarify] useClarifyConfig must be used within a ClarifyConfigContext.Provider");
+	return config;
+}
+function useOpenApis() {
+	return (0, react.useContext)(OpenApisContext);
+}
+//#endregion
+//#region source/components/PageFooter.tsx
+function resolveLocalizedText$1(text, locale, fallbackLocale) {
+	if (typeof text === "string") return text;
+	return (locale ? text[locale] : void 0) ?? (fallbackLocale ? text[fallbackLocale] : void 0) ?? Object.values(text)[0] ?? "";
+}
+function isExternalHref$1(href) {
+	return /^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith("//");
+}
+function localeForPath$1(config, pathname) {
+	const i18n = config.i18n;
+	if (!i18n) return void 0;
+	const firstSegment = pathname.split("/").filter(Boolean)[0];
+	return i18n.locales.find((locale) => locale.code === firstSegment)?.code ?? i18n.defaultLocale;
+}
+function localizeHref$1(href, config, locale) {
+	if (!locale || !config.i18n || isExternalHref$1(href) || href.startsWith("#")) return href;
+	if (locale === config.i18n.defaultLocale) return href;
+	const cleanHref = href === "/" ? "" : href.replace(/^\/+/, "");
+	return `/${locale}${cleanHref ? `/${cleanHref}` : ""}`;
+}
+function FooterLink(arg0) {
+	const { link, locale, config } = arg0;
+	const external = link.external ?? isExternalHref$1(link.href);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href: external ? link.href : localizeHref$1(link.href, config, locale),
+		target: external ? "_blank" : void 0,
+		rel: external ? "noreferrer" : void 0,
+		className: "clarify-footer-link text-sm text-zinc-500 no-underline transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white",
+		children: resolveLocalizedText$1(link.label, locale, config.i18n?.defaultLocale)
+	});
+}
+function SocialLink(arg0) {
+	const { name, href } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href,
+		target: "_blank",
+		rel: "noreferrer",
+		className: "clarify-footer-social text-sm capitalize text-zinc-500 no-underline transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white",
+		children: name
+	});
+}
+function PageFooter() {
+	const config = useClarifyConfig();
+	const locale = localeForPath$1(config, (0, react_router_dom.useLocation)().pathname);
+	const footer = config.footer;
+	const links = footer?.links ?? [];
+	const socials = Object.entries(footer?.socials ?? {});
+	const copyright = footer?.copyright ? resolveLocalizedText$1(footer.copyright, locale, config.i18n?.defaultLocale) : void 0;
+	const hasCustomFooter = Boolean(copyright || links.length > 0 || socials.length > 0);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+		className: (0, clsx.default)("clarify-page-footer mx-auto mt-16 flex w-full max-w-3xl flex-col items-end gap-4 border-t border-zinc-900/10 pt-8 xl:max-w-[56rem] 2xl:max-w-[64rem] dark:border-white/10", hasCustomFooter && "sm:flex-row sm:items-center sm:justify-between"),
+		children: [hasCustomFooter ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "clarify-footer-content flex flex-col gap-3 text-right sm:text-left",
+			children: [copyright ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "clarify-footer-copyright m-0 text-sm text-zinc-500 dark:text-zinc-400",
+				children: copyright
+			}) : null, links.length > 0 || socials.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "clarify-footer-links flex flex-wrap justify-end gap-x-4 gap-y-2 sm:justify-start",
+				children: [links.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterLink, {
+					link,
+					locale,
+					config
+				}, `${link.href}-${resolveLocalizedText$1(link.label, locale, config.i18n?.defaultLocale)}`)), socials.map(([name, href]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SocialLink, {
+					name,
+					href
+				}, name))]
+			}) : null]
+		}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "clarify-footer-brand flex justify-end",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BuiltWithClarify, {})
+		})]
+	});
+}
+//#endregion
+//#region source/components/ThemeProvider.tsx
+var ThemeContext = (0, react.createContext)(null);
+var storageKey = "clarify:theme";
+function getSystemTheme() {
+	if (typeof window === "undefined") return "light";
+	return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function getStoredTheme() {
+	if (typeof window === "undefined") return "system";
+	const storedTheme = window.localStorage.getItem(storageKey);
+	return storedTheme === "light" || storedTheme === "dark" || storedTheme === "system" ? storedTheme : "system";
+}
+function applyTheme(resolvedTheme) {
+	if (typeof document === "undefined") return;
+	document.documentElement.classList.toggle("dark", resolvedTheme === "dark");
+	document.documentElement.style.colorScheme = resolvedTheme;
+}
+function ThemeProvider(arg0) {
+	const { children } = arg0;
+	const [theme, setThemeState] = (0, react.useState)(() => getStoredTheme());
+	const [systemTheme, setSystemTheme] = (0, react.useState)(() => getSystemTheme());
+	const resolvedTheme = theme === "system" ? systemTheme : theme;
+	(0, react.useEffect)(() => {
+		applyTheme(resolvedTheme);
+	}, [resolvedTheme]);
+	(0, react.useEffect)(() => {
+		if (typeof window === "undefined") return;
+		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+		function updateSystemTheme() {
+			setSystemTheme(mediaQuery.matches ? "dark" : "light");
+		}
+		updateSystemTheme();
+		mediaQuery.addEventListener("change", updateSystemTheme);
+		return () => mediaQuery.removeEventListener("change", updateSystemTheme);
+	}, []);
+	const value = (0, react.useMemo)(() => ({
+		theme,
+		resolvedTheme,
+		setTheme(nextTheme) {
+			setThemeState(nextTheme);
+			if (typeof window !== "undefined") window.localStorage.setItem(storageKey, nextTheme);
+		}
+	}), [resolvedTheme, theme]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext.Provider, {
+		value,
+		children
+	});
+}
+function useTheme() {
+	const context = (0, react.useContext)(ThemeContext);
+	if (!context) throw new Error("[clarify] useTheme must be used within ThemeProvider");
+	return context;
+}
+//#endregion
+//#region source/components/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 otherTheme = resolvedTheme === "dark" ? "light" : "dark";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		type: "button",
+		className: "clarify-theme-toggle flex size-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5",
+		"aria-label": `Switch to ${otherTheme} theme`,
+		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-zinc-900 dark:hidden" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoonIcon, { className: "hidden h-5 w-5 stroke-white dark:block" })
+		]
+	});
+}
+//#endregion
+//#region source/components/index.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-zinc-900 px-3 py-1 text-white hover:bg-zinc-700 dark:bg-emerald-400/10 dark:text-emerald-400 dark:ring-1 dark:ring-inset dark:ring-emerald-400/20 dark:hover:text-emerald-300 dark:hover:ring-emerald-300",
+	secondary: "rounded-full bg-zinc-100 px-3 py-1 text-zinc-900 hover:bg-zinc-200 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-zinc-900 px-3 py-1 text-white hover:bg-zinc-700 dark:bg-emerald-500 dark:hover:bg-emerald-400",
+	outline: "rounded-full px-3 py-1 text-zinc-700 ring-1 ring-inset ring-zinc-900/10 hover:bg-zinc-900/2.5 hover:text-zinc-900 dark:text-zinc-400 dark:ring-white/10 dark:hover:bg-white/5 dark:hover:text-white",
+	text: "text-emerald-500 hover:text-emerald-600 dark:text-emerald-400 dark:hover:text-emerald-500"
+};
+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
+	});
+}
+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-zinc-400 dark:text-zinc-500",
+		medium: "bg-zinc-50 text-zinc-500 ring-zinc-200 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-mono text-[0.625rem]/6 font-semibold", tagVariantStyles[variant], tagColorStyles[resolvedColor][variant]),
+		children
+	});
+}
+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-emerald-400",
+			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-zinc-900 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"
+		})]
+	});
+}
+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 dark:prose-invert", "[html_:where(&>*)]:mx-auto [html_:where(&>*)]:w-full [html_:where(&>*)]:max-w-3xl xl:[html_:where(&>*)]:max-w-[56rem] 2xl:[html_:where(&>*)]:max-w-[64rem] [html_:where(&>.not-prose)]:max-w-5xl 2xl:[html_:where(&>.not-prose)]:max-w-[76rem]"),
+		...props
+	});
+}
+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: "font-mono 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, 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"),
+		...props,
+		children: anchor ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Anchor, {
+			id: props.id,
+			inView,
+			children
+		}) : children
+	})] });
+}
+function DocShell(arg0) {
+	const { title, subtitle, children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
+		className: "clarify-doc-shell min-h-screen bg-white px-6 py-10 text-zinc-900 dark:bg-zinc-950 dark:text-white md:px-10",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mx-auto max-w-6xl",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+				className: "mb-10",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+					className: "text-3xl font-bold tracking-tight md:text-5xl",
+					children: title
+				}), subtitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "mt-3 max-w-2xl text-zinc-600 dark:text-zinc-400",
+					children: subtitle
+				}) : null]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Prose, { children })]
+		})
+	});
+}
+function ApiEndpointCard(arg0) {
+	const { method, path, description, id } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+		id,
+		className: "clarify-api-endpoint-card scroll-mt-20 rounded-2xl border border-zinc-900/10 bg-white p-5 shadow-sm dark:border-white/10 dark:bg-zinc-900",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tag, { children: method }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+				className: "text-sm font-medium text-zinc-800 dark:text-zinc-200",
+				children: path
+			})]
+		}), description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "mt-3 text-sm text-zinc-600 dark:text-zinc-400",
+			children: description
+		}) : null]
+	});
+}
+//#endregion
+//#region source/shell/Navigation.tsx
+function NavigationIcon(arg0) {
+	const { name, className } = arg0;
+	if (!name) return null;
+	const Icon = lucide_react[name];
+	if (!Icon) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+		className: (0, clsx.default)("shrink-0 stroke-current", className),
+		"aria-hidden": "true"
+	});
+}
+function useInitialValue(value, condition = true) {
+	const [initialValue] = (0, react.useState)(value);
+	return condition ? initialValue : value;
+}
+function normalizePath(path) {
+	return path === "" ? "/" : path;
+}
+function navigationToGroups(navigation) {
+	return navigation.map((node) => {
+		const children = node.children?.length ? node.children : [node];
+		return {
+			title: node.children?.length ? node.title : "Documentation",
+			icon: node.icon,
+			links: children.map((child) => ({
+				title: child.title,
+				href: normalizePath(child.path),
+				icon: child.icon
+			}))
+		};
+	});
+}
+function TopLevelNavItem$1(arg0) {
+	const { href, children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: "md:hidden",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.CloseButton, {
+			as: react_router_dom.Link,
+			to: href,
+			className: "block py-1 text-sm text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white",
+			children
+		})
+	});
+}
+var sectionBadgeColorStyles = {
+	GET: "text-emerald-500 dark:text-emerald-400",
+	POST: "text-sky-500 dark:text-sky-400",
+	PUT: "text-amber-500 dark:text-amber-400",
+	PATCH: "text-amber-500 dark:text-amber-400",
+	DELETE: "text-red-500 dark:text-rose-500",
+	OPTIONS: "text-violet-500 dark:text-violet-400",
+	HEAD: "text-zinc-500 dark:text-zinc-400",
+	TRACE: "text-fuchsia-500 dark:text-fuchsia-400"
+};
+function SectionBadge(arg0) {
+	const { children } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: (0, clsx.default)("inline-flex shrink-0 justify-end font-mono text-[0.625rem]/6 font-semibold uppercase tracking-wide", sectionBadgeColorStyles[children.toUpperCase()] ?? "text-zinc-500 dark:text-zinc-400"),
+		children
+	});
+}
+function NavLink(arg0) {
+	const { href, children, badge, icon, tags, active = false, isAnchorLink = false } = arg0;
+	function handleClick() {
+		if (!isAnchorLink) return;
+		const hashIndex = href.indexOf("#");
+		if (hashIndex === -1) return;
+		const targetId = decodeURIComponent(href.slice(hashIndex + 1));
+		window.requestAnimationFrame(() => {
+			document.getElementById(targetId)?.scrollIntoView();
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_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 justify-between gap-2 py-1 pr-3 text-sm transition", isAnchorLink ? "clarify-navigation-anchor-link pl-7" : "pl-4", active ? "text-zinc-900 dark:text-white" : "text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white"),
+		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, {
+					name: icon,
+					className: "h-3.5 w-3.5"
+				}) : null,
+				badge ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionBadge, { children: badge }) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "min-w-0 truncate",
+					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) {
+	const { group, pathname } = arg0;
+	const [sections, visibleSections] = useInitialValue([useSectionStore((s) => s.sections), useSectionStore((s) => s.visibleSections)], useIsInsideMobileNavigation());
+	const isPresent = (0, framer_motion.useIsPresent)();
+	const firstVisibleSectionIndex = Math.max(0, [{ id: "_top" }, ...sections].findIndex((section) => section.id === visibleSections[0]));
+	const itemHeight = remToPx(2);
+	const height = isPresent ? Math.max(1, visibleSections.length) * itemHeight : itemHeight;
+	const top = group.links.findIndex((link) => link.href === pathname) * itemHeight + firstVisibleSectionIndex * itemHeight;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		layout: true,
+		initial: { opacity: 0 },
+		animate: {
+			opacity: 1,
+			transition: { delay: .2 }
+		},
+		exit: { opacity: 0 },
+		className: "absolute inset-x-0 top-0 bg-zinc-800/2.5 will-change-transform dark:bg-white/2.5",
+		style: {
+			borderRadius: 8,
+			height,
+			top
+		}
+	});
+}
+function ActivePageMarker(arg0) {
+	const { group, pathname } = arg0;
+	const itemHeight = remToPx(2);
+	const top = remToPx(.25) + group.links.findIndex((link) => link.href === pathname) * itemHeight;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		layout: true,
+		className: "absolute left-2 h-6 w-px bg-emerald-500",
+		initial: { opacity: 0 },
+		animate: {
+			opacity: 1,
+			transition: { delay: .2 }
+		},
+		exit: { opacity: 0 },
+		style: { top }
+	});
+}
+function NavigationGroup(arg0) {
+	const { group, className } = arg0;
+	const isInsideMobileNavigation = useIsInsideMobileNavigation();
+	const [pathname, sections] = useInitialValue([(0, react_router_dom.useLocation)().pathname, useSectionStore((s) => s.sections)], isInsideMobileNavigation);
+	const isActiveGroup = group.links.findIndex((link) => link.href === pathname) !== -1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: (0, clsx.default)("clarify-navigation-group relative mt-6", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.h2, {
+			layout: "position",
+			className: "clarify-navigation-group-title flex items-center gap-2 text-xs font-semibold text-zinc-900 dark:text-white",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationIcon, {
+				name: group.icon,
+				className: "h-3.5 w-3.5"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: group.title })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative mt-3 pl-2",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, {
+					initial: !isInsideMobileNavigation,
+					children: isActiveGroup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VisibleSectionHighlight, {
+						group,
+						pathname
+					}) : null
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+					layout: true,
+					className: "absolute inset-y-0 left-2 w-px bg-zinc-900/10 dark:bg-white/5"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, {
+					initial: false,
+					children: isActiveGroup ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActivePageMarker, {
+						group,
+						pathname
+					}) : null
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					role: "list",
+					className: "border-l border-transparent",
+					children: group.links.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.li, {
+						layout: "position",
+						className: "relative",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavLink, {
+							href: link.href,
+							icon: link.icon,
+							active: link.href === pathname,
+							children: link.title
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, {
+							mode: "popLayout",
+							initial: false,
+							children: link.href === pathname && sections.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.ul, {
+								role: "list",
+								initial: { opacity: 0 },
+								animate: {
+									opacity: 1,
+									transition: { delay: .1 }
+								},
+								exit: {
+									opacity: 0,
+									transition: { duration: .15 }
+								},
+								children: sections.map((section) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavLink, {
+									href: `${link.href}#${section.id}`,
+									badge: section.badge,
+									tags: section.tags,
+									isAnchorLink: true,
+									children: section.title
+								}) }, section.id))
+							}) : null
+						})]
+					}, link.href))
+				})
+			]
+		})]
+	});
+}
+function Navigation(arg0) {
+	const { navigation, className } = arg0;
+	const groups = navigationToGroups(navigation);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		className: (0, clsx.default)("clarify-navigation", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+			role: "list",
+			className: "clarify-navigation-list",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TopLevelNavItem$1, {
+				href: "/",
+				children: "Home"
+			}), groups.map((group, groupIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationGroup, {
+				group,
+				className: groupIndex === 0 ? "md:mt-0" : ""
+			}, group.title))]
+		})
+	});
+}
+//#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 MobileNavigationDialog(arg0) {
+	const { config, isOpen, navigation, routes, currentLocale, currentRoute, close } = arg0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Dialog, {
+		transition: true,
+		open: isOpen,
+		onClose: close,
+		className: "clarify-mobile-navigation-dialog fixed inset-0 z-50 lg:hidden",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.DialogBackdrop, {
+			transition: true,
+			className: "clarify-mobile-navigation-backdrop fixed inset-0 top-14 bg-zinc-400/20 backdrop-blur-xs data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in dark:bg-black/40"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.DialogPanel, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TransitionChild, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header, {
+			config,
+			navigation,
+			routes,
+			currentLocale,
+			currentRoute,
+			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.jsx)(framer_motion.motion.div, {
+			layoutScroll: true,
+			className: "clarify-mobile-navigation-panel fixed top-14 bottom-0 left-0 w-full overflow-y-auto bg-white px-4 pt-6 pb-4 shadow-lg ring-1 shadow-zinc-900/10 ring-zinc-900/7.5 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",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Navigation, { navigation })
+		}) })] })]
+	});
+}
+function useIsInsideMobileNavigation() {
+	return (0, react.useContext)(IsInsideMobileNavigationContext);
+}
+var useMobileNavigationStore = (0, zustand.create)()((set) => ({
+	isOpen: false,
+	open: () => set({ isOpen: true }),
+	close: () => set({ isOpen: false }),
+	toggle: () => set((state) => ({ isOpen: !state.isOpen }))
+}));
+function MobileNavigation(arg0) {
+	const { config, navigation, routes, currentLocale, currentRoute } = arg0;
+	const isInsideMobileNavigation = useIsInsideMobileNavigation();
+	const { isOpen, toggle, close } = useMobileNavigationStore();
+	const ToggleIcon = isOpen ? XIcon : MenuIcon;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(IsInsideMobileNavigationContext.Provider, {
+		value: true,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: "clarify-mobile-navigation-button relative flex size-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 dark:hover:bg-white/5",
+			"aria-label": "Toggle navigation",
+			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-zinc-900 dark:stroke-white" })]
+		}), !isInsideMobileNavigation ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileNavigationDialog, {
+				config,
+				navigation,
+				routes,
+				currentLocale,
+				currentRoute,
+				isOpen,
+				close
+			})
+		}) : null]
+	});
+}
+//#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);
+	else titles.set(node.path, node.title);
+	return titles;
+}
+function buildSearchItems(routes, navigation) {
+	const groupTitles = routeGroupTitles(navigation);
+	return routes.flatMap((route) => {
+		const groupTitle = groupTitles.get(route.path);
+		return [{
+			title: route.title,
+			pageTitle: route.title,
+			sectionTitle: groupTitle,
+			url: route.path,
+			keywords: [
+				groupTitle,
+				route.title,
+				route.path,
+				route.kind
+			].filter(Boolean).join(" ").toLowerCase()
+		}, ...route.sections?.map((section) => ({
+			title: section.title,
+			pageTitle: route.title,
+			sectionTitle: groupTitle,
+			url: `${route.path}#${section.id}`,
+			keywords: [
+				groupTitle,
+				route.title,
+				section.title,
+				route.path,
+				section.id
+			].filter(Boolean).join(" ").toLowerCase()
+		})) ?? []];
+	});
+}
+function escapeRegExp(value) {
+	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function HighlightQuery(arg0) {
+	const { text, query } = arg0;
+	if (!query) return text;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: text.split(new RegExp(`(${escapeRegExp(query)})`, "ig")).map((part, index) => part.toLowerCase() === query.toLowerCase() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("mark", {
+		className: "bg-transparent text-emerald-500 underline",
+		children: part
+	}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: part }, index)) });
+}
+function SearchResult(arg0) {
+	const { result, query, active, onSelect } = arg0;
+	const id = (0, react.useId)();
+	const hierarchy = [result.sectionTitle, result.pageTitle].filter((value) => typeof value === "string");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		id,
+		className: (0, clsx.default)("clarify-search-result group block cursor-default px-4 py-3 aria-selected:bg-zinc-50 dark:aria-selected:bg-zinc-800/50", active && "bg-zinc-50 dark:bg-zinc-800/50"),
+		"aria-selected": active,
+		onMouseDown: (event) => {
+			event.preventDefault();
+			onSelect();
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "text-sm font-medium text-zinc-900 group-aria-selected:text-emerald-500 dark:text-white",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightQuery, {
+				text: result.title,
+				query
+			})
+		}), hierarchy.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "mt-1 truncate text-2xs whitespace-nowrap text-zinc-500",
+			children: hierarchy.map((item, itemIndex, items) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(HighlightQuery, {
+				text: item,
+				query
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: itemIndex === items.length - 1 ? "sr-only" : "mx-2 text-zinc-300 dark:text-zinc-700",
+				children: "/"
+			})] }, `${item}-${itemIndex}`))
+		}) : null]
+	});
+}
+var SearchInput = (0, react.forwardRef)(function SearchInput(arg0, inputRef) {
+	const { query, setQuery, onClose, onSubmit, activeDescendantId } = arg0;
+	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-zinc-500" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			ref: inputRef,
+			"data-autofocus": true,
+			role: "combobox",
+			"aria-expanded": query !== "",
+			"aria-controls": "clarify-search-results",
+			"aria-activedescendant": activeDescendantId,
+			value: query,
+			onChange: (event) => setQuery(event.currentTarget.value),
+			onKeyDown: (event) => {
+				if (event.key === "Escape") if (query) setQuery("");
+				else onClose();
+				if (event.key === "Enter") {
+					event.preventDefault();
+					onSubmit();
+				}
+			},
+			placeholder: "Find something...",
+			className: "flex-auto appearance-none bg-transparent pr-4 pl-10 text-zinc-900 outline-hidden placeholder:text-zinc-500 focus:w-full focus:flex-none sm:text-sm dark:text-white [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden"
+		})]
+	});
+});
+function SearchDialog(arg0) {
+	const { open, setOpen, routes, navigation, className, onNavigate = () => {} } = arg0;
+	const navigate = (0, react_router_dom.useNavigate)();
+	const location = (0, react_router_dom.useLocation)();
+	const inputRef = (0, react.useRef)(null);
+	const [query, setQuery] = (0, react.useState)("");
+	const [activeIndex, setActiveIndex] = (0, react.useState)(0);
+	const searchItems = (0, react.useMemo)(() => buildSearchItems(routes, navigation), [navigation, routes]);
+	const results = (0, react.useMemo)(() => {
+		const normalizedQuery = query.trim().toLowerCase();
+		if (!normalizedQuery) return [];
+		return searchItems.filter((item) => item.keywords.includes(normalizedQuery)).slice(0, 8);
+	}, [query, searchItems]);
+	(0, react.useEffect)(() => {
+		setOpen(false);
+	}, [
+		location.pathname,
+		location.search,
+		location.hash,
+		setOpen
+	]);
+	(0, react.useEffect)(() => {
+		if (open) return void 0;
+		function onKeyDown(event) {
+			if (event.key === "k" && (event.metaKey || event.ctrlKey)) {
+				event.preventDefault();
+				setOpen(true);
+			}
+		}
+		window.addEventListener("keydown", onKeyDown);
+		return () => window.removeEventListener("keydown", onKeyDown);
+	}, [open, setOpen]);
+	const updateQuery = (value) => {
+		setQuery(value);
+		setActiveIndex(0);
+	};
+	function closeDialog() {
+		updateQuery("");
+		setOpen(false);
+	}
+	function selectResult(result = results[activeIndex]) {
+		if (!result) return;
+		navigate(result.url);
+		onNavigate();
+		closeDialog();
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Dialog, {
+		open,
+		onClose: closeDialog,
+		className: (0, clsx.default)("clarify-search-dialog fixed inset-0 z-50", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.DialogBackdrop, {
+			transition: true,
+			className: "clarify-search-backdrop fixed inset-0 bg-zinc-400/25 backdrop-blur-xs data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in dark:bg-black/40"
+		}), /* @__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]",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.DialogPanel, {
+				transition: true,
+				className: "clarify-search-panel mx-auto transform-gpu overflow-hidden rounded-lg bg-zinc-50 shadow-xl ring-1 ring-zinc-900/7.5 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",
+				onKeyDown: (event) => {
+					if (event.key === "ArrowDown") {
+						event.preventDefault();
+						setActiveIndex((index) => results.length ? (index + 1) % results.length : 0);
+					}
+					if (event.key === "ArrowUp") {
+						event.preventDefault();
+						setActiveIndex((index) => results.length ? (index - 1 + results.length) % results.length : 0);
+					}
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput, {
+					ref: inputRef,
+					query,
+					setQuery: updateQuery,
+					onClose: closeDialog,
+					onSubmit: () => selectResult()
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "border-t border-zinc-200 bg-white 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-zinc-900 dark:stroke-zinc-600" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "mt-2 text-xs text-zinc-700 dark:text-zinc-400",
+							children: [
+								"Nothing found for",
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("strong", {
+									className: "font-semibold wrap-break-word text-zinc-900 dark:text-white",
+									children: [
+										"‘",
+										query,
+										"’"
+									]
+								}),
+								"."
+							]
+						})]
+					}) : null, results.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+						id: "clarify-search-results",
+						className: "clarify-search-results",
+						role: "listbox",
+						children: results.map((result, resultIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchResult, {
+							result,
+							query,
+							active: resultIndex === activeIndex,
+							onSelect: () => selectResult(result)
+						}, result.url))
+					}) : null]
+				})]
+			})
+		})]
+	});
+}
+function useSearchProps() {
+	const buttonRef = (0, react.useRef)(null);
+	const [open, setOpen] = (0, react.useState)(false);
+	return {
+		buttonProps: {
+			ref: buttonRef,
+			onClick() {
+				setOpen(true);
+			}
+		},
+		dialogProps: {
+			open,
+			setOpen
+		}
+	};
+}
+function getModifierKey() {
+	if (typeof navigator === "undefined") return "Ctrl ";
+	return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl ";
+}
+function Search(arg0) {
+	const { routes, navigation } = arg0;
+	const modifierKey = getModifierKey();
+	const { buttonProps, dialogProps } = useSearchProps();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "clarify-search hidden lg:block lg:max-w-md lg:flex-auto",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: "clarify-search-button hidden h-8 w-full items-center gap-2 rounded-full bg-white pr-3 pl-2 text-sm text-zinc-500 ring-1 ring-zinc-900/10 transition hover:ring-zinc-900/20 lg:flex dark:bg-white/5 dark:text-zinc-400 dark:ring-white/10 dark:ring-inset dark:hover:ring-white/20",
+			...buttonProps,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, { className: "h-5 w-5 stroke-current" }),
+				"Find something...",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("kbd", {
+					className: "ml-auto text-2xs text-zinc-400 dark:text-zinc-500",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+						className: "font-sans",
+						children: modifierKey
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
+						className: "font-sans",
+						children: "K"
+					})]
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchDialog, {
+				className: "hidden lg:block",
+				routes,
+				navigation,
+				...dialogProps
+			})
+		})]
+	});
+}
+function MobileSearch(arg0) {
+	const { routes, navigation, onNavigate } = arg0;
+	const { buttonProps, dialogProps } = useSearchProps();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "clarify-mobile-search contents lg:hidden",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			className: "clarify-mobile-search-button relative flex size-6 items-center justify-center rounded-md transition hover:bg-zinc-900/5 lg:hidden dark:hover:bg-white/5",
+			"aria-label": "Find something...",
+			...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-zinc-900 dark:stroke-white" })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchDialog, {
+				className: "lg:hidden",
+				routes,
+				navigation,
+				onNavigate,
+				...dialogProps
+			})
+		})]
+	});
+}
+//#endregion
+//#region source/shell/Header.tsx
+function resolveLocalizedText(text, locale, fallbackLocale) {
+	if (typeof text === "string") return text;
+	return (locale ? text[locale] : void 0) ?? (fallbackLocale ? text[fallbackLocale] : void 0) ?? Object.values(text)[0] ?? "";
+}
+function isExternalHref(href) {
+	return /^[a-z][a-z0-9+.-]*:/i.test(href) || href.startsWith("//");
+}
+function localizeHref(href, config, locale) {
+	if (!locale || !config.i18n || isExternalHref(href) || href.startsWith("#")) return href;
+	if (locale === config.i18n.defaultLocale) return href;
+	const cleanHref = href === "/" ? "" : href.replace(/^\/+/, "");
+	return `/${locale}${cleanHref ? `/${cleanHref}` : ""}`;
+}
+function localizedRoutePath(config, locale, route) {
+	const alternatePath = route?.alternates?.[locale];
+	if (alternatePath) return alternatePath;
+	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 location = (0, react_router_dom.useLocation)();
+	const i18n = config.i18n;
+	if (!i18n || i18n.locales.length < 2) return null;
+	const selectedLocale = currentLocale ?? i18n.defaultLocale;
+	const selectedLocaleConfig = i18n.locales.find((locale) => locale.code === selectedLocale) ?? i18n.locales[0];
+	const suffix = `${location.search}${location.hash}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.Menu, {
+		as: "div",
+		className: "clarify-language-switcher relative",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.MenuButton, {
+			className: "clarify-language-switcher-button flex h-7 items-center gap-1.5 rounded-md px-1.5 text-sm/5 font-medium text-zinc-600 transition hover:bg-zinc-900/5 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-white/5 dark:hover:text-white",
+			"aria-label": "Switch language",
+			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)("span", {
+					className: "hidden sm:inline",
+					children: selectedLocaleConfig?.label ?? selectedLocale
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
+			transition: true,
+			className: "clarify-language-switcher-menu absolute right-0 z-50 mt-2 w-44 rounded-xl bg-white p-1 text-sm shadow-lg ring-1 shadow-zinc-900/5 ring-zinc-900/10 transition data-closed:scale-95 data-closed:opacity-0 data-enter:duration-100 data-enter:ease-out data-leave:duration-75 data-leave:ease-in dark:bg-zinc-900 dark:ring-white/10",
+			children: i18n.locales.flatMap((locale) => {
+				const localizedPath = localizedRoutePath(config, locale.code, currentRoute);
+				if (!localizedPath) return [];
+				const selected = locale.code === selectedLocale;
+				return [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: ({ focus }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Link, {
+					to: `${localizedPath}${suffix}`,
+					className: (0, clsx.default)("clarify-language-switcher-item flex items-center justify-between rounded-lg px-3 py-2 no-underline transition", focus && "bg-zinc-100 dark:bg-white/5", selected ? "text-zinc-900 dark:text-white" : "text-zinc-600 dark:text-zinc-400"),
+					"aria-current": selected ? "true" : void 0,
+					lang: locale.code,
+					dir: locale.dir,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: locale.label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-xs text-zinc-400 dark:text-zinc-500",
+						children: locale.code
+					})]
+				}) }, locale.code)];
+			})
+		})]
+	});
+}
+function TopLevelNavItem(arg0) {
+	const { href, children } = arg0;
+	if (isExternalHref(href)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href,
+		className: "text-sm/5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white",
+		target: "_blank",
+		rel: "noreferrer",
+		children
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Link, {
+		to: href,
+		className: "text-sm/5 text-zinc-600 transition hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-white",
+		children
+	}) });
+}
+var Header = (0, react.forwardRef)(function Header(arg0, ref) {
+	const { config, navigation, routes, currentLocale, currentRoute, className, ...props } = arg0;
+	const { isOpen: mobileNavIsOpen } = useMobileNavigationStore();
+	const isInsideMobileNavigation = useIsInsideMobileNavigation();
+	const { scrollY } = (0, framer_motion.useScroll)();
+	const bgOpacityLight = (0, framer_motion.useTransform)(scrollY, [0, 72], ["50%", "90%"]);
+	const bgOpacityDark = (0, framer_motion.useTransform)(scrollY, [0, 72], ["20%", "80%"]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
+		...props,
+		ref,
+		className: (0, clsx.default)(className, "clarify-header fixed inset-x-0 top-0 z-50 flex h-14 items-center justify-between gap-12 px-4 transition sm:px-6 lg:left-72 lg:z-30 lg:px-8 xl:left-80", !isInsideMobileNavigation && "backdrop-blur-xs lg:left-72 xl:left-80 dark:backdrop-blur-sm", isInsideMobileNavigation ? "bg-white dark:bg-zinc-950" : "bg-white/(--bg-opacity-light) dark:bg-zinc-950/(--bg-opacity-dark)"),
+		style: {
+			"--bg-opacity-light": bgOpacityLight,
+			"--bg-opacity-dark": bgOpacityDark
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, clsx.default)("absolute inset-x-0 top-full h-px transition", (isInsideMobileNavigation || !mobileNavIsOpen) && "bg-zinc-900/7.5 dark:bg-white/7.5") }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "hidden lg:block" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "clarify-mobile-brand flex items-center gap-5 lg:hidden",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileNavigation, {
+					config,
+					navigation,
+					routes,
+					currentLocale,
+					currentRoute
+				}), config.logo ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.CloseButton, {
+					as: react_router_dom.Link,
+					to: localizeHref("/", config, currentLocale),
+					"aria-label": "Home",
+					className: "clarify-brand flex items-center gap-2 no-underline",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SiteLogo, {
+						logo: config.logo,
+						className: "h-6 w-6"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "sr-only",
+						children: config.title
+					})]
+				}) : null]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "clarify-header-actions flex items-center gap-5",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, {
+						routes,
+						navigation
+					}),
+					config.navbar?.links?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+						className: "clarify-top-nav hidden md:block",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+							role: "list",
+							className: "flex items-center gap-8",
+							children: config.navbar.links.map((link) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TopLevelNavItem, {
+								href: localizeHref(link.href, config, currentLocale),
+								children: resolveLocalizedText(link.label, currentLocale, config.i18n?.defaultLocale)
+							}, link.href))
+						})
+					}) : null,
+					config.navbar?.links?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "hidden md:block md:h-5 md:w-px md:bg-zinc-900/10 md:dark:bg-white/15" }) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileSearch, {
+						routes,
+						navigation
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LanguageSwitcher, {
+						config,
+						currentLocale,
+						currentRoute
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeToggle, {})
+				]
+			})
+		]
+	});
+});
+//#endregion
+//#region source/app/AppShell.tsx
+function routeForPath(routes, pathname) {
+	return routes.find((route) => route.path === pathname || `/${route.path}` === pathname);
+}
+function sectionsForRoute(route) {
+	return route?.sections?.map((section) => ({
+		id: section.id,
+		title: section.title,
+		badge: section.badge,
+		tags: section.tags
+	})) ?? [];
+}
+function scrollToHash(hash) {
+	if (!hash) return;
+	const targetId = decodeURIComponent(hash.slice(1));
+	window.requestAnimationFrame(() => {
+		document.getElementById(targetId)?.scrollIntoView();
+	});
+}
+function localeForPath(config, pathname, route) {
+	if (route?.locale) return route.locale;
+	const i18n = config.i18n;
+	if (!i18n) return void 0;
+	const firstSegment = pathname.split("/").filter(Boolean)[0];
+	return i18n.locales.find((locale) => locale.code === firstSegment)?.code ?? i18n.defaultLocale;
+}
+function navigationForLocale(navigation, locale) {
+	if (Array.isArray(navigation)) return navigation;
+	if (!locale) return [];
+	return navigation[locale] ?? [];
+}
+function homePathForLocale(config, locale) {
+	if (!locale || !config.i18n || locale === config.i18n.defaultLocale) return "/";
+	return `/${locale}`;
+}
+function AppShell(arg0) {
+	const { config, routes, navigation } = arg0;
+	const location = (0, react_router_dom.useLocation)();
+	const currentRoute = routeForPath(routes, location.pathname);
+	const currentLocale = localeForPath(config, location.pathname, currentRoute);
+	const currentLocaleConfig = config.i18n?.locales.find((locale) => locale.code === currentLocale);
+	const currentNavigation = navigationForLocale(navigation, currentLocale);
+	const sections = sectionsForRoute(currentRoute);
+	(0, react.useEffect)(() => {
+		scrollToHash(location.hash);
+	}, [location.hash, location.pathname]);
+	(0, react.useEffect)(() => {
+		if (!currentLocale) return;
+		document.documentElement.lang = currentLocale;
+		if (currentLocaleConfig?.dir) document.documentElement.dir = currentLocaleConfig.dir;
+		else document.documentElement.removeAttribute("dir");
+	}, [currentLocale, currentLocaleConfig?.dir]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionProvider, {
+		sections,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "clarify-app h-full min-h-screen bg-white lg:ml-72 xl:ml-80 dark:bg-zinc-950",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.header, {
+				layoutScroll: true,
+				className: "clarify-shell contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "clarify-sidebar contents lg:pointer-events-auto lg:block lg:w-72 lg:overflow-y-auto lg:border-r lg:border-zinc-900/10 lg:bg-white lg:px-6 lg:pt-4 lg:pb-8 xl:w-80 lg:dark:border-white/10 lg:dark:bg-zinc-950",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "clarify-sidebar-brand hidden lg:flex",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Link, {
+								to: homePathForLocale(config, currentLocale),
+								"aria-label": "Home",
+								className: "clarify-brand flex items-center gap-2 no-underline",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SiteLogo, {
+									logo: config.logo,
+									className: "h-6 w-6"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "clarify-brand-title text-sm font-semibold text-zinc-900 dark:text-white",
+									children: config.title
+								})]
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Header, {
+							config,
+							navigation: currentNavigation,
+							routes,
+							currentLocale,
+							currentRoute
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Navigation, {
+							navigation: currentNavigation,
+							className: "clarify-navigation hidden lg:mt-10 lg:block"
+						})
+					]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "clarify-content relative flex min-h-screen flex-col px-4 pt-14 sm:px-6 lg:px-8",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentActions, {
+					route: currentRoute,
+					routePrefix: config.routePrefix
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
+					className: "clarify-main flex-auto",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Routes, { children: routes.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.Route, {
+						path: route.path,
+						element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(route.component, {})
+					}, route.path)) })
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+Object.defineProperty(exports, "ApiEndpointCard", {
+	enumerable: true,
+	get: function() {
+		return ApiEndpointCard;
+	}
+});
+Object.defineProperty(exports, "AppShell", {
+	enumerable: true,
+	get: function() {
+		return AppShell;
+	}
+});
+Object.defineProperty(exports, "BuiltWithClarify", {
+	enumerable: true,
+	get: function() {
+		return BuiltWithClarify;
+	}
+});
+Object.defineProperty(exports, "Button", {
+	enumerable: true,
+	get: function() {
+		return Button;
+	}
+});
+Object.defineProperty(exports, "ClarifyConfigContext", {
+	enumerable: true,
+	get: function() {
+		return ClarifyConfigContext;
+	}
+});
+Object.defineProperty(exports, "Code", {
+	enumerable: true,
+	get: function() {
+		return Code;
+	}
+});
+Object.defineProperty(exports, "CodeGroup", {
+	enumerable: true,
+	get: function() {
+		return CodeGroup;
+	}
+});
+Object.defineProperty(exports, "DocShell", {
+	enumerable: true,
+	get: function() {
+		return DocShell;
+	}
+});
+Object.defineProperty(exports, "Feedback", {
+	enumerable: true,
+	get: function() {
+		return Feedback;
+	}
+});
+Object.defineProperty(exports, "GridPattern", {
+	enumerable: true,
+	get: function() {
+		return GridPattern;
+	}
+});
+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, "OpenApisContext", {
+	enumerable: true,
+	get: function() {
+		return OpenApisContext;
+	}
+});
+Object.defineProperty(exports, "PageFooter", {
+	enumerable: true,
+	get: function() {
+		return PageFooter;
+	}
+});
+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() {
+		return ThemeProvider;
+	}
+});
+Object.defineProperty(exports, "ThemeToggle", {
+	enumerable: true,
+	get: function() {
+		return ThemeToggle;
+	}
+});
+Object.defineProperty(exports, "__exportAll", {
+	enumerable: true,
+	get: function() {
+		return __exportAll;
+	}
+});
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});
+Object.defineProperty(exports, "remToPx", {
+	enumerable: true,
+	get: function() {
+		return remToPx;
+	}
+});
+Object.defineProperty(exports, "useClarifyConfig", {
+	enumerable: true,
+	get: function() {
+		return useClarifyConfig;
+	}
+});
+Object.defineProperty(exports, "useOpenApis", {
+	enumerable: true,
+	get: function() {
+		return useOpenApis;
+	}
+});
+Object.defineProperty(exports, "useSectionStore", {
+	enumerable: true,
+	get: function() {
+		return useSectionStore;
+	}
+});
+Object.defineProperty(exports, "useTheme", {
+	enumerable: true,
+	get: function() {
+		return useTheme;
+	}
+});
+
+//# sourceMappingURL=AppShell-DBgUlirU.cjs.map