@wordpress/block-library 9.13.1-next.cd6172eb0.0 → 9.15.0

package/build-style/style.css

@@ -169,13 +169,13 @@
   font-size: inherit;
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
-  width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
+  width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75);
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
-  width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
+  width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
-  width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
+  width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
   width: 100%;
@@ -536,7 +536,7 @@
   padding: calc(0.667em + 2px);
 }
 
-:where(.wp-block-post-comments input[type="submit"]) {
+:where(.wp-block-post-comments input[type=submit]) {
   border: none;
 }
 
@@ -598,7 +598,6 @@
 .wp-block-comment-template.aligncenter {
   margin-left: auto;
   margin-right: auto;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-comment-template.alignright {
@@ -1184,7 +1183,6 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
 }
 .wp-block-form-input__label:has(input[type=checkbox]) {
   flex-direction: row;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
@@ -1196,7 +1194,6 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
 }
 
 .wp-block-form-input__label-content {
-  width: -moz-fit-content;
   width: fit-content;
 }
 
@@ -1410,7 +1407,7 @@ figure.wp-block-gallery.has-nested-images {
 }
 
 .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
-  width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2));
+  width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
   margin: 0;
 }
 .wp-block-gallery.has-nested-images figure.wp-block-image {
@@ -1566,7 +1563,7 @@ figure.wp-block-gallery.has-nested-images {
   }
   .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
-    width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5));
+    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5);
   }
   .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
     width: 100%;
@@ -1596,17 +1593,17 @@ h5.has-background,
 h6.has-background {
   padding: 1.25em 2.375em;
 }
-h1.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]), h1.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]),
-h2.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]),
-h2.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]),
-h3.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]),
-h3.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]),
-h4.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]),
-h4.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]),
-h5.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]),
-h5.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]),
-h6.has-text-align-right[style*=writing-mode]:where([style*="vertical-rl"]),
-h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
+h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
+h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
+h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
+h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
+h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
+h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
+h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
+h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
+h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
+h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
+h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
   rotate: 180deg;
 }
 
@@ -1832,7 +1829,7 @@ h6.has-text-align-left[style*=writing-mode]:where([style*="vertical-lr"]) {
   height: 100%;
   position: absolute;
   z-index: 2000000;
-  background-color: white;
+  background-color: rgb(255, 255, 255);
   opacity: 0.9;
 }
 .wp-lightbox-overlay.active {
@@ -1936,16 +1933,16 @@ ol.wp-block-latest-comments {
   box-sizing: border-box;
 }
 
-:where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment)) {
+:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
   line-height: 1.1;
 }
 
-:where(.wp-block-latest-comments:not([style*="line-height"] .wp-block-latest-comments__comment-excerpt p)) {
+:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
   line-height: 1.8;
 }
 
-.has-dates :where(.wp-block-latest-comments:not([style*="line-height"])),
-.has-excerpts :where(.wp-block-latest-comments:not([style*="line-height"])) {
+.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),
+.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])) {
   line-height: 1.5;
 }
 
@@ -2063,7 +2060,8 @@ ol.wp-block-latest-comments {
   font-size: 0.8125em;
 }
 
-.wp-block-latest-posts__post-excerpt {
+.wp-block-latest-posts__post-excerpt,
+.wp-block-latest-posts__post-full-content {
   margin-top: 0.5em;
   margin-bottom: 1em;
 }
@@ -2890,7 +2888,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   font-family: inherit;
 }
 :where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])) {
+:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
   padding: calc(0.667em + 2px);
 }
 
@@ -2915,7 +2913,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
   letter-spacing: inherit;
 }
-.wp-block-post-comments-form :where(input[type="submit"]) {
+.wp-block-post-comments-form :where(input[type=submit]) {
   box-shadow: none;
   cursor: pointer;
   display: inline-block;
@@ -2953,6 +2951,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   display: flow-root;
 }
 
+.wp-block-post-comments-link {
+  box-sizing: border-box;
+}
+
 .wp-block-post-date {
   box-sizing: border-box;
 }
@@ -3170,6 +3172,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   max-width: 100%;
   list-style: none;
   padding: 0;
+  box-sizing: border-box;
 }
 .wp-block-post-template.is-flex-container {
   flex-direction: row;
@@ -3252,6 +3255,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   box-sizing: border-box;
 }
 
+.wp-block-query-total {
+  box-sizing: border-box;
+}
+
 .wp-block-quote {
   box-sizing: border-box;
   overflow-wrap: break-word;
@@ -3277,13 +3284,12 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 
 .wp-block-read-more {
   display: block;
-  width: -moz-fit-content;
   width: fit-content;
 }
-.wp-block-read-more:where(:not([style*="text-decoration"])) {
+.wp-block-read-more:where(:not([style*=text-decoration])) {
   text-decoration: none;
 }
-.wp-block-read-more:where(:not([style*="text-decoration"])):focus, .wp-block-read-more:where(:not([style*="text-decoration"])):active {
+.wp-block-read-more:where(:not([style*=text-decoration])):focus, .wp-block-read-more:where(:not([style*=text-decoration])):active {
   text-decoration: none;
 }
 
@@ -3935,8 +3941,8 @@ ul.wp-block-rss.is-grid li {
 }
 
 :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
-  padding-left: calc((2/3) * 1em);
-  padding-right: calc((2/3) * 1em);
+  padding-left: 0.6666666667em;
+  padding-right: 0.6666666667em;
 }
 
 .wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
@@ -4145,13 +4151,13 @@ ul.wp-block-rss.is-grid li {
   margin-right: 0;
 }
 .wp-block-text-columns.columns-2 .wp-block-column {
-  width: calc(100% / 2);
+  width: 50%;
 }
 .wp-block-text-columns.columns-3 .wp-block-column {
-  width: calc(100% / 3);
+  width: 33.3333333333%;
 }
 .wp-block-text-columns.columns-4 .wp-block-column {
-  width: calc(100% / 4);
+  width: 25%;
 }
 
 pre.wp-block-verse {
@@ -4229,25 +4235,25 @@ a[data-fn].fn::after {
   color: #313131;
 }
 :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
-  background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);
+  background: linear-gradient(135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%);
 }
 :root .has-purple-crush-gradient-background {
-  background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
+  background: linear-gradient(135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
 }
 :root .has-hazy-dawn-gradient-background {
-  background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
+  background: linear-gradient(135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
 }
 :root .has-subdued-olive-gradient-background {
-  background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
+  background: linear-gradient(135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
 }
 :root .has-atomic-cream-gradient-background {
-  background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);
+  background: linear-gradient(135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
 }
 :root .has-nightshade-gradient-background {
-  background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
+  background: linear-gradient(135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
 }
 :root .has-midnight-gradient-background {
-  background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
+  background: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
 }
 
 .has-regular-font-size {
@@ -4347,46 +4353,46 @@ html :where(.has-border-color) {
   border-style: solid;
 }
 
-html :where([style*="border-top-color"]) {
+html :where([style*=border-top-color]) {
   border-top-style: solid;
 }
 
-html :where([style*="border-right-color"]) {
+html :where([style*=border-right-color]) {
   border-right-style: solid;
 }
 
-html :where([style*="border-bottom-color"]) {
+html :where([style*=border-bottom-color]) {
   border-bottom-style: solid;
 }
 
-html :where([style*="border-left-color"]) {
+html :where([style*=border-left-color]) {
   border-left-style: solid;
 }
 
-html :where([style*="border-width"]) {
+html :where([style*=border-width]) {
   border-style: solid;
 }
 
-html :where([style*="border-top-width"]) {
+html :where([style*=border-top-width]) {
   border-top-style: solid;
 }
 
-html :where([style*="border-right-width"]) {
+html :where([style*=border-right-width]) {
   border-right-style: solid;
 }
 
-html :where([style*="border-bottom-width"]) {
+html :where([style*=border-bottom-width]) {
   border-bottom-style: solid;
 }
 
-html :where([style*="border-left-width"]) {
+html :where([style*=border-left-width]) {
   border-left-style: solid;
 }
 
 /**
  * Provide baseline responsiveness for images.
  */
-html :where(img[class*="wp-image-"]) {
+html :where(img[class*=wp-image-]) {
   height: auto;
   max-width: 100%;
 }

package/build-style/tag-cloud/editor-rtl.css

@@ -103,9 +103,4 @@
   padding: 0;
   border: none;
   border-radius: inherit;
-}
-
-.wp-block-tag-cloud__inspector-settings .components-base-control,
-.wp-block-tag-cloud__inspector-settings .components-base-control:last-child {
-  margin-bottom: 0;
 }

package/build-style/tag-cloud/editor.css

@@ -103,9 +103,4 @@
   padding: 0;
   border: none;
   border-radius: inherit;
-}
-
-.wp-block-tag-cloud__inspector-settings .components-base-control,
-.wp-block-tag-cloud__inspector-settings .components-base-control:last-child {
-  margin-bottom: 0;
 }

package/build-style/text-columns/style-rtl.css

@@ -115,11 +115,11 @@
   margin-left: 0;
 }
 .wp-block-text-columns.columns-2 .wp-block-column {
-  width: calc(100% / 2);
+  width: 50%;
 }
 .wp-block-text-columns.columns-3 .wp-block-column {
-  width: calc(100% / 3);
+  width: 33.3333333333%;
 }
 .wp-block-text-columns.columns-4 .wp-block-column {
-  width: calc(100% / 4);
+  width: 25%;
 }

package/build-style/text-columns/style.css

@@ -115,11 +115,11 @@
   margin-right: 0;
 }
 .wp-block-text-columns.columns-2 .wp-block-column {
-  width: calc(100% / 2);
+  width: 50%;
 }
 .wp-block-text-columns.columns-3 .wp-block-column {
-  width: calc(100% / 3);
+  width: 33.3333333333%;
 }
 .wp-block-text-columns.columns-4 .wp-block-column {
-  width: calc(100% / 4);
+  width: 25%;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.13.1-next.cd6172eb0.0",
+	"version": "9.15.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -28,6 +28,7 @@
 	"wpScript": true,
 	"wpScriptModuleExports": {
 		"./file/view": "./build-module/file/view.js",
+		"./form/view": "./build-module/form/view.js",
 		"./image/view": "./build-module/image/view.js",
 		"./navigation/view": "./build-module/navigation/view.js",
 		"./query/view": "./build-module/query/view.js",
@@ -40,39 +41,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/api-fetch": "^7.13.1-next.cd6172eb0.0",
-		"@wordpress/autop": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/blob": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/block-editor": "^14.8.1-next.cd6172eb0.0",
-		"@wordpress/blocks": "^14.2.1-next.cd6172eb0.0",
-		"@wordpress/components": "*",
-		"@wordpress/compose": "^7.13.1-next.cd6172eb0.0",
-		"@wordpress/core-data": "^7.13.1-next.cd6172eb0.0",
-		"@wordpress/data": "^10.13.1-next.cd6172eb0.0",
-		"@wordpress/date": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/deprecated": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/dom": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/element": "^6.13.1-next.cd6172eb0.0",
-		"@wordpress/escape-html": "^3.13.1-next.cd6172eb0.0",
-		"@wordpress/hooks": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/html-entities": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/i18n": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/icons": "^10.13.1-next.cd6172eb0.0",
-		"@wordpress/interactivity": "^6.13.1-next.cd6172eb0.0",
-		"@wordpress/interactivity-router": "^2.13.1-next.cd6172eb0.0",
-		"@wordpress/keyboard-shortcuts": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/keycodes": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/notices": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/patterns": "^2.13.1-next.cd6172eb0.0",
-		"@wordpress/primitives": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/private-apis": "^1.13.1-next.cd6172eb0.0",
-		"@wordpress/reusable-blocks": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/rich-text": "^7.13.1-next.cd6172eb0.0",
-		"@wordpress/server-side-render": "^5.13.1-next.cd6172eb0.0",
-		"@wordpress/url": "^4.13.1-next.cd6172eb0.0",
-		"@wordpress/viewport": "^6.13.1-next.cd6172eb0.0",
-		"@wordpress/wordcount": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/a11y": "^4.15.0",
+		"@wordpress/api-fetch": "^7.15.0",
+		"@wordpress/autop": "^4.15.0",
+		"@wordpress/blob": "^4.15.0",
+		"@wordpress/block-editor": "^14.10.0",
+		"@wordpress/blocks": "^14.4.0",
+		"@wordpress/components": "^29.1.0",
+		"@wordpress/compose": "^7.15.0",
+		"@wordpress/core-data": "^7.15.0",
+		"@wordpress/data": "^10.15.0",
+		"@wordpress/date": "^5.15.0",
+		"@wordpress/deprecated": "^4.15.0",
+		"@wordpress/dom": "^4.15.0",
+		"@wordpress/element": "^6.15.0",
+		"@wordpress/escape-html": "^3.15.0",
+		"@wordpress/hooks": "^4.15.0",
+		"@wordpress/html-entities": "^4.15.0",
+		"@wordpress/i18n": "^5.15.0",
+		"@wordpress/icons": "^10.15.0",
+		"@wordpress/interactivity": "^6.15.0",
+		"@wordpress/interactivity-router": "^2.15.0",
+		"@wordpress/keyboard-shortcuts": "^5.15.0",
+		"@wordpress/keycodes": "^4.15.0",
+		"@wordpress/notices": "^5.15.0",
+		"@wordpress/patterns": "^2.15.0",
+		"@wordpress/primitives": "^4.15.0",
+		"@wordpress/private-apis": "^1.15.0",
+		"@wordpress/reusable-blocks": "^5.15.0",
+		"@wordpress/rich-text": "^7.15.0",
+		"@wordpress/server-side-render": "^5.15.0",
+		"@wordpress/url": "^4.15.0",
+		"@wordpress/viewport": "^6.15.0",
+		"@wordpress/wordcount": "^4.15.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -90,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4cc93dc1781d8a7bc2bbde265913917920e2bd45"
+	"gitHead": "75a65eb8ffc168a92042544052f46d080a71ea45"
 }

package/src/archives/edit.js

@@ -2,70 +2,128 @@
  * WordPress dependencies
  */
 import {
-	PanelBody,
 	ToggleControl,
 	SelectControl,
 	Disabled,
+	__experimentalToolsPanel as ToolsPanel,
+	__experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import ServerSideRender from '@wordpress/server-side-render';
 
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
+
 export default function ArchivesEdit( { attributes, setAttributes } ) {
 	const { showLabel, showPostCounts, displayAsDropdown, type } = attributes;
 
+	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+
 	return (
 		<>
 			<InspectorControls>
-				<PanelBody title={ __( 'Settings' ) }>
-					<ToggleControl
-						__nextHasNoMarginBottom
+				<ToolsPanel
+					label={ __( 'Settings' ) }
+					resetAll={ () => {
+						setAttributes( {
+							displayAsDropdown: false,
+							showLabel: false,
+							showPostCounts: false,
+							type: 'monthly',
+						} );
+					} }
+					dropdownMenuProps={ dropdownMenuProps }
+				>
+					<ToolsPanelItem
 						label={ __( 'Display as dropdown' ) }
-						checked={ displayAsDropdown }
-						onChange={ () =>
-							setAttributes( {
-								displayAsDropdown: ! displayAsDropdown,
-							} )
+						isShownByDefault
+						hasValue={ () => displayAsDropdown }
+						onDeselect={ () =>
+							setAttributes( { displayAsDropdown: false } )
 						}
-					/>
-					{ displayAsDropdown && (
+					>
 						<ToggleControl
 							__nextHasNoMarginBottom
-							label={ __( 'Show label' ) }
-							checked={ showLabel }
+							label={ __( 'Display as dropdown' ) }
+							checked={ displayAsDropdown }
 							onChange={ () =>
 								setAttributes( {
-									showLabel: ! showLabel,
+									displayAsDropdown: ! displayAsDropdown,
 								} )
 							}
 						/>
+					</ToolsPanelItem>
+
+					{ displayAsDropdown && (
+						<ToolsPanelItem
+							label={ __( 'Show label' ) }
+							isShownByDefault
+							hasValue={ () => showLabel }
+							onDeselect={ () =>
+								setAttributes( { showLabel: false } )
+							}
+						>
+							<ToggleControl
+								__nextHasNoMarginBottom
+								label={ __( 'Show label' ) }
+								checked={ showLabel }
+								onChange={ () =>
+									setAttributes( {
+										showLabel: ! showLabel,
+									} )
+								}
+							/>
+						</ToolsPanelItem>
 					) }
-					<ToggleControl
-						__nextHasNoMarginBottom
+
+					<ToolsPanelItem
 						label={ __( 'Show post counts' ) }
-						checked={ showPostCounts }
-						onChange={ () =>
-							setAttributes( {
-								showPostCounts: ! showPostCounts,
-							} )
+						isShownByDefault
+						hasValue={ () => showPostCounts }
+						onDeselect={ () =>
+							setAttributes( { showPostCounts: false } )
 						}
-					/>
-					<SelectControl
-						__next40pxDefaultSize
-						__nextHasNoMarginBottom
+					>
+						<ToggleControl
+							__nextHasNoMarginBottom
+							label={ __( 'Show post counts' ) }
+							checked={ showPostCounts }
+							onChange={ () =>
+								setAttributes( {
+									showPostCounts: ! showPostCounts,
+								} )
+							}
+						/>
+					</ToolsPanelItem>
+
+					<ToolsPanelItem
 						label={ __( 'Group by' ) }
-						options={ [
-							{ label: __( 'Year' ), value: 'yearly' },
-							{ label: __( 'Month' ), value: 'monthly' },
-							{ label: __( 'Week' ), value: 'weekly' },
-							{ label: __( 'Day' ), value: 'daily' },
-						] }
-						value={ type }
-						onChange={ ( value ) =>
-							setAttributes( { type: value } )
+						isShownByDefault
+						hasValue={ () => !! type }
+						onDeselect={ () =>
+							setAttributes( { type: 'monthly' } )
 						}
-					/>
-				</PanelBody>
+					>
+						<SelectControl
+							__next40pxDefaultSize
+							__nextHasNoMarginBottom
+							label={ __( 'Group by' ) }
+							options={ [
+								{ label: __( 'Year' ), value: 'yearly' },
+								{ label: __( 'Month' ), value: 'monthly' },
+								{ label: __( 'Week' ), value: 'weekly' },
+								{ label: __( 'Day' ), value: 'daily' },
+							] }
+							value={ type }
+							onChange={ ( value ) =>
+								setAttributes( { type: value } )
+							}
+						/>
+					</ToolsPanelItem>
+				</ToolsPanel>
 			</InspectorControls>
 			<div { ...useBlockProps() }>
 				<Disabled>

package/src/audio/test/__snapshots__/edit.native.js.snap

@@ -89,7 +89,7 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
           <Svg
             height={16}
             style={{}}
-            viewBox="-2 -2 24 24"
+            viewBox="0 0 24 24"
             width={16}
             xmlns="http://www.w3.org/2000/svg"
           >

package/src/block/index.php

@@ -87,6 +87,26 @@ function render_block_core_block( $attributes ) {
 		add_filter( 'render_block_context', $filter_block_context, 1 );
 	}
 
+	$ignored_hooked_blocks = get_post_meta( $attributes['ref'], '_wp_ignored_hooked_blocks', true );
+	if ( ! empty( $ignored_hooked_blocks ) ) {
+		$ignored_hooked_blocks  = json_decode( $ignored_hooked_blocks, true );
+		$attributes['metadata'] = array(
+			'ignoredHookedBlocks' => $ignored_hooked_blocks,
+		);
+	}
+
+	// Wrap in "Block" block so the Block Hooks algorithm can insert blocks
+	// that are hooked as first or last child of `core/block`.
+	$content = get_comment_delimited_block_content(
+		'core/block',
+		$attributes,
+		$content
+	);
+	// Apply Block Hooks.
+	$content = apply_block_hooks_to_content( $content, $reusable_block );
+	// Remove block wrapper.
+	$content = remove_serialized_parent_block( $content );
+
 	$content = do_blocks( $content );
 	unset( $seen_refs[ $attributes['ref'] ] );