Circular dependencies (index <--> theme-panel)

[Charlie-XIAO]

There seems to be circular dependencies?

   @radix-ui/themes/dist/esm/index.js
-> @radix-ui/themes/dist/esm/components/index.js
-> @radix-ui/themes/dist/esm/components/theme-panel.js
-> @radix-ui/themes/dist/esm/index.js

In particular it seems to happen here:

themes/packages/radix-ui-themes/src/components/theme-panel.tsx

Lines 6 to 19 in 2a9f433

	import {
	AccessibleIcon,
	Box,
	Button,
	Flex,
	Grid,
	Heading,
	IconButton,
	Kbd,
	Popover,
	ScrollArea,
	Text,
	Tooltip,
	} from '../index.js';

I think the import above can be replaced by importing from each component instead of importing from index?