@wordpress/components 38.0.0 → 39.0.0

package/build-module/grid/utils.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/grid/utils.ts"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\nconst ALIGNMENTS = {\n  bottom: {\n    alignItems: 'flex-end',\n    justifyContent: 'center'\n  },\n  bottomLeft: {\n    alignItems: 'flex-start',\n    justifyContent: 'flex-end'\n  },\n  bottomRight: {\n    alignItems: 'flex-end',\n    justifyContent: 'flex-end'\n  },\n  center: {\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  spaced: {\n    alignItems: 'center',\n    justifyContent: 'space-between'\n  },\n  left: {\n    alignItems: 'center',\n    justifyContent: 'flex-start'\n  },\n  right: {\n    alignItems: 'center',\n    justifyContent: 'flex-end'\n  },\n  stretch: {\n    alignItems: 'stretch'\n  },\n  top: {\n    alignItems: 'flex-start',\n    justifyContent: 'center'\n  },\n  topLeft: {\n    alignItems: 'flex-start',\n    justifyContent: 'flex-start'\n  },\n  topRight: {\n    alignItems: 'flex-start',\n    justifyContent: 'flex-end'\n  }\n};\nexport function getAlignmentProps(alignment) {\n  const alignmentProps = alignment ? ALIGNMENTS[alignment] : {};\n  return alignmentProps;\n}"],
-  "mappings": ";AAIA,IAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,IACV,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,aAAa;AAAA,IACX,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,EACd;AAAA,EACA,KAAK;AAAA,IACH,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AACF;AACO,SAAS,kBAAkB,WAAW;AAC3C,QAAM,iBAAiB,YAAY,WAAW,SAAS,IAAI,CAAC;AAC5D,SAAO;AACT;",
+  "sourcesContent": ["const ALIGNMENTS = {\n  bottom: {\n    alignItems: 'flex-end',\n    justifyContent: 'center'\n  },\n  bottomLeft: {\n    alignItems: 'flex-start',\n    justifyContent: 'flex-end'\n  },\n  bottomRight: {\n    alignItems: 'flex-end',\n    justifyContent: 'flex-end'\n  },\n  center: {\n    alignItems: 'center',\n    justifyContent: 'center'\n  },\n  spaced: {\n    alignItems: 'center',\n    justifyContent: 'space-between'\n  },\n  left: {\n    alignItems: 'center',\n    justifyContent: 'flex-start'\n  },\n  right: {\n    alignItems: 'center',\n    justifyContent: 'flex-end'\n  },\n  stretch: {\n    alignItems: 'stretch'\n  },\n  top: {\n    alignItems: 'flex-start',\n    justifyContent: 'center'\n  },\n  topLeft: {\n    alignItems: 'flex-start',\n    justifyContent: 'flex-start'\n  },\n  topRight: {\n    alignItems: 'flex-start',\n    justifyContent: 'flex-end'\n  }\n};\nexport function getAlignmentProps(alignment) {\n  const alignmentProps = alignment ? ALIGNMENTS[alignment] : {};\n  return alignmentProps;\n}"],
+  "mappings": ";AAAA,IAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,IACV,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,aAAa;AAAA,IACX,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,MAAM;AAAA,IACJ,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,EACd;AAAA,EACA,KAAK;AAAA,IACH,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAClB;AACF;AACO,SAAS,kBAAkB,WAAW;AAC3C,QAAM,iBAAiB,YAAY,WAAW,SAAS,IAAI,CAAC;AAC5D,SAAO;AACT;",
   "names": []
 }

package/build-module/guide/icons.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/guide/icons.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { SVG, Circle } from '@wordpress/primitives';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const PageControlIcon = () => /*#__PURE__*/_jsx(SVG, {\n  width: \"8\",\n  height: \"8\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  children: /*#__PURE__*/_jsx(Circle, {\n    cx: \"4\",\n    cy: \"4\",\n    r: \"4\"\n  })\n});"],
-  "mappings": ";AAGA,SAAS,KAAK,cAAc;AAC5B,SAAS,OAAO,YAAY;AACrB,IAAM,kBAAkB,MAAmB,qBAAK,KAAK;AAAA,EAC1D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAuB,qBAAK,QAAQ;AAAA,IAClC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,CAAC;AACH,CAAC;",
+  "sourcesContent": ["import { SVG, Circle } from '@wordpress/primitives';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const PageControlIcon = () => /*#__PURE__*/_jsx(SVG, {\n  width: \"8\",\n  height: \"8\",\n  fill: \"none\",\n  xmlns: \"http://www.w3.org/2000/svg\",\n  children: /*#__PURE__*/_jsx(Circle, {\n    cx: \"4\",\n    cy: \"4\",\n    r: \"4\"\n  })\n});"],
+  "mappings": ";AAAA,SAAS,KAAK,cAAc;AAC5B,SAAS,OAAO,YAAY;AACrB,IAAM,kBAAkB,MAAmB,qBAAK,KAAK;AAAA,EAC1D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAuB,qBAAK,QAAQ;AAAA,IAClC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,EACL,CAAC;AACH,CAAC;",
   "names": []
 }

package/build-module/guide/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "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    pages = Children.map(children, child => ({\n      content: child\n    })) ?? [];\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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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useState, useEffect, Children, useRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\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    pages = Children.map(children, child => ({\n      content: child\n    })) ?? [];\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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",
   "names": []
 }

package/build-module/guide/page-control.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAGA,SAAS,IAAI,eAAe;AAK5B,OAAO,YAAY;AACnB,SAAS,uBAAuB;AAChC,SAAS,OAAO,YAAY;AACb,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,SAAoB,qBAAK,MAAM;AAAA,IAC7B,WAAW;AAAA,IACX,cAAc,GAAG,gBAAgB;AAAA,IACjC,UAAU,MAAM,KAAK;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,EAAE,IAAI,CAAC,GAAG,SAAsB,qBAAK,MAAM;AAAA;AAAA,MAE1C,gBAAgB,SAAS,cAAc,SAAS;AAAA,MAChD,UAAuB,qBAAK,QAAQ;AAAA,QAClC,MAAM;AAAA,QACN,MAAmB,qBAAK,iBAAiB,CAAC,CAAC;AAAA,QAC3C,cAAc;AAAA;AAAA,UACd,GAAG,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;",
+  "sourcesContent": ["import { __, sprintf } from '@wordpress/i18n';\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,SAAS,IAAI,eAAe;AAC5B,OAAO,YAAY;AACnB,SAAS,uBAAuB;AAChC,SAAS,OAAO,YAAY;AACb,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,SAAoB,qBAAK,MAAM;AAAA,IAC7B,WAAW;AAAA,IACX,cAAc,GAAG,gBAAgB;AAAA,IACjC,UAAU,MAAM,KAAK;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,EAAE,IAAI,CAAC,GAAG,SAAsB,qBAAK,MAAM;AAAA;AAAA,MAE1C,gBAAgB,SAAS,cAAc,SAAS;AAAA,MAChD,UAAuB,qBAAK,QAAQ;AAAA,QAClC,MAAM;AAAA,QACN,MAAmB,qBAAK,iBAAiB,CAAC,CAAC;AAAA,QAC3C,cAAc;AAAA;AAAA,UACd,GAAG,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": []
 }

package/build-module/guide/page.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAGA,SAAS,iBAAiB;AAC1B,OAAO,gBAAgB;AAKvB,SAAS,OAAO,YAAY;AACb,SAAR,UAA2B,OAAO;AACvC,YAAU,MAAM;AACd,eAAW,eAAe;AAAA,MACxB,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AACL,SAAoB,qBAAK,OAAO;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACH;",
+  "sourcesContent": ["import { useEffect } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\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,SAAS,iBAAiB;AAC1B,OAAO,gBAAgB;AACvB,SAAS,OAAO,YAAY;AACb,SAAR,UAA2B,OAAO;AACvC,YAAU,MAAM;AACd,eAAW,eAAe;AAAA,MACxB,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AACL,SAAoB,qBAAK,OAAO;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACH;",
   "names": []
 }

package/build-module/h-stack/component.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAIA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY;AAC5B,SAAS,kBAAkB,OAAO,cAAc;AAC9C,QAAM,cAAc,UAAU,KAAK;AACnC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAwBO,IAAM,SAAS,eAAe,mBAAmB,QAAQ;AAChE,IAAO,oBAAQ;",
+  "sourcesContent": ["import { 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,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,OAAO,YAAY;AAC5B,SAAS,kBAAkB,OAAO,cAAc;AAC9C,QAAM,cAAc,UAAU,KAAK;AACnC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAwBO,IAAM,SAAS,eAAe,mBAAmB,QAAQ;AAChE,IAAO,oBAAQ;",
   "names": []
 }

package/build-module/h-stack/hook.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAQA,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,UAAU,eAAe;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,OAAO,YAAY;AACrB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,QAAQ;AACpC,QAAM,QAAQ,kBAAkB,WAAW,SAAS;AACpD,QAAM,gBAAgB,iBAAiB,QAAQ;AAC/C,QAAM,iBAAiB,cAAc,IAAI,CAAC,OAAO,UAAU;AACzD,UAAM,YAAY,oBAAoB,OAAO,CAAC,QAAQ,CAAC;AACvD,QAAI,WAAW;AACb,YAAM,eAAe;AACrB,YAAM,OAAO,aAAa,OAAO,UAAU,KAAK;AAChD,aAAoB,qBAAK,UAAU;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,IAAI,QAAQ,YAAY;AACxB,SAAO;AACT;",
+  "sourcesContent": ["import { 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,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,UAAU,eAAe;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,OAAO,YAAY;AACrB,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,QAAQ;AACpC,QAAM,QAAQ,kBAAkB,WAAW,SAAS;AACpD,QAAM,gBAAgB,iBAAiB,QAAQ;AAC/C,QAAM,iBAAiB,cAAc,IAAI,CAAC,OAAO,UAAU;AACzD,UAAM,YAAY,oBAAoB,OAAO,CAAC,QAAQ,CAAC;AACvD,QAAI,WAAW;AACb,YAAM,eAAe;AACrB,YAAM,OAAO,aAAa,OAAO,UAAU,KAAK;AAChD,aAAoB,qBAAK,UAAU;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,IAAI,QAAQ,YAAY;AACxB,SAAO;AACT;",
   "names": []
 }

package/build-module/h-stack/utils.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAQA,SAAS,sBAAsB;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,CAAC,eAAe,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;",
+  "sourcesContent": ["import { 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,SAAS,sBAAsB;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,CAAC,eAAe,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-module/heading/component.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAQA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,SAAS,mBAAmB,OAAO,cAAc;AAC/C,QAAM,cAAc,WAAW,KAAK;AACpC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAaO,IAAM,UAAU,eAAe,oBAAoB,SAAS;AACnE,IAAO,oBAAQ;",
+  "sourcesContent": ["import { 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,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,SAAS,mBAAmB,OAAO,cAAc;AAC/C,QAAM,cAAc,WAAW,KAAK;AACpC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAaO,IAAM,UAAU,eAAe,oBAAoB,SAAS;AACnE,IAAO,oBAAQ;",
   "names": []
 }

package/build-module/heading/hook.mjs.map

@@ -1,7 +1,7 @@
 {
   "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.fontWeightEmphasis,\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": ";AAIA,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,QAAQ,cAAc;AACxB,SAAS,WAAW,OAAO;AAChC,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ,OAAO,MAAM;AAAA,IACrB,UAAU;AAAA,IACV,SAAS,OAAO;AAAA,IAChB,GAAG;AAAA,EACL,IAAI,iBAAiB,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,YAAY,QAAQ;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,mBAAmB,KAAK;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { 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.fontWeightEmphasis,\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,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,QAAQ,cAAc;AACxB,SAAS,WAAW,OAAO;AAChC,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ,OAAO,MAAM;AAAA,IACrB,UAAU;AAAA,IACV,SAAS,OAAO;AAAA,IAChB,GAAG;AAAA,EACL,IAAI,iBAAiB,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,YAAY,QAAQ;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,mBAAmB,KAAK;AAAA,IAC9B,GAAG;AAAA,EACL,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/build-module/higher-order/navigate-regions/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "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    const regions = Array.from(ref.current?.querySelectorAll('[role=\"region\"][tabindex=\"-1\"]') ?? []);\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 => function NavigateRegions({\n  shortcuts,\n  ...props\n}) {\n  return /*#__PURE__*/_jsx(\"div\", {\n    ...useNavigateRegions(shortcuts),\n    children: /*#__PURE__*/_jsx(Component, {\n      ...props\n    })\n  });\n}, 'navigateRegions');"],
-  "mappings": ";AAGA,SAAS,UAAU,cAAc;AACjC,SAAS,4BAA4B,cAAc,oBAAoB;AACvE,SAAS,uBAAuB;AAChC,SAAS,OAAO,YAAY;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,MAAM,OAAO,IAAI;AACvB,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,WAAS,YAAY,QAAQ;AAC3B,UAAM,UAAU,MAAM,KAAK,IAAI,SAAS,iBAAiB,gCAAgC,KAAK,CAAC,CAAC;AAChG,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,WAAW,aAAa,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,KAAK,aAAa,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,gBAAgB,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,gBAAgB,QAAQ,EAAE,OAAO,SAAS;AAAA,MACnD,CAAC,GAAG;AACF,oBAAY,CAAC;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AA4BA,IAAO,2BAAQ,2BAA2B,eAAa,SAAS,gBAAgB;AAAA,EAC9E;AAAA,EACA,GAAG;AACL,GAAG;AACD,SAAoB,qBAAK,OAAO;AAAA,IAC9B,GAAG,mBAAmB,SAAS;AAAA,IAC/B,UAAuB,qBAAK,WAAW;AAAA,MACrC,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,iBAAiB;",
+  "sourcesContent": ["import { 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    const regions = Array.from(ref.current?.querySelectorAll('[role=\"region\"][tabindex=\"-1\"]') ?? []);\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 => function NavigateRegions({\n  shortcuts,\n  ...props\n}) {\n  return /*#__PURE__*/_jsx(\"div\", {\n    ...useNavigateRegions(shortcuts),\n    children: /*#__PURE__*/_jsx(Component, {\n      ...props\n    })\n  });\n}, 'navigateRegions');"],
+  "mappings": ";AAAA,SAAS,UAAU,cAAc;AACjC,SAAS,4BAA4B,cAAc,oBAAoB;AACvE,SAAS,uBAAuB;AAChC,SAAS,OAAO,YAAY;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,MAAM,OAAO,IAAI;AACvB,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,WAAS,YAAY,QAAQ;AAC3B,UAAM,UAAU,MAAM,KAAK,IAAI,SAAS,iBAAiB,gCAAgC,KAAK,CAAC,CAAC;AAChG,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,WAAW,aAAa,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,KAAK,aAAa,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,gBAAgB,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,gBAAgB,QAAQ,EAAE,OAAO,SAAS;AAAA,MACnD,CAAC,GAAG;AACF,oBAAY,CAAC;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AA4BA,IAAO,2BAAQ,2BAA2B,eAAa,SAAS,gBAAgB;AAAA,EAC9E;AAAA,EACA,GAAG;AACL,GAAG;AACD,SAAoB,qBAAK,OAAO;AAAA,IAC9B,GAAG,mBAAmB,SAAS;AAAA,IAC/B,UAAuB,qBAAK,WAAW;AAAA,MACrC,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,iBAAiB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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": ";AAGA,SAAS,4BAA4B,6BAA6B;AAUlE,SAAS,OAAO,YAAY;AAC5B,IAAM,yBAAyB,2BAA2B,sBAAoB,SAAS,gCAAgC,OAAO;AAC5H,QAAM,MAAM,sBAAsB;AAClC,SAAoB,qBAAK,OAAO;AAAA,IAC9B;AAAA,IACA,UAAU;AAAA,IACV,UAAuB,qBAAK,kBAAkB;AAAA,MAC5C,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,wBAAwB;AAC3B,IAAO,mCAAQ;",
+  "sourcesContent": ["import { 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,SAAS,4BAA4B,6BAA6B;AAUlE,SAAS,OAAO,YAAY;AAC5B,IAAM,yBAAyB,2BAA2B,sBAAoB,SAAS,gCAAgC,OAAO;AAC5H,QAAM,MAAM,sBAAsB;AAClC,SAAoB,qBAAK,OAAO;AAAA,IAC9B;AAAA,IACA,UAAU;AAAA,IACV,UAAuB,qBAAK,kBAAkB;AAAA,MAC5C,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,wBAAwB;AAC3B,IAAO,mCAAQ;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/higher-order/with-fallback-styles/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6/index.js';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport { createHigherOrderComponent, useIsomorphicLayoutEffect } from '@wordpress/compose';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default mapNodeToProps => createHigherOrderComponent(WrappedComponent => {\n  return function WithFallbackStyles(props) {\n    const [fallbackStyles, setFallbackStyles] = useState(undefined);\n    const nodeRef = useRef(null);\n\n    // Runs before paint, so the fallback styles apply without a flash.\n    useIsomorphicLayoutEffect(() => {\n      const node = props.node ?? nodeRef.current;\n      // Derived from fallbackStyles: the grab is complete once every\n      // mapped value has resolved to a truthy style.\n      const grabStylesCompleted = !!fallbackStyles && Object.values(fallbackStyles).every(Boolean);\n      if (node && !grabStylesCompleted) {\n        const newFallbackStyles = mapNodeToProps(node, props);\n        if (!fastDeepEqual(newFallbackStyles, fallbackStyles)) {\n          setFallbackStyles(newFallbackStyles);\n        }\n      }\n    });\n    const wrappedComponent = /*#__PURE__*/_jsx(WrappedComponent, {\n      ...props,\n      ...fallbackStyles\n    });\n    return props.node ? wrappedComponent : /*#__PURE__*/_jsxs(\"div\", {\n      ref: nodeRef,\n      children: [\" \", wrappedComponent, \" \"]\n    });\n  };\n}, 'withFallbackStyles');"],
-  "mappings": ";AAGA,OAAO,mBAAmB;AAK1B,SAAS,UAAU,cAAc;AACjC,SAAS,4BAA4B,iCAAiC;AACtE,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAO,+BAAQ,oBAAkB,2BAA2B,sBAAoB;AAC9E,SAAO,SAAS,mBAAmB,OAAO;AACxC,UAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,MAAS;AAC9D,UAAM,UAAU,OAAO,IAAI;AAG3B,8BAA0B,MAAM;AAC9B,YAAM,OAAO,MAAM,QAAQ,QAAQ;AAGnC,YAAM,sBAAsB,CAAC,CAAC,kBAAkB,OAAO,OAAO,cAAc,EAAE,MAAM,OAAO;AAC3F,UAAI,QAAQ,CAAC,qBAAqB;AAChC,cAAM,oBAAoB,eAAe,MAAM,KAAK;AACpD,YAAI,CAAC,cAAc,mBAAmB,cAAc,GAAG;AACrD,4BAAkB,iBAAiB;AAAA,QACrC;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,mBAAgC,qBAAK,kBAAkB;AAAA,MAC3D,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AACD,WAAO,MAAM,OAAO,mBAAgC,sBAAM,OAAO;AAAA,MAC/D,KAAK;AAAA,MACL,UAAU,CAAC,KAAK,kBAAkB,GAAG;AAAA,IACvC,CAAC;AAAA,EACH;AACF,GAAG,oBAAoB;",
+  "sourcesContent": ["import fastDeepEqual from 'fast-deep-equal/es6/index.js';\nimport { useState, useRef } from '@wordpress/element';\nimport { createHigherOrderComponent, useIsomorphicLayoutEffect } from '@wordpress/compose';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default mapNodeToProps => createHigherOrderComponent(WrappedComponent => {\n  return function WithFallbackStyles(props) {\n    const [fallbackStyles, setFallbackStyles] = useState(undefined);\n    const nodeRef = useRef(null);\n\n    // Runs before paint, so the fallback styles apply without a flash.\n    useIsomorphicLayoutEffect(() => {\n      const node = props.node ?? nodeRef.current;\n      // Derived from fallbackStyles: the grab is complete once every\n      // mapped value has resolved to a truthy style.\n      const grabStylesCompleted = !!fallbackStyles && Object.values(fallbackStyles).every(Boolean);\n      if (node && !grabStylesCompleted) {\n        const newFallbackStyles = mapNodeToProps(node, props);\n        if (!fastDeepEqual(newFallbackStyles, fallbackStyles)) {\n          setFallbackStyles(newFallbackStyles);\n        }\n      }\n    });\n    const wrappedComponent = /*#__PURE__*/_jsx(WrappedComponent, {\n      ...props,\n      ...fallbackStyles\n    });\n    return props.node ? wrappedComponent : /*#__PURE__*/_jsxs(\"div\", {\n      ref: nodeRef,\n      children: [\" \", wrappedComponent, \" \"]\n    });\n  };\n}, 'withFallbackStyles');"],
+  "mappings": ";AAAA,OAAO,mBAAmB;AAC1B,SAAS,UAAU,cAAc;AACjC,SAAS,4BAA4B,iCAAiC;AACtE,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAO,+BAAQ,oBAAkB,2BAA2B,sBAAoB;AAC9E,SAAO,SAAS,mBAAmB,OAAO;AACxC,UAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,MAAS;AAC9D,UAAM,UAAU,OAAO,IAAI;AAG3B,8BAA0B,MAAM;AAC9B,YAAM,OAAO,MAAM,QAAQ,QAAQ;AAGnC,YAAM,sBAAsB,CAAC,CAAC,kBAAkB,OAAO,OAAO,cAAc,EAAE,MAAM,OAAO;AAC3F,UAAI,QAAQ,CAAC,qBAAqB;AAChC,cAAM,oBAAoB,eAAe,MAAM,KAAK;AACpD,YAAI,CAAC,cAAc,mBAAmB,cAAc,GAAG;AACrD,4BAAkB,iBAAiB;AAAA,QACrC;AAAA,MACF;AAAA,IACF,CAAC;AACD,UAAM,mBAAgC,qBAAK,kBAAkB;AAAA,MAC3D,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AACD,WAAO,MAAM,OAAO,mBAAgC,sBAAM,OAAO;AAAA,MAC/D,KAAK;AAAA,MACL,UAAU,CAAC,KAAK,kBAAkB,GAAG;AAAA,IACvC,CAAC;AAAA,EACH;AACF,GAAG,oBAAoB;",
   "names": []
 }

package/build-module/higher-order/with-filters/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAGA,SAAS,iBAAiB;AAC1B,SAAS,WAAW,cAAc,oBAAoB;AACtD,SAAS,4BAA4B,gBAAgB;AACrD,SAAS,OAAO,YAAY;AAC5B,IAAM,yBAAyB;AAsChB,SAAR,YAA6B,UAAU;AAC5C,SAAO,2BAA2B,uBAAqB;AACrD,UAAM,YAAY,uBAAuB;AAOzC,QAAI;AAMJ,aAAS,0BAA0B;AACjC,UAAI,sBAAsB,QAAW;AACnC,4BAAoB,aAAa,UAAU,iBAAiB;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,MAAM,kCAAkC,UAAU;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,oBAAU,eAAe,WAAW,cAAc;AAClD,oBAAU,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,uBAAa,eAAe,SAAS;AACrC,uBAAa,aAAa,SAAS;AAAA,QACrC;AAAA,MACF;AAAA,MACA,SAAS;AACP,eAAoB,qBAAK,mBAAmB;AAAA,UAC1C,GAAG,KAAK;AAAA,QACV,CAAC;AAAA,MACH;AAAA,IACF;AACA,8BAA0B,YAAY,CAAC;AAMvC,UAAM,uBAAuB,SAAS,MAAM;AAG1C,0BAAoB,aAAa,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;",
+  "sourcesContent": ["import { 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,SAAS,iBAAiB;AAC1B,SAAS,WAAW,cAAc,oBAAoB;AACtD,SAAS,4BAA4B,gBAAgB;AACrD,SAAS,OAAO,YAAY;AAC5B,IAAM,yBAAyB;AAsChB,SAAR,YAA6B,UAAU;AAC5C,SAAO,2BAA2B,uBAAqB;AACrD,UAAM,YAAY,uBAAuB;AAOzC,QAAI;AAMJ,aAAS,0BAA0B;AACjC,UAAI,sBAAsB,QAAW;AACnC,4BAAoB,aAAa,UAAU,iBAAiB;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,MAAM,kCAAkC,UAAU;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,oBAAU,eAAe,WAAW,cAAc;AAClD,oBAAU,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,uBAAa,eAAe,SAAS;AACrC,uBAAa,aAAa,SAAS;AAAA,QACrC;AAAA,MACF;AAAA,MACA,SAAS;AACP,eAAoB,qBAAK,mBAAmB;AAAA,UAC1C,GAAG,KAAK;AAAA,QACV,CAAC;AAAA,MACH;AAAA,IACF;AACA,8BAA0B,YAAY,CAAC;AAMvC,UAAM,uBAAuB,SAAS,MAAM;AAG1C,0BAAoB,aAAa,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": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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 => function WithFocusOutside(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": ";AAGA,SAAS,aAAa,gBAAgB;AACtC,SAAS,4BAA4B,iCAAiC,uBAAuB;AAC7F,SAAS,OAAO,YAAY;AAC5B,IAAO,6BAAQ,2BAA2B,sBAAoB,SAAS,iBAAiB,OAAO;AAC7F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,MAAS;AACtE,QAAM,0BAA0B,YAAY,UAAQ,sBAAsB,MAAM,MAAM,qBAAqB,KAAK,mBAAmB,KAAK,IAAI,IAAI,MAAS,GAAG,CAAC,CAAC;AAC9J,SAAoB,qBAAK,OAAO;AAAA,IAC9B,GAAG,gBAAgB,kBAAkB;AAAA,IACrC,UAAuB,qBAAK,kBAAkB;AAAA,MAC5C,KAAK;AAAA,MACL,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,kBAAkB;",
+  "sourcesContent": ["import { 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 => function WithFocusOutside(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,SAAS,aAAa,gBAAgB;AACtC,SAAS,4BAA4B,iCAAiC,uBAAuB;AAC7F,SAAS,OAAO,YAAY;AAC5B,IAAO,6BAAQ,2BAA2B,sBAAoB,SAAS,iBAAiB,OAAO;AAC7F,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,MAAS;AACtE,QAAM,0BAA0B,YAAY,UAAQ,sBAAsB,MAAM,MAAM,qBAAqB,KAAK,mBAAmB,KAAK,IAAI,IAAI,MAAS,GAAG,CAAC,CAAC;AAC9J,SAAoB,qBAAK,OAAO;AAAA,IAC9B,GAAG,gBAAgB,kBAAkB;AAAA,IACrC,UAAuB,qBAAK,kBAAkB;AAAA,MAC5C,KAAK;AAAA,MACL,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH,GAAG,kBAAkB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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": ";AAGA,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B,sBAAsB;AAC3D,OAAO,gBAAgB;AAUvB,SAAS,OAAO,YAAY;AAC5B,SAAS,gBAAgB,QAAQ;AAC/B,SAAO,kBAAkB,aAAa,OAAO,WAAW;AAC1D;AAcA,IAAO,4BAAQ;AAAA;AAAA,EAEf,aAAW;AACT,UAAM,MAAM,CAAC;AAAA,MACX;AAAA,IACF,IAAI,CAAC,MAAM,sBAAoB;AAC7B,YAAM,kBAAkB,WAAS;AAC/B,cAAM,MAAM,eAAe,aAAa;AACxC,eAAoB,qBAAK,OAAO;AAAA,UAC9B;AAAA,UACA,UAAuB,qBAAK,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,aAAW,+CAA+C;AAAA,IACxD,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,SAAO;AACT;",
+  "sourcesContent": ["import { 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,SAAS,iBAAiB;AAC1B,SAAS,4BAA4B,sBAAsB;AAC3D,OAAO,gBAAgB;AAUvB,SAAS,OAAO,YAAY;AAC5B,SAAS,gBAAgB,QAAQ;AAC/B,SAAO,kBAAkB,aAAa,OAAO,WAAW;AAC1D;AAcA,IAAO,4BAAQ;AAAA;AAAA,EAEf,aAAW;AACT,UAAM,MAAM,CAAC;AAAA,MACX;AAAA,IACF,IAAI,CAAC,MAAM,sBAAoB;AAC7B,YAAM,kBAAkB,WAAS;AAC/B,cAAM,MAAM,eAAe,aAAa;AACxC,eAAoB,qBAAK,OAAO;AAAA,UAC9B;AAAA,UACA,UAAuB,qBAAK,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,aAAW,+CAA+C;AAAA,IACxD,OAAO;AAAA,IACP,MAAM;AAAA,EACR,CAAC;AACD,SAAO;AACT;",
   "names": []
 }

package/build-module/higher-order/with-notices/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "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": ";AAGA,SAAS,MAAM,YAAY;AAK3B,SAAS,YAAY,UAAU,eAAe;AAC9C,SAAS,kCAAkC;AAK3C,OAAO,gBAAgB;AACvB,SAAS,OAAO,YAAY;AA8B5B,IAAO,uBAAQ,2BAA2B,uBAAqB;AAC7D,WAAS,UAAU,OAAO,KAAK;AAC7B,UAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC,CAAC;AAC/C,UAAM,mBAAmB,QAAQ,MAAM;AACrC,YAAM,eAAe,YAAU;AAC7B,cAAM,cAAc,OAAO,KAAK,SAAS;AAAA,UACvC,GAAG;AAAA,UACH,IAAI,KAAK;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,qBAAK,YAAY;AAAA,QAC/D,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU,iBAAiB;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,WAAO,eAA4B,qBAAK,mBAAmB;AAAA,MACzD,GAAG;AAAA,MACH;AAAA,IACF,CAAC,IAAiB,qBAAK,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,WAAO,WAAW,SAAS;AAAA,EAC7B;AACA,SAAO;AACT,GAAG,aAAa;",
+  "sourcesContent": ["import { v4 as uuid } from 'uuid';\nimport { forwardRef, useState, useMemo } from '@wordpress/element';\nimport { createHigherOrderComponent } from '@wordpress/compose';\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,SAAS,MAAM,YAAY;AAC3B,SAAS,YAAY,UAAU,eAAe;AAC9C,SAAS,kCAAkC;AAC3C,OAAO,gBAAgB;AACvB,SAAS,OAAO,YAAY;AA8B5B,IAAO,uBAAQ,2BAA2B,uBAAqB;AAC7D,WAAS,UAAU,OAAO,KAAK;AAC7B,UAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC,CAAC;AAC/C,UAAM,mBAAmB,QAAQ,MAAM;AACrC,YAAM,eAAe,YAAU;AAC7B,cAAM,cAAc,OAAO,KAAK,SAAS;AAAA,UACvC,GAAG;AAAA,UACH,IAAI,KAAK;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,qBAAK,YAAY;AAAA,QAC/D,WAAW;AAAA,QACX,SAAS;AAAA,QACT,UAAU,iBAAiB;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,WAAO,eAA4B,qBAAK,mBAAmB;AAAA,MACzD,GAAG;AAAA,MACH;AAAA,IACF,CAAC,IAAiB,qBAAK,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,WAAO,WAAW,SAAS;AAAA,EAC7B;AACA,SAAO;AACT,GAAG,aAAa;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "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/**\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 {React.ComponentType} Component The component to be wrapped.\n *\n * @return {React.ComponentType} The wrapped component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createHigherOrderComponent(Component => function WithSpokenMessages(props) {\n  return /*#__PURE__*/_jsx(Component, {\n    ...props,\n    speak: speak,\n    debouncedSpeak: useDebounce(speak, 500)\n  });\n}, 'withSpokenMessages');"],
-  "mappings": ";AAGA,SAAS,4BAA4B,mBAAmB;AACxD,SAAS,aAAa;AAWtB,SAAS,OAAO,YAAY;AAC5B,IAAO,+BAAQ,2BAA2B,eAAa,SAAS,mBAAmB,OAAO;AACxF,SAAoB,qBAAK,WAAW;AAAA,IAClC,GAAG;AAAA,IACH;AAAA,IACA,gBAAgB,YAAY,OAAO,GAAG;AAAA,EACxC,CAAC;AACH,GAAG,oBAAoB;",
+  "sourcesContent": ["import { createHigherOrderComponent, useDebounce } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\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 {React.ComponentType} Component The component to be wrapped.\n *\n * @return {React.ComponentType} The wrapped component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createHigherOrderComponent(Component => function WithSpokenMessages(props) {\n  return /*#__PURE__*/_jsx(Component, {\n    ...props,\n    speak: speak,\n    debouncedSpeak: useDebounce(speak, 500)\n  });\n}, 'withSpokenMessages');"],
+  "mappings": ";AAAA,SAAS,4BAA4B,mBAAmB;AACxD,SAAS,aAAa;AAWtB,SAAS,OAAO,YAAY;AAC5B,IAAO,+BAAQ,2BAA2B,eAAa,SAAS,mBAAmB,OAAO;AACxF,SAAoB,qBAAK,WAAW;AAAA,IAClC,GAAG;AAAA,IACH;AAAA,IACA,gBAAgB,YAAY,OAAO,GAAG;AAAA,EACxC,CAAC;AACH,GAAG,oBAAoB;",
   "names": []
 }

package/build-module/icon/index.mjs

@@ -39,7 +39,6 @@ function Icon({
   }
   if (isValidElement(icon)) {
     return cloneElement(icon, {
-      // @ts-ignore Just forwarding the size prop along
       size,
       width: size,
       height: size,

package/build-module/icon/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/icon/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, createElement, isValidElement } from '@wordpress/element';\nimport { SVG } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport Dashicon from '../dashicon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Renders a raw icon without any initial styling or wrappers.\n *\n * ```jsx\n * import { wordpress } from '@wordpress/icons';\n *\n * <Icon icon={ wordpress } />\n * ```\n */\nfunction Icon({\n  icon = null,\n  size = 'string' === typeof icon ? 20 : 24,\n  ...additionalProps\n}) {\n  if ('string' === typeof icon) {\n    return /*#__PURE__*/_jsx(Dashicon, {\n      icon: icon,\n      size: size,\n      ...additionalProps\n    });\n  }\n  if (isValidElement(icon) && Dashicon === icon.type) {\n    return cloneElement(icon, {\n      ...additionalProps\n    });\n  }\n  if ('function' === typeof icon) {\n    return createElement(icon, {\n      size,\n      ...additionalProps\n    });\n  }\n  if (icon && (icon.type === 'svg' || icon.type === SVG)) {\n    const appliedProps = {\n      ...icon.props,\n      width: size,\n      height: size,\n      ...additionalProps\n    };\n    return /*#__PURE__*/_jsx(SVG, {\n      ...appliedProps\n    });\n  }\n  if (isValidElement(icon)) {\n    return cloneElement(icon, {\n      // @ts-ignore Just forwarding the size prop along\n      size,\n      width: size,\n      height: size,\n      ...additionalProps\n    });\n  }\n  return icon;\n}\nexport default Icon;"],
-  "mappings": ";AAOA,SAAS,cAAc,eAAe,sBAAsB;AAC5D,SAAS,WAAW;AAKpB,OAAO,cAAc;AACrB,SAAS,OAAO,YAAY;AAU5B,SAAS,KAAK;AAAA,EACZ,OAAO;AAAA,EACP,OAAO,aAAa,OAAO,OAAO,KAAK;AAAA,EACvC,GAAG;AACL,GAAG;AACD,MAAI,aAAa,OAAO,MAAM;AAC5B,WAAoB,qBAAK,UAAU;AAAA,MACjC;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,eAAe,IAAI,KAAK,aAAa,KAAK,MAAM;AAClD,WAAO,aAAa,MAAM;AAAA,MACxB,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,eAAe,OAAO,MAAM;AAC9B,WAAO,cAAc,MAAM;AAAA,MACzB;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,SAAS,KAAK,SAAS,SAAS,KAAK,SAAS,MAAM;AACtD,UAAM,eAAe;AAAA,MACnB,GAAG,KAAK;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,GAAG;AAAA,IACL;AACA,WAAoB,qBAAK,KAAK;AAAA,MAC5B,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,eAAe,IAAI,GAAG;AACxB,WAAO,aAAa,MAAM;AAAA;AAAA,MAExB;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,SAAO;AACT;AACA,IAAO,eAAQ;",
+  "sourcesContent": ["import { cloneElement, createElement, isValidElement } from '@wordpress/element';\nimport { SVG } from '@wordpress/primitives';\nimport Dashicon from '../dashicon';\n\n/* The sizing props forwarded to an icon element that is not an `SVG` or a `Dashicon`. */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Renders a raw icon without any initial styling or wrappers.\n *\n * ```jsx\n * import { wordpress } from '@wordpress/icons';\n *\n * <Icon icon={ wordpress } />\n * ```\n */\nfunction Icon({\n  icon = null,\n  size = 'string' === typeof icon ? 20 : 24,\n  ...additionalProps\n}) {\n  if ('string' === typeof icon) {\n    return /*#__PURE__*/_jsx(Dashicon, {\n      icon: icon,\n      size: size,\n      ...additionalProps\n    });\n  }\n  if (isValidElement(icon) && Dashicon === icon.type) {\n    return cloneElement(icon, {\n      ...additionalProps\n    });\n  }\n  if ('function' === typeof icon) {\n    return createElement(icon, {\n      size,\n      ...additionalProps\n    });\n  }\n  if (icon && (icon.type === 'svg' || icon.type === SVG)) {\n    const appliedProps = {\n      ...icon.props,\n      width: size,\n      height: size,\n      ...additionalProps\n    };\n    return /*#__PURE__*/_jsx(SVG, {\n      ...appliedProps\n    });\n  }\n  if (isValidElement(icon)) {\n    return cloneElement(icon, {\n      size,\n      width: size,\n      height: size,\n      ...additionalProps\n    });\n  }\n  return icon;\n}\nexport default Icon;"],
+  "mappings": ";AAAA,SAAS,cAAc,eAAe,sBAAsB;AAC5D,SAAS,WAAW;AACpB,OAAO,cAAc;AAGrB,SAAS,OAAO,YAAY;AAU5B,SAAS,KAAK;AAAA,EACZ,OAAO;AAAA,EACP,OAAO,aAAa,OAAO,OAAO,KAAK;AAAA,EACvC,GAAG;AACL,GAAG;AACD,MAAI,aAAa,OAAO,MAAM;AAC5B,WAAoB,qBAAK,UAAU;AAAA,MACjC;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,eAAe,IAAI,KAAK,aAAa,KAAK,MAAM;AAClD,WAAO,aAAa,MAAM;AAAA,MACxB,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,eAAe,OAAO,MAAM;AAC9B,WAAO,cAAc,MAAM;AAAA,MACzB;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,SAAS,KAAK,SAAS,SAAS,KAAK,SAAS,MAAM;AACtD,UAAM,eAAe;AAAA,MACnB,GAAG,KAAK;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,GAAG;AAAA,IACL;AACA,WAAoB,qBAAK,KAAK;AAAA,MAC5B,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,MAAI,eAAe,IAAI,GAAG;AACxB,WAAO,aAAa,MAAM;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,GAAG;AAAA,IACL,CAAC;AAAA,EACH;AACA,SAAO;AACT;AACA,IAAO,eAAQ;",
   "names": []
 }

package/build-module/input-control/backdrop.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/input-control/backdrop.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { BackdropUI } from './styles/input-control-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction Backdrop({\n  disabled = false,\n  isBorderless = false\n}) {\n  return /*#__PURE__*/_jsx(BackdropUI, {\n    \"aria-hidden\": \"true\",\n    className: \"components-input-control__backdrop\",\n    disabled: disabled,\n    isBorderless: isBorderless\n  });\n}\nconst MemoizedBackdrop = memo(Backdrop);\nexport default MemoizedBackdrop;"],
-  "mappings": ";AAGA,SAAS,YAAY;AAIrB,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,SAAS,SAAS;AAAA,EAChB,WAAW;AAAA,EACX,eAAe;AACjB,GAAG;AACD,SAAoB,qBAAK,YAAY;AAAA,IACnC,eAAe;AAAA,IACf,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,CAAC;AACH;AACA,IAAM,mBAAmB,KAAK,QAAQ;AACtC,IAAO,mBAAQ;",
+  "sourcesContent": ["import { memo } from '@wordpress/element';\nimport { BackdropUI } from './styles/input-control-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction Backdrop({\n  disabled = false,\n  isBorderless = false\n}) {\n  return /*#__PURE__*/_jsx(BackdropUI, {\n    \"aria-hidden\": \"true\",\n    className: \"components-input-control__backdrop\",\n    disabled: disabled,\n    isBorderless: isBorderless\n  });\n}\nconst MemoizedBackdrop = memo(Backdrop);\nexport default MemoizedBackdrop;"],
+  "mappings": ";AAAA,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,SAAS,SAAS;AAAA,EAChB,WAAW;AAAA,EACX,eAAe;AACjB,GAAG;AACD,SAAoB,qBAAK,YAAY;AAAA,IACnC,eAAe;AAAA,IACf,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,CAAC;AACH;AACA,IAAM,mBAAmB,KAAK,QAAQ;AACtC,IAAO,mBAAQ;",
   "names": []
 }

package/build-module/input-control/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/input-control/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport { space } from '../utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(InputControl);\n  const id = `inspector-input-control-${instanceId}`;\n  return idProp || id;\n}\nexport function UnforwardedInputControl(props, ref) {\n  const {\n    // Prevent passing legacy props to internal components.\n    __next40pxDefaultSize: _next40pxDefaultSize,\n    __next36pxDefaultSize: _next36pxDefaultSize,\n    __unstableStateReducer: stateReducer = state => state,\n    __unstableInputWidth,\n    className,\n    disabled = false,\n    help,\n    hideLabelFromVision = false,\n    id: idProp,\n    isPressEnterToChange = false,\n    label,\n    labelPosition = 'top',\n    onChange = noop,\n    onValidate = noop,\n    onKeyDown = noop,\n    prefix,\n    size = 'default',\n    style,\n    suffix,\n    value,\n    ...restProps\n  } = props;\n  const id = useUniqueId(idProp);\n  const classes = clsx('components-input-control', className);\n  const draftHookProps = useDraft({\n    value,\n    onBlur: restProps.onBlur,\n    onChange\n  });\n  const helpProp = !!help ? {\n    'aria-describedby': `${id}__help`\n  } : {};\n  return /*#__PURE__*/_jsx(BaseControl, {\n    className: classes,\n    help: help,\n    id: id,\n    children: /*#__PURE__*/_jsx(InputBase, {\n      __unstableInputWidth: __unstableInputWidth,\n      disabled: disabled,\n      gap: 3,\n      hideLabelFromVision: hideLabelFromVision,\n      id: id,\n      justify: \"left\",\n      label: label,\n      labelPosition: labelPosition,\n      prefix: prefix,\n      size: size,\n      style: style,\n      suffix: suffix,\n      children: /*#__PURE__*/_jsx(InputField, {\n        ...restProps,\n        ...helpProp,\n        className: \"components-input-control__input\",\n        disabled: disabled,\n        id: id,\n        isPressEnterToChange: isPressEnterToChange,\n        onKeyDown: onKeyDown,\n        onValidate: onValidate,\n        paddingInlineStart: prefix ? space(1) : undefined,\n        paddingInlineEnd: suffix ? space(1) : undefined,\n        ref: ref,\n        size: size,\n        stateReducer: stateReducer,\n        ...draftHookProps\n      })\n    })\n  });\n}\n\n/**\n * InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n *\n * ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from 'react';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '' );\n *\n *   return (\n *  \t<InputControl\n *  \t\tvalue={ value }\n *  \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n *  \t/>\n *   );\n * };\n * ```\n */\nexport const InputControl = forwardRef(UnforwardedInputControl);\nexport default InputControl;"],
-  "mappings": ";AAGA,OAAO,UAAU;AAIjB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAK3B,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,OAAO,iBAAiB;AACxB,SAAS,OAAO,YAAY;AAC5B,IAAM,OAAO,MAAM;AAAC;AACpB,SAAS,YAAY,QAAQ;AAC3B,QAAM,aAAa,cAAc,YAAY;AAC7C,QAAM,KAAK,2BAA2B,UAAU;AAChD,SAAO,UAAU;AACnB;AACO,SAAS,wBAAwB,OAAO,KAAK;AAClD,QAAM;AAAA;AAAA,IAEJ,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,wBAAwB,eAAe,WAAS;AAAA,IAChD;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,sBAAsB;AAAA,IACtB,IAAI;AAAA,IACJ,uBAAuB;AAAA,IACvB;AAAA,IACA,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,KAAK,YAAY,MAAM;AAC7B,QAAM,UAAU,KAAK,4BAA4B,SAAS;AAC1D,QAAM,iBAAiB,SAAS;AAAA,IAC9B;AAAA,IACA,QAAQ,UAAU;AAAA,IAClB;AAAA,EACF,CAAC;AACD,QAAM,WAAW,CAAC,CAAC,OAAO;AAAA,IACxB,oBAAoB,GAAG,EAAE;AAAA,EAC3B,IAAI,CAAC;AACL,SAAoB,qBAAK,aAAa;AAAA,IACpC,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,UAAuB,qBAAK,WAAW;AAAA,MACrC;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAuB,qBAAK,YAAY;AAAA,QACtC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,oBAAoB,SAAS,MAAM,CAAC,IAAI;AAAA,QACxC,kBAAkB,SAAS,MAAM,CAAC,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AAsBO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,IAAO,wBAAQ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport { space } from '../utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(InputControl);\n  const id = `inspector-input-control-${instanceId}`;\n  return idProp || id;\n}\nexport function UnforwardedInputControl(props, ref) {\n  const {\n    // Prevent passing legacy props to internal components.\n    __next40pxDefaultSize: _next40pxDefaultSize,\n    __next36pxDefaultSize: _next36pxDefaultSize,\n    __unstableStateReducer: stateReducer = state => state,\n    __unstableInputWidth,\n    className,\n    disabled = false,\n    help,\n    hideLabelFromVision = false,\n    id: idProp,\n    isPressEnterToChange = false,\n    label,\n    labelPosition = 'top',\n    onChange = noop,\n    onValidate = noop,\n    onKeyDown = noop,\n    prefix,\n    size = 'default',\n    style,\n    suffix,\n    value,\n    ...restProps\n  } = props;\n  const id = useUniqueId(idProp);\n  const classes = clsx('components-input-control', className);\n  const draftHookProps = useDraft({\n    value,\n    onBlur: restProps.onBlur,\n    onChange\n  });\n  const helpProp = !!help ? {\n    'aria-describedby': `${id}__help`\n  } : {};\n  return /*#__PURE__*/_jsx(BaseControl, {\n    className: classes,\n    help: help,\n    id: id,\n    children: /*#__PURE__*/_jsx(InputBase, {\n      __unstableInputWidth: __unstableInputWidth,\n      disabled: disabled,\n      gap: 3,\n      hideLabelFromVision: hideLabelFromVision,\n      id: id,\n      justify: \"left\",\n      label: label,\n      labelPosition: labelPosition,\n      prefix: prefix,\n      size: size,\n      style: style,\n      suffix: suffix,\n      children: /*#__PURE__*/_jsx(InputField, {\n        ...restProps,\n        ...helpProp,\n        className: \"components-input-control__input\",\n        disabled: disabled,\n        id: id,\n        isPressEnterToChange: isPressEnterToChange,\n        onKeyDown: onKeyDown,\n        onValidate: onValidate,\n        paddingInlineStart: prefix ? space(1) : undefined,\n        paddingInlineEnd: suffix ? space(1) : undefined,\n        ref: ref,\n        size: size,\n        stateReducer: stateReducer,\n        ...draftHookProps\n      })\n    })\n  });\n}\n\n/**\n * InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n *\n * ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from 'react';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '' );\n *\n *   return (\n *  \t<InputControl\n *  \t\tvalue={ value }\n *  \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n *  \t/>\n *   );\n * };\n * ```\n */\nexport const InputControl = forwardRef(UnforwardedInputControl);\nexport default InputControl;"],
+  "mappings": ";AAAA,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,OAAO,iBAAiB;AACxB,SAAS,OAAO,YAAY;AAC5B,IAAM,OAAO,MAAM;AAAC;AACpB,SAAS,YAAY,QAAQ;AAC3B,QAAM,aAAa,cAAc,YAAY;AAC7C,QAAM,KAAK,2BAA2B,UAAU;AAChD,SAAO,UAAU;AACnB;AACO,SAAS,wBAAwB,OAAO,KAAK;AAClD,QAAM;AAAA;AAAA,IAEJ,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,wBAAwB,eAAe,WAAS;AAAA,IAChD;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,sBAAsB;AAAA,IACtB,IAAI;AAAA,IACJ,uBAAuB;AAAA,IACvB;AAAA,IACA,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,KAAK,YAAY,MAAM;AAC7B,QAAM,UAAU,KAAK,4BAA4B,SAAS;AAC1D,QAAM,iBAAiB,SAAS;AAAA,IAC9B;AAAA,IACA,QAAQ,UAAU;AAAA,IAClB;AAAA,EACF,CAAC;AACD,QAAM,WAAW,CAAC,CAAC,OAAO;AAAA,IACxB,oBAAoB,GAAG,EAAE;AAAA,EAC3B,IAAI,CAAC;AACL,SAAoB,qBAAK,aAAa;AAAA,IACpC,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,UAAuB,qBAAK,WAAW;AAAA,MACrC;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAuB,qBAAK,YAAY;AAAA,QACtC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,oBAAoB,SAAS,MAAM,CAAC,IAAI;AAAA,QACxC,kBAAkB,SAAS,MAAM,CAAC,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AAsBO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,IAAO,wBAAQ;",
   "names": []
 }

package/build-module/input-control/input-base.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/input-control/input-base.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport { Container, Root, Prefix, Suffix } from './styles/input-control-styles';\nimport { ContextSystemProvider, contextConnect, useContextSystem } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(InputBase);\n  const id = `input-base-control-${instanceId}`;\n  return idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps(labelPosition) {\n  const props = {};\n  switch (labelPosition) {\n    case 'top':\n      props.direction = 'column';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'bottom':\n      props.direction = 'column-reverse';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'edge':\n      props.justify = 'space-between';\n      break;\n  }\n  return props;\n}\nfunction InputBase(props, ref) {\n  const {\n    __unstableInputWidth,\n    children,\n    className,\n    disabled = false,\n    hideLabelFromVision = false,\n    labelPosition,\n    id: idProp,\n    isBorderless = false,\n    label,\n    prefix,\n    size = 'default',\n    suffix,\n    ...restProps\n  } = useContextSystem(props, 'InputBase');\n  const id = useUniqueId(idProp);\n  const hideLabel = hideLabelFromVision || !label;\n  const prefixSuffixContextValue = useMemo(() => {\n    return {\n      InputControlPrefixWrapper: {\n        size\n      },\n      InputControlSuffixWrapper: {\n        size\n      }\n    };\n  }, [size]);\n  return (\n    /*#__PURE__*/\n    // @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n    _jsxs(Root, {\n      ...restProps,\n      ...getUIFlexProps(labelPosition),\n      className: className,\n      gap: 2,\n      ref: ref,\n      children: [/*#__PURE__*/_jsx(Label, {\n        className: \"components-input-control__label\",\n        hideLabelFromVision: hideLabelFromVision,\n        labelPosition: labelPosition,\n        htmlFor: id,\n        children: label\n      }), /*#__PURE__*/_jsxs(Container, {\n        __unstableInputWidth: __unstableInputWidth,\n        className: \"components-input-control__container\",\n        disabled: disabled,\n        hideLabel: hideLabel,\n        labelPosition: labelPosition,\n        children: [/*#__PURE__*/_jsxs(ContextSystemProvider, {\n          value: prefixSuffixContextValue,\n          children: [prefix && /*#__PURE__*/_jsx(Prefix, {\n            className: \"components-input-control__prefix\",\n            children: prefix\n          }), children, suffix && /*#__PURE__*/_jsx(Suffix, {\n            className: \"components-input-control__suffix\",\n            children: suffix\n          })]\n        }), /*#__PURE__*/_jsx(Backdrop, {\n          disabled: disabled,\n          isBorderless: isBorderless\n        })]\n      })]\n    })\n  );\n}\n\n/**\n * `InputBase` is an internal component used to style the standard borders for an input,\n * as well as handle the layout for prefix/suffix elements.\n */\nexport default contextConnect(InputBase, 'InputBase');"],
-  "mappings": ";AAOA,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAKxB,OAAO,cAAc;AACrB,OAAO,WAAW;AAClB,SAAS,WAAW,MAAM,QAAQ,cAAc;AAChD,SAAS,uBAAuB,gBAAgB,wBAAwB;AACxE,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,YAAY,QAAQ;AAC3B,QAAM,aAAa,cAAc,SAAS;AAC1C,QAAM,KAAK,sBAAsB,UAAU;AAC3C,SAAO,UAAU;AACnB;AAGA,SAAS,eAAe,eAAe;AACrC,QAAM,QAAQ,CAAC;AACf,UAAQ,eAAe;AAAA,IACrB,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,UAAU;AAChB;AAAA,EACJ;AACA,SAAO;AACT;AACA,SAAS,UAAU,OAAO,KAAK;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB;AAAA,IACA,IAAI;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,WAAW;AACvC,QAAM,KAAK,YAAY,MAAM;AAC7B,QAAM,YAAY,uBAAuB,CAAC;AAC1C,QAAM,2BAA2B,QAAQ,MAAM;AAC7C,WAAO;AAAA,MACL,2BAA2B;AAAA,QACzB;AAAA,MACF;AAAA,MACA,2BAA2B;AAAA,QACzB;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AACT;AAAA;AAAA,IAGE,sBAAM,MAAM;AAAA,MACV,GAAG;AAAA,MACH,GAAG,eAAe,aAAa;AAAA,MAC/B;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAc,qBAAK,OAAO;AAAA,QAClC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC,GAAgB,sBAAM,WAAW;AAAA,QAChC;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAc,sBAAM,uBAAuB;AAAA,UACnD,OAAO;AAAA,UACP,UAAU,CAAC,UAAuB,qBAAK,QAAQ;AAAA,YAC7C,WAAW;AAAA,YACX,UAAU;AAAA,UACZ,CAAC,GAAG,UAAU,UAAuB,qBAAK,QAAQ;AAAA,YAChD,WAAW;AAAA,YACX,UAAU;AAAA,UACZ,CAAC,CAAC;AAAA,QACJ,CAAC,GAAgB,qBAAK,UAAU;AAAA,UAC9B;AAAA,UACA;AAAA,QACF,CAAC,CAAC;AAAA,MACJ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA;AAEL;AAMA,IAAO,qBAAQ,eAAe,WAAW,WAAW;",
+  "sourcesContent": ["import { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport { Container, Root, Prefix, Suffix } from './styles/input-control-styles';\nimport { ContextSystemProvider, contextConnect, useContextSystem } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction useUniqueId(idProp) {\n  const instanceId = useInstanceId(InputBase);\n  const id = `input-base-control-${instanceId}`;\n  return idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps(labelPosition) {\n  const props = {};\n  switch (labelPosition) {\n    case 'top':\n      props.direction = 'column';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'bottom':\n      props.direction = 'column-reverse';\n      props.expanded = false;\n      props.gap = 0;\n      break;\n    case 'edge':\n      props.justify = 'space-between';\n      break;\n  }\n  return props;\n}\nfunction InputBase(props, ref) {\n  const {\n    __unstableInputWidth,\n    children,\n    className,\n    disabled = false,\n    hideLabelFromVision = false,\n    labelPosition,\n    id: idProp,\n    isBorderless = false,\n    label,\n    prefix,\n    size = 'default',\n    suffix,\n    ...restProps\n  } = useContextSystem(props, 'InputBase');\n  const id = useUniqueId(idProp);\n  const hideLabel = hideLabelFromVision || !label;\n  const prefixSuffixContextValue = useMemo(() => {\n    return {\n      InputControlPrefixWrapper: {\n        size\n      },\n      InputControlSuffixWrapper: {\n        size\n      }\n    };\n  }, [size]);\n  return (\n    /*#__PURE__*/\n    // @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n    _jsxs(Root, {\n      ...restProps,\n      ...getUIFlexProps(labelPosition),\n      className: className,\n      gap: 2,\n      ref: ref,\n      children: [/*#__PURE__*/_jsx(Label, {\n        className: \"components-input-control__label\",\n        hideLabelFromVision: hideLabelFromVision,\n        labelPosition: labelPosition,\n        htmlFor: id,\n        children: label\n      }), /*#__PURE__*/_jsxs(Container, {\n        __unstableInputWidth: __unstableInputWidth,\n        className: \"components-input-control__container\",\n        disabled: disabled,\n        hideLabel: hideLabel,\n        labelPosition: labelPosition,\n        children: [/*#__PURE__*/_jsxs(ContextSystemProvider, {\n          value: prefixSuffixContextValue,\n          children: [prefix && /*#__PURE__*/_jsx(Prefix, {\n            className: \"components-input-control__prefix\",\n            children: prefix\n          }), children, suffix && /*#__PURE__*/_jsx(Suffix, {\n            className: \"components-input-control__suffix\",\n            children: suffix\n          })]\n        }), /*#__PURE__*/_jsx(Backdrop, {\n          disabled: disabled,\n          isBorderless: isBorderless\n        })]\n      })]\n    })\n  );\n}\n\n/**\n * `InputBase` is an internal component used to style the standard borders for an input,\n * as well as handle the layout for prefix/suffix elements.\n */\nexport default contextConnect(InputBase, 'InputBase');"],
+  "mappings": ";AAAA,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AACxB,OAAO,cAAc;AACrB,OAAO,WAAW;AAClB,SAAS,WAAW,MAAM,QAAQ,cAAc;AAChD,SAAS,uBAAuB,gBAAgB,wBAAwB;AACxE,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,YAAY,QAAQ;AAC3B,QAAM,aAAa,cAAc,SAAS;AAC1C,QAAM,KAAK,sBAAsB,UAAU;AAC3C,SAAO,UAAU;AACnB;AAGA,SAAS,eAAe,eAAe;AACrC,QAAM,QAAQ,CAAC;AACf,UAAQ,eAAe;AAAA,IACrB,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,YAAY;AAClB,YAAM,WAAW;AACjB,YAAM,MAAM;AACZ;AAAA,IACF,KAAK;AACH,YAAM,UAAU;AAChB;AAAA,EACJ;AACA,SAAO;AACT;AACA,SAAS,UAAU,OAAO,KAAK;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB;AAAA,IACA,IAAI;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,WAAW;AACvC,QAAM,KAAK,YAAY,MAAM;AAC7B,QAAM,YAAY,uBAAuB,CAAC;AAC1C,QAAM,2BAA2B,QAAQ,MAAM;AAC7C,WAAO;AAAA,MACL,2BAA2B;AAAA,QACzB;AAAA,MACF;AAAA,MACA,2BAA2B;AAAA,QACzB;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AACT;AAAA;AAAA,IAGE,sBAAM,MAAM;AAAA,MACV,GAAG;AAAA,MACH,GAAG,eAAe,aAAa;AAAA,MAC/B;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA,UAAU,CAAc,qBAAK,OAAO;AAAA,QAClC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA,MACZ,CAAC,GAAgB,sBAAM,WAAW;AAAA,QAChC;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAc,sBAAM,uBAAuB;AAAA,UACnD,OAAO;AAAA,UACP,UAAU,CAAC,UAAuB,qBAAK,QAAQ;AAAA,YAC7C,WAAW;AAAA,YACX,UAAU;AAAA,UACZ,CAAC,GAAG,UAAU,UAAuB,qBAAK,QAAQ;AAAA,YAChD,WAAW;AAAA,YACX,UAAU;AAAA,UACZ,CAAC,CAAC;AAAA,QACJ,CAAC,GAAgB,qBAAK,UAAU;AAAA,UAC9B;AAAA,UACA;AAAA,QACF,CAAC,CAAC;AAAA,MACJ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA;AAEL;AAMA,IAAO,qBAAQ,eAAe,WAAW,WAAW;",
   "names": []
 }

package/build-module/input-control/input-field.mjs

@@ -1,10 +1,10 @@
 // packages/components/src/input-control/input-field.tsx
 import { useDrag } from "@use-gesture/react";
 import { forwardRef, useRef } from "@wordpress/element";
+import { withIgnoreIMEEvents } from "@wordpress/keycodes";
 import { useDragCursor } from "./utils.mjs";
 import { Input } from "./styles/input-control-styles.mjs";
 import { useInputControlStateReducer } from "./reducer/reducer.mjs";
-import { withIgnoreIMEEvents } from "../utils/with-ignore-ime-events.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 var noop = () => {
 };

package/build-module/input-control/input-field.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/input-control/input-field.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport { useDrag } from '@use-gesture/react';\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\n/**\n * Internal dependencies\n */\n\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nfunction InputField({\n  disabled = false,\n  dragDirection = 'n',\n  dragThreshold = 10,\n  id,\n  isDragEnabled = false,\n  isPressEnterToChange = false,\n  onBlur = noop,\n  onChange = noop,\n  onDrag = noop,\n  onDragEnd = noop,\n  onDragStart = noop,\n  onKeyDown = noop,\n  onValidate = noop,\n  size = 'default',\n  stateReducer = state => state,\n  value: valueProp,\n  type,\n  ...props\n}, ref) {\n  const {\n    // State.\n    state,\n    // Actions.\n    change,\n    commit,\n    drag,\n    dragEnd,\n    dragStart,\n    invalidate,\n    pressDown,\n    pressEnter,\n    pressUp,\n    reset\n  } = useInputControlStateReducer(stateReducer, {\n    isDragEnabled,\n    value: valueProp,\n    isPressEnterToChange\n  }, onChange);\n  const {\n    value,\n    isDragging,\n    isDirty\n  } = state;\n  const wasDirtyOnBlur = useRef(false);\n  const dragCursor = useDragCursor(isDragging, dragDirection);\n  const handleOnBlur = event => {\n    onBlur(event);\n\n    /**\n     * If isPressEnterToChange is set, this commits the value to\n     * the onChange callback.\n     */\n    if (isDirty || !event.target.validity.valid) {\n      wasDirtyOnBlur.current = true;\n      handleOnCommit(event);\n    }\n  };\n  const handleOnChange = event => {\n    const nextValue = event.target.value;\n    change(nextValue, event);\n  };\n  const handleOnCommit = event => {\n    const nextValue = event.currentTarget.value;\n    try {\n      onValidate(nextValue);\n      commit(nextValue, event);\n    } catch (err) {\n      invalidate(err, event);\n    }\n  };\n  const handleOnKeyDown = event => {\n    const {\n      key\n    } = event;\n    onKeyDown(event);\n    switch (key) {\n      case 'ArrowUp':\n        pressUp(event);\n        break;\n      case 'ArrowDown':\n        pressDown(event);\n        break;\n      case 'Enter':\n        pressEnter(event);\n        if (isPressEnterToChange) {\n          event.preventDefault();\n          handleOnCommit(event);\n        }\n        break;\n      case 'Escape':\n        if (isPressEnterToChange && isDirty) {\n          event.preventDefault();\n          reset(valueProp, event);\n        }\n        break;\n    }\n  };\n  const dragGestureProps = useDrag(dragProps => {\n    const {\n      distance,\n      dragging,\n      event,\n      target\n    } = dragProps;\n\n    // The `target` prop always references the `input` element while, by\n    // default, the `dragProps.event.target` property would reference the real\n    // event target (i.e. any DOM element that the pointer is hovering while\n    // dragging). Ensuring that the `target` is always the `input` element\n    // allows consumers of `InputControl` (or any higher-level control) to\n    // check the input's validity by accessing `event.target.validity.valid`.\n    dragProps.event = {\n      ...dragProps.event,\n      target\n    };\n    if (!distance) {\n      return;\n    }\n    event.stopPropagation();\n\n    /**\n     * Quick return if no longer dragging.\n     * This prevents unnecessary value calculations.\n     */\n    if (!dragging) {\n      onDragEnd(dragProps);\n      dragEnd(dragProps);\n      return;\n    }\n    onDrag(dragProps);\n    drag(dragProps);\n    if (!isDragging) {\n      onDragStart(dragProps);\n      dragStart(dragProps);\n    }\n  }, {\n    axis: dragDirection === 'e' || dragDirection === 'w' ? 'x' : 'y',\n    threshold: dragThreshold,\n    enabled: isDragEnabled,\n    pointer: {\n      capture: false\n    }\n  });\n  const dragProps = isDragEnabled ? dragGestureProps() : {};\n  return /*#__PURE__*/_jsx(Input, {\n    ...props,\n    ...dragProps,\n    className: \"components-input-control__input\",\n    disabled: disabled,\n    dragCursor: dragCursor,\n    isDragging: isDragging,\n    id: id,\n    onBlur: handleOnBlur,\n    onChange: handleOnChange,\n    onKeyDown: withIgnoreIMEEvents(handleOnKeyDown),\n    ref: ref,\n    inputSize: size\n    // Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n    // See https://github.com/WordPress/gutenberg/pull/47250 for details.\n    ,\n    value: value ?? '',\n    type: type\n  });\n}\nconst ForwardedComponent = forwardRef(InputField);\nexport default ForwardedComponent;"],
-  "mappings": "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",
+  "sourcesContent": ["import { useDrag } from '@use-gesture/react';\nimport { forwardRef, useRef } from '@wordpress/element';\nimport { withIgnoreIMEEvents } from '@wordpress/keycodes';\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nfunction InputField({\n  disabled = false,\n  dragDirection = 'n',\n  dragThreshold = 10,\n  id,\n  isDragEnabled = false,\n  isPressEnterToChange = false,\n  onBlur = noop,\n  onChange = noop,\n  onDrag = noop,\n  onDragEnd = noop,\n  onDragStart = noop,\n  onKeyDown = noop,\n  onValidate = noop,\n  size = 'default',\n  stateReducer = state => state,\n  value: valueProp,\n  type,\n  ...props\n}, ref) {\n  const {\n    // State.\n    state,\n    // Actions.\n    change,\n    commit,\n    drag,\n    dragEnd,\n    dragStart,\n    invalidate,\n    pressDown,\n    pressEnter,\n    pressUp,\n    reset\n  } = useInputControlStateReducer(stateReducer, {\n    isDragEnabled,\n    value: valueProp,\n    isPressEnterToChange\n  }, onChange);\n  const {\n    value,\n    isDragging,\n    isDirty\n  } = state;\n  const wasDirtyOnBlur = useRef(false);\n  const dragCursor = useDragCursor(isDragging, dragDirection);\n  const handleOnBlur = event => {\n    onBlur(event);\n\n    /**\n     * If isPressEnterToChange is set, this commits the value to\n     * the onChange callback.\n     */\n    if (isDirty || !event.target.validity.valid) {\n      wasDirtyOnBlur.current = true;\n      handleOnCommit(event);\n    }\n  };\n  const handleOnChange = event => {\n    const nextValue = event.target.value;\n    change(nextValue, event);\n  };\n  const handleOnCommit = event => {\n    const nextValue = event.currentTarget.value;\n    try {\n      onValidate(nextValue);\n      commit(nextValue, event);\n    } catch (err) {\n      invalidate(err, event);\n    }\n  };\n  const handleOnKeyDown = event => {\n    const {\n      key\n    } = event;\n    onKeyDown(event);\n    switch (key) {\n      case 'ArrowUp':\n        pressUp(event);\n        break;\n      case 'ArrowDown':\n        pressDown(event);\n        break;\n      case 'Enter':\n        pressEnter(event);\n        if (isPressEnterToChange) {\n          event.preventDefault();\n          handleOnCommit(event);\n        }\n        break;\n      case 'Escape':\n        if (isPressEnterToChange && isDirty) {\n          event.preventDefault();\n          reset(valueProp, event);\n        }\n        break;\n    }\n  };\n  const dragGestureProps = useDrag(dragProps => {\n    const {\n      distance,\n      dragging,\n      event,\n      target\n    } = dragProps;\n\n    // The `target` prop always references the `input` element while, by\n    // default, the `dragProps.event.target` property would reference the real\n    // event target (i.e. any DOM element that the pointer is hovering while\n    // dragging). Ensuring that the `target` is always the `input` element\n    // allows consumers of `InputControl` (or any higher-level control) to\n    // check the input's validity by accessing `event.target.validity.valid`.\n    dragProps.event = {\n      ...dragProps.event,\n      target\n    };\n    if (!distance) {\n      return;\n    }\n    event.stopPropagation();\n\n    /**\n     * Quick return if no longer dragging.\n     * This prevents unnecessary value calculations.\n     */\n    if (!dragging) {\n      onDragEnd(dragProps);\n      dragEnd(dragProps);\n      return;\n    }\n    onDrag(dragProps);\n    drag(dragProps);\n    if (!isDragging) {\n      onDragStart(dragProps);\n      dragStart(dragProps);\n    }\n  }, {\n    axis: dragDirection === 'e' || dragDirection === 'w' ? 'x' : 'y',\n    threshold: dragThreshold,\n    enabled: isDragEnabled,\n    pointer: {\n      capture: false\n    }\n  });\n  const dragProps = isDragEnabled ? dragGestureProps() : {};\n  return /*#__PURE__*/_jsx(Input, {\n    ...props,\n    ...dragProps,\n    className: \"components-input-control__input\",\n    disabled: disabled,\n    dragCursor: dragCursor,\n    isDragging: isDragging,\n    id: id,\n    onBlur: handleOnBlur,\n    onChange: handleOnChange,\n    onKeyDown: withIgnoreIMEEvents(handleOnKeyDown),\n    ref: ref,\n    inputSize: size\n    // Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n    // See https://github.com/WordPress/gutenberg/pull/47250 for details.\n    ,\n    value: value ?? '',\n    type: type\n  });\n}\nconst ForwardedComponent = forwardRef(InputField);\nexport default ForwardedComponent;"],
+  "mappings": "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",
   "names": ["dragProps"]
 }