ardo 3.5.0 → 3.6.0

package/dist/DocPage-Yt8MMpBg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocPage-Yt8MMpBg.js","names":["styles.skipLink","styles.layoutContainer","styles.main","styles.leadingIcon","styles.accordionGroup","styles.accordion","styles.heading","styles.trigger","styles.title","title","styles.chevron","styles.content","styles.contentInner","styles.badge","icon","styles.cardIcon","styles.cardHeader","styles.cardTitle","styles.card","styles.cardLink","styles.cardGroup","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/Accordion.css.ts","../src/ui/components/Icon.tsx","../src/ui/components/Accordion.tsx","../src/ui/components/Badge.css.ts","../src/ui/components/Badge.tsx","../src/ui/components/Card.css.ts","../src/ui/components/Card.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/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 { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"../theme/contract.css\"\n\nconst brandBorder = `color-mix(in oklch, ${vars.color.brand} 28%, ${vars.color.border})`\nconst brandRing = `color-mix(in oklch, ${vars.color.brand} 12%, transparent)`\n\nexport const accordionGroup = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: \"10px\",\n  margin: \"24px 0\",\n})\n\nexport const accordion = style({\n  border: `1px solid ${vars.color.border}`,\n  borderRadius: vars.radius.lg,\n  background: vars.color.bg,\n  boxShadow: vars.color.shadowSm,\n  overflow: \"hidden\",\n  transition: `border-color ${vars.transition.base}, box-shadow ${vars.transition.base}`,\n  selectors: {\n    \"&:hover\": {\n      borderColor: brandBorder,\n      boxShadow: `${vars.color.shadowSm}, 0 0 0 1px ${brandRing}`,\n    },\n  },\n})\n\nexport const heading = style({\n  margin: 0,\n  font: \"inherit\",\n})\n\nexport const trigger = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: \"10px\",\n  width: \"100%\",\n  padding: \"16px 18px\",\n  border: 0,\n  background: \"transparent\",\n  color: vars.color.text,\n  cursor: \"pointer\",\n  textAlign: \"left\",\n  font: \"inherit\",\n  selectors: {\n    \"&:focus-visible\": {\n      outline: `2px solid ${vars.color.brand}`,\n      outlineOffset: \"-2px\",\n    },\n  },\n})\n\nexport const leadingIcon = style({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  flex: \"0 0 auto\",\n  width: \"28px\",\n  height: \"28px\",\n  borderRadius: vars.radius.base,\n  background: vars.color.brandSubtle,\n  color: vars.color.brand,\n})\n\nexport const title = style({\n  flex: \"1 1 auto\",\n  fontSize: \"15px\",\n  fontWeight: 600,\n  letterSpacing: \"-0.01em\",\n  lineHeight: 1.4,\n})\n\nexport const chevron = style({\n  position: \"relative\",\n  width: \"16px\",\n  height: \"16px\",\n  flex: \"0 0 auto\",\n  transition: `transform ${vars.transition.base}`,\n  selectors: {\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      inset: \"3px 2px 2px 2px\",\n      borderRight: `2px solid ${vars.color.textLight}`,\n      borderBottom: `2px solid ${vars.color.textLight}`,\n      transform: \"rotate(45deg)\",\n    },\n    [`${accordion}[data-open=\"true\"] &`]: {\n      transform: \"rotate(180deg)\",\n    },\n  },\n  \"@media\": {\n    \"(prefers-reduced-motion: reduce)\": {\n      transition: \"none\",\n    },\n  },\n})\n\nexport const content = style({\n  display: \"grid\",\n  gridTemplateRows: \"0fr\",\n  borderTop: `1px solid transparent`,\n  opacity: 0,\n  transition: `grid-template-rows ${vars.transition.base}, opacity ${vars.transition.base}, border-color ${vars.transition.base}`,\n  selectors: {\n    [`${accordion}[data-open=\"true\"] &`]: {\n      gridTemplateRows: \"1fr\",\n      borderTopColor: vars.color.border,\n      opacity: 1,\n    },\n  },\n  \"@media\": {\n    \"(prefers-reduced-motion: reduce)\": {\n      transition: \"none\",\n    },\n  },\n})\n\nexport const contentInner = style({\n  minHeight: 0,\n  overflow: \"hidden\",\n  padding: \"0 18px 16px\",\n  color: vars.color.textLight,\n  fontSize: \"14px\",\n  lineHeight: 1.65,\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 type { ElementType, ReactNode } from \"react\"\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  use,\n  useId,\n  useMemo,\n  useState,\n} from \"react\"\n\nimport * as styles from \"./Accordion.css\"\nimport { ArdoIcon } from \"./Icon\"\n\ntype AccordionGroupContextValue = {\n  openItem: string | undefined\n  onlyOneOpen: boolean\n  setOpenItem: (value: string | undefined) => void\n}\n\nconst AccordionGroupContext = createContext<AccordionGroupContextValue | null>(null)\n\nexport type ArdoAccordionHeadingLevel = 2 | 3 | 4 | 5 | 6\n\nexport type ArdoAccordionGroupProps = {\n  /** Accordion items to display. */\n  children: ReactNode\n  /** When true, opening one accordion closes the currently open item. */\n  onlyOneOpen?: boolean\n  /** Additional CSS class. */\n  className?: string\n}\n\nexport type ArdoAccordionProps = {\n  /** Accordion summary/title. */\n  title: ReactNode\n  /** Collapsible content. */\n  children: ReactNode\n  /** Whether the accordion starts open. */\n  defaultOpen?: boolean\n  /** Optional registered icon name or custom React node shown before the title. */\n  icon?: ReactNode | string\n  /** Heading level used for the accordion trigger. */\n  headingLevel?: ArdoAccordionHeadingLevel\n  /** Stable item value used by AccordionGroup only-one-open mode. */\n  value?: string\n  /** Additional CSS class. */\n  className?: string\n}\n\nfunction AccordionIcon({ icon }: { icon: ReactNode | string }) {\n  return (\n    <span className={styles.leadingIcon} aria-hidden=\"true\">\n      {typeof icon === \"string\" ? <ArdoIcon name={icon} size={18} /> : icon}\n    </span>\n  )\n}\n\nfunction fallbackValue(index: number): string {\n  return `ardo-accordion-${index}`\n}\n\nfunction resolveAccordionGroupChildren(children: ReactNode): {\n  defaultOpenValue: string | undefined\n  normalizedChildren: ReactNode\n} {\n  let accordionIndex = 0\n  let defaultOpenValue: string | undefined\n\n  const normalizedChildren = Children.map(children, (child): ReactNode => {\n    if (!isValidElement<ArdoAccordionProps>(child) || child.type !== ArdoAccordion) {\n      return child\n    }\n\n    const value = child.props.value ?? fallbackValue(accordionIndex)\n    accordionIndex += 1\n\n    if (defaultOpenValue == null && child.props.defaultOpen === true) {\n      defaultOpenValue = value\n    }\n\n    return child.props.value == null ? cloneElement(child, { value }) : child\n  })\n\n  return { defaultOpenValue, normalizedChildren }\n}\n\n/**\n * Group container for accordion items.\n */\nexport function ArdoAccordionGroup({\n  children,\n  onlyOneOpen = false,\n  className,\n}: ArdoAccordionGroupProps) {\n  const { defaultOpenValue, normalizedChildren } = useMemo(\n    () => resolveAccordionGroupChildren(children),\n    [children]\n  )\n  const [openItem, setOpenItem] = useState<string | undefined>(() =>\n    onlyOneOpen ? defaultOpenValue : undefined\n  )\n  const contextValue = useMemo(\n    () => ({ onlyOneOpen, openItem, setOpenItem }),\n    [onlyOneOpen, openItem]\n  )\n  const groupClassName =\n    className == null ? styles.accordionGroup : `${styles.accordionGroup} ${className}`\n\n  return (\n    <AccordionGroupContext value={contextValue}>\n      <div className={groupClassName}>{normalizedChildren}</div>\n    </AccordionGroupContext>\n  )\n}\n\n/**\n * Collapsible documentation content section.\n */\nexport function ArdoAccordion({\n  title,\n  children,\n  defaultOpen = false,\n  icon,\n  headingLevel = 3,\n  value,\n  className,\n}: ArdoAccordionProps) {\n  const generatedId = useId()\n  const context = use(AccordionGroupContext)\n  const resolvedValue = value ?? generatedId\n  const [isOpen, setIsOpen] = useState(defaultOpen)\n  const groupedOpen = context?.onlyOneOpen === true ? context.openItem === resolvedValue : isOpen\n  const open = !context?.onlyOneOpen ? isOpen : groupedOpen\n  const accordionClassName =\n    className == null ? styles.accordion : `${styles.accordion} ${className}`\n  const contentId = `${generatedId}-content`\n  const triggerId = `${generatedId}-trigger`\n  const hasIcon = icon != null\n  const Heading = `h${headingLevel}` as ElementType\n\n  const toggleOpen = () => {\n    if (context?.onlyOneOpen === true) {\n      context.setOpenItem(open ? undefined : resolvedValue)\n      return\n    }\n\n    setIsOpen((current) => !current)\n  }\n\n  return (\n    <section className={accordionClassName} data-open={open ? \"true\" : \"false\"}>\n      <Heading className={styles.heading}>\n        <button\n          id={triggerId}\n          type=\"button\"\n          className={styles.trigger}\n          aria-expanded={open}\n          aria-controls={contentId}\n          onClick={toggleOpen}\n        >\n          {hasIcon && <AccordionIcon icon={icon} />}\n          <span className={styles.title}>{title}</span>\n          <span className={styles.chevron} aria-hidden=\"true\" />\n        </button>\n      </Heading>\n      <div\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={triggerId}\n        className={styles.content}\n        aria-hidden={!open}\n        inert={!open || undefined}\n      >\n        <div className={styles.contentInner}>{children}</div>\n      </div>\n    </section>\n  )\n}\n","import { style } from \"@vanilla-extract/css\"\nimport { recipe } from \"@vanilla-extract/recipes\"\n\nimport { vars } from \"../theme/contract.css\"\n\nexport const badge = recipe({\n  base: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    gap: vars.space.xs,\n    verticalAlign: \"baseline\",\n    padding: `${vars.space.xs} ${vars.space.sm}`,\n    border: \"1px solid\",\n    borderRadius: vars.radius.lg,\n    fontSize: vars.fontSize.xs,\n    fontWeight: 600,\n    lineHeight: 1.35,\n    whiteSpace: \"nowrap\",\n  },\n  variants: {\n    variant: {\n      default: {\n        background: vars.color.bgSoft,\n        borderColor: vars.color.border,\n        color: vars.color.textLight,\n      },\n      success: {\n        background: vars.color.badgeGreenBg,\n        borderColor: vars.color.badgeGreenBorder,\n        color: vars.color.badgeGreen,\n      },\n      warning: {\n        background: vars.color.badgeAmberBg,\n        borderColor: vars.color.badgeAmberBorder,\n        color: vars.color.badgeAmber,\n      },\n      danger: {\n        background: vars.color.badgeRedBg,\n        borderColor: vars.color.badgeRedBorder,\n        color: vars.color.badgeRed,\n      },\n      info: {\n        background: vars.color.badgeBlueBg,\n        borderColor: vars.color.badgeBlueBorder,\n        color: vars.color.badgeBlue,\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nexport const icon = style({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  flexShrink: 0,\n  lineHeight: 0,\n})\n","import type { ReactNode } from \"react\"\n\nimport * as styles from \"./Badge.css\"\n\nexport type ArdoBadgeVariant = \"danger\" | \"default\" | \"info\" | \"success\" | \"warning\"\n\nexport type ArdoBadgeProps = {\n  /** Visual style for the badge. */\n  variant?: ArdoBadgeVariant\n  /** Optional leading icon. */\n  icon?: ReactNode\n  /** Inline badge content. */\n  children: ReactNode\n}\n\n/**\n * Inline status label for documentation content.\n */\nexport function ArdoBadge({ variant = \"default\", icon, children }: ArdoBadgeProps) {\n  return (\n    <span className={styles.badge({ variant })}>\n      {icon != null && (\n        <span className={styles.icon} aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {children}\n    </span>\n  )\n}\n","import { style } from \"@vanilla-extract/css\"\n\nimport { vars } from \"../theme/contract.css\"\n\nconst brandBorder = `color-mix(in oklch, ${vars.color.brand} 34%, ${vars.color.border})`\nconst brandRing = `color-mix(in oklch, ${vars.color.brand} 14%, transparent)`\n\nexport const cardGroup = style({\n  display: \"grid\",\n  gridTemplateColumns: \"repeat(var(--ardo-card-cols, 2), minmax(0, 1fr))\",\n  gap: \"16px\",\n  margin: \"24px 0\",\n  selectors: {\n    '&[data-cols=\"1\"]': {\n      vars: {\n        \"--ardo-card-cols\": \"1\",\n      },\n    },\n    '&[data-cols=\"2\"]': {\n      vars: {\n        \"--ardo-card-cols\": \"2\",\n      },\n    },\n    '&[data-cols=\"3\"]': {\n      vars: {\n        \"--ardo-card-cols\": \"3\",\n      },\n    },\n    '&[data-cols=\"4\"]': {\n      vars: {\n        \"--ardo-card-cols\": \"4\",\n      },\n    },\n  },\n  \"@media\": {\n    \"(max-width: 900px)\": {\n      gridTemplateColumns: \"repeat(min(var(--ardo-card-cols, 2), 2), minmax(0, 1fr))\",\n    },\n    \"(max-width: 640px)\": {\n      gridTemplateColumns: \"1fr\",\n    },\n  },\n})\n\nexport const card = style({\n  display: \"flex\",\n  flexDirection: \"column\",\n  minHeight: \"100%\",\n  padding: \"18px\",\n  border: `1px solid ${vars.color.border}`,\n  borderRadius: vars.radius.lg,\n  background: vars.color.bg,\n  boxShadow: vars.color.shadowSm,\n  color: vars.color.text,\n  textDecoration: \"none\",\n  transition: `border-color ${vars.transition.base}, box-shadow ${vars.transition.base}, transform ${vars.transition.base}`,\n  \"@media\": {\n    \"(prefers-reduced-motion: reduce)\": {\n      transition: \"none\",\n    },\n  },\n})\n\nexport const cardLink = style([\n  card,\n  {\n    selectors: {\n      \"&:hover\": {\n        borderColor: brandBorder,\n        boxShadow: `${vars.color.shadowMd}, 0 0 0 1px ${brandRing}`,\n        textDecoration: \"none\",\n      },\n      \"&:focus-visible\": {\n        outline: `2px solid ${vars.color.brand}`,\n        outlineOffset: \"2px\",\n      },\n    },\n    \"@media\": {\n      \"(hover: hover)\": {\n        selectors: {\n          \"&:hover\": {\n            transform: \"translateY(-2px)\",\n          },\n        },\n      },\n      \"(prefers-reduced-motion: reduce)\": {\n        transition: \"none\",\n        selectors: {\n          \"&:hover\": {\n            transform: \"none\",\n          },\n        },\n      },\n    },\n  },\n])\n\nexport const cardHeader = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: \"10px\",\n  minWidth: 0,\n})\n\nexport const cardIcon = style({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  flex: \"0 0 auto\",\n  width: \"32px\",\n  height: \"32px\",\n  borderRadius: vars.radius.base,\n  background: vars.color.brandSubtle,\n  color: vars.color.brand,\n})\n\nexport const cardTitle = style({\n  margin: 0,\n  fontSize: \"16px\",\n  fontWeight: 600,\n  letterSpacing: \"-0.01em\",\n  lineHeight: 1.35,\n})\n\nexport const cardBody = style({\n  display: \"block\",\n  marginTop: \"10px\",\n  color: vars.color.textLight,\n  fontSize: \"14px\",\n  lineHeight: 1.6,\n})\n","import type { ReactNode } from \"react\"\n\nimport { Link } from \"react-router\"\n\nimport * as styles from \"./Card.css\"\nimport { ArdoIcon } from \"./Icon\"\n\nexport type ArdoCardGroupColumns = 1 | 2 | 3 | 4\n\nexport type ArdoCardGroupProps = {\n  /** Cards to display in the group. */\n  children: ReactNode\n  /** Preferred number of columns on wide screens. */\n  cols?: ArdoCardGroupColumns\n  /** Additional CSS class. */\n  className?: string\n}\n\nexport type ArdoCardProps = {\n  /** Card title. */\n  title: string\n  /** Optional registered icon name or custom React node. */\n  icon?: ReactNode | string\n  /** Card content. */\n  children?: ReactNode\n  /** Optional destination. When set, the full card is clickable. */\n  href?: string\n  /** Additional CSS class. */\n  className?: string\n}\n\nfunction isExternalHref(href: string): boolean {\n  return href.startsWith(\"http://\") || href.startsWith(\"https://\") || href.startsWith(\"//\")\n}\n\nfunction CardIcon({ icon }: { icon: ReactNode | string }) {\n  return (\n    <span className={styles.cardIcon} aria-hidden=\"true\">\n      {typeof icon === \"string\" ? <ArdoIcon name={icon} size={20} /> : icon}\n    </span>\n  )\n}\n\nfunction CardContent({\n  title,\n  icon,\n  children,\n}: Pick<ArdoCardProps, \"children\" | \"icon\" | \"title\">) {\n  const hasIcon = icon != null\n  const hasChildren = children != null\n\n  return (\n    <>\n      <div className={styles.cardHeader}>\n        {hasIcon && <CardIcon icon={icon} />}\n        <h3 className={styles.cardTitle}>{title}</h3>\n      </div>\n      {hasChildren && <span className={styles.cardBody}>{children}</span>}\n    </>\n  )\n}\n\n/**\n * General-purpose documentation card.\n *\n * Cards can be static content blocks or clickable navigation items when `href` is provided.\n */\nexport function ArdoCard({ title, icon, children, href, className }: ArdoCardProps) {\n  const cardClassName = className == null ? styles.card : `${styles.card} ${className}`\n  const cardLinkClassName = className == null ? styles.cardLink : `${styles.cardLink} ${className}`\n\n  if (href == null || href === \"\") {\n    return (\n      <div className={cardClassName}>\n        <CardContent title={title} icon={icon}>\n          {children}\n        </CardContent>\n      </div>\n    )\n  }\n\n  if (isExternalHref(href)) {\n    return (\n      <a className={cardLinkClassName} href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n        <CardContent title={title} icon={icon}>\n          {children}\n        </CardContent>\n      </a>\n    )\n  }\n\n  return (\n    <Link className={cardLinkClassName} to={href}>\n      <CardContent title={title} icon={icon}>\n        {children}\n      </CardContent>\n    </Link>\n  )\n}\n\n/**\n * Responsive grid for documentation cards.\n */\nexport function ArdoCardGroup({ children, cols = 2, className }: ArdoCardGroupProps) {\n  const groupClassName = className == null ? styles.cardGroup : `${styles.cardGroup} ${className}`\n\n  return (\n    <div className={groupClassName} data-cols={cols}>\n      {children}\n    </div>\n  )\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 { 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 KeyboardEvent,\n  type ReactNode,\n  use,\n  useCallback,\n  useId,\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  getPanelId: (value: string) => string\n  getTabValue: (value?: string) => string\n  getTabId: (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 tabsId = useId()\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 = useCallback((value?: string) => {\n    const index = tabIndexRef.current++\n    return value ?? `${AUTO_TAB_PREFIX}${index}`\n  }, [])\n\n  const getPanelValue = useCallback((value?: string) => {\n    const index = panelIndexRef.current++\n    return value ?? `${AUTO_TAB_PREFIX}${index}`\n  }, [])\n\n  const effectiveTab = defaultValue ?? activeTab\n  const getTabId = useCallback(\n    (value: string) => `${tabsId}-tab-${toDomIdSegment(value)}`,\n    [tabsId]\n  )\n  const getPanelId = useCallback(\n    (value: string) => `${tabsId}-panel-${toDomIdSegment(value)}`,\n    [tabsId]\n  )\n\n  const contextValue = useMemo(\n    () => ({\n      activeTab: effectiveTab,\n      setActiveTab,\n      getPanelId,\n      getPanelValue,\n      getTabId,\n      getTabValue,\n    }),\n    [effectiveTab, getPanelId, getPanelValue, getTabId, getTabValue]\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\" onKeyDown={handleTabListKeyDown}>\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, getPanelId, getTabId, getTabValue } = useTabsContext()\n  const resolvedValue = getTabValue(value)\n  const isActive = activeTab === resolvedValue\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      id={getTabId(resolvedValue)}\n      aria-controls={getPanelId(resolvedValue)}\n      aria-selected={isActive}\n      tabIndex={isActive ? 0 : -1}\n      data-ardo-tab-value={resolvedValue}\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, getPanelId, getPanelValue, getTabId } = useTabsContext()\n  const resolvedValue = getPanelValue(value)\n  const isActive = activeTab === resolvedValue\n\n  if (!isActive) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      id={getPanelId(resolvedValue)}\n      aria-labelledby={getTabId(resolvedValue)}\n      tabIndex={0}\n      className={styles.tabPanel}\n    >\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\nfunction handleTabListKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n  if (!isTabNavigationKey(event.key)) {\n    return\n  }\n\n  const tabs = getTabsFromList(event.currentTarget)\n  if (tabs.length === 0) {\n    return\n  }\n\n  if (!(event.target instanceof HTMLButtonElement)) {\n    return\n  }\n\n  const currentIndex = tabs.indexOf(event.target)\n  if (currentIndex === -1) {\n    return\n  }\n\n  event.preventDefault()\n  const nextTab = tabs[getNextTabIndex(event.key, currentIndex, tabs.length)]\n  nextTab.focus()\n  nextTab.click()\n}\n\nfunction isTabNavigationKey(key: string) {\n  return key === \"ArrowLeft\" || key === \"ArrowRight\" || key === \"Home\" || key === \"End\"\n}\n\nfunction getTabsFromList(tabList: HTMLDivElement) {\n  return [...tabList.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]')]\n}\n\nfunction getNextTabIndex(key: string, currentIndex: number, tabCount: number) {\n  switch (key) {\n    case \"ArrowLeft\":\n      return (currentIndex - 1 + tabCount) % tabCount\n    case \"ArrowRight\":\n      return (currentIndex + 1) % tabCount\n    case \"Home\":\n      return 0\n    case \"End\":\n      return tabCount - 1\n    default:\n      return currentIndex\n  }\n}\n\nfunction toDomIdSegment(value: string) {\n  return Array.from(value, (char) => char.charCodeAt(0).toString(36)).join(\"-\")\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/components/Accordion.css.ts.vanilla-BPEoNgJt.css

@@ -0,0 +1,103 @@
+._18rgqvr0 {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin: 24px 0;
+}
+._18rgqvr1 {
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-lg);
+  background: var(--ardo-color-bg);
+  box-shadow: var(--ardo-color-shadowSm);
+  overflow: hidden;
+  transition: border-color var(--ardo-transition-base), box-shadow var(--ardo-transition-base);
+}
+._18rgqvr1:hover {
+  border-color: color-mix(in oklch, var(--ardo-color-brand) 28%, var(--ardo-color-border));
+  box-shadow: var(--ardo-color-shadowSm), 0 0 0 1px color-mix(in oklch, var(--ardo-color-brand) 12%, transparent);
+}
+._18rgqvr2 {
+  margin: 0;
+  font: inherit;
+}
+._18rgqvr3 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 16px 18px;
+  border: 0;
+  background: transparent;
+  color: var(--ardo-color-text);
+  cursor: pointer;
+  text-align: left;
+  font: inherit;
+}
+._18rgqvr3:focus-visible {
+  outline: 2px solid var(--ardo-color-brand);
+  outline-offset: -2px;
+}
+._18rgqvr4 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 28px;
+  height: 28px;
+  border-radius: var(--ardo-radius-base);
+  background: var(--ardo-color-brandSubtle);
+  color: var(--ardo-color-brand);
+}
+._18rgqvr5 {
+  flex: 1 1 auto;
+  font-size: 15px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.4;
+}
+._18rgqvr6 {
+  position: relative;
+  width: 16px;
+  height: 16px;
+  flex: 0 0 auto;
+  transition: transform var(--ardo-transition-base);
+}
+._18rgqvr6::before {
+  content: "";
+  position: absolute;
+  inset: 3px 2px 2px 2px;
+  border-right: 2px solid var(--ardo-color-textLight);
+  border-bottom: 2px solid var(--ardo-color-textLight);
+  transform: rotate(45deg);
+}
+._18rgqvr1[data-open="true"] ._18rgqvr6 {
+  transform: rotate(180deg);
+}
+._18rgqvr7 {
+  display: grid;
+  grid-template-rows: 0fr;
+  border-top: 1px solid transparent;
+  opacity: 0;
+  transition: grid-template-rows var(--ardo-transition-base), opacity var(--ardo-transition-base), border-color var(--ardo-transition-base);
+}
+._18rgqvr1[data-open="true"] ._18rgqvr7 {
+  grid-template-rows: 1fr;
+  border-top-color: var(--ardo-color-border);
+  opacity: 1;
+}
+._18rgqvr8 {
+  min-height: 0;
+  overflow: hidden;
+  padding: 0 18px 16px;
+  color: var(--ardo-color-textLight);
+  font-size: 14px;
+  line-height: 1.65;
+}
+@media (prefers-reduced-motion: reduce) {
+  ._18rgqvr6 {
+    transition: none;
+  }
+  ._18rgqvr7 {
+    transition: none;
+  }
+}

