@wordpress/components 38.0.0 → 39.0.0

package/build/menu/submenu-trigger-item.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/menu/submenu-trigger-item.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\nimport { chevronRightSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport { Item } from './item';\nimport * as Styled from './styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem({\n  suffix,\n  ...otherProps\n}, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store.parent) {\n    throw new Error('Menu.SubmenuTriggerItem can only be rendered inside a nested Menu component');\n  }\n  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {\n    ref: ref,\n    accessibleWhenDisabled: true,\n    store: menuContext.store,\n    render: /*#__PURE__*/_jsx(Item, {\n      ...otherProps,\n      // The menu item needs to register and be part of the parent menu.\n      // Without specifying the store explicitly, the `Item` component\n      // would otherwise read the store via context and pick up the one from\n      // the sub-menu `Menu` component.\n      store: menuContext.store.parent,\n      suffix: /*#__PURE__*/_jsxs(_Fragment, {\n        children: [suffix, /*#__PURE__*/_jsx(Styled.SubmenuChevronIcon, {\n          \"aria-hidden\": \"true\",\n          icon: chevronRightSmall,\n          size: 24,\n          preserveAspectRatio: \"xMidYMid slice\"\n        })]\n      })\n    })\n  });\n});"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,cAAyB;AAKzB,qBAAuC;AACvC,mBAAkC;AAMlC,qBAAwB;AACxB,kBAAqB;AACrB,aAAwB;AACxB,yBAAkE;AAC3D,IAAM,yBAAqB,2BAAW,SAASA,oBAAmB;AAAA,EACvE;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,kBAAc,2BAAW,sBAAO;AACtC,MAAI,CAAC,aAAa,MAAM,QAAQ;AAC9B,UAAM,IAAI,MAAM,6EAA6E;AAAA,EAC/F;AACA,SAAoB,uCAAAC,KAAa,oBAAY;AAAA,IAC3C;AAAA,IACA,wBAAwB;AAAA,IACxB,OAAO,YAAY;AAAA,IACnB,QAAqB,uCAAAA,KAAK,kBAAM;AAAA,MAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,MAKH,OAAO,YAAY,MAAM;AAAA,MACzB,QAAqB,uCAAAC,MAAM,mBAAAC,UAAW;AAAA,QACpC,UAAU,CAAC,QAAqB,uCAAAF,KAAY,2BAAoB;AAAA,UAC9D,eAAe;AAAA,UACf,MAAM;AAAA,UACN,MAAM;AAAA,UACN,qBAAqB;AAAA,QACvB,CAAC,CAAC;AAAA,MACJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
+  "sourcesContent": ["import * as Ariakit from '@ariakit/react';\nimport { forwardRef, useContext } from '@wordpress/element';\nimport { chevronRightSmall } from '@wordpress/icons';\nimport { Context } from './context';\nimport { Item } from './item';\nimport * as Styled from './styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem({\n  suffix,\n  ...otherProps\n}, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store.parent) {\n    throw new Error('Menu.SubmenuTriggerItem can only be rendered inside a nested Menu component');\n  }\n  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {\n    ref: ref,\n    accessibleWhenDisabled: true,\n    store: menuContext.store,\n    render: /*#__PURE__*/_jsx(Item, {\n      ...otherProps,\n      // The menu item needs to register and be part of the parent menu.\n      // Without specifying the store explicitly, the `Item` component\n      // would otherwise read the store via context and pick up the one from\n      // the sub-menu `Menu` component.\n      store: menuContext.store.parent,\n      suffix: /*#__PURE__*/_jsxs(_Fragment, {\n        children: [suffix, /*#__PURE__*/_jsx(Styled.SubmenuChevronIcon, {\n          \"aria-hidden\": \"true\",\n          icon: chevronRightSmall,\n          size: 24,\n          preserveAspectRatio: \"xMidYMid slice\"\n        })]\n      })\n    })\n  });\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;AACzB,qBAAuC;AACvC,mBAAkC;AAClC,qBAAwB;AACxB,kBAAqB;AACrB,aAAwB;AACxB,yBAAkE;AAC3D,IAAM,yBAAqB,2BAAW,SAASA,oBAAmB;AAAA,EACvE;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,kBAAc,2BAAW,sBAAO;AACtC,MAAI,CAAC,aAAa,MAAM,QAAQ;AAC9B,UAAM,IAAI,MAAM,6EAA6E;AAAA,EAC/F;AACA,SAAoB,uCAAAC,KAAa,oBAAY;AAAA,IAC3C;AAAA,IACA,wBAAwB;AAAA,IACxB,OAAO,YAAY;AAAA,IACnB,QAAqB,uCAAAA,KAAK,kBAAM;AAAA,MAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,MAKH,OAAO,YAAY,MAAM;AAAA,MACzB,QAAqB,uCAAAC,MAAM,mBAAAC,UAAW;AAAA,QACpC,UAAU,CAAC,QAAqB,uCAAAF,KAAY,2BAAoB;AAAA,UAC9D,eAAe;AAAA,UACf,MAAM;AAAA,UACN,MAAM;AAAA,UACN,qBAAqB;AAAA,QACvB,CAAC,CAAC;AAAA,MACJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
   "names": ["SubmenuTriggerItem", "_jsx", "_jsxs", "_Fragment"]
 }

package/build/menu/trigger-button.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/menu/trigger-button.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TriggerButton = forwardRef(function TriggerButton({\n  children,\n  disabled = false,\n  ...props\n}, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store) {\n    throw new Error('Menu.TriggerButton can only be rendered inside a Menu component');\n  }\n  if (menuContext.store.parent) {\n    throw new Error('Menu.TriggerButton should not be rendered inside a nested Menu component. Use Menu.SubmenuTriggerItem instead.');\n  }\n  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {\n    ref: ref,\n    ...props,\n    disabled: disabled,\n    store: menuContext.store,\n    children: children\n  });\n});"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,cAAyB;AAKzB,qBAAuC;AAMvC,qBAAwB;AACxB,yBAA4B;AACrB,IAAM,oBAAgB,2BAAW,SAASA,eAAc;AAAA,EAC7D;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAAG,KAAK;AACN,QAAM,kBAAc,2BAAW,sBAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,iEAAiE;AAAA,EACnF;AACA,MAAI,YAAY,MAAM,QAAQ;AAC5B,UAAM,IAAI,MAAM,gHAAgH;AAAA,EAClI;AACA,SAAoB,uCAAAC,KAAa,oBAAY;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,IACA,OAAO,YAAY;AAAA,IACnB;AAAA,EACF,CAAC;AACH,CAAC;",
+  "sourcesContent": ["import * as Ariakit from '@ariakit/react';\nimport { forwardRef, useContext } from '@wordpress/element';\nimport { Context } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TriggerButton = forwardRef(function TriggerButton({\n  children,\n  disabled = false,\n  ...props\n}, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store) {\n    throw new Error('Menu.TriggerButton can only be rendered inside a Menu component');\n  }\n  if (menuContext.store.parent) {\n    throw new Error('Menu.TriggerButton should not be rendered inside a nested Menu component. Use Menu.SubmenuTriggerItem instead.');\n  }\n  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {\n    ref: ref,\n    ...props,\n    disabled: disabled,\n    store: menuContext.store,\n    children: children\n  });\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;AACzB,qBAAuC;AACvC,qBAAwB;AACxB,yBAA4B;AACrB,IAAM,oBAAgB,2BAAW,SAASA,eAAc;AAAA,EAC7D;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAAG,KAAK;AACN,QAAM,kBAAc,2BAAW,sBAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,iEAAiE;AAAA,EACnF;AACA,MAAI,YAAY,MAAM,QAAQ;AAC5B,UAAM,IAAI,MAAM,gHAAgH;AAAA,EAClI;AACA,SAAoB,uCAAAC,KAAa,oBAAY;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,IACA,OAAO,YAAY;AAAA,IACnB;AAAA,EACF,CAAC;AACH,CAAC;",
   "names": ["TriggerButton", "_jsx"]
 }

package/build/menu/use-menu-item-hide-on-click.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/menu/use-menu-item-hide-on-click.ts
+var use_menu_item_hide_on_click_exports = {};
+__export(use_menu_item_hide_on_click_exports, {
+  useMenuItemHideOnClick: () => useMenuItemHideOnClick
+});
+module.exports = __toCommonJS(use_menu_item_hide_on_click_exports);
+var import_element = require("@wordpress/element");
+function focusDisclosureElement(disclosureElement) {
+  disclosureElement.focus();
+  if (disclosureElement.ownerDocument.activeElement === disclosureElement) {
+    return;
+  }
+  const inertAncestor = disclosureElement.closest("[inert]");
+  if (inertAncestor) {
+    inertAncestor.inert = false;
+  }
+  disclosureElement.ownerDocument.defaultView?.HTMLElement.prototype.focus.call(disclosureElement);
+}
+function useMenuItemHideOnClick(store, hideOnClick) {
+  return (0, import_element.useCallback)((event) => {
+    const shouldHide = typeof hideOnClick === "function" ? hideOnClick(event) : hideOnClick;
+    if (!shouldHide) {
+      return false;
+    }
+    if (!store || !("hideAll" in store)) {
+      return true;
+    }
+    const menuElement = store.getState().contentElement;
+    const activeElement = menuElement?.ownerDocument.activeElement;
+    if (menuElement?.contains(activeElement ?? null)) {
+      let rootStore = store;
+      while (rootStore.parent) {
+        rootStore = rootStore.parent;
+      }
+      const disclosureElement = rootStore.getState().disclosureElement;
+      if (disclosureElement) {
+        focusDisclosureElement(disclosureElement);
+      }
+    }
+    return true;
+  }, [hideOnClick, store]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useMenuItemHideOnClick
+});
+//# sourceMappingURL=use-menu-item-hide-on-click.cjs.map

package/build/menu/use-menu-item-hide-on-click.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/menu/use-menu-item-hide-on-click.ts"],
+  "sourcesContent": ["import { useCallback } from '@wordpress/element';\nfunction focusDisclosureElement(disclosureElement) {\n  disclosureElement.focus();\n  if (disclosureElement.ownerDocument.activeElement === disclosureElement) {\n    return;\n  }\n\n  // A modal Ariakit menu disables the document tree outside the menu. Modern\n  // browsers use `inert`; Ariakit's fallback replaces each element's `focus`\n  // method. Ariakit restores either mechanism as soon as the menu hides.\n  const inertAncestor = disclosureElement.closest('[inert]');\n  if (inertAncestor) {\n    inertAncestor.inert = false;\n  }\n  disclosureElement.ownerDocument.defaultView?.HTMLElement.prototype.focus.call(disclosureElement);\n}\nexport function useMenuItemHideOnClick(store, hideOnClick) {\n  return useCallback(event => {\n    const shouldHide = typeof hideOnClick === 'function' ? hideOnClick(event) : hideOnClick;\n    if (!shouldHide) {\n      return false;\n    }\n    if (!store || !('hideAll' in store)) {\n      return true;\n    }\n    const menuElement = store.getState().contentElement;\n    const activeElement = menuElement?.ownerDocument.activeElement;\n    if (menuElement?.contains(activeElement ?? null)) {\n      let rootStore = store;\n      while (rootStore.parent) {\n        rootStore = rootStore.parent;\n      }\n      const disclosureElement = rootStore.getState().disclosureElement;\n\n      // Ariakit calls this immediately before it hides and unmounts the\n      // menu. Move focus first so an overlay opened by the item's onClick\n      // captures the root trigger as its focus return target.\n      if (disclosureElement) {\n        focusDisclosureElement(disclosureElement);\n      }\n    }\n    return true;\n  }, [hideOnClick, store]);\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA4B;AAC5B,SAAS,uBAAuB,mBAAmB;AACjD,oBAAkB,MAAM;AACxB,MAAI,kBAAkB,cAAc,kBAAkB,mBAAmB;AACvE;AAAA,EACF;AAKA,QAAM,gBAAgB,kBAAkB,QAAQ,SAAS;AACzD,MAAI,eAAe;AACjB,kBAAc,QAAQ;AAAA,EACxB;AACA,oBAAkB,cAAc,aAAa,YAAY,UAAU,MAAM,KAAK,iBAAiB;AACjG;AACO,SAAS,uBAAuB,OAAO,aAAa;AACzD,aAAO,4BAAY,WAAS;AAC1B,UAAM,aAAa,OAAO,gBAAgB,aAAa,YAAY,KAAK,IAAI;AAC5E,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AACA,QAAI,CAAC,SAAS,EAAE,aAAa,QAAQ;AACnC,aAAO;AAAA,IACT;AACA,UAAM,cAAc,MAAM,SAAS,EAAE;AACrC,UAAM,gBAAgB,aAAa,cAAc;AACjD,QAAI,aAAa,SAAS,iBAAiB,IAAI,GAAG;AAChD,UAAI,YAAY;AAChB,aAAO,UAAU,QAAQ;AACvB,oBAAY,UAAU;AAAA,MACxB;AACA,YAAM,oBAAoB,UAAU,SAAS,EAAE;AAK/C,UAAI,mBAAmB;AACrB,+BAAuB,iBAAiB;AAAA,MAC1C;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,KAAK,CAAC;AACzB;",
+  "names": []
+}

package/build/menu-group/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/menu-group/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n *   <MenuGroup label=\"Settings\">\n *     <MenuItem>Setting 1</MenuItem>\n *     <MenuItem>Setting 2</MenuItem>\n *   </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup(props) {\n  const {\n    children,\n    className = '',\n    label,\n    hideSeparator\n  } = props;\n  const instanceId = useInstanceId(MenuGroup);\n  if (!Children.count(children)) {\n    return null;\n  }\n  const labelId = `components-menu-group-label-${instanceId}`;\n  const classNames = clsx(className, 'components-menu-group', {\n    'has-hidden-separator': hideSeparator\n  });\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classNames,\n    children: [label && /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-menu-group__label\",\n      id: labelId,\n      \"aria-hidden\": \"true\",\n      children: label\n    }), /*#__PURE__*/_jsx(\"div\", {\n      role: \"group\",\n      \"aria-labelledby\": label ? labelId : undefined,\n      children: children\n    })]\n  });\n}\nexport default MenuGroup;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AACzB,qBAA8B;AAK9B,yBAA2C;AAgBpC,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,iBAAa,8BAAc,SAAS;AAC1C,MAAI,CAAC,wBAAS,MAAM,QAAQ,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,UAAU,+BAA+B,UAAU;AACzD,QAAM,iBAAa,YAAAA,SAAK,WAAW,yBAAyB;AAAA,IAC1D,wBAAwB;AAAA,EAC1B,CAAC;AACD,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAC,SAAsB,uCAAAC,KAAK,OAAO;AAAA,MAC3C,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ,CAAC,GAAgB,uCAAAA,KAAK,OAAO;AAAA,MAC3B,MAAM;AAAA,MACN,mBAAmB,QAAQ,UAAU;AAAA,MACrC;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,qBAAQ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n *   <MenuGroup label=\"Settings\">\n *     <MenuItem>Setting 1</MenuItem>\n *     <MenuItem>Setting 2</MenuItem>\n *   </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup(props) {\n  const {\n    children,\n    className = '',\n    label,\n    hideSeparator\n  } = props;\n  const instanceId = useInstanceId(MenuGroup);\n  if (!Children.count(children)) {\n    return null;\n  }\n  const labelId = `components-menu-group-label-${instanceId}`;\n  const classNames = clsx(className, 'components-menu-group', {\n    'has-hidden-separator': hideSeparator\n  });\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classNames,\n    children: [label && /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-menu-group__label\",\n      id: labelId,\n      \"aria-hidden\": \"true\",\n      children: label\n    }), /*#__PURE__*/_jsx(\"div\", {\n      role: \"group\",\n      \"aria-labelledby\": label ? labelId : undefined,\n      children: children\n    })]\n  });\n}\nexport default MenuGroup;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,qBAAyB;AACzB,qBAA8B;AAC9B,yBAA2C;AAgBpC,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,iBAAa,8BAAc,SAAS;AAC1C,MAAI,CAAC,wBAAS,MAAM,QAAQ,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,UAAU,+BAA+B,UAAU;AACzD,QAAM,iBAAa,YAAAA,SAAK,WAAW,yBAAyB;AAAA,IAC1D,wBAAwB;AAAA,EAC1B,CAAC;AACD,SAAoB,uCAAAC,MAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAC,SAAsB,uCAAAC,KAAK,OAAO;AAAA,MAC3C,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ,CAAC,GAAgB,uCAAAA,KAAK,OAAO;AAAA,MAC3B,MAAM;AAAA,MACN,mBAAmB,QAAQ,UAAU;AAAA,MACrC;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,qBAAQ;",
   "names": ["clsx", "_jsxs", "_jsx"]
 }

package/build/menu-item/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/menu-item/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from '../shortcut';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedMenuItem(props, ref) {\n  let {\n    children,\n    info,\n    className,\n    icon,\n    iconPosition = 'right',\n    shortcut,\n    isSelected,\n    role = 'menuitem',\n    suffix,\n    ...buttonProps\n  } = props;\n  className = clsx('components-menu-item__button', className);\n  if (info) {\n    children = /*#__PURE__*/_jsxs(\"span\", {\n      className: \"components-menu-item__info-wrapper\",\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        className: \"components-menu-item__item\",\n        children: children\n      }), /*#__PURE__*/_jsx(\"span\", {\n        className: \"components-menu-item__info\",\n        children: info\n      })]\n    });\n  }\n  if (icon && typeof icon !== 'string') {\n    icon = cloneElement(icon, {\n      className: clsx('components-menu-items__item-icon', {\n        'has-icon-right': iconPosition === 'right'\n      })\n    });\n  }\n  return /*#__PURE__*/_jsxs(Button, {\n    size: \"compact\",\n    ref: ref\n    // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n    ,\n    \"aria-checked\": role === 'menuitemcheckbox' || role === 'menuitemradio' ? isSelected : undefined,\n    role: role,\n    icon: iconPosition === 'left' ? icon : undefined,\n    className: className,\n    accessibleWhenDisabled: true,\n    ...buttonProps,\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      className: \"components-menu-item__item\",\n      children: children\n    }), !suffix && /*#__PURE__*/_jsx(Shortcut, {\n      className: \"components-menu-item__shortcut\",\n      shortcut: shortcut\n    }), !suffix && icon && iconPosition === 'right' && /*#__PURE__*/_jsx(Icon, {\n      icon: icon\n    }), suffix]\n  });\n}\n\n/**\n * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n *\n * ```jsx\n * import { MenuItem } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItem = () => {\n * \tconst [ isActive, setIsActive ] = useState( true );\n *\n * \treturn (\n * \t\t<MenuItem\n * \t\t\ticon={ isActive ? 'yes' : 'no' }\n * \t\t\tisSelected={ isActive }\n * \t\t\trole=\"menuitemcheckbox\"\n * \t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n * \t\t>\n * \t\t\tToggle\n * \t\t</MenuItem>\n * \t);\n * };\n * ```\n */\nexport const MenuItem = forwardRef(UnforwardedMenuItem);\nMenuItem.displayName = 'MenuItem';\nexport default MenuItem;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAAiB;AAKjB,qBAAyC;AAKzC,sBAAqB;AACrB,oBAAmB;AACnB,kBAAiB;AACjB,yBAA2C;AAC3C,SAAS,oBAAoB,OAAO,KAAK;AACvC,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,kBAAY,YAAAA,SAAK,gCAAgC,SAAS;AAC1D,MAAI,MAAM;AACR,eAAwB,uCAAAC,MAAM,QAAQ;AAAA,MACpC,WAAW;AAAA,MACX,UAAU,CAAc,uCAAAC,KAAK,QAAQ;AAAA,QACnC,WAAW;AAAA,QACX;AAAA,MACF,CAAC,GAAgB,uCAAAA,KAAK,QAAQ;AAAA,QAC5B,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH;AACA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,eAAO,6BAAa,MAAM;AAAA,MACxB,eAAW,YAAAF,SAAK,oCAAoC;AAAA,QAClD,kBAAkB,iBAAiB;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,SAAoB,uCAAAC,MAAM,cAAAE,SAAQ;AAAA,IAChC,MAAM;AAAA,IACN;AAAA,IAGA,gBAAgB,SAAS,sBAAsB,SAAS,kBAAkB,aAAa;AAAA,IACvF;AAAA,IACA,MAAM,iBAAiB,SAAS,OAAO;AAAA,IACvC;AAAA,IACA,wBAAwB;AAAA,IACxB,GAAG;AAAA,IACH,UAAU,CAAc,uCAAAD,KAAK,QAAQ;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAuB,uCAAAA,KAAK,gBAAAE,SAAU;AAAA,MACzC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAU,QAAQ,iBAAiB,WAAwB,uCAAAF,KAAK,YAAAG,SAAM;AAAA,MACzE;AAAA,IACF,CAAC,GAAG,MAAM;AAAA,EACZ,CAAC;AACH;AAyBO,IAAM,eAAW,2BAAW,mBAAmB;AACtD,SAAS,cAAc;AACvB,IAAO,oBAAQ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { cloneElement, forwardRef } from '@wordpress/element';\nimport Shortcut from '../shortcut';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedMenuItem(props, ref) {\n  let {\n    children,\n    info,\n    className,\n    icon,\n    iconPosition = 'right',\n    shortcut,\n    isSelected,\n    role = 'menuitem',\n    suffix,\n    ...buttonProps\n  } = props;\n  className = clsx('components-menu-item__button', className);\n  if (info) {\n    children = /*#__PURE__*/_jsxs(\"span\", {\n      className: \"components-menu-item__info-wrapper\",\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        className: \"components-menu-item__item\",\n        children: children\n      }), /*#__PURE__*/_jsx(\"span\", {\n        className: \"components-menu-item__info\",\n        children: info\n      })]\n    });\n  }\n  if (icon && typeof icon !== 'string') {\n    icon = cloneElement(icon, {\n      className: clsx('components-menu-items__item-icon', {\n        'has-icon-right': iconPosition === 'right'\n      })\n    });\n  }\n  return /*#__PURE__*/_jsxs(Button, {\n    size: \"compact\",\n    ref: ref\n    // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n    ,\n    \"aria-checked\": role === 'menuitemcheckbox' || role === 'menuitemradio' ? isSelected : undefined,\n    role: role,\n    icon: iconPosition === 'left' ? icon : undefined,\n    className: className,\n    accessibleWhenDisabled: true,\n    ...buttonProps,\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      className: \"components-menu-item__item\",\n      children: children\n    }), !suffix && /*#__PURE__*/_jsx(Shortcut, {\n      className: \"components-menu-item__shortcut\",\n      shortcut: shortcut\n    }), !suffix && icon && iconPosition === 'right' && /*#__PURE__*/_jsx(Icon, {\n      icon: icon\n    }), suffix]\n  });\n}\n\n/**\n * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n *\n * ```jsx\n * import { MenuItem } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItem = () => {\n * \tconst [ isActive, setIsActive ] = useState( true );\n *\n * \treturn (\n * \t\t<MenuItem\n * \t\t\ticon={ isActive ? 'yes' : 'no' }\n * \t\t\tisSelected={ isActive }\n * \t\t\trole=\"menuitemcheckbox\"\n * \t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n * \t\t>\n * \t\t\tToggle\n * \t\t</MenuItem>\n * \t);\n * };\n * ```\n */\nexport const MenuItem = forwardRef(UnforwardedMenuItem);\nMenuItem.displayName = 'MenuItem';\nexport default MenuItem;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,qBAAyC;AACzC,sBAAqB;AACrB,oBAAmB;AACnB,kBAAiB;AACjB,yBAA2C;AAC3C,SAAS,oBAAoB,OAAO,KAAK;AACvC,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,kBAAY,YAAAA,SAAK,gCAAgC,SAAS;AAC1D,MAAI,MAAM;AACR,eAAwB,uCAAAC,MAAM,QAAQ;AAAA,MACpC,WAAW;AAAA,MACX,UAAU,CAAc,uCAAAC,KAAK,QAAQ;AAAA,QACnC,WAAW;AAAA,QACX;AAAA,MACF,CAAC,GAAgB,uCAAAA,KAAK,QAAQ;AAAA,QAC5B,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH;AACA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,eAAO,6BAAa,MAAM;AAAA,MACxB,eAAW,YAAAF,SAAK,oCAAoC;AAAA,QAClD,kBAAkB,iBAAiB;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,SAAoB,uCAAAC,MAAM,cAAAE,SAAQ;AAAA,IAChC,MAAM;AAAA,IACN;AAAA,IAGA,gBAAgB,SAAS,sBAAsB,SAAS,kBAAkB,aAAa;AAAA,IACvF;AAAA,IACA,MAAM,iBAAiB,SAAS,OAAO;AAAA,IACvC;AAAA,IACA,wBAAwB;AAAA,IACxB,GAAG;AAAA,IACH,UAAU,CAAc,uCAAAD,KAAK,QAAQ;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAuB,uCAAAA,KAAK,gBAAAE,SAAU;AAAA,MACzC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAU,QAAQ,iBAAiB,WAAwB,uCAAAF,KAAK,YAAAG,SAAM;AAAA,MACzE;AAAA,IACF,CAAC,GAAG,MAAM;AAAA,EACZ,CAAC;AACH;AAyBO,IAAM,eAAW,2BAAW,mBAAmB;AACtD,SAAS,cAAc;AACvB,IAAO,oBAAQ;",
   "names": ["clsx", "_jsxs", "_jsx", "Button", "Shortcut", "Icon"]
 }

package/build/menu-items-choice/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/menu-items-choice/index.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice({\n  choices = [],\n  onHover = noop,\n  onSelect,\n  value\n}) {\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: choices.map(item => {\n      const isSelected = value === item.value;\n      return /*#__PURE__*/_jsx(MenuItem, {\n        role: \"menuitemradio\",\n        disabled: item.disabled,\n        icon: isSelected ? check : null,\n        info: item.info,\n        isSelected: isSelected,\n        shortcut: item.shortcut,\n        className: \"components-menu-items-choice\",\n        onClick: () => {\n          if (!isSelected) {\n            onSelect(item.value);\n          }\n        },\n        onMouseEnter: () => onHover(item.value),\n        onMouseLeave: () => onHover(null),\n        \"aria-label\": item['aria-label'],\n        children: item.label\n      }, item.value);\n    })\n  });\n}\nexport default MenuItemsChoice;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAsB;AAKtB,uBAAqB;AACrB,yBAAmD;AACnD,IAAM,OAAO,MAAM;AAAC;AAmCpB,SAAS,gBAAgB;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAAG;AACD,SAAoB,uCAAAA,KAAK,mBAAAC,UAAW;AAAA,IAClC,UAAU,QAAQ,IAAI,UAAQ;AAC5B,YAAM,aAAa,UAAU,KAAK;AAClC,aAAoB,uCAAAD,KAAK,iBAAAE,SAAU;AAAA,QACjC,MAAM;AAAA,QACN,UAAU,KAAK;AAAA,QACf,MAAM,aAAa,qBAAQ;AAAA,QAC3B,MAAM,KAAK;AAAA,QACX;AAAA,QACA,UAAU,KAAK;AAAA,QACf,WAAW;AAAA,QACX,SAAS,MAAM;AACb,cAAI,CAAC,YAAY;AACf,qBAAS,KAAK,KAAK;AAAA,UACrB;AAAA,QACF;AAAA,QACA,cAAc,MAAM,QAAQ,KAAK,KAAK;AAAA,QACtC,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,cAAc,KAAK,YAAY;AAAA,QAC/B,UAAU,KAAK;AAAA,MACjB,GAAG,KAAK,KAAK;AAAA,IACf,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,4BAAQ;",
+  "sourcesContent": ["import { check } from '@wordpress/icons';\nimport MenuItem from '../menu-item';\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice({\n  choices = [],\n  onHover = noop,\n  onSelect,\n  value\n}) {\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: choices.map(item => {\n      const isSelected = value === item.value;\n      return /*#__PURE__*/_jsx(MenuItem, {\n        role: \"menuitemradio\",\n        disabled: item.disabled,\n        icon: isSelected ? check : null,\n        info: item.info,\n        isSelected: isSelected,\n        shortcut: item.shortcut,\n        className: \"components-menu-items-choice\",\n        onClick: () => {\n          if (!isSelected) {\n            onSelect(item.value);\n          }\n        },\n        onMouseEnter: () => onHover(item.value),\n        onMouseLeave: () => onHover(null),\n        \"aria-label\": item['aria-label'],\n        children: item.label\n      }, item.value);\n    })\n  });\n}\nexport default MenuItemsChoice;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;AACtB,uBAAqB;AACrB,yBAAmD;AACnD,IAAM,OAAO,MAAM;AAAC;AAmCpB,SAAS,gBAAgB;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAAG;AACD,SAAoB,uCAAAA,KAAK,mBAAAC,UAAW;AAAA,IAClC,UAAU,QAAQ,IAAI,UAAQ;AAC5B,YAAM,aAAa,UAAU,KAAK;AAClC,aAAoB,uCAAAD,KAAK,iBAAAE,SAAU;AAAA,QACjC,MAAM;AAAA,QACN,UAAU,KAAK;AAAA,QACf,MAAM,aAAa,qBAAQ;AAAA,QAC3B,MAAM,KAAK;AAAA,QACX;AAAA,QACA,UAAU,KAAK;AAAA,QACf,WAAW;AAAA,QACX,SAAS,MAAM;AACb,cAAI,CAAC,YAAY;AACf,qBAAS,KAAK,KAAK;AAAA,UACrB;AAAA,QACF;AAAA,QACA,cAAc,MAAM,QAAQ,KAAK,KAAK;AAAA,QACtC,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,cAAc,KAAK,YAAY;AAAA,QAC/B,UAAU,KAAK;AAAA,MACjB,GAAG,KAAK,KAAK;AAAA,IACf,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,4BAAQ;",
   "names": ["_jsx", "_Fragment", "MenuItem"]
 }

package/build/modal/index.cjs

@@ -40,10 +40,10 @@ var import_compose = require("@wordpress/compose");
 var import_i18n = require("@wordpress/i18n");
 var import_icons = require("@wordpress/icons");
 var import_dom = require("@wordpress/dom");
+var import_keycodes = require("@wordpress/keycodes");
 var ariaHelper = __toESM(require("./aria-helper.cjs"));
 var import_button = __toESM(require("../button/index.cjs"));
 var import_style_provider = __toESM(require("../style-provider/index.cjs"));
-var import_with_ignore_ime_events = require("../utils/with-ignore-ime-events.cjs");
 var import_spacer = require("../spacer/index.cjs");
 var import_use_modal_exit_animation = require("./use-modal-exit-animation.cjs");
 var import_context = require("./context.cjs");
@@ -203,7 +203,7 @@ function UnforwardedModal(props, forwardedRef) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       ref: (0, import_compose.useMergeRefs)([ref, forwardedRef]),
       className: (0, import_clsx.default)("components-modal__screen-overlay", overlayClassname, overlayClassnameProp),
-      onKeyDown: (0, import_with_ignore_ime_events.withIgnoreIMEEvents)(handleEscapeKeyDown),
+      onKeyDown: (0, import_keycodes.withIgnoreIMEEvents)(handleEscapeKeyDown),
       ...shouldCloseOnClickOutside ? overlayPressHandlers : {},
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_style_provider.default, {
         document,

package/build/modal/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/modal/index.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { createPortal, useCallback, useEffect, useRef, useState, forwardRef, useLayoutEffect, useContext } from '@wordpress/element';\nimport { useInstanceId, useFocusReturn, useFocusOnMount, useConstrainedTabbing, useMergeRefs } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { getScrollContainer } from '@wordpress/dom';\nimport * as ariaHelper from './aria-helper';\nimport Button from '../button';\nimport StyleProvider from '../style-provider';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\nimport { Spacer } from '../spacer';\nimport { useModalExitAnimation } from './use-modal-exit-animation';\nimport { ModalContext } from './context';\n\n// Used to track body class names applied while modals are open.\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst bodyOpenClasses = new Map();\nfunction UnforwardedModal(props, forwardedRef) {\n  const {\n    bodyOpenClassName = 'modal-open',\n    role = 'dialog',\n    title = null,\n    focusOnMount = true,\n    shouldCloseOnEsc = true,\n    shouldCloseOnClickOutside = true,\n    isDismissible = true,\n    /* Accessibility. */\n    aria = {\n      labelledby: undefined,\n      describedby: undefined\n    },\n    onRequestClose,\n    icon,\n    closeButtonLabel,\n    children,\n    style,\n    overlayClassName: overlayClassnameProp,\n    className,\n    contentLabel,\n    onKeyDown,\n    isFullScreen = false,\n    size,\n    headerActions = null,\n    __experimentalHideHeader = false\n  } = props;\n  const ref = useRef(null);\n  const instanceId = useInstanceId(Modal);\n  const headingId = title ? `components-modal-header-${instanceId}` : aria.labelledby;\n\n  // The focus hook does not support 'firstContentElement' but this is a valid\n  // value for the Modal's focusOnMount prop. The following code ensures the focus\n  // hook will focus the first focusable node within the element to which it is applied.\n  // When `firstContentElement` is passed as the value of the focusOnMount prop,\n  // the focus hook is applied to the Modal's content element.\n  // Otherwise, the focus hook is applied to the Modal's ref. This ensures that the\n  // focus hook will focus the first element in the Modal's **content** when\n  // `firstContentElement` is passed.\n  const focusOnMountRef = useFocusOnMount(focusOnMount === 'firstContentElement' ? 'firstElement' : focusOnMount);\n  const constrainedTabbingRef = useConstrainedTabbing();\n  const focusReturnRef = useFocusReturn();\n  const contentRef = useRef(null);\n  const childrenContainerRef = useRef(null);\n  const [hasScrolledContent, setHasScrolledContent] = useState(false);\n  const [hasScrollableContent, setHasScrollableContent] = useState(false);\n  let sizeClass;\n  if (isFullScreen || size === 'fill') {\n    sizeClass = 'is-full-screen';\n  } else if (size) {\n    sizeClass = `has-size-${size}`;\n  }\n\n  // Determines whether the Modal content is scrollable and updates the state.\n  const isContentScrollable = useCallback(() => {\n    if (!contentRef.current) {\n      return;\n    }\n    const closestScrollContainer = getScrollContainer(contentRef.current);\n    if (contentRef.current === closestScrollContainer) {\n      setHasScrollableContent(true);\n    } else {\n      setHasScrollableContent(false);\n    }\n  }, [contentRef]);\n\n  // Accessibly isolates/unisolates the modal.\n  useEffect(() => {\n    ariaHelper.modalize(ref.current);\n    return () => ariaHelper.unmodalize();\n  }, []);\n\n  // Keeps a fresh ref for the subsequent effect.\n  const onRequestCloseRef = useRef(undefined);\n  useEffect(() => {\n    onRequestCloseRef.current = onRequestClose;\n  }, [onRequestClose]);\n\n  // The list of `onRequestClose` callbacks of open (non-nested) Modals. Only\n  // one should remain open at a time and the list enables closing prior ones.\n  const dismissers = useContext(ModalContext);\n  // Used for the tracking and dismissing any nested modals.\n  const [nestedDismissers] = useState(() => new Set());\n\n  // Updates the stack tracking open modals at this level and calls\n  // onRequestClose for any prior and/or nested modals as applicable.\n  useEffect(() => {\n    // add this modal instance to the dismissers set\n    dismissers.add(onRequestCloseRef);\n    // request that all the other modals close themselves\n    for (const dismisser of dismissers) {\n      if (dismisser !== onRequestCloseRef) {\n        dismisser.current?.();\n      }\n    }\n    return () => {\n      // request that all the nested modals close themselves\n      for (const dismisser of nestedDismissers) {\n        dismisser.current?.();\n      }\n      // remove this modal instance from the dismissers set\n      dismissers.delete(onRequestCloseRef);\n    };\n  }, [dismissers, nestedDismissers]);\n\n  // Adds/removes the value of bodyOpenClassName to body element.\n  useEffect(() => {\n    const theClass = bodyOpenClassName;\n    const oneMore = 1 + (bodyOpenClasses.get(theClass) ?? 0);\n    bodyOpenClasses.set(theClass, oneMore);\n    document.body.classList.add(bodyOpenClassName);\n    return () => {\n      const oneLess = bodyOpenClasses.get(theClass) - 1;\n      if (oneLess === 0) {\n        document.body.classList.remove(theClass);\n        bodyOpenClasses.delete(theClass);\n      } else {\n        bodyOpenClasses.set(theClass, oneLess);\n      }\n    };\n  }, [bodyOpenClassName]);\n  const {\n    closeModal,\n    frameRef,\n    overlayClassname\n  } = useModalExitAnimation();\n\n  // Calls the isContentScrollable callback when the Modal children container resizes.\n  useLayoutEffect(() => {\n    if (!window.ResizeObserver || !childrenContainerRef.current) {\n      return;\n    }\n    const resizeObserver = new ResizeObserver(isContentScrollable);\n    resizeObserver.observe(childrenContainerRef.current);\n    isContentScrollable();\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [isContentScrollable, childrenContainerRef]);\n  function handleEscapeKeyDown(event) {\n    if (shouldCloseOnEsc && (event.code === 'Escape' || event.key === 'Escape') && !event.defaultPrevented) {\n      event.preventDefault();\n      closeModal().then(() => onRequestClose(event));\n    }\n  }\n  const onContentContainerScroll = useCallback(e => {\n    const scrollY = e?.currentTarget?.scrollTop ?? -1;\n    if (!hasScrolledContent && scrollY > 0) {\n      setHasScrolledContent(true);\n    } else if (hasScrolledContent && scrollY <= 0) {\n      setHasScrolledContent(false);\n    }\n  }, [hasScrolledContent]);\n  let pressTarget = null;\n  const overlayPressHandlers = {\n    onPointerDown: event => {\n      if (event.target === event.currentTarget) {\n        pressTarget = event.target;\n        // Avoids focus changing so that focus return works as expected.\n        event.preventDefault();\n      }\n    },\n    // Closes the modal with two exceptions. 1. Opening the context menu on\n    // the overlay. 2. Pressing on the overlay then dragging the pointer\n    // over the modal and releasing. Due to the modal being a child of the\n    // overlay, such a gesture is a `click` on the overlay and cannot be\n    // excepted by a `click` handler. Thus the tactic of handling\n    // `pointerup` and comparing its target to that of the `pointerdown`.\n    onPointerUp: ({\n      target,\n      button\n    }) => {\n      const isSameTarget = target === pressTarget;\n      pressTarget = null;\n      if (button === 0 && isSameTarget) {\n        closeModal().then(() => onRequestClose());\n      }\n    }\n  };\n  const modal =\n  /*#__PURE__*/\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  _jsx(\"div\", {\n    ref: useMergeRefs([ref, forwardedRef]),\n    className: clsx('components-modal__screen-overlay', overlayClassname, overlayClassnameProp),\n    onKeyDown: withIgnoreIMEEvents(handleEscapeKeyDown),\n    ...(shouldCloseOnClickOutside ? overlayPressHandlers : {}),\n    children: /*#__PURE__*/_jsx(StyleProvider, {\n      document: document,\n      children: /*#__PURE__*/_jsx(\"div\", {\n        className: clsx('components-modal__frame', sizeClass, className),\n        style: style,\n        ref: useMergeRefs([frameRef, constrainedTabbingRef, focusReturnRef, focusOnMount !== 'firstContentElement' ? focusOnMountRef : null]),\n        role: role,\n        \"aria-label\": contentLabel,\n        \"aria-labelledby\": contentLabel ? undefined : headingId,\n        \"aria-describedby\": aria.describedby,\n        tabIndex: -1,\n        onKeyDown: onKeyDown,\n        children: /*#__PURE__*/_jsxs(\"div\", {\n          className: clsx('components-modal__content', {\n            'hide-header': __experimentalHideHeader,\n            'is-scrollable': hasScrollableContent,\n            'has-scrolled-content': hasScrolledContent\n          }),\n          role: \"document\",\n          onScroll: onContentContainerScroll,\n          ref: contentRef,\n          \"aria-label\": hasScrollableContent ? __('Scrollable section') : undefined,\n          tabIndex: hasScrollableContent ? 0 : undefined,\n          children: [!__experimentalHideHeader && /*#__PURE__*/_jsxs(\"div\", {\n            className: \"components-modal__header\",\n            children: [/*#__PURE__*/_jsxs(\"div\", {\n              className: \"components-modal__header-heading-container\",\n              children: [icon && /*#__PURE__*/_jsx(\"span\", {\n                className: \"components-modal__icon-container\",\n                \"aria-hidden\": true,\n                children: icon\n              }), title && /*#__PURE__*/_jsx(\"h1\", {\n                id: headingId,\n                className: \"components-modal__header-heading\",\n                children: title\n              })]\n            }), headerActions, isDismissible && /*#__PURE__*/_jsxs(_Fragment, {\n              children: [/*#__PURE__*/_jsx(Spacer, {\n                marginBottom: 0,\n                marginLeft: 2\n              }), /*#__PURE__*/_jsx(Button, {\n                size: \"compact\",\n                onClick: event => closeModal().then(() => onRequestClose(event)),\n                icon: close,\n                label: closeButtonLabel || __('Close')\n              })]\n            })]\n          }), /*#__PURE__*/_jsx(\"div\", {\n            ref: useMergeRefs([childrenContainerRef, focusOnMount === 'firstContentElement' ? focusOnMountRef : null]),\n            className: \"components-modal__children-container\",\n            children: children\n          })]\n        })\n      })\n    })\n  });\n  return createPortal(/*#__PURE__*/_jsx(ModalContext.Provider, {\n    value: nestedDismissers,\n    children: modal\n  }), document.body);\n}\n\n/**\n * Modals give users information and choices related to a task they’re trying to\n * accomplish. They can contain critical information, require decisions, or\n * involve multiple tasks.\n *\n * ```jsx\n * import { Button, Modal } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyModal = () => {\n *   const [ isOpen, setOpen ] = useState( false );\n *   const openModal = () => setOpen( true );\n *   const closeModal = () => setOpen( false );\n *\n *   return (\n *     <>\n *       <Button variant=\"secondary\" onClick={ openModal }>\n *         Open Modal\n *       </Button>\n *       { isOpen && (\n *         <Modal title=\"This is my modal\" onRequestClose={ closeModal }>\n *           <Button variant=\"secondary\" onClick={ closeModal }>\n *             My custom close button\n *           </Button>\n *         </Modal>\n *       ) }\n *     </>\n *   );\n * };\n * ```\n */\nexport const Modal = forwardRef(UnforwardedModal);\nModal.displayName = 'Modal';\nexport default Modal;"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { createPortal, useCallback, useEffect, useRef, useState, forwardRef, useLayoutEffect, useContext } from '@wordpress/element';\nimport { useInstanceId, useFocusReturn, useFocusOnMount, useConstrainedTabbing, useMergeRefs } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { getScrollContainer } from '@wordpress/dom';\nimport { withIgnoreIMEEvents } from '@wordpress/keycodes';\nimport * as ariaHelper from './aria-helper';\nimport Button from '../button';\nimport StyleProvider from '../style-provider';\nimport { Spacer } from '../spacer';\nimport { useModalExitAnimation } from './use-modal-exit-animation';\nimport { ModalContext } from './context';\n\n// Used to track body class names applied while modals are open.\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst bodyOpenClasses = new Map();\nfunction UnforwardedModal(props, forwardedRef) {\n  const {\n    bodyOpenClassName = 'modal-open',\n    role = 'dialog',\n    title = null,\n    focusOnMount = true,\n    shouldCloseOnEsc = true,\n    shouldCloseOnClickOutside = true,\n    isDismissible = true,\n    /* Accessibility. */\n    aria = {\n      labelledby: undefined,\n      describedby: undefined\n    },\n    onRequestClose,\n    icon,\n    closeButtonLabel,\n    children,\n    style,\n    overlayClassName: overlayClassnameProp,\n    className,\n    contentLabel,\n    onKeyDown,\n    isFullScreen = false,\n    size,\n    headerActions = null,\n    __experimentalHideHeader = false\n  } = props;\n  const ref = useRef(null);\n  const instanceId = useInstanceId(Modal);\n  const headingId = title ? `components-modal-header-${instanceId}` : aria.labelledby;\n\n  // The focus hook does not support 'firstContentElement' but this is a valid\n  // value for the Modal's focusOnMount prop. The following code ensures the focus\n  // hook will focus the first focusable node within the element to which it is applied.\n  // When `firstContentElement` is passed as the value of the focusOnMount prop,\n  // the focus hook is applied to the Modal's content element.\n  // Otherwise, the focus hook is applied to the Modal's ref. This ensures that the\n  // focus hook will focus the first element in the Modal's **content** when\n  // `firstContentElement` is passed.\n  const focusOnMountRef = useFocusOnMount(focusOnMount === 'firstContentElement' ? 'firstElement' : focusOnMount);\n  const constrainedTabbingRef = useConstrainedTabbing();\n  const focusReturnRef = useFocusReturn();\n  const contentRef = useRef(null);\n  const childrenContainerRef = useRef(null);\n  const [hasScrolledContent, setHasScrolledContent] = useState(false);\n  const [hasScrollableContent, setHasScrollableContent] = useState(false);\n  let sizeClass;\n  if (isFullScreen || size === 'fill') {\n    sizeClass = 'is-full-screen';\n  } else if (size) {\n    sizeClass = `has-size-${size}`;\n  }\n\n  // Determines whether the Modal content is scrollable and updates the state.\n  const isContentScrollable = useCallback(() => {\n    if (!contentRef.current) {\n      return;\n    }\n    const closestScrollContainer = getScrollContainer(contentRef.current);\n    if (contentRef.current === closestScrollContainer) {\n      setHasScrollableContent(true);\n    } else {\n      setHasScrollableContent(false);\n    }\n  }, [contentRef]);\n\n  // Accessibly isolates/unisolates the modal.\n  useEffect(() => {\n    ariaHelper.modalize(ref.current);\n    return () => ariaHelper.unmodalize();\n  }, []);\n\n  // Keeps a fresh ref for the subsequent effect.\n  const onRequestCloseRef = useRef(undefined);\n  useEffect(() => {\n    onRequestCloseRef.current = onRequestClose;\n  }, [onRequestClose]);\n\n  // The list of `onRequestClose` callbacks of open (non-nested) Modals. Only\n  // one should remain open at a time and the list enables closing prior ones.\n  const dismissers = useContext(ModalContext);\n  // Used for the tracking and dismissing any nested modals.\n  const [nestedDismissers] = useState(() => new Set());\n\n  // Updates the stack tracking open modals at this level and calls\n  // onRequestClose for any prior and/or nested modals as applicable.\n  useEffect(() => {\n    // add this modal instance to the dismissers set\n    dismissers.add(onRequestCloseRef);\n    // request that all the other modals close themselves\n    for (const dismisser of dismissers) {\n      if (dismisser !== onRequestCloseRef) {\n        dismisser.current?.();\n      }\n    }\n    return () => {\n      // request that all the nested modals close themselves\n      for (const dismisser of nestedDismissers) {\n        dismisser.current?.();\n      }\n      // remove this modal instance from the dismissers set\n      dismissers.delete(onRequestCloseRef);\n    };\n  }, [dismissers, nestedDismissers]);\n\n  // Adds/removes the value of bodyOpenClassName to body element.\n  useEffect(() => {\n    const theClass = bodyOpenClassName;\n    const oneMore = 1 + (bodyOpenClasses.get(theClass) ?? 0);\n    bodyOpenClasses.set(theClass, oneMore);\n    document.body.classList.add(bodyOpenClassName);\n    return () => {\n      const oneLess = bodyOpenClasses.get(theClass) - 1;\n      if (oneLess === 0) {\n        document.body.classList.remove(theClass);\n        bodyOpenClasses.delete(theClass);\n      } else {\n        bodyOpenClasses.set(theClass, oneLess);\n      }\n    };\n  }, [bodyOpenClassName]);\n  const {\n    closeModal,\n    frameRef,\n    overlayClassname\n  } = useModalExitAnimation();\n\n  // Calls the isContentScrollable callback when the Modal children container resizes.\n  useLayoutEffect(() => {\n    if (!window.ResizeObserver || !childrenContainerRef.current) {\n      return;\n    }\n    const resizeObserver = new ResizeObserver(isContentScrollable);\n    resizeObserver.observe(childrenContainerRef.current);\n    isContentScrollable();\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [isContentScrollable, childrenContainerRef]);\n  function handleEscapeKeyDown(event) {\n    if (shouldCloseOnEsc && (event.code === 'Escape' || event.key === 'Escape') && !event.defaultPrevented) {\n      event.preventDefault();\n      closeModal().then(() => onRequestClose(event));\n    }\n  }\n  const onContentContainerScroll = useCallback(e => {\n    const scrollY = e?.currentTarget?.scrollTop ?? -1;\n    if (!hasScrolledContent && scrollY > 0) {\n      setHasScrolledContent(true);\n    } else if (hasScrolledContent && scrollY <= 0) {\n      setHasScrolledContent(false);\n    }\n  }, [hasScrolledContent]);\n  let pressTarget = null;\n  const overlayPressHandlers = {\n    onPointerDown: event => {\n      if (event.target === event.currentTarget) {\n        pressTarget = event.target;\n        // Avoids focus changing so that focus return works as expected.\n        event.preventDefault();\n      }\n    },\n    // Closes the modal with two exceptions. 1. Opening the context menu on\n    // the overlay. 2. Pressing on the overlay then dragging the pointer\n    // over the modal and releasing. Due to the modal being a child of the\n    // overlay, such a gesture is a `click` on the overlay and cannot be\n    // excepted by a `click` handler. Thus the tactic of handling\n    // `pointerup` and comparing its target to that of the `pointerdown`.\n    onPointerUp: ({\n      target,\n      button\n    }) => {\n      const isSameTarget = target === pressTarget;\n      pressTarget = null;\n      if (button === 0 && isSameTarget) {\n        closeModal().then(() => onRequestClose());\n      }\n    }\n  };\n  const modal =\n  /*#__PURE__*/\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  _jsx(\"div\", {\n    ref: useMergeRefs([ref, forwardedRef]),\n    className: clsx('components-modal__screen-overlay', overlayClassname, overlayClassnameProp),\n    onKeyDown: withIgnoreIMEEvents(handleEscapeKeyDown),\n    ...(shouldCloseOnClickOutside ? overlayPressHandlers : {}),\n    children: /*#__PURE__*/_jsx(StyleProvider, {\n      document: document,\n      children: /*#__PURE__*/_jsx(\"div\", {\n        className: clsx('components-modal__frame', sizeClass, className),\n        style: style,\n        ref: useMergeRefs([frameRef, constrainedTabbingRef, focusReturnRef, focusOnMount !== 'firstContentElement' ? focusOnMountRef : null]),\n        role: role,\n        \"aria-label\": contentLabel,\n        \"aria-labelledby\": contentLabel ? undefined : headingId,\n        \"aria-describedby\": aria.describedby,\n        tabIndex: -1,\n        onKeyDown: onKeyDown,\n        children: /*#__PURE__*/_jsxs(\"div\", {\n          className: clsx('components-modal__content', {\n            'hide-header': __experimentalHideHeader,\n            'is-scrollable': hasScrollableContent,\n            'has-scrolled-content': hasScrolledContent\n          }),\n          role: \"document\",\n          onScroll: onContentContainerScroll,\n          ref: contentRef,\n          \"aria-label\": hasScrollableContent ? __('Scrollable section') : undefined,\n          tabIndex: hasScrollableContent ? 0 : undefined,\n          children: [!__experimentalHideHeader && /*#__PURE__*/_jsxs(\"div\", {\n            className: \"components-modal__header\",\n            children: [/*#__PURE__*/_jsxs(\"div\", {\n              className: \"components-modal__header-heading-container\",\n              children: [icon && /*#__PURE__*/_jsx(\"span\", {\n                className: \"components-modal__icon-container\",\n                \"aria-hidden\": true,\n                children: icon\n              }), title && /*#__PURE__*/_jsx(\"h1\", {\n                id: headingId,\n                className: \"components-modal__header-heading\",\n                children: title\n              })]\n            }), headerActions, isDismissible && /*#__PURE__*/_jsxs(_Fragment, {\n              children: [/*#__PURE__*/_jsx(Spacer, {\n                marginBottom: 0,\n                marginLeft: 2\n              }), /*#__PURE__*/_jsx(Button, {\n                size: \"compact\",\n                onClick: event => closeModal().then(() => onRequestClose(event)),\n                icon: close,\n                label: closeButtonLabel || __('Close')\n              })]\n            })]\n          }), /*#__PURE__*/_jsx(\"div\", {\n            ref: useMergeRefs([childrenContainerRef, focusOnMount === 'firstContentElement' ? focusOnMountRef : null]),\n            className: \"components-modal__children-container\",\n            children: children\n          })]\n        })\n      })\n    })\n  });\n  return createPortal(/*#__PURE__*/_jsx(ModalContext.Provider, {\n    value: nestedDismissers,\n    children: modal\n  }), document.body);\n}\n\n/**\n * Modals give users information and choices related to a task they’re trying to\n * accomplish. They can contain critical information, require decisions, or\n * involve multiple tasks.\n *\n * ```jsx\n * import { Button, Modal } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyModal = () => {\n *   const [ isOpen, setOpen ] = useState( false );\n *   const openModal = () => setOpen( true );\n *   const closeModal = () => setOpen( false );\n *\n *   return (\n *     <>\n *       <Button variant=\"secondary\" onClick={ openModal }>\n *         Open Modal\n *       </Button>\n *       { isOpen && (\n *         <Modal title=\"This is my modal\" onRequestClose={ closeModal }>\n *           <Button variant=\"secondary\" onClick={ closeModal }>\n *             My custom close button\n *           </Button>\n *         </Modal>\n *       ) }\n *     </>\n *   );\n * };\n * ```\n */\nexport const Modal = forwardRef(UnforwardedModal);\nModal.displayName = 'Modal';\nexport default Modal;"],
+  "mappings": "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",
   "names": ["_jsx", "clsx", "StyleProvider", "_jsxs", "_Fragment", "Button"]
 }

package/build/modal/use-modal-exit-animation.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/modal/use-modal-exit-animation.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG } from '../utils';\n\n/**\n * Milliseconds used as a fallback when racing `animationend` against a timeout.\n *\n * Sourced from `CONFIG.transitionDuration`. This value is implicitly coupled to\n * the modal frame’s CSS `animation-duration` in `style.scss`, which uses the\n * WPDS `motion-duration-md` token. If either the token, the SCSS, or\n * `CONFIG.transitionDuration` changes, keep them aligned so exit timing stays correct.\n */\nconst FRAME_ANIMATION_DURATION_MS = Number.parseInt(CONFIG.transitionDuration);\nconst EXIT_ANIMATION_NAME = 'components-modal__disappear-animation';\nexport function useModalExitAnimation() {\n  const frameRef = useRef(null);\n  const [isAnimatingOut, setIsAnimatingOut] = useState(false);\n  const isReducedMotion = useReducedMotion();\n  const closeModal = useCallback(() => new Promise(closeModalResolve => {\n    // Grab a \"stable\" reference of the frame element, since\n    // the value held by the react ref might change at runtime.\n    const frameEl = frameRef.current;\n    if (isReducedMotion) {\n      closeModalResolve();\n      return;\n    }\n    if (!frameEl) {\n      globalThis.SCRIPT_DEBUG === true ? warning(\"wp.components.Modal: the Modal component can't be closed with an exit animation because of a missing reference to the modal frame element.\") : void 0;\n      closeModalResolve();\n      return;\n    }\n    let handleAnimationEnd;\n    const startAnimation = () => new Promise(animationResolve => {\n      handleAnimationEnd = e => {\n        if (e.animationName === EXIT_ANIMATION_NAME) {\n          animationResolve();\n        }\n      };\n      frameEl.addEventListener('animationend', handleAnimationEnd);\n      setIsAnimatingOut(true);\n    });\n    const animationTimeout = () => new Promise(timeoutResolve => {\n      setTimeout(() => timeoutResolve(),\n      // Allow an extra 20% of the animation duration for the\n      // animationend event to fire, in case the animation frame is\n      // slightly delayes by some other events in the event loop.\n      FRAME_ANIMATION_DURATION_MS * 1.2);\n    });\n    Promise.race([startAnimation(), animationTimeout()]).then(() => {\n      if (handleAnimationEnd) {\n        frameEl.removeEventListener('animationend', handleAnimationEnd);\n      }\n      setIsAnimatingOut(false);\n      closeModalResolve();\n    });\n  }), [isReducedMotion]);\n  return {\n    overlayClassname: isAnimatingOut ? 'is-animating-out' : undefined,\n    frameRef,\n    closeModal\n  };\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiC;AACjC,qBAA8C;AAC9C,qBAAoB;AAKpB,mBAAuB;AAUvB,IAAM,8BAA8B,OAAO,SAAS,oBAAO,kBAAkB;AAC7E,IAAM,sBAAsB;AACrB,SAAS,wBAAwB;AACtC,QAAM,eAAW,uBAAO,IAAI;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,yBAAS,KAAK;AAC1D,QAAM,sBAAkB,iCAAiB;AACzC,QAAM,iBAAa,4BAAY,MAAM,IAAI,QAAQ,uBAAqB;AAGpE,UAAM,UAAU,SAAS;AACzB,QAAI,iBAAiB;AACnB,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI,CAAC,SAAS;AACZ,iBAAW,iBAAiB,WAAO,eAAAA,SAAQ,4IAA4I,IAAI;AAC3L,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI;AACJ,UAAM,iBAAiB,MAAM,IAAI,QAAQ,sBAAoB;AAC3D,2BAAqB,OAAK;AACxB,YAAI,EAAE,kBAAkB,qBAAqB;AAC3C,2BAAiB;AAAA,QACnB;AAAA,MACF;AACA,cAAQ,iBAAiB,gBAAgB,kBAAkB;AAC3D,wBAAkB,IAAI;AAAA,IACxB,CAAC;AACD,UAAM,mBAAmB,MAAM,IAAI,QAAQ,oBAAkB;AAC3D;AAAA,QAAW,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,QAIhC,8BAA8B;AAAA,MAAG;AAAA,IACnC,CAAC;AACD,YAAQ,KAAK,CAAC,eAAe,GAAG,iBAAiB,CAAC,CAAC,EAAE,KAAK,MAAM;AAC9D,UAAI,oBAAoB;AACtB,gBAAQ,oBAAoB,gBAAgB,kBAAkB;AAAA,MAChE;AACA,wBAAkB,KAAK;AACvB,wBAAkB;AAAA,IACpB,CAAC;AAAA,EACH,CAAC,GAAG,CAAC,eAAe,CAAC;AACrB,SAAO;AAAA,IACL,kBAAkB,iBAAiB,qBAAqB;AAAA,IACxD;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useReducedMotion } from '@wordpress/compose';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport warning from '@wordpress/warning';\nimport { CONFIG } from '../utils';\n\n/**\n * Milliseconds used as a fallback when racing `animationend` against a timeout.\n *\n * Sourced from `CONFIG.transitionDuration`. This value is implicitly coupled to\n * the modal frame’s CSS `animation-duration` in `style.scss`, which uses the\n * WPDS `motion-duration-md` token. If either the token, the SCSS, or\n * `CONFIG.transitionDuration` changes, keep them aligned so exit timing stays correct.\n */\nconst FRAME_ANIMATION_DURATION_MS = Number.parseInt(CONFIG.transitionDuration);\nconst EXIT_ANIMATION_NAME = 'components-modal__disappear-animation';\nexport function useModalExitAnimation() {\n  const frameRef = useRef(null);\n  const [isAnimatingOut, setIsAnimatingOut] = useState(false);\n  const isReducedMotion = useReducedMotion();\n  const closeModal = useCallback(() => new Promise(closeModalResolve => {\n    // Grab a \"stable\" reference of the frame element, since\n    // the value held by the react ref might change at runtime.\n    const frameEl = frameRef.current;\n    if (isReducedMotion) {\n      closeModalResolve();\n      return;\n    }\n    if (!frameEl) {\n      globalThis.SCRIPT_DEBUG === true ? warning(\"wp.components.Modal: the Modal component can't be closed with an exit animation because of a missing reference to the modal frame element.\") : void 0;\n      closeModalResolve();\n      return;\n    }\n    let handleAnimationEnd;\n    const startAnimation = () => new Promise(animationResolve => {\n      handleAnimationEnd = e => {\n        if (e.animationName === EXIT_ANIMATION_NAME) {\n          animationResolve();\n        }\n      };\n      frameEl.addEventListener('animationend', handleAnimationEnd);\n      setIsAnimatingOut(true);\n    });\n    const animationTimeout = () => new Promise(timeoutResolve => {\n      setTimeout(() => timeoutResolve(),\n      // Allow an extra 20% of the animation duration for the\n      // animationend event to fire, in case the animation frame is\n      // slightly delayes by some other events in the event loop.\n      FRAME_ANIMATION_DURATION_MS * 1.2);\n    });\n    Promise.race([startAnimation(), animationTimeout()]).then(() => {\n      if (handleAnimationEnd) {\n        frameEl.removeEventListener('animationend', handleAnimationEnd);\n      }\n      setIsAnimatingOut(false);\n      closeModalResolve();\n    });\n  }), [isReducedMotion]);\n  return {\n    overlayClassname: isAnimatingOut ? 'is-animating-out' : undefined,\n    frameRef,\n    closeModal\n  };\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAiC;AACjC,qBAA8C;AAC9C,qBAAoB;AACpB,mBAAuB;AAUvB,IAAM,8BAA8B,OAAO,SAAS,oBAAO,kBAAkB;AAC7E,IAAM,sBAAsB;AACrB,SAAS,wBAAwB;AACtC,QAAM,eAAW,uBAAO,IAAI;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,yBAAS,KAAK;AAC1D,QAAM,sBAAkB,iCAAiB;AACzC,QAAM,iBAAa,4BAAY,MAAM,IAAI,QAAQ,uBAAqB;AAGpE,UAAM,UAAU,SAAS;AACzB,QAAI,iBAAiB;AACnB,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI,CAAC,SAAS;AACZ,iBAAW,iBAAiB,WAAO,eAAAA,SAAQ,4IAA4I,IAAI;AAC3L,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI;AACJ,UAAM,iBAAiB,MAAM,IAAI,QAAQ,sBAAoB;AAC3D,2BAAqB,OAAK;AACxB,YAAI,EAAE,kBAAkB,qBAAqB;AAC3C,2BAAiB;AAAA,QACnB;AAAA,MACF;AACA,cAAQ,iBAAiB,gBAAgB,kBAAkB;AAC3D,wBAAkB,IAAI;AAAA,IACxB,CAAC;AACD,UAAM,mBAAmB,MAAM,IAAI,QAAQ,oBAAkB;AAC3D;AAAA,QAAW,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,QAIhC,8BAA8B;AAAA,MAAG;AAAA,IACnC,CAAC;AACD,YAAQ,KAAK,CAAC,eAAe,GAAG,iBAAiB,CAAC,CAAC,EAAE,KAAK,MAAM;AAC9D,UAAI,oBAAoB;AACtB,gBAAQ,oBAAoB,gBAAgB,kBAAkB;AAAA,MAChE;AACA,wBAAkB,KAAK;AACvB,wBAAkB;AAAA,IACpB,CAAC;AAAA,EACH,CAAC,GAAG,CAAC,eAAe,CAAC;AACrB,SAAO;AAAA,IACL,kBAAkB,iBAAiB,qBAAqB;AAAA,IACxD;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["warning"]
 }

package/build/navigable-container/container.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/navigable-container/container.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef, useEffect } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { focus } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nconst MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];\nfunction cycleValue(value, total, offset) {\n  const nextValue = value + offset;\n  if (nextValue < 0) {\n    return total + nextValue;\n  } else if (nextValue >= total) {\n    return nextValue - total;\n  }\n  return nextValue;\n}\nfunction getFocusableContext(container, target, tabbableOnly) {\n  const finder = tabbableOnly ? focus.tabbable : focus.focusable;\n  const focusables = finder.find(container);\n  const index = focusables.indexOf(target);\n  if (index > -1) {\n    return {\n      index,\n      target,\n      focusables\n    };\n  }\n  return null;\n}\nfunction UnforwardedNavigableContainer({\n  children,\n  stopNavigationEvents,\n  eventToOffset,\n  onNavigate = noop,\n  onKeyDown,\n  cycle = true,\n  onlyBrowserTabstops,\n  ...restProps\n}, ref) {\n  const containerRef = useRef(null);\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    function handleKeyDown(event) {\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n      const offset = eventToOffset(event);\n\n      // eventToOffset returns undefined if the event is not handled by the component.\n      if (offset !== undefined && stopNavigationEvents) {\n        // Prevents arrow key handlers bound to the document directly interfering.\n        event.stopImmediatePropagation();\n\n        // When navigating a collection of items, prevent scroll containers\n        // from scrolling. The preventDefault also prevents Voiceover from\n        // 'handling' the event, as voiceover will try to use arrow keys\n        // for highlighting text.\n        const targetRole = event.target?.getAttribute('role');\n        const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);\n        if (targetHasMenuItemRole) {\n          event.preventDefault();\n        }\n      }\n      if (!offset) {\n        return;\n      }\n      const activeElement = event.target?.ownerDocument?.activeElement;\n      if (!activeElement) {\n        return;\n      }\n      const context = getFocusableContext(container, activeElement, !!onlyBrowserTabstops);\n      if (!context) {\n        return;\n      }\n      const {\n        index,\n        focusables\n      } = context;\n      const nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset;\n      if (nextIndex >= 0 && nextIndex < focusables.length) {\n        focusables[nextIndex].focus();\n        onNavigate(nextIndex, focusables[nextIndex]);\n\n        // `preventDefault()` on tab to avoid having the browser move the focus\n        // after this component has already moved it.\n        if (event.code === 'Tab') {\n          event.preventDefault();\n        }\n      }\n    }\n\n    // We use DOM event listeners instead of React event listeners\n    // because we want to catch events from the underlying DOM tree.\n    // The React Tree can be different from the DOM tree when using\n    // portals. Block Toolbars for instance are rendered in a separate\n    // React Trees.\n    container.addEventListener('keydown', handleKeyDown);\n    return () => {\n      container.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onKeyDown, eventToOffset, stopNavigationEvents, cycle, onNavigate, onlyBrowserTabstops]);\n  const mergedRef = useMergeRefs([containerRef, ref]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: mergedRef,\n    ...restProps,\n    children: children\n  });\n}\nconst NavigableContainer = forwardRef(UnforwardedNavigableContainer);\nNavigableContainer.displayName = 'NavigableContainer';\nexport default NavigableContainer;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAA8C;AAC9C,qBAA6B;AAC7B,iBAAsB;AAKtB,yBAA4B;AAC5B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,kBAAkB,CAAC,YAAY,iBAAiB,kBAAkB;AACxE,SAAS,WAAW,OAAO,OAAO,QAAQ;AACxC,QAAM,YAAY,QAAQ;AAC1B,MAAI,YAAY,GAAG;AACjB,WAAO,QAAQ;AAAA,EACjB,WAAW,aAAa,OAAO;AAC7B,WAAO,YAAY;AAAA,EACrB;AACA,SAAO;AACT;AACA,SAAS,oBAAoB,WAAW,QAAQ,cAAc;AAC5D,QAAM,SAAS,eAAe,iBAAM,WAAW,iBAAM;AACrD,QAAM,aAAa,OAAO,KAAK,SAAS;AACxC,QAAM,QAAQ,WAAW,QAAQ,MAAM;AACvC,MAAI,QAAQ,IAAI;AACd,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AACA,SAAS,8BAA8B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,mBAAe,uBAAO,IAAI;AAChC,gCAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AACA,aAAS,cAAc,OAAO;AAC5B,UAAI,WAAW;AACb,kBAAU,KAAK;AAAA,MACjB;AACA,YAAM,SAAS,cAAc,KAAK;AAGlC,UAAI,WAAW,UAAa,sBAAsB;AAEhD,cAAM,yBAAyB;AAM/B,cAAM,aAAa,MAAM,QAAQ,aAAa,MAAM;AACpD,cAAM,wBAAwB,CAAC,CAAC,cAAc,gBAAgB,SAAS,UAAU;AACjF,YAAI,uBAAuB;AACzB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AACA,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AACA,YAAM,gBAAgB,MAAM,QAAQ,eAAe;AACnD,UAAI,CAAC,eAAe;AAClB;AAAA,MACF;AACA,YAAM,UAAU,oBAAoB,WAAW,eAAe,CAAC,CAAC,mBAAmB;AACnF,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AACA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI;AACJ,YAAM,YAAY,QAAQ,WAAW,OAAO,WAAW,QAAQ,MAAM,IAAI,QAAQ;AACjF,UAAI,aAAa,KAAK,YAAY,WAAW,QAAQ;AACnD,mBAAW,SAAS,EAAE,MAAM;AAC5B,mBAAW,WAAW,WAAW,SAAS,CAAC;AAI3C,YAAI,MAAM,SAAS,OAAO;AACxB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAOA,cAAU,iBAAiB,WAAW,aAAa;AACnD,WAAO,MAAM;AACX,gBAAU,oBAAoB,WAAW,aAAa;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,WAAW,eAAe,sBAAsB,OAAO,YAAY,mBAAmB,CAAC;AAC3F,QAAM,gBAAY,6BAAa,CAAC,cAAc,GAAG,CAAC;AAClD,SAAoB,uCAAAA,KAAK,OAAO;AAAA,IAC9B,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AACA,IAAM,yBAAqB,2BAAW,6BAA6B;AACnE,mBAAmB,cAAc;AACjC,IAAO,oBAAQ;",
+  "sourcesContent": ["import { forwardRef, useRef, useEffect } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { focus } from '@wordpress/dom';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nconst MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];\nfunction cycleValue(value, total, offset) {\n  const nextValue = value + offset;\n  if (nextValue < 0) {\n    return total + nextValue;\n  } else if (nextValue >= total) {\n    return nextValue - total;\n  }\n  return nextValue;\n}\nfunction getFocusableContext(container, target, tabbableOnly) {\n  const finder = tabbableOnly ? focus.tabbable : focus.focusable;\n  const focusables = finder.find(container);\n  const index = focusables.indexOf(target);\n  if (index > -1) {\n    return {\n      index,\n      target,\n      focusables\n    };\n  }\n  return null;\n}\nfunction UnforwardedNavigableContainer({\n  children,\n  stopNavigationEvents,\n  eventToOffset,\n  onNavigate = noop,\n  onKeyDown,\n  cycle = true,\n  onlyBrowserTabstops,\n  ...restProps\n}, ref) {\n  const containerRef = useRef(null);\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    function handleKeyDown(event) {\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n      const offset = eventToOffset(event);\n\n      // eventToOffset returns undefined if the event is not handled by the component.\n      if (offset !== undefined && stopNavigationEvents) {\n        // Prevents arrow key handlers bound to the document directly interfering.\n        event.stopImmediatePropagation();\n\n        // When navigating a collection of items, prevent scroll containers\n        // from scrolling. The preventDefault also prevents Voiceover from\n        // 'handling' the event, as voiceover will try to use arrow keys\n        // for highlighting text.\n        const targetRole = event.target?.getAttribute('role');\n        const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);\n        if (targetHasMenuItemRole) {\n          event.preventDefault();\n        }\n      }\n      if (!offset) {\n        return;\n      }\n      const activeElement = event.target?.ownerDocument?.activeElement;\n      if (!activeElement) {\n        return;\n      }\n      const context = getFocusableContext(container, activeElement, !!onlyBrowserTabstops);\n      if (!context) {\n        return;\n      }\n      const {\n        index,\n        focusables\n      } = context;\n      const nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset;\n      if (nextIndex >= 0 && nextIndex < focusables.length) {\n        focusables[nextIndex].focus();\n        onNavigate(nextIndex, focusables[nextIndex]);\n\n        // `preventDefault()` on tab to avoid having the browser move the focus\n        // after this component has already moved it.\n        if (event.code === 'Tab') {\n          event.preventDefault();\n        }\n      }\n    }\n\n    // We use DOM event listeners instead of React event listeners\n    // because we want to catch events from the underlying DOM tree.\n    // The React Tree can be different from the DOM tree when using\n    // portals. Block Toolbars for instance are rendered in a separate\n    // React Trees.\n    container.addEventListener('keydown', handleKeyDown);\n    return () => {\n      container.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onKeyDown, eventToOffset, stopNavigationEvents, cycle, onNavigate, onlyBrowserTabstops]);\n  const mergedRef = useMergeRefs([containerRef, ref]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: mergedRef,\n    ...restProps,\n    children: children\n  });\n}\nconst NavigableContainer = forwardRef(UnforwardedNavigableContainer);\nNavigableContainer.displayName = 'NavigableContainer';\nexport default NavigableContainer;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA8C;AAC9C,qBAA6B;AAC7B,iBAAsB;AACtB,yBAA4B;AAC5B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,kBAAkB,CAAC,YAAY,iBAAiB,kBAAkB;AACxE,SAAS,WAAW,OAAO,OAAO,QAAQ;AACxC,QAAM,YAAY,QAAQ;AAC1B,MAAI,YAAY,GAAG;AACjB,WAAO,QAAQ;AAAA,EACjB,WAAW,aAAa,OAAO;AAC7B,WAAO,YAAY;AAAA,EACrB;AACA,SAAO;AACT;AACA,SAAS,oBAAoB,WAAW,QAAQ,cAAc;AAC5D,QAAM,SAAS,eAAe,iBAAM,WAAW,iBAAM;AACrD,QAAM,aAAa,OAAO,KAAK,SAAS;AACxC,QAAM,QAAQ,WAAW,QAAQ,MAAM;AACvC,MAAI,QAAQ,IAAI;AACd,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AACA,SAAS,8BAA8B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,mBAAe,uBAAO,IAAI;AAChC,gCAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AACA,aAAS,cAAc,OAAO;AAC5B,UAAI,WAAW;AACb,kBAAU,KAAK;AAAA,MACjB;AACA,YAAM,SAAS,cAAc,KAAK;AAGlC,UAAI,WAAW,UAAa,sBAAsB;AAEhD,cAAM,yBAAyB;AAM/B,cAAM,aAAa,MAAM,QAAQ,aAAa,MAAM;AACpD,cAAM,wBAAwB,CAAC,CAAC,cAAc,gBAAgB,SAAS,UAAU;AACjF,YAAI,uBAAuB;AACzB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AACA,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AACA,YAAM,gBAAgB,MAAM,QAAQ,eAAe;AACnD,UAAI,CAAC,eAAe;AAClB;AAAA,MACF;AACA,YAAM,UAAU,oBAAoB,WAAW,eAAe,CAAC,CAAC,mBAAmB;AACnF,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AACA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI;AACJ,YAAM,YAAY,QAAQ,WAAW,OAAO,WAAW,QAAQ,MAAM,IAAI,QAAQ;AACjF,UAAI,aAAa,KAAK,YAAY,WAAW,QAAQ;AACnD,mBAAW,SAAS,EAAE,MAAM;AAC5B,mBAAW,WAAW,WAAW,SAAS,CAAC;AAI3C,YAAI,MAAM,SAAS,OAAO;AACxB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAOA,cAAU,iBAAiB,WAAW,aAAa;AACnD,WAAO,MAAM;AACX,gBAAU,oBAAoB,WAAW,aAAa;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,WAAW,eAAe,sBAAsB,OAAO,YAAY,mBAAmB,CAAC;AAC3F,QAAM,gBAAY,6BAAa,CAAC,cAAc,GAAG,CAAC;AAClD,SAAoB,uCAAAA,KAAK,OAAO;AAAA,IAC9B,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AACA,IAAM,yBAAqB,2BAAW,6BAA6B;AACnE,mBAAmB,cAAc;AACjC,IAAO,oBAAQ;",
   "names": ["_jsx"]
 }

package/build/navigable-container/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/navigable-container/index.tsx"],
-  "sourcesContent": ["/**\n * Internal Dependencies\n */\nexport { default as NavigableMenu } from './menu';\nexport { default as TabbableContainer } from './tabbable';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAyC;AACzC,sBAA6C;",
+  "sourcesContent": ["export { default as NavigableMenu } from './menu';\nexport { default as TabbableContainer } from './tabbable';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyC;AACzC,sBAA6C;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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);\nNavigableMenu.displayName = 'NavigableMenu';\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,IAAM,oBAAgB,2BAAW,wBAAwB;AAChE,cAAc,cAAc;AAC5B,IAAO,eAAQ;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\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);\nNavigableMenu.displayName = 'NavigableMenu';\nexport default NavigableMenu;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,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,cAAc,cAAc;AAC5B,IAAO,eAAQ;",
   "names": ["_jsx", "NavigableContainer"]
 }

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

@@ -1,7 +1,7 @@
 {
   "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);\nTabbableContainer.displayName = 'TabbableContainer';\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,IAAM,wBAAoB,2BAAW,4BAA4B;AACxE,kBAAkB,cAAc;AAChC,IAAO,mBAAQ;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\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);\nTabbableContainer.displayName = 'TabbableContainer';\nexport default TabbableContainer;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,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,kBAAkB,cAAc;AAChC,IAAO,mBAAQ;",
   "names": ["_jsx", "NavigableContainer"]
 }

package/build/navigator/context.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/navigator/context.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nconst initialContextValue = {\n  location: {},\n  goTo: () => {},\n  goBack: () => {},\n  goToParent: () => {},\n  addScreen: () => {},\n  removeScreen: () => {},\n  params: {}\n};\nexport const NavigatorContext = createContext(initialContextValue);\nNavigatorContext.displayName = 'NavigatorContext';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8B;AAM9B,IAAM,sBAAsB;AAAA,EAC1B,UAAU,CAAC;AAAA,EACX,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,QAAQ,CAAC;AACX;AACO,IAAM,uBAAmB,8BAAc,mBAAmB;AACjE,iBAAiB,cAAc;",
+  "sourcesContent": ["import { createContext } from '@wordpress/element';\nconst initialContextValue = {\n  location: {},\n  goTo: () => {},\n  goBack: () => {},\n  goToParent: () => {},\n  addScreen: () => {},\n  removeScreen: () => {},\n  params: {}\n};\nexport const NavigatorContext = createContext(initialContextValue);\nNavigatorContext.displayName = 'NavigatorContext';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA8B;AAC9B,IAAM,sBAAsB;AAAA,EAC1B,UAAU,CAAC;AAAA,EACX,MAAM,MAAM;AAAA,EAAC;AAAA,EACb,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,QAAQ,CAAC;AACX;AACO,IAAM,uBAAmB,8BAAc,mBAAmB;AACjE,iBAAiB,cAAc;",
   "names": []
 }

package/build/navigator/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/navigator/index.tsx"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { Navigator as TopLevelNavigator } from './navigator/component';\nimport { NavigatorScreen } from './navigator-screen/component';\nimport { NavigatorButton } from './navigator-button/component';\nimport { NavigatorBackButton } from './navigator-back-button/component';\nexport { useNavigator } from './use-navigator';\n\n/**\n * The `Navigator` component allows rendering nested views/panels/menus\n * (via the `Navigator.Screen` component) and navigate between them\n * (via the `Navigator.Button` and `Navigator.BackButton` components).\n *\n * ```jsx\n * import { Navigator } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <Navigator initialPath=\"/\">\n *     <Navigator.Screen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <Navigator.Button path=\"/child\">\n *          Navigate to child screen.\n *       </Navigator.Button>\n *     </Navigator.Screen>\n *\n *     <Navigator.Screen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <Navigator.BackButton>\n *         Go back\n *       </Navigator.BackButton>\n *     </Navigator.Screen>\n *   </Navigator>\n * );\n * ```\n */\nexport const Navigator = Object.assign(TopLevelNavigator, {\n  /**\n   * The `Navigator.Screen` component represents a single view/screen/panel and\n   * should be used in combination with the `Navigator`, the `Navigator.Button`\n   * and the `Navigator.BackButton` components.\n   *\n   * @example\n   * ```jsx\n   * import { Navigator } from '@wordpress/components';\n   *\n   * const MyNavigation = () => (\n   *   <Navigator initialPath=\"/\">\n   *     <Navigator.Screen path=\"/\">\n   *       <p>This is the home screen.</p>\n   *        <Navigator.Button path=\"/child\">\n   *          Navigate to child screen.\n   *       </Navigator.Button>\n   *     </Navigator.Screen>\n   *\n   *     <Navigator.Screen path=\"/child\">\n   *       <p>This is the child screen.</p>\n   *       <Navigator.BackButton>\n   *         Go back\n   *       </Navigator.BackButton>\n   *     </Navigator.Screen>\n   *   </Navigator>\n   * );\n   * ```\n   */\n  Screen: Object.assign(NavigatorScreen, {\n    displayName: 'Navigator.Screen'\n  }),\n  /**\n   * The `Navigator.Button` component can be used to navigate to a screen and\n   * should be used in combination with the `Navigator`, the `Navigator.Screen`\n   * and the `Navigator.BackButton` components.\n   *\n   * @example\n   * ```jsx\n   * import { Navigator } from '@wordpress/components';\n   *\n   * const MyNavigation = () => (\n   *   <Navigator initialPath=\"/\">\n   *     <Navigator.Screen path=\"/\">\n   *       <p>This is the home screen.</p>\n   *        <Navigator.Button path=\"/child\">\n   *          Navigate to child screen.\n   *       </Navigator.Button>\n   *     </Navigator.Screen>\n   *\n   *     <Navigator.Screen path=\"/child\">\n   *       <p>This is the child screen.</p>\n   *       <Navigator.BackButton>\n   *         Go back\n   *       </Navigator.BackButton>\n   *     </Navigator.Screen>\n   *   </Navigator>\n   * );\n   * ```\n   */\n  Button: Object.assign(NavigatorButton, {\n    displayName: 'Navigator.Button'\n  }),\n  /**\n   * The `Navigator.BackButton` component can be used to navigate to a screen and\n   * should be used in combination with the `Navigator`, the `Navigator.Screen`\n   * and the `Navigator.Button` components.\n   *\n   * @example\n   * ```jsx\n   * import { Navigator } from '@wordpress/components';\n   *\n   * const MyNavigation = () => (\n   *   <Navigator initialPath=\"/\">\n   *     <Navigator.Screen path=\"/\">\n   *       <p>This is the home screen.</p>\n   *        <Navigator.Button path=\"/child\">\n   *          Navigate to child screen.\n   *       </Navigator.Button>\n   *     </Navigator.Screen>\n   *\n   *     <Navigator.Screen path=\"/child\">\n   *       <p>This is the child screen.</p>\n   *       <Navigator.BackButton>\n   *         Go back\n   *       </Navigator.BackButton>\n   *     </Navigator.Screen>\n   *   </Navigator>\n   * );\n   * ```\n   */\n  BackButton: Object.assign(NavigatorBackButton, {\n    displayName: 'Navigator.BackButton'\n  })\n});"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAA+C;AAC/C,IAAAA,oBAAgC;AAChC,IAAAA,oBAAgC;AAChC,IAAAA,oBAAoC;AACpC,2BAA6B;AA6BtB,IAAM,YAAY,OAAO,OAAO,iBAAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BxD,QAAQ,OAAO,OAAO,mCAAiB;AAAA,IACrC,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BD,QAAQ,OAAO,OAAO,mCAAiB;AAAA,IACrC,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BD,YAAY,OAAO,OAAO,uCAAqB;AAAA,IAC7C,aAAa;AAAA,EACf,CAAC;AACH,CAAC;",
+  "sourcesContent": ["import { Navigator as TopLevelNavigator } from './navigator/component';\nimport { NavigatorScreen } from './navigator-screen/component';\nimport { NavigatorButton } from './navigator-button/component';\nimport { NavigatorBackButton } from './navigator-back-button/component';\nexport { useNavigator } from './use-navigator';\n\n/**\n * The `Navigator` component allows rendering nested views/panels/menus\n * (via the `Navigator.Screen` component) and navigate between them\n * (via the `Navigator.Button` and `Navigator.BackButton` components).\n *\n * ```jsx\n * import { Navigator } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <Navigator initialPath=\"/\">\n *     <Navigator.Screen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <Navigator.Button path=\"/child\">\n *          Navigate to child screen.\n *       </Navigator.Button>\n *     </Navigator.Screen>\n *\n *     <Navigator.Screen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <Navigator.BackButton>\n *         Go back\n *       </Navigator.BackButton>\n *     </Navigator.Screen>\n *   </Navigator>\n * );\n * ```\n */\nexport const Navigator = Object.assign(TopLevelNavigator, {\n  /**\n   * The `Navigator.Screen` component represents a single view/screen/panel and\n   * should be used in combination with the `Navigator`, the `Navigator.Button`\n   * and the `Navigator.BackButton` components.\n   *\n   * @example\n   * ```jsx\n   * import { Navigator } from '@wordpress/components';\n   *\n   * const MyNavigation = () => (\n   *   <Navigator initialPath=\"/\">\n   *     <Navigator.Screen path=\"/\">\n   *       <p>This is the home screen.</p>\n   *        <Navigator.Button path=\"/child\">\n   *          Navigate to child screen.\n   *       </Navigator.Button>\n   *     </Navigator.Screen>\n   *\n   *     <Navigator.Screen path=\"/child\">\n   *       <p>This is the child screen.</p>\n   *       <Navigator.BackButton>\n   *         Go back\n   *       </Navigator.BackButton>\n   *     </Navigator.Screen>\n   *   </Navigator>\n   * );\n   * ```\n   */\n  Screen: Object.assign(NavigatorScreen, {\n    displayName: 'Navigator.Screen'\n  }),\n  /**\n   * The `Navigator.Button` component can be used to navigate to a screen and\n   * should be used in combination with the `Navigator`, the `Navigator.Screen`\n   * and the `Navigator.BackButton` components.\n   *\n   * @example\n   * ```jsx\n   * import { Navigator } from '@wordpress/components';\n   *\n   * const MyNavigation = () => (\n   *   <Navigator initialPath=\"/\">\n   *     <Navigator.Screen path=\"/\">\n   *       <p>This is the home screen.</p>\n   *        <Navigator.Button path=\"/child\">\n   *          Navigate to child screen.\n   *       </Navigator.Button>\n   *     </Navigator.Screen>\n   *\n   *     <Navigator.Screen path=\"/child\">\n   *       <p>This is the child screen.</p>\n   *       <Navigator.BackButton>\n   *         Go back\n   *       </Navigator.BackButton>\n   *     </Navigator.Screen>\n   *   </Navigator>\n   * );\n   * ```\n   */\n  Button: Object.assign(NavigatorButton, {\n    displayName: 'Navigator.Button'\n  }),\n  /**\n   * The `Navigator.BackButton` component can be used to navigate to a screen and\n   * should be used in combination with the `Navigator`, the `Navigator.Screen`\n   * and the `Navigator.Button` components.\n   *\n   * @example\n   * ```jsx\n   * import { Navigator } from '@wordpress/components';\n   *\n   * const MyNavigation = () => (\n   *   <Navigator initialPath=\"/\">\n   *     <Navigator.Screen path=\"/\">\n   *       <p>This is the home screen.</p>\n   *        <Navigator.Button path=\"/child\">\n   *          Navigate to child screen.\n   *       </Navigator.Button>\n   *     </Navigator.Screen>\n   *\n   *     <Navigator.Screen path=\"/child\">\n   *       <p>This is the child screen.</p>\n   *       <Navigator.BackButton>\n   *         Go back\n   *       </Navigator.BackButton>\n   *     </Navigator.Screen>\n   *   </Navigator>\n   * );\n   * ```\n   */\n  BackButton: Object.assign(NavigatorBackButton, {\n    displayName: 'Navigator.BackButton'\n  })\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA+C;AAC/C,IAAAA,oBAAgC;AAChC,IAAAA,oBAAgC;AAChC,IAAAA,oBAAoC;AACpC,2BAA6B;AA6BtB,IAAM,YAAY,OAAO,OAAO,iBAAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BxD,QAAQ,OAAO,OAAO,mCAAiB;AAAA,IACrC,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BD,QAAQ,OAAO,OAAO,mCAAiB;AAAA,IACrC,aAAa;AAAA,EACf,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BD,YAAY,OAAO,OAAO,uCAAqB;AAAA,IAC7C,aAAa;AAAA,EACf,CAAC;AACH,CAAC;",
   "names": ["import_component", "TopLevelNavigator"]
 }

package/build/navigator/legacy.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/navigator/legacy.ts"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { Navigator as InternalNavigator } from './navigator/component';\nimport { NavigatorScreen as InternalNavigatorScreen } from './navigator-screen/component';\nimport { NavigatorButton as InternalNavigatorButton } from './navigator-button/component';\nimport { NavigatorBackButton as InternalNavigatorBackButton } from './navigator-back-button/component';\nimport { NavigatorToParentButton as InternalNavigatorToParentButton } from './navigator-to-parent-button/component';\nexport { useNavigator } from './use-navigator';\n\n/**\n * The `NavigatorProvider` component allows rendering nested views/panels/menus\n * (via the `NavigatorScreen` component and navigate between them\n * (via the `NavigatorButton` and `NavigatorBackButton` components).\n *\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorProvider = Object.assign(InternalNavigator, {\n  displayName: 'NavigatorProvider'\n});\n\n/**\n * The `NavigatorScreen` component represents a single view/screen/panel and\n * should be used in combination with the `NavigatorProvider`, the\n * `NavigatorButton` and the `NavigatorBackButton` components.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorScreen = Object.assign(InternalNavigatorScreen, {\n  displayName: 'NavigatorScreen'\n});\n\n/**\n * The `NavigatorButton` component can be used to navigate to a screen and should\n * be used in combination with the `NavigatorProvider`, the `NavigatorScreen`\n * and the `NavigatorBackButton` components.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorButton = Object.assign(InternalNavigatorButton, {\n  displayName: 'NavigatorButton'\n});\n\n/**\n * The `NavigatorBackButton` component can be used to navigate to a screen and\n * should be used in combination with the `NavigatorProvider`, the\n * `NavigatorScreen` and the `NavigatorButton` components.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back (to parent)\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorBackButton = Object.assign(InternalNavigatorBackButton, {\n  displayName: 'NavigatorBackButton'\n});\n\n/**\n * _Note: this component is deprecated. Please use the `NavigatorBackButton`\n * component instead._\n *\n * @deprecated\n */\nexport const NavigatorToParentButton = Object.assign(InternalNavigatorToParentButton, {\n  displayName: 'NavigatorToParentButton'\n});"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAA+C;AAC/C,IAAAA,oBAA2D;AAC3D,IAAAA,oBAA2D;AAC3D,IAAAA,oBAAmE;AACnE,IAAAA,oBAA2E;AAC3E,2BAA6B;AAkCtB,IAAM,oBAAoB,OAAO,OAAO,iBAAAC,WAAmB;AAAA,EAChE,aAAa;AACf,CAAC;AAmCM,IAAM,kBAAkB,OAAO,OAAO,kBAAAC,iBAAyB;AAAA,EACpE,aAAa;AACf,CAAC;AAmCM,IAAM,kBAAkB,OAAO,OAAO,kBAAAC,iBAAyB;AAAA,EACpE,aAAa;AACf,CAAC;AAmCM,IAAM,sBAAsB,OAAO,OAAO,kBAAAC,qBAA6B;AAAA,EAC5E,aAAa;AACf,CAAC;AAQM,IAAM,0BAA0B,OAAO,OAAO,kBAAAC,yBAAiC;AAAA,EACpF,aAAa;AACf,CAAC;",
+  "sourcesContent": ["import { Navigator as InternalNavigator } from './navigator/component';\nimport { NavigatorScreen as InternalNavigatorScreen } from './navigator-screen/component';\nimport { NavigatorButton as InternalNavigatorButton } from './navigator-button/component';\nimport { NavigatorBackButton as InternalNavigatorBackButton } from './navigator-back-button/component';\nimport { NavigatorToParentButton as InternalNavigatorToParentButton } from './navigator-to-parent-button/component';\nexport { useNavigator } from './use-navigator';\n\n/**\n * The `NavigatorProvider` component allows rendering nested views/panels/menus\n * (via the `NavigatorScreen` component and navigate between them\n * (via the `NavigatorButton` and `NavigatorBackButton` components).\n *\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorProvider = Object.assign(InternalNavigator, {\n  displayName: 'NavigatorProvider'\n});\n\n/**\n * The `NavigatorScreen` component represents a single view/screen/panel and\n * should be used in combination with the `NavigatorProvider`, the\n * `NavigatorButton` and the `NavigatorBackButton` components.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorScreen = Object.assign(InternalNavigatorScreen, {\n  displayName: 'NavigatorScreen'\n});\n\n/**\n * The `NavigatorButton` component can be used to navigate to a screen and should\n * be used in combination with the `NavigatorProvider`, the `NavigatorScreen`\n * and the `NavigatorBackButton` components.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorButton = Object.assign(InternalNavigatorButton, {\n  displayName: 'NavigatorButton'\n});\n\n/**\n * The `NavigatorBackButton` component can be used to navigate to a screen and\n * should be used in combination with the `NavigatorProvider`, the\n * `NavigatorScreen` and the `NavigatorButton` components.\n *\n * @example\n * ```jsx\n * import {\n *   __experimentalNavigatorProvider as NavigatorProvider,\n *   __experimentalNavigatorScreen as NavigatorScreen,\n *   __experimentalNavigatorButton as NavigatorButton,\n *   __experimentalNavigatorBackButton as NavigatorBackButton,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <NavigatorProvider initialPath=\"/\">\n *     <NavigatorScreen path=\"/\">\n *       <p>This is the home screen.</p>\n *        <NavigatorButton path=\"/child\">\n *          Navigate to child screen.\n *       </NavigatorButton>\n *     </NavigatorScreen>\n *\n *     <NavigatorScreen path=\"/child\">\n *       <p>This is the child screen.</p>\n *       <NavigatorBackButton>\n *         Go back (to parent)\n *       </NavigatorBackButton>\n *     </NavigatorScreen>\n *   </NavigatorProvider>\n * );\n * ```\n */\nexport const NavigatorBackButton = Object.assign(InternalNavigatorBackButton, {\n  displayName: 'NavigatorBackButton'\n});\n\n/**\n * _Note: this component is deprecated. Please use the `NavigatorBackButton`\n * component instead._\n *\n * @deprecated\n */\nexport const NavigatorToParentButton = Object.assign(InternalNavigatorToParentButton, {\n  displayName: 'NavigatorToParentButton'\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA+C;AAC/C,IAAAA,oBAA2D;AAC3D,IAAAA,oBAA2D;AAC3D,IAAAA,oBAAmE;AACnE,IAAAA,oBAA2E;AAC3E,2BAA6B;AAkCtB,IAAM,oBAAoB,OAAO,OAAO,iBAAAC,WAAmB;AAAA,EAChE,aAAa;AACf,CAAC;AAmCM,IAAM,kBAAkB,OAAO,OAAO,kBAAAC,iBAAyB;AAAA,EACpE,aAAa;AACf,CAAC;AAmCM,IAAM,kBAAkB,OAAO,OAAO,kBAAAC,iBAAyB;AAAA,EACpE,aAAa;AACf,CAAC;AAmCM,IAAM,sBAAsB,OAAO,OAAO,kBAAAC,qBAA6B;AAAA,EAC5E,aAAa;AACf,CAAC;AAQM,IAAM,0BAA0B,OAAO,OAAO,kBAAAC,yBAAiC;AAAA,EACpF,aAAa;AACf,CAAC;",
   "names": ["import_component", "InternalNavigator", "InternalNavigatorScreen", "InternalNavigatorButton", "InternalNavigatorBackButton", "InternalNavigatorToParentButton"]
 }

package/build/navigator/navigator/component.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/navigator/navigator/component.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useMemo, useReducer } from '@wordpress/element';\nimport { isShallowEqual } from '@wordpress/is-shallow-equal';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport { patternMatch, findParent } from '../utils/router';\nimport { View } from '../../view';\nimport { NavigatorContext } from '../context';\nimport * as styles from '../styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction addScreen({\n  screens\n}, screen) {\n  if (screens.some(s => s.path === screen.path)) {\n    globalThis.SCRIPT_DEBUG === true ? warning(`Navigator: a screen with path ${screen.path} already exists.\nThe screen with id ${screen.id} will not be added.`) : void 0;\n    return screens;\n  }\n  return [...screens, screen];\n}\nfunction removeScreen({\n  screens\n}, screen) {\n  return screens.filter(s => s.id !== screen.id);\n}\nfunction goTo(state, path, options = {}) {\n  const {\n    focusSelectors\n  } = state;\n  const currentLocation = {\n    ...state.currentLocation\n  };\n  const {\n    // Default assignments\n    isBack = false,\n    skipFocus = false,\n    // Extract to avoid forwarding\n    replace,\n    focusTargetSelector,\n    // Rest\n    ...restOptions\n  } = options;\n  if (currentLocation.path === path) {\n    return {\n      currentLocation,\n      focusSelectors\n    };\n  }\n  let focusSelectorsCopy;\n  function getFocusSelectorsCopy() {\n    focusSelectorsCopy = focusSelectorsCopy ?? new Map(state.focusSelectors);\n    return focusSelectorsCopy;\n  }\n\n  // Set a focus selector that will be used when navigating\n  // back to the current location.\n  if (focusTargetSelector && currentLocation.path) {\n    getFocusSelectorsCopy().set(currentLocation.path, focusTargetSelector);\n  }\n\n  // Get the focus selector for the new location.\n  let currentFocusSelector;\n  if (focusSelectors.get(path)) {\n    if (isBack) {\n      // Use the found focus selector only when navigating back.\n      currentFocusSelector = focusSelectors.get(path);\n    }\n    // Make a copy of the focusSelectors map to remove the focus selector\n    // only if necessary (ie. a focus selector was found).\n    getFocusSelectorsCopy().delete(path);\n  }\n  return {\n    currentLocation: {\n      ...restOptions,\n      isInitial: false,\n      path,\n      isBack,\n      hasRestoredFocus: false,\n      focusTargetSelector: currentFocusSelector,\n      skipFocus\n    },\n    focusSelectors: focusSelectorsCopy ?? focusSelectors\n  };\n}\nfunction goToParent(state, options = {}) {\n  const {\n    screens,\n    focusSelectors\n  } = state;\n  const currentLocation = {\n    ...state.currentLocation\n  };\n  const currentPath = currentLocation.path;\n  if (currentPath === undefined) {\n    return {\n      currentLocation,\n      focusSelectors\n    };\n  }\n  const parentPath = findParent(currentPath, screens);\n  if (parentPath === undefined) {\n    return {\n      currentLocation,\n      focusSelectors\n    };\n  }\n  return goTo(state, parentPath, {\n    ...options,\n    isBack: true\n  });\n}\nfunction routerReducer(state, action) {\n  let {\n    screens,\n    currentLocation,\n    matchedPath,\n    focusSelectors,\n    ...restState\n  } = state;\n  switch (action.type) {\n    case 'add':\n      screens = addScreen(state, action.screen);\n      break;\n    case 'remove':\n      screens = removeScreen(state, action.screen);\n      break;\n    case 'goto':\n      ({\n        currentLocation,\n        focusSelectors\n      } = goTo(state, action.path, action.options));\n      break;\n    case 'gotoparent':\n      ({\n        currentLocation,\n        focusSelectors\n      } = goToParent(state, action.options));\n      break;\n  }\n\n  // Return early in case there is no change\n  if (screens === state.screens && currentLocation === state.currentLocation) {\n    return state;\n  }\n\n  // Compute the matchedPath\n  const currentPath = currentLocation.path;\n  matchedPath = currentPath !== undefined ? patternMatch(currentPath, screens) : undefined;\n\n  // If the new match is the same as the previous match,\n  // return the previous one to keep immutability.\n  if (matchedPath && state.matchedPath && matchedPath.id === state.matchedPath.id && isShallowEqual(matchedPath.params, state.matchedPath.params)) {\n    matchedPath = state.matchedPath;\n  }\n  return {\n    ...restState,\n    screens,\n    currentLocation,\n    matchedPath,\n    focusSelectors\n  };\n}\nfunction UnconnectedNavigator(props, forwardedRef) {\n  const {\n    initialPath: initialPathProp,\n    children,\n    className,\n    ...otherProps\n  } = useContextSystem(props, 'Navigator');\n  const [routerState, dispatch] = useReducer(routerReducer, initialPathProp, path => ({\n    screens: [],\n    currentLocation: {\n      path,\n      isInitial: true\n    },\n    matchedPath: undefined,\n    focusSelectors: new Map(),\n    initialPath: initialPathProp\n  }));\n\n  // The methods are constant forever, create stable references to them.\n  const methods = useMemo(() => ({\n    // Note: calling goBack calls `goToParent` internally, as it was established\n    // that `goBack` should behave like `goToParent`, and `goToParent` should\n    // be marked as deprecated.\n    goBack: options => dispatch({\n      type: 'gotoparent',\n      options\n    }),\n    goTo: (path, options) => dispatch({\n      type: 'goto',\n      path,\n      options\n    }),\n    goToParent: options => {\n      deprecated(`wp.components.useNavigator().goToParent`, {\n        since: '6.7',\n        alternative: 'wp.components.useNavigator().goBack'\n      });\n      dispatch({\n        type: 'gotoparent',\n        options\n      });\n    },\n    addScreen: screen => dispatch({\n      type: 'add',\n      screen\n    }),\n    removeScreen: screen => dispatch({\n      type: 'remove',\n      screen\n    })\n  }), []);\n  const {\n    currentLocation,\n    matchedPath\n  } = routerState;\n  const navigatorContextValue = useMemo(() => ({\n    location: currentLocation,\n    params: matchedPath?.params ?? {},\n    match: matchedPath?.id,\n    ...methods\n  }), [currentLocation, matchedPath, methods]);\n  const cx = useCx();\n  const classes = useMemo(() => cx(styles.navigatorWrapper, className), [className, cx]);\n  return /*#__PURE__*/_jsx(View, {\n    ref: forwardedRef,\n    className: classes,\n    ...otherProps,\n    children: /*#__PURE__*/_jsx(NavigatorContext.Provider, {\n      value: navigatorContextValue,\n      children: children\n    })\n  });\n}\nexport const Navigator = contextConnect(UnconnectedNavigator, 'Navigator');"],
-  "mappings": "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",
+  "sourcesContent": ["import deprecated from '@wordpress/deprecated';\nimport { useMemo, useReducer } from '@wordpress/element';\nimport { isShallowEqual } from '@wordpress/is-shallow-equal';\nimport warning from '@wordpress/warning';\nimport { contextConnect, useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport { patternMatch, findParent } from '../utils/router';\nimport { View } from '../../view';\nimport { NavigatorContext } from '../context';\nimport * as styles from '../styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction addScreen({\n  screens\n}, screen) {\n  if (screens.some(s => s.path === screen.path)) {\n    globalThis.SCRIPT_DEBUG === true ? warning(`Navigator: a screen with path ${screen.path} already exists.\nThe screen with id ${screen.id} will not be added.`) : void 0;\n    return screens;\n  }\n  return [...screens, screen];\n}\nfunction removeScreen({\n  screens\n}, screen) {\n  return screens.filter(s => s.id !== screen.id);\n}\nfunction goTo(state, path, options = {}) {\n  const {\n    focusSelectors\n  } = state;\n  const currentLocation = {\n    ...state.currentLocation\n  };\n  const {\n    // Default assignments\n    isBack = false,\n    skipFocus = false,\n    // Extract to avoid forwarding\n    replace,\n    focusTargetSelector,\n    // Rest\n    ...restOptions\n  } = options;\n  if (currentLocation.path === path) {\n    return {\n      currentLocation,\n      focusSelectors\n    };\n  }\n  let focusSelectorsCopy;\n  function getFocusSelectorsCopy() {\n    focusSelectorsCopy = focusSelectorsCopy ?? new Map(state.focusSelectors);\n    return focusSelectorsCopy;\n  }\n\n  // Set a focus selector that will be used when navigating\n  // back to the current location.\n  if (focusTargetSelector && currentLocation.path) {\n    getFocusSelectorsCopy().set(currentLocation.path, focusTargetSelector);\n  }\n\n  // Get the focus selector for the new location.\n  let currentFocusSelector;\n  if (focusSelectors.get(path)) {\n    if (isBack) {\n      // Use the found focus selector only when navigating back.\n      currentFocusSelector = focusSelectors.get(path);\n    }\n    // Make a copy of the focusSelectors map to remove the focus selector\n    // only if necessary (ie. a focus selector was found).\n    getFocusSelectorsCopy().delete(path);\n  }\n  return {\n    currentLocation: {\n      ...restOptions,\n      isInitial: false,\n      path,\n      isBack,\n      hasRestoredFocus: false,\n      focusTargetSelector: currentFocusSelector,\n      skipFocus\n    },\n    focusSelectors: focusSelectorsCopy ?? focusSelectors\n  };\n}\nfunction goToParent(state, options = {}) {\n  const {\n    screens,\n    focusSelectors\n  } = state;\n  const currentLocation = {\n    ...state.currentLocation\n  };\n  const currentPath = currentLocation.path;\n  if (currentPath === undefined) {\n    return {\n      currentLocation,\n      focusSelectors\n    };\n  }\n  const parentPath = findParent(currentPath, screens);\n  if (parentPath === undefined) {\n    return {\n      currentLocation,\n      focusSelectors\n    };\n  }\n  return goTo(state, parentPath, {\n    ...options,\n    isBack: true\n  });\n}\nfunction routerReducer(state, action) {\n  let {\n    screens,\n    currentLocation,\n    matchedPath,\n    focusSelectors,\n    ...restState\n  } = state;\n  switch (action.type) {\n    case 'add':\n      screens = addScreen(state, action.screen);\n      break;\n    case 'remove':\n      screens = removeScreen(state, action.screen);\n      break;\n    case 'goto':\n      ({\n        currentLocation,\n        focusSelectors\n      } = goTo(state, action.path, action.options));\n      break;\n    case 'gotoparent':\n      ({\n        currentLocation,\n        focusSelectors\n      } = goToParent(state, action.options));\n      break;\n  }\n\n  // Return early in case there is no change\n  if (screens === state.screens && currentLocation === state.currentLocation) {\n    return state;\n  }\n\n  // Compute the matchedPath\n  const currentPath = currentLocation.path;\n  matchedPath = currentPath !== undefined ? patternMatch(currentPath, screens) : undefined;\n\n  // If the new match is the same as the previous match,\n  // return the previous one to keep immutability.\n  if (matchedPath && state.matchedPath && matchedPath.id === state.matchedPath.id && isShallowEqual(matchedPath.params, state.matchedPath.params)) {\n    matchedPath = state.matchedPath;\n  }\n  return {\n    ...restState,\n    screens,\n    currentLocation,\n    matchedPath,\n    focusSelectors\n  };\n}\nfunction UnconnectedNavigator(props, forwardedRef) {\n  const {\n    initialPath: initialPathProp,\n    children,\n    className,\n    ...otherProps\n  } = useContextSystem(props, 'Navigator');\n  const [routerState, dispatch] = useReducer(routerReducer, initialPathProp, path => ({\n    screens: [],\n    currentLocation: {\n      path,\n      isInitial: true\n    },\n    matchedPath: undefined,\n    focusSelectors: new Map(),\n    initialPath: initialPathProp\n  }));\n\n  // The methods are constant forever, create stable references to them.\n  const methods = useMemo(() => ({\n    // Note: calling goBack calls `goToParent` internally, as it was established\n    // that `goBack` should behave like `goToParent`, and `goToParent` should\n    // be marked as deprecated.\n    goBack: options => dispatch({\n      type: 'gotoparent',\n      options\n    }),\n    goTo: (path, options) => dispatch({\n      type: 'goto',\n      path,\n      options\n    }),\n    goToParent: options => {\n      deprecated(`wp.components.useNavigator().goToParent`, {\n        since: '6.7',\n        alternative: 'wp.components.useNavigator().goBack'\n      });\n      dispatch({\n        type: 'gotoparent',\n        options\n      });\n    },\n    addScreen: screen => dispatch({\n      type: 'add',\n      screen\n    }),\n    removeScreen: screen => dispatch({\n      type: 'remove',\n      screen\n    })\n  }), []);\n  const {\n    currentLocation,\n    matchedPath\n  } = routerState;\n  const navigatorContextValue = useMemo(() => ({\n    location: currentLocation,\n    params: matchedPath?.params ?? {},\n    match: matchedPath?.id,\n    ...methods\n  }), [currentLocation, matchedPath, methods]);\n  const cx = useCx();\n  const classes = useMemo(() => cx(styles.navigatorWrapper, className), [className, cx]);\n  return /*#__PURE__*/_jsx(View, {\n    ref: forwardedRef,\n    className: classes,\n    ...otherProps,\n    children: /*#__PURE__*/_jsx(NavigatorContext.Provider, {\n      value: navigatorContextValue,\n      children: children\n    })\n  });\n}\nexport const Navigator = contextConnect(UnconnectedNavigator, 'Navigator');"],
+  "mappings": "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",
   "names": ["import_context", "warning", "deprecated", "_jsx"]
 }