From 48f074e41b6f7ef342dc1aada25bfa3041e8b402 Mon Sep 17 00:00:00 2001
From: Manzoor Wani <manzoorwani.jk@gmail.com>
Date: Fri, 25 Oct 2024 01:52:54 -0700
Subject: [PATCH 01/10] Initial State: Replace
 `isSocialImageGeneratorAvailable` with feature check (#39836)

* Initial State: Replace isSocialImageGeneratorAvailable with feature check

* Use constants instead of strings
---
 .../changelog/update-social-sig-feature-check |  5 +++
 .../js-packages/publicize-components/index.ts |  1 +
 .../src/hooks/use-post-can-use-sig/index.ts   | 21 ++++++++++
 .../src/hooks/use-publicize-config/index.js   |  9 -----
 .../social-image-generator-settings.js        |  1 -
 .../publicize-components/src/types/types.ts   |  1 -
 .../src/utils/constants.ts                    |  1 +
 .../publicize-components/src/utils/index.js   |  1 +
 .../changelog/update-social-sig-feature-check |  5 +++
 .../extensions/plugins/publicize/index.js     |  8 ++--
 .../plugins/publicize/pre-publish.js          |  6 ++-
 .../changelog/update-social-sig-feature-check |  5 +++
 .../src/js/components/admin-page/index.jsx    | 39 ++++++++++---------
 .../social/src/js/components/types/types.ts   |  1 -
 projects/plugins/social/src/js/editor.js      | 10 +++--
 15 files changed, 73 insertions(+), 41 deletions(-)
 create mode 100644 projects/js-packages/publicize-components/changelog/update-social-sig-feature-check
 create mode 100644 projects/js-packages/publicize-components/src/hooks/use-post-can-use-sig/index.ts
 create mode 100644 projects/plugins/jetpack/changelog/update-social-sig-feature-check
 create mode 100644 projects/plugins/social/changelog/update-social-sig-feature-check

diff --git a/projects/js-packages/publicize-components/changelog/update-social-sig-feature-check b/projects/js-packages/publicize-components/changelog/update-social-sig-feature-check
new file mode 100644
index 0000000000000..96580bab97529
--- /dev/null
+++ b/projects/js-packages/publicize-components/changelog/update-social-sig-feature-check
@@ -0,0 +1,5 @@
+Significance: patch
+Type: changed
+Comment: Initial state: Migrated isSocialImageGeneratorAvailable to feature check
+
+
diff --git a/projects/js-packages/publicize-components/index.ts b/projects/js-packages/publicize-components/index.ts
index 36f1fab810ff0..f10e54078ec65 100644
--- a/projects/js-packages/publicize-components/index.ts
+++ b/projects/js-packages/publicize-components/index.ts
@@ -32,6 +32,7 @@ export * from './src/components/share-post';
 export * from './src/hooks/use-sync-post-data-to-store';
 export * from './src/hooks/use-saving-post';
 export * from './src/hooks/use-post-meta';
+export * from './src/hooks/use-post-can-use-sig';
 export * from './src/components/share-buttons';
 export * from './src/components/manage-connections-modal';
 export * from './src/utils/script-data';
diff --git a/projects/js-packages/publicize-components/src/hooks/use-post-can-use-sig/index.ts b/projects/js-packages/publicize-components/src/hooks/use-post-can-use-sig/index.ts
new file mode 100644
index 0000000000000..5602ca0709d00
--- /dev/null
+++ b/projects/js-packages/publicize-components/src/hooks/use-post-can-use-sig/index.ts
@@ -0,0 +1,21 @@
+import { siteHasFeature } from '@automattic/jetpack-script-data';
+import { useSelect } from '@wordpress/data';
+import { store as editorStore } from '@wordpress/editor';
+import { features } from '../../utils/constants';
+
+/**
+ * When a post can use the Social Image Generator (SIG).
+ *
+ * @return {boolean} Whether the post can use the Social Image Generator.
+ */
+export function usePostCanUseSig() {
+	const isJetpackSocialNote = useSelect( select => {
+		const currentPostType = select( editorStore )
+			// @ts-expect-error -- `@wordpress/editor` is a nightmare to work with TypeScript - getCurrentPostType exists on the editor store
+			.getCurrentPostType();
+
+		return 'jetpack-social-note' === currentPostType;
+	}, [] );
+
+	return ! isJetpackSocialNote && siteHasFeature( features.IMAGE_GENERATOR );
+}
diff --git a/projects/js-packages/publicize-components/src/hooks/use-publicize-config/index.js b/projects/js-packages/publicize-components/src/hooks/use-publicize-config/index.js
index e7827d27afd78..d55353f871995 100644
--- a/projects/js-packages/publicize-components/src/hooks/use-publicize-config/index.js
+++ b/projects/js-packages/publicize-components/src/hooks/use-publicize-config/index.js
@@ -25,7 +25,6 @@ export default function usePublicizeConfig() {
 	const isRePublicizeFeatureAvailable =
 		isJetpackSite || getJetpackExtensionAvailability( republicizeFeatureName )?.available;
 	const isPostPublished = useSelect( select => select( editorStore ).isCurrentPostPublished(), [] );
-	const currentPostType = useSelect( select => select( editorStore ).getCurrentPostType(), [] );
 	const { isUserConnected } = useConnection();
 	const { urls } = getSocialScriptData();
 
@@ -80,11 +79,6 @@ export default function usePublicizeConfig() {
 	 */
 	const hidePublicizeFeature = isPostPublished && ! isRePublicizeFeatureAvailable;
 
-	/**\
-	 * Returns true if the post type is a Jetpack Social Note.
-	 */
-	const isJetpackSocialNote = 'jetpack-social-note' === currentPostType;
-
 	const needsUserConnection = ! isUserConnected && ! isSimpleSite();
 
 	return {
@@ -96,11 +90,8 @@ export default function usePublicizeConfig() {
 		isRePublicizeUpgradableViaUpsell,
 		hidePublicizeFeature,
 		isPostAlreadyShared,
-		isSocialImageGeneratorAvailable:
-			!! getJetpackData()?.social?.isSocialImageGeneratorAvailable && ! isJetpackSocialNote,
 		isSocialImageGeneratorEnabled: !! getJetpackData()?.social?.isSocialImageGeneratorEnabled,
 		connectionsPageUrl: urls.connectionsManagementPage,
-		isJetpackSocialNote,
 		needsUserConnection,
 	};
 }
diff --git a/projects/js-packages/publicize-components/src/social-store/selectors/social-image-generator-settings.js b/projects/js-packages/publicize-components/src/social-store/selectors/social-image-generator-settings.js
index 25cf39b9dedd8..c7ea88783996c 100644
--- a/projects/js-packages/publicize-components/src/social-store/selectors/social-image-generator-settings.js
+++ b/projects/js-packages/publicize-components/src/social-store/selectors/social-image-generator-settings.js
@@ -1,6 +1,5 @@
 const socialImageGeneratorSettingsSelectors = {
 	getSocialImageGeneratorSettings: state => state.socialImageGeneratorSettings,
-	isSocialImageGeneratorAvailable: state => state.socialImageGeneratorSettings.available,
 	isSocialImageGeneratorEnabled: state => state.socialImageGeneratorSettings.enabled,
 	isUpdatingSocialImageGeneratorSettings: state => state.socialImageGeneratorSettings.isUpdating,
 	getSocialImageGeneratorDefaultTemplate: state => state.socialImageGeneratorSettings.template,
diff --git a/projects/js-packages/publicize-components/src/types/types.ts b/projects/js-packages/publicize-components/src/types/types.ts
index 041b0bd18f8f4..667f33f90a64d 100644
--- a/projects/js-packages/publicize-components/src/types/types.ts
+++ b/projects/js-packages/publicize-components/src/types/types.ts
@@ -67,7 +67,6 @@ type SocialImageGeneratorSettingsSelectors = {
 			template: string;
 		};
 	};
-	isSocialImageGeneratorAvailable: () => boolean;
 	isSocialImageGeneratorEnabled: () => boolean;
 	isUpdatingSocialImageGeneratorSettings: () => boolean;
 	getSocialImageGeneratorDefaultTemplate: () => string;
diff --git a/projects/js-packages/publicize-components/src/utils/constants.ts b/projects/js-packages/publicize-components/src/utils/constants.ts
index 9ac40038d75b8..49cedf5633358 100644
--- a/projects/js-packages/publicize-components/src/utils/constants.ts
+++ b/projects/js-packages/publicize-components/src/utils/constants.ts
@@ -1,3 +1,4 @@
 export const features = {
 	ENHANCED_PUBLISHING: 'social-enhanced-publishing',
+	IMAGE_GENERATOR: 'social-image-generator',
 };
diff --git a/projects/js-packages/publicize-components/src/utils/index.js b/projects/js-packages/publicize-components/src/utils/index.js
index 6e0284f7b9870..bfc461305ff8a 100644
--- a/projects/js-packages/publicize-components/src/utils/index.js
+++ b/projects/js-packages/publicize-components/src/utils/index.js
@@ -3,3 +3,4 @@ export * from './get-supported-additional-connections';
 export * from './request-external-access';
 export * from './types';
 export * from './script-data';
+export * from './constants';
diff --git a/projects/plugins/jetpack/changelog/update-social-sig-feature-check b/projects/plugins/jetpack/changelog/update-social-sig-feature-check
new file mode 100644
index 0000000000000..82aa474998f99
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/update-social-sig-feature-check
@@ -0,0 +1,5 @@
+Significance: patch
+Type: other
+Comment: Initial state: Migrated isSocialImageGeneratorAvailable to feature check
+
+
diff --git a/projects/plugins/jetpack/extensions/plugins/publicize/index.js b/projects/plugins/jetpack/extensions/plugins/publicize/index.js
index 0a73e5629f843..5d705f0638dd2 100644
--- a/projects/plugins/jetpack/extensions/plugins/publicize/index.js
+++ b/projects/plugins/jetpack/extensions/plugins/publicize/index.js
@@ -10,7 +10,7 @@
 import {
 	PublicizePanel,
 	SocialImageGeneratorPanel,
-	usePublicizeConfig,
+	usePostCanUseSig,
 	PostPublishPanels,
 	GlobalModals,
 } from '@automattic/jetpack-publicize-components';
@@ -29,7 +29,7 @@ export const name = 'publicize';
 const PublicizeSettings = () => {
 	const { isLoadingModules, isChangingStatus, isModuleActive, changeStatus } =
 		useModuleStatus( name );
-	const { isSocialImageGeneratorAvailable } = usePublicizeConfig();
+	const postCanUseSig = usePostCanUseSig();
 
 	let children = null;
 	let panels = null;
@@ -50,12 +50,12 @@ const PublicizeSettings = () => {
 				<PublicizePanel>
 					<UpsellNotice />
 				</PublicizePanel>
-				{ isSocialImageGeneratorAvailable && <SocialImageGeneratorPanel /> }
+				{ postCanUseSig && <SocialImageGeneratorPanel /> }
 			</>
 		);
 		panels = (
 			<>
-				<PrePublishPanels isSocialImageGeneratorAvailable={ isSocialImageGeneratorAvailable } />
+				<PrePublishPanels />
 				<PostPublishPanels />
 				<GlobalModals />
 			</>
diff --git a/projects/plugins/jetpack/extensions/plugins/publicize/pre-publish.js b/projects/plugins/jetpack/extensions/plugins/publicize/pre-publish.js
index e0ba6ac7cbeb2..559c9edff032d 100644
--- a/projects/plugins/jetpack/extensions/plugins/publicize/pre-publish.js
+++ b/projects/plugins/jetpack/extensions/plugins/publicize/pre-publish.js
@@ -3,16 +3,18 @@ import {
 	SocialImageGeneratorPanel,
 	useSyncPostDataToStore,
 	useSocialMediaConnections,
+	usePostCanUseSig,
 } from '@automattic/jetpack-publicize-components';
 import { JetpackEditorPanelLogo } from '@automattic/jetpack-shared-extension-utils';
 import { PluginPrePublishPanel } from '@wordpress/edit-post';
 import { __ } from '@wordpress/i18n';
 import UpsellNotice from './components/upsell';
 
-const PrePublishPanels = ( { isSocialImageGeneratorAvailable } ) => {
+const PrePublishPanels = () => {
 	useSyncPostDataToStore();
 
 	const { hasEnabledConnections } = useSocialMediaConnections();
+	const postCanUseSig = usePostCanUseSig();
 
 	return (
 		<>
@@ -31,7 +33,7 @@ const PrePublishPanels = ( { isSocialImageGeneratorAvailable } ) => {
 				</PublicizePanel>
 			</PluginPrePublishPanel>
 
-			{ isSocialImageGeneratorAvailable && (
+			{ postCanUseSig && (
 				<PluginPrePublishPanel
 					initialOpen
 					title={ __( 'Social Image Generator', 'jetpack' ) }
diff --git a/projects/plugins/social/changelog/update-social-sig-feature-check b/projects/plugins/social/changelog/update-social-sig-feature-check
new file mode 100644
index 0000000000000..96580bab97529
--- /dev/null
+++ b/projects/plugins/social/changelog/update-social-sig-feature-check
@@ -0,0 +1,5 @@
+Significance: patch
+Type: changed
+Comment: Initial state: Migrated isSocialImageGeneratorAvailable to feature check
+
+
diff --git a/projects/plugins/social/src/js/components/admin-page/index.jsx b/projects/plugins/social/src/js/components/admin-page/index.jsx
index 4f97dd0656bca..466fd6342cda9 100644
--- a/projects/plugins/social/src/js/components/admin-page/index.jsx
+++ b/projects/plugins/social/src/js/components/admin-page/index.jsx
@@ -10,7 +10,9 @@ import { useConnection } from '@automattic/jetpack-connection';
 import {
 	hasSocialPaidFeatures,
 	store as socialStore,
+	features,
 } from '@automattic/jetpack-publicize-components';
+import { siteHasFeature } from '@automattic/jetpack-script-data';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useState, useCallback, useEffect, useRef } from '@wordpress/element';
 import React from 'react';
@@ -34,31 +36,30 @@ const Admin = () => {
 
 	const onPricingPageDismiss = useCallback( () => setForceDisplayPricingPage( false ), [] );
 
-	const {
-		isModuleEnabled,
-		showPricingPage,
-		pluginVersion,
-		isSocialImageGeneratorAvailable,
-		isUpdatingJetpackSettings,
-	} = useSelect( select => {
-		const store = select( socialStore );
-		return {
-			isModuleEnabled: store.isModuleEnabled(),
-			showPricingPage: store.showPricingPage(),
-			pluginVersion: store.getPluginVersion(),
-			isSocialImageGeneratorAvailable: store.isSocialImageGeneratorAvailable(),
-			isUpdatingJetpackSettings: store.isUpdatingJetpackSettings(),
-		};
-	} );
+	const { isModuleEnabled, showPricingPage, pluginVersion, isUpdatingJetpackSettings } = useSelect(
+		select => {
+			const store = select( socialStore );
+			return {
+				isModuleEnabled: store.isModuleEnabled(),
+				showPricingPage: store.showPricingPage(),
+				pluginVersion: store.getPluginVersion(),
+				isUpdatingJetpackSettings: store.isUpdatingJetpackSettings(),
+			};
+		}
+	);
 
 	const hasEnabledModule = useRef( isModuleEnabled );
 
 	useEffect( () => {
-		if ( isModuleEnabled && ! hasEnabledModule.current && isSocialImageGeneratorAvailable ) {
+		if (
+			isModuleEnabled &&
+			! hasEnabledModule.current &&
+			siteHasFeature( features.IMAGE_GENERATOR )
+		) {
 			hasEnabledModule.current = true;
 			refreshJetpackSocialSettings();
 		}
-	}, [ isModuleEnabled, isSocialImageGeneratorAvailable, refreshJetpackSocialSettings ] );
+	}, [ isModuleEnabled, refreshJetpackSocialSettings ] );
 
 	const moduleName = `Jetpack Social ${ pluginVersion }`;
 
@@ -93,7 +94,7 @@ const Admin = () => {
 					<AdminSection>
 						<SocialModuleToggle />
 						{ isModuleEnabled && <SocialNotesToggle disabled={ isUpdatingJetpackSettings } /> }
-						{ isModuleEnabled && isSocialImageGeneratorAvailable && (
+						{ isModuleEnabled && siteHasFeature( features.IMAGE_GENERATOR ) && (
 							<SocialImageGeneratorToggle disabled={ isUpdatingJetpackSettings } />
 						) }
 					</AdminSection>
diff --git a/projects/plugins/social/src/js/components/types/types.ts b/projects/plugins/social/src/js/components/types/types.ts
index a7047318cfcd5..bd349bbd106f3 100644
--- a/projects/plugins/social/src/js/components/types/types.ts
+++ b/projects/plugins/social/src/js/components/types/types.ts
@@ -29,7 +29,6 @@ type SocialImageGeneratorSettingsSelectors = {
 			template: string;
 		};
 	};
-	isSocialImageGeneratorAvailable: () => boolean;
 	isSocialImageGeneratorEnabled: () => boolean;
 	isUpdatingSocialImageGeneratorSettings: () => boolean;
 	getSocialImageGeneratorDefaultTemplate: () => string;
diff --git a/projects/plugins/social/src/js/editor.js b/projects/plugins/social/src/js/editor.js
index 2966d8d49ae34..ed12f1e5c4f18 100644
--- a/projects/plugins/social/src/js/editor.js
+++ b/projects/plugins/social/src/js/editor.js
@@ -9,6 +9,7 @@ import {
 	useSyncPostDataToStore,
 	PostPublishPanels,
 	GlobalModals,
+	usePostCanUseSig,
 } from '@automattic/jetpack-publicize-components';
 import { JetpackEditorPanelLogo } from '@automattic/jetpack-shared-extension-utils';
 import { PanelBody } from '@wordpress/components';
@@ -51,8 +52,9 @@ const JetpackSocialSidebar = () => {
 	const closeModal = useCallback( () => setIsModalOpened( false ), [] );
 
 	const { hasConnections, hasEnabledConnections } = useSocialMediaConnections();
-	const { isPublicizeEnabled, hidePublicizeFeature, isSocialImageGeneratorAvailable } =
-		usePublicizeConfig();
+	const { isPublicizeEnabled, hidePublicizeFeature } = usePublicizeConfig();
+	const postCanUseSig = usePostCanUseSig();
+
 	const isPostPublished = useSelect( select => select( editorStore ).isCurrentPostPublished(), [] );
 	const PanelDescription = () => (
 		<Description
@@ -79,7 +81,7 @@ const JetpackSocialSidebar = () => {
 				<PublicizePanel>
 					<PanelDescription />
 				</PublicizePanel>
-				{ isSocialImageGeneratorAvailable && <SocialImageGeneratorPanel /> }
+				{ postCanUseSig && <SocialImageGeneratorPanel /> }
 				<PanelBody title={ __( 'Social Previews', 'jetpack-social' ) }>
 					<SocialPreviewsPanel openModal={ openModal } />
 				</PanelBody>
@@ -95,7 +97,7 @@ const JetpackSocialSidebar = () => {
 				</PublicizePanel>
 			</PluginPrePublishPanel>
 
-			{ isSocialImageGeneratorAvailable && (
+			{ postCanUseSig && (
 				<PluginPrePublishPanel
 					initialOpen
 					title={ __( 'Social Image Generator', 'jetpack-social' ) }

From cbb367357aaa457aa0a4a1909f63a121961c4c98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gergely=20M=C3=A1rk=20Juh=C3=A1sz?=
 <36671565+gmjuhasz@users.noreply.github.com>
Date: Fri, 25 Oct 2024 13:38:51 +0200
Subject: [PATCH 02/10] Changelog and readme.txt edits. (#39903)

---
 .../js-packages/publicize-components/CHANGELOG.md | 10 ++++++++++
 ...cial-bluesky-custom-domain-handles-not-working |  4 ----
 ...al-bluesky-reconnection-for-broken-connections |  4 ----
 ...social-bsky-profile-name-connection-management |  4 ----
 .../update-enhances-publishing-feature-check      |  4 ----
 .../changelog/update-social-nuke-has-paid-plan    |  5 -----
 .../update-social-replace-has-paid-features-check |  5 -----
 .../changelog/update-social-sig-feature-check     |  5 -----
 .../js-packages/publicize-components/package.json |  2 +-
 projects/js-packages/social-logos/CHANGELOG.md    |  5 +++++
 .../changelog/renovate-svgicons2svgfont-14.x      |  4 ----
 projects/js-packages/social-logos/package.json    |  2 +-
 projects/packages/changelogger/CHANGELOG.md       |  5 +++++
 .../changelog/fix-changelogger-amend-default-link |  4 ----
 .../packages/changelogger/src/Application.php     |  2 +-
 projects/packages/connection/CHANGELOG.md         |  5 +++++
 .../fix-jetpack-story-block-connection-assets     |  5 -----
 .../connection/src/class-package-version.php      |  2 +-
 projects/packages/publicize/CHANGELOG.md          |  5 +++++
 .../changelog/fix-social-bsky-profile-url         |  4 ----
 projects/packages/publicize/composer.json         |  2 +-
 projects/packages/publicize/package.json          |  2 +-
 projects/packages/sync/CHANGELOG.md               |  5 +++++
 .../revert-39658-update-jetpack-sync-whitelist    |  5 -----
 .../update-hooks-prevent-doing-it-wrong-notice    |  4 ----
 .../packages/sync/src/class-package-version.php   |  2 +-
 .../{social => jetpack}/changelog/prerelease      |  2 +-
 projects/plugins/jetpack/composer.lock            |  4 ++--
 projects/plugins/social/CHANGELOG.md              | 15 +++++++++++++++
 .../changelog/add-bluesky-to-social-previews      |  4 ----
 .../add-dependency-extraction-auto-polyfill       |  4 ----
 .../changelog/add-reply-to-support-social-notes   |  4 ----
 .../fix-jetpack-social-notes-clobber-other-cpts   |  5 -----
 .../changelog/fix-social-og-tags-jetpack-dev-path |  4 ----
 .../fix-social-share-status-tooltip-text-overflow |  4 ----
 .../social/changelog/fix-sync-filter-null-array   |  5 -----
 .../changelog/renovate-lock-file-maintenance      |  4 ----
 .../changelog/renovate-lock-file-maintenance#2    |  5 -----
 .../social/changelog/renovate-wordpress-monorepo  |  4 ----
 .../changelog/renovate-wordpress-monorepo#2       |  4 ----
 ...ial-initial-state-migrate-urls-on-social-admin |  4 ----
 .../changelog/update-social-nuke-has-paid-plan    |  5 -----
 .../update-social-replace-has-paid-features-check |  5 -----
 .../changelog/update-social-sig-feature-check     |  5 -----
 .../plugins/social/changelog/update-tested-to-6-7 |  4 ----
 projects/plugins/social/composer.json             |  2 +-
 projects/plugins/social/composer.lock             |  4 ++--
 projects/plugins/social/jetpack-social.php        |  2 +-
 projects/plugins/social/readme.txt                | 15 +++++++++++++--
 projects/plugins/social/src/class-note.php        |  2 +-
 50 files changed, 78 insertions(+), 144 deletions(-)
 delete mode 100644 projects/js-packages/publicize-components/changelog/fix-social-bluesky-custom-domain-handles-not-working
 delete mode 100644 projects/js-packages/publicize-components/changelog/fix-social-bluesky-reconnection-for-broken-connections
 delete mode 100644 projects/js-packages/publicize-components/changelog/fix-social-bsky-profile-name-connection-management
 delete mode 100644 projects/js-packages/publicize-components/changelog/update-enhances-publishing-feature-check
 delete mode 100644 projects/js-packages/publicize-components/changelog/update-social-nuke-has-paid-plan
 delete mode 100644 projects/js-packages/publicize-components/changelog/update-social-replace-has-paid-features-check
 delete mode 100644 projects/js-packages/publicize-components/changelog/update-social-sig-feature-check
 delete mode 100644 projects/js-packages/social-logos/changelog/renovate-svgicons2svgfont-14.x
 delete mode 100644 projects/packages/changelogger/changelog/fix-changelogger-amend-default-link
 delete mode 100644 projects/packages/connection/changelog/fix-jetpack-story-block-connection-assets
 delete mode 100644 projects/packages/publicize/changelog/fix-social-bsky-profile-url
 delete mode 100644 projects/packages/sync/changelog/revert-39658-update-jetpack-sync-whitelist
 delete mode 100644 projects/packages/sync/changelog/update-hooks-prevent-doing-it-wrong-notice
 rename projects/plugins/{social => jetpack}/changelog/prerelease (79%)
 delete mode 100644 projects/plugins/social/changelog/add-bluesky-to-social-previews
 delete mode 100644 projects/plugins/social/changelog/add-dependency-extraction-auto-polyfill
 delete mode 100644 projects/plugins/social/changelog/add-reply-to-support-social-notes
 delete mode 100644 projects/plugins/social/changelog/fix-jetpack-social-notes-clobber-other-cpts
 delete mode 100644 projects/plugins/social/changelog/fix-social-og-tags-jetpack-dev-path
 delete mode 100644 projects/plugins/social/changelog/fix-social-share-status-tooltip-text-overflow
 delete mode 100644 projects/plugins/social/changelog/fix-sync-filter-null-array
 delete mode 100644 projects/plugins/social/changelog/renovate-lock-file-maintenance
 delete mode 100644 projects/plugins/social/changelog/renovate-lock-file-maintenance#2
 delete mode 100644 projects/plugins/social/changelog/renovate-wordpress-monorepo
 delete mode 100644 projects/plugins/social/changelog/renovate-wordpress-monorepo#2
 delete mode 100644 projects/plugins/social/changelog/update-social-initial-state-migrate-urls-on-social-admin
 delete mode 100644 projects/plugins/social/changelog/update-social-nuke-has-paid-plan
 delete mode 100644 projects/plugins/social/changelog/update-social-replace-has-paid-features-check
 delete mode 100644 projects/plugins/social/changelog/update-social-sig-feature-check
 delete mode 100644 projects/plugins/social/changelog/update-tested-to-6-7

diff --git a/projects/js-packages/publicize-components/CHANGELOG.md b/projects/js-packages/publicize-components/CHANGELOG.md
index a47006d9fe0db..43c07a78f6e22 100644
--- a/projects/js-packages/publicize-components/CHANGELOG.md
+++ b/projects/js-packages/publicize-components/CHANGELOG.md
@@ -5,6 +5,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.71.4] - 2024-10-25
+### Changed
+- Initial state: Migrated isEnhancedPublishingEnabled to feature check [#39835]
+
+### Fixed
+- Fixed Bsky conneciton management profile name [#39889]
+- Fixed reconnection for broken Bluesky connections [#39844]
+- Social: Fixed Bluesky custom domain handle not being accepted [#39872]
+
 ## [0.71.3] - 2024-10-21
 ### Changed
 - Initial state: Migrated URLs in the editor to the new script data. [#39799] [#39797]
@@ -978,6 +987,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 - Updated package dependencies. [#24470]
 
+[0.71.4]: https://github.com/Automattic/jetpack-publicize-components/compare/v0.71.3...v0.71.4
 [0.71.3]: https://github.com/Automattic/jetpack-publicize-components/compare/v0.71.2...v0.71.3
 [0.71.2]: https://github.com/Automattic/jetpack-publicize-components/compare/v0.71.1...v0.71.2
 [0.71.1]: https://github.com/Automattic/jetpack-publicize-components/compare/v0.71.0...v0.71.1
diff --git a/projects/js-packages/publicize-components/changelog/fix-social-bluesky-custom-domain-handles-not-working b/projects/js-packages/publicize-components/changelog/fix-social-bluesky-custom-domain-handles-not-working
deleted file mode 100644
index 5857f3006fd35..0000000000000
--- a/projects/js-packages/publicize-components/changelog/fix-social-bluesky-custom-domain-handles-not-working
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: fixed
-
-Social: Fixed Bluesky custom domain handle not being accepted
diff --git a/projects/js-packages/publicize-components/changelog/fix-social-bluesky-reconnection-for-broken-connections b/projects/js-packages/publicize-components/changelog/fix-social-bluesky-reconnection-for-broken-connections
deleted file mode 100644
index eb4d17f671962..0000000000000
--- a/projects/js-packages/publicize-components/changelog/fix-social-bluesky-reconnection-for-broken-connections
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: fixed
-
-Fixed reconnection for broken Bluesky connections
diff --git a/projects/js-packages/publicize-components/changelog/fix-social-bsky-profile-name-connection-management b/projects/js-packages/publicize-components/changelog/fix-social-bsky-profile-name-connection-management
deleted file mode 100644
index c33f654b62b79..0000000000000
--- a/projects/js-packages/publicize-components/changelog/fix-social-bsky-profile-name-connection-management
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: fixed
-
-Fixed Bsky conneciton management profile name
diff --git a/projects/js-packages/publicize-components/changelog/update-enhances-publishing-feature-check b/projects/js-packages/publicize-components/changelog/update-enhances-publishing-feature-check
deleted file mode 100644
index e1af3f96c5a7e..0000000000000
--- a/projects/js-packages/publicize-components/changelog/update-enhances-publishing-feature-check
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-Initial state: Migrated isEnhancedPublishingEnabled to feature check
diff --git a/projects/js-packages/publicize-components/changelog/update-social-nuke-has-paid-plan b/projects/js-packages/publicize-components/changelog/update-social-nuke-has-paid-plan
deleted file mode 100644
index 59e08c72626b5..0000000000000
--- a/projects/js-packages/publicize-components/changelog/update-social-nuke-has-paid-plan
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: changed
-Comment: Initial state: Removed unused hasPaidPlan flag
-
-
diff --git a/projects/js-packages/publicize-components/changelog/update-social-replace-has-paid-features-check b/projects/js-packages/publicize-components/changelog/update-social-replace-has-paid-features-check
deleted file mode 100644
index bf9a130af83ec..0000000000000
--- a/projects/js-packages/publicize-components/changelog/update-social-replace-has-paid-features-check
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: changed
-Comment: Initial State: Migrated hasPaidFeatures flag with feature check on front-end
-
-
diff --git a/projects/js-packages/publicize-components/changelog/update-social-sig-feature-check b/projects/js-packages/publicize-components/changelog/update-social-sig-feature-check
deleted file mode 100644
index 96580bab97529..0000000000000
--- a/projects/js-packages/publicize-components/changelog/update-social-sig-feature-check
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: changed
-Comment: Initial state: Migrated isSocialImageGeneratorAvailable to feature check
-
-
diff --git a/projects/js-packages/publicize-components/package.json b/projects/js-packages/publicize-components/package.json
index 54856e9583755..b3eb34b40227b 100644
--- a/projects/js-packages/publicize-components/package.json
+++ b/projects/js-packages/publicize-components/package.json
@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"name": "@automattic/jetpack-publicize-components",
-	"version": "0.71.3",
+	"version": "0.71.4",
 	"description": "A library of JS components required by the Publicize editor plugin",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/publicize-components/#readme",
 	"bugs": {
diff --git a/projects/js-packages/social-logos/CHANGELOG.md b/projects/js-packages/social-logos/CHANGELOG.md
index fadc43298865a..7b5bb36820788 100644
--- a/projects/js-packages/social-logos/CHANGELOG.md
+++ b/projects/js-packages/social-logos/CHANGELOG.md
@@ -1,3 +1,7 @@
+## [3.1.10] - 2024-10-25
+### Changed
+- Updated package dependencies. [#39893]
+
 ## [3.1.9] - 2024-10-14
 ### Fixed
 - Add `key` in React example to make it more correct. [#39709]
@@ -157,6 +161,7 @@
 
 - Build: Refactored (aligned build system with Gridicons).
 
+[3.1.10]: https://github.com/Automattic/social-logos/compare/v3.1.9...v3.1.10
 [3.1.9]: https://github.com/Automattic/social-logos/compare/v3.1.8...v3.1.9
 [3.1.8]: https://github.com/Automattic/social-logos/compare/v3.1.7...v3.1.8
 [3.1.7]: https://github.com/Automattic/social-logos/compare/v3.1.6...v3.1.7
diff --git a/projects/js-packages/social-logos/changelog/renovate-svgicons2svgfont-14.x b/projects/js-packages/social-logos/changelog/renovate-svgicons2svgfont-14.x
deleted file mode 100644
index c47cb18e82997..0000000000000
--- a/projects/js-packages/social-logos/changelog/renovate-svgicons2svgfont-14.x
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-Updated package dependencies.
diff --git a/projects/js-packages/social-logos/package.json b/projects/js-packages/social-logos/package.json
index 862f576b7ace7..7d4ed4cc6ef71 100644
--- a/projects/js-packages/social-logos/package.json
+++ b/projects/js-packages/social-logos/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "social-logos",
-	"version": "3.1.9",
+	"version": "3.1.10",
 	"description": "A repository of all the social logos used on WordPress.com.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/social-logos/",
 	"bugs": {
diff --git a/projects/packages/changelogger/CHANGELOG.md b/projects/packages/changelogger/CHANGELOG.md
index 8fada1afe9231..156ceae5c1cfd 100644
--- a/projects/packages/changelogger/CHANGELOG.md
+++ b/projects/packages/changelogger/CHANGELOG.md
@@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file.
 
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [4.2.7] - 2024-10-25
+### Fixed
+- When amending, do not preserve a default link. We'll want the link to be updated to the new default. [#39868]
+
 ## [4.2.6] - 2024-08-22
 ### Changed
 - Updated package dependencies. [#39004]
@@ -244,6 +248,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Added
 - Initial version.
 
+[4.2.7]: https://github.com/Automattic/jetpack-changelogger/compare/4.2.6...4.2.7
 [4.2.6]: https://github.com/Automattic/jetpack-changelogger/compare/4.2.5...4.2.6
 [4.2.5]: https://github.com/Automattic/jetpack-changelogger/compare/4.2.4...4.2.5
 [4.2.4]: https://github.com/Automattic/jetpack-changelogger/compare/4.2.3...4.2.4
diff --git a/projects/packages/changelogger/changelog/fix-changelogger-amend-default-link b/projects/packages/changelogger/changelog/fix-changelogger-amend-default-link
deleted file mode 100644
index 09dc0989a5b9c..0000000000000
--- a/projects/packages/changelogger/changelog/fix-changelogger-amend-default-link
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: fixed
-
-When amending, do not preserve a default link. We'll want the link to be updated to the new default.
diff --git a/projects/packages/changelogger/src/Application.php b/projects/packages/changelogger/src/Application.php
index d70b65acc2f0b..69ea521e20354 100644
--- a/projects/packages/changelogger/src/Application.php
+++ b/projects/packages/changelogger/src/Application.php
@@ -19,7 +19,7 @@
  */
 class Application extends SymfonyApplication {
 
-	const VERSION = '4.2.6';
+	const VERSION = '4.2.7';
 
 	/**
 	 * Constructor.
diff --git a/projects/packages/connection/CHANGELOG.md b/projects/packages/connection/CHANGELOG.md
index 01ae992f43f27..afb4d5b98596d 100644
--- a/projects/packages/connection/CHANGELOG.md
+++ b/projects/packages/connection/CHANGELOG.md
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [5.1.5] - 2024-10-25
+### Changed
+- Internal updates.
+
 ## [5.1.4] - 2024-10-21
 ### Changed
 - SSO: optimize 'admin_notices' action callback. [#39811]
@@ -1230,6 +1234,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Separate the connection library into its own package.
 
+[5.1.5]: https://github.com/Automattic/jetpack-connection/compare/v5.1.4...v5.1.5
 [5.1.4]: https://github.com/Automattic/jetpack-connection/compare/v5.1.3...v5.1.4
 [5.1.3]: https://github.com/Automattic/jetpack-connection/compare/v5.1.2...v5.1.3
 [5.1.2]: https://github.com/Automattic/jetpack-connection/compare/v5.1.1...v5.1.2
diff --git a/projects/packages/connection/changelog/fix-jetpack-story-block-connection-assets b/projects/packages/connection/changelog/fix-jetpack-story-block-connection-assets
deleted file mode 100644
index 4652d98b066f2..0000000000000
--- a/projects/packages/connection/changelog/fix-jetpack-story-block-connection-assets
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: added
-Comment: PHPDoc comment change.
-
-
diff --git a/projects/packages/connection/src/class-package-version.php b/projects/packages/connection/src/class-package-version.php
index 0ed481101c11e..9797fa57d5dfc 100644
--- a/projects/packages/connection/src/class-package-version.php
+++ b/projects/packages/connection/src/class-package-version.php
@@ -12,7 +12,7 @@
  */
 class Package_Version {
 
-	const PACKAGE_VERSION = '5.1.4';
+	const PACKAGE_VERSION = '5.1.5';
 
 	const PACKAGE_SLUG = 'connection';
 
diff --git a/projects/packages/publicize/CHANGELOG.md b/projects/packages/publicize/CHANGELOG.md
index 2e9b7805d534b..53a9ad0cba00b 100644
--- a/projects/packages/publicize/CHANGELOG.md
+++ b/projects/packages/publicize/CHANGELOG.md
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.55.0] - 2024-10-25
+### Fixed
+- Social: Fix Bsky profile URL [#39849]
+
 ## [0.54.4] - 2024-10-21
 ### Changed
 - Initial State: Migrated URLs to script data. [#39797]
@@ -736,6 +740,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Updated package dependencies.
 - Update package.json metadata.
 
+[0.55.0]: https://github.com/Automattic/jetpack-publicize/compare/v0.54.4...v0.55.0
 [0.54.4]: https://github.com/Automattic/jetpack-publicize/compare/v0.54.3...v0.54.4
 [0.54.3]: https://github.com/Automattic/jetpack-publicize/compare/v0.54.2...v0.54.3
 [0.54.2]: https://github.com/Automattic/jetpack-publicize/compare/v0.54.1...v0.54.2
diff --git a/projects/packages/publicize/changelog/fix-social-bsky-profile-url b/projects/packages/publicize/changelog/fix-social-bsky-profile-url
deleted file mode 100644
index ebe3332ec44de..0000000000000
--- a/projects/packages/publicize/changelog/fix-social-bsky-profile-url
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: minor
-Type: fixed
-
-Social: Fix Bsky profile URL 
diff --git a/projects/packages/publicize/composer.json b/projects/packages/publicize/composer.json
index 7eca829441cb7..b3f71236d8419 100644
--- a/projects/packages/publicize/composer.json
+++ b/projects/packages/publicize/composer.json
@@ -68,7 +68,7 @@
 			"link-template": "https://github.com/Automattic/jetpack-publicize/compare/v${old}...v${new}"
 		},
 		"branch-alias": {
-			"dev-trunk": "0.54.x-dev"
+			"dev-trunk": "0.55.x-dev"
 		}
 	},
 	"config": {
diff --git a/projects/packages/publicize/package.json b/projects/packages/publicize/package.json
index 7df4d2ac41402..0ae20c479ae66 100644
--- a/projects/packages/publicize/package.json
+++ b/projects/packages/publicize/package.json
@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"name": "@automattic/jetpack-publicize",
-	"version": "0.54.4",
+	"version": "0.55.0",
 	"description": "Publicize makes it easy to share your site’s posts on several social media networks automatically when you publish a new post.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/packages/publicize/#readme",
 	"bugs": {
diff --git a/projects/packages/sync/CHANGELOG.md b/projects/packages/sync/CHANGELOG.md
index 963e67ed56760..3eb956e5ec6e5 100644
--- a/projects/packages/sync/CHANGELOG.md
+++ b/projects/packages/sync/CHANGELOG.md
@@ -5,6 +5,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.14.3] - 2024-10-25
+### Fixed
+- Hooks: Hook init_sync_cron_jobs into init to ensure translation loading within the function is not triggered too early. [#39841]
+
 ## [3.14.2] - 2024-10-15
 ### Changed
 - Jetpack Sync: Update default Post Type Blacklist [#39770]
@@ -1318,6 +1322,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Packages: Move sync to a classmapped package
 
+[3.14.3]: https://github.com/Automattic/jetpack-sync/compare/v3.14.2...v3.14.3
 [3.14.2]: https://github.com/Automattic/jetpack-sync/compare/v3.14.1...v3.14.2
 [3.14.1]: https://github.com/Automattic/jetpack-sync/compare/v3.14.0...v3.14.1
 [3.14.0]: https://github.com/Automattic/jetpack-sync/compare/v3.13.2...v3.14.0
diff --git a/projects/packages/sync/changelog/revert-39658-update-jetpack-sync-whitelist b/projects/packages/sync/changelog/revert-39658-update-jetpack-sync-whitelist
deleted file mode 100644
index 59df2569689e4..0000000000000
--- a/projects/packages/sync/changelog/revert-39658-update-jetpack-sync-whitelist
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: removed
-Comment: Revert "Jetpack Sync: Add 'woocommerce_analytics_first_activation' in options' whitelist"
-
-
diff --git a/projects/packages/sync/changelog/update-hooks-prevent-doing-it-wrong-notice b/projects/packages/sync/changelog/update-hooks-prevent-doing-it-wrong-notice
deleted file mode 100644
index f319fb6812720..0000000000000
--- a/projects/packages/sync/changelog/update-hooks-prevent-doing-it-wrong-notice
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: fixed
-
-Hooks: Hook init_sync_cron_jobs into init to ensure translation loading within the function is not triggered too early.
diff --git a/projects/packages/sync/src/class-package-version.php b/projects/packages/sync/src/class-package-version.php
index d028b2ae59613..ac647f5064ad9 100644
--- a/projects/packages/sync/src/class-package-version.php
+++ b/projects/packages/sync/src/class-package-version.php
@@ -12,7 +12,7 @@
  */
 class Package_Version {
 
-	const PACKAGE_VERSION = '3.14.2';
+	const PACKAGE_VERSION = '3.14.3';
 
 	const PACKAGE_SLUG = 'sync';
 
diff --git a/projects/plugins/social/changelog/prerelease b/projects/plugins/jetpack/changelog/prerelease
similarity index 79%
rename from projects/plugins/social/changelog/prerelease
rename to projects/plugins/jetpack/changelog/prerelease
index 9aa70e3ec1f75..a1c1831fa1ef7 100644
--- a/projects/plugins/social/changelog/prerelease
+++ b/projects/plugins/jetpack/changelog/prerelease
@@ -1,5 +1,5 @@
 Significance: patch
-Type: changed
+Type: other
 Comment: Updated composer.lock.
 
 
diff --git a/projects/plugins/jetpack/composer.lock b/projects/plugins/jetpack/composer.lock
index 5df2b3221306d..6d59b8cc740a6 100644
--- a/projects/plugins/jetpack/composer.lock
+++ b/projects/plugins/jetpack/composer.lock
@@ -2225,7 +2225,7 @@
 			"dist": {
 				"type": "path",
 				"url": "../../packages/publicize",
-				"reference": "b8abac09471222cd803a35a623b5e9b7d4049c0d"
+				"reference": "1fc54eab768a14c867ab64b3a5b169c662bb6b77"
 			},
 			"require": {
 				"automattic/jetpack-assets": "@dev",
@@ -2253,7 +2253,7 @@
 					"link-template": "https://github.com/Automattic/jetpack-publicize/compare/v${old}...v${new}"
 				},
 				"branch-alias": {
-					"dev-trunk": "0.54.x-dev"
+					"dev-trunk": "0.55.x-dev"
 				}
 			},
 			"autoload": {
diff --git a/projects/plugins/social/CHANGELOG.md b/projects/plugins/social/CHANGELOG.md
index 0eaa0d3f74a52..158d7ee767b35 100644
--- a/projects/plugins/social/CHANGELOG.md
+++ b/projects/plugins/social/CHANGELOG.md
@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 5.5.0 - 2024-10-25
+### Added
+- Added Bluesky to social previews [#39659]
+- Social Notes: add support for the ActivityPub Reply-To block. [#39738]
+
+### Changed
+- General: indicate compatibility with the upcoming version of WordPress - 6.7. [#39786]
+- Initial State: Migrated URLs to script data [#39797]
+- Only include `wp-polyfill` as a script dependency when needed. [#39629]
+- Updated package dependencies. [#39594] [#39653] [#39707]
+
+### Fixed
+- Added Jetpack Beta's slug to Social OG conflicting plugins [#39792]
+- Social: Fixed share status tooltip text overflow [#39599]
+
 ## 5.4.1 - 2024-10-02
 ### Changed
 - Internal updates.
diff --git a/projects/plugins/social/changelog/add-bluesky-to-social-previews b/projects/plugins/social/changelog/add-bluesky-to-social-previews
deleted file mode 100644
index 73211c933517d..0000000000000
--- a/projects/plugins/social/changelog/add-bluesky-to-social-previews
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: added
-
-Added Bluesky to social previews
diff --git a/projects/plugins/social/changelog/add-dependency-extraction-auto-polyfill b/projects/plugins/social/changelog/add-dependency-extraction-auto-polyfill
deleted file mode 100644
index f4cd286e166af..0000000000000
--- a/projects/plugins/social/changelog/add-dependency-extraction-auto-polyfill
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-Only include `wp-polyfill` as a script dependency when needed.
diff --git a/projects/plugins/social/changelog/add-reply-to-support-social-notes b/projects/plugins/social/changelog/add-reply-to-support-social-notes
deleted file mode 100644
index 9e7a0738be21b..0000000000000
--- a/projects/plugins/social/changelog/add-reply-to-support-social-notes
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: minor
-Type: added
-
-Social Notes: add support for the ActivityPub Reply-To block.
diff --git a/projects/plugins/social/changelog/fix-jetpack-social-notes-clobber-other-cpts b/projects/plugins/social/changelog/fix-jetpack-social-notes-clobber-other-cpts
deleted file mode 100644
index 8aac5c2fdff3e..0000000000000
--- a/projects/plugins/social/changelog/fix-jetpack-social-notes-clobber-other-cpts
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: fixed
-Comment: Resolves a bug in an unreleased feature
-
-
diff --git a/projects/plugins/social/changelog/fix-social-og-tags-jetpack-dev-path b/projects/plugins/social/changelog/fix-social-og-tags-jetpack-dev-path
deleted file mode 100644
index 79af3f25d3565..0000000000000
--- a/projects/plugins/social/changelog/fix-social-og-tags-jetpack-dev-path
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: fixed
-
-Added Jetpack Beta's slug to Social OG conflicting plugins
diff --git a/projects/plugins/social/changelog/fix-social-share-status-tooltip-text-overflow b/projects/plugins/social/changelog/fix-social-share-status-tooltip-text-overflow
deleted file mode 100644
index 9a6eda0cf22bb..0000000000000
--- a/projects/plugins/social/changelog/fix-social-share-status-tooltip-text-overflow
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: fixed
-
-Social: Fixed share status tooltip text overflow
diff --git a/projects/plugins/social/changelog/fix-sync-filter-null-array b/projects/plugins/social/changelog/fix-sync-filter-null-array
deleted file mode 100644
index 3f56c90b3a7bf..0000000000000
--- a/projects/plugins/social/changelog/fix-sync-filter-null-array
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: fixed
-Comment: Sync: update filter parameter to avoid conflicts with other plugins.
-
-
diff --git a/projects/plugins/social/changelog/renovate-lock-file-maintenance b/projects/plugins/social/changelog/renovate-lock-file-maintenance
deleted file mode 100644
index c47cb18e82997..0000000000000
--- a/projects/plugins/social/changelog/renovate-lock-file-maintenance
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-Updated package dependencies.
diff --git a/projects/plugins/social/changelog/renovate-lock-file-maintenance#2 b/projects/plugins/social/changelog/renovate-lock-file-maintenance#2
deleted file mode 100644
index 9aa70e3ec1f75..0000000000000
--- a/projects/plugins/social/changelog/renovate-lock-file-maintenance#2
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: changed
-Comment: Updated composer.lock.
-
-
diff --git a/projects/plugins/social/changelog/renovate-wordpress-monorepo b/projects/plugins/social/changelog/renovate-wordpress-monorepo
deleted file mode 100644
index c47cb18e82997..0000000000000
--- a/projects/plugins/social/changelog/renovate-wordpress-monorepo
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-Updated package dependencies.
diff --git a/projects/plugins/social/changelog/renovate-wordpress-monorepo#2 b/projects/plugins/social/changelog/renovate-wordpress-monorepo#2
deleted file mode 100644
index c47cb18e82997..0000000000000
--- a/projects/plugins/social/changelog/renovate-wordpress-monorepo#2
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-Updated package dependencies.
diff --git a/projects/plugins/social/changelog/update-social-initial-state-migrate-urls-on-social-admin b/projects/plugins/social/changelog/update-social-initial-state-migrate-urls-on-social-admin
deleted file mode 100644
index c23ee0fbdc59a..0000000000000
--- a/projects/plugins/social/changelog/update-social-initial-state-migrate-urls-on-social-admin
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-Initial State: Migrated URLs to script data
diff --git a/projects/plugins/social/changelog/update-social-nuke-has-paid-plan b/projects/plugins/social/changelog/update-social-nuke-has-paid-plan
deleted file mode 100644
index 59e08c72626b5..0000000000000
--- a/projects/plugins/social/changelog/update-social-nuke-has-paid-plan
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: changed
-Comment: Initial state: Removed unused hasPaidPlan flag
-
-
diff --git a/projects/plugins/social/changelog/update-social-replace-has-paid-features-check b/projects/plugins/social/changelog/update-social-replace-has-paid-features-check
deleted file mode 100644
index bf9a130af83ec..0000000000000
--- a/projects/plugins/social/changelog/update-social-replace-has-paid-features-check
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: changed
-Comment: Initial State: Migrated hasPaidFeatures flag with feature check on front-end
-
-
diff --git a/projects/plugins/social/changelog/update-social-sig-feature-check b/projects/plugins/social/changelog/update-social-sig-feature-check
deleted file mode 100644
index 96580bab97529..0000000000000
--- a/projects/plugins/social/changelog/update-social-sig-feature-check
+++ /dev/null
@@ -1,5 +0,0 @@
-Significance: patch
-Type: changed
-Comment: Initial state: Migrated isSocialImageGeneratorAvailable to feature check
-
-
diff --git a/projects/plugins/social/changelog/update-tested-to-6-7 b/projects/plugins/social/changelog/update-tested-to-6-7
deleted file mode 100644
index 9c1d5b4fabb5f..0000000000000
--- a/projects/plugins/social/changelog/update-tested-to-6-7
+++ /dev/null
@@ -1,4 +0,0 @@
-Significance: patch
-Type: changed
-
-General: indicate compatibility with the upcoming version of WordPress - 6.7.
diff --git a/projects/plugins/social/composer.json b/projects/plugins/social/composer.json
index 83f2a82e3643d..bdd956a7d1584 100644
--- a/projects/plugins/social/composer.json
+++ b/projects/plugins/social/composer.json
@@ -84,6 +84,6 @@
 			"automattic/jetpack-autoloader": true,
 			"automattic/jetpack-composer-plugin": true
 		},
-		"autoloader-suffix": "c4802e05bbcf59fd3b6350e8d3e5482c_socialⓥ5_4_1"
+		"autoloader-suffix": "c4802e05bbcf59fd3b6350e8d3e5482c_socialⓥ5_5_0"
 	}
 }
diff --git a/projects/plugins/social/composer.lock b/projects/plugins/social/composer.lock
index 7da20bcbcf2d6..71abf37eef397 100644
--- a/projects/plugins/social/composer.lock
+++ b/projects/plugins/social/composer.lock
@@ -1497,7 +1497,7 @@
 			"dist": {
 				"type": "path",
 				"url": "../../packages/publicize",
-				"reference": "b8abac09471222cd803a35a623b5e9b7d4049c0d"
+				"reference": "1fc54eab768a14c867ab64b3a5b169c662bb6b77"
 			},
 			"require": {
 				"automattic/jetpack-assets": "@dev",
@@ -1525,7 +1525,7 @@
 					"link-template": "https://github.com/Automattic/jetpack-publicize/compare/v${old}...v${new}"
 				},
 				"branch-alias": {
-					"dev-trunk": "0.54.x-dev"
+					"dev-trunk": "0.55.x-dev"
 				}
 			},
 			"autoload": {
diff --git a/projects/plugins/social/jetpack-social.php b/projects/plugins/social/jetpack-social.php
index a7d6093d591a1..227b32ff741de 100644
--- a/projects/plugins/social/jetpack-social.php
+++ b/projects/plugins/social/jetpack-social.php
@@ -4,7 +4,7 @@
  * Plugin Name: Jetpack Social
  * Plugin URI: https://wordpress.org/plugins/jetpack-social
  * Description: Share your site’s posts on several social media networks automatically when you publish a new post.
- * Version: 5.4.1
+ * Version: 5.5.0
  * Author: Automattic - Jetpack Social team
  * Author URI: https://jetpack.com/social/
  * License: GPLv2 or later
diff --git a/projects/plugins/social/readme.txt b/projects/plugins/social/readme.txt
index d8d7e67b23062..dd42a1fd30aba 100644
--- a/projects/plugins/social/readme.txt
+++ b/projects/plugins/social/readme.txt
@@ -102,9 +102,20 @@ The easiest way is to use the Custom Message option in the publishing options bo
 6. Managing Social media accounts in the post editor
 
 == Changelog ==
-### 5.4.1 - 2024-10-02
+### 5.5.0 - 2024-10-25
+#### Added
+- Added Bluesky to social previews
+- Social Notes: add support for the ActivityPub Reply-To block.
+
 #### Changed
-- Internal updates.
+- General: indicate compatibility with the upcoming version of WordPress - 6.7.
+- Initial State: Migrated URLs to script data
+- Only include `wp-polyfill` as a script dependency when needed.
+- Updated package dependencies.
+
+#### Fixed
+- Added Jetpack Beta's slug to Social OG conflicting plugins
+- Social: Fixed share status tooltip text overflow
 
 == Upgrade Notice ==
 
diff --git a/projects/plugins/social/src/class-note.php b/projects/plugins/social/src/class-note.php
index 73aa53395f6cd..b03256fd62a83 100644
--- a/projects/plugins/social/src/class-note.php
+++ b/projects/plugins/social/src/class-note.php
@@ -170,7 +170,7 @@ public function restrict_blocks_for_social_note( $allowed_blocks, $post ) {
 		 *
 		 * Default is ['core/paragraph', 'core/post-featured-image']
 		 *
-		 * @since $$next-version$$
+		 * @since 5.5.0
 		 *
 		 * @param array $allowed_blocks A linear array of blocks allowed by the CPT.
 		 */

From 4282bc0ae4bfcea6ac04edaf752d78032351eda3 Mon Sep 17 00:00:00 2001
From: Calypso Bot <sysops+ghmatticbot@automattic.com>
Date: Fri, 25 Oct 2024 16:31:52 +0200
Subject: [PATCH 03/10] Update Eslint packages (#39898)

Co-authored-by: Renovate Bot <bot@renovateapp.com>
---
 package.json                                  |   2 +-
 pnpm-lock.yaml                                | 388 +++++++++---------
 .../changelog/renovate-eslint-packages        |   4 +
 .../js-packages/boost-score-api/package.json  |   2 +-
 .../changelog/renovate-eslint-packages        |   4 +
 .../eslint-config-target-es/package.json      |   2 +-
 .../changelog/renovate-eslint-packages        |   4 +
 projects/js-packages/image-guide/package.json |   2 +-
 .../changelog/renovate-eslint-packages#2      |   4 +
 .../svelte-data-sync-client/package.json      |   2 +-
 tools/js-tools/package.json                   |  16 +-
 11 files changed, 233 insertions(+), 197 deletions(-)
 create mode 100644 projects/js-packages/boost-score-api/changelog/renovate-eslint-packages
 create mode 100644 projects/js-packages/eslint-config-target-es/changelog/renovate-eslint-packages
 create mode 100644 projects/js-packages/image-guide/changelog/renovate-eslint-packages
 create mode 100644 projects/js-packages/svelte-data-sync-client/changelog/renovate-eslint-packages#2

diff --git a/package.json b/package.json
index 61aea19924cbf..b7d34e0aa51d2 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,7 @@
 		"version-packages": "bash ./tools/version-packages.sh"
 	},
 	"devDependencies": {
-		"eslint": "8.57.0",
+		"eslint": "8.57.1",
 		"husky": "8.0.3",
 		"jetpack-cli": "workspace:*",
 		"jetpack-js-tools": "workspace:*"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 573fa8ff3aeff..7e731de4d338a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,8 +11,8 @@ importers:
   .:
     devDependencies:
       eslint:
-        specifier: 8.57.0
-        version: 8.57.0
+        specifier: 8.57.1
+        version: 8.57.1
       husky:
         specifier: 8.0.3
         version: 8.0.3
@@ -262,10 +262,10 @@ importers:
         version: link:../webpack-config
       '@typescript-eslint/parser':
         specifier: 6.21.0
-        version: 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+        version: 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       eslint:
-        specifier: 8.57.0
-        version: 8.57.0
+        specifier: 8.57.1
+        version: 8.57.1
       jest:
         specifier: 29.7.0
         version: 29.7.0
@@ -626,11 +626,11 @@ importers:
         specifier: 6.9.0
         version: 6.9.0
       eslint:
-        specifier: 8.57.0
-        version: 8.57.0
+        specifier: 8.57.1
+        version: 8.57.1
       eslint-plugin-es-x:
         specifier: 7.8.0
-        version: 7.8.0(eslint@8.57.0)
+        version: 7.8.0(eslint@8.57.1)
       globals:
         specifier: 15.4.0
         version: 15.4.0
@@ -771,10 +771,10 @@ importers:
         version: 12.1.0(rollup@3.29.5)(tslib@2.5.0)(typescript@5.0.4)
       '@typescript-eslint/parser':
         specifier: 6.21.0
-        version: 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+        version: 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       eslint:
-        specifier: 8.57.0
-        version: 8.57.0
+        specifier: 8.57.1
+        version: 8.57.1
       jest:
         specifier: 29.7.0
         version: 29.7.0
@@ -1525,10 +1525,10 @@ importers:
         version: link:../webpack-config
       '@typescript-eslint/parser':
         specifier: 6.21.0
-        version: 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+        version: 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       eslint:
-        specifier: 8.57.0
-        version: 8.57.0
+        specifier: 8.57.1
+        version: 8.57.1
       jest:
         specifier: 29.7.0
         version: 29.7.0
@@ -4805,8 +4805,8 @@ importers:
         specifier: 7.24.7
         version: 7.24.7
       '@babel/eslint-parser':
-        specifier: 7.24.7
-        version: 7.24.7(@babel/core@7.24.7)(eslint@8.57.0)
+        specifier: 7.25.9
+        version: 7.25.9(@babel/core@7.24.7)(eslint@8.57.1)
       '@babel/preset-react':
         specifier: 7.24.7
         version: 7.24.7(@babel/core@7.24.7)
@@ -4827,13 +4827,13 @@ importers:
         version: 6.5.0
       '@typescript-eslint/eslint-plugin':
         specifier: 6.21.0
-        version: 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4)
+        version: 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4)
       '@typescript-eslint/parser':
         specifier: 6.21.0
-        version: 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+        version: 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       '@wordpress/eslint-plugin':
         specifier: 21.2.0
-        version: 21.2.0(2g4wiqq3ubewvaaot6et2pay5m)
+        version: 21.2.0(3zgehwu3uz4mcmtrtsv3cr4muy)
       '@wordpress/jest-console':
         specifier: 8.9.0
         version: 8.9.0(jest@29.7.0)
@@ -4850,53 +4850,53 @@ importers:
         specifier: 2.4.1
         version: 2.4.1
       eslint:
-        specifier: 8.57.0
-        version: 8.57.0
+        specifier: 8.57.1
+        version: 8.57.1
       eslint-config-prettier:
         specifier: 9.1.0
-        version: 9.1.0(eslint@8.57.0)
+        version: 9.1.0(eslint@8.57.1)
       eslint-import-resolver-exports:
         specifier: 1.0.0-beta.5
-        version: 1.0.0-beta.5(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0))(eslint@8.57.0)
+        version: 1.0.0-beta.5(eslint-plugin-import@2.31.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1))(eslint@8.57.1)
       eslint-plugin-es-x:
         specifier: 7.8.0
-        version: 7.8.0(eslint@8.57.0)
+        version: 7.8.0(eslint@8.57.1)
       eslint-plugin-import:
-        specifier: 2.29.1
-        version: 2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)
+        specifier: 2.31.0
+        version: 2.31.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)
       eslint-plugin-jest:
         specifier: 27.9.0
-        version: 27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(jest@29.7.0)(typescript@5.0.4)
+        version: 27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(jest@29.7.0)(typescript@5.0.4)
       eslint-plugin-jest-dom:
         specifier: 5.4.0
-        version: 5.4.0(eslint@8.57.0)
+        version: 5.4.0(eslint@8.57.1)
       eslint-plugin-jsdoc:
-        specifier: 48.8.3
-        version: 48.8.3(eslint@8.57.0)
+        specifier: 48.11.0
+        version: 48.11.0(eslint@8.57.1)
       eslint-plugin-jsx-a11y:
-        specifier: 6.9.0
-        version: 6.9.0(eslint@8.57.0)
+        specifier: 6.10.1
+        version: 6.10.1(eslint@8.57.1)
       eslint-plugin-lodash:
         specifier: 7.4.0
-        version: 7.4.0(eslint@8.57.0)
+        version: 7.4.0(eslint@8.57.1)
       eslint-plugin-playwright:
         specifier: 0.22.2
-        version: 0.22.2(eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(jest@29.7.0)(typescript@5.0.4))(eslint@8.57.0)
+        version: 0.22.2(eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(jest@29.7.0)(typescript@5.0.4))(eslint@8.57.1)
       eslint-plugin-prettier:
         specifier: 5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(wp-prettier@3.0.3)
+        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.1))(eslint@8.57.1)(wp-prettier@3.0.3)
       eslint-plugin-react:
-        specifier: 7.35.0
-        version: 7.35.0(eslint@8.57.0)
+        specifier: 7.37.2
+        version: 7.37.2(eslint@8.57.1)
       eslint-plugin-react-hooks:
         specifier: 4.6.2
-        version: 4.6.2(eslint@8.57.0)
+        version: 4.6.2(eslint@8.57.1)
       eslint-plugin-svelte:
-        specifier: 2.43.0
-        version: 2.43.0(eslint@8.57.0)(svelte@4.2.19)
+        specifier: 2.46.0
+        version: 2.46.0(eslint@8.57.1)(svelte@4.2.19)
       eslint-plugin-testing-library:
-        specifier: 6.3.0
-        version: 6.3.0(eslint@8.57.0)(typescript@5.0.4)
+        specifier: 6.4.0
+        version: 6.4.0(eslint@8.57.1)(typescript@5.0.4)
       glob:
         specifier: 10.4.1
         version: 10.4.1
@@ -5053,8 +5053,8 @@ packages:
     resolution: {integrity: sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/eslint-parser@7.24.7':
-    resolution: {integrity: sha512-SO5E3bVxDuxyNxM5agFv480YA2HO6ohZbGxbazZdIk3KQOPOGVNw6q78I9/lbviIf95eq6tPozeYnJLbjnC8IA==}
+  '@babel/eslint-parser@7.25.9':
+    resolution: {integrity: sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==}
     engines: {node: ^10.13.0 || ^12.13.0 || >=14.0.0}
     peerDependencies:
       '@babel/core': ^7.11.0
@@ -6072,8 +6072,8 @@ packages:
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@eslint/js@8.57.0':
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
+  '@eslint/js@8.57.1':
+    resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
   '@fastify/busboy@2.1.1':
@@ -6101,8 +6101,8 @@ packages:
   '@hapi/topo@5.1.0':
     resolution: {integrity: sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==}
 
-  '@humanwhocodes/config-array@0.11.14':
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
+  '@humanwhocodes/config-array@0.13.0':
+    resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
     deprecated: Use @eslint/config-array instead
 
@@ -6695,6 +6695,9 @@ packages:
       rollup:
         optional: true
 
+  '@rtsao/scc@1.1.0':
+    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
+
   '@rushstack/eslint-patch@1.3.3':
     resolution: {integrity: sha512-0xd7qez0AQ+MbHatZTlI1gu5vkG8r7MYRUJAHPAHJBmGLs16zpkrpAVLvjQKQOqaXPDUBwOiJzNc00znHSCVBw==}
 
@@ -8356,9 +8359,6 @@ packages:
   axios@1.7.4:
     resolution: {integrity: sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==}
 
-  axobject-query@3.1.1:
-    resolution: {integrity: sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==}
-
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
@@ -9424,8 +9424,8 @@ packages:
   es-get-iterator@1.1.3:
     resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
 
-  es-iterator-helpers@1.0.19:
-    resolution: {integrity: sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==}
+  es-iterator-helpers@1.1.0:
+    resolution: {integrity: sha512-/SurEfycdyssORP/E+bj4sEu1CWw4EmLDsHynHwSXQ7utgbrMRWW195pTrCjFgFCddf/UkYm3oqKPRq5i8bJbw==}
     engines: {node: '>= 0.4'}
 
   es-module-lexer@1.5.4:
@@ -9545,12 +9545,12 @@ packages:
     peerDependencies:
       eslint: '>=8'
 
-  eslint-plugin-import@2.29.1:
-    resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
+  eslint-plugin-import@2.31.0:
+    resolution: {integrity: sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
     peerDependenciesMeta:
       '@typescript-eslint/parser':
         optional: true
@@ -9578,17 +9578,17 @@ packages:
       jest:
         optional: true
 
-  eslint-plugin-jsdoc@48.8.3:
-    resolution: {integrity: sha512-AtIvwwW9D17MRkM0Z0y3/xZYaa9mdAvJrkY6fU/HNUwGbmMtHVvK4qRM9CDixGVtfNrQitb8c6zQtdh6cTOvLg==}
+  eslint-plugin-jsdoc@48.11.0:
+    resolution: {integrity: sha512-d12JHJDPNo7IFwTOAItCeJY1hcqoIxE0lHA8infQByLilQ9xkqrRa6laWCnsuCrf+8rUnvxXY1XuTbibRBNylA==}
     engines: {node: '>=18'}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
 
-  eslint-plugin-jsx-a11y@6.9.0:
-    resolution: {integrity: sha512-nOFOCaJG2pYqORjK19lqPqxMO/JpvdCZdPtNdxY3kvom3jTvkAbOvQvD8wuD0G8BYR0IGAGYDlzqWJOh/ybn2g==}
+  eslint-plugin-jsx-a11y@6.10.1:
+    resolution: {integrity: sha512-zHByM9WTUMnfsDTafGXRiqxp6lFtNoSOWBY6FonVRn3A+BUwN1L/tdBXT40BcBJi0cZjOGTXZ0eD/rTG9fEJ0g==}
     engines: {node: '>=4.0'}
     peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
 
   eslint-plugin-lodash@7.4.0:
     resolution: {integrity: sha512-Tl83UwVXqe1OVeBRKUeWcfg6/pCW1GTRObbdnbEJgYwjxp5Q92MEWQaH9+dmzbRt6kvYU1Mp893E79nJiCSM8A==}
@@ -9625,27 +9625,27 @@ packages:
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
 
-  eslint-plugin-react@7.35.0:
-    resolution: {integrity: sha512-v501SSMOWv8gerHkk+IIQBkcGRGrO2nfybfj5pLxuJNFTPxxA3PSryhXTK+9pNbtkggheDdsC0E9Q8CuPk6JKA==}
+  eslint-plugin-react@7.37.2:
+    resolution: {integrity: sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
 
-  eslint-plugin-svelte@2.43.0:
-    resolution: {integrity: sha512-REkxQWvg2pp7QVLxQNa+dJ97xUqRe7Y2JJbSWkHSuszu0VcblZtXkPBPckkivk99y5CdLw4slqfPylL2d/X4jQ==}
+  eslint-plugin-svelte@2.46.0:
+    resolution: {integrity: sha512-1A7iEMkzmCZ9/Iz+EAfOGYL8IoIG6zeKEq1SmpxGeM5SXmoQq+ZNnCpXFVJpsxPWYx8jIVGMerQMzX20cqUl0g==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0-0 || ^9.0.0-0
-      svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.191
+      svelte: ^3.37.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       svelte:
         optional: true
 
-  eslint-plugin-testing-library@6.3.0:
-    resolution: {integrity: sha512-GYcEErTt6EGwE0bPDY+4aehfEBpB2gDBFKohir8jlATSUvzStEyzCx8QWB/14xeKc/AwyXkzScSzMHnFojkWrA==}
+  eslint-plugin-testing-library@6.4.0:
+    resolution: {integrity: sha512-yeWF+YgCgvNyPNI9UKnG0FjeE2sk93N/3lsKqcmR8dSfeXJwFT5irnWo7NjLf152HkRzfoFjh3LsBUrhvFz4eA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0, npm: '>=6'}
     peerDependencies:
-      eslint: ^7.5.0 || ^8.0.0
+      eslint: ^7.5.0 || ^8.0.0 || ^9.0.0
 
   eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
@@ -9663,12 +9663,20 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
+  eslint-visitor-keys@4.1.0:
+    resolution: {integrity: sha512-Q7lok0mqMUSf5a/AdAZkA5a/gHcO6snwQClVNNvFKCAVlxXucdU8pKydU5ZVZjBx5xr37vGbFFWtLQYreLzrZg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint@8.57.1:
+    resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
+  espree@10.2.0:
+    resolution: {integrity: sha512-upbkBJbckcCNBDBDXEbuhjbP68n+scUd3k/U2EkyM9nw+I/jPiL4cLF/Al06CF96wRltFda16sxDFrxsI1v0/g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -10677,8 +10685,9 @@ packages:
     resolution: {integrity: sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==}
     engines: {node: '>=8'}
 
-  iterator.prototype@1.1.2:
-    resolution: {integrity: sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==}
+  iterator.prototype@1.1.3:
+    resolution: {integrity: sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==}
+    engines: {node: '>= 0.4'}
 
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
@@ -10977,8 +10986,8 @@ packages:
     resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==}
     engines: {node: '>= 8'}
 
-  known-css-properties@0.34.0:
-    resolution: {integrity: sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==}
+  known-css-properties@0.35.0:
+    resolution: {integrity: sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==}
 
   kuler@2.0.0:
     resolution: {integrity: sha512-Xq9nH7KlWZmXAtodXDDRE7vs6DU1gTU8zYDHDiWLSip45Egwq3plLHzPn27NgvzL2r1LMPC1vdqh98sQxtqj4A==}
@@ -13153,8 +13162,9 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
-  string.prototype.includes@2.0.0:
-    resolution: {integrity: sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==}
+  string.prototype.includes@2.0.1:
+    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
+    engines: {node: '>= 0.4'}
 
   string.prototype.matchall@4.0.11:
     resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
@@ -13284,11 +13294,11 @@ packages:
       svelte:
         optional: true
 
-  svelte-eslint-parser@0.41.1:
-    resolution: {integrity: sha512-08ndI6zTghzI8SuJAFpvMbA/haPSGn3xz19pjre19yYMw8Nw/wQJ2PrZBI/L8ijGTgtkWCQQiLLy+Z1tfaCwNA==}
+  svelte-eslint-parser@0.43.0:
+    resolution: {integrity: sha512-GpU52uPKKcVnh8tKN5P4UZpJ/fUDndmq7wfsvoVXsyP+aY0anol7Yqo01fyrlaWGMFfm4av5DyrjlaXdLRJvGA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
-      svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.191
+      svelte: ^3.37.0 || ^4.0.0 || ^5.0.0
     peerDependenciesMeta:
       svelte:
         optional: true
@@ -14384,11 +14394,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/eslint-parser@7.24.7(@babel/core@7.24.7)(eslint@8.57.0)':
+  '@babel/eslint-parser@7.25.9(@babel/core@7.24.7)(eslint@8.57.1)':
     dependencies:
       '@babel/core': 7.24.7
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
 
@@ -15520,9 +15530,9 @@ snapshots:
   '@esbuild/win32-x64@0.23.1':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
+  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.1)':
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-visitor-keys: 3.4.3
 
   '@eslint-community/regexpp@4.11.1': {}
@@ -15541,7 +15551,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@8.57.0': {}
+  '@eslint/js@8.57.1': {}
 
   '@fastify/busboy@2.1.1': {}
 
@@ -15568,7 +15578,7 @@ snapshots:
     dependencies:
       '@hapi/hoek': 9.3.0
 
-  '@humanwhocodes/config-array@0.11.14':
+  '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
       debug: 4.3.4
@@ -16447,6 +16457,8 @@ snapshots:
     optionalDependencies:
       rollup: 3.29.5
 
+  '@rtsao/scc@1.1.0': {}
+
   '@rushstack/eslint-patch@1.3.3': {}
 
   '@samverschueren/stream-to-observable@0.3.1(rxjs@6.6.7)':
@@ -17557,16 +17569,16 @@ snapshots:
       '@types/node': 20.16.10
     optional: true
 
-  '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4)':
+  '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4)':
     dependencies:
       '@eslint-community/regexpp': 4.11.1
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.0)(typescript@5.0.4)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.1)(typescript@5.0.4)
+      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
@@ -17577,14 +17589,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4)':
+  '@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4)':
     dependencies:
       '@typescript-eslint/scope-manager': 6.21.0
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.0.4)
       '@typescript-eslint/visitor-keys': 6.21.0
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 8.57.1
     optionalDependencies:
       typescript: 5.0.4
     transitivePeerDependencies:
@@ -17600,12 +17612,12 @@ snapshots:
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/visitor-keys': 6.21.0
 
-  '@typescript-eslint/type-utils@6.21.0(eslint@8.57.0)(typescript@5.0.4)':
+  '@typescript-eslint/type-utils@6.21.0(eslint@8.57.1)(typescript@5.0.4)':
     dependencies:
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.0.4)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/utils': 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       debug: 4.3.4
-      eslint: 8.57.0
+      eslint: 8.57.1
       ts-api-utils: 1.3.0(typescript@5.0.4)
     optionalDependencies:
       typescript: 5.0.4
@@ -17645,30 +17657,30 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@5.62.0(eslint@8.57.0)(typescript@5.0.4)':
+  '@typescript-eslint/utils@5.62.0(eslint@8.57.1)(typescript@5.0.4)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.8
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.0.4)
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-scope: 5.1.1
       semver: 7.5.2
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@6.21.0(eslint@8.57.0)(typescript@5.0.4)':
+  '@typescript-eslint/utils@6.21.0(eslint@8.57.1)(typescript@5.0.4)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.8
       '@typescript-eslint/scope-manager': 6.21.0
       '@typescript-eslint/types': 6.21.0
       '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.0.4)
-      eslint: 8.57.0
+      eslint: 8.57.1
       semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
@@ -18904,25 +18916,25 @@ snapshots:
     dependencies:
       '@babel/runtime': 7.24.7
 
-  '@wordpress/eslint-plugin@21.2.0(2g4wiqq3ubewvaaot6et2pay5m)':
+  '@wordpress/eslint-plugin@21.2.0(3zgehwu3uz4mcmtrtsv3cr4muy)':
     dependencies:
       '@babel/core': 7.24.7
-      '@babel/eslint-parser': 7.24.7(@babel/core@7.24.7)(eslint@8.57.0)
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4)
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+      '@babel/eslint-parser': 7.25.9(@babel/core@7.24.7)(eslint@8.57.1)
+      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.0.4)
       '@wordpress/babel-preset-default': 8.9.0
       '@wordpress/prettier-config': 4.9.0(wp-prettier@3.0.3)
       cosmiconfig: 7.1.0
-      eslint: 8.57.0
-      eslint-config-prettier: 9.1.0(eslint@8.57.0)
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)
-      eslint-plugin-jest: 27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(jest@29.7.0)(typescript@5.0.4)
-      eslint-plugin-jsdoc: 48.8.3(eslint@8.57.0)
-      eslint-plugin-jsx-a11y: 6.9.0(eslint@8.57.0)
-      eslint-plugin-playwright: 0.22.2(eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(jest@29.7.0)(typescript@5.0.4))(eslint@8.57.0)
-      eslint-plugin-prettier: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(wp-prettier@3.0.3)
-      eslint-plugin-react: 7.35.0(eslint@8.57.0)
-      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-config-prettier: 9.1.0(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)
+      eslint-plugin-jest: 27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(jest@29.7.0)(typescript@5.0.4)
+      eslint-plugin-jsdoc: 48.11.0(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.1(eslint@8.57.1)
+      eslint-plugin-playwright: 0.22.2(eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(jest@29.7.0)(typescript@5.0.4))(eslint@8.57.1)
+      eslint-plugin-prettier: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.1))(eslint@8.57.1)(wp-prettier@3.0.3)
+      eslint-plugin-react: 7.37.2(eslint@8.57.1)
+      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.1)
       globals: 13.24.0
       requireindex: 1.2.0
     optionalDependencies:
@@ -19893,10 +19905,6 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  axobject-query@3.1.1:
-    dependencies:
-      deep-equal: 2.2.3
-
   axobject-query@4.1.0: {}
 
   b4a@1.6.7: {}
@@ -21166,7 +21174,7 @@ snapshots:
       isarray: 2.0.5
       stop-iteration-iterator: 1.0.0
 
-  es-iterator-helpers@1.0.19:
+  es-iterator-helpers@1.1.0:
     dependencies:
       call-bind: 1.0.7
       define-properties: 1.2.1
@@ -21180,7 +21188,7 @@ snapshots:
       has-proto: 1.0.3
       has-symbols: 1.0.3
       internal-slot: 1.0.7
-      iterator.prototype: 1.1.2
+      iterator.prototype: 1.1.3
       safe-array-concat: 1.1.2
 
   es-module-lexer@1.5.4: {}
@@ -21294,19 +21302,19 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-compat-utils@0.5.1(eslint@8.57.0):
+  eslint-compat-utils@0.5.1(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       semver: 7.6.3
 
-  eslint-config-prettier@9.1.0(eslint@8.57.0):
+  eslint-config-prettier@9.1.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
 
-  eslint-import-resolver-exports@1.0.0-beta.5(eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0))(eslint@8.57.0):
+  eslint-import-resolver-exports@1.0.0-beta.5(eslint-plugin-import@2.31.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
-      eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)
       resolve.exports: 2.0.2
 
   eslint-import-resolver-node@0.3.9:
@@ -21317,34 +21325,35 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint-import-resolver-node@0.3.9)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.0.4)
-      eslint: 8.57.0
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.0.4)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-es-x@7.8.0(eslint@8.57.0):
+  eslint-plugin-es-x@7.8.0(eslint@8.57.1):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@eslint-community/regexpp': 4.11.1
-      eslint: 8.57.0
-      eslint-compat-utils: 0.5.1(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-compat-utils: 0.5.1(eslint@8.57.1)
 
-  eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1):
     dependencies:
+      '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
       array.prototype.findlastindex: 1.2.5
       array.prototype.flat: 1.3.2
       array.prototype.flatmap: 1.3.2
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint-import-resolver-node@0.3.9)(eslint@8.57.0)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint-import-resolver-node@0.3.9)(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.15.1
       is-glob: 4.0.3
@@ -21353,39 +21362,41 @@ snapshots:
       object.groupby: 1.0.3
       object.values: 1.2.0
       semver: 6.3.1
+      string.prototype.trimend: 1.0.8
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/parser': 6.21.0(eslint@8.57.1)(typescript@5.0.4)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jest-dom@5.4.0(eslint@8.57.0):
+  eslint-plugin-jest-dom@5.4.0(eslint@8.57.1):
     dependencies:
       '@babel/runtime': 7.24.7
-      eslint: 8.57.0
+      eslint: 8.57.1
       requireindex: 1.2.0
 
-  eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(jest@29.7.0)(typescript@5.0.4):
+  eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(jest@29.7.0)(typescript@5.0.4):
     dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.0.4)
-      eslint: 8.57.0
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.0.4)
+      eslint: 8.57.1
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4)
+      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4)
       jest: 29.7.0
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-jsdoc@48.8.3(eslint@8.57.0):
+  eslint-plugin-jsdoc@48.11.0(eslint@8.57.1):
     dependencies:
       '@es-joy/jsdoccomment': 0.46.0
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
       debug: 4.3.7
       escape-string-regexp: 4.0.0
-      eslint: 8.57.0
+      eslint: 8.57.1
+      espree: 10.2.0
       esquery: 1.6.0
       parse-imports: 2.2.1
       semver: 7.6.3
@@ -21394,60 +21405,60 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.9.0(eslint@8.57.0):
+  eslint-plugin-jsx-a11y@6.10.1(eslint@8.57.1):
     dependencies:
-      aria-query: 5.1.3
+      aria-query: 5.3.2
       array-includes: 3.1.8
       array.prototype.flatmap: 1.3.2
       ast-types-flow: 0.0.8
       axe-core: 4.10.0
-      axobject-query: 3.1.1
+      axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
-      es-iterator-helpers: 1.0.19
-      eslint: 8.57.0
+      es-iterator-helpers: 1.1.0
+      eslint: 8.57.1
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
       minimatch: 3.1.2
       object.fromentries: 2.0.8
       safe-regex-test: 1.0.3
-      string.prototype.includes: 2.0.0
+      string.prototype.includes: 2.0.1
 
-  eslint-plugin-lodash@7.4.0(eslint@8.57.0):
+  eslint-plugin-lodash@7.4.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       lodash: 4.17.21
 
-  eslint-plugin-playwright@0.22.2(eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(jest@29.7.0)(typescript@5.0.4))(eslint@8.57.0):
+  eslint-plugin-playwright@0.22.2(eslint-plugin-jest@27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(jest@29.7.0)(typescript@5.0.4))(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       globals: 13.24.0
     optionalDependencies:
-      eslint-plugin-jest: 27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(typescript@5.0.4))(eslint@8.57.0)(jest@29.7.0)(typescript@5.0.4)
+      eslint-plugin-jest: 27.9.0(@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(typescript@5.0.4))(eslint@8.57.1)(jest@29.7.0)(typescript@5.0.4)
 
-  eslint-plugin-prettier@5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(wp-prettier@3.0.3):
+  eslint-plugin-prettier@5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.1))(eslint@8.57.1)(wp-prettier@3.0.3):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       prettier: wp-prettier@3.0.3
       prettier-linter-helpers: 1.0.0
       synckit: 0.9.2
     optionalDependencies:
-      eslint-config-prettier: 9.1.0(eslint@8.57.0)
+      eslint-config-prettier: 9.1.0(eslint@8.57.1)
 
-  eslint-plugin-react-hooks@4.6.2(eslint@8.57.0):
+  eslint-plugin-react-hooks@4.6.2(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
 
-  eslint-plugin-react@7.35.0(eslint@8.57.0):
+  eslint-plugin-react@7.37.2(eslint@8.57.1):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
       array.prototype.flatmap: 1.3.2
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
-      es-iterator-helpers: 1.0.19
-      eslint: 8.57.0
+      es-iterator-helpers: 1.1.0
+      eslint: 8.57.1
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
@@ -21461,29 +21472,29 @@ snapshots:
       string.prototype.matchall: 4.0.11
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-svelte@2.43.0(eslint@8.57.0)(svelte@4.2.19):
+  eslint-plugin-svelte@2.46.0(eslint@8.57.1)(svelte@4.2.19):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@jridgewell/sourcemap-codec': 1.5.0
-      eslint: 8.57.0
-      eslint-compat-utils: 0.5.1(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-compat-utils: 0.5.1(eslint@8.57.1)
       esutils: 2.0.3
-      known-css-properties: 0.34.0
+      known-css-properties: 0.35.0
       postcss: 8.4.47
       postcss-load-config: 3.1.4(postcss@8.4.47)
       postcss-safe-parser: 6.0.0(postcss@8.4.47)
       postcss-selector-parser: 6.1.2
       semver: 7.6.3
-      svelte-eslint-parser: 0.41.1(svelte@4.2.19)
+      svelte-eslint-parser: 0.43.0(svelte@4.2.19)
     optionalDependencies:
       svelte: 4.2.19
     transitivePeerDependencies:
       - ts-node
 
-  eslint-plugin-testing-library@6.3.0(eslint@8.57.0)(typescript@5.0.4):
+  eslint-plugin-testing-library@6.4.0(eslint@8.57.1)(typescript@5.0.4):
     dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.0.4)
-      eslint: 8.57.0
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.0.4)
+      eslint: 8.57.1
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -21502,13 +21513,15 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
-  eslint@8.57.0:
+  eslint-visitor-keys@4.1.0: {}
+
+  eslint@8.57.1:
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@eslint-community/regexpp': 4.11.1
       '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.0
-      '@humanwhocodes/config-array': 0.11.14
+      '@eslint/js': 8.57.1
+      '@humanwhocodes/config-array': 0.13.0
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
       '@ungap/structured-clone': 1.2.0
@@ -21545,6 +21558,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  espree@10.2.0:
+    dependencies:
+      acorn: 8.12.1
+      acorn-jsx: 5.3.2(acorn@8.12.1)
+      eslint-visitor-keys: 4.1.0
+
   espree@9.6.1:
     dependencies:
       acorn: 8.12.1
@@ -22628,7 +22647,7 @@ snapshots:
       html-escaper: 2.0.2
       istanbul-lib-report: 3.0.1
 
-  iterator.prototype@1.1.2:
+  iterator.prototype@1.1.3:
     dependencies:
       define-properties: 1.2.1
       get-intrinsic: 1.2.4
@@ -23217,7 +23236,7 @@ snapshots:
 
   klona@2.0.6: {}
 
-  known-css-properties@0.34.0: {}
+  known-css-properties@0.35.0: {}
 
   kuler@2.0.0: {}
 
@@ -25724,8 +25743,9 @@ snapshots:
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
 
-  string.prototype.includes@2.0.0:
+  string.prototype.includes@2.0.1:
     dependencies:
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.23.3
 
@@ -25862,7 +25882,7 @@ snapshots:
     optionalDependencies:
       svelte: 4.2.19
 
-  svelte-eslint-parser@0.41.1(svelte@4.2.19):
+  svelte-eslint-parser@0.43.0(svelte@4.2.19):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
diff --git a/projects/js-packages/boost-score-api/changelog/renovate-eslint-packages b/projects/js-packages/boost-score-api/changelog/renovate-eslint-packages
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/js-packages/boost-score-api/changelog/renovate-eslint-packages
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/boost-score-api/package.json b/projects/js-packages/boost-score-api/package.json
index 6aaa7889bafc4..7d1e968103ec8 100644
--- a/projects/js-packages/boost-score-api/package.json
+++ b/projects/js-packages/boost-score-api/package.json
@@ -26,7 +26,7 @@
 	"devDependencies": {
 		"@automattic/jetpack-webpack-config": "workspace:*",
 		"@typescript-eslint/parser": "6.21.0",
-		"eslint": "8.57.0",
+		"eslint": "8.57.1",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
 		"typescript": "5.0.4",
diff --git a/projects/js-packages/eslint-config-target-es/changelog/renovate-eslint-packages b/projects/js-packages/eslint-config-target-es/changelog/renovate-eslint-packages
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/js-packages/eslint-config-target-es/changelog/renovate-eslint-packages
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/eslint-config-target-es/package.json b/projects/js-packages/eslint-config-target-es/package.json
index 689e82c091855..d72c9716cf066 100644
--- a/projects/js-packages/eslint-config-target-es/package.json
+++ b/projects/js-packages/eslint-config-target-es/package.json
@@ -24,7 +24,7 @@
 	},
 	"devDependencies": {
 		"@wordpress/browserslist-config": "6.9.0",
-		"eslint": "8.57.0",
+		"eslint": "8.57.1",
 		"eslint-plugin-es-x": "7.8.0",
 		"globals": "15.4.0",
 		"jest": "29.7.0"
diff --git a/projects/js-packages/image-guide/changelog/renovate-eslint-packages b/projects/js-packages/image-guide/changelog/renovate-eslint-packages
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/js-packages/image-guide/changelog/renovate-eslint-packages
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/image-guide/package.json b/projects/js-packages/image-guide/package.json
index d6144e403ce7c..f3c57482e6940 100644
--- a/projects/js-packages/image-guide/package.json
+++ b/projects/js-packages/image-guide/package.json
@@ -44,7 +44,7 @@
 		"@rollup/plugin-terser": "0.4.3",
 		"@rollup/plugin-typescript": "12.1.0",
 		"@typescript-eslint/parser": "6.21.0",
-		"eslint": "8.57.0",
+		"eslint": "8.57.1",
 		"jest": "29.7.0",
 		"postcss": "8.4.31",
 		"rollup": "3.29.5",
diff --git a/projects/js-packages/svelte-data-sync-client/changelog/renovate-eslint-packages#2 b/projects/js-packages/svelte-data-sync-client/changelog/renovate-eslint-packages#2
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/js-packages/svelte-data-sync-client/changelog/renovate-eslint-packages#2
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/svelte-data-sync-client/package.json b/projects/js-packages/svelte-data-sync-client/package.json
index 4eb9fc7fd00df..2f9d27cf28c85 100644
--- a/projects/js-packages/svelte-data-sync-client/package.json
+++ b/projects/js-packages/svelte-data-sync-client/package.json
@@ -26,7 +26,7 @@
 	"devDependencies": {
 		"@automattic/jetpack-webpack-config": "workspace:*",
 		"@typescript-eslint/parser": "6.21.0",
-		"eslint": "8.57.0",
+		"eslint": "8.57.1",
 		"jest": "29.7.0",
 		"svelte": "4.2.19",
 		"tslib": "2.5.0",
diff --git a/tools/js-tools/package.json b/tools/js-tools/package.json
index 0e238c864e288..ea9398358565d 100644
--- a/tools/js-tools/package.json
+++ b/tools/js-tools/package.json
@@ -13,7 +13,7 @@
 		"@automattic/eslint-changed": "workspace:*",
 		"@automattic/eslint-config-target-es": "workspace:*",
 		"@babel/core": "7.24.7",
-		"@babel/eslint-parser": "7.24.7",
+		"@babel/eslint-parser": "7.25.9",
 		"@babel/preset-react": "7.24.7",
 		"@babel/preset-typescript": "7.24.7",
 		"@octokit/auth-token": "5.1.1",
@@ -28,22 +28,22 @@
 		"chalk": "4.1.2",
 		"debug": "4.3.4",
 		"enquirer": "2.4.1",
-		"eslint": "8.57.0",
+		"eslint": "8.57.1",
 		"eslint-config-prettier": "9.1.0",
 		"eslint-import-resolver-exports": "1.0.0-beta.5",
 		"eslint-plugin-es-x": "7.8.0",
-		"eslint-plugin-import": "2.29.1",
+		"eslint-plugin-import": "2.31.0",
 		"eslint-plugin-jest": "27.9.0",
 		"eslint-plugin-jest-dom": "5.4.0",
-		"eslint-plugin-jsdoc": "48.8.3",
-		"eslint-plugin-jsx-a11y": "6.9.0",
+		"eslint-plugin-jsdoc": "48.11.0",
+		"eslint-plugin-jsx-a11y": "6.10.1",
 		"eslint-plugin-lodash": "7.4.0",
 		"eslint-plugin-playwright": "0.22.2",
 		"eslint-plugin-prettier": "5.2.1",
-		"eslint-plugin-react": "7.35.0",
+		"eslint-plugin-react": "7.37.2",
 		"eslint-plugin-react-hooks": "4.6.2",
-		"eslint-plugin-svelte": "2.43.0",
-		"eslint-plugin-testing-library": "6.3.0",
+		"eslint-plugin-svelte": "2.46.0",
+		"eslint-plugin-testing-library": "6.4.0",
 		"glob": "10.4.1",
 		"ignore": "5.1.8",
 		"jest": "29.7.0",

From 4f0039e6904701cb4ce7546f9e551b6cadb8a679 Mon Sep 17 00:00:00 2001
From: Christian Gastrell <cgastrell@gmail.com>
Date: Fri, 25 Oct 2024 11:36:56 -0300
Subject: [PATCH 04/10] Jetpack AI: decouple modal prompt input for reusability
 (#39864)

* decouple prompt input from prompt component, export it to make it available for other modals

* allow passing down CTA button label as prop

* implement AiModalPromptInput on GP image generation modal

* changelog

* fix wee css issue
---
 ...change-jetpack-ai-modal-prompt-input-reuse |   4 +
 .../src/logo-generator/components/prompt.tsx  | 142 +++++++++++-------
 .../ai-client/src/logo-generator/index.ts     |   1 +
 ...change-jetpack-ai-modal-prompt-input-reuse |   4 +
 .../ai-image/components/ai-image-modal.scss   |   1 -
 .../ai-image/components/ai-image-modal.tsx    |  77 ++--------
 6 files changed, 108 insertions(+), 121 deletions(-)
 create mode 100644 projects/js-packages/ai-client/changelog/change-jetpack-ai-modal-prompt-input-reuse
 create mode 100644 projects/plugins/jetpack/changelog/change-jetpack-ai-modal-prompt-input-reuse

diff --git a/projects/js-packages/ai-client/changelog/change-jetpack-ai-modal-prompt-input-reuse b/projects/js-packages/ai-client/changelog/change-jetpack-ai-modal-prompt-input-reuse
new file mode 100644
index 0000000000000..c4a38f6eb8440
--- /dev/null
+++ b/projects/js-packages/ai-client/changelog/change-jetpack-ai-modal-prompt-input-reuse
@@ -0,0 +1,4 @@
+Significance: minor
+Type: changed
+
+AI Client: decouple prompt input as component and export it for reusability
diff --git a/projects/js-packages/ai-client/src/logo-generator/components/prompt.tsx b/projects/js-packages/ai-client/src/logo-generator/components/prompt.tsx
index 643bd0e3eb9fa..13a83c5a14140 100644
--- a/projects/js-packages/ai-client/src/logo-generator/components/prompt.tsx
+++ b/projects/js-packages/ai-client/src/logo-generator/components/prompt.tsx
@@ -7,6 +7,7 @@ import { __, sprintf } from '@wordpress/i18n';
 import { Icon, info } from '@wordpress/icons';
 import debugFactory from 'debug';
 import { useCallback, useEffect, useState, useRef } from 'react';
+import { Dispatch, SetStateAction } from 'react';
 /**
  * Internal dependencies
  */
@@ -37,6 +38,81 @@ type PromptProps = {
 	initialPrompt?: string;
 };
 
+export const AiModalPromptInput = ( {
+	prompt = '',
+	setPrompt = () => {},
+	disabled = false,
+	generateHandler = () => {},
+	placeholder = '',
+	buttonLabel = '',
+}: {
+	prompt: string;
+	setPrompt: Dispatch< SetStateAction< string > >;
+	disabled: boolean;
+	generateHandler: () => void;
+	placeholder?: string;
+	buttonLabel?: string;
+} ) => {
+	const inputRef = useRef< HTMLDivElement | null >( null );
+	const hasPrompt = prompt?.length >= MINIMUM_PROMPT_LENGTH;
+
+	const onPromptInput = ( event: React.ChangeEvent< HTMLInputElement > ) => {
+		setPrompt( event.target.textContent || '' );
+	};
+
+	const onPromptPaste = ( event: React.ClipboardEvent< HTMLInputElement > ) => {
+		event.preventDefault();
+
+		const selection = event.currentTarget.ownerDocument.getSelection();
+		if ( ! selection || ! selection.rangeCount ) {
+			return;
+		}
+
+		// Paste plain text only
+		const text = event.clipboardData.getData( 'text/plain' );
+
+		selection.deleteFromDocument();
+		const range = selection.getRangeAt( 0 );
+		range.insertNode( document.createTextNode( text ) );
+		selection.collapseToEnd();
+
+		setPrompt( inputRef.current?.textContent || '' );
+	};
+
+	const onKeyDown = ( event: React.KeyboardEvent ) => {
+		if ( event.key === 'Enter' ) {
+			event.preventDefault();
+			generateHandler();
+		}
+	};
+
+	return (
+		<div className="jetpack-ai-logo-generator__prompt-query">
+			<div
+				role="textbox"
+				tabIndex={ 0 }
+				ref={ inputRef }
+				contentEditable={ ! disabled }
+				// The content editable div is expected to be updated by the enhance prompt, so warnings are suppressed
+				suppressContentEditableWarning
+				className="prompt-query__input"
+				onInput={ onPromptInput }
+				onPaste={ onPromptPaste }
+				onKeyDown={ onKeyDown }
+				data-placeholder={ placeholder }
+			></div>
+			<Button
+				variant="primary"
+				className="jetpack-ai-logo-generator__prompt-submit"
+				onClick={ generateHandler }
+				disabled={ disabled || ! hasPrompt }
+			>
+				{ buttonLabel || __( 'Generate', 'jetpack-ai-client' ) }
+			</Button>
+		</div>
+	);
+};
+
 export const Prompt = ( { initialPrompt = '' }: PromptProps ) => {
 	const { tracks } = useAnalytics();
 	const { recordEvent: recordTracksEvent } = tracks;
@@ -143,29 +219,6 @@ export const Prompt = ( { initialPrompt = '' }: PromptProps ) => {
 		}
 	}, [ context, generateLogo, prompt, style ] );
 
-	const onPromptInput = ( event: React.ChangeEvent< HTMLInputElement > ) => {
-		setPrompt( event.target.textContent || '' );
-	};
-
-	const onPromptPaste = ( event: React.ClipboardEvent< HTMLInputElement > ) => {
-		event.preventDefault();
-
-		const selection = event.currentTarget.ownerDocument.getSelection();
-		if ( ! selection || ! selection.rangeCount ) {
-			return;
-		}
-
-		// Paste plain text only
-		const text = event.clipboardData.getData( 'text/plain' );
-
-		selection.deleteFromDocument();
-		const range = selection.getRangeAt( 0 );
-		range.insertNode( document.createTextNode( text ) );
-		selection.collapseToEnd();
-
-		setPrompt( inputRef.current?.textContent || '' );
-	};
-
 	const onUpgradeClick = () => {
 		recordTracksEvent( EVENT_UPGRADE, { context, placement: EVENT_PLACEMENT_INPUT_FOOTER } );
 	};
@@ -179,13 +232,6 @@ export const Prompt = ( { initialPrompt = '' }: PromptProps ) => {
 		[ context, setStyle, recordTracksEvent ]
 	);
 
-	const onKeyDown = ( event: React.KeyboardEvent ) => {
-		if ( event.key === 'Enter' ) {
-			event.preventDefault();
-			onGenerate();
-		}
-	};
-
 	return (
 		<div className="jetpack-ai-logo-generator__prompt">
 			<div className="jetpack-ai-logo-generator__prompt-header">
@@ -212,32 +258,16 @@ export const Prompt = ( { initialPrompt = '' }: PromptProps ) => {
 					/>
 				) }
 			</div>
-			<div className="jetpack-ai-logo-generator__prompt-query">
-				<div
-					role="textbox"
-					tabIndex={ 0 }
-					ref={ inputRef }
-					contentEditable={ ! isBusy && ! requireUpgrade }
-					// The content editable div is expected to be updated by the enhance prompt, so warnings are suppressed
-					suppressContentEditableWarning
-					className="prompt-query__input"
-					onInput={ onPromptInput }
-					onPaste={ onPromptPaste }
-					onKeyDown={ onKeyDown }
-					data-placeholder={ __(
-						'Describe your site or simply ask for a logo specifying some details about it',
-						'jetpack-ai-client'
-					) }
-				></div>
-				<Button
-					variant="primary"
-					className="jetpack-ai-logo-generator__prompt-submit"
-					onClick={ onGenerate }
-					disabled={ isBusy || requireUpgrade || ! hasPrompt }
-				>
-					{ __( 'Generate', 'jetpack-ai-client' ) }
-				</Button>
-			</div>
+			<AiModalPromptInput
+				prompt={ prompt }
+				setPrompt={ setPrompt }
+				generateHandler={ onGenerate }
+				disabled={ isBusy || requireUpgrade }
+				placeholder={ __(
+					'Describe your site or simply ask for a logo specifying some details about it',
+					'jetpack-ai-client'
+				) }
+			/>
 			<div className="jetpack-ai-logo-generator__prompt-footer">
 				{ ! isUnlimited && ! requireUpgrade && (
 					<div className="jetpack-ai-logo-generator__prompt-requests">
diff --git a/projects/js-packages/ai-client/src/logo-generator/index.ts b/projects/js-packages/ai-client/src/logo-generator/index.ts
index e6a9b9dec67ce..fab7b12e9442f 100644
--- a/projects/js-packages/ai-client/src/logo-generator/index.ts
+++ b/projects/js-packages/ai-client/src/logo-generator/index.ts
@@ -1 +1,2 @@
 export * from './components/generator-modal.js';
+export { AiModalPromptInput } from './components/prompt.js';
diff --git a/projects/plugins/jetpack/changelog/change-jetpack-ai-modal-prompt-input-reuse b/projects/plugins/jetpack/changelog/change-jetpack-ai-modal-prompt-input-reuse
new file mode 100644
index 0000000000000..958a637ead149
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/change-jetpack-ai-modal-prompt-input-reuse
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Jetpack AI: use new exported component for AI generation modal on GP image generation
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.scss b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.scss
index 0f914277191bc..c47eb5e218245 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.scss
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.scss
@@ -15,7 +15,6 @@
 	&__actions {
 		width: 100%;
 		display: flex;
-		justify-content: center;
 	}
 
 	&__user-prompt {
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.tsx b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.tsx
index 12572e7df2284..ec2868aaabdd3 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.tsx
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-image/components/ai-image-modal.tsx
@@ -1,9 +1,10 @@
 /**
  * External dependencies
  */
-import { Button, Tooltip, KeyboardShortcuts } from '@wordpress/components';
+import { AiModalPromptInput } from '@automattic/jetpack-ai-client';
+import { Button } from '@wordpress/components';
 import { useCallback, useRef, useState, useEffect } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
+import { __ } from '@wordpress/i18n';
 import { Icon, external } from '@wordpress/icons';
 /**
  * Internal dependencies
@@ -34,13 +35,11 @@ export default function AiImageModal( {
 	isUnlimited = false,
 	upgradeDescription = null,
 	hasError = false,
-	postContent = null,
 	handlePreviousImage = () => {},
 	handleNextImage = () => {},
 	acceptButton = null,
 	autoStart = false,
 	autoStartAction = null,
-	generateButtonLabel = null,
 	instructionsPlaceholder = null,
 }: {
 	title: string;
@@ -72,13 +71,6 @@ export default function AiImageModal( {
 	const [ userPrompt, setUserPrompt ] = useState( '' );
 	const triggeredAutoGeneration = useRef( false );
 
-	const handleUserPromptChange = useCallback(
-		( e: React.ChangeEvent< HTMLTextAreaElement > ) => {
-			setUserPrompt( e.target.value.trim() );
-		},
-		[ setUserPrompt ]
-	);
-
 	const handleTryAgain = useCallback( () => {
 		onTryAgain?.( { userPrompt } );
 	}, [ onTryAgain, userPrompt ] );
@@ -87,37 +79,13 @@ export default function AiImageModal( {
 		onGenerate?.( { userPrompt } );
 	}, [ onGenerate, userPrompt ] );
 
-	const costTooltipTextSingular = __( '1 request per image', 'jetpack' );
-
-	const costTooltipTextPlural = sprintf(
-		// Translators: %d is the cost of generating one image.
-		__( '%d requests per image', 'jetpack' ),
-		cost
-	);
-
-	const costTooltipText = cost === 1 ? costTooltipTextSingular : costTooltipTextPlural;
-
 	// Controllers
 	const instructionsDisabled = notEnoughRequests || generating || requireUpgrade;
 	const upgradePromptVisible = ( requireUpgrade || notEnoughRequests ) && ! generating;
 	const counterVisible = Boolean( ! isUnlimited && cost && currentLimit );
-	const tryAgainButtonDisabled = ! userPrompt && ! postContent;
-	const generateButtonDisabled =
-		notEnoughRequests || generating || ( ! userPrompt && ! postContent );
 
-	const tryAgainButton = (
-		<Button onClick={ handleTryAgain } variant="secondary" disabled={ tryAgainButtonDisabled }>
-			{ __( 'Try again', 'jetpack' ) }
-		</Button>
-	);
-
-	const generateButton = (
-		<Tooltip text={ costTooltipText } placement="bottom">
-			<Button onClick={ handleGenerate } variant="secondary" disabled={ generateButtonDisabled }>
-				{ generateButtonLabel }
-			</Button>
-		</Tooltip>
-	);
+	const generateLabel = __( 'Generate', 'jetpack' );
+	const tryAgainLabel = __( 'Try again', 'jetpack' );
 
 	/**
 	 * Trigger image generation automatically.
@@ -136,28 +104,14 @@ export default function AiImageModal( {
 			{ open && (
 				<AiAssistantModal handleClose={ onClose } title={ title }>
 					<div className="ai-image-modal__content">
-						<div className="ai-image-modal__user-prompt">
-							<div className="ai-image-modal__user-prompt-textarea">
-								<KeyboardShortcuts
-									bindGlobal
-									shortcuts={ {
-										enter: () => {
-											if ( ! generateButtonDisabled ) {
-												handleGenerate();
-											}
-										},
-									} }
-								>
-									<textarea
-										disabled={ instructionsDisabled }
-										maxLength={ 1000 }
-										rows={ 2 }
-										onChange={ handleUserPromptChange }
-										placeholder={ instructionsPlaceholder }
-									></textarea>
-								</KeyboardShortcuts>
-							</div>
-						</div>
+						<AiModalPromptInput
+							prompt={ userPrompt }
+							setPrompt={ setUserPrompt }
+							disabled={ instructionsDisabled }
+							generateHandler={ hasError ? handleTryAgain : handleGenerate }
+							placeholder={ instructionsPlaceholder }
+							buttonLabel={ hasError ? tryAgainLabel : generateLabel }
+						/>
 						{ upgradePromptVisible && (
 							<QuotaExceededMessage
 								description={ upgradeDescription }
@@ -175,11 +129,6 @@ export default function AiImageModal( {
 									/>
 								) }
 							</div>
-							<div className="ai-image-modal__actions-right">
-								<div className="ai-image-modal__action-buttons">
-									{ hasError ? tryAgainButton : generateButton }
-								</div>
-							</div>
 						</div>
 						<div className="ai-image-modal__image-canvas">
 							<Carrousel

From ac3ba4a1a95172384bdb1000992c1ddc86a5bca1 Mon Sep 17 00:00:00 2001
From: Brad Jorsch <anomiex@users.noreply.github.com>
Date: Fri, 25 Oct 2024 12:33:40 -0400
Subject: [PATCH 05/10] required-review: Avoid requesting reviews from bots
 (#39895)

Attempting to request a review from a bot account will likely fail, as
bot accounts are not "collaborators".

Fortunately a bot account is probably going to look like
`@something[bot]`, so we can look for that to exclude them without
having to make extra API queries.
---
 .../changelog/fix-required-review-no-request-review-from-bot  | 4 ++++
 projects/github-actions/required-review/src/request-review.js | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 projects/github-actions/required-review/changelog/fix-required-review-no-request-review-from-bot

diff --git a/projects/github-actions/required-review/changelog/fix-required-review-no-request-review-from-bot b/projects/github-actions/required-review/changelog/fix-required-review-no-request-review-from-bot
new file mode 100644
index 0000000000000..bb2852820990b
--- /dev/null
+++ b/projects/github-actions/required-review/changelog/fix-required-review-no-request-review-from-bot
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Avoid trying to request reviews from bot accounts.
diff --git a/projects/github-actions/required-review/src/request-review.js b/projects/github-actions/required-review/src/request-review.js
index f6aa0acb39bb6..c8ebbda971d72 100644
--- a/projects/github-actions/required-review/src/request-review.js
+++ b/projects/github-actions/required-review/src/request-review.js
@@ -21,7 +21,9 @@ async function requestReviewer( teams ) {
 	const teamReviews = [];
 
 	for ( const t of teams ) {
-		if ( t.startsWith( '@' ) ) {
+		if ( t.startsWith( '@' ) && t.endsWith( '[bot]' ) ) {
+			core.info( `Skipping ${ t }, appears to be a bot` );
+		} else if ( t.startsWith( '@' ) ) {
 			userReviews.push( t.slice( 1 ) );
 		} else {
 			teamReviews.push( t );

From 0859d956e1be2f1cb110d5f6ff0299351bb96948 Mon Sep 17 00:00:00 2001
From: Calypso Bot <sysops+ghmatticbot@automattic.com>
Date: Fri, 25 Oct 2024 21:43:36 +0200
Subject: [PATCH 06/10] Update dependency postcss to v8.4.47 (#39910)

Co-authored-by: Renovate Bot <bot@renovateapp.com>
---
 pnpm-lock.yaml                                | 446 ++++++++----------
 .../changelog/renovate-postcss-8.x            |   4 +
 projects/js-packages/image-guide/package.json |   2 +-
 .../storybook/changelog/renovate-postcss-8.x  |   4 +
 projects/js-packages/storybook/package.json   |   2 +-
 .../changelog/renovate-postcss-8.x            |   4 +
 .../classic-theme-helper/package.json         |   2 +-
 .../forms/changelog/renovate-postcss-8.x      |   4 +
 projects/packages/forms/package.json          |   2 +-
 .../masterbar/changelog/renovate-postcss-8.x  |   4 +
 projects/packages/masterbar/package.json      |   2 +-
 .../search/changelog/renovate-postcss-8.x     |   4 +
 projects/packages/search/package.json         |   2 +-
 .../videopress/changelog/renovate-postcss-8.x |   4 +
 projects/packages/videopress/package.json     |   2 +-
 .../boost/changelog/renovate-postcss-8.x      |   4 +
 projects/plugins/boost/package.json           |   2 +-
 .../inspect/changelog/renovate-postcss-8.x    |   4 +
 projects/plugins/inspect/package.json         |   2 +-
 .../jetpack/changelog/renovate-postcss-8.x    |   4 +
 projects/plugins/jetpack/package.json         |   2 +-
 .../social/changelog/renovate-postcss-8.x     |   4 +
 projects/plugins/social/package.json          |   2 +-
 23 files changed, 257 insertions(+), 255 deletions(-)
 create mode 100644 projects/js-packages/image-guide/changelog/renovate-postcss-8.x
 create mode 100644 projects/js-packages/storybook/changelog/renovate-postcss-8.x
 create mode 100644 projects/packages/classic-theme-helper/changelog/renovate-postcss-8.x
 create mode 100644 projects/packages/forms/changelog/renovate-postcss-8.x
 create mode 100644 projects/packages/masterbar/changelog/renovate-postcss-8.x
 create mode 100644 projects/packages/search/changelog/renovate-postcss-8.x
 create mode 100644 projects/packages/videopress/changelog/renovate-postcss-8.x
 create mode 100644 projects/plugins/boost/changelog/renovate-postcss-8.x
 create mode 100644 projects/plugins/inspect/changelog/renovate-postcss-8.x
 create mode 100644 projects/plugins/jetpack/changelog/renovate-postcss-8.x
 create mode 100644 projects/plugins/social/changelog/renovate-postcss-8.x

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7e731de4d338a..7054e946f8af8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -779,14 +779,14 @@ importers:
         specifier: 29.7.0
         version: 29.7.0
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       rollup:
         specifier: 3.29.5
         version: 3.29.5
       rollup-plugin-postcss:
         specifier: 4.0.2
-        version: 4.0.2(postcss@8.4.31)
+        version: 4.0.2(postcss@8.4.47)
       rollup-plugin-svelte:
         specifier: 7.2.2
         version: 7.2.2(rollup@3.29.5)(svelte@4.2.19)
@@ -801,7 +801,7 @@ importers:
         version: 4.2.19
       svelte-preprocess:
         specifier: 6.0.2
-        version: 6.0.2(@babel/core@7.24.7)(postcss@8.4.31)(sass@1.64.1)(svelte@4.2.19)(typescript@5.0.4)
+        version: 6.0.2(@babel/core@7.24.7)(postcss@8.4.47)(sass@1.64.1)(svelte@4.2.19)(typescript@5.0.4)
       tslib:
         specifier: 2.5.0
         version: 2.5.0
@@ -1450,7 +1450,7 @@ importers:
         version: 5.9.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@wordpress/postcss-plugins-preset':
         specifier: 5.9.0
-        version: 5.9.0(postcss@8.4.31)
+        version: 5.9.0(postcss@8.4.47)
       allure-playwright:
         specifier: 2.9.2
         version: 2.9.2
@@ -1473,11 +1473,11 @@ importers:
         specifier: 2.1.35
         version: 2.1.35
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       react:
         specifier: 18.3.1
         version: 18.3.1
@@ -1908,22 +1908,22 @@ importers:
         version: 7.24.7
       '@csstools/postcss-global-data':
         specifier: 2.1.1
-        version: 2.1.1(postcss@8.4.31)
+        version: 2.1.1(postcss@8.4.47)
       '@wordpress/browserslist-config':
         specifier: 6.9.0
         version: 6.9.0
       autoprefixer:
         specifier: 10.4.14
-        version: 10.4.14(postcss@8.4.31)
+        version: 10.4.14(postcss@8.4.47)
       glob:
         specifier: 10.4.1
         version: 10.4.1
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       sass:
         specifier: 1.64.1
         version: 1.64.1
@@ -2164,7 +2164,7 @@ importers:
         version: 5.9.0
       autoprefixer:
         specifier: 10.4.14
-        version: 10.4.14(postcss@8.4.31)
+        version: 10.4.14(postcss@8.4.47)
       concurrently:
         specifier: 7.6.0
         version: 7.6.0
@@ -2181,11 +2181,11 @@ importers:
         specifier: 3.6.0
         version: 3.6.0
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       sass-loader:
         specifier: 12.4.0
         version: 12.4.0(sass@1.64.1)(webpack@5.94.0(webpack-cli@4.9.1))
@@ -2380,7 +2380,7 @@ importers:
         version: 2.6.0
       postcss-custom-properties:
         specifier: 12.1.7
-        version: 12.1.7(postcss@8.4.31)
+        version: 12.1.7(postcss@8.4.47)
     devDependencies:
       '@automattic/jetpack-webpack-config':
         specifier: workspace:*
@@ -2393,22 +2393,22 @@ importers:
         version: 7.24.7
       '@csstools/postcss-global-data':
         specifier: 2.1.1
-        version: 2.1.1(postcss@8.4.31)
+        version: 2.1.1(postcss@8.4.47)
       '@wordpress/browserslist-config':
         specifier: 6.9.0
         version: 6.9.0
       autoprefixer:
         specifier: 10.4.14
-        version: 10.4.14(postcss@8.4.31)
+        version: 10.4.14(postcss@8.4.47)
       glob:
         specifier: 10.4.1
         version: 10.4.1
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       sass:
         specifier: 1.64.1
         version: 1.64.1
@@ -2732,7 +2732,7 @@ importers:
         version: 7.24.7
       '@csstools/postcss-global-data':
         specifier: 2.1.1
-        version: 2.1.1(postcss@8.4.31)
+        version: 2.1.1(postcss@8.4.47)
       '@size-limit/preset-app':
         specifier: 11.1.6
         version: 11.1.6(size-limit@11.1.6)
@@ -2756,7 +2756,7 @@ importers:
         version: 6.9.0(webpack@5.94.0(webpack-cli@4.9.1))
       autoprefixer:
         specifier: 10.4.14
-        version: 10.4.14(postcss@8.4.31)
+        version: 10.4.14(postcss@8.4.47)
       babel-jest:
         specifier: 29.4.3
         version: 29.4.3(@babel/core@7.24.7)
@@ -2773,14 +2773,14 @@ importers:
         specifier: 29.7.0
         version: 29.7.0
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-custom-properties:
         specifier: 12.1.7
-        version: 12.1.7(postcss@8.4.31)
+        version: 12.1.7(postcss@8.4.47)
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       prettier:
         specifier: npm:wp-prettier@3.0.3
         version: wp-prettier@3.0.3
@@ -2908,7 +2908,7 @@ importers:
         version: 7.24.7(@babel/core@7.24.7)
       '@csstools/postcss-global-data':
         specifier: 2.1.1
-        version: 2.1.1(postcss@8.4.31)
+        version: 2.1.1(postcss@8.4.47)
       '@jest/globals':
         specifier: 29.4.3
         version: 29.4.3
@@ -2944,7 +2944,7 @@ importers:
         version: 6.9.0
       autoprefixer:
         specifier: 10.4.14
-        version: 10.4.14(postcss@8.4.31)
+        version: 10.4.14(postcss@8.4.47)
       copy-webpack-plugin:
         specifier: 11.0.0
         version: 11.0.0(webpack@5.94.0(webpack-cli@4.9.1))
@@ -2955,14 +2955,14 @@ importers:
         specifier: 29.7.0
         version: 29.7.0
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-custom-properties:
         specifier: 12.1.7
-        version: 12.1.7(postcss@8.4.31)
+        version: 12.1.7(postcss@8.4.47)
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       require-from-string:
         specifier: 2.0.2
         version: 2.0.2
@@ -3414,8 +3414,8 @@ importers:
         specifier: 1.0.1
         version: 1.0.1
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       process:
         specifier: 0.11.10
         version: 0.11.10
@@ -3693,8 +3693,8 @@ importers:
         specifier: 5.9.0
         version: 5.9.0
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       rollup:
         specifier: 3.29.5
         version: 3.29.5
@@ -3703,7 +3703,7 @@ importers:
         version: 2.0.5
       rollup-plugin-postcss:
         specifier: 4.0.2
-        version: 4.0.2(postcss@8.4.31)
+        version: 4.0.2(postcss@8.4.47)
       rollup-plugin-svelte:
         specifier: 7.2.2
         version: 7.2.2(rollup@3.29.5)(svelte@4.2.19)
@@ -3715,7 +3715,7 @@ importers:
         version: 4.2.19
       svelte-preprocess:
         specifier: 6.0.2
-        version: 6.0.2(@babel/core@7.24.7)(postcss@8.4.31)(sass@1.64.1)(svelte@4.2.19)(typescript@5.0.4)
+        version: 6.0.2(@babel/core@7.24.7)(postcss@8.4.47)(sass@1.64.1)(svelte@4.2.19)(typescript@5.0.4)
       typescript:
         specifier: 5.0.4
         version: 5.0.4
@@ -3895,7 +3895,7 @@ importers:
         version: 4.1.1
       postcss-custom-properties:
         specifier: 12.1.7
-        version: 12.1.7(postcss@8.4.31)
+        version: 12.1.7(postcss@8.4.47)
       prop-types:
         specifier: 15.7.2
         version: 15.7.2
@@ -3978,7 +3978,7 @@ importers:
         version: 7.24.7
       '@csstools/postcss-global-data':
         specifier: 2.1.1
-        version: 2.1.1(postcss@8.4.31)
+        version: 2.1.1(postcss@8.4.47)
       '@svgr/webpack':
         specifier: 7.0.0
         version: 7.0.0(typescript@5.0.4)
@@ -4041,7 +4041,7 @@ importers:
         version: 3.9.0
       autoprefixer:
         specifier: 10.4.14
-        version: 10.4.14(postcss@8.4.31)
+        version: 10.4.14(postcss@8.4.47)
       babel-jest:
         specifier: 29.4.3
         version: 29.4.3(@babel/core@7.24.7)
@@ -4067,11 +4067,11 @@ importers:
         specifier: 4.17.21
         version: 4.17.21
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       regenerator-runtime:
         specifier: 0.13.9
         version: 0.13.9
@@ -4381,7 +4381,7 @@ importers:
         version: 7.24.7
       '@csstools/postcss-global-data':
         specifier: 2.1.1
-        version: 2.1.1(postcss@8.4.31)
+        version: 2.1.1(postcss@8.4.47)
       '@testing-library/dom':
         specifier: 10.4.0
         version: 10.4.0
@@ -4399,7 +4399,7 @@ importers:
         version: 6.9.0
       autoprefixer:
         specifier: 10.4.14
-        version: 10.4.14(postcss@8.4.31)
+        version: 10.4.14(postcss@8.4.47)
       babel-jest:
         specifier: 29.4.3
         version: 29.4.3(@babel/core@7.24.7)
@@ -4413,14 +4413,14 @@ importers:
         specifier: 29.7.0
         version: 29.7.0
       postcss:
-        specifier: 8.4.31
-        version: 8.4.31
+        specifier: 8.4.47
+        version: 8.4.47
       postcss-custom-properties:
         specifier: 12.1.7
-        version: 12.1.7(postcss@8.4.31)
+        version: 12.1.7(postcss@8.4.47)
       postcss-loader:
         specifier: 6.2.0
-        version: 6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1))
+        version: 6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1))
       sass:
         specifier: 1.64.1
         version: 1.64.1
@@ -12179,10 +12179,6 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.4.31:
-    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.4.47:
     resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -15254,9 +15250,9 @@ snapshots:
 
   '@colors/colors@1.6.0': {}
 
-  '@csstools/postcss-global-data@2.1.1(postcss@8.4.31)':
+  '@csstools/postcss-global-data@2.1.1(postcss@8.4.47)':
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
   '@dabh/diagnostics@2.0.3':
     dependencies:
@@ -17895,9 +17891,9 @@ snapshots:
       fast-deep-equal: 3.1.3
       memize: 2.1.0
       parsel-js: 1.1.2
-      postcss: 8.4.31
-      postcss-prefix-selector: 1.16.1(postcss@8.4.31)
-      postcss-urlrebase: 1.4.0(postcss@8.4.31)
+      postcss: 8.4.47
+      postcss-prefix-selector: 1.16.1(postcss@8.4.47)
+      postcss-urlrebase: 1.4.0(postcss@8.4.47)
       react: 18.3.1
       react-autosize-textarea: 7.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-dom: 18.3.1(react@18.3.1)
@@ -17953,9 +17949,9 @@ snapshots:
       fast-deep-equal: 3.1.3
       memize: 2.1.0
       parsel-js: 1.1.2
-      postcss: 8.4.31
-      postcss-prefix-selector: 1.16.1(postcss@8.4.31)
-      postcss-urlrebase: 1.4.0(postcss@8.4.31)
+      postcss: 8.4.47
+      postcss-prefix-selector: 1.16.1(postcss@8.4.47)
+      postcss-urlrebase: 1.4.0(postcss@8.4.47)
       react: 18.3.1
       react-autosize-textarea: 7.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-dom: 18.3.1(react@18.3.1)
@@ -18011,9 +18007,9 @@ snapshots:
       fast-deep-equal: 3.1.3
       memize: 2.1.0
       parsel-js: 1.1.2
-      postcss: 8.4.31
-      postcss-prefix-selector: 1.16.1(postcss@8.4.31)
-      postcss-urlrebase: 1.4.0(postcss@8.4.31)
+      postcss: 8.4.47
+      postcss-prefix-selector: 1.16.1(postcss@8.4.47)
+      postcss-urlrebase: 1.4.0(postcss@8.4.47)
       react: 18.3.1
       react-autosize-textarea: 7.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-dom: 18.3.1(react@18.3.1)
@@ -19301,11 +19297,11 @@ snapshots:
       - '@types/react'
       - supports-color
 
-  '@wordpress/postcss-plugins-preset@5.9.0(postcss@8.4.31)':
+  '@wordpress/postcss-plugins-preset@5.9.0(postcss@8.4.47)':
     dependencies:
       '@wordpress/base-styles': 5.9.0
-      autoprefixer: 10.4.14(postcss@8.4.31)
-      postcss: 8.4.31
+      autoprefixer: 10.4.14(postcss@8.4.47)
+      postcss: 8.4.47
 
   '@wordpress/preferences@4.9.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
@@ -19871,14 +19867,14 @@ snapshots:
 
   asynckit@0.4.0: {}
 
-  autoprefixer@10.4.14(postcss@8.4.31):
+  autoprefixer@10.4.14(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
       caniuse-lite: 1.0.30001667
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.0
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
   autosize@4.0.4: {}
@@ -20640,9 +20636,9 @@ snapshots:
 
   crypto-random-string@2.0.0: {}
 
-  css-declaration-sorter@7.2.0(postcss@8.4.31):
+  css-declaration-sorter@7.2.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
   css-loader@6.11.0(webpack@5.94.0(webpack-cli@4.9.1)):
     dependencies:
@@ -20659,12 +20655,12 @@ snapshots:
 
   css-loader@6.5.1(webpack@5.94.0(webpack-cli@4.9.1)):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.31)
-      postcss: 8.4.31
-      postcss-modules-extract-imports: 3.1.0(postcss@8.4.31)
-      postcss-modules-local-by-default: 4.0.5(postcss@8.4.31)
-      postcss-modules-scope: 3.2.0(postcss@8.4.31)
-      postcss-modules-values: 4.0.0(postcss@8.4.31)
+      icss-utils: 5.1.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-modules-extract-imports: 3.1.0(postcss@8.4.47)
+      postcss-modules-local-by-default: 4.0.5(postcss@8.4.47)
+      postcss-modules-scope: 3.2.0(postcss@8.4.47)
+      postcss-modules-values: 4.0.0(postcss@8.4.47)
       postcss-value-parser: 4.2.0
       semver: 7.5.2
       webpack: 5.94.0(webpack-cli@4.9.1)
@@ -20672,9 +20668,9 @@ snapshots:
   css-minimizer-webpack-plugin@5.0.1(webpack@5.94.0(webpack-cli@4.9.1)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
-      cssnano: 6.1.2(postcss@8.4.31)
+      cssnano: 6.1.2(postcss@8.4.47)
       jest-worker: 29.7.0
-      postcss: 8.4.31
+      postcss: 8.4.47
       schema-utils: 4.2.0
       serialize-javascript: 6.0.2
       webpack: 5.94.0(webpack-cli@4.9.1)
@@ -20713,49 +20709,49 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  cssnano-preset-default@6.1.2(postcss@8.4.31):
+  cssnano-preset-default@6.1.2(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
-      css-declaration-sorter: 7.2.0(postcss@8.4.31)
-      cssnano-utils: 4.0.2(postcss@8.4.31)
-      postcss: 8.4.31
-      postcss-calc: 9.0.1(postcss@8.4.31)
-      postcss-colormin: 6.1.0(postcss@8.4.31)
-      postcss-convert-values: 6.1.0(postcss@8.4.31)
-      postcss-discard-comments: 6.0.2(postcss@8.4.31)
-      postcss-discard-duplicates: 6.0.3(postcss@8.4.31)
-      postcss-discard-empty: 6.0.3(postcss@8.4.31)
-      postcss-discard-overridden: 6.0.2(postcss@8.4.31)
-      postcss-merge-longhand: 6.0.5(postcss@8.4.31)
-      postcss-merge-rules: 6.1.1(postcss@8.4.31)
-      postcss-minify-font-values: 6.1.0(postcss@8.4.31)
-      postcss-minify-gradients: 6.0.3(postcss@8.4.31)
-      postcss-minify-params: 6.1.0(postcss@8.4.31)
-      postcss-minify-selectors: 6.0.4(postcss@8.4.31)
-      postcss-normalize-charset: 6.0.2(postcss@8.4.31)
-      postcss-normalize-display-values: 6.0.2(postcss@8.4.31)
-      postcss-normalize-positions: 6.0.2(postcss@8.4.31)
-      postcss-normalize-repeat-style: 6.0.2(postcss@8.4.31)
-      postcss-normalize-string: 6.0.2(postcss@8.4.31)
-      postcss-normalize-timing-functions: 6.0.2(postcss@8.4.31)
-      postcss-normalize-unicode: 6.1.0(postcss@8.4.31)
-      postcss-normalize-url: 6.0.2(postcss@8.4.31)
-      postcss-normalize-whitespace: 6.0.2(postcss@8.4.31)
-      postcss-ordered-values: 6.0.2(postcss@8.4.31)
-      postcss-reduce-initial: 6.1.0(postcss@8.4.31)
-      postcss-reduce-transforms: 6.0.2(postcss@8.4.31)
-      postcss-svgo: 6.0.3(postcss@8.4.31)
-      postcss-unique-selectors: 6.0.4(postcss@8.4.31)
-
-  cssnano-utils@4.0.2(postcss@8.4.31):
-    dependencies:
-      postcss: 8.4.31
-
-  cssnano@6.1.2(postcss@8.4.31):
-    dependencies:
-      cssnano-preset-default: 6.1.2(postcss@8.4.31)
+      css-declaration-sorter: 7.2.0(postcss@8.4.47)
+      cssnano-utils: 4.0.2(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-calc: 9.0.1(postcss@8.4.47)
+      postcss-colormin: 6.1.0(postcss@8.4.47)
+      postcss-convert-values: 6.1.0(postcss@8.4.47)
+      postcss-discard-comments: 6.0.2(postcss@8.4.47)
+      postcss-discard-duplicates: 6.0.3(postcss@8.4.47)
+      postcss-discard-empty: 6.0.3(postcss@8.4.47)
+      postcss-discard-overridden: 6.0.2(postcss@8.4.47)
+      postcss-merge-longhand: 6.0.5(postcss@8.4.47)
+      postcss-merge-rules: 6.1.1(postcss@8.4.47)
+      postcss-minify-font-values: 6.1.0(postcss@8.4.47)
+      postcss-minify-gradients: 6.0.3(postcss@8.4.47)
+      postcss-minify-params: 6.1.0(postcss@8.4.47)
+      postcss-minify-selectors: 6.0.4(postcss@8.4.47)
+      postcss-normalize-charset: 6.0.2(postcss@8.4.47)
+      postcss-normalize-display-values: 6.0.2(postcss@8.4.47)
+      postcss-normalize-positions: 6.0.2(postcss@8.4.47)
+      postcss-normalize-repeat-style: 6.0.2(postcss@8.4.47)
+      postcss-normalize-string: 6.0.2(postcss@8.4.47)
+      postcss-normalize-timing-functions: 6.0.2(postcss@8.4.47)
+      postcss-normalize-unicode: 6.1.0(postcss@8.4.47)
+      postcss-normalize-url: 6.0.2(postcss@8.4.47)
+      postcss-normalize-whitespace: 6.0.2(postcss@8.4.47)
+      postcss-ordered-values: 6.0.2(postcss@8.4.47)
+      postcss-reduce-initial: 6.1.0(postcss@8.4.47)
+      postcss-reduce-transforms: 6.0.2(postcss@8.4.47)
+      postcss-svgo: 6.0.3(postcss@8.4.47)
+      postcss-unique-selectors: 6.0.4(postcss@8.4.47)
+
+  cssnano-utils@4.0.2(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  cssnano@6.1.2(postcss@8.4.47):
+    dependencies:
+      cssnano-preset-default: 6.1.2(postcss@8.4.47)
       lilconfig: 3.1.2
-      postcss: 8.4.31
+      postcss: 8.4.47
 
   csso@5.0.5:
     dependencies:
@@ -22333,10 +22329,6 @@ snapshots:
 
   icss-replace-symbols@1.1.0: {}
 
-  icss-utils@5.1.0(postcss@8.4.31):
-    dependencies:
-      postcss: 8.4.31
-
   icss-utils@5.1.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
@@ -24358,53 +24350,46 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
-  postcss-calc@9.0.1(postcss@8.4.31):
+  postcss-calc@9.0.1(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
 
-  postcss-colormin@6.1.0(postcss@8.4.31):
+  postcss-colormin@6.1.0(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@6.1.0(postcss@8.4.31):
+  postcss-convert-values@6.1.0(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-custom-properties@12.1.7(postcss@8.4.31):
+  postcss-custom-properties@12.1.7(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-discard-comments@6.0.2(postcss@8.4.31):
+  postcss-discard-comments@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
-
-  postcss-discard-duplicates@6.0.3(postcss@8.4.31):
-    dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
-  postcss-discard-empty@6.0.3(postcss@8.4.31):
+  postcss-discard-duplicates@6.0.3(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
-  postcss-discard-overridden@6.0.2(postcss@8.4.31):
+  postcss-discard-empty@6.0.3(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
-  postcss-load-config@3.1.4(postcss@8.4.31):
+  postcss-discard-overridden@6.0.2(postcss@8.4.47):
     dependencies:
-      lilconfig: 2.1.0
-      yaml: 1.10.2
-    optionalDependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
   postcss-load-config@3.1.4(postcss@8.4.47):
     dependencies:
@@ -24413,67 +24398,56 @@ snapshots:
     optionalDependencies:
       postcss: 8.4.47
 
-  postcss-loader@6.2.0(postcss@8.4.31)(webpack@5.94.0(webpack-cli@4.9.1)):
+  postcss-loader@6.2.0(postcss@8.4.47)(webpack@5.94.0(webpack-cli@4.9.1)):
     dependencies:
       cosmiconfig: 7.1.0
       klona: 2.0.6
-      postcss: 8.4.31
+      postcss: 8.4.47
       semver: 7.5.2
       webpack: 5.94.0(webpack-cli@4.9.1)
 
-  postcss-merge-longhand@6.0.5(postcss@8.4.31):
+  postcss-merge-longhand@6.0.5(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
-      stylehacks: 6.1.1(postcss@8.4.31)
+      stylehacks: 6.1.1(postcss@8.4.47)
 
-  postcss-merge-rules@6.1.1(postcss@8.4.31):
+  postcss-merge-rules@6.1.1(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
       caniuse-api: 3.0.0
-      cssnano-utils: 4.0.2(postcss@8.4.31)
-      postcss: 8.4.31
+      cssnano-utils: 4.0.2(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-minify-font-values@6.1.0(postcss@8.4.31):
+  postcss-minify-font-values@6.1.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@6.0.3(postcss@8.4.31):
+  postcss-minify-gradients@6.0.3(postcss@8.4.47):
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 4.0.2(postcss@8.4.31)
-      postcss: 8.4.31
+      cssnano-utils: 4.0.2(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@6.1.0(postcss@8.4.31):
+  postcss-minify-params@6.1.0(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
-      cssnano-utils: 4.0.2(postcss@8.4.31)
-      postcss: 8.4.31
+      cssnano-utils: 4.0.2(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@6.0.4(postcss@8.4.31):
+  postcss-minify-selectors@6.0.4(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-modules-extract-imports@3.1.0(postcss@8.4.31):
-    dependencies:
-      postcss: 8.4.31
-
   postcss-modules-extract-imports@3.1.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
 
-  postcss-modules-local-by-default@4.0.5(postcss@8.4.31):
-    dependencies:
-      icss-utils: 5.1.0(postcss@8.4.31)
-      postcss: 8.4.31
-      postcss-selector-parser: 6.1.2
-      postcss-value-parser: 4.2.0
-
   postcss-modules-local-by-default@4.0.5(postcss@8.4.47):
     dependencies:
       icss-utils: 5.1.0(postcss@8.4.47)
@@ -24481,102 +24455,92 @@ snapshots:
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
 
-  postcss-modules-scope@3.2.0(postcss@8.4.31):
-    dependencies:
-      postcss: 8.4.31
-      postcss-selector-parser: 6.1.2
-
   postcss-modules-scope@3.2.0(postcss@8.4.47):
     dependencies:
       postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-modules-values@4.0.0(postcss@8.4.31):
-    dependencies:
-      icss-utils: 5.1.0(postcss@8.4.31)
-      postcss: 8.4.31
-
   postcss-modules-values@4.0.0(postcss@8.4.47):
     dependencies:
       icss-utils: 5.1.0(postcss@8.4.47)
       postcss: 8.4.47
 
-  postcss-modules@4.3.1(postcss@8.4.31):
+  postcss-modules@4.3.1(postcss@8.4.47):
     dependencies:
       generic-names: 4.0.0
       icss-replace-symbols: 1.1.0
       lodash.camelcase: 4.3.0
-      postcss: 8.4.31
-      postcss-modules-extract-imports: 3.1.0(postcss@8.4.31)
-      postcss-modules-local-by-default: 4.0.5(postcss@8.4.31)
-      postcss-modules-scope: 3.2.0(postcss@8.4.31)
-      postcss-modules-values: 4.0.0(postcss@8.4.31)
+      postcss: 8.4.47
+      postcss-modules-extract-imports: 3.1.0(postcss@8.4.47)
+      postcss-modules-local-by-default: 4.0.5(postcss@8.4.47)
+      postcss-modules-scope: 3.2.0(postcss@8.4.47)
+      postcss-modules-values: 4.0.0(postcss@8.4.47)
       string-hash: 1.1.3
 
-  postcss-normalize-charset@6.0.2(postcss@8.4.31):
+  postcss-normalize-charset@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
-  postcss-normalize-display-values@6.0.2(postcss@8.4.31):
+  postcss-normalize-display-values@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@6.0.2(postcss@8.4.31):
+  postcss-normalize-positions@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@6.0.2(postcss@8.4.31):
+  postcss-normalize-repeat-style@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@6.0.2(postcss@8.4.31):
+  postcss-normalize-string@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@6.0.2(postcss@8.4.31):
+  postcss-normalize-timing-functions@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@6.1.0(postcss@8.4.31):
+  postcss-normalize-unicode@6.1.0(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@6.0.2(postcss@8.4.31):
+  postcss-normalize-url@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@6.0.2(postcss@8.4.31):
+  postcss-normalize-whitespace@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-ordered-values@6.0.2(postcss@8.4.31):
+  postcss-ordered-values@6.0.2(postcss@8.4.47):
     dependencies:
-      cssnano-utils: 4.0.2(postcss@8.4.31)
-      postcss: 8.4.31
+      cssnano-utils: 4.0.2(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-prefix-selector@1.16.1(postcss@8.4.31):
+  postcss-prefix-selector@1.16.1(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
 
-  postcss-reduce-initial@6.1.0(postcss@8.4.31):
+  postcss-reduce-initial@6.1.0(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
       caniuse-api: 3.0.0
-      postcss: 8.4.31
+      postcss: 8.4.47
 
-  postcss-reduce-transforms@6.0.2(postcss@8.4.31):
+  postcss-reduce-transforms@6.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
   postcss-safe-parser@6.0.0(postcss@8.4.47):
@@ -24592,30 +24556,24 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-svgo@6.0.3(postcss@8.4.31):
+  postcss-svgo@6.0.3(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
       svgo: 3.3.2
 
-  postcss-unique-selectors@6.0.4(postcss@8.4.31):
+  postcss-unique-selectors@6.0.4(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-urlrebase@1.4.0(postcss@8.4.31):
+  postcss-urlrebase@1.4.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.4.31:
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.1.0
-      source-map-js: 1.2.0
-
   postcss@8.4.47:
     dependencies:
       nanoid: 3.3.7
@@ -25290,17 +25248,17 @@ snapshots:
       - bufferutil
       - utf-8-validate
 
-  rollup-plugin-postcss@4.0.2(postcss@8.4.31):
+  rollup-plugin-postcss@4.0.2(postcss@8.4.47):
     dependencies:
       chalk: 4.1.2
       concat-with-sourcemaps: 1.1.0
-      cssnano: 6.1.2(postcss@8.4.31)
+      cssnano: 6.1.2(postcss@8.4.47)
       import-cwd: 3.0.0
       p-queue: 6.6.2
       pify: 5.0.0
-      postcss: 8.4.31
-      postcss-load-config: 3.1.4(postcss@8.4.31)
-      postcss-modules: 4.3.1(postcss@8.4.31)
+      postcss: 8.4.47
+      postcss-load-config: 3.1.4(postcss@8.4.47)
+      postcss-modules: 4.3.1(postcss@8.4.47)
       promise.series: 0.2.0
       resolve: 1.22.8
       rollup-pluginutils: 2.8.2
@@ -25334,7 +25292,7 @@ snapshots:
     dependencies:
       find-up: 5.0.0
       picocolors: 1.1.0
-      postcss: 8.4.31
+      postcss: 8.4.47
       strip-json-comments: 3.1.1
 
   run-parallel@1.2.0:
@@ -25844,10 +25802,10 @@ snapshots:
     dependencies:
       webpack: 5.94.0(webpack-cli@4.9.1)
 
-  stylehacks@6.1.1(postcss@8.4.31):
+  stylehacks@6.1.1(postcss@8.4.47):
     dependencies:
       browserslist: 4.23.1
-      postcss: 8.4.31
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
   stylis@4.2.0: {}
@@ -25892,12 +25850,12 @@ snapshots:
     optionalDependencies:
       svelte: 4.2.19
 
-  svelte-preprocess@6.0.2(@babel/core@7.24.7)(postcss@8.4.31)(sass@1.64.1)(svelte@4.2.19)(typescript@5.0.4):
+  svelte-preprocess@6.0.2(@babel/core@7.24.7)(postcss@8.4.47)(sass@1.64.1)(svelte@4.2.19)(typescript@5.0.4):
     dependencies:
       svelte: 4.2.19
     optionalDependencies:
       '@babel/core': 7.24.7
-      postcss: 8.4.31
+      postcss: 8.4.47
       sass: 1.64.1
       typescript: 5.0.4
 
diff --git a/projects/js-packages/image-guide/changelog/renovate-postcss-8.x b/projects/js-packages/image-guide/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/js-packages/image-guide/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/image-guide/package.json b/projects/js-packages/image-guide/package.json
index f3c57482e6940..53120824dee13 100644
--- a/projects/js-packages/image-guide/package.json
+++ b/projects/js-packages/image-guide/package.json
@@ -46,7 +46,7 @@
 		"@typescript-eslint/parser": "6.21.0",
 		"eslint": "8.57.1",
 		"jest": "29.7.0",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"rollup": "3.29.5",
 		"rollup-plugin-postcss": "4.0.2",
 		"rollup-plugin-svelte": "7.2.2",
diff --git a/projects/js-packages/storybook/changelog/renovate-postcss-8.x b/projects/js-packages/storybook/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/js-packages/storybook/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/js-packages/storybook/package.json b/projects/js-packages/storybook/package.json
index 6ad94d97e4d6f..c56af48c67f68 100644
--- a/projects/js-packages/storybook/package.json
+++ b/projects/js-packages/storybook/package.json
@@ -54,7 +54,7 @@
 		"esbuild-loader": "3.0.1",
 		"jest": "29.7.0",
 		"mime-types": "2.1.35",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-loader": "6.2.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
diff --git a/projects/packages/classic-theme-helper/changelog/renovate-postcss-8.x b/projects/packages/classic-theme-helper/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/packages/classic-theme-helper/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/packages/classic-theme-helper/package.json b/projects/packages/classic-theme-helper/package.json
index 6e9427b2d6658..7076d527b2bbd 100644
--- a/projects/packages/classic-theme-helper/package.json
+++ b/projects/packages/classic-theme-helper/package.json
@@ -31,7 +31,7 @@
 		"@wordpress/browserslist-config": "6.9.0",
 		"autoprefixer": "10.4.14",
 		"glob": "10.4.1",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-loader": "6.2.0",
 		"sass": "1.64.1",
 		"sass-loader": "12.4.0",
diff --git a/projects/packages/forms/changelog/renovate-postcss-8.x b/projects/packages/forms/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/packages/forms/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/packages/forms/package.json b/projects/packages/forms/package.json
index 0fbedf955ef9b..3b1f19d4240dd 100644
--- a/projects/packages/forms/package.json
+++ b/projects/packages/forms/package.json
@@ -76,7 +76,7 @@
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
 		"jquery": "3.6.0",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-loader": "6.2.0",
 		"sass": "1.64.1",
 		"sass-loader": "12.4.0",
diff --git a/projects/packages/masterbar/changelog/renovate-postcss-8.x b/projects/packages/masterbar/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/packages/masterbar/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/packages/masterbar/package.json b/projects/packages/masterbar/package.json
index 5c69b3a94be1d..c89ec2dafa2f2 100644
--- a/projects/packages/masterbar/package.json
+++ b/projects/packages/masterbar/package.json
@@ -36,7 +36,7 @@
 		"@wordpress/browserslist-config": "6.9.0",
 		"autoprefixer": "10.4.14",
 		"glob": "10.4.1",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-loader": "6.2.0",
 		"sass": "1.64.1",
 		"sass-loader": "12.4.0",
diff --git a/projects/packages/search/changelog/renovate-postcss-8.x b/projects/packages/search/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/packages/search/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/packages/search/package.json b/projects/packages/search/package.json
index e50483025b55f..ecb065e76f714 100644
--- a/projects/packages/search/package.json
+++ b/projects/packages/search/package.json
@@ -84,7 +84,7 @@
 		"core-js": "3.38.1",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-custom-properties": "12.1.7",
 		"postcss-loader": "6.2.0",
 		"prettier": "npm:wp-prettier@3.0.3",
diff --git a/projects/packages/videopress/changelog/renovate-postcss-8.x b/projects/packages/videopress/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/packages/videopress/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/packages/videopress/package.json b/projects/packages/videopress/package.json
index 13363879be44b..51f8d659df3c3 100644
--- a/projects/packages/videopress/package.json
+++ b/projects/packages/videopress/package.json
@@ -44,7 +44,7 @@
 		"copy-webpack-plugin": "11.0.0",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-custom-properties": "12.1.7",
 		"postcss-loader": "6.2.0",
 		"require-from-string": "2.0.2",
diff --git a/projects/plugins/boost/changelog/renovate-postcss-8.x b/projects/plugins/boost/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/plugins/boost/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/plugins/boost/package.json b/projects/plugins/boost/package.json
index 9c3124c796fab..df03b2014d9eb 100644
--- a/projects/plugins/boost/package.json
+++ b/projects/plugins/boost/package.json
@@ -44,7 +44,7 @@
 		"jest-environment-jsdom": "29.7.0",
 		"livereload": "0.9.3",
 		"path-browserify": "1.0.1",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"process": "0.11.10",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
diff --git a/projects/plugins/inspect/changelog/renovate-postcss-8.x b/projects/plugins/inspect/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/plugins/inspect/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/plugins/inspect/package.json b/projects/plugins/inspect/package.json
index 1fc9e2849fb1e..6689cf7d57ecf 100644
--- a/projects/plugins/inspect/package.json
+++ b/projects/plugins/inspect/package.json
@@ -33,7 +33,7 @@
 		"@rollup/plugin-terser": "0.4.3",
 		"@rollup/plugin-typescript": "12.1.0",
 		"@wordpress/i18n": "5.9.0",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"rollup": "3.29.5",
 		"rollup-plugin-livereload": "2.0.5",
 		"rollup-plugin-postcss": "4.0.2",
diff --git a/projects/plugins/jetpack/changelog/renovate-postcss-8.x b/projects/plugins/jetpack/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..1eaea6a769e84
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Updated package dependencies.
diff --git a/projects/plugins/jetpack/package.json b/projects/plugins/jetpack/package.json
index 97da3db04ed14..69e0571785b39 100644
--- a/projects/plugins/jetpack/package.json
+++ b/projects/plugins/jetpack/package.json
@@ -157,7 +157,7 @@
 		"jest-environment-jsdom": "29.7.0",
 		"jquery": "3.6.0",
 		"lodash": "4.17.21",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-loader": "6.2.0",
 		"regenerator-runtime": "0.13.9",
 		"sass-loader": "12.4.0",
diff --git a/projects/plugins/social/changelog/renovate-postcss-8.x b/projects/plugins/social/changelog/renovate-postcss-8.x
new file mode 100644
index 0000000000000..c47cb18e82997
--- /dev/null
+++ b/projects/plugins/social/changelog/renovate-postcss-8.x
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Updated package dependencies.
diff --git a/projects/plugins/social/package.json b/projects/plugins/social/package.json
index f5c3bd624b4d2..a7acc1313b8ef 100644
--- a/projects/plugins/social/package.json
+++ b/projects/plugins/social/package.json
@@ -61,7 +61,7 @@
 		"concurrently": "7.6.0",
 		"jest": "29.7.0",
 		"jest-environment-jsdom": "29.7.0",
-		"postcss": "8.4.31",
+		"postcss": "8.4.47",
 		"postcss-custom-properties": "12.1.7",
 		"postcss-loader": "6.2.0",
 		"sass": "1.64.1",

From 6c3c360e756d594b3c5305329d6d688417af9a95 Mon Sep 17 00:00:00 2001
From: dkmyta <dkmyta10@gmail.com>
Date: Sun, 27 Oct 2024 13:28:54 -0600
Subject: [PATCH 07/10] Components: add hoverShow prop to IconTooltip

---
 .../components/icon-tooltip/index.tsx         | 29 ++++++++++++++++++-
 .../icon-tooltip/stories/index.stories.tsx    | 11 +++++++
 .../components/icon-tooltip/types.ts          |  5 ++++
 3 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/projects/js-packages/components/components/icon-tooltip/index.tsx b/projects/js-packages/components/components/icon-tooltip/index.tsx
index c64b6e74309dd..9e70380a248ae 100644
--- a/projects/js-packages/components/components/icon-tooltip/index.tsx
+++ b/projects/js-packages/components/components/icon-tooltip/index.tsx
@@ -38,12 +38,14 @@ const IconTooltip: React.FC< IconTooltipProps > = ( {
 	children,
 	popoverAnchorStyle = 'icon',
 	forceShow = false,
+	hoverShow = false,
 	wide = false,
 	inline = true,
 	shift = false,
 } ) => {
 	const POPOVER_HELPER_WIDTH = 124;
 	const [ isVisible, setIsVisible ] = useState( false );
+	const [ hoverTimeout, setHoverTimeout ] = useState( null );
 	const hideTooltip = useCallback( () => setIsVisible( false ), [ setIsVisible ] );
 	const toggleTooltip = useCallback(
 		e => {
@@ -78,8 +80,33 @@ const IconTooltip: React.FC< IconTooltipProps > = ( {
 
 	const isForcedToShow = isAnchorWrapper && forceShow;
 
+	const handleMouseEnter = useCallback( () => {
+		if ( hoverShow ) {
+			if ( hoverTimeout ) {
+				clearTimeout( hoverTimeout );
+				setHoverTimeout( null );
+			}
+			setIsVisible( true );
+		}
+	}, [ hoverShow, hoverTimeout ] );
+
+	const handleMouseLeave = useCallback( () => {
+		if ( hoverShow ) {
+			const id = setTimeout( () => {
+				setIsVisible( false );
+				setHoverTimeout( null );
+			}, 100 );
+			setHoverTimeout( id );
+		}
+	}, [ hoverShow ] );
+
 	return (
-		<div className={ wrapperClassNames } data-testid="icon-tooltip_wrapper">
+		<div
+			className={ wrapperClassNames }
+			data-testid="icon-tooltip_wrapper"
+			onMouseEnter={ handleMouseEnter }
+			onMouseLeave={ handleMouseLeave }
+		>
 			{ ! isAnchorWrapper && (
 				<Button variant="link" onMouseDown={ toggleTooltip }>
 					<Gridicon className={ iconClassName } icon={ iconCode } size={ iconSize } />
diff --git a/projects/js-packages/components/components/icon-tooltip/stories/index.stories.tsx b/projects/js-packages/components/components/icon-tooltip/stories/index.stories.tsx
index c18acaafb6e21..d42b0a7644782 100644
--- a/projects/js-packages/components/components/icon-tooltip/stories/index.stories.tsx
+++ b/projects/js-packages/components/components/icon-tooltip/stories/index.stories.tsx
@@ -46,6 +46,9 @@ export default {
 		wide: {
 			control: { type: 'boolean' },
 		},
+		hoverShow: {
+			control: { type: 'boolean' },
+		},
 	},
 };
 
@@ -106,3 +109,11 @@ Wide.args = {
 	wide: true,
 	placement: 'bottom-start',
 };
+
+export const HoverShow = Template.bind( {} );
+HoverShow.args = {
+	title: 'This is title!',
+	children: <div>This is a hover tooltip!</div>,
+	placement: 'bottom-start',
+	hoverShow: true,
+};
diff --git a/projects/js-packages/components/components/icon-tooltip/types.ts b/projects/js-packages/components/components/icon-tooltip/types.ts
index 4e62cbdeeee3f..f546d96117556 100644
--- a/projects/js-packages/components/components/icon-tooltip/types.ts
+++ b/projects/js-packages/components/components/icon-tooltip/types.ts
@@ -69,6 +69,11 @@ export type IconTooltipProps = {
 	 */
 	forceShow?: boolean;
 
+	/**
+	 * Enables the Popover to show on hover.
+	 */
+	hoverShow?: boolean;
+
 	/**
 	 * Uses a wider content area when enabled.
 	 */

From 81d25c647230da25f3aa14f541fb905bb7b9b808 Mon Sep 17 00:00:00 2001
From: Nate Weller <hello@nateweller.com>
Date: Sun, 27 Oct 2024 13:30:43 -0600
Subject: [PATCH 08/10] changelog

---
 .../components/changelog/icon-tooltip-add-hover-support       | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 projects/js-packages/components/changelog/icon-tooltip-add-hover-support

diff --git a/projects/js-packages/components/changelog/icon-tooltip-add-hover-support b/projects/js-packages/components/changelog/icon-tooltip-add-hover-support
new file mode 100644
index 0000000000000..581190cf8e745
--- /dev/null
+++ b/projects/js-packages/components/changelog/icon-tooltip-add-hover-support
@@ -0,0 +1,4 @@
+Significance: patch
+Type: added
+
+IconTooltip: add support for showing tooltip on hover.

From f9195015738ab2f52ee60435aa1f201ad919698c Mon Sep 17 00:00:00 2001
From: Nate Weller <hello@nateweller.com>
Date: Fri, 11 Oct 2024 14:50:30 -0600
Subject: [PATCH 09/10] Add ThreatsDataView

changelog
---
 pnpm-lock.yaml                                | 366 ++++++++++++-
 .../changelog/add-threats-data-view-component |   4 +
 .../components/components/badge/index.tsx     |  39 ++
 .../badge/stories/index.stories.tsx           |  22 +
 .../components/badge/style.module.scss        |  25 +
 .../threat-severity-badge/index.tsx           |  38 +-
 .../threats-data-views/constants.ts           |  18 +
 .../threats-data-views/fixer-status.tsx       | 137 +++++
 .../components/threats-data-views/index.tsx   | 484 ++++++++++++++++++
 .../stories/index.stories.tsx                 | 362 +++++++++++++
 .../threats-data-views/styles.module.scss     | 128 +++++
 .../threats-data-views/test/index.test.tsx    |  63 +++
 .../components/threats-data-views/utils.ts    |  76 +++
 projects/js-packages/components/index.ts      |   1 +
 projects/js-packages/components/package.json  |   2 +
 .../scan/changelog/add-threat-and-fixer-types |   4 +
 .../js-packages/scan/changelog/remove-deps    |   4 +
 projects/js-packages/scan/package.json        |   2 -
 projects/js-packages/scan/src/index.ts        |   1 +
 .../js-packages/scan/src/types/fixers.d.ts    |  17 +
 projects/js-packages/scan/src/types/index.ts  |   2 +
 .../js-packages/scan/src/types/threats.d.ts   |  70 +++
 22 files changed, 1833 insertions(+), 32 deletions(-)
 create mode 100644 projects/js-packages/components/changelog/add-threats-data-view-component
 create mode 100644 projects/js-packages/components/components/badge/index.tsx
 create mode 100644 projects/js-packages/components/components/badge/stories/index.stories.tsx
 create mode 100644 projects/js-packages/components/components/badge/style.module.scss
 create mode 100644 projects/js-packages/components/components/threats-data-views/constants.ts
 create mode 100644 projects/js-packages/components/components/threats-data-views/fixer-status.tsx
 create mode 100644 projects/js-packages/components/components/threats-data-views/index.tsx
 create mode 100644 projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx
 create mode 100644 projects/js-packages/components/components/threats-data-views/styles.module.scss
 create mode 100644 projects/js-packages/components/components/threats-data-views/test/index.test.tsx
 create mode 100644 projects/js-packages/components/components/threats-data-views/utils.ts
 create mode 100644 projects/js-packages/scan/changelog/add-threat-and-fixer-types
 create mode 100644 projects/js-packages/scan/changelog/remove-deps
 create mode 100644 projects/js-packages/scan/src/types/fixers.d.ts
 create mode 100644 projects/js-packages/scan/src/types/index.ts
 create mode 100644 projects/js-packages/scan/src/types/threats.d.ts

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7054e946f8af8..7d8e6b960550d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -290,6 +290,9 @@ importers:
       '@automattic/jetpack-boost-score-api':
         specifier: workspace:*
         version: link:../boost-score-api
+      '@automattic/jetpack-scan':
+        specifier: workspace:*
+        version: link:../scan
       '@babel/runtime':
         specifier: ^7
         version: 7.24.7
@@ -305,6 +308,9 @@ importers:
       '@wordpress/data':
         specifier: 10.9.0
         version: 10.9.0(react@18.3.1)
+      '@wordpress/dataviews':
+        specifier: 4.6.0
+        version: 4.6.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@wordpress/date':
         specifier: 5.9.0
         version: 5.9.0
@@ -1157,12 +1163,6 @@ importers:
       '@automattic/jetpack-base-styles':
         specifier: workspace:*
         version: link:../base-styles
-      '@automattic/jetpack-connection':
-        specifier: workspace:*
-        version: link:../connection
-      '@automattic/jetpack-shared-extension-utils':
-        specifier: workspace:*
-        version: link:../shared-extension-utils
       '@wordpress/api-fetch':
         specifier: 7.9.0
         version: 7.9.0
@@ -5680,6 +5680,10 @@ packages:
     resolution: {integrity: sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/runtime@7.25.7':
+    resolution: {integrity: sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/template@7.25.7':
     resolution: {integrity: sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==}
     engines: {node: '>=6.9.0'}
@@ -7695,6 +7699,10 @@ packages:
       webpack-dev-server:
         optional: true
 
+  '@wordpress/a11y@4.10.0':
+    resolution: {integrity: sha512-fp7C0Ofy95a+jzK126CxAXV+uXSFQs2Clm6PCeE9Y1BowUiL9l7juUCh1R+2NDAKATxH4r3QplxVftDqn+ctUw==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/a11y@4.9.0':
     resolution: {integrity: sha512-OfM/wnB8ItmGM5I/u+4E4aJdqvy98kg24zrS+CqPLgq3eYG6MNkIQJZov/I3XcsyxGjLkkLsybEM5xEYUN0ZtA==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7770,6 +7778,13 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  '@wordpress/components@28.10.0':
+    resolution: {integrity: sha512-w5mteCe9qOBMgD8d80QBVOPk0YAquUkMD9o3jDvdqUwiTcVgxn4QSKjh65NGYotvMhDsgsMTq+qgifAB+ubepg==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      react: ^18.0.0
+      react-dom: ^18.0.0
+
   '@wordpress/components@28.9.0':
     resolution: {integrity: sha512-/ept6OSWAh4bdZwlhU8TwJe9QM6rqjAXVA08H0wymtjdRbAQiuDsmMfLFKCF1M4hGZeeThAD5YF0ZkBK5iCeCA==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7777,6 +7792,12 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  '@wordpress/compose@7.10.0':
+    resolution: {integrity: sha512-/j4+wXthaV/KMt0VANvhhRJEJfPc21c7Tq1ZeLxgsbkq4xmi9qXeDT91cvP/U+Ta3phf15K8vdxMr8MqHHiFoQ==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      react: ^18.0.0
+
   '@wordpress/compose@7.9.0':
     resolution: {integrity: sha512-6f1mZLwMD2woFSMLJ5JaCZQZz1kFD2X4gwT5c4IVnzpm+/9A0OqeTdncAi6I6wHRtKN9DzvaMQPuZitQz7HmNA==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7797,6 +7818,12 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  '@wordpress/data@10.10.0':
+    resolution: {integrity: sha512-oyYl89p86+U9W6vKDqScKhUGKKzsnETj9rg8zOnT4K9ceOScjGCgdCE+XxcY9exeRg33aSYDjmvnsXXYStBYmA==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      react: ^18.0.0
+
   '@wordpress/data@10.9.0':
     resolution: {integrity: sha512-hw8VYSPZuEqlEwRnQnKgqzbwCqoGY4U5kLCZA/1McOYspvkIceTVve4qBC17QUJhu2pLEXEc6p4zBpy+SXfToQ==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7809,6 +7836,16 @@ packages:
     peerDependencies:
       react: ^18.0.0
 
+  '@wordpress/dataviews@4.6.0':
+    resolution: {integrity: sha512-DdlKg1ojGjkgS0z0GHfALOYcsMU7+8Gwzi+GFqRcfGdVOn9SiKY5pMEULFki3RkF3Nh61FEpViRxNczHJhOKCg==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      react: ^18.0.0
+
+  '@wordpress/date@5.10.0':
+    resolution: {integrity: sha512-TT9HN0H72Eqhlaiy+XMDyZBlTBf2iZ936Q2tJdxsB4qBlG2ntLT3PviIPa+G44QYYxLomrUqTEYQ6FBxiJaNHg==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/date@5.9.0':
     resolution: {integrity: sha512-Iywz1bga3cPSrf7k4dh2mYVsACqzu0GXYhfu57ElAM9robGjcUxJdzgbWUZw90v473NOp2UpVYsWCuDEqNDcdw==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7819,14 +7856,26 @@ packages:
     peerDependencies:
       webpack: ^5.0.0
 
+  '@wordpress/deprecated@4.10.0':
+    resolution: {integrity: sha512-lktJKX3AxrskTuLbJuKY/Mzg9De6MYcOzEEL+RUHxfIx8wMtiDnVTAf7epur9XuHVOmdgCCRT6D44I23MoS0sw==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/deprecated@4.9.0':
     resolution: {integrity: sha512-1PMCLULxTlI0iatsHxpPgtogMfvd/wvAqAOLGHUdkdbBtUEquGrRMo/h+TLU/ne2JDf5JKMA4ntQV6zDNO4+eg==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/dom-ready@4.10.0':
+    resolution: {integrity: sha512-qpadyGMRvLf7zOe4XtoIo409ZRJ7IrBI36fdEXjRWV8E+Cmcx3ldr5/2iLKJ2cqYg9geQWXDeiykSWOClNJx+w==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/dom-ready@4.9.0':
     resolution: {integrity: sha512-Kas5YaRl+HebAxFfv9ctB8bdmjbhISIBo747nXCK6KqojQ/Zn2Bctv2XTypR3GMb7OS7KqVMeyCJhjEpuc8Wlw==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/dom@4.10.0':
+    resolution: {integrity: sha512-1ZRCrDB2TV44GLwaUH9HRGQGQqXcawSEmzVPABQwfwzkUKijfbRdsWqpHrTLqlSZRImHEdp6oSON+1JmCNhXSw==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/dom@4.9.0':
     resolution: {integrity: sha512-g9jRTxOpSfygEbKNGwYwx21b5GktI2SkwQSAPKpG4mmFAvLbqIzjVc2nkudRO914DKgPWrBsfKsc4Smbtpbkig==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7845,10 +7894,18 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  '@wordpress/element@6.10.0':
+    resolution: {integrity: sha512-7zW+14vHqEn45nszSLMUqE5IbzOtvgUUgF56qlMhwabpG4l/zhaj3gO3wLDI19C13ih1vOdSjzPc3At4fB3tRQ==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/element@6.9.0':
     resolution: {integrity: sha512-G5W29cxfAVc/JQBzkKoXh1t4T+G3HWa1kIgXCqIZksonlYHzCVON1Or+rD/YJZSxT6RDkBVDzdl9p0pGOrccTg==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/escape-html@3.10.0':
+    resolution: {integrity: sha512-3glY3MhXEHlPP0/hrS3vkRmAOHtutvoHGhkr8vnva6TLg4CsAeo42nYbuFJ+ukVMWdCtmV+28UjOeiYtG/fZOA==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/escape-html@3.9.0':
     resolution: {integrity: sha512-+/SnVUXzzr+0pgfAqK3pocGveSDS3SHrgJ1BTgV7DA1l6y9mbjnqKgFQkNW/nzca92ZuYg2vjLcq1dqDGz4v1Q==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7890,19 +7947,38 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  '@wordpress/hooks@4.10.0':
+    resolution: {integrity: sha512-LcorV5Z9XoJCKyj5Ulgw1HPHyM2mxsSInC7wl5cuIgDFmuwPTfRndUDGWz/v86GX1GnUIB0h/ggd53vx1HiW4A==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/hooks@4.9.0':
     resolution: {integrity: sha512-nan2w5imPhTaJwWdKjm/0ZMDbWR3P6Vhl4OqnBZZcJqOyNSfwsnJ98I+BWjq0U6SmiCnZQERjN0SjVdmD1tCjw==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/html-entities@4.10.0':
+    resolution: {integrity: sha512-Bnop0k3yjtRhm4CedbsGG22OMLEeob4mYmTR9z0g0QP7OofEw1TINspizr+kQbOu4n1ubJ6YVC8T13Z2va1j0g==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/html-entities@4.9.0':
     resolution: {integrity: sha512-RaiMecK8Igqb4yreJncSZEBl6DR1eAj8M3mHwrJASJLiiBLcaWg0oi8iiabUEmgGCsIu2pCeXmV+8WO0FRDO5Q==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/i18n@5.10.0':
+    resolution: {integrity: sha512-HZ6UcMHsjOocDI0zVAuP4JIl97LRmpGo/lVxzVIreaLoYitmYVDUzji02u1o7sEdRWc1Hpkm2/oO/9275rJg1w==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    hasBin: true
+
   '@wordpress/i18n@5.9.0':
     resolution: {integrity: sha512-pKFV9S/l0TFlm0mlWLW51hAoRDNmZPGnfEpNXq43VKZkm1cco3Z1E54PHMGk8HdCECHqYNiJuQJOBOlqcYmnVQ==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
     hasBin: true
 
+  '@wordpress/icons@10.10.0':
+    resolution: {integrity: sha512-41HaxMtq0WZF37mpZ1RQ1s1J3ia5gHFUd/uGhP9p1dhzEFYALxKVTB0Gy3cJhT0CslKeEwYx2XQIP1ZaCKNakQ==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      react: ^18
+
   '@wordpress/icons@10.9.0':
     resolution: {integrity: sha512-mAkqhlbbPiuR6yBOczunqyxQ2Pez1XB7gAZnnsP5DlTKsYnJQ12N0Ql4Oh8f1LI+UeF18VMtHes12sWK/1LQHQ==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7924,6 +8000,10 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  '@wordpress/is-shallow-equal@5.10.0':
+    resolution: {integrity: sha512-KOkZzOnmjpH7hzPiaXUjhUlfKIGTzL7qUdNHBC1SFDOYpnRUSw8f1AtWxRpPBHl5dieYVx0x1qjOWjm/DtTOXg==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/is-shallow-equal@5.9.0':
     resolution: {integrity: sha512-cKqgI6RQ27ZZRo4Zc/jioG3qInDKQqcT3xg5YxsduX2f1b6vQV42p0L4waLFeJZQ8WDUsgsR53AQivdInkO8gA==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7940,6 +8020,10 @@ packages:
     peerDependencies:
       react: ^18.0.0
 
+  '@wordpress/keycodes@4.10.0':
+    resolution: {integrity: sha512-2i+N90HBMqQegtGqeVB8pJz8ZgKAY1eZmQegE9MXczYVac85DDOoxhY/41c44s6Kwl3waJ2Zght6UXE0OUFMxw==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/keycodes@4.9.0':
     resolution: {integrity: sha512-WO4MPlO+uGaDP5jYB9f4hn0NgBwvlaUvj4MLOIDcQGE0ljElLGFeXvqjVH0KVtnZkIKiZNPK7eoQxTWnxWaTjw==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -7987,20 +8071,40 @@ packages:
     peerDependencies:
       prettier: '>=3'
 
+  '@wordpress/primitives@4.10.0':
+    resolution: {integrity: sha512-dmck1VSKbxy7yA5VZhi+jOyb0Hc6QqOxIZ4R139a/Zuzr0xHuuKurh94At/R9UHYP8Dr9YxAlgiF/uQChFzKQg==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      react: ^18.0.0
+
   '@wordpress/primitives@4.9.0':
     resolution: {integrity: sha512-vroiqxd+MP/K1+KEJqMAR/B/++4oShY4CisvMOK3gn75DmUV2QB6iQmBSjHRALqw9rqeHf7S0jLHWiFrAR+Dkg==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
     peerDependencies:
       react: ^18.0.0
 
+  '@wordpress/priority-queue@3.10.0':
+    resolution: {integrity: sha512-Gjbw5NmRLrZ9KkiROJlL4I/s96bMlpd7gGkQbcCyyeLIZduGxQDzI4Jih5s0Xrm7Gj8WFd57wRDe/voZJR0ZsQ==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/priority-queue@3.9.0':
     resolution: {integrity: sha512-QVfELUL4ei5Uf0DNG9wMVNBILasGWWWogVjVeP1xXqmfSDoeFpPzXpfL9zfANndE2S49DJP9ZoZsCaJHtMrYzA==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/private-apis@1.10.0':
+    resolution: {integrity: sha512-gH6ZHmkc01MC431nMyjxFmU/77jVliOwjuv6SffQUgHMJyM75LiKC8CU8LEeLWbn3obG87m/n7Quj5p2MjtaeA==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/private-apis@1.9.0':
     resolution: {integrity: sha512-hZbKVSlo5yOpssMshXwNlUyk83Ev55ZKMfJMVU5nWxiIM9bMCuhpwU+AXQ0GKxOzn2oMayVmtJ00FRbJFg+AMg==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/redux-routine@5.10.0':
+    resolution: {integrity: sha512-oDqZDjz8H/bt02IEoIZCwsUsL17UOEnMg/heV0PoJxo3k5MTrvqJqzgBLoSC0PFzx/pwOo4TwvwCL+kjjm5gCQ==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      redux: '>=4'
+
   '@wordpress/redux-routine@5.9.0':
     resolution: {integrity: sha512-eEb/otHMhOwVUydb5kErV3X+1R8qQ2hrLmlWIh+kiiKwFJVCl3ge/xN8Tiy1kEBEqgGRgPqxuLvNPZDd0ySpNg==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -8014,6 +8118,12 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  '@wordpress/rich-text@7.10.0':
+    resolution: {integrity: sha512-2sl/KPRq2ygAiRcs/La733OguL9xIT4uKRA5XpCIWNAqTX7f2kzY5YRn05iJfCxDC+GcDKcHl0JX4ZbFxZn5SA==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+    peerDependencies:
+      react: ^18.0.0
+
   '@wordpress/rich-text@7.9.0':
     resolution: {integrity: sha512-GN2SGz8bVkdCVVskvJSgul4wKyq/qaXRmEJSrk3LMHuAbxHL5FFkwRHaOhnHScNz+P1bdEehCqgP8DB3yv+IEw==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -8049,6 +8159,10 @@ packages:
     resolution: {integrity: sha512-mnwh8WcA9//DVwwZVfEaFHfIK1RaNQ8QvhD1fOtjJWjheS12QsQwjdlGTgvBVl66ErP65GdK7BM1pTv6NI0GwA==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
 
+  '@wordpress/undo-manager@1.10.0':
+    resolution: {integrity: sha512-WaLwZ+AlfXQm9PhLf6kwCBaD5DoKaIqelRsgAaqa4APjgMBlxktQ1dadime0CO9+e8R2kLwAE3rxQXhGjicRMw==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/undo-manager@1.9.0':
     resolution: {integrity: sha512-JLrcmeCTqITbChkJy+PeXcE03+6ZgIfQ22cBg1+0mzLQxglx1gndTnhRcnCSebvsXnmOVmxvE4HmJ84lv7liCQ==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -8063,6 +8177,10 @@ packages:
     peerDependencies:
       react: ^18.0.0
 
+  '@wordpress/warning@3.10.0':
+    resolution: {integrity: sha512-IhvIBhhzsNYuLT61ZtKWm7oMg4G0x//eQD8dlnsBA4edP8BiX1VzwA3wCtz9+QdEFzraPJAq9NG4RPxGQas4Nw==}
+    engines: {node: '>=18.12.0', npm: '>=8.19.2'}
+
   '@wordpress/warning@3.9.0':
     resolution: {integrity: sha512-c+bEWwDjp3+Q7SAGb47CuZe56giBFNvutoyiAkn34pQZeO8pRjPElRABIkR7oyn4dEusjL1f6OQmU3dSYAMTpg==}
     engines: {node: '>=18.12.0', npm: '>=8.19.2'}
@@ -15212,6 +15330,10 @@ snapshots:
     dependencies:
       regenerator-runtime: 0.14.1
 
+  '@babel/runtime@7.25.7':
+    dependencies:
+      regenerator-runtime: 0.14.1
+
   '@babel/template@7.25.7':
     dependencies:
       '@babel/code-frame': 7.25.7
@@ -17793,6 +17915,12 @@ snapshots:
     dependencies:
       webpack-cli: 4.9.1(webpack@5.94.0)
 
+  '@wordpress/a11y@4.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/dom-ready': 4.10.0
+      '@wordpress/i18n': 5.10.0
+
   '@wordpress/a11y@4.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -18228,6 +18356,60 @@ snapshots:
       - '@types/react-dom'
       - supports-color
 
+  '@wordpress/components@28.10.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@ariakit/react': 0.4.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@babel/runtime': 7.25.7
+      '@emotion/cache': 11.13.1
+      '@emotion/css': 11.13.4
+      '@emotion/react': 11.13.3(@types/react@18.3.3)(react@18.3.1)
+      '@emotion/serialize': 1.3.2
+      '@emotion/styled': 11.13.0(@emotion/react@11.13.3(@types/react@18.3.3)(react@18.3.1))(@types/react@18.3.3)(react@18.3.1)
+      '@emotion/utils': 1.4.1
+      '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@types/gradient-parser': 0.1.3
+      '@types/highlight-words-core': 1.2.1
+      '@use-gesture/react': 10.3.1(react@18.3.1)
+      '@wordpress/a11y': 4.10.0
+      '@wordpress/compose': 7.10.0(react@18.3.1)
+      '@wordpress/date': 5.10.0
+      '@wordpress/deprecated': 4.10.0
+      '@wordpress/dom': 4.10.0
+      '@wordpress/element': 6.10.0
+      '@wordpress/escape-html': 3.10.0
+      '@wordpress/hooks': 4.10.0
+      '@wordpress/html-entities': 4.10.0
+      '@wordpress/i18n': 5.10.0
+      '@wordpress/icons': 10.10.0(react@18.3.1)
+      '@wordpress/is-shallow-equal': 5.10.0
+      '@wordpress/keycodes': 4.10.0
+      '@wordpress/primitives': 4.10.0(react@18.3.1)
+      '@wordpress/private-apis': 1.10.0
+      '@wordpress/rich-text': 7.10.0(react@18.3.1)
+      '@wordpress/warning': 3.10.0
+      change-case: 4.1.2
+      clsx: 2.1.1
+      colord: 2.9.3
+      date-fns: 3.6.0
+      deepmerge: 4.3.1
+      fast-deep-equal: 3.1.3
+      framer-motion: 11.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      gradient-parser: 0.1.5
+      highlight-words-core: 1.2.3
+      is-plain-object: 5.0.0
+      memize: 2.1.0
+      path-to-regexp: 6.3.0
+      re-resizable: 6.10.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-colorful: 5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-dom: 18.3.1(react@18.3.1)
+      remove-accents: 0.5.0
+      uuid: 9.0.1
+    transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
+      - '@types/react'
+      - supports-color
+
   '@wordpress/components@28.9.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@ariakit/react': 0.4.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -18336,6 +18518,23 @@ snapshots:
       - '@types/react'
       - supports-color
 
+  '@wordpress/compose@7.10.0(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@types/mousetrap': 1.6.15
+      '@wordpress/deprecated': 4.10.0
+      '@wordpress/dom': 4.10.0
+      '@wordpress/element': 6.10.0
+      '@wordpress/is-shallow-equal': 5.10.0
+      '@wordpress/keycodes': 4.10.0
+      '@wordpress/priority-queue': 3.10.0
+      '@wordpress/undo-manager': 1.10.0
+      change-case: 4.1.2
+      clipboard: 2.0.11
+      mousetrap: 1.6.5
+      react: 18.3.1
+      use-memo-one: 1.1.3(react@18.3.1)
+
   '@wordpress/compose@7.9.0(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -18524,6 +18723,25 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  '@wordpress/data@10.10.0(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/compose': 7.10.0(react@18.3.1)
+      '@wordpress/deprecated': 4.10.0
+      '@wordpress/element': 6.10.0
+      '@wordpress/is-shallow-equal': 5.10.0
+      '@wordpress/priority-queue': 3.10.0
+      '@wordpress/private-apis': 1.10.0
+      '@wordpress/redux-routine': 5.10.0(redux@4.2.1)
+      deepmerge: 4.3.1
+      equivalent-key-map: 0.2.2
+      is-plain-object: 5.0.0
+      is-promise: 4.0.0
+      react: 18.3.1
+      redux: 4.2.1
+      rememo: 4.0.2
+      use-memo-one: 1.1.3(react@18.3.1)
+
   '@wordpress/data@10.9.0(react@18.2.0)':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -18606,6 +18824,35 @@ snapshots:
       - react-dom
       - supports-color
 
+  '@wordpress/dataviews@4.6.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@ariakit/react': 0.4.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@babel/runtime': 7.25.7
+      '@wordpress/components': 28.10.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@wordpress/compose': 7.10.0(react@18.3.1)
+      '@wordpress/data': 10.10.0(react@18.3.1)
+      '@wordpress/element': 6.10.0
+      '@wordpress/i18n': 5.10.0
+      '@wordpress/icons': 10.10.0(react@18.3.1)
+      '@wordpress/primitives': 4.10.0(react@18.3.1)
+      '@wordpress/private-apis': 1.10.0
+      '@wordpress/warning': 3.10.0
+      clsx: 2.1.1
+      react: 18.3.1
+      remove-accents: 0.5.0
+    transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
+      - '@types/react'
+      - react-dom
+      - supports-color
+
+  '@wordpress/date@5.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/deprecated': 4.10.0
+      moment: 2.29.4
+      moment-timezone: 0.5.46
+
   '@wordpress/date@5.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -18618,15 +18865,29 @@ snapshots:
       json2php: 0.0.7
       webpack: 5.94.0(webpack-cli@4.9.1)
 
+  '@wordpress/deprecated@4.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/hooks': 4.10.0
+
   '@wordpress/deprecated@4.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
       '@wordpress/hooks': 4.9.0
 
+  '@wordpress/dom-ready@4.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+
   '@wordpress/dom-ready@4.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
 
+  '@wordpress/dom@4.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/deprecated': 4.10.0
+
   '@wordpress/dom@4.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -18897,6 +19158,17 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  '@wordpress/element@6.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@types/react': 18.3.3
+      '@types/react-dom': 18.3.0
+      '@wordpress/escape-html': 3.10.0
+      change-case: 4.1.2
+      is-plain-object: 5.0.0
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   '@wordpress/element@6.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -18908,6 +19180,10 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
+  '@wordpress/escape-html@3.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+
   '@wordpress/escape-html@3.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19064,14 +19340,31 @@ snapshots:
       - '@types/react-dom'
       - supports-color
 
+  '@wordpress/hooks@4.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+
   '@wordpress/hooks@4.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
 
+  '@wordpress/html-entities@4.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+
   '@wordpress/html-entities@4.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
 
+  '@wordpress/i18n@5.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/hooks': 4.10.0
+      gettext-parser: 1.4.0
+      memize: 2.1.0
+      sprintf-js: 1.1.3
+      tannin: 1.2.0
+
   '@wordpress/i18n@5.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19081,6 +19374,13 @@ snapshots:
       sprintf-js: 1.1.2
       tannin: 1.2.0
 
+  '@wordpress/icons@10.10.0(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/element': 6.10.0
+      '@wordpress/primitives': 4.10.0(react@18.3.1)
+      react: 18.3.1
+
   '@wordpress/icons@10.9.0(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19144,6 +19444,10 @@ snapshots:
       - '@types/react'
       - supports-color
 
+  '@wordpress/is-shallow-equal@5.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+
   '@wordpress/is-shallow-equal@5.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19162,6 +19466,11 @@ snapshots:
       '@wordpress/keycodes': 4.9.0
       react: 18.3.1
 
+  '@wordpress/keycodes@4.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/i18n': 5.10.0
+
   '@wordpress/keycodes@4.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19347,6 +19656,13 @@ snapshots:
     dependencies:
       prettier: wp-prettier@3.0.3
 
+  '@wordpress/primitives@4.10.0(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/element': 6.10.0
+      clsx: 2.1.1
+      react: 18.3.1
+
   '@wordpress/primitives@4.9.0(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19354,15 +19670,32 @@ snapshots:
       clsx: 2.1.1
       react: 18.3.1
 
+  '@wordpress/priority-queue@3.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      requestidlecallback: 0.3.0
+
   '@wordpress/priority-queue@3.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
       requestidlecallback: 0.3.0
 
+  '@wordpress/private-apis@1.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+
   '@wordpress/private-apis@1.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
 
+  '@wordpress/redux-routine@5.10.0(redux@4.2.1)':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      is-plain-object: 5.0.0
+      is-promise: 4.0.0
+      redux: 4.2.1
+      rungen: 0.3.2
+
   '@wordpress/redux-routine@5.9.0(redux@4.2.1)':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19443,6 +19776,20 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  '@wordpress/rich-text@7.10.0(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/a11y': 4.10.0
+      '@wordpress/compose': 7.10.0(react@18.3.1)
+      '@wordpress/data': 10.10.0(react@18.3.1)
+      '@wordpress/deprecated': 4.10.0
+      '@wordpress/element': 6.10.0
+      '@wordpress/escape-html': 3.10.0
+      '@wordpress/i18n': 5.10.0
+      '@wordpress/keycodes': 4.10.0
+      memize: 2.1.0
+      react: 18.3.1
+
   '@wordpress/rich-text@7.9.0(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19537,6 +19884,11 @@ snapshots:
     dependencies:
       '@babel/runtime': 7.24.7
 
+  '@wordpress/undo-manager@1.10.0':
+    dependencies:
+      '@babel/runtime': 7.25.7
+      '@wordpress/is-shallow-equal': 5.10.0
+
   '@wordpress/undo-manager@1.9.0':
     dependencies:
       '@babel/runtime': 7.24.7
@@ -19555,6 +19907,8 @@ snapshots:
       '@wordpress/element': 6.9.0
       react: 18.3.1
 
+  '@wordpress/warning@3.10.0': {}
+
   '@wordpress/warning@3.9.0': {}
 
   '@wordpress/widgets@4.9.0(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
diff --git a/projects/js-packages/components/changelog/add-threats-data-view-component b/projects/js-packages/components/changelog/add-threats-data-view-component
new file mode 100644
index 0000000000000..ce943e85a6b6a
--- /dev/null
+++ b/projects/js-packages/components/changelog/add-threats-data-view-component
@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Add ThreatsDataView component
diff --git a/projects/js-packages/components/components/badge/index.tsx b/projects/js-packages/components/components/badge/index.tsx
new file mode 100644
index 0000000000000..4ca1044e60f6b
--- /dev/null
+++ b/projects/js-packages/components/components/badge/index.tsx
@@ -0,0 +1,39 @@
+import clsx from 'clsx';
+import React from 'react';
+import styles from './style.module.scss';
+
+type BadgeProps = {
+	children?: React.ReactNode;
+	className?: string;
+	variant?: 'success' | 'warning' | 'danger';
+	[ key: string ]: unknown;
+};
+
+/**
+ * Badge component
+ *
+ * @param {object}      props           - The component properties.
+ * @param {string}      props.variant   - The badge variant (i.e. 'success', 'warning', 'danger').
+ * @param {JSX.Element} props.children  - Badge text or content.
+ * @param {string}      props.className - Additional class name to pass to the Badge component.
+ *
+ * @return {React.ReactElement} The `Badge` component.
+ */
+const Badge: React.FC< BadgeProps > = ( { children, className, variant = 'info', ...props } ) => {
+	const classes = clsx(
+		styles.badge,
+		{
+			[ styles[ 'is-success' ] ]: variant === 'success',
+			[ styles[ 'is-warning' ] ]: variant === 'warning',
+			[ styles[ 'is-danger' ] ]: variant === 'danger',
+		},
+		className
+	);
+	return (
+		<span className={ classes } { ...props }>
+			{ children }
+		</span>
+	);
+};
+
+export default Badge;
diff --git a/projects/js-packages/components/components/badge/stories/index.stories.tsx b/projects/js-packages/components/components/badge/stories/index.stories.tsx
new file mode 100644
index 0000000000000..c74ac1c476897
--- /dev/null
+++ b/projects/js-packages/components/components/badge/stories/index.stories.tsx
@@ -0,0 +1,22 @@
+import Badge from '../index';
+
+export default {
+	title: 'JS Packages/Components/Badge',
+	component: Badge,
+	argTypes: {
+		type: {
+			control: {
+				type: 'select',
+			},
+			options: [ 'info', 'danger', 'warning', 'success' ],
+		},
+	},
+};
+
+const Template = args => <Badge { ...args } />;
+
+export const _default = Template.bind( {} );
+_default.args = {
+	type: 'info',
+	children: 'Hello World',
+};
diff --git a/projects/js-packages/components/components/badge/style.module.scss b/projects/js-packages/components/components/badge/style.module.scss
new file mode 100644
index 0000000000000..a305d7c2520a0
--- /dev/null
+++ b/projects/js-packages/components/components/badge/style.module.scss
@@ -0,0 +1,25 @@
+.badge {
+	display: inline-block;
+	border-radius: 4px;
+	background-color: var(--jp-gray-0);
+	color: var(--jp-gray-80);
+	padding: 4px 8px;
+	font-size: 13px;
+	font-weight: 400;
+	line-height: 16px;
+
+	&.is-success {
+		background-color: var(--jp-green-5);
+		color: var(--jp-green-50);
+	}
+
+    &.is-warning {
+		background-color: var(--jp-yellow-5);
+		color: var(--jp-yellow-60);
+	}
+
+    &.is-danger {
+		background-color: var(--jp-red-5);
+		color: var(--jp-red-70);
+	}
+}
diff --git a/projects/js-packages/components/components/threat-severity-badge/index.tsx b/projects/js-packages/components/components/threat-severity-badge/index.tsx
index 0c44edeee7222..6b076786a2959 100644
--- a/projects/js-packages/components/components/threat-severity-badge/index.tsx
+++ b/projects/js-packages/components/components/threat-severity-badge/index.tsx
@@ -1,34 +1,24 @@
 import { _x } from '@wordpress/i18n';
-import styles from './styles.module.scss';
+import Badge from '../badge';
 
-const severityClassNames = severity => {
+const ThreatSeverityBadge = ( { severity } ) => {
 	if ( severity >= 5 ) {
-		return 'is-critical';
-	} else if ( severity >= 3 && severity < 5 ) {
-		return 'is-high';
+		return (
+			<Badge variant="danger">
+				{ _x( 'Critical', 'Severity label for issues rated 5 or higher.', 'jetpack' ) }
+			</Badge>
+		);
 	}
-	return 'is-low';
-};
 
-const severityText = severity => {
-	if ( severity >= 5 ) {
-		return _x( 'Critical', 'Severity label for issues rated 5 or higher.', 'jetpack' );
-	} else if ( severity >= 3 && severity < 5 ) {
-		return _x( 'High', 'Severity label for issues rated between 3 and 5.', 'jetpack' );
+	if ( severity >= 3 && severity < 5 ) {
+		return (
+			<Badge variant="warning">
+				{ _x( 'High', 'Severity label for issues rated between 3 and 5.', 'jetpack' ) }
+			</Badge>
+		);
 	}
-	return _x( 'Low', 'Severity label for issues rated below 3.', 'jetpack' );
-};
 
-const ThreatSeverityBadge = ( { severity } ) => {
-	return (
-		<div
-			className={ `${ styles[ 'threat-severity-badge' ] } ${
-				styles[ severityClassNames( severity ) ]
-			}` }
-		>
-			{ severityText( severity ) }
-		</div>
-	);
+	return <Badge>{ _x( 'Low', 'Severity label for issues rated below 3.', 'jetpack' ) }</Badge>;
 };
 
 export default ThreatSeverityBadge;
diff --git a/projects/js-packages/components/components/threats-data-views/constants.ts b/projects/js-packages/components/components/threats-data-views/constants.ts
new file mode 100644
index 0000000000000..a3b8f4449f885
--- /dev/null
+++ b/projects/js-packages/components/components/threats-data-views/constants.ts
@@ -0,0 +1,18 @@
+import { __ } from '@wordpress/i18n';
+
+export const PAID_PLUGIN_SUPPORT_URL = 'https://jetpack.com/contact-support/?rel=support';
+
+export const THREAT_STATUSES: { value: string; label: string; variant?: 'success' | 'warning' }[] =
+	[
+		{ value: 'current', label: __( 'Active', 'jetpack' ), variant: 'warning' },
+		{ value: 'fixed', label: __( 'Fixed', 'jetpack' ), variant: 'success' },
+		{ value: 'ignored', label: __( 'Ignored', 'jetpack' ) },
+	];
+
+export const THREAT_TYPES = [
+	{ value: 'plugin', label: __( 'Plugin', 'jetpack' ) },
+	{ value: 'theme', label: __( 'Theme', 'jetpack' ) },
+	{ value: 'core', label: __( 'WordPress', 'jetpack' ) },
+	{ value: 'file', label: __( 'File', 'jetpack' ) },
+	{ value: 'database', label: __( 'Database', 'jetpack' ) },
+];
diff --git a/projects/js-packages/components/components/threats-data-views/fixer-status.tsx b/projects/js-packages/components/components/threats-data-views/fixer-status.tsx
new file mode 100644
index 0000000000000..3e9f5b5dd1efe
--- /dev/null
+++ b/projects/js-packages/components/components/threats-data-views/fixer-status.tsx
@@ -0,0 +1,137 @@
+import { type ThreatFixStatus } from '@automattic/jetpack-scan';
+import { ExternalLink, Spinner } from '@wordpress/components';
+import { createInterpolateElement } from '@wordpress/element';
+import { __, sprintf } from '@wordpress/i18n';
+import { Icon } from '@wordpress/icons';
+import { check } from '@wordpress/icons';
+import IconTooltip from '../icon-tooltip';
+import Text from '../text';
+import { PAID_PLUGIN_SUPPORT_URL } from './constants';
+import styles from './styles.module.scss';
+import { fixerStatusIsStale } from './utils';
+
+/**
+ * InfoIconTooltip component.
+ *
+ * @param {object}  props         - Component props.
+ * @param {boolean} props.message - The popover message.
+ * @param {object}  props.size    - The size of the icon.
+ *
+ * @return {JSX.Elenment} The component.
+ */
+export function InfoIconTooltip( {
+	message,
+	size = 20,
+}: {
+	message?: string;
+	size?: number;
+} ): JSX.Element {
+	return (
+		<IconTooltip
+			placement={ 'top' }
+			className={ styles[ 'icon-tooltip__container' ] }
+			iconClassName={ styles[ 'icon-tooltip__icon' ] }
+			iconSize={ size }
+			hoverShow={ true }
+		>
+			<Text variant={ 'body-small' }>
+				{ createInterpolateElement(
+					sprintf(
+						/* translators: %s: Number of hide items  */
+						__( '%s Please try again or <supportLink>contact support</supportLink>.', 'jetpack' ),
+						message
+					),
+					{
+						supportLink: (
+							<ExternalLink
+								className={ styles[ 'support-link' ] }
+								href={ PAID_PLUGIN_SUPPORT_URL }
+							/>
+						),
+					}
+				) }
+			</Text>
+		</IconTooltip>
+	);
+}
+
+/**
+ * Fixer Status component.
+ *
+ * @param {object}  props       - Component props.
+ * @param {boolean} props.fixer - The fixer status.
+ *
+ * @return {JSX.Element} The component.
+ */
+export default function FixerStatusIcon( { fixer }: { fixer?: ThreatFixStatus } ): JSX.Element {
+	if ( fixer && fixerStatusIsStale( fixer ) ) {
+		return (
+			<InfoIconTooltip message={ __( 'The fixer is taking longer than expected.', 'jetpack' ) } />
+		);
+	}
+
+	if ( fixer && 'error' in fixer && fixer.error ) {
+		return (
+			<InfoIconTooltip message={ __( 'An error occurred auto-fixing this threat.', 'jetpack' ) } />
+		);
+	}
+
+	if ( fixer && 'status' in fixer && fixer.status === 'in_progress' ) {
+		return (
+			<div className={ styles[ 'icon-spinner' ] }>
+				<Spinner color="black" />
+			</div>
+		);
+	}
+
+	return <Icon icon={ check } className={ styles[ 'icon-check' ] } size={ 28 } />;
+}
+
+/**
+ * FixerStatusText component.
+ *
+ * @param {object}  props       - Component props.
+ * @param {boolean} props.fixer - The fixer status.
+ *
+ * @return {JSX.Element} The component.
+ */
+function FixerStatusText( { fixer }: { fixer?: ThreatFixStatus } ): JSX.Element {
+	if ( fixer && fixerStatusIsStale( fixer ) ) {
+		return (
+			<span className={ styles[ 'info-spacer' ] }>
+				{ __( 'Fixer is taking longer than expected', 'jetpack' ) }
+			</span>
+		);
+	}
+
+	if ( fixer && 'error' in fixer && fixer.error ) {
+		return (
+			<span className={ styles[ 'info-spacer' ] }>
+				{ __( 'An error occurred auto-fixing this threat', 'jetpack' ) }
+			</span>
+		);
+	}
+
+	if ( fixer && 'status' in fixer && fixer.status === 'in_progress' ) {
+		return <span className={ styles[ 'spinner-spacer' ] }>{ __( 'Auto-fixing', 'jetpack' ) }</span>;
+	}
+
+	return <span className={ styles[ 'check-spacer' ] }>{ __( 'Auto-fixable', 'jetpack' ) }</span>;
+}
+
+/**
+ * FixerStatusBadge component.
+ *
+ * @param {object}  props       - Component props.
+ * @param {boolean} props.fixer - The fixer status.
+ *
+ * @return {string} The component.
+ */
+export function FixerStatusBadge( { fixer }: { fixer?: ThreatFixStatus } ): JSX.Element {
+	return (
+		<div className={ styles[ 'fixer-status' ] }>
+			<FixerStatusIcon fixer={ fixer } />
+			<FixerStatusText fixer={ fixer } />
+		</div>
+	);
+}
diff --git a/projects/js-packages/components/components/threats-data-views/index.tsx b/projects/js-packages/components/components/threats-data-views/index.tsx
new file mode 100644
index 0000000000000..beb94c8a3b4c9
--- /dev/null
+++ b/projects/js-packages/components/components/threats-data-views/index.tsx
@@ -0,0 +1,484 @@
+import { type Threat } from '@automattic/jetpack-scan';
+import {
+	Action,
+	ActionButton,
+	DataViews,
+	Field,
+	FieldType,
+	Filter,
+	filterSortAndPaginate,
+	SortDirection,
+	SupportedLayouts,
+	type View,
+} from '@wordpress/dataviews';
+import { dateI18n } from '@wordpress/date';
+import { __ } from '@wordpress/i18n';
+import { Icon } from '@wordpress/icons';
+import { useCallback, useMemo, useState } from 'react';
+import Badge from '../badge';
+import ThreatSeverityBadge from '../threat-severity-badge';
+import { THREAT_STATUSES, THREAT_TYPES } from './constants';
+import FixerStatusIcon, { FixerStatusBadge } from './fixer-status';
+import styles from './styles.module.scss';
+import { getThreatIcon, getThreatSubtitle, getThreatType } from './utils';
+
+/**
+ * DataViews component for displaying security threats.
+ *
+ * @param {object}   props                             - Component props.
+ * @param {Array}    props.data                        - Threats data.
+ * @param {Array}    props.filters                     - Initial DataView filters.
+ * @param {Function} props.onChangeSelection           - Callback function run when an item is selected.
+ * @param {Function} props.onFixThreats                - Threat fix action callback.
+ * @param {Function} props.onIgnoreThreats             - Threat ignore action callback.
+ * @param {Function} props.onUnignoreThreats           - Threat unignore action callback.
+ * @param {Function} props.isThreatEligibleForFix      - Function to determine if a threat is eligible for fixing.
+ * @param {Function} props.isThreatEligibleForIgnore   - Function to determine if a threat is eligible for ignoring.
+ * @param {Function} props.isThreatEligibleForUnignore - Function to determine if a threat is eligible for unignoring.
+ *
+ * @return {JSX.Element} The ThreatsDataViews component.
+ */
+export default function ThreatsDataViews( {
+	data,
+	filters,
+	onChangeSelection,
+	isThreatEligibleForFix,
+	isThreatEligibleForIgnore,
+	isThreatEligibleForUnignore,
+	onFixThreats,
+	onIgnoreThreats,
+	onUnignoreThreats,
+}: {
+	data: Threat[];
+	filters?: Filter[];
+	onChangeSelection?: ( selectedItemIds: string[] ) => void;
+	isThreatEligibleForFix?: ( threat: Threat ) => boolean;
+	isThreatEligibleForIgnore?: ( threat: Threat ) => boolean;
+	isThreatEligibleForUnignore?: ( threat: Threat ) => boolean;
+	onFixThreats?: ActionButton< Threat >[ 'callback' ];
+	onIgnoreThreats?: ActionButton< Threat >[ 'callback' ];
+	onUnignoreThreats?: ActionButton< Threat >[ 'callback' ];
+} ): JSX.Element {
+	const baseView = {
+		sort: {
+			field: 'severity',
+			direction: 'desc' as SortDirection,
+		},
+		search: '',
+		filters: filters || [],
+		page: 1,
+		perPage: 20,
+	};
+
+	/**
+	 * DataView default layouts.
+	 *
+	 * This property provides layout information about the view types that are active. If empty, enables all layout types (see “Layout Types”) with empty layout data.
+	 *
+	 * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#defaultlayouts-record-string-view
+	 */
+	const defaultLayouts: SupportedLayouts = {
+		table: {
+			...baseView,
+			fields: [ 'severity', 'threat', 'auto-fix' ],
+			layout: {
+				primaryField: 'severity',
+			},
+		},
+		list: {
+			...baseView,
+			fields: [ 'severity', 'subtitle', 'signature', 'auto-fix' ],
+			layout: {
+				primaryField: 'title',
+				mediaField: 'icon',
+			},
+		},
+	};
+
+	/**
+	 * DataView view object - configures how the dataset is visible to the user.
+	 *
+	 * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#view-object
+	 */
+	const [ view, setView ] = useState< View >( {
+		type: 'table',
+		...defaultLayouts.table,
+	} );
+
+	/**
+	 * Compute values from the provided threats data.
+	 *
+	 * @member {object} extensions - List of unique threat extensions.
+	 * @member {object} signatures - List of unique threat signatures.
+	 * @member {Array}  dataFields - List of unique fields.
+	 */
+	const {
+		extensions,
+		signatures,
+		dataFields,
+	}: {
+		extensions: { value: string; label: string }[];
+		signatures: { value: string; label: string }[];
+		dataFields: string[];
+	} = useMemo( () => {
+		return data.reduce(
+			( acc, threat ) => {
+				// Extensions
+				if ( threat.extension ) {
+					if ( ! acc.extensions.find( ( { value } ) => value === threat.extension.slug ) ) {
+						acc.extensions.push( { value: threat.extension.slug, label: threat.extension.name } );
+					}
+				}
+
+				// Signatures
+				if ( threat.signature ) {
+					if ( ! acc.signatures.find( ( { value } ) => value === threat.signature ) ) {
+						acc.signatures.push( { value: threat.signature, label: threat.signature } );
+					}
+				}
+
+				// Fields
+				const fields = Object.keys( threat );
+				fields.forEach( field => {
+					if (
+						! acc.dataFields.includes( field ) &&
+						threat[ field ] !== null &&
+						threat[ field ] !== undefined
+					) {
+						acc.dataFields.push( field );
+					}
+				} );
+
+				return acc;
+			},
+			{
+				extensions: [],
+				signatures: [],
+				dataFields: [],
+			}
+		);
+	}, [ data ] );
+
+	/**
+	 * DataView fields - describes the visible items for each record in the dataset.
+	 *
+	 * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#fields-object
+	 */
+	const fields = useMemo( () => {
+		const result: Field< Threat >[] = [
+			{
+				id: 'threat',
+				label: __( 'Threat', 'jetpack' ),
+				enableGlobalSearch: true,
+				enableHiding: false,
+				getValue( { item }: { item: Threat } ) {
+					return item.title + item.description;
+				},
+				render( { item }: { item: Threat } ) {
+					return (
+						<div className={ styles.threat__primary }>
+							<div className={ styles.threat__subtitle }>
+								<Icon icon={ getThreatIcon( item ) } size={ 20 } />
+								{ getThreatSubtitle( item ) }
+							</div>
+							<div className={ styles.threat__title }>{ item.title }</div>
+							<div className={ styles.threat__description }>{ item.description }</div>
+						</div>
+					);
+				},
+			},
+			{
+				id: 'title',
+				label: __( 'Title', 'jetpack' ),
+				enableGlobalSearch: true,
+				enableHiding: false,
+			},
+			{
+				id: 'icon',
+				label: __( 'Icon', 'jetpack' ),
+				enableHiding: false,
+				getValue( { item }: { item: Threat } ) {
+					return getThreatType( item );
+				},
+				render( { item }: { item: Threat } ) {
+					return (
+						<div className={ styles.threat__media }>
+							<Icon icon={ getThreatIcon( item ) } size={ 20 } />
+						</div>
+					);
+				},
+			},
+			{
+				id: 'status',
+				label: __( 'Status', 'jetpack' ),
+				elements: THREAT_STATUSES,
+				getValue( { item }: { item: Threat } ) {
+					if ( ! item.status ) {
+						return 'current';
+					}
+					return (
+						THREAT_STATUSES.find( ( { value } ) => value === item.status )?.value ?? item.status
+					);
+				},
+				render( { item }: { item: Threat } ) {
+					if ( item.status ) {
+						const status = THREAT_STATUSES.find( ( { value } ) => value === item.status );
+						if ( status ) {
+							return <Badge variant={ status?.variant }>{ status.label }</Badge>;
+						}
+					}
+					return <Badge variant="warning">{ __( 'Active', 'jetpack' ) }</Badge>;
+				},
+			},
+			{
+				id: 'extension',
+				label: __( 'Extension', 'jetpack' ),
+				enableGlobalSearch: true,
+				elements: extensions,
+				getValue( { item }: { item: Threat } ) {
+					return item.extension ? item.extension.slug : '';
+				},
+			},
+			{
+				id: 'type',
+				label: __( 'Category', 'jetpack' ),
+				elements: THREAT_TYPES,
+				getValue( { item }: { item: Threat } ) {
+					if ( item.signature === 'Vulnerable.WP.Core' ) {
+						return 'core';
+					}
+					if ( item.extension ) {
+						return item.extension.type;
+					}
+					if ( item.filename ) {
+						return 'file';
+					}
+					if ( item.table ) {
+						return 'database';
+					}
+
+					return 'uncategorized';
+				},
+			},
+			{
+				id: 'subtitle',
+				label: __( 'Affected Item', 'jetpack' ),
+				enableHiding: false,
+				getValue( { item }: { item: Threat } ) {
+					return getThreatSubtitle( item );
+				},
+			},
+			...( dataFields.includes( 'signature' )
+				? [
+						{
+							id: 'signature',
+							label: __( 'Signature', 'jetpack' ),
+							elements: signatures,
+							enableGlobalSearch: true,
+							getValue( { item }: { item: Threat } ) {
+								return item.signature || '';
+							},
+						},
+				  ]
+				: [] ),
+			...( dataFields.includes( 'severity' )
+				? [
+						{
+							id: 'severity',
+							label: __( 'Severity', 'jetpack' ),
+							type: 'integer' as FieldType,
+							getValue( { item }: { item: Threat } ) {
+								return item.severity ?? 0;
+							},
+							render( { item }: { item: Threat } ) {
+								return <ThreatSeverityBadge severity={ item.severity } />;
+							},
+						},
+				  ]
+				: [] ),
+			...( dataFields.includes( 'fixable' )
+				? [
+						{
+							id: 'auto-fix',
+							label: __( 'Auto-fix', 'jetpack' ),
+							enableHiding: false,
+							type: 'integer' as FieldType,
+							getValue( { item }: { item: Threat } ) {
+								return item.fixable ? 1 : 0;
+							},
+							render( { item }: { item: Threat } ) {
+								if ( ! item.fixable ) {
+									return null;
+								}
+
+								if ( view.type === 'table' ) {
+									return (
+										<div className={ styles.threat__fixer }>
+											<FixerStatusIcon fixer={ item.fixer } />
+										</div>
+									);
+								}
+
+								return <FixerStatusBadge fixer={ item.fixer } />;
+							},
+						},
+				  ]
+				: [] ),
+			...( dataFields.includes( 'firstDetected' )
+				? [
+						{
+							id: 'first-detected',
+							label: __( 'First Detected', 'jetpack' ),
+							type: 'datetime' as FieldType,
+							getValue( { item }: { item: Threat } ) {
+								return item.firstDetected ? new Date( item.firstDetected ) : null;
+							},
+							render( { item }: { item: Threat } ) {
+								return item.firstDetected ? (
+									<span className={ styles.threat__firstDetected }>
+										{ dateI18n( 'F j Y', item.firstDetected, false ) }
+									</span>
+								) : null;
+							},
+						},
+				  ]
+				: [] ),
+			...( dataFields.includes( 'fixedOn' )
+				? [
+						{
+							id: 'fixed-on',
+							label: __( 'Fixed On', 'jetpack' ),
+							type: 'datetime' as FieldType,
+							getValue( { item }: { item: Threat } ) {
+								return item.fixedOn ? new Date( item.fixedOn ) : null;
+							},
+							render( { item }: { item: Threat } ) {
+								return item.fixedOn ? (
+									<span className={ styles.threat__fixedOn }>
+										{ dateI18n( 'F j Y', item.fixedOn, false ) }
+									</span>
+								) : null;
+							},
+						},
+				  ]
+				: [] ),
+		];
+
+		return result;
+	}, [ extensions, signatures, dataFields, view ] );
+
+	/**
+	 * DataView actions - collection of operations that can be performed upon each record.
+	 *
+	 * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#actions-object
+	 */
+	const actions = useMemo( () => {
+		const result: Action< Threat >[] = [];
+
+		if ( dataFields.includes( 'fixable' ) ) {
+			result.push( {
+				id: 'fix',
+				label: __( 'Auto-Fix', 'jetpack' ),
+				isPrimary: true,
+				supportsBulk: true,
+				callback: onFixThreats,
+				isEligible( item ) {
+					if ( ! onFixThreats ) {
+						return false;
+					}
+					if ( isThreatEligibleForFix ) {
+						return isThreatEligibleForFix( item );
+					}
+					return !! item.fixable;
+				},
+			} );
+		}
+
+		if ( dataFields.includes( 'status' ) ) {
+			result.push( {
+				id: 'ignore',
+				label: __( 'Ignore', 'jetpack' ),
+				isPrimary: true,
+				isDestructive: true,
+				callback: onIgnoreThreats,
+				isEligible( item ) {
+					if ( ! onIgnoreThreats ) {
+						return false;
+					}
+					if ( isThreatEligibleForIgnore ) {
+						return isThreatEligibleForIgnore( item );
+					}
+					return item.status === 'current';
+				},
+			} );
+		}
+
+		if ( dataFields.includes( 'status' ) ) {
+			result.push( {
+				id: 'un-ignore',
+				label: __( 'Unignore', 'jetpack' ),
+				isPrimary: true,
+				isDestructive: true,
+				callback: onUnignoreThreats,
+				isEligible( item ) {
+					if ( ! onUnignoreThreats ) {
+						return false;
+					}
+					if ( isThreatEligibleForUnignore ) {
+						return isThreatEligibleForUnignore( item );
+					}
+					return item.status === 'ignored';
+				},
+			} );
+		}
+
+		return result;
+	}, [
+		dataFields,
+		onFixThreats,
+		onIgnoreThreats,
+		onUnignoreThreats,
+		isThreatEligibleForFix,
+		isThreatEligibleForIgnore,
+		isThreatEligibleForUnignore,
+	] );
+
+	/**
+	 * Apply the view settings (i.e. filters, sorting, pagination) to the dataset.
+	 *
+	 * @see https://github.com/WordPress/gutenberg/blob/trunk/packages/dataviews/src/filter-and-sort-data-view.ts
+	 */
+	const { data: processedData, paginationInfo } = useMemo( () => {
+		return filterSortAndPaginate( data, view, fields );
+	}, [ data, view, fields ] );
+
+	/**
+	 * Callback function to update the view state.
+	 *
+	 * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#onchangeview-function
+	 */
+	const onChangeView = useCallback( ( newView: View ) => {
+		setView( newView );
+	}, [] );
+
+	/**
+	 * DataView getItemId function - returns the unique ID for each record in the dataset.
+	 *
+	 * @see https://developer.wordpress.org/block-editor/reference-guides/packages/packages-dataviews/#getitemid-function
+	 */
+	const getItemId = useCallback( ( item: Threat ) => item.id.toString(), [] );
+
+	return (
+		<DataViews
+			actions={ actions }
+			data={ processedData }
+			defaultLayouts={ defaultLayouts }
+			fields={ fields }
+			getItemId={ getItemId }
+			onChangeSelection={ onChangeSelection }
+			onChangeView={ onChangeView }
+			paginationInfo={ paginationInfo }
+			view={ view }
+		/>
+	);
+}
diff --git a/projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx b/projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx
new file mode 100644
index 0000000000000..522b4c4b075d5
--- /dev/null
+++ b/projects/js-packages/components/components/threats-data-views/stories/index.stories.tsx
@@ -0,0 +1,362 @@
+import ThreatsDataViews from '..';
+
+export default {
+	title: 'JS Packages/Components/Threats Data Views',
+	component: ThreatsDataViews,
+	parameters: {
+		backgrounds: {
+			default: 'light',
+			values: [ { name: 'light', value: 'white' } ],
+		},
+	},
+	decorators: [
+		Story => (
+			<div style={ { maxWidth: '100%', backgroundColor: 'white' } }>
+				<Story />
+			</div>
+		),
+	],
+};
+
+export const Default = args => <ThreatsDataViews { ...args } />;
+Default.args = {
+	data: [
+		{
+			id: 185869885,
+			signature: 'EICAR_AV_Test',
+			title: 'Malicious code found in file: index.php',
+			description:
+				"This is the standard EICAR antivirus test code, and not a real infection. If your site contains this code when you don't expect it to, contact Jetpack support for some help.",
+			firstDetected: '2024-10-07T20:45:06.000Z',
+			fixedIn: null,
+			fixedOn: null,
+			severity: 8,
+			fixable: { fixer: 'rollback', target: 'January 26, 2024, 6:49 am', extensionStatus: '' },
+			fixer: { status: 'not_started' },
+			status: 'current',
+			filename: '/var/www/html/wp-content/index.php',
+			context: {
+				'1': 'echo <<<HTML',
+				'2': 'X5O!P%@AP[4\\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*',
+				'3': 'HTML;',
+				marks: {},
+			},
+			source: null,
+		},
+		{
+			id: 185869883,
+			signature: 'Suspicious.Files',
+			title: 'Malicious code found in file: fuzzy.php',
+			description:
+				'Our security scanners detected that this file is identical to a previously identified malicious file',
+			firstDetected: '2024-10-07T20:45:06.000Z',
+			fixedIn: null,
+			fixedOn: null,
+			severity: 4,
+			fixable: false,
+			status: 'ignored',
+			filename: '/var/www/html/wp-content/fuzzy.php',
+			context: '',
+			source: null,
+		},
+		{
+			id: 185868972,
+			signature: 'EICAR_AV_Test_Suspicious',
+			title: 'Malicious code found in file: jptt_eicar.php',
+			description:
+				"This is the standard EICAR antivirus test code, and not a real infection. If your site contains this code when you don't expect it to, contact Jetpack support for some help.",
+			firstDetected: '2024-10-07T20:40:15.000Z',
+			fixedIn: null,
+			fixedOn: null,
+			severity: 1,
+			fixable: false,
+			status: 'current',
+			filename: '/var/www/html/wp-content/uploads/jptt_eicar.php',
+			context: {
+				'6': 'echo <<<HTML',
+				'7': 'X5O!P%@AP[4\\PZX54(P^)7CC)7}$EICAR-SUSPICIOUS-ANTIVIRUS-TEST-FILE!$H+H*',
+				'8': 'HTML;',
+				'9': 'echo <<<HTML',
+				'10': 'X5O!P%@AP[4\\PZX54(P^)7CC)7}$EICAR-SUSPICIOUS-ANTIVIRUS-TEST-FILE!$H+H*',
+				'11': 'HTML;',
+				marks: {},
+			},
+			source: null,
+		},
+		{
+			id: 184847701,
+			signature: 'Vulnerable.WP.Extension',
+			title: 'Vulnerable Plugin: WP Super Cache (version 1.6.3)',
+			description:
+				'The plugin WP Super Cache (version 1.6.3) has a known vulnerability. The WP Super Cache plugin before version 1.7.2 is vulnerable to an authenticated RCE in the settings page.',
+			firstDetected: '2024-10-02T17:34:59.000Z',
+			fixedIn: '1.12.4',
+			fixedOn: null,
+			severity: 3,
+			fixable: { fixer: 'update', target: '1.12.4', extensionStatus: 'inactive' },
+			fixer: { status: 'in_progress', last_updated: new Date().toISOString() },
+			status: 'current',
+			filename: null,
+			context: null,
+			source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+			extension: {
+				name: 'WP Super Cache',
+				slug: 'wp-super-cache',
+				version: '1.6.3',
+				type: 'plugin',
+			},
+		},
+		{
+			id: 185868945,
+			signature: 'Core.File.Modification',
+			title: 'Compromised WordPress core file: index.php',
+			description:
+				'Core WordPress files are not normally changed. If you did not make these changes you should review the code.',
+			firstDetected: '2024-10-07T20:40:05.000Z',
+			severity: 4,
+			status: 'current',
+			fixable: {
+				fixer: 'replace',
+				file: '/var/www/html/wp-admin/index.php',
+				extensionStatus: '',
+			},
+			fixer: null,
+			filename: '/var/www/html/wp-admin/index.php',
+			diff: "--- /tmp/wordpress/6.6.2/wordpress/wp-admin/index.php\t2024-10-07 20:40:04.887546480 +0000\n+++ /var/www/html/wp-admin/index.php\t2024-10-07 20:39:58.775512965 +0000\n@@ -210,3 +210,4 @@\n wp_print_community_events_templates();\n \n require_once ABSPATH . 'wp-admin/admin-footer.php';\n+if ( true === false ) exit();\n\\ No newline at end of file\n",
+		},
+		{
+			id: 13216959,
+			signature: 'Vulnerable.WP.Core',
+			title: 'Vulnerable WordPress Version (6.4.3)',
+			description: 'The installed version of WordPress (6.4.3) has a known vulnerability. ',
+			firstDetected: '2024-07-15T21:56:50.000Z',
+			severity: 4,
+			fixer: null,
+			fixedOn: '2024-07-15T22:01:42.000Z',
+			status: 'fixed',
+			fixable: false,
+			version: '6.4.3',
+			source: '',
+		},
+		{
+			id: '7275a176-d579-471a-8492-df8edbdf27de',
+			signature: null,
+			title: 'WooCommerce <= 3.4.5 - Authenticated Stored XSS',
+			description:
+				'The WooCommerce WordPress plugin was affected by an Authenticated Stored XSS security vulnerability.',
+			firstDetected: '2024-07-15T21:56:50.000Z',
+			fixedIn: '3.4.6',
+			fixedOn: null,
+			severity: null,
+			fixable: null,
+			status: null,
+			filename: null,
+			context: null,
+			source: 'https://wpscan.com/vulnerability/7275a176-d579-471a-8492-df8edbdf27de',
+			extension: {
+				name: 'WooCommerce',
+				slug: 'woocommerce',
+				version: '3.4.5',
+				type: 'plugin',
+			},
+		},
+	],
+	filters: [
+		{
+			field: 'status',
+			operator: 'is',
+			value: 'current',
+		},
+	],
+	onFixThreats: () =>
+		alert( 'Threat fix action callback triggered! This is handled by the component consumer.' ), // eslint-disable-line no-alert
+	onIgnoreThreats: () =>
+		alert( 'Ignore threat action callback triggered! This is handled by the component consumer.' ), // eslint-disable-line no-alert
+	onUnignoreThreats: () =>
+		// eslint-disable-next-line no-alert
+		alert(
+			'Unignore threat action callback triggered! This is handled by the component consumer.'
+		),
+};
+
+export const FixerStatuses = args => <ThreatsDataViews { ...args } />;
+FixerStatuses.args = {
+	data: [
+		{
+			id: 13216959,
+			signature: 'Vulnerable.WP.Core',
+			title: 'Vulnerable WordPress Version (6.4.3)',
+			description: 'This threat has an auto-fixer available. ',
+			firstDetected: '2024-07-15T21:56:50.000Z',
+			severity: 4,
+			fixer: null,
+			fixedOn: '2024-07-15T22:01:42.000Z',
+			status: 'fixed',
+			fixable: { fixer: 'update', target: '6.4.4', extensionStatus: 'inactive' },
+			version: '6.4.3',
+			source: '',
+		},
+		{
+			id: 12345678910,
+			signature: 'Vulnerable.WP.Extension',
+			title: 'Vulnerable Plugin: Example Plugin (version 1.2.3)',
+			description: 'This threat has an in-progress auto-fixer.',
+			firstDetected: '2024-10-02T17:34:59.000Z',
+			fixedIn: '1.2.4',
+			fixedOn: null,
+			severity: 3,
+			fixable: { fixer: 'update', target: '1.12.4', extensionStatus: 'inactive' },
+			fixer: { status: 'in_progress', last_updated: new Date().toISOString() },
+			status: 'current',
+			filename: null,
+			context: null,
+			source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+			extension: {
+				name: 'Example Plugin',
+				slug: 'example-plugin',
+				version: '1.2.3',
+				type: 'plugin',
+			},
+		},
+		{
+			id: 12345678911,
+			signature: 'Vulnerable.WP.Extension',
+			title: 'Vulnerable Theme: Example Theme (version 2.2.2)',
+			description: 'This threat has an in-progress auto-fixer that is taking too long.',
+			firstDetected: '2024-10-02T17:34:59.000Z',
+			fixedIn: '2.22.22',
+			fixedOn: null,
+			severity: 3,
+			fixable: { fixer: 'update', target: '1.12.4', extensionStatus: 'inactive' },
+			fixer: { status: 'in_progress', last_updated: new Date( '1999-01-01' ).toISOString() },
+			status: 'current',
+			filename: null,
+			context: null,
+			source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+			extension: {
+				name: 'Example Theme',
+				slug: 'example-theme',
+				version: '2.2.2',
+				type: 'theme',
+			},
+		},
+		{
+			id: 12345678912,
+			signature: 'Vulnerable.WP.Extension',
+			title: 'Vulnerable Theme: Example Theme II (version 3.3.3)',
+			description: 'This threat has a fixer with an error status.',
+			firstDetected: '2024-10-02T17:34:59.000Z',
+			fixedIn: '3.4.5',
+			fixedOn: null,
+			severity: 3,
+			fixable: { fixer: 'update', target: '1.12.4', extensionStatus: 'inactive' },
+			fixer: { status: 'error', error: 'error' },
+			status: 'current',
+			filename: null,
+			context: null,
+			source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+			extension: {
+				name: 'Example Theme II',
+				slug: 'example-theme-2',
+				version: '3.3.3',
+				type: 'theme',
+			},
+		},
+		{
+			id: 185868972,
+			signature: 'EICAR_AV_Test_Suspicious',
+			title: 'Malicious code found in file: jptt_eicar.php',
+			description: 'This threat has no auto-fixer available.',
+			firstDetected: '2024-10-07T20:40:15.000Z',
+			fixedIn: null,
+			fixedOn: null,
+			severity: 1,
+			fixable: false,
+			status: 'current',
+			filename: '/var/www/html/wp-content/uploads/jptt_eicar.php',
+			context: {
+				'6': 'echo <<<HTML',
+				'7': 'X5O!P%@AP[4\\PZX54(P^)7CC)7}$EICAR-SUSPICIOUS-ANTIVIRUS-TEST-FILE!$H+H*',
+				'8': 'HTML;',
+				'9': 'echo <<<HTML',
+				'10': 'X5O!P%@AP[4\\PZX54(P^)7CC)7}$EICAR-SUSPICIOUS-ANTIVIRUS-TEST-FILE!$H+H*',
+				'11': 'HTML;',
+				marks: {},
+			},
+			source: null,
+		},
+	],
+};
+
+export const FreeResults = args => <ThreatsDataViews { ...args } />;
+FreeResults.args = {
+	data: [
+		{
+			id: '1d0470df-4671-47ac-8d87-a165e8f7d502',
+			title: 'WooCommerce <= 3.2.3 - Authenticated PHP Object Injection',
+			description:
+				'Versions 3.2.3 and earlier are affected by an issue where cached queries within shortcodes could lead to object injection. This is related to the recent WordPress 4.8.3 security release.This issue can only be exploited by users who can edit content and add shortcodes, but we still recommend all users running WooCommerce 3.x upgrade to 3.2 to mitigate this issue.',
+			firstDetected: null,
+			fixedIn: '3.2.4',
+			fixedOn: null,
+			severity: null,
+			fixable: null,
+			status: null,
+			filename: null,
+			context: null,
+			signature: null,
+			source: 'https://wpscan.com/vulnerability/1d0470df-4671-47ac-8d87-a165e8f7d502',
+			extension: {
+				name: 'WooCommerce',
+				slug: 'woocommerce',
+				version: '3.2.3',
+				type: 'plugin',
+			},
+		},
+		{
+			id: '7275a176-d579-471a-8492-df8edbdf27de',
+			signature: null,
+			subtitle: 'WooCommerce 3.4.5',
+			title: 'WooCommerce <= 3.4.5 - Authenticated Stored XSS',
+			description:
+				'The WooCommerce WordPress plugin was affected by an Authenticated Stored XSS security vulnerability.',
+			firstDetected: null,
+			fixedIn: '3.4.6',
+			fixedOn: null,
+			severity: null,
+			fixable: null,
+			status: null,
+			filename: null,
+			context: null,
+			source: 'https://wpscan.com/vulnerability/7275a176-d579-471a-8492-df8edbdf27de',
+			extension: {
+				name: 'WooCommerce',
+				slug: 'woocommerce',
+				version: '3.4.5',
+				type: 'plugin',
+			},
+		},
+		{
+			id: '733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+			signature: null,
+			title: 'WP Super Cache < 1.7.2 - Authenticated Remote Code Execution (RCE)',
+			description:
+				'The plugin was affected by an authenticated (admin+) RCE in the settings page due to input validation failure and weak $cache_path check in the WP Super Cache Settings -> Cache Location option. Direct access to the wp-cache-config.php file is not prohibited, so this vulnerability can be exploited for a web shell injection.\r\n\r\nAnother possible attack vector: from XSS (via another plugin affected by XSS) to RCE.',
+			firstDetected: null,
+			fixedIn: '1.7.2',
+			fixedOn: null,
+			severity: null,
+			fixable: null,
+			status: null,
+			filename: null,
+			context: null,
+			source: 'https://wpscan.com/vulnerability/733d8a02-0d44-4b78-bbb2-37e447acd2f3',
+			extension: {
+				name: 'WP Super Cache',
+				slug: 'wp-super-cache',
+				version: '1.6.3',
+				type: 'plugin',
+			},
+		},
+	],
+};
diff --git a/projects/js-packages/components/components/threats-data-views/styles.module.scss b/projects/js-packages/components/components/threats-data-views/styles.module.scss
new file mode 100644
index 0000000000000..4248f49871d5a
--- /dev/null
+++ b/projects/js-packages/components/components/threats-data-views/styles.module.scss
@@ -0,0 +1,128 @@
+@import '@wordpress/dataviews/build-style/style.css';
+
+.threat__primary {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	white-space: initial;
+}
+
+.threat__subtitle {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	font-size: 12px;
+	color: var( --jp-gray-80 );
+	margin-bottom: 4px;
+
+	> svg {
+		color: currentColor;
+	}
+}
+
+.threat__title {
+	color: var( --jp-gray-80 );
+	font-weight: 510;
+}
+
+.threat__description {
+	color: var( --jp-gray-80 );
+	font-size: 12px;
+}
+
+.threat__fixedOn,
+.threat__firstDetected {
+	white-space: nowrap;
+}
+
+.threat__fixedOn {
+	color: var( --jp-green-70 );
+}
+
+
+.threat__media {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: black;
+	background-color: #EDFFEE;
+	border-color: #EDFFEE;
+
+	svg {
+		fill: currentColor;
+	}
+}
+
+/**
+ * Auto-fix status icons
+ */
+
+ .threat__fixer {
+	min-width: 54px;
+	display: flex;
+	justify-content: center;
+}
+
+
+.fixer-status {
+	display: flex;
+	align-items: center;
+	line-height: 0;
+
+	.icon-spinner {
+		margin-left: 1px;
+	}
+
+	.icon-info {
+		margin-left: -3px;
+	}
+
+	.icon-check {
+		margin-left: -6px;
+	}
+}
+
+.icon-check {
+	fill: var( --jp-green-40 );
+}
+
+.icon-tooltip {
+	width: fit-content;
+}
+
+.icon-tooltip__container {
+	text-align: left;
+	height: 20px;
+}
+
+.icon-tooltip__icon {
+	color: var( --jp-red );
+}
+
+.icon-spinner svg {
+	margin: 0;
+}
+
+.spinner-spacer {
+	margin-left: 8px;
+}
+
+.info-spacer {
+	margin-left: 4px;
+}
+
+.check-spacer {
+	margin-left: -2px;
+}
+
+.support-link {
+	color: inherit;
+
+	&:focus,
+	&:hover {
+		color: inherit;
+		box-shadow: none;
+	}
+}
diff --git a/projects/js-packages/components/components/threats-data-views/test/index.test.tsx b/projects/js-packages/components/components/threats-data-views/test/index.test.tsx
new file mode 100644
index 0000000000000..65dd02c3a171a
--- /dev/null
+++ b/projects/js-packages/components/components/threats-data-views/test/index.test.tsx
@@ -0,0 +1,63 @@
+import { type Threat } from '@automattic/jetpack-scan';
+import { render, screen } from '@testing-library/react';
+import ThreatsDataView from '..';
+
+const data = [
+	// Scan API Data
+	{
+		id: 185869885,
+		signature: 'EICAR_AV_Test',
+		title: 'Malicious code found in file: index.php',
+		description:
+			"This is the standard EICAR antivirus test code, and not a real infection. If your site contains this code when you don't expect it to, contact Jetpack support for some help.",
+		firstDetected: '2024-10-07T20:45:06.000Z',
+		fixedIn: null,
+		fixedOn: '2024-10-07T20:45:06.000Z',
+		fixable: { fixer: 'rollback', target: 'January 26, 2024, 6:49 am', extensionStatus: '' },
+		fixer: { status: 'in_progress', startedAt: '2024-10-07T20:45:06.000Z' },
+		severity: 8,
+		status: 'current',
+		filename: '/var/www/html/wp-content/index.php',
+		context: {
+			'1': 'echo <<<HTML',
+			'2': 'X5O!P%@AP[4\\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*',
+			'3': 'HTML;',
+			marks: {},
+		},
+		source: null,
+	},
+	// Protect Report Data
+	{
+		id: '1d0470df-4671-47ac-8d87-a165e8f7d502',
+		title: 'WooCommerce <= 3.2.3 - Authenticated PHP Object Injection',
+		description:
+			'Versions 3.2.3 and earlier are affected by an issue where cached queries within shortcodes could lead to object injection. This is related to the recent WordPress 4.8.3 security release.This issue can only be exploited by users who can edit content and add shortcodes, but we still recommend all users running WooCommerce 3.x upgrade to 3.2 to mitigate this issue.',
+		source: 'https://wpscan.com/vulnerability/1d0470df-4671-47ac-8d87-a165e8f7d502',
+		extension: {
+			name: 'WooCommerce',
+			slug: 'woocommerce',
+			version: '3.2.3',
+			type: 'plugin',
+		},
+		fixedIn: '3.2.4',
+		context: null,
+		filename: null,
+		firstDetected: null,
+		fixable: null,
+		fixedOn: null,
+		fixer: null,
+		severity: null,
+		signature: null,
+		status: null,
+	},
+] as Threat[];
+
+describe( 'ThreatsDataViews', () => {
+	it( 'renders threat data', () => {
+		render( <ThreatsDataView data={ data } /> );
+		expect( screen.getByText( 'Malicious code found in file: index.php' ) ).toBeInTheDocument();
+		expect(
+			screen.getByText( 'WooCommerce <= 3.2.3 - Authenticated PHP Object Injection' )
+		).toBeInTheDocument();
+	} );
+} );
diff --git a/projects/js-packages/components/components/threats-data-views/utils.ts b/projects/js-packages/components/components/threats-data-views/utils.ts
new file mode 100644
index 0000000000000..f8c3151ea35b4
--- /dev/null
+++ b/projects/js-packages/components/components/threats-data-views/utils.ts
@@ -0,0 +1,76 @@
+import { type Threat, type ThreatFixStatus } from '@automattic/jetpack-scan';
+import { code, color, grid, plugins, shield, wordpress } from '@wordpress/icons';
+
+export const getThreatIcon = ( threat: Threat ) => {
+	const type = getThreatType( threat );
+
+	switch ( type ) {
+		case 'plugin':
+			return plugins;
+		case 'theme':
+			return color;
+		case 'core':
+			return wordpress;
+		case 'file':
+			return code;
+		case 'database':
+			return grid;
+		default:
+			return shield;
+	}
+};
+
+export const getThreatType = ( threat: Threat ) => {
+	if ( threat.signature === 'Vulnerable.WP.Core' ) {
+		return 'core';
+	}
+	if ( threat.extension ) {
+		return threat.extension.type;
+	}
+	if ( threat.filename ) {
+		return 'file';
+	}
+	if ( threat.table ) {
+		return 'database';
+	}
+
+	return null;
+};
+
+export const getThreatSubtitle = ( threat: Threat ) => {
+	const type = getThreatType( threat );
+
+	switch ( type ) {
+		case 'plugin':
+		case 'theme':
+			return `${ threat.extension?.name } (${ threat.extension?.version })`;
+		case 'core':
+			return 'WordPress Core';
+		case 'file':
+			// Trim leading slash
+			if ( threat.filename.startsWith( '/' ) ) {
+				return threat.filename.slice( 1 );
+			}
+			return threat.filename;
+		case 'database':
+			return threat.table;
+		default:
+			return '';
+	}
+};
+
+const FIXER_IS_STALE_THRESHOLD = 1000 * 60 * 60 * 24; // 24 hours
+
+export const fixerTimestampIsStale = ( lastUpdatedTimestamp: string ) => {
+	const now = new Date();
+	const lastUpdated = new Date( lastUpdatedTimestamp );
+	return now.getTime() - lastUpdated.getTime() >= FIXER_IS_STALE_THRESHOLD;
+};
+
+export const fixerStatusIsStale = ( fixerStatus: ThreatFixStatus ) => {
+	return (
+		'status' in fixerStatus &&
+		fixerStatus.status === 'in_progress' &&
+		fixerTimestampIsStale( fixerStatus.last_updated )
+	);
+};
diff --git a/projects/js-packages/components/index.ts b/projects/js-packages/components/index.ts
index d0a6a683663bf..3cfdd7aa00065 100644
--- a/projects/js-packages/components/index.ts
+++ b/projects/js-packages/components/index.ts
@@ -45,6 +45,7 @@ export * from './components/icons';
 export { default as SplitButton } from './components/split-button';
 export { default as ThemeProvider } from './components/theme-provider';
 export { default as ThreatSeverityBadge } from './components/threat-severity-badge';
+export { default as ThreatsDataViews } from './components/threats-data-views';
 export { default as Text, H2, H3, Title } from './components/text';
 export { default as ToggleControl } from './components/toggle-control';
 export { default as numberFormat } from './components/number-format';
diff --git a/projects/js-packages/components/package.json b/projects/js-packages/components/package.json
index 2add1cb76864c..1e7b3ba6f9949 100644
--- a/projects/js-packages/components/package.json
+++ b/projects/js-packages/components/package.json
@@ -16,11 +16,13 @@
 	"dependencies": {
 		"@automattic/format-currency": "1.0.1",
 		"@automattic/jetpack-boost-score-api": "workspace:*",
+		"@automattic/jetpack-scan": "workspace:*",
 		"@babel/runtime": "^7",
 		"@wordpress/browserslist-config": "6.9.0",
 		"@wordpress/components": "28.9.0",
 		"@wordpress/compose": "7.9.0",
 		"@wordpress/data": "10.9.0",
+		"@wordpress/dataviews": "4.6.0",
 		"@wordpress/date": "5.9.0",
 		"@wordpress/element": "6.9.0",
 		"@wordpress/i18n": "5.9.0",
diff --git a/projects/js-packages/scan/changelog/add-threat-and-fixer-types b/projects/js-packages/scan/changelog/add-threat-and-fixer-types
new file mode 100644
index 0000000000000..c339bfa18ace5
--- /dev/null
+++ b/projects/js-packages/scan/changelog/add-threat-and-fixer-types
@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Added threat and fixer types.
diff --git a/projects/js-packages/scan/changelog/remove-deps b/projects/js-packages/scan/changelog/remove-deps
new file mode 100644
index 0000000000000..223cefe9d9cb8
--- /dev/null
+++ b/projects/js-packages/scan/changelog/remove-deps
@@ -0,0 +1,4 @@
+Significance: patch
+Type: removed
+
+Updated dependencies.
diff --git a/projects/js-packages/scan/package.json b/projects/js-packages/scan/package.json
index 480b5a2e424e6..3215bb8366e35 100644
--- a/projects/js-packages/scan/package.json
+++ b/projects/js-packages/scan/package.json
@@ -52,8 +52,6 @@
 	"dependencies": {
 		"@automattic/jetpack-api": "workspace:*",
 		"@automattic/jetpack-base-styles": "workspace:*",
-		"@automattic/jetpack-connection": "workspace:*",
-		"@automattic/jetpack-shared-extension-utils": "workspace:*",
 		"@wordpress/api-fetch": "7.9.0",
 		"@wordpress/element": "6.9.0",
 		"@wordpress/i18n": "5.9.0",
diff --git a/projects/js-packages/scan/src/index.ts b/projects/js-packages/scan/src/index.ts
index e69de29bb2d1d..314a00ec1f4fb 100644
--- a/projects/js-packages/scan/src/index.ts
+++ b/projects/js-packages/scan/src/index.ts
@@ -0,0 +1 @@
+export * from './types/index.js';
diff --git a/projects/js-packages/scan/src/types/fixers.d.ts b/projects/js-packages/scan/src/types/fixers.d.ts
new file mode 100644
index 0000000000000..6ba9433122dbb
--- /dev/null
+++ b/projects/js-packages/scan/src/types/fixers.d.ts
@@ -0,0 +1,17 @@
+export type FixerStatus = 'not_started' | 'in_progress' | 'fixed' | 'not_fixed';
+
+/**
+ * Threat Fix Status
+ *
+ * Individual fixer status for a threat.
+ */
+export type ThreatFixStatusError = {
+	error: string;
+};
+
+export type ThreatFixStatusSuccess = {
+	status: FixerStatus;
+	last_updated: string;
+};
+
+export type ThreatFixStatus = ThreatFixStatusError | ThreatFixStatusSuccess;
diff --git a/projects/js-packages/scan/src/types/index.ts b/projects/js-packages/scan/src/types/index.ts
new file mode 100644
index 0000000000000..e831f787e4b42
--- /dev/null
+++ b/projects/js-packages/scan/src/types/index.ts
@@ -0,0 +1,2 @@
+export * from './fixers.js';
+export * from './threats.js';
diff --git a/projects/js-packages/scan/src/types/threats.d.ts b/projects/js-packages/scan/src/types/threats.d.ts
new file mode 100644
index 0000000000000..be81934adf3ac
--- /dev/null
+++ b/projects/js-packages/scan/src/types/threats.d.ts
@@ -0,0 +1,70 @@
+export type ThreatStatus = 'fixed' | 'ignored' | 'current';
+
+export type ThreatFixType = 'replace' | 'delete' | 'update' | string;
+
+export type Threat = {
+	/** The threat's unique ID. */
+	id: string | number;
+
+	/** The threat's signature. */
+	signature: string;
+
+	/** The threat's title. */
+	title: string;
+
+	/** The threat's description. */
+	description: string;
+
+	/** The threat's current status. */
+	status: ThreatStatus;
+
+	/** The threat's severity level (0-10). */
+	severity: number;
+
+	/** The date the threat was first detected on the site, in YYYY-MM-DDTHH:MM:SS.000Z format. */
+	firstDetected: string;
+
+	/** The version the threat is fixed in. */
+	fixedIn?: string | null;
+
+	/** The date the threat was fixed, in YYYY-MM-DDTHH:MM:SS.000Z format. */
+	fixedOn?: string | null;
+
+	/** The fixable details. */
+	fixable:
+		| {
+				fixer: ThreatFixType;
+				target?: string | null;
+				extensionStatus?: string | null;
+		  }
+		| false;
+
+	/** The fixer status. */
+	fixer: ThreatFixStatus;
+
+	/** The threat's source. */
+	source?: string;
+
+	/** The threat's context. */
+	context?: Record< string, unknown > | null;
+
+	/** The name of the affected file. */
+	filename: string | null;
+
+	/** The rows affected by the database threat. */
+	rows?: unknown;
+
+	/** The table name of the database threat. */
+	table?: string;
+
+	/** The diff showing the threat's modified file contents. */
+	diff?: string;
+
+	/** The affected extension. */
+	extension?: {
+		slug: string;
+		name: string;
+		version: string;
+		type: 'plugin' | 'theme' | 'core';
+	};
+};

From aaa4bed361befa0e785293a5d2889ca5ca1e6225 Mon Sep 17 00:00:00 2001
From: dkmyta <dkmyta10@gmail.com>
Date: Mon, 28 Oct 2024 10:09:58 -0600
Subject: [PATCH 10/10] Add ToggleGroupControl filters to ThreatsDataView

---
 .../components/threats-data-views/index.tsx   | 143 +++++++++++++++++-
 .../threats-data-views/styles.module.scss     |   4 +
 2 files changed, 145 insertions(+), 2 deletions(-)

diff --git a/projects/js-packages/components/components/threats-data-views/index.tsx b/projects/js-packages/components/components/threats-data-views/index.tsx
index beb94c8a3b4c9..66846fcde9948 100644
--- a/projects/js-packages/components/components/threats-data-views/index.tsx
+++ b/projects/js-packages/components/components/threats-data-views/index.tsx
@@ -1,4 +1,8 @@
-import { type Threat } from '@automattic/jetpack-scan';
+import { ThreatStatus, type Threat } from '@automattic/jetpack-scan';
+import {
+	__experimentalToggleGroupControl as ToggleGroupControl, // eslint-disable-line @wordpress/no-unsafe-wp-apis
+	__experimentalToggleGroupControlOption as ToggleGroupControlOption, // eslint-disable-line @wordpress/no-unsafe-wp-apis
+} from '@wordpress/components';
 import {
 	Action,
 	ActionButton,
@@ -12,7 +16,7 @@ import {
 	type View,
 } from '@wordpress/dataviews';
 import { dateI18n } from '@wordpress/date';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { Icon } from '@wordpress/icons';
 import { useCallback, useMemo, useState } from 'react';
 import Badge from '../badge';
@@ -22,6 +26,73 @@ import FixerStatusIcon, { FixerStatusBadge } from './fixer-status';
 import styles from './styles.module.scss';
 import { getThreatIcon, getThreatSubtitle, getThreatType } from './utils';
 
+/**
+ * ToggleGroupControl component for filtering threats by status.
+ * @param {object}   props                          - Component props.
+ * @param {number}   props.activeThreatsCount       - Number of active threats.
+ * @param {number}   props.historicThreatsCount     - Number of historic threats.
+ * @param {boolean}  props.isViewingActiveThreats   - Whether the active status is selected.
+ * @param {boolean}  props.isViewingHistoricThreats - Whether the historic status is selected.
+ * @param {Function} props.onStatusFilterChange     - Callback function to handle the status filter change.
+ * @return {JSX.Element|null} The component or null.
+ */
+export function ThreatsStatusToggleGroupControl( {
+	activeThreatsCount,
+	historicThreatsCount,
+	isViewingActiveThreats,
+	isViewingHistoricThreats,
+	onStatusFilterChange,
+}: {
+	activeThreatsCount: number;
+	historicThreatsCount: number;
+	isViewingActiveThreats: boolean;
+	isViewingHistoricThreats: boolean;
+	onStatusFilterChange: ( newValue: string ) => void;
+} ): JSX.Element {
+	if ( ! ( activeThreatsCount && historicThreatsCount ) ) {
+		return null;
+	}
+
+	let selectedValue = '';
+	if ( isViewingActiveThreats ) {
+		selectedValue = 'active';
+	} else if ( isViewingHistoricThreats ) {
+		selectedValue = 'historic';
+	}
+
+	return (
+		<ToggleGroupControl
+			className={ styles[ 'toggle-group-control' ] }
+			value={ selectedValue }
+			onChange={ onStatusFilterChange }
+		>
+			<ToggleGroupControlOption
+				value="active"
+				label={
+					<span>
+						{ sprintf(
+							/* translators: %d: number of active threats */ __( 'Active (%d)', 'jetpack' ),
+							activeThreatsCount
+						) }
+					</span>
+				}
+			/>
+			<ToggleGroupControlOption
+				value="historic"
+				label={
+					<span className={ styles[ 'toggle-control' ] }>
+						{ sprintf(
+							/* translators: %d: number of historic threats */
+							__( 'Historic (%d)', 'jetpack' ),
+							historicThreatsCount
+						) }
+					</span>
+				}
+			/>
+		</ToggleGroupControl>
+	);
+}
+
 /**
  * DataViews component for displaying security threats.
  *
@@ -367,6 +438,18 @@ export default function ThreatsDataViews( {
 		return result;
 	}, [ extensions, signatures, dataFields, view ] );
 
+	const isStatusFilterSelected = ( threatStatuses: ThreatStatus[] ) =>
+		view.filters.some(
+			filter =>
+				filter.field === 'status' &&
+				Array.isArray( filter.value ) &&
+				filter.value.length === threatStatuses.length &&
+				threatStatuses.every( threatStatus => filter.value.includes( threatStatus ) )
+		);
+
+	const isViewingActiveThreats = isStatusFilterSelected( [ 'current' ] );
+	const isViewingHistoricThreats = isStatusFilterSelected( [ 'fixed', 'ignored' ] );
+
 	/**
 	 * DataView actions - collection of operations that can be performed upon each record.
 	 *
@@ -468,6 +551,53 @@ export default function ThreatsDataViews( {
 	 */
 	const getItemId = useCallback( ( item: Threat ) => item.id.toString(), [] );
 
+	/**
+	 * Callback function to handle the status change filter.
+	 *
+	 * @param {string} newStatus - The new status filter value.
+	 */
+	const onStatusFilterChange = useCallback(
+		( newStatus: string ) => {
+			const updatedFilters = view.filters.filter( filter => filter.field !== 'status' );
+
+			if ( newStatus === 'active' ) {
+				updatedFilters.push( {
+					field: 'status',
+					operator: 'isAny',
+					value: [ 'current' ],
+				} );
+			} else if ( newStatus === 'historic' ) {
+				updatedFilters.push( {
+					field: 'status',
+					operator: 'isAny',
+					value: [ 'fixed', 'ignored' ],
+				} );
+			}
+
+			setView( {
+				...view,
+				filters: updatedFilters,
+			} );
+		},
+		[ view ]
+	);
+
+	/**
+	 * Compute the number of active and historic threats.
+	 */
+	const activeThreatsCount = useMemo(
+		() => data.filter( item => item.status === 'current' ).length,
+		[ data ]
+	);
+
+	/**
+	 * Compute the number of active and historic threats.
+	 */
+	const historicThreatsCount = useMemo(
+		() => data.filter( item => [ 'fixed', 'ignored' ].includes( item.status ) ).length,
+		[ data ]
+	);
+
 	return (
 		<DataViews
 			actions={ actions }
@@ -479,6 +609,15 @@ export default function ThreatsDataViews( {
 			onChangeView={ onChangeView }
 			paginationInfo={ paginationInfo }
 			view={ view }
+			header={
+				<ThreatsStatusToggleGroupControl
+					activeThreatsCount={ activeThreatsCount }
+					historicThreatsCount={ historicThreatsCount }
+					isViewingActiveThreats={ isViewingActiveThreats }
+					isViewingHistoricThreats={ isViewingHistoricThreats }
+					onStatusFilterChange={ onStatusFilterChange }
+				/>
+			}
 		/>
 	);
 }
diff --git a/projects/js-packages/components/components/threats-data-views/styles.module.scss b/projects/js-packages/components/components/threats-data-views/styles.module.scss
index 4248f49871d5a..21bbc984a3dcf 100644
--- a/projects/js-packages/components/components/threats-data-views/styles.module.scss
+++ b/projects/js-packages/components/components/threats-data-views/styles.module.scss
@@ -126,3 +126,7 @@
 		box-shadow: none;
 	}
 }
+
+.toggle-control {
+	white-space: nowrap;
+}