@clarify-labs/renderer 0.11.21 → 0.11.23

package/output/{PageActions-CwJLUFUH.cjs → PageActions-IpmtuInV.cjs}

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-BMNCgF9o.cjs");
+const require_i18n = require("./i18n-tOmAUK0W.cjs");
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -315,26 +315,26 @@ function ContentActions(arg0) {
 						onClick: primaryAction.run,
 						disabled: primaryPhase === "copying",
 						"aria-live": "polite",
-						className: "clarify-content-actions-primary clarify-ui-control inline-flex h-9 min-w-0 items-center gap-2 rounded-md border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) px-3 shadow-xs shadow-zinc-900/5 transition",
+						className: "clarify-content-actions-primary clarify-ui-control inline-flex h-9 min-w-0 items-center gap-2 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) px-3 shadow-(--clarify-ui-shadow-raised) shadow-zinc-900/5 transition",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrimaryIcon, { className: `h-4 w-4 shrink-0 ${primaryPhase === "copying" ? "animate-spin" : ""}` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "truncate",
 							children: primaryPhase === "idle" ? primaryAction.label : feedbackLabel
 						})]
 					}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuButton, {
-						className: "clarify-content-actions-trigger clarify-ui-control inline-flex size-9 items-center justify-center rounded-md border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) shadow-xs shadow-zinc-900/5 transition",
+						className: "clarify-content-actions-trigger clarify-ui-control inline-flex size-9 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) shadow-(--clarify-ui-shadow-raised) shadow-zinc-900/5 transition",
 						"aria-label": t("contentActions.copyOptions"),
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5" })
 					})]
 				}),
 				feedbackAction && copyPhase !== "idle" && copied !== primaryAction?.key ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					role: "status",
-					className: "absolute top-full right-0 mt-2 inline-flex items-center gap-1.5 whitespace-nowrap rounded-md border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) px-2.5 py-1.5 text-xs shadow-lg shadow-zinc-900/10",
-					children: [copyPhase === "copying" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : copyPhase === "copied" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3.5 w-3.5 text-(--clarify-theme-tokens-colors-primary)" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: feedbackLabel })]
+					className: "absolute top-full right-0 mt-2 inline-flex items-center gap-1.5 whitespace-nowrap rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) px-2.5 py-1.5 text-xs shadow-(--clarify-ui-shadow-popover) shadow-zinc-900/10",
+					children: [copyPhase === "copying" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : copyPhase === "copied" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3.5 w-3.5 text-(--clarify-tone-success-icon)" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: feedbackLabel })]
 				}) : null,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.MenuItems, {
 					modal: false,
 					anchor: "bottom end",
-					className: "clarify-content-actions-list clarify-ui-menu z-30 mt-2 w-(--clarify-ui-action-menu-width) origin-top-right rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1.5 shadow-xl shadow-zinc-900/5 transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0",
+					className: "clarify-content-actions-list clarify-ui-menu z-30 mt-2 w-(--clarify-ui-action-menu-width) origin-top-right rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1.5 shadow-(--clarify-ui-shadow-popover) shadow-zinc-900/5 transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0",
 					children: [
 						actions.slice(0, 1).map((action) => {
 							const Icon = action.icon;
@@ -358,7 +358,7 @@ function ContentActions(arg0) {
 											children: action.description
 										})]
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
 								]
 							}) }, action.key);
 						}),
@@ -382,7 +382,7 @@ function ContentActions(arg0) {
 										children: viewDescription
 									})]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) opacity-0" })
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) opacity-0" })
 							]
 						}) }) : null,
 						actions.slice(1).map((action) => {
@@ -407,7 +407,7 @@ function ContentActions(arg0) {
 											children: action.description
 										})]
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
 								]
 							}) }, action.key);
 						}),
@@ -430,7 +430,7 @@ function ContentActions(arg0) {
 										children: llmsAction.description
 									})]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${copied === llmsAction.key ? "opacity-100" : "opacity-0"}` })
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) transition ${copied === llmsAction.key ? "opacity-100" : "opacity-0"}` })
 							]
 						}) }, llmsAction.key) : null,
 						mcpEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -452,7 +452,7 @@ function ContentActions(arg0) {
 										children: mcpAction.description
 									})]
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${copied === mcpAction.key ? "opacity-100" : "opacity-0"}` })
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) transition ${copied === mcpAction.key ? "opacity-100" : "opacity-0"}` })
 							]
 						}) }, mcpAction.key) : null
 					]
