@clarify-labs/renderer 0.11.20 → 0.11.23

package/output/{ClarifyShell-BdkOnYRO.js → ClarifyShell-CMVVhs5d.js}

@@ -1,5 +1,5 @@
-import { a as useConfig, c as useConfigUpdaterOptional, i as OpenApiSpecsContext, l as useLocale, n as ConfigProvider, o as useConfigOptional, r as LocaleContext, s as useConfigUpdater, t as useBuiltInText } from "./i18n-Zmmhz7FF.js";
-import { E as storeLocalePreference, O as themeCookieName, S as getStoredLocalePreference, _ as resolveHomeHref, a as Navigation, b as normalizeRoutePath, f as ThemeProvider, h as localizeHref, i as Header, m as isExternalHref, n as PageActionsProvider, o as SectionProvider, p as useTheme, r as PageMetadata, s as useSectionStore, v as copyTextToClipboard, x as resolveLocalizedText, y as isSameRoutePath } from "./PageActions-BszP_J4e.js";
+import { a as useConfig, c as useConfigUpdaterOptional, i as OpenApiSpecsContext, l as useLocale, n as ConfigProvider, o as useConfigOptional, r as LocaleContext, s as useConfigUpdater, t as useBuiltInText } from "./i18n-Bt-OaKRP.js";
+import { C as getStoredLocalePreference, D as storeLocalePreference, S as resolveLocalizedText, a as Navigation, b as isSameRoutePath, c as useSectionStore, g as localizeHref, h as isExternalHref, i as Header, k as themeCookieName, m as useTheme, n as PageActionsProvider, p as ThemeProvider, r as PageMetadata, s as SectionProvider, v as resolveHomeHref, x as normalizeRoutePath, y as copyTextToClipboard } from "./PageActions-B98vbZRP.js";
 import { Component, Suspense, createContext, lazy, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Link, Route, Routes, useLocation, useNavigate } from "react-router-dom";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -127,7 +127,7 @@ function BuiltInNotFoundPage() {
 		"aria-labelledby": "clarify-not-found-title",
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-sm/6 font-semibold text-(--clarify-theme-tokens-colors-primary)",
+				className: "text-sm/6 font-semibold text-(--clarify-ui-text-faint)",
 				children: text("notFound.label")
 			}),
 			/* @__PURE__ */ jsx("h1", {
@@ -142,7 +142,7 @@ function BuiltInNotFoundPage() {
 			/* @__PURE__ */ jsx("div", {
 				className: "mt-8",
 				children: /* @__PURE__ */ jsx(Link, {
-					className: "inline-flex items-center rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-theme-tokens-colors-primary) px-3 py-2 text-sm/5 font-semibold text-white shadow-xs transition hover:opacity-90",
+					className: "inline-flex items-center rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-theme-tokens-colors-primary) px-3 py-2 text-sm/5 font-semibold text-(--clarify-ui-on-accent) shadow-(--clarify-ui-shadow-raised) transition hover:opacity-90",
 					to: homeHref,
 					children: text("notFound.home")
 				})
@@ -314,7 +314,7 @@ function RenderErrorPanel(props) {
 					}, `${label}-${index}`))
 				}) : null,
 				/* @__PURE__ */ jsxs("div", {
-					className: "mt-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-code-background)",
+					className: "mt-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-ui-surface-elevated)",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex items-center justify-between gap-3 border-b border-(--clarify-theme-tokens-colors-border) px-4 py-3",
 						children: [/* @__PURE__ */ jsx("p", {
@@ -481,7 +481,7 @@ function PageBanner(props) {
 	const link = banner.link;
 	const linkLabel = link ? resolveLocalizedText(link.label, currentLocale, config.locales?.default) : "";
 	return /* @__PURE__ */ jsxs("div", {
-		className: "clarify-banner relative flex h-12 items-center border-b border-(--clarify-ui-accent-border) bg-(--clarify-ui-accent-background) px-4 text-sm text-(--clarify-ui-text) dark:border-white/10",
+		className: "clarify-banner relative flex h-12 items-center border-b border-(--clarify-theme-tokens-colors-border) bg-(--clarify-ui-subtle-background) px-4 text-sm text-(--clarify-ui-text)",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "mx-auto flex min-w-0 w-full max-w-(--clarify-theme-layout-max-width) items-center justify-center gap-1 pr-9 sm:gap-2",
 			children: [/* @__PURE__ */ jsx("p", {
@@ -615,7 +615,7 @@ function PageNavigationLink(arg0) {
 					isNext ? /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5 transition-transform group-hover:translate-x-0.5" }) : null
 				]
 			}), /* @__PURE__ */ jsx("span", {
-				className: "clarify-page-navigation-title mt-1 block truncate text-base/6 font-semibold text-(--clarify-theme-tokens-colors-foreground) transition-colors group-hover:text-(--clarify-theme-tokens-colors-primary)",
+				className: "clarify-page-navigation-title mt-1 block truncate text-base/6 font-semibold text-(--clarify-theme-tokens-colors-foreground) transition-colors group-hover:text-(--clarify-ui-text-strong)",
 				children: route.title
 			})]
 		})
@@ -655,7 +655,7 @@ function PageSkeleton() {
 				className: "space-y-5",
 				children: [
 					/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-24 rounded-full bg-(--clarify-skeleton-accent-background)" }),
-					/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-11 w-full max-w-(--clarify-skeleton-title-width) rounded-3xl" }),
+					/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-11 w-full max-w-(--clarify-skeleton-title-width) rounded-(--clarify-theme-tokens-radius-lg)" }),
 					/* @__PURE__ */ jsxs("div", {
 						className: "max-w-3xl space-y-3",
 						children: [/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-full" }), /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-5/6" })]
@@ -665,7 +665,7 @@ function PageSkeleton() {
 			/* @__PURE__ */ jsx("div", {
 				className: "grid gap-4 xl:grid-cols-2",
 				children: [0, 1].map((item) => /* @__PURE__ */ jsx("div", {
-					className: "rounded-(--clarify-skeleton-card-radius) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-5 shadow-sm shadow-zinc-900/5",
+					className: "rounded-(--clarify-skeleton-card-radius) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-5 shadow-(--clarify-ui-shadow-raised) shadow-zinc-900/5",
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "flex items-start gap-4",
 						children: [/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-10 w-10 shrink-0 bg-(--clarify-skeleton-accent-background)" }), /* @__PURE__ */ jsxs("div", {
@@ -681,18 +681,18 @@ function PageSkeleton() {
 					/* @__PURE__ */ jsxs("article", {
 						className: "space-y-5",
 						children: [
-							/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-7 w-full max-w-(--clarify-skeleton-heading-width) rounded-2xl" }),
+							/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-7 w-full max-w-(--clarify-skeleton-heading-width) rounded-(--clarify-theme-tokens-radius-lg)" }),
 							/* @__PURE__ */ jsx(SkeletonParagraph, {}),
 							/* @__PURE__ */ jsx("div", {
-								className: "rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-ui-accent-border) bg-(--clarify-ui-accent-background) p-4",
+								className: "rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-ui-border) bg-(--clarify-ui-subtle-background) p-4",
 								children: /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-full max-w-(--clarify-skeleton-line-width) bg-(--clarify-skeleton-accent-background)" })
 							})
 						]
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "overflow-hidden rounded-(--clarify-skeleton-block-radius) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-code-background)",
+						className: "overflow-hidden rounded-(--clarify-skeleton-block-radius) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-ui-surface-elevated)",
 						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2 border-b border-(--clarify-theme-tokens-colors-border) px-4 py-3",
+							className: "flex items-center gap-2 border-b border-(--clarify-ui-border) bg-(--clarify-ui-subtle-background) px-4 py-3",
 							children: [
 								/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-3 rounded-full" }),
 								/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-3 rounded-full" }),
@@ -706,7 +706,7 @@ function PageSkeleton() {
 					}),
 					/* @__PURE__ */ jsxs("article", {
 						className: "space-y-5",
-						children: [/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-7 w-full max-w-(--clarify-skeleton-heading-short-width) rounded-2xl" }), /* @__PURE__ */ jsx("div", {
+						children: [/* @__PURE__ */ jsx(SkeletonBlock, { className: "h-7 w-full max-w-(--clarify-skeleton-heading-short-width) rounded-(--clarify-theme-tokens-radius-lg)" }), /* @__PURE__ */ jsx("div", {
 							className: "grid gap-3 sm:grid-cols-2",
 							children: [
 								0,
@@ -927,6 +927,7 @@ function sectionsForRoute(route) {
 		title: section.title,
 		level: section.level,
 		badge: section.badge,
+		deprecated: section.deprecated,
 		tags: section.tags
 	})) ?? [];
 }
@@ -1269,13 +1270,12 @@ function AppShell(arg0) {
 var randomThemePalettes = [
 	{
 		primary: "#047857",
-		accent: "#0D9488",
-		background: "#ffffff",
-		foreground: "#111827",
+		accent: "#0f766e",
+		background: "#f8fafc",
+		foreground: "#172033",
 		surface: "#ffffff",
-		muted: "#64748b",
-		borderMix: .12,
-		codeMix: .04
+		muted: "#667085",
+		borderMix: .11
 	},
 	{
 		primary: "#2563eb",
@@ -1284,8 +1284,7 @@ var randomThemePalettes = [
 		foreground: "#0f172a",
 		surface: "#ffffff",
 		muted: "#64748b",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#9333ea",
@@ -1294,8 +1293,7 @@ var randomThemePalettes = [
 		foreground: "#2e1065",
 		surface: "#ffffff",
 		muted: "#7e22ce",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#ea580c",
@@ -1304,8 +1302,7 @@ var randomThemePalettes = [
 		foreground: "#431407",
 		surface: "#fffbeb",
 		muted: "#9a3412",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#0f766e",
@@ -1314,8 +1311,7 @@ var randomThemePalettes = [
 		foreground: "#042f2e",
 		surface: "#ffffff",
 		muted: "#0f766e",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#be123c",
@@ -1324,8 +1320,7 @@ var randomThemePalettes = [
 		foreground: "#4c0519",
 		surface: "#ffffff",
 		muted: "#9f1239",
-		borderMix: .13,
-		codeMix: .06
+		borderMix: .13
 	},
 	{
 		primary: "#4f46e5",
@@ -1334,8 +1329,7 @@ var randomThemePalettes = [
 		foreground: "#1e1b4b",
 		surface: "#ffffff",
 		muted: "#4338ca",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#0e7490",
@@ -1344,8 +1338,7 @@ var randomThemePalettes = [
 		foreground: "#083344",
 		surface: "#ffffff",
 		muted: "#155e75",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#7c2d12",
@@ -1354,8 +1347,7 @@ var randomThemePalettes = [
 		foreground: "#450a0a",
 		surface: "#fff7ed",
 		muted: "#991b1b",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#365314",
@@ -1364,8 +1356,7 @@ var randomThemePalettes = [
 		foreground: "#1a2e05",
 		surface: "#ffffff",
 		muted: "#4d7c0f",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#0369a1",
@@ -1374,8 +1365,7 @@ var randomThemePalettes = [
 		foreground: "#082f49",
 		surface: "#ffffff",
 		muted: "#075985",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#a21caf",
@@ -1384,8 +1374,7 @@ var randomThemePalettes = [
 		foreground: "#4a044e",
 		surface: "#ffffff",
 		muted: "#86198f",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#c2410c",
@@ -1394,8 +1383,7 @@ var randomThemePalettes = [
 		foreground: "#431407",
 		surface: "#ffffff",
 		muted: "#9a3412",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#1d4ed8",
@@ -1404,8 +1392,7 @@ var randomThemePalettes = [
 		foreground: "#172554",
 		surface: "#ffffff",
 		muted: "#1e40af",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#6d28d9",
@@ -1414,8 +1401,7 @@ var randomThemePalettes = [
 		foreground: "#2e1065",
 		surface: "#ffffff",
 		muted: "#6b21a8",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#0f172a",
@@ -1424,8 +1410,7 @@ var randomThemePalettes = [
 		foreground: "#0f172a",
 		surface: "#ffffff",
 		muted: "#475569",
-		borderMix: .12,
-		codeMix: .04
+		borderMix: .12
 	},
 	{
 		primary: "#18181b",
@@ -1434,8 +1419,7 @@ var randomThemePalettes = [
 		foreground: "#18181b",
 		surface: "#ffffff",
 		muted: "#52525b",
-		borderMix: .12,
-		codeMix: .04
+		borderMix: .12
 	},
 	{
 		primary: "#166534",
@@ -1444,8 +1428,7 @@ var randomThemePalettes = [
 		foreground: "#052e16",
 		surface: "#ffffff",
 		muted: "#15803d",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#9d174d",
@@ -1454,8 +1437,7 @@ var randomThemePalettes = [
 		foreground: "#500724",
 		surface: "#ffffff",
 		muted: "#be185d",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#4338ca",
@@ -1464,8 +1446,7 @@ var randomThemePalettes = [
 		foreground: "#312e81",
 		surface: "#ffffff",
 		muted: "#4f46e5",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#92400e",
@@ -1474,8 +1455,7 @@ var randomThemePalettes = [
 		foreground: "#451a03",
 		surface: "#ffffff",
 		muted: "#a16207",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#0f766e",
@@ -1484,8 +1464,7 @@ var randomThemePalettes = [
 		foreground: "#134e4a",
 		surface: "#ffffff",
 		muted: "#0f766e",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#1e3a8a",
@@ -1494,8 +1473,7 @@ var randomThemePalettes = [
 		foreground: "#0f172a",
 		surface: "#ffffff",
 		muted: "#475569",
-		borderMix: .12,
-		codeMix: .04
+		borderMix: .12
 	},
 	{
 		primary: "#581c87",
@@ -1504,8 +1482,7 @@ var randomThemePalettes = [
 		foreground: "#3b0764",
 		surface: "#ffffff",
 		muted: "#7e22ce",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#991b1b",
@@ -1514,8 +1491,7 @@ var randomThemePalettes = [
 		foreground: "#450a0a",
 		surface: "#ffffff",
 		muted: "#b91c1c",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#115e59",
@@ -1524,8 +1500,7 @@ var randomThemePalettes = [
 		foreground: "#042f2e",
 		surface: "#ffffff",
 		muted: "#0f766e",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#075985",
@@ -1534,8 +1509,7 @@ var randomThemePalettes = [
 		foreground: "#082f49",
 		surface: "#ffffff",
 		muted: "#0369a1",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#7e22ce",
@@ -1544,8 +1518,7 @@ var randomThemePalettes = [
 		foreground: "#3b0764",
 		surface: "#ffffff",
 		muted: "#9333ea",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#b45309",
@@ -1554,8 +1527,7 @@ var randomThemePalettes = [
 		foreground: "#451a03",
 		surface: "#ffffff",
 		muted: "#92400e",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#065f46",
@@ -1564,8 +1536,7 @@ var randomThemePalettes = [
 		foreground: "#022c22",
 		surface: "#ffffff",
 		muted: "#047857",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#312e81",
@@ -1574,8 +1545,7 @@ var randomThemePalettes = [
 		foreground: "#1e1b4b",
 		surface: "#ffffff",
 		muted: "#4338ca",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#831843",
@@ -1584,8 +1554,7 @@ var randomThemePalettes = [
 		foreground: "#500724",
 		surface: "#ffffff",
 		muted: "#be185d",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#164e63",
@@ -1594,8 +1563,7 @@ var randomThemePalettes = [
 		foreground: "#083344",
 		surface: "#ffffff",
 		muted: "#155e75",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#3f6212",
@@ -1604,8 +1572,7 @@ var randomThemePalettes = [
 		foreground: "#1a2e05",
 		surface: "#ffffff",
 		muted: "#4d7c0f",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#1e40af",
@@ -1614,8 +1581,7 @@ var randomThemePalettes = [
 		foreground: "#172554",
 		surface: "#ffffff",
 		muted: "#2563eb",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#701a75",
@@ -1624,8 +1590,7 @@ var randomThemePalettes = [
 		foreground: "#4a044e",
 		surface: "#ffffff",
 		muted: "#a21caf",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#713f12",
@@ -1634,8 +1599,7 @@ var randomThemePalettes = [
 		foreground: "#422006",
 		surface: "#ffffff",
 		muted: "#a16207",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#1f2937",
@@ -1644,8 +1608,7 @@ var randomThemePalettes = [
 		foreground: "#111827",
 		surface: "#ffffff",
 		muted: "#4b5563",
-		borderMix: .12,
-		codeMix: .04
+		borderMix: .12
 	},
 	{
 		primary: "#27272a",
@@ -1654,8 +1617,7 @@ var randomThemePalettes = [
 		foreground: "#18181b",
 		surface: "#ffffff",
 		muted: "#52525b",
-		borderMix: .12,
-		codeMix: .04
+		borderMix: .12
 	},
 	{
 		primary: "#374151",
@@ -1664,8 +1626,7 @@ var randomThemePalettes = [
 		foreground: "#111827",
 		surface: "#ffffff",
 		muted: "#4b5563",
-		borderMix: .12,
-		codeMix: .04
+		borderMix: .12
 	},
 	{
 		primary: "#064e3b",
@@ -1674,8 +1635,7 @@ var randomThemePalettes = [
 		foreground: "#022c22",
 		surface: "#ffffff",
 		muted: "#047857",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#7f1d1d",
@@ -1684,8 +1644,7 @@ var randomThemePalettes = [
 		foreground: "#450a0a",
 		surface: "#ffffff",
 		muted: "#991b1b",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#3730a3",
@@ -1694,8 +1653,7 @@ var randomThemePalettes = [
 		foreground: "#1e1b4b",
 		surface: "#ffffff",
 		muted: "#4f46e5",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#9f1239",
@@ -1704,8 +1662,7 @@ var randomThemePalettes = [
 		foreground: "#4c0519",
 		surface: "#ffffff",
 		muted: "#be123c",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#134e4a",
@@ -1714,8 +1671,7 @@ var randomThemePalettes = [
 		foreground: "#042f2e",
 		surface: "#ffffff",
 		muted: "#0f766e",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#1d4ed8",
@@ -1724,8 +1680,7 @@ var randomThemePalettes = [
 		foreground: "#0f172a",
 		surface: "#ffffff",
 		muted: "#475569",
-		borderMix: .12,
-		codeMix: .05
+		borderMix: .12
 	},
 	{
 		primary: "#6b21a8",
@@ -1734,8 +1689,7 @@ var randomThemePalettes = [
 		foreground: "#2e1065",
 		surface: "#ffffff",
 		muted: "#7e22ce",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#155e75",
@@ -1744,8 +1698,7 @@ var randomThemePalettes = [
 		foreground: "#083344",
 		surface: "#ffffff",
 		muted: "#0369a1",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#854d0e",
@@ -1754,8 +1707,7 @@ var randomThemePalettes = [
 		foreground: "#422006",
 		surface: "#ffffff",
 		muted: "#a16207",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#14532d",
@@ -1764,8 +1716,7 @@ var randomThemePalettes = [
 		foreground: "#052e16",
 		surface: "#ffffff",
 		muted: "#166534",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#4c1d95",
@@ -1774,8 +1725,7 @@ var randomThemePalettes = [
 		foreground: "#2e1065",
 		surface: "#ffffff",
 		muted: "#6d28d9",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#9a3412",
@@ -1784,8 +1734,7 @@ var randomThemePalettes = [
 		foreground: "#431407",
 		surface: "#ffffff",
 		muted: "#c2410c",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#0c4a6e",
@@ -1794,8 +1743,7 @@ var randomThemePalettes = [
 		foreground: "#082f49",
 		surface: "#ffffff",
 		muted: "#075985",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#166534",
@@ -1804,8 +1752,7 @@ var randomThemePalettes = [
 		foreground: "#052e16",
 		surface: "#ffffff",
 		muted: "#15803d",
-		borderMix: .13,
-		codeMix: .05
+		borderMix: .13
 	},
 	{
 		primary: "#be185d",
@@ -1814,8 +1761,7 @@ var randomThemePalettes = [
 		foreground: "#500724",
 		surface: "#ffffff",
 		muted: "#9d174d",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	},
 	{
 		primary: "#5b21b6",
@@ -1824,16 +1770,15 @@ var randomThemePalettes = [
 		foreground: "#2e1065",
 		surface: "#ffffff",
 		muted: "#6d28d9",
-		borderMix: .14,
-		codeMix: .06
+		borderMix: .14
 	}
 ];
 var randomRadiusSets = [
 	{
-		sm: "2px",
-		md: "6px",
-		lg: "10px",
-		xl: "14px"
+		sm: "6px",
+		md: "8px",
+		lg: "12px",
+		xl: "16px"
 	},
 	{
 		sm: "4px",
@@ -1885,7 +1830,7 @@ var randomTabsLayouts = ["subnav", "navbar"];
 var randomDarkAccentPairs = [
 	{
 		primary: "#34d399",
-		accent: "#2dd4bf"
+		accent: "#5eead4"
 	},
 	{
 		primary: "#60a5fa",
@@ -1949,12 +1894,12 @@ function createRandomThemeColors(selection) {
 	return {
 		primary: modeColor(palette.primary, darkAccents.primary),
 		accent: modeColor(palette.accent, darkAccents.accent),
-		background: modeColor(palette.background, "#09090b"),
-		foreground: modeColor(palette.foreground, "#f8fafc"),
+		background: modeColor(palette.background, "#0a0a0b"),
+		foreground: modeColor(palette.foreground, "#f4f4f5"),
 		surface: modeColor(palette.surface, "#18181b"),
 		muted: modeColor(palette.muted, "#a1a1aa"),
-		border: modeColor(randomRgbMix(palette.foreground, palette.borderMix), "rgb(255 255 255 / 0.1)"),
-		codeBackground: modeColor(randomRgbMix(palette.primary, palette.codeMix), "#18181b")
+		border: modeColor(randomRgbMix(palette.foreground, palette.borderMix), "rgb(255 255 255 / 0.11)"),
+		codeBackground: modeColor("#18181b", "#171719")
 	};
 }
 function createRandomTheme() {
@@ -2008,7 +1953,7 @@ var themePresets = {
 					dark: "rgb(255 255 255 / 0.11)"
 				},
 				codeBackground: {
-					light: "#f1f5f3",
+					light: "#18181b",
 					dark: "#171719"
 				}
 			},
@@ -2048,7 +1993,7 @@ var themePresets = {
 					dark: "rgb(255 255 255 / 0.1)"
 				},
 				codeBackground: {
-					light: "#f4f4f5",
+					light: "#18181b",
 					dark: "#18181b"
 				}
 			},
@@ -2247,14 +2192,14 @@ function TextField(props) {
 				type: "color",
 				value,
 				"aria-label": `${label} color`,
-				className: "h-5 w-8 shrink-0 cursor-pointer rounded border border-(--clarify-theme-tokens-colors-border) bg-transparent p-0",
+				className: "h-5 w-8 shrink-0 cursor-pointer rounded-(--clarify-theme-tokens-radius-sm) border border-(--clarify-theme-tokens-colors-border) bg-transparent p-0",
 				onChange: handleTextChange
 			}) : null]
 		}), /* @__PURE__ */ jsx("input", {
 			id,
 			value,
 			spellCheck: false,
-			className: "h-9 w-full min-w-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 font-mono text-xs text-(--clarify-theme-tokens-colors-foreground) shadow-xs outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
+			className: "h-9 w-full min-w-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 font-mono text-xs text-(--clarify-theme-tokens-colors-foreground) shadow-(--clarify-ui-shadow-raised) outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
 			onChange: handleTextChange
 		})]
 	});
@@ -2302,14 +2247,14 @@ function ColorModeInput(props) {
 				type: "color",
 				value,
 				"aria-label": `${id} color`,
-				className: "h-4 w-6 shrink-0 cursor-pointer rounded border border-(--clarify-theme-tokens-colors-border) bg-transparent p-0",
+				className: "h-4 w-6 shrink-0 cursor-pointer rounded-(--clarify-theme-tokens-radius-sm) border border-(--clarify-theme-tokens-colors-border) bg-transparent p-0",
 				onChange: handleTextChange
 			}) : null]
 		}), /* @__PURE__ */ jsx("input", {
 			id,
 			value,
 			spellCheck: false,
-			className: "h-8 w-full min-w-0 rounded-(--clarify-theme-tokens-radius-sm) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2 font-mono text-xs text-(--clarify-theme-tokens-colors-foreground) shadow-xs outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
+			className: "h-8 w-full min-w-0 rounded-(--clarify-theme-tokens-radius-sm) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2 font-mono text-xs text-(--clarify-theme-tokens-colors-foreground) shadow-(--clarify-ui-shadow-raised) outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
 			onChange: handleTextChange
 		})]
 	});
@@ -2450,7 +2395,7 @@ function ThemeEditor(props) {
 							children: [/* @__PURE__ */ jsxs("select", {
 								id: "clarify-theme-editor-preset",
 								value: theme.preset,
-								className: "h-9 w-full appearance-none rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 pr-9 text-sm text-(--clarify-theme-tokens-colors-foreground) shadow-xs outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
+								className: "h-9 w-full appearance-none rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 pr-9 text-sm text-(--clarify-theme-tokens-colors-foreground) shadow-(--clarify-ui-shadow-raised) outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
 								onChange: (event) => updatePreset(event.target.value),
 								children: [/* @__PURE__ */ jsx("option", {
 									value: "default",
@@ -2507,7 +2452,7 @@ function ThemeEditor(props) {
 									children: [/* @__PURE__ */ jsxs("select", {
 										id: "clarify-theme-editor-tabs-position",
 										value: config.layout?.tabs ?? "subnav",
-										className: "h-9 w-full appearance-none rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 pr-9 text-sm text-(--clarify-theme-tokens-colors-foreground) shadow-xs outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
+										className: "h-9 w-full appearance-none rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 pr-9 text-sm text-(--clarify-theme-tokens-colors-foreground) shadow-(--clarify-ui-shadow-raised) outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
 										onChange: (event) => updateConfig((currentConfig) => ({
 											...currentConfig,
 											layout: {
@@ -2555,7 +2500,7 @@ function ThemeEditor(props) {
 				})]
 			}), /* @__PURE__ */ jsx("button", {
 				type: "button",
-				className: "rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-theme-tokens-colors-primary) px-3 py-1.5 text-xs/5 font-semibold text-white shadow-xs transition hover:opacity-90",
+				className: "rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-theme-tokens-colors-primary) px-3 py-1.5 text-xs/5 font-semibold text-(--clarify-ui-on-accent) shadow-(--clarify-ui-shadow-raised) transition hover:opacity-90",
 				onClick: copyConfig,
 				children: copyState === "copied" ? "Copied" : copyState === "failed" ? "Copy failed" : "Copy config"
 			})]
@@ -2564,7 +2509,7 @@ function ThemeEditor(props) {
 	function renderEditorPanel() {
 		if (!isOpen) return null;
 		return /* @__PURE__ */ jsxs("section", {
-			className: "mb-3 flex max-h-(--clarify-theme-editor-panel-max-height) w-(--clarify-theme-editor-width) flex-col overflow-hidden rounded-md border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/95 shadow-2xl shadow-zinc-900/15 backdrop-blur",
+			className: "mb-3 flex max-h-(--clarify-theme-editor-panel-max-height) w-(--clarify-theme-editor-width) flex-col overflow-hidden rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/95 shadow-(--clarify-ui-shadow-popover) shadow-zinc-900/15 backdrop-blur",
 			"aria-label": "Clarify theme editor",
 			children: [
 				renderPanelHeader(),
@@ -2577,7 +2522,7 @@ function ThemeEditor(props) {
 		className: clsx("clarify-theme-editor fixed right-4 bottom-4 z-50 text-(--clarify-theme-tokens-colors-foreground)", className),
 		children: [renderEditorPanel(), /* @__PURE__ */ jsx("button", {
 			type: "button",
-			className: "ml-auto flex size-12 items-center justify-center rounded-full border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/95 text-(--clarify-theme-tokens-colors-primary) shadow-xl shadow-zinc-900/15 backdrop-blur transition hover:scale-105 hover:bg-(--clarify-ui-accent-background) focus:outline-none focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
+			className: "ml-auto flex size-12 items-center justify-center rounded-full border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/95 text-(--clarify-theme-tokens-colors-primary) shadow-(--clarify-ui-shadow-popover) shadow-zinc-900/15 backdrop-blur transition hover:scale-105 hover:bg-(--clarify-ui-accent-background) focus:outline-none focus:ring-2 focus:ring-(--clarify-ui-accent-border)",
 			"aria-label": isOpen ? "Close Clarify theme editor" : "Open Clarify theme editor",
 			"aria-expanded": isOpen,
 			onClick: () => setIsOpen((value) => !value),
@@ -2640,4 +2585,4 @@ function ClarifyShell(props) {
 //#endregion
 export { themeBootstrapScript as a, AppShell as c, RenderErrorPanel as d, BuiltWithClarify as f, useSlot as g, SlotProvider as h, themeEditorPresets as i, PageFooter as l, RuntimeSlotsProvider as m, ThemeEditor as n, themePresets as o, RuntimeSlot as p, applyThemeVariables as r, themeStorageKey as s, ClarifyShell as t, PageBanner as u };
 
-//# sourceMappingURL=ClarifyShell-BdkOnYRO.js.map
+//# sourceMappingURL=ClarifyShell-CMVVhs5d.js.map