Editor: Update block editor packages for WordPress 6.0.1.

This brings a new version of the Gutenberg code from the [https://github.com/WordPress/gutenberg/tree/wp/6.0 wp/6.0 branch] into core.

The following packages were updated:
* `@wordpress/block-directory` to `3.4.12`
* `@wordpress/block-editor` to `8.5.9`
* `@wordpress/block-library` to `7.3.12`
* `@wordpress/components` to `19.8.5`
* `@wordpress/customize-widgets` to `3.3.12`
* `@wordpress/edit-post` to `6.3.12`
* `@wordpress/edit-site` to `4.3.12`
* `@wordpress/edit-widgets` to `4.3.12`
* `@wordpress/editor` to `12.5.9`
* `@wordpress/format-library` to `3.4.9`
* `@wordpress/icons` to `8.2.3`
* `@wordpress/interface` to `4.5.6`
* `@wordpress/list-reusable-blocks` to `3.4.5`
* `@wordpress/nux` to `5.4.5`
* `@wordpress/plugins` to `4.4.3`
* `@wordpress/preferences` to `1.2.5`
* `@wordpress/reusable-blocks` to `3.4.9`
* `@wordpress/server-side-render` to `3.4.6`
* `@wordpress/widgets` to `2.4.9`

Props zieladam.
See #56058.
Built from https://develop.svn.wordpress.org/trunk@53644


git-svn-id: http://core.svn.wordpress.org/trunk@53203 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-includes/blocks/comment-author-name/block.json

@@ -18,10 +18,6 @@
 		},
 		"textAlign": {
 			"type": "string"
-		},
-		"fontSize": {
-			"type": "string",
-			"default": "small"
 		}
 	},
 	"usesContext": [ "commentId" ],

wp-includes/blocks/comment-date.php

@@ -24,9 +24,6 @@ function render_block_core_comment_date( $attributes, $content, $block ) {
 	}
 
 	$classes = '';
-	if ( isset( $attributes['fontSize'] ) ) {
-		$classes .= 'has-' . esc_attr( $attributes['fontSize'] ) . '-font-size';
-	}
 
 	$wrapper_attributes = get_block_wrapper_attributes( array( 'class' => $classes ) );
 	$formatted_date     = get_comment_date(

wp-includes/blocks/comment-date/block.json

@@ -14,10 +14,6 @@
 		"isLink": {
 			"type": "boolean",
 			"default": true
-		},
-		"fontSize": {
-			"type": "string",
-			"default": "small"
 		}
 	},
 	"usesContext": [ "commentId" ],

wp-includes/blocks/comment-edit-link/block.json

@@ -15,10 +15,6 @@
 		},
 		"textAlign": {
 			"type": "string"
-		},
-		"fontSize": {
-			"type": "string",
-			"default": "small"
 		}
 	},
 	"supports": {

wp-includes/blocks/comment-reply-link/block.json

@@ -11,10 +11,6 @@
 	"attributes": {
 		"textAlign": {
 			"type": "string"
-		},
-		"fontSize": {
-			"type": "string",
-			"default": "small"
 		}
 	},
 	"supports": {

wp-includes/blocks/gallery.php

@@ -86,7 +86,8 @@ function block_core_gallery_render( $attributes, $content ) {
 		'wp_footer',
 		function () use ( $style ) {
 			echo '<style> ' . $style . '</style>';
-		}
+		},
+		11
 	);
 	return $content;
 }

wp-includes/blocks/navigation/style-rtl.css

@@ -271,6 +271,9 @@ button.wp-block-navigation-item__content {
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  text-transform: inherit;
   text-align: right;
 }
 

wp-includes/blocks/navigation/style.css

@@ -271,6 +271,9 @@ button.wp-block-navigation-item__content {
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  text-transform: inherit;
   text-align: left;
 }
 

wp-includes/blocks/post-comments-form/editor-rtl.css

@@ -77,3 +77,6 @@
 .wp-block-post-comments-form * {
   pointer-events: none;
 }
+.wp-block-post-comments-form *.block-editor-warning * {
+  pointer-events: auto;
+}

wp-includes/blocks/post-comments-form/editor-rtl.min.css

@@ -1 +1 @@
-.wp-block-post-comments-form *{pointer-events:none}
+.wp-block-post-comments-form *{pointer-events:none}.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto}

wp-includes/blocks/post-comments-form/editor.css

@@ -77,3 +77,6 @@
 .wp-block-post-comments-form * {
   pointer-events: none;
 }
+.wp-block-post-comments-form *.block-editor-warning * {
+  pointer-events: auto;
+}

wp-includes/blocks/post-comments-form/editor.min.css

@@ -1 +1 @@
-.wp-block-post-comments-form *{pointer-events:none}
+.wp-block-post-comments-form *{pointer-events:none}.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto}

wp-includes/blocks/post-template.php

@@ -82,17 +82,29 @@ function render_block_core_post_template( $attributes, $content, $block ) {
 	$content = '';
 	while ( $query->have_posts() ) {
 		$query->the_post();
+
+		// Get an instance of the current Post Template block.
+		$block_instance = $block->parsed_block;
+
+		// Set the block name to one that does not correspond to an existing registered block.
+		// This ensures that for the inner instances of the Post Template block, we do not render any block supports.
+		$block_instance['blockName'] = 'core/null';
+
+		// Render the inner blocks of the Post Template block with `dynamic` set to `false` to prevent calling
+		// `render_callback` and ensure that no wrapper markup is included.
 		$block_content = (
 			new WP_Block(
-				$block->parsed_block,
+				$block_instance,
 				array(
 					'postType' => get_post_type(),
 					'postId'   => get_the_ID(),
 				)
 			)
 		)->render( array( 'dynamic' => false ) );
-		$post_classes  = implode( ' ', get_post_class( 'wp-block-post' ) );
+
-		$content      .= '<li class="' . esc_attr( $post_classes ) . '">' . $block_content . '</li>';
+		// Wrap the render inner blocks in a `li` element with the appropriate post classes.
+		$post_classes = implode( ' ', get_post_class( 'wp-block-post' ) );
+		$content     .= '<li class="' . esc_attr( $post_classes ) . '">' . $block_content . '</li>';
 	}
 
 	wp_reset_postdata();

wp-includes/css/dist/block-library/editor-rtl.css

@@ -2701,6 +2701,9 @@ div[data-type="core/post-featured-image"] img {
 .wp-block-post-comments-form * {
   pointer-events: none;
 }
+.wp-block-post-comments-form *.block-editor-warning * {
+  pointer-events: auto;
+}
 
 :root .editor-styles-wrapper {
   /*

wp-includes/css/dist/block-library/editor.css

@@ -2712,6 +2712,9 @@ div[data-type="core/post-featured-image"] img {
 .wp-block-post-comments-form * {
   pointer-events: none;
 }
+.wp-block-post-comments-form *.block-editor-warning * {
+  pointer-events: auto;
+}
 
 :root .editor-styles-wrapper {
   /*

wp-includes/css/dist/block-library/style-rtl.css

@@ -1753,6 +1753,9 @@ button.wp-block-navigation-item__content {
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  text-transform: inherit;
   text-align: right;
 }
 

wp-includes/css/dist/block-library/style.css

@@ -1779,6 +1779,9 @@ button.wp-block-navigation-item__content {
   font-size: inherit;
   font-family: inherit;
   line-height: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  text-transform: inherit;
   text-align: left;
 }
 

wp-includes/js/dist/block-editor.js

@@ -36815,6 +36815,42 @@ function PresetDuotoneFilter(_ref6) {
 
 
 const layoutBlockSupportKey = '__experimentalLayout';
+/**
+ * Generates the utility classnames for the given blocks layout attributes.
+ * This method was primarily added to reintroduce classnames that were removed
+ * in the 5.9 release (https://github.com/WordPress/gutenberg/issues/38719), rather
+ * than providing an extensive list of all possible layout classes. The plan is to
+ * have the style engine generate a more extensive list of utility classnames which
+ * will then replace this method.
+ *
+ * @param { Array } attributes Array of block attributes.
+ *
+ * @return { Array } Array of CSS classname strings.
+ */
+
+function getLayoutClasses(attributes) {
+  var _attributes$layout, _attributes$layout2, _attributes$layout3;
+
+  const layoutClassnames = [];
+
+  if (!attributes.layout) {
+    return layoutClassnames;
+  }
+
+  if (attributes !== null && attributes !== void 0 && (_attributes$layout = attributes.layout) !== null && _attributes$layout !== void 0 && _attributes$layout.orientation) {
+    layoutClassnames.push(`is-${(0,external_lodash_namespaceObject.kebabCase)(attributes.layout.orientation)}`);
+  }
+
+  if (attributes !== null && attributes !== void 0 && (_attributes$layout2 = attributes.layout) !== null && _attributes$layout2 !== void 0 && _attributes$layout2.justifyContent) {
+    layoutClassnames.push(`is-content-justification-${(0,external_lodash_namespaceObject.kebabCase)(attributes.layout.justifyContent)}`);
+  }
+
+  if (attributes !== null && attributes !== void 0 && (_attributes$layout3 = attributes.layout) !== null && _attributes$layout3 !== void 0 && _attributes$layout3.flexWrap && attributes.layout.flexWrap === 'nowrap') {
+    layoutClassnames.push('is-nowrap');
+  }
+
+  return layoutClassnames;
+}
 
 function LayoutPanel(_ref) {
   let {
@@ -36983,9 +37019,10 @@ const withLayoutStyles = (0,external_wp_compose_namespaceObject.createHigherOrde
     default: defaultBlockLayout
   } = (0,external_wp_blocks_namespaceObject.getBlockSupport)(name, layoutBlockSupportKey) || {};
   const usedLayout = layout !== null && layout !== void 0 && layout.inherit ? defaultThemeLayout : layout || defaultBlockLayout || {};
+  const layoutClasses = shouldRenderLayoutStyles ? getLayoutClasses(attributes) : null;
   const className = classnames_default()(props === null || props === void 0 ? void 0 : props.className, {
     [`wp-container-${id}`]: shouldRenderLayoutStyles
-  });
+  }, layoutClasses);
   return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, shouldRenderLayoutStyles && element && (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)(LayoutStyle, {
     blockName: name,
     selector: `.wp-container-${id}`,
@@ -40727,6 +40764,11 @@ function __experimentalBlockVariationTransforms(_ref4) {
 
   const hasUniqueIcons = (0,external_wp_element_namespaceObject.useMemo)(() => {
     const variationIcons = new Set();
+
+    if (!variations) {
+      return false;
+    }
+
     variations.forEach(variation => {
       if (variation.icon) {
         variationIcons.add(variation.icon);
@@ -46177,17 +46219,32 @@ function usePasteHandler(props) {
   }, []);
 }
 /**
- * Normalizes a given string of HTML to remove the Windows specific "Fragment" comments
+ * Normalizes a given string of HTML to remove the Windows-specific "Fragment"
- * and any preceeding and trailing whitespace.
+ * comments and any preceeding and trailing content.
  *
  * @param {string} html the html to be normalized
  * @return {string} the normalized html
  */
 
 function removeWindowsFragments(html) {
-  const startReg = /.*<!--StartFragment-->/s;
+  const startStr = '<!--StartFragment-->';
-  const endReg = /<!--EndFragment-->.*/s;
+  const startIdx = html.indexOf(startStr);
-  return html.replace(startReg, '').replace(endReg, '');
+
+  if (startIdx > -1) {
+    html = html.substring(startIdx + startStr.length);
+  } else {
+    // No point looking for EndFragment
+    return html;
+  }
+
+  const endStr = '<!--EndFragment-->';
+  const endIdx = html.indexOf(endStr);
+
+  if (endIdx > -1) {
+    html = html.substring(0, endIdx);
+  }
+
+  return html;
 }
 /**
  * Removes the charset meta tag inserted by Chromium.

wp-includes/js/dist/block-library.js

@@ -1939,8 +1939,8 @@ function useUserAvatar(_ref2) {
       authorDetails: _authorId ? getUser(_authorId) : null
     };
   }, [postType, postId, userId]);
-  const avatarUrls = authorDetails ? Object.values(authorDetails.avatar_urls) : null;
+  const avatarUrls = authorDetails && authorDetails !== null && authorDetails !== void 0 && authorDetails.avatar_urls ? Object.values(authorDetails.avatar_urls) : null;
-  const sizes = authorDetails ? Object.keys(authorDetails.avatar_urls) : null;
+  const sizes = authorDetails && authorDetails !== null && authorDetails !== void 0 && authorDetails.avatar_urls ? Object.keys(authorDetails.avatar_urls) : null;
   const {
     minSize,
     maxSize
@@ -7363,7 +7363,7 @@ function edit_Edit(_ref) {
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  const displayName = (0,external_wp_data_namespaceObject.useSelect)(select => {
+  let displayName = (0,external_wp_data_namespaceObject.useSelect)(select => {
     const {
       getEntityRecord
     } = select(external_wp_coreData_namespaceObject.store);
@@ -7404,13 +7404,13 @@ function edit_Edit(_ref) {
   })));
 
   if (!commentId || !displayName) {
-    return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, inspectorControls, blockControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject._x)('Comment Author', 'block title'))));
+    displayName = (0,external_wp_i18n_namespaceObject._x)('Comment Author', 'block title');
   }
 
   const displayAuthor = isLink ? (0,external_wp_element_namespaceObject.createElement)("a", {
     href: "#comment-author-pseudo-link",
     onClick: event => event.preventDefault()
-  }, displayName) : (0,external_wp_element_namespaceObject.createElement)("p", null, displayName);
+  }, displayName) : displayName;
   return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, inspectorControls, blockControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, displayAuthor));
 }
 
@@ -7503,10 +7503,6 @@ const comment_author_name_metadata = {
     },
     textAlign: {
       type: "string"
-    },
-    fontSize: {
-      type: "string",
-      "default": "small"
     }
   },
   usesContext: ["commentId"],
@@ -7745,7 +7741,7 @@ function comment_date_edit_Edit(_ref) {
     setAttributes
   } = _ref;
   const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
-  const [date] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'date', commentId);
+  let [date] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'date', commentId);
   const [siteFormat = (0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'site', 'date_format');
   const inspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
     title: (0,external_wp_i18n_namespaceObject.__)('Settings')
@@ -7764,12 +7760,12 @@ function comment_date_edit_Edit(_ref) {
   })));
 
   if (!commentId || !date) {
-    return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, inspectorControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject._x)('Comment Date', 'block title'))));
+    date = (0,external_wp_i18n_namespaceObject._x)('Comment Date', 'block title');
   }
 
-  let commentDate = (0,external_wp_element_namespaceObject.createElement)("time", {
+  let commentDate = date instanceof Date ? (0,external_wp_element_namespaceObject.createElement)("time", {
     dateTime: (0,external_wp_date_namespaceObject.dateI18n)('c', date)
-  }, (0,external_wp_date_namespaceObject.dateI18n)(format || siteFormat, date));
+  }, (0,external_wp_date_namespaceObject.dateI18n)(format || siteFormat, date)) : (0,external_wp_element_namespaceObject.createElement)("time", null, date);
 
   if (isLink) {
     commentDate = (0,external_wp_element_namespaceObject.createElement)("a", {
@@ -7865,10 +7861,6 @@ const comment_date_metadata = {
     isLink: {
       type: "boolean",
       "default": true
-    },
-    fontSize: {
-      type: "string",
-      "default": "small"
     }
   },
   usesContext: ["commentId"],
@@ -8002,10 +7994,6 @@ const comment_edit_link_metadata = {
     },
     textAlign: {
       type: "string"
-    },
-    fontSize: {
-      type: "string",
-      "default": "small"
     }
   },
   supports: {
@@ -8131,10 +8119,6 @@ const comment_reply_link_metadata = {
   attributes: {
     textAlign: {
       type: "string"
-    },
-    fontSize: {
-      type: "string",
-      "default": "small"
     }
   },
   supports: {
@@ -8852,7 +8836,9 @@ const edit_TEMPLATE = [['core/comments-title'], ['core/comment-template', {}, [[
       radius: '20px'
     }
   }
-}]]], ['core/column', {}, [['core/comment-author-name'], ['core/group', {
+}]]], ['core/column', {}, [['core/comment-author-name', {
+  fontSize: 'small'
+}], ['core/group', {
   layout: {
     type: 'flex'
   },
@@ -8864,7 +8850,13 @@ const edit_TEMPLATE = [['core/comments-title'], ['core/comment-template', {}, [[
       }
     }
   }
-}, [['core/comment-date'], ['core/comment-edit-link']]], ['core/comment-content'], ['core/comment-reply-link']]]]]]], ['core/comments-pagination'], ['core/post-comments-form']];
+}, [['core/comment-date', {
+  fontSize: 'small'
+}], ['core/comment-edit-link', {
+  fontSize: 'small'
+}]]], ['core/comment-content'], ['core/comment-reply-link', {
+  fontSize: 'small'
+}]]]]]]], ['core/comments-pagination'], ['core/post-comments-form']];
 function CommentsQueryLoopEdit(_ref) {
   let {
     attributes,
@@ -21633,6 +21625,8 @@ const MAX_POSTS_COLUMNS = 6;
 
 
 
+
+
 /**
  * Internal dependencies
  */
@@ -21669,6 +21663,7 @@ function LatestPostsEdit(_ref) {
     attributes,
     setAttributes
   } = _ref;
+  const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(LatestPostsEdit);
   const {
     postsToShow,
     order,
@@ -21719,7 +21714,25 @@ function LatestPostsEdit(_ref) {
       categoriesList: getEntityRecords('taxonomy', 'category', CATEGORIES_LIST_QUERY),
       authorList: getUsers(USERS_LIST_QUERY)
     };
-  }, [featuredImageSizeSlug, postsToShow, order, orderBy, categories, selectedAuthor]);
+  }, [featuredImageSizeSlug, postsToShow, order, orderBy, categories, selectedAuthor]); // If a user clicks to a link prevent redirection and show a warning.
+
+  const {
+    createWarningNotice,
+    removeNotice
+  } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+  let noticeId;
+
+  const showRedirectionPreventedNotice = event => {
+    event.preventDefault(); // Remove previous warning if any, to show one at a time per block.
+
+    removeNotice(noticeId);
+    noticeId = `block-library/core/latest-posts/redirection-prevented/${instanceId}`;
+    createWarningNotice((0,external_wp_i18n_namespaceObject.__)('Links are disabled in the editor.'), {
+      id: noticeId,
+      type: 'snackbar'
+    });
+  };
+
   const imageSizeOptions = imageSizes.filter(_ref2 => {
     let {
       slug
@@ -21953,7 +21966,8 @@ function LatestPostsEdit(_ref) {
     const needsReadMore = excerptLength < excerpt.trim().split(' ').length && post.excerpt.raw === '';
     const postExcerpt = needsReadMore ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, excerpt.trim().split(' ', excerptLength).join(' '), (0,external_wp_i18n_namespaceObject.__)(' … '), (0,external_wp_element_namespaceObject.createElement)("a", {
       href: post.link,
-      rel: "noopener noreferrer"
+      rel: "noopener noreferrer",
+      onClick: showRedirectionPreventedNotice
     }, (0,external_wp_i18n_namespaceObject.__)('Read more'))) : excerpt;
     return (0,external_wp_element_namespaceObject.createElement)("li", {
       key: i
@@ -21962,13 +21976,15 @@ function LatestPostsEdit(_ref) {
     }, addLinkToFeaturedImage ? (0,external_wp_element_namespaceObject.createElement)("a", {
       className: "wp-block-latest-posts__post-title",
       href: post.link,
-      rel: "noreferrer noopener"
+      rel: "noreferrer noopener",
+      onClick: showRedirectionPreventedNotice
     }, featuredImage) : featuredImage), (0,external_wp_element_namespaceObject.createElement)("a", {
       href: post.link,
       rel: "noreferrer noopener",
       dangerouslySetInnerHTML: !!titleTrimmed ? {
         __html: titleTrimmed
-      } : undefined
+      } : undefined,
+      onClick: showRedirectionPreventedNotice
     }, !titleTrimmed ? (0,external_wp_i18n_namespaceObject.__)('(no title)') : null), displayAuthor && currentAuthor && (0,external_wp_element_namespaceObject.createElement)("div", {
       className: "wp-block-latest-posts__post-author"
     }, (0,external_wp_i18n_namespaceObject.sprintf)(
@@ -23608,7 +23624,6 @@ const DEFAULT_MEDIA_SIZE_SLUG = 'full';
  */
 
 const media_text_edit_TEMPLATE = [['core/paragraph', {
-  fontSize: 'large',
   placeholder: (0,external_wp_i18n_namespaceObject._x)('Content…', 'content placeholder')
 }]]; // this limits the resize to a safe zone to avoid making broken layouts
 
@@ -31145,6 +31160,46 @@ const post_author_biography_settings = {
   edit: post_author_biography_edit
 };
 
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-form/form.js
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+const CommentsForm = () => {
+  const disabledFormRef = (0,external_wp_compose_namespaceObject.__experimentalUseDisabled)();
+  const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(CommentsForm);
+  return (0,external_wp_element_namespaceObject.createElement)("div", {
+    className: "comment-respond"
+  }, (0,external_wp_element_namespaceObject.createElement)("h3", {
+    className: "comment-reply-title"
+  }, (0,external_wp_i18n_namespaceObject.__)('Leave a Reply')), (0,external_wp_element_namespaceObject.createElement)("form", {
+    noValidate: true,
+    className: "comment-form",
+    ref: disabledFormRef
+  }, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_element_namespaceObject.createElement)("label", {
+    htmlFor: `comment-${instanceId}`
+  }, (0,external_wp_i18n_namespaceObject.__)('Comment')), (0,external_wp_element_namespaceObject.createElement)("textarea", {
+    id: `comment-${instanceId}`,
+    name: "comment",
+    cols: "45",
+    rows: "8"
+  })), (0,external_wp_element_namespaceObject.createElement)("p", {
+    className: "form-submit wp-block-button"
+  }, (0,external_wp_element_namespaceObject.createElement)("input", {
+    name: "submit",
+    type: "submit",
+    className: "submit wp-block-button__link",
+    label: (0,external_wp_i18n_namespaceObject.__)('Post Comment'),
+    value: (0,external_wp_i18n_namespaceObject.__)('Post Comment')
+  }))));
+};
+
+/* harmony default export */ var post_comments_form_form = (CommentsForm);
+
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments/edit.js
 
 
@@ -31162,6 +31217,11 @@ const post_author_biography_settings = {
 
 
 
+/**
+ * Internal dependencies
+ */
+
+
 function PostCommentsEdit(_ref) {
   let {
     attributes: {
@@ -31189,22 +31249,22 @@ function PostCommentsEdit(_ref) {
 
   let warning = (0,external_wp_i18n_namespaceObject.__)('Post Comments block: This is just a placeholder, not a real comment. The final styling may differ because it also depends on the current theme. For better compatibility with the Block Editor, please consider replacing this block with the "Comments Query Loop" block.');
 
-  let showPlacholder = true;
+  let showPlaceholder = true;
 
   if (!isSiteEditor && 'open' !== commentStatus) {
     if ('closed' === commentStatus) {
       warning = (0,external_wp_i18n_namespaceObject.sprintf)(
       /* translators: 1: Post type (i.e. "post", "page") */
       (0,external_wp_i18n_namespaceObject.__)('Post Comments block: Comments to this %s are not allowed.'), postType);
-      showPlacholder = false;
+      showPlaceholder = false;
     } else if (!postTypeSupportsComments) {
       warning = (0,external_wp_i18n_namespaceObject.sprintf)(
       /* translators: 1: Post type (i.e. "post", "page") */
       (0,external_wp_i18n_namespaceObject.__)('Post Comments block: Comments for this post type (%s) are not enabled.'), postType);
-      showPlacholder = false;
+      showPlaceholder = false;
     } else if ('open' !== defaultCommentStatus) {
       warning = (0,external_wp_i18n_namespaceObject.__)('Post Comments block: Comments are not enabled.');
-      showPlacholder = false;
+      showPlaceholder = false;
     }
   }
 
@@ -31214,7 +31274,6 @@ function PostCommentsEdit(_ref) {
     })
   });
   const disabledRef = (0,external_wp_compose_namespaceObject.__experimentalUseDisabled)();
-  const textareaId = (0,external_wp_compose_namespaceObject.useInstanceId)(PostCommentsEdit);
   return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
     group: "block"
   }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
@@ -31224,7 +31283,7 @@ function PostCommentsEdit(_ref) {
         textAlign: nextAlign
       });
     }
-  })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, warning), showPlacholder && (0,external_wp_element_namespaceObject.createElement)("div", {
+  })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, warning), showPlaceholder && (0,external_wp_element_namespaceObject.createElement)("div", {
     className: "wp-block-post-comments__placeholder",
     ref: disabledRef
   }, (0,external_wp_element_namespaceObject.createElement)("h3", null,
@@ -31310,33 +31369,7 @@ function PostCommentsEdit(_ref) {
     className: "alignright"
   }, (0,external_wp_element_namespaceObject.createElement)("a", {
     href: "#top"
-  }, (0,external_wp_i18n_namespaceObject.__)('Newer Comments'), " \xBB"))), (0,external_wp_element_namespaceObject.createElement)("div", {
+  }, (0,external_wp_i18n_namespaceObject.__)('Newer Comments'), " \xBB"))), (0,external_wp_element_namespaceObject.createElement)(post_comments_form_form, null))));
-    className: "comment-respond"
-  }, (0,external_wp_element_namespaceObject.createElement)("h3", {
-    className: "comment-reply-title"
-  }, (0,external_wp_i18n_namespaceObject.__)('Leave a Reply')), (0,external_wp_element_namespaceObject.createElement)("form", {
-    className: "comment-form",
-    noValidate: true
-  }, (0,external_wp_element_namespaceObject.createElement)("p", {
-    className: "comment-form-comment"
-  }, (0,external_wp_element_namespaceObject.createElement)("label", {
-    htmlFor: `comment-${textareaId}`
-  }, (0,external_wp_i18n_namespaceObject.__)('Comment'), ' ', (0,external_wp_element_namespaceObject.createElement)("span", {
-    className: "required"
-  }, "*")), (0,external_wp_element_namespaceObject.createElement)("textarea", {
-    id: `comment-${textareaId}`,
-    name: "comment",
-    cols: "45",
-    rows: "8",
-    required: true
-  })), (0,external_wp_element_namespaceObject.createElement)("p", {
-    className: "form-submit wp-block-button"
-  }, (0,external_wp_element_namespaceObject.createElement)("input", {
-    name: "submit",
-    type: "submit",
-    className: "submit wp-block-button__link",
-    value: (0,external_wp_i18n_namespaceObject.__)('Post Comment')
-  })))))));
 }
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments/index.js
@@ -31429,6 +31462,12 @@ const postCommentsForm = (0,external_wp_element_namespaceObject.createElement)(e
 
 
 
+
+/**
+ * Internal dependencies
+ */
+
+
 function PostCommentsFormEdit(_ref) {
   let {
     attributes,
@@ -31442,15 +31481,47 @@ function PostCommentsFormEdit(_ref) {
     postId,
     postType
   } = context;
-  const [commentStatus] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'comment_status', postId);
+  const [commentStatus, setCommentStatus] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'comment_status', postId);
   const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
     className: classnames_default()({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  const isInSiteEditor = postType === undefined || postId === undefined;
+  const isSiteEditor = postType === undefined || postId === undefined;
-  const disabledFormRef = (0,external_wp_compose_namespaceObject.__experimentalUseDisabled)();
+  const {
-  const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(PostCommentsFormEdit);
+    defaultCommentStatus
+  } = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().__experimentalDiscussionSettings);
+  const postTypeSupportsComments = (0,external_wp_data_namespaceObject.useSelect)(select => {
+    var _select$getPostType;
+
+    return postType ? !!((_select$getPostType = select(external_wp_coreData_namespaceObject.store).getPostType(postType)) !== null && _select$getPostType !== void 0 && _select$getPostType.supports.comments) : false;
+  });
+  let warning = false;
+  let actions;
+  let showPlaceholder = true;
+
+  if (!isSiteEditor && 'open' !== commentStatus) {
+    if ('closed' === commentStatus) {
+      warning = (0,external_wp_i18n_namespaceObject.sprintf)(
+      /* translators: 1: Post type (i.e. "post", "page") */
+      (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments on this %s are not allowed.'), postType);
+      actions = [(0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
+        key: "enableComments",
+        onClick: () => setCommentStatus('open'),
+        variant: "primary"
+      }, (0,external_wp_i18n_namespaceObject._x)('Enable comments', 'action that affects the current post'))];
+      showPlaceholder = false;
+    } else if (!postTypeSupportsComments) {
+      warning = (0,external_wp_i18n_namespaceObject.sprintf)(
+      /* translators: 1: Post type (i.e. "post", "page") */
+      (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments for this post type (%s) are not enabled.'), postType);
+      showPlaceholder = false;
+    } else if ('open' !== defaultCommentStatus) {
+      warning = (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments are not enabled.');
+      showPlaceholder = false;
+    }
+  }
+
   return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
     group: "block"
   }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
@@ -31460,26 +31531,9 @@ function PostCommentsFormEdit(_ref) {
         textAlign: nextAlign
       });
     }
-  })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, !commentStatus && !isInSiteEditor && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: comments are not enabled for this post type.')), 'open' !== commentStatus && !isInSiteEditor && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.sprintf)(
+  })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, warning && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, {
-  /* translators: 1: Post type (i.e. "post", "page") */
+    actions: actions
-  (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: comments to this %s are not allowed.'), postType)), ('open' === commentStatus || isInSiteEditor) && (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)("h3", null, (0,external_wp_i18n_namespaceObject.__)('Leave a Reply')), (0,external_wp_element_namespaceObject.createElement)("form", {
+  }, warning), showPlaceholder ? (0,external_wp_element_namespaceObject.createElement)(post_comments_form_form, null) : null));
-    noValidate: true,
-    className: "comment-form",
-    ref: disabledFormRef
-  }, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_element_namespaceObject.createElement)("label", {
-    htmlFor: `comment-${instanceId}`
-  }, (0,external_wp_i18n_namespaceObject.__)('Comment')), (0,external_wp_element_namespaceObject.createElement)("textarea", {
-    id: `comment-${instanceId}`,
-    name: "comment",
-    cols: "45",
-    rows: "8"
-  })), (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_element_namespaceObject.createElement)("input", {
-    name: "submit",
-    className: "submit wp-block-button__link",
-    label: (0,external_wp_i18n_namespaceObject.__)('Post Comment'),
-    value: (0,external_wp_i18n_namespaceObject.__)('Post Comment'),
-    readOnly: true
-  }))))));
 }
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-form/index.js

wp-includes/js/dist/components.js

@@ -19162,6 +19162,7 @@ function createStyleElement(options) {
 }
 
 var StyleSheet = /*#__PURE__*/function () {
+  // Using Node instead of HTMLElement since container may be a ShadowRoot
   function StyleSheet(options) {
     var _this = this;
 
@@ -20329,8 +20330,7 @@ var createCache = function createCache(options) {
 
   if (false) {}
 
-  var inserted = {}; // $FlowFixMe
+  var inserted = {};
-
   var container;
   var nodesToHydrate = [];
 
@@ -20569,6 +20569,8 @@ var processStyleValue = function processStyleValue(key, value) {
 
 if (false) { var hyphenatedCache, hyphenPattern, msPattern, oldProcessStyleValue, contentValues, contentValuePattern; }
 
+var noComponentSelectorMessage = (/* unused pure expression or super */ null && ('Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.'));
+
 function handleInterpolation(mergedProps, registered, interpolation) {
   if (interpolation == null) {
     return '';
@@ -23777,7 +23779,7 @@ var hoist_non_react_statics_cjs = __webpack_require__(1281);
 
 var pkg = {
 	name: "@emotion/react",
-	version: "11.9.0",
+	version: "11.9.3",
 	main: "dist/emotion-react.cjs.js",
 	module: "dist/emotion-react.esm.js",
 	browser: {
@@ -23805,8 +23807,8 @@ var pkg = {
 	dependencies: {
 		"@babel/runtime": "^7.13.10",
 		"@emotion/babel-plugin": "^11.7.1",
-		"@emotion/cache": "^11.7.1",
+		"@emotion/cache": "^11.9.3",
-		"@emotion/serialize": "^1.0.3",
+		"@emotion/serialize": "^1.0.4",
 		"@emotion/utils": "^1.1.0",
 		"@emotion/weak-memoize": "^0.2.5",
 		"hoist-non-react-statics": "^3.3.1"
@@ -23825,12 +23827,11 @@ var pkg = {
 	},
 	devDependencies: {
 		"@babel/core": "^7.13.10",
+		"@definitelytyped/dtslint": "0.0.112",
 		"@emotion/css": "11.9.0",
 		"@emotion/css-prettifier": "1.0.1",
 		"@emotion/server": "11.4.0",
-		"@emotion/styled": "11.8.1",
+		"@emotion/styled": "11.9.3",
-		"@types/react": "^16.9.11",
-		dtslint: "^4.2.1",
 		"html-tag-names": "^1.1.2",
 		react: "16.14.0",
 		"svg-tag-names": "^1.1.1",
@@ -26507,6 +26508,17 @@ function __classPrivateFieldSet(receiver, state, value, kind, f) {
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 }
 
+;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/utils/process.mjs
+/**
+ * Browser-safe usage of process
+ */
+var defaultEnvironment = "production";
+var env = typeof process === "undefined" || process.env === undefined
+    ? defaultEnvironment
+    : "production" || 0;
+
+
+
 ;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/motion/features/definitions.mjs
 var createDefinition = function (propNames) { return ({
     isEnabled: function (props) { return propNames.some(function (name) { return !!props[name]; }); },
@@ -26555,6 +26567,13 @@ function loadFeatures(features) {
 
 
 
+;// CONCATENATED MODULE: ./node_modules/hey-listen/dist/hey-listen.es.js
+var warning = function () { };
+var invariant = function () { };
+if (false) {}
+
+
+
 ;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/context/LazyContext.mjs
 
 
@@ -26585,7 +26604,9 @@ function useFeatures(props, visualElement, preloadedFeatures) {
      * If we're in development mode, check to make sure we're not rendering a motion component
      * as a child of LazyMotion, as this will break the file-size benefits of using it.
      */
-    if (false) {}
+    if (env !== "production" && preloadedFeatures && lazyContext.strict) {
+        invariant(false, "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.");
+    }
     for (var i = 0; i < numFeatures; i++) {
         var name_1 = featureNames[i];
         var _a = featureDefinitions[name_1], isEnabled = _a.isEnabled, Component = _a.Component;
@@ -27184,6 +27205,11 @@ var MotionValue = /** @class */ (function () {
      */
     function MotionValue(init) {
         var _this = this;
+        /**
+         * This will be replaced by the build step with the latest version number.
+         * When MotionValues are provided to motion components, warn if versions are mixed.
+         */
+        this.version = "6.3.16";
         /**
          * Duration, in milliseconds, since last updating frame.
          *
@@ -27310,7 +27336,7 @@ var MotionValue = /** @class */ (function () {
      * }
      * ```
      *
-     * @internalremarks
+     * @privateRemarks
      *
      * We could look into a `useOnChange` hook if the above lifecycle management proves confusing.
      *
@@ -27462,9 +27488,6 @@ var MotionValue = /** @class */ (function () {
     };
     return MotionValue;
 }());
-/**
- * @internal
- */
 function motionValue(init) {
     return new MotionValue(init);
 }
@@ -27478,13 +27501,6 @@ var isMotionValue = function (value) {
 
 
 
-;// CONCATENATED MODULE: ./node_modules/hey-listen/dist/hey-listen.es.js
-var warning = function () { };
-var invariant = function () { };
-if (false) {}
-
-
-
 ;// CONCATENATED MODULE: ./node_modules/popmotion/dist/es/utils/clamp.mjs
 const clamp = (min, max, v) => Math.min(Math.max(v, min), max);
 
@@ -29103,8 +29119,6 @@ function getValueTransition(transition, key) {
 /**
  * Start animation on a MotionValue. This function is an interface between
  * Framer Motion and Popmotion
- *
- * @internal
  */
 function startAnimation(key, value, target, transition) {
     if (transition === void 0) { transition = {}; }
@@ -29728,7 +29742,7 @@ function addScaleCorrector(correctors) {
 
 
 ;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/styles/transform.mjs
-var identityProjection = "translate3d(0px, 0px, 0) scale(1, 1)";
+var identityProjection = "translate3d(0px, 0px, 0) scale(1, 1) scale(1, 1)";
 function buildProjectionTransform(delta, treeScale, latestTransform) {
     /**
      * The translations we use to calculate are always relative to the viewport coordinate space.
@@ -29739,6 +29753,11 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
     var xTranslate = delta.x.translate / treeScale.x;
     var yTranslate = delta.y.translate / treeScale.y;
     var transform = "translate3d(".concat(xTranslate, "px, ").concat(yTranslate, "px, 0) ");
+    /**
+     * Apply scale correction for the tree transform.
+     * This will apply scale to the screen-orientated axes.
+     */
+    transform += "scale(".concat(1 / treeScale.x, ", ").concat(1 / treeScale.y, ") ");
     if (latestTransform) {
         var rotate = latestTransform.rotate, rotateX = latestTransform.rotateX, rotateY = latestTransform.rotateY;
         if (rotate)
@@ -29748,7 +29767,13 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
         if (rotateY)
             transform += "rotateY(".concat(rotateY, "deg) ");
     }
-    transform += "scale(".concat(delta.x.scale, ", ").concat(delta.y.scale, ")");
+    /**
+     * Apply scale to match the size of the element to the size we want it.
+     * This will apply scale to the element-orientated axes.
+     */
+    var elementScaleX = delta.x.scale * treeScale.x;
+    var elementScaleY = delta.y.scale * treeScale.y;
+    transform += "scale(".concat(elementScaleX, ", ").concat(elementScaleY, ")");
     return transform === identityProjection ? "none" : transform;
 }
 
@@ -29846,8 +29871,6 @@ var FlatTree = /** @class */ (function () {
  * If the provided value is a MotionValue, this returns the actual value, otherwise just the value itself
  *
  * TODO: Remove and move to library
- *
- * @internal
  */
 function resolveMotionValue(value) {
     var unwrappedValue = isMotionValue(value) ? value.get() : value;
@@ -29904,7 +29927,7 @@ var globalProjectionState = {
     hasEverUpdated: false,
 };
 function createProjectionNode(_a) {
-    var attachResizeListener = _a.attachResizeListener, defaultParent = _a.defaultParent, measureScroll = _a.measureScroll, resetTransform = _a.resetTransform;
+    var attachResizeListener = _a.attachResizeListener, defaultParent = _a.defaultParent, measureScroll = _a.measureScroll, checkIsScrollRoot = _a.checkIsScrollRoot, resetTransform = _a.resetTransform;
     return /** @class */ (function () {
         function ProjectionNode(id, latestValues, parent) {
             var _this = this;
@@ -30307,6 +30330,7 @@ function createProjectionNode(_a) {
         };
         ProjectionNode.prototype.updateScroll = function () {
             if (this.options.layoutScroll && this.instance) {
+                this.isScrollRoot = checkIsScrollRoot(this.instance);
                 this.scroll = measureScroll(this.instance);
             }
         };
@@ -30350,8 +30374,24 @@ function createProjectionNode(_a) {
              */
             for (var i = 0; i < this.path.length; i++) {
                 var node = this.path[i];
-                var scroll_1 = node.scroll, options = node.options;
+                var scroll_1 = node.scroll, options = node.options, isScrollRoot = node.isScrollRoot;
                 if (node !== this.root && scroll_1 && options.layoutScroll) {
+                    /**
+                     * If this is a new scroll root, we want to remove all previous scrolls
+                     * from the viewport box.
+                     */
+                    if (isScrollRoot) {
+                        copyBoxInto(boxWithoutScroll, box);
+                        var rootScroll = this.root.scroll;
+                        /**
+                         * Undo the application of page scroll that was originally added
+                         * to the measured bounding box.
+                         */
+                        if (rootScroll) {
+                            translateAxis(boxWithoutScroll.x, -rootScroll.x);
+                            translateAxis(boxWithoutScroll.y, -rootScroll.y);
+                        }
+                    }
                     translateAxis(boxWithoutScroll.x, scroll_1.x);
                     translateAxis(boxWithoutScroll.y, scroll_1.y);
                 }
@@ -31084,9 +31124,6 @@ function useProjectionId() {
 ;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs
 
 
-/**
- * @internal
- */
 var LayoutGroupContext = (0,external_React_.createContext)({});
 
 
@@ -31095,7 +31132,7 @@ var LayoutGroupContext = (0,external_React_.createContext)({});
 
 
 /**
- * @internal
+ * Internal, exported only for usage in Framer
  */
 var SwitchLayoutGroupContext = (0,external_React_.createContext)({});
 
@@ -31192,8 +31229,6 @@ var VisualElementHandler = /** @class */ (function (_super) {
  *
  * Alongside this is a config option which provides a way of rendering the provided
  * component "offline", or outside the React render cycle.
- *
- * @internal
  */
 function motion_createMotionComponent(_a) {
     var preloadedFeatures = _a.preloadedFeatures, createVisualElement = _a.createVisualElement, projectionNodeConstructor = _a.projectionNodeConstructor, useRender = _a.useRender, useVisualState = _a.useVisualState, Component = _a.Component;
@@ -31626,7 +31661,7 @@ function useHTMLProps(props, visualState, isStatic) {
 /**
  * A list of all valid MotionProps.
  *
- * @internalremarks
+ * @privateRemarks
  * This doesn't throw if a `MotionProp` name is missing - it should.
  */
 var validMotionProps = new Set([
@@ -32192,8 +32227,9 @@ var AnimationType;
 
 
 function addDomEvent(target, eventName, handler, options) {
+    if (options === void 0) { options = { passive: true }; }
     target.addEventListener(eventName, handler, options);
-    return function () { return target.removeEventListener(eventName, handler, options); };
+    return function () { return target.removeEventListener(eventName, handler); };
 }
 /**
  * Attaches an event listener directly to the provided DOM element.
@@ -32457,10 +32493,10 @@ function useHoverGesture(_a) {
     var onHoverStart = _a.onHoverStart, onHoverEnd = _a.onHoverEnd, whileHover = _a.whileHover, visualElement = _a.visualElement;
     usePointerEvent(visualElement, "pointerenter", onHoverStart || whileHover
         ? createHoverEvent(visualElement, true, onHoverStart)
-        : undefined);
+        : undefined, { passive: !onHoverStart });
     usePointerEvent(visualElement, "pointerleave", onHoverEnd || whileHover
         ? createHoverEvent(visualElement, false, onHoverEnd)
-        : undefined);
+        : undefined, { passive: !onHoverEnd });
 }
 
 
@@ -32514,6 +32550,12 @@ function useTapGesture(_a) {
     var hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
     var isPressing = (0,external_React_.useRef)(false);
     var cancelPointerEndListeners = (0,external_React_.useRef)(null);
+    /**
+     * Only set listener to passive if there are no external listeners.
+     */
+    var eventOptions = {
+        passive: !(onTapStart || onTap || onTapCancel || onPointerDown),
+    };
     function removePointerEndListener() {
         var _a;
         (_a = cancelPointerEndListeners.current) === null || _a === void 0 ? void 0 : _a.call(cancelPointerEndListeners);
@@ -32548,19 +32590,32 @@ function useTapGesture(_a) {
         if (isPressing.current)
             return;
         isPressing.current = true;
-        cancelPointerEndListeners.current = pipe(addPointerEvent(window, "pointerup", onPointerUp), addPointerEvent(window, "pointercancel", onPointerCancel));
+        cancelPointerEndListeners.current = pipe(addPointerEvent(window, "pointerup", onPointerUp, eventOptions), addPointerEvent(window, "pointercancel", onPointerCancel, eventOptions));
         /**
          * Ensure we trigger animations before firing event callback
          */
         (_a = visualElement.animationState) === null || _a === void 0 ? void 0 : _a.setActive(AnimationType.Tap, true);
         onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info);
     }
-    usePointerEvent(visualElement, "pointerdown", hasPressListeners ? onPointerDown : undefined);
+    usePointerEvent(visualElement, "pointerdown", hasPressListeners ? onPointerDown : undefined, eventOptions);
     useUnmountEffect(removePointerEndListener);
 }
 
 
 
+;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/utils/warn-once.mjs
+var warned = new Set();
+function warnOnce(condition, message, element) {
+    if (condition || warned.has(message))
+        return;
+    console.warn(message);
+    if (element)
+        console.warn(element);
+    warned.add(message);
+}
+
+
+
 ;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs
 
 
@@ -32693,7 +32748,9 @@ function useMissingIntersectionObserver(shouldObserve, state, visualElement, _a)
     (0,external_React_.useEffect)(function () {
         if (!shouldObserve || !fallback)
             return;
-        if (false) {}
+        if (env !== "production") {
+            warnOnce(false, "IntersectionObserver not available on this device. whileInView animations will trigger on mount.");
+        }
         /**
          * Fire this in an rAF because, at this point, the animation state
          * won't have flushed for the first time and there's certain logic in
@@ -33035,9 +33092,6 @@ function getOrigin(target, transition, visualElement) {
 
 
 
-/**
- * @internal
- */
 function animateVisualElement(visualElement, definition, options) {
     if (options === void 0) { options = {}; }
     visualElement.notifyAnimationStart(definition);
@@ -34297,7 +34351,7 @@ var VisualElementDragControls = /** @class */ (function () {
          * constraints as the window resizes.
          */
         var stopResizeListener = addDomEvent(window, "resize", function () {
-            _this.scalePositionWithinConstraints();
+            return _this.scalePositionWithinConstraints();
         });
         /**
          * If the element's layout changes, calculate the delta and apply that to
@@ -34388,7 +34442,7 @@ function useDrag(props) {
  * @param handlers -
  * @param ref -
  *
- * @internalremarks
+ * @privateRemarks
  * Currently this sets new pan gesture functions every render. The memo route has been explored
  * in the past but ultimately we're still creating new functions every render. An optimisation
  * to explore is creating the pan gestures and loading them into a `ref`.
@@ -34493,6 +34547,7 @@ function createLifecycles() {
 
 
 
+
 function updateMotionValuesFromProps(element, next, prev) {
     var _a;
     for (var key in next) {
@@ -34504,6 +34559,11 @@ function updateMotionValuesFromProps(element, next, prev) {
              * to our visual element's motion value map.
              */
             element.addValue(key, nextValue);
+            /**
+             * Check the version of the incoming motion value with this version
+             * and warn against mismatches.
+             */
+            if (false) {}
         }
         else if (isMotionValue(prevValue)) {
             /**
@@ -35262,6 +35322,9 @@ var checkAndConvertChangedValueTypes = function (visualElement, target, origin,
         }
     });
     if (changedValueTypeKeys.length) {
+        var scrollY_1 = changedValueTypeKeys.indexOf("height") >= 0
+            ? window.pageYOffset
+            : null;
         var convertedTarget = convertChangedValueTypes(target, visualElement, changedValueTypeKeys);
         // If we removed transform values, reapply them before the next render
         if (removedTransformValues.length) {
@@ -35272,6 +35335,9 @@ var checkAndConvertChangedValueTypes = function (visualElement, target, origin,
         }
         // Reapply original values
         visualElement.syncRender();
+        // Restore scroll position
+        if (scrollY_1 !== null)
+            window.scrollTo({ top: scrollY_1 });
         return { target: convertedTarget, transitionEnd: transitionEnd };
     }
     else {
@@ -35710,15 +35776,14 @@ var layoutFeatures = {
 ;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/node/DocumentProjectionNode.mjs
 
 
+
 var DocumentProjectionNode = createProjectionNode({
-    attachResizeListener: function (ref, notify) {
+    attachResizeListener: function (ref, notify) { return addDomEvent(ref, "resize", notify); },
-        ref.addEventListener("resize", notify, { passive: true });
-        return function () { return ref.removeEventListener("resize", notify); };
-    },
     measureScroll: function () { return ({
         x: document.documentElement.scrollLeft || document.body.scrollLeft,
         y: document.documentElement.scrollTop || document.body.scrollTop,
     }); },
+    checkIsScrollRoot: function () { return true; },
 });
 
 
@@ -35747,6 +35812,9 @@ var HTMLProjectionNode_HTMLProjectionNode = createProjectionNode({
     resetTransform: function (instance, value) {
         instance.style.transform = value !== null && value !== void 0 ? value : "none";
     },
+    checkIsScrollRoot: function (instance) {
+        return Boolean(window.getComputedStyle(instance).position === "fixed");
+    },
 });
 
 
@@ -37619,10 +37687,10 @@ function computeRubberband(bounds, [Vx, Vy], [Rx, Ry]) {
 
 
 
-;// CONCATENATED MODULE: ./node_modules/@use-gesture/core/dist/actions-8e12537b.esm.js
+;// CONCATENATED MODULE: ./node_modules/@use-gesture/core/dist/actions-1416bf77.esm.js
 
 
-function actions_8e12537b_esm_defineProperty(obj, key, value) {
+function actions_1416bf77_esm_defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -37637,7 +37705,7 @@ function actions_8e12537b_esm_defineProperty(obj, key, value) {
   return obj;
 }
 
-function actions_8e12537b_esm_ownKeys(object, enumerableOnly) {
+function actions_1416bf77_esm_ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
@@ -37650,12 +37718,12 @@ function actions_8e12537b_esm_ownKeys(object, enumerableOnly) {
   return keys;
 }
 
-function actions_8e12537b_esm_objectSpread2(target) {
+function actions_1416bf77_esm_objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? actions_8e12537b_esm_ownKeys(Object(source), !0).forEach(function (key) {
+    i % 2 ? actions_1416bf77_esm_ownKeys(Object(source), !0).forEach(function (key) {
-      actions_8e12537b_esm_defineProperty(target, key, source[key]);
+      actions_1416bf77_esm_defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : actions_8e12537b_esm_ownKeys(Object(source)).forEach(function (key) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : actions_1416bf77_esm_ownKeys(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -37691,10 +37759,16 @@ function capitalize(string) {
   return string[0].toUpperCase() + string.slice(1);
 }
 
+const actionsWithoutCaptureSupported = ['enter', 'leave'];
+
+function hasCapture(capture = false, actionKey) {
+  return capture && !actionsWithoutCaptureSupported.includes(actionKey);
+}
+
 function toHandlerProp(device, action = '', capture = false) {
   const deviceProps = EVENT_TYPE_MAP[device];
   const actionKey = deviceProps ? deviceProps[action] || action : action;
-  return 'on' + capitalize(device) + capitalize(actionKey) + (capture ? 'Capture' : '');
+  return 'on' + capitalize(device) + capitalize(actionKey) + (hasCapture(capture, actionKey) ? 'Capture' : '');
 }
 const pointerCaptureEvents = ['gotpointercapture', 'lostpointercapture'];
 function parseProp(prop) {
@@ -38058,7 +38132,7 @@ class Engine {
     const config = this.config;
     if (!state._active) this.clean();
     if ((state._blocked || !state.intentional) && !state._force && !config.triggerAllEvents) return;
-    const memo = this.handler(actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, shared), state), {}, {
+    const memo = this.handler(actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, shared), state), {}, {
       [this.aliasKey]: state.values
     }));
     if (memo !== undefined) state.memo = memo;
@@ -38090,7 +38164,7 @@ class CoordinatesEngine extends Engine {
   constructor(...args) {
     super(...args);
 
-    actions_8e12537b_esm_defineProperty(this, "aliasKey", 'xy');
+    actions_1416bf77_esm_defineProperty(this, "aliasKey", 'xy');
   }
 
   reset() {
@@ -38146,6 +38220,10 @@ const commonConfigResolver = {
     return value;
   },
 
+  eventOptions(value, _k, config) {
+    return actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, config.shared.eventOptions), value);
+  },
+
   preventDefault(value = false) {
     return value;
   },
@@ -38190,7 +38268,7 @@ const commonConfigResolver = {
 if (false) {}
 
 const DEFAULT_AXIS_THRESHOLD = 0;
-const coordinatesConfigResolver = actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, commonConfigResolver), {}, {
+const coordinatesConfigResolver = actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, commonConfigResolver), {}, {
   axis(_v, _k, {
     axis
   }) {
@@ -38237,7 +38315,7 @@ class DragEngine extends CoordinatesEngine {
   constructor(...args) {
     super(...args);
 
-    actions_8e12537b_esm_defineProperty(this, "ingKey", 'dragging');
+    actions_1416bf77_esm_defineProperty(this, "ingKey", 'dragging');
   }
 
   reset() {
@@ -38297,13 +38375,13 @@ class DragEngine extends CoordinatesEngine {
     const config = this.config;
     const state = this.state;
     if (event.buttons != null && (Array.isArray(config.pointerButtons) ? !config.pointerButtons.includes(event.buttons) : config.pointerButtons !== -1 && config.pointerButtons !== event.buttons)) return;
-    this.ctrl.setEventIds(event);
+    const ctrlIds = this.ctrl.setEventIds(event);
 
     if (config.pointerCapture) {
       event.target.setPointerCapture(event.pointerId);
     }
 
-    if (state._pointerActive) return;
+    if (ctrlIds && ctrlIds.size > 1 && state._pointerActive) return;
     this.start(event);
     this.setupPointer(event);
     state._pointerId = pointerId(event);
@@ -38460,12 +38538,13 @@ class DragEngine extends CoordinatesEngine {
   }
 
   setupScrollPrevention(event) {
+    this.state._preventScroll = false;
     persistEvent(event);
-    this.eventStore.add(this.sharedConfig.window, 'touch', 'change', this.preventScroll.bind(this), {
+    const remove = this.eventStore.add(this.sharedConfig.window, 'touch', 'change', this.preventScroll.bind(this), {
       passive: false
     });
-    this.eventStore.add(this.sharedConfig.window, 'touch', 'end', this.clean.bind(this));
+    this.eventStore.add(this.sharedConfig.window, 'touch', 'end', remove);
-    this.eventStore.add(this.sharedConfig.window, 'touch', 'cancel', this.clean.bind(this));
+    this.eventStore.add(this.sharedConfig.window, 'touch', 'cancel', remove);
     this.timeoutStore.add('startPointerDrag', this.startPointerDrag.bind(this), this.config.preventScrollDelay, event);
   }
 
@@ -38483,8 +38562,8 @@ class DragEngine extends CoordinatesEngine {
     if (deltaFn) {
       const state = this.state;
       const factor = event.shiftKey ? 10 : event.altKey ? 0.1 : 1;
-      state._delta = deltaFn(factor);
       this.start(event);
+      state._delta = deltaFn(factor);
       state._keyboardActive = true;
       V.addTo(state._movement, state._delta);
       this.compute(event);
@@ -38528,22 +38607,22 @@ function persistEvent(event) {
   'persist' in event && typeof event.persist === 'function' && event.persist();
 }
 
-const actions_8e12537b_esm_isBrowser = typeof window !== 'undefined' && window.document && window.document.createElement;
+const actions_1416bf77_esm_isBrowser = typeof window !== 'undefined' && window.document && window.document.createElement;
 
-function actions_8e12537b_esm_supportsTouchEvents() {
+function actions_1416bf77_esm_supportsTouchEvents() {
-  return actions_8e12537b_esm_isBrowser && 'ontouchstart' in window;
+  return actions_1416bf77_esm_isBrowser && 'ontouchstart' in window;
 }
 
 function isTouchScreen() {
-  return actions_8e12537b_esm_supportsTouchEvents() || actions_8e12537b_esm_isBrowser && window.navigator.maxTouchPoints > 1;
+  return actions_1416bf77_esm_supportsTouchEvents() || actions_1416bf77_esm_isBrowser && window.navigator.maxTouchPoints > 1;
 }
 
-function actions_8e12537b_esm_supportsPointerEvents() {
+function actions_1416bf77_esm_supportsPointerEvents() {
-  return actions_8e12537b_esm_isBrowser && 'onpointerdown' in window;
+  return actions_1416bf77_esm_isBrowser && 'onpointerdown' in window;
 }
 
 function supportsPointerLock() {
-  return actions_8e12537b_esm_isBrowser && 'exitPointerLock' in window.document;
+  return actions_1416bf77_esm_isBrowser && 'exitPointerLock' in window.document;
 }
 
 function supportsGestureEvents() {
@@ -38555,11 +38634,11 @@ function supportsGestureEvents() {
 }
 
 const SUPPORT = {
-  isBrowser: actions_8e12537b_esm_isBrowser,
+  isBrowser: actions_1416bf77_esm_isBrowser,
   gesture: supportsGestureEvents(),
   touch: isTouchScreen(),
   touchscreen: isTouchScreen(),
-  pointer: actions_8e12537b_esm_supportsPointerEvents(),
+  pointer: actions_1416bf77_esm_supportsPointerEvents(),
   pointerLock: supportsPointerLock()
 };
 
@@ -38573,7 +38652,7 @@ const DEFAULT_DRAG_AXIS_THRESHOLD = {
   touch: 0,
   pen: 8
 };
-const dragConfigResolver = actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, coordinatesConfigResolver), {}, {
+const dragConfigResolver = actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, coordinatesConfigResolver), {}, {
   device(_v, _k, {
     pointer: {
       touch = false,
@@ -38645,7 +38724,7 @@ const dragConfigResolver = actions_8e12537b_esm_objectSpread2(actions_8e12537b_e
 
   axisThreshold(value) {
     if (!value) return DEFAULT_DRAG_AXIS_THRESHOLD;
-    return actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
+    return actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
   }
 
 });
@@ -38658,9 +38737,9 @@ class PinchEngine extends Engine {
   constructor(...args) {
     super(...args);
 
-    actions_8e12537b_esm_defineProperty(this, "ingKey", 'pinching');
+    actions_1416bf77_esm_defineProperty(this, "ingKey", 'pinching');
 
-    actions_8e12537b_esm_defineProperty(this, "aliasKey", 'da');
+    actions_1416bf77_esm_defineProperty(this, "aliasKey", 'da');
   }
 
   init() {
@@ -38924,7 +39003,7 @@ class PinchEngine extends Engine {
 
 }
 
-const pinchConfigResolver = actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, commonConfigResolver), {}, {
+const pinchConfigResolver = actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, commonConfigResolver), {}, {
   device(_v, _k, {
     shared,
     pointer: {
@@ -38982,7 +39061,7 @@ class MoveEngine extends CoordinatesEngine {
   constructor(...args) {
     super(...args);
 
-    actions_8e12537b_esm_defineProperty(this, "ingKey", 'moving');
+    actions_1416bf77_esm_defineProperty(this, "ingKey", 'moving');
   }
 
   move(event) {
@@ -39024,7 +39103,7 @@ class MoveEngine extends CoordinatesEngine {
 
 }
 
-const moveConfigResolver = actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, coordinatesConfigResolver), {}, {
+const moveConfigResolver = actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, coordinatesConfigResolver), {}, {
   mouseOnly: (value = true) => value
 });
 
@@ -39032,7 +39111,7 @@ class ScrollEngine extends CoordinatesEngine {
   constructor(...args) {
     super(...args);
 
-    actions_8e12537b_esm_defineProperty(this, "ingKey", 'scrolling');
+    actions_1416bf77_esm_defineProperty(this, "ingKey", 'scrolling');
   }
 
   scroll(event) {
@@ -39071,7 +39150,7 @@ class WheelEngine extends CoordinatesEngine {
   constructor(...args) {
     super(...args);
 
-    actions_8e12537b_esm_defineProperty(this, "ingKey", 'wheeling');
+    actions_1416bf77_esm_defineProperty(this, "ingKey", 'wheeling');
   }
 
   wheel(event) {
@@ -39119,7 +39198,7 @@ class HoverEngine extends CoordinatesEngine {
   constructor(...args) {
     super(...args);
 
-    actions_8e12537b_esm_defineProperty(this, "ingKey", 'hovering');
+    actions_1416bf77_esm_defineProperty(this, "ingKey", 'hovering');
   }
 
   enter(event) {
@@ -39150,42 +39229,42 @@ class HoverEngine extends CoordinatesEngine {
 
 }
 
-const hoverConfigResolver = actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, coordinatesConfigResolver), {}, {
+const hoverConfigResolver = actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, coordinatesConfigResolver), {}, {
   mouseOnly: (value = true) => value
 });
 
-const actions_8e12537b_esm_EngineMap = new Map();
+const actions_1416bf77_esm_EngineMap = new Map();
 const ConfigResolverMap = new Map();
-function actions_8e12537b_esm_registerAction(action) {
+function actions_1416bf77_esm_registerAction(action) {
-  actions_8e12537b_esm_EngineMap.set(action.key, action.engine);
+  actions_1416bf77_esm_EngineMap.set(action.key, action.engine);
   ConfigResolverMap.set(action.key, action.resolver);
 }
-const actions_8e12537b_esm_dragAction = {
+const actions_1416bf77_esm_dragAction = {
   key: 'drag',
   engine: DragEngine,
   resolver: dragConfigResolver
 };
-const actions_8e12537b_esm_hoverAction = {
+const actions_1416bf77_esm_hoverAction = {
   key: 'hover',
   engine: HoverEngine,
   resolver: hoverConfigResolver
 };
-const actions_8e12537b_esm_moveAction = {
+const actions_1416bf77_esm_moveAction = {
   key: 'move',
   engine: MoveEngine,
   resolver: moveConfigResolver
 };
-const actions_8e12537b_esm_pinchAction = {
+const actions_1416bf77_esm_pinchAction = {
   key: 'pinch',
   engine: PinchEngine,
   resolver: pinchConfigResolver
 };
-const actions_8e12537b_esm_scrollAction = {
+const actions_1416bf77_esm_scrollAction = {
   key: 'scroll',
   engine: ScrollEngine,
   resolver: scrollConfigResolver
 };
-const actions_8e12537b_esm_wheelAction = {
+const actions_1416bf77_esm_wheelAction = {
   key: 'wheel',
   engine: WheelEngine,
   resolver: wheelConfigResolver
@@ -39312,7 +39391,7 @@ function use_gesture_core_esm_parse(config, gestureKey) {
 
   if (gestureKey) {
     const resolver = ConfigResolverMap.get(gestureKey);
-    _config[gestureKey] = resolveWith(actions_8e12537b_esm_objectSpread2({
+    _config[gestureKey] = resolveWith(actions_1416bf77_esm_objectSpread2({
       shared: _config.shared
     }, rest), resolver);
   } else {
@@ -39320,7 +39399,7 @@ function use_gesture_core_esm_parse(config, gestureKey) {
       const resolver = ConfigResolverMap.get(key);
 
       if (resolver) {
-        _config[key] = resolveWith(actions_8e12537b_esm_objectSpread2({
+        _config[key] = resolveWith(actions_1416bf77_esm_objectSpread2({
           shared: _config.shared
         }, rest[key]), resolver);
       } else if (false) {}
@@ -39331,33 +39410,43 @@ function use_gesture_core_esm_parse(config, gestureKey) {
 }
 
 class EventStore {
-  constructor(ctrl) {
+  constructor(ctrl, gestureKey) {
-    actions_8e12537b_esm_defineProperty(this, "_listeners", []);
+    actions_1416bf77_esm_defineProperty(this, "_listeners", new Set());
 
     this._ctrl = ctrl;
+    this._gestureKey = gestureKey;
   }
 
   add(element, device, action, handler, options) {
+    const listeners = this._listeners;
     const type = toDomEventType(device, action);
 
-    const eventOptions = actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, this._ctrl.config.shared.eventOptions), options);
+    const _options = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {};
+
+    const eventOptions = actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, _options), options);
 
     element.addEventListener(type, handler, eventOptions);
 
-    this._listeners.push(() => element.removeEventListener(type, handler, eventOptions));
+    const remove = () => {
+      element.removeEventListener(type, handler, eventOptions);
+      listeners.delete(remove);
+    };
+
+    listeners.add(remove);
+    return remove;
   }
 
   clean() {
     this._listeners.forEach(remove => remove());
 
-    this._listeners = [];
+    this._listeners.clear();
   }
 
 }
 
 class TimeoutStore {
   constructor() {
-    actions_8e12537b_esm_defineProperty(this, "_timeouts", new Map());
+    actions_1416bf77_esm_defineProperty(this, "_timeouts", new Map());
   }
 
   add(key, callback, ms = 140, ...args) {
@@ -39382,23 +39471,23 @@ class TimeoutStore {
 
 class Controller {
   constructor(handlers) {
-    actions_8e12537b_esm_defineProperty(this, "gestures", new Set());
+    actions_1416bf77_esm_defineProperty(this, "gestures", new Set());
 
-    actions_8e12537b_esm_defineProperty(this, "_targetEventStore", new EventStore(this));
+    actions_1416bf77_esm_defineProperty(this, "_targetEventStore", new EventStore(this));
 
-    actions_8e12537b_esm_defineProperty(this, "gestureEventStores", {});
+    actions_1416bf77_esm_defineProperty(this, "gestureEventStores", {});
 
-    actions_8e12537b_esm_defineProperty(this, "gestureTimeoutStores", {});
+    actions_1416bf77_esm_defineProperty(this, "gestureTimeoutStores", {});
 
-    actions_8e12537b_esm_defineProperty(this, "handlers", {});
+    actions_1416bf77_esm_defineProperty(this, "handlers", {});
 
-    actions_8e12537b_esm_defineProperty(this, "config", {});
+    actions_1416bf77_esm_defineProperty(this, "config", {});
 
-    actions_8e12537b_esm_defineProperty(this, "pointerIds", new Set());
+    actions_1416bf77_esm_defineProperty(this, "pointerIds", new Set());
 
-    actions_8e12537b_esm_defineProperty(this, "touchIds", new Set());
+    actions_1416bf77_esm_defineProperty(this, "touchIds", new Set());
 
-    actions_8e12537b_esm_defineProperty(this, "state", {
+    actions_1416bf77_esm_defineProperty(this, "state", {
       shared: {
         shiftKey: false,
         metaKey: false,
@@ -39413,8 +39502,10 @@ class Controller {
   setEventIds(event) {
     if (isTouch(event)) {
       this.touchIds = new Set(touchIds(event));
+      return this.touchIds;
     } else if ('pointerId' in event) {
       if (event.type === 'pointerup' || event.type === 'pointercancel') this.pointerIds.delete(event.pointerId);else if (event.type === 'pointerdown') this.pointerIds.add(event.pointerId);
+      return this.pointerIds;
     }
   }
 
@@ -39443,7 +39534,6 @@ class Controller {
 
   bind(...args) {
     const sharedConfig = this.config.shared;
-    const eventOptions = sharedConfig.eventOptions;
     const props = {};
     let target;
 
@@ -39452,18 +39542,21 @@ class Controller {
       if (!target) return;
     }
 
-    const bindFunction = bindToProps(props, eventOptions, !!target);
-
     if (sharedConfig.enabled) {
       for (const gestureKey of this.gestures) {
-        if (this.config[gestureKey].enabled) {
+        const gestureConfig = this.config[gestureKey];
-          const Engine = actions_8e12537b_esm_EngineMap.get(gestureKey);
+        const bindFunction = bindToProps(props, gestureConfig.eventOptions, !!target);
+
+        if (gestureConfig.enabled) {
+          const Engine = actions_1416bf77_esm_EngineMap.get(gestureKey);
           new Engine(this, args, gestureKey).bind(bindFunction);
         }
       }
 
+      const nativeBindFunction = bindToProps(props, sharedConfig.eventOptions, !!target);
+
       for (const eventKey in this.nativeHandlers) {
-        bindFunction(eventKey, '', event => this.nativeHandlers[eventKey](actions_8e12537b_esm_objectSpread2(actions_8e12537b_esm_objectSpread2({}, this.state.shared), {}, {
+        nativeBindFunction(eventKey, '', event => this.nativeHandlers[eventKey](actions_1416bf77_esm_objectSpread2(actions_1416bf77_esm_objectSpread2({}, this.state.shared), {}, {
           event,
           args
         })), undefined, true);
@@ -39494,7 +39587,7 @@ class Controller {
 
 function setupGesture(ctrl, gestureKey) {
   ctrl.gestures.add(gestureKey);
-  ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl);
+  ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl, gestureKey);
   ctrl.gestureTimeoutStores[gestureKey] = new TimeoutStore();
 }
 
@@ -39604,7 +39697,7 @@ function useRecognizers(handlers, config = {}, gestureKey, nativeHandlers) {
 }
 
 function use_gesture_react_esm_useDrag(handler, config) {
-  actions_8e12537b_esm_registerAction(actions_8e12537b_esm_dragAction);
+  actions_1416bf77_esm_registerAction(actions_1416bf77_esm_dragAction);
   return useRecognizers({
     drag: handler
   }, config || {}, 'drag');
@@ -39639,7 +39732,7 @@ function useMove(handler, config) {
 }
 
 function useHover(handler, config) {
-  actions_8e12537b_esm_registerAction(actions_8e12537b_esm_hoverAction);
+  actions_1416bf77_esm_registerAction(actions_1416bf77_esm_hoverAction);
   return useRecognizers({
     hover: handler
   }, config || {}, 'hover');
@@ -61046,15 +61139,9 @@ function newChildrenMap() {
 
 
 var getChildKey = function (child) { return child.key || ""; };
-var isDev = "production" !== "production";
 function updateChildLookup(children, allChildren) {
-    var seenChildren = isDev ? new Set() : null;
     children.forEach(function (child) {
         var key = getChildKey(child);
-        if (isDev && seenChildren && seenChildren.has(key)) {
-            console.warn("Children of AnimatePresence require unique keys. \"".concat(key, "\" is a duplicate."));
-            seenChildren.add(key);
-        }
         allChildren.set(key, child);
     });
 }
@@ -61186,7 +61273,11 @@ var AnimatePresence = function (_a) {
         var key = child.key;
         return exiting.has(key) ? (child) : (external_React_.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout }, child));
     });
-    if (false) {}
+    if (env !== "production" &&
+        exitBeforeEnter &&
+        childrenToRender.length > 1) {
+        console.warn("You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.");
+    }
     return (external_React_.createElement(external_React_.Fragment, null, exiting.size
         ? childrenToRender
         : childrenToRender.map(function (child) { return (0,external_React_.cloneElement)(child); })));

wp-includes/js/dist/edit-site.js

@@ -12457,15 +12457,15 @@ const postAuthor = (0,external_wp_element_namespaceObject.createElement)(externa
  * WordPress dependencies
  */
 
-const blockDefault = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+const blockMeta = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
-  "fill-rule": "evenodd",
+  fillRule: "evenodd",
   d: "M8.95 11.25H4v1.5h4.95v4.5H13V18c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2v-3c0-1.1-.9-2-2-2h-3c-1.1 0-2 .9-2 2v.75h-2.55v-7.5H13V9c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3c-1.1 0-2 .9-2 2v.75H8.95v4.5ZM14.5 15v3c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5h-3c-.3 0-.5.2-.5.5Zm0-6V6c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5Z",
-  "clip-rule": "evenodd"
+  clipRule: "evenodd"
 }));
-/* harmony default export */ var block_meta = (blockDefault);
+/* harmony default export */ var block_meta = (blockMeta);
 
 ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-date.js
 

wp-includes/version.php

@@ -16,7 +16,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '6.1-alpha-53643';
+$wp_version = '6.1-alpha-53644';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.