Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

1import * as React from 'react';
2import Box from '@mui/joy/Box';
3import Button from '@mui/joy/Button';
4import Card from '@mui/joy/Card';
5import CardContent from '@mui/joy/CardContent';
6import CardActions from '@mui/joy/CardActions';
7import Chip from '@mui/joy/Chip';
…lines 8–54 unchanged (47 lines)

After

1import Box from '@mui/joy/Box';
2import Button from '@mui/joy/Button';
3import Card from '@mui/joy/Card';
4import CardContent from '@mui/joy/CardContent';
5import CardActions from '@mui/joy/CardActions';
6import Chip from '@mui/joy/Chip';
7import Typography from '@mui/joy/Typography';
…lines 8–53 unchanged (46 lines)

Before

program
import_statement
import "import"
import_clause
namespace_import
* "*"
as "as"
identifier "React"
from "from"
string
' "'"
string_fragment "react"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Box"
from "from"
string
' "'"
string_fragment "@mui/joy/Box"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Button"
from "from"
string
' "'"
string_fragment "@mui/joy/Button"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Card"
from "from"
string
' "'"
string_fragment "@mui/joy/Card"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "CardContent"
from "from"
string
' "'"
string_fragment "@mui/joy/CardContent"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "CardActions"
from "from"
string
' "'"
string_fragment "@mui/joy/CardActions"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Chip"
from "from"
string
' "'"
string_fragment "@mui/joy/Chip"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Typography"
from "from"
string
' "'"
string_fragment "@mui/joy/Typography"
' "'"
; ";"
export_statement (+303 nodes collapsed)

After

program
import_statement
import "import"
import_clause
identifier "Box"
from "from"
string
' "'"
string_fragment "@mui/joy/Box"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Button"
from "from"
string
' "'"
string_fragment "@mui/joy/Button"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Card"
from "from"
string
' "'"
string_fragment "@mui/joy/Card"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "CardContent"
from "from"
string
' "'"
string_fragment "@mui/joy/CardContent"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "CardActions"
from "from"
string
' "'"
string_fragment "@mui/joy/CardActions"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Chip"
from "from"
string
' "'"
string_fragment "@mui/joy/Chip"
' "'"
; ";"
import_statement
import "import"
import_clause
identifier "Typography"
from "from"
string
' "'"
string_fragment "@mui/joy/Typography"
' "'"
; ";"
export_statement (+303 nodes collapsed)