@clarify-labs/renderer 0.11.21 → 0.11.23

package/output/{PageActions-BszP_J4e.js → PageActions-B98vbZRP.js}

@@ -1,4 +1,4 @@
-import { a as useConfig, l as useLocale, t as useBuiltInText } from "./i18n-Zmmhz7FF.js";
+import { a as useConfig, l as useLocale, t as useBuiltInText } from "./i18n-Bt-OaKRP.js";
 import { Suspense, createContext, forwardRef, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Link, useLocation } from "react-router-dom";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -313,26 +313,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__ */ jsx(PrimaryIcon, { className: `h-4 w-4 shrink-0 ${primaryPhase === "copying" ? "animate-spin" : ""}` }), /* @__PURE__ */ jsx("span", {
 							className: "truncate",
 							children: primaryPhase === "idle" ? primaryAction.label : feedbackLabel
 						})]
 					}) : null, /* @__PURE__ */ jsx(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__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" })
 					})]
 				}),
 				feedbackAction && copyPhase !== "idle" && copied !== primaryAction?.key ? /* @__PURE__ */ 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__ */ jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : copyPhase === "copied" ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-(--clarify-theme-tokens-colors-primary)" }) : /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ 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__ */ jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : copyPhase === "copied" ? /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-(--clarify-tone-success-icon)" }) : /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ jsx("span", { children: feedbackLabel })]
 				}) : null,
 				/* @__PURE__ */ jsxs(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;
@@ -356,7 +356,7 @@ function ContentActions(arg0) {
 											children: action.description
 										})]
 									}),
-									/* @__PURE__ */ jsx(Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
+									/* @__PURE__ */ jsx(Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
 								]
 							}) }, action.key);
 						}),
@@ -380,7 +380,7 @@ function ContentActions(arg0) {
 										children: viewDescription
 									})]
 								}),
-								/* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) opacity-0" })
+								/* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) opacity-0" })
 							]
 						}) }) : null,
 						actions.slice(1).map((action) => {
@@ -405,7 +405,7 @@ function ContentActions(arg0) {
 											children: action.description
 										})]
 									}),
-									/* @__PURE__ */ jsx(Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-primary) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
+									/* @__PURE__ */ jsx(Check, { className: `h-3.5 w-3.5 shrink-0 text-(--clarify-tone-success-icon) transition ${isCopied ? "opacity-100" : "opacity-0"}` })
 								]
 							}) }, action.key);
 						}),
@@ -428,7 +428,7 @@ function ContentActions(arg0) {
 										children: llmsAction.description
 									})]
 								}),
-								/* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs("button", {
@@ -450,7 +450,7 @@ function ContentActions(arg0) {
 										children: mcpAction.description
 									})]
 								}),
-								/* @__PURE__ */ jsx(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__ */ jsx(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
 					]
@@ -547,7 +547,7 @@ function ThemeToggle() {
 		}), /* @__PURE__ */ jsx(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;
@@ -740,6 +740,16 @@ function useSectionStore(selector) {
 	return useStore(store, selector);
 }
 //#endregion
+//#region source/openapi/components/DeprecatedBadge.tsx
+function DeprecatedBadge(props) {
+	const { className } = props;
+	const t = useBuiltInText();
+	return /* @__PURE__ */ jsx("span", {
+		className: clsx("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;
@@ -755,15 +765,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;
@@ -870,10 +880,14 @@ function NavigationPage(arg0) {
 							children: Array.from({ length: Math.max(1, (section.level ?? 2) - 1) }, (_, index) => /* @__PURE__ */ jsx(ChevronRight, { className: "invisible h-3.5 w-3.5" }, index))
 						}), /* @__PURE__ */ jsxs("span", {
 							className: "flex min-w-0 flex-1 items-center gap-2",
-							children: [section.badge ? /* @__PURE__ */ jsx(SectionBadge, { children: section.badge }) : null, /* @__PURE__ */ jsx("span", {
-								className: "min-w-0 flex-1 truncate whitespace-nowrap",
-								children: section.title
-							})]
+							children: [
+								section.badge ? /* @__PURE__ */ jsx(SectionBadge, { children: section.badge }) : null,
+								/* @__PURE__ */ jsx("span", {
+									className: "min-w-0 flex-1 truncate whitespace-nowrap",
+									children: section.title
+								}),
+								section.deprecated ? /* @__PURE__ */ jsx(DeprecatedBadge, {}) : null
+							]
 						})]
 					}) }, section.id))
 				}) : null
