@wordpress/block-library 9.40.2-next.v.202602271551.0 → 9.40.2

package/src/tabs-menu-item/block.json

@@ -18,7 +18,32 @@
 		"core/tabs-activeTabIndex",
 		"core/tabs-editorActiveTabIndex"
 	],
-	"attributes": {},
+	"attributes": {
+		"activeBackgroundColor": {
+			"type": "string"
+		},
+		"customActiveBackgroundColor": {
+			"type": "string"
+		},
+		"activeTextColor": {
+			"type": "string"
+		},
+		"customActiveTextColor": {
+			"type": "string"
+		},
+		"hoverBackgroundColor": {
+			"type": "string"
+		},
+		"customHoverBackgroundColor": {
+			"type": "string"
+		},
+		"hoverTextColor": {
+			"type": "string"
+		},
+		"customHoverTextColor": {
+			"type": "string"
+		}
+	},
 	"supports": {
 		"html": false,
 		"reusable": false,

package/src/tabs-menu-item/controls.js

@@ -9,7 +9,10 @@ import clsx from 'clsx';
 import { __, isRTL } from '@wordpress/i18n';
 import {
 	BlockControls,
+	InspectorControls,
 	store as blockEditorStore,
+	__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,
+	__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,
 } from '@wordpress/block-editor';
 import { ToolbarGroup, ToolbarItem, Button } from '@wordpress/components';
 import {
@@ -160,12 +163,32 @@ function TabBlockMover( {
 }
 
 export default function Controls( {
+	attributes,
+	setAttributes,
+	clientId,
 	tabsClientId,
 	tabClientId,
 	tabIndex,
 	tabsCount,
 	tabsMenuClientId,
+	activeBackgroundColor,
+	setActiveBackgroundColor,
+	activeTextColor,
+	setActiveTextColor,
+	hoverBackgroundColor,
+	setHoverBackgroundColor,
+	hoverTextColor,
+	setHoverTextColor,
 } ) {
+	const {
+		customActiveBackgroundColor,
+		customActiveTextColor,
+		customHoverBackgroundColor,
+		customHoverTextColor,
+	} = attributes;
+
+	const colorSettings = useMultipleOriginColorsAndGradients();
+
 	return (
 		<>
 			<TabBlockMover
@@ -177,6 +200,91 @@ export default function Controls( {
 			/>
 			<AddTabToolbarControl tabsClientId={ tabsClientId } />
 			<RemoveTabToolbarControl tabsClientId={ tabsClientId } />
+			<InspectorControls group="color">
+				<ColorGradientSettingsDropdown
+					settings={ [
+						{
+							label: __( 'Active background' ),
+							colorValue:
+								activeBackgroundColor?.color ??
+								customActiveBackgroundColor,
+							onColorChange: ( value ) => {
+								setActiveBackgroundColor( value );
+								setAttributes( {
+									customActiveBackgroundColor: value,
+								} );
+							},
+							resetAllFilter: () => {
+								setActiveBackgroundColor( undefined );
+								setAttributes( {
+									customActiveBackgroundColor: undefined,
+								} );
+							},
+							clearable: true,
+						},
+						{
+							label: __( 'Active text' ),
+							colorValue:
+								activeTextColor?.color ?? customActiveTextColor,
+							onColorChange: ( value ) => {
+								setActiveTextColor( value );
+								setAttributes( {
+									customActiveTextColor: value,
+								} );
+							},
+							resetAllFilter: () => {
+								setActiveTextColor( undefined );
+								setAttributes( {
+									customActiveTextColor: undefined,
+								} );
+							},
+							clearable: true,
+						},
+						{
+							label: __( 'Hover background' ),
+							colorValue:
+								hoverBackgroundColor?.color ??
+								customHoverBackgroundColor,
+							onColorChange: ( value ) => {
+								setHoverBackgroundColor( value );
+								setAttributes( {
+									customHoverBackgroundColor: value,
+								} );
+							},
+							resetAllFilter: () => {
+								setHoverBackgroundColor( undefined );
+								setAttributes( {
+									customHoverBackgroundColor: undefined,
+								} );
+							},
+							clearable: true,
+						},
+						{
+							label: __( 'Hover text' ),
+							colorValue:
+								hoverTextColor?.color ?? customHoverTextColor,
+							onColorChange: ( value ) => {
+								setHoverTextColor( value );
+								setAttributes( {
+									customHoverTextColor: value,
+								} );
+							},
+							resetAllFilter: () => {
+								setHoverTextColor( undefined );
+								setAttributes( {
+									customHoverTextColor: undefined,
+								} );
+							},
+							clearable: true,
+						},
+					] }
+					panelId={ clientId }
+					disableCustomColors={ false }
+					__experimentalIsRenderedInSidebar
+					__next40pxDefaultSize
+					{ ...colorSettings }
+				/>
+			</InspectorControls>
 		</>
 	);
 }

package/src/tabs-menu-item/edit.js

@@ -9,6 +9,7 @@ import clsx from 'clsx';
 import { __, sprintf } from '@wordpress/i18n';
 import {
 	useBlockProps,
+	withColors,
 	store as blockEditorStore,
 	RichText,
 } from '@wordpress/block-editor';
@@ -21,9 +22,19 @@ import { useCallback, useMemo } from '@wordpress/element';
 import slugFromLabel from '../tab/slug-from-label';
 import Controls from './controls';
 
-export default function Edit( {
+function Edit( {
+	attributes,
+	setAttributes,
 	context,
 	clientId,
+	activeBackgroundColor,
+	setActiveBackgroundColor,
+	activeTextColor,
+	setActiveTextColor,
+	hoverBackgroundColor,
+	setHoverBackgroundColor,
+	hoverTextColor,
+	setHoverTextColor,
 	__unstableLayoutClassNames: layoutClassNames,
 } ) {
 	// Context from tabs-menu (per-item context via BlockContextProvider)
@@ -127,6 +138,47 @@ export default function Edit( {
 		]
 	);
 
+	// Build CSS custom properties for active/hover color states
+	const customColorStyles = useMemo( () => {
+		const styles = {};
+
+		// Active/hover colors from custom attributes
+		const activeBg =
+			activeBackgroundColor?.color ||
+			attributes.customActiveBackgroundColor;
+		const activeText =
+			activeTextColor?.color || attributes.customActiveTextColor;
+		const hoverBg =
+			hoverBackgroundColor?.color ||
+			attributes.customHoverBackgroundColor;
+		const hoverText =
+			hoverTextColor?.color || attributes.customHoverTextColor;
+
+		if ( activeBg ) {
+			styles[ '--custom-tab-active-color' ] = activeBg;
+		}
+		if ( activeText ) {
+			styles[ '--custom-tab-active-text-color' ] = activeText;
+		}
+		if ( hoverBg ) {
+			styles[ '--custom-tab-hover-color' ] = hoverBg;
+		}
+		if ( hoverText ) {
+			styles[ '--custom-tab-hover-text-color' ] = hoverText;
+		}
+
+		return styles;
+	}, [
+		activeBackgroundColor?.color,
+		attributes.customActiveBackgroundColor,
+		activeTextColor?.color,
+		attributes.customActiveTextColor,
+		hoverBackgroundColor?.color,
+		attributes.customHoverBackgroundColor,
+		hoverTextColor?.color,
+		attributes.customHoverTextColor,
+	] );
+
 	const tabPanelId = tabId || `tab-${ tabIndex }`;
 	const tabLabelId = `${ tabPanelId }--tab`;
 
@@ -136,6 +188,7 @@ export default function Edit( {
 			'is-active': isActiveTab,
 			'is-selected': isSelectedTab,
 		} ),
+		style: customColorStyles,
 		'aria-controls': tabPanelId,
 		'aria-selected': isActiveTab,
 		id: tabLabelId,
@@ -147,11 +200,24 @@ export default function Edit( {
 	return (
 		<>
 			<Controls
-				tabsClientId={ tabsClientId }
-				tabClientId={ tabClientId }
-				tabIndex={ tabIndex }
-				tabsCount={ tabsList.length }
-				tabsMenuClientId={ tabsMenuClientId }
+				{ ...{
+					attributes,
+					setAttributes,
+					clientId,
+					tabsClientId,
+					tabClientId,
+					tabIndex,
+					tabsCount: tabsList.length,
+					tabsMenuClientId,
+					activeBackgroundColor,
+					setActiveBackgroundColor,
+					activeTextColor,
+					setActiveTextColor,
+					hoverBackgroundColor,
+					setHoverBackgroundColor,
+					hoverTextColor,
+					setHoverTextColor,
+				} }
 			/>
 			<div { ...blockProps }>
 				<RichText
@@ -169,3 +235,10 @@ export default function Edit( {
 		</>
 	);
 }
+
+export default withColors(
+	'activeBackgroundColor',
+	'activeTextColor',
+	'hoverBackgroundColor',
+	'hoverTextColor'
+)( Edit );

package/src/tabs-menu-item/editor.scss

@@ -1,5 +1,6 @@
 .wp-block-tabs-menu-item {
 	&.is-selected {
+		outline: 2px solid var(--wp-admin-theme-color, #007cba);
 		outline-offset: 2px;
 	}
 }
@@ -11,4 +12,9 @@
 	.wp-block-tabs-menu-item {
 		flex-basis: 100% !important;
 	}
+
+	&:hover > .wp-block-tabs-menu-item {
+		background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+		color: var(--custom-tab-hover-text-color, #000) !important;
+	}
 }

package/src/tabs-menu-item/save.js

@@ -3,9 +3,34 @@
  */
 import { useBlockProps } from '@wordpress/block-editor';
 
-export default function save() {
+export default function save( { attributes } ) {
+	// Build CSS custom properties for active/hover colors
+	const customColorStyles = {};
+
+	// Active/hover colors from custom attributes
+	if ( attributes.customActiveBackgroundColor ) {
+		customColorStyles[ '--custom-tab-active-color' ] =
+			attributes.customActiveBackgroundColor;
+	}
+	if ( attributes.customActiveTextColor ) {
+		customColorStyles[ '--custom-tab-active-text-color' ] =
+			attributes.customActiveTextColor;
+	}
+	if ( attributes.customHoverBackgroundColor ) {
+		customColorStyles[ '--custom-tab-hover-color' ] =
+			attributes.customHoverBackgroundColor;
+	}
+	if ( attributes.customHoverTextColor ) {
+		customColorStyles[ '--custom-tab-hover-text-color' ] =
+			attributes.customHoverTextColor;
+	}
+
+	// useBlockProps.save includes all core style engine classes and styles
+	// The button content is replaced by PHP during rendering, so we output
+	// an empty button as a template.
 	const blockProps = useBlockProps.save( {
 		className: 'wp-block-tabs-menu-item__template',
+		style: customColorStyles,
 		type: 'button',
 		role: 'tab',
 	} );

package/src/tabs-menu-item/style.scss

@@ -15,7 +15,8 @@
 	-webkit-appearance: none;
 
 	margin: 0;
-	padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
+	padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
+	padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
 
 	// Inherit typography from parent
 	font-size: inherit;
@@ -26,13 +27,23 @@
 	text-transform: inherit;
 	text-align: inherit;
 
+	&:focus {
+		outline: none;
+	}
+
 	&:focus-visible {
+		outline: 2px solid var(--tab-border-color-active, #000);
 		outline-offset: 2px;
 	}
 
+	&:hover {
+		background-color: var(--custom-tab-hover-color, #eaeaea) !important;
+		color: var(--custom-tab-hover-text-color, #000) !important;
+	}
+
 	&[aria-selected="true"],
 	&.is-active {
-		background-color: #000;
-		color: #fff;
+		background-color: var(--custom-tab-active-color, #000) !important;
+		color: var(--custom-tab-active-text-color, #fff) !important;
 	}
 }

package/build/navigation/edit/navigation-link-ui.cjs

@@ -1,97 +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/navigation/edit/navigation-link-ui.js
-var navigation_link_ui_exports = {};
-__export(navigation_link_ui_exports, {
-  NavigationLinkUI: () => NavigationLinkUI
-});
-module.exports = __toCommonJS(navigation_link_ui_exports);
-var import_block_editor = require("@wordpress/block-editor");
-var import_data = require("@wordpress/data");
-var import_shared = require("../../navigation-link/shared/index.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var BLOCKS_WITH_LINK_UI_SUPPORT = [
-  "core/navigation-link",
-  "core/navigation-submenu"
-];
-function NavigationLinkUI({ block, insertedBlock, setInsertedBlock }) {
-  const { updateBlockAttributes, removeBlock } = (0, import_data.useDispatch)(import_block_editor.store);
-  const supportsLinkControls = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(
-    insertedBlock?.name
-  );
-  const blockWasJustInserted = insertedBlock?.clientId === block.clientId;
-  const showLinkControls = supportsLinkControls && blockWasJustInserted;
-  const { createBinding, clearBinding } = (0, import_shared.useEntityBinding)({
-    clientId: insertedBlock?.clientId,
-    attributes: insertedBlock?.attributes || {}
-  });
-  if (!showLinkControls) {
-    return null;
-  }
-  const cleanupInsertedBlock = () => {
-    const shouldAutoSelectBlock = false;
-    if (!insertedBlock?.attributes?.url && insertedBlock?.clientId) {
-      removeBlock(insertedBlock.clientId, shouldAutoSelectBlock);
-    }
-    setInsertedBlock(null);
-  };
-  const setInsertedBlockAttributes = (_insertedBlockClientId) => (_updatedAttributes) => {
-    if (!_insertedBlockClientId) {
-      return;
-    }
-    updateBlockAttributes(_insertedBlockClientId, _updatedAttributes);
-  };
-  const handleSetInsertedBlock = (newBlock) => {
-    const shouldAutoSelectBlock = false;
-    if (insertedBlock?.clientId && newBlock) {
-      removeBlock(insertedBlock.clientId, shouldAutoSelectBlock);
-    }
-    setInsertedBlock(newBlock);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_shared.LinkUI,
-    {
-      clientId: insertedBlock?.clientId,
-      link: insertedBlock?.attributes,
-      onBlockInsert: handleSetInsertedBlock,
-      onClose: () => {
-        cleanupInsertedBlock();
-      },
-      onChange: (updatedValue) => {
-        const { isEntityLink, attributes: updatedAttributes } = (0, import_shared.updateAttributes)(
-          updatedValue,
-          setInsertedBlockAttributes(insertedBlock?.clientId),
-          insertedBlock?.attributes
-        );
-        if (isEntityLink) {
-          createBinding(updatedAttributes);
-        } else {
-          clearBinding();
-        }
-        setInsertedBlock(null);
-      }
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NavigationLinkUI
-});
-//# sourceMappingURL=navigation-link-ui.cjs.map

package/build/navigation/edit/navigation-link-ui.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/edit/navigation-link-ui.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLinkUI,\n\tupdateAttributes,\n\tuseEntityBinding,\n} from '../../navigation-link/shared';\n\nconst BLOCKS_WITH_LINK_UI_SUPPORT = [\n\t'core/navigation-link',\n\t'core/navigation-submenu',\n];\n\nexport function NavigationLinkUI( { block, insertedBlock, setInsertedBlock } ) {\n\tconst { updateBlockAttributes, removeBlock } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst supportsLinkControls = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(\n\t\tinsertedBlock?.name\n\t);\n\tconst blockWasJustInserted = insertedBlock?.clientId === block.clientId;\n\tconst showLinkControls = supportsLinkControls && blockWasJustInserted;\n\n\t// Get binding utilities for the inserted block\n\tconst { createBinding, clearBinding } = useEntityBinding( {\n\t\tclientId: insertedBlock?.clientId,\n\t\tattributes: insertedBlock?.attributes || {},\n\t} );\n\n\tif ( ! showLinkControls ) {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Cleanup function for auto-inserted Navigation Link blocks.\n\t *\n\t * Removes the block if it has no URL and clears the inserted block state.\n\t * This ensures consistent cleanup behavior across different contexts.\n\t */\n\tconst cleanupInsertedBlock = () => {\n\t\t// Prevent automatic block selection when removing blocks in list view context\n\t\t// This avoids focus stealing that would close the list view and switch to canvas\n\t\tconst shouldAutoSelectBlock = false;\n\n\t\t// Follows the exact same pattern as Navigation Link block's onClose handler\n\t\t// If there is no URL then remove the auto-inserted block to avoid empty blocks\n\t\tif ( ! insertedBlock?.attributes?.url && insertedBlock?.clientId ) {\n\t\t\t// Remove the block entirely to avoid poor UX\n\t\t\t// This matches the Navigation Link block's behavior\n\t\t\tremoveBlock( insertedBlock.clientId, shouldAutoSelectBlock );\n\t\t}\n\t\tsetInsertedBlock( null );\n\t};\n\n\tconst setInsertedBlockAttributes =\n\t\t( _insertedBlockClientId ) => ( _updatedAttributes ) => {\n\t\t\tif ( ! _insertedBlockClientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tupdateBlockAttributes( _insertedBlockClientId, _updatedAttributes );\n\t\t};\n\n\t// Wrapper function to clean up original block when a new block is selected\n\tconst handleSetInsertedBlock = ( newBlock ) => {\n\t\t// Prevent automatic block selection when removing blocks in list view context\n\t\t// This avoids focus stealing that would close the list view and switch to canvas\n\t\tconst shouldAutoSelectBlock = false;\n\n\t\t// If we have an existing inserted block and a new block is being set,\n\t\t// remove the original block to avoid duplicates\n\t\tif ( insertedBlock?.clientId && newBlock ) {\n\t\t\tremoveBlock( insertedBlock.clientId, shouldAutoSelectBlock );\n\t\t}\n\t\tsetInsertedBlock( newBlock );\n\t};\n\n\treturn (\n\t\t<LinkUI\n\t\t\tclientId={ insertedBlock?.clientId }\n\t\t\tlink={ insertedBlock?.attributes }\n\t\t\tonBlockInsert={ handleSetInsertedBlock }\n\t\t\tonClose={ () => {\n\t\t\t\t// Use cleanup function\n\t\t\t\tcleanupInsertedBlock();\n\t\t\t} }\n\t\t\tonChange={ ( updatedValue ) => {\n\t\t\t\t// updateAttributes determines the final state and returns metadata\n\t\t\t\tconst { isEntityLink, attributes: updatedAttributes } =\n\t\t\t\t\tupdateAttributes(\n\t\t\t\t\t\tupdatedValue,\n\t\t\t\t\t\tsetInsertedBlockAttributes( insertedBlock?.clientId ),\n\t\t\t\t\t\tinsertedBlock?.attributes\n\t\t\t\t\t);\n\n\t\t\t\t// Handle URL binding based on the final computed state\n\t\t\t\t// Only create bindings for entity links (posts, pages, taxonomies)\n\t\t\t\t// Never create bindings for custom links (manual URLs)\n\t\t\t\tif ( isEntityLink ) {\n\t\t\t\t\tcreateBinding( updatedAttributes );\n\t\t\t\t} else {\n\t\t\t\t\tclearBinding();\n\t\t\t\t}\n\n\t\t\t\tsetInsertedBlock( null );\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAA0C;AAC1C,kBAA4B;AAK5B,oBAIO;AAuEL;AArEF,IAAM,8BAA8B;AAAA,EACnC;AAAA,EACA;AACD;AAEO,SAAS,iBAAkB,EAAE,OAAO,eAAe,iBAAiB,GAAI;AAC9E,QAAM,EAAE,uBAAuB,YAAY,QAC1C,yBAAa,oBAAAA,KAAiB;AAE/B,QAAM,uBAAuB,6BAA6B;AAAA,IACzD,eAAe;AAAA,EAChB;AACA,QAAM,uBAAuB,eAAe,aAAa,MAAM;AAC/D,QAAM,mBAAmB,wBAAwB;AAGjD,QAAM,EAAE,eAAe,aAAa,QAAI,gCAAkB;AAAA,IACzD,UAAU,eAAe;AAAA,IACzB,YAAY,eAAe,cAAc,CAAC;AAAA,EAC3C,CAAE;AAEF,MAAK,CAAE,kBAAmB;AACzB,WAAO;AAAA,EACR;AAQA,QAAM,uBAAuB,MAAM;AAGlC,UAAM,wBAAwB;AAI9B,QAAK,CAAE,eAAe,YAAY,OAAO,eAAe,UAAW;AAGlE,kBAAa,cAAc,UAAU,qBAAsB;AAAA,IAC5D;AACA,qBAAkB,IAAK;AAAA,EACxB;AAEA,QAAM,6BACL,CAAE,2BAA4B,CAAE,uBAAwB;AACvD,QAAK,CAAE,wBAAyB;AAC/B;AAAA,IACD;AACA,0BAAuB,wBAAwB,kBAAmB;AAAA,EACnE;AAGD,QAAM,yBAAyB,CAAE,aAAc;AAG9C,UAAM,wBAAwB;AAI9B,QAAK,eAAe,YAAY,UAAW;AAC1C,kBAAa,cAAc,UAAU,qBAAsB;AAAA,IAC5D;AACA,qBAAkB,QAAS;AAAA,EAC5B;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,eAAe;AAAA,MAC1B,MAAO,eAAe;AAAA,MACtB,eAAgB;AAAA,MAChB,SAAU,MAAM;AAEf,6BAAqB;AAAA,MACtB;AAAA,MACA,UAAW,CAAE,iBAAkB;AAE9B,cAAM,EAAE,cAAc,YAAY,kBAAkB,QACnD;AAAA,UACC;AAAA,UACA,2BAA4B,eAAe,QAAS;AAAA,UACpD,eAAe;AAAA,QAChB;AAKD,YAAK,cAAe;AACnB,wBAAe,iBAAkB;AAAA,QAClC,OAAO;AACN,uBAAa;AAAA,QACd;AAEA,yBAAkB,IAAK;AAAA,MACxB;AAAA;AAAA,EACD;AAEF;",
-  "names": ["blockEditorStore"]
-}

package/build/navigation/edit/navigation-list-view-header.cjs

@@ -1,86 +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/navigation/edit/navigation-list-view-header.js
-var navigation_list_view_header_exports = {};
-__export(navigation_list_view_header_exports, {
-  default: () => NavigationListViewHeader
-});
-module.exports = __toCommonJS(navigation_list_view_header_exports);
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_navigation_menu_selector = __toESM(require("./navigation-menu-selector.cjs"));
-var import_lock_unlock = require("../../lock-unlock.cjs");
-var import_jsx_runtime = require("react/jsx-runtime");
-var { useBlockDisplayTitle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-var actionLabel = (
-  /* translators: %s: The name of a menu. */
-  (0, import_i18n.__)("Switch to '%s'")
-);
-function NavigationListViewHeader({
-  clientId,
-  blockEditingMode,
-  currentMenuId,
-  onSelectClassicMenu,
-  onSelectNavigationMenu,
-  onCreateNew,
-  createNavigationMenuIsSuccess,
-  createNavigationMenuIsError,
-  isManageMenusButtonDisabled
-}) {
-  const blockTitle = useBlockDisplayTitle({
-    clientId,
-    context: "list-view"
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { className: "wp-block-navigation-off-canvas-editor__header", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.__experimentalHeading,
-      {
-        className: "wp-block-navigation-off-canvas-editor__title",
-        level: 2,
-        children: blockTitle
-      }
-    ),
-    blockEditingMode === "default" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_navigation_menu_selector.default,
-      {
-        currentMenuId,
-        onSelectClassicMenu,
-        onSelectNavigationMenu,
-        onCreateNew,
-        createNavigationMenuIsSuccess,
-        createNavigationMenuIsError,
-        actionLabel,
-        isManageMenusButtonDisabled
-      }
-    )
-  ] });
-}
-//# sourceMappingURL=navigation-list-view-header.cjs.map

package/build/navigation/edit/navigation-list-view-header.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/edit/navigation-list-view-header.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport NavigationMenuSelector from './navigation-menu-selector';\nimport { unlock } from '../../lock-unlock';\n\nconst { useBlockDisplayTitle } = unlock( blockEditorPrivateApis );\n\nconst actionLabel =\n\t/* translators: %s: The name of a menu. */ __( \"Switch to '%s'\" );\n\nexport default function NavigationListViewHeader( {\n\tclientId,\n\tblockEditingMode,\n\tcurrentMenuId,\n\tonSelectClassicMenu,\n\tonSelectNavigationMenu,\n\tonCreateNew,\n\tcreateNavigationMenuIsSuccess,\n\tcreateNavigationMenuIsError,\n\tisManageMenusButtonDisabled,\n} ) {\n\tconst blockTitle = useBlockDisplayTitle( {\n\t\tclientId,\n\t\tcontext: 'list-view',\n\t} );\n\n\treturn (\n\t\t<HStack className=\"wp-block-navigation-off-canvas-editor__header\">\n\t\t\t<Heading\n\t\t\t\tclassName=\"wp-block-navigation-off-canvas-editor__title\"\n\t\t\t\tlevel={ 2 }\n\t\t\t>\n\t\t\t\t{ blockTitle }\n\t\t\t</Heading>\n\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t<NavigationMenuSelector\n\t\t\t\t\tcurrentMenuId={ currentMenuId }\n\t\t\t\t\tonSelectClassicMenu={ onSelectClassicMenu }\n\t\t\t\t\tonSelectNavigationMenu={ onSelectNavigationMenu }\n\t\t\t\t\tonCreateNew={ onCreateNew }\n\t\t\t\t\tcreateNavigationMenuIsSuccess={\n\t\t\t\t\t\tcreateNavigationMenuIsSuccess\n\t\t\t\t\t}\n\t\t\t\t\tcreateNavigationMenuIsError={ createNavigationMenuIsError }\n\t\t\t\t\tactionLabel={ actionLabel }\n\t\t\t\t\tisManageMenusButtonDisabled={ isManageMenusButtonDisabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAGO;AACP,kBAAmB;AACnB,0BAAsD;AAKtD,sCAAmC;AACnC,yBAAuB;AAwBrB;AAtBF,IAAM,EAAE,qBAAqB,QAAI,2BAAQ,oBAAAA,WAAuB;AAEhE,IAAM;AAAA;AAAA,MACsC,gBAAI,gBAAiB;AAAA;AAElD,SAAR,yBAA2C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,aAAa,qBAAsB;AAAA,IACxC;AAAA,IACA,SAAS;AAAA,EACV,CAAE;AAEF,SACC,6CAAC,kBAAAC,sBAAA,EAAO,WAAU,iDACjB;AAAA;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAQ;AAAA,QAEN;AAAA;AAAA,IACH;AAAA,IACE,qBAAqB,aACtB;AAAA,MAAC,gCAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAGA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;",
-  "names": ["blockEditorPrivateApis", "HStack", "Heading", "NavigationMenuSelector"]
-}