ardo 3.0.5 → 3.2.0

package/dist/DocPage-BVibJR9O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocPage-BVibJR9O.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"],"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 { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"./theme/contract.css\"\n\nexport const footer = style({\n  maxWidth: \"80rem\",\n  padding: `${vars.space[\"2xl\"]} 0`,\n  textAlign: \"left\",\n  borderTop: `1px solid ${vars.color.border}`,\n  marginTop: vars.space[\"2xl\"],\n})\n\nexport const footerContainer = style({})\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: vars.space.xs,\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.brand,\n  textDecoration: \"none\",\n  transition: `opacity ${vars.transition.fast}`,\n  selectors: {\n    \"&:hover\": {\n      opacity: 0.8,\n    },\n  },\n})\n\nexport const footerMessage = style({\n  fontSize: vars.fontSize.sm,\n  color: vars.color.textLighter,\n})\n\nexport const footerCopyright = style({\n  fontSize: vars.fontSize.sm,\n  color: vars.color.textLighter,\n})\n\nexport const footerBuildTime = style({\n  fontSize: vars.fontSize.xs,\n  color: vars.color.textLighter,\n  marginTop: vars.space.xs,\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.brand,\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: `1.25rem ${vars.space.lg}`,\n  border: `1px solid ${vars.color.border}`,\n  borderRadius: vars.radius.lg,\n  textDecoration: \"none\",\n  transition: `all ${vars.transition.base}`,\n  selectors: {\n    \"&:hover\": {\n      borderColor: vars.color.brand,\n      background: vars.color.brandSubtle,\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  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  paddingTop: vars.layout.headerHeight,\n  minHeight: 0,\n})\n\nexport const main = style({\n  flex: 1,\n  minWidth: 0,\n  marginRight: vars.space.sm,\n  marginBottom: vars.space.sm,\n  background: vars.color.bg,\n  borderRadius: vars.radius.lg,\n  border: `1px solid ${vars.color.border}`,\n  // Content scrolls inside the card\n  overflowY: \"auto\",\n  scrollPaddingTop: vars.space.xl,\n  padding: vars.space.xl,\n  \"@media\": {\n    \"(max-width: 1024px)\": {\n      marginRight: 0,\n      marginBottom: 0,\n      borderRadius: 0,\n      border: \"none\",\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 * as styles from \"./Layout.css\"\n\n// =============================================================================\n// RootLayout Component (html/head/body shell)\n// =============================================================================\n\nconst ARDO_FAVICON =\n  \"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22stroke-linecap%3Around%3Bstroke-linejoin%3Around%22%20viewBox%3D%220%200%20600%20600%22%3E%3Cdefs%3E%3Csymbol%20id%3D%22a%22%20overflow%3D%22visible%22%3E%3Cpath%20d%3D%22M300%20300%20151%20128l2%20178-41%2094h93c-35%2032-55%2068-63%20107m63-106%2095%2081m-32-96%2028%2088%22%2F%3E%3Cellipse%20cx%3D%22222%22%20cy%3D%22327%22%20fill%3D%22%2300655a%22%20rx%3D%2220%22%20ry%3D%2233%22%2F%3E%3Ccircle%20cx%3D%22227%22%20cy%3D%22324%22%20r%3D%2271%22%2F%3E%3C%2Fsymbol%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2300655a%22%20stroke-width%3D%2216%22%3E%3Cpath%20d%3D%22M155%20318c2-70%2066-126%20145-126s143%2056%20145%20126%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22290%22%20r%3D%22270%22%2F%3E%3Cuse%20href%3D%22%23a%22%2F%3E%3Cuse%20href%3D%22%23a%22%20transform%3D%22matrix%28-1%200%200%201%20600%200%29%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\"\n\nexport interface ArdoRootLayoutProps {\n  children: ReactNode\n  /** Favicon URL (renders <link rel=\"icon\">) */\n  favicon?: 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({ children, favicon, lang }: 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\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        <link rel=\"icon\" type=\"image/svg+xml\" href={favicon ?? ARDO_FAVICON} />\n        <Meta />\n        <Links />\n      </head>\n      <body suppressHydrationWarning>\n        {children}\n        <ScrollRestoration />\n        <Scripts />\n      </body>\n    </html>\n  )\n}\n\n// =============================================================================\n// Layout Component\n// =============================================================================\n\nexport interface 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\"\n\n// =============================================================================\n// React CodeBlock component styles\n// =============================================================================\n\nexport const codeBlock = style({\n  margin: `${vars.space.md} 0`,\n  maxWidth: \"120ch\",\n  borderRadius: vars.radius.base,\n  overflow: \"hidden\",\n  background: vars.color.bgSoft,\n})\n\nexport const codeTitle = style({\n  padding: `${vars.space.sm} ${vars.space.md}`,\n  fontSize: vars.fontSize.xs,\n  fontWeight: 500,\n  fontFamily: vars.font.mono,\n  color: vars.color.textLighter,\n  borderBottom: `1px solid ${vars.color.borderLight}`,\n})\n\nexport const codeWrapper = style({\n  position: \"relative\",\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: \"oklch(0.48 0.15 170 / 0.08)\",\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.sm} ${vars.space.md}`,\n  fontSize: vars.fontSize.xs,\n  fontWeight: 500,\n  fontFamily: vars.font.mono,\n  color: vars.color.textLighter,\n  borderBottom: `1px solid ${vars.color.borderLight}`,\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: \"oklch(0.48 0.15 170 / 0.08)\",\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 on hover\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.border}`,\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: `all ${vars.transition.base}`,\n})\n\nglobalStyle(`${s}:hover button[data-code]`, {\n  opacity: 1,\n})\n\nglobalStyle(`${s} button[data-code]:hover`, {\n  opacity: 1,\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.md} 0`,\n  maxWidth: \"120ch\",\n  borderRadius: vars.radius.base,\n  overflow: \"hidden\",\n  background: vars.color.bgSoft,\n})\n\nexport const codeGroupTabs = style({\n  display: \"flex\",\n  borderBottom: `1px solid ${vars.color.borderLight}`,\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.brand,\n      borderBottomColor: vars.color.brand,\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: \"10px\",\n  right: \"10px\",\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: \"6px\",\n  padding: \"6px 10px\",\n  background: vars.color.bg,\n  border: `1px solid ${vars.color.border}`,\n  borderRadius: vars.radius.sm,\n  cursor: \"pointer\",\n  fontSize: \"12px\",\n  fontFamily: vars.font.family,\n  color: vars.color.textLight,\n  opacity: 0.6,\n  transition: `all ${vars.transition.base}`,\n  selectors: {\n    \"&:hover\": {\n      opacity: 1,\n      background: vars.color.bgSoft,\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\ninterface 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 interface 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 interface 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 (labelArray[index]) return labelArray[index]\n    const props = child.props as Record<string, unknown>\n    return (\n      (props[\"data-label\"] as string) ||\n      (props.title as string) ||\n      (props.language as string) ||\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 tabAt(tabs: string[], index: number): string {\n  return tabs[index]\n}\n","import { 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","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 interface 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 interface 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 interface 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 interface 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 interface 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 interface 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 interface ArdoIconProps extends SVGAttributes<SVGSVGElement> {\n  /** Name of the registered icon */\n  name: string\n  /** Icon size */\n  size?: number\n}\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 interface 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\ninterface 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 interface 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 interface 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 interface 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 interface 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 interface 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    if (!isValidElement(child)) {\n      continue\n    }\n\n    if (child.type === ArdoTab) {\n      const tabValue = (child.props as { value?: string }).value\n      return tabValue ?? `${AUTO_TAB_PREFIX}0`\n    }\n\n    const nestedChildren = (child.props as { children?: ReactNode }).children\n    const hasNestedChildren = nestedChildren != null\n    if (hasNestedChildren) {\n      const nestedValue = findFirstTabValue(nestedChildren)\n      if (nestedValue) {\n        return nestedValue\n      }\n    }\n  }\n\n  return \"\"\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\ninterface 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.3,\n  marginTop: vars.space.xl,\n  marginBottom: vars.space.sm,\n  letterSpacing: \"-0.02em\",\n})\n\nglobalStyle(`${c} h1`, {\n  fontSize: vars.fontSize[\"2xl\"],\n  fontWeight: 700,\n  marginTop: vars.space[\"2xl\"],\n})\n\nglobalStyle(`${c} h2`, {\n  fontSize: vars.fontSize.xl,\n  paddingTop: vars.space.sm,\n  letterSpacing: \"-0.015em\",\n})\n\nglobalStyle(`${c} h3`, {\n  fontSize: vars.fontSize.base,\n  fontWeight: 600,\n})\n\nglobalStyle(`${c} h4`, {\n  fontSize: vars.fontSize.sm,\n  fontWeight: 600,\n})\n\nglobalStyle(`${c} p`, {\n  marginBottom: vars.space.md,\n  maxWidth: \"68ch\",\n})\n\nglobalStyle(`${c} a`, {\n  color: vars.color.brand,\n  textDecoration: \"underline\",\n  textDecorationColor: \"transparent\",\n  textDecorationThickness: \"1px\",\n  textUnderlineOffset: \"2px\",\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.md,\n  paddingLeft: vars.space.lg,\n  maxWidth: \"68ch\",\n})\n\nglobalStyle(`${c} li`, {\n  marginBottom: vars.space.xs,\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.bgSoft,\n  borderRadius: `0 ${vars.radius.base} ${vars.radius.base} 0`,\n  color: vars.color.text,\n  fontSize: vars.fontSize.base,\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  width: \"100%\",\n  margin: `${vars.space.lg} 0`,\n  borderCollapse: \"collapse\",\n  fontSize: vars.fontSize.sm,\n  borderRadius: vars.radius.base,\n  overflow: \"hidden\",\n  border: `1px solid ${vars.color.border}`,\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.bgMute,\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: \"flex\",\n  flex: 1,\n  minWidth: 0,\n  gap: vars.space[\"3xl\"],\n  maxWidth: \"80rem\",\n})\n\nexport const contentContainer = style({\n  flex: 1,\n  minWidth: 0,\n  maxWidth: \"none\",\n})\n\nexport const contentHeader = style({\n  marginBottom: vars.space.lg,\n  paddingBottom: vars.space.md,\n  borderBottom: `1px solid ${vars.color.border}`,\n})\n\nexport const contentTitle = style({\n  fontSize: vars.fontSize[\"2xl\"],\n  fontFamily: vars.font.familyHeading,\n  fontWeight: 700,\n  lineHeight: 1.2,\n  letterSpacing: \"-0.025em\",\n  marginBottom: vars.space.xs,\n})\n\nexport const contentDescription = style({\n  fontSize: vars.fontSize.base,\n  color: vars.color.textLight,\n  lineHeight: 1.6,\n  maxWidth: \"60ch\",\n})\n\nexport const contentBody = style({\n  lineHeight: 1.6,\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\ninterface 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}\n\ninterface 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({ children, editLink, lastUpdated }: 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      <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: vars.layout.tocWidth,\n  flexShrink: 0,\n  position: \"sticky\",\n  top: 0,\n  alignSelf: \"flex-start\",\n  maxHeight: \"100%\",\n  padding: `${vars.space.xl} 0`,\n  overflowY: \"auto\",\n  \"@media\": {\n    \"(max-width: 1280px)\": {\n      display: \"none\",\n    },\n  },\n})\n\nexport const tocTitle = style({\n  fontSize: vars.fontSize.xs,\n  fontWeight: 700,\n  textTransform: \"uppercase\",\n  letterSpacing: \"0.06em\",\n  color: vars.color.textLight,\n  marginBottom: vars.space.md,\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.md}`,\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.borderLight,\n    },\n    \"&.active\": {\n      color: vars.color.brand,\n      borderLeftColor: vars.color.brand,\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 interface 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\ninterface 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\ninterface 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 { useArdoPageData } 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\ninterface 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}>\n          {children}\n        </ArdoContent>\n        {!hideToc && <ArdoTOC label={tocLabel} />}\n      </div>\n    </ArdoLayout>\n  )\n}\n\n// =============================================================================\n// DocContent Component (without Layout - for use with _layout.tsx)\n// =============================================================================\n\ninterface 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}>\n        {children}\n      </ArdoContent>\n      {!hideToc && <ArdoTOC label={tocLabel} />}\n    </div>\n  )\n}\n\n// =============================================================================\n// DocLayout Component (legacy alias)\n// =============================================================================\n\ninterface 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/Breadcrumb.css.ts.vanilla-Dpgq-C_p.css

@@ -0,0 +1,20 @@
+._19g8fxh0 {
+  display: none;
+  align-items: center;
+  gap: var(--ardo-space-sm);
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLighter);
+  margin-bottom: var(--ardo-space-md);
+}
+._19g8fxh1 {
+  color: var(--ardo-color-textLighter);
+}
+._19g8fxh2 {
+  color: var(--ardo-color-text);
+  font-weight: 500;
+}
+@media (max-width: 1024px) {
+  ._19g8fxh0 {
+    display: flex;
+  }
+}

package/dist/assets/src/ui/DocPage.css.ts.vanilla-CXKuz4U-.css

@@ -0,0 +1,34 @@
+._1f1m4jr0 {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  gap: var(--ardo-space-3xl);
+  max-width: 80rem;
+}
+._1f1m4jr1 {
+  flex: 1;
+  min-width: 0;
+  max-width: none;
+}
+._1f1m4jr2 {
+  margin-bottom: var(--ardo-space-lg);
+  padding-bottom: var(--ardo-space-md);
+  border-bottom: 1px solid var(--ardo-color-border);
+}
+._1f1m4jr3 {
+  font-size: var(--ardo-fontSize-2xl);
+  font-family: var(--ardo-font-familyHeading);
+  font-weight: 700;
+  line-height: 1.2;
+  letter-spacing: -0.025em;
+  margin-bottom: var(--ardo-space-xs);
+}
+._1f1m4jr4 {
+  font-size: var(--ardo-fontSize-base);
+  color: var(--ardo-color-textLight);
+  line-height: 1.6;
+  max-width: 60ch;
+}
+._1f1m4jr5 {
+  line-height: 1.6;
+}

package/dist/assets/src/ui/Footer.css.ts.vanilla-BSzPIPt4.css

@@ -0,0 +1,100 @@
+._169q00b0 {
+  max-width: 80rem;
+  padding: var(--ardo-space-2xl) 0;
+  text-align: left;
+  border-top: 1px solid var(--ardo-color-border);
+  margin-top: var(--ardo-space-2xl);
+}
+._169q00b2 {
+  display: flex;
+  align-items: center;
+  gap: 0;
+  flex-wrap: wrap;
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLight);
+  margin-bottom: var(--ardo-space-xs);
+}
+._169q00b3 {
+  display: inline-block;
+  width: var(--ardo-space-xs);
+  height: var(--ardo-space-xs);
+  border-radius: 50%;
+  background: var(--ardo-color-textLighter);
+  margin: 0 0.75rem;
+  vertical-align: middle;
+}
+._169q00b4 {
+  color: var(--ardo-color-brand);
+  text-decoration: none;
+  transition: opacity var(--ardo-transition-fast);
+}
+._169q00b4:hover {
+  opacity: 0.8;
+}
+._169q00b5 {
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLighter);
+}
+._169q00b6 {
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLighter);
+}
+._169q00b7 {
+  font-size: var(--ardo-fontSize-xs);
+  color: var(--ardo-color-textLighter);
+  margin-top: var(--ardo-space-xs);
+}
+._169q00b8 {
+  margin-top: var(--ardo-space-2xl);
+}
+._169q00b9 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: var(--ardo-space-lg);
+  font-size: var(--ardo-fontSize-sm);
+  color: var(--ardo-color-textLighter);
+}
+._169q00ba {
+  color: var(--ardo-color-brand);
+  text-decoration: none;
+  font-weight: 500;
+  transition: opacity var(--ardo-transition-fast);
+}
+._169q00ba:hover {
+  opacity: 0.8;
+}
+._169q00bb {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--ardo-space-md);
+  max-width: 80rem;
+}
+._169q00bc {
+  display: flex;
+  flex-direction: column;
+  padding: 1.25rem var(--ardo-space-lg);
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-lg);
+  text-decoration: none;
+  transition: all var(--ardo-transition-base);
+}
+._169q00bc:hover {
+  border-color: var(--ardo-color-brand);
+  background: var(--ardo-color-brandSubtle);
+}
+._169q00be {
+  text-align: right;
+}
+._169q00bf {
+  font-size: var(--ardo-fontSize-xs);
+  font-weight: 500;
+  color: var(--ardo-color-textLighter);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  margin-bottom: var(--ardo-space-xs);
+}
+._169q00bg {
+  font-weight: 600;
+  color: var(--ardo-color-brand);
+}

