@wordpress/components 30.7.1-next.36001005c.0 → 30.8.0

package/build/navigable-container/menu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigable-container/menu.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function UnforwardedNavigableMenu({\n  role = 'menu',\n  orientation = 'vertical',\n  ...rest\n}, ref) {\n  const eventToOffset = evt => {\n    const {\n      code\n    } = evt;\n    let next = ['ArrowDown'];\n    let previous = ['ArrowUp'];\n    if (orientation === 'horizontal') {\n      next = ['ArrowRight'];\n      previous = ['ArrowLeft'];\n    }\n    if (orientation === 'both') {\n      next = ['ArrowRight', 'ArrowDown'];\n      previous = ['ArrowLeft', 'ArrowUp'];\n    }\n    if (next.includes(code)) {\n      return 1;\n    } else if (previous.includes(code)) {\n      return -1;\n    } else if (['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(code)) {\n      // Key press should be handled, e.g. have event propagation and\n      // default behavior handled by NavigableContainer but not result\n      // in an offset.\n      return 0;\n    }\n    return undefined;\n  };\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ref: ref,\n    stopNavigationEvents: true,\n    onlyBrowserTabstops: false,\n    role: role,\n    \"aria-orientation\": role !== 'presentation' && (orientation === 'vertical' || orientation === 'horizontal') ? orientation : undefined,\n    eventToOffset: eventToOffset,\n    ...rest\n  });\n}\n\n/**\n * A container for a navigable menu.\n *\n *  ```jsx\n *  import {\n *    NavigableMenu,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyNavigableContainer = () => (\n *    <div>\n *      <span>Navigable Menu:</span>\n *      <NavigableMenu onNavigate={ onNavigate } orientation=\"horizontal\">\n *        <Button variant=\"secondary\">Item 1</Button>\n *        <Button variant=\"secondary\">Item 2</Button>\n *        <Button variant=\"secondary\">Item 3</Button>\n *      </NavigableMenu>\n *    </div>\n *  );\n *  ```\n */\nexport const NavigableMenu = forwardRef(UnforwardedNavigableMenu);\nexport default NavigableMenu;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA2B;AAK3B,uBAA+B;AAC/B,yBAA4B;AACrB,SAAS,yBAAyB;AAAA,EACvC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,GAAG;AACL,GAAG,KAAK;AACN,QAAM,gBAAgB,SAAO;AAC3B,UAAM;AAAA,MACJ;AAAA,IACF,IAAI;AACJ,QAAI,OAAO,CAAC,WAAW;AACvB,QAAI,WAAW,CAAC,SAAS;AACzB,QAAI,gBAAgB,cAAc;AAChC,aAAO,CAAC,YAAY;AACpB,iBAAW,CAAC,WAAW;AAAA,IACzB;AACA,QAAI,gBAAgB,QAAQ;AAC1B,aAAO,CAAC,cAAc,WAAW;AACjC,iBAAW,CAAC,aAAa,SAAS;AAAA,IACpC;AACA,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,aAAO;AAAA,IACT,WAAW,SAAS,SAAS,IAAI,GAAG;AAClC,aAAO;AAAA,IACT,WAAW,CAAC,aAAa,WAAW,aAAa,YAAY,EAAE,SAAS,IAAI,GAAG;AAI7E,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAA,KAAK,iBAAAC,SAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB;AAAA,IACA,oBAAoB,SAAS,mBAAmB,gBAAgB,cAAc,gBAAgB,gBAAgB,cAAc;AAAA,IAC5H;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;AA2BO,MAAM,oBAAgB,2BAAW,wBAAwB;AAChE,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA2B;AAK3B,uBAA+B;AAC/B,yBAA4B;AACrB,SAAS,yBAAyB;AAAA,EACvC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,GAAG;AACL,GAAG,KAAK;AACN,QAAM,gBAAgB,SAAO;AAC3B,UAAM;AAAA,MACJ;AAAA,IACF,IAAI;AACJ,QAAI,OAAO,CAAC,WAAW;AACvB,QAAI,WAAW,CAAC,SAAS;AACzB,QAAI,gBAAgB,cAAc;AAChC,aAAO,CAAC,YAAY;AACpB,iBAAW,CAAC,WAAW;AAAA,IACzB;AACA,QAAI,gBAAgB,QAAQ;AAC1B,aAAO,CAAC,cAAc,WAAW;AACjC,iBAAW,CAAC,aAAa,SAAS;AAAA,IACpC;AACA,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,aAAO;AAAA,IACT,WAAW,SAAS,SAAS,IAAI,GAAG;AAClC,aAAO;AAAA,IACT,WAAW,CAAC,aAAa,WAAW,aAAa,YAAY,EAAE,SAAS,IAAI,GAAG;AAI7E,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAA,KAAK,iBAAAC,SAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB;AAAA,IACA,oBAAoB,SAAS,mBAAmB,gBAAgB,cAAc,gBAAgB,gBAAgB,cAAc;AAAA,IAC5H;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;AA2BO,IAAM,oBAAgB,2BAAW,wBAAwB;AAChE,IAAO,eAAQ;",
   "names": ["_jsx", "NavigableContainer"]
 }

package/build/navigable-container/tabbable.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigable-container/tabbable.tsx
 var tabbable_exports = {};
 __export(tabbable_exports, {
   TabbableContainer: () => TabbableContainer,
@@ -61,7 +63,7 @@ function UnforwardedTabbableContainer({
     ...props
   });
 }
-const TabbableContainer = (0, import_element.forwardRef)(UnforwardedTabbableContainer);
+var TabbableContainer = (0, import_element.forwardRef)(UnforwardedTabbableContainer);
 var tabbable_default = TabbableContainer;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/navigable-container/tabbable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigable-container/tabbable.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function UnforwardedTabbableContainer({\n  eventToOffset,\n  ...props\n}, ref) {\n  const innerEventToOffset = evt => {\n    const {\n      code,\n      shiftKey\n    } = evt;\n    if ('Tab' === code) {\n      return shiftKey ? -1 : 1;\n    }\n\n    // Allow custom handling of keys besides Tab.\n    //\n    // By default, TabbableContainer will move focus forward on Tab and\n    // backward on Shift+Tab. The handler below will be used for all other\n    // events. The semantics for `eventToOffset`'s return\n    // values are the following:\n    //\n    // - +1: move focus forward\n    // - -1: move focus backward\n    // -  0: don't move focus, but acknowledge event and thus stop it\n    // - undefined: do nothing, let the event propagate.\n    if (eventToOffset) {\n      return eventToOffset(evt);\n    }\n    return undefined;\n  };\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ref: ref,\n    stopNavigationEvents: true,\n    onlyBrowserTabstops: true,\n    eventToOffset: innerEventToOffset,\n    ...props\n  });\n}\n\n/**\n * A container for tabbable elements.\n *\n *  ```jsx\n *  import {\n *    TabbableContainer,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyTabbableContainer = () => (\n *    <div>\n *      <span>Tabbable Container:</span>\n *      <TabbableContainer onNavigate={ onNavigate }>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 1\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 2\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 3\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 4\n *        </Button>\n *      </TabbableContainer>\n *    </div>\n *  );\n *  ```\n */\nexport const TabbableContainer = forwardRef(UnforwardedTabbableContainer);\nexport default TabbableContainer;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA2B;AAK3B,uBAA+B;AAC/B,yBAA4B;AACrB,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,qBAAqB,SAAO;AAChC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACF,IAAI;AACJ,QAAI,UAAU,MAAM;AAClB,aAAO,WAAW,KAAK;AAAA,IACzB;AAaA,QAAI,eAAe;AACjB,aAAO,cAAc,GAAG;AAAA,IAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAA,KAAK,iBAAAC,SAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,CAAC;AACH;AAoCO,MAAM,wBAAoB,2BAAW,4BAA4B;AACxE,IAAO,mBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA2B;AAK3B,uBAA+B;AAC/B,yBAA4B;AACrB,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,qBAAqB,SAAO;AAChC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACF,IAAI;AACJ,QAAI,UAAU,MAAM;AAClB,aAAO,WAAW,KAAK;AAAA,IACzB;AAaA,QAAI,eAAe;AACjB,aAAO,cAAc,GAAG;AAAA,IAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAA,KAAK,iBAAAC,SAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,CAAC;AACH;AAoCO,IAAM,wBAAoB,2BAAW,4BAA4B;AACxE,IAAO,mBAAQ;",
   "names": ["_jsx", "NavigableContainer"]
 }

package/build/navigable-container/types.js

@@ -12,6 +12,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigable-container/types.ts
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);
 //# sourceMappingURL=types.js.map

package/build/navigable-container/types.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigable-container/types.ts"],
   "sourcesContent": ["export {};"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/build/navigation/back-button/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/back-button/index.tsx
 var back_button_exports = {};
 __export(back_button_exports, {
   NavigationBackButton: () => NavigationBackButton,
@@ -74,7 +76,7 @@ function UnforwardedNavigationBackButton({
     }), backButtonLabel || parentMenuTitle || (0, import_i18n.__)("Back")]
   });
 }
-const NavigationBackButton = (0, import_element.forwardRef)(UnforwardedNavigationBackButton);
+var NavigationBackButton = (0, import_element.forwardRef)(UnforwardedNavigationBackButton);
 var back_button_default = NavigationBackButton;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/navigation/back-button/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/back-button/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { MenuBackButtonUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedNavigationBackButton({\n  backButtonLabel,\n  className,\n  href,\n  onClick,\n  parentMenu\n}, ref) {\n  const {\n    setActiveMenu,\n    navigationTree\n  } = useNavigationContext();\n  const classes = clsx('components-navigation__back-button', className);\n  const parentMenuTitle = parentMenu !== undefined ? navigationTree.getMenu(parentMenu)?.title : undefined;\n  const handleOnClick = event => {\n    if (typeof onClick === 'function') {\n      onClick(event);\n    }\n    const animationDirection = isRTL() ? 'left' : 'right';\n    if (parentMenu && !event.defaultPrevented) {\n      setActiveMenu(parentMenu, animationDirection);\n    }\n  };\n  const icon = isRTL() ? chevronRight : chevronLeft;\n  return /*#__PURE__*/_jsxs(MenuBackButtonUI, {\n    __next40pxDefaultSize: true,\n    className: classes,\n    href: href,\n    variant: \"tertiary\",\n    ref: ref,\n    onClick: handleOnClick,\n    children: [/*#__PURE__*/_jsx(Icon, {\n      icon: icon\n    }), backButtonLabel || parentMenuTitle || __('Back')]\n  });\n}\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);\nexport default NavigationBackButton;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAA2B;AAC3B,kBAA0B;AAC1B,mBAAgD;AAKhD,qBAAqC;AACrC,+BAAiC;AACjC,yBAA2C;AAC3C,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM,cAAU,YAAAA,SAAK,sCAAsC,SAAS;AACpE,QAAM,kBAAkB,eAAe,SAAY,eAAe,QAAQ,UAAU,GAAG,QAAQ;AAC/F,QAAM,gBAAgB,WAAS;AAC7B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,yBAAqB,mBAAM,IAAI,SAAS;AAC9C,QAAI,cAAc,CAAC,MAAM,kBAAkB;AACzC,oBAAc,YAAY,kBAAkB;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,WAAO,mBAAM,IAAI,4BAAe;AACtC,SAAoB,uCAAAC,MAAM,2CAAkB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,UAAU,CAAc,uCAAAC,KAAK,mBAAM;AAAA,MACjC;AAAA,IACF,CAAC,GAAG,mBAAmB,uBAAmB,gBAAG,MAAM,CAAC;AAAA,EACtD,CAAC;AACH;AAKO,MAAM,2BAAuB,2BAAW,+BAA+B;AAC9E,IAAO,sBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAA2B;AAC3B,kBAA0B;AAC1B,mBAAgD;AAKhD,qBAAqC;AACrC,+BAAiC;AACjC,yBAA2C;AAC3C,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM,cAAU,YAAAA,SAAK,sCAAsC,SAAS;AACpE,QAAM,kBAAkB,eAAe,SAAY,eAAe,QAAQ,UAAU,GAAG,QAAQ;AAC/F,QAAM,gBAAgB,WAAS;AAC7B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,yBAAqB,mBAAM,IAAI,SAAS;AAC9C,QAAI,cAAc,CAAC,MAAM,kBAAkB;AACzC,oBAAc,YAAY,kBAAkB;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,WAAO,mBAAM,IAAI,4BAAe;AACtC,SAAoB,uCAAAC,MAAM,2CAAkB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,UAAU,CAAc,uCAAAC,KAAK,mBAAM;AAAA,MACjC;AAAA,IACF,CAAC,GAAG,mBAAmB,uBAAmB,gBAAG,MAAM,CAAC;AAAA,EACtD,CAAC;AACH;AAKO,IAAM,2BAAuB,2BAAW,+BAA+B;AAC9E,IAAO,sBAAQ;",
   "names": ["clsx", "_jsxs", "_jsx"]
 }

package/build/navigation/constants.js

@@ -16,14 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/constants.tsx
 var constants_exports = {};
 __export(constants_exports, {
   ROOT_MENU: () => ROOT_MENU,
   SEARCH_FOCUS_DELAY: () => SEARCH_FOCUS_DELAY
 });
 module.exports = __toCommonJS(constants_exports);
-const ROOT_MENU = "root";
-const SEARCH_FOCUS_DELAY = 100;
+var ROOT_MENU = "root";
+var SEARCH_FOCUS_DELAY = 100;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ROOT_MENU,

package/build/navigation/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigation/constants.tsx"],
   "sourcesContent": ["export const ROOT_MENU = 'root';\nexport const SEARCH_FOCUS_DELAY = 100;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY;AAClB,MAAM,qBAAqB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,YAAY;AAClB,IAAM,qBAAqB;",
   "names": []
 }

package/build/navigation/context.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/context.tsx
 var context_exports = {};
 __export(context_exports, {
   NavigationContext: () => NavigationContext,
@@ -24,11 +26,11 @@ __export(context_exports, {
 module.exports = __toCommonJS(context_exports);
 var import_element = require("@wordpress/element");
 var import_constants = require("./constants");
-const noop = () => {
+var noop = () => {
 };
-const defaultIsEmpty = () => false;
-const defaultGetter = () => void 0;
-const NavigationContext = (0, import_element.createContext)({
+var defaultIsEmpty = () => false;
+var defaultGetter = () => void 0;
+var NavigationContext = (0, import_element.createContext)({
   activeItem: void 0,
   activeMenu: import_constants.ROOT_MENU,
   setActiveMenu: noop,
@@ -47,7 +49,7 @@ const NavigationContext = (0, import_element.createContext)({
   }
 });
 NavigationContext.displayName = "NavigationContext";
-const useNavigationContext = () => (0, import_element.useContext)(NavigationContext);
+var useNavigationContext = () => (0, import_element.useContext)(NavigationContext);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NavigationContext,

package/build/navigation/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigation/context.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from './constants';\nconst noop = () => {};\nconst defaultIsEmpty = () => false;\nconst defaultGetter = () => undefined;\nexport const NavigationContext = createContext({\n  activeItem: undefined,\n  activeMenu: ROOT_MENU,\n  setActiveMenu: noop,\n  navigationTree: {\n    items: {},\n    getItem: defaultGetter,\n    addItem: noop,\n    removeItem: noop,\n    menus: {},\n    getMenu: defaultGetter,\n    addMenu: noop,\n    removeMenu: noop,\n    childMenu: {},\n    traverseMenu: noop,\n    isMenuEmpty: defaultIsEmpty\n  }\n});\nNavigationContext.displayName = 'NavigationContext';\nexport const useNavigationContext = () => useContext(NavigationContext);"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAK1C,uBAA0B;AAC1B,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,iBAAiB,MAAM;AAC7B,MAAM,gBAAgB,MAAM;AACrB,MAAM,wBAAoB,8BAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,MAAM,uBAAuB,UAAM,2BAAW,iBAAiB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAK1C,uBAA0B;AAC1B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,gBAAgB,MAAM;AACrB,IAAM,wBAAoB,8BAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,IAAM,uBAAuB,UAAM,2BAAW,iBAAiB;",
   "names": []
 }

package/build/navigation/group/context.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/group/context.tsx
 var context_exports = {};
 __export(context_exports, {
   NavigationGroupContext: () => NavigationGroupContext,
@@ -23,11 +25,11 @@ __export(context_exports, {
 });
 module.exports = __toCommonJS(context_exports);
 var import_element = require("@wordpress/element");
-const NavigationGroupContext = (0, import_element.createContext)({
+var NavigationGroupContext = (0, import_element.createContext)({
   group: void 0
 });
 NavigationGroupContext.displayName = "NavigationGroupContext";
-const useNavigationGroupContext = () => (0, import_element.useContext)(NavigationGroupContext);
+var useNavigationGroupContext = () => (0, import_element.useContext)(NavigationGroupContext);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NavigationGroupContext,

package/build/navigation/group/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/group/context.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationGroupContext = createContext({\n  group: undefined\n});\nNavigationGroupContext.displayName = 'NavigationGroupContext';\nexport const useNavigationGroupContext = () => useContext(NavigationGroupContext);"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAMnC,MAAM,6BAAyB,8BAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,MAAM,4BAA4B,UAAM,2BAAW,sBAAsB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAMnC,IAAM,6BAAyB,8BAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,IAAM,4BAA4B,UAAM,2BAAW,sBAAsB;",
   "names": []
 }

package/build/navigation/group/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/group/index.tsx
 var group_exports = {};
 __export(group_exports, {
   NavigationGroup: () => NavigationGroup,
@@ -38,7 +40,7 @@ var import_context = require("./context");
 var import_navigation_styles = require("../styles/navigation-styles");
 var import_context2 = require("../context");
 var import_jsx_runtime = require("react/jsx-runtime");
-let uniqueId = 0;
+var uniqueId = 0;
 function NavigationGroup({
   children,
   className,

package/build/navigation/group/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/group/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { NavigationGroupContext } from './context';\nimport { GroupTitleUI } from '../styles/navigation-styles';\nimport { useNavigationContext } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nlet uniqueId = 0;\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationGroup({\n  children,\n  className,\n  title\n}) {\n  const [groupId] = useState(`group-${++uniqueId}`);\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const context = {\n    group: groupId\n  };\n\n  // Keep the children rendered to make sure invisible items are included in the navigation tree.\n  if (!Object.values(items).some(item => item.group === groupId && item._isVisible)) {\n    return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n      value: context,\n      children: children\n    });\n  }\n  const groupTitleId = `components-navigation__group-title-${groupId}`;\n  const classes = clsx('components-navigation__group', className);\n  return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(\"li\", {\n      className: classes,\n      children: [title && /*#__PURE__*/_jsx(GroupTitleUI, {\n        className: \"components-navigation__group-title\",\n        id: groupTitleId,\n        level: 3,\n        children: title\n      }), /*#__PURE__*/_jsx(\"ul\", {\n        \"aria-labelledby\": groupTitleId,\n        role: \"group\",\n        children: children\n      })]\n    })\n  });\n}\nexport default NavigationGroup;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,qBAAuC;AACvC,+BAA6B;AAC7B,IAAAA,kBAAqC;AACrC,yBAA2C;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,QAAI,yBAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,uCAAAC,KAAK,sCAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,cAAU,YAAAC,SAAK,gCAAgC,SAAS;AAC9D,SAAoB,uCAAAD,KAAK,sCAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,uCAAAE,MAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,uCAAAF,KAAK,uCAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,uCAAAA,KAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,qBAAuC;AACvC,+BAA6B;AAC7B,IAAAA,kBAAqC;AACrC,yBAA2C;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,QAAI,yBAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,uCAAAC,KAAK,sCAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,cAAU,YAAAC,SAAK,gCAAgC,SAAS;AAC9D,SAAoB,uCAAAD,KAAK,sCAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,uCAAAE,MAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,uCAAAF,KAAK,uCAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,uCAAAA,KAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
   "names": ["import_context", "_jsx", "clsx", "_jsxs"]
 }

package/build/navigation/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/index.tsx
 var navigation_exports = {};
 __export(navigation_exports, {
   Navigation: () => Navigation,
@@ -42,7 +44,7 @@ var import_context = require("./context");
 var import_navigation_styles = require("./styles/navigation-styles");
 var import_use_create_navigation_tree = require("./use-create-navigation-tree");
 var import_jsx_runtime = require("react/jsx-runtime");
-const noop = () => {
+var noop = () => {
 };
 function Navigation({
   activeItem,

package/build/navigation/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigation/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../animate';\nimport { ROOT_MENU } from './constants';\nimport { NavigationContext } from './context';\nimport { NavigationUI } from './styles/navigation-styles';\nimport { useCreateNavigationTree } from './use-create-navigation-tree';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Render a navigation list with optional groupings and hierarchy.\n *\n * @deprecated Use `Navigator` instead.\n *\n * ```jsx\n * import {\n *   __experimentalNavigation as Navigation,\n *   __experimentalNavigationGroup as NavigationGroup,\n *   __experimentalNavigationItem as NavigationItem,\n *   __experimentalNavigationMenu as NavigationMenu,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <Navigation>\n *     <NavigationMenu title=\"Home\">\n *       <NavigationGroup title=\"Group 1\">\n *         <NavigationItem item=\"item-1\" title=\"Item 1\" />\n *         <NavigationItem item=\"item-2\" title=\"Item 2\" />\n *       </NavigationGroup>\n *       <NavigationGroup title=\"Group 2\">\n *         <NavigationItem\n *           item=\"item-3\"\n *           navigateToMenu=\"category\"\n *           title=\"Category\"\n *         />\n *       </NavigationGroup>\n *     </NavigationMenu>\n *\n *     <NavigationMenu\n *       backButtonLabel=\"Home\"\n *       menu=\"category\"\n *       parentMenu=\"root\"\n *       title=\"Category\"\n *     >\n *       <NavigationItem badge=\"1\" item=\"child-1\" title=\"Child 1\" />\n *       <NavigationItem item=\"child-2\" title=\"Child 2\" />\n *     </NavigationMenu>\n *   </Navigation>\n * );\n * ```\n */\nexport function Navigation({\n  activeItem,\n  activeMenu = ROOT_MENU,\n  children,\n  className,\n  onActivateMenu = noop\n}) {\n  const [menu, setMenu] = useState(activeMenu);\n  const [slideOrigin, setSlideOrigin] = useState();\n  const navigationTree = useCreateNavigationTree();\n  const defaultSlideOrigin = isRTL() ? 'right' : 'left';\n  deprecated('wp.components.Navigation (and all subcomponents)', {\n    since: '6.8',\n    version: '7.1',\n    alternative: 'wp.components.Navigator'\n  });\n  const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {\n    if (!navigationTree.getMenu(menuId)) {\n      return;\n    }\n    setSlideOrigin(slideInOrigin);\n    setMenu(menuId);\n    onActivateMenu(menuId);\n  };\n\n  // Used to prevent the sliding animation on mount\n  const isMountedRef = useRef(false);\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true;\n    }\n  }, []);\n  useEffect(() => {\n    if (activeMenu !== menu) {\n      setActiveMenu(activeMenu);\n    }\n    // Not adding deps for now, as it would require either a larger refactor or some questionable workarounds.\n    // See https://github.com/WordPress/gutenberg/pull/41612 for context.\n  }, [activeMenu]);\n  const context = {\n    activeItem,\n    activeMenu: menu,\n    setActiveMenu,\n    navigationTree\n  };\n  const classes = clsx('components-navigation', className);\n  const animateClassName = getAnimateClassName({\n    type: 'slide-in',\n    origin: slideOrigin\n  });\n  return /*#__PURE__*/_jsx(NavigationUI, {\n    className: classes,\n    children: /*#__PURE__*/_jsx(\"div\", {\n      className: animateClassName ? clsx({\n        [animateClassName]: isMountedRef.current && slideOrigin\n      }) : undefined,\n      children: /*#__PURE__*/_jsx(NavigationContext.Provider, {\n        value: context,\n        children: children\n      })\n    }, menu)\n  });\n}\nexport default Navigation;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAAuB;AACvB,qBAA4C;AAC5C,kBAAsB;AAKtB,qBAAoC;AACpC,uBAA0B;AAC1B,qBAAkC;AAClC,+BAA6B;AAC7B,wCAAwC;AACxC,yBAA4B;AAC5B,MAAM,OAAO,MAAM;AAAC;AA4Cb,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAG;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,yBAAS,UAAU;AAC3C,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS;AAC/C,QAAM,qBAAiB,2DAAwB;AAC/C,QAAM,yBAAqB,mBAAM,IAAI,UAAU;AAC/C,wBAAAA,SAAW,oDAAoD;AAAA,IAC7D,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AACD,QAAM,gBAAgB,CAAC,QAAQ,gBAAgB,uBAAuB;AACpE,QAAI,CAAC,eAAe,QAAQ,MAAM,GAAG;AACnC;AAAA,IACF;AACA,mBAAe,aAAa;AAC5B,YAAQ,MAAM;AACd,mBAAe,MAAM;AAAA,EACvB;AAGA,QAAM,mBAAe,uBAAO,KAAK;AACjC,gCAAU,MAAM;AACd,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,gCAAU,MAAM;AACd,QAAI,eAAe,MAAM;AACvB,oBAAc,UAAU;AAAA,IAC1B;AAAA,EAGF,GAAG,CAAC,UAAU,CAAC;AACf,QAAM,UAAU;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,cAAU,YAAAC,SAAK,yBAAyB,SAAS;AACvD,QAAM,uBAAmB,oCAAoB;AAAA,IAC3C,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACD,SAAoB,uCAAAC,KAAK,uCAAc;AAAA,IACrC,WAAW;AAAA,IACX,UAAuB,uCAAAA,KAAK,OAAO;AAAA,MACjC,WAAW,uBAAmB,YAAAD,SAAK;AAAA,QACjC,CAAC,gBAAgB,GAAG,aAAa,WAAW;AAAA,MAC9C,CAAC,IAAI;AAAA,MACL,UAAuB,uCAAAC,KAAK,iCAAkB,UAAU;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,IACH,GAAG,IAAI;AAAA,EACT,CAAC;AACH;AACA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,wBAAuB;AACvB,qBAA4C;AAC5C,kBAAsB;AAKtB,qBAAoC;AACpC,uBAA0B;AAC1B,qBAAkC;AAClC,+BAA6B;AAC7B,wCAAwC;AACxC,yBAA4B;AAC5B,IAAM,OAAO,MAAM;AAAC;AA4Cb,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAG;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,yBAAS,UAAU;AAC3C,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS;AAC/C,QAAM,qBAAiB,2DAAwB;AAC/C,QAAM,yBAAqB,mBAAM,IAAI,UAAU;AAC/C,wBAAAA,SAAW,oDAAoD;AAAA,IAC7D,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AACD,QAAM,gBAAgB,CAAC,QAAQ,gBAAgB,uBAAuB;AACpE,QAAI,CAAC,eAAe,QAAQ,MAAM,GAAG;AACnC;AAAA,IACF;AACA,mBAAe,aAAa;AAC5B,YAAQ,MAAM;AACd,mBAAe,MAAM;AAAA,EACvB;AAGA,QAAM,mBAAe,uBAAO,KAAK;AACjC,gCAAU,MAAM;AACd,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,gCAAU,MAAM;AACd,QAAI,eAAe,MAAM;AACvB,oBAAc,UAAU;AAAA,IAC1B;AAAA,EAGF,GAAG,CAAC,UAAU,CAAC;AACf,QAAM,UAAU;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,cAAU,YAAAC,SAAK,yBAAyB,SAAS;AACvD,QAAM,uBAAmB,oCAAoB;AAAA,IAC3C,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACD,SAAoB,uCAAAC,KAAK,uCAAc;AAAA,IACrC,WAAW;AAAA,IACX,UAAuB,uCAAAA,KAAK,OAAO;AAAA,MACjC,WAAW,uBAAmB,YAAAD,SAAK;AAAA,QACjC,CAAC,gBAAgB,GAAG,aAAa,WAAW;AAAA,MAC9C,CAAC,IAAI;AAAA,MACL,UAAuB,uCAAAC,KAAK,iCAAkB,UAAU;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,IACH,GAAG,IAAI;AAAA,EACT,CAAC;AACH;AACA,IAAO,qBAAQ;",
   "names": ["deprecated", "clsx", "_jsx"]
 }

package/build/navigation/item/base-content.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/item/base-content.tsx
 var base_content_exports = {};
 __export(base_content_exports, {
   default: () => NavigationItemBaseContent

package/build/navigation/item/base-content.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/item/base-content.tsx"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { ItemBadgeUI, ItemTitleUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function NavigationItemBaseContent(props) {\n  const {\n    badge,\n    title\n  } = props;\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [title && /*#__PURE__*/_jsx(ItemTitleUI, {\n      className: \"components-navigation__item-title\",\n      as: \"span\",\n      children: title\n    }), badge && /*#__PURE__*/_jsx(ItemBadgeUI, {\n      className: \"components-navigation__item-badge\",\n      children: badge\n    })]\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,+BAAyC;AACzC,yBAAkE;AACnD,SAAR,0BAA2C,OAAO;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SAAoB,uCAAAA,MAAM,mBAAAC,UAAW;AAAA,IACnC,UAAU,CAAC,SAAsB,uCAAAC,KAAK,sCAAa;AAAA,MACjD,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,GAAG,SAAsB,uCAAAA,KAAK,sCAAa;AAAA,MAC1C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,+BAAyC;AACzC,yBAAkE;AACnD,SAAR,0BAA2C,OAAO;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SAAoB,uCAAAA,MAAM,mBAAAC,UAAW;AAAA,IACnC,UAAU,CAAC,SAAsB,uCAAAC,KAAK,sCAAa;AAAA,MACjD,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,GAAG,SAAsB,uCAAAA,KAAK,sCAAa;AAAA,MAC1C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
   "names": ["_jsxs", "_Fragment", "_jsx"]
 }

package/build/navigation/item/base.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/item/base.tsx
 var base_exports = {};
 __export(base_exports, {
   default: () => NavigationItemBase
@@ -37,7 +39,7 @@ var import_context = require("../context");
 var import_use_navigation_tree_item = require("./use-navigation-tree-item");
 var import_navigation_styles = require("../styles/navigation-styles");
 var import_jsx_runtime = require("react/jsx-runtime");
-let uniqueId = 0;
+var uniqueId = 0;
 function NavigationItemBase(props) {
   const {
     children,

package/build/navigation/item/base.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/item/base.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeItem } from './use-navigation-tree-item';\nimport { ItemBaseUI } from '../styles/navigation-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nlet uniqueId = 0;\nexport default function NavigationItemBase(props) {\n  // Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.\n  const {\n    children,\n    className,\n    title,\n    href,\n    ...restProps\n  } = props;\n  const [itemId] = useState(`item-${++uniqueId}`);\n  useNavigationTreeItem(itemId, props);\n  const {\n    navigationTree\n  } = useNavigationContext();\n  if (!navigationTree.getItem(itemId)?._isVisible) {\n    return null;\n  }\n  const classes = clsx('components-navigation__item', className);\n  return /*#__PURE__*/_jsx(ItemBaseUI, {\n    className: classes,\n    ...restProps,\n    children: children\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,qBAAqC;AACrC,sCAAsC;AACtC,+BAA2B;AAC3B,yBAA4B;AAC5B,IAAI,WAAW;AACA,SAAR,mBAAoC,OAAO;AAEhD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,MAAM,QAAI,yBAAS,QAAQ,EAAE,QAAQ,EAAE;AAC9C,6DAAsB,QAAQ,KAAK;AACnC,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,qCAAqB;AACzB,MAAI,CAAC,eAAe,QAAQ,MAAM,GAAG,YAAY;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,cAAU,YAAAA,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAC,KAAK,qCAAY;AAAA,IACnC,WAAW;AAAA,IACX,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,qBAAqC;AACrC,sCAAsC;AACtC,+BAA2B;AAC3B,yBAA4B;AAC5B,IAAI,WAAW;AACA,SAAR,mBAAoC,OAAO;AAEhD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,MAAM,QAAI,yBAAS,QAAQ,EAAE,QAAQ,EAAE;AAC9C,6DAAsB,QAAQ,KAAK;AACnC,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,qCAAqB;AACzB,MAAI,CAAC,eAAe,QAAQ,MAAM,GAAG,YAAY;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,cAAU,YAAAA,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAC,KAAK,qCAAY;AAAA,IACnC,WAAW;AAAA,IACX,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
   "names": ["clsx", "_jsx"]
 }

package/build/navigation/item/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/item/index.tsx
 var item_exports = {};
 __export(item_exports, {
   NavigationItem: () => NavigationItem,
@@ -41,7 +43,7 @@ var import_navigation_styles = require("../styles/navigation-styles");
 var import_base_content = __toESM(require("./base-content"));
 var import_base = __toESM(require("./base"));
 var import_jsx_runtime = require("react/jsx-runtime");
-const noop = () => {
+var noop = () => {
 };
 function NavigationItem(props) {
   const {

package/build/navigation/item/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/item/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { useNavigationContext } from '../context';\nimport { ItemUI, ItemIconUI } from '../styles/navigation-styles';\nimport NavigationItemBaseContent from './base-content';\nimport NavigationItemBase from './base';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationItem(props) {\n  const {\n    badge,\n    children,\n    className,\n    href,\n    item,\n    navigateToMenu,\n    onClick = noop,\n    title,\n    icon,\n    hideIfTargetMenuEmpty,\n    isText,\n    ...restProps\n  } = props;\n  const {\n    activeItem,\n    setActiveMenu,\n    navigationTree: {\n      isMenuEmpty\n    }\n  } = useNavigationContext();\n\n  // If hideIfTargetMenuEmpty prop is true\n  // And the menu we are supposed to navigate to\n  // Is marked as empty, then we skip rendering the item.\n  if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {\n    return null;\n  }\n  const isActive = item && activeItem === item;\n  const classes = clsx(className, {\n    'is-active': isActive\n  });\n  const onItemClick = event => {\n    if (navigateToMenu) {\n      setActiveMenu(navigateToMenu);\n    }\n    onClick(event);\n  };\n  const navigationIcon = isRTL() ? chevronLeft : chevronRight;\n  const baseProps = children ? props : {\n    ...props,\n    onClick: undefined\n  };\n  const itemProps = isText ? restProps : {\n    as: Button,\n    __next40pxDefaultSize: 'as' in restProps ? restProps.as === undefined : true,\n    href,\n    onClick: onItemClick,\n    'aria-current': isActive ? 'page' : undefined,\n    ...restProps\n  };\n  return /*#__PURE__*/_jsx(NavigationItemBase, {\n    ...baseProps,\n    className: classes,\n    children: children || /*#__PURE__*/_jsxs(ItemUI, {\n      ...itemProps,\n      children: [icon && /*#__PURE__*/_jsx(ItemIconUI, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: icon\n        })\n      }), /*#__PURE__*/_jsx(NavigationItemBaseContent, {\n        title: title,\n        badge: badge\n      }), navigateToMenu && /*#__PURE__*/_jsx(Icon, {\n        icon: navigationIcon\n      })]\n    })\n  });\n}\nexport default NavigationItem;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,mBAAgD;AAChD,kBAAsB;AAKtB,oBAAmB;AACnB,qBAAqC;AACrC,+BAAmC;AACnC,0BAAsC;AACtC,kBAA+B;AAC/B,yBAA2C;AAC3C,MAAM,OAAO,MAAM;AAAC;AAKb,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AAKzB,MAAI,yBAAyB,kBAAkB,YAAY,cAAc,GAAG;AAC1E,WAAO;AAAA,EACT;AACA,QAAM,WAAW,QAAQ,eAAe;AACxC,QAAM,cAAU,YAAAA,SAAK,WAAW;AAAA,IAC9B,aAAa;AAAA,EACf,CAAC;AACD,QAAM,cAAc,WAAS;AAC3B,QAAI,gBAAgB;AAClB,oBAAc,cAAc;AAAA,IAC9B;AACA,YAAQ,KAAK;AAAA,EACf;AACA,QAAM,qBAAiB,mBAAM,IAAI,2BAAc;AAC/C,QAAM,YAAY,WAAW,QAAQ;AAAA,IACnC,GAAG;AAAA,IACH,SAAS;AAAA,EACX;AACA,QAAM,YAAY,SAAS,YAAY;AAAA,IACrC,IAAI,cAAAC;AAAA,IACJ,uBAAuB,QAAQ,YAAY,UAAU,OAAO,SAAY;AAAA,IACxE;AAAA,IACA,SAAS;AAAA,IACT,gBAAgB,WAAW,SAAS;AAAA,IACpC,GAAG;AAAA,EACL;AACA,SAAoB,uCAAAC,KAAK,YAAAC,SAAoB;AAAA,IAC3C,GAAG;AAAA,IACH,WAAW;AAAA,IACX,UAAU,YAAyB,uCAAAC,MAAM,iCAAQ;AAAA,MAC/C,GAAG;AAAA,MACH,UAAU,CAAC,QAAqB,uCAAAF,KAAK,qCAAY;AAAA,QAC/C,UAAuB,uCAAAA,KAAK,mBAAM;AAAA,UAChC;AAAA,QACF,CAAC;AAAA,MACH,CAAC,GAAgB,uCAAAA,KAAK,oBAAAG,SAA2B;AAAA,QAC/C;AAAA,QACA;AAAA,MACF,CAAC,GAAG,kBAA+B,uCAAAH,KAAK,mBAAM;AAAA,QAC5C,MAAM;AAAA,MACR,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,mBAAgD;AAChD,kBAAsB;AAKtB,oBAAmB;AACnB,qBAAqC;AACrC,+BAAmC;AACnC,0BAAsC;AACtC,kBAA+B;AAC/B,yBAA2C;AAC3C,IAAM,OAAO,MAAM;AAAC;AAKb,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AAKzB,MAAI,yBAAyB,kBAAkB,YAAY,cAAc,GAAG;AAC1E,WAAO;AAAA,EACT;AACA,QAAM,WAAW,QAAQ,eAAe;AACxC,QAAM,cAAU,YAAAA,SAAK,WAAW;AAAA,IAC9B,aAAa;AAAA,EACf,CAAC;AACD,QAAM,cAAc,WAAS;AAC3B,QAAI,gBAAgB;AAClB,oBAAc,cAAc;AAAA,IAC9B;AACA,YAAQ,KAAK;AAAA,EACf;AACA,QAAM,qBAAiB,mBAAM,IAAI,2BAAc;AAC/C,QAAM,YAAY,WAAW,QAAQ;AAAA,IACnC,GAAG;AAAA,IACH,SAAS;AAAA,EACX;AACA,QAAM,YAAY,SAAS,YAAY;AAAA,IACrC,IAAI,cAAAC;AAAA,IACJ,uBAAuB,QAAQ,YAAY,UAAU,OAAO,SAAY;AAAA,IACxE;AAAA,IACA,SAAS;AAAA,IACT,gBAAgB,WAAW,SAAS;AAAA,IACpC,GAAG;AAAA,EACL;AACA,SAAoB,uCAAAC,KAAK,YAAAC,SAAoB;AAAA,IAC3C,GAAG;AAAA,IACH,WAAW;AAAA,IACX,UAAU,YAAyB,uCAAAC,MAAM,iCAAQ;AAAA,MAC/C,GAAG;AAAA,MACH,UAAU,CAAC,QAAqB,uCAAAF,KAAK,qCAAY;AAAA,QAC/C,UAAuB,uCAAAA,KAAK,mBAAM;AAAA,UAChC;AAAA,QACF,CAAC;AAAA,MACH,CAAC,GAAgB,uCAAAA,KAAK,oBAAAG,SAA2B;AAAA,QAC/C;AAAA,QACA;AAAA,MACF,CAAC,GAAG,kBAA+B,uCAAAH,KAAK,mBAAM;AAAA,QAC5C,MAAM;AAAA,MACR,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
   "names": ["clsx", "Button", "_jsx", "NavigationItemBase", "_jsxs", "NavigationItemBaseContent"]
 }

package/build/navigation/item/use-navigation-tree-item.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/item/use-navigation-tree-item.tsx
 var use_navigation_tree_item_exports = {};
 __export(use_navigation_tree_item_exports, {
   useNavigationTreeItem: () => useNavigationTreeItem
@@ -26,7 +28,7 @@ var import_context = require("../context");
 var import_context2 = require("../group/context");
 var import_context3 = require("../menu/context");
 var import_utils = require("../utils");
-const useNavigationTreeItem = (itemId, props) => {
+var useNavigationTreeItem = (itemId, props) => {
   const {
     activeMenu,
     navigationTree: {

package/build/navigation/item/use-navigation-tree-item.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/item/use-navigation-tree-item.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { useNavigationGroupContext } from '../group/context';\nimport { useNavigationMenuContext } from '../menu/context';\nimport { normalizedSearch } from '../utils';\nexport const useNavigationTreeItem = (itemId, props) => {\n  const {\n    activeMenu,\n    navigationTree: {\n      addItem,\n      removeItem\n    }\n  } = useNavigationContext();\n  const {\n    group\n  } = useNavigationGroupContext();\n  const {\n    menu,\n    search\n  } = useNavigationMenuContext();\n  useEffect(() => {\n    const isMenuActive = activeMenu === menu;\n    const isItemVisible = !search || props.title !== undefined && normalizedSearch(props.title, search);\n    addItem(itemId, {\n      ...props,\n      group,\n      menu,\n      _isVisible: isMenuActive && isItemVisible\n    });\n    return () => {\n      removeItem(itemId);\n    };\n    // Not adding deps for now, as it would require either a larger refactor.\n    // See https://github.com/WordPress/gutenberg/pull/41639\n  }, [activeMenu, search]);\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAK1B,qBAAqC;AACrC,IAAAA,kBAA0C;AAC1C,IAAAA,kBAAyC;AACzC,mBAAiC;AAC1B,MAAM,wBAAwB,CAAC,QAAQ,UAAU;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,2CAA0B;AAC9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,0CAAyB;AAC7B,gCAAU,MAAM;AACd,UAAM,eAAe,eAAe;AACpC,UAAM,gBAAgB,CAAC,UAAU,MAAM,UAAU,cAAa,+BAAiB,MAAM,OAAO,MAAM;AAClG,YAAQ,QAAQ;AAAA,MACd,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,YAAY,gBAAgB;AAAA,IAC9B,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,MAAM;AAAA,IACnB;AAAA,EAGF,GAAG,CAAC,YAAY,MAAM,CAAC;AACzB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAK1B,qBAAqC;AACrC,IAAAA,kBAA0C;AAC1C,IAAAA,kBAAyC;AACzC,mBAAiC;AAC1B,IAAM,wBAAwB,CAAC,QAAQ,UAAU;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,2CAA0B;AAC9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,0CAAyB;AAC7B,gCAAU,MAAM;AACd,UAAM,eAAe,eAAe;AACpC,UAAM,gBAAgB,CAAC,UAAU,MAAM,UAAU,cAAa,+BAAiB,MAAM,OAAO,MAAM;AAClG,YAAQ,QAAQ;AAAA,MACd,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,YAAY,gBAAgB;AAAA,IAC9B,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,MAAM;AAAA,IACnB;AAAA,EAGF,GAAG,CAAC,YAAY,MAAM,CAAC;AACzB;",
   "names": ["import_context"]
 }

package/build/navigation/menu/context.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/menu/context.tsx
 var context_exports = {};
 __export(context_exports, {
   NavigationMenuContext: () => NavigationMenuContext,
@@ -23,12 +25,12 @@ __export(context_exports, {
 });
 module.exports = __toCommonJS(context_exports);
 var import_element = require("@wordpress/element");
-const NavigationMenuContext = (0, import_element.createContext)({
+var NavigationMenuContext = (0, import_element.createContext)({
   menu: void 0,
   search: ""
 });
 NavigationMenuContext.displayName = "NavigationMenuContext";
-const useNavigationMenuContext = () => (0, import_element.useContext)(NavigationMenuContext);
+var useNavigationMenuContext = () => (0, import_element.useContext)(NavigationMenuContext);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NavigationMenuContext,

package/build/navigation/menu/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/menu/context.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationMenuContext = createContext({\n  menu: undefined,\n  search: ''\n});\nNavigationMenuContext.displayName = 'NavigationMenuContext';\nexport const useNavigationMenuContext = () => useContext(NavigationMenuContext);"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAMnC,MAAM,4BAAwB,8BAAc;AAAA,EACjD,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AACD,sBAAsB,cAAc;AAC7B,MAAM,2BAA2B,UAAM,2BAAW,qBAAqB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAMnC,IAAM,4BAAwB,8BAAc;AAAA,EACjD,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AACD,sBAAsB,cAAc;AAC7B,IAAM,2BAA2B,UAAM,2BAAW,qBAAqB;",
   "names": []
 }

package/build/navigation/menu/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/menu/index.tsx
 var menu_exports = {};
 __export(menu_exports, {
   NavigationMenu: () => NavigationMenu,

package/build/navigation/menu/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/menu/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from '../constants';\nimport { NavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeMenu } from './use-navigation-tree-menu';\nimport NavigationBackButton from '../back-button';\nimport NavigationMenuTitle from './menu-title';\nimport NavigationSearchNoResultsFound from './search-no-results-found';\nimport { NavigableMenu } from '../../navigable-container';\nimport { MenuUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationMenu(props) {\n  const {\n    backButtonLabel,\n    children,\n    className,\n    hasSearch,\n    menu = ROOT_MENU,\n    onBackButtonClick,\n    onSearch: setControlledSearch,\n    parentMenu,\n    search: controlledSearch,\n    isSearchDebouncing,\n    title,\n    titleAction\n  } = props;\n  const [uncontrolledSearch, setUncontrolledSearch] = useState('');\n  useNavigationTreeMenu(props);\n  const {\n    activeMenu\n  } = useNavigationContext();\n  const context = {\n    menu,\n    search: uncontrolledSearch\n  };\n\n  // Keep the children rendered to make sure invisible items are included in the navigation tree.\n  if (activeMenu !== menu) {\n    return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {\n      value: context,\n      children: children\n    });\n  }\n  const isControlledSearch = !!setControlledSearch;\n  const search = isControlledSearch ? controlledSearch : uncontrolledSearch;\n  const onSearch = isControlledSearch ? setControlledSearch : setUncontrolledSearch;\n  const menuTitleId = `components-navigation__menu-title-${menu}`;\n  const classes = clsx('components-navigation__menu', className);\n  return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(MenuUI, {\n      className: classes,\n      children: [(parentMenu || onBackButtonClick) && /*#__PURE__*/_jsx(NavigationBackButton, {\n        backButtonLabel: backButtonLabel,\n        parentMenu: parentMenu,\n        onClick: onBackButtonClick\n      }), title && /*#__PURE__*/_jsx(NavigationMenuTitle, {\n        hasSearch: hasSearch,\n        onSearch: onSearch,\n        search: search,\n        title: title,\n        titleAction: titleAction\n      }), /*#__PURE__*/_jsx(NavigableMenu, {\n        children: /*#__PURE__*/_jsxs(\"ul\", {\n          \"aria-labelledby\": menuTitleId,\n          children: [children, search && !isSearchDebouncing && /*#__PURE__*/_jsx(NavigationSearchNoResultsFound, {\n            search: search\n          })]\n        })\n      })]\n    })\n  });\n}\nexport default NavigationMenu;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,uBAA0B;AAC1B,qBAAsC;AACtC,IAAAA,kBAAqC;AACrC,sCAAsC;AACtC,yBAAiC;AACjC,wBAAgC;AAChC,qCAA2C;AAC3C,iCAA8B;AAC9B,+BAAuB;AACvB,yBAA2C;AAIpC,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS,EAAE;AAC/D,6DAAsB,KAAK;AAC3B,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,EACV;AAGA,MAAI,eAAe,MAAM;AACvB,WAAoB,uCAAAC,KAAK,qCAAsB,UAAU;AAAA,MACvD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,CAAC,CAAC;AAC7B,QAAM,SAAS,qBAAqB,mBAAmB;AACvD,QAAM,WAAW,qBAAqB,sBAAsB;AAC5D,QAAM,cAAc,qCAAqC,IAAI;AAC7D,QAAM,cAAU,YAAAC,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAD,KAAK,qCAAsB,UAAU;AAAA,IACvD,OAAO;AAAA,IACP,UAAuB,uCAAAE,MAAM,iCAAQ;AAAA,MACnC,WAAW;AAAA,MACX,UAAU,EAAE,cAAc,sBAAmC,uCAAAF,KAAK,mBAAAG,SAAsB;AAAA,QACtF;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MACX,CAAC,GAAG,SAAsB,uCAAAH,KAAK,kBAAAI,SAAqB;AAAA,QAClD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GAAgB,uCAAAJ,KAAK,0CAAe;AAAA,QACnC,UAAuB,uCAAAE,MAAM,MAAM;AAAA,UACjC,mBAAmB;AAAA,UACnB,UAAU,CAAC,UAAU,UAAU,CAAC,sBAAmC,uCAAAF,KAAK,+BAAAK,SAAgC;AAAA,YACtG;AAAA,UACF,CAAC,CAAC;AAAA,QACJ,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,uBAA0B;AAC1B,qBAAsC;AACtC,IAAAA,kBAAqC;AACrC,sCAAsC;AACtC,yBAAiC;AACjC,wBAAgC;AAChC,qCAA2C;AAC3C,iCAA8B;AAC9B,+BAAuB;AACvB,yBAA2C;AAIpC,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS,EAAE;AAC/D,6DAAsB,KAAK;AAC3B,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,EACV;AAGA,MAAI,eAAe,MAAM;AACvB,WAAoB,uCAAAC,KAAK,qCAAsB,UAAU;AAAA,MACvD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,CAAC,CAAC;AAC7B,QAAM,SAAS,qBAAqB,mBAAmB;AACvD,QAAM,WAAW,qBAAqB,sBAAsB;AAC5D,QAAM,cAAc,qCAAqC,IAAI;AAC7D,QAAM,cAAU,YAAAC,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAD,KAAK,qCAAsB,UAAU;AAAA,IACvD,OAAO;AAAA,IACP,UAAuB,uCAAAE,MAAM,iCAAQ;AAAA,MACnC,WAAW;AAAA,MACX,UAAU,EAAE,cAAc,sBAAmC,uCAAAF,KAAK,mBAAAG,SAAsB;AAAA,QACtF;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MACX,CAAC,GAAG,SAAsB,uCAAAH,KAAK,kBAAAI,SAAqB;AAAA,QAClD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GAAgB,uCAAAJ,KAAK,0CAAe;AAAA,QACnC,UAAuB,uCAAAE,MAAM,MAAM;AAAA,UACjC,mBAAmB;AAAA,UACnB,UAAU,CAAC,UAAU,UAAU,CAAC,sBAAmC,uCAAAF,KAAK,+BAAAK,SAAgC;AAAA,YACtG;AAAA,UACF,CAAC,CAAC;AAAA,QACJ,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
   "names": ["import_context", "_jsx", "clsx", "_jsxs", "NavigationBackButton", "NavigationMenuTitle", "NavigationSearchNoResultsFound"]
 }

package/build/navigation/menu/menu-title-search.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/menu/menu-title-search.tsx
 var menu_title_search_exports = {};
 __export(menu_title_search_exports, {
   default: () => menu_title_search_default

package/build/navigation/menu/menu-title-search.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/menu/menu-title-search.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport withSpokenMessages from '../../higher-order/with-spoken-messages';\nimport { useNavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\nimport SearchControl from '../../search-control';\nimport { MenuTitleSearchControlWrapper } from '../styles/navigation-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction MenuTitleSearch({\n  debouncedSpeak,\n  onCloseSearch,\n  onSearch,\n  search,\n  title\n}) {\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const {\n    menu\n  } = useNavigationMenuContext();\n  const inputRef = useRef(null);\n\n  // Wait for the slide-in animation to complete before autofocusing the input.\n  // This prevents scrolling to the input during the animation.\n  useEffect(() => {\n    const delayedFocus = setTimeout(() => {\n      inputRef.current?.focus();\n    }, SEARCH_FOCUS_DELAY);\n    return () => {\n      clearTimeout(delayedFocus);\n    };\n  }, []);\n  useEffect(() => {\n    if (!search) {\n      return;\n    }\n    const count = Object.values(items).filter(item => item._isVisible).length;\n    const resultsFoundMessage = sprintf(/* translators: %d: number of results. */\n    _n('%d result found.', '%d results found.', count), count);\n    debouncedSpeak(resultsFoundMessage);\n    // Not adding deps for now, as it would require either a larger refactor.\n    // See https://github.com/WordPress/gutenberg/pull/44090\n  }, [items, search]);\n  const onClose = () => {\n    onSearch?.('');\n    onCloseSearch();\n  };\n  const onKeyDown = event => {\n    if (event.code === 'Escape' && !event.defaultPrevented) {\n      event.preventDefault();\n      onClose();\n    }\n  };\n  const inputId = `components-navigation__menu-title-search-${menu}`;\n  const placeholder = sprintf(/* translators: placeholder for menu search box. %s: menu title */\n  __('Search %s'), title?.toLowerCase() || '').trim();\n  return /*#__PURE__*/_jsx(MenuTitleSearchControlWrapper, {\n    children: /*#__PURE__*/_jsx(SearchControl, {\n      __nextHasNoMarginBottom: true,\n      className: \"components-navigation__menu-search-input\",\n      id: inputId,\n      onChange: value => onSearch?.(value),\n      onKeyDown: onKeyDown,\n      placeholder: placeholder,\n      onClose: onClose,\n      ref: inputRef,\n      value: search\n    })\n  });\n}\nexport default withSpokenMessages(MenuTitleSearch);"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAClC,kBAAgC;AAKhC,kCAA+B;AAC/B,qBAAyC;AACzC,IAAAA,kBAAqC;AACrC,uBAAmC;AACnC,4BAA0B;AAC1B,+BAA8C;AAC9C,yBAA4B;AAC5B,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,yCAAyB;AAC7B,QAAM,eAAW,uBAAO,IAAI;AAI5B,gCAAU,MAAM;AACd,UAAM,eAAe,WAAW,MAAM;AACpC,eAAS,SAAS,MAAM;AAAA,IAC1B,GAAG,mCAAkB;AACrB,WAAO,MAAM;AACX,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,gCAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,UAAM,QAAQ,OAAO,OAAO,KAAK,EAAE,OAAO,UAAQ,KAAK,UAAU,EAAE;AACnE,UAAM,0BAAsB;AAAA;AAAA,UAC5B,gBAAG,oBAAoB,qBAAqB,KAAK;AAAA,MAAG;AAAA,IAAK;AACzD,mBAAe,mBAAmB;AAAA,EAGpC,GAAG,CAAC,OAAO,MAAM,CAAC;AAClB,QAAM,UAAU,MAAM;AACpB,eAAW,EAAE;AACb,kBAAc;AAAA,EAChB;AACA,QAAM,YAAY,WAAS;AACzB,QAAI,MAAM,SAAS,YAAY,CAAC,MAAM,kBAAkB;AACtD,YAAM,eAAe;AACrB,cAAQ;AAAA,IACV;AAAA,EACF;AACA,QAAM,UAAU,4CAA4C,IAAI;AAChE,QAAM,kBAAc;AAAA;AAAA,QACpB,gBAAG,WAAW;AAAA,IAAG,OAAO,YAAY,KAAK;AAAA,EAAE,EAAE,KAAK;AAClD,SAAoB,uCAAAC,KAAK,wDAA+B;AAAA,IACtD,UAAuB,uCAAAA,KAAK,sBAAAC,SAAe;AAAA,MACzC,yBAAyB;AAAA,MACzB,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU,WAAS,WAAW,KAAK;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gCAAQ,4BAAAC,SAAmB,eAAe;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAClC,kBAAgC;AAKhC,kCAA+B;AAC/B,qBAAyC;AACzC,IAAAA,kBAAqC;AACrC,uBAAmC;AACnC,4BAA0B;AAC1B,+BAA8C;AAC9C,yBAA4B;AAC5B,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,yCAAyB;AAC7B,QAAM,eAAW,uBAAO,IAAI;AAI5B,gCAAU,MAAM;AACd,UAAM,eAAe,WAAW,MAAM;AACpC,eAAS,SAAS,MAAM;AAAA,IAC1B,GAAG,mCAAkB;AACrB,WAAO,MAAM;AACX,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,gCAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,UAAM,QAAQ,OAAO,OAAO,KAAK,EAAE,OAAO,UAAQ,KAAK,UAAU,EAAE;AACnE,UAAM,0BAAsB;AAAA;AAAA,UAC5B,gBAAG,oBAAoB,qBAAqB,KAAK;AAAA,MAAG;AAAA,IAAK;AACzD,mBAAe,mBAAmB;AAAA,EAGpC,GAAG,CAAC,OAAO,MAAM,CAAC;AAClB,QAAM,UAAU,MAAM;AACpB,eAAW,EAAE;AACb,kBAAc;AAAA,EAChB;AACA,QAAM,YAAY,WAAS;AACzB,QAAI,MAAM,SAAS,YAAY,CAAC,MAAM,kBAAkB;AACtD,YAAM,eAAe;AACrB,cAAQ;AAAA,IACV;AAAA,EACF;AACA,QAAM,UAAU,4CAA4C,IAAI;AAChE,QAAM,kBAAc;AAAA;AAAA,QACpB,gBAAG,WAAW;AAAA,IAAG,OAAO,YAAY,KAAK;AAAA,EAAE,EAAE,KAAK;AAClD,SAAoB,uCAAAC,KAAK,wDAA+B;AAAA,IACtD,UAAuB,uCAAAA,KAAK,sBAAAC,SAAe;AAAA,MACzC,yBAAyB;AAAA,MACzB,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU,WAAS,WAAW,KAAK;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gCAAQ,4BAAAC,SAAmB,eAAe;",
   "names": ["import_context", "_jsx", "SearchControl", "withSpokenMessages"]
 }

package/build/navigation/menu/menu-title.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/menu/menu-title.tsx
 var menu_title_exports = {};
 __export(menu_title_exports, {
   default: () => NavigationMenuTitle

package/build/navigation/menu/menu-title.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/menu/menu-title.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, search as searchIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../../animate';\nimport Button from '../../button';\nimport MenuTitleSearch from './menu-title-search';\nimport { GroupTitleUI, MenuTitleActionsUI, MenuTitleUI } from '../styles/navigation-styles';\nimport { useNavigationMenuContext } from './context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function NavigationMenuTitle({\n  hasSearch,\n  onSearch,\n  search,\n  title,\n  titleAction\n}) {\n  const [isSearching, setIsSearching] = useState(false);\n  const {\n    menu\n  } = useNavigationMenuContext();\n  const searchButtonRef = useRef(null);\n  if (!title) {\n    return null;\n  }\n  const onCloseSearch = () => {\n    setIsSearching(false);\n\n    // Wait for the slide-in animation to complete before focusing the search button.\n    // eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n    setTimeout(() => {\n      searchButtonRef.current?.focus();\n    }, SEARCH_FOCUS_DELAY);\n  };\n  const menuTitleId = `components-navigation__menu-title-${menu}`;\n  /* translators: search button label for menu search box. %s: menu title */\n  const searchButtonLabel = sprintf(__('Search in %s'), title);\n  return /*#__PURE__*/_jsxs(MenuTitleUI, {\n    className: \"components-navigation__menu-title\",\n    children: [!isSearching && /*#__PURE__*/_jsxs(GroupTitleUI, {\n      as: \"h2\",\n      className: \"components-navigation__menu-title-heading\",\n      level: 3,\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        id: menuTitleId,\n        children: title\n      }), (hasSearch || titleAction) && /*#__PURE__*/_jsxs(MenuTitleActionsUI, {\n        children: [titleAction, hasSearch && /*#__PURE__*/_jsx(Button, {\n          size: \"small\",\n          variant: \"tertiary\",\n          label: searchButtonLabel,\n          onClick: () => setIsSearching(true),\n          ref: searchButtonRef,\n          children: /*#__PURE__*/_jsx(Icon, {\n            icon: searchIcon\n          })\n        })]\n      })]\n    }), isSearching && /*#__PURE__*/_jsx(\"div\", {\n      className: getAnimateClassName({\n        type: 'slide-in',\n        origin: 'left'\n      }),\n      children: /*#__PURE__*/_jsx(MenuTitleSearch, {\n        onCloseSearch: onCloseSearch,\n        onSearch: onSearch,\n        search: search,\n        title: title\n      })\n    })]\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiC;AACjC,kBAA4B;AAC5B,mBAA2C;AAK3C,qBAAoC;AACpC,oBAAmB;AACnB,+BAA4B;AAC5B,+BAA8D;AAC9D,qBAAyC;AACzC,uBAAmC;AACnC,yBAA2C;AAC5B,SAAR,oBAAqC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,KAAK;AACpD,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,yCAAyB;AAC7B,QAAM,sBAAkB,uBAAO,IAAI;AACnC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,gBAAgB,MAAM;AAC1B,mBAAe,KAAK;AAIpB,eAAW,MAAM;AACf,sBAAgB,SAAS,MAAM;AAAA,IACjC,GAAG,mCAAkB;AAAA,EACvB;AACA,QAAM,cAAc,qCAAqC,IAAI;AAE7D,QAAM,wBAAoB,yBAAQ,gBAAG,cAAc,GAAG,KAAK;AAC3D,SAAoB,uCAAAA,MAAM,sCAAa;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,CAAC,eAA4B,uCAAAA,MAAM,uCAAc;AAAA,MAC1D,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,CAAc,uCAAAC,KAAK,QAAQ;AAAA,QACnC,IAAI;AAAA,QACJ,UAAU;AAAA,MACZ,CAAC,IAAI,aAAa,gBAA6B,uCAAAD,MAAM,6CAAoB;AAAA,QACvE,UAAU,CAAC,aAAa,aAA0B,uCAAAC,KAAK,cAAAC,SAAQ;AAAA,UAC7D,MAAM;AAAA,UACN,SAAS;AAAA,UACT,OAAO;AAAA,UACP,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,KAAK;AAAA,UACL,UAAuB,uCAAAD,KAAK,mBAAM;AAAA,YAChC,MAAM,aAAAE;AAAA,UACR,CAAC;AAAA,QACH,CAAC,CAAC;AAAA,MACJ,CAAC,CAAC;AAAA,IACJ,CAAC,GAAG,eAA4B,uCAAAF,KAAK,OAAO;AAAA,MAC1C,eAAW,oCAAoB;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQ;AAAA,MACV,CAAC;AAAA,MACD,UAAuB,uCAAAA,KAAK,yBAAAG,SAAiB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiC;AACjC,kBAA4B;AAC5B,mBAA2C;AAK3C,qBAAoC;AACpC,oBAAmB;AACnB,+BAA4B;AAC5B,+BAA8D;AAC9D,qBAAyC;AACzC,uBAAmC;AACnC,yBAA2C;AAC5B,SAAR,oBAAqC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,KAAK;AACpD,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,yCAAyB;AAC7B,QAAM,sBAAkB,uBAAO,IAAI;AACnC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,gBAAgB,MAAM;AAC1B,mBAAe,KAAK;AAIpB,eAAW,MAAM;AACf,sBAAgB,SAAS,MAAM;AAAA,IACjC,GAAG,mCAAkB;AAAA,EACvB;AACA,QAAM,cAAc,qCAAqC,IAAI;AAE7D,QAAM,wBAAoB,yBAAQ,gBAAG,cAAc,GAAG,KAAK;AAC3D,SAAoB,uCAAAA,MAAM,sCAAa;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,CAAC,eAA4B,uCAAAA,MAAM,uCAAc;AAAA,MAC1D,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,CAAc,uCAAAC,KAAK,QAAQ;AAAA,QACnC,IAAI;AAAA,QACJ,UAAU;AAAA,MACZ,CAAC,IAAI,aAAa,gBAA6B,uCAAAD,MAAM,6CAAoB;AAAA,QACvE,UAAU,CAAC,aAAa,aAA0B,uCAAAC,KAAK,cAAAC,SAAQ;AAAA,UAC7D,MAAM;AAAA,UACN,SAAS;AAAA,UACT,OAAO;AAAA,UACP,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,KAAK;AAAA,UACL,UAAuB,uCAAAD,KAAK,mBAAM;AAAA,YAChC,MAAM,aAAAE;AAAA,UACR,CAAC;AAAA,QACH,CAAC,CAAC;AAAA,MACJ,CAAC,CAAC;AAAA,IACJ,CAAC,GAAG,eAA4B,uCAAAF,KAAK,OAAO;AAAA,MAC1C,eAAW,oCAAoB;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQ;AAAA,MACV,CAAC;AAAA,MACD,UAAuB,uCAAAA,KAAK,yBAAAG,SAAiB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
   "names": ["_jsxs", "_jsx", "Button", "searchIcon", "MenuTitleSearch"]
 }

package/build/navigation/menu/search-no-results-found.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/menu/search-no-results-found.tsx
 var search_no_results_found_exports = {};
 __export(search_no_results_found_exports, {
   default: () => NavigationSearchNoResultsFound

package/build/navigation/menu/search-no-results-found.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/menu/search-no-results-found.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ItemBaseUI, ItemUI } from '../styles/navigation-styles';\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function NavigationSearchNoResultsFound({\n  search\n}) {\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const resultsCount = Object.values(items).filter(item => item._isVisible).length;\n  if (!search || !!resultsCount) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(ItemBaseUI, {\n    children: /*#__PURE__*/_jsxs(ItemUI, {\n      children: [__('No results found.'), \" \"]\n    })\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AAKnB,qBAAqC;AACrC,+BAAmC;AACnC,yBAA2C;AAC5B,SAAR,+BAAgD;AAAA,EACrD;AACF,GAAG;AACD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM,eAAe,OAAO,OAAO,KAAK,EAAE,OAAO,UAAQ,KAAK,UAAU,EAAE;AAC1E,MAAI,CAAC,UAAU,CAAC,CAAC,cAAc;AAC7B,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAA,KAAK,qCAAY;AAAA,IACnC,UAAuB,uCAAAC,MAAM,iCAAQ;AAAA,MACnC,UAAU,KAAC,gBAAG,mBAAmB,GAAG,GAAG;AAAA,IACzC,CAAC;AAAA,EACH,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAmB;AAKnB,qBAAqC;AACrC,+BAAmC;AACnC,yBAA2C;AAC5B,SAAR,+BAAgD;AAAA,EACrD;AACF,GAAG;AACD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM,eAAe,OAAO,OAAO,KAAK,EAAE,OAAO,UAAQ,KAAK,UAAU,EAAE;AAC1E,MAAI,CAAC,UAAU,CAAC,CAAC,cAAc;AAC7B,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAA,KAAK,qCAAY;AAAA,IACnC,UAAuB,uCAAAC,MAAM,iCAAQ;AAAA,MACnC,UAAU,KAAC,gBAAG,mBAAmB,GAAG,GAAG;AAAA,IACzC,CAAC;AAAA,EACH,CAAC;AACH;",
   "names": ["_jsx", "_jsxs"]
 }

package/build/navigation/menu/use-navigation-tree-menu.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/navigation/menu/use-navigation-tree-menu.tsx
 var use_navigation_tree_menu_exports = {};
 __export(use_navigation_tree_menu_exports, {
   useNavigationTreeMenu: () => useNavigationTreeMenu
@@ -24,7 +26,7 @@ module.exports = __toCommonJS(use_navigation_tree_menu_exports);
 var import_element = require("@wordpress/element");
 var import_context = require("../context");
 var import_constants = require("../constants");
-const useNavigationTreeMenu = (props) => {
+var useNavigationTreeMenu = (props) => {
   const {
     navigationTree: {
       addMenu,

package/build/navigation/menu/use-navigation-tree-menu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/menu/use-navigation-tree-menu.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ROOT_MENU } from '../constants';\nexport const useNavigationTreeMenu = props => {\n  const {\n    navigationTree: {\n      addMenu,\n      removeMenu\n    }\n  } = useNavigationContext();\n  const key = props.menu || ROOT_MENU;\n  useEffect(() => {\n    addMenu(key, {\n      ...props,\n      menu: key\n    });\n    return () => {\n      removeMenu(key);\n    };\n    // Not adding deps for now, as it would require either a larger refactor\n    // See https://github.com/WordPress/gutenberg/pull/44090\n  }, []);\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAK1B,qBAAqC;AACrC,uBAA0B;AACnB,MAAM,wBAAwB,WAAS;AAC5C,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM,MAAM,MAAM,QAAQ;AAC1B,gCAAU,MAAM;AACd,YAAQ,KAAK;AAAA,MACX,GAAG;AAAA,MACH,MAAM;AAAA,IACR,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,GAAG;AAAA,IAChB;AAAA,EAGF,GAAG,CAAC,CAAC;AACP;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAK1B,qBAAqC;AACrC,uBAA0B;AACnB,IAAM,wBAAwB,WAAS;AAC5C,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM,MAAM,MAAM,QAAQ;AAC1B,gCAAU,MAAM;AACd,YAAQ,KAAK;AAAA,MACX,GAAG;AAAA,MACH,MAAM;AAAA,IACR,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,GAAG;AAAA,IAChB;AAAA,EAGF,GAAG,CAAC,CAAC;AACP;",
   "names": []
 }