chore: remove unused component and deps

components/DropdownMenu/DropdownMenu.tsx

@@ -5,8 +5,8 @@ import React from 'react';
 import { CSS, styled } from '../../stitches.config';
 import { Box } from '../Box';
 import { Flex } from '../Flex';
-import { itemCss, labelCss, menuCss, separatorCss } from '../Menu';
 import { panelStyles } from '../Panel';
+import { itemCss, labelCss, menuCss, separatorCss } from './styles';
 
 export const DropdownMenu = DropdownMenuPrimitive.Root;
 export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;

components/DropdownMenu/styles.ts

@@ -0,0 +1,54 @@
+import { css } from '../../stitches.config';
+import { elevationVariants } from '../Elevation';
+
+export const baseItemCss = css({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  fontFamily: '$rubik',
+  fontSize: '$1',
+  fontVariantNumeric: 'tabular-nums',
+  lineHeight: '1',
+  cursor: 'default',
+  userSelect: 'none',
+  whiteSpace: 'nowrap',
+  height: '$5',
+  px: '$5',
+});
+
+export const itemCss = css(baseItemCss, {
+  position: 'relative',
+  color: '$hiContrast',
+
+  '&:focus': {
+    outline: 'none',
+    backgroundColor: '$blue9',
+    color: 'white',
+  },
+
+  '&[data-disabled]': {
+    color: '$slate9',
+  },
+});
+
+export const labelCss = css(baseItemCss, {
+  color: '$slate11',
+});
+
+export const menuCss = css({
+  boxSizing: 'border-box',
+  minWidth: 120,
+  py: '$1',
+  variants: {
+    elevation: elevationVariants,
+  },
+  defaultVariants: {
+    elevation: 2,
+  },
+});
+
+export const separatorCss = css({
+  height: 1,
+  my: '$1',
+  backgroundColor: '$slate6',
+});

package.json

@@ -68,7 +68,6 @@
     "@radix-ui/react-icons": "^1.1.1",
     "@radix-ui/react-id": "^1.0.0",
     "@radix-ui/react-label": "^2.0.0",
-    "@radix-ui/react-menu": "^2.0.1",
     "@radix-ui/react-navigation-menu": "^1.2.0",
     "@radix-ui/react-popover": "^1.0.2",
     "@radix-ui/react-portal": "^1.0.1",

yarn.lock

@@ -4543,7 +4543,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-menu@npm:2.0.6, @radix-ui/react-menu@npm:^2.0.1":
+"@radix-ui/react-menu@npm:2.0.6":
   version: 2.0.6
   resolution: "@radix-ui/react-menu@npm:2.0.6"
   dependencies:
@@ -6196,7 +6196,6 @@ __metadata:
     "@radix-ui/react-icons": "npm:^1.1.1"
     "@radix-ui/react-id": "npm:^1.0.0"
     "@radix-ui/react-label": "npm:^2.0.0"
-    "@radix-ui/react-menu": "npm:^2.0.1"
     "@radix-ui/react-navigation-menu": "npm:^1.2.0"
     "@radix-ui/react-popover": "npm:^1.0.2"
     "@radix-ui/react-portal": "npm:^1.0.1"