package/dist/assets/src/ui/Header.css.ts.vanilla-8QL0Jzgk.css

@@ -0,0 +1,156 @@
+.qjc2r50 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: calc(var(--ardo-layout-headerHeight) + env(safe-area-inset-top));
+  padding-top: env(safe-area-inset-top);
+  background: var(--ardo-color-sidebarBg);
+  z-index: 100;
+}
+.qjc2r51 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 100%;
+  padding: 0 var(--ardo-space-lg);
+}
+.qjc2r52 {
+  display: flex;
+  align-items: center;
+  gap: var(--ardo-space-lg);
+}
+.qjc2r53 {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+.qjc2r54 {
+  display: flex;
+  align-items: center;
+  gap: var(--ardo-space-sm);
+  text-decoration: none;
+  color: var(--ardo-color-text);
+  transition: opacity var(--ardo-transition-fast);
+}
+.qjc2r54:hover {
+  opacity: 0.8;
+}
+.qjc2r55 {
+  height: 2.25rem;
+}
+.qjc2r56 {
+  font-size: var(--ardo-fontSize-lg);
+  font-weight: 700;
+  letter-spacing: -0.025em;
+}
+.qjc2r57 {
+  display: none;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: var(--ardo-space-sm);
+  border-radius: var(--ardo-radius-sm);
+  color: var(--ardo-color-text);
+}
+.qjc2r57:hover {
+  background: var(--ardo-color-bgSoft);
+}
+.qjc2r58 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ardo-space-xs);
+}
+.qjc2r58 span {
+  display: block;
+  width: 1.25rem;
+  height: 2px;
+  background: var(--ardo-color-text);
+  border-radius: 1px;
+  transition: all var(--ardo-transition-fast);
+}
+.qjc2r59 {
+  display: flex;
+  align-items: center;
+}
+.qjc2r5a {
+  position: fixed;
+  inset: 0;
+  z-index: 150;
+  background: oklch(0 0 0 / 0.3);
+  transition: opacity var(--ardo-transition-base);
+}
+.qjc2r5a[data-open="false"] {
+  opacity: 0;
+  pointer-events: none;
+}
+.qjc2r5b {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: min(20rem, 85vw);
+  z-index: 151;
+  background: var(--ardo-color-bg);
+  overflow-y: auto;
+  padding: var(--ardo-space-lg) var(--ardo-space-lg) var(--ardo-space-xl);
+  transform: translateX(0);
+  transition: transform var(--ardo-transition-slow);
+}
+.qjc2r5b[data-open="false"] {
+  transform: translateX(-100%);
+}
+.qjc2r5c {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: var(--ardo-space-lg);
+}
+.qjc2r5d {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: var(--ardo-space-sm);
+  border-radius: var(--ardo-radius-base);
+  color: var(--ardo-color-textLight);
+  transition: all var(--ardo-transition-fast);
+}
+.qjc2r5d:hover {
+  color: var(--ardo-color-text);
+  background: var(--ardo-color-bgMute);
+}
+.qjc2r5e {
+  margin-bottom: var(--ardo-space-lg);
+  padding-bottom: var(--ardo-space-md);
+  border-bottom: 1px solid var(--ardo-color-border);
+}
+.qjc2r5e a {
+  display: block;
+  padding: var(--ardo-space-sm) 0;
+  color: var(--ardo-color-textLight);
+  text-decoration: none;
+  font-size: var(--ardo-fontSize-sm);
+}
+.qjc2r5f > aside {
+  display: block;
+  width: 100%;
+  padding: 0;
+}
+.qjc2r5g {
+  display: none;
+}
+.qjc2r5h {
+  display: none;
+}
+@media (max-width: 1024px) {
+  .qjc2r57 {
+    display: flex;
+    align-items: center;
+  }
+  .qjc2r59 {
+    display: none;
+  }
+}