@@ -549,7 +549,7 @@ function ThemeToggle() {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
 			transition: true,
 			modal: false,
-			className: "clarify-theme-toggle-menu clarify-ui-menu absolute right-0 z-50 mt-2 w-(--clarify-ui-menu-width) rounded-(--clarify-theme-tokens-radius-xl) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg ring-1 shadow-zinc-900/5 ring-(--clarify-theme-tokens-colors-border) 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",
+			className: "clarify-theme-toggle-menu clarify-ui-menu absolute right-0 z-50 mt-2 w-(--clarify-ui-menu-width) rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-ui-border) bg-(--clarify-ui-surface-elevated) p-1 shadow-(--clarify-ui-shadow-popover) 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",
 			children: themeOptions.map((option) => {
 				const Icon = option.icon;
 				const selected = option.value === theme;
@@ -742,6 +742,16 @@ function useSectionStore(selector) {
 	return (0, zustand.useStore)(store, selector);
 }
 //#endregion
+//#region source/openapi/components/DeprecatedBadge.tsx
+function DeprecatedBadge(props) {
+	const { className } = props;
+	const t = require_i18n.useBuiltInText();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: (0, clsx.default)("inline-flex shrink-0 items-center rounded-(--clarify-theme-tokens-radius-sm) border border-(--clarify-tone-warning-border) bg-(--clarify-tone-warning-background) px-1.5 py-0.5 align-middle text-xs font-medium leading-4 whitespace-nowrap text-(--clarify-tone-warning-text)", className),
+		children: t("openapi.deprecated")
+	});
+}
+//#endregion
 //#region source/shell/Navigation.tsx
 function normalizePath(path) {
 	return path === "" ? "/" : path;
@@ -757,15 +767,15 @@ function containsActivePath(node, pathname, currentLocale) {
 	return isSameRoutePath(node.path, pathname, currentLocale) || node.children?.some((child) => containsActivePath(child, pathname, currentLocale)) || false;
 }
 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",
-	WEBHOOK: "text-violet-500 dark:text-violet-400"
+	GET: "text-(--clarify-http-method-get-text)",
+	POST: "text-(--clarify-http-method-post-text)",
+	PUT: "text-(--clarify-http-method-put-text)",
+	PATCH: "text-(--clarify-http-method-patch-text)",
+	DELETE: "text-(--clarify-http-method-delete-text)",
+	OPTIONS: "text-(--clarify-http-method-options-text)",
+	HEAD: "text-(--clarify-http-method-head-text)",
+	TRACE: "text-(--clarify-http-method-trace-text)",
+	WEBHOOK: "text-(--clarify-http-method-webhook-text)"
 };
 function SectionBadge(arg0) {
 	const { children } = arg0;
@@ -872,10 +882,14 @@ function NavigationPage(arg0) {
 							children: Array.from({ length: Math.max(1, (section.level ?? 2) - 1) }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "invisible h-3.5 w-3.5" }, index))
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 							className: "flex min-w-0 flex-1 items-center gap-2",
-							children: [section.badge ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionBadge, { children: section.badge }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: "min-w-0 flex-1 truncate whitespace-nowrap",
-								children: section.title
-							})]
+							children: [
+								section.badge ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SectionBadge, { children: section.badge }) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "min-w-0 flex-1 truncate whitespace-nowrap",
+									children: section.title
+								}),
+								section.deprecated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeprecatedBadge, {}) : null
+							]
 						})]
 					}) }, section.id))
 				}) : null
