@wordpress/block-library 10.1.0 → 10.1.1-next.v.202607070741.0

package/src/video/save.js

@@ -24,7 +24,16 @@ export default function save( { attributes } ) {
 		src,
 		playsInline,
 		tracks,
+		width,
+		height,
 	} = attributes;
+	// Match the editor: an explicit (non-`auto`) aspect ratio keeps the
+	// converted GIF video from briefly blowing up to a runaway height while the
+	// poster/metadata load, which would otherwise flash on the front end and
+	// cause layout shift. The width/height attributes only yield
+	// `aspect-ratio: auto W/H`, whose `auto` keyword is unreliable during load.
+	const aspectRatio =
+		width && height ? `${ width } / ${ height }` : undefined;
 	return (
 		<figure { ...useBlockProps.save() }>
 			{ src && (
@@ -37,6 +46,9 @@ export default function save( { attributes } ) {
 					preload={ preload !== 'metadata' ? preload : undefined }
 					src={ src }
 					playsInline={ playsInline }
+					width={ width }
+					height={ height }
+					style={ aspectRatio ? { aspectRatio } : undefined }
 				>
 					<Tracks tracks={ tracks } />
 				</video>

package/src/video/test/variations.js

@@ -0,0 +1,65 @@
+/**
+ * Internal dependencies
+ */
+import variations, { isGifVariation } from '../variations';
+
+const GIF_ATTRIBUTES = {
+	controls: false,
+	loop: true,
+	autoplay: true,
+	muted: true,
+	playsInline: true,
+};
+
+describe( 'isGifVariation', () => {
+	it( 'matches a muted, looping, autoplaying, inline video without controls', () => {
+		expect( isGifVariation( GIF_ATTRIBUTES ) ).toBe( true );
+	} );
+
+	it( 'does not match when controls are shown', () => {
+		expect( isGifVariation( { ...GIF_ATTRIBUTES, controls: true } ) ).toBe(
+			false
+		);
+	} );
+
+	it.each( [ 'loop', 'autoplay', 'muted', 'playsInline' ] )(
+		'does not match when %s is missing',
+		( attribute ) => {
+			expect(
+				isGifVariation( { ...GIF_ATTRIBUTES, [ attribute ]: false } )
+			).toBe( false );
+		}
+	);
+
+	it( 'does not match a default video block', () => {
+		expect( isGifVariation( { controls: true } ) ).toBe( false );
+	} );
+
+	it( 'handles missing attributes', () => {
+		expect( isGifVariation() ).toBe( false );
+		expect( isGifVariation( {} ) ).toBe( false );
+	} );
+} );
+
+describe( 'video variations', () => {
+	it( 'registers exactly one active variation for any attributes', () => {
+		const active = variations.filter( ( variation ) =>
+			variation.isActive( GIF_ATTRIBUTES )
+		);
+		expect( active ).toHaveLength( 1 );
+		expect( active[ 0 ].name ).toBe( 'gif' );
+
+		const activeForVideo = variations.filter( ( variation ) =>
+			variation.isActive( { controls: true } )
+		);
+		expect( activeForVideo ).toHaveLength( 1 );
+		expect( activeForVideo[ 0 ].name ).toBe( 'video' );
+	} );
+
+	it( 'keeps the GIF variation out of the inserter', () => {
+		const gif = variations.find(
+			( variation ) => variation.name === 'gif'
+		);
+		expect( gif.scope ).not.toContain( 'inserter' );
+	} );
+} );

package/src/video/tracks-editor.js

@@ -144,7 +144,6 @@ function SingleTrackEditor( {
 			</Grid>
 			<VStack spacing="4">
 				<SelectControl
-					__next40pxDefaultSize
 					className="block-library-video-tracks-editor__single-track-editor-kind-select"
 					options={ KIND_OPTIONS }
 					value={ kind }

package/src/video/variations.js

@@ -0,0 +1,65 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { video as videoIcon } from '@wordpress/icons';
+
+/**
+ * Whether a set of Video block attributes describes a GIF-behaving video: a
+ * muted, looping, autoplaying, inline video with no controls. An animated GIF
+ * uploaded through the editor is converted to a video and presented with these
+ * attributes so it plays like the original GIF.
+ *
+ * @param {Object}  attributes             Video block attributes.
+ * @param {boolean} attributes.controls    Whether playback controls are shown.
+ * @param {boolean} attributes.loop        Whether the video loops.
+ * @param {boolean} attributes.autoplay    Whether the video autoplays.
+ * @param {boolean} attributes.muted       Whether the video is muted.
+ * @param {boolean} attributes.playsInline Whether the video plays inline.
+ *
+ * @return {boolean} Whether the attributes describe a GIF-behaving video.
+ */
+export const isGifVariation = ( {
+	controls,
+	loop,
+	autoplay,
+	muted,
+	playsInline,
+} = {} ) => ! controls && !! loop && !! autoplay && !! muted && !! playsInline;
+
+const variations = [
+	{
+		name: 'video',
+		title: __( 'Video' ),
+		description: __(
+			'Embed a video from your media library or upload a new one.'
+		),
+		icon: videoIcon,
+		attributes: { controls: true },
+		isActive: ( blockAttributes ) => ! isGifVariation( blockAttributes ),
+		// Not offered in the inserter; used to label a regular video and to
+		// switch a GIF back to a standard video.
+		scope: [ 'block', 'transform' ],
+	},
+	{
+		name: 'gif',
+		title: __( 'GIF' ),
+		description: __(
+			'A muted, looping video that plays automatically like an animated GIF.'
+		),
+		icon: videoIcon,
+		keywords: [ __( 'animated' ), 'gif' ],
+		attributes: {
+			controls: false,
+			loop: true,
+			autoplay: true,
+			muted: true,
+			playsInline: true,
+		},
+		isActive: ( blockAttributes ) => isGifVariation( blockAttributes ),
+		// Created by converting an uploaded GIF, not inserted directly.
+		scope: [ 'block', 'transform' ],
+	},
+];
+
+export default variations;

package/build/freeform/migration-notice.cjs

@@ -1,58 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/freeform/migration-notice.js
-var migration_notice_exports = {};
-__export(migration_notice_exports, {
-  default: () => MigrationNotice
-});
-module.exports = __toCommonJS(migration_notice_exports);
-var import_block_editor = require("@wordpress/block-editor");
-var import_components = require("@wordpress/components");
-var import_blocks = require("@wordpress/blocks");
-var import_i18n = require("@wordpress/i18n");
-var import_jsx_runtime = require("react/jsx-runtime");
-function MigrationNotice({ content, onReplace }) {
-  const actions = [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.Button,
-      {
-        __next40pxDefaultSize: true,
-        variant: "primary",
-        onClick: () => onReplace((0, import_blocks.rawHandler)({ HTML: content })),
-        children: (0, import_i18n.__)("Convert to blocks")
-      },
-      "convert-to-blocks"
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.Button,
-      {
-        __next40pxDefaultSize: true,
-        variant: "secondary",
-        onClick: () => onReplace((0, import_blocks.createBlock)("core/html", { content })),
-        children: (0, import_i18n.__)("Convert to HTML")
-      },
-      "convert-to-html"
-    )
-  ];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.Warning, { actions, children: (0, import_i18n.__)(
-    "The Classic block is being phased out. Convert this content to blocks for the best editing experience, or move it to a Custom HTML block to preserve the original markup."
-  ) });
-}
-//# sourceMappingURL=migration-notice.cjs.map

package/build/freeform/migration-notice.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/freeform/migration-notice.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Warning } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Block-level deprecation warning for the Classic block.\n * Uses the same `Warning` primitive as `core/missing` so the experience is\n * visually consistent with how the editor already surfaces deprecated blocks,\n * and offers two migration actions - a primary \"Convert to blocks\", and a\n * secondary \"Convert to HTML\".\n *\n * @param {Object}   props\n * @param {string}   props.content   Raw HTML content of the Classic block.\n * @param {Function} props.onReplace Replace the current block with the given blocks.\n */\nexport default function MigrationNotice( { content, onReplace } ) {\n\tconst actions = [\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tkey=\"convert-to-blocks\"\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ () => onReplace( rawHandler( { HTML: content } ) ) }\n\t\t>\n\t\t\t{ __( 'Convert to blocks' ) }\n\t\t</Button>,\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tkey=\"convert-to-html\"\n\t\t\tvariant=\"secondary\"\n\t\t\tonClick={ () =>\n\t\t\t\tonReplace( createBlock( 'core/html', { content } ) )\n\t\t\t}\n\t\t>\n\t\t\t{ __( 'Convert to HTML' ) }\n\t\t</Button>,\n\t];\n\n\treturn (\n\t\t<Warning actions={ actions }>\n\t\t\t{ __(\n\t\t\t\t'The Classic block is being phased out. Convert this content to blocks for the best editing experience, or move it to a Custom HTML block to preserve the original markup.'\n\t\t\t) }\n\t\t</Warning>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAwB;AACxB,wBAAuB;AACvB,oBAAwC;AACxC,kBAAmB;AAejB;AAFa,SAAR,gBAAkC,EAAE,SAAS,UAAU,GAAI;AACjE,QAAM,UAAU;AAAA,IACf;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QAErB,SAAQ;AAAA,QACR,SAAU,MAAM,cAAW,0BAAY,EAAE,MAAM,QAAQ,CAAE,CAAE;AAAA,QAEzD,8BAAI,mBAAoB;AAAA;AAAA,MAJtB;AAAA,IAKL;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QAErB,SAAQ;AAAA,QACR,SAAU,MACT,cAAW,2BAAa,aAAa,EAAE,QAAQ,CAAE,CAAE;AAAA,QAGlD,8BAAI,iBAAkB;AAAA;AAAA,MANpB;AAAA,IAOL;AAAA,EACD;AAEA,SACC,4CAAC,+BAAQ,SACN;AAAA,IACD;AAAA,EACD,GACD;AAEF;",
-  "names": []
-}

package/build/tab-panel/add-tab-toolbar-control.cjs

@@ -1,90 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/tab-panel/add-tab-toolbar-control.js
-var add_tab_toolbar_control_exports = {};
-__export(add_tab_toolbar_control_exports, {
-  default: () => AddTabToolbarControl
-});
-module.exports = __toCommonJS(add_tab_toolbar_control_exports);
-var import_i18n = require("@wordpress/i18n");
-var import_blocks = require("@wordpress/blocks");
-var import_block_editor = require("@wordpress/block-editor");
-var import_components = require("@wordpress/components");
-var import_data = require("@wordpress/data");
-var import_jsx_runtime = require("react/jsx-runtime");
-function AddTabToolbarControl({ tabsClientId }) {
-  const {
-    insertBlock,
-    updateBlockAttributes,
-    selectBlock,
-    __unstableMarkNextChangeAsNotPersistent
-  } = (0, import_data.useDispatch)(import_block_editor.store);
-  const { tabPanelsClientId, tabCount, tabListClientId } = (0, import_data.useSelect)(
-    (select) => {
-      if (!tabsClientId) {
-        return {
-          tabPanelsClientId: null,
-          tabCount: 0,
-          tabListClientId: null
-        };
-      }
-      const { getBlocks } = select(import_block_editor.store);
-      const innerBlocks = getBlocks(tabsClientId);
-      const tabPanels = innerBlocks.find(
-        (block) => block.name === "core/tab-panels"
-      );
-      const tabList = innerBlocks.find(
-        (block) => block.name === "core/tab-list"
-      );
-      return {
-        tabPanelsClientId: tabPanels?.clientId || null,
-        tabCount: tabPanels?.innerBlocks?.length || 0,
-        tabListClientId: tabList?.clientId || null
-      };
-    },
-    [tabsClientId]
-  );
-  const addTab = () => {
-    if (!tabPanelsClientId) {
-      return;
-    }
-    const newTabPanelBlock = (0, import_blocks.createBlock)("core/tab-panel", {
-      label: (0, import_i18n.__)("Tab")
-    });
-    insertBlock(newTabPanelBlock, void 0, tabPanelsClientId, false);
-    const newIndex = tabCount;
-    __unstableMarkNextChangeAsNotPersistent();
-    updateBlockAttributes(tabsClientId, {
-      editorActiveTabIndex: newIndex
-    });
-    if (tabListClientId) {
-      selectBlock(tabListClientId);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "other", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.ToolbarButton,
-    {
-      className: "components-toolbar__control",
-      onClick: addTab,
-      text: (0, import_i18n.__)("Add tab")
-    }
-  ) }) });
-}
-//# sourceMappingURL=add-tab-toolbar-control.cjs.map