package/dist/assets/src/ui/Layout.css.ts.vanilla-Bpx_-gJt.css

@@ -0,0 +1,67 @@
+._8autjm0 {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--ardo-color-sidebarBg);
+  overflow: hidden;
+}
+._8autjm1 {
+  display: flex;
+  flex: 1;
+  padding-top: var(--ardo-layout-headerHeight);
+  min-height: 0;
+}
+._8autjm2 {
+  flex: 1;
+  min-width: 0;
+  margin-right: var(--ardo-space-sm);
+  margin-bottom: var(--ardo-space-sm);
+  background: var(--ardo-color-bg);
+  border-radius: var(--ardo-radius-lg);
+  border: 1px solid var(--ardo-color-border);
+  overflow-y: auto;
+  scroll-padding-top: var(--ardo-space-xl);
+  padding: var(--ardo-space-xl);
+}
+._8autjm3 {
+  height: auto;
+  min-height: 100vh;
+  overflow: visible;
+}
+._8autjm4 {
+  padding-top: var(--ardo-layout-headerHeight);
+}
+._8autjm3 ._8autjm2 {
+  margin-left: 0;
+  padding: 0;
+  margin: 0;
+  border-radius: 0;
+  border: none;
+  background: var(--ardo-color-bg);
+  overflow: visible;
+}
+._8autjm5 {
+  position: absolute;
+  top: -100%;
+  left: var(--ardo-space-md);
+  z-index: 200;
+  padding: 0.75rem var(--ardo-space-lg);
+  background: var(--ardo-color-brand);
+  color: white;
+  font-weight: 600;
+  font-size: var(--ardo-fontSize-sm);
+  text-decoration: none;
+  border-radius: var(--ardo-radius-base);
+  box-shadow: var(--ardo-color-shadowMd);
+}
+._8autjm5:focus {
+  top: var(--ardo-space-md);
+}
+@media (max-width: 1024px) {
+  ._8autjm2 {
+    margin-right: 0;
+    margin-bottom: 0;
+    border-radius: 0;
+    border: none;
+  }
+}

package/dist/assets/src/ui/Nav.css.ts.vanilla-CsAQjogy.css

@@ -0,0 +1,51 @@
+._85hnke0 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+._85hnke1 {
+  position: relative;
+  color: var(--ardo-color-textLight);
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 8px 14px;
+  border-radius: var(--ardo-radius-sm);
+  transition: all var(--ardo-transition-fast);
+}
+._85hnke1::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 2px;
+  background: var(--ardo-color-brand);
+  border-radius: 1px;
+  transition: width var(--ardo-transition-base);
+}
+._85hnke1:hover {
+  color: var(--ardo-color-text);
+  background: var(--ardo-color-bgSoft);
+}
+._85hnke1.active {
+  color: var(--ardo-color-brand);
+}
+._85hnke1.active::after {
+  width: calc(100% - 28px);
+}
+._85hnke2 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  color: var(--ardo-color-textLight);
+  border-radius: var(--ardo-radius-base);
+  transition: all var(--ardo-transition-fast);
+}
+._85hnke2:hover {
+  color: var(--ardo-color-text);
+  background: var(--ardo-color-bgSoft);
+}