package/dist/assets/src/ui/components/Badge.css.ts.vanilla-D9jsj0rg.css

@@ -0,0 +1,44 @@
+.ghbjl60 {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ardo-space-xs);
+  vertical-align: baseline;
+  padding: var(--ardo-space-xs) var(--ardo-space-sm);
+  border: 1px solid;
+  border-radius: var(--ardo-radius-lg);
+  font-size: var(--ardo-fontSize-xs);
+  font-weight: 600;
+  line-height: 1.35;
+  white-space: nowrap;
+}
+.ghbjl61 {
+  background: var(--ardo-color-bgSoft);
+  border-color: var(--ardo-color-border);
+  color: var(--ardo-color-textLight);
+}
+.ghbjl62 {
+  background: var(--ardo-color-badgeGreenBg);
+  border-color: var(--ardo-color-badgeGreenBorder);
+  color: var(--ardo-color-badgeGreen);
+}
+.ghbjl63 {
+  background: var(--ardo-color-badgeAmberBg);
+  border-color: var(--ardo-color-badgeAmberBorder);
+  color: var(--ardo-color-badgeAmber);
+}
+.ghbjl64 {
+  background: var(--ardo-color-badgeRedBg);
+  border-color: var(--ardo-color-badgeRedBorder);
+  color: var(--ardo-color-badgeRed);
+}
+.ghbjl65 {
+  background: var(--ardo-color-badgeBlueBg);
+  border-color: var(--ardo-color-badgeBlueBorder);
+  color: var(--ardo-color-badgeBlue);
+}
+.ghbjl66 {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  line-height: 0;
+}