@@ -1028,19 +1042,19 @@ function MobileTabsSelect(arg0) {
 		as: "div",
 		className: "clarify-mobile-tabs-select mb-6",
 		children: [/* @__PURE__ */ jsxs(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__ */ jsxs("span", {
 				className: "flex min-w-0 items-center gap-2",
 				children: [/* @__PURE__ */ 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__ */ jsx("span", {
 					className: "truncate",
 					children: activeTab.title
 				})]
 			}), /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition-transform group-aria-expanded:rotate-180" })]
 		}), /* @__PURE__ */ jsx(MenuItems, {
-			className: "clarify-mobile-tabs-select-list clarify-ui-menu mt-2 flex flex-col gap-1 rounded-(--clarify-theme-tokens-radius-xl) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-1 shadow-lg shadow-zinc-900/5 focus:outline-none dark:border-white/10 dark:bg-zinc-900 dark:shadow-none",
+			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__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsxs(Link, {
@@ -1081,7 +1095,7 @@ function MobileNavigationDialog(arg0) {
 			className: "data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in"
 		}) }), /* @__PURE__ */ jsx(TransitionChild, { children: /* @__PURE__ */ jsxs(motion.div, {
 			layoutScroll: true,
-			className: "clarify-mobile-navigation-panel fixed top-14 bottom-0 left-0 w-full 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__ */ jsx(MobileTabsSelect, {
 				tabs,
 				currentLocale
@@ -1114,7 +1128,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__ */ jsx("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ jsx(ToggleIcon, { className: "h-4 w-4 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ jsx("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ jsx(ToggleIcon, { className: "h-4 w-4 stroke-(--clarify-ui-text-strong)" })]
 		}), !isInsideMobileNavigation ? /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(MobileNavigationDialog, {
@@ -1149,7 +1163,7 @@ function useSearchProps() {
 }
 //#endregion
 //#region source/shell/Search.tsx
-var SearchDialog = lazy(() => import("./SearchDialog-BKl8YlX5.js"));
+var SearchDialog = lazy(() => import("./SearchDialog-B4MS3QuJ.js"));
 function getModifierKey() {
 	if (typeof navigator === "undefined") return "Ctrl ";
 	return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl ";
@@ -1166,11 +1180,11 @@ function Search$1(arg0) {
 		className: compact ? "clarify-search hidden lg:block" : "clarify-search hidden w-80 max-w-(--clarify-search-max-width) lg:block",
 		children: [/* @__PURE__ */ 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__ */ jsx(Search, { className: "h-5 w-5 stroke-current" }), !compact ? /* @__PURE__ */ jsxs(Fragment$1, { children: [t("search.button"), /* @__PURE__ */ jsxs("kbd", {
-				className: "clarify-search-shortcut ml-auto rounded-(--clarify-theme-tokens-radius-sm) bg-(--clarify-theme-tokens-colors-background) px-1.5 py-0.5 ring-1 ring-(--clarify-theme-tokens-colors-border) dark:bg-white/5 dark:ring-white/10",
+				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__ */ jsx("kbd", {
 					className: "font-sans",
 					children: modifierKey
@@ -1207,7 +1221,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__ */ jsx("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ jsx(Search, { className: "h-5 w-5 stroke-(--clarify-theme-tokens-colors-foreground) dark:stroke-white" })]
+			children: [/* @__PURE__ */ jsx("span", { className: "absolute size-11 pointer-fine:hidden" }), /* @__PURE__ */ jsx(Search, { className: "h-5 w-5 stroke-(--clarify-ui-text-strong)" })]
 		}), /* @__PURE__ */ jsx(Suspense, {
 			fallback: null,
 			children: /* @__PURE__ */ jsx(SearchDialog, {
@@ -1285,7 +1299,7 @@ function LanguageSwitcher(arg0) {
 		}), /* @__PURE__ */ jsx(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 [];
@@ -1454,7 +1468,7 @@ function NavbarMenus(arg0) {
 					}), /* @__PURE__ */ jsx(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__ */ jsx(NavbarMenuItems, {
 							items: menu.items,
 							config,
@@ -1480,7 +1494,7 @@ function MobileNavbarMenu(arg0) {
 		}), /* @__PURE__ */ jsx(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__ */ jsx(NavbarMenuItems, {
 				items: menus,
 				config,
@@ -1542,7 +1556,7 @@ function ProductTabs(arg0) {
 	if (!tabs?.length) return null;
 	return /* @__PURE__ */ 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__ */ 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,
@@ -1673,7 +1687,7 @@ var Header = forwardRef(function Header(arg0, ref) {
 					currentLocale
 				}) : null,
 				renderTopLinks(),
-				hasNavbarMenus ? /* @__PURE__ */ 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__ */ jsx("div", { className: "mx-2 hidden h-5 w-px bg-(--clarify-ui-border-strong) md:block" }) : null,
 				/* @__PURE__ */ jsx(MobileSearch, {
 					routes,
 					navigation
@@ -1741,7 +1755,7 @@ var Header = forwardRef(function Header(arg0, ref) {
 		...props,
 		ref,
 		"data-pagefind-ignore": true,
-		className: clsx(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: clsx(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
@@ -1818,6 +1832,6 @@ function PageMetadata(props) {
 	});
 }
 //#endregion
-export { getStoredThemePreference as C, storeThemePreference as D, storeLocalePreference as E, themeCookieName as O, getStoredLocalePreference as S, readLocaleCookie as T, resolveHomeHref as _, Navigation as a, normalizeRoutePath as b, remToPx as c, ThemeToggle as d, ThemeProvider as f, prefixHref as g, localizeHref as h, Header as i, lucideIconRegistry as l, isExternalHref as m, PageActionsProvider as n, SectionProvider as o, useTheme as p, PageMetadata as r, useSectionStore as s, PageActions as t, resolveLucideIconName as u, copyTextToClipboard as v, localeCookieName as w, resolveLocalizedText as x, isSameRoutePath as y };
+export { getStoredLocalePreference as C, storeLocalePreference as D, readLocaleCookie as E, storeThemePreference as O, resolveLocalizedText as S, localeCookieName as T, prefixHref as _, Navigation as a, isSameRoutePath as b, useSectionStore as c, resolveLucideIconName as d, ThemeToggle as f, localizeHref as g, isExternalHref as h, Header as i, themeCookieName as k, remToPx as l, useTheme as m, PageActionsProvider as n, DeprecatedBadge as o, ThemeProvider as p, PageMetadata as r, SectionProvider as s, PageActions as t, lucideIconRegistry as u, resolveHomeHref as v, getStoredThemePreference as w, normalizeRoutePath as x, copyTextToClipboard as y };
 
-//# sourceMappingURL=PageActions-BszP_J4e.js.map
+//# sourceMappingURL=PageActions-B98vbZRP.js.map