ardo 3.3.0 → 3.5.0

package/dist/{DocPage-B0Fr09xS.js → DocPage-EIVMae_6.js}

@@ -1,36 +1,38 @@
-import { d as useArdoSiteConfig, f as useArdoTOC, l as useArdoPageData, n as getPrevNextLinks, r as ArdoContext, s as useArdoConfig, u as useArdoSidebar } from "./sidebar-utils-1Skqle1Q.js";
+import { d as useArdoSidebar, f as useArdoSiteConfig, n as getPrevNextLinks, p as useArdoTOC, r as ArdoContext, s as useArdoConfig, u as useArdoPageData } from "./sidebar-utils-C06DJsx4.js";
 import { t as ARDO_FAVICON_DATA_URL } from "./favicon-Cx-inut3.js";
 import { Children, createContext, isValidElement, use, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Link, Links, Meta, Scripts, ScrollRestoration, useLocation } from "react-router";
+import "./assets/src/ui/Layout.css.ts.vanilla-ClOa1YZm.css";
+import "./assets/src/ui/Footer.css.ts.vanilla-DGTyff5Y.css";
 import { BookOpen as BookOpenIcon, Box as BoxIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, CircleX as XCircleIcon, Code2 as CodeIcon, Copy as CopyIcon, FileCode2 as FileCodeIcon, FileText as FileTextIcon, Info as InfoIcon, Lightbulb as LightbulbIcon, MessageCircle as MessageCircleIcon, Monitor as MonitorIcon, Moon as MoonIcon, Package as PackageIcon, Search as SearchIcon, Settings as SettingsIcon, Sun as SunIcon, TriangleAlert as AlertTriangleIcon, Wrench as WrenchIcon, X as XIcon } from "lucide-react";
-import "./assets/src/ui/Layout.css.ts.vanilla-C7TVummJ.css";
-import "./assets/src/ui/Footer.css.ts.vanilla-YkYGSrJ5.css";
-import "./assets/src/ui/components/CodeBlock.css.ts.vanilla-DL4KE8dp.css";
-import "./assets/src/ui/components/CopyButton.css.ts.vanilla-DSjVT6G0.css";
-import "./assets/src/ui/components/Container.css.ts.vanilla-CUhRUA9t.css";
+import "./assets/src/ui/components/CopyButton.css.ts.vanilla-CO2awD6S.css";
+import "./assets/src/ui/components/CodeBlock.css.ts.vanilla-DYyQRTxk.css";
+import "./assets/src/ui/components/Container.css.ts.vanilla-B8_jKj0Q.css";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 import "./assets/src/ui/components/Steps.css.ts.vanilla-CisaxeNj.css";
 import "./assets/src/ui/components/Tabs.css.ts.vanilla-C4-vJSnf.css";
 import "./assets/src/ui/Breadcrumb.css.ts.vanilla-Dpgq-C_p.css";
-import "./assets/src/ui/content.css.ts.vanilla-CJnrOQNh.css";
-import "./assets/src/ui/DocPage.css.ts.vanilla-BzG5Z7uL.css";
-import "./assets/src/ui/Toc.css.ts.vanilla-Py3sLE1P.css";
+import "./assets/src/ui/content.css.ts.vanilla-B5a1kmaY.css";
+import "./assets/src/ui/DocPage.css.ts.vanilla-CWL92vUE.css";
+import "./assets/src/ui/Toc.css.ts.vanilla-CQbpEdTg.css";
 //#region src/ui/Footer.css.ts
-var contentMeta = "_169q00b9";
+var contentMeta = "_169q00bb";
 var footer = "_169q00b0";
-var footerBuildTime = "_169q00b7";
+var footerArdoLink = "_169q00b5";
+var footerBuildTime = "_169q00b9";
 var footerContainer = "_169q00b1";
-var footerCopyright = "_169q00b6";
+var footerCopyright = "_169q00b8";
 var footerLink = "_169q00b4";
-var footerMessage = "_169q00b5";
+var footerMessage = "_169q00b7";
+var footerOwl = "_169q00b6";
 var footerPrimary = "_169q00b2";
 var footerSeparator = "_169q00b3";
-var nextLink = "_169q00be _169q00bc";
-var prevLink = "_169q00bc";
-var prevNext = "_169q00bb";
-var prevNextLabel = "_169q00bf";
-var prevNextTitle = "_169q00bg";
+var nextLink = "_169q00bg _169q00be";
+var prevLink = "_169q00be";
+var prevNext = "_169q00bd";
+var prevNextLabel = "_169q00bh";
+var prevNextTitle = "_169q00bi";
 //#endregion
 //#region src/ui/Layout.css.ts
 var home = "_8autjm3";