package/build/tab-panel/add-tab-toolbar-control.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab-panel/add-tab-toolbar-control.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * \"Add tab\" button in the block toolbar for the tabs block.\n * Inserts a new core/tab-panel into the tab-panels. The tab-list items\n * attribute is kept in sync automatically via useTabListItemsSync.\n *\n * @param {Object} props\n * @param {string} props.tabsClientId The client ID of the parent tabs block.\n * @return {React.JSX.Element} The toolbar control element.\n */\nexport default function AddTabToolbarControl( { tabsClientId } ) {\n\tconst {\n\t\tinsertBlock,\n\t\tupdateBlockAttributes,\n\t\tselectBlock,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\tconst { tabPanelsClientId, tabCount, tabListClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! tabsClientId ) {\n\t\t\t\treturn {\n\t\t\t\t\ttabPanelsClientId: null,\n\t\t\t\t\ttabCount: 0,\n\t\t\t\t\ttabListClientId: null,\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\tconst innerBlocks = getBlocks( tabsClientId );\n\t\t\tconst tabPanels = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-panels'\n\t\t\t);\n\t\t\tconst tabList = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-list'\n\t\t\t);\n\t\t\treturn {\n\t\t\t\ttabPanelsClientId: tabPanels?.clientId || null,\n\t\t\t\ttabCount: tabPanels?.innerBlocks?.length || 0,\n\t\t\t\ttabListClientId: tabList?.clientId || null,\n\t\t\t};\n\t\t},\n\t\t[ tabsClientId ]\n\t);\n\n\tconst addTab = () => {\n\t\tif ( ! tabPanelsClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst newTabPanelBlock = createBlock( 'core/tab-panel', {\n\t\t\tlabel: __( 'Tab' ),\n\t\t} );\n\t\tinsertBlock( newTabPanelBlock, undefined, tabPanelsClientId, false );\n\n\t\t// Switch editor active tab to the new tab.\n\t\tconst newIndex = tabCount;\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\teditorActiveTabIndex: newIndex,\n\t\t} );\n\n\t\t// Select the tab-list block so focus stays in the menu area.\n\t\tif ( tabListClientId ) {\n\t\t\tselectBlock( tabListClientId );\n\t\t}\n\t};\n\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tonClick={ addTab }\n\t\t\t\t\ttext={ __( 'Add tab' ) }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AACnB,oBAA4B;AAC5B,0BAGO;AACP,wBAA4C;AAC5C,kBAAuC;AAuEnC;AA5DW,SAAR,qBAAuC,EAAE,aAAa,GAAI;AAChE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,yBAAa,oBAAAA,KAAiB;AAElC,QAAM,EAAE,mBAAmB,UAAU,gBAAgB,QAAI;AAAA,IACxD,CAAE,WAAY;AACb,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,UACN,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,QAClB;AAAA,MACD;AACA,YAAM,EAAE,UAAU,IAAI,OAAQ,oBAAAA,KAAiB;AAC/C,YAAM,cAAc,UAAW,YAAa;AAC5C,YAAM,YAAY,YAAY;AAAA,QAC7B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,UAAU,YAAY;AAAA,QAC3B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,aAAO;AAAA,QACN,mBAAmB,WAAW,YAAY;AAAA,QAC1C,UAAU,WAAW,aAAa,UAAU;AAAA,QAC5C,iBAAiB,SAAS,YAAY;AAAA,MACvC;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,QAAM,SAAS,MAAM;AACpB,QAAK,CAAE,mBAAoB;AAC1B;AAAA,IACD;AAEA,UAAM,uBAAmB,2BAAa,kBAAkB;AAAA,MACvD,WAAO,gBAAI,KAAM;AAAA,IAClB,CAAE;AACF,gBAAa,kBAAkB,QAAW,mBAAmB,KAAM;AAGnE,UAAM,WAAW;AACjB,4CAAwC;AACxC,0BAAuB,cAAc;AAAA,MACpC,sBAAsB;AAAA,IACvB,CAAE;AAGF,QAAK,iBAAkB;AACtB,kBAAa,eAAgB;AAAA,IAC9B;AAAA,EACD;AAEA,SACC,4CAAC,qCAAc,OAAM,SACpB,sDAAC,kCACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MACV,UAAO,gBAAI,SAAU;AAAA;AAAA,EACtB,GACD,GACD;AAEF;",
-  "names": ["blockEditorStore"]
-}

