Automattic · anomiex · Jan 30, 2026 · Jan 30, 2026 · Jan 30, 2026 · Jan 30, 2026
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/projects/js-packages/ai-client/changelog/renovate-wordpress-monorepo b/projects/js-packages/ai-client/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/ai-client/package.json b/projects/js-packages/ai-client/package.json
@@ -44,20 +44,20 @@
 		"@types/jest": "30.0.0",
 		"@types/react": "18.3.26",
 		"@types/wordpress__block-editor": "11.5.17",
-		"@wordpress/api-fetch": "7.38.0",
-		"@wordpress/base-styles": "6.14.0",
-		"@wordpress/blob": "4.38.0",
-		"@wordpress/block-editor": "15.11.0",
-		"@wordpress/blocks": "15.11.0",
-		"@wordpress/components": "32.0.0",
-		"@wordpress/compose": "7.38.0",
-		"@wordpress/data": "10.38.0",
-		"@wordpress/editor": "14.38.0",
-		"@wordpress/element": "6.38.0",
-		"@wordpress/i18n": "6.11.0",
-		"@wordpress/icons": "11.5.0",
-		"@wordpress/primitives": "4.38.0",
-		"@wordpress/url": "4.38.0",
+		"@wordpress/api-fetch": "7.39.0",
+		"@wordpress/base-styles": "6.15.0",
+		"@wordpress/blob": "4.39.0",
+		"@wordpress/block-editor": "15.12.0",
+		"@wordpress/blocks": "15.12.0",
+		"@wordpress/components": "32.1.0",
+		"@wordpress/compose": "7.39.0",
+		"@wordpress/data": "10.39.0",
+		"@wordpress/editor": "14.39.0",
+		"@wordpress/element": "6.39.0",
+		"@wordpress/i18n": "6.12.0",
+		"@wordpress/icons": "11.6.0",
+		"@wordpress/primitives": "4.39.0",
+		"@wordpress/url": "4.39.0",
 		"clsx": "2.1.1",
 		"debug": "4.4.3",
 		"markdown-it": "14.1.0",

diff --git a/projects/js-packages/ai-client/src/components/message/index.tsx b/projects/js-packages/ai-client/src/components/message/index.tsx
@@ -169,7 +169,10 @@ export function FairUsageLimitMessage(): ReactElement {
 	);
 	const element = createInterpolateElement( message, {
 		link: (
-			<ExternalLink href="https://jetpack.com/redirect/?source=ai-assistant-fair-usage-policy" />
+			<ExternalLink
+				href="https://jetpack.com/redirect/?source=ai-assistant-fair-usage-policy"
+				children={ null }
+			/>
 		),
 	} );
 

diff --git a/projects/js-packages/api/changelog/renovate-wordpress-monorepo b/projects/js-packages/api/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/api/package.json b/projects/js-packages/api/package.json
@@ -23,7 +23,7 @@
 	},
 	"dependencies": {
 		"@automattic/jetpack-config": "workspace:*",
-		"@wordpress/url": "4.38.0"
+		"@wordpress/url": "4.39.0"
 	},
 	"devDependencies": {
 		"jest": "30.2.0"

diff --git a/projects/js-packages/base-styles/changelog/renovate-wordpress-monorepo b/projects/js-packages/base-styles/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/base-styles/package.json b/projects/js-packages/base-styles/package.json
@@ -20,6 +20,6 @@
 		"build-production-js": "echo 'Not implemented.'"
 	},
 	"devDependencies": {
-		"@wordpress/base-styles": "6.14.0"
+		"@wordpress/base-styles": "6.15.0"
 	}
 }
diff --git a/projects/js-packages/boost-score-api/changelog/renovate-wordpress-monorepo b/projects/js-packages/boost-score-api/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/boost-score-api/package.json b/projects/js-packages/boost-score-api/package.json
@@ -31,7 +31,7 @@
 		"watch": "pnpm run build && pnpm webpack watch"
 	},
 	"dependencies": {
-		"@wordpress/i18n": "6.11.0",
+		"@wordpress/i18n": "6.12.0",
 		"zod": "3.25.76"
 	},
 	"devDependencies": {

diff --git a/projects/js-packages/charts/changelog/renovate-wordpress-monorepo b/projects/js-packages/charts/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/charts/package.json b/projects/js-packages/charts/package.json
@@ -241,8 +241,8 @@
 		"@types/react": "18.3.26",
 		"@types/react-dom": "18.3.7",
 		"@visx/glyph": "3.12.0",
-		"@wordpress/components": "32.0.0",
-		"@wordpress/element": "6.38.0",
+		"@wordpress/components": "32.1.0",
+		"@wordpress/element": "6.39.0",
 		"babel-jest": "30.2.0",
 		"esbuild": "0.25.9",
 		"esbuild-sass-plugin": "^3.1.0",

diff --git a/projects/js-packages/charts/src/charts/pie-chart/stories/donut.stories.tsx b/projects/js-packages/charts/src/charts/pie-chart/stories/donut.stories.tsx
@@ -413,7 +413,7 @@ const CustomPieLegend = ( {
 
 			return (
 				<Fragment key={ index }>
-					<HStack direction="row" justify="flex-start" gap={ 2 }>
+					<HStack direction="row" justify="flex-start" spacing={ 2 }>
 						<div
 							style={ {
 								width: '8px',

diff --git a/projects/js-packages/components/changelog/renovate-wordpress-monorepo b/projects/js-packages/components/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/components/components/button/index.tsx b/projects/js-packages/components/components/button/index.tsx
@@ -5,7 +5,6 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import styles from './style.module.scss';
 import type { ButtonProps } from './types.ts';
-import type { ReactNode } from 'react';
 
 /**
  * Button component
@@ -41,8 +40,6 @@ const Button = forwardRef< HTMLInputElement, ButtonProps >( ( props, ref ) => {
 		[ styles[ 'is-icon-button' ] ]: Boolean( icon ) && ! children,
 	} );
 
-	componentProps.ref = ref;
-
 	const externalIconSize = size === 'normal' ? 20 : 16;
 	const externalIcon = isExternalLink && (
 		<>
@@ -64,19 +61,23 @@ const Button = forwardRef< HTMLInputElement, ButtonProps >( ( props, ref ) => {
 		// Tooltip should not considered as a child
 		children?.[ 0 ]?.props?.className !== 'components-tooltip';
 
+	// Cast to work around WPButton's strict union type that can't be satisfied when spreading props
+	const wpButtonProps = {
+		ref,
+		target: externalTarget,
+		variant,
+		className: clsx( className, { 'has-text': !! icon && hasChildren } ),
+		icon: ! isExternalLink ? icon : undefined,
+		iconSize,
+		disabled,
+		'aria-disabled': disabled,
+		isDestructive,
+		text,
+		...componentProps,
+	} as React.ComponentProps< typeof WPButton >;
+
 	return (
-		<WPButton
-			target={ externalTarget }
-			variant={ variant }
-			className={ clsx( className, { 'has-text': !! icon && hasChildren } ) }
-			icon={ ! isExternalLink ? icon : undefined }
-			iconSize={ iconSize }
-			disabled={ disabled }
-			aria-disabled={ disabled }
-			isDestructive={ isDestructive }
-			text={ text }
-			{ ...componentProps }
-		>
+		<WPButton { ...wpButtonProps }>
 			{ isLoading && <Spinner /> }
 			<span>{ children }</span>
 			{ externalIcon }

diff --git a/projects/js-packages/components/components/button/types.ts b/projects/js-packages/components/components/button/types.ts
@@ -1,5 +1,5 @@
 import { Button } from '@wordpress/components';
-import type { ComponentProps, ForwardedRef, ReactNode } from 'react';
+import type { ComponentProps, ForwardedRef, MouseEventHandler, ReactNode } from 'react';
 
 type JetpackButtonBaseProps = {
 	className?: string;
@@ -14,8 +14,16 @@ type JetpackButtonBaseProps = {
 	weight?: 'bold' | 'regular';
 	fullWidth?: boolean;
 	ref?: ForwardedRef< unknown >;
+	href?: string;
+	target?: string;
+	onClick?: MouseEventHandler< HTMLButtonElement > | MouseEventHandler< HTMLAnchorElement >;
 };
 
-type WPButtonProps = Omit< ComponentProps< typeof Button >, 'size' | 'variant' >;
+// Extract base props from WordPress Button, omitting the union-discriminated properties
+// that cause type conflicts (size, variant, disabled, href)
+type WPButtonBaseProps = Omit<
+	ComponentProps< typeof Button >,
+	'size' | 'variant' | 'disabled' | 'href' | 'target' | 'onClick'
+>;
 
-export type ButtonProps = JetpackButtonBaseProps & WPButtonProps;
+export type ButtonProps = JetpackButtonBaseProps & WPButtonBaseProps;
diff --git a/projects/js-packages/components/components/copy-to-clipboard/index.tsx b/projects/js-packages/components/components/copy-to-clipboard/index.tsx
@@ -4,7 +4,7 @@ import { __ } from '@wordpress/i18n';
 import Button from '../button/index.tsx';
 import { ClipboardIcon, CheckmarkIcon } from '../icons/index.tsx';
 import { CopyToClipboardProps } from './types.ts';
-import type { FC, ReactNode } from 'react';
+import type { FC } from 'react';
 
 export const CopyToClipboard: FC< CopyToClipboardProps > = ( {
 	buttonStyle = 'icon',
@@ -40,8 +40,8 @@ export const CopyToClipboard: FC< CopyToClipboardProps > = ( {
 		};
 	}, [] );
 
-	let icon: ReactNode = null;
-	let label: ReactNode = null;
+	let icon: JSX.Element = null;
+	let label: string = null;
 
 	if ( 'text' !== buttonStyle ) {
 		icon = hasCopied ? <CheckmarkIcon /> : <ClipboardIcon />;

diff --git a/projects/js-packages/components/components/icon-tooltip/index.tsx b/projects/js-packages/components/components/icon-tooltip/index.tsx
@@ -64,12 +64,12 @@ const IconTooltip: FC< IconTooltipProps > = ( {
 		resize: false,
 		flip: false,
 		offset, // The distance (in px) between the anchor and the popover.
-		focusOnMount: 'container' as const,
+		focusOnMount: 'firstElement',
 		onClose: hideTooltip,
 		className: 'icon-tooltip-container',
 		inline,
 		shift,
-	};
+	} satisfies Omit< React.ComponentProps< typeof Popover >, 'children' >;
 
 	const isAnchorWrapper = popoverAnchorStyle === 'wrapper';
 

diff --git a/projects/js-packages/components/components/number-control/index.jsx b/projects/js-packages/components/components/number-control/index.jsx
@@ -7,9 +7,10 @@ import {
  * This uses the experimental NumberControl from the block
  * editor where available, otherwise it falls back to a
  * standard TextControl, limited to numbers.
+ * @type {import('react').ComponentType<any>}
  *
  * @param {any} props - the NumberControl component props
- * @return {object} - NumberControl component
+ * @return {import('react').ReactNode} - NumberControl component
  */
 const NumberControl =
 	ExperimentalNumberControl ||

diff --git a/projects/js-packages/components/components/pricing-card/types.ts b/projects/js-packages/components/components/pricing-card/types.ts
@@ -1,8 +1,7 @@
 /**
  * External dependencies
  */
-import type { Button } from '@wordpress/components';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 export type PricingCardProps = {
 	/**
@@ -36,7 +35,7 @@ export type PricingCardProps = {
 	/**
 	 * The CTA callback to be called on click.
 	 */
-	onCtaClick?: ComponentProps< typeof Button >[ 'onClick' ];
+	onCtaClick?: React.MouseEventHandler< HTMLButtonElement >;
 	/**
 	 * Optional informative text.
 	 */

diff --git a/projects/js-packages/components/components/split-button/index.tsx b/projects/js-packages/components/components/split-button/index.tsx
@@ -21,10 +21,17 @@ const SplitButton: FC< SplitButtonProps > = ( {
 	label,
 	...buttonProps
 } ) => {
+	// Cast to work around WPButton's strict union type
+	const wpButtonProps = {
+		variant,
+		className: styles.button,
+		...buttonProps,
+	} as React.ComponentProps< typeof Button >;
+
 	return (
 		<Flex className={ styles[ 'split-button' ] }>
 			<div role="group" className="components-button-group">
-				<Button variant={ variant } { ...buttonProps } className={ styles.button } />
+				<Button { ...wpButtonProps } />
 				<DropdownMenu
 					toggleProps={ { variant, className: styles.button, ...toggleProps } }
 					popoverProps={ { noArrow: false, ...popoverProps } }

diff --git a/projects/js-packages/components/package.json b/projects/js-packages/components/package.json
@@ -53,15 +53,15 @@
 		"@automattic/jetpack-script-data": "workspace:*",
 		"@automattic/number-formatters": "workspace:*",
 		"@babel/runtime": "^7",
-		"@wordpress/browserslist-config": "6.38.0",
-		"@wordpress/components": "32.0.0",
-		"@wordpress/compose": "7.38.0",
-		"@wordpress/data": "10.38.0",
-		"@wordpress/date": "5.38.0",
-		"@wordpress/element": "6.38.0",
-		"@wordpress/i18n": "6.11.0",
-		"@wordpress/icons": "11.5.0",
-		"@wordpress/notices": "5.38.0",
+		"@wordpress/browserslist-config": "6.39.0",
+		"@wordpress/components": "32.1.0",
+		"@wordpress/compose": "7.39.0",
+		"@wordpress/data": "10.39.0",
+		"@wordpress/date": "5.39.0",
+		"@wordpress/element": "6.39.0",
+		"@wordpress/i18n": "6.12.0",
+		"@wordpress/icons": "11.6.0",
+		"@wordpress/notices": "5.39.0",
 		"clsx": "2.1.1",
 		"prop-types": "^15.7.2",
 		"qrcode.react": "4.2.0",

diff --git a/projects/js-packages/connection/changelog/renovate-wordpress-monorepo b/projects/js-packages/connection/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/connection/package.json b/projects/js-packages/connection/package.json
@@ -33,14 +33,14 @@
 		"@automattic/jetpack-components": "workspace:*",
 		"@automattic/jetpack-config": "workspace:*",
 		"@automattic/jetpack-script-data": "workspace:*",
-		"@wordpress/base-styles": "6.14.0",
-		"@wordpress/browserslist-config": "6.38.0",
-		"@wordpress/components": "32.0.0",
-		"@wordpress/data": "10.38.0",
-		"@wordpress/element": "6.38.0",
-		"@wordpress/i18n": "6.11.0",
-		"@wordpress/icons": "11.5.0",
-		"@wordpress/url": "4.38.0",
+		"@wordpress/base-styles": "6.15.0",
+		"@wordpress/browserslist-config": "6.39.0",
+		"@wordpress/components": "32.1.0",
+		"@wordpress/data": "10.39.0",
+		"@wordpress/element": "6.39.0",
+		"@wordpress/i18n": "6.12.0",
+		"@wordpress/icons": "11.6.0",
+		"@wordpress/url": "4.39.0",
 		"clsx": "2.1.1",
 		"debug": "4.4.3",
 		"prop-types": "^15.7.2"

diff --git a/projects/js-packages/eslint-config-target-es/changelog/renovate-wordpress-monorepo#2 b/projects/js-packages/eslint-config-target-es/changelog/renovate-wordpress-monorepo#2
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/eslint-config-target-es/package.json b/projects/js-packages/eslint-config-target-es/package.json
@@ -44,7 +44,7 @@
 		"semver": "^7.3.5"
 	},
 	"devDependencies": {
-		"@wordpress/browserslist-config": "6.38.0",
+		"@wordpress/browserslist-config": "6.39.0",
 		"eslint": "9.39.1",
 		"eslint-plugin-es-x": "9.2.0",
 		"globals": "16.5.0",

diff --git a/projects/js-packages/i18n-loader-webpack-plugin/changelog/renovate-wordpress-monorepo b/projects/js-packages/i18n-loader-webpack-plugin/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/i18n-loader-webpack-plugin/package.json b/projects/js-packages/i18n-loader-webpack-plugin/package.json
@@ -33,8 +33,8 @@
 		"debug": "^4.3.2"
 	},
 	"devDependencies": {
-		"@wordpress/dependency-extraction-webpack-plugin": "6.38.0",
-		"@wordpress/i18n": "6.11.0",
+		"@wordpress/dependency-extraction-webpack-plugin": "6.39.0",
+		"@wordpress/i18n": "6.12.0",
 		"jest": "30.2.0",
 		"webpack": "5.101.3",
 		"webpack-cli": "6.0.1"

diff --git a/projects/js-packages/idc/changelog/renovate-wordpress-monorepo b/projects/js-packages/idc/changelog/renovate-wordpress-monorepo
@@ -0,0 +1,4 @@
+Significance: patch
+Type: changed
+
+Update package dependencies.
diff --git a/projects/js-packages/idc/package.json b/projects/js-packages/idc/package.json
@@ -17,13 +17,13 @@
 		"@automattic/jetpack-api": "workspace:*",
 		"@automattic/jetpack-base-styles": "workspace:*",
 		"@automattic/jetpack-components": "workspace:*",
-		"@wordpress/base-styles": "6.14.0",
-		"@wordpress/components": "32.0.0",
-		"@wordpress/compose": "7.38.0",
-		"@wordpress/data": "10.38.0",
-		"@wordpress/element": "6.38.0",
-		"@wordpress/i18n": "6.11.0",
-		"@wordpress/url": "4.38.0",
+		"@wordpress/base-styles": "6.15.0",
+		"@wordpress/components": "32.1.0",
+		"@wordpress/compose": "7.39.0",
+		"@wordpress/data": "10.39.0",
+		"@wordpress/element": "6.39.0",
+		"@wordpress/i18n": "6.12.0",
+		"@wordpress/url": "4.39.0",
 		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {