feat(clerk-js,types): Add menuButtonEllipsis descriptor (#5090)

Author: alexcarpenter

.changeset/heavy-eggs-deliver.md

@@ -0,0 +1,6 @@
+---
+'@clerk/clerk-js': patch
+'@clerk/types': patch
+---
+
+Add `menuButtonEllipsis` element descriptor.

packages/clerk-js/src/ui/customizables/elementDescriptors.ts

@@ -222,6 +222,7 @@ export const APPEARANCE_KEYS = containsAllElementsConfigKeys([
   'selectOption',
 
   'menuButton',
+  'menuButtonEllipsis',
   'menuList',
   'menuItem',
 

packages/clerk-js/src/ui/elements/ThreeDotsMenu.tsx

@@ -1,7 +1,7 @@
 import type { MenuId } from '@clerk/types';
 
 import type { LocalizationKey } from '../customizables';
-import { Button, Icon } from '../customizables';
+import { Button, descriptors, Icon } from '../customizables';
 import { ThreeDots } from '../icons';
 import { Menu, MenuItem, MenuList, MenuTrigger } from './Menu';
 
@@ -33,6 +33,7 @@ export const ThreeDotsMenu = (props: ThreeDotsMenuProps) => {
           })}
           variant='ghost'
           colorScheme='neutral'
+          elementDescriptor={[descriptors.menuButton, descriptors.menuButtonEllipsis]}
         >
           <Icon
             icon={ThreeDots}

packages/types/src/appearance.ts

@@ -346,6 +346,7 @@ export type ElementsConfig = {
   selectOption: WithOptions<SelectId>;
 
   menuButton: WithOptions<MenuId>;
+  menuButtonEllipsis: WithOptions;
   menuList: WithOptions<MenuId>;
   menuItem: WithOptions<MenuId>;