feat(system): add radius to Image primitive

packages/status-react/src/system/image/styles.tsx

@@ -12,8 +12,17 @@ export const Base = styled('img', {
 
   variants: {
     radius: {
+      1: {
+        borderRadius: '$1',
+      },
+      2: {
+        borderRadius: '$2',
+      },
       full: {
-        borderRadius: '100%',
+        borderRadius: '$full',
+      },
+      bubble: {
+        borderRadius: '16px 16px 4px 16px',
       },
     },
     fit: {

packages/status-react/src/system/index.tsx

@@ -0,0 +1,24 @@
+export { Avatar } from './avatar'
+export { Box } from './box'
+export { Button } from './button'
+export { ContextMenu, ContextMenuTrigger } from './context-menu'
+export {
+  AlertDialog,
+  AlertDialogTrigger,
+  Dialog,
+  DialogTrigger,
+} from './dialog'
+export { DropdownMenu, DropdownMenuTrigger } from './dropdown-menu'
+export { EthAddress } from './eth-address'
+export { Flex } from './flex'
+export { Grid } from './grid'
+export { Heading } from './heading'
+export { Icon } from './icon'
+export { IconButton } from './icon-button'
+export { Image } from './image'
+export { Popover, PopoverTrigger } from './popover'
+export { Separator } from './separator'
+export { Text } from './text'
+export { TextInput } from './text-input'
+export { Tooltip } from './tooltip'
+export { VisuallyHidden } from './visually-hidden'