fix(ui): after review

packages/ui/src/Button/index.tsx

@@ -179,6 +179,8 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
       actionType = 'default',
       type = 'button',
       priority = 'primary',
+      // needed for the Radix's `asChild` prop to work correctly
+      // https://www.radix-ui.com/primitives/docs/guides/composition#composing-with-your-own-react-components
       ...props
     },
     ref,
@@ -187,6 +189,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 
     return (
       <StyledButton
+        {...props}
         {...asTransientProps({ iconOnly, density, actionType, priority })}
         ref={ref}
         type={type}
@@ -201,7 +204,6 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
             ? theme.borderRadius.sm
             : theme.borderRadius.full
         }
-        {...props}
       >
         {IconComponent && (
           <IconComponent size={density === 'sparse' && iconOnly === true ? 24 : 16} />

packages/ui/src/DropdownMenu/root.tsx → packages/ui/src/DropdownMenu/Root.tsx

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { Root as RadixDropdownMenuRoot } from '@radix-ui/react-dropdown-menu';
-import { Trigger } from './trigger.tsx';
-import { Content } from './content.tsx';
-import { RadioGroup } from './radio-group.tsx';
-import { RadioItem } from './radio-item.tsx';
-import { CheckboxItem } from './checkbox-item.tsx';
-import { Item } from './item.tsx';
+import { Trigger } from './Trigger.tsx';
+import { Content } from './Content.tsx';
+import { RadioGroup } from './RadioGroup.tsx';
+import { RadioItem } from './RadioItem.tsx';
+import { CheckboxItem } from './CheckboxItem.tsx';
+import { Item } from './Item.tsx';
 
 interface ControlledDropdownMenuProps {
   /**

packages/ui/src/DropdownMenu/index.tsx

@@ -1,9 +1,9 @@
-export { DropdownMenu } from './root';
+export { DropdownMenu } from './Root.tsx';
 
-export type { DropdownMenuProps } from './root';
-export type { DropdownMenuTriggerProps } from './trigger';
-export type { DropdownMenuContentProps } from './content';
-export type { DropdownMenuRadioGroupProps } from './radio-group';
-export type { DropdownMenuRadioItemProps } from './radio-item';
-export type { DropdownMenuCheckboxItemProps } from './checkbox-item';
-export type { DropdownMenuItemProps } from './item';
+export type { DropdownMenuProps } from './Root.tsx';
+export type { DropdownMenuTriggerProps } from './Trigger.tsx';
+export type { DropdownMenuContentProps } from './Content.tsx';
+export type { DropdownMenuRadioGroupProps } from './RadioGroup.tsx';
+export type { DropdownMenuRadioItemProps } from './RadioItem.tsx';
+export type { DropdownMenuCheckboxItemProps } from './CheckboxItem.tsx';
+export type { DropdownMenuItemProps } from './Item.tsx';

packages/ui/src/utils/popover.ts

@@ -24,6 +24,6 @@ export const PopoverContent = styled.div`
   border-radius: ${props => props.theme.borderRadius.sm};
   backdrop-filter: blur(${props => props.theme.blur.lg});
 
-  transform-origin: var(--radix-tooltip-content-transform-origin);
+  transform-origin: var(--radix-popper-transform-origin);
   animation: ${scaleIn} 0.15s ease-out;
 `;