@wordpress/block-library 10.4.0 → 10.5.2-next.v.202608281122.0

package/build/navigation/edit/navigation-menu-name-control.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/navigation-menu-name-control.js
+// packages/block-library/src/navigation/edit/navigation-menu-name-control.jsx
 var navigation_menu_name_control_exports = {};
 __export(navigation_menu_name_control_exports, {
   default: () => NavigationMenuNameControl

package/build/navigation/edit/navigation-menu-name-control.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/navigation-menu-name-control.js"],
+  "sources": ["../../../src/navigation/edit/navigation-menu-name-control.jsx"],
   "sourcesContent": ["import { TextControl } from '@wordpress/components';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { __ } from '@wordpress/i18n';\n\nexport default function NavigationMenuNameControl() {\n\tconst [ title, updateTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_navigation',\n\t\t'title'\n\t);\n\n\treturn (\n\t\t<TextControl\n\t\t\tlabel={ __( 'Menu name' ) }\n\t\t\tvalue={ title }\n\t\t\tonChange={ updateTitle }\n\t\t/>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA4B;AAC5B,uBAA8B;AAC9B,kBAAmB;AAUjB;AARa,SAAR,4BAA6C;AACnD,QAAM,CAAE,OAAO,WAAY,QAAI;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,WAAY;AAAA,MACxB,OAAQ;AAAA,MACR,UAAW;AAAA;AAAA,EACZ;AAEF;",
   "names": []

package/build/navigation/edit/navigation-menu-selector.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/navigation-menu-selector.js
+// packages/block-library/src/navigation/edit/navigation-menu-selector.jsx
 var navigation_menu_selector_exports = {};
 __export(navigation_menu_selector_exports, {
   default: () => navigation_menu_selector_default

package/build/navigation/edit/navigation-menu-selector.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/navigation-menu-selector.js"],
+  "sources": ["../../../src/navigation/edit/navigation-menu-selector.jsx"],
   "sourcesContent": ["import {\n\tMenuGroup,\n\tMenuItem,\n\tMenuItemsChoice,\n\tDropdownMenu,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useEffect, useMemo, useState } from '@wordpress/element';\nimport { useEntityRecords, useEntityProp } from '@wordpress/core-data';\nimport useNavigationMenu from '../use-navigation-menu';\n\nfunction buildMenuLabel( title, id, status ) {\n\tif ( ! title ) {\n\t\t/* translators: %s: the index of the menu in the list of menus. */\n\t\treturn sprintf( __( '(no title %s)' ), id );\n\t}\n\n\tif ( status === 'publish' ) {\n\t\treturn decodeEntities( title );\n\t}\n\n\treturn sprintf(\n\t\t// translators: 1: title of the menu. 2: status of the menu (draft, pending, etc.).\n\t\t__( '%1$s (%2$s)' ),\n\t\tdecodeEntities( title ),\n\t\tstatus\n\t);\n}\n\nfunction NavigationMenuSelector( {\n\tcurrentMenuId,\n\tonSelectNavigationMenu,\n\tonSelectClassicMenu,\n\tonCreateNew,\n\tactionLabel,\n\tcreateNavigationMenuIsSuccess,\n\tcreateNavigationMenuIsError,\n} ) {\n\t/* translators: %s: The name of a menu. */\n\tconst createActionLabel = __( \"Create from '%s'\" );\n\n\tconst [ isUpdatingMenuRef, setIsUpdatingMenuRef ] = useState( false );\n\n\tactionLabel = actionLabel || createActionLabel;\n\n\tconst { records: classicMenus } = useEntityRecords( 'root', 'menu', {\n\t\tper_page: -1,\n\t\tcontext: 'view',\n\t} );\n\n\tconst {\n\t\tnavigationMenus,\n\t\tisResolvingNavigationMenus,\n\t\thasResolvedNavigationMenus,\n\t\tcanUserCreateNavigationMenus,\n\t\tcanSwitchNavigationMenu,\n\t\tisNavigationMenuMissing,\n\t} = useNavigationMenu( currentMenuId );\n\n\tconst [ currentTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_navigation',\n\t\t'title',\n\t\tcurrentMenuId\n\t);\n\n\tconst menuChoices = useMemo( () => {\n\t\treturn (\n\t\t\tnavigationMenus?.map( ( { id, title, status }, index ) => {\n\t\t\t\tconst label = buildMenuLabel(\n\t\t\t\t\ttitle?.rendered,\n\t\t\t\t\tindex + 1,\n\t\t\t\t\tstatus\n\t\t\t\t);\n\n\t\t\t\treturn {\n\t\t\t\t\tvalue: id,\n\t\t\t\t\tlabel,\n\t\t\t\t\tariaLabel: sprintf( actionLabel, label ),\n\t\t\t\t\tdisabled:\n\t\t\t\t\t\tisUpdatingMenuRef ||\n\t\t\t\t\t\tisResolvingNavigationMenus ||\n\t\t\t\t\t\t! hasResolvedNavigationMenus,\n\t\t\t\t};\n\t\t\t} ) || []\n\t\t);\n\t}, [\n\t\tnavigationMenus,\n\t\tactionLabel,\n\t\tisResolvingNavigationMenus,\n\t\thasResolvedNavigationMenus,\n\t\tisUpdatingMenuRef,\n\t] );\n\n\tconst hasNavigationMenus = !! navigationMenus?.length;\n\tconst hasClassicMenus = !! classicMenus?.length;\n\tconst showNavigationMenus = !! canSwitchNavigationMenu;\n\tconst showClassicMenus = !! canUserCreateNavigationMenus;\n\n\tconst noMenuSelected = hasNavigationMenus && ! currentMenuId;\n\tconst noBlockMenus = ! hasNavigationMenus && hasResolvedNavigationMenus;\n\tconst menuUnavailable =\n\t\thasResolvedNavigationMenus && currentMenuId === null;\n\tconst navMenuHasBeenDeleted = currentMenuId && isNavigationMenuMissing;\n\n\tlet selectorLabel = '';\n\n\tif ( isResolvingNavigationMenus ) {\n\t\tselectorLabel = __( 'Loading…' );\n\t} else if (\n\t\tnoMenuSelected ||\n\t\tnoBlockMenus ||\n\t\tmenuUnavailable ||\n\t\tnavMenuHasBeenDeleted\n\t) {\n\t\t// Note: classic Menus may be available.\n\t\tselectorLabel = __( 'Choose or create a Navigation Menu' );\n\t} else {\n\t\t// Current Menu's title.\n\t\tselectorLabel = currentTitle;\n\t}\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisUpdatingMenuRef &&\n\t\t\t( createNavigationMenuIsSuccess || createNavigationMenuIsError )\n\t\t) {\n\t\t\tsetIsUpdatingMenuRef( false );\n\t\t}\n\t}, [\n\t\thasResolvedNavigationMenus,\n\t\tcreateNavigationMenuIsSuccess,\n\t\tcanUserCreateNavigationMenus,\n\t\tcreateNavigationMenuIsError,\n\t\tisUpdatingMenuRef,\n\t\tmenuUnavailable,\n\t\tnoBlockMenus,\n\t\tnoMenuSelected,\n\t] );\n\n\tconst NavigationMenuSelectorDropdown = (\n\t\t<DropdownMenu\n\t\t\tlabel={ selectorLabel }\n\t\t\ticon={ moreVertical }\n\t\t\ttoggleProps={ { size: 'small' } }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t{ showNavigationMenus && hasNavigationMenus && (\n\t\t\t\t\t\t<MenuGroup label={ __( 'Menus' ) }>\n\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\tvalue={ currentMenuId }\n\t\t\t\t\t\t\t\tonSelect={ ( menuId ) => {\n\t\t\t\t\t\t\t\t\tonSelectNavigationMenu( menuId );\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tchoices={ menuChoices }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showClassicMenus && hasClassicMenus && (\n\t\t\t\t\t\t<MenuGroup label={ __( 'Import Classic Menus' ) }>\n\t\t\t\t\t\t\t{ classicMenus?.map( ( menu ) => {\n\t\t\t\t\t\t\t\tconst label = decodeEntities( menu.name );\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tonClick={ async () => {\n\t\t\t\t\t\t\t\t\t\t\tsetIsUpdatingMenuRef( true );\n\t\t\t\t\t\t\t\t\t\t\tawait onSelectClassicMenu( menu );\n\t\t\t\t\t\t\t\t\t\t\tsetIsUpdatingMenuRef( false );\n\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tkey={ menu.id }\n\t\t\t\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t\t\t\tcreateActionLabel,\n\t\t\t\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\tisUpdatingMenuRef ||\n\t\t\t\t\t\t\t\t\t\t\tisResolvingNavigationMenus ||\n\t\t\t\t\t\t\t\t\t\t\t! hasResolvedNavigationMenus\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ canUserCreateNavigationMenus && (\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ async () => {\n\t\t\t\t\t\t\t\t\tsetIsUpdatingMenuRef( true );\n\t\t\t\t\t\t\t\t\tawait onCreateNew();\n\t\t\t\t\t\t\t\t\tsetIsUpdatingMenuRef( false );\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\tisUpdatingMenuRef ||\n\t\t\t\t\t\t\t\t\tisResolvingNavigationMenus ||\n\t\t\t\t\t\t\t\t\t! hasResolvedNavigationMenus\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{ __( 'Create new Menu' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n\n\treturn NavigationMenuSelectorDropdown;\n}\n\nexport default NavigationMenuSelector;\n"],
   "mappings": "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",
   "names": ["useNavigationMenu"]

package/build/navigation/edit/overlay-menu-icon.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-menu-icon.js
+// packages/block-library/src/navigation/edit/overlay-menu-icon.jsx
 var overlay_menu_icon_exports = {};
 __export(overlay_menu_icon_exports, {
   default: () => OverlayMenuIcon

package/build/navigation/edit/overlay-menu-icon.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-menu-icon.js"],
+  "sources": ["../../../src/navigation/edit/overlay-menu-icon.jsx"],
   "sourcesContent": ["import { SVG, Rect } from '@wordpress/primitives';\nimport { Icon, menu } from '@wordpress/icons';\n\nexport default function OverlayMenuIcon( { icon } ) {\n\tif ( icon === 'menu' ) {\n\t\treturn <Icon icon={ menu } />;\n\t}\n\n\treturn (\n\t\t<SVG\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\twidth=\"24\"\n\t\t\theight=\"24\"\n\t\t\taria-hidden=\"true\"\n\t\t\tfocusable=\"false\"\n\t\t>\n\t\t\t<Rect x=\"4\" y=\"7.5\" width=\"16\" height=\"1.5\" />\n\t\t\t<Rect x=\"4\" y=\"15\" width=\"16\" height=\"1.5\" />\n\t\t</SVG>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA0B;AAC1B,mBAA2B;AAIlB;AAFM,SAAR,gBAAkC,EAAE,KAAK,GAAI;AACnD,MAAK,SAAS,QAAS;AACtB,WAAO,4CAAC,qBAAK,MAAO,mBAAO;AAAA,EAC5B;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,QAAO;AAAA,MACP,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV;AAAA,oDAAC,0BAAK,GAAE,KAAI,GAAE,OAAM,OAAM,MAAK,QAAO,OAAM;AAAA,QAC5C,4CAAC,0BAAK,GAAE,KAAI,GAAE,MAAK,OAAM,MAAK,QAAO,OAAM;AAAA;AAAA;AAAA,EAC5C;AAEF;",
   "names": []

package/build/navigation/edit/overlay-menu-preview-button.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-menu-preview-button.js
+// packages/block-library/src/navigation/edit/overlay-menu-preview-button.jsx
 var overlay_menu_preview_button_exports = {};
 __export(overlay_menu_preview_button_exports, {
   default: () => OverlayMenuPreviewButton

package/build/navigation/edit/overlay-menu-preview-button.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-menu-preview-button.js"],
+  "sources": ["../../../src/navigation/edit/overlay-menu-preview-button.jsx"],
   "sourcesContent": ["import { Button, __experimentalVStack as VStack } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, close } from '@wordpress/icons';\nimport OverlayMenuIcon from './overlay-menu-icon';\nimport OverlayMenuPreviewControls from './overlay-menu-preview-controls';\n\n/**\n * Overlay Menu Preview Button component.\n *\n * @param {Object}   props                           Component props.\n * @param {boolean}  props.isResponsive              Whether overlay menu is responsive.\n * @param {boolean}  props.overlayMenuPreview        Whether overlay menu preview is open.\n * @param {Function} props.setOverlayMenuPreview     Function to toggle overlay menu preview.\n * @param {boolean}  props.hasIcon                   Whether the overlay menu has an icon.\n * @param {string}   props.icon                      Icon type for overlay menu.\n * @param {Function} props.setAttributes             Function to update block attributes.\n * @param {string}   props.overlayMenuPreviewClasses CSS classes for overlay menu preview button.\n * @param {string}   props.overlayMenuPreviewId      ID for overlay menu preview.\n * @param {string}   props.containerStyle            Optional style for the preview container.\n * @return {React.JSX.Element}                       The overlay menu preview button or null if not responsive.\n */\nexport default function OverlayMenuPreviewButton( {\n\tisResponsive,\n\toverlayMenuPreview,\n\tsetOverlayMenuPreview,\n\thasIcon,\n\ticon,\n\tsetAttributes,\n\toverlayMenuPreviewClasses,\n\toverlayMenuPreviewId,\n\tcontainerStyle,\n} ) {\n\tif ( ! isResponsive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tclassName={ overlayMenuPreviewClasses }\n\t\t\t\tonClick={ () => setOverlayMenuPreview( ! overlayMenuPreview ) }\n\t\t\t\taria-label={ __( 'Overlay menu controls' ) }\n\t\t\t\taria-controls={ overlayMenuPreviewId }\n\t\t\t\taria-expanded={ overlayMenuPreview }\n\t\t\t>\n\t\t\t\t{ hasIcon && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<OverlayMenuIcon icon={ icon } />\n\t\t\t\t\t\t<Icon icon={ close } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ ! hasIcon && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<span>{ __( 'Menu' ) }</span>\n\t\t\t\t\t\t<span>{ __( 'Close' ) }</span>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</Button>\n\t\t\t{ overlayMenuPreview && (\n\t\t\t\t<VStack\n\t\t\t\t\tid={ overlayMenuPreviewId }\n\t\t\t\t\tspacing={ 4 }\n\t\t\t\t\tstyle={ containerStyle }\n\t\t\t\t>\n\t\t\t\t\t<OverlayMenuPreviewControls\n\t\t\t\t\t\thasIcon={ hasIcon }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuD;AACvD,kBAAmB;AACnB,mBAA4B;AAC5B,+BAA4B;AAC5B,2CAAuC;AA2ClC;AA1BU,SAAR,yBAA2C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,MAAK,CAAE,cAAe;AACrB,WAAO;AAAA,EACR;AAEA,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,uBAAqB;AAAA,QACrB,WAAY;AAAA,QACZ,SAAU,MAAM,sBAAuB,CAAE,kBAAmB;AAAA,QAC5D,kBAAa,gBAAI,uBAAwB;AAAA,QACzC,iBAAgB;AAAA,QAChB,iBAAgB;AAAA,QAEd;AAAA,qBACD,4EACC;AAAA,wDAAC,yBAAAA,SAAA,EAAgB,MAAc;AAAA,YAC/B,4CAAC,qBAAK,MAAO,oBAAQ;AAAA,aACtB;AAAA,UAEC,CAAE,WACH,4EACC;AAAA,wDAAC,UAAO,8BAAI,MAAO,GAAG;AAAA,YACtB,4CAAC,UAAO,8BAAI,OAAQ,GAAG;AAAA,aACxB;AAAA;AAAA;AAAA,IAEF;AAAA,IACE,sBACD;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,IAAK;AAAA,QACL,SAAU;AAAA,QACV,OAAQ;AAAA,QAER;AAAA,UAAC,qCAAAC;AAAA,UAAA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KAEF;AAEF;",
   "names": ["OverlayMenuIcon", "VStack", "OverlayMenuPreviewControls"]

package/build/navigation/edit/overlay-menu-preview-controls.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-menu-preview-controls.js
+// packages/block-library/src/navigation/edit/overlay-menu-preview-controls.jsx
 var overlay_menu_preview_controls_exports = {};
 __export(overlay_menu_preview_controls_exports, {
   default: () => OverlayMenuPreviewControls

package/build/navigation/edit/overlay-menu-preview-controls.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-menu-preview-controls.js"],
+  "sources": ["../../../src/navigation/edit/overlay-menu-preview-controls.jsx"],
   "sourcesContent": ["import {\n\t__experimentalVStack as VStack,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport OverlayMenuIcon from './overlay-menu-icon';\n\n/**\n * Overlay Menu Preview Controls component.\n * Used within PanelBody context (not ToolsPanel).\n *\n * @param {Object}   props               Component props.\n * @param {boolean}  props.hasIcon       Whether the overlay menu has an icon.\n * @param {string}   props.icon          Icon type for overlay menu.\n * @param {Function} props.setAttributes Function to update block attributes.\n * @return {React.JSX.Element}                The overlay menu preview controls.\n */\nexport default function OverlayMenuPreviewControls( {\n\thasIcon,\n\ticon,\n\tsetAttributes,\n} ) {\n\treturn (\n\t\t<VStack spacing={ 4 }>\n\t\t\t<ToggleControl\n\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\thelp={ __(\n\t\t\t\t\t'Configure the visual appearance of the button that toggles the overlay menu.'\n\t\t\t\t) }\n\t\t\t\tonChange={ ( value ) => setAttributes( { hasIcon: value } ) }\n\t\t\t\tchecked={ hasIcon }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\tclassName=\"wp-block-navigation__overlay-menu-icon-toggle-group\"\n\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\tvalue={ icon }\n\t\t\t\tonChange={ ( value ) => setAttributes( { icon: value } ) }\n\t\t\t\tisBlock\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"handle\"\n\t\t\t\t\taria-label={ __( 'handle' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"handle\" /> }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"menu\"\n\t\t\t\t\taria-label={ __( 'menu' ) }\n\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"menu\" /> }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t</VStack>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKO;AACP,kBAAmB;AACnB,+BAA4B;AAmBzB;AAPY,SAAR,2BAA6C;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,6CAAC,kBAAAA,sBAAA,EAAO,SAAU,GACjB;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAQ,gBAAI,kBAAmB;AAAA,QAC/B,UAAO;AAAA,UACN;AAAA,QACD;AAAA,QACA,UAAW,CAAE,UAAW,cAAe,EAAE,SAAS,MAAM,CAAE;AAAA,QAC1D,SAAU;AAAA;AAAA,IACX;AAAA,IACA;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,WAAQ,gBAAI,MAAO;AAAA,QACnB,OAAQ;AAAA,QACR,UAAW,CAAE,UAAW,cAAe,EAAE,MAAM,MAAM,CAAE;AAAA,QACvD,SAAO;AAAA,QAEP;AAAA;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,OAAM;AAAA,cACN,kBAAa,gBAAI,QAAS;AAAA,cAC1B,OAAQ,4CAAC,yBAAAC,SAAA,EAAgB,MAAK,UAAS;AAAA;AAAA,UACxC;AAAA,UACA;AAAA,YAAC,kBAAAD;AAAA,YAAA;AAAA,cACA,OAAM;AAAA,cACN,kBAAa,gBAAI,MAAO;AAAA,cACxB,OAAQ,4CAAC,yBAAAC,SAAA,EAAgB,MAAK,QAAO;AAAA;AAAA,UACtC;AAAA;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
   "names": ["VStack", "ToggleGroupControl", "ToggleGroupControlOption", "OverlayMenuIcon"]

package/build/navigation/edit/overlay-menu-preview.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-menu-preview.js
+// packages/block-library/src/navigation/edit/overlay-menu-preview.jsx
 var overlay_menu_preview_exports = {};
 __export(overlay_menu_preview_exports, {
   default: () => OverlayMenuPreview

package/build/navigation/edit/overlay-menu-preview.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-menu-preview.js"],
+  "sources": ["../../../src/navigation/edit/overlay-menu-preview.jsx"],
   "sourcesContent": ["import {\n\tToggleControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport OverlayMenuIcon from './overlay-menu-icon';\n\nexport default function OverlayMenuPreview( { setAttributes, hasIcon, icon } ) {\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! hasIcon }\n\t\t\t\tonDeselect={ () => setAttributes( { hasIcon: true } ) }\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Show icon button' ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Configure the visual appearance of the button that toggles the overlay menu.'\n\t\t\t\t\t) }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { hasIcon: value } )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ hasIcon }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => icon !== 'handle' }\n\t\t\t\tonDeselect={ () => setAttributes( { icon: 'handle' } ) }\n\t\t\t>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\tclassName=\"wp-block-navigation__overlay-menu-icon-toggle-group\"\n\t\t\t\t\tlabel={ __( 'Icon' ) }\n\t\t\t\t\tvalue={ icon }\n\t\t\t\t\tonChange={ ( value ) => setAttributes( { icon: value } ) }\n\t\t\t\t\tisBlock\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"handle\"\n\t\t\t\t\t\taria-label={ __( 'handle' ) }\n\t\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"handle\" /> }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"menu\"\n\t\t\t\t\t\taria-label={ __( 'menu' ) }\n\t\t\t\t\t\tlabel={ <OverlayMenuIcon icon=\"menu\" /> }\n\t\t\t\t\t/>\n\t\t\t\t</ToggleGroupControl>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKO;AACP,kBAAmB;AACnB,+BAA4B;AAI1B;AAFa,SAAR,mBAAqC,EAAE,eAAe,SAAS,KAAK,GAAI;AAC9E,SACC,4EACC;AAAA;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,kBAAmB;AAAA,QAC/B,kBAAgB;AAAA,QAChB,UAAW,MAAM,CAAE;AAAA,QACnB,YAAa,MAAM,cAAe,EAAE,SAAS,KAAK,CAAE;AAAA,QAEpD;AAAA,UAAC;AAAA;AAAA,YACA,WAAQ,gBAAI,kBAAmB;AAAA,YAC/B,UAAO;AAAA,cACN;AAAA,YACD;AAAA,YACA,UAAW,CAAE,UACZ,cAAe,EAAE,SAAS,MAAM,CAAE;AAAA,YAEnC,SAAU;AAAA;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IAEA;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,MAAO;AAAA,QACnB,kBAAgB;AAAA,QAChB,UAAW,MAAM,SAAS;AAAA,QAC1B,YAAa,MAAM,cAAe,EAAE,MAAM,SAAS,CAAE;AAAA,QAErD;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,WAAU;AAAA,YACV,WAAQ,gBAAI,MAAO;AAAA,YACnB,OAAQ;AAAA,YACR,UAAW,CAAE,UAAW,cAAe,EAAE,MAAM,MAAM,CAAE;AAAA,YACvD,SAAO;AAAA,YAEP;AAAA;AAAA,gBAAC,kBAAAC;AAAA,gBAAA;AAAA,kBACA,OAAM;AAAA,kBACN,kBAAa,gBAAI,QAAS;AAAA,kBAC1B,OAAQ,4CAAC,yBAAAC,SAAA,EAAgB,MAAK,UAAS;AAAA;AAAA,cACxC;AAAA,cACA;AAAA,gBAAC,kBAAAD;AAAA,gBAAA;AAAA,kBACA,OAAM;AAAA,kBACN,kBAAa,gBAAI,MAAO;AAAA,kBACxB,OAAQ,4CAAC,yBAAAC,SAAA,EAAgB,MAAK,QAAO;AAAA;AAAA,cACtC;AAAA;AAAA;AAAA,QACD;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
   "names": ["ToolsPanelItem", "ToggleGroupControl", "ToggleGroupControlOption", "OverlayMenuIcon"]

package/build/navigation/edit/overlay-panel.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-panel.js
+// packages/block-library/src/navigation/edit/overlay-panel.jsx
 var overlay_panel_exports = {};
 __export(overlay_panel_exports, {
   default: () => OverlayPanel

package/build/navigation/edit/overlay-panel.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-panel.js"],
+  "sources": ["../../../src/navigation/edit/overlay-panel.jsx"],
   "sourcesContent": ["import {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport OverlayTemplatePartSelector from './overlay-template-part-selector';\nimport OverlayVisibilityControl from './overlay-visibility-control';\nimport OverlayMenuPreviewButton from './overlay-menu-preview-button';\nimport OverlayPreview from './overlay-preview';\n\n/**\n * Overlay Panel component for Navigation block.\n *\n * @param {Object}   props                           Component props.\n * @param {string}   props.overlayMenu               Overlay menu setting ('never', 'mobile', 'always').\n * @param {string}   props.overlay                   Currently selected overlay template part ID.\n * @param {Function} props.setAttributes             Function to update block attributes.\n * @param {Function} props.onNavigateToEntityRecord  Function to navigate to template part editor.\n * @param {boolean}  props.overlayMenuPreview        Whether overlay menu preview is open.\n * @param {Function} props.setOverlayMenuPreview     Function to toggle overlay menu preview.\n * @param {boolean}  props.hasIcon                   Whether the overlay menu has an icon.\n * @param {string}   props.icon                      Icon type for overlay menu.\n * @param {string}   props.overlayMenuPreviewClasses CSS classes for overlay menu preview button.\n * @param {string}   props.overlayMenuPreviewId      ID for overlay menu preview.\n * @param {boolean}  props.isResponsive              Whether overlay menu is responsive.\n * @param {string}   props.currentTheme              Current theme stylesheet name.\n * @param {boolean}  props.hasOverlays               Whether any overlay template parts exist.\n * @return {React.JSX.Element}                       The overlay panel component or null if overlay is disabled.\n */\nexport default function OverlayPanel( {\n\toverlayMenu,\n\toverlay,\n\tsetAttributes,\n\tonNavigateToEntityRecord,\n\toverlayMenuPreview,\n\tsetOverlayMenuPreview,\n\thasIcon,\n\ticon,\n\toverlayMenuPreviewClasses,\n\toverlayMenuPreviewId,\n\tisResponsive,\n\tcurrentTheme,\n\thasOverlays,\n} ) {\n\tconst [ isCreatingOverlay, setIsCreatingOverlay ] = useState( false );\n\n\treturn (\n\t\t<PanelBody title={ __( 'Overlay' ) } initialOpen>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<OverlayVisibilityControl\n\t\t\t\t\toverlayMenu={ overlayMenu }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\n\t\t\t\t{ overlayMenu !== 'never' && (\n\t\t\t\t\t<OverlayMenuPreviewButton\n\t\t\t\t\t\tisResponsive={ isResponsive }\n\t\t\t\t\t\toverlayMenuPreview={ overlayMenuPreview }\n\t\t\t\t\t\tsetOverlayMenuPreview={ setOverlayMenuPreview }\n\t\t\t\t\t\thasIcon={ hasIcon }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\toverlayMenuPreviewClasses={ overlayMenuPreviewClasses }\n\t\t\t\t\t\toverlayMenuPreviewId={ overlayMenuPreviewId }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ overlayMenu !== 'never' && (\n\t\t\t\t\t<OverlayTemplatePartSelector\n\t\t\t\t\t\toverlay={ overlay }\n\t\t\t\t\t\toverlayMenu={ overlayMenu }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tonNavigateToEntityRecord={ onNavigateToEntityRecord }\n\t\t\t\t\t\tisCreatingOverlay={ isCreatingOverlay }\n\t\t\t\t\t\tsetIsCreatingOverlay={ setIsCreatingOverlay }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ overlayMenu !== 'never' &&\n\t\t\t\t\toverlay &&\n\t\t\t\t\thasOverlays &&\n\t\t\t\t\t! isCreatingOverlay && (\n\t\t\t\t\t\t<OverlayPreview\n\t\t\t\t\t\t\toverlay={ overlay }\n\t\t\t\t\t\t\tcurrentTheme={ currentTheme }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</PanelBody>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAGO;AACP,kBAAmB;AACnB,qBAAyB;AACzB,4CAAwC;AACxC,wCAAqC;AACrC,yCAAqC;AACrC,6BAA2B;AAwCxB;AAnBY,SAAR,aAA+B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,mBAAmB,oBAAqB,QAAI,yBAAU,KAAM;AAEpE,SACC,4CAAC,+BAAU,WAAQ,gBAAI,SAAU,GAAI,aAAW,MAC/C,uDAAC,kBAAAA,sBAAA,EAAO,SAAU,GACjB;AAAA;AAAA,MAAC,kCAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IAEE,gBAAgB,WACjB;AAAA,MAAC,mCAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IAGC,gBAAgB,WACjB;AAAA,MAAC,sCAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,IAGC,gBAAgB,WACjB,WACA,eACA,CAAE,qBACD;AAAA,MAAC,uBAAAC;AAAA,MAAA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD;AAAA,KAEH,GACD;AAEF;",
   "names": ["VStack", "OverlayVisibilityControl", "OverlayMenuPreviewButton", "OverlayTemplatePartSelector", "OverlayPreview"]

package/build/navigation/edit/overlay-preview.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-preview.js
+// packages/block-library/src/navigation/edit/overlay-preview.jsx
 var overlay_preview_exports = {};
 __export(overlay_preview_exports, {
   default: () => OverlayPreview

package/build/navigation/edit/overlay-preview.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-preview.js"],
+  "sources": ["../../../src/navigation/edit/overlay-preview.jsx"],
   "sourcesContent": ["import { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport { parse } from '@wordpress/blocks';\nimport { Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { createTemplatePartId } from '../../template-part/edit/utils/create-template-part-id';\n\n/**\n * Component that displays a read-only visual preview of the selected overlay template part.\n *\n * @param {Object} props              Component props.\n * @param {string} props.overlay      The overlay template part slug.\n * @param {string} props.currentTheme The current theme stylesheet name.\n * @return {React.JSX.Element} The overlay preview component or null if no overlay is selected.\n */\nexport default function OverlayPreview( { overlay, currentTheme } ) {\n\tconst templatePartId = useMemo( () => {\n\t\tif ( ! overlay || ! currentTheme ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn createTemplatePartId( currentTheme, overlay );\n\t}, [ currentTheme, overlay ] );\n\n\tconst { content, editedBlocks, hasResolved } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! templatePartId ) {\n\t\t\t\treturn {\n\t\t\t\t\tcontent: null,\n\t\t\t\t\teditedBlocks: null,\n\t\t\t\t\thasResolved: true,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst editedRecord = getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\ttemplatePartId,\n\t\t\t\t{ context: 'view' }\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tcontent: editedRecord?.content,\n\t\t\t\teditedBlocks: editedRecord?.blocks,\n\t\t\t\thasResolved: hasFinishedResolution( 'getEditedEntityRecord', [\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_template_part',\n\t\t\t\t\ttemplatePartId,\n\t\t\t\t\t{ context: 'view' },\n\t\t\t\t] ),\n\t\t\t};\n\t\t},\n\t\t[ templatePartId ]\n\t);\n\n\tconst blocks = useMemo( () => {\n\t\tif ( ! templatePartId ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( editedBlocks && editedBlocks.length > 0 ) {\n\t\t\treturn editedBlocks;\n\t\t}\n\n\t\tif ( content && typeof content === 'string' ) {\n\t\t\treturn parse( content );\n\t\t}\n\n\t\treturn [];\n\t}, [ templatePartId, editedBlocks, content ] );\n\n\tif ( ! overlay ) {\n\t\treturn null;\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<div className=\"wp-block-navigation__overlay-preview-loading\">\n\t\t\t\t<Spinner />\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"wp-block-navigation__overlay-preview\"\n\t\t\taria-label={ __( 'Navigation Overlay template part preview' ) }\n\t\t\trole=\"region\"\n\t\t>\n\t\t\t<BlockPreview.Async\n\t\t\t\tplaceholder={\n\t\t\t\t\t<div className=\"wp-block-navigation__overlay-preview-placeholder\" />\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ 400 }\n\t\t\t\t\tminHeight={ 200 }\n\t\t\t\t/>\n\t\t\t</BlockPreview.Async>\n\t\t</div>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAC1B,uBAAmC;AACnC,qBAAwB;AACxB,oBAAsB;AACtB,wBAAwB;AACxB,kBAAmB;AACnB,0BAA6B;AAC7B,qCAAqC;AA2EjC;AAjEW,SAAR,eAAiC,EAAE,SAAS,aAAa,GAAI;AACnE,QAAM,qBAAiB,wBAAS,MAAM;AACrC,QAAK,CAAE,WAAW,CAAE,cAAe;AAClC,aAAO;AAAA,IACR;AACA,eAAO,qDAAsB,cAAc,OAAQ;AAAA,EACpD,GAAG,CAAE,cAAc,OAAQ,CAAE;AAE7B,QAAM,EAAE,SAAS,cAAc,YAAY,QAAI;AAAA,IAC9C,CAAE,WAAY;AACb,UAAK,CAAE,gBAAiB;AACvB,eAAO;AAAA,UACN,SAAS;AAAA,UACT,cAAc;AAAA,UACd,aAAa;AAAA,QACd;AAAA,MACD;AAEA,YAAM,EAAE,uBAAuB,sBAAsB,IACpD,OAAQ,iBAAAA,KAAU;AAEnB,YAAM,eAAe;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA,EAAE,SAAS,OAAO;AAAA,MACnB;AAEA,aAAO;AAAA,QACN,SAAS,cAAc;AAAA,QACvB,cAAc,cAAc;AAAA,QAC5B,aAAa,sBAAuB,yBAAyB;AAAA,UAC5D;AAAA,UACA;AAAA,UACA;AAAA,UACA,EAAE,SAAS,OAAO;AAAA,QACnB,CAAE;AAAA,MACH;AAAA,IACD;AAAA,IACA,CAAE,cAAe;AAAA,EAClB;AAEA,QAAM,aAAS,wBAAS,MAAM;AAC7B,QAAK,CAAE,gBAAiB;AACvB,aAAO;AAAA,IACR;AAEA,QAAK,gBAAgB,aAAa,SAAS,GAAI;AAC9C,aAAO;AAAA,IACR;AAEA,QAAK,WAAW,OAAO,YAAY,UAAW;AAC7C,iBAAO,qBAAO,OAAQ;AAAA,IACvB;AAEA,WAAO,CAAC;AAAA,EACT,GAAG,CAAE,gBAAgB,cAAc,OAAQ,CAAE;AAE7C,MAAK,CAAE,SAAU;AAChB,WAAO;AAAA,EACR;AAEA,MAAK,CAAE,aAAc;AACpB,WACC,4CAAC,SAAI,WAAU,gDACd,sDAAC,6BAAQ,GACV;AAAA,EAEF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,kBAAa,gBAAI,0CAA2C;AAAA,MAC5D,MAAK;AAAA,MAEL;AAAA,QAAC,iCAAa;AAAA,QAAb;AAAA,UACA,aACC,4CAAC,SAAI,WAAU,oDAAmD;AAAA,UAGnE;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA,eAAgB;AAAA,cAChB,WAAY;AAAA;AAAA,UACb;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
   "names": ["coreStore"]

package/build/navigation/edit/overlay-template-part-selector.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-template-part-selector.js
+// packages/block-library/src/navigation/edit/overlay-template-part-selector.jsx
 var overlay_template_part_selector_exports = {};
 __export(overlay_template_part_selector_exports, {
   default: () => OverlayTemplatePartSelector
@@ -42,6 +42,7 @@ var import_i18n = require("@wordpress/i18n");
 var import_html_entities = require("@wordpress/html-entities");
 var import_notices = require("@wordpress/notices");
 var import_icons = require("@wordpress/icons");
+var import_ui = require("@wordpress/ui");
 var import_create_template_part_id = require("../../template-part/edit/utils/create-template-part-id.cjs");
 var import_use_create_overlay = __toESM(require("./use-create-overlay.cjs"));
 var import_deleted_overlay_warning = __toESM(require("./deleted-overlay-warning.cjs"));
@@ -293,17 +294,9 @@ function OverlayTemplatePartSelector({
       {
         alignment: "flex-start",
         className: "wp-block-navigation__overlay-help-text-wrapper",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.__experimentalText,
-          {
-            variant: "muted",
-            isBlock: true,
-            className: "wp-block-navigation__overlay-help-text",
-            children: (0, import_i18n.__)(
-              "An overlay template allows you to customize the appearance of the dialog that opens when the menu button is pressed."
-            )
-          }
-        )
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Text, { children: (0, import_i18n.__)(
+          "An overlay template allows you to customize the appearance of the dialog that opens when the menu button is pressed."
+        ) })
       }
     )
   ] });

package/build/navigation/edit/overlay-template-part-selector.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-template-part-selector.js"],
-  "sourcesContent": ["import { useMemo, useState, useCallback } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tSelectControl,\n\tButton,\n\tFlexBlock,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalText as WCText,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { plus } from '@wordpress/icons';\nimport { createTemplatePartId } from '../../template-part/edit/utils/create-template-part-id';\nimport useCreateOverlayTemplatePart from './use-create-overlay';\nimport DeletedOverlayWarning from './deleted-overlay-warning';\nimport { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } from '../constants';\n\n/**\n * Overlay Template Part Selector component.\n *\n * @param {Object}   props                          Component props.\n * @param {string}   props.overlay                  Currently selected overlay template part ID.\n * @param {string}   props.overlayMenu              Overlay visibility setting ('never', 'mobile', 'always').\n * @param {Function} props.setAttributes            Function to update block attributes.\n * @param {Function} props.onNavigateToEntityRecord Function to navigate to template part editor.\n * @param {boolean}  props.isCreatingOverlay        Whether an overlay is being created (lifted state).\n * @param {Function} props.setIsCreatingOverlay     Function to set creating overlay state (lifted state).\n * @return {React.JSX.Element} The overlay template part selector component.\n */\nexport default function OverlayTemplatePartSelector( {\n\toverlay,\n\toverlayMenu,\n\tsetAttributes,\n\tonNavigateToEntityRecord,\n\tisCreatingOverlay,\n\tsetIsCreatingOverlay,\n} ) {\n\tconst headingId = useInstanceId(\n\t\tOverlayTemplatePartSelector,\n\t\t'wp-block-navigation__overlay-selector-heading'\n\t);\n\n\tconst {\n\t\trecords: templateParts,\n\t\tisResolving,\n\t\thasResolved,\n\t} = useEntityRecords( 'postType', 'wp_template_part', {\n\t\tper_page: -1,\n\t} );\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst currentTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.stylesheet,\n\t\t[]\n\t);\n\n\t// Check state for creating status if provided, otherwise use local state\n\tconst [ localIsCreating, setLocalIsCreating ] = useState( false );\n\tconst isCreating =\n\t\tisCreatingOverlay !== undefined ? isCreatingOverlay : localIsCreating;\n\tconst setIsCreating =\n\t\tsetIsCreatingOverlay !== undefined\n\t\t\t? setIsCreatingOverlay\n\t\t\t: setLocalIsCreating;\n\n\t// Filter template parts by overlay area\n\tconst overlayTemplateParts = useMemo( () => {\n\t\tif ( ! templateParts ) {\n\t\t\treturn [];\n\t\t}\n\t\treturn templateParts.filter(\n\t\t\t( templatePart ) =>\n\t\t\t\ttemplatePart.area === NAVIGATION_OVERLAY_TEMPLATE_PART_AREA\n\t\t);\n\t}, [ templateParts ] );\n\n\t// Hook to create overlay template part\n\tconst createOverlayTemplatePart =\n\t\tuseCreateOverlayTemplatePart( overlayTemplateParts );\n\n\t// Find the selected template part to get its title\n\tconst selectedTemplatePart = useMemo( () => {\n\t\tif ( ! overlay || ! overlayTemplateParts ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn overlayTemplateParts.find(\n\t\t\t( templatePart ) => templatePart.slug === overlay\n\t\t);\n\t}, [ overlay, overlayTemplateParts ] );\n\n\t// Build options for SelectControl\n\tconst options = useMemo( () => {\n\t\tconst baseOptions = [\n\t\t\t{\n\t\t\t\tlabel: __( 'Default' ),\n\t\t\t\tvalue: '',\n\t\t\t},\n\t\t];\n\n\t\tif ( ! hasResolved || isResolving ) {\n\t\t\treturn baseOptions;\n\t\t}\n\n\t\tconst templatePartOptions = overlayTemplateParts.map(\n\t\t\t( templatePart ) => {\n\t\t\t\tconst label = templatePart.title?.rendered\n\t\t\t\t\t? decodeEntities( templatePart.title.rendered )\n\t\t\t\t\t: templatePart.slug;\n\n\t\t\t\treturn {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue: templatePart.slug,\n\t\t\t\t};\n\t\t\t}\n\t\t);\n\n\t\t// If an overlay is selected but not found in the list, add it as a \"missing\" option\n\t\tif ( overlay && ! selectedTemplatePart ) {\n\t\t\ttemplatePartOptions.unshift( {\n\t\t\t\tlabel: sprintf(\n\t\t\t\t\t/* translators: %s: Overlay slug. */\n\t\t\t\t\t__( '%s (missing)' ),\n\t\t\t\t\toverlay\n\t\t\t\t),\n\t\t\t\tvalue: overlay,\n\t\t\t} );\n\t\t}\n\n\t\treturn [ ...baseOptions, ...templatePartOptions ];\n\t}, [\n\t\toverlayTemplateParts,\n\t\thasResolved,\n\t\tisResolving,\n\t\toverlay,\n\t\tselectedTemplatePart,\n\t] );\n\n\tconst handleSelectChange = ( value ) => {\n\t\tsetAttributes( {\n\t\t\toverlay: value || undefined,\n\t\t} );\n\t};\n\n\tconst handleEditClick = () => {\n\t\tif (\n\t\t\t! overlay ||\n\t\t\t! selectedTemplatePart ||\n\t\t\t! onNavigateToEntityRecord\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Resolve the full template part ID using theme\n\t\t// Default to current theme if not set\n\t\tconst theme = selectedTemplatePart.theme || currentTheme;\n\t\tconst templatePartId = createTemplatePartId( theme, overlay );\n\n\t\tconst params = {\n\t\t\tpostId: templatePartId,\n\t\t\tpostType: 'wp_template_part',\n\t\t};\n\t\tif ( overlayMenu === 'mobile' ) {\n\t\t\tparams.viewport = 'mobile';\n\t\t}\n\t\tonNavigateToEntityRecord( params );\n\t};\n\n\tconst handleCreateOverlay = useCallback( async () => {\n\t\ttry {\n\t\t\tsetIsCreating( true );\n\n\t\t\tconst templatePart = await createOverlayTemplatePart();\n\n\t\t\tsetAttributes( {\n\t\t\t\toverlay: templatePart.slug,\n\t\t\t} );\n\n\t\t\t// Navigate to the new overlay for editing\n\t\t\t// Create the full ID using theme and slug\n\t\t\tif ( onNavigateToEntityRecord ) {\n\t\t\t\tconst theme = templatePart.theme || currentTheme;\n\t\t\t\tconst templatePartId = createTemplatePartId(\n\t\t\t\t\ttheme,\n\t\t\t\t\ttemplatePart.slug\n\t\t\t\t);\n\t\t\t\tconst params = {\n\t\t\t\t\tpostId: templatePartId,\n\t\t\t\t\tpostType: 'wp_template_part',\n\t\t\t\t};\n\t\t\t\tif ( overlayMenu === 'mobile' ) {\n\t\t\t\t\tparams.viewport = 'mobile';\n\t\t\t\t}\n\t\t\t\tonNavigateToEntityRecord( params );\n\t\t\t} else {\n\t\t\t\tsetIsCreating( false );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\t// Error handling pattern matches CreateTemplatePartModalContents.\n\t\t\t// See: packages/fields/src/components/create-template-part-modal/index.tsx\n\t\t\t// The 'unknown_error' code check ensures generic error codes don't show\n\t\t\t// potentially confusing technical messages, instead showing a user-friendly fallback.\n\t\t\tconst errorMessage =\n\t\t\t\terror instanceof Error &&\n\t\t\t\t'code' in error &&\n\t\t\t\terror.message &&\n\t\t\t\terror.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the overlay.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\tsetIsCreating( false );\n\t\t}\n\t}, [\n\t\tcreateOverlayTemplatePart,\n\t\tsetAttributes,\n\t\tonNavigateToEntityRecord,\n\t\tcreateErrorNotice,\n\t\tcurrentTheme,\n\t\tsetIsCreating,\n\t\toverlayMenu,\n\t] );\n\n\tconst handleClearOverlay = useCallback( () => {\n\t\tsetAttributes( { overlay: undefined } );\n\t}, [ setAttributes ] );\n\n\tconst isCreateButtonDisabled = isResolving || isCreating;\n\n\t// Check if the selected overlay is missing (deleted)\n\tconst isOverlayMissing = useMemo( () => {\n\t\treturn (\n\t\t\toverlay && hasResolved && ! isResolving && ! selectedTemplatePart\n\t\t);\n\t}, [ overlay, hasResolved, isResolving, selectedTemplatePart ] );\n\n\t// Build help text\n\tconst helpText = useMemo( () => {\n\t\tif ( overlayTemplateParts.length === 0 && hasResolved ) {\n\t\t\treturn __( 'No overlays found.' );\n\t\t}\n\t\treturn __( 'Select an overlay for navigation.' );\n\t}, [ overlayTemplateParts.length, hasResolved ] );\n\n\t// Tooltip/aria-label text for the edit button\n\tconst editButtonLabel = useMemo( () => {\n\t\treturn selectedTemplatePart\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %s: Overlay title. */\n\t\t\t\t\t__( 'Edit overlay: %s' ),\n\t\t\t\t\tselectedTemplatePart.title?.rendered\n\t\t\t\t\t\t? decodeEntities( selectedTemplatePart.title.rendered )\n\t\t\t\t\t\t: selectedTemplatePart.slug\n\t\t\t  )\n\t\t\t: __( 'Edit overlay' );\n\t}, [ selectedTemplatePart ] );\n\n\treturn (\n\t\t<div className=\"wp-block-navigation__overlay-selector\">\n\t\t\t<h3\n\t\t\t\tid={ headingId }\n\t\t\t\tclassName=\"wp-block-navigation__overlay-selector-header\"\n\t\t\t>\n\t\t\t\t{ __( 'Overlay template' ) }\n\t\t\t</h3>\n\t\t\t{ hasResolved &&\n\t\t\t( overlayTemplateParts.length === 0 ||\n\t\t\t\t( isCreating && overlayTemplateParts.length === 1 ) ) ? (\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tonClick={ handleCreateOverlay }\n\t\t\t\t\t\tdisabled={ isCreateButtonDisabled }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tisBusy={ isCreating }\n\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-create-button-prominent\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create overlay' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tonClick={ handleCreateOverlay }\n\t\t\t\t\t\tdisabled={ isCreateButtonDisabled }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tisBusy={ isCreating }\n\t\t\t\t\t\tlabel={ __( 'Create new overlay template' ) }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-create-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-selector-controls\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Overlay template' ) }\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\taria-labelledby={ headingId }\n\t\t\t\t\t\t\t\tvalue={ overlay || '' }\n\t\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\t\tonChange={ handleSelectChange }\n\t\t\t\t\t\t\t\tdisabled={ isResolving }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\thelp={ helpText }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t{ overlay && hasResolved && selectedTemplatePart && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tonClick={ handleEditClick }\n\t\t\t\t\t\t\t\t\tdisabled={ ! onNavigateToEntityRecord }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tlabel={ editButtonLabel }\n\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-edit-button\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t\t{ isOverlayMissing && (\n\t\t\t\t\t\t<DeletedOverlayWarning\n\t\t\t\t\t\t\tonClear={ handleClearOverlay }\n\t\t\t\t\t\t\tonCreate={ handleCreateOverlay }\n\t\t\t\t\t\t\tisCreating={ isCreating }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<HStack\n\t\t\t\talignment=\"flex-start\"\n\t\t\t\tclassName=\"wp-block-navigation__overlay-help-text-wrapper\"\n\t\t\t>\n\t\t\t\t<WCText\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tisBlock\n\t\t\t\t\tclassName=\"wp-block-navigation__overlay-help-text\"\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'An overlay template allows you to customize the appearance of the dialog that opens when the menu button is pressed.'\n\t\t\t\t\t) }\n\t\t\t\t</WCText>\n\t\t\t</HStack>\n\t\t</div>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": ["noticesStore", "coreStore", "useCreateOverlayTemplatePart", "HStack", "DeletedOverlayWarning", "WCText"]
+  "sources": ["../../../src/navigation/edit/overlay-template-part-selector.jsx"],
+  "sourcesContent": ["import { useMemo, useState, useCallback } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tSelectControl,\n\tButton,\n\tFlexBlock,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { plus } from '@wordpress/icons';\nimport { Text } from '@wordpress/ui';\nimport { createTemplatePartId } from '../../template-part/edit/utils/create-template-part-id';\nimport useCreateOverlayTemplatePart from './use-create-overlay';\nimport DeletedOverlayWarning from './deleted-overlay-warning';\nimport { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } from '../constants';\n\n/**\n * Overlay Template Part Selector component.\n *\n * @param {Object}   props                          Component props.\n * @param {string}   props.overlay                  Currently selected overlay template part ID.\n * @param {string}   props.overlayMenu              Overlay visibility setting ('never', 'mobile', 'always').\n * @param {Function} props.setAttributes            Function to update block attributes.\n * @param {Function} props.onNavigateToEntityRecord Function to navigate to template part editor.\n * @param {boolean}  props.isCreatingOverlay        Whether an overlay is being created (lifted state).\n * @param {Function} props.setIsCreatingOverlay     Function to set creating overlay state (lifted state).\n * @return {React.JSX.Element} The overlay template part selector component.\n */\nexport default function OverlayTemplatePartSelector( {\n\toverlay,\n\toverlayMenu,\n\tsetAttributes,\n\tonNavigateToEntityRecord,\n\tisCreatingOverlay,\n\tsetIsCreatingOverlay,\n} ) {\n\tconst headingId = useInstanceId(\n\t\tOverlayTemplatePartSelector,\n\t\t'wp-block-navigation__overlay-selector-heading'\n\t);\n\n\tconst {\n\t\trecords: templateParts,\n\t\tisResolving,\n\t\thasResolved,\n\t} = useEntityRecords( 'postType', 'wp_template_part', {\n\t\tper_page: -1,\n\t} );\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst currentTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.stylesheet,\n\t\t[]\n\t);\n\n\t// Check state for creating status if provided, otherwise use local state\n\tconst [ localIsCreating, setLocalIsCreating ] = useState( false );\n\tconst isCreating =\n\t\tisCreatingOverlay !== undefined ? isCreatingOverlay : localIsCreating;\n\tconst setIsCreating =\n\t\tsetIsCreatingOverlay !== undefined\n\t\t\t? setIsCreatingOverlay\n\t\t\t: setLocalIsCreating;\n\n\t// Filter template parts by overlay area\n\tconst overlayTemplateParts = useMemo( () => {\n\t\tif ( ! templateParts ) {\n\t\t\treturn [];\n\t\t}\n\t\treturn templateParts.filter(\n\t\t\t( templatePart ) =>\n\t\t\t\ttemplatePart.area === NAVIGATION_OVERLAY_TEMPLATE_PART_AREA\n\t\t);\n\t}, [ templateParts ] );\n\n\t// Hook to create overlay template part\n\tconst createOverlayTemplatePart =\n\t\tuseCreateOverlayTemplatePart( overlayTemplateParts );\n\n\t// Find the selected template part to get its title\n\tconst selectedTemplatePart = useMemo( () => {\n\t\tif ( ! overlay || ! overlayTemplateParts ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn overlayTemplateParts.find(\n\t\t\t( templatePart ) => templatePart.slug === overlay\n\t\t);\n\t}, [ overlay, overlayTemplateParts ] );\n\n\t// Build options for SelectControl\n\tconst options = useMemo( () => {\n\t\tconst baseOptions = [\n\t\t\t{\n\t\t\t\tlabel: __( 'Default' ),\n\t\t\t\tvalue: '',\n\t\t\t},\n\t\t];\n\n\t\tif ( ! hasResolved || isResolving ) {\n\t\t\treturn baseOptions;\n\t\t}\n\n\t\tconst templatePartOptions = overlayTemplateParts.map(\n\t\t\t( templatePart ) => {\n\t\t\t\tconst label = templatePart.title?.rendered\n\t\t\t\t\t? decodeEntities( templatePart.title.rendered )\n\t\t\t\t\t: templatePart.slug;\n\n\t\t\t\treturn {\n\t\t\t\t\tlabel,\n\t\t\t\t\tvalue: templatePart.slug,\n\t\t\t\t};\n\t\t\t}\n\t\t);\n\n\t\t// If an overlay is selected but not found in the list, add it as a \"missing\" option\n\t\tif ( overlay && ! selectedTemplatePart ) {\n\t\t\ttemplatePartOptions.unshift( {\n\t\t\t\tlabel: sprintf(\n\t\t\t\t\t/* translators: %s: Overlay slug. */\n\t\t\t\t\t__( '%s (missing)' ),\n\t\t\t\t\toverlay\n\t\t\t\t),\n\t\t\t\tvalue: overlay,\n\t\t\t} );\n\t\t}\n\n\t\treturn [ ...baseOptions, ...templatePartOptions ];\n\t}, [\n\t\toverlayTemplateParts,\n\t\thasResolved,\n\t\tisResolving,\n\t\toverlay,\n\t\tselectedTemplatePart,\n\t] );\n\n\tconst handleSelectChange = ( value ) => {\n\t\tsetAttributes( {\n\t\t\toverlay: value || undefined,\n\t\t} );\n\t};\n\n\tconst handleEditClick = () => {\n\t\tif (\n\t\t\t! overlay ||\n\t\t\t! selectedTemplatePart ||\n\t\t\t! onNavigateToEntityRecord\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Resolve the full template part ID using theme\n\t\t// Default to current theme if not set\n\t\tconst theme = selectedTemplatePart.theme || currentTheme;\n\t\tconst templatePartId = createTemplatePartId( theme, overlay );\n\n\t\tconst params = {\n\t\t\tpostId: templatePartId,\n\t\t\tpostType: 'wp_template_part',\n\t\t};\n\t\tif ( overlayMenu === 'mobile' ) {\n\t\t\tparams.viewport = 'mobile';\n\t\t}\n\t\tonNavigateToEntityRecord( params );\n\t};\n\n\tconst handleCreateOverlay = useCallback( async () => {\n\t\ttry {\n\t\t\tsetIsCreating( true );\n\n\t\t\tconst templatePart = await createOverlayTemplatePart();\n\n\t\t\tsetAttributes( {\n\t\t\t\toverlay: templatePart.slug,\n\t\t\t} );\n\n\t\t\t// Navigate to the new overlay for editing\n\t\t\t// Create the full ID using theme and slug\n\t\t\tif ( onNavigateToEntityRecord ) {\n\t\t\t\tconst theme = templatePart.theme || currentTheme;\n\t\t\t\tconst templatePartId = createTemplatePartId(\n\t\t\t\t\ttheme,\n\t\t\t\t\ttemplatePart.slug\n\t\t\t\t);\n\t\t\t\tconst params = {\n\t\t\t\t\tpostId: templatePartId,\n\t\t\t\t\tpostType: 'wp_template_part',\n\t\t\t\t};\n\t\t\t\tif ( overlayMenu === 'mobile' ) {\n\t\t\t\t\tparams.viewport = 'mobile';\n\t\t\t\t}\n\t\t\t\tonNavigateToEntityRecord( params );\n\t\t\t} else {\n\t\t\t\tsetIsCreating( false );\n\t\t\t}\n\t\t} catch ( error ) {\n\t\t\t// Error handling pattern matches CreateTemplatePartModalContents.\n\t\t\t// See: packages/fields/src/components/create-template-part-modal/index.tsx\n\t\t\t// The 'unknown_error' code check ensures generic error codes don't show\n\t\t\t// potentially confusing technical messages, instead showing a user-friendly fallback.\n\t\t\tconst errorMessage =\n\t\t\t\terror instanceof Error &&\n\t\t\t\t'code' in error &&\n\t\t\t\terror.message &&\n\t\t\t\terror.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the overlay.' );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\tsetIsCreating( false );\n\t\t}\n\t}, [\n\t\tcreateOverlayTemplatePart,\n\t\tsetAttributes,\n\t\tonNavigateToEntityRecord,\n\t\tcreateErrorNotice,\n\t\tcurrentTheme,\n\t\tsetIsCreating,\n\t\toverlayMenu,\n\t] );\n\n\tconst handleClearOverlay = useCallback( () => {\n\t\tsetAttributes( { overlay: undefined } );\n\t}, [ setAttributes ] );\n\n\tconst isCreateButtonDisabled = isResolving || isCreating;\n\n\t// Check if the selected overlay is missing (deleted)\n\tconst isOverlayMissing = useMemo( () => {\n\t\treturn (\n\t\t\toverlay && hasResolved && ! isResolving && ! selectedTemplatePart\n\t\t);\n\t}, [ overlay, hasResolved, isResolving, selectedTemplatePart ] );\n\n\t// Build help text\n\tconst helpText = useMemo( () => {\n\t\tif ( overlayTemplateParts.length === 0 && hasResolved ) {\n\t\t\treturn __( 'No overlays found.' );\n\t\t}\n\t\treturn __( 'Select an overlay for navigation.' );\n\t}, [ overlayTemplateParts.length, hasResolved ] );\n\n\t// Tooltip/aria-label text for the edit button\n\tconst editButtonLabel = useMemo( () => {\n\t\treturn selectedTemplatePart\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %s: Overlay title. */\n\t\t\t\t\t__( 'Edit overlay: %s' ),\n\t\t\t\t\tselectedTemplatePart.title?.rendered\n\t\t\t\t\t\t? decodeEntities( selectedTemplatePart.title.rendered )\n\t\t\t\t\t\t: selectedTemplatePart.slug\n\t\t\t  )\n\t\t\t: __( 'Edit overlay' );\n\t}, [ selectedTemplatePart ] );\n\n\treturn (\n\t\t<div className=\"wp-block-navigation__overlay-selector\">\n\t\t\t<h3\n\t\t\t\tid={ headingId }\n\t\t\t\tclassName=\"wp-block-navigation__overlay-selector-header\"\n\t\t\t>\n\t\t\t\t{ __( 'Overlay template' ) }\n\t\t\t</h3>\n\t\t\t{ hasResolved &&\n\t\t\t( overlayTemplateParts.length === 0 ||\n\t\t\t\t( isCreating && overlayTemplateParts.length === 1 ) ) ? (\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tonClick={ handleCreateOverlay }\n\t\t\t\t\t\tdisabled={ isCreateButtonDisabled }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tisBusy={ isCreating }\n\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-create-button-prominent\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create overlay' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tonClick={ handleCreateOverlay }\n\t\t\t\t\t\tdisabled={ isCreateButtonDisabled }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tisBusy={ isCreating }\n\t\t\t\t\t\tlabel={ __( 'Create new overlay template' ) }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-create-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"flex-start\"\n\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-selector-controls\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FlexBlock>\n\t\t\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Overlay template' ) }\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\taria-labelledby={ headingId }\n\t\t\t\t\t\t\t\tvalue={ overlay || '' }\n\t\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\t\tonChange={ handleSelectChange }\n\t\t\t\t\t\t\t\tdisabled={ isResolving }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\thelp={ helpText }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t{ overlay && hasResolved && selectedTemplatePart && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tonClick={ handleEditClick }\n\t\t\t\t\t\t\t\t\tdisabled={ ! onNavigateToEntityRecord }\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tlabel={ editButtonLabel }\n\t\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t\t\tclassName=\"wp-block-navigation__overlay-edit-button\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t\t{ isOverlayMissing && (\n\t\t\t\t\t\t<DeletedOverlayWarning\n\t\t\t\t\t\t\tonClear={ handleClearOverlay }\n\t\t\t\t\t\t\tonCreate={ handleCreateOverlay }\n\t\t\t\t\t\t\tisCreating={ isCreating }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<HStack\n\t\t\t\talignment=\"flex-start\"\n\t\t\t\tclassName=\"wp-block-navigation__overlay-help-text-wrapper\"\n\t\t\t>\n\t\t\t\t<Text>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'An overlay template allows you to customize the appearance of the dialog that opens when the menu button is pressed.'\n\t\t\t\t\t) }\n\t\t\t\t</Text>\n\t\t\t</HStack>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["noticesStore", "coreStore", "useCreateOverlayTemplatePart", "HStack", "DeletedOverlayWarning"]
 }

package/build/navigation/edit/overlay-visibility-control.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/overlay-visibility-control.js
+// packages/block-library/src/navigation/edit/overlay-visibility-control.jsx
 var overlay_visibility_control_exports = {};
 __export(overlay_visibility_control_exports, {
   default: () => OverlayVisibilityControl

package/build/navigation/edit/overlay-visibility-control.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/overlay-visibility-control.js"],
+  "sources": ["../../../src/navigation/edit/overlay-visibility-control.jsx"],
   "sourcesContent": ["import {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Overlay Visibility Control component.\n *\n * @param {Object}   props               Component props.\n * @param {string}   props.overlayMenu   Overlay menu setting ('never', 'mobile', 'always').\n * @param {Function} props.setAttributes Function to update block attributes.\n * @return {React.JSX.Element}                 The overlay visibility control.\n */\nexport default function OverlayVisibilityControl( {\n\toverlayMenu,\n\tsetAttributes,\n} ) {\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\tlabel={ __( 'Overlay Visibility' ) }\n\t\t\taria-label={ __( 'Configure overlay visibility' ) }\n\t\t\tvalue={ overlayMenu }\n\t\t\thelp={ __(\n\t\t\t\t'Collapses the navigation options in a menu icon opening an overlay.'\n\t\t\t) }\n\t\t\tonChange={ ( value ) => setAttributes( { overlayMenu: value } ) }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption value=\"never\" label={ __( 'Off' ) } />\n\t\t\t<ToggleGroupControlOption value=\"mobile\" label={ __( 'Mobile' ) } />\n\t\t\t<ToggleGroupControlOption value=\"always\" label={ __( 'Always' ) } />\n\t\t</ToggleGroupControl>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAGO;AACP,kBAAmB;AAejB;AALa,SAAR,yBAA2C;AAAA,EACjD;AAAA,EACA;AACD,GAAI;AACH,SACC;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACA,WAAQ,gBAAI,oBAAqB;AAAA,MACjC,kBAAa,gBAAI,8BAA+B;AAAA,MAChD,OAAQ;AAAA,MACR,UAAO;AAAA,QACN;AAAA,MACD;AAAA,MACA,UAAW,CAAE,UAAW,cAAe,EAAE,aAAa,MAAM,CAAE;AAAA,MAC9D,SAAO;AAAA,MAEP;AAAA,oDAAC,kBAAAC,wCAAA,EAAyB,OAAM,SAAQ,WAAQ,gBAAI,KAAM,GAAI;AAAA,QAC9D,4CAAC,kBAAAA,wCAAA,EAAyB,OAAM,UAAS,WAAQ,gBAAI,QAAS,GAAI;AAAA,QAClE,4CAAC,kBAAAA,wCAAA,EAAyB,OAAM,UAAS,WAAQ,gBAAI,QAAS,GAAI;AAAA;AAAA;AAAA,EACnE;AAEF;",
   "names": ["ToggleGroupControl", "ToggleGroupControlOption"]

package/build/navigation/edit/placeholder/index.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/placeholder/index.js
+// packages/block-library/src/navigation/edit/placeholder/index.jsx
 var placeholder_exports = {};
 __export(placeholder_exports, {
   default: () => NavigationPlaceholder

package/build/navigation/edit/placeholder/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/navigation/edit/placeholder/index.js"],
+  "sources": ["../../../../src/navigation/edit/placeholder/index.jsx"],
   "sourcesContent": ["import { Placeholder, Button, Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { navigation, Icon } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\nimport { useEffect } from '@wordpress/element';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport PlaceholderPreview from './placeholder-preview';\nimport NavigationMenuSelector from '../navigation-menu-selector';\n\nexport default function NavigationPlaceholder( {\n\tisSelected,\n\tcurrentMenuId,\n\tclientId,\n\tcanUserCreateNavigationMenus = false,\n\tisResolvingCanUserCreateNavigationMenus,\n\tonSelectNavigationMenu,\n\tonSelectClassicMenu,\n\tonCreateEmpty,\n} ) {\n\tconst { isResolving: isResolvingMenus, hasResolved: hasResolvedMenus } =\n\t\tuseEntityRecords( 'root', 'menu', { per_page: -1, context: 'view' } );\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isResolvingMenus ) {\n\t\t\tspeak( __( 'Loading navigation block setup options…' ) );\n\t\t}\n\n\t\tif ( hasResolvedMenus ) {\n\t\t\tspeak( __( 'Navigation block setup options ready.' ) );\n\t\t}\n\t}, [ hasResolvedMenus, isResolvingMenus, isSelected ] );\n\n\tconst isResolvingActions =\n\t\tisResolvingMenus && isResolvingCanUserCreateNavigationMenus;\n\n\treturn (\n\t\t<>\n\t\t\t<Placeholder className=\"wp-block-navigation-placeholder\">\n\t\t\t\t{\n\t\t\t\t\t// The <PlaceholderPreview> component is displayed conditionally via CSS depending on\n\t\t\t\t\t// whether the block is selected or not. This is achieved via CSS to avoid\n\t\t\t\t\t// component re-renders\n\t\t\t\t }\n\t\t\t\t<PlaceholderPreview isVisible={ ! isSelected } />\n\t\t\t\t<div\n\t\t\t\t\taria-hidden={ ! isSelected ? true : undefined }\n\t\t\t\t\tclassName=\"wp-block-navigation-placeholder__controls\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions\">\n\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t\t\t\t<Icon icon={ navigation } /> { __( 'Navigation' ) }\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t{ isResolvingActions && <Spinner /> }\n\n\t\t\t\t\t\t<NavigationMenuSelector\n\t\t\t\t\t\t\tcurrentMenuId={ currentMenuId }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tonSelectNavigationMenu={ onSelectNavigationMenu }\n\t\t\t\t\t\t\tonSelectClassicMenu={ onSelectClassicMenu }\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<hr />\n\n\t\t\t\t\t\t{ canUserCreateNavigationMenus && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ onCreateEmpty }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Start empty' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Placeholder>\n\t\t</>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA6C;AAC7C,kBAAmB;AACnB,mBAAiC;AACjC,kBAAsB;AACtB,qBAA0B;AAC1B,uBAAiC;AACjC,iCAA+B;AAC/B,sCAAmC;AAiCjC;AA/Ba,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA,+BAA+B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,aAAa,kBAAkB,aAAa,iBAAiB,QACpE,mCAAkB,QAAQ,QAAQ,EAAE,UAAU,IAAI,SAAS,OAAO,CAAE;AAErE,gCAAW,MAAM;AAChB,QAAK,CAAE,YAAa;AACnB;AAAA,IACD;AAEA,QAAK,kBAAmB;AACvB,iCAAO,gBAAI,yCAA0C,CAAE;AAAA,IACxD;AAEA,QAAK,kBAAmB;AACvB,iCAAO,gBAAI,uCAAwC,CAAE;AAAA,IACtD;AAAA,EACD,GAAG,CAAE,kBAAkB,kBAAkB,UAAW,CAAE;AAEtD,QAAM,qBACL,oBAAoB;AAErB,SACC,2EACC,uDAAC,iCAAY,WAAU,mCAMtB;AAAA,gDAAC,2BAAAA,SAAA,EAAmB,WAAY,CAAE,YAAa;AAAA,IAC/C;AAAA,MAAC;AAAA;AAAA,QACA,eAAc,CAAE,aAAa,OAAO;AAAA,QACpC,WAAU;AAAA,QAEV,uDAAC,SAAI,WAAU,4CACd;AAAA,uDAAC,SAAI,WAAU,uDACd;AAAA,wDAAC,qBAAK,MAAO,yBAAa;AAAA,YAAE;AAAA,gBAAG,gBAAI,YAAa;AAAA,aACjD;AAAA,UAEA,4CAAC,QAAG;AAAA,UAEF,sBAAsB,4CAAC,6BAAQ;AAAA,UAEjC;AAAA,YAAC,gCAAAC;AAAA,YAAA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACD;AAAA,UAEA,4CAAC,QAAG;AAAA,UAEF,gCACD;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,SAAU;AAAA,cAER,8BAAI,aAAc;AAAA;AAAA,UACrB;AAAA,WAEF;AAAA;AAAA,IACD;AAAA,KACD,GACD;AAEF;",
   "names": ["PlaceholderPreview", "NavigationMenuSelector"]

package/build/navigation/edit/placeholder/placeholder-preview.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/placeholder/placeholder-preview.js
+// packages/block-library/src/navigation/edit/placeholder/placeholder-preview.jsx
 var placeholder_preview_exports = {};
 __export(placeholder_preview_exports, {
   default: () => placeholder_preview_default

package/build/navigation/edit/placeholder/placeholder-preview.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/navigation/edit/placeholder/placeholder-preview.js"],
+  "sources": ["../../../../src/navigation/edit/placeholder/placeholder-preview.jsx"],
   "sourcesContent": ["import { Icon, navigation } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst PlaceholderPreview = ( { isVisible = true } ) => {\n\treturn (\n\t\t<div\n\t\t\taria-hidden={ ! isVisible ? true : undefined }\n\t\t\tclassName=\"wp-block-navigation-placeholder__preview\"\n\t\t>\n\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t<Icon icon={ navigation } />\n\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default PlaceholderPreview;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,kBAAmB;AAQhB;AANH,IAAM,qBAAqB,CAAE,EAAE,YAAY,KAAK,MAAO;AACtD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,eAAc,CAAE,YAAY,OAAO;AAAA,MACnC,WAAU;AAAA,MAEV,uDAAC,SAAI,WAAU,uDACd;AAAA,oDAAC,qBAAK,MAAO,yBAAa;AAAA,YACxB,gBAAI,YAAa;AAAA,SACpB;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,8BAAQ;",
   "names": []

package/build/navigation/edit/responsive-wrapper.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/responsive-wrapper.js
+// packages/block-library/src/navigation/edit/responsive-wrapper.jsx
 var responsive_wrapper_exports = {};
 __export(responsive_wrapper_exports, {
   default: () => ResponsiveWrapper

package/build/navigation/edit/responsive-wrapper.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/responsive-wrapper.js"],
+  "sources": ["../../../src/navigation/edit/responsive-wrapper.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { close, Icon } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { getColorClassName } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport OverlayMenuIcon from './overlay-menu-icon';\nimport { createTemplatePartId } from '../../template-part/edit/utils/create-template-part-id';\n\nexport default function ResponsiveWrapper( {\n\tchildren,\n\tid,\n\tisOpen,\n\tisResponsive,\n\tonToggle,\n\tisHiddenByDefault,\n\toverlayBackgroundColor,\n\toverlayTextColor,\n\thasIcon,\n\ticon,\n\toverlay,\n\tonNavigateToEntityRecord,\n} ) {\n\tconst currentTheme = useSelect(\n\t\t( select ) => select( coreStore ).getCurrentTheme()?.stylesheet,\n\t\t[]\n\t);\n\n\tif ( ! isResponsive ) {\n\t\treturn children;\n\t}\n\n\t// Only apply overlay colors if there's no custom overlay template part.\n\tconst hasCustomOverlay = !! overlay;\n\n\tconst responsiveContainerClasses = clsx(\n\t\t'wp-block-navigation__responsive-container',\n\t\t! hasCustomOverlay && {\n\t\t\t'has-text-color':\n\t\t\t\t!! overlayTextColor.color || !! overlayTextColor?.class,\n\t\t\t[ getColorClassName( 'color', overlayTextColor?.slug ) ]:\n\t\t\t\t!! overlayTextColor?.slug,\n\t\t\t'has-background':\n\t\t\t\t!! overlayBackgroundColor.color ||\n\t\t\t\toverlayBackgroundColor?.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\toverlayBackgroundColor?.slug\n\t\t\t) ]: !! overlayBackgroundColor?.slug,\n\t\t},\n\t\t{\n\t\t\t'is-menu-open': isOpen,\n\t\t\t'hidden-by-default': isHiddenByDefault,\n\t\t}\n\t);\n\n\tconst styles = ! hasCustomOverlay\n\t\t? {\n\t\t\t\tcolor: ! overlayTextColor?.slug && overlayTextColor?.color,\n\t\t\t\tbackgroundColor:\n\t\t\t\t\t! overlayBackgroundColor?.slug &&\n\t\t\t\t\toverlayBackgroundColor?.color &&\n\t\t\t\t\toverlayBackgroundColor.color,\n\t\t  }\n\t\t: {};\n\n\tconst openButtonClasses = clsx(\n\t\t'wp-block-navigation__responsive-container-open',\n\t\t{ 'always-shown': isHiddenByDefault }\n\t);\n\n\tconst modalId = `${ id }-modal`;\n\n\tconst dialogProps = {\n\t\tclassName: 'wp-block-navigation__responsive-dialog',\n\t\t...( isOpen && {\n\t\t\trole: 'dialog',\n\t\t\t'aria-modal': true,\n\t\t\t'aria-label': __( 'Menu' ),\n\t\t} ),\n\t};\n\n\tconst handleToggleClick = () => {\n\t\t// If an overlay template part is selected, navigate to it instead of toggling\n\t\tif ( overlay && onNavigateToEntityRecord ) {\n\t\t\tconst templatePartId = createTemplatePartId(\n\t\t\t\tcurrentTheme,\n\t\t\t\toverlay\n\t\t\t);\n\n\t\t\tonNavigateToEntityRecord( {\n\t\t\t\tpostId: templatePartId,\n\t\t\t\tpostType: 'wp_template_part',\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\t\t// Otherwise, use normal toggle behavior\n\t\tonToggle( true );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isOpen && (\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-label={ hasIcon && __( 'Open menu' ) }\n\t\t\t\t\tclassName={ openButtonClasses }\n\t\t\t\t\tonClick={ handleToggleClick }\n\t\t\t\t>\n\t\t\t\t\t{ hasIcon && <OverlayMenuIcon icon={ icon } /> }\n\t\t\t\t\t{ ! hasIcon && __( 'Menu' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\n\t\t\t<div\n\t\t\t\tclassName={ responsiveContainerClasses }\n\t\t\t\tstyle={ styles }\n\t\t\t\tid={ modalId }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wp-block-navigation__responsive-close\"\n\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t>\n\t\t\t\t\t<div { ...dialogProps }>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-close\"\n\t\t\t\t\t\t\taria-label={ hasIcon && __( 'Close menu' ) }\n\t\t\t\t\t\t\tonClick={ () => onToggle( false ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ hasIcon && <Icon icon={ close } /> }\n\t\t\t\t\t\t\t{ ! hasIcon && __( 'Close' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-content\"\n\t\t\t\t\t\t\tid={ `${ modalId }-content` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],
   "mappings": "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",
   "names": ["coreStore", "clsx", "OverlayMenuIcon"]

package/build/navigation/edit/unsaved-inner-blocks.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/edit/unsaved-inner-blocks.js
+// packages/block-library/src/navigation/edit/unsaved-inner-blocks.jsx
 var unsaved_inner_blocks_exports = {};
 __export(unsaved_inner_blocks_exports, {
   default: () => UnsavedInnerBlocks

package/build/navigation/edit/unsaved-inner-blocks.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/navigation/edit/unsaved-inner-blocks.js"],
+  "sources": ["../../../src/navigation/edit/unsaved-inner-blocks.jsx"],
   "sourcesContent": ["import { useInnerBlocksProps } from '@wordpress/block-editor';\nimport { Disabled } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useEffect, useRef } from '@wordpress/element';\nimport { areBlocksDirty } from './are-blocks-dirty';\nimport { DEFAULT_BLOCK, SELECT_NAVIGATION_MENUS_ARGS } from '../constants';\n\nconst EMPTY_OBJECT = {};\n\nexport default function UnsavedInnerBlocks( {\n\tblocks,\n\tcreateNavigationMenu,\n\thasSelection,\n} ) {\n\tconst originalBlocksRef = useRef();\n\n\tuseEffect( () => {\n\t\t// Initially store the uncontrolled inner blocks for\n\t\t// dirty state comparison.\n\t\tif ( ! originalBlocksRef?.current ) {\n\t\t\toriginalBlocksRef.current = blocks;\n\t\t}\n\t}, [ blocks ] );\n\n\t// If the current inner blocks are different from the original inner blocks\n\t// from the post content then the user has made changes to the inner blocks.\n\t// At this point the inner blocks can be considered \"dirty\".\n\t// Note: referential equality is not sufficient for comparison as the inner blocks\n\t// of the page list are controlled and may be updated async due to syncing with\n\t// entity records. As a result we need to perform a deep equality check skipping\n\t// the page list's inner blocks.\n\tconst innerBlocksAreDirty = areBlocksDirty(\n\t\toriginalBlocksRef?.current,\n\t\tblocks\n\t);\n\n\t// The block will be disabled in a block preview, use this as a way of\n\t// avoiding the side-effects of this component for block previews.\n\tconst isDisabled = useContext( Disabled.Context );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-navigation__container',\n\t\t},\n\t\t{\n\t\t\trenderAppender: hasSelection ? undefined : false,\n\t\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\t\tdirectInsert: true,\n\t\t}\n\t);\n\n\tconst { isSaving, hasResolvedAllNavigationMenus } = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isDisabled ) {\n\t\t\t\treturn EMPTY_OBJECT;\n\t\t\t}\n\n\t\t\tconst { hasFinishedResolution, isSavingEntityRecord } =\n\t\t\t\tselect( coreStore );\n\n\t\t\treturn {\n\t\t\t\tisSaving: isSavingEntityRecord( 'postType', 'wp_navigation' ),\n\t\t\t\thasResolvedAllNavigationMenus: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tSELECT_NAVIGATION_MENUS_ARGS\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ isDisabled ]\n\t);\n\n\t// Automatically save the uncontrolled blocks.\n\tuseEffect( () => {\n\t\t// The block will be disabled when used in a BlockPreview.\n\t\t// In this case avoid automatic creation of a wp_navigation post.\n\t\t// Otherwise the user will be spammed with lots of menus!\n\t\t//\n\t\t// Also ensure other navigation menus have loaded so an\n\t\t// accurate name can be created.\n\t\t//\n\t\t// Don't try saving when another save is already\n\t\t// in progress.\n\t\t//\n\t\t// And finally only create the menu when the block is selected,\n\t\t// which is an indication they want to start editing.\n\t\tif (\n\t\t\tisDisabled ||\n\t\t\tisSaving ||\n\t\t\t! hasResolvedAllNavigationMenus ||\n\t\t\t! hasSelection ||\n\t\t\t! innerBlocksAreDirty\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tcreateNavigationMenu( null, blocks );\n\t}, [\n\t\tblocks,\n\t\tcreateNavigationMenu,\n\t\tisDisabled,\n\t\tisSaving,\n\t\thasResolvedAllNavigationMenus,\n\t\tinnerBlocksAreDirty,\n\t\thasSelection,\n\t] );\n\n\tconst Wrapper = isSaving ? Disabled : 'div';\n\n\treturn <Wrapper { ...innerBlocksProps } />;\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAoC;AACpC,wBAAyB;AACzB,uBAAmC;AACnC,kBAA0B;AAC1B,qBAA8C;AAC9C,8BAA+B;AAC/B,uBAA4D;AAuGpD;AArGR,IAAM,eAAe,CAAC;AAEP,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,wBAAoB,uBAAO;AAEjC,gCAAW,MAAM;AAGhB,QAAK,CAAE,mBAAmB,SAAU;AACnC,wBAAkB,UAAU;AAAA,IAC7B;AAAA,EACD,GAAG,CAAE,MAAO,CAAE;AASd,QAAM,0BAAsB;AAAA,IAC3B,mBAAmB;AAAA,IACnB;AAAA,EACD;AAIA,QAAM,iBAAa,2BAAY,2BAAS,OAAQ;AAEhD,QAAM,uBAAmB;AAAA,IACxB;AAAA,MACC,WAAW;AAAA,IACZ;AAAA,IACA;AAAA,MACC,gBAAgB,eAAe,SAAY;AAAA,MAC3C,cAAc;AAAA,MACd,cAAc;AAAA,IACf;AAAA,EACD;AAEA,QAAM,EAAE,UAAU,8BAA8B,QAAI;AAAA,IACnD,CAAE,WAAY;AACb,UAAK,YAAa;AACjB,eAAO;AAAA,MACR;AAEA,YAAM,EAAE,uBAAuB,qBAAqB,IACnD,OAAQ,iBAAAA,KAAU;AAEnB,aAAO;AAAA,QACN,UAAU,qBAAsB,YAAY,eAAgB;AAAA,QAC5D,+BAA+B;AAAA,UAC9B;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,UAAW;AAAA,EACd;AAGA,gCAAW,MAAM;AAahB,QACC,cACA,YACA,CAAE,iCACF,CAAE,gBACF,CAAE,qBACD;AACD;AAAA,IACD;AAEA,yBAAsB,MAAM,MAAO;AAAA,EACpC,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAEF,QAAM,UAAU,WAAW,6BAAW;AAEtC,SAAO,4CAAC,WAAU,GAAG,kBAAmB;AACzC;",
   "names": ["coreStore"]

package/build/navigation/save.cjs

@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation/save.js
+// packages/block-library/src/navigation/save.jsx
 var save_exports = {};
 __export(save_exports, {
   default: () => save

package/build/navigation/save.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/navigation/save.js"],
+  "sources": ["../../src/navigation/save.jsx"],
   "sourcesContent": ["import { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tif ( attributes.ref ) {\n\t\t// Avoid rendering inner blocks when a ref is defined.\n\t\t// When this id is defined the inner blocks are loaded from the\n\t\t// `wp_navigation` entity rather than the hard-coded block html.\n\t\treturn;\n\t}\n\treturn <InnerBlocks.Content />;\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B;AASpB;AAPO,SAAR,KAAuB,EAAE,WAAW,GAAI;AAC9C,MAAK,WAAW,KAAM;AAIrB;AAAA,EACD;AACA,SAAO,4CAAC,gCAAY,SAAZ,EAAoB;AAC7B;",
   "names": []

package/build/navigation-link/edit.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/block-library/src/navigation-link/edit.js
+// packages/block-library/src/navigation-link/edit.jsx
 var edit_exports = {};
 __export(edit_exports, {
   default: () => NavigationLinkEdit

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/navigation-link/edit.js"],
+  "sources": ["../../src/navigation-link/edit.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { createBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { displayShortcut, isKeyboardEvent } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\tgetColorClassName,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { isURL, prependHTTP } from '@wordpress/url';\nimport { useState, useEffect, useRef, useCallback } from '@wordpress/element';\nimport { VisuallyHidden } from '@wordpress/ui';\nimport { link as linkIcon, addSubmenu } from '@wordpress/icons';\nimport { useMergeRefs, useInstanceId } from '@wordpress/compose';\nimport { getColors } from '../navigation/edit/utils';\nimport {\n\tControls,\n\tLinkUI,\n\tuseEntityBinding,\n\tgetInvalidLinkHelpText,\n\tuseHandleLinkChange,\n\tuseIsInvalidLink,\n\tInvalidDraftDisplay,\n\tuseEnableLinkStatusValidation,\n\tuseIsDraggingWithin,\n\tselectLabelText,\n} from './shared';\n\nconst DEFAULT_BLOCK = { name: 'core/navigation-link' };\nconst NESTING_BLOCK_NAMES = [\n\t'core/navigation-link',\n\t'core/navigation-submenu',\n];\n\nfunction getMissingText( type ) {\n\tlet missingText = '';\n\n\tswitch ( type ) {\n\t\tcase 'post':\n\t\t\t/* translators: label for missing post in navigation link block */\n\t\t\tmissingText = __( 'Select post' );\n\t\t\tbreak;\n\t\tcase 'page':\n\t\t\t/* translators: label for missing page in navigation link block */\n\t\t\tmissingText = __( 'Select page' );\n\t\t\tbreak;\n\t\tcase 'category':\n\t\t\t/* translators: label for missing category in navigation link block */\n\t\t\tmissingText = __( 'Select category' );\n\t\t\tbreak;\n\t\tcase 'tag':\n\t\t\t/* translators: label for missing tag in navigation link block */\n\t\t\tmissingText = __( 'Select tag' );\n\t\t\tbreak;\n\t\tdefault:\n\t\t\t/* translators: label for missing values in navigation link block */\n\t\t\tmissingText = __( 'Add link' );\n\t}\n\n\treturn missingText;\n}\n\nexport default function NavigationLinkEdit( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tmergeBlocks,\n\tonReplace,\n\tcontext,\n\tclientId,\n} ) {\n\tconst { id, label, type, url, description, kind, metadata } = attributes;\n\tconst { maxNestingLevel } = context;\n\n\tconst {\n\t\treplaceBlock,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tselectBlock,\n\t} = useDispatch( blockEditorStore );\n\t// Have the link editing ui open on mount when lacking a url and selected.\n\tconst [ isLinkOpen, setIsLinkOpen ] = useState( isSelected && ! url );\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst listItemRef = useRef( null );\n\tconst isDraggingWithin = useIsDraggingWithin( listItemRef );\n\tconst itemLabelPlaceholder = __( 'Add label…' );\n\tconst ref = useRef();\n\tconst linkUIref = useRef();\n\t// A link is \"new\" only if it has an undefined label\n\t// After the link is created, even if no label is provided, it's set to an empty string.\n\tconst isNewLink = useRef( label === undefined );\n\t// Track whether we should focus the submenu appender when closing the link UI\n\tconst shouldSelectSubmenuAppenderOnClose = useRef( false );\n\n\tconst {\n\t\tisAtMaxNesting,\n\t\tisTopLevelLink,\n\t\tisParentOfSelectedBlock,\n\t\thasChildren,\n\t\tparentBlockClientId,\n\t\tisSubmenu,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetBlockParentsByBlockName,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst rootClientId = getBlockRootClientId( clientId );\n\t\t\tconst parentBlockName = getBlockName( rootClientId );\n\t\t\tconst isTopLevel = parentBlockName === 'core/navigation';\n\t\t\tconst rootNavigationClientId = isTopLevel\n\t\t\t\t? rootClientId\n\t\t\t\t: getBlockParentsByBlockName(\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t'core/navigation'\n\t\t\t\t  )[ 0 ];\n\n\t\t\t// Get the immediate parent - if it's a submenu, use it; otherwise use the navigation block\n\t\t\tconst parentBlockId =\n\t\t\t\tparentBlockName === 'core/navigation-submenu'\n\t\t\t\t\t? rootClientId\n\t\t\t\t\t: rootNavigationClientId;\n\n\t\t\treturn {\n\t\t\t\tisAtMaxNesting:\n\t\t\t\t\tgetBlockParentsByBlockName( clientId, NESTING_BLOCK_NAMES )\n\t\t\t\t\t\t.length >= maxNestingLevel,\n\t\t\t\tisTopLevelLink: isTopLevel,\n\t\t\t\tisParentOfSelectedBlock: hasSelectedInnerBlock(\n\t\t\t\t\tclientId,\n\t\t\t\t\ttrue\n\t\t\t\t),\n\t\t\t\thasChildren: !! getBlockCount( clientId ),\n\t\t\t\tparentBlockClientId: parentBlockId,\n\t\t\t\tisSubmenu: parentBlockName === 'core/navigation-submenu',\n\t\t\t};\n\t\t},\n\t\t[ clientId, maxNestingLevel ]\n\t);\n\n\tconst validateLinkStatus = useEnableLinkStatusValidation( clientId );\n\tconst { getBlocks } = useSelect( blockEditorStore );\n\n\t// URL binding logic\n\tconst { hasUrlBinding, isBoundEntityAvailable, entityRecord } =\n\t\tuseEntityBinding( {\n\t\t\tclientId,\n\t\t\tattributes,\n\t\t} );\n\n\tconst handleLinkChange = useHandleLinkChange( {\n\t\tclientId,\n\t\tattributes,\n\t\tsetAttributes,\n\t\tallowTextUpdate: true,\n\t} );\n\n\tconst [ isInvalid, isDraft ] = useIsInvalidLink(\n\t\tkind,\n\t\ttype,\n\t\tid,\n\t\tvalidateLinkStatus\n\t);\n\n\t/**\n\t * Transform to submenu block.\n\t */\n\tconst transformToSubmenu = useCallback( () => {\n\t\tlet innerBlocks = getBlocks( clientId );\n\t\tif ( innerBlocks.length === 0 ) {\n\t\t\tinnerBlocks = [ createBlock( 'core/navigation-link' ) ];\n\t\t\tselectBlock( innerBlocks[ 0 ].clientId );\n\t\t}\n\t\tconst newSubmenu = createBlock(\n\t\t\t'core/navigation-submenu',\n\t\t\tattributes,\n\t\t\tinnerBlocks\n\t\t);\n\t\treplaceBlock( clientId, newSubmenu );\n\t}, [ getBlocks, clientId, selectBlock, replaceBlock, attributes ] );\n\n\t// On mount, if this is a new link without a URL and it's selected,\n\t// select the parent block (submenu or navigation) instead to keep the appender visible.\n\t// This helps us return focus to the appender if the user closes the link ui without creating a link.\n\t// If we leave focus on this block, then when we close the link without creating a link, focus will\n\t// be lost during the new block selection process.\n\tuseEffect( () => {\n\t\tif ( isNewLink.current && isSelected ) {\n\t\t\tselectBlock( parentBlockClientId );\n\t\t}\n\t}, [] ); // eslint-disable-line react-hooks/exhaustive-deps\n\n\tuseEffect( () => {\n\t\t// If block has inner blocks, transform to Submenu.\n\t\tif ( hasChildren ) {\n\t\t\t// This side-effect should not create an undo level as those should\n\t\t\t// only be created via user interactions.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\ttransformToSubmenu();\n\t\t}\n\t}, [\n\t\thasChildren,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\ttransformToSubmenu,\n\t] );\n\n\t// Handle link UI when a new link is created\n\tuseEffect( () => {\n\t\t// We know if a link was just created from our link UI if\n\t\t// 1. isNewLink.current is true\n\t\t// 2. url has a value\n\t\t// 3. isLinkOpen is true\n\t\tif ( ! isNewLink.current || ! url || ! isLinkOpen ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Ensure this only runs once\n\t\tisNewLink.current = false;\n\n\t\t// We just created a link and the block is now selected.\n\t\t// If the label looks like a URL, focus and select the label text.\n\t\tif ( isURL( prependHTTP( label ) ) && /^.+\\.[a-z]+/.test( label ) ) {\n\t\t\t// Focus and select the label text.\n\t\t\tselectLabelText( ref );\n\t\t} else {\n\t\t\t// If the link was just created, we want to select the block so the inspector controls\n\t\t\t// are accurate.\n\t\t\tselectBlock( clientId, null );\n\n\t\t\t// Edge case: When the created link is the first child of a submenu, the focus will have\n\t\t\t// originated from the add submenu toolbar button. In this case, we need to return focus\n\t\t\t// to the submenu appender if the user closes the link ui using the keyboard.\n\t\t\t// Check if this is the first and only child of a newly created submenu.\n\t\t\tif ( isSubmenu ) {\n\t\t\t\tconst parentBlocks = getBlocks( parentBlockClientId );\n\t\t\t\t// If this is the only child, then this is a new submenu.\n\t\t\t\t// Set the flag to select the submenu appender when the link ui is closed.\n\t\t\t\tif (\n\t\t\t\t\tparentBlocks.length === 1 &&\n\t\t\t\t\tparentBlocks[ 0 ].clientId === clientId\n\t\t\t\t) {\n\t\t\t\t\tshouldSelectSubmenuAppenderOnClose.current = true;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}, [ url, isLinkOpen, isNewLink, label ] );\n\n\t/**\n\t * Removes the current link if set.\n\t */\n\tfunction removeLink() {\n\t\t// Reset all attributes that comprise the link.\n\t\t// It is critical that all attributes are reset\n\t\t// to their default values otherwise this may\n\t\t// in advertently trigger side effects because\n\t\t// the values will have \"changed\".\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tlabel: undefined,\n\t\t\tid: undefined,\n\t\t\tkind: undefined,\n\t\t\ttype: undefined,\n\t\t\topensInNewTab: false,\n\t\t} );\n\n\t\t// Close the link editing UI.\n\t\tsetIsLinkOpen( false );\n\t}\n\n\tconst {\n\t\ttextColor,\n\t\tcustomTextColor,\n\t\tbackgroundColor,\n\t\tcustomBackgroundColor,\n\t} = getColors( context, ! isTopLevelLink );\n\n\tfunction onKeyDown( event ) {\n\t\tif ( isKeyboardEvent.primary( event, 'k' ) ) {\n\t\t\t// Required to prevent the command center from opening,\n\t\t\t// as it shares the CMD+K shortcut.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/59845.\n\t\t\tevent.preventDefault();\n\t\t\t// If this link is a child of a parent submenu item, the parent submenu item event will also open, closing this popover\n\t\t\tevent.stopPropagation();\n\t\t\tsetIsLinkOpen( true );\n\t\t}\n\t}\n\n\tconst instanceId = useInstanceId( NavigationLinkEdit );\n\tconst hasMissingEntity = hasUrlBinding && ! isBoundEntityAvailable;\n\tconst missingEntityDescriptionId = hasMissingEntity\n\t\t? sprintf( 'navigation-link-edit-%d-desc', instanceId )\n\t\t: undefined;\n\n\tconst blockProps = useBlockProps( {\n\t\tref: useMergeRefs( [ setPopoverAnchor, listItemRef ] ),\n\t\tclassName: clsx( 'wp-block-navigation-item', {\n\t\t\t'is-editing': isSelected || isParentOfSelectedBlock,\n\t\t\t'is-dragging-within': isDraggingWithin,\n\t\t\t'has-link': !! url,\n\t\t\t'has-child': hasChildren,\n\t\t\t'has-text-color': !! textColor || !! customTextColor,\n\t\t\t[ getColorClassName( 'color', textColor ) ]: !! textColor,\n\t\t\t'has-background': !! backgroundColor || customBackgroundColor,\n\t\t\t[ getColorClassName( 'background-color', backgroundColor ) ]:\n\t\t\t\t!! backgroundColor,\n\t\t} ),\n\t\t'aria-describedby': missingEntityDescriptionId,\n\t\t'aria-invalid': hasMissingEntity,\n\t\tstyle: {\n\t\t\tcolor: ! textColor && customTextColor,\n\t\t\tbackgroundColor: ! backgroundColor && customBackgroundColor,\n\t\t},\n\t\tonKeyDown,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'remove-outline', // Remove the outline from the inner blocks container.\n\t\t},\n\t\t{\n\t\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\t\tdirectInsert: true,\n\t\t\trenderAppender: false,\n\t\t}\n\t);\n\n\tconst needsValidLink =\n\t\t( ! url && ! ( hasUrlBinding && isBoundEntityAvailable ) ) ||\n\t\tisInvalid ||\n\t\tisDraft ||\n\t\t( hasUrlBinding && ! isBoundEntityAvailable );\n\n\tif ( needsValidLink ) {\n\t\tblockProps.onClick = () => {\n\t\t\tsetIsLinkOpen( true );\n\t\t};\n\t}\n\n\tconst classes = clsx( 'wp-block-navigation-item__content', {\n\t\t'wp-block-navigation-link__placeholder': needsValidLink,\n\t} );\n\n\tconst missingText = getMissingText( type );\n\tconst invalidLinkHelpText = getInvalidLinkHelpText();\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\ticon={ linkIcon }\n\t\t\t\t\t\ttitle={ __( 'Link' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'k' ) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsLinkOpen( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! isAtMaxNesting && (\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tname=\"submenu\"\n\t\t\t\t\t\t\ticon={ addSubmenu }\n\t\t\t\t\t\t\ttitle={ __( 'Add submenu' ) }\n\t\t\t\t\t\t\tonClick={ transformToSubmenu }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls group=\"content\">\n\t\t\t\t<Controls\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ hasMissingEntity && (\n\t\t\t\t\t<VisuallyHidden id={ missingEntityDescriptionId }>\n\t\t\t\t\t\t{ invalidLinkHelpText }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t) }\n\t\t\t\t{ /* eslint-disable jsx-a11y/anchor-is-valid */ }\n\t\t\t\t<a className={ classes }>\n\t\t\t\t\t{ /* eslint-enable */ }\n\t\t\t\t\t{ ! url && ! metadata?.bindings?.url ? (\n\t\t\t\t\t\t<div className=\"wp-block-navigation-link__placeholder-text\">\n\t\t\t\t\t\t\t<span>{ missingText }</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ ! isInvalid && ! isDraft && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"wp-block-navigation-item__label\"\n\t\t\t\t\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( labelValue ) =>\n\t\t\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: labelValue,\n\t\t\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\t\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t\t\t\t\t\t\t__unstableOnSplitAtEnd={\n\t\t\t\t\t\t\t\t\t\t\tinsertBlocksAfter\n\t\t\t\t\t\t\t\t\t\t\t\t? () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'core/navigation-link'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t\t'Navigation link text'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tplaceholder={ itemLabelPlaceholder }\n\t\t\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{ description && (\n\t\t\t\t\t\t\t\t\t\t<span className=\"wp-block-navigation-item__description\">\n\t\t\t\t\t\t\t\t\t\t\t{ description }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) }\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{ ( isInvalid || isDraft ) && (\n\t\t\t\t\t\t\t\t<InvalidDraftDisplay\n\t\t\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\t\t\tisInvalid={ isInvalid }\n\t\t\t\t\t\t\t\t\tisDraft={ isDraft }\n\t\t\t\t\t\t\t\t\tclassName=\"wp-block-navigation-link__label\"\n\t\t\t\t\t\t\t\t/>\n\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\t{ isLinkOpen && (\n\t\t\t\t\t\t<LinkUI\n\t\t\t\t\t\t\tref={ linkUIref }\n\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\tlink={ attributes }\n\t\t\t\t\t\t\tentity={ {\n\t\t\t\t\t\t\t\tentityRecord,\n\t\t\t\t\t\t\t\thasBinding: hasUrlBinding,\n\t\t\t\t\t\t\t\tisEntityAvailable: isBoundEntityAvailable,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\t\tsetIsLinkOpen( false );\n\t\t\t\t\t\t\t\t// If there is no link and no binding, remove the auto-inserted block.\n\t\t\t\t\t\t\t\t// This avoids empty blocks which can provided a poor UX.\n\t\t\t\t\t\t\t\t// Don't remove if binding exists (even if entity is unavailable) so user can fix it.\n\t\t\t\t\t\t\t\t// `onReplace` is undefined when the block can't be removed.\n\t\t\t\t\t\t\t\tif ( ! url && ! hasUrlBinding && onReplace ) {\n\t\t\t\t\t\t\t\t\tonReplace( [] );\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Edge case: If this is the first child of a new submenu, focus the submenu's appender\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\tshouldSelectSubmenuAppenderOnClose.current\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tshouldSelectSubmenuAppenderOnClose.current = false;\n\n\t\t\t\t\t\t\t\t\t// The appender is the next sibling in the DOM after the current block\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tlistItemRef.current?.nextElementSibling\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\tconst appenderButton =\n\t\t\t\t\t\t\t\t\t\t\tlistItemRef.current.nextElementSibling.querySelector(\n\t\t\t\t\t\t\t\t\t\t\t\t'.block-editor-button-block-appender'\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tif ( appenderButton ) {\n\t\t\t\t\t\t\t\t\t\t\tappenderButton.focus();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tanchor={ popoverAnchor }\n\t\t\t\t\t\t\tonRemove={ removeLink }\n\t\t\t\t\t\t\tonChange={ handleLinkChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</a>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,oBAA4B;AAC5B,kBAAuC;AACvC,wBAA4C;AAC5C,sBAAiD;AACjD,kBAA4B;AAC5B,0BAQO;AACP,iBAAmC;AACnC,qBAAyD;AACzD,gBAA+B;AAC/B,mBAA6C;AAC7C,qBAA4C;AAC5C,mBAA0B;AAC1B,oBAWO;AAwUH;AAtUJ,IAAM,gBAAgB,EAAE,MAAM,uBAAuB;AACrD,IAAM,sBAAsB;AAAA,EAC3B;AAAA,EACA;AACD;AAEA,SAAS,eAAgB,MAAO;AAC/B,MAAI,cAAc;AAElB,UAAS,MAAO;AAAA,IACf,KAAK;AAEJ,wBAAc,gBAAI,aAAc;AAChC;AAAA,IACD,KAAK;AAEJ,wBAAc,gBAAI,aAAc;AAChC;AAAA,IACD,KAAK;AAEJ,wBAAc,gBAAI,iBAAkB;AACpC;AAAA,IACD,KAAK;AAEJ,wBAAc,gBAAI,YAAa;AAC/B;AAAA,IACD;AAEC,wBAAc,gBAAI,UAAW;AAAA,EAC/B;AAEA,SAAO;AACR;AAEe,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,IAAI,OAAO,MAAM,KAAK,aAAa,MAAM,SAAS,IAAI;AAC9D,QAAM,EAAE,gBAAgB,IAAI;AAE5B,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,yBAAa,oBAAAA,KAAiB;AAElC,QAAM,CAAE,YAAY,aAAc,QAAI,yBAAU,cAAc,CAAE,GAAI;AAGpE,QAAM,CAAE,eAAe,gBAAiB,QAAI,yBAAU,IAAK;AAC3D,QAAM,kBAAc,uBAAQ,IAAK;AACjC,QAAM,uBAAmB,mCAAqB,WAAY;AAC1D,QAAM,2BAAuB,gBAAI,YAAa;AAC9C,QAAM,UAAM,uBAAO;AACnB,QAAM,gBAAY,uBAAO;AAGzB,QAAM,gBAAY,uBAAQ,UAAU,MAAU;AAE9C,QAAM,yCAAqC,uBAAQ,KAAM;AAEzD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI;AAAA,IACH,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,oBAAAA,KAAiB;AAC7B,YAAM,eAAe,qBAAsB,QAAS;AACpD,YAAM,kBAAkB,aAAc,YAAa;AACnD,YAAM,aAAa,oBAAoB;AACvC,YAAM,yBAAyB,aAC5B,eACA;AAAA,QACA;AAAA,QACA;AAAA,MACA,EAAG,CAAE;AAGR,YAAM,gBACL,oBAAoB,4BACjB,eACA;AAEJ,aAAO;AAAA,QACN,gBACC,2BAA4B,UAAU,mBAAoB,EACxD,UAAU;AAAA,QACb,gBAAgB;AAAA,QAChB,yBAAyB;AAAA,UACxB;AAAA,UACA;AAAA,QACD;AAAA,QACA,aAAa,CAAC,CAAE,cAAe,QAAS;AAAA,QACxC,qBAAqB;AAAA,QACrB,WAAW,oBAAoB;AAAA,MAChC;AAAA,IACD;AAAA,IACA,CAAE,UAAU,eAAgB;AAAA,EAC7B;AAEA,QAAM,yBAAqB,6CAA+B,QAAS;AACnE,QAAM,EAAE,UAAU,QAAI,uBAAW,oBAAAA,KAAiB;AAGlD,QAAM,EAAE,eAAe,wBAAwB,aAAa,QAC3D,gCAAkB;AAAA,IACjB;AAAA,IACA;AAAA,EACD,CAAE;AAEH,QAAM,uBAAmB,mCAAqB;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,EAClB,CAAE;AAEF,QAAM,CAAE,WAAW,OAAQ,QAAI;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAKA,QAAM,yBAAqB,4BAAa,MAAM;AAC7C,QAAI,cAAc,UAAW,QAAS;AACtC,QAAK,YAAY,WAAW,GAAI;AAC/B,oBAAc,KAAE,2BAAa,sBAAuB,CAAE;AACtD,kBAAa,YAAa,CAAE,EAAE,QAAS;AAAA,IACxC;AACA,UAAM,iBAAa;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACD;AACA,iBAAc,UAAU,UAAW;AAAA,EACpC,GAAG,CAAE,WAAW,UAAU,aAAa,cAAc,UAAW,CAAE;AAOlE,gCAAW,MAAM;AAChB,QAAK,UAAU,WAAW,YAAa;AACtC,kBAAa,mBAAoB;AAAA,IAClC;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,gCAAW,MAAM;AAEhB,QAAK,aAAc;AAGlB,8CAAwC;AACxC,yBAAmB;AAAA,IACpB;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAGF,gCAAW,MAAM;AAKhB,QAAK,CAAE,UAAU,WAAW,CAAE,OAAO,CAAE,YAAa;AACnD;AAAA,IACD;AAGA,cAAU,UAAU;AAIpB,YAAK,sBAAO,wBAAa,KAAM,CAAE,KAAK,cAAc,KAAM,KAAM,GAAI;AAEnE,yCAAiB,GAAI;AAAA,IACtB,OAAO;AAGN,kBAAa,UAAU,IAAK;AAM5B,UAAK,WAAY;AAChB,cAAM,eAAe,UAAW,mBAAoB;AAGpD,YACC,aAAa,WAAW,KACxB,aAAc,CAAE,EAAE,aAAa,UAC9B;AACD,6CAAmC,UAAU;AAAA,QAC9C;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,KAAK,YAAY,WAAW,KAAM,CAAE;AAKzC,WAAS,aAAa;AAMrB,kBAAe;AAAA,MACd,KAAK;AAAA,MACL,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,eAAe;AAAA,IAChB,CAAE;AAGF,kBAAe,KAAM;AAAA,EACtB;AAEA,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,QAAI,wBAAW,SAAS,CAAE,cAAe;AAEzC,WAAS,UAAW,OAAQ;AAC3B,QAAK,gCAAgB,QAAS,OAAO,GAAI,GAAI;AAI5C,YAAM,eAAe;AAErB,YAAM,gBAAgB;AACtB,oBAAe,IAAK;AAAA,IACrB;AAAA,EACD;AAEA,QAAM,iBAAa,8BAAe,kBAAmB;AACrD,QAAM,mBAAmB,iBAAiB,CAAE;AAC5C,QAAM,6BAA6B,uBAChC,qBAAS,gCAAgC,UAAW,IACpD;AAEH,QAAM,iBAAa,mCAAe;AAAA,IACjC,SAAK,6BAAc,CAAE,kBAAkB,WAAY,CAAE;AAAA,IACrD,eAAW,YAAAC,SAAM,4BAA4B;AAAA,MAC5C,cAAc,cAAc;AAAA,MAC5B,sBAAsB;AAAA,MACtB,YAAY,CAAC,CAAE;AAAA,MACf,aAAa;AAAA,MACb,kBAAkB,CAAC,CAAE,aAAa,CAAC,CAAE;AAAA,MACrC,KAAE,uCAAmB,SAAS,SAAU,CAAE,GAAG,CAAC,CAAE;AAAA,MAChD,kBAAkB,CAAC,CAAE,mBAAmB;AAAA,MACxC,KAAE,uCAAmB,oBAAoB,eAAgB,CAAE,GAC1D,CAAC,CAAE;AAAA,IACL,CAAE;AAAA,IACF,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACN,OAAO,CAAE,aAAa;AAAA,MACtB,iBAAiB,CAAE,mBAAmB;AAAA,IACvC;AAAA,IACA;AAAA,EACD,CAAE;AAEF,QAAM,uBAAmB;AAAA,IACxB;AAAA,MACC,WAAW;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MACC,cAAc;AAAA,MACd,cAAc;AAAA,MACd,gBAAgB;AAAA,IACjB;AAAA,EACD;AAEA,QAAM,iBACH,CAAE,OAAO,EAAI,iBAAiB,2BAChC,aACA,WACE,iBAAiB,CAAE;AAEtB,MAAK,gBAAiB;AACrB,eAAW,UAAU,MAAM;AAC1B,oBAAe,IAAK;AAAA,IACrB;AAAA,EACD;AAEA,QAAM,cAAU,YAAAA,SAAM,qCAAqC;AAAA,IAC1D,yCAAyC;AAAA,EAC1C,CAAE;AAEF,QAAM,cAAc,eAAgB,IAAK;AACzC,QAAM,0BAAsB,sCAAuB;AAEnD,SACC,4EACC;AAAA,gDAAC,qCACA,uDAAC,kCACA;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,MAAO,aAAAC;AAAA,UACP,WAAQ,gBAAI,MAAO;AAAA,UACnB,UAAW,gCAAgB,QAAS,GAAI;AAAA,UACxC,SAAU,MAAM;AACf,0BAAe,IAAK;AAAA,UACrB;AAAA;AAAA,MACD;AAAA,MACE,CAAE,kBACH;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,MAAO;AAAA,UACP,WAAQ,gBAAI,aAAc;AAAA,UAC1B,SAAU;AAAA;AAAA,MACX;AAAA,OAEF,GACD;AAAA,IACA,4CAAC,yCAAkB,OAAM,WACxB;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACD,GACD;AAAA,IACA,6CAAC,SAAM,GAAG,YACP;AAAA,0BACD,4CAAC,4BAAe,IAAK,4BAClB,+BACH;AAAA,MAGD,6CAAC,OAAE,WAAY,SAEZ;AAAA,SAAE,OAAO,CAAE,UAAU,UAAU,MAChC,4CAAC,SAAI,WAAU,8CACd,sDAAC,UAAO,uBAAa,GACtB,IAEA,4EACG;AAAA,WAAE,aAAa,CAAE,WAClB,4EACC;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA;AAAA,gBACA,YAAW;AAAA,gBACX,WAAU;AAAA,gBACV,OAAQ;AAAA,gBACR,UAAW,CAAE,eACZ,cAAe;AAAA,kBACd,OAAO;AAAA,gBACR,CAAE;AAAA,gBAEH,SAAU;AAAA,gBACV;AAAA,gBACA,wBACC,oBACG,MACA;AAAA,sBACC;AAAA,oBACC;AAAA,kBACD;AAAA,gBACD,IACA;AAAA,gBAEJ,kBAAa;AAAA,kBACZ;AAAA,gBACD;AAAA,gBACA,aAAc;AAAA,gBACd,8BAA4B;AAAA;AAAA,YAC7B;AAAA,YACE,eACD,4CAAC,UAAK,WAAU,yCACb,uBACH;AAAA,aAEF;AAAA,WAEG,aAAa,YAChB;AAAA,YAAC;AAAA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAU;AAAA;AAAA,UACX;AAAA,WAEF;AAAA,QAEC,cACD;AAAA,UAAC;AAAA;AAAA,YACA,KAAM;AAAA,YACN;AAAA,YACA,MAAO;AAAA,YACP,QAAS;AAAA,cACR;AAAA,cACA,YAAY;AAAA,cACZ,mBAAmB;AAAA,YACpB;AAAA,YACA,SAAU,MAAM;AACf,4BAAe,KAAM;AAKrB,kBAAK,CAAE,OAAO,CAAE,iBAAiB,WAAY;AAC5C,0BAAW,CAAC,CAAE;AACd;AAAA,cACD;AAGA,kBACC,mCAAmC,SAClC;AACD,mDAAmC,UAAU;AAG7C,oBACC,YAAY,SAAS,oBACpB;AACD,wBAAM,iBACL,YAAY,QAAQ,mBAAmB;AAAA,oBACtC;AAAA,kBACD;AACD,sBAAK,gBAAiB;AACrB,mCAAe,MAAM;AAAA,kBACtB;AAAA,gBACD;AAAA,cACD;AAAA,YACD;AAAA,YACA,QAAS;AAAA,YACT,UAAW;AAAA,YACX,UAAW;AAAA;AAAA,QACZ;AAAA,SAEF;AAAA,MACA,4CAAC,SAAM,GAAG,kBAAmB;AAAA,OAC9B;AAAA,KACD;AAEF;",
   "names": ["blockEditorStore", "clsx", "linkIcon"]