'use client'; import React from 'react'; type Cn = React.ComponentPropsWithoutRef; export function mdComponents(isMobile: boolean): Record> { return { h1: ({ children, id }: Cn<'h1'>) => (

{children}

), h2: ({ children, id }: Cn<'h2'>) => (

{children}

), h3: ({ children, id }: Cn<'h3'>) => (

{children}

), p: ({ children }: Cn<'p'>) => (

{children}

), blockquote: ({ children }: Cn<'blockquote'>) => (
{children}
), ul: ({ children }: Cn<'ul'>) => (
    {children}
), ol: ({ children }: Cn<'ol'>) => (
    {children}
), li: ({ children }: Cn<'li'>) => (
  • ✓ {children}
    • ), table: ({ children }: Cn<'table'>) => (
    {children}
    ), thead: ({ children }: Cn<'thead'>) => {children}, th: ({ children }: Cn<'th'>) => ( {children} ), td: ({ children }: Cn<'td'>) => ( {children} ), code: ({ children, className }: Cn<'code'>) => { if (className?.startsWith('language-')) { return ( 
                {children}
    ); } return {children}; }, pre: ({ children }: Cn<'pre'>) => <>{children}, a: ({ children, href }: Cn<'a'>) => { const isExternal = href?.startsWith('http'); return ( (e.currentTarget.style.textDecoration = 'underline')} onMouseLeave={e => (e.currentTarget.style.textDecoration = 'none')} > {children} ); }, hr: () =>
    , strong: ({ children }: Cn<'strong'>) => {children}, img: ({ src, alt }: Cn<'img'>) => ( // MDX images come from arbitrary paths in user-authored content; next/image // would force us to enumerate every host/path. is the right tradeoff // for a docs site whose assets are all in public/. // eslint-disable-next-line @next/next/no-img-element {alt} ), } as unknown as Record>; } /** * Release-notes flavor: tighter spacing and smaller body text for changelog-style cards. */ export function mdComponentsCompact(isMobile: boolean): Record> { return { h1: ({ children }: Cn<'h1'>) => (

    {children}

    ), h2: ({ children }: Cn<'h2'>) => (

    {children}

    ), h3: ({ children }: Cn<'h3'>) => (

    {children}

    ), p: ({ children }: Cn<'p'>) => (

    {children}

    ), blockquote: ({ children }: Cn<'blockquote'>) => (
    {children}
    ), ul: ({ children }: Cn<'ul'>) => (
      {children}
    ), ol: ({ children }: Cn<'ol'>) => (
      {children}
    ), li: ({ children }: Cn<'li'>) => (
  • ✓ {children}
    • ), table: ({ children }: Cn<'table'>) => (
    {children}
    ), thead: ({ children }: Cn<'thead'>) => {children}, th: ({ children }: Cn<'th'>) => ( {children} ), td: ({ children }: Cn<'td'>) => ( {children} ), code: ({ children, className }: Cn<'code'>) => { if (className?.startsWith('language-')) { return ( 
                {children}
    ); } return {children}; }, pre: ({ children }: Cn<'pre'>) => <>{children}, a: ({ children, href }: Cn<'a'>) => ( (e.currentTarget.style.textDecoration = 'underline')} onMouseLeave={e => (e.currentTarget.style.textDecoration = 'none')} >{children} ), hr: () =>
    , strong: ({ children }: Cn<'strong'>) => {children}, } as unknown as Record>; }