@@ -1030,19 +1044,19 @@ function MobileTabsSelect(arg0) {
 		as: "div",
 		className: "clarify-mobile-tabs-select mb-6",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_headlessui_react.MenuButton, {
-			className: "clarify-mobile-tabs-select-trigger clarify-ui-control group flex h-10 w-full items-center justify-between gap-2 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) px-4 text-left font-semibold shadow-xs shadow-zinc-900/5 transition dark:border-white/10",
+			className: "clarify-mobile-tabs-select-trigger clarify-ui-control group flex h-10 w-full items-center justify-between gap-2 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-ui-border) bg-(--clarify-ui-surface) px-4 text-left font-semibold shadow-(--clarify-ui-shadow-raised) transition",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "flex min-w-0 items-center gap-2",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavigationIcon, {
 					name: activeTab.icon,
-					className: "h-4 w-4 shrink-0 text-(--clarify-theme-tokens-colors-primary)"
+					className: "h-4 w-4 shrink-0 text-(--clarify-brand-navigation-icon)"
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "truncate",
 					children: activeTab.title
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-4 w-4 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition-transform group-aria-expanded:rotate-180" })]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
-			className: "clarify-mobile-tabs-select-list clarify-ui-menu mt-2 flex flex-col gap-1 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg shadow-zinc-900/5 focus:outline-none dark:border-white/10 dark:bg-zinc-900 dark:shadow-none",
+			className: "clarify-mobile-tabs-select-list clarify-ui-menu mt-2 flex flex-col gap-1 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-ui-border) bg-(--clarify-ui-surface-elevated) p-1 shadow-(--clarify-ui-shadow-popover) focus:outline-none",
 			children: tabs.map((tab) => {
 				const active = isActiveTab$1(tab, pathname, currentLocale);
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router_dom.Link, {
@@ -1083,7 +1097,7 @@ function MobileNavigationDialog(arg0) {
 			className: "data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
 		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.TransitionChild, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
 			layoutScroll: true,
-			className: "clarify-mobile-navigation-panel fixed top-14 bottom-0 left-0 w-full max-w-sm overflow-y-auto bg-(--clarify-theme-tokens-colors-background) px-4 pt-6 pb-4 shadow-lg ring-1 shadow-zinc-900/10 ring-(--clarify-theme-tokens-colors-border) duration-500 ease-in-out data-closed:-translate-x-full sm:px-6 sm:pb-10 dark:bg-zinc-950 dark:ring-zinc-800",
+			className: "clarify-mobile-navigation-panel fixed top-14 bottom-0 left-0 w-full max-w-sm overflow-y-auto bg-(--clarify-theme-tokens-colors-background) px-4 pt-6 pb-4 ring-1 ring-(--clarify-ui-border) duration-500 ease-in-out data-closed:-translate-x-full sm:px-6 sm:pb-10",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileTabsSelect, {
 				tabs,
 				currentLocale
@@ -1116,7 +1130,7 @@ function MobileNavigation(arg0) {
 			className: "clarify-mobile-navigation-button clarify-ui-icon-button relative flex size-9 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition",
 			"aria-label": t("navigation.toggle"),
 			onClick: toggle,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleIcon, { className: "h-4 w-4 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleIcon, { className: "h-4 w-4 stroke-(--clarify-ui-text-strong)" })]
 		}), !isInsideMobileNavigation ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileNavigationDialog, {
@@ -1151,7 +1165,7 @@ function useSearchProps() {
 }
 //#endregion
 //#region source/shell/Search.tsx
-var SearchDialog = (0, react.lazy)(() => Promise.resolve().then(() => require("./SearchDialog-LCYjnaI0.cjs")));
+var SearchDialog = (0, react.lazy)(() => Promise.resolve().then(() => require("./SearchDialog-wjtpnKYS.cjs")));
 function getModifierKey() {
 	if (typeof navigator === "undefined") return "Ctrl ";
 	return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl ";
@@ -1168,11 +1182,11 @@ function Search(arg0) {
 		className: compact ? "clarify-search hidden lg:block" : "clarify-search hidden w-80 max-w-(--clarify-search-max-width) lg:block",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
-			className: compact ? "clarify-search-button clarify-ui-control hidden size-9 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition lg:flex" : "clarify-search-button hidden h-9 w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-theme-tokens-colors-surface) pr-3 pl-2.5 font-medium ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-theme-tokens-colors-background) lg:flex dark:bg-white/5 dark:ring-white/10 dark:ring-inset dark:hover:bg-white/10",
+			className: compact ? "clarify-search-button clarify-ui-control hidden size-9 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition lg:flex" : "clarify-search-button hidden h-9 w-full items-center gap-2 rounded-(--clarify-theme-tokens-radius-lg) bg-(--clarify-ui-surface) pr-3 pl-2.5 font-medium ring-1 ring-(--clarify-ui-border) transition hover:bg-(--clarify-ui-hover-background) lg:flex",
 			"aria-label": compact ? t("search.placeholder") : void 0,
 			...buttonProps,
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-5 w-5 stroke-current" }), !compact ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [t("search.button"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("kbd", {
-				className: "clarify-search-shortcut ml-auto rounded-(--clarify-theme-tokens-radius-sm) bg-(--clarify-theme-tokens-colors-background) px-1.5 py-0.5 ring-1 ring-(--clarify-theme-tokens-colors-border) dark:bg-white/5 dark:ring-white/10",
+				className: "clarify-search-shortcut ml-auto rounded-(--clarify-theme-tokens-radius-sm) bg-(--clarify-ui-subtle-background) px-1.5 py-0.5 ring-1 ring-(--clarify-ui-border)",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
 					className: "font-sans",
 					children: modifierKey
@@ -1209,7 +1223,7 @@ function MobileSearch(arg0) {
 			className: "clarify-mobile-search-button clarify-ui-control relative flex size-9 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition lg:hidden",
 			"aria-label": t("search.placeholder"),
 			...buttonProps,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Search, { className: "h-5 w-5 stroke-(--clarify-ui-text-strong)" })]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchDialog, {
@@ -1287,7 +1301,7 @@ function LanguageSwitcher(arg0) {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
 			transition: true,
 			modal: false,
-			className: "clarify-language-switcher-menu clarify-ui-menu absolute right-0 z-50 mt-2 w-(--clarify-ui-menu-width) rounded-(--clarify-theme-tokens-radius-xl) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg ring-1 shadow-zinc-900/5 ring-(--clarify-theme-tokens-colors-border) 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",
+			className: "clarify-language-switcher-menu clarify-ui-menu absolute right-0 z-50 mt-2 w-(--clarify-ui-menu-width) rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-ui-border) bg-(--clarify-ui-surface-elevated) p-1 shadow-(--clarify-ui-shadow-popover) 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",
 			children: locales.locales.flatMap((locale) => {
 				const localizedPath = localizedRoutePath(config, locale.code, currentRoute);
 				if (!localizedPath) return [];
@@ -1456,7 +1470,7 @@ function NavbarMenus(arg0) {
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
 						anchor: "bottom start",
 						transition: true,
-						className: "clarify-ui-menu z-50 mt-2 min-w-48 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0 dark:border-white/10 dark:bg-zinc-900",
+						className: "clarify-ui-menu z-50 mt-2 min-w-48 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-ui-border) bg-(--clarify-ui-surface-elevated) p-1 shadow-(--clarify-ui-shadow-popover) transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavbarMenuItems, {
 							items: menu.items,
 							config,
@@ -1482,7 +1496,7 @@ function MobileNavbarMenu(arg0) {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_headlessui_react.MenuItems, {
 			transition: true,
 			anchor: "bottom end",
-			className: "clarify-mobile-navbar-menu-list clarify-ui-menu z-50 mt-2 w-(--clarify-ui-menu-width) rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0 dark:border-white/10 dark:bg-zinc-900",
+			className: "clarify-mobile-navbar-menu-list clarify-ui-menu z-50 mt-2 w-(--clarify-ui-menu-width) rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-ui-border) bg-(--clarify-ui-surface-elevated) p-1 shadow-(--clarify-ui-shadow-popover) transition [--anchor-gap:--spacing(2)] focus:outline-none data-closed:scale-95 data-closed:opacity-0",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavbarMenuItems, {
 				items: menus,
 				config,
@@ -1544,7 +1558,7 @@ function ProductTabs(arg0) {
 	if (!tabs?.length) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-clarify-header-tabs": true,
-		className: "clarify-product-tabs hidden h-14 border-t border-(--clarify-theme-tokens-colors-border) lg:block dark:border-white/10",
+		className: "clarify-product-tabs hidden h-14 border-t border-(--clarify-ui-border) lg:block",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "clarify-product-tabs-frame relative mx-auto h-full w-full max-w-(--clarify-theme-layout-max-width)",
 			"data-at-start": scrollState.start || void 0,
@@ -1675,7 +1689,7 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 					currentLocale
 				}) : null,
 				renderTopLinks(),
-				hasNavbarMenus ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mx-2 hidden h-5 w-px bg-(--clarify-theme-tokens-colors-border) md:block md:dark:bg-white/15" }) : null,
+				hasNavbarMenus ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mx-2 hidden h-5 w-px bg-(--clarify-ui-border-strong) md:block" }) : null,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MobileSearch, {
 					routes,
 					navigation
@@ -1743,7 +1757,7 @@ var Header = (0, react.forwardRef)(function Header(arg0, ref) {
 		...props,
 		ref,
 		"data-pagefind-ignore": true,
-		className: (0, clsx.default)(className, "clarify-header fixed inset-x-0 top-0 z-50 border-b border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background)/(--bg-opacity-light) backdrop-blur-xs transition dark:border-white/10 dark:bg-zinc-950/(--bg-opacity-dark) dark:backdrop-blur-sm", isInsideMobileNavigation && "bg-(--clarify-theme-tokens-colors-background) dark:bg-zinc-950"),
+		className: (0, clsx.default)(className, "clarify-header fixed inset-x-0 top-0 z-50 border-b border-(--clarify-ui-border) bg-(--clarify-theme-tokens-colors-background)/(--bg-opacity-light) backdrop-blur-xs transition dark:bg-(--clarify-theme-tokens-colors-background)/(--bg-opacity-dark) dark:backdrop-blur-sm", isInsideMobileNavigation && "bg-(--clarify-theme-tokens-colors-background)"),
 		style: {
 			"--bg-opacity-light": bgOpacityLight,
 			"--bg-opacity-dark": bgOpacityDark
@@ -1820,6 +1834,12 @@ function PageMetadata(props) {
 	});
 }
 //#endregion
+Object.defineProperty(exports, "DeprecatedBadge", {
+	enumerable: true,
+	get: function() {
+		return DeprecatedBadge;
+	}
+});
 Object.defineProperty(exports, "Header", {
 	enumerable: true,
 	get: function() {
@@ -1989,4 +2009,4 @@ Object.defineProperty(exports, "useTheme", {
 	}
 });
 
-//# sourceMappingURL=PageActions-CwJLUFUH.cjs.map
+//# sourceMappingURL=PageActions-IpmtuInV.cjs.map