package/build/tab-panel/remove-tab-toolbar-control.cjs

@@ -1,99 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/tab-panel/remove-tab-toolbar-control.js
-var remove_tab_toolbar_control_exports = {};
-__export(remove_tab_toolbar_control_exports, {
-  default: () => RemoveTabToolbarControl
-});
-module.exports = __toCommonJS(remove_tab_toolbar_control_exports);
-var import_block_editor = require("@wordpress/block-editor");
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_data = require("@wordpress/data");
-var import_jsx_runtime = require("react/jsx-runtime");
-function RemoveTabToolbarControl({ tabsClientId }) {
-  const {
-    removeBlock,
-    updateBlockAttributes,
-    selectBlock,
-    __unstableMarkNextChangeAsNotPersistent
-  } = (0, import_data.useDispatch)(import_block_editor.store);
-  const {
-    activeTabPanelClientId,
-    tabCount,
-    editorActiveTabIndex,
-    tabListClientId
-  } = (0, import_data.useSelect)(
-    (select) => {
-      if (!tabsClientId) {
-        return {
-          activeTabPanelClientId: null,
-          tabCount: 0,
-          editorActiveTabIndex: 0,
-          tabListClientId: null
-        };
-      }
-      const { getBlocks, getBlockAttributes } = select(import_block_editor.store);
-      const tabsAttributes = getBlockAttributes(tabsClientId);
-      const activeIndex = tabsAttributes?.editorActiveTabIndex ?? tabsAttributes?.activeTabIndex ?? 0;
-      const innerBlocks = getBlocks(tabsClientId);
-      const tabPanels = innerBlocks.find(
-        (block) => block.name === "core/tab-panels"
-      );
-      const tabList = innerBlocks.find(
-        (block) => block.name === "core/tab-list"
-      );
-      const tabPanelBlocks = tabPanels?.innerBlocks || [];
-      const activeTabPanel = tabPanelBlocks[activeIndex];
-      return {
-        activeTabPanelClientId: activeTabPanel?.clientId || null,
-        tabCount: tabPanelBlocks.length,
-        editorActiveTabIndex: activeIndex,
-        tabListClientId: tabList?.clientId || null
-      };
-    },
-    [tabsClientId]
-  );
-  const removeTab = () => {
-    if (!activeTabPanelClientId || tabCount <= 1) {
-      return;
-    }
-    const newActiveIndex = editorActiveTabIndex >= tabCount - 1 ? tabCount - 2 : editorActiveTabIndex;
-    __unstableMarkNextChangeAsNotPersistent();
-    updateBlockAttributes(tabsClientId, {
-      editorActiveTabIndex: newActiveIndex
-    });
-    removeBlock(activeTabPanelClientId, false);
-    if (tabListClientId) {
-      selectBlock(tabListClientId);
-    }
-  };
-  const isDisabled = tabCount <= 1 || !activeTabPanelClientId;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "other", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.ToolbarButton,
-    {
-      className: "components-toolbar__control",
-      onClick: removeTab,
-      text: (0, import_i18n.__)("Remove tab"),
-      disabled: isDisabled
-    }
-  ) }) });
-}
-//# sourceMappingURL=remove-tab-toolbar-control.cjs.map

package/build/tab-panel/remove-tab-toolbar-control.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab-panel/remove-tab-toolbar-control.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * \"Remove Tab\" button in the block toolbar for the tabs block.\n * Removes the currently active core/tab-panel. The tab-list items\n * attribute is kept in sync automatically via useTabListItemsSync.\n *\n * @param {Object} props\n * @param {string} props.tabsClientId The client ID of the parent tabs block.\n * @return {React.JSX.Element} The toolbar control element.\n */\nexport default function RemoveTabToolbarControl( { tabsClientId } ) {\n\tconst {\n\t\tremoveBlock,\n\t\tupdateBlockAttributes,\n\t\tselectBlock,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\tconst {\n\t\tactiveTabPanelClientId,\n\t\ttabCount,\n\t\teditorActiveTabIndex,\n\t\ttabListClientId,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! tabsClientId ) {\n\t\t\t\treturn {\n\t\t\t\t\tactiveTabPanelClientId: null,\n\t\t\t\t\ttabCount: 0,\n\t\t\t\t\teditorActiveTabIndex: 0,\n\t\t\t\t\ttabListClientId: null,\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst { getBlocks, getBlockAttributes } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst tabsAttributes = getBlockAttributes( tabsClientId );\n\t\t\tconst activeIndex =\n\t\t\t\ttabsAttributes?.editorActiveTabIndex ??\n\t\t\t\ttabsAttributes?.activeTabIndex ??\n\t\t\t\t0;\n\t\t\tconst innerBlocks = getBlocks( tabsClientId );\n\t\t\tconst tabPanels = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-panels'\n\t\t\t);\n\t\t\tconst tabList = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-list'\n\t\t\t);\n\t\t\tconst tabPanelBlocks = tabPanels?.innerBlocks || [];\n\t\t\tconst activeTabPanel = tabPanelBlocks[ activeIndex ];\n\n\t\t\treturn {\n\t\t\t\tactiveTabPanelClientId: activeTabPanel?.clientId || null,\n\t\t\t\ttabCount: tabPanelBlocks.length,\n\t\t\t\teditorActiveTabIndex: activeIndex,\n\t\t\t\ttabListClientId: tabList?.clientId || null,\n\t\t\t};\n\t\t},\n\t\t[ tabsClientId ]\n\t);\n\n\tconst removeTab = () => {\n\t\tif ( ! activeTabPanelClientId || tabCount <= 1 ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Calculate new active index after removal.\n\t\tconst newActiveIndex =\n\t\t\teditorActiveTabIndex >= tabCount - 1\n\t\t\t\t? tabCount - 2\n\t\t\t\t: editorActiveTabIndex;\n\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\teditorActiveTabIndex: newActiveIndex,\n\t\t} );\n\n\t\t// Remove the tab panel.\n\t\tremoveBlock( activeTabPanelClientId, false );\n\n\t\t// Select the tab-list so focus moves to the new active tab button.\n\t\tif ( tabListClientId ) {\n\t\t\tselectBlock( tabListClientId );\n\t\t}\n\t};\n\n\tconst isDisabled = tabCount <= 1 || ! activeTabPanelClientId;\n\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tonClick={ removeTab }\n\t\t\t\t\ttext={ __( 'Remove tab' ) }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAGO;AACP,wBAA4C;AAC5C,kBAAmB;AACnB,kBAAuC;AA2FnC;AAhFW,SAAR,wBAA0C,EAAE,aAAa,GAAI;AACnE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,yBAAa,oBAAAA,KAAiB;AAElC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI;AAAA,IACH,CAAE,WAAY;AACb,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,UACN,wBAAwB;AAAA,UACxB,UAAU;AAAA,UACV,sBAAsB;AAAA,UACtB,iBAAiB;AAAA,QAClB;AAAA,MACD;AACA,YAAM,EAAE,WAAW,mBAAmB,IACrC,OAAQ,oBAAAA,KAAiB;AAC1B,YAAM,iBAAiB,mBAAoB,YAAa;AACxD,YAAM,cACL,gBAAgB,wBAChB,gBAAgB,kBAChB;AACD,YAAM,cAAc,UAAW,YAAa;AAC5C,YAAM,YAAY,YAAY;AAAA,QAC7B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,UAAU,YAAY;AAAA,QAC3B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,iBAAiB,WAAW,eAAe,CAAC;AAClD,YAAM,iBAAiB,eAAgB,WAAY;AAEnD,aAAO;AAAA,QACN,wBAAwB,gBAAgB,YAAY;AAAA,QACpD,UAAU,eAAe;AAAA,QACzB,sBAAsB;AAAA,QACtB,iBAAiB,SAAS,YAAY;AAAA,MACvC;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,QAAM,YAAY,MAAM;AACvB,QAAK,CAAE,0BAA0B,YAAY,GAAI;AAChD;AAAA,IACD;AAGA,UAAM,iBACL,wBAAwB,WAAW,IAChC,WAAW,IACX;AAEJ,4CAAwC;AACxC,0BAAuB,cAAc;AAAA,MACpC,sBAAsB;AAAA,IACvB,CAAE;AAGF,gBAAa,wBAAwB,KAAM;AAG3C,QAAK,iBAAkB;AACtB,kBAAa,eAAgB;AAAA,IAC9B;AAAA,EACD;AAEA,QAAM,aAAa,YAAY,KAAK,CAAE;AAEtC,SACC,4CAAC,qCAAc,OAAM,SACpB,sDAAC,kCACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MACV,UAAO,gBAAI,YAAa;AAAA,MACxB,UAAW;AAAA;AAAA,EACZ,GACD,GACD;AAEF;",
-  "names": ["blockEditorStore"]
-}

