diff --git a/packages/edit-site/src/components/actions/index.js b/packages/edit-site/src/components/actions/index.js
index ca673e3867bdaf..3c185cfe0661fc 100644
--- a/packages/edit-site/src/components/actions/index.js
+++ b/packages/edit-site/src/components/actions/index.js
@@ -6,7 +6,7 @@ import { addQueryArgs } from '@wordpress/url';
 import { useDispatch } from '@wordpress/data';
 import { decodeEntities } from '@wordpress/html-entities';
 import { store as coreStore } from '@wordpress/core-data';
-import { __, sprintf } from '@wordpress/i18n';
+import { __, sprintf, _n } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { useMemo } from '@wordpress/element';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
@@ -28,23 +28,34 @@ export const trashPostAction = {
 	id: 'move-to-trash',
 	label: __( 'Move to Trash' ),
 	isPrimary: true,
+	isBulk: true,
 	icon: trash,
 	isEligible( { status } ) {
 		return status !== 'trash';
 	},
 	hideModalHeader: true,
-	RenderModal: ( { item: post, closeModal } ) => {
+	RenderModal: ( { items: posts, closeModal } ) => {
 		const { createSuccessNotice, createErrorNotice } =
 			useDispatch( noticesStore );
 		const { deleteEntityRecord } = useDispatch( coreStore );
 		return (
 			<VStack spacing="5">
 				<Text>
-					{ sprintf(
-						// translators: %s: The page's title.
-						__( 'Are you sure you want to delete "%s"?' ),
-						decodeEntities( post.title.rendered )
-					) }
+					{ posts.length > 1
+						? sprintf(
+								// translators: %s: The number of posts (always plural).
+								__(
+									'Are you sure you want to delete %s posts?'
+								),
+								decodeEntities( posts.length )
+						  )
+						: sprintf(
+								// translators: %s: The page's title.
+								__( 'Are you sure you want to delete "%s"?' ),
+								decodeEntities(
+									posts && posts[ 0 ]?.title?.rendered
+								)
+						  ) }
 				</Text>
 				<HStack justify="right">
 					<Button variant="tertiary" onClick={ closeModal }>
@@ -54,19 +65,31 @@ export const trashPostAction = {
 						variant="primary"
 						onClick={ async () => {
 							try {
-								await deleteEntityRecord(
-									'postType',
-									post.type,
-									post.id,
-									{},
-									{ throwOnError: true }
+								await Promise.all(
+									posts.map( async ( post ) => {
+										deleteEntityRecord(
+											'postType',
+											post.type,
+											post.id,
+											{},
+											{ throwOnError: true }
+										);
+									} )
 								);
 								createSuccessNotice(
-									sprintf(
-										/* translators: The page's title. */
-										__( '"%s" moved to the Trash.' ),
-										decodeEntities( post.title.rendered )
-									),
+									posts.length > 1
+										? __(
+												'The selected posts were moved to the trash.'
+										  )
+										: sprintf(
+												/* translators: The page's title. */
+												__(
+													'"%s" moved to the Trash.'
+												),
+												decodeEntities(
+													posts[ 0 ].title.rendered
+												)
+										  ),
 									{
 										type: 'snackbar',
 										id: 'edit-site-page-trashed',
@@ -77,8 +100,10 @@ export const trashPostAction = {
 									error.message &&
 									error.code !== 'unknown_error'
 										? error.message
-										: __(
-												'An error occurred while moving the page to the trash.'
+										: _n(
+												'An error occurred while moving the page to the trash.',
+												'An error occurred while moving the pages to the trash.',
+												posts.length
 										  );
 
 								createErrorNotice( errorMessage, {
diff --git a/packages/edit-site/src/components/bulk-actions/index.js b/packages/edit-site/src/components/bulk-actions/index.js
deleted file mode 100644
index 390f9600a0810a..00000000000000
--- a/packages/edit-site/src/components/bulk-actions/index.js
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { trash } from '@wordpress/icons';
-import { useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { store as noticesStore } from '@wordpress/notices';
-import { useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-export function useBulkTrashPostAction() {
-	const { createSuccessNotice, createErrorNotice } =
-		useDispatch( noticesStore );
-	const { deleteEntityRecord } = useDispatch( coreStore );
-	return useMemo(
-		() => ( {
-			id: 'move-to-trash',
-			label: __( 'Move to Trash' ),
-			isPrimary: true,
-			icon: trash,
-			isEligible( data, selection ) {
-				console.log( {
-					p: data.filter( ( post ) => selection.includes( post.id ) ),
-				} );
-				return ! data
-					.filter( ( post ) => selection.includes( post.id ) )
-					.some( ( post ) => post.status === 'trash' );
-			},
-			async callback( data, selection ) {
-				const postsToDelete = data.filter( ( post ) =>
-					selection.includes( post.id )
-				);
-				try {
-					await Promise.all(
-						postsToDelete.map( async ( post ) => {
-							deleteEntityRecord(
-								'postType',
-								post.type,
-								post.id,
-								{},
-								{ throwOnError: true }
-							);
-						} )
-					);
-					createSuccessNotice(
-						__( 'The selected posts were moved to the trash.' ),
-						{
-							type: 'snackbar',
-							id: 'edit-site-page-trashed',
-						}
-					);
-				} catch ( error ) {
-					const errorMessage =
-						error.message && error.code !== 'unknown_error'
-							? error.message
-							: __(
-									'An error occurred while moving the posts to the trash.'
-							  );
-
-					createErrorNotice( errorMessage, { type: 'snackbar' } );
-				}
-			},
-		} ),
-		[ createErrorNotice, createSuccessNotice, deleteEntityRecord ]
-	);
-}
diff --git a/packages/edit-site/src/components/dataviews/bulk-actions.js b/packages/edit-site/src/components/dataviews/bulk-actions.js
index cd55aa94c9b2a7..3de09e6a15ab4d 100644
--- a/packages/edit-site/src/components/dataviews/bulk-actions.js
+++ b/packages/edit-site/src/components/dataviews/bulk-actions.js
@@ -5,11 +5,14 @@ import {
 	ToolbarButton,
 	Toolbar,
 	ToolbarGroup,
-	ToolbarItem,
 	Popover,
 } from '@wordpress/components';
 import { useMemo } from '@wordpress/element';
 import { __, _n, sprintf } from '@wordpress/i18n';
+/**
+ * Internal dependencies
+ */
+import { ActionWithModal } from './item-actions';
 
 function PrimaryActionTrigger( { action, onClick } ) {
 	return (
@@ -28,22 +31,34 @@ const EMPTY_ARRAY = [];
 export default function BulkActions( {
 	data,
 	selection,
-	bulkActions = EMPTY_ARRAY,
+	actions = EMPTY_ARRAY,
 	setSelection,
 } ) {
+	const items = useMemo(
+		() =>
+			data?.filter( ( item ) => selection?.includes( item.id ) ) ??
+			EMPTY_ARRAY,
+		[ data, selection ]
+	);
 	const primaryActions = useMemo(
 		() =>
-			bulkActions.filter( ( action ) => {
-				return action.isPrimary && action.isEligible( data, selection );
+			actions.filter( ( action ) => {
+				return (
+					action.isBulk &&
+					action.isPrimary &&
+					items.every( ( item ) => action.isEligible( item ) )
+				);
 			} ),
-		[ bulkActions, data, selection ]
+		[ actions, items ]
 	);
+
 	if (
 		( selection && selection.length === 0 ) ||
 		primaryActions.length === 0
 	) {
 		return null;
 	}
+
 	return (
 		<Popover
 			placement="top-middle"
@@ -76,13 +91,21 @@ export default function BulkActions( {
 					</ToolbarGroup>
 					<ToolbarGroup>
 						{ primaryActions.map( ( action ) => {
+							if ( !! action.RenderModal ) {
+								return (
+									<ActionWithModal
+										key={ action.id }
+										action={ action }
+										items={ items }
+										ActionTrigger={ PrimaryActionTrigger }
+									/>
+								);
+							}
 							return (
 								<PrimaryActionTrigger
 									key={ action.id }
 									action={ action }
-									onClick={ () =>
-										action.callback( data, selection )
-									}
+									onClick={ () => action.callback( items ) }
 								/>
 							);
 						} ) }
diff --git a/packages/edit-site/src/components/dataviews/dataviews.js b/packages/edit-site/src/components/dataviews/dataviews.js
index f73d8eb82dd818..feee8e7db3000d 100644
--- a/packages/edit-site/src/components/dataviews/dataviews.js
+++ b/packages/edit-site/src/components/dataviews/dataviews.js
@@ -4,7 +4,6 @@
 import {
 	__experimentalVStack as VStack,
 	__experimentalHStack as HStack,
-	Popover,
 } from '@wordpress/components';
 import { useMemo } from '@wordpress/element';
 
@@ -32,7 +31,6 @@ export default function DataViews( {
 	supportedLayouts,
 	selection,
 	setSelection,
-	bulkActions,
 } ) {
 	const ViewComponent = VIEW_LAYOUTS.find(
 		( v ) => v.type === view.type
@@ -89,7 +87,7 @@ export default function DataViews( {
 				/>
 					<BulkActions
 						data={ data }
-						bulkActions={ bulkActions }
+						actions={ actions }
 						selection={ selection }
 						setSelection={ setSelection }
 					/>
diff --git a/packages/edit-site/src/components/dataviews/item-actions.js b/packages/edit-site/src/components/dataviews/item-actions.js
index bec33e915b8a80..2063c79ea8c663 100644
--- a/packages/edit-site/src/components/dataviews/item-actions.js
+++ b/packages/edit-site/src/components/dataviews/item-actions.js
@@ -2,28 +2,18 @@
  * WordPress dependencies
  */
 import {
+	DropdownMenu,
+	MenuGroup,
+	MenuItem,
 	Button,
 	Modal,
 	__experimentalHStack as HStack,
-	privateApis as componentsPrivateApis,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useMemo, useState } from '@wordpress/element';
 import { moreVertical } from '@wordpress/icons';
 
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-const {
-	DropdownMenuV2Ariakit: DropdownMenu,
-	DropdownMenuGroupV2Ariakit: DropdownMenuGroup,
-	DropdownMenuItemV2Ariakit: DropdownMenuItem,
-	DropdownMenuItemLabelV2Ariakit: DropdownMenuItemLabel,
-} = unlock( componentsPrivateApis );
-
-function ButtonTrigger( { action, onClick } ) {
+export function PrimaryActionTrigger( { action, onClick } ) {
 	return (
 		<Button
 			label={ action.label }
@@ -35,20 +25,26 @@ function ButtonTrigger( { action, onClick } ) {
 	);
 }
 
-function DropdownMenuItemTrigger( { action, onClick } ) {
+function SecondaryActionTrigger( { action, onClick } ) {
 	return (
-		<DropdownMenuItem onClick={ onClick }>
-			<DropdownMenuItemLabel>{ action.label }</DropdownMenuItemLabel>
-		</DropdownMenuItem>
+		<MenuItem onClick={ onClick } isDestructive={ action.isDestructive }>
+			{ action.label }
+		</MenuItem>
 	);
 }
 
-function ActionWithModal( { action, item, ActionTrigger } ) {
+export function ActionWithModal( { action, item, items, ActionTrigger } ) {
 	const [ isModalOpen, setIsModalOpen ] = useState( false );
 	const actionTriggerProps = {
 		action,
 		onClick: () => setIsModalOpen( true ),
 	};
+	const additionalProps = {};
+	if ( action.isBulk ) {
+		additionalProps.items = items ? items : [ item ];
+	} else {
+		additionalProps.item = item;
+	}
 	const { RenderModal, hideModalHeader } = action;
 	return (
 		<>
@@ -63,7 +59,7 @@ function ActionWithModal( { action, item, ActionTrigger } ) {
 					overlayClassName="dataviews-action-modal"
 				>
 					<RenderModal
-						item={ item }
+						{ ...additionalProps }
 						closeModal={ () => setIsModalOpen( false ) }
 					/>
 				</Modal>
@@ -72,33 +68,7 @@ function ActionWithModal( { action, item, ActionTrigger } ) {
 	);
 }
 
-function ActionsDropdownMenuGroup( { actions, item } ) {
-	return (
-		<DropdownMenuGroup>
-			{ actions.map( ( action ) => {
-				if ( !! action.RenderModal ) {
-					return (
-						<ActionWithModal
-							key={ action.id }
-							action={ action }
-							item={ item }
-							ActionTrigger={ DropdownMenuItemTrigger }
-						/>
-					);
-				}
-				return (
-					<DropdownMenuItemTrigger
-						key={ action.id }
-						action={ action }
-						onClick={ () => action.callback( item ) }
-					/>
-				);
-			} ) }
-		</DropdownMenuGroup>
-	);
-}
-
-export default function ItemActions( { item, actions, isCompact } ) {
+export default function ItemActions( { item, actions } ) {
 	const { primaryActions, secondaryActions } = useMemo( () => {
 		return actions.reduce(
 			( accumulator, action ) => {
@@ -120,15 +90,6 @@ export default function ItemActions( { item, actions, isCompact } ) {
 	if ( ! primaryActions.length && ! secondaryActions.length ) {
 		return null;
 	}
-	if ( isCompact ) {
-		return (
-			<CompactItemActions
-				item={ item }
-				primaryActions={ primaryActions }
-				secondaryActions={ secondaryActions }
-			/>
-		);
-	}
 	return (
 		<HStack
 			spacing={ 1 }
@@ -146,63 +107,55 @@ export default function ItemActions( { item, actions, isCompact } ) {
 								key={ action.id }
 								action={ action }
 								item={ item }
-								ActionTrigger={ ButtonTrigger }
+								ActionTrigger={ PrimaryActionTrigger }
 							/>
 						);
 					}
 					return (
-						<ButtonTrigger
+						<PrimaryActionTrigger
 							key={ action.id }
 							action={ action }
-							onClick={ () => action.callback( item ) }
+							item={ item }
+							onClick={
+								action.isBulk
+									? () => action.callback( [ item ] )
+									: () => action.callback( item )
+							}
 						/>
 					);
 				} ) }
 			{ !! secondaryActions.length && (
-				<DropdownMenu
-					trigger={
-						<Button
-							size="compact"
-							icon={ moreVertical }
-							label={ __( 'Actions' ) }
+				<DropdownMenu icon={ moreVertical } label={ __( 'Actions' ) }>
+					{ () => (
+						<MenuGroup>
+							{ secondaryActions.map( ( action ) => {
+								if ( !! action.RenderModal ) {
+									return (
+										<ActionWithModal
+											key={ action.id }
+											action={ action }
+											item={ item }
+											ActionTrigger={
+												SecondaryActionTrigger
+											}
 						/>
+									);
 					}
-					placement="bottom-end"
-				>
-					<ActionsDropdownMenuGroup
-						actions={ secondaryActions }
+								return (
+									<SecondaryActionTrigger
+										key={ action.id }
+										action={ action }
 						item={ item }
+										onClick={ () =>
+											action.callback( item )
+										}
 					/>
+								);
+							} ) }
+						</MenuGroup>
+					) }
 				</DropdownMenu>
 			) }
 		</HStack>
 	);
 }
-
-function CompactItemActions( { item, primaryActions, secondaryActions } ) {
-	return (
-		<DropdownMenu
-			trigger={
-				<Button
-					size="compact"
-					icon={ moreVertical }
-					label={ __( 'Actions' ) }
-				/>
-			}
-			placement="bottom-end"
-		>
-			{ !! primaryActions.length && (
-				<ActionsDropdownMenuGroup
-					actions={ primaryActions }
-					item={ item }
-				/>
-			) }
-			{ !! secondaryActions.length && (
-				<ActionsDropdownMenuGroup
-					actions={ secondaryActions }
-					item={ item }
-				/>
-			) }
-		</DropdownMenu>
-	);
-}
diff --git a/packages/edit-site/src/components/page-pages/index.js b/packages/edit-site/src/components/page-pages/index.js
index 1d22c9b7907923..6fa7c7aa89c433 100644
--- a/packages/edit-site/src/components/page-pages/index.js
+++ b/packages/edit-site/src/components/page-pages/index.js
@@ -35,7 +35,6 @@ import {
 	viewPostAction,
 	useEditPostAction,
 } from '../actions';
-import { useBulkTrashPostAction } from '../bulk-actions';
 import SideEditor from './side-editor';
 import Media from '../media';
 import { unlock } from '../../lock-unlock';
@@ -288,8 +287,6 @@ export default function PagePages() {
 	const restorePostAction = useRestorePostAction();
 	const editPostAction = useEditPostAction();
 
-	const bulkTrashPostAction = useBulkTrashPostAction();
-
 	const actions = useMemo(
 		() => [
 			viewPostAction,
@@ -302,10 +299,6 @@ export default function PagePages() {
 		[ permanentlyDeletePostAction, restorePostAction, editPostAction ]
 	);
 
-	const bulkActions = useMemo(
-		() => [ bulkTrashPostAction ],
-		[ bulkTrashPostAction ]
-	);
 	const onChangeView = useCallback(
 		( viewUpdater ) => {
 			let updatedView =
@@ -334,7 +327,6 @@ export default function PagePages() {
 					paginationInfo={ paginationInfo }
 					fields={ fields }
 					actions={ actions }
-					bulkActions={ bulkActions }
 					data={ pages || EMPTY_ARRAY }
 					getItemId={ ( item ) => item.id }
 					isLoading={ isLoadingPages || isLoadingAuthors }