package/dist/assets/src/ui/components/Card.css.ts.vanilla-CO6uiEzC.css

@@ -0,0 +1,97 @@
+._8dzbm60 {
+  display: grid;
+  grid-template-columns: repeat(var(--ardo-card-cols, 2), minmax(0, 1fr));
+  gap: 16px;
+  margin: 24px 0;
+}
+._8dzbm60[data-cols="1"] {
+  --ardo-card-cols: 1;
+}
+._8dzbm60[data-cols="2"] {
+  --ardo-card-cols: 2;
+}
+._8dzbm60[data-cols="3"] {
+  --ardo-card-cols: 3;
+}
+._8dzbm60[data-cols="4"] {
+  --ardo-card-cols: 4;
+}
+._8dzbm61 {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+  padding: 18px;
+  border: 1px solid var(--ardo-color-border);
+  border-radius: var(--ardo-radius-lg);
+  background: var(--ardo-color-bg);
+  box-shadow: var(--ardo-color-shadowSm);
+  color: var(--ardo-color-text);
+  text-decoration: none;
+  transition: border-color var(--ardo-transition-base), box-shadow var(--ardo-transition-base), transform var(--ardo-transition-base);
+}
+._8dzbm62:hover {
+  border-color: color-mix(in oklch, var(--ardo-color-brand) 34%, var(--ardo-color-border));
+  box-shadow: var(--ardo-color-shadowMd), 0 0 0 1px color-mix(in oklch, var(--ardo-color-brand) 14%, transparent);
+  text-decoration: none;
+}
+._8dzbm62:focus-visible {
+  outline: 2px solid var(--ardo-color-brand);
+  outline-offset: 2px;
+}
+._8dzbm63 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+._8dzbm64 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 32px;
+  height: 32px;
+  border-radius: var(--ardo-radius-base);
+  background: var(--ardo-color-brandSubtle);
+  color: var(--ardo-color-brand);
+}
+._8dzbm65 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.35;
+}
+._8dzbm66 {
+  display: block;
+  margin-top: 10px;
+  color: var(--ardo-color-textLight);
+  font-size: 14px;
+  line-height: 1.6;
+}
+@media (max-width: 900px) {
+  ._8dzbm60 {
+    grid-template-columns: repeat(min(var(--ardo-card-cols, 2), 2), minmax(0, 1fr));
+  }
+}
+@media (max-width: 640px) {
+  ._8dzbm60 {
+    grid-template-columns: 1fr;
+  }
+}
+@media (hover: hover) {
+  ._8dzbm62:hover {
+    transform: translateY(-2px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  ._8dzbm61 {
+    transition: none;
+  }
+  ._8dzbm62 {
+    transition: none;
+  }
+  ._8dzbm62:hover {
+    transform: none;
+  }
+}

package/dist/assets/src/ui/theme/{dark.css.ts.vanilla-CSJkJvIz.css → dark.css.ts.vanilla-yFCWJiX4.css}

@@ -50,6 +50,9 @@
   --ardo-color-badgeAmber: oklch(0.7 0.14 70);
   --ardo-color-badgeAmberBg: oklch(0.22 0.05 70);
   --ardo-color-badgeAmberBorder: oklch(0.38 0.1 70);
+  --ardo-color-badgeRed: oklch(0.7 0.14 25);
+  --ardo-color-badgeRedBg: oklch(0.22 0.04 25);
+  --ardo-color-badgeRedBorder: oklch(0.35 0.08 25);
   --ardo-color-badgePurple: oklch(0.7 0.14 300);
   --ardo-color-badgePurpleBg: oklch(0.22 0.04 300);
   --ardo-color-badgePurpleBorder: oklch(0.35 0.08 300);

package/dist/assets/src/ui/theme/{light.css.ts.vanilla-CFz9jeJK.css → light.css.ts.vanilla-DDKnXFOi.css}

@@ -50,6 +50,9 @@
   --ardo-color-badgeAmber: oklch(0.5 0.14 70);
   --ardo-color-badgeAmberBg: oklch(0.97 0.03 70);
   --ardo-color-badgeAmberBorder: oklch(0.88 0.08 70);
+  --ardo-color-badgeRed: oklch(0.5 0.16 25);
+  --ardo-color-badgeRedBg: oklch(0.97 0.02 25);
+  --ardo-color-badgeRedBorder: oklch(0.88 0.07 25);
   --ardo-color-badgePurple: oklch(0.45 0.15 300);
   --ardo-color-badgePurpleBg: oklch(0.97 0.02 300);
   --ardo-color-badgePurpleBorder: oklch(0.88 0.06 300);

package/dist/{brand-icons-Di8w0Nu9.js → brand-icons-DBTSSnty.js}

@@ -56,4 +56,4 @@ const Youtube = YoutubeIcon;
 //#endregion
 export { Npm as a, TwitterIcon as c, LinkedinIcon as i, Youtube as l, GithubIcon as n, NpmIcon as o, Linkedin as r, Twitter as s, Github as t, YoutubeIcon as u };
 
-//# sourceMappingURL=brand-icons-Di8w0Nu9.js.map
+//# sourceMappingURL=brand-icons-DBTSSnty.js.map

package/dist/{brand-icons-Di8w0Nu9.js.map → brand-icons-DBTSSnty.js.map}

@@ -1 +1 @@
-{"version":3,"file":"brand-icons-Di8w0Nu9.js","names":[],"sources":["../src/ui/brand-icons.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\n\nexport type BrandIconProps = {\n  size?: number | string\n  title?: string\n} & Omit<ComponentProps<\"svg\">, \"children\">\n\ntype BrandIconSvgProps = {\n  path: string\n} & BrandIconProps\n\nfunction BrandIconSvg({ path, size = 24, title, ...props }: BrandIconSvgProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={size}\n      height={size}\n      fill=\"currentColor\"\n      role={title == null ? undefined : \"img\"}\n      aria-hidden={title == null ? true : undefined}\n      {...props}\n    >\n      {title == null ? null : <title>{title}</title>}\n      <path d={path} />\n    </svg>\n  )\n}\n\n// Vendored from Simple Icons. GitHub, X, YouTube, and npm use v16.17.0.\n// LinkedIn uses v12.4.0; it was removed from Simple Icons in later releases.\nconst GITHUB_PATH =\n  \"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\nconst LINKEDIN_PATH =\n  \"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\nconst NPM_PATH =\n  \"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z\"\nconst TWITTER_PATH =\n  \"M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z\"\nconst YOUTUBE_PATH =\n  \"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n\nexport function GithubIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={GITHUB_PATH} {...props} />\n}\n\nexport function LinkedinIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={LINKEDIN_PATH} {...props} />\n}\n\nexport function NpmIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={NPM_PATH} {...props} />\n}\n\nexport function TwitterIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={TWITTER_PATH} {...props} />\n}\n\nexport function YoutubeIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={YOUTUBE_PATH} {...props} />\n}\n\nexport const Github = GithubIcon\nexport const Linkedin = LinkedinIcon\nexport const Npm = NpmIcon\nexport const Twitter = TwitterIcon\nexport const Youtube = YoutubeIcon\n"],"mappings":";;AAWA,SAAS,aAAa,EAAE,MAAM,OAAO,IAAI,OAAO,GAAG,SAA4B;CAC7E,OACE,qBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAK;EACL,MAAM,SAAS,OAAO,KAAA,IAAY;EAClC,eAAa,SAAS,OAAO,OAAO,KAAA;EACpC,GAAI;YARN,CAUG,SAAS,OAAO,OAAO,oBAAC,SAAD,EAAA,UAAQ,OAAc,CAAA,EAC9C,oBAAC,QAAD,EAAM,GAAG,MAAQ,CAAA,CACb;;;AAMV,MAAM,cACJ;AACF,MAAM,gBACJ;AACF,MAAM,WACJ;AACF,MAAM,eACJ;AACF,MAAM,eACJ;AAEF,SAAgB,WAAW,OAAuB;CAChD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAa,GAAI;EAAS,CAAA;;AAGvD,SAAgB,aAAa,OAAuB;CAClD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAe,GAAI;EAAS,CAAA;;AAGzD,SAAgB,QAAQ,OAAuB;CAC7C,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAU,GAAI;EAAS,CAAA;;AAGpD,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;EAAS,CAAA;;AAGxD,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;EAAS,CAAA;;AAGxD,MAAa,SAAS;AACtB,MAAa,WAAW;AACxB,MAAa,MAAM;AACnB,MAAa,UAAU;AACvB,MAAa,UAAU"}
+{"version":3,"file":"brand-icons-DBTSSnty.js","names":[],"sources":["../src/ui/brand-icons.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\n\nexport type BrandIconProps = {\n  size?: number | string\n  title?: string\n} & Omit<ComponentProps<\"svg\">, \"children\">\n\ntype BrandIconSvgProps = {\n  path: string\n} & BrandIconProps\n\nfunction BrandIconSvg({ path, size = 24, title, ...props }: BrandIconSvgProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      width={size}\n      height={size}\n      fill=\"currentColor\"\n      role={title == null ? undefined : \"img\"}\n      aria-hidden={title == null ? true : undefined}\n      {...props}\n    >\n      {title == null ? null : <title>{title}</title>}\n      <path d={path} />\n    </svg>\n  )\n}\n\n// Vendored from Simple Icons. GitHub, X, YouTube, and npm use v16.17.0.\n// LinkedIn uses v12.4.0; it was removed from Simple Icons in later releases.\nconst GITHUB_PATH =\n  \"M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\nconst LINKEDIN_PATH =\n  \"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\nconst NPM_PATH =\n  \"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z\"\nconst TWITTER_PATH =\n  \"M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z\"\nconst YOUTUBE_PATH =\n  \"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\n\nexport function GithubIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={GITHUB_PATH} {...props} />\n}\n\nexport function LinkedinIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={LINKEDIN_PATH} {...props} />\n}\n\nexport function NpmIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={NPM_PATH} {...props} />\n}\n\nexport function TwitterIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={TWITTER_PATH} {...props} />\n}\n\nexport function YoutubeIcon(props: BrandIconProps) {\n  return <BrandIconSvg path={YOUTUBE_PATH} {...props} />\n}\n\nexport const Github = GithubIcon\nexport const Linkedin = LinkedinIcon\nexport const Npm = NpmIcon\nexport const Twitter = TwitterIcon\nexport const Youtube = YoutubeIcon\n"],"mappings":";;AAWA,SAAS,aAAa,EAAE,MAAM,OAAO,IAAI,OAAO,GAAG,SAA4B;CAC7E,OACE,qBAAC,OAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAO;EACP,QAAQ;EACR,MAAK;EACL,MAAM,SAAS,OAAO,KAAA,IAAY;EAClC,eAAa,SAAS,OAAO,OAAO,KAAA;EACpC,GAAI;YARN,CAUG,SAAS,OAAO,OAAO,oBAAC,SAAD,EAAA,UAAQ,MAAa,CAAA,GAC7C,oBAAC,QAAD,EAAM,GAAG,KAAO,CAAA,CACb;;AAET;AAIA,MAAM,cACJ;AACF,MAAM,gBACJ;AACF,MAAM,WACJ;AACF,MAAM,eACJ;AACF,MAAM,eACJ;AAEF,SAAgB,WAAW,OAAuB;CAChD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAa,GAAI;CAAQ,CAAA;AACtD;AAEA,SAAgB,aAAa,OAAuB;CAClD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAe,GAAI;CAAQ,CAAA;AACxD;AAEA,SAAgB,QAAQ,OAAuB;CAC7C,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAU,GAAI;CAAQ,CAAA;AACnD;AAEA,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;CAAQ,CAAA;AACvD;AAEA,SAAgB,YAAY,OAAuB;CACjD,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAc,GAAI;CAAQ,CAAA;AACvD;AAEA,MAAa,SAAS;AACtB,MAAa,WAAW;AACxB,MAAa,MAAM;AACnB,MAAa,UAAU;AACvB,MAAa,UAAU"}

package/dist/config/index.d.ts

@@ -1,4 +1,4 @@
-import { a as NavItem, c as ProjectMeta, d as SidebarItem, f as SocialLink, h as TypeDocConfig, i as MarkdownConfig, l as ResolvedConfig, m as TOCItem, o as PageData, p as SponsorConfig, r as HeadConfig, s as PageFrontmatter, t as ArdoConfig, u as SidebarConfig } from "../types-B75OhnGa.js";
+import { S as TypeDocConfig, _ as SitemapChangefreq, a as MarkdownConfig, b as SponsorConfig, c as PageData, d as RedirectConfig, f as ResolvedConfig, g as SidebarItem, h as SidebarConfig, i as LinkCheckConfig, l as PageFrontmatter, m as SeoConfig, o as MetadataConfig, p as RobotsConfig, r as HeadConfig, s as NavItem, t as ArdoConfig, u as ProjectMeta, v as SitemapConfig, x as TOCItem, y as SocialLink } from "../types-iGO1oGpR.js";
 
 //#region src/config/index.d.ts
 declare function defineConfig(config: ArdoConfig): ArdoConfig;
@@ -6,5 +6,5 @@ declare const defaultMarkdownConfig: MarkdownConfig;
 declare function resolveConfig(config: ArdoConfig, root: string): ResolvedConfig;
 declare function loadConfig(root: string): Promise<ResolvedConfig>;
 //#endregion
-export { type ArdoConfig, type HeadConfig, type MarkdownConfig, type NavItem, type PageData, type PageFrontmatter, type ProjectMeta, type ResolvedConfig, type SidebarConfig, type SidebarItem, type SocialLink, type SponsorConfig, type TOCItem, type TypeDocConfig, defaultMarkdownConfig, defineConfig, loadConfig, resolveConfig };
+export { type ArdoConfig, type HeadConfig, type LinkCheckConfig, type MarkdownConfig, type MetadataConfig, type NavItem, type PageData, type PageFrontmatter, type ProjectMeta, type RedirectConfig, type ResolvedConfig, type RobotsConfig, type SeoConfig, type SidebarConfig, type SidebarItem, type SitemapChangefreq, type SitemapConfig, type SocialLink, type SponsorConfig, type TOCItem, type TypeDocConfig, defaultMarkdownConfig, defineConfig, loadConfig, resolveConfig };
 //# sourceMappingURL=index.d.ts.map

package/dist/config/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/config/index.ts"],"mappings":";;;iBAoCgB,YAAA,CAAa,MAAA,EAAQ,UAAA,GAAa,UAAA;AAAA,cAIrC,qBAAA,EAAuB,cAAA;AAAA,iBAYpB,aAAA,CAAc,MAAA,EAAQ,UAAA,EAAY,IAAA,WAAe,cAAA;AAAA,iBAyB3C,UAAA,CAAW,IAAA,WAAe,OAAA,CAAQ,cAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/config/index.ts"],"mappings":";;;iBAkDgB,YAAA,CAAa,MAAA,EAAQ,UAAA,GAAa,UAAU;AAAA,cAI/C,qBAAA,EAAuB,cAUnC;AAAA,iBAEe,aAAA,CAAc,MAAA,EAAQ,UAAA,EAAY,IAAA,WAAe,cAAc;AAAA,iBA8BzD,UAAA,CAAW,IAAA,WAAe,OAAO,CAAC,cAAA"}