package/build/tabs/controls.cjs

@@ -1,45 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/tabs/controls.js
-var controls_exports = {};
-__export(controls_exports, {
-  default: () => Controls
-});
-module.exports = __toCommonJS(controls_exports);
-var import_add_tab_toolbar_control = __toESM(require("../tab-panel/add-tab-toolbar-control.cjs"));
-var import_remove_tab_toolbar_control = __toESM(require("../tab-panel/remove-tab-toolbar-control.cjs"));
-var import_jsx_runtime = require("react/jsx-runtime");
-function Controls({ clientId }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_add_tab_toolbar_control.default, { tabsClientId: clientId }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_tab_toolbar_control.default, { tabsClientId: clientId })
-  ] });
-}
-//# sourceMappingURL=controls.cjs.map

package/build/tabs/controls.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tabs/controls.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport AddTabToolbarControl from '../tab-panel/add-tab-toolbar-control';\nimport RemoveTabToolbarControl from '../tab-panel/remove-tab-toolbar-control';\n\nexport default function Controls( { clientId } ) {\n\treturn (\n\t\t<>\n\t\t\t<AddTabToolbarControl tabsClientId={ clientId } />\n\t\t\t<RemoveTabToolbarControl tabsClientId={ clientId } />\n\t\t</>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qCAAiC;AACjC,wCAAoC;AAIlC;AAFa,SAAR,SAA2B,EAAE,SAAS,GAAI;AAChD,SACC,4EACC;AAAA,gDAAC,+BAAAA,SAAA,EAAqB,cAAe,UAAW;AAAA,IAChD,4CAAC,kCAAAC,SAAA,EAAwB,cAAe,UAAW;AAAA,KACpD;AAEF;",
-  "names": ["AddTabToolbarControl", "RemoveTabToolbarControl"]
-}

package/build-module/freeform/migration-notice.mjs

@@ -1,37 +0,0 @@
-// packages/block-library/src/freeform/migration-notice.js
-import { Warning } from "@wordpress/block-editor";
-import { Button } from "@wordpress/components";
-import { createBlock, rawHandler } from "@wordpress/blocks";
-import { __ } from "@wordpress/i18n";
-import { jsx } from "react/jsx-runtime";
-function MigrationNotice({ content, onReplace }) {
-  const actions = [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        __next40pxDefaultSize: true,
-        variant: "primary",
-        onClick: () => onReplace(rawHandler({ HTML: content })),
-        children: __("Convert to blocks")
-      },
-      "convert-to-blocks"
-    ),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        __next40pxDefaultSize: true,
-        variant: "secondary",
-        onClick: () => onReplace(createBlock("core/html", { content })),
-        children: __("Convert to HTML")
-      },
-      "convert-to-html"
-    )
-  ];
-  return /* @__PURE__ */ jsx(Warning, { actions, children: __(
-    "The Classic block is being phased out. Convert this content to blocks for the best editing experience, or move it to a Custom HTML block to preserve the original markup."
-  ) });
-}
-export {
-  MigrationNotice as default
-};
-//# sourceMappingURL=migration-notice.mjs.map

package/build-module/freeform/migration-notice.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/freeform/migration-notice.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Warning } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Block-level deprecation warning for the Classic block.\n * Uses the same `Warning` primitive as `core/missing` so the experience is\n * visually consistent with how the editor already surfaces deprecated blocks,\n * and offers two migration actions - a primary \"Convert to blocks\", and a\n * secondary \"Convert to HTML\".\n *\n * @param {Object}   props\n * @param {string}   props.content   Raw HTML content of the Classic block.\n * @param {Function} props.onReplace Replace the current block with the given blocks.\n */\nexport default function MigrationNotice( { content, onReplace } ) {\n\tconst actions = [\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tkey=\"convert-to-blocks\"\n\t\t\tvariant=\"primary\"\n\t\t\tonClick={ () => onReplace( rawHandler( { HTML: content } ) ) }\n\t\t>\n\t\t\t{ __( 'Convert to blocks' ) }\n\t\t</Button>,\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tkey=\"convert-to-html\"\n\t\t\tvariant=\"secondary\"\n\t\t\tonClick={ () =>\n\t\t\t\tonReplace( createBlock( 'core/html', { content } ) )\n\t\t\t}\n\t\t>\n\t\t\t{ __( 'Convert to HTML' ) }\n\t\t</Button>,\n\t];\n\n\treturn (\n\t\t<Warning actions={ actions }>\n\t\t\t{ __(\n\t\t\t\t'The Classic block is being phased out. Convert this content to blocks for the best editing experience, or move it to a Custom HTML block to preserve the original markup.'\n\t\t\t) }\n\t\t</Warning>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa,kBAAkB;AACxC,SAAS,UAAU;AAejB;AAFa,SAAR,gBAAkC,EAAE,SAAS,UAAU,GAAI;AACjE,QAAM,UAAU;AAAA,IACf;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QAErB,SAAQ;AAAA,QACR,SAAU,MAAM,UAAW,WAAY,EAAE,MAAM,QAAQ,CAAE,CAAE;AAAA,QAEzD,aAAI,mBAAoB;AAAA;AAAA,MAJtB;AAAA,IAKL;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QAErB,SAAQ;AAAA,QACR,SAAU,MACT,UAAW,YAAa,aAAa,EAAE,QAAQ,CAAE,CAAE;AAAA,QAGlD,aAAI,iBAAkB;AAAA;AAAA,MANpB;AAAA,IAOL;AAAA,EACD;AAEA,SACC,oBAAC,WAAQ,SACN;AAAA,IACD;AAAA,EACD,GACD;AAEF;",
-  "names": []
-}

package/build-module/tab-panel/add-tab-toolbar-control.mjs

@@ -1,72 +0,0 @@
-// packages/block-library/src/tab-panel/add-tab-toolbar-control.js
-import { __ } from "@wordpress/i18n";
-import { createBlock } from "@wordpress/blocks";
-import {
-  BlockControls,
-  store as blockEditorStore
-} from "@wordpress/block-editor";
-import { ToolbarGroup, ToolbarButton } from "@wordpress/components";
-import { useDispatch, useSelect } from "@wordpress/data";
-import { jsx } from "react/jsx-runtime";
-function AddTabToolbarControl({ tabsClientId }) {
-  const {
-    insertBlock,
-    updateBlockAttributes,
-    selectBlock,
-    __unstableMarkNextChangeAsNotPersistent
-  } = useDispatch(blockEditorStore);
-  const { tabPanelsClientId, tabCount, tabListClientId } = useSelect(
-    (select) => {
-      if (!tabsClientId) {
-        return {
-          tabPanelsClientId: null,
-          tabCount: 0,
-          tabListClientId: null
-        };
-      }
-      const { getBlocks } = select(blockEditorStore);
-      const innerBlocks = getBlocks(tabsClientId);
-      const tabPanels = innerBlocks.find(
-        (block) => block.name === "core/tab-panels"
-      );
-      const tabList = innerBlocks.find(
-        (block) => block.name === "core/tab-list"
-      );
-      return {
-        tabPanelsClientId: tabPanels?.clientId || null,
-        tabCount: tabPanels?.innerBlocks?.length || 0,
-        tabListClientId: tabList?.clientId || null
-      };
-    },
-    [tabsClientId]
-  );
-  const addTab = () => {
-    if (!tabPanelsClientId) {
-      return;
-    }
-    const newTabPanelBlock = createBlock("core/tab-panel", {
-      label: __("Tab")
-    });
-    insertBlock(newTabPanelBlock, void 0, tabPanelsClientId, false);
-    const newIndex = tabCount;
-    __unstableMarkNextChangeAsNotPersistent();
-    updateBlockAttributes(tabsClientId, {
-      editorActiveTabIndex: newIndex
-    });
-    if (tabListClientId) {
-      selectBlock(tabListClientId);
-    }
-  };
-  return /* @__PURE__ */ jsx(BlockControls, { group: "other", children: /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsx(
-    ToolbarButton,
-    {
-      className: "components-toolbar__control",
-      onClick: addTab,
-      text: __("Add tab")
-    }
-  ) }) });
-}
-export {
-  AddTabToolbarControl as default
-};
-//# sourceMappingURL=add-tab-toolbar-control.mjs.map

package/build-module/tab-panel/add-tab-toolbar-control.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tab-panel/add-tab-toolbar-control.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * \"Add tab\" button in the block toolbar for the tabs block.\n * Inserts a new core/tab-panel into the tab-panels. The tab-list items\n * attribute is kept in sync automatically via useTabListItemsSync.\n *\n * @param {Object} props\n * @param {string} props.tabsClientId The client ID of the parent tabs block.\n * @return {React.JSX.Element} The toolbar control element.\n */\nexport default function AddTabToolbarControl( { tabsClientId } ) {\n\tconst {\n\t\tinsertBlock,\n\t\tupdateBlockAttributes,\n\t\tselectBlock,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\tconst { tabPanelsClientId, tabCount, tabListClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! tabsClientId ) {\n\t\t\t\treturn {\n\t\t\t\t\ttabPanelsClientId: null,\n\t\t\t\t\ttabCount: 0,\n\t\t\t\t\ttabListClientId: null,\n\t\t\t\t};\n\t\t\t}\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\t\t\tconst innerBlocks = getBlocks( tabsClientId );\n\t\t\tconst tabPanels = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-panels'\n\t\t\t);\n\t\t\tconst tabList = innerBlocks.find(\n\t\t\t\t( block ) => block.name === 'core/tab-list'\n\t\t\t);\n\t\t\treturn {\n\t\t\t\ttabPanelsClientId: tabPanels?.clientId || null,\n\t\t\t\ttabCount: tabPanels?.innerBlocks?.length || 0,\n\t\t\t\ttabListClientId: tabList?.clientId || null,\n\t\t\t};\n\t\t},\n\t\t[ tabsClientId ]\n\t);\n\n\tconst addTab = () => {\n\t\tif ( ! tabPanelsClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst newTabPanelBlock = createBlock( 'core/tab-panel', {\n\t\t\tlabel: __( 'Tab' ),\n\t\t} );\n\t\tinsertBlock( newTabPanelBlock, undefined, tabPanelsClientId, false );\n\n\t\t// Switch editor active tab to the new tab.\n\t\tconst newIndex = tabCount;\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tupdateBlockAttributes( tabsClientId, {\n\t\t\teditorActiveTabIndex: newIndex,\n\t\t} );\n\n\t\t// Select the tab-list block so focus stays in the menu area.\n\t\tif ( tabListClientId ) {\n\t\t\tselectBlock( tabListClientId );\n\t\t}\n\t};\n\n\treturn (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarGroup>\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"components-toolbar__control\"\n\t\t\t\t\tonClick={ addTab }\n\t\t\t\t\ttext={ __( 'Add tab' ) }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n}\n"],
-  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,cAAc,qBAAqB;AAC5C,SAAS,aAAa,iBAAiB;AAuEnC;AA5DW,SAAR,qBAAuC,EAAE,aAAa,GAAI;AAChE,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI,YAAa,gBAAiB;AAElC,QAAM,EAAE,mBAAmB,UAAU,gBAAgB,IAAI;AAAA,IACxD,CAAE,WAAY;AACb,UAAK,CAAE,cAAe;AACrB,eAAO;AAAA,UACN,mBAAmB;AAAA,UACnB,UAAU;AAAA,UACV,iBAAiB;AAAA,QAClB;AAAA,MACD;AACA,YAAM,EAAE,UAAU,IAAI,OAAQ,gBAAiB;AAC/C,YAAM,cAAc,UAAW,YAAa;AAC5C,YAAM,YAAY,YAAY;AAAA,QAC7B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,YAAM,UAAU,YAAY;AAAA,QAC3B,CAAE,UAAW,MAAM,SAAS;AAAA,MAC7B;AACA,aAAO;AAAA,QACN,mBAAmB,WAAW,YAAY;AAAA,QAC1C,UAAU,WAAW,aAAa,UAAU;AAAA,QAC5C,iBAAiB,SAAS,YAAY;AAAA,MACvC;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,QAAM,SAAS,MAAM;AACpB,QAAK,CAAE,mBAAoB;AAC1B;AAAA,IACD;AAEA,UAAM,mBAAmB,YAAa,kBAAkB;AAAA,MACvD,OAAO,GAAI,KAAM;AAAA,IAClB,CAAE;AACF,gBAAa,kBAAkB,QAAW,mBAAmB,KAAM;AAGnE,UAAM,WAAW;AACjB,4CAAwC;AACxC,0BAAuB,cAAc;AAAA,MACpC,sBAAsB;AAAA,IACvB,CAAE;AAGF,QAAK,iBAAkB;AACtB,kBAAa,eAAgB;AAAA,IAC9B;AAAA,EACD;AAEA,SACC,oBAAC,iBAAc,OAAM,SACpB,8BAAC,gBACA;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MACV,MAAO,GAAI,SAAU;AAAA;AAAA,EACtB,GACD,GACD;AAEF;",
-  "names": []
-}