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

package/build/guide/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/guide/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect, Children, useRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Modal from '../modal';\nimport Button from '../button';\nimport PageControl from './page-control';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * `Guide` is a React component that renders a _user guide_ in a modal. The guide consists of several pages which the user can step through one by one. The guide is finished when the modal is closed or when the user clicks _Finish_ on the last page of the guide.\n *\n * ```jsx\n * function MyTutorial() {\n * \tconst [ isOpen, setIsOpen ] = useState( true );\n *\n * \tif ( ! isOpen ) {\n * \t\treturn null;\n * \t}\n *\n * \treturn (\n * \t\t<Guide\n * \t\t\tonFinish={ () => setIsOpen( false ) }\n * \t\t\tpages={ [\n * \t\t\t\t{\n * \t\t\t\t\tcontent: <p>Welcome to the ACME Store!</p>,\n * \t\t\t\t},\n * \t\t\t\t{\n * \t\t\t\t\timage: <img src=\"https://acmestore.com/add-to-cart.png\" />,\n * \t\t\t\t\tcontent: (\n * \t\t\t\t\t\t<p>\n * \t\t\t\t\t\t\tClick <i>Add to Cart</i> to buy a product.\n * \t\t\t\t\t\t</p>\n * \t\t\t\t\t),\n * \t\t\t\t},\n * \t\t\t] }\n * \t\t/>\n * \t);\n * }\n * ```\n */\nfunction Guide({\n  children,\n  className,\n  contentLabel,\n  finishButtonText = __('Finish'),\n  nextButtonText = __('Next'),\n  previousButtonText = __('Previous'),\n  onFinish,\n  pages = []\n}) {\n  const ref = useRef(null);\n  const [currentPage, setCurrentPage] = useState(0);\n  useEffect(() => {\n    // Place focus at the top of the guide on mount and when the page changes.\n    const frame = ref.current?.querySelector('.components-guide');\n    if (frame instanceof HTMLElement) {\n      frame.focus();\n    }\n  }, [currentPage]);\n  useEffect(() => {\n    if (Children.count(children)) {\n      deprecated('Passing children to <Guide>', {\n        since: '5.5',\n        alternative: 'the `pages` prop'\n      });\n    }\n  }, [children]);\n  if (Children.count(children)) {\n    var _Children$map;\n    pages = (_Children$map = Children.map(children, child => ({\n      content: child\n    }))) !== null && _Children$map !== void 0 ? _Children$map : [];\n  }\n  const canGoBack = currentPage > 0;\n  const canGoForward = currentPage < pages.length - 1;\n  const goBack = () => {\n    if (canGoBack) {\n      setCurrentPage(currentPage - 1);\n    }\n  };\n  const goForward = () => {\n    if (canGoForward) {\n      setCurrentPage(currentPage + 1);\n    }\n  };\n  if (pages.length === 0) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(Modal, {\n    className: clsx('components-guide', className),\n    contentLabel: contentLabel,\n    isDismissible: pages.length > 1,\n    onRequestClose: onFinish,\n    onKeyDown: event => {\n      if (event.code === 'ArrowLeft') {\n        goBack();\n        // Do not scroll the modal's contents.\n        event.preventDefault();\n      } else if (event.code === 'ArrowRight') {\n        goForward();\n        // Do not scroll the modal's contents.\n        event.preventDefault();\n      }\n    },\n    ref: ref,\n    children: /*#__PURE__*/_jsxs(\"div\", {\n      className: \"components-guide__container\",\n      children: [/*#__PURE__*/_jsxs(\"div\", {\n        className: \"components-guide__page\",\n        children: [pages[currentPage].image, pages.length > 1 && /*#__PURE__*/_jsx(PageControl, {\n          currentPage: currentPage,\n          numberOfPages: pages.length,\n          setCurrentPage: setCurrentPage\n        }), pages[currentPage].content]\n      }), /*#__PURE__*/_jsxs(\"div\", {\n        className: \"components-guide__footer\",\n        children: [canGoBack && /*#__PURE__*/_jsx(Button, {\n          className: \"components-guide__back-button\",\n          variant: \"tertiary\",\n          onClick: goBack,\n          __next40pxDefaultSize: true,\n          children: previousButtonText\n        }), canGoForward && /*#__PURE__*/_jsx(Button, {\n          className: \"components-guide__forward-button\",\n          variant: \"primary\",\n          onClick: goForward,\n          __next40pxDefaultSize: true,\n          children: nextButtonText\n        }), !canGoForward && /*#__PURE__*/_jsx(Button, {\n          className: \"components-guide__finish-button\",\n          variant: \"primary\",\n          onClick: onFinish,\n          __next40pxDefaultSize: true,\n          children: finishButtonText\n        })]\n      })]\n    })\n  });\n}\nexport default Guide;"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["deprecated", "_jsx", "Modal", "clsx", "_jsxs", "PageControl", "Button"]
 }

package/build/guide/page-control.js

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

package/build/guide/page-control.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/guide/page-control.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { PageControlIcon } from './icons';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function PageControl({\n  currentPage,\n  numberOfPages,\n  setCurrentPage\n}) {\n  return /*#__PURE__*/_jsx(\"ul\", {\n    className: \"components-guide__page-control\",\n    \"aria-label\": __('Guide controls'),\n    children: Array.from({\n      length: numberOfPages\n    }).map((_, page) => /*#__PURE__*/_jsx(\"li\", {\n      // Set aria-current=\"step\" on the active page, see https://www.w3.org/TR/wai-aria-1.1/#aria-current\n      \"aria-current\": page === currentPage ? 'step' : undefined,\n      children: /*#__PURE__*/_jsx(Button, {\n        size: \"small\",\n        icon: /*#__PURE__*/_jsx(PageControlIcon, {}),\n        \"aria-label\": sprintf(/* translators: 1: current page number 2: total number of pages */\n        __('Page %1$d of %2$d'), page + 1, numberOfPages),\n        onClick: () => setCurrentPage(page)\n      }, page)\n    }, page))\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA4B;AAK5B,oBAAmB;AACnB,mBAAgC;AAChC,yBAA4B;AACb,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,SAAoB,uCAAAA,KAAK,MAAM;AAAA,IAC7B,WAAW;AAAA,IACX,kBAAc,gBAAG,gBAAgB;AAAA,IACjC,UAAU,MAAM,KAAK;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,EAAE,IAAI,CAAC,GAAG,SAAsB,uCAAAA,KAAK,MAAM;AAAA;AAAA,MAE1C,gBAAgB,SAAS,cAAc,SAAS;AAAA,MAChD,UAAuB,uCAAAA,KAAK,cAAAC,SAAQ;AAAA,QAClC,MAAM;AAAA,QACN,MAAmB,uCAAAD,KAAK,8BAAiB,CAAC,CAAC;AAAA,QAC3C,kBAAc;AAAA;AAAA,cACd,gBAAG,mBAAmB;AAAA,UAAG,OAAO;AAAA,UAAG;AAAA,QAAa;AAAA,QAChD,SAAS,MAAM,eAAe,IAAI;AAAA,MACpC,GAAG,IAAI;AAAA,IACT,GAAG,IAAI,CAAC;AAAA,EACV,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA4B;AAK5B,oBAAmB;AACnB,mBAAgC;AAChC,yBAA4B;AACb,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,SAAoB,uCAAAA,KAAK,MAAM;AAAA,IAC7B,WAAW;AAAA,IACX,kBAAc,gBAAG,gBAAgB;AAAA,IACjC,UAAU,MAAM,KAAK;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,EAAE,IAAI,CAAC,GAAG,SAAsB,uCAAAA,KAAK,MAAM;AAAA;AAAA,MAE1C,gBAAgB,SAAS,cAAc,SAAS;AAAA,MAChD,UAAuB,uCAAAA,KAAK,cAAAC,SAAQ;AAAA,QAClC,MAAM;AAAA,QACN,MAAmB,uCAAAD,KAAK,8BAAiB,CAAC,CAAC;AAAA,QAC3C,kBAAc;AAAA;AAAA,cACd,gBAAG,mBAAmB;AAAA,UAAG,OAAO;AAAA,UAAG;AAAA,QAAa;AAAA,QAChD,SAAS,MAAM,eAAe,IAAI;AAAA,MACpC,GAAG,IAAI;AAAA,IACT,GAAG,IAAI,CAAC;AAAA,EACV,CAAC;AACH;",
   "names": ["_jsx", "Button"]
 }

package/build/guide/page.js

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

package/build/guide/page.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/guide/page.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function GuidePage(props) {\n  useEffect(() => {\n    deprecated('<GuidePage>', {\n      since: '5.5',\n      alternative: 'the `pages` prop in <Guide>'\n    });\n  }, []);\n  return /*#__PURE__*/_jsx(\"div\", {\n    ...props\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,wBAAuB;AAKvB,yBAA4B;AACb,SAAR,UAA2B,OAAO;AACvC,gCAAU,MAAM;AACd,0BAAAA,SAAW,eAAe;AAAA,MACxB,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AACL,SAAoB,uCAAAC,KAAK,OAAO;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,wBAAuB;AAKvB,yBAA4B;AACb,SAAR,UAA2B,OAAO;AACvC,gCAAU,MAAM;AACd,0BAAAA,SAAW,eAAe;AAAA,MACxB,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AACL,SAAoB,uCAAAC,KAAK,OAAO;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACH;",
   "names": ["deprecated", "_jsx"]
 }

package/build/guide/types.js

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

package/build/guide/types.js.map

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

package/build/h-stack/component.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/h-stack/component.tsx
 var component_exports = {};
 __export(component_exports, {
   HStack: () => HStack,
@@ -33,7 +35,7 @@ function UnconnectedHStack(props, forwardedRef) {
     ref: forwardedRef
   });
 }
-const HStack = (0, import_context.contextConnect)(UnconnectedHStack, "HStack");
+var HStack = (0, import_context.contextConnect)(UnconnectedHStack, "HStack");
 var component_default = HStack;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/h-stack/component.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/h-stack/component.tsx"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport { useHStack } from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedHStack(props, forwardedRef) {\n  const hStackProps = useHStack(props);\n  return /*#__PURE__*/_jsx(View, {\n    ...hStackProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `HStack` (Horizontal Stack) arranges child elements in a horizontal line.\n *\n * `HStack` can render anything inside.\n *\n * ```jsx\n * import {\n * \t__experimentalHStack as HStack,\n * \t__experimentalText as Text,\n * } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<HStack>\n * \t\t\t<Text>Code</Text>\n * \t\t\t<Text>is</Text>\n * \t\t\t<Text>Poetry</Text>\n * \t\t</HStack>\n * \t);\n * }\n * ```\n */\nexport const HStack = contextConnect(UnconnectedHStack, 'HStack');\nexport default HStack;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAA+B;AAC/B,kBAAqB;AACrB,kBAA0B;AAC1B,yBAA4B;AAC5B,SAAS,kBAAkB,OAAO,cAAc;AAC9C,QAAM,kBAAc,uBAAU,KAAK;AACnC,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAwBO,MAAM,aAAS,+BAAe,mBAAmB,QAAQ;AAChE,IAAO,oBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAA+B;AAC/B,kBAAqB;AACrB,kBAA0B;AAC1B,yBAA4B;AAC5B,SAAS,kBAAkB,OAAO,cAAc;AAC9C,QAAM,kBAAc,uBAAU,KAAK;AACnC,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAwBO,IAAM,aAAS,+BAAe,mBAAmB,QAAQ;AAChE,IAAO,oBAAQ;",
   "names": ["_jsx"]
 }

package/build/h-stack/hook.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/h-stack/hook.tsx
 var hook_exports = {};
 __export(hook_exports, {
   useHStack: () => useHStack

package/build/h-stack/hook.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/h-stack/hook.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { hasConnectNamespace, useContextSystem } from '../context';\nimport { FlexItem, useFlex } from '../flex';\nimport { getAlignmentProps } from './utils';\nimport { getValidChildren } from '../utils/get-valid-children';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function useHStack(props) {\n  const {\n    alignment = 'edge',\n    children,\n    direction,\n    spacing = 2,\n    ...otherProps\n  } = useContextSystem(props, 'HStack');\n  const align = getAlignmentProps(alignment, direction);\n  const validChildren = getValidChildren(children);\n  const clonedChildren = validChildren.map((child, index) => {\n    const _isSpacer = hasConnectNamespace(child, ['Spacer']);\n    if (_isSpacer) {\n      const childElement = child;\n      const _key = childElement.key || `hstack-${index}`;\n      return /*#__PURE__*/_jsx(FlexItem, {\n        isBlock: true,\n        ...childElement.props\n      }, _key);\n    }\n    return child;\n  });\n  const propsForFlex = {\n    children: clonedChildren,\n    direction,\n    justify: 'center',\n    ...align,\n    ...otherProps,\n    gap: spacing\n  };\n\n  // Omit `isColumn` because it's not used in HStack.\n  const {\n    isColumn,\n    ...flexProps\n  } = useFlex(propsForFlex);\n  return flexProps;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAAsD;AACtD,kBAAkC;AAClC,mBAAkC;AAClC,gCAAiC;AACjC,yBAA4B;AACrB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,QAAQ;AACpC,QAAM,YAAQ,gCAAkB,WAAW,SAAS;AACpD,QAAM,oBAAgB,4CAAiB,QAAQ;AAC/C,QAAM,iBAAiB,cAAc,IAAI,CAAC,OAAO,UAAU;AACzD,UAAM,gBAAY,oCAAoB,OAAO,CAAC,QAAQ,CAAC;AACvD,QAAI,WAAW;AACb,YAAM,eAAe;AACrB,YAAM,OAAO,aAAa,OAAO,UAAU,KAAK;AAChD,aAAoB,uCAAAA,KAAK,sBAAU;AAAA,QACjC,SAAS;AAAA,QACT,GAAG,aAAa;AAAA,MAClB,GAAG,IAAI;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,eAAe;AAAA,IACnB,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT,GAAG;AAAA,IACH,GAAG;AAAA,IACH,KAAK;AAAA,EACP;AAGA,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,QAAI,qBAAQ,YAAY;AACxB,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAAsD;AACtD,kBAAkC;AAClC,mBAAkC;AAClC,gCAAiC;AACjC,yBAA4B;AACrB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,QAAQ;AACpC,QAAM,YAAQ,gCAAkB,WAAW,SAAS;AACpD,QAAM,oBAAgB,4CAAiB,QAAQ;AAC/C,QAAM,iBAAiB,cAAc,IAAI,CAAC,OAAO,UAAU;AACzD,UAAM,gBAAY,oCAAoB,OAAO,CAAC,QAAQ,CAAC;AACvD,QAAI,WAAW;AACb,YAAM,eAAe;AACrB,YAAM,OAAO,aAAa,OAAO,UAAU,KAAK;AAChD,aAAoB,uCAAAA,KAAK,sBAAU;AAAA,QACjC,SAAS;AAAA,QACT,GAAG,aAAa;AAAA,MAClB,GAAG,IAAI;AAAA,IACT;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,eAAe;AAAA,IACnB,UAAU;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT,GAAG;AAAA,IACH,GAAG;AAAA,IACH,KAAK;AAAA,EACP;AAGA,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,QAAI,qBAAQ,YAAY;AACxB,SAAO;AACT;",
   "names": ["_jsx"]
 }

package/build/h-stack/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/h-stack/index.ts
 var h_stack_exports = {};
 __export(h_stack_exports, {
   HStack: () => import_component.default,

package/build/h-stack/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/h-stack/index.ts"],
   "sourcesContent": ["export { default as HStack } from './component';\nexport { useHStack } from './hook';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAkC;AAClC,kBAA0B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAkC;AAClC,kBAA0B;",
   "names": []
 }

package/build/h-stack/types.js

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

package/build/h-stack/types.js.map

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

package/build/h-stack/utils.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/h-stack/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
   getAlignmentProps: () => getAlignmentProps
 });
 module.exports = __toCommonJS(utils_exports);
 var import_values = require("../utils/values");
-const H_ALIGNMENTS = {
+var H_ALIGNMENTS = {
   bottom: {
     align: "flex-end",
     justify: "center"
@@ -67,7 +69,7 @@ const H_ALIGNMENTS = {
     justify: "flex-end"
   }
 };
-const V_ALIGNMENTS = {
+var V_ALIGNMENTS = {
   bottom: {
     justify: "flex-end",
     align: "center"

package/build/h-stack/utils.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/h-stack/utils.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { isValueDefined } from '../utils/values';\nconst H_ALIGNMENTS = {\n  bottom: {\n    align: 'flex-end',\n    justify: 'center'\n  },\n  bottomLeft: {\n    align: 'flex-end',\n    justify: 'flex-start'\n  },\n  bottomRight: {\n    align: 'flex-end',\n    justify: 'flex-end'\n  },\n  center: {\n    align: 'center',\n    justify: 'center'\n  },\n  edge: {\n    align: 'center',\n    justify: 'space-between'\n  },\n  left: {\n    align: 'center',\n    justify: 'flex-start'\n  },\n  right: {\n    align: 'center',\n    justify: 'flex-end'\n  },\n  stretch: {\n    align: 'stretch'\n  },\n  top: {\n    align: 'flex-start',\n    justify: 'center'\n  },\n  topLeft: {\n    align: 'flex-start',\n    justify: 'flex-start'\n  },\n  topRight: {\n    align: 'flex-start',\n    justify: 'flex-end'\n  }\n};\nconst V_ALIGNMENTS = {\n  bottom: {\n    justify: 'flex-end',\n    align: 'center'\n  },\n  bottomLeft: {\n    justify: 'flex-end',\n    align: 'flex-start'\n  },\n  bottomRight: {\n    justify: 'flex-end',\n    align: 'flex-end'\n  },\n  center: {\n    justify: 'center',\n    align: 'center'\n  },\n  edge: {\n    justify: 'space-between',\n    align: 'center'\n  },\n  left: {\n    justify: 'center',\n    align: 'flex-start'\n  },\n  right: {\n    justify: 'center',\n    align: 'flex-end'\n  },\n  stretch: {\n    align: 'stretch'\n  },\n  top: {\n    justify: 'flex-start',\n    align: 'center'\n  },\n  topLeft: {\n    justify: 'flex-start',\n    align: 'flex-start'\n  },\n  topRight: {\n    justify: 'flex-start',\n    align: 'flex-end'\n  }\n};\nexport function getAlignmentProps(alignment, direction = 'row') {\n  if (!isValueDefined(alignment)) {\n    return {};\n  }\n  const isVertical = direction === 'column';\n  const props = isVertical ? V_ALIGNMENTS : H_ALIGNMENTS;\n  const alignmentProps = alignment in props ? props[alignment] : {\n    align: alignment\n  };\n  return alignmentProps;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,oBAA+B;AAC/B,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AACF;AACA,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF;AACO,SAAS,kBAAkB,WAAW,YAAY,OAAO;AAC9D,MAAI,KAAC,8BAAe,SAAS,GAAG;AAC9B,WAAO,CAAC;AAAA,EACV;AACA,QAAM,aAAa,cAAc;AACjC,QAAM,QAAQ,aAAa,eAAe;AAC1C,QAAM,iBAAiB,aAAa,QAAQ,MAAM,SAAS,IAAI;AAAA,IAC7D,OAAO;AAAA,EACT;AACA,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,oBAA+B;AAC/B,IAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AACF;AACA,IAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF;AACO,SAAS,kBAAkB,WAAW,YAAY,OAAO;AAC9D,MAAI,KAAC,8BAAe,SAAS,GAAG;AAC9B,WAAO,CAAC;AAAA,EACV;AACA,QAAM,aAAa,cAAc;AACjC,QAAM,QAAQ,aAAa,eAAe;AAC1C,QAAM,iBAAiB,aAAa,QAAQ,MAAM,SAAS,IAAI;AAAA,IAC7D,OAAO;AAAA,EACT;AACA,SAAO;AACT;",
   "names": []
 }

package/build/heading/component.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/heading/component.tsx
 var component_exports = {};
 __export(component_exports, {
   Heading: () => Heading,
@@ -33,7 +35,7 @@ function UnconnectedHeading(props, forwardedRef) {
     ref: forwardedRef
   });
 }
-const Heading = (0, import_context.contextConnect)(UnconnectedHeading, "Heading");
+var Heading = (0, import_context.contextConnect)(UnconnectedHeading, "Heading");
 var component_default = Heading;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/heading/component.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/heading/component.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport { useHeading } from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedHeading(props, forwardedRef) {\n  const headerProps = useHeading(props);\n  return /*#__PURE__*/_jsx(View, {\n    ...headerProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `Heading` renders headings and titles using the library's typography system.\n *\n * ```jsx\n * import { __experimentalHeading as Heading } from \"@wordpress/components\";\n *\n * function Example() {\n *   return <Heading>Code is Poetry</Heading>;\n * }\n * ```\n */\nexport const Heading = contextConnect(UnconnectedHeading, 'Heading');\nexport default Heading;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAA+B;AAC/B,kBAAqB;AACrB,kBAA2B;AAC3B,yBAA4B;AAC5B,SAAS,mBAAmB,OAAO,cAAc;AAC/C,QAAM,kBAAc,wBAAW,KAAK;AACpC,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAaO,MAAM,cAAU,+BAAe,oBAAoB,SAAS;AACnE,IAAO,oBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,qBAA+B;AAC/B,kBAAqB;AACrB,kBAA2B;AAC3B,yBAA4B;AAC5B,SAAS,mBAAmB,OAAO,cAAc;AAC/C,QAAM,kBAAc,wBAAW,KAAK;AACpC,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAaO,IAAM,cAAU,+BAAe,oBAAoB,SAAS;AACnE,IAAO,oBAAQ;",
   "names": ["_jsx"]
 }

package/build/heading/hook.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/heading/hook.ts
 var hook_exports = {};
 __export(hook_exports, {
   useHeading: () => useHeading

package/build/heading/hook.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/heading/hook.ts"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\n\nimport { useContextSystem } from '../context';\nimport { useText } from '../text';\nimport { getHeadingFontSize } from '../utils/font-size';\nimport { CONFIG, COLORS } from '../utils';\nexport function useHeading(props) {\n  const {\n    as: asProp,\n    level = 2,\n    color = COLORS.theme.foreground,\n    isBlock = true,\n    weight = CONFIG.fontWeightHeading,\n    ...otherProps\n  } = useContextSystem(props, 'Heading');\n  const as = asProp || `h${level}`;\n  const a11yProps = {};\n  if (typeof as === 'string' && as[0] !== 'h') {\n    // If not a semantic `h` element, add a11y props:\n    a11yProps.role = 'heading';\n    a11yProps['aria-level'] = typeof level === 'string' ? parseInt(level) : level;\n  }\n  const textProps = useText({\n    color,\n    isBlock,\n    weight,\n    size: getHeadingFontSize(level),\n    ...otherProps\n  });\n  return {\n    ...textProps,\n    ...a11yProps,\n    as\n  };\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAiC;AACjC,kBAAwB;AACxB,uBAAmC;AACnC,mBAA+B;AACxB,SAAS,WAAW,OAAO;AAChC,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ,oBAAO,MAAM;AAAA,IACrB,UAAU;AAAA,IACV,SAAS,oBAAO;AAAA,IAChB,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,SAAS;AACrC,QAAM,KAAK,UAAU,IAAI,KAAK;AAC9B,QAAM,YAAY,CAAC;AACnB,MAAI,OAAO,OAAO,YAAY,GAAG,CAAC,MAAM,KAAK;AAE3C,cAAU,OAAO;AACjB,cAAU,YAAY,IAAI,OAAO,UAAU,WAAW,SAAS,KAAK,IAAI;AAAA,EAC1E;AACA,QAAM,gBAAY,qBAAQ;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAM,qCAAmB,KAAK;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAiC;AACjC,kBAAwB;AACxB,uBAAmC;AACnC,mBAA+B;AACxB,SAAS,WAAW,OAAO;AAChC,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ,oBAAO,MAAM;AAAA,IACrB,UAAU;AAAA,IACV,SAAS,oBAAO;AAAA,IAChB,GAAG;AAAA,EACL,QAAI,iCAAiB,OAAO,SAAS;AACrC,QAAM,KAAK,UAAU,IAAI,KAAK;AAC9B,QAAM,YAAY,CAAC;AACnB,MAAI,OAAO,OAAO,YAAY,GAAG,CAAC,MAAM,KAAK;AAE3C,cAAU,OAAO;AACjB,cAAU,YAAY,IAAI,OAAO,UAAU,WAAW,SAAS,KAAK,IAAI;AAAA,EAC1E;AACA,QAAM,gBAAY,qBAAQ;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAM,qCAAmB,KAAK;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/build/heading/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/heading/index.ts
 var heading_exports = {};
 __export(heading_exports, {
   Heading: () => import_component.default,

package/build/heading/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/heading/index.ts"],
   "sourcesContent": ["export { default as Heading } from './component';\nexport { useHeading } from './hook';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAmC;AACnC,kBAA2B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAmC;AACnC,kBAA2B;",
   "names": []
 }

package/build/heading/types.js

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

package/build/heading/types.js.map

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

package/build/higher-order/navigate-regions/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/navigate-regions/index.tsx
 var navigate_regions_exports = {};
 __export(navigate_regions_exports, {
   default: () => navigate_regions_default,
@@ -26,7 +28,7 @@ var import_element = require("@wordpress/element");
 var import_compose = require("@wordpress/compose");
 var import_keycodes = require("@wordpress/keycodes");
 var import_jsx_runtime = require("react/jsx-runtime");
-const defaultShortcuts = {
+var defaultShortcuts = {
   previous: [{
     modifier: "ctrlShift",
     character: "`"

package/build/higher-order/navigate-regions/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/navigate-regions/index.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport { createHigherOrderComponent, useRefEffect, useMergeRefs } from '@wordpress/compose';\nimport { isKeyboardEvent } from '@wordpress/keycodes';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultShortcuts = {\n  previous: [{\n    modifier: 'ctrlShift',\n    character: '`'\n  }, {\n    modifier: 'ctrlShift',\n    character: '~'\n  }, {\n    modifier: 'access',\n    character: 'p'\n  }],\n  next: [{\n    modifier: 'ctrl',\n    character: '`'\n  }, {\n    modifier: 'access',\n    character: 'n'\n  }]\n};\nexport function useNavigateRegions(shortcuts = defaultShortcuts) {\n  const ref = useRef(null);\n  const [isFocusingRegions, setIsFocusingRegions] = useState(false);\n  function focusRegion(offset) {\n    var _ref$current$querySel;\n    const regions = Array.from((_ref$current$querySel = ref.current?.querySelectorAll('[role=\"region\"][tabindex=\"-1\"]')) !== null && _ref$current$querySel !== void 0 ? _ref$current$querySel : []);\n    if (!regions.length) {\n      return;\n    }\n    let nextRegion = regions[0];\n    // Based off the current element, use closest to determine the wrapping region since this operates up the DOM. Also, match tabindex to avoid edge cases with regions we do not want.\n    const wrappingRegion = ref.current?.ownerDocument?.activeElement?.closest('[role=\"region\"][tabindex=\"-1\"]');\n    const selectedIndex = wrappingRegion ? regions.indexOf(wrappingRegion) : -1;\n    if (selectedIndex !== -1) {\n      let nextIndex = selectedIndex + offset;\n      nextIndex = nextIndex === -1 ? regions.length - 1 : nextIndex;\n      nextIndex = nextIndex === regions.length ? 0 : nextIndex;\n      nextRegion = regions[nextIndex];\n    }\n    nextRegion.focus();\n    setIsFocusingRegions(true);\n  }\n  const clickRef = useRefEffect(element => {\n    function onClick() {\n      setIsFocusingRegions(false);\n    }\n    element.addEventListener('click', onClick);\n    return () => {\n      element.removeEventListener('click', onClick);\n    };\n  }, [setIsFocusingRegions]);\n  return {\n    ref: useMergeRefs([ref, clickRef]),\n    className: isFocusingRegions ? 'is-focusing-regions' : '',\n    onKeyDown(event) {\n      if (shortcuts.previous.some(({\n        modifier,\n        character\n      }) => {\n        return isKeyboardEvent[modifier](event, character);\n      })) {\n        focusRegion(-1);\n      } else if (shortcuts.next.some(({\n        modifier,\n        character\n      }) => {\n        return isKeyboardEvent[modifier](event, character);\n      })) {\n        focusRegion(1);\n      }\n    }\n  };\n}\n\n/**\n * `navigateRegions` is a React [higher-order component](https://facebook.github.io/react/docs/higher-order-components.html)\n * adding keyboard navigation to switch between the different DOM elements marked as \"regions\" (role=\"region\").\n * These regions should be focusable (By adding a tabIndex attribute for example). For better accessibility,\n * these elements must be properly labelled to briefly describe the purpose of the content in the region.\n * For more details, see \"Landmark Roles\" in the [WAI-ARIA specification](https://www.w3.org/TR/wai-aria/)\n * and \"Landmark Regions\" in the [ARIA Authoring Practices Guide](https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/).\n *\n * ```jsx\n * import { navigateRegions } from '@wordpress/components';\n *\n * const MyComponentWithNavigateRegions = navigateRegions( () => (\n * \t<div>\n * \t\t<div role=\"region\" tabIndex=\"-1\" aria-label=\"Header\">\n * \t\t\tHeader\n * \t\t</div>\n * \t\t<div role=\"region\" tabIndex=\"-1\" aria-label=\"Content\">\n * \t\t\tContent\n * \t\t</div>\n * \t\t<div role=\"region\" tabIndex=\"-1\" aria-label=\"Sidebar\">\n * \t\t\tSidebar\n * \t\t</div>\n * \t</div>\n * ) );\n * ```\n */\nexport default createHigherOrderComponent(Component => ({\n  shortcuts,\n  ...props\n}) => /*#__PURE__*/_jsx(\"div\", {\n  ...useNavigateRegions(shortcuts),\n  children: /*#__PURE__*/_jsx(Component, {\n    ...props\n  })\n}), 'navigateRegions');"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiC;AACjC,qBAAuE;AACvE,sBAAgC;AAChC,yBAA4B;AAC5B,MAAM,mBAAmB;AAAA,EACvB,UAAU,CAAC;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,EACb,GAAG;AAAA,IACD,UAAU;AAAA,IACV,WAAW;AAAA,EACb,GAAG;AAAA,IACD,UAAU;AAAA,IACV,WAAW;AAAA,EACb,CAAC;AAAA,EACD,MAAM,CAAC;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,EACb,GAAG;AAAA,IACD,UAAU;AAAA,IACV,WAAW;AAAA,EACb,CAAC;AACH;AACO,SAAS,mBAAmB,YAAY,kBAAkB;AAC/D,QAAM,UAAM,uBAAO,IAAI;AACvB,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,yBAAS,KAAK;AAChE,WAAS,YAAY,QAAQ;AAC3B,QAAI;AACJ,UAAM,UAAU,MAAM,MAAM,wBAAwB,IAAI,SAAS,iBAAiB,gCAAgC,OAAO,QAAQ,0BAA0B,SAAS,wBAAwB,CAAC,CAAC;AAC9L,QAAI,CAAC,QAAQ,QAAQ;AACnB;AAAA,IACF;AACA,QAAI,aAAa,QAAQ,CAAC;AAE1B,UAAM,iBAAiB,IAAI,SAAS,eAAe,eAAe,QAAQ,gCAAgC;AAC1G,UAAM,gBAAgB,iBAAiB,QAAQ,QAAQ,cAAc,IAAI;AACzE,QAAI,kBAAkB,IAAI;AACxB,UAAI,YAAY,gBAAgB;AAChC,kBAAY,cAAc,KAAK,QAAQ,SAAS,IAAI;AACpD,kBAAY,cAAc,QAAQ,SAAS,IAAI;AAC/C,mBAAa,QAAQ,SAAS;AAAA,IAChC;AACA,eAAW,MAAM;AACjB,yBAAqB,IAAI;AAAA,EAC3B;AACA,QAAM,eAAW,6BAAa,aAAW;AACvC,aAAS,UAAU;AACjB,2BAAqB,KAAK;AAAA,IAC5B;AACA,YAAQ,iBAAiB,SAAS,OAAO;AACzC,WAAO,MAAM;AACX,cAAQ,oBAAoB,SAAS,OAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,oBAAoB,CAAC;AACzB,SAAO;AAAA,IACL,SAAK,6BAAa,CAAC,KAAK,QAAQ,CAAC;AAAA,IACjC,WAAW,oBAAoB,wBAAwB;AAAA,IACvD,UAAU,OAAO;AACf,UAAI,UAAU,SAAS,KAAK,CAAC;AAAA,QAC3B;AAAA,QACA;AAAA,MACF,MAAM;AACJ,eAAO,gCAAgB,QAAQ,EAAE,OAAO,SAAS;AAAA,MACnD,CAAC,GAAG;AACF,oBAAY,EAAE;AAAA,MAChB,WAAW,UAAU,KAAK,KAAK,CAAC;AAAA,QAC9B;AAAA,QACA;AAAA,MACF,MAAM;AACJ,eAAO,gCAAgB,QAAQ,EAAE,OAAO,SAAS;AAAA,MACnD,CAAC,GAAG;AACF,oBAAY,CAAC;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AA4BA,IAAO,+BAAQ,2CAA2B,eAAa,CAAC;AAAA,EACtD;AAAA,EACA,GAAG;AACL,MAAmB,uCAAAA,KAAK,OAAO;AAAA,EAC7B,GAAG,mBAAmB,SAAS;AAAA,EAC/B,UAAuB,uCAAAA,KAAK,WAAW;AAAA,IACrC,GAAG;AAAA,EACL,CAAC;AACH,CAAC,GAAG,iBAAiB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiC;AACjC,qBAAuE;AACvE,sBAAgC;AAChC,yBAA4B;AAC5B,IAAM,mBAAmB;AAAA,EACvB,UAAU,CAAC;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,EACb,GAAG;AAAA,IACD,UAAU;AAAA,IACV,WAAW;AAAA,EACb,GAAG;AAAA,IACD,UAAU;AAAA,IACV,WAAW;AAAA,EACb,CAAC;AAAA,EACD,MAAM,CAAC;AAAA,IACL,UAAU;AAAA,IACV,WAAW;AAAA,EACb,GAAG;AAAA,IACD,UAAU;AAAA,IACV,WAAW;AAAA,EACb,CAAC;AACH;AACO,SAAS,mBAAmB,YAAY,kBAAkB;AAC/D,QAAM,UAAM,uBAAO,IAAI;AACvB,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,yBAAS,KAAK;AAChE,WAAS,YAAY,QAAQ;AAC3B,QAAI;AACJ,UAAM,UAAU,MAAM,MAAM,wBAAwB,IAAI,SAAS,iBAAiB,gCAAgC,OAAO,QAAQ,0BAA0B,SAAS,wBAAwB,CAAC,CAAC;AAC9L,QAAI,CAAC,QAAQ,QAAQ;AACnB;AAAA,IACF;AACA,QAAI,aAAa,QAAQ,CAAC;AAE1B,UAAM,iBAAiB,IAAI,SAAS,eAAe,eAAe,QAAQ,gCAAgC;AAC1G,UAAM,gBAAgB,iBAAiB,QAAQ,QAAQ,cAAc,IAAI;AACzE,QAAI,kBAAkB,IAAI;AACxB,UAAI,YAAY,gBAAgB;AAChC,kBAAY,cAAc,KAAK,QAAQ,SAAS,IAAI;AACpD,kBAAY,cAAc,QAAQ,SAAS,IAAI;AAC/C,mBAAa,QAAQ,SAAS;AAAA,IAChC;AACA,eAAW,MAAM;AACjB,yBAAqB,IAAI;AAAA,EAC3B;AACA,QAAM,eAAW,6BAAa,aAAW;AACvC,aAAS,UAAU;AACjB,2BAAqB,KAAK;AAAA,IAC5B;AACA,YAAQ,iBAAiB,SAAS,OAAO;AACzC,WAAO,MAAM;AACX,cAAQ,oBAAoB,SAAS,OAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,oBAAoB,CAAC;AACzB,SAAO;AAAA,IACL,SAAK,6BAAa,CAAC,KAAK,QAAQ,CAAC;AAAA,IACjC,WAAW,oBAAoB,wBAAwB;AAAA,IACvD,UAAU,OAAO;AACf,UAAI,UAAU,SAAS,KAAK,CAAC;AAAA,QAC3B;AAAA,QACA;AAAA,MACF,MAAM;AACJ,eAAO,gCAAgB,QAAQ,EAAE,OAAO,SAAS;AAAA,MACnD,CAAC,GAAG;AACF,oBAAY,EAAE;AAAA,MAChB,WAAW,UAAU,KAAK,KAAK,CAAC;AAAA,QAC9B;AAAA,QACA;AAAA,MACF,MAAM;AACJ,eAAO,gCAAgB,QAAQ,EAAE,OAAO,SAAS;AAAA,MACnD,CAAC,GAAG;AACF,oBAAY,CAAC;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AA4BA,IAAO,+BAAQ,2CAA2B,eAAa,CAAC;AAAA,EACtD;AAAA,EACA,GAAG;AACL,MAAmB,uCAAAA,KAAK,OAAO;AAAA,EAC7B,GAAG,mBAAmB,SAAS;AAAA,EAC/B,UAAuB,uCAAAA,KAAK,WAAW;AAAA,IACrC,GAAG;AAAA,EACL,CAAC;AACH,CAAC,GAAG,iBAAiB;",
   "names": ["_jsx"]
 }

package/build/higher-order/with-constrained-tabbing/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/with-constrained-tabbing/index.tsx
 var with_constrained_tabbing_exports = {};
 __export(with_constrained_tabbing_exports, {
   default: () => with_constrained_tabbing_default
@@ -23,7 +25,7 @@ __export(with_constrained_tabbing_exports, {
 module.exports = __toCommonJS(with_constrained_tabbing_exports);
 var import_compose = require("@wordpress/compose");
 var import_jsx_runtime = require("react/jsx-runtime");
-const withConstrainedTabbing = (0, import_compose.createHigherOrderComponent)((WrappedComponent) => function ComponentWithConstrainedTabbing(props) {
+var withConstrainedTabbing = (0, import_compose.createHigherOrderComponent)((WrappedComponent) => function ComponentWithConstrainedTabbing(props) {
   const ref = (0, import_compose.useConstrainedTabbing)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
     ref,

package/build/higher-order/with-constrained-tabbing/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/with-constrained-tabbing/index.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent, useConstrainedTabbing } from '@wordpress/compose';\n\n/**\n * `withConstrainedTabbing` is a React [higher-order component](https://facebook.github.io/react/docs/higher-order-components.html)\n * adding the ability to constrain keyboard navigation with the Tab key within a component.\n * For accessibility reasons, some UI components need to constrain Tab navigation, for example\n * modal dialogs or similar UI. Use of this component is recommended only in cases where a way to\n * navigate away from the wrapped component is implemented by other means, usually by pressing\n * the Escape key or using a specific UI control, e.g. a \"Close\" button.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst withConstrainedTabbing = createHigherOrderComponent(WrappedComponent => function ComponentWithConstrainedTabbing(props) {\n  const ref = useConstrainedTabbing();\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    tabIndex: -1,\n    children: /*#__PURE__*/_jsx(WrappedComponent, {\n      ...props\n    })\n  });\n}, 'withConstrainedTabbing');\nexport default withConstrainedTabbing;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkE;AAUlE,yBAA4B;AAC5B,MAAM,6BAAyB,2CAA2B,sBAAoB,SAAS,gCAAgC,OAAO;AAC5H,QAAM,UAAM,sCAAsB;AAClC,SAAoB,uCAAAA,KAAK,OAAO;AAAA,IAC9B;AAAA,IACA,UAAU;AAAA,IACV,UAAuB,uCAAAA,KAAK,kBAAkB;AAAA,MAC5C,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,wBAAwB;AAC3B,IAAO,mCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkE;AAUlE,yBAA4B;AAC5B,IAAM,6BAAyB,2CAA2B,sBAAoB,SAAS,gCAAgC,OAAO;AAC5H,QAAM,UAAM,sCAAsB;AAClC,SAAoB,uCAAAA,KAAK,OAAO;AAAA,IAC9B;AAAA,IACA,UAAU;AAAA,IACV,UAAuB,uCAAAA,KAAK,kBAAkB;AAAA,MAC5C,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,wBAAwB;AAC3B,IAAO,mCAAQ;",
   "names": ["_jsx"]
 }

package/build/higher-order/with-fallback-styles/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/with-fallback-styles/index.tsx
 var with_fallback_styles_exports = {};
 __export(with_fallback_styles_exports, {
   default: () => with_fallback_styles_default

package/build/higher-order/with-fallback-styles/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/with-fallback-styles/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default mapNodeToProps => createHigherOrderComponent(WrappedComponent => {\n  return class extends Component {\n    constructor(props) {\n      super(props);\n      this.nodeRef = this.props.node;\n      this.state = {\n        fallbackStyles: undefined,\n        grabStylesCompleted: false\n      };\n      this.bindRef = this.bindRef.bind(this);\n    }\n    bindRef(node) {\n      if (!node) {\n        return;\n      }\n      this.nodeRef = node;\n    }\n    componentDidMount() {\n      this.grabFallbackStyles();\n    }\n    componentDidUpdate() {\n      this.grabFallbackStyles();\n    }\n    grabFallbackStyles() {\n      const {\n        grabStylesCompleted,\n        fallbackStyles\n      } = this.state;\n      if (this.nodeRef && !grabStylesCompleted) {\n        const newFallbackStyles = mapNodeToProps(this.nodeRef, this.props);\n        if (!fastDeepEqual(newFallbackStyles, fallbackStyles)) {\n          this.setState({\n            fallbackStyles: newFallbackStyles,\n            grabStylesCompleted: Object.values(newFallbackStyles).every(Boolean)\n          });\n        }\n      }\n    }\n    render() {\n      const wrappedComponent = /*#__PURE__*/_jsx(WrappedComponent, {\n        ...this.props,\n        ...this.state.fallbackStyles\n      });\n      return this.props.node ? wrappedComponent : /*#__PURE__*/_jsxs(\"div\", {\n        ref: this.bindRef,\n        children: [\" \", wrappedComponent, \" \"]\n      });\n    }\n  };\n}, 'withFallbackStyles');"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAA0B;AAK1B,qBAA0B;AAC1B,qBAA2C;AAC3C,yBAA2C;AAC3C,IAAO,+BAAQ,wBAAkB,2CAA2B,sBAAoB;AAC9E,SAAO,cAAc,yBAAU;AAAA,IAC7B,YAAY,OAAO;AACjB,YAAM,KAAK;AACX,WAAK,UAAU,KAAK,MAAM;AAC1B,WAAK,QAAQ;AAAA,QACX,gBAAgB;AAAA,QAChB,qBAAqB;AAAA,MACvB;AACA,WAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AAAA,IACvC;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,CAAC,MAAM;AACT;AAAA,MACF;AACA,WAAK,UAAU;AAAA,IACjB;AAAA,IACA,oBAAoB;AAClB,WAAK,mBAAmB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AACnB,WAAK,mBAAmB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AACnB,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI,KAAK;AACT,UAAI,KAAK,WAAW,CAAC,qBAAqB;AACxC,cAAM,oBAAoB,eAAe,KAAK,SAAS,KAAK,KAAK;AACjE,YAAI,KAAC,WAAAA,SAAc,mBAAmB,cAAc,GAAG;AACrD,eAAK,SAAS;AAAA,YACZ,gBAAgB;AAAA,YAChB,qBAAqB,OAAO,OAAO,iBAAiB,EAAE,MAAM,OAAO;AAAA,UACrE,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AACP,YAAM,mBAAgC,uCAAAC,KAAK,kBAAkB;AAAA,QAC3D,GAAG,KAAK;AAAA,QACR,GAAG,KAAK,MAAM;AAAA,MAChB,CAAC;AACD,aAAO,KAAK,MAAM,OAAO,mBAAgC,uCAAAC,MAAM,OAAO;AAAA,QACpE,KAAK,KAAK;AAAA,QACV,UAAU,CAAC,KAAK,kBAAkB,GAAG;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAAG,oBAAoB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAA0B;AAK1B,qBAA0B;AAC1B,qBAA2C;AAC3C,yBAA2C;AAC3C,IAAO,+BAAQ,wBAAkB,2CAA2B,sBAAoB;AAC9E,SAAO,cAAc,yBAAU;AAAA,IAC7B,YAAY,OAAO;AACjB,YAAM,KAAK;AACX,WAAK,UAAU,KAAK,MAAM;AAC1B,WAAK,QAAQ;AAAA,QACX,gBAAgB;AAAA,QAChB,qBAAqB;AAAA,MACvB;AACA,WAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AAAA,IACvC;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,CAAC,MAAM;AACT;AAAA,MACF;AACA,WAAK,UAAU;AAAA,IACjB;AAAA,IACA,oBAAoB;AAClB,WAAK,mBAAmB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AACnB,WAAK,mBAAmB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AACnB,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI,KAAK;AACT,UAAI,KAAK,WAAW,CAAC,qBAAqB;AACxC,cAAM,oBAAoB,eAAe,KAAK,SAAS,KAAK,KAAK;AACjE,YAAI,KAAC,WAAAA,SAAc,mBAAmB,cAAc,GAAG;AACrD,eAAK,SAAS;AAAA,YACZ,gBAAgB;AAAA,YAChB,qBAAqB,OAAO,OAAO,iBAAiB,EAAE,MAAM,OAAO;AAAA,UACrE,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AACP,YAAM,mBAAgC,uCAAAC,KAAK,kBAAkB;AAAA,QAC3D,GAAG,KAAK;AAAA,QACR,GAAG,KAAK,MAAM;AAAA,MAChB,CAAC;AACD,aAAO,KAAK,MAAM,OAAO,mBAAgC,uCAAAC,MAAM,OAAO;AAAA,QACpE,KAAK,KAAK;AAAA,QACV,UAAU,CAAC,KAAK,kBAAkB,GAAG;AAAA,MACvC,CAAC;AAAA,IACH;AAAA,EACF;AACF,GAAG,oBAAoB;",
   "names": ["fastDeepEqual", "_jsx", "_jsxs"]
 }

package/build/higher-order/with-filters/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/with-filters/index.tsx
 var with_filters_exports = {};
 __export(with_filters_exports, {
   default: () => withFilters
@@ -25,7 +27,7 @@ var import_element = require("@wordpress/element");
 var import_hooks = require("@wordpress/hooks");
 var import_compose = require("@wordpress/compose");
 var import_jsx_runtime = require("react/jsx-runtime");
-const ANIMATION_FRAME_PERIOD = 16;
+var ANIMATION_FRAME_PERIOD = 16;
 function withFilters(hookName) {
   return (0, import_compose.createHigherOrderComponent)((OriginalComponent) => {
     const namespace = "core/with-filters/" + hookName;

package/build/higher-order/with-filters/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/with-filters/index.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { addAction, applyFilters, removeAction } from '@wordpress/hooks';\nimport { createHigherOrderComponent, debounce } from '@wordpress/compose';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst ANIMATION_FRAME_PERIOD = 16;\n\n/**\n * Creates a higher-order component which adds filtering capability to the\n * wrapped component. Filters get applied when the original component is about\n * to be mounted. When a filter is added or removed that matches the hook name,\n * the wrapped component re-renders.\n *\n * @param hookName Hook name exposed to be used by filters.\n *\n * @return Higher-order component factory.\n *\n * ```jsx\n * import { withFilters } from '@wordpress/components';\n * import { addFilter } from '@wordpress/hooks';\n *\n * const MyComponent = ( { title } ) => <h1>{ title }</h1>;\n *\n * const ComponentToAppend = () => <div>Appended component</div>;\n *\n * function withComponentAppended( FilteredComponent ) {\n * \treturn ( props ) => (\n * \t\t<>\n * \t\t\t<FilteredComponent { ...props } />\n * \t\t\t<ComponentToAppend />\n * \t\t</>\n * \t);\n * }\n *\n * addFilter(\n * \t'MyHookName',\n * \t'my-plugin/with-component-appended',\n * \twithComponentAppended\n * );\n *\n * const MyComponentWithFilters = withFilters( 'MyHookName' )( MyComponent );\n * ```\n */\nexport default function withFilters(hookName) {\n  return createHigherOrderComponent(OriginalComponent => {\n    const namespace = 'core/with-filters/' + hookName;\n\n    /**\n     * The component definition with current filters applied. Each instance\n     * reuse this shared reference as an optimization to avoid excessive\n     * calls to `applyFilters` when many instances exist.\n     */\n    let FilteredComponent;\n\n    /**\n     * Initializes the FilteredComponent variable once, if not already\n     * assigned. Subsequent calls are effectively a noop.\n     */\n    function ensureFilteredComponent() {\n      if (FilteredComponent === undefined) {\n        FilteredComponent = applyFilters(hookName, OriginalComponent);\n      }\n    }\n    class FilteredComponentRenderer extends Component {\n      constructor(props) {\n        super(props);\n        ensureFilteredComponent();\n      }\n      componentDidMount() {\n        FilteredComponentRenderer.instances.push(this);\n\n        // If there were previously no mounted instances for components\n        // filtered on this hook, add the hook handler.\n        if (FilteredComponentRenderer.instances.length === 1) {\n          addAction('hookRemoved', namespace, onHooksUpdated);\n          addAction('hookAdded', namespace, onHooksUpdated);\n        }\n      }\n      componentWillUnmount() {\n        FilteredComponentRenderer.instances = FilteredComponentRenderer.instances.filter(instance => instance !== this);\n\n        // If this was the last of the mounted components filtered on\n        // this hook, remove the hook handler.\n        if (FilteredComponentRenderer.instances.length === 0) {\n          removeAction('hookRemoved', namespace);\n          removeAction('hookAdded', namespace);\n        }\n      }\n      render() {\n        return /*#__PURE__*/_jsx(FilteredComponent, {\n          ...this.props\n        });\n      }\n    }\n    FilteredComponentRenderer.instances = [];\n\n    /**\n     * Updates the FilteredComponent definition, forcing a render for each\n     * mounted instance. This occurs a maximum of once per animation frame.\n     */\n    const throttledForceUpdate = debounce(() => {\n      // Recreate the filtered component, only after delay so that it's\n      // computed once, even if many filters added.\n      FilteredComponent = applyFilters(hookName, OriginalComponent);\n\n      // Force each instance to render.\n      FilteredComponentRenderer.instances.forEach(instance => {\n        instance.forceUpdate();\n      });\n    }, ANIMATION_FRAME_PERIOD);\n\n    /**\n     * When a filter is added or removed for the matching hook name, each\n     * mounted instance should re-render with the new filters having been\n     * applied to the original component.\n     *\n     * @param updatedHookName Name of the hook that was updated.\n     */\n    function onHooksUpdated(updatedHookName) {\n      if (updatedHookName === hookName) {\n        throttledForceUpdate();\n      }\n    }\n    return FilteredComponentRenderer;\n  }, 'withFilters');\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,mBAAsD;AACtD,qBAAqD;AACrD,yBAA4B;AAC5B,MAAM,yBAAyB;AAsChB,SAAR,YAA6B,UAAU;AAC5C,aAAO,2CAA2B,uBAAqB;AACrD,UAAM,YAAY,uBAAuB;AAOzC,QAAI;AAMJ,aAAS,0BAA0B;AACjC,UAAI,sBAAsB,QAAW;AACnC,gCAAoB,2BAAa,UAAU,iBAAiB;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,MAAM,kCAAkC,yBAAU;AAAA,MAChD,YAAY,OAAO;AACjB,cAAM,KAAK;AACX,gCAAwB;AAAA,MAC1B;AAAA,MACA,oBAAoB;AAClB,kCAA0B,UAAU,KAAK,IAAI;AAI7C,YAAI,0BAA0B,UAAU,WAAW,GAAG;AACpD,sCAAU,eAAe,WAAW,cAAc;AAClD,sCAAU,aAAa,WAAW,cAAc;AAAA,QAClD;AAAA,MACF;AAAA,MACA,uBAAuB;AACrB,kCAA0B,YAAY,0BAA0B,UAAU,OAAO,cAAY,aAAa,IAAI;AAI9G,YAAI,0BAA0B,UAAU,WAAW,GAAG;AACpD,yCAAa,eAAe,SAAS;AACrC,yCAAa,aAAa,SAAS;AAAA,QACrC;AAAA,MACF;AAAA,MACA,SAAS;AACP,eAAoB,uCAAAA,KAAK,mBAAmB;AAAA,UAC1C,GAAG,KAAK;AAAA,QACV,CAAC;AAAA,MACH;AAAA,IACF;AACA,8BAA0B,YAAY,CAAC;AAMvC,UAAM,2BAAuB,yBAAS,MAAM;AAG1C,8BAAoB,2BAAa,UAAU,iBAAiB;AAG5D,gCAA0B,UAAU,QAAQ,cAAY;AACtD,iBAAS,YAAY;AAAA,MACvB,CAAC;AAAA,IACH,GAAG,sBAAsB;AASzB,aAAS,eAAe,iBAAiB;AACvC,UAAI,oBAAoB,UAAU;AAChC,6BAAqB;AAAA,MACvB;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,aAAa;AAClB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,mBAAsD;AACtD,qBAAqD;AACrD,yBAA4B;AAC5B,IAAM,yBAAyB;AAsChB,SAAR,YAA6B,UAAU;AAC5C,aAAO,2CAA2B,uBAAqB;AACrD,UAAM,YAAY,uBAAuB;AAOzC,QAAI;AAMJ,aAAS,0BAA0B;AACjC,UAAI,sBAAsB,QAAW;AACnC,gCAAoB,2BAAa,UAAU,iBAAiB;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,MAAM,kCAAkC,yBAAU;AAAA,MAChD,YAAY,OAAO;AACjB,cAAM,KAAK;AACX,gCAAwB;AAAA,MAC1B;AAAA,MACA,oBAAoB;AAClB,kCAA0B,UAAU,KAAK,IAAI;AAI7C,YAAI,0BAA0B,UAAU,WAAW,GAAG;AACpD,sCAAU,eAAe,WAAW,cAAc;AAClD,sCAAU,aAAa,WAAW,cAAc;AAAA,QAClD;AAAA,MACF;AAAA,MACA,uBAAuB;AACrB,kCAA0B,YAAY,0BAA0B,UAAU,OAAO,cAAY,aAAa,IAAI;AAI9G,YAAI,0BAA0B,UAAU,WAAW,GAAG;AACpD,yCAAa,eAAe,SAAS;AACrC,yCAAa,aAAa,SAAS;AAAA,QACrC;AAAA,MACF;AAAA,MACA,SAAS;AACP,eAAoB,uCAAAA,KAAK,mBAAmB;AAAA,UAC1C,GAAG,KAAK;AAAA,QACV,CAAC;AAAA,MACH;AAAA,IACF;AACA,8BAA0B,YAAY,CAAC;AAMvC,UAAM,2BAAuB,yBAAS,MAAM;AAG1C,8BAAoB,2BAAa,UAAU,iBAAiB;AAG5D,gCAA0B,UAAU,QAAQ,cAAY;AACtD,iBAAS,YAAY;AAAA,MACvB,CAAC;AAAA,IACH,GAAG,sBAAsB;AASzB,aAAS,eAAe,iBAAiB;AACvC,UAAI,oBAAoB,UAAU;AAChC,6BAAqB;AAAA,MACvB;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,aAAa;AAClB;",
   "names": ["_jsx"]
 }

package/build/higher-order/with-focus-outside/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/with-focus-outside/index.tsx
 var with_focus_outside_exports = {};
 __export(with_focus_outside_exports, {
   default: () => with_focus_outside_default

package/build/higher-order/with-focus-outside/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/with-focus-outside/index.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useCallback, useState } from '@wordpress/element';\nimport { createHigherOrderComponent, __experimentalUseFocusOutside as useFocusOutside } from '@wordpress/compose';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createHigherOrderComponent(WrappedComponent => props => {\n  const [handleFocusOutside, setHandleFocusOutside] = useState(undefined);\n  const bindFocusOutsideHandler = useCallback(node => setHandleFocusOutside(() => node?.handleFocusOutside ? node.handleFocusOutside.bind(node) : undefined), []);\n  return /*#__PURE__*/_jsx(\"div\", {\n    ...useFocusOutside(handleFocusOutside),\n    children: /*#__PURE__*/_jsx(WrappedComponent, {\n      ref: bindFocusOutsideHandler,\n      ...props\n    })\n  });\n}, 'withFocusOutside');"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAsC;AACtC,qBAA6F;AAC7F,yBAA4B;AAC5B,IAAO,iCAAQ,2CAA2B,sBAAoB,WAAS;AACrE,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS,MAAS;AACtE,QAAM,8BAA0B,4BAAY,UAAQ,sBAAsB,MAAM,MAAM,qBAAqB,KAAK,mBAAmB,KAAK,IAAI,IAAI,MAAS,GAAG,CAAC,CAAC;AAC9J,SAAoB,uCAAAA,KAAK,OAAO;AAAA,IAC9B,OAAG,eAAAC,+BAAgB,kBAAkB;AAAA,IACrC,UAAuB,uCAAAD,KAAK,kBAAkB;AAAA,MAC5C,KAAK;AAAA,MACL,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,kBAAkB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAsC;AACtC,qBAA6F;AAC7F,yBAA4B;AAC5B,IAAO,iCAAQ,2CAA2B,sBAAoB,WAAS;AACrE,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS,MAAS;AACtE,QAAM,8BAA0B,4BAAY,UAAQ,sBAAsB,MAAM,MAAM,qBAAqB,KAAK,mBAAmB,KAAK,IAAI,IAAI,MAAS,GAAG,CAAC,CAAC;AAC9J,SAAoB,uCAAAA,KAAK,OAAO;AAAA,IAC9B,OAAG,eAAAC,+BAAgB,kBAAkB;AAAA,IACrC,UAAuB,uCAAAD,KAAK,kBAAkB;AAAA,MAC5C,KAAK;AAAA,MACL,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,kBAAkB;",
   "names": ["_jsx", "useFocusOutside"]
 }

package/build/higher-order/with-focus-return/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/with-focus-return/index.tsx
 var with_focus_return_exports = {};
 __export(with_focus_return_exports, {
   Provider: () => Provider,
@@ -64,7 +66,7 @@ var with_focus_return_default = (0, import_compose.createHigherOrderComponent)(
   },
   "withFocusReturn"
 );
-const Provider = ({
+var Provider = ({
   children
 }) => {
   (0, import_deprecated.default)("wp.components.FocusReturnProvider component", {

package/build/higher-order/with-focus-return/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/with-focus-return/index.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { createHigherOrderComponent, useFocusReturn } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Returns true if the given object is component-like. An object is component-\n * like if it is an instance of wp.element.Component, or is a function.\n *\n * @param object Object to test.\n *\n * @return Whether object is component-like.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction isComponentLike(object) {\n  return object instanceof Component || typeof object === 'function';\n}\n/**\n * Higher Order Component used to be used to wrap disposable elements like\n * sidebars, modals, dropdowns. When mounting the wrapped component, we track a\n * reference to the current active element so we know where to restore focus\n * when the component is unmounted.\n *\n * @param options The component to be enhanced with\n *                focus return behavior, or an object\n *                describing the component and the\n *                focus return characteristics.\n *\n * @return Higher Order Component with the focus restoration behaviour.\n */\nexport default createHigherOrderComponent(\n// @ts-expect-error TODO: Reconcile with intended `createHigherOrderComponent` types\noptions => {\n  const HoC = ({\n    onFocusReturn\n  } = {}) => WrappedComponent => {\n    const WithFocusReturn = props => {\n      const ref = useFocusReturn(onFocusReturn);\n      return /*#__PURE__*/_jsx(\"div\", {\n        ref: ref,\n        children: /*#__PURE__*/_jsx(WrappedComponent, {\n          ...props\n        })\n      });\n    };\n    return WithFocusReturn;\n  };\n  if (isComponentLike(options)) {\n    const WrappedComponent = options;\n    return HoC()(WrappedComponent);\n  }\n  return HoC(options);\n}, 'withFocusReturn');\nexport const Provider = ({\n  children\n}) => {\n  deprecated('wp.components.FocusReturnProvider component', {\n    since: '5.7',\n    hint: 'This provider is not used anymore. You can just remove it from your codebase'\n  });\n  return children;\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,qBAA2D;AAC3D,wBAAuB;AAUvB,yBAA4B;AAC5B,SAAS,gBAAgB,QAAQ;AAC/B,SAAO,kBAAkB,4BAAa,OAAO,WAAW;AAC1D;AAcA,IAAO,gCAAQ;AAAA;AAAA,EAEf,aAAW;AACT,UAAM,MAAM,CAAC;AAAA,MACX;AAAA,IACF,IAAI,CAAC,MAAM,sBAAoB;AAC7B,YAAM,kBAAkB,WAAS;AAC/B,cAAM,UAAM,+BAAe,aAAa;AACxC,eAAoB,uCAAAA,KAAK,OAAO;AAAA,UAC9B;AAAA,UACA,UAAuB,uCAAAA,KAAK,kBAAkB;AAAA,YAC5C,GAAG;AAAA,UACL,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AACA,aAAO;AAAA,IACT;AACA,QAAI,gBAAgB,OAAO,GAAG;AAC5B,YAAM,mBAAmB;AACzB,aAAO,IAAI,EAAE,gBAAgB;AAAA,IAC/B;AACA,WAAO,IAAI,OAAO;AAAA,EACpB;AAAA,EAAG;AAAiB;AACb,MAAM,WAAW,CAAC;AAAA,EACvB;AACF,MAAM;AACJ,wBAAAC,SAAW,+CAA+C;AAAA,IACxD,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,qBAA2D;AAC3D,wBAAuB;AAUvB,yBAA4B;AAC5B,SAAS,gBAAgB,QAAQ;AAC/B,SAAO,kBAAkB,4BAAa,OAAO,WAAW;AAC1D;AAcA,IAAO,gCAAQ;AAAA;AAAA,EAEf,aAAW;AACT,UAAM,MAAM,CAAC;AAAA,MACX;AAAA,IACF,IAAI,CAAC,MAAM,sBAAoB;AAC7B,YAAM,kBAAkB,WAAS;AAC/B,cAAM,UAAM,+BAAe,aAAa;AACxC,eAAoB,uCAAAA,KAAK,OAAO;AAAA,UAC9B;AAAA,UACA,UAAuB,uCAAAA,KAAK,kBAAkB;AAAA,YAC5C,GAAG;AAAA,UACL,CAAC;AAAA,QACH,CAAC;AAAA,MACH;AACA,aAAO;AAAA,IACT;AACA,QAAI,gBAAgB,OAAO,GAAG;AAC5B,YAAM,mBAAmB;AACzB,aAAO,IAAI,EAAE,gBAAgB;AAAA,IAC/B;AACA,WAAO,IAAI,OAAO;AAAA,EACpB;AAAA,EAAG;AAAiB;AACb,IAAM,WAAW,CAAC;AAAA,EACvB;AACF,MAAM;AACJ,wBAAAC,SAAW,+CAA+C;AAAA,IACxD,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,SAAO;AACT;",
   "names": ["_jsx", "deprecated"]
 }

package/build/higher-order/with-notices/index.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/with-notices/index.tsx
 var with_notices_exports = {};
 __export(with_notices_exports, {
   default: () => with_notices_default

package/build/higher-order/with-notices/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/with-notices/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport { v4 as uuid } from 'uuid';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useState, useMemo } from '@wordpress/element';\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport NoticeList from '../../notice/list';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Override the default edit UI to include notices if supported.\n *\n * Wrapping the original component with `withNotices` encapsulates the component\n * with the additional props `noticeOperations` and `noticeUI`.\n *\n * ```jsx\n * import { withNotices, Button } from '@wordpress/components';\n *\n * const MyComponentWithNotices = withNotices(\n * \t( { noticeOperations, noticeUI } ) => {\n * \t\tconst addError = () =>\n * \t\t\tnoticeOperations.createErrorNotice( 'Error message' );\n * \t\treturn (\n * \t\t\t<div>\n * \t\t\t\t{ noticeUI }\n * \t\t\t\t<Button variant=\"secondary\" onClick={ addError }>\n * \t\t\t\t\tAdd error\n * \t\t\t\t</Button>\n * \t\t\t</div>\n * \t\t);\n * \t}\n * );\n * ```\n *\n * @param OriginalComponent Original component.\n *\n * @return Wrapped component.\n */\nexport default createHigherOrderComponent(OriginalComponent => {\n  function Component(props, ref) {\n    const [noticeList, setNoticeList] = useState([]);\n    const noticeOperations = useMemo(() => {\n      const createNotice = notice => {\n        const noticeToAdd = notice.id ? notice : {\n          ...notice,\n          id: uuid()\n        };\n        setNoticeList(current => [...current, noticeToAdd]);\n      };\n      return {\n        createNotice,\n        createErrorNotice: msg => {\n          // @ts-expect-error TODO: Missing `id`, potentially a bug\n          createNotice({\n            status: 'error',\n            content: msg\n          });\n        },\n        removeNotice: id => {\n          setNoticeList(current => current.filter(notice => notice.id !== id));\n        },\n        removeAllNotices: () => {\n          setNoticeList([]);\n        }\n      };\n    }, []);\n    const propsOut = {\n      ...props,\n      noticeList,\n      noticeOperations,\n      noticeUI: noticeList.length > 0 && /*#__PURE__*/_jsx(NoticeList, {\n        className: \"components-with-notices-ui\",\n        notices: noticeList,\n        onRemove: noticeOperations.removeNotice\n      })\n    };\n    return isForwardRef ? /*#__PURE__*/_jsx(OriginalComponent, {\n      ...propsOut,\n      ref: ref\n    }) : /*#__PURE__*/_jsx(OriginalComponent, {\n      ...propsOut\n    });\n  }\n  let isForwardRef;\n  // @ts-expect-error - `render` will only be present when OriginalComponent was wrapped with forwardRef().\n  const {\n    render\n  } = OriginalComponent;\n  // Returns a forwardRef if OriginalComponent appears to be a forwardRef.\n  if (typeof render === 'function') {\n    isForwardRef = true;\n    return forwardRef(Component);\n  }\n  return Component;\n}, 'withNotices');"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA2B;AAK3B,qBAA8C;AAC9C,qBAA2C;AAK3C,kBAAuB;AACvB,yBAA4B;AA8B5B,IAAO,2BAAQ,2CAA2B,uBAAqB;AAC7D,WAAS,UAAU,OAAO,KAAK;AAC7B,UAAM,CAAC,YAAY,aAAa,QAAI,yBAAS,CAAC,CAAC;AAC/C,UAAM,uBAAmB,wBAAQ,MAAM;AACrC,YAAM,eAAe,YAAU;AAC7B,cAAM,cAAc,OAAO,KAAK,SAAS;AAAA,UACvC,GAAG;AAAA,UACH,QAAI,YAAAA,IAAK;AAAA,QACX;AACA,sBAAc,aAAW,CAAC,GAAG,SAAS,WAAW,CAAC;AAAA,MACpD;AACA,aAAO;AAAA,QACL;AAAA,QACA,mBAAmB,SAAO;AAExB,uBAAa;AAAA,YACX,QAAQ;AAAA,YACR,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,QACA,cAAc,QAAM;AAClB,wBAAc,aAAW,QAAQ,OAAO,YAAU,OAAO,OAAO,EAAE,CAAC;AAAA,QACrE;AAAA,QACA,kBAAkB,MAAM;AACtB,wBAAc,CAAC,CAAC;AAAA,QAClB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AACL,UAAM,WAAW;AAAA,MACf,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,UAAU,WAAW,SAAS,KAAkB,uCAAAC,KAAK,YAAAC,SAAY;AAAA,QAC/D,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU,iBAAiB;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,WAAO,eAA4B,uCAAAD,KAAK,mBAAmB;AAAA,MACzD,GAAG;AAAA,MACH;AAAA,IACF,CAAC,IAAiB,uCAAAA,KAAK,mBAAmB;AAAA,MACxC,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI;AAEJ,QAAM;AAAA,IACJ;AAAA,EACF,IAAI;AAEJ,MAAI,OAAO,WAAW,YAAY;AAChC,mBAAe;AACf,eAAO,2BAAW,SAAS;AAAA,EAC7B;AACA,SAAO;AACT,GAAG,aAAa;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAA2B;AAK3B,qBAA8C;AAC9C,qBAA2C;AAK3C,kBAAuB;AACvB,yBAA4B;AA8B5B,IAAO,2BAAQ,2CAA2B,uBAAqB;AAC7D,WAAS,UAAU,OAAO,KAAK;AAC7B,UAAM,CAAC,YAAY,aAAa,QAAI,yBAAS,CAAC,CAAC;AAC/C,UAAM,uBAAmB,wBAAQ,MAAM;AACrC,YAAM,eAAe,YAAU;AAC7B,cAAM,cAAc,OAAO,KAAK,SAAS;AAAA,UACvC,GAAG;AAAA,UACH,QAAI,YAAAA,IAAK;AAAA,QACX;AACA,sBAAc,aAAW,CAAC,GAAG,SAAS,WAAW,CAAC;AAAA,MACpD;AACA,aAAO;AAAA,QACL;AAAA,QACA,mBAAmB,SAAO;AAExB,uBAAa;AAAA,YACX,QAAQ;AAAA,YACR,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,QACA,cAAc,QAAM;AAClB,wBAAc,aAAW,QAAQ,OAAO,YAAU,OAAO,OAAO,EAAE,CAAC;AAAA,QACrE;AAAA,QACA,kBAAkB,MAAM;AACtB,wBAAc,CAAC,CAAC;AAAA,QAClB;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AACL,UAAM,WAAW;AAAA,MACf,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,UAAU,WAAW,SAAS,KAAkB,uCAAAC,KAAK,YAAAC,SAAY;AAAA,QAC/D,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU,iBAAiB;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,WAAO,eAA4B,uCAAAD,KAAK,mBAAmB;AAAA,MACzD,GAAG;AAAA,MACH;AAAA,IACF,CAAC,IAAiB,uCAAAA,KAAK,mBAAmB;AAAA,MACxC,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI;AAEJ,QAAM;AAAA,IACJ;AAAA,EACF,IAAI;AAEJ,MAAI,OAAO,WAAW,YAAY;AAChC,mBAAe;AACf,eAAO,2BAAW,SAAS;AAAA,EAC7B;AACA,SAAO;AACT,GAAG,aAAa;",
   "names": ["uuid", "_jsx", "NoticeList"]
 }

package/build/higher-order/with-notices/types.js

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

package/build/higher-order/with-notices/types.js.map

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

package/build/higher-order/with-spoken-messages/index.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/higher-order/with-spoken-messages/index.tsx
 var with_spoken_messages_exports = {};
 __export(with_spoken_messages_exports, {
   default: () => with_spoken_messages_default

package/build/higher-order/with-spoken-messages/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/higher-order/with-spoken-messages/index.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createHigherOrderComponent, useDebounce } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\n\n/** @typedef {import('react').ComponentType} ComponentType */\n\n/**\n * A Higher Order Component used to provide speak and debounced speak functions.\n *\n * @see https://developer.wordpress.org/block-editor/packages/packages-a11y/#speak\n *\n * @param {ComponentType} Component The component to be wrapped.\n *\n * @return {ComponentType} The wrapped component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createHigherOrderComponent(Component => props => /*#__PURE__*/_jsx(Component, {\n  ...props,\n  speak: speak,\n  debouncedSpeak: useDebounce(speak, 500)\n}), 'withSpokenMessages');"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAwD;AACxD,kBAAsB;AAatB,yBAA4B;AAC5B,IAAO,mCAAQ,2CAA2B,eAAa,WAAsB,uCAAAA,KAAK,WAAW;AAAA,EAC3F,GAAG;AAAA,EACH,OAAO;AAAA,EACP,oBAAgB,4BAAY,mBAAO,GAAG;AACxC,CAAC,GAAG,oBAAoB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAwD;AACxD,kBAAsB;AAatB,yBAA4B;AAC5B,IAAO,mCAAQ,2CAA2B,eAAa,WAAsB,uCAAAA,KAAK,WAAW;AAAA,EAC3F,GAAG;AAAA,EACH,OAAO;AAAA,EACP,oBAAgB,4BAAY,mBAAO,GAAG;AACxC,CAAC,GAAG,oBAAoB;",
   "names": ["_jsx"]
 }