@@ -804,7 +806,7 @@ function ContentMeta({ edit, updated }) {
 			href: edit.href,
 			target: "_blank",
 			rel: "noopener noreferrer",
-			className: "_169q00ba",
+			className: "_169q00bc",
 			children: edit.text
 		}), updated.show && /* @__PURE__ */ jsxs("span", { children: [
 			updated.label,
@@ -1132,6 +1134,6 @@ function ArdoDocLayout({ content }) {
 	return /* @__PURE__ */ jsx(ArdoDocPage, { children: content });
 }
 //#endregion
-export { SunIcon as $, home as A, footerSeparator as B, ArdoCopyButton as C, ArdoBareContent as D, codeWrapper as E, footerContainer as F, FileCodeIcon as G, BoxIcon as H, footerCopyright as I, MonitorIcon as J, FileTextIcon as K, footerLink as L, layout as M, footer as N, ArdoLayout as O, footerBuildTime as P, SettingsIcon as Q, footerMessage as R, ArdoCodeGroup as S, codeTitle as T, ChevronDownIcon as U, BookOpenIcon as V, CodeIcon as W, PackageIcon as X, MoonIcon as Y, SearchIcon as Z, ArdoInfo as _, ArdoContent as a, ArdoWarning as b, ArdoTabPanel as c, ArdoSteps as d, WrenchIcon as et, ArdoIcon as f, ArdoDanger as g, ArdoContainer as h, ArdoTOC as i, homeMain as j, ArdoRootLayout as k, ArdoTabPanels as l, registerIcons as m, ArdoDocLayout as n, ArdoTab as o, getRegisteredIconNames as p, MessageCircleIcon as q, ArdoDocPage as r, ArdoTabList as s, ArdoDocContent as t, XIcon as tt, ArdoTabs as u, ArdoNote as v, codeBlock as w, ArdoCodeBlock as x, ArdoTip as y, footerPrimary as z };
+export { footerLink as $, home as A, MonitorIcon as B, ArdoCopyButton as C, ArdoBareContent as D, codeWrapper as E, ChevronDownIcon as F, SunIcon as G, PackageIcon as H, CodeIcon as I, footer as J, WrenchIcon as K, FileCodeIcon as L, layout as M, BookOpenIcon as N, ArdoLayout as O, BoxIcon as P, footerCopyright as Q, FileTextIcon as R, ArdoCodeGroup as S, codeTitle as T, SearchIcon as U, MoonIcon as V, SettingsIcon as W, footerBuildTime as X, footerArdoLink as Y, footerContainer as Z, ArdoInfo as _, ArdoContent as a, ArdoWarning as b, ArdoTabPanel as c, ArdoSteps as d, footerMessage as et, ArdoIcon as f, ArdoDanger as g, ArdoContainer as h, ArdoTOC as i, homeMain as j, ArdoRootLayout as k, ArdoTabPanels as l, registerIcons as m, ArdoDocLayout as n, footerPrimary as nt, ArdoTab as o, getRegisteredIconNames as p, XIcon as q, ArdoDocPage as r, footerSeparator as rt, ArdoTabList as s, ArdoDocContent as t, footerOwl as tt, ArdoTabs as u, ArdoNote as v, codeBlock as w, ArdoCodeBlock as x, ArdoTip as y, MessageCircleIcon as z };
 
-//# sourceMappingURL=DocPage-B0Fr09xS.js.map
+//# sourceMappingURL=DocPage-EIVMae_6.js.map

package/dist/DocPage-EIVMae_6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocPage-EIVMae_6.js","names":["styles.skipLink","styles.layoutContainer","styles.main","styles.copyButton","styles.copyText","styles.codeLine","styles.codeBlock","styles.codeWrapper","styles.codeGroup","styles.codeGroupTabs","styles.codeGroupTab","styles.codeGroupPanels","styles.codeGroupPanel","styles.container","styles.containerIcon","styles.containerBody","styles.containerTitle","styles.containerContent","styles.steps","styles.tabs","styles.tabList","styles.tab","styles.tabPanel","styles.tabPanels","styles.breadcrumb","styles.breadcrumbCurrent","docStyles.contentBody","docStyles.contentContainer","docStyles.contentHeader","docStyles.contentTitle","footerStyles.contentMeta","prevLink","nextLink","footerStyles.prevNext","footerStyles.prevLink","footerStyles.prevNextLabel","footerStyles.prevNextTitle","footerStyles.nextLink","toc","styles.toc","styles.tocTitle","styles.tocList","styles.tocLink","styles.docPage","styles.pageRail"],"sources":["../src/ui/Footer.css.ts","../src/ui/Layout.css.ts","../src/ui/Layout.tsx","../src/ui/BareContent.tsx","../src/ui/components/CodeBlock.css.ts","../src/ui/components/CopyButton.css.ts","../src/ui/components/CopyButton.tsx","../src/ui/components/CodeBlock.tsx","../src/ui/components/Container.css.ts","../src/ui/components/Container.tsx","../src/ui/components/Icon.tsx","../src/ui/components/Steps.css.ts","../src/ui/components/Steps.tsx","../src/ui/components/Tabs.css.ts","../src/ui/components/Tabs.tsx","../src/ui/Breadcrumb.css.ts","../src/ui/Breadcrumb.tsx","../src/ui/content.css.ts","../src/ui/DocPage.css.ts","../src/ui/Content.tsx","../src/ui/Toc.css.ts","../src/ui/Toc.tsx","../src/ui/DocPage.tsx"],"sourcesContent":["import { globalStyle, style } from \"@vanilla-extract/css\"\n\nimport * as layoutStyles from \"./Layout.css\"\nimport { vars } from \"./theme/contract.css\"\n\nexport const footer = style({\n  width: \"100%\",\n  padding: `${vars.space[\"2xl\"]} ${vars.space.xl}`,\n  textAlign: \"left\",\n  background: `color-mix(in oklch, ${vars.color.brand} 6%, ${vars.color.bgMute})`,\n  margin: `${vars.space[\"2xl\"]} 0 0`,\n  \"@media\": {\n    \"(max-width: 768px)\": {\n      padding: `${vars.space.xl} ${vars.space.md}`,\n    },\n  },\n})\n\nglobalStyle(`main > .${footer}`, {\n  width: `calc(100% + (${vars.space.xl} * 2))`,\n  marginRight: `calc(${vars.space.xl} * -1)`,\n  marginBottom: `calc(${vars.space.xl} * -1)`,\n  marginLeft: `calc(${vars.space.xl} * -1)`,\n  \"@media\": {\n    \"(max-width: 1024px)\": {\n      width: `calc(100% + (${vars.space.md} * 2))`,\n      marginRight: `calc(${vars.space.md} * -1)`,\n      marginLeft: `calc(${vars.space.md} * -1)`,\n    },\n  },\n})\n\nglobalStyle(`.${layoutStyles.home} .${layoutStyles.main} > .${footer}`, {\n  width: \"100%\",\n  marginRight: 0,\n  marginBottom: 0,\n  marginLeft: 0,\n})\n\nexport const footerContainer = style({\n  display: \"grid\",\n  gridTemplateColumns: \"minmax(0, 1fr) auto\",\n  alignItems: \"start\",\n  gap: `${vars.space.xs} ${vars.space[\"2xl\"]}`,\n  width: \"100%\",\n  maxWidth: \"80rem\",\n  margin: \"0 auto\",\n  \"@media\": {\n    \"(max-width: 768px)\": {\n      gridTemplateColumns: \"1fr\",\n      gap: vars.space.xs,\n    },\n  },\n})\n\nexport const footerPrimary = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 0,\n  flexWrap: \"wrap\",\n  fontSize: vars.fontSize.sm,\n  color: vars.color.textLight,\n  marginBottom: 0,\n})\n\nexport const footerSeparator = style({\n  display: \"inline-block\",\n  width: vars.space.xs,\n  height: vars.space.xs,\n  borderRadius: \"50%\",\n  background: vars.color.textLighter,\n  margin: `0 0.75rem`,\n  verticalAlign: \"middle\",\n})\n\nexport const footerLink = style({\n  color: vars.color.accent,\n  textDecoration: \"none\",\n  transition: `opacity ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      opacity: 0.8,\n    },\n  },\n})\n\nexport const footerArdoLink = style({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  gap: \"0.375rem\",\n  color: vars.color.brand,\n  textDecoration: \"none\",\n  transition: `opacity ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      opacity: 0.8,\n    },\n  },\n})\n\nexport const footerOwl = style({\n  color: vars.color.brand,\n  opacity: 0.85,\n  transition: `transform ${vars.transition.base}, opacity ${vars.transition.fast}`,\n  selectors: {\n    [`${footerArdoLink}:hover &`]: {\n      transform: \"rotate(-8deg)\",\n      opacity: 1,\n    },\n  },\n})\n\nexport const footerMessage = style({\n  gridColumn: \"1\",\n  fontSize: vars.fontSize.sm,\n  color: vars.color.textLighter,\n})\n\nexport const footerCopyright = style({\n  gridColumn: \"1\",\n  fontSize: vars.fontSize.sm,\n  color: vars.color.textLighter,\n})\n\nexport const footerBuildTime = style({\n  gridColumn: \"2\",\n  gridRow: \"1 / span 3\",\n  justifySelf: \"end\",\n  fontSize: vars.fontSize.xs,\n  color: `color-mix(in oklch, ${vars.color.accent} 65%, ${vars.color.textLighter})`,\n  fontFamily: vars.font.mono,\n  letterSpacing: \"0.02em\",\n  marginTop: \"2px\",\n  textAlign: \"right\",\n  \"@media\": {\n    \"(max-width: 768px)\": {\n      gridColumn: \"1\",\n      gridRow: \"auto\",\n      justifySelf: \"start\",\n      textAlign: \"left\",\n    },\n  },\n})\n\nexport const contentFooter = style({\n  marginTop: vars.space[\"2xl\"],\n})\n\nexport const contentMeta = style({\n  display: \"flex\",\n  justifyContent: \"space-between\",\n  alignItems: \"center\",\n  marginBottom: vars.space.lg,\n  fontSize: vars.fontSize.sm,\n  color: vars.color.textLighter,\n})\n\nexport const editLink = style({\n  color: vars.color.accent,\n  textDecoration: \"none\",\n  fontWeight: 500,\n  transition: `opacity ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      opacity: 0.8,\n    },\n  },\n})\n\nexport const prevNext = style({\n  display: \"grid\",\n  gridTemplateColumns: \"1fr 1fr\",\n  gap: vars.space.md,\n  maxWidth: \"80rem\",\n})\n\nconst prevNextLinkBase = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  padding: vars.space.lg,\n  border: `1px solid ${vars.color.border}`,\n  borderRadius: vars.radius.base,\n  textDecoration: \"none\",\n  transition: `all ${vars.transition.base}`,\n  selectors: {\n    \"&:hover\": {\n      borderColor: vars.color.accent,\n      background: vars.color.bgSoft,\n    },\n  },\n})\n\nexport const prevLink = style([prevNextLinkBase])\n\nexport const nextLink = style([prevNextLinkBase, { textAlign: \"right\" }])\n\nexport const prevNextLabel = style({\n  fontSize: vars.fontSize.xs,\n  fontWeight: 500,\n  color: vars.color.textLighter,\n  textTransform: \"uppercase\",\n  letterSpacing: \"0.05em\",\n  marginBottom: vars.space.xs,\n})\n\nexport const prevNextTitle = style({\n  fontWeight: 600,\n  color: vars.color.brand,\n})\n","import { globalStyle, style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"./theme/contract.css\"\n\nexport const layout = style({\n  height: \"100vh\",\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  background: vars.color.sidebarBg,\n  overflow: \"hidden\",\n})\n\nexport const layoutContainer = style({\n  display: \"flex\",\n  flex: 1,\n  width: \"100%\",\n  paddingTop: vars.layout.headerHeight,\n  minHeight: 0,\n})\n\nexport const main = style({\n  flex: 1,\n  minWidth: 0,\n  width: \"100%\",\n  background: vars.color.bg,\n  overflowY: \"auto\",\n  scrollPaddingTop: vars.space[\"2xl\"],\n  padding: `0 ${vars.space.xl} ${vars.space.xl}`,\n  \"@media\": {\n    \"(max-width: 1024px)\": {\n      padding: `0 ${vars.space.md} ${vars.space.xl}`,\n    },\n  },\n})\n\nexport const home = style({\n  height: \"auto\",\n  minHeight: \"100vh\",\n  overflow: \"visible\",\n})\n\nexport const homeMain = style({\n  paddingTop: vars.layout.headerHeight,\n})\n\n// No card styling on home page\nglobalStyle(`${home} .${main}`, {\n  marginLeft: 0,\n  padding: 0,\n  margin: 0,\n  borderRadius: 0,\n  border: \"none\",\n  background: vars.color.bg,\n  overflow: \"visible\",\n})\n\nexport const skipLink = style({\n  position: \"absolute\",\n  top: \"-100%\",\n  left: vars.space.md,\n  zIndex: 200,\n  padding: `0.75rem ${vars.space.lg}`,\n  background: vars.color.brand,\n  color: \"white\",\n  fontWeight: 600,\n  fontSize: vars.fontSize.sm,\n  textDecoration: \"none\",\n  borderRadius: vars.radius.base,\n  boxShadow: vars.color.shadowMd,\n  selectors: {\n    \"&:focus\": {\n      top: vars.space.md,\n    },\n  },\n})\n","import { type ReactNode, use } from \"react\"\nimport { Links, Meta, Scripts, ScrollRestoration } from \"react-router\"\n\nimport { ArdoContext } from \"../runtime/hooks\"\nimport { ARDO_FAVICON_DATA_URL } from \"./favicon\"\nimport * as styles from \"./Layout.css\"\n\n// =============================================================================\n// RootLayout Component (html/head/body shell)\n// =============================================================================\n\nexport type ArdoRootLayoutProps = {\n  children: ReactNode\n  /** Favicon URL for the SVG icon link. Defaults to the generated /icon.svg asset. */\n  favicon?: string\n  /**\n   * Base URL for generated icon files.\n   * Set to `false` to render only the inline fallback favicon link.\n   */\n  iconBasePath?: false | string\n  /** Language attribute for <html> (default: from config or \"en\") */\n  lang?: string\n}\n\n/**\n * Default HTML shell for Ardo sites. Replaces the boilerplate `Layout` export\n * that every root.tsx must define for React Router.\n *\n * @example Basic usage\n * ```tsx\n * // app/root.tsx\n * export { RootLayout as Layout } from \"ardo/ui\"\n * ```\n *\n * @example With favicon\n * ```tsx\n * import logo from \"./assets/logo.svg\"\n * export const Layout = (props) => <RootLayout favicon={logo} {...props} />\n * ```\n */\nexport function ArdoRootLayout({\n  children,\n  favicon,\n  iconBasePath = \"/\",\n  lang,\n}: ArdoRootLayoutProps) {\n  // Use optional context (RootLayout renders before ArdoProvider is available)\n  const context = use(ArdoContext)\n  const resolvedLang = lang ?? context?.config.lang ?? \"en\"\n  const iconBaseUrl = iconBasePath === false ? undefined : normalizeIconBasePath(iconBasePath)\n\n  return (\n    <html lang={resolvedLang} suppressHydrationWarning>\n      <head>\n        <meta charSet=\"utf-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n        {iconBaseUrl == null ? (\n          <link rel=\"icon\" type=\"image/svg+xml\" href={favicon ?? ARDO_FAVICON_DATA_URL} />\n        ) : (\n          <>\n            <link rel=\"icon\" href={`${iconBaseUrl}favicon.ico`} sizes=\"32x32\" />\n            <link rel=\"icon\" href={favicon ?? `${iconBaseUrl}icon.svg`} type=\"image/svg+xml\" />\n            <link rel=\"apple-touch-icon\" href={`${iconBaseUrl}apple-touch-icon.png`} />\n          </>\n        )}\n        <Meta />\n        <Links />\n      </head>\n      <body suppressHydrationWarning>\n        {children}\n        <ScrollRestoration />\n        <Scripts />\n      </body>\n    </html>\n  )\n}\n\nfunction normalizeIconBasePath(basePath: string): string {\n  if (basePath === \"\") {\n    return \"/\"\n  }\n\n  return `${basePath.endsWith(\"/\") ? basePath.slice(0, -1) : basePath}/`\n}\n\n// =============================================================================\n// Layout Component\n// =============================================================================\n\nexport type ArdoLayoutProps = {\n  /** Header content */\n  header?: ReactNode\n  /** Sidebar content */\n  sidebar?: ReactNode\n  /** Footer content */\n  footer?: ReactNode\n  /** Main content */\n  children: ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\n/**\n * Layout component with explicit slot props.\n *\n * @example\n * ```tsx\n * <Layout\n *   header={<Header logo=\"/logo.svg\" title=\"Ardo\" nav={...} />}\n *   sidebar={<Sidebar>...</Sidebar>}\n *   footer={<Footer message=\"MIT License\" />}\n * >\n *   <Outlet />\n * </Layout>\n * ```\n */\nexport function ArdoLayout({ header, sidebar, footer, children, className }: ArdoLayoutProps) {\n  return (\n    <div className={className ?? styles.layout}>\n      <a href=\"#main-content\" className={styles.skipLink}>\n        Skip to content\n      </a>\n      {header}\n      <div className={styles.layoutContainer}>\n        {sidebar}\n        <main id=\"main-content\" className={styles.main}>\n          {children}\n          {footer}\n        </main>\n      </div>\n    </div>\n  )\n}\n","import { createContext, type ReactNode, use } from \"react\"\n\nconst BareContentContext = createContext(false)\n\n/**\n * Wraps imported MDX content to render without the full Content wrapper\n * (article, header, footer, navigation). Only the content body is rendered.\n *\n * ```tsx\n * import MySnippet from \"./snippet.mdx\"\n *\n * <BareContent>\n *   <MySnippet />\n * </BareContent>\n * ```\n */\nexport function ArdoBareContent({ children }: { children: ReactNode }) {\n  return <BareContentContext value>{children}</BareContentContext>\n}\n\nexport function useBareContent(): boolean {\n  return use(BareContentContext)\n}\n","import { globalStyle, style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"../theme/contract.css\"\nimport { shikiContainerClassName } from \"./code-block-classes\"\nimport { copyButton } from \"./CopyButton.css\"\n\n// =============================================================================\n// React CodeBlock component styles\n// =============================================================================\n\nexport const codeBlock = style({\n  margin: `${vars.space.lg} 0`,\n  maxWidth: \"120ch\",\n  borderRadius: vars.radius.base,\n  overflow: \"hidden\",\n  background: vars.color.codeBg,\n  border: `1px solid ${vars.color.codeBorder}`,\n  boxShadow: vars.color.codeShadow,\n})\n\nexport const codeTitle = style({\n  padding: `${vars.space.smd} ${vars.space.md}`,\n  fontSize: vars.fontSize.xs,\n  fontWeight: 500,\n  fontFamily: vars.font.mono,\n  color: vars.color.textLight,\n  background: `color-mix(in oklch, ${vars.color.accentSubtle} 50%, ${vars.color.bgSoft})`,\n  borderBottom: `1px solid ${vars.color.codeBorder}`,\n})\n\nexport const codeWrapper = style({\n  position: \"relative\",\n})\n\n// Reveal the React CopyButton when the code block is hovered or focused.\nglobalStyle(`${codeWrapper}:hover .${copyButton}, ${codeWrapper}:focus-within .${copyButton}`, {\n  opacity: 1,\n})\n\nglobalStyle(`${codeWrapper} pre`, {\n  margin: 0,\n  padding: vars.space.md,\n  overflowX: \"auto\",\n  fontFamily: vars.font.mono,\n  fontSize: vars.fontSize.sm,\n  lineHeight: 1.7,\n  color: vars.color.text,\n  background: \"transparent !important\",\n})\n\nglobalStyle(`.dark ${codeWrapper} pre`, {\n  color: \"#e2e8f0\",\n})\n\nglobalStyle(`${codeWrapper} pre code`, {\n  display: \"flex\",\n  flexDirection: \"column\",\n})\n\nglobalStyle(`${codeWrapper} pre code .line`, {\n  minHeight: \"1lh\",\n})\n\nexport const codeLine = style({\n  display: \"block\",\n  margin: `0 -${vars.space.md}`,\n  padding: `0 ${vars.space.md}`,\n  borderLeft: \"3px solid transparent\",\n  selectors: {\n    \"&.highlighted\": {\n      background: `color-mix(in oklch, ${vars.color.brand} 11%, transparent)`,\n      borderLeftColor: vars.color.brand,\n    },\n  },\n})\n\nexport const lineNumber = style({\n  display: \"inline-block\",\n  width: \"2rem\",\n  color: vars.color.textLighter,\n  textAlign: \"right\",\n  marginRight: vars.space.md,\n  userSelect: \"none\",\n  selectors: {\n    \".dark &\": {\n      color: \"#475569\",\n    },\n  },\n})\n\n// =============================================================================\n// Server-rendered shiki code blocks\n// =============================================================================\n\nconst s = `.${shikiContainerClassName}`\n\nglobalStyle(`${s} > [data-title]`, {\n  padding: `${vars.space.smd} ${vars.space.md}`,\n  fontSize: vars.fontSize.xs,\n  fontWeight: 500,\n  fontFamily: vars.font.mono,\n  color: vars.color.textLight,\n  background: `color-mix(in oklch, ${vars.color.accentSubtle} 50%, ${vars.color.bgSoft})`,\n  borderBottom: `1px solid ${vars.color.codeBorder}`,\n})\n\nglobalStyle(s, {\n  margin: `${vars.space.lg} 0`,\n  maxWidth: \"120ch\",\n  borderRadius: vars.radius.base,\n  overflow: \"hidden\",\n  background: vars.color.codeBg,\n  border: `1px solid ${vars.color.codeBorder}`,\n  boxShadow: vars.color.codeShadow,\n})\n\nglobalStyle(`${s} > [data-lang]`, {\n  position: \"relative\",\n})\n\nglobalStyle(`${s} pre`, {\n  margin: 0,\n  padding: vars.space.md,\n  overflowX: \"auto\",\n  fontFamily: vars.font.mono,\n  fontSize: vars.fontSize.sm,\n  lineHeight: 1.7,\n  color: vars.color.text,\n  background: \"transparent !important\",\n})\n\nglobalStyle(`.dark ${s} pre`, {\n  color: \"#e2e8f0\",\n})\n\nglobalStyle(`${s} pre code`, {\n  display: \"flex\",\n  flexDirection: \"column\",\n})\n\nglobalStyle(`${s} .line`, {\n  display: \"block\",\n  minHeight: \"1lh\",\n  margin: `0 -${vars.space.md}`,\n  padding: `0 ${vars.space.md}`,\n  borderLeft: \"3px solid transparent\",\n})\n\nglobalStyle(`${s} .line.highlighted`, {\n  background: `color-mix(in oklch, ${vars.color.brand} 11%, transparent)`,\n  borderLeftColor: vars.color.brand,\n})\n\nglobalStyle(`${s} .line[data-ln]::before`, {\n  content: \"attr(data-ln)\",\n  display: \"inline-block\",\n  width: \"2rem\",\n  color: vars.color.textLighter,\n  textAlign: \"right\",\n  marginRight: vars.space.md,\n  userSelect: \"none\",\n})\n\nglobalStyle(`.dark ${s} .line[data-ln]::before`, {\n  color: \"#475569\",\n})\n\n// Copy button - hidden by default, shown when the block is hovered or focused\nglobalStyle(`${s} button[data-code]`, {\n  position: \"absolute\",\n  top: vars.space.sm,\n  right: vars.space.sm,\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: vars.space.xs,\n  padding: `${vars.space.xs} ${vars.space.sm}`,\n  background: vars.color.bg,\n  border: `1px solid ${vars.color.codeBorder}`,\n  borderRadius: vars.radius.sm,\n  cursor: \"pointer\",\n  fontSize: vars.fontSize.xs,\n  fontFamily: vars.font.family,\n  color: vars.color.textLight,\n  opacity: 0,\n  transition: `opacity ${vars.transition.base}, border-color ${vars.transition.fast}, color ${vars.transition.fast}`,\n})\n\nglobalStyle(`${s}:hover button[data-code], ${s}:focus-within button[data-code]`, {\n  opacity: 1,\n})\n\nglobalStyle(`${s} button[data-code]:hover, ${s} button[data-code]:focus-visible`, {\n  borderColor: vars.color.brand,\n  color: vars.color.brand,\n})\n\n// =============================================================================\n// Shiki theme integration\n// =============================================================================\n\nglobalStyle(\".shiki\", {\n  background: \"transparent !important\",\n})\n\nglobalStyle(\".shiki span\", {\n  color: \"var(--shiki-light)\",\n})\n\nglobalStyle(\".dark .shiki span\", {\n  color: \"var(--shiki-dark)\",\n})\n\n// =============================================================================\n// Code group styles\n// =============================================================================\n\nexport const codeGroup = style({\n  margin: `${vars.space.lg} 0`,\n  maxWidth: \"120ch\",\n  borderRadius: vars.radius.base,\n  overflow: \"hidden\",\n  background: vars.color.codeBg,\n  border: `1px solid ${vars.color.codeBorder}`,\n  boxShadow: vars.color.codeShadow,\n})\n\nexport const codeGroupTabs = style({\n  display: \"flex\",\n  background: vars.color.bgSoft,\n  borderBottom: `1px solid ${vars.color.codeBorder}`,\n})\n\nexport const codeGroupTab = style({\n  padding: `${vars.space.sm} ${vars.space.md}`,\n  background: \"none\",\n  border: \"none\",\n  cursor: \"pointer\",\n  fontSize: vars.fontSize.sm,\n  fontFamily: vars.font.mono,\n  color: vars.color.textLighter,\n  borderBottom: \"2px solid transparent\",\n  marginBottom: \"-1px\",\n  transition: `all ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      color: vars.color.text,\n    },\n    \"&.active\": {\n      color: vars.color.accent,\n      borderBottomColor: vars.color.accent,\n    },\n  },\n})\n\nexport const codeGroupPanels = style({})\n\nexport const codeGroupPanel = style({})\n\nglobalStyle(`${codeGroupPanel} ${codeBlock}`, {\n  margin: 0,\n  border: \"none\",\n  borderRadius: 0,\n  boxShadow: \"none\",\n  background: \"transparent\",\n})\n","import { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"../theme/contract.css\"\n\nexport const copyText = style({})\n\nexport const copyButton = style({\n  position: \"absolute\",\n  top: vars.space.sm,\n  right: vars.space.sm,\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: \"6px\",\n  padding: \"6px 10px\",\n  background: vars.color.bg,\n  border: `1px solid ${vars.color.codeBorder}`,\n  borderRadius: vars.radius.sm,\n  cursor: \"pointer\",\n  fontSize: \"12px\",\n  fontFamily: vars.font.family,\n  color: vars.color.textLight,\n  // Hidden by default; revealed when the enclosing code block is hovered\n  // or focused (handled in CodeBlock.css.ts via a global selector).\n  opacity: 0,\n  transition: `opacity ${vars.transition.base}, border-color ${vars.transition.fast}, color ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover, &:focus-visible\": {\n      opacity: 1,\n      borderColor: vars.color.brand,\n      color: vars.color.brand,\n    },\n  },\n})\n","import { useState } from \"react\"\n\nimport { CheckIcon, CopyIcon } from \"../icons\"\nimport * as styles from \"./CopyButton.css\"\n\ntype CopyButtonProps = {\n  code: string\n}\n\nexport function ArdoCopyButton({ code }: CopyButtonProps) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(code)\n      setCopied(true)\n      setTimeout(() => {\n        setCopied(false)\n      }, 2000)\n    } catch (error) {\n      console.error(\"Failed to copy:\", error)\n    }\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.copyButton}\n      onClick={() => {\n        void handleCopy()\n      }}\n      aria-label={copied ? \"Copied!\" : \"Copy code\"}\n    >\n      {copied ? <CheckIcon size={16} /> : <CopyIcon size={16} />}\n      <span className={styles.copyText}>{copied ? \"Copied!\" : \"Copy\"}</span>\n    </button>\n  )\n}\n","import { Children, isValidElement, useState } from \"react\"\n\nimport * as styles from \"./CodeBlock.css\"\nimport { ArdoCopyButton } from \"./CopyButton\"\n\nconst EMPTY_HIGHLIGHT_LINES: number[] = []\n\n/**\n * Strips leading/trailing blank lines and removes common leading whitespace\n * so that template literals in indented JSX render cleanly.\n */\nfunction outdent(text: string): string {\n  let start = 0\n  while (start < text.length && text[start] === \"\\n\") {\n    start++\n  }\n\n  let end = text.length\n  while (\n    end > start &&\n    (text[end - 1] === \"\\n\" ||\n      text[end - 1] === \"\\r\" ||\n      text[end - 1] === \"\\t\" ||\n      text[end - 1] === \" \")\n  ) {\n    end--\n  }\n\n  const trimmed = text.slice(start, end)\n  const lines = trimmed.split(\"\\n\")\n\n  // Find minimum indentation (ignoring empty lines)\n  const indent = lines.reduce((min, line) => {\n    if (line.trim().length === 0) return min\n    const match = /^(\\s*)/.exec(line)\n    return match ? Math.min(min, match[1].length) : min\n  }, Infinity)\n\n  if (indent === 0 || indent === Infinity) return trimmed\n  return lines.map((line) => line.slice(indent)).join(\"\\n\")\n}\n\nexport type ArdoCodeBlockProps = {\n  /** The code to display (as prop or as children string) */\n  code?: string\n  /** Programming language for syntax highlighting */\n  language?: string\n  /** Optional title shown above the code */\n  title?: string\n  /** Show line numbers */\n  lineNumbers?: boolean\n  /** Line numbers to highlight */\n  highlightLines?: number[]\n  /** Code as children — supports template literals with auto-outdent */\n  children?: React.ReactNode\n  /** Pre-rendered Shiki HTML (injected by ardo:codeblock-highlight plugin) */\n  __html?: string\n}\n\nfunction CodeBlockContent({\n  html,\n  hasHtml,\n  hasCustomChildren,\n  language,\n  lines,\n  highlightLines,\n  lineNumbers,\n  children,\n}: {\n  html?: string\n  hasHtml: boolean\n  hasCustomChildren: boolean\n  language: string\n  lines: string[]\n  highlightLines: number[]\n  lineNumbers: boolean\n  children?: React.ReactNode\n}) {\n  if (hasHtml) return <div dangerouslySetInnerHTML={{ __html: html ?? \"\" }} />\n  if (hasCustomChildren) return <>{children}</>\n  return (\n    <pre className={`language-${language}`}>\n      <code>\n        {lines.map((line, index) => {\n          const lineNum = index + 1\n          const cls = highlightLines.includes(lineNum)\n            ? `${styles.codeLine} highlighted`\n            : styles.codeLine\n          return (\n            <span key={`${lineNum}-${line}`} className={cls}>\n              {lineNumbers && <span className={styles.lineNumber}>{lineNum}</span>}\n              <span>{line}</span>\n              {index < lines.length - 1 && \"\\n\"}\n            </span>\n          )\n        })}\n      </code>\n    </pre>\n  )\n}\n\n/**\n * Syntax-highlighted code block with copy button.\n *\n * Code can be provided via the `code` prop or as children:\n * ```tsx\n * <CodeBlock language=\"typescript\">{`\n *   const x = 42\n * `}</CodeBlock>\n * ```tsx\n * When children is a string, leading/trailing blank lines and common\n * indentation are stripped automatically.\n */\nexport function ArdoCodeBlock({\n  code: codeProp,\n  language = \"text\",\n  title,\n  lineNumbers = false,\n  highlightLines = EMPTY_HIGHLIGHT_LINES,\n  children,\n  __html,\n}: ArdoCodeBlockProps) {\n  const code = codeProp ?? (typeof children === \"string\" ? outdent(children) : \"\")\n  const hasCustomChildren = children != null && typeof children !== \"string\"\n  const hasHtml = (__html ?? \"\") !== \"\"\n  const hasTitle = (title ?? \"\") !== \"\"\n  const lines = code.split(\"\\n\")\n\n  return (\n    <div className={styles.codeBlock} data-lang={language}>\n      {hasTitle && <div className={styles.codeTitle}>{title}</div>}\n      <div className={styles.codeWrapper}>\n        <CodeBlockContent\n          html={__html}\n          hasHtml={hasHtml}\n          hasCustomChildren={hasCustomChildren}\n          language={language}\n          lines={lines}\n          highlightLines={highlightLines}\n          lineNumbers={lineNumbers}\n        >\n          {children}\n        </CodeBlockContent>\n        <ArdoCopyButton code={code} />\n      </div>\n    </div>\n  )\n}\n\nexport type ArdoCodeGroupProps = {\n  /** CodeBlock components to display as tabs */\n  children: React.ReactNode\n  /** Comma-separated tab labels */\n  labels?: string\n}\n\n/**\n * Tabbed group of code blocks.\n * Labels come from the `labels` prop (set at remark level) or fall back to\n * data-label / title / language props on children.\n */\nexport function ArdoCodeGroup({ children, labels: labelsStr }: ArdoCodeGroupProps) {\n  const [activeTab, setActiveTab] = useState(0)\n  const hasLabels = (labelsStr ?? \"\") !== \"\"\n\n  // Filter to only valid React elements (skip whitespace text nodes)\n  const childArray = Children.toArray(children).filter((child) => isValidElement(child))\n  const labelArray = hasLabels ? (labelsStr ?? \"\").split(\",\") : []\n  const tabs = childArray.map((child, index) => {\n    if (index < labelArray.length) {\n      const explicitLabel = labelArray[index]\n      if (explicitLabel !== \"\") return explicitLabel\n    }\n\n    return (\n      readStringProp(child.props, \"data-label\") ??\n      readStringProp(child.props, \"title\") ??\n      readStringProp(child.props, \"language\") ??\n      `Tab ${index + 1}`\n    )\n  })\n\n  return (\n    <div className={styles.codeGroup}>\n      <div className={styles.codeGroupTabs}>\n        {tabs.map((tab, index) => (\n          <button\n            type=\"button\"\n            key={tab}\n            className={[styles.codeGroupTab, index === activeTab && \"active\"]\n              .filter(Boolean)\n              .join(\" \")}\n            onClick={() => {\n              setActiveTab(index)\n            }}\n          >\n            {tab}\n          </button>\n        ))}\n      </div>\n      <div className={styles.codeGroupPanels}>\n        {childArray.map((child, index) => (\n          <div\n            key={tabAt(tabs, index)}\n            className={[styles.codeGroupPanel, index === activeTab && \"active\"]\n              .filter(Boolean)\n              .join(\" \")}\n            style={{ display: index === activeTab ? \"block\" : \"none\" }}\n          >\n            {child}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nfunction readStringProp(props: unknown, name: string): string | undefined {\n  if (!isRecord(props)) {\n    return undefined\n  }\n\n  const value = props[name]\n  return typeof value === \"string\" && value !== \"\" ? value : undefined\n}\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return value != null && typeof value === \"object\"\n}\n\nfunction tabAt(tabs: string[], index: number): string {\n  return tabs[index]\n}\n","import { globalStyle, style } from \"@vanilla-extract/css\"\nimport { recipe } from \"@vanilla-extract/recipes\"\n\nimport { vars } from \"../theme/contract.css\"\n\nexport const container = recipe({\n  base: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    gap: vars.space.md,\n    margin: `${vars.space.md} 0`,\n    padding: `${vars.space.md} ${vars.space.lg}`,\n    borderRadius: vars.radius.lg,\n    border: \"1px solid\",\n  },\n  variants: {\n    type: {\n      tip: {\n        background: vars.color.tipBg,\n        borderColor: vars.color.tipBorder,\n        color: vars.color.tip,\n      },\n      warning: {\n        background: vars.color.warningBg,\n        borderColor: vars.color.warningBorder,\n        color: vars.color.warning,\n      },\n      danger: {\n        background: vars.color.dangerBg,\n        borderColor: vars.color.dangerBorder,\n        color: vars.color.danger,\n      },\n      info: {\n        background: vars.color.infoBg,\n        borderColor: vars.color.infoBorder,\n        color: vars.color.info,\n      },\n      note: {\n        background: vars.color.noteBg,\n        borderColor: vars.color.noteBorder,\n        color: vars.color.note,\n      },\n    },\n  },\n})\n\nexport const containerIcon = recipe({\n  base: {\n    flexShrink: 0,\n    marginTop: \"0.125rem\",\n  },\n  variants: {\n    type: {\n      tip: { color: vars.color.tip },\n      warning: { color: vars.color.warning },\n      danger: { color: vars.color.danger },\n      info: { color: vars.color.info },\n      note: { color: vars.color.note },\n    },\n  },\n})\n\nexport const containerBody = style({\n  flex: 1,\n  minWidth: 0,\n  color: vars.color.text,\n  fontSize: vars.fontSize.sm,\n  lineHeight: 1.6,\n})\n\nexport const containerTitle = recipe({\n  base: {\n    fontWeight: 600,\n    fontSize: vars.fontSize.sm,\n    marginBottom: vars.space.xs,\n  },\n  variants: {\n    type: {\n      tip: { color: vars.color.tip },\n      warning: { color: vars.color.warning },\n      danger: { color: vars.color.danger },\n      info: { color: vars.color.info },\n      note: { color: vars.color.note },\n    },\n  },\n})\n\nexport const containerContent = style({})\n\n// GFM-alert callouts wrap their text in an MDX <p>, which inherits the\n// global content paragraph margin. Collapse the outer margins so the\n// callout's own padding sets the box height; inner gaps between multiple\n// paragraphs are kept.\nglobalStyle(`${containerContent} > :first-child`, {\n  marginTop: 0,\n})\n\nglobalStyle(`${containerContent} > :last-child`, {\n  marginBottom: 0,\n})\n","import type { ReactNode } from \"react\"\n\nimport { AlertTriangleIcon, FileTextIcon, InfoIcon, LightbulbIcon, XCircleIcon } from \"../icons\"\nimport * as styles from \"./Container.css\"\n\nexport type ArdoContainerType = \"danger\" | \"info\" | \"note\" | \"tip\" | \"warning\"\n\nexport type ArdoContainerProps = {\n  /** Container type determining the style */\n  type: ArdoContainerType\n  /** Optional custom title */\n  title?: string\n  /** Content to display inside the container */\n  children: ReactNode\n}\n\nconst defaultTitles: Record<ArdoContainerType, string> = {\n  tip: \"TIP\",\n  warning: \"WARNING\",\n  danger: \"DANGER\",\n  info: \"INFO\",\n  note: \"NOTE\",\n}\n\nconst icons: Record<ArdoContainerType, ReactNode> = {\n  tip: <LightbulbIcon size={18} />,\n  warning: <AlertTriangleIcon size={18} />,\n  danger: <XCircleIcon size={18} />,\n  info: <InfoIcon size={18} />,\n  note: <FileTextIcon size={18} />,\n}\n\n/**\n * A styled container for callouts, tips, warnings, etc.\n */\nexport function ArdoContainer({ type, title, children }: ArdoContainerProps) {\n  const hasCustomTitle = title != null && title !== \"\" && title !== defaultTitles[type]\n\n  return (\n    <div className={styles.container({ type })}>\n      <span className={styles.containerIcon({ type })}>{icons[type]}</span>\n      <div className={styles.containerBody}>\n        {hasCustomTitle && <p className={styles.containerTitle({ type })}>{title}</p>}\n        <div className={styles.containerContent}>{children}</div>\n      </div>\n    </div>\n  )\n}\n\nexport type ArdoTipProps = {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A tip container for helpful information.\n */\nexport function ArdoTip({ title, children }: ArdoTipProps) {\n  return (\n    <ArdoContainer type=\"tip\" title={title}>\n      {children}\n    </ArdoContainer>\n  )\n}\n\nexport type ArdoWarningProps = {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A warning container for cautionary information.\n */\nexport function ArdoWarning({ title, children }: ArdoWarningProps) {\n  return (\n    <ArdoContainer type=\"warning\" title={title}>\n      {children}\n    </ArdoContainer>\n  )\n}\n\nexport type ArdoDangerProps = {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A danger container for critical warnings.\n */\nexport function ArdoDanger({ title, children }: ArdoDangerProps) {\n  return (\n    <ArdoContainer type=\"danger\" title={title}>\n      {children}\n    </ArdoContainer>\n  )\n}\n\nexport type ArdoInfoProps = {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * An info container for informational content.\n */\nexport function ArdoInfo({ title, children }: ArdoInfoProps) {\n  return (\n    <ArdoContainer type=\"info\" title={title}>\n      {children}\n    </ArdoContainer>\n  )\n}\n\nexport type ArdoNoteProps = {\n  /** Optional custom title */\n  title?: string\n  /** Content to display */\n  children: ReactNode\n}\n\n/**\n * A note container for additional information.\n */\nexport function ArdoNote({ title, children }: ArdoNoteProps) {\n  return (\n    <ArdoContainer type=\"note\" title={title}>\n      {children}\n    </ArdoContainer>\n  )\n}\n","import type { ComponentType, ReactNode, SVGAttributes } from \"react\"\n\ntype IconComponent = ComponentType<{ size?: number } & SVGAttributes<SVGSVGElement>>\n\nexport type ArdoIconProps = {\n  /** Name of the registered icon */\n  name: string\n  /** Icon size */\n  size?: number\n} & SVGAttributes<SVGSVGElement>\n\n// Icon registry - users register only the icons they need\nconst iconRegistry = new Map<string, IconComponent>()\n\n/**\n * Register icons for use with the Icon component.\n * Only registered icons are included in your bundle.\n *\n * @example\n * ```tsx\n * // In your app's entry point or layout:\n * import { registerIcons } from \"ardo/ui\"\n * import { Zap, Rocket, Code } from \"lucide-react\"\n *\n * registerIcons({ Zap, Rocket, Code })\n * ```\n */\nexport function registerIcons(icons: Record<string, IconComponent>): void {\n  for (const [name, icon] of Object.entries(icons)) {\n    iconRegistry.set(name, icon)\n  }\n}\n\n/**\n * Get all registered icon names (useful for documentation).\n */\nexport function getRegisteredIconNames(): string[] {\n  return [...iconRegistry.keys()]\n}\n\n/**\n * Renders a registered icon by name.\n * Icons must be registered first using `registerIcons()`.\n *\n * @example\n * ```tsx\n * // First register icons in your app:\n * import { registerIcons } from \"ardo/ui\"\n * import { Zap, Rocket } from \"lucide-react\"\n * registerIcons({ Zap, Rocket })\n *\n * // Then use in MDX:\n * <Icon name=\"Zap\" size={24} />\n * <Icon name=\"Rocket\" className=\"text-brand\" />\n * ```\n *\n * @see https://lucide.dev/icons for available icon names\n */\nexport function ArdoIcon({ name, ...props }: ArdoIconProps): ReactNode {\n  const IconComp = iconRegistry.get(name)\n\n  if (!IconComp) {\n    console.warn(`[Ardo] Icon \"${name}\" not found. Did you register it with registerIcons()?`)\n    return null\n  }\n\n  return <IconComp {...props} />\n}\n","import { globalStyle, style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"../theme/contract.css\"\n\nexport const steps = style({\n  margin: \"24px 0\",\n})\n\nglobalStyle(`${steps} ol`, {\n  listStyle: \"none\",\n  paddingLeft: 0,\n  counterReset: \"ardo-step\",\n})\n\nglobalStyle(`${steps} ol > li`, {\n  position: \"relative\",\n  paddingLeft: \"48px\",\n  paddingBottom: \"24px\",\n  counterIncrement: \"ardo-step\",\n  marginBottom: 0,\n})\n\nglobalStyle(`${steps} ol > li:last-child`, {\n  paddingBottom: 0,\n})\n\nglobalStyle(`${steps} ol > li::before`, {\n  content: \"counter(ardo-step)\",\n  position: \"absolute\",\n  left: 0,\n  top: \"2px\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: \"32px\",\n  height: \"32px\",\n  borderRadius: \"50%\",\n  background: vars.color.brand,\n  color: \"white\",\n  fontSize: \"14px\",\n  fontWeight: 700,\n  lineHeight: 1,\n  flexShrink: 0,\n})\n\nglobalStyle(`${steps} ol > li::after`, {\n  content: '\"\"',\n  position: \"absolute\",\n  left: \"15px\",\n  top: \"38px\",\n  bottom: 0,\n  width: \"2px\",\n  background: vars.color.border,\n})\n\nglobalStyle(`${steps} ol > li:last-child::after`, {\n  display: \"none\",\n})\n\nglobalStyle(`.ardo-content ${steps} ol`, {\n  paddingLeft: 0,\n  maxWidth: \"none\",\n})\n\nglobalStyle(`.ardo-content ${steps} ol > li`, {\n  paddingLeft: \"48px\",\n  marginBottom: 0,\n})\n\nglobalStyle(`.ardo-content ${steps} ol > li::marker`, {\n  content: \"none\",\n})\n","import type { ReactNode } from \"react\"\n\nimport * as styles from \"./Steps.css\"\n\nexport type ArdoStepsProps = {\n  /** Content to display, typically an ordered list (`<ol>`) */\n  children: ReactNode\n}\n\n/**\n * A wrapper for step-by-step instructions rendered as an ordered list.\n *\n * @example\n * ```tsx\n * <ArdoSteps>\n *   <ol>\n *     <li>Install the package</li>\n *     <li>Configure your site</li>\n *     <li>Start writing</li>\n *   </ol>\n * </ArdoSteps>\n * ```\n */\nexport function ArdoSteps({ children }: ArdoStepsProps) {\n  return <div className={styles.steps}>{children}</div>\n}\n","import { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"../theme/contract.css\"\n\nexport const tabs = style({\n  margin: \"20px 0\",\n})\n\nexport const tabList = style({\n  display: \"flex\",\n  borderBottom: `1px solid ${vars.color.border}`,\n  gap: \"4px\",\n})\n\nexport const tab = style({\n  padding: \"10px 18px\",\n  background: \"none\",\n  border: \"none\",\n  cursor: \"pointer\",\n  fontSize: \"14px\",\n  fontWeight: 500,\n  color: vars.color.textLight,\n  borderBottom: \"2px solid transparent\",\n  marginBottom: \"-1px\",\n  transition: `all ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      color: vars.color.text,\n    },\n    \"&.active\": {\n      color: vars.color.brand,\n      borderBottomColor: vars.color.brand,\n    },\n  },\n})\n\nexport const tabPanel = style({\n  padding: \"20px 0\",\n})\n\nexport const tabPanels = style({})\n","import {\n  Children,\n  createContext,\n  isValidElement,\n  type ReactNode,\n  use,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\n\nimport * as styles from \"./Tabs.css\"\n\ntype TabsContextValue = {\n  activeTab: string\n  setActiveTab: (tab: string) => void\n  getTabValue: (value?: string) => string\n  getPanelValue: (value?: string) => string\n}\n\nconst TabsContext = createContext<null | TabsContextValue>(null)\nconst AUTO_TAB_PREFIX = \"__ardo-tab-\"\n\nfunction useTabsContext() {\n  const context = use(TabsContext)\n  if (!context) {\n    throw new Error(\"Tab components must be used within an ArdoTabs component\")\n  }\n  return context\n}\n\nexport type ArdoTabsProps = {\n  /** Default active tab value */\n  defaultValue?: string\n  /** Tab components (ArdoTabList and ArdoTabPanels) */\n  children: ReactNode\n}\n\n/**\n * Tabs container component for organizing content into tabbed panels.\n */\nexport function ArdoTabs({ defaultValue, children }: ArdoTabsProps) {\n  const [activeTab, setActiveTab] = useState(() => defaultValue ?? findFirstTabValue(children))\n  const tabIndexRef = useRef(0)\n  const panelIndexRef = useRef(0)\n\n  tabIndexRef.current = 0\n  panelIndexRef.current = 0\n\n  const getTabValue = (value?: string) => {\n    const index = tabIndexRef.current++\n    return value ?? `${AUTO_TAB_PREFIX}${index}`\n  }\n\n  const getPanelValue = (value?: string) => {\n    const index = panelIndexRef.current++\n    return value ?? `${AUTO_TAB_PREFIX}${index}`\n  }\n\n  const effectiveTab = defaultValue ?? activeTab\n\n  const contextValue = useMemo(\n    () => ({ activeTab: effectiveTab, setActiveTab, getTabValue, getPanelValue }),\n    [effectiveTab]\n  )\n\n  return (\n    <TabsContext value={contextValue}>\n      <div className={styles.tabs}>{children}</div>\n    </TabsContext>\n  )\n}\n\nexport type ArdoTabListProps = {\n  /** Tab buttons */\n  children: ReactNode\n}\n\n/**\n * Container for ArdoTab buttons.\n */\nexport function ArdoTabList({ children }: ArdoTabListProps) {\n  return (\n    <div className={styles.tabList} role=\"tablist\">\n      {children}\n    </div>\n  )\n}\n\nexport type ArdoTabProps = {\n  /** Unique value identifying this tab (optional if tab order matches panels) */\n  value?: string\n  /** Tab button label */\n  children: ReactNode\n}\n\n/**\n * Individual tab button.\n */\nexport function ArdoTab({ value, children }: ArdoTabProps) {\n  const { activeTab, setActiveTab, getTabValue } = useTabsContext()\n  const resolvedValue = getTabValue(value)\n  const isActive = activeTab === resolvedValue\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={isActive}\n      className={[styles.tab, isActive && \"active\"].filter(Boolean).join(\" \")}\n      onClick={() => {\n        setActiveTab(resolvedValue)\n      }}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport type ArdoTabPanelProps = {\n  /** Value matching the corresponding ArdoTab (optional if panel order matches tabs) */\n  value?: string\n  /** Panel content */\n  children: ReactNode\n}\n\n/**\n * Content panel for a tab.\n */\nexport function ArdoTabPanel({ value, children }: ArdoTabPanelProps) {\n  const { activeTab, getPanelValue } = useTabsContext()\n  const resolvedValue = getPanelValue(value)\n  const isActive = activeTab === resolvedValue\n\n  if (!isActive) {\n    return null\n  }\n\n  return (\n    <div role=\"tabpanel\" className={styles.tabPanel}>\n      {children}\n    </div>\n  )\n}\n\nexport type ArdoTabPanelsProps = {\n  /** ArdoTabPanel components */\n  children: ReactNode\n}\n\n/**\n * Container for ArdoTabPanel components.\n */\nexport function ArdoTabPanels({ children }: ArdoTabPanelsProps) {\n  return <div className={styles.tabPanels}>{children}</div>\n}\n\nfunction findFirstTabValue(children: ReactNode): string {\n  for (const child of Children.toArray(children)) {\n    const tabValue = getFirstTabValueFromChild(child)\n    if (tabValue != null) {\n      return tabValue\n    }\n  }\n\n  return \"\"\n}\n\nfunction getFirstTabValueFromChild(child: ReactNode): null | string {\n  if (!isValidElement<{ children?: ReactNode }>(child)) {\n    return null\n  }\n\n  if (isValidElement<ArdoTabProps>(child) && child.type === ArdoTab) {\n    return child.props.value ?? `${AUTO_TAB_PREFIX}0`\n  }\n\n  const nestedChildren = child.props.children\n  if (nestedChildren == null) {\n    return null\n  }\n\n  const nestedValue = findFirstTabValue(nestedChildren)\n  return nestedValue === \"\" ? null : nestedValue\n}\n","import { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"./theme/contract.css\"\n\nexport const breadcrumb = style({\n  display: \"none\",\n  alignItems: \"center\",\n  gap: vars.space.sm,\n  fontSize: vars.fontSize.sm,\n  color: vars.color.textLighter,\n  marginBottom: vars.space.md,\n  \"@media\": {\n    \"(max-width: 1024px)\": {\n      display: \"flex\",\n    },\n  },\n})\n\nexport const breadcrumbSeparator = style({\n  color: vars.color.textLighter,\n})\n\nexport const breadcrumbCurrent = style({\n  color: vars.color.text,\n  fontWeight: 500,\n})\n","import { useLocation } from \"react-router\"\n\nimport type { SidebarItem } from \"../config/types\"\n\nimport { useArdoSidebar } from \"../runtime/hooks\"\nimport * as styles from \"./Breadcrumb.css\"\n\ntype BreadcrumbResult = {\n  section?: string\n  page?: string\n}\n\nfunction matchInChildren(\n  groupText: string,\n  items: SidebarItem[],\n  path: string\n): BreadcrumbResult | undefined {\n  for (const item of items) {\n    if (item.link === path) return { section: groupText, page: item.text }\n    if (item.items != null) {\n      const sub = item.items.find((s) => s.link === path)\n      if (sub != null) return { section: groupText, page: sub.text }\n    }\n  }\n  return undefined\n}\n\nfunction findBreadcrumb(sidebar: SidebarItem[], currentPath: string): BreadcrumbResult {\n  for (const group of sidebar) {\n    if (group.link === currentPath) return { page: group.text }\n    if (group.items != null) {\n      const found = matchInChildren(group.text, group.items, currentPath)\n      if (found != null) return found\n    }\n  }\n  return {}\n}\n\nexport function ArdoBreadcrumb() {\n  const sidebar = useArdoSidebar()\n  const location = useLocation()\n  const { section, page } = findBreadcrumb(sidebar, location.pathname)\n\n  if (page == null || page === \"\") return null\n\n  return (\n    <nav className={styles.breadcrumb} aria-label=\"Breadcrumb\">\n      {section != null && section !== \"\" && (\n        <>\n          <span>{section}</span>\n          <span className={styles.breadcrumbSeparator} aria-hidden>\n            ›\n          </span>\n        </>\n      )}\n      <span className={styles.breadcrumbCurrent}>{page}</span>\n    </nav>\n  )\n}\n","import { globalStyle, style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"./theme/contract.css\"\n\nexport const ardoContent = style({})\nconst c = `.${ardoContent}`\n\nglobalStyle(`${c} h1, ${c} h2, ${c} h3, ${c} h4, ${c} h5, ${c} h6`, {\n  fontFamily: vars.font.familyHeading,\n  fontWeight: 600,\n  lineHeight: 1.22,\n  marginBottom: vars.space.md,\n  letterSpacing: \"-0.01em\",\n  maxWidth: vars.layout.contentMaxWidth,\n  textWrap: \"balance\",\n})\n\nglobalStyle(`${c} h1`, {\n  fontSize: vars.fontSize[\"2xl\"],\n  fontWeight: 700,\n  marginTop: vars.space[\"2xl\"],\n})\n\n// h2 opens a major section — generous separation above.\nglobalStyle(`${c} h2`, {\n  fontSize: \"1.375rem\",\n  marginTop: vars.space[\"2xl\"],\n})\n\n// h3/h4 are subsections — they live inside a section, so they sit closer.\nglobalStyle(`${c} h3`, {\n  fontSize: vars.fontSize.lg,\n  fontWeight: 600,\n  marginTop: vars.space.xl,\n})\n\nglobalStyle(`${c} h4`, {\n  fontSize: vars.fontSize.sm,\n  fontWeight: 600,\n  marginTop: vars.space.lg,\n})\n\nglobalStyle(`${c} h5, ${c} h6`, {\n  marginTop: vars.space.lg,\n})\n\n// A heading directly after another heading is part of the same group —\n// drop the section gap so they read as one unit, not two sections.\nglobalStyle(`${c} :is(h1,h2,h3,h4,h5,h6) + :is(h2,h3,h4,h5,h6)`, { marginTop: vars.space.sm })\n\n// The first block in the content body sits right under the page title —\n// no leading gap of its own.\nglobalStyle(`${c} > :first-child`, {\n  marginTop: 0,\n})\n\nglobalStyle(`${c} p`, {\n  marginBottom: vars.space.lg,\n  maxWidth: vars.layout.contentMaxWidth,\n  fontSize: vars.fontSize.base,\n  lineHeight: vars.font.lineHeight,\n  overflowWrap: \"break-word\",\n  textWrap: \"pretty\",\n})\n\nglobalStyle(`${c} a`, {\n  color: vars.color.brand,\n  textDecoration: \"underline\",\n  textDecorationColor: `color-mix(in oklch, ${vars.color.brand} 35%, transparent)`,\n  textDecorationThickness: \"1px\",\n  textUnderlineOffset: \"3px\",\n  transition: `text-decoration-color ${vars.transition.fast}`,\n})\n\nglobalStyle(`${c} a:hover`, {\n  textDecorationColor: vars.color.brand,\n})\n\nglobalStyle(`${c} ul, ${c} ol`, {\n  marginBottom: vars.space.lg,\n  paddingLeft: vars.space.lg,\n  maxWidth: vars.layout.contentMaxWidth,\n  textWrap: \"pretty\",\n})\n\nglobalStyle(`${c} li`, {\n  marginBottom: vars.space.xs,\n  lineHeight: vars.font.lineHeight,\n  overflowWrap: \"break-word\",\n  textWrap: \"pretty\",\n})\n\nglobalStyle(`${c} li::marker`, {\n  color: vars.color.textLighter,\n})\n\nglobalStyle(`${c} blockquote`, {\n  margin: `${vars.space.lg} 0`,\n  padding: `${vars.space.md} ${vars.space.lg}`,\n  borderLeft: `3px solid ${vars.color.brand}`,\n  background: vars.color.brandSubtle,\n  borderRadius: `0 ${vars.radius.base} ${vars.radius.base} 0`,\n  color: vars.color.text,\n  fontSize: vars.fontSize.base,\n  maxWidth: vars.layout.contentMaxWidth,\n})\n\nglobalStyle(`${c} hr`, {\n  margin: `${vars.space.xl} 0`,\n  border: \"none\",\n  borderTop: `1px solid ${vars.color.border}`,\n})\n\nglobalStyle(`${c} table`, {\n  display: \"block\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflowX: \"auto\",\n  margin: `${vars.space.lg} 0`,\n  borderCollapse: \"collapse\",\n  fontSize: vars.fontSize.sm,\n  borderRadius: vars.radius.base,\n  border: `1px solid ${vars.color.border}`,\n  background: vars.color.bg,\n})\n\nglobalStyle(`${c} tbody, ${c} thead`, {\n  width: \"100%\",\n})\n\nglobalStyle(`${c} tr`, {\n  display: \"table-row\",\n})\n\nglobalStyle(`${c} thead`, {\n  display: \"table-header-group\",\n})\n\nglobalStyle(`${c} tbody`, {\n  display: \"table-row-group\",\n})\n\nglobalStyle(`${c} th, ${c} td`, {\n  padding: `${vars.space.sm} ${vars.space.md}`,\n  borderBottom: `1px solid ${vars.color.borderLight}`,\n  textAlign: \"left\",\n})\n\nglobalStyle(`${c} th`, {\n  background: vars.color.bgSoft,\n  fontWeight: 600,\n  fontSize: vars.fontSize.xs,\n  textTransform: \"uppercase\",\n  letterSpacing: \"0.04em\",\n})\n\nglobalStyle(`${c} img`, {\n  maxWidth: \"100%\",\n  borderRadius: vars.radius.base,\n  border: `1px solid ${vars.color.border}`,\n})\n\n// Inline code\nglobalStyle(`${c} code`, {\n  fontFamily: vars.font.mono,\n  fontSize: \"0.875em\",\n  padding: \"0.125rem 0.375rem\",\n  background: vars.color.bgSoft,\n  border: `1px solid ${vars.color.borderLight}`,\n  borderRadius: vars.radius.sm,\n  fontWeight: 500,\n})\n\nglobalStyle(`${c} pre code`, {\n  padding: 0,\n  background: \"none\",\n  border: \"none\",\n  fontWeight: 400,\n})\n","import { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"./theme/contract.css\"\n\n/**\n * 3-column layout: Sidebar (fixed) | Content (fluid) | TOC (fixed)\n */\nexport const docPage = style({\n  display: \"grid\",\n  flex: 1,\n  minWidth: 0,\n  width: \"100%\",\n  gridTemplateColumns: `minmax(0, 72rem) ${vars.layout.tocWidth}`,\n  justifyContent: \"start\",\n  gap: \"clamp(2rem, 4vw, 4rem)\",\n  maxWidth: \"100rem\",\n  margin: \"0 auto\",\n  paddingTop: vars.space[\"2xl\"],\n  \"@media\": {\n    \"(min-width: 1536px)\": {\n      gridTemplateColumns: `minmax(0, 78rem) ${vars.layout.tocWidth}`,\n    },\n    \"(max-width: 1280px)\": {\n      gridTemplateColumns: \"minmax(0, 1fr)\",\n      maxWidth: \"min(100%, 72rem)\",\n      justifyContent: \"center\",\n    },\n    \"(max-width: 1024px)\": {\n      paddingTop: vars.space.xl,\n    },\n  },\n})\n\nexport const contentContainer = style({\n  minWidth: 0,\n  width: \"100%\",\n  maxWidth: \"100%\",\n})\n\nexport const contentHeader = style({\n  marginBottom: vars.space.xl,\n  paddingBottom: vars.space.sm,\n})\n\nexport const contentTitle = style({\n  fontSize: \"clamp(2rem, 4vw, 3.15rem)\",\n  fontFamily: vars.font.familyHeading,\n  fontWeight: 700,\n  lineHeight: 1.08,\n  letterSpacing: \"-0.01em\",\n  marginBottom: vars.space.sm,\n  overflowWrap: \"break-word\",\n  textWrap: \"balance\",\n})\n\nexport const contentDescription = style({\n  fontSize: vars.fontSize.lg,\n  color: vars.color.textLight,\n  lineHeight: 1.65,\n  maxWidth: vars.layout.contentMaxWidth,\n  overflowWrap: \"break-word\",\n  textWrap: \"pretty\",\n})\n\nexport const contentBody = style({\n  lineHeight: vars.font.lineHeight,\n  overflowWrap: \"break-word\",\n})\n\nexport const pageRail = style({\n  width: vars.layout.tocWidth,\n  position: \"sticky\",\n  top: vars.space.xl,\n  alignSelf: \"start\",\n  maxHeight: `calc(100vh - ${vars.layout.headerHeight} - ${vars.space[\"2xl\"]})`,\n  padding: `${vars.space.xs} 0 ${vars.space.lg}`,\n  overflowY: \"auto\",\n  // No background, border, radius or shadow — the right column is a column,\n  // not a card. Matches the rail-less pattern of Mintlify, Vercel, React,\n  // Tailwind, VitePress, Stripe, Linear.\n  \"@media\": {\n    \"(max-width: 1280px)\": {\n      display: \"none\",\n    },\n  },\n})\n\nexport const pageRailSection = style({\n  padding: `${vars.space.md} 0`,\n  selectors: {\n    \"&:first-child\": {\n      paddingTop: 0,\n    },\n    \"&:not(:last-child)\": {\n      borderBottom: `1px solid ${vars.color.borderLight}`,\n    },\n  },\n})\n\nexport const pageRailTitle = style({\n  fontSize: vars.fontSize.xs,\n  fontWeight: 600,\n  textTransform: \"uppercase\",\n  letterSpacing: \"0.08em\",\n  color: vars.color.textLighter,\n  marginBottom: vars.space.sm,\n})\n\nexport const pageRailText = style({\n  fontSize: vars.fontSize.sm,\n  lineHeight: 1.5,\n  color: vars.color.textLight,\n})\n\nexport const pageRailLink = style({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  color: vars.color.text,\n  textDecoration: \"none\",\n  fontSize: vars.fontSize.sm,\n  fontWeight: 500,\n  transition: `color ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      color: vars.color.accent,\n    },\n  },\n})\n\nexport const pageRailSelect = style({\n  width: \"100%\",\n  minHeight: \"2.5rem\",\n  padding: `0 ${vars.space.sm}`,\n  border: `1px solid ${vars.color.border}`,\n  borderRadius: vars.radius.base,\n  background: vars.color.bg,\n  color: vars.color.text,\n  font: \"inherit\",\n  fontSize: vars.fontSize.sm,\n})\n","import type { ReactNode } from \"react\"\n\nimport { Link, useLocation } from \"react-router\"\n\nimport { useArdoPageData, useArdoSidebar, useArdoSiteConfig } from \"../runtime/hooks\"\nimport { getPrevNextLinks } from \"../runtime/sidebar-utils\"\nimport { useBareContent } from \"./BareContent\"\nimport { ArdoBreadcrumb } from \"./Breadcrumb\"\nimport { ardoContent } from \"./content.css\"\nimport * as docStyles from \"./DocPage.css\"\nimport * as footerStyles from \"./Footer.css\"\n\ntype ContentProps = {\n  children: ReactNode\n  /** Edit link configuration (overrides ArdoSiteConfig) */\n  editLink?: { pattern: string; text?: string }\n  /** Last updated configuration (overrides ArdoSiteConfig) */\n  lastUpdated?: { enabled?: boolean; text?: string; formatOptions?: Intl.DateTimeFormatOptions }\n  /** Where to render edit/updated metadata (default: footer) */\n  metaPlacement?: \"footer\" | \"none\"\n}\n\ntype ContentMetaInput = {\n  pageData: ReturnType<typeof useArdoPageData>\n  editLink: ContentProps[\"editLink\"]\n  lastUpdated: ContentProps[\"lastUpdated\"]\n  siteConfig: ReturnType<typeof useArdoSiteConfig>\n}\n\nfunction resolveEditLink(input: ContentMetaInput) {\n  const resolved = input.editLink ?? input.siteConfig.editLink\n  const pattern = resolved?.pattern ?? \"\"\n  const relativePath = input.pageData?.relativePath ?? \"\"\n  const show =\n    input.pageData?.frontmatter.editLink !== false && pattern !== \"\" && input.pageData !== undefined\n  return {\n    href: show ? pattern.replace(\":path\", relativePath) : undefined,\n    text: resolved?.text ?? \"Edit this page\",\n    show,\n  }\n}\n\nfunction resolveLastUpdated(input: ContentMetaInput) {\n  const resolved = input.lastUpdated ?? input.siteConfig.lastUpdated\n  const value = input.pageData?.lastUpdated\n  const show =\n    input.pageData?.frontmatter.lastUpdated !== false &&\n    resolved?.enabled === true &&\n    typeof value === \"number\"\n  const formatOptions = resolved?.formatOptions ?? {\n    year: \"numeric\" as const,\n    month: \"long\" as const,\n    day: \"numeric\" as const,\n  }\n  return {\n    label: resolved?.text ?? \"Last updated\",\n    text: show ? new Date(value).toLocaleDateString(undefined, formatOptions) : undefined,\n    show,\n  }\n}\n\nexport function ArdoContent({\n  children,\n  editLink,\n  lastUpdated,\n  metaPlacement = \"footer\",\n}: ContentProps) {\n  const isBare = useBareContent()\n  const pageData = useArdoPageData()\n  const siteConfig = useArdoSiteConfig()\n  const sidebar = useArdoSidebar()\n  const location = useLocation()\n\n  if (isBare) {\n    return <div className={`${docStyles.contentBody} ${ardoContent}`}>{children}</div>\n  }\n\n  const input: ContentMetaInput = { pageData, editLink, lastUpdated, siteConfig }\n  const edit = resolveEditLink(input)\n  const updated = resolveLastUpdated(input)\n  const { prev, next } = getPrevNextLinks(sidebar, location.pathname)\n\n  return (\n    <article className={docStyles.contentContainer}>\n      <ArdoBreadcrumb />\n      <ContentHeader\n        title={pageData?.frontmatter.title ?? \"\"}\n        description={pageData?.frontmatter.description ?? \"\"}\n      />\n      <div className={`${docStyles.contentBody} ${ardoContent}`}>{children}</div>\n      {metaPlacement === \"footer\" && <ContentMeta edit={edit} updated={updated} />}\n      <ContentPrevNext prev={prev} next={next} />\n    </article>\n  )\n}\n\nfunction ContentHeader({ title, description }: { title: string; description: string }) {\n  if (title === \"\") return null\n  return (\n    <header className={docStyles.contentHeader}>\n      <h1 className={docStyles.contentTitle}>{title}</h1>\n      {description !== \"\" && <p className={docStyles.contentDescription}>{description}</p>}\n    </header>\n  )\n}\n\nfunction ContentMeta({\n  edit,\n  updated,\n}: {\n  edit: ReturnType<typeof resolveEditLink>\n  updated: ReturnType<typeof resolveLastUpdated>\n}) {\n  if (!edit.show && !updated.show) return null\n  return (\n    <div className={footerStyles.contentMeta}>\n      {edit.show && (\n        <a\n          href={edit.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className={footerStyles.editLink}\n        >\n          {edit.text}\n        </a>\n      )}\n      {updated.show && (\n        <span>\n          {updated.label}: {updated.text}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction ContentPrevNext({\n  prev,\n  next,\n}: {\n  prev: ReturnType<typeof getPrevNextLinks>[\"prev\"]\n  next: ReturnType<typeof getPrevNextLinks>[\"next\"]\n}) {\n  const prevLink = prev?.link ?? \"\"\n  const nextLink = next?.link ?? \"\"\n  const hasPrev = prevLink !== \"\"\n  const hasNext = nextLink !== \"\"\n  if (!hasPrev && !hasNext) return null\n\n  return (\n    <nav className={footerStyles.prevNext} aria-label=\"Page navigation\">\n      {hasPrev ? (\n        <Link to={prevLink} className={footerStyles.prevLink}>\n          <span className={footerStyles.prevNextLabel}>Previous</span>\n          <span className={footerStyles.prevNextTitle}>{prev?.text}</span>\n        </Link>\n      ) : (\n        <div />\n      )}\n      {hasNext ? (\n        <Link to={nextLink} className={footerStyles.nextLink}>\n          <span className={footerStyles.prevNextLabel}>Next</span>\n          <span className={footerStyles.prevNextTitle}>{next?.text}</span>\n        </Link>\n      ) : (\n        <div />\n      )}\n    </nav>\n  )\n}\n","import { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"./theme/contract.css\"\n\nexport const toc = style({\n  width: \"100%\",\n})\n\nexport const tocTitle = style({\n  fontSize: vars.fontSize.xs,\n  fontWeight: 600,\n  textTransform: \"uppercase\",\n  letterSpacing: \"0.08em\",\n  color: vars.color.textLighter,\n  marginBottom: vars.space.sm,\n})\n\nexport const tocList = style({\n  listStyle: \"none\",\n})\n\nexport const tocLink = style({\n  display: \"block\",\n  padding: `${vars.space.xs} 0 ${vars.space.xs} ${vars.space.sm}`,\n  color: vars.color.textLighter,\n  textDecoration: \"none\",\n  fontSize: vars.fontSize.sm,\n  lineHeight: 1.5,\n  fontWeight: 400,\n  borderLeft: \"2px solid transparent\",\n  transition: `all ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      color: vars.color.text,\n      borderLeftColor: vars.color.border,\n    },\n    \"&.active\": {\n      color: vars.color.accent,\n      borderLeftColor: vars.color.accent,\n      fontWeight: 500,\n    },\n  },\n})\n\nexport const tocLink3 = style({\n  paddingLeft: \"1.75rem\",\n})\n\nexport const tocLink4 = style({\n  paddingLeft: \"2.5rem\",\n})\n","import { useEffect, useRef, useState } from \"react\"\n\nimport type { TOCItem } from \"../config/types\"\n\nimport { useArdoSiteConfig, useArdoTOC } from \"../runtime/hooks\"\nimport * as styles from \"./Toc.css\"\n\nexport type ArdoTOCProps = {\n  /** Label for the TOC heading (default: \"On this page\") */\n  label?: string\n}\n\nexport function ArdoTOC({ label: labelProp }: ArdoTOCProps = {}) {\n  const toc = useArdoTOC()\n  const siteConfig = useArdoSiteConfig()\n  const [activeId, setActiveId] = useState<string>(\"\")\n  const scrollContainerRef = useRef<HTMLElement | null>(null)\n  const isClickScrolling = useRef(false)\n\n  const label = labelProp ?? siteConfig.tocLabel ?? \"On this page\"\n\n  useEffect(() => {\n    scrollContainerRef.current = document.getElementById(\"main-content\")\n  }, [])\n\n  useEffect(() => {\n    if (toc.length === 0) return\n\n    const scrollContainer = scrollContainerRef.current\n    if (!scrollContainer) return\n\n    const headingElements = toc.map((item) => document.getElementById(item.id)).filter(Boolean)\n    if (headingElements.length === 0) return\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (isClickScrolling.current) return\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id)\n            break\n          }\n        }\n      },\n      {\n        root: scrollContainer,\n        // Shrink the detection zone to a narrow band at the top.\n        // The -20px top accounts for scroll-padding, -85% bottom means\n        // only headings in the top ~15% of the container trigger activation.\n        rootMargin: \"-20px 0px -85% 0px\",\n        threshold: 0,\n      }\n    )\n\n    for (const element of headingElements) {\n      if (element !== null) observer.observe(element)\n    }\n\n    return () => {\n      for (const element of headingElements) {\n        if (element !== null) observer.unobserve(element)\n      }\n    }\n  }, [toc])\n\n  const handleClickItem = (id: string) => {\n    setActiveId(id)\n    isClickScrolling.current = true\n    const element = document.getElementById(id)\n    const container = scrollContainerRef.current\n    if (element) {\n      element.scrollIntoView({ behavior: \"smooth\", block: \"start\" })\n      globalThis.history.pushState(null, \"\", `#${id}`)\n    }\n    // Re-enable observer after scroll finishes\n    if (container) {\n      const onScrollEnd = () => {\n        isClickScrolling.current = false\n        container.removeEventListener(\"scrollend\", onScrollEnd)\n      }\n      container.addEventListener(\"scrollend\", onScrollEnd, { once: true })\n      // Fallback for browsers without scrollend\n      setTimeout(() => {\n        isClickScrolling.current = false\n      }, 1000)\n    } else {\n      isClickScrolling.current = false\n    }\n  }\n\n  if (toc.length === 0) {\n    return null\n  }\n\n  return (\n    <aside className={styles.toc}>\n      <div>\n        <h3 className={styles.tocTitle}>{label}</h3>\n        <nav aria-label=\"Table of contents\">\n          <TOCItems items={toc} activeId={activeId} onClickItem={handleClickItem} />\n        </nav>\n      </div>\n    </aside>\n  )\n}\n\ntype TOCItemsProps = {\n  items: TOCItem[]\n  activeId: string\n  onClickItem: (id: string) => void\n}\n\nfunction TOCItems({ items, activeId, onClickItem }: TOCItemsProps) {\n  return (\n    <ul className={styles.tocList}>\n      {items.map((item) => (\n        <TOCItemComponent key={item.id} item={item} activeId={activeId} onClickItem={onClickItem} />\n      ))}\n    </ul>\n  )\n}\n\ntype TOCItemComponentProps = {\n  item: TOCItem\n  activeId: string\n  onClickItem: (id: string) => void\n}\n\nfunction TOCItemComponent({ item, activeId, onClickItem }: TOCItemComponentProps) {\n  const isActive = item.id === activeId\n  const hasActiveChild = hasActiveDescendant(item, activeId)\n\n  return (\n    <li>\n      <a\n        href={`#${item.id}`}\n        className={[\n          styles.tocLink,\n          item.level === 3 && styles.tocLink3,\n          item.level === 4 && styles.tocLink4,\n          isActive && \"active\",\n          hasActiveChild && \"child-active\",\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n        onClick={(e) => {\n          e.preventDefault()\n          onClickItem(item.id)\n        }}\n      >\n        {item.text}\n      </a>\n      {item.children && item.children.length > 0 && (\n        <TOCItems items={item.children} activeId={activeId} onClickItem={onClickItem} />\n      )}\n    </li>\n  )\n}\n\nfunction hasActiveDescendant(item: TOCItem, activeId: string): boolean {\n  if (!item.children) return false\n\n  for (const child of item.children) {\n    if (child.id === activeId) return true\n    if (hasActiveDescendant(child, activeId)) return true\n  }\n\n  return false\n}\n","import type { ReactNode } from \"react\"\n\nimport { useArdoConfig, useArdoPageData, useArdoSiteConfig } from \"../runtime/hooks\"\nimport { ArdoContent } from \"./Content\"\nimport * as styles from \"./DocPage.css\"\nimport { ArdoLayout } from \"./Layout\"\nimport { ArdoTOC } from \"./Toc\"\n\n// =============================================================================\n// DocPage Component (includes Layout - for backwards compatibility)\n// =============================================================================\n\ntype DocPageProps = {\n  children: ReactNode\n  /** Edit link configuration (forwarded to Content) */\n  editLink?: { pattern: string; text?: string }\n  /** Last updated configuration (forwarded to Content) */\n  lastUpdated?: { enabled?: boolean; text?: string; formatOptions?: Intl.DateTimeFormatOptions }\n  /** TOC label (forwarded to TOC) */\n  tocLabel?: string\n}\n\n/**\n * Full documentation page with Layout wrapper.\n * Use this when you don't have a _layout.tsx file.\n *\n * @example\n * ```tsx\n * <DocPage>\n *   <Content />\n * </DocPage>\n * ```\n */\nexport function ArdoDocPage({ children, editLink, lastUpdated, tocLabel }: DocPageProps) {\n  const pageData = useArdoPageData()\n  const hideToc = pageData?.frontmatter.outline === false\n\n  return (\n    <ArdoLayout>\n      <div className={styles.docPage}>\n        <ArdoContent editLink={editLink} lastUpdated={lastUpdated} metaPlacement=\"none\">\n          {children}\n        </ArdoContent>\n        <ArdoPageRail\n          editLink={editLink}\n          lastUpdated={lastUpdated}\n          tocLabel={tocLabel}\n          hideToc={hideToc}\n        />\n      </div>\n    </ArdoLayout>\n  )\n}\n\n// =============================================================================\n// DocContent Component (without Layout - for use with _layout.tsx)\n// =============================================================================\n\ntype DocContentProps = {\n  children: ReactNode\n  /** Edit link configuration (forwarded to Content) */\n  editLink?: { pattern: string; text?: string }\n  /** Last updated configuration (forwarded to Content) */\n  lastUpdated?: { enabled?: boolean; text?: string; formatOptions?: Intl.DateTimeFormatOptions }\n  /** TOC label (forwarded to TOC) */\n  tocLabel?: string\n}\n\n/**\n * Documentation content without Layout wrapper.\n * Use this when you have a _layout.tsx that provides the Layout.\n *\n * @example\n * ```tsx\n * // In _layout.tsx:\n * <Layout>\n *   <Header ... />\n *   <Sidebar ... />\n *   <Outlet />\n *   <Footer ... />\n * </Layout>\n *\n * // In page routes:\n * <DocContent>\n *   <MarkdownContent />\n * </DocContent>\n * ```\n */\nexport function ArdoDocContent({ children, editLink, lastUpdated, tocLabel }: DocContentProps) {\n  const pageData = useArdoPageData()\n  const hideToc = pageData?.frontmatter.outline === false\n\n  return (\n    <div className={styles.docPage}>\n      <ArdoContent editLink={editLink} lastUpdated={lastUpdated} metaPlacement=\"none\">\n        {children}\n      </ArdoContent>\n      <ArdoPageRail\n        editLink={editLink}\n        lastUpdated={lastUpdated}\n        tocLabel={tocLabel}\n        hideToc={hideToc}\n      />\n    </div>\n  )\n}\n\nfunction ArdoPageRail({\n  editLink,\n  lastUpdated,\n  tocLabel,\n  hideToc = false,\n}: {\n  editLink?: { pattern: string; text?: string }\n  lastUpdated?: { enabled?: boolean; text?: string; formatOptions?: Intl.DateTimeFormatOptions }\n  tocLabel?: string\n  hideToc?: boolean\n}) {\n  const config = useArdoConfig()\n  const siteConfig = useArdoSiteConfig()\n  const pageData = useArdoPageData()\n  const version = config.project?.version ?? \"\"\n  const edit = resolveRailEditLink({ pageData, editLink, siteConfig })\n  const updated = resolveRailLastUpdated({ pageData, lastUpdated, siteConfig })\n  const hasMeta = edit.show || updated.show\n  const hasVersion = version !== \"\"\n\n  if (!hasVersion && !hasMeta && hideToc) return null\n\n  return (\n    <aside className={styles.pageRail}>\n      {hasVersion && (\n        <section className={styles.pageRailSection}>\n          <h2 className={styles.pageRailTitle}>Version</h2>\n          <select className={styles.pageRailSelect} defaultValue={version} aria-label=\"Version\">\n            <option value={version}>{version}</option>\n          </select>\n        </section>\n      )}\n      {hasMeta && (\n        <section className={styles.pageRailSection}>\n          <h2 className={styles.pageRailTitle}>Page</h2>\n          {edit.show && (\n            <a\n              href={edit.href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className={styles.pageRailLink}\n            >\n              {edit.text}\n            </a>\n          )}\n          {updated.show && (\n            <p className={styles.pageRailText}>\n              {updated.label}: {updated.text}\n            </p>\n          )}\n        </section>\n      )}\n      {!hideToc && (\n        <section className={styles.pageRailSection}>\n          <ArdoTOC label={tocLabel} />\n        </section>\n      )}\n    </aside>\n  )\n}\n\ntype RailMetaInput = {\n  pageData: ReturnType<typeof useArdoPageData>\n  siteConfig: ReturnType<typeof useArdoSiteConfig>\n}\n\nfunction resolveRailEditLink({\n  pageData,\n  editLink,\n  siteConfig,\n}: { editLink?: { pattern: string; text?: string } } & RailMetaInput) {\n  const resolved = editLink ?? siteConfig.editLink\n  const pattern = resolved?.pattern ?? \"\"\n  const relativePath = pageData?.relativePath ?? \"\"\n  const show = pageData?.frontmatter.editLink !== false && pattern !== \"\" && pageData !== undefined\n  return {\n    href: show ? pattern.replace(\":path\", relativePath) : undefined,\n    text: resolved?.text ?? \"Edit this page\",\n    show,\n  }\n}\n\nfunction resolveRailLastUpdated({\n  pageData,\n  lastUpdated,\n  siteConfig,\n}: {\n  lastUpdated?: { enabled?: boolean; text?: string; formatOptions?: Intl.DateTimeFormatOptions }\n} & RailMetaInput) {\n  const resolved = lastUpdated ?? siteConfig.lastUpdated\n  const value = pageData?.lastUpdated\n  const show =\n    pageData?.frontmatter.lastUpdated !== false &&\n    resolved?.enabled === true &&\n    typeof value === \"number\"\n  const formatOptions = resolved?.formatOptions ?? {\n    year: \"numeric\" as const,\n    month: \"long\" as const,\n    day: \"numeric\" as const,\n  }\n  return {\n    label: resolved?.text ?? \"Last updated\",\n    text: show ? new Date(value).toLocaleDateString(undefined, formatOptions) : undefined,\n    show,\n  }\n}\n\n// =============================================================================\n// DocLayout Component (legacy alias)\n// =============================================================================\n\ntype DocLayoutProps = {\n  content: ReactNode\n}\n\n/**\n * @deprecated Use DocPage or DocContent instead\n */\nexport function ArdoDocLayout({ content }: DocLayoutProps) {\n  return <ArdoDocPage>{content}</ArdoDocPage>\n}\n"],"mappings":"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"}

package/dist/assets/src/ui/{DocPage.css.ts.vanilla-BzG5Z7uL.css → DocPage.css.ts.vanilla-CWL92vUE.css}

@@ -17,8 +17,7 @@
 }
 ._1f1m4jr2 {
   margin-bottom: var(--ardo-space-xl);
-  padding-bottom: var(--ardo-space-lg);
-  border-bottom: 1px solid var(--ardo-color-border);
+  padding-bottom: var(--ardo-space-sm);
 }
 ._1f1m4jr3 {
   font-size: clamp(2rem, 4vw, 3.15rem);
@@ -48,34 +47,24 @@
   top: var(--ardo-space-xl);
   align-self: start;
   max-height: calc(100vh - var(--ardo-layout-headerHeight) - var(--ardo-space-2xl));
-  padding: var(--ardo-space-md) var(--ardo-space-md) var(--ardo-space-lg);
-  background: linear-gradient(180deg, color-mix(in oklch, var(--ardo-color-bg) 94%, var(--ardo-color-bgSoft)), var(--ardo-color-bg));
-  border: 1px solid var(--ardo-color-borderLight);
-  border-radius: var(--ardo-radius-lg);
-  box-shadow: 0 16px 42px oklch(0 0 0 / 0.035);
+  padding: var(--ardo-space-xs) 0 var(--ardo-space-lg);
   overflow-y: auto;
-  z-index: 1;
-}
-.dark ._1f1m4jr6 {
-  background: linear-gradient(180deg, color-mix(in oklch, var(--ardo-color-bg) 88%, var(--ardo-color-bgSoft)), var(--ardo-color-bg));
-  box-shadow: 0 18px 46px oklch(0 0 0 / 0.22);
 }
 ._1f1m4jr7 {
   padding: var(--ardo-space-md) 0;
-  border-bottom: 1px solid var(--ardo-color-borderLight);
 }
 ._1f1m4jr7:first-child {
   padding-top: 0;
 }
-._1f1m4jr7:last-child {
-  border-bottom: none;
+._1f1m4jr7:not(:last-child) {
+  border-bottom: 1px solid var(--ardo-color-borderLight);
 }
 ._1f1m4jr8 {
   font-size: var(--ardo-fontSize-xs);
-  font-weight: 700;
+  font-weight: 600;
   text-transform: uppercase;
-  letter-spacing: 0.07em;
-  color: var(--ardo-color-textLight);
+  letter-spacing: 0.08em;
+  color: var(--ardo-color-textLighter);
   margin-bottom: var(--ardo-space-sm);
 }
 ._1f1m4jr9 {
@@ -93,7 +82,7 @@
   transition: color var(--ardo-transition-fast);
 }
 ._1f1m4jra:hover {
-  color: var(--ardo-color-brand);
+  color: var(--ardo-color-accent);
 }
 ._1f1m4jrb {
   width: 100%;

package/dist/assets/src/ui/ErrorBoundary.css.ts.vanilla-C4usIU4z.css

@@ -0,0 +1,112 @@
+.tbxn4v0 {
+  min-height: calc(100vh - 6rem);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--ardo-space-3xl) var(--ardo-space-lg);
+}
+.tbxn4v1 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  max-width: 32rem;
+}
+.tbxn4v2 {
+  color: var(--ardo-color-brand);
+  opacity: 0.85;
+  margin-bottom: var(--ardo-space-lg);
+}
+.tbxn4v3 {
+  font-family: var(--ardo-font-mono);
+  font-size: var(--ardo-fontSize-xs);
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--ardo-color-textLighter);
+  margin-bottom: var(--ardo-space-sm);
+}
+.tbxn4v4 {
+  font-size: clamp(1.5rem, 3vw, 2rem);
+  font-family: var(--ardo-font-familyHeading);
+  font-weight: 700;
+  line-height: 1.15;
+  letter-spacing: -0.01em;
+  color: var(--ardo-color-text);
+  margin-bottom: var(--ardo-space-sm);
+  text-wrap: balance;
+}
+.tbxn4v5 {
+  font-size: var(--ardo-fontSize-base);
+  line-height: 1.6;
+  color: var(--ardo-color-textLight);
+  margin-bottom: var(--ardo-space-xl);
+  text-wrap: pretty;
+}
+.tbxn4v6 {
+  display: flex;
+  gap: var(--ardo-space-sm);
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.tbxn4v7 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ardo-space-xs);
+  padding: 0.625rem var(--ardo-space-lg);
+  background: var(--ardo-color-brand);
+  color: var(--ardo-color-bg);
+  font-size: var(--ardo-fontSize-sm);
+  font-weight: 500;
+  text-decoration: none;
+  border-radius: var(--ardo-radius-base);
+  transition: background var(--ardo-transition-fast);
+}
+.tbxn4v7:hover {
+  background: var(--ardo-color-brandDark);
+}
+.tbxn4v8 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ardo-space-xs);
+  padding: 0.625rem var(--ardo-space-lg);
+  background: transparent;
+  color: var(--ardo-color-text);
+  font-size: var(--ardo-fontSize-sm);
+  font-weight: 500;
+  text-decoration: none;
+  border-radius: var(--ardo-radius-base);
+  border: 1px solid var(--ardo-color-border);
+  transition: border-color var(--ardo-transition-fast), background var(--ardo-transition-fast);
+}
+.tbxn4v8:hover {
+  border-color: var(--ardo-color-brand);
+  background: var(--ardo-color-bgSoft);
+}
+.tbxn4v9 {
+  margin-top: var(--ardo-space-xl);
+  width: 100%;
+  text-align: left;
+  font-size: var(--ardo-fontSize-xs);
+  color: var(--ardo-color-textLight);
+}
+.tbxn4va {
+  cursor: pointer;
+  color: var(--ardo-color-textLighter);
+  margin-bottom: var(--ardo-space-sm);
+}
+.tbxn4va:hover {
+  color: var(--ardo-color-text);
+}
+.tbxn4vb {
+  margin: 0;
+  padding: var(--ardo-space-md);
+  background: var(--ardo-color-codeBg);
+  border: 1px solid var(--ardo-color-codeBorder);
+  border-radius: var(--ardo-radius-base);
+  font-family: var(--ardo-font-mono);
+  font-size: var(--ardo-fontSize-xs);
+  line-height: 1.5;
+  overflow-x: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+}

package/dist/assets/src/ui/{Footer.css.ts.vanilla-YkYGSrJ5.css → Footer.css.ts.vanilla-DGTyff5Y.css}

@@ -45,7 +45,7 @@ main > ._169q00b0 {
   vertical-align: middle;
 }
 ._169q00b4 {
-  color: var(--ardo-color-brand);
+  color: var(--ardo-color-accent);
   text-decoration: none;
   transition: opacity var(--ardo-transition-fast);
 }
@@ -53,28 +53,50 @@ main > ._169q00b0 {
   opacity: 0.8;
 }
 ._169q00b5 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  color: var(--ardo-color-brand);
+  text-decoration: none;
+  transition: opacity var(--ardo-transition-fast);
+}
+._169q00b5:hover {
+  opacity: 0.8;
+}
+._169q00b6 {
+  color: var(--ardo-color-brand);
+  opacity: 0.85;
+  transition: transform var(--ardo-transition-base), opacity var(--ardo-transition-fast);
+}
+._169q00b5:hover ._169q00b6 {
+  transform: rotate(-8deg);
+  opacity: 1;
+}
+._169q00b7 {
   grid-column: 1;
   font-size: var(--ardo-fontSize-sm);
   color: var(--ardo-color-textLighter);
 }
-._169q00b6 {
+._169q00b8 {
   grid-column: 1;
   font-size: var(--ardo-fontSize-sm);
   color: var(--ardo-color-textLighter);
 }
-._169q00b7 {
+._169q00b9 {
   grid-column: 2;
   grid-row: 1 / span 3;
   justify-self: end;
   font-size: var(--ardo-fontSize-xs);
-  color: var(--ardo-color-textLighter);
+  color: color-mix(in oklch, var(--ardo-color-accent) 65%, var(--ardo-color-textLighter));
+  font-family: var(--ardo-font-mono);
+  letter-spacing: 0.02em;
   margin-top: 2px;
   text-align: right;
 }
-._169q00b8 {
+._169q00ba {
   margin-top: var(--ardo-space-2xl);
 }
-._169q00b9 {
+._169q00bb {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -82,22 +104,22 @@ main > ._169q00b0 {
   font-size: var(--ardo-fontSize-sm);
   color: var(--ardo-color-textLighter);
 }
-._169q00ba {
-  color: var(--ardo-color-brand);
+._169q00bc {
+  color: var(--ardo-color-accent);
   text-decoration: none;
   font-weight: 500;
   transition: opacity var(--ardo-transition-fast);
 }
-._169q00ba:hover {
+._169q00bc:hover {
   opacity: 0.8;
 }
-._169q00bb {
+._169q00bd {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: var(--ardo-space-md);
   max-width: 80rem;
 }
-._169q00bc {
+._169q00be {
   display: flex;
   flex-direction: column;
   padding: var(--ardo-space-lg);
@@ -106,14 +128,14 @@ main > ._169q00b0 {
   text-decoration: none;
   transition: all var(--ardo-transition-base);
 }
-._169q00bc:hover {
-  border-color: var(--ardo-color-brand);
+._169q00be:hover {
+  border-color: var(--ardo-color-accent);
   background: var(--ardo-color-bgSoft);
 }
-._169q00be {
+._169q00bg {
   text-align: right;
 }
-._169q00bf {
+._169q00bh {
   font-size: var(--ardo-fontSize-xs);
   font-weight: 500;
   color: var(--ardo-color-textLighter);
@@ -121,7 +143,7 @@ main > ._169q00b0 {
   letter-spacing: 0.05em;
   margin-bottom: var(--ardo-space-xs);
 }
-._169q00bg {
+._169q00bi {
   font-weight: 600;
   color: var(--ardo-color-brand);
 }
@@ -133,7 +155,7 @@ main > ._169q00b0 {
     grid-template-columns: 1fr;
     gap: var(--ardo-space-xs);
   }
-  ._169q00b7 {
+  ._169q00b9 {
     grid-column: 1;
     grid-row: auto;
     justify-self: start;