@wordpress/block-editor 15.9.1-next.6deb34194.0 → 15.9.1-next.738bb1424.0

package/build-module/components/block-styles/preview-panel.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/block-styles/preview-panel.js
 import { useMemo } from "@wordpress/element";
-import InserterPreviewPanel from "../inserter/preview-panel";
-import { replaceActiveStyle } from "./utils";
+import InserterPreviewPanel from "../inserter/preview-panel.js";
+import { replaceActiveStyle } from "./utils.js";
 import { jsx } from "react/jsx-runtime";
 function BlockStylesPreviewPanel({
   genericPreviewBlock,

package/build-module/components/block-styles/use-styles-for-block.js

@@ -7,8 +7,8 @@ import {
   store as blocksStore
 } from "@wordpress/blocks";
 import { useMemo } from "@wordpress/element";
-import { getActiveStyle, getRenderedStyles, replaceActiveStyle } from "./utils";
-import { store as blockEditorStore } from "../../store";
+import { getActiveStyle, getRenderedStyles, replaceActiveStyle } from "./utils.js";
+import { store as blockEditorStore } from "../../store/index.js";
 function useGenericPreviewBlock(block, type) {
   return useMemo(() => {
     const example = type?.example;

package/build-module/components/block-switcher/block-styles-menu.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/block-switcher/block-styles-menu.js
 import { __ } from "@wordpress/i18n";
 import { MenuGroup } from "@wordpress/components";
-import BlockStylesMenuItems from "../block-styles/menu-items";
+import BlockStylesMenuItems from "../block-styles/menu-items.js";
 import { jsx } from "react/jsx-runtime";
 function BlockStylesMenu({ hoveredBlock, onSwitch }) {
   const { clientId } = hoveredBlock;

package/build-module/components/block-switcher/block-transformations-menu.js

@@ -6,9 +6,9 @@ import {
   switchToBlockType
 } from "@wordpress/blocks";
 import { useState, useMemo } from "@wordpress/element";
-import BlockIcon from "../block-icon";
-import PreviewBlockPopover from "./preview-block-popover";
-import BlockVariationTransformations from "./block-variation-transformations";
+import BlockIcon from "../block-icon/index.js";
+import PreviewBlockPopover from "./preview-block-popover.js";
+import BlockVariationTransformations from "./block-variation-transformations.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function useGroupedTransforms(possibleBlockTransformations) {
   const priorityContentTransformationBlocks = {

package/build-module/components/block-switcher/block-variation-transformations.js

@@ -7,9 +7,9 @@ import {
 } from "@wordpress/blocks";
 import { useSelect } from "@wordpress/data";
 import { useState, useMemo } from "@wordpress/element";
-import { store as blockEditorStore } from "../../store";
-import BlockIcon from "../block-icon";
-import PreviewBlockPopover from "./preview-block-popover";
+import { store as blockEditorStore } from "../../store/index.js";
+import BlockIcon from "../block-icon/index.js";
+import PreviewBlockPopover from "./preview-block-popover.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var EMPTY_OBJECT = {};
 function useBlockVariationTransforms({ clientIds, blocks }) {

package/build-module/components/block-switcher/index.js

@@ -14,11 +14,11 @@ import {
   isTemplatePart
 } from "@wordpress/blocks";
 import { useSelect, useDispatch } from "@wordpress/data";
-import { store as blockEditorStore } from "../../store";
-import BlockTransformationsMenu from "./block-transformations-menu";
-import { useBlockVariationTransforms } from "./block-variation-transformations";
-import BlockStylesMenu from "./block-styles-menu";
-import PatternTransformationsMenu from "./pattern-transformations-menu";
+import { store as blockEditorStore } from "../../store/index.js";
+import BlockTransformationsMenu from "./block-transformations-menu.js";
+import { useBlockVariationTransforms } from "./block-variation-transformations.js";
+import BlockStylesMenu from "./block-styles-menu.js";
+import PatternTransformationsMenu from "./pattern-transformations-menu.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function BlockSwitcherDropdownMenuContents({ onClose, clientIds }) {
   const { replaceBlocks, multiSelect, updateBlockAttributes } = useDispatch(blockEditorStore);

package/build-module/components/block-switcher/pattern-transformations-menu.js

@@ -10,8 +10,8 @@ import {
   Popover,
   VisuallyHidden
 } from "@wordpress/components";
-import BlockPreview from "../block-preview";
-import useTransformedPatterns from "./use-transformed-patterns";
+import BlockPreview from "../block-preview/index.js";
+import useTransformedPatterns from "./use-transformed-patterns.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PatternTransformationsMenu({
   blocks,

package/build-module/components/block-switcher/preview-block-popover.js

@@ -2,7 +2,7 @@
 import { __ } from "@wordpress/i18n";
 import { Popover } from "@wordpress/components";
 import { useViewportMatch } from "@wordpress/compose";
-import BlockPreview from "../block-preview";
+import BlockPreview from "../block-preview/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PreviewBlockPopover({ blocks }) {
   const isMobile = useViewportMatch("medium", "<");

package/build-module/components/block-switcher/use-transformed-patterns.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/block-switcher/use-transformed-patterns.js
 import { useMemo } from "@wordpress/element";
 import { cloneBlock } from "@wordpress/blocks";
-import { getMatchingBlockByName, getRetainedBlockAttributes } from "./utils";
+import { getMatchingBlockByName, getRetainedBlockAttributes } from "./utils.js";
 var transformMatchingBlock = (match, selectedBlock) => {
   const retainedBlockAttributes = getRetainedBlockAttributes(
     selectedBlock.name,

package/build-module/components/block-title/index.js

@@ -1,5 +1,5 @@
 // packages/block-editor/src/components/block-title/index.js
-import useBlockDisplayTitle from "./use-block-display-title";
+import useBlockDisplayTitle from "./use-block-display-title.js";
 function BlockTitle({ clientId, maximumLength, context }) {
   return useBlockDisplayTitle({ clientId, maximumLength, context });
 }

package/build-module/components/block-title/use-block-display-title.js

@@ -4,7 +4,7 @@ import {
   __experimentalGetBlockLabel as getBlockLabel,
   store as blocksStore
 } from "@wordpress/blocks";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 function useBlockDisplayTitle({
   clientId,
   maximumLength,

package/build-module/components/block-toolbar/block-toolbar-icon.js

@@ -5,13 +5,13 @@ import { useSelect } from "@wordpress/data";
 import { copy, symbol } from "@wordpress/icons";
 import { getBlockType, store as blocksStore } from "@wordpress/blocks";
 import { store as preferencesStore } from "@wordpress/preferences";
-import BlockSwitcher from "../block-switcher";
-import BlockIcon from "../block-icon";
-import PatternOverridesDropdown from "./pattern-overrides-dropdown";
-import useBlockDisplayTitle from "../block-title/use-block-display-title";
-import { store as blockEditorStore } from "../../store";
-import { hasPatternOverridesDefaultBinding } from "../../utils/block-bindings";
-import { unlock } from "../../lock-unlock";
+import BlockSwitcher from "../block-switcher/index.js";
+import BlockIcon from "../block-icon/index.js";
+import PatternOverridesDropdown from "./pattern-overrides-dropdown.js";
+import useBlockDisplayTitle from "../block-title/use-block-display-title.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { hasPatternOverridesDefaultBinding } from "../../utils/block-bindings.js";
+import { unlock } from "../../lock-unlock.js";
 import { jsx } from "react/jsx-runtime";
 function getBlockIconVariant({ select, clientIds }) {
   const {

package/build-module/components/block-toolbar/change-design.js

@@ -9,8 +9,8 @@ import { __ } from "@wordpress/i18n";
 import { cloneBlock } from "@wordpress/blocks";
 import { useMemo } from "@wordpress/element";
 import { useSelect, useDispatch } from "@wordpress/data";
-import { store as blockEditorStore } from "../../store";
-import BlockPatternsList from "../block-patterns-list";
+import { store as blockEditorStore } from "../../store/index.js";
+import BlockPatternsList from "../block-patterns-list/index.js";
 import { jsx } from "react/jsx-runtime";
 var EMPTY_ARRAY = [];
 var MAX_PATTERNS_TO_SHOW = 6;

package/build-module/components/block-toolbar/index.js

@@ -11,23 +11,23 @@ import {
   isTemplatePart
 } from "@wordpress/blocks";
 import { ToolbarGroup } from "@wordpress/components";
-import BlockMover from "../block-mover";
-import BlockParentSelector from "../block-parent-selector";
-import BlockControls from "../block-controls";
-import __unstableBlockToolbarLastItem from "./block-toolbar-last-item";
-import BlockSettingsMenu from "../block-settings-menu";
-import { BlockLockToolbar } from "../block-lock";
-import { BlockVisibilityToolbar } from "../block-visibility";
-import { BlockGroupToolbar } from "../convert-to-group-buttons";
-import BlockEditVisuallyButton from "../block-edit-visually-button";
-import { useShowHoveredOrFocusedGestures } from "./utils";
-import { store as blockEditorStore } from "../../store";
-import NavigableToolbar from "../navigable-toolbar";
-import { useHasBlockToolbar } from "./use-has-block-toolbar";
-import ChangeDesign from "./change-design";
-import SwitchSectionStyle from "./switch-section-style";
-import { unlock } from "../../lock-unlock";
-import BlockToolbarIcon from "./block-toolbar-icon";
+import BlockMover from "../block-mover/index.js";
+import BlockParentSelector from "../block-parent-selector/index.js";
+import BlockControls from "../block-controls/index.js";
+import __unstableBlockToolbarLastItem from "./block-toolbar-last-item.js";
+import BlockSettingsMenu from "../block-settings-menu/index.js";
+import { BlockLockToolbar } from "../block-lock/index.js";
+import { BlockVisibilityToolbar } from "../block-visibility/index.js";
+import { BlockGroupToolbar } from "../convert-to-group-buttons/index.js";
+import BlockEditVisuallyButton from "../block-edit-visually-button/index.js";
+import { useShowHoveredOrFocusedGestures } from "./utils.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import NavigableToolbar from "../navigable-toolbar/index.js";
+import { useHasBlockToolbar } from "./use-has-block-toolbar.js";
+import ChangeDesign from "./change-design.js";
+import SwitchSectionStyle from "./switch-section-style.js";
+import { unlock } from "../../lock-unlock.js";
+import BlockToolbarIcon from "./block-toolbar-icon.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function PrivateBlockToolbar({
   hideDragHandle,

package/build-module/components/block-toolbar/pattern-overrides-dropdown.js

@@ -7,7 +7,7 @@ import {
 import { __, sprintf } from "@wordpress/i18n";
 import { useState, useRef } from "@wordpress/element";
 import { useSelect } from "@wordpress/data";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function PatternOverridesPopoverContent({ clientIds, blockTitle }) {
   const blockMetaName = useSelect(

package/build-module/components/block-toolbar/switch-section-style.js

@@ -8,11 +8,11 @@ import {
 } from "@wordpress/components";
 import { __ } from "@wordpress/i18n";
 import { useDispatch, useSelect } from "@wordpress/data";
-import useStylesForBlocks from "../block-styles/use-styles-for-block";
-import { replaceActiveStyle } from "../block-styles/utils";
-import { store as blockEditorStore } from "../../store";
-import { globalStylesDataKey } from "../../store/private-keys";
-import { getVariationStylesWithRefValues } from "../../hooks/block-style-variation";
+import useStylesForBlocks from "../block-styles/use-styles-for-block.js";
+import { replaceActiveStyle } from "../block-styles/utils.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { globalStylesDataKey } from "../../store/private-keys.js";
+import { getVariationStylesWithRefValues } from "../../hooks/block-style-variation.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var styleIcon = /* @__PURE__ */ jsxs(
   SVG,

package/build-module/components/block-toolbar/use-has-block-toolbar.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/block-toolbar/use-has-block-toolbar.js
 import { useSelect } from "@wordpress/data";
 import { getBlockType, hasBlockSupport } from "@wordpress/blocks";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 function useHasBlockToolbar() {
   const enabled = useSelect((select) => {
     const { getBlockEditingMode, getBlockName, getBlockSelectionStart } = select(blockEditorStore);

package/build-module/components/block-toolbar/utils.js

@@ -1,7 +1,7 @@
 // packages/block-editor/src/components/block-toolbar/utils.js
 import { useSelect, useDispatch } from "@wordpress/data";
 import { useState, useRef, useEffect } from "@wordpress/element";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 var { clearTimeout, setTimeout } = window;
 var DEBOUNCE_TIMEOUT = 200;
 function useDebouncedShowGestures({

package/build-module/components/block-tools/block-toolbar-popover.js

@@ -3,11 +3,11 @@ import clsx from "clsx";
 import { useDispatch } from "@wordpress/data";
 import { useEffect, useRef } from "@wordpress/element";
 import { useShortcut } from "@wordpress/keyboard-shortcuts";
-import { PrivateBlockPopover } from "../block-popover";
-import useBlockToolbarPopoverProps from "./use-block-toolbar-popover-props";
-import useSelectedBlockToolProps from "./use-selected-block-tool-props";
-import { store as blockEditorStore } from "../../store";
-import { PrivateBlockToolbar } from "../block-toolbar";
+import { PrivateBlockPopover } from "../block-popover/index.js";
+import useBlockToolbarPopoverProps from "./use-block-toolbar-popover-props.js";
+import useSelectedBlockToolProps from "./use-selected-block-tool-props.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { PrivateBlockToolbar } from "../block-toolbar/index.js";
 import { jsx } from "react/jsx-runtime";
 function BlockToolbarPopover({
   clientId,

package/build-module/components/block-tools/empty-block-inserter.js

@@ -1,9 +1,9 @@
 // packages/block-editor/src/components/block-tools/empty-block-inserter.js
 import clsx from "clsx";
-import BlockPopoverCover from "../block-popover/cover";
-import useBlockToolbarPopoverProps from "./use-block-toolbar-popover-props";
-import Inserter from "../inserter";
-import useSelectedBlockToolProps from "./use-selected-block-tool-props";
+import BlockPopoverCover from "../block-popover/cover.js";
+import useBlockToolbarPopoverProps from "./use-block-toolbar-popover-props.js";
+import Inserter from "../inserter/index.js";
+import useSelectedBlockToolProps from "./use-selected-block-tool-props.js";
 import { jsx } from "react/jsx-runtime";
 function EmptyBlockInserter({
   clientId,

package/build-module/components/block-tools/index.js

@@ -12,19 +12,19 @@ import {
 } from "@wordpress/blocks";
 import { speak } from "@wordpress/a11y";
 import { __, sprintf, _n } from "@wordpress/i18n";
-import EmptyBlockInserter from "./empty-block-inserter";
+import EmptyBlockInserter from "./empty-block-inserter.js";
 import {
   InsertionPointOpenRef,
   default as InsertionPoint
-} from "./insertion-point";
-import BlockToolbarPopover from "./block-toolbar-popover";
-import { store as blockEditorStore } from "../../store";
-import usePopoverScroll from "../block-popover/use-popover-scroll";
-import ZoomOutModeInserters from "./zoom-out-mode-inserters";
-import { useShowBlockTools } from "./use-show-block-tools";
-import { unlock } from "../../lock-unlock";
-import { cleanEmptyObject } from "../../hooks/utils";
-import usePasteStyles from "../use-paste-styles";
+} from "./insertion-point.js";
+import BlockToolbarPopover from "./block-toolbar-popover.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import usePopoverScroll from "../block-popover/use-popover-scroll.js";
+import ZoomOutModeInserters from "./zoom-out-mode-inserters.js";
+import { useShowBlockTools } from "./use-show-block-tools.js";
+import { unlock } from "../../lock-unlock.js";
+import { cleanEmptyObject } from "../../hooks/utils.js";
+import usePasteStyles from "../use-paste-styles/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function selector(select) {
   const {

package/build-module/components/block-tools/insertion-point.js

@@ -9,11 +9,11 @@ import {
 } from "@wordpress/element";
 import { __unstableMotion as motion } from "@wordpress/components";
 import { useReducedMotion } from "@wordpress/compose";
-import Inserter from "../inserter";
-import { store as blockEditorStore } from "../../store";
-import BlockPopoverInbetween from "../block-popover/inbetween";
-import BlockDropZonePopover from "../block-popover/drop-zone";
-import { unlock } from "../../lock-unlock";
+import Inserter from "../inserter/index.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import BlockPopoverInbetween from "../block-popover/inbetween.js";
+import BlockDropZonePopover from "../block-popover/drop-zone.js";
+import { unlock } from "../../lock-unlock.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var InsertionPointOpenRef = createContext();
 InsertionPointOpenRef.displayName = "InsertionPointOpenRefContext";

package/build-module/components/block-tools/use-block-toolbar-popover-props.js

@@ -8,10 +8,10 @@ import {
   useMemo,
   useState
 } from "@wordpress/element";
-import { store as blockEditorStore } from "../../store";
-import { useBlockElement } from "../block-list/use-block-props/use-block-refs";
-import { hasStickyOrFixedPositionValue } from "../../hooks/position";
-import { getElementBounds } from "../../utils/dom";
+import { store as blockEditorStore } from "../../store/index.js";
+import { useBlockElement } from "../block-list/use-block-props/use-block-refs.js";
+import { hasStickyOrFixedPositionValue } from "../../hooks/position.js";
+import { getElementBounds } from "../../utils/dom.js";
 var COMMON_PROPS = {
   placement: "top-start"
 };

package/build-module/components/block-tools/use-selected-block-tool-props.js

@@ -1,6 +1,6 @@
 // packages/block-editor/src/components/block-tools/use-selected-block-tool-props.js
 import { useSelect } from "@wordpress/data";
-import { store as blockEditorStore } from "../../store";
+import { store as blockEditorStore } from "../../store/index.js";
 function useSelectedBlockToolProps(clientId) {
   const selectedBlockProps = useSelect(
     (select) => {

package/build-module/components/block-tools/use-show-block-tools.js

@@ -1,8 +1,8 @@
 // packages/block-editor/src/components/block-tools/use-show-block-tools.js
 import { useSelect } from "@wordpress/data";
 import { isUnmodifiedDefaultBlock } from "@wordpress/blocks";
-import { store as blockEditorStore } from "../../store";
-import { unlock } from "../../lock-unlock";
+import { store as blockEditorStore } from "../../store/index.js";
+import { unlock } from "../../lock-unlock.js";
 function useShowBlockTools() {
   return useSelect((select) => {
     const {

package/build-module/components/block-tools/zoom-out-mode-inserters.js

@@ -1,10 +1,10 @@
 // packages/block-editor/src/components/block-tools/zoom-out-mode-inserters.js
 import { useSelect, useDispatch } from "@wordpress/data";
 import { useEffect, useState } from "@wordpress/element";
-import BlockPopoverInbetween from "../block-popover/inbetween";
-import ZoomOutModeInserterButton from "./zoom-out-mode-inserter-button";
-import { store as blockEditorStore } from "../../store";
-import { unlock } from "../../lock-unlock";
+import BlockPopoverInbetween from "../block-popover/inbetween.js";
+import ZoomOutModeInserterButton from "./zoom-out-mode-inserter-button.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { unlock } from "../../lock-unlock.js";
 import { jsx } from "react/jsx-runtime";
 function ZoomOutModeInserters() {
   const [isReady, setIsReady] = useState(false);

package/build-module/components/block-types-list/index.js

@@ -1,8 +1,8 @@
 // packages/block-editor/src/components/block-types-list/index.js
 import { getBlockMenuDefaultClassName } from "@wordpress/blocks";
 import { useInstanceId } from "@wordpress/compose";
-import InserterListItem from "../inserter-list-item";
-import { InserterListboxGroup, InserterListboxRow } from "../inserter-listbox";
+import InserterListItem from "../inserter-list-item/index.js";
+import { InserterListboxGroup, InserterListboxRow } from "../inserter-listbox/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function chunk(array, size) {
   const chunks = [];

package/build-module/components/block-variation-transforms/index.js

@@ -10,9 +10,9 @@ import {
 } from "@wordpress/components";
 import { useSelect, useDispatch } from "@wordpress/data";
 import { useMemo } from "@wordpress/element";
-import BlockIcon from "../block-icon";
-import { store as blockEditorStore } from "../../store";
-import { unlock } from "../../lock-unlock";
+import BlockIcon from "../block-icon/index.js";
+import { store as blockEditorStore } from "../../store/index.js";
+import { unlock } from "../../lock-unlock.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var { Menu } = unlock(componentsPrivateApis);
 function VariationsButtons({
@@ -93,7 +93,6 @@ function VariationsToggleGroupControl({
       hideLabelFromVision: true,
       onChange: onSelectVariation,
       __next40pxDefaultSize: true,
-      __nextHasNoMarginBottom: true,
       children: variations.map((variation) => /* @__PURE__ */ jsx(
         ToggleGroupControlOptionIcon,
         {
@@ -112,13 +111,7 @@ function VariationsToggleGroupControl({
 }
 function __experimentalBlockVariationTransforms({ blockClientId }) {
   const { updateBlockAttributes } = useDispatch(blockEditorStore);
-  const {
-    activeBlockVariation,
-    unfilteredVariations,
-    blockName,
-    isContentOnly,
-    isSection
-  } = useSelect(
+  const { activeBlockVariation, variations, isContentOnly, isSection } = useSelect(
     (select) => {
       const { getActiveBlockVariation, getBlockVariations } = select(blocksStore);
       const {
@@ -128,7 +121,9 @@ function __experimentalBlockVariationTransforms({ blockClientId }) {
         isSectionBlock
       } = unlock(select(blockEditorStore));
       const name = blockClientId && getBlockName(blockClientId);
-      const { hasContentRoleAttribute } = unlock(select(blocksStore));
+      const { hasContentRoleAttribute } = unlock(
+        select(blocksStore)
+      );
       const isContentBlock = hasContentRoleAttribute(name);
       return {
         activeBlockVariation: getActiveBlockVariation(
@@ -136,36 +131,13 @@ function __experimentalBlockVariationTransforms({ blockClientId }) {
           getBlockAttributes(blockClientId),
           "transform"
         ),
-        unfilteredVariations: name && getBlockVariations(name, "transform"),
-        blockName: name,
+        variations: name && getBlockVariations(name, "transform"),
         isContentOnly: getBlockEditingMode(blockClientId) === "contentOnly" && !isContentBlock,
         isSection: isSectionBlock(blockClientId)
       };
     },
     [blockClientId]
   );
-  const variations = useMemo(() => {
-    if (blockName === "core/paragraph") {
-      if (activeBlockVariation?.name === "stretchy-paragraph" || unfilteredVariations.every(
-        (v) => ["paragraph", "stretchy-paragraph"].includes(v.name)
-      )) {
-        return [];
-      }
-      return unfilteredVariations.filter(
-        (v) => v.name !== "stretchy-paragraph"
-      );
-    } else if (blockName === "core/heading") {
-      if (activeBlockVariation?.name === "stretchy-heading" || unfilteredVariations.every(
-        (v) => ["heading", "stretchy-heading"].includes(v.name)
-      )) {
-        return [];
-      }
-      return unfilteredVariations.filter(
-        (v) => v.name !== "stretchy-heading"
-      );
-    }
-    return unfilteredVariations;
-  }, [activeBlockVariation?.name, blockName, unfilteredVariations]);
   const selectedValue = activeBlockVariation?.name;
   const hasUniqueIcons = useMemo(() => {
     const variationIcons = /* @__PURE__ */ new Set();

package/build-module/components/block-variation-transforms/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/block-variation-transforms/index.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nfunction VariationsButtons( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<fieldset className={ className }>\n\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t{ __( 'Transform to variation' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\ticon={ <BlockIcon icon={ variation.icon } showColors /> }\n\t\t\t\t\tisPressed={ selectedValue === variation.name }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tselectedValue === variation.name\n\t\t\t\t\t\t\t? variation.title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: Block or block variation name. */\n\t\t\t\t\t\t\t\t\t__( 'Transform to %s' ),\n\t\t\t\t\t\t\t\t\tvariation.title\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => onSelectVariation( variation.name ) }\n\t\t\t\t\taria-label={ variation.title }\n\t\t\t\t\tshowTooltip\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</fieldset>\n\t);\n}\n\nfunction VariationsDropdown( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<Menu>\n\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\trender={\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"block-editor-block-variation-transforms__button\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Transform to variation' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<Menu.Popover position=\"bottom\">\n\t\t\t\t\t<Menu.Group>\n\t\t\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\t\t\t\tvalue={ variation.name }\n\t\t\t\t\t\t\t\tchecked={ selectedValue === variation.name }\n\t\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\t\tonSelectVariation( variation.name )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ variation.title }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t{ variation.description && (\n\t\t\t\t\t\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t\t\t\t\t\t{ variation.description }\n\t\t\t\t\t\t\t\t\t</Menu.ItemHelpText>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Menu.Group>\n\t\t\t\t</Menu.Popover>\n\t\t\t</Menu>\n\t\t</div>\n\t);\n}\n\nfunction VariationsToggleGroupControl( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<ToggleGroupControl\n\t\t\t\tlabel={ __( 'Transform to variation' ) }\n\t\t\t\tvalue={ selectedValue }\n\t\t\t\thideLabelFromVision\n\t\t\t\tonChange={ onSelectVariation }\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t>\n\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<BlockIcon icon={ variation.icon } showColors />\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ variation.name }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tselectedValue === variation.name\n\t\t\t\t\t\t\t\t? variation.title\n\t\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: Block or block variation name. */\n\t\t\t\t\t\t\t\t\t\t__( 'Transform to %s' ),\n\t\t\t\t\t\t\t\t\t\tvariation.title\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ToggleGroupControl>\n\t\t</div>\n\t);\n}\n\nfunction __experimentalBlockVariationTransforms( { blockClientId } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst {\n\t\tactiveBlockVariation,\n\t\tunfilteredVariations,\n\t\tblockName,\n\t\tisContentOnly,\n\t\tisSection,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveBlockVariation, getBlockVariations } =\n\t\t\t\tselect( blocksStore );\n\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockEditingMode,\n\t\t\t\tisSectionBlock,\n\t\t\t} = unlock( select( blockEditorStore ) );\n\n\t\t\tconst name = blockClientId && getBlockName( blockClientId );\n\n\t\t\tconst { hasContentRoleAttribute } = unlock( select( blocksStore ) );\n\t\t\tconst isContentBlock = hasContentRoleAttribute( name );\n\n\t\t\treturn {\n\t\t\t\tactiveBlockVariation: getActiveBlockVariation(\n\t\t\t\t\tname,\n\t\t\t\t\tgetBlockAttributes( blockClientId ),\n\t\t\t\t\t'transform'\n\t\t\t\t),\n\t\t\t\tunfilteredVariations:\n\t\t\t\t\tname && getBlockVariations( name, 'transform' ),\n\t\t\t\tblockName: name,\n\t\t\t\tisContentOnly:\n\t\t\t\t\tgetBlockEditingMode( blockClientId ) === 'contentOnly' &&\n\t\t\t\t\t! isContentBlock,\n\t\t\t\tisSection: isSectionBlock( blockClientId ),\n\t\t\t};\n\t\t},\n\t\t[ blockClientId ]\n\t);\n\n\t/*\n\t * Hack for WordPress 6.9\n\t *\n\t * The Stretchy blocks shipped in 6.9 were ultimately\n\t * implemented as block variations of the base types Paragraph\n\t * and Heading. See #73056 for discussion and trade-offs.\n\t *\n\t * The main drawback of this choice is that the Variations API\n\t * doesn't offer enough control over how prominent and how tied\n\t * to the base type a variation should be.\n\t *\n\t * In order to ship these new \"blocks\" with an acceptable UX,\n\t * we need two hacks until the Variations API is improved:\n\t *\n\t * - Don't show the variations switcher in the block inspector\n\t *   for Paragraph, Heading, Stretchy Paragraph and Stretchy\n\t *   Heading (implemented below). Transformations are still\n\t *   available in the block switcher.\n\t *\n\t * - Move the stretchy variations to the end of the core blocks\n\t *   list in the block inserter (implemented in\n\t *   getInserterItems in #73056).\n\t */\n\tconst variations = useMemo( () => {\n\t\tif ( blockName === 'core/paragraph' ) {\n\t\t\t// Always hide options when active variation is stretchy, but\n\t\t\t// ensure that there are no third-party variations before doing the\n\t\t\t// same elsewhere.\n\t\t\tif (\n\t\t\t\tactiveBlockVariation?.name === 'stretchy-paragraph' ||\n\t\t\t\tunfilteredVariations.every( ( v ) =>\n\t\t\t\t\t[ 'paragraph', 'stretchy-paragraph' ].includes( v.name )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\t// If there are other variations, only hide the stretchy one.\n\t\t\treturn unfilteredVariations.filter(\n\t\t\t\t( v ) => v.name !== 'stretchy-paragraph'\n\t\t\t);\n\t\t} else if ( blockName === 'core/heading' ) {\n\t\t\tif (\n\t\t\t\tactiveBlockVariation?.name === 'stretchy-heading' ||\n\t\t\t\tunfilteredVariations.every( ( v ) =>\n\t\t\t\t\t[ 'heading', 'stretchy-heading' ].includes( v.name )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\treturn unfilteredVariations.filter(\n\t\t\t\t( v ) => v.name !== 'stretchy-heading'\n\t\t\t);\n\t\t}\n\t\treturn unfilteredVariations;\n\t}, [ activeBlockVariation?.name, blockName, unfilteredVariations ] );\n\n\tconst selectedValue = activeBlockVariation?.name;\n\n\t// Check if each variation has a unique icon.\n\tconst hasUniqueIcons = useMemo( () => {\n\t\tconst variationIcons = new Set();\n\t\tif ( ! variations ) {\n\t\t\treturn false;\n\t\t}\n\t\tvariations.forEach( ( variation ) => {\n\t\t\tif ( variation.icon ) {\n\t\t\t\tvariationIcons.add( variation.icon?.src || variation.icon );\n\t\t\t}\n\t\t} );\n\t\treturn variationIcons.size === variations.length;\n\t}, [ variations ] );\n\n\tconst onSelectVariation = ( variationName ) => {\n\t\tupdateBlockAttributes( blockClientId, {\n\t\t\t...variations.find( ( { name } ) => name === variationName )\n\t\t\t\t.attributes,\n\t\t} );\n\t};\n\n\tconst hideVariationsForSections =\n\t\twindow?.__experimentalContentOnlyPatternInsertion && isSection;\n\n\tif ( ! variations?.length || isContentOnly || hideVariationsForSections ) {\n\t\treturn null;\n\t}\n\n\tconst baseClass = 'block-editor-block-variation-transforms';\n\n\t// Show buttons if there are more than 5 variations because the ToggleGroupControl does not wrap\n\tconst showButtons = variations.length > 5;\n\n\tconst ButtonComponent = showButtons\n\t\t? VariationsButtons\n\t\t: VariationsToggleGroupControl;\n\n\tconst Component = hasUniqueIcons ? ButtonComponent : VariationsDropdown;\n\n\treturn (\n\t\t<Component\n\t\t\tclassName={ baseClass }\n\t\t\tonSelectVariation={ onSelectVariation }\n\t\t\tselectedValue={ selectedValue }\n\t\t\tvariations={ variations }\n\t\t/>\n\t);\n}\n\nexport default __experimentalBlockVariationTransforms;\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n\tVisuallyHidden,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { Menu } = unlock( componentsPrivateApis );\n\nfunction VariationsButtons( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<fieldset className={ className }>\n\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t{ __( 'Transform to variation' ) }\n\t\t\t</VisuallyHidden>\n\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\ticon={ <BlockIcon icon={ variation.icon } showColors /> }\n\t\t\t\t\tisPressed={ selectedValue === variation.name }\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tselectedValue === variation.name\n\t\t\t\t\t\t\t? variation.title\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: Block or block variation name. */\n\t\t\t\t\t\t\t\t\t__( 'Transform to %s' ),\n\t\t\t\t\t\t\t\t\tvariation.title\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t\tonClick={ () => onSelectVariation( variation.name ) }\n\t\t\t\t\taria-label={ variation.title }\n\t\t\t\t\tshowTooltip\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</fieldset>\n\t);\n}\n\nfunction VariationsDropdown( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<Menu>\n\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\trender={\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"block-editor-block-variation-transforms__button\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Transform to variation' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<Menu.Popover position=\"bottom\">\n\t\t\t\t\t<Menu.Group>\n\t\t\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t\t\t<Menu.RadioItem\n\t\t\t\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\t\t\t\tvalue={ variation.name }\n\t\t\t\t\t\t\t\tchecked={ selectedValue === variation.name }\n\t\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\t\tonSelectVariation( variation.name )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ variation.title }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t{ variation.description && (\n\t\t\t\t\t\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t\t\t\t\t\t{ variation.description }\n\t\t\t\t\t\t\t\t\t</Menu.ItemHelpText>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Menu.RadioItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Menu.Group>\n\t\t\t\t</Menu.Popover>\n\t\t\t</Menu>\n\t\t</div>\n\t);\n}\n\nfunction VariationsToggleGroupControl( {\n\tclassName,\n\tonSelectVariation,\n\tselectedValue,\n\tvariations,\n} ) {\n\treturn (\n\t\t<div className={ className }>\n\t\t\t<ToggleGroupControl\n\t\t\t\tlabel={ __( 'Transform to variation' ) }\n\t\t\t\tvalue={ selectedValue }\n\t\t\t\thideLabelFromVision\n\t\t\t\tonChange={ onSelectVariation }\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t{ variations.map( ( variation ) => (\n\t\t\t\t\t<ToggleGroupControlOptionIcon\n\t\t\t\t\t\tkey={ variation.name }\n\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t<BlockIcon icon={ variation.icon } showColors />\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ variation.name }\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tselectedValue === variation.name\n\t\t\t\t\t\t\t\t? variation.title\n\t\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t\t/* translators: %s: Block or block variation name. */\n\t\t\t\t\t\t\t\t\t\t__( 'Transform to %s' ),\n\t\t\t\t\t\t\t\t\t\tvariation.title\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ToggleGroupControl>\n\t\t</div>\n\t);\n}\n\nfunction __experimentalBlockVariationTransforms( { blockClientId } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst { activeBlockVariation, variations, isContentOnly, isSection } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getActiveBlockVariation, getBlockVariations } =\n\t\t\t\t\tselect( blocksStore );\n\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockName,\n\t\t\t\t\tgetBlockAttributes,\n\t\t\t\t\tgetBlockEditingMode,\n\t\t\t\t\tisSectionBlock,\n\t\t\t\t} = unlock( select( blockEditorStore ) );\n\n\t\t\t\tconst name = blockClientId && getBlockName( blockClientId );\n\n\t\t\t\tconst { hasContentRoleAttribute } = unlock(\n\t\t\t\t\tselect( blocksStore )\n\t\t\t\t);\n\t\t\t\tconst isContentBlock = hasContentRoleAttribute( name );\n\n\t\t\t\treturn {\n\t\t\t\t\tactiveBlockVariation: getActiveBlockVariation(\n\t\t\t\t\t\tname,\n\t\t\t\t\t\tgetBlockAttributes( blockClientId ),\n\t\t\t\t\t\t'transform'\n\t\t\t\t\t),\n\t\t\t\t\tvariations: name && getBlockVariations( name, 'transform' ),\n\t\t\t\t\tisContentOnly:\n\t\t\t\t\t\tgetBlockEditingMode( blockClientId ) ===\n\t\t\t\t\t\t\t'contentOnly' && ! isContentBlock,\n\t\t\t\t\tisSection: isSectionBlock( blockClientId ),\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ blockClientId ]\n\t\t);\n\n\tconst selectedValue = activeBlockVariation?.name;\n\n\t// Check if each variation has a unique icon.\n\tconst hasUniqueIcons = useMemo( () => {\n\t\tconst variationIcons = new Set();\n\t\tif ( ! variations ) {\n\t\t\treturn false;\n\t\t}\n\t\tvariations.forEach( ( variation ) => {\n\t\t\tif ( variation.icon ) {\n\t\t\t\tvariationIcons.add( variation.icon?.src || variation.icon );\n\t\t\t}\n\t\t} );\n\t\treturn variationIcons.size === variations.length;\n\t}, [ variations ] );\n\n\tconst onSelectVariation = ( variationName ) => {\n\t\tupdateBlockAttributes( blockClientId, {\n\t\t\t...variations.find( ( { name } ) => name === variationName )\n\t\t\t\t.attributes,\n\t\t} );\n\t};\n\n\tconst hideVariationsForSections =\n\t\twindow?.__experimentalContentOnlyPatternInsertion && isSection;\n\n\tif ( ! variations?.length || isContentOnly || hideVariationsForSections ) {\n\t\treturn null;\n\t}\n\n\tconst baseClass = 'block-editor-block-variation-transforms';\n\n\t// Show buttons if there are more than 5 variations because the ToggleGroupControl does not wrap\n\tconst showButtons = variations.length > 5;\n\n\tconst ButtonComponent = showButtons\n\t\t? VariationsButtons\n\t\t: VariationsToggleGroupControl;\n\n\tconst Component = hasUniqueIcons ? ButtonComponent : VariationsDropdown;\n\n\treturn (\n\t\t<Component\n\t\t\tclassName={ baseClass }\n\t\t\tonSelectVariation={ onSelectVariation }\n\t\t\tselectedValue={ selectedValue }\n\t\t\tvariations={ variations }\n\t\t/>\n\t);\n}\n\nexport default __experimentalBlockVariationTransforms;\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/components/block-vertical-alignment-control/index.js

@@ -1,5 +1,5 @@
 // packages/block-editor/src/components/block-vertical-alignment-control/index.js
-import BlockVerticalAlignmentUI from "./ui";
+import BlockVerticalAlignmentUI from "./ui.js";
 import { jsx } from "react/jsx-runtime";
 var BlockVerticalAlignmentControl = (props) => {
   return /* @__PURE__ */ jsx(BlockVerticalAlignmentUI, { ...props, isToolbar: false });

package/build-module/components/block-visibility/index.js

@@ -1,6 +1,6 @@
 // packages/block-editor/src/components/block-visibility/index.js
-import { default as default2 } from "./menu-item";
-import { default as default3 } from "./toolbar";
+import { default as default2 } from "./menu-item.js";
+import { default as default3 } from "./toolbar.js";
 export {
   default2 as BlockVisibilityMenuItem,
   default3 as BlockVisibilityToolbar

package/build-module/components/block-visibility/menu-item.js

@@ -5,8 +5,8 @@ import { seen, unseen } from "@wordpress/icons";
 import { useSelect, useDispatch } from "@wordpress/data";
 import { store as noticesStore } from "@wordpress/notices";
 import { store as keyboardShortcutsStore } from "@wordpress/keyboard-shortcuts";
-import { cleanEmptyObject } from "../../hooks/utils";
-import { store as blockEditorStore } from "../../store";
+import { cleanEmptyObject } from "../../hooks/utils.js";
+import { store as blockEditorStore } from "../../store/index.js";
 import { jsx } from "react/jsx-runtime";
 function BlockVisibilityMenuItem({ clientIds }) {
   const { updateBlockAttributes } = useDispatch(blockEditorStore);

package/build-module/components/block-visibility/toolbar.js

@@ -5,8 +5,8 @@ import { useRef, useEffect } from "@wordpress/element";
 import { seen, unseen } from "@wordpress/icons";
 import { useSelect, useDispatch } from "@wordpress/data";
 import { hasBlockSupport } from "@wordpress/blocks";
-import { store as blockEditorStore } from "../../store";
-import { cleanEmptyObject } from "../../hooks/utils";
+import { store as blockEditorStore } from "../../store/index.js";
+import { cleanEmptyObject } from "../../hooks/utils.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 function BlockVisibilityToolbar({ clientIds }) {
   const { blocks, canToggleBlockVisibility } = useSelect(