@wordpress/components 19.14.0 → 19.17.0

package/build-module/flex/flex/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex/component.js"],"names":["contextConnect","useFlex","FlexContext","View","Flex","props","forwardedRef","children","isColumn","otherProps","flexItemDisplay","undefined","ConnectedFlex"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,OAAT,QAAwB,QAAxB;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,SAASC,IAAT,QAAqB,YAArB;AAEA;AACA;AACA;AACA;;AACA,SAASC,IAAT,CAAeC,KAAf,EAAsBC,YAAtB,EAAqC;AACpC,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsB,OAAGC;AAAzB,MAAwCR,OAAO,CAAEI,KAAF,CAArD;AAEA,SACC,cAAC,WAAD,CAAa,QAAb;AACC,IAAA,KAAK,EAAG;AAAEK,MAAAA,eAAe,EAAEF,QAAQ,GAAG,OAAH,GAAaG;AAAxC;AADT,KAGC,cAAC,IAAD,eAAWF,UAAX;AAAwB,IAAA,GAAG,EAAGH;AAA9B,MACGC,QADH,CAHD,CADD;AASA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMK,aAAa,GAAGZ,cAAc,CAAEI,IAAF,EAAQ,MAAR,CAApC;AAEA,eAAeQ,aAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { useFlex } from './hook';\nimport { FlexContext } from './../context';\nimport { View } from '../../view';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                       forwardedRef\n */\nfunction Flex( props, forwardedRef ) {\n\tconst { children, isColumn, ...otherProps } = useFlex( props );\n\n\treturn (\n\t\t<FlexContext.Provider\n\t\t\tvalue={ { flexItemDisplay: isColumn ? 'block' : undefined } }\n\t\t>\n\t\t\t<View { ...otherProps } ref={ forwardedRef }>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</FlexContext.Provider>\n\t);\n}\n\n/**\n * `Flex` is a primitive layout component that adaptively aligns child content\n * horizontally or vertically. `Flex` powers components like `HStack` and\n * `VStack`.\n *\n * `Flex` is used with any of it's two sub-components, `FlexItem` and `FlexBlock`.\n *\n * @example\n * ```jsx\n * import {\n * \t__experimentalFlex as Flex,\n * \t__experimentalFlexBlock as FlexBlock,\n * \t__experimentalFlexItem as FlexItem,\n * \t__experimentalText as Text\n * } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<Flex>\n * \t\t\t<FlexItem>\n * \t\t\t\t<Text>Code</Text>\n * \t\t\t</FlexItem>\n * \t\t\t<FlexBlock>\n * \t\t\t\t<Text>Poetry</Text>\n * \t\t\t</FlexBlock>\n * \t\t</Flex>\n * \t);\n * }\n * ```\n *\n */\nconst ConnectedFlex = contextConnect( Flex, 'Flex' );\n\nexport default ConnectedFlex;\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex/component.tsx"],"names":["contextConnect","useFlex","FlexContext","View","UnconnectedFlex","props","forwardedRef","children","isColumn","otherProps","flexItemDisplay","undefined","Flex"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,OAAT,QAAwB,QAAxB;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,SAASC,IAAT,QAAqB,YAArB;;AAGA,SAASC,eAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsB,OAAGC;AAAzB,MAAwCR,OAAO,CAAEI,KAAF,CAArD;AAEA,SACC,cAAC,WAAD,CAAa,QAAb;AACC,IAAA,KAAK,EAAG;AAAEK,MAAAA,eAAe,EAAEF,QAAQ,GAAG,OAAH,GAAaG;AAAxC;AADT,KAGC,cAAC,IAAD,eAAWF,UAAX;AAAwB,IAAA,GAAG,EAAGH;AAA9B,MACGC,QADH,CAHD,CADD;AASA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMK,IAAI,GAAGZ,cAAc,CAAEI,eAAF,EAAmB,MAAnB,CAA3B;AAEP,eAAeQ,IAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { useFlex } from './hook';\nimport { FlexContext } from './../context';\nimport { View } from '../../view';\nimport type { FlexProps } from '../types';\n\nfunction UnconnectedFlex(\n\tprops: WordPressComponentProps< FlexProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst { children, isColumn, ...otherProps } = useFlex( props );\n\n\treturn (\n\t\t<FlexContext.Provider\n\t\t\tvalue={ { flexItemDisplay: isColumn ? 'block' : undefined } }\n\t\t>\n\t\t\t<View { ...otherProps } ref={ forwardedRef }>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</FlexContext.Provider>\n\t);\n}\n\n/**\n * `Flex` is a primitive layout component that adaptively aligns child content\n * horizontally or vertically. `Flex` powers components like `HStack` and\n * `VStack`.\n *\n * `Flex` is used with any of its two sub-components, `FlexItem` and\n * `FlexBlock`.\n *\n * ```jsx\n * import { Flex, FlexBlock, FlexItem } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <Flex>\n *       <FlexItem>\n *         <p>Code</p>\n *       </FlexItem>\n *       <FlexBlock>\n *         <p>Poetry</p>\n *       </FlexBlock>\n *     </Flex>\n *   );\n * }\n * ```\n */\nexport const Flex = contextConnect( UnconnectedFlex, 'Flex' );\n\nexport default Flex;\n"]}

package/build-module/flex/flex/hook.js

@@ -17,17 +17,12 @@ import { useResponsiveValue } from '../../ui/utils/use-responsive-value';
 import { space } from '../../ui/utils/space';
 import * as styles from '../styles';
 import { useCx, rtl } from '../../utils';
-/**
- *
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} props
- * @return {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} Props with the deprecated props removed.
- */
 
-function useDeprecatedProps(_ref) {
-  let {
+function useDeprecatedProps(props) {
+  const {
     isReversed,
     ...otherProps
-  } = _ref;
+  } = props;
 
   if (typeof isReversed !== 'undefined') {
     deprecated('Flex isReversed', {
@@ -41,10 +36,6 @@ function useDeprecatedProps(_ref) {
 
   return otherProps;
 }
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} props
- */
-
 
 export function useFlex(props) {
   const {
@@ -73,7 +64,7 @@ export function useFlex(props) {
       height: isColumn && expanded ? '100%' : undefined,
       width: !isColumn && expanded ? '100%' : undefined,
       marginBottom: wrap ? `calc(${space(gap)} * -1)` : undefined
-    }, process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVZIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcbmltcG9ydCBkZXByZWNhdGVkIGZyb20gJ0B3b3JkcHJlc3MvZGVwcmVjYXRlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0gfSBmcm9tICcuLi8uLi91aS9jb250ZXh0JztcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVWYWx1ZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3VzZS1yZXNwb25zaXZlLXZhbHVlJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyB1c2VDeCwgcnRsIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuXG4vKipcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqIEByZXR1cm4ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gUHJvcHMgd2l0aCB0aGUgZGVwcmVjYXRlZCBwcm9wcyByZW1vdmVkLlxuICovXG5mdW5jdGlvbiB1c2VEZXByZWNhdGVkUHJvcHMoIHsgaXNSZXZlcnNlZCwgLi4ub3RoZXJQcm9wcyB9ICkge1xuXHRpZiAoIHR5cGVvZiBpc1JldmVyc2VkICE9PSAndW5kZWZpbmVkJyApIHtcblx0XHRkZXByZWNhdGVkKCAnRmxleCBpc1JldmVyc2VkJywge1xuXHRcdFx0YWx0ZXJuYXRpdmU6ICdGbGV4IGRpcmVjdGlvbj1cInJvdy1yZXZlcnNlXCIgb3IgXCJjb2x1bW4tcmV2ZXJzZVwiJyxcblx0XHRcdHNpbmNlOiAnNS45Jyxcblx0XHR9ICk7XG5cdFx0cmV0dXJuIHtcblx0XHRcdC4uLm90aGVyUHJvcHMsXG5cdFx0XHRkaXJlY3Rpb246IGlzUmV2ZXJzZWQgPyAncm93LXJldmVyc2UnIDogJ3JvdycsXG5cdFx0fTtcblx0fVxuXG5cdHJldHVybiBvdGhlclByb3BzO1xufVxuXG4vKipcbiAqIEBwYXJhbSB7aW1wb3J0KCcuLi8uLi91aS9jb250ZXh0JykuV29yZFByZXNzQ29tcG9uZW50UHJvcHM8aW1wb3J0KCcuLi90eXBlcycpLkZsZXhQcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRmxleCggcHJvcHMgKSB7XG5cdGNvbnN0IHtcblx0XHRhbGlnbiA9ICdjZW50ZXInLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRkaXJlY3Rpb246IGRpcmVjdGlvblByb3AgPSAncm93Jyxcblx0XHRleHBhbmRlZCA9IHRydWUsXG5cdFx0Z2FwID0gMixcblx0XHRqdXN0aWZ5ID0gJ3NwYWNlLWJldHdlZW4nLFxuXHRcdHdyYXAgPSBmYWxzZSxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCB1c2VEZXByZWNhdGVkUHJvcHMoIHByb3BzICksICdGbGV4JyApO1xuXG5cdGNvbnN0IGRpcmVjdGlvbkFzQXJyYXkgPSBBcnJheS5pc0FycmF5KCBkaXJlY3Rpb25Qcm9wIClcblx0XHQ/IGRpcmVjdGlvblByb3Bcblx0XHQ6IFsgZGlyZWN0aW9uUHJvcCBdO1xuXHRjb25zdCBkaXJlY3Rpb24gPSB1c2VSZXNwb25zaXZlVmFsdWUoIGRpcmVjdGlvbkFzQXJyYXkgKTtcblxuXHRjb25zdCBpc0NvbHVtbiA9XG5cdFx0dHlwZW9mIGRpcmVjdGlvbiA9PT0gJ3N0cmluZycgJiYgISEgZGlyZWN0aW9uLmluY2x1ZGVzKCAnY29sdW1uJyApO1xuXHRjb25zdCBpc1JldmVyc2UgPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmIGRpcmVjdGlvbi5pbmNsdWRlcyggJ3JldmVyc2UnICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXHRjb25zdCBydGxXYXRjaFJlc3VsdCA9IHJ0bC53YXRjaCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3Qgc3ggPSB7fTtcblxuXHRcdHN4LkJhc2UgPSBjc3MoIHtcblx0XHRcdGFsaWduSXRlbXM6IGlzQ29sdW1uID8gJ25vcm1hbCcgOiBhbGlnbixcblx0XHRcdGZsZXhEaXJlY3Rpb246IGRpcmVjdGlvbixcblx0XHRcdGZsZXhXcmFwOiB3cmFwID8gJ3dyYXAnIDogdW5kZWZpbmVkLFxuXHRcdFx0anVzdGlmeUNvbnRlbnQ6IGp1c3RpZnksXG5cdFx0XHRoZWlnaHQ6IGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0d2lkdGg6ICEgaXNDb2x1bW4gJiYgZXhwYW5kZWQgPyAnMTAwJScgOiB1bmRlZmluZWQsXG5cdFx0XHRtYXJnaW5Cb3R0b206IHdyYXAgPyBgY2FsYygkeyBzcGFjZSggZ2FwICkgfSAqIC0xKWAgOiB1bmRlZmluZWQsXG5cdFx0fSApO1xuXG5cdFx0LyoqXG5cdFx0ICogV29ya2Fyb3VuZCB0byBvcHRpbWl6ZSBET00gcmVuZGVyaW5nLlxuXHRcdCAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG5cdFx0ICpcblx0XHQgKiBUcmFkZS1vZmY6XG5cdFx0ICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG5cdFx0ICovXG5cdFx0c3guSXRlbXMgPSBjc3NgXG5cdFx0XHQ+ICogKyAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLXRvcDogJHsgaXNDb2x1bW4gPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQgfTtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXHRcdGA7XG5cblx0XHRzeC5XcmFwSXRlbXMgPSBjc3NgXG5cdFx0XHQ+ICo6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHRtYXJnaW4tYm90dG9tOiAkeyBzcGFjZSggZ2FwICkgfTtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXG5cdFx0XHQ+ICo6bGFzdC1jaGlsZDpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6ICEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gMCA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDogISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0cmV0dXJuIGN4KFxuXHRcdFx0c3R5bGVzLkZsZXgsXG5cdFx0XHRzeC5CYXNlLFxuXHRcdFx0d3JhcCA/IHN4LldyYXBJdGVtcyA6IHN4Lkl0ZW1zLFxuXHRcdFx0aXNDb2x1bW4gPyBzdHlsZXMuSXRlbXNDb2x1bW4gOiBzdHlsZXMuSXRlbXNSb3csXG5cdFx0XHRjbGFzc05hbWVcblx0XHQpO1xuXHRcdC8vIHJ0bFdhdGNoUmVzdWx0IGlzIG5lZWRlZCB0byByZWZyZXNoIHN0eWxlcyB3aGVuIHRoZSB3cml0aW5nIGRpcmVjdGlvbiBjaGFuZ2VzXG5cdFx0Ly8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuXHR9LCBbXG5cdFx0YWxpZ24sXG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGN4LFxuXHRcdGRpcmVjdGlvbixcblx0XHRleHBhbmRlZCxcblx0XHRnYXAsXG5cdFx0aXNDb2x1bW4sXG5cdFx0aXNSZXZlcnNlLFxuXHRcdGp1c3RpZnksXG5cdFx0d3JhcCxcblx0XHRydGxXYXRjaFJlc3VsdCxcblx0XSApO1xuXG5cdHJldHVybiB7IC4uLm90aGVyUHJvcHMsIGNsYXNzTmFtZTogY2xhc3NlcywgaXNDb2x1bW4gfTtcbn1cbiJdfQ== */");
+    }, process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2sudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VZIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2sudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogV29yZFByZXNzIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAnQHdvcmRwcmVzcy9lbGVtZW50JztcbmltcG9ydCBkZXByZWNhdGVkIGZyb20gJ0B3b3JkcHJlc3MvZGVwcmVjYXRlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZUNvbnRleHRTeXN0ZW0sIFdvcmRQcmVzc0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi8uLi91aS91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3gsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgRmxleFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5mdW5jdGlvbiB1c2VEZXByZWNhdGVkUHJvcHMoXG5cdHByb3BzOiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczwgRmxleFByb3BzLCAnZGl2JyA+XG4pOiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczwgRmxleFByb3BzLCAnZGl2JyA+IHtcblx0Y29uc3QgeyBpc1JldmVyc2VkLCAuLi5vdGhlclByb3BzIH0gPSBwcm9wcztcblxuXHRpZiAoIHR5cGVvZiBpc1JldmVyc2VkICE9PSAndW5kZWZpbmVkJyApIHtcblx0XHRkZXByZWNhdGVkKCAnRmxleCBpc1JldmVyc2VkJywge1xuXHRcdFx0YWx0ZXJuYXRpdmU6ICdGbGV4IGRpcmVjdGlvbj1cInJvdy1yZXZlcnNlXCIgb3IgXCJjb2x1bW4tcmV2ZXJzZVwiJyxcblx0XHRcdHNpbmNlOiAnNS45Jyxcblx0XHR9ICk7XG5cdFx0cmV0dXJuIHtcblx0XHRcdC4uLm90aGVyUHJvcHMsXG5cdFx0XHRkaXJlY3Rpb246IGlzUmV2ZXJzZWQgPyAncm93LXJldmVyc2UnIDogJ3JvdycsXG5cdFx0fTtcblx0fVxuXG5cdHJldHVybiBvdGhlclByb3BzO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gdXNlRmxleCggcHJvcHM6IFdvcmRQcmVzc0NvbXBvbmVudFByb3BzPCBGbGV4UHJvcHMsICdkaXYnID4gKSB7XG5cdGNvbnN0IHtcblx0XHRhbGlnbiA9ICdjZW50ZXInLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRkaXJlY3Rpb246IGRpcmVjdGlvblByb3AgPSAncm93Jyxcblx0XHRleHBhbmRlZCA9IHRydWUsXG5cdFx0Z2FwID0gMixcblx0XHRqdXN0aWZ5ID0gJ3NwYWNlLWJldHdlZW4nLFxuXHRcdHdyYXAgPSBmYWxzZSxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCB1c2VEZXByZWNhdGVkUHJvcHMoIHByb3BzICksICdGbGV4JyApO1xuXG5cdGNvbnN0IGRpcmVjdGlvbkFzQXJyYXkgPSBBcnJheS5pc0FycmF5KCBkaXJlY3Rpb25Qcm9wIClcblx0XHQ/IGRpcmVjdGlvblByb3Bcblx0XHQ6IFsgZGlyZWN0aW9uUHJvcCBdO1xuXHRjb25zdCBkaXJlY3Rpb24gPSB1c2VSZXNwb25zaXZlVmFsdWUoIGRpcmVjdGlvbkFzQXJyYXkgKTtcblxuXHRjb25zdCBpc0NvbHVtbiA9XG5cdFx0dHlwZW9mIGRpcmVjdGlvbiA9PT0gJ3N0cmluZycgJiYgISEgZGlyZWN0aW9uLmluY2x1ZGVzKCAnY29sdW1uJyApO1xuXHRjb25zdCBpc1JldmVyc2UgPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmIGRpcmVjdGlvbi5pbmNsdWRlcyggJ3JldmVyc2UnICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXHRjb25zdCBydGxXYXRjaFJlc3VsdCA9IHJ0bC53YXRjaCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3Qgc3g6IHtcblx0XHRcdEJhc2U/OiBTZXJpYWxpemVkU3R5bGVzO1xuXHRcdFx0SXRlbXM/OiBTZXJpYWxpemVkU3R5bGVzO1xuXHRcdFx0V3JhcEl0ZW1zPzogU2VyaWFsaXplZFN0eWxlcztcblx0XHR9ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKCB7XG5cdFx0XHRhbGlnbkl0ZW1zOiBpc0NvbHVtbiA/ICdub3JtYWwnIDogYWxpZ24sXG5cdFx0XHRmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24sXG5cdFx0XHRmbGV4V3JhcDogd3JhcCA/ICd3cmFwJyA6IHVuZGVmaW5lZCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0aGVpZ2h0OiBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdHdpZHRoOiAhIGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0bWFyZ2luQm90dG9tOiB3cmFwID8gYGNhbGMoJHsgc3BhY2UoIGdhcCApIH0gKiAtMSlgIDogdW5kZWZpbmVkLFxuXHRcdH0gKTtcblxuXHRcdC8qKlxuXHRcdCAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cblx0XHQgKiBXZSdsbCBlbmhhbmNlIGFsaWdubWVudCB3aXRoIG5haXZlIHBhcmVudCBmbGV4IGFzc3VtcHRpb25zLlxuXHRcdCAqXG5cdFx0ICogVHJhZGUtb2ZmOlxuXHRcdCAqIEZhciBsZXNzIERPTSBsZXNzLiBIb3dldmVyLCBVSSByZW5kZXJpbmcgaXMgbm90IGFzIHJlbGlhYmxlLlxuXHRcdCAqL1xuXHRcdHN4Lkl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqICsgKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi10b3A6ICR7IGlzQ29sdW1uID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0c3guV3JhcEl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIGdhcCApIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblxuXHRcdFx0PiAqOmxhc3QtY2hpbGQ6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OiAhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6ICEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5GbGV4LFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHdyYXAgPyBzeC5XcmFwSXRlbXMgOiBzeC5JdGVtcyxcblx0XHRcdGlzQ29sdW1uID8gc3R5bGVzLkl0ZW1zQ29sdW1uIDogc3R5bGVzLkl0ZW1zUm93LFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0XHQvLyBydGxXYXRjaFJlc3VsdCBpcyBuZWVkZWQgdG8gcmVmcmVzaCBzdHlsZXMgd2hlbiB0aGUgd3JpdGluZyBkaXJlY3Rpb24gY2hhbmdlc1xuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcblx0fSwgW1xuXHRcdGFsaWduLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRkaXJlY3Rpb24sXG5cdFx0ZXhwYW5kZWQsXG5cdFx0Z2FwLFxuXHRcdGlzQ29sdW1uLFxuXHRcdGlzUmV2ZXJzZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHdyYXAsXG5cdFx0cnRsV2F0Y2hSZXN1bHQsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsIGlzQ29sdW1uIH07XG59XG4iXX0= */");
     /**
      * Workaround to optimize DOM rendering.
      * We'll enhance alignment with naive parent flex assumptions.
@@ -85,14 +76,14 @@ export function useFlex(props) {
     sx.Items = /*#__PURE__*/css(">*+*:not( marquee ){margin-top:", isColumn ? space(gap) : undefined, ";", rtl({
       marginLeft: !isColumn && !isReverse ? space(gap) : undefined,
       marginRight: !isColumn && isReverse ? space(gap) : undefined
-    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-Items;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0ZnQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi8uLi91aS91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3gsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuLyoqXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IHByb3BzXG4gKiBAcmV0dXJuIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IFByb3BzIHdpdGggdGhlIGRlcHJlY2F0ZWQgcHJvcHMgcmVtb3ZlZC5cbiAqL1xuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKCB7IGlzUmV2ZXJzZWQsIC4uLm90aGVyUHJvcHMgfSApIHtcblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblx0Y29uc3QgcnRsV2F0Y2hSZXN1bHQgPSBydGwud2F0Y2goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKCB7XG5cdFx0XHRhbGlnbkl0ZW1zOiBpc0NvbHVtbiA/ICdub3JtYWwnIDogYWxpZ24sXG5cdFx0XHRmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24sXG5cdFx0XHRmbGV4V3JhcDogd3JhcCA/ICd3cmFwJyA6IHVuZGVmaW5lZCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0aGVpZ2h0OiBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdHdpZHRoOiAhIGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0bWFyZ2luQm90dG9tOiB3cmFwID8gYGNhbGMoJHsgc3BhY2UoIGdhcCApIH0gKiAtMSlgIDogdW5kZWZpbmVkLFxuXHRcdH0gKTtcblxuXHRcdC8qKlxuXHRcdCAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cblx0XHQgKiBXZSdsbCBlbmhhbmNlIGFsaWdubWVudCB3aXRoIG5haXZlIHBhcmVudCBmbGV4IGFzc3VtcHRpb25zLlxuXHRcdCAqXG5cdFx0ICogVHJhZGUtb2ZmOlxuXHRcdCAqIEZhciBsZXNzIERPTSBsZXNzLiBIb3dldmVyLCBVSSByZW5kZXJpbmcgaXMgbm90IGFzIHJlbGlhYmxlLlxuXHRcdCAqL1xuXHRcdHN4Lkl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqICsgKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi10b3A6ICR7IGlzQ29sdW1uID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0c3guV3JhcEl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIGdhcCApIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblxuXHRcdFx0PiAqOmxhc3QtY2hpbGQ6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OiAhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6ICEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5GbGV4LFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHdyYXAgPyBzeC5XcmFwSXRlbXMgOiBzeC5JdGVtcyxcblx0XHRcdGlzQ29sdW1uID8gc3R5bGVzLkl0ZW1zQ29sdW1uIDogc3R5bGVzLkl0ZW1zUm93LFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0XHQvLyBydGxXYXRjaFJlc3VsdCBpcyBuZWVkZWQgdG8gcmVmcmVzaCBzdHlsZXMgd2hlbiB0aGUgd3JpdGluZyBkaXJlY3Rpb24gY2hhbmdlc1xuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcblx0fSwgW1xuXHRcdGFsaWduLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRkaXJlY3Rpb24sXG5cdFx0ZXhwYW5kZWQsXG5cdFx0Z2FwLFxuXHRcdGlzQ29sdW1uLFxuXHRcdGlzUmV2ZXJzZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHdyYXAsXG5cdFx0cnRsV2F0Y2hSZXN1bHQsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsIGlzQ29sdW1uIH07XG59XG4iXX0= */");
+    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-Items;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2sudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZnQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtLCBXb3JkUHJlc3NDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uLy4uL3VpL2NvbnRleHQnO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVZhbHVlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvdXNlLXJlc3BvbnNpdmUtdmFsdWUnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQgKiBhcyBzdHlsZXMgZnJvbSAnLi4vc3R5bGVzJztcbmltcG9ydCB7IHVzZUN4LCBydGwgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZsZXhQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcblxuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKFxuXHRwcm9wczogV29yZFByZXNzQ29tcG9uZW50UHJvcHM8IEZsZXhQcm9wcywgJ2RpdicgPlxuKTogV29yZFByZXNzQ29tcG9uZW50UHJvcHM8IEZsZXhQcm9wcywgJ2RpdicgPiB7XG5cdGNvbnN0IHsgaXNSZXZlcnNlZCwgLi4ub3RoZXJQcm9wcyB9ID0gcHJvcHM7XG5cblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzOiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczwgRmxleFByb3BzLCAnZGl2JyA+ICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblx0Y29uc3QgcnRsV2F0Y2hSZXN1bHQgPSBydGwud2F0Y2goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4OiB7XG5cdFx0XHRCYXNlPzogU2VyaWFsaXplZFN0eWxlcztcblx0XHRcdEl0ZW1zPzogU2VyaWFsaXplZFN0eWxlcztcblx0XHRcdFdyYXBJdGVtcz86IFNlcmlhbGl6ZWRTdHlsZXM7XG5cdFx0fSA9IHt9O1xuXG5cdFx0c3guQmFzZSA9IGNzcygge1xuXHRcdFx0YWxpZ25JdGVtczogaXNDb2x1bW4gPyAnbm9ybWFsJyA6IGFsaWduLFxuXHRcdFx0ZmxleERpcmVjdGlvbjogZGlyZWN0aW9uLFxuXHRcdFx0ZmxleFdyYXA6IHdyYXAgPyAnd3JhcCcgOiB1bmRlZmluZWQsXG5cdFx0XHRqdXN0aWZ5Q29udGVudDoganVzdGlmeSxcblx0XHRcdGhlaWdodDogaXNDb2x1bW4gJiYgZXhwYW5kZWQgPyAnMTAwJScgOiB1bmRlZmluZWQsXG5cdFx0XHR3aWR0aDogISBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdG1hcmdpbkJvdHRvbTogd3JhcCA/IGBjYWxjKCR7IHNwYWNlKCBnYXAgKSB9ICogLTEpYCA6IHVuZGVmaW5lZCxcblx0XHR9ICk7XG5cblx0XHQvKipcblx0XHQgKiBXb3JrYXJvdW5kIHRvIG9wdGltaXplIERPTSByZW5kZXJpbmcuXG5cdFx0ICogV2UnbGwgZW5oYW5jZSBhbGlnbm1lbnQgd2l0aCBuYWl2ZSBwYXJlbnQgZmxleCBhc3N1bXB0aW9ucy5cblx0XHQgKlxuXHRcdCAqIFRyYWRlLW9mZjpcblx0XHQgKiBGYXIgbGVzcyBET00gbGVzcy4gSG93ZXZlciwgVUkgcmVuZGVyaW5nIGlzIG5vdCBhcyByZWxpYWJsZS5cblx0XHQgKi9cblx0XHRzeC5JdGVtcyA9IGNzc2Bcblx0XHRcdD4gKiArICo6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHRtYXJnaW4tdG9wOiAkeyBpc0NvbHVtbiA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCB9O1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHN4LldyYXBJdGVtcyA9IGNzc2Bcblx0XHRcdD4gKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCBnYXAgKSB9O1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cblx0XHRcdD4gKjpsYXN0LWNoaWxkOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDogISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OiAhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gMCA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXHRcdGA7XG5cblx0XHRyZXR1cm4gY3goXG5cdFx0XHRzdHlsZXMuRmxleCxcblx0XHRcdHN4LkJhc2UsXG5cdFx0XHR3cmFwID8gc3guV3JhcEl0ZW1zIDogc3guSXRlbXMsXG5cdFx0XHRpc0NvbHVtbiA/IHN0eWxlcy5JdGVtc0NvbHVtbiA6IHN0eWxlcy5JdGVtc1Jvdyxcblx0XHRcdGNsYXNzTmFtZVxuXHRcdCk7XG5cdFx0Ly8gcnRsV2F0Y2hSZXN1bHQgaXMgbmVlZGVkIHRvIHJlZnJlc2ggc3R5bGVzIHdoZW4gdGhlIHdyaXRpbmcgZGlyZWN0aW9uIGNoYW5nZXNcblx0XHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG5cdH0sIFtcblx0XHRhbGlnbixcblx0XHRjbGFzc05hbWUsXG5cdFx0Y3gsXG5cdFx0ZGlyZWN0aW9uLFxuXHRcdGV4cGFuZGVkLFxuXHRcdGdhcCxcblx0XHRpc0NvbHVtbixcblx0XHRpc1JldmVyc2UsXG5cdFx0anVzdGlmeSxcblx0XHR3cmFwLFxuXHRcdHJ0bFdhdGNoUmVzdWx0LFxuXHRdICk7XG5cblx0cmV0dXJuIHsgLi4ub3RoZXJQcm9wcywgY2xhc3NOYW1lOiBjbGFzc2VzLCBpc0NvbHVtbiB9O1xufVxuIl19 */");
     sx.WrapItems = /*#__PURE__*/css(">*:not( marquee ){margin-bottom:", space(gap), ";", rtl({
       marginLeft: !isColumn && isReverse ? space(gap) : undefined,
       marginRight: !isColumn && !isReverse ? space(gap) : undefined
     })(), ";}>*:last-child:not( marquee ){", rtl({
       marginLeft: !isColumn && isReverse ? 0 : undefined,
       marginRight: !isColumn && !isReverse ? 0 : undefined
-    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-WrapItems;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2suanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dvQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlVmFsdWUgfSBmcm9tICcuLi8uLi91aS91dGlscy91c2UtcmVzcG9uc2l2ZS12YWx1ZSc7XG5pbXBvcnQgeyBzcGFjZSB9IGZyb20gJy4uLy4uL3VpL3V0aWxzL3NwYWNlJztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3gsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuLyoqXG4gKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IHByb3BzXG4gKiBAcmV0dXJuIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleFByb3BzLCAnZGl2Jz59IFByb3BzIHdpdGggdGhlIGRlcHJlY2F0ZWQgcHJvcHMgcmVtb3ZlZC5cbiAqL1xuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKCB7IGlzUmV2ZXJzZWQsIC4uLm90aGVyUHJvcHMgfSApIHtcblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5GbGV4UHJvcHMsICdkaXYnPn0gcHJvcHNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblx0Y29uc3QgcnRsV2F0Y2hSZXN1bHQgPSBydGwud2F0Y2goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4ID0ge307XG5cblx0XHRzeC5CYXNlID0gY3NzKCB7XG5cdFx0XHRhbGlnbkl0ZW1zOiBpc0NvbHVtbiA/ICdub3JtYWwnIDogYWxpZ24sXG5cdFx0XHRmbGV4RGlyZWN0aW9uOiBkaXJlY3Rpb24sXG5cdFx0XHRmbGV4V3JhcDogd3JhcCA/ICd3cmFwJyA6IHVuZGVmaW5lZCxcblx0XHRcdGp1c3RpZnlDb250ZW50OiBqdXN0aWZ5LFxuXHRcdFx0aGVpZ2h0OiBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdHdpZHRoOiAhIGlzQ29sdW1uICYmIGV4cGFuZGVkID8gJzEwMCUnIDogdW5kZWZpbmVkLFxuXHRcdFx0bWFyZ2luQm90dG9tOiB3cmFwID8gYGNhbGMoJHsgc3BhY2UoIGdhcCApIH0gKiAtMSlgIDogdW5kZWZpbmVkLFxuXHRcdH0gKTtcblxuXHRcdC8qKlxuXHRcdCAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cblx0XHQgKiBXZSdsbCBlbmhhbmNlIGFsaWdubWVudCB3aXRoIG5haXZlIHBhcmVudCBmbGV4IGFzc3VtcHRpb25zLlxuXHRcdCAqXG5cdFx0ICogVHJhZGUtb2ZmOlxuXHRcdCAqIEZhciBsZXNzIERPTSBsZXNzLiBIb3dldmVyLCBVSSByZW5kZXJpbmcgaXMgbm90IGFzIHJlbGlhYmxlLlxuXHRcdCAqL1xuXHRcdHN4Lkl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqICsgKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi10b3A6ICR7IGlzQ29sdW1uID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblx0XHRgO1xuXG5cdFx0c3guV3JhcEl0ZW1zID0gY3NzYFxuXHRcdFx0PiAqOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0bWFyZ2luLWJvdHRvbTogJHsgc3BhY2UoIGdhcCApIH07XG5cdFx0XHRcdCR7IHJ0bCgge1xuXHRcdFx0XHRcdG1hcmdpbkxlZnQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdH0gKSgpIH1cblx0XHRcdH1cblxuXHRcdFx0PiAqOmxhc3QtY2hpbGQ6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OiAhIGlzQ29sdW1uICYmIGlzUmV2ZXJzZSA/IDAgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6ICEgaXNDb2x1bW4gJiYgISBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHJldHVybiBjeChcblx0XHRcdHN0eWxlcy5GbGV4LFxuXHRcdFx0c3guQmFzZSxcblx0XHRcdHdyYXAgPyBzeC5XcmFwSXRlbXMgOiBzeC5JdGVtcyxcblx0XHRcdGlzQ29sdW1uID8gc3R5bGVzLkl0ZW1zQ29sdW1uIDogc3R5bGVzLkl0ZW1zUm93LFxuXHRcdFx0Y2xhc3NOYW1lXG5cdFx0KTtcblx0XHQvLyBydGxXYXRjaFJlc3VsdCBpcyBuZWVkZWQgdG8gcmVmcmVzaCBzdHlsZXMgd2hlbiB0aGUgd3JpdGluZyBkaXJlY3Rpb24gY2hhbmdlc1xuXHRcdC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcblx0fSwgW1xuXHRcdGFsaWduLFxuXHRcdGNsYXNzTmFtZSxcblx0XHRjeCxcblx0XHRkaXJlY3Rpb24sXG5cdFx0ZXhwYW5kZWQsXG5cdFx0Z2FwLFxuXHRcdGlzQ29sdW1uLFxuXHRcdGlzUmV2ZXJzZSxcblx0XHRqdXN0aWZ5LFxuXHRcdHdyYXAsXG5cdFx0cnRsV2F0Y2hSZXN1bHQsXG5cdF0gKTtcblxuXHRyZXR1cm4geyAuLi5vdGhlclByb3BzLCBjbGFzc05hbWU6IGNsYXNzZXMsIGlzQ29sdW1uIH07XG59XG4iXX0= */");
+    })(), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:sx-WrapItems;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4L2hvb2sudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdvQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvZmxleC9ob29rLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5pbXBvcnQgZGVwcmVjYXRlZCBmcm9tICdAd29yZHByZXNzL2RlcHJlY2F0ZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtLCBXb3JkUHJlc3NDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uLy4uL3VpL2NvbnRleHQnO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVZhbHVlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvdXNlLXJlc3BvbnNpdmUtdmFsdWUnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQgKiBhcyBzdHlsZXMgZnJvbSAnLi4vc3R5bGVzJztcbmltcG9ydCB7IHVzZUN4LCBydGwgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQgdHlwZSB7IEZsZXhQcm9wcyB9IGZyb20gJy4uL3R5cGVzJztcblxuZnVuY3Rpb24gdXNlRGVwcmVjYXRlZFByb3BzKFxuXHRwcm9wczogV29yZFByZXNzQ29tcG9uZW50UHJvcHM8IEZsZXhQcm9wcywgJ2RpdicgPlxuKTogV29yZFByZXNzQ29tcG9uZW50UHJvcHM8IEZsZXhQcm9wcywgJ2RpdicgPiB7XG5cdGNvbnN0IHsgaXNSZXZlcnNlZCwgLi4ub3RoZXJQcm9wcyB9ID0gcHJvcHM7XG5cblx0aWYgKCB0eXBlb2YgaXNSZXZlcnNlZCAhPT0gJ3VuZGVmaW5lZCcgKSB7XG5cdFx0ZGVwcmVjYXRlZCggJ0ZsZXggaXNSZXZlcnNlZCcsIHtcblx0XHRcdGFsdGVybmF0aXZlOiAnRmxleCBkaXJlY3Rpb249XCJyb3ctcmV2ZXJzZVwiIG9yIFwiY29sdW1uLXJldmVyc2VcIicsXG5cdFx0XHRzaW5jZTogJzUuOScsXG5cdFx0fSApO1xuXHRcdHJldHVybiB7XG5cdFx0XHQuLi5vdGhlclByb3BzLFxuXHRcdFx0ZGlyZWN0aW9uOiBpc1JldmVyc2VkID8gJ3Jvdy1yZXZlcnNlJyA6ICdyb3cnLFxuXHRcdH07XG5cdH1cblxuXHRyZXR1cm4gb3RoZXJQcm9wcztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHVzZUZsZXgoIHByb3BzOiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczwgRmxleFByb3BzLCAnZGl2JyA+ICkge1xuXHRjb25zdCB7XG5cdFx0YWxpZ24gPSAnY2VudGVyJyxcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlyZWN0aW9uOiBkaXJlY3Rpb25Qcm9wID0gJ3JvdycsXG5cdFx0ZXhwYW5kZWQgPSB0cnVlLFxuXHRcdGdhcCA9IDIsXG5cdFx0anVzdGlmeSA9ICdzcGFjZS1iZXR3ZWVuJyxcblx0XHR3cmFwID0gZmFsc2UsXG5cdFx0Li4ub3RoZXJQcm9wc1xuXHR9ID0gdXNlQ29udGV4dFN5c3RlbSggdXNlRGVwcmVjYXRlZFByb3BzKCBwcm9wcyApLCAnRmxleCcgKTtcblxuXHRjb25zdCBkaXJlY3Rpb25Bc0FycmF5ID0gQXJyYXkuaXNBcnJheSggZGlyZWN0aW9uUHJvcCApXG5cdFx0PyBkaXJlY3Rpb25Qcm9wXG5cdFx0OiBbIGRpcmVjdGlvblByb3AgXTtcblx0Y29uc3QgZGlyZWN0aW9uID0gdXNlUmVzcG9uc2l2ZVZhbHVlKCBkaXJlY3Rpb25Bc0FycmF5ICk7XG5cblx0Y29uc3QgaXNDb2x1bW4gPVxuXHRcdHR5cGVvZiBkaXJlY3Rpb24gPT09ICdzdHJpbmcnICYmICEhIGRpcmVjdGlvbi5pbmNsdWRlcyggJ2NvbHVtbicgKTtcblx0Y29uc3QgaXNSZXZlcnNlID1cblx0XHR0eXBlb2YgZGlyZWN0aW9uID09PSAnc3RyaW5nJyAmJiBkaXJlY3Rpb24uaW5jbHVkZXMoICdyZXZlcnNlJyApO1xuXG5cdGNvbnN0IGN4ID0gdXNlQ3goKTtcblx0Y29uc3QgcnRsV2F0Y2hSZXN1bHQgPSBydGwud2F0Y2goKTtcblxuXHRjb25zdCBjbGFzc2VzID0gdXNlTWVtbyggKCkgPT4ge1xuXHRcdGNvbnN0IHN4OiB7XG5cdFx0XHRCYXNlPzogU2VyaWFsaXplZFN0eWxlcztcblx0XHRcdEl0ZW1zPzogU2VyaWFsaXplZFN0eWxlcztcblx0XHRcdFdyYXBJdGVtcz86IFNlcmlhbGl6ZWRTdHlsZXM7XG5cdFx0fSA9IHt9O1xuXG5cdFx0c3guQmFzZSA9IGNzcygge1xuXHRcdFx0YWxpZ25JdGVtczogaXNDb2x1bW4gPyAnbm9ybWFsJyA6IGFsaWduLFxuXHRcdFx0ZmxleERpcmVjdGlvbjogZGlyZWN0aW9uLFxuXHRcdFx0ZmxleFdyYXA6IHdyYXAgPyAnd3JhcCcgOiB1bmRlZmluZWQsXG5cdFx0XHRqdXN0aWZ5Q29udGVudDoganVzdGlmeSxcblx0XHRcdGhlaWdodDogaXNDb2x1bW4gJiYgZXhwYW5kZWQgPyAnMTAwJScgOiB1bmRlZmluZWQsXG5cdFx0XHR3aWR0aDogISBpc0NvbHVtbiAmJiBleHBhbmRlZCA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcblx0XHRcdG1hcmdpbkJvdHRvbTogd3JhcCA/IGBjYWxjKCR7IHNwYWNlKCBnYXAgKSB9ICogLTEpYCA6IHVuZGVmaW5lZCxcblx0XHR9ICk7XG5cblx0XHQvKipcblx0XHQgKiBXb3JrYXJvdW5kIHRvIG9wdGltaXplIERPTSByZW5kZXJpbmcuXG5cdFx0ICogV2UnbGwgZW5oYW5jZSBhbGlnbm1lbnQgd2l0aCBuYWl2ZSBwYXJlbnQgZmxleCBhc3N1bXB0aW9ucy5cblx0XHQgKlxuXHRcdCAqIFRyYWRlLW9mZjpcblx0XHQgKiBGYXIgbGVzcyBET00gbGVzcy4gSG93ZXZlciwgVUkgcmVuZGVyaW5nIGlzIG5vdCBhcyByZWxpYWJsZS5cblx0XHQgKi9cblx0XHRzeC5JdGVtcyA9IGNzc2Bcblx0XHRcdD4gKiArICo6bm90KCBtYXJxdWVlICkge1xuXHRcdFx0XHRtYXJnaW4tdG9wOiAkeyBpc0NvbHVtbiA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCB9O1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiAhIGlzUmV2ZXJzZSA/IHNwYWNlKCBnYXAgKSA6IHVuZGVmaW5lZCxcblx0XHRcdFx0XHRtYXJnaW5SaWdodDpcblx0XHRcdFx0XHRcdCEgaXNDb2x1bW4gJiYgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cdFx0YDtcblxuXHRcdHN4LldyYXBJdGVtcyA9IGNzc2Bcblx0XHRcdD4gKjpub3QoIG1hcnF1ZWUgKSB7XG5cdFx0XHRcdG1hcmdpbi1ib3R0b206ICR7IHNwYWNlKCBnYXAgKSB9O1xuXHRcdFx0XHQkeyBydGwoIHtcblx0XHRcdFx0XHRtYXJnaW5MZWZ0OlxuXHRcdFx0XHRcdFx0ISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyBzcGFjZSggZ2FwICkgOiB1bmRlZmluZWQsXG5cdFx0XHRcdFx0bWFyZ2luUmlnaHQ6XG5cdFx0XHRcdFx0XHQhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gc3BhY2UoIGdhcCApIDogdW5kZWZpbmVkLFxuXHRcdFx0XHR9ICkoKSB9XG5cdFx0XHR9XG5cblx0XHRcdD4gKjpsYXN0LWNoaWxkOm5vdCggbWFycXVlZSApIHtcblx0XHRcdFx0JHsgcnRsKCB7XG5cdFx0XHRcdFx0bWFyZ2luTGVmdDogISBpc0NvbHVtbiAmJiBpc1JldmVyc2UgPyAwIDogdW5kZWZpbmVkLFxuXHRcdFx0XHRcdG1hcmdpblJpZ2h0OiAhIGlzQ29sdW1uICYmICEgaXNSZXZlcnNlID8gMCA6IHVuZGVmaW5lZCxcblx0XHRcdFx0fSApKCkgfVxuXHRcdFx0fVxuXHRcdGA7XG5cblx0XHRyZXR1cm4gY3goXG5cdFx0XHRzdHlsZXMuRmxleCxcblx0XHRcdHN4LkJhc2UsXG5cdFx0XHR3cmFwID8gc3guV3JhcEl0ZW1zIDogc3guSXRlbXMsXG5cdFx0XHRpc0NvbHVtbiA/IHN0eWxlcy5JdGVtc0NvbHVtbiA6IHN0eWxlcy5JdGVtc1Jvdyxcblx0XHRcdGNsYXNzTmFtZVxuXHRcdCk7XG5cdFx0Ly8gcnRsV2F0Y2hSZXN1bHQgaXMgbmVlZGVkIHRvIHJlZnJlc2ggc3R5bGVzIHdoZW4gdGhlIHdyaXRpbmcgZGlyZWN0aW9uIGNoYW5nZXNcblx0XHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG5cdH0sIFtcblx0XHRhbGlnbixcblx0XHRjbGFzc05hbWUsXG5cdFx0Y3gsXG5cdFx0ZGlyZWN0aW9uLFxuXHRcdGV4cGFuZGVkLFxuXHRcdGdhcCxcblx0XHRpc0NvbHVtbixcblx0XHRpc1JldmVyc2UsXG5cdFx0anVzdGlmeSxcblx0XHR3cmFwLFxuXHRcdHJ0bFdhdGNoUmVzdWx0LFxuXHRdICk7XG5cblx0cmV0dXJuIHsgLi4ub3RoZXJQcm9wcywgY2xhc3NOYW1lOiBjbGFzc2VzLCBpc0NvbHVtbiB9O1xufVxuIl19 */");
     return cx(styles.Flex, sx.Base, wrap ? sx.WrapItems : sx.Items, isColumn ? styles.ItemsColumn : styles.ItemsRow, className); // rtlWatchResult is needed to refresh styles when the writing direction changes
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [align, className, cx, direction, expanded, gap, isColumn, isReverse, justify, wrap, rtlWatchResult]);

package/build-module/flex/flex/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex/hook.js"],"names":["css","useMemo","deprecated","useContextSystem","useResponsiveValue","space","styles","useCx","rtl","useDeprecatedProps","isReversed","otherProps","alternative","since","direction","useFlex","props","align","className","directionProp","expanded","gap","justify","wrap","directionAsArray","Array","isArray","isColumn","includes","isReverse","cx","rtlWatchResult","watch","classes","sx","Base","alignItems","flexDirection","flexWrap","undefined","justifyContent","height","width","marginBottom","Items","marginLeft","marginRight","WrapItems","Flex","ItemsColumn","ItemsRow"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport { useResponsiveValue } from '../../ui/utils/use-responsive-value';\nimport { space } from '../../ui/utils/space';\nimport * as styles from '../styles';\nimport { useCx, rtl } from '../../utils';\n\n/**\n *\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} props\n * @return {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} Props with the deprecated props removed.\n */\nfunction useDeprecatedProps( { isReversed, ...otherProps } ) {\n\tif ( typeof isReversed !== 'undefined' ) {\n\t\tdeprecated( 'Flex isReversed', {\n\t\t\talternative: 'Flex direction=\"row-reverse\" or \"column-reverse\"',\n\t\t\tsince: '5.9',\n\t\t} );\n\t\treturn {\n\t\t\t...otherProps,\n\t\t\tdirection: isReversed ? 'row-reverse' : 'row',\n\t\t};\n\t}\n\n\treturn otherProps;\n}\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} props\n */\nexport function useFlex( props ) {\n\tconst {\n\t\talign = 'center',\n\t\tclassName,\n\t\tdirection: directionProp = 'row',\n\t\texpanded = true,\n\t\tgap = 2,\n\t\tjustify = 'space-between',\n\t\twrap = false,\n\t\t...otherProps\n\t} = useContextSystem( useDeprecatedProps( props ), 'Flex' );\n\n\tconst directionAsArray = Array.isArray( directionProp )\n\t\t? directionProp\n\t\t: [ directionProp ];\n\tconst direction = useResponsiveValue( directionAsArray );\n\n\tconst isColumn =\n\t\ttypeof direction === 'string' && !! direction.includes( 'column' );\n\tconst isReverse =\n\t\ttypeof direction === 'string' && direction.includes( 'reverse' );\n\n\tconst cx = useCx();\n\tconst rtlWatchResult = rtl.watch();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx = {};\n\n\t\tsx.Base = css( {\n\t\t\talignItems: isColumn ? 'normal' : align,\n\t\t\tflexDirection: direction,\n\t\t\tflexWrap: wrap ? 'wrap' : undefined,\n\t\t\tjustifyContent: justify,\n\t\t\theight: isColumn && expanded ? '100%' : undefined,\n\t\t\twidth: ! isColumn && expanded ? '100%' : undefined,\n\t\t\tmarginBottom: wrap ? `calc(${ space( gap ) } * -1)` : undefined,\n\t\t} );\n\n\t\t/**\n\t\t * Workaround to optimize DOM rendering.\n\t\t * We'll enhance alignment with naive parent flex assumptions.\n\t\t *\n\t\t * Trade-off:\n\t\t * Far less DOM less. However, UI rendering is not as reliable.\n\t\t */\n\t\tsx.Items = css`\n\t\t\t> * + *:not( marquee ) {\n\t\t\t\tmargin-top: ${ isColumn ? space( gap ) : undefined };\n\t\t\t\t${ rtl( {\n\t\t\t\t\tmarginLeft:\n\t\t\t\t\t\t! isColumn && ! isReverse ? space( gap ) : undefined,\n\t\t\t\t\tmarginRight:\n\t\t\t\t\t\t! isColumn && isReverse ? space( gap ) : undefined,\n\t\t\t\t} )() }\n\t\t\t}\n\t\t`;\n\n\t\tsx.WrapItems = css`\n\t\t\t> *:not( marquee ) {\n\t\t\t\tmargin-bottom: ${ space( gap ) };\n\t\t\t\t${ rtl( {\n\t\t\t\t\tmarginLeft:\n\t\t\t\t\t\t! isColumn && isReverse ? space( gap ) : undefined,\n\t\t\t\t\tmarginRight:\n\t\t\t\t\t\t! isColumn && ! isReverse ? space( gap ) : undefined,\n\t\t\t\t} )() }\n\t\t\t}\n\n\t\t\t> *:last-child:not( marquee ) {\n\t\t\t\t${ rtl( {\n\t\t\t\t\tmarginLeft: ! isColumn && isReverse ? 0 : undefined,\n\t\t\t\t\tmarginRight: ! isColumn && ! isReverse ? 0 : undefined,\n\t\t\t\t} )() }\n\t\t\t}\n\t\t`;\n\n\t\treturn cx(\n\t\t\tstyles.Flex,\n\t\t\tsx.Base,\n\t\t\twrap ? sx.WrapItems : sx.Items,\n\t\t\tisColumn ? styles.ItemsColumn : styles.ItemsRow,\n\t\t\tclassName\n\t\t);\n\t\t// rtlWatchResult is needed to refresh styles when the writing direction changes\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\talign,\n\t\tclassName,\n\t\tcx,\n\t\tdirection,\n\t\texpanded,\n\t\tgap,\n\t\tisColumn,\n\t\tisReverse,\n\t\tjustify,\n\t\twrap,\n\t\trtlWatchResult,\n\t] );\n\n\treturn { ...otherProps, className: classes, isColumn };\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex/hook.ts"],"names":["css","useMemo","deprecated","useContextSystem","useResponsiveValue","space","styles","useCx","rtl","useDeprecatedProps","props","isReversed","otherProps","alternative","since","direction","useFlex","align","className","directionProp","expanded","gap","justify","wrap","directionAsArray","Array","isArray","isColumn","includes","isReverse","cx","rtlWatchResult","watch","classes","sx","Base","alignItems","flexDirection","flexWrap","undefined","justifyContent","height","width","marginBottom","Items","marginLeft","marginRight","WrapItems","Flex","ItemsColumn","ItemsRow"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css, SerializedStyles } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport { useResponsiveValue } from '../../ui/utils/use-responsive-value';\nimport { space } from '../../ui/utils/space';\nimport * as styles from '../styles';\nimport { useCx, rtl } from '../../utils';\nimport type { FlexProps } from '../types';\n\nfunction useDeprecatedProps(\n\tprops: WordPressComponentProps< FlexProps, 'div' >\n): WordPressComponentProps< FlexProps, 'div' > {\n\tconst { isReversed, ...otherProps } = props;\n\n\tif ( typeof isReversed !== 'undefined' ) {\n\t\tdeprecated( 'Flex isReversed', {\n\t\t\talternative: 'Flex direction=\"row-reverse\" or \"column-reverse\"',\n\t\t\tsince: '5.9',\n\t\t} );\n\t\treturn {\n\t\t\t...otherProps,\n\t\t\tdirection: isReversed ? 'row-reverse' : 'row',\n\t\t};\n\t}\n\n\treturn otherProps;\n}\n\nexport function useFlex( props: WordPressComponentProps< FlexProps, 'div' > ) {\n\tconst {\n\t\talign = 'center',\n\t\tclassName,\n\t\tdirection: directionProp = 'row',\n\t\texpanded = true,\n\t\tgap = 2,\n\t\tjustify = 'space-between',\n\t\twrap = false,\n\t\t...otherProps\n\t} = useContextSystem( useDeprecatedProps( props ), 'Flex' );\n\n\tconst directionAsArray = Array.isArray( directionProp )\n\t\t? directionProp\n\t\t: [ directionProp ];\n\tconst direction = useResponsiveValue( directionAsArray );\n\n\tconst isColumn =\n\t\ttypeof direction === 'string' && !! direction.includes( 'column' );\n\tconst isReverse =\n\t\ttypeof direction === 'string' && direction.includes( 'reverse' );\n\n\tconst cx = useCx();\n\tconst rtlWatchResult = rtl.watch();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx: {\n\t\t\tBase?: SerializedStyles;\n\t\t\tItems?: SerializedStyles;\n\t\t\tWrapItems?: SerializedStyles;\n\t\t} = {};\n\n\t\tsx.Base = css( {\n\t\t\talignItems: isColumn ? 'normal' : align,\n\t\t\tflexDirection: direction,\n\t\t\tflexWrap: wrap ? 'wrap' : undefined,\n\t\t\tjustifyContent: justify,\n\t\t\theight: isColumn && expanded ? '100%' : undefined,\n\t\t\twidth: ! isColumn && expanded ? '100%' : undefined,\n\t\t\tmarginBottom: wrap ? `calc(${ space( gap ) } * -1)` : undefined,\n\t\t} );\n\n\t\t/**\n\t\t * Workaround to optimize DOM rendering.\n\t\t * We'll enhance alignment with naive parent flex assumptions.\n\t\t *\n\t\t * Trade-off:\n\t\t * Far less DOM less. However, UI rendering is not as reliable.\n\t\t */\n\t\tsx.Items = css`\n\t\t\t> * + *:not( marquee ) {\n\t\t\t\tmargin-top: ${ isColumn ? space( gap ) : undefined };\n\t\t\t\t${ rtl( {\n\t\t\t\t\tmarginLeft:\n\t\t\t\t\t\t! isColumn && ! isReverse ? space( gap ) : undefined,\n\t\t\t\t\tmarginRight:\n\t\t\t\t\t\t! isColumn && isReverse ? space( gap ) : undefined,\n\t\t\t\t} )() }\n\t\t\t}\n\t\t`;\n\n\t\tsx.WrapItems = css`\n\t\t\t> *:not( marquee ) {\n\t\t\t\tmargin-bottom: ${ space( gap ) };\n\t\t\t\t${ rtl( {\n\t\t\t\t\tmarginLeft:\n\t\t\t\t\t\t! isColumn && isReverse ? space( gap ) : undefined,\n\t\t\t\t\tmarginRight:\n\t\t\t\t\t\t! isColumn && ! isReverse ? space( gap ) : undefined,\n\t\t\t\t} )() }\n\t\t\t}\n\n\t\t\t> *:last-child:not( marquee ) {\n\t\t\t\t${ rtl( {\n\t\t\t\t\tmarginLeft: ! isColumn && isReverse ? 0 : undefined,\n\t\t\t\t\tmarginRight: ! isColumn && ! isReverse ? 0 : undefined,\n\t\t\t\t} )() }\n\t\t\t}\n\t\t`;\n\n\t\treturn cx(\n\t\t\tstyles.Flex,\n\t\t\tsx.Base,\n\t\t\twrap ? sx.WrapItems : sx.Items,\n\t\t\tisColumn ? styles.ItemsColumn : styles.ItemsRow,\n\t\t\tclassName\n\t\t);\n\t\t// rtlWatchResult is needed to refresh styles when the writing direction changes\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\talign,\n\t\tclassName,\n\t\tcx,\n\t\tdirection,\n\t\texpanded,\n\t\tgap,\n\t\tisColumn,\n\t\tisReverse,\n\t\tjustify,\n\t\twrap,\n\t\trtlWatchResult,\n\t] );\n\n\treturn { ...otherProps, className: classes, isColumn };\n}\n"]}

package/build-module/flex/flex/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex/index.js"],"names":["default","useFlex"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './component';\nexport { useFlex } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex/index.ts"],"names":["default","useFlex"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './component';\nexport { useFlex } from './hook';\n"]}

package/build-module/flex/flex-block/component.js

@@ -1,35 +1,41 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 import { contextConnect } from '../../ui/context';
 import { View } from '../../view';
 import { useFlexBlock } from './hook';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexBlockProps, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                            forwardedRef
- */
 
-function FlexBlock(props, forwardedRef) {
+function UnconnectedFlexBlock(props, forwardedRef) {
   const flexBlockProps = useFlexBlock(props);
   return createElement(View, _extends({}, flexBlockProps, {
     ref: forwardedRef
   }));
 }
 /**
- * `FlexBlock` is a primitive layout component that adaptively resizes content within layout containers like `Flex`.
+ * `FlexBlock` is a primitive layout component that adaptively resizes content
+ * within layout containers like `Flex`.
  *
- * @example
  * ```jsx
- * <Flex>
- * 	<FlexBlock>...</FlexBlock>
- * </Flex>
+ * import { Flex, FlexBlock } from '@wordpress/components';
+ *
+ * function Example() {
+ *   return (
+ *     <Flex>
+ *       <FlexBlock>...</FlexBlock>
+ *     </Flex>
+ *   );
+ * }
  * ```
  */
 
 
-const ConnectedFlexBlock = contextConnect(FlexBlock, 'FlexBlock');
-export default ConnectedFlexBlock;
+export const FlexBlock = contextConnect(UnconnectedFlexBlock, 'FlexBlock');
+export default FlexBlock;
 //# sourceMappingURL=component.js.map

package/build-module/flex/flex-block/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex-block/component.js"],"names":["contextConnect","View","useFlexBlock","FlexBlock","props","forwardedRef","flexBlockProps","ConnectedFlexBlock"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,YAAT,QAA6B,QAA7B;AAEA;AACA;AACA;AACA;;AACA,SAASC,SAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAA0C;AACzC,QAAMC,cAAc,GAAGJ,YAAY,CAAEE,KAAF,CAAnC;AAEA,SAAO,cAAC,IAAD,eAAWE,cAAX;AAA4B,IAAA,GAAG,EAAGD;AAAlC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,kBAAkB,GAAGP,cAAc,CAAEG,SAAF,EAAa,WAAb,CAAzC;AAEA,eAAeI,kBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { View } from '../../view';\nimport { useFlexBlock } from './hook';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexBlockProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                            forwardedRef\n */\nfunction FlexBlock( props, forwardedRef ) {\n\tconst flexBlockProps = useFlexBlock( props );\n\n\treturn <View { ...flexBlockProps } ref={ forwardedRef } />;\n}\n\n/**\n * `FlexBlock` is a primitive layout component that adaptively resizes content within layout containers like `Flex`.\n *\n * @example\n * ```jsx\n * <Flex>\n * \t<FlexBlock>...</FlexBlock>\n * </Flex>\n * ```\n */\nconst ConnectedFlexBlock = contextConnect( FlexBlock, 'FlexBlock' );\n\nexport default ConnectedFlexBlock;\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex-block/component.tsx"],"names":["contextConnect","View","useFlexBlock","UnconnectedFlexBlock","props","forwardedRef","flexBlockProps","FlexBlock"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,IAAT,QAAqB,YAArB;AAEA,SAASC,YAAT,QAA6B,QAA7B;;AAEA,SAASC,oBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,cAAc,GAAGJ,YAAY,CAAEE,KAAF,CAAnC;AAEA,SAAO,cAAC,IAAD,eAAWE,cAAX;AAA4B,IAAA,GAAG,EAAGD;AAAlC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,SAAS,GAAGP,cAAc,CAAEG,oBAAF,EAAwB,WAAxB,CAAhC;AAEP,eAAeI,SAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { View } from '../../view';\nimport type { FlexBlockProps } from '../types';\nimport { useFlexBlock } from './hook';\n\nfunction UnconnectedFlexBlock(\n\tprops: WordPressComponentProps< FlexBlockProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst flexBlockProps = useFlexBlock( props );\n\n\treturn <View { ...flexBlockProps } ref={ forwardedRef } />;\n}\n\n/**\n * `FlexBlock` is a primitive layout component that adaptively resizes content\n * within layout containers like `Flex`.\n *\n * ```jsx\n * import { Flex, FlexBlock } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <Flex>\n *       <FlexBlock>...</FlexBlock>\n *     </Flex>\n *   );\n * }\n * ```\n */\nexport const FlexBlock = contextConnect( UnconnectedFlexBlock, 'FlexBlock' );\n\nexport default FlexBlock;\n"]}

package/build-module/flex/flex-block/hook.js

@@ -3,10 +3,6 @@
  */
 import { useContextSystem } from '../../ui/context';
 import { useFlexItem } from '../flex-item';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexBlockProps, 'div'>} props
- */
-
 export function useFlexBlock(props) {
   const otherProps = useContextSystem(props, 'FlexBlock');
   const flexItemProps = useFlexItem({

package/build-module/flex/flex-block/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex-block/hook.js"],"names":["useContextSystem","useFlexItem","useFlexBlock","props","otherProps","flexItemProps","isBlock"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAT,QAAiC,kBAAjC;AACA,SAASC,WAAT,QAA4B,cAA5B;AAEA;AACA;AACA;;AACA,OAAO,SAASC,YAAT,CAAuBC,KAAvB,EAA+B;AACrC,QAAMC,UAAU,GAAGJ,gBAAgB,CAAEG,KAAF,EAAS,WAAT,CAAnC;AACA,QAAME,aAAa,GAAGJ,WAAW,CAAE;AAAEK,IAAAA,OAAO,EAAE,IAAX;AAAiB,OAAGF;AAApB,GAAF,CAAjC;AAEA,SAAOC,aAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport { useFlexItem } from '../flex-item';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexBlockProps, 'div'>} props\n */\nexport function useFlexBlock( props ) {\n\tconst otherProps = useContextSystem( props, 'FlexBlock' );\n\tconst flexItemProps = useFlexItem( { isBlock: true, ...otherProps } );\n\n\treturn flexItemProps;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex-block/hook.ts"],"names":["useContextSystem","useFlexItem","useFlexBlock","props","otherProps","flexItemProps","isBlock"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAT,QAA0D,kBAA1D;AACA,SAASC,WAAT,QAA4B,cAA5B;AAGA,OAAO,SAASC,YAAT,CACNC,KADM,EAEL;AACD,QAAMC,UAAU,GAAGJ,gBAAgB,CAAEG,KAAF,EAAS,WAAT,CAAnC;AACA,QAAME,aAAa,GAAGJ,WAAW,CAAE;AAAEK,IAAAA,OAAO,EAAE,IAAX;AAAiB,OAAGF;AAApB,GAAF,CAAjC;AAEA,SAAOC,aAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport { useFlexItem } from '../flex-item';\nimport type { FlexBlockProps } from '../types';\n\nexport function useFlexBlock(\n\tprops: WordPressComponentProps< FlexBlockProps, 'div' >\n) {\n\tconst otherProps = useContextSystem( props, 'FlexBlock' );\n\tconst flexItemProps = useFlexItem( { isBlock: true, ...otherProps } );\n\n\treturn flexItemProps;\n}\n"]}

package/build-module/flex/flex-block/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex-block/index.js"],"names":["default","useFlexBlock"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,YAAT,QAA6B,QAA7B","sourcesContent":["export { default } from './component';\nexport { useFlexBlock } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex-block/index.ts"],"names":["default","useFlexBlock"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,YAAT,QAA6B,QAA7B","sourcesContent":["export { default } from './component';\nexport { useFlexBlock } from './hook';\n"]}

package/build-module/flex/flex-item/component.js

@@ -1,35 +1,41 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 import { contextConnect } from '../../ui/context';
 import { View } from '../../view';
 import { useFlexItem } from './hook';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexItemProps, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                           forwardedRef
- */
 
-function FlexItem(props, forwardedRef) {
+function UnconnectedFlexItem(props, forwardedRef) {
   const flexItemProps = useFlexItem(props);
   return createElement(View, _extends({}, flexItemProps, {
     ref: forwardedRef
   }));
 }
 /**
- * `FlexItem` is a primitive layout component that aligns content within layout containers like `Flex`.
+ * `FlexItem` is a primitive layout component that aligns content within layout
+ * containers like `Flex`.
  *
- * @example
  * ```jsx
- * <Flex>
- * 	<FlexItem>...</FlexItem>
- * </Flex>
+ * import { Flex, FlexItem } from '@wordpress/components';
+ *
+ * function Example() {
+ *   return (
+ *     <Flex>
+ *       <FlexItem>...</FlexItem>
+ *     </Flex>
+ *   );
+ * }
  * ```
  */
 
 
-const ConnectedFlexItem = contextConnect(FlexItem, 'FlexItem');
-export default ConnectedFlexItem;
+export const FlexItem = contextConnect(UnconnectedFlexItem, 'FlexItem');
+export default FlexItem;
 //# sourceMappingURL=component.js.map

package/build-module/flex/flex-item/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex-item/component.js"],"names":["contextConnect","View","useFlexItem","FlexItem","props","forwardedRef","flexItemProps","ConnectedFlexItem"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,WAAT,QAA4B,QAA5B;AAEA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAmBC,KAAnB,EAA0BC,YAA1B,EAAyC;AACxC,QAAMC,aAAa,GAAGJ,WAAW,CAAEE,KAAF,CAAjC;AAEA,SAAO,cAAC,IAAD,eAAWE,aAAX;AAA2B,IAAA,GAAG,EAAGD;AAAjC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,iBAAiB,GAAGP,cAAc,CAAEG,QAAF,EAAY,UAAZ,CAAxC;AAEA,eAAeI,iBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { View } from '../../view';\nimport { useFlexItem } from './hook';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexItemProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                           forwardedRef\n */\nfunction FlexItem( props, forwardedRef ) {\n\tconst flexItemProps = useFlexItem( props );\n\n\treturn <View { ...flexItemProps } ref={ forwardedRef } />;\n}\n\n/**\n * `FlexItem` is a primitive layout component that aligns content within layout containers like `Flex`.\n *\n * @example\n * ```jsx\n * <Flex>\n * \t<FlexItem>...</FlexItem>\n * </Flex>\n * ```\n */\nconst ConnectedFlexItem = contextConnect( FlexItem, 'FlexItem' );\n\nexport default ConnectedFlexItem;\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex-item/component.tsx"],"names":["contextConnect","View","useFlexItem","UnconnectedFlexItem","props","forwardedRef","flexItemProps","FlexItem"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,WAAT,QAA4B,QAA5B;;AAGA,SAASC,mBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,aAAa,GAAGJ,WAAW,CAAEE,KAAF,CAAjC;AAEA,SAAO,cAAC,IAAD,eAAWE,aAAX;AAA2B,IAAA,GAAG,EAAGD;AAAjC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,QAAQ,GAAGP,cAAc,CAAEG,mBAAF,EAAuB,UAAvB,CAA/B;AAEP,eAAeI,QAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { View } from '../../view';\nimport { useFlexItem } from './hook';\nimport type { FlexItemProps } from '../types';\n\nfunction UnconnectedFlexItem(\n\tprops: WordPressComponentProps< FlexItemProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst flexItemProps = useFlexItem( props );\n\n\treturn <View { ...flexItemProps } ref={ forwardedRef } />;\n}\n\n/**\n * `FlexItem` is a primitive layout component that aligns content within layout\n * containers like `Flex`.\n *\n * ```jsx\n * import { Flex, FlexItem } from '@wordpress/components';\n *\n * function Example() {\n *   return (\n *     <Flex>\n *       <FlexItem>...</FlexItem>\n *     </Flex>\n *   );\n * }\n * ```\n */\nexport const FlexItem = contextConnect( UnconnectedFlexItem, 'FlexItem' );\n\nexport default FlexItem;\n"]}

package/build-module/flex/flex-item/hook.js

@@ -10,10 +10,6 @@ import { useContextSystem } from '../../ui/context';
 import { useFlexContext } from '../context';
 import * as styles from '../styles';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexItemProps, 'div'>} props
- */
-
 export function useFlexItem(props) {
   const {
     className,
@@ -25,7 +21,7 @@ export function useFlexItem(props) {
   const contextDisplay = useFlexContext().flexItemDisplay;
   sx.Base = /*#__PURE__*/css({
     display: displayProp || contextDisplay
-  }, process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4LWl0ZW0vaG9vay5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQlciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9mbGV4L2ZsZXgtaXRlbS9ob29rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtIH0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyB1c2VGbGV4Q29udGV4dCB9IGZyb20gJy4uL2NvbnRleHQnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyB1c2VDeCB9IGZyb20gJy4uLy4uL3V0aWxzL2hvb2tzL3VzZS1jeCc7XG5cbi8qKlxuICogQHBhcmFtIHtpbXBvcnQoJy4uLy4uL3VpL2NvbnRleHQnKS5Xb3JkUHJlc3NDb21wb25lbnRQcm9wczxpbXBvcnQoJy4uL3R5cGVzJykuRmxleEl0ZW1Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRmxleEl0ZW0oIHByb3BzICkge1xuXHRjb25zdCB7XG5cdFx0Y2xhc3NOYW1lLFxuXHRcdGRpc3BsYXk6IGRpc3BsYXlQcm9wLFxuXHRcdGlzQmxvY2sgPSBmYWxzZSxcblx0XHQuLi5vdGhlclByb3BzXG5cdH0gPSB1c2VDb250ZXh0U3lzdGVtKCBwcm9wcywgJ0ZsZXhJdGVtJyApO1xuXHRjb25zdCBzeCA9IHt9O1xuXG5cdGNvbnN0IGNvbnRleHREaXNwbGF5ID0gdXNlRmxleENvbnRleHQoKS5mbGV4SXRlbURpc3BsYXk7XG5cblx0c3guQmFzZSA9IGNzcygge1xuXHRcdGRpc3BsYXk6IGRpc3BsYXlQcm9wIHx8IGNvbnRleHREaXNwbGF5LFxuXHR9ICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSBjeChcblx0XHRzdHlsZXMuSXRlbSxcblx0XHRzeC5CYXNlLFxuXHRcdGlzQmxvY2sgJiYgc3R5bGVzLmJsb2NrLFxuXHRcdGNsYXNzTmFtZVxuXHQpO1xuXG5cdHJldHVybiB7XG5cdFx0Li4ub3RoZXJQcm9wcyxcblx0XHRjbGFzc05hbWU6IGNsYXNzZXMsXG5cdH07XG59XG4iXX0= */");
+  }, process.env.NODE_ENV === "production" ? "" : ";label:sx-Base;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9mbGV4LWl0ZW0vaG9vay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QlciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9mbGV4L2ZsZXgtaXRlbS9ob29rLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyB1c2VDb250ZXh0U3lzdGVtLCBXb3JkUHJlc3NDb21wb25lbnRQcm9wcyB9IGZyb20gJy4uLy4uL3VpL2NvbnRleHQnO1xuaW1wb3J0IHsgdXNlRmxleENvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0JztcbmltcG9ydCAqIGFzIHN0eWxlcyBmcm9tICcuLi9zdHlsZXMnO1xuaW1wb3J0IHsgdXNlQ3ggfSBmcm9tICcuLi8uLi91dGlscy9ob29rcy91c2UtY3gnO1xuaW1wb3J0IHR5cGUgeyBGbGV4SXRlbVByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgZnVuY3Rpb24gdXNlRmxleEl0ZW0oXG5cdHByb3BzOiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczwgRmxleEl0ZW1Qcm9wcywgJ2RpdicgPlxuKSB7XG5cdGNvbnN0IHtcblx0XHRjbGFzc05hbWUsXG5cdFx0ZGlzcGxheTogZGlzcGxheVByb3AsXG5cdFx0aXNCbG9jayA9IGZhbHNlLFxuXHRcdC4uLm90aGVyUHJvcHNcblx0fSA9IHVzZUNvbnRleHRTeXN0ZW0oIHByb3BzLCAnRmxleEl0ZW0nICk7XG5cblx0Y29uc3Qgc3g6IHtcblx0XHRCYXNlPzogU2VyaWFsaXplZFN0eWxlcztcblx0fSA9IHt9O1xuXG5cdGNvbnN0IGNvbnRleHREaXNwbGF5ID0gdXNlRmxleENvbnRleHQoKS5mbGV4SXRlbURpc3BsYXk7XG5cblx0c3guQmFzZSA9IGNzcygge1xuXHRcdGRpc3BsYXk6IGRpc3BsYXlQcm9wIHx8IGNvbnRleHREaXNwbGF5LFxuXHR9ICk7XG5cblx0Y29uc3QgY3ggPSB1c2VDeCgpO1xuXG5cdGNvbnN0IGNsYXNzZXMgPSBjeChcblx0XHRzdHlsZXMuSXRlbSxcblx0XHRzeC5CYXNlLFxuXHRcdGlzQmxvY2sgJiYgc3R5bGVzLmJsb2NrLFxuXHRcdGNsYXNzTmFtZVxuXHQpO1xuXG5cdHJldHVybiB7XG5cdFx0Li4ub3RoZXJQcm9wcyxcblx0XHRjbGFzc05hbWU6IGNsYXNzZXMsXG5cdH07XG59XG4iXX0= */");
   const cx = useCx();
   const classes = cx(styles.Item, sx.Base, isBlock && styles.block, className);
   return { ...otherProps,

package/build-module/flex/flex-item/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex-item/hook.js"],"names":["css","useContextSystem","useFlexContext","styles","useCx","useFlexItem","props","className","display","displayProp","isBlock","otherProps","sx","contextDisplay","flexItemDisplay","Base","cx","classes","Item","block"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,cAAT,QAA+B,YAA/B;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CAAsBC,KAAtB,EAA8B;AACpC,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,OAAO,EAAEC,WAFJ;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAIL,OAAGC;AAJE,MAKFV,gBAAgB,CAAEK,KAAF,EAAS,UAAT,CALpB;AAMA,QAAMM,EAAE,GAAG,EAAX;AAEA,QAAMC,cAAc,GAAGX,cAAc,GAAGY,eAAxC;AAEAF,EAAAA,EAAE,CAACG,IAAH,gBAAUf,GAAG,CAAE;AACdQ,IAAAA,OAAO,EAAEC,WAAW,IAAII;AADV,GAAF,irDAAb;AAIA,QAAMG,EAAE,GAAGZ,KAAK,EAAhB;AAEA,QAAMa,OAAO,GAAGD,EAAE,CACjBb,MAAM,CAACe,IADU,EAEjBN,EAAE,CAACG,IAFc,EAGjBL,OAAO,IAAIP,MAAM,CAACgB,KAHD,EAIjBZ,SAJiB,CAAlB;AAOA,SAAO,EACN,GAAGI,UADG;AAENJ,IAAAA,SAAS,EAAEU;AAFL,GAAP;AAIA","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport { useFlexContext } from '../context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexItemProps, 'div'>} props\n */\nexport function useFlexItem( props ) {\n\tconst {\n\t\tclassName,\n\t\tdisplay: displayProp,\n\t\tisBlock = false,\n\t\t...otherProps\n\t} = useContextSystem( props, 'FlexItem' );\n\tconst sx = {};\n\n\tconst contextDisplay = useFlexContext().flexItemDisplay;\n\n\tsx.Base = css( {\n\t\tdisplay: displayProp || contextDisplay,\n\t} );\n\n\tconst cx = useCx();\n\n\tconst classes = cx(\n\t\tstyles.Item,\n\t\tsx.Base,\n\t\tisBlock && styles.block,\n\t\tclassName\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex-item/hook.ts"],"names":["css","useContextSystem","useFlexContext","styles","useCx","useFlexItem","props","className","display","displayProp","isBlock","otherProps","sx","contextDisplay","flexItemDisplay","Base","cx","classes","Item","block"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAsC,gBAAtC;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAA0D,kBAA1D;AACA,SAASC,cAAT,QAA+B,YAA/B;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAGA,OAAO,SAASC,WAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,OAAO,EAAEC,WAFJ;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAIL,OAAGC;AAJE,MAKFV,gBAAgB,CAAEK,KAAF,EAAS,UAAT,CALpB;AAOA,QAAMM,EAEL,GAAG,EAFJ;AAIA,QAAMC,cAAc,GAAGX,cAAc,GAAGY,eAAxC;AAEAF,EAAAA,EAAE,CAACG,IAAH,gBAAUf,GAAG,CAAE;AACdQ,IAAAA,OAAO,EAAEC,WAAW,IAAII;AADV,GAAF,qwDAAb;AAIA,QAAMG,EAAE,GAAGZ,KAAK,EAAhB;AAEA,QAAMa,OAAO,GAAGD,EAAE,CACjBb,MAAM,CAACe,IADU,EAEjBN,EAAE,CAACG,IAFc,EAGjBL,OAAO,IAAIP,MAAM,CAACgB,KAHD,EAIjBZ,SAJiB,CAAlB;AAOA,SAAO,EACN,GAAGI,UADG;AAENJ,IAAAA,SAAS,EAAEU;AAFL,GAAP;AAIA","sourcesContent":["/**\n * External dependencies\n */\nimport { css, SerializedStyles } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport { useFlexContext } from '../context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { FlexItemProps } from '../types';\n\nexport function useFlexItem(\n\tprops: WordPressComponentProps< FlexItemProps, 'div' >\n) {\n\tconst {\n\t\tclassName,\n\t\tdisplay: displayProp,\n\t\tisBlock = false,\n\t\t...otherProps\n\t} = useContextSystem( props, 'FlexItem' );\n\n\tconst sx: {\n\t\tBase?: SerializedStyles;\n\t} = {};\n\n\tconst contextDisplay = useFlexContext().flexItemDisplay;\n\n\tsx.Base = css( {\n\t\tdisplay: displayProp || contextDisplay,\n\t} );\n\n\tconst cx = useCx();\n\n\tconst classes = cx(\n\t\tstyles.Item,\n\t\tsx.Base,\n\t\tisBlock && styles.block,\n\t\tclassName\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}

package/build-module/flex/flex-item/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/flex-item/index.js"],"names":["default","useFlexItem"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,WAAT,QAA4B,QAA5B","sourcesContent":["export { default } from './component';\nexport { useFlexItem } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/flex-item/index.ts"],"names":["default","useFlexItem"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,WAAT,QAA4B,QAA5B","sourcesContent":["export { default } from './component';\nexport { useFlexItem } from './hook';\n"]}

package/build-module/flex/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/index.js"],"names":["default","Flex","useFlex","FlexItem","useFlexItem","FlexBlock","useFlexBlock"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,EAA0BC,OAA1B,QAAyC,QAAzC;AACA,SAASF,OAAO,IAAIG,QAApB,EAA8BC,WAA9B,QAAiD,aAAjD;AACA,SAASJ,OAAO,IAAIK,SAApB,EAA+BC,YAA/B,QAAmD,cAAnD","sourcesContent":["export { default as Flex, useFlex } from './flex';\nexport { default as FlexItem, useFlexItem } from './flex-item';\nexport { default as FlexBlock, useFlexBlock } from './flex-block';\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/index.ts"],"names":["default","Flex","useFlex","FlexItem","useFlexItem","FlexBlock","useFlexBlock"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAApB,EAA0BC,OAA1B,QAAyC,QAAzC;AACA,SAASF,OAAO,IAAIG,QAApB,EAA8BC,WAA9B,QAAiD,aAAjD;AACA,SAASJ,OAAO,IAAIK,SAApB,EAA+BC,YAA/B,QAAmD,cAAnD","sourcesContent":["export { default as Flex, useFlex } from './flex';\nexport { default as FlexItem, useFlexItem } from './flex-item';\nexport { default as FlexBlock, useFlexBlock } from './flex-block';\n"]}

package/build-module/flex/styles.js

@@ -10,7 +10,7 @@ export const Flex = process.env.NODE_ENV === "production" ? {
 } : {
   name: "a57899-Flex",
   styles: "display:flex;label:Flex;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBGbGV4ID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW0gPSBjc3NgXG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdG1pbi1oZWlnaHQ6IDA7XG5cdG1pbi13aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZmxleDogMTtcbmA7XG5cbi8qKlxuICogV29ya2Fyb3VuZCB0byBvcHRpbWl6ZSBET00gcmVuZGVyaW5nLlxuICogV2UnbGwgZW5oYW5jZSBhbGlnbm1lbnQgd2l0aCBuYWl2ZSBwYXJlbnQgZmxleCBhc3N1bXB0aW9ucy5cbiAqXG4gKiBUcmFkZS1vZmY6XG4gKiBGYXIgbGVzcyBET00gbGVzcy4gSG93ZXZlciwgVUkgcmVuZGVyaW5nIGlzIG5vdCBhcyByZWxpYWJsZS5cbiAqL1xuXG4vKipcbiAqIEltcHJvdmVzIHN0YWJpbGl0eSBvZiB3aWR0aC9oZWlnaHQgcmVuZGVyaW5nLlxuICogaHR0cHM6Ly9naXRodWIuY29tL0l0c0pvblEvZzIvcHVsbC8xNDlcbiAqL1xuZXhwb3J0IGNvbnN0IEl0ZW1zQ29sdW1uID0gY3NzYFxuXHQ+ICoge1xuXHRcdG1pbi1oZWlnaHQ6IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtc1JvdyA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdH1cbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBGbGV4ID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW0gPSBjc3NgXG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdG1pbi1oZWlnaHQ6IDA7XG5cdG1pbi13aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZmxleDogMTtcbmA7XG5cbi8qKlxuICogV29ya2Fyb3VuZCB0byBvcHRpbWl6ZSBET00gcmVuZGVyaW5nLlxuICogV2UnbGwgZW5oYW5jZSBhbGlnbm1lbnQgd2l0aCBuYWl2ZSBwYXJlbnQgZmxleCBhc3N1bXB0aW9ucy5cbiAqXG4gKiBUcmFkZS1vZmY6XG4gKiBGYXIgbGVzcyBET00gbGVzcy4gSG93ZXZlciwgVUkgcmVuZGVyaW5nIGlzIG5vdCBhcyByZWxpYWJsZS5cbiAqL1xuXG4vKipcbiAqIEltcHJvdmVzIHN0YWJpbGl0eSBvZiB3aWR0aC9oZWlnaHQgcmVuZGVyaW5nLlxuICogaHR0cHM6Ly9naXRodWIuY29tL0l0c0pvblEvZzIvcHVsbC8xNDlcbiAqL1xuZXhwb3J0IGNvbnN0IEl0ZW1zQ29sdW1uID0gY3NzYFxuXHQ+ICoge1xuXHRcdG1pbi1oZWlnaHQ6IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtc1JvdyA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdH1cbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export const Item = process.env.NODE_ENV === "production" ? {
@@ -19,7 +19,7 @@ export const Item = process.env.NODE_ENV === "production" ? {
 } : {
   name: "14ac8g8-Item",
   styles: "display:block;max-height:100%;max-width:100%;min-height:0;min-width:0;label:Item;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBGbGV4ID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW0gPSBjc3NgXG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdG1pbi1oZWlnaHQ6IDA7XG5cdG1pbi13aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZmxleDogMTtcbmA7XG5cbi8qKlxuICogV29ya2Fyb3VuZCB0byBvcHRpbWl6ZSBET00gcmVuZGVyaW5nLlxuICogV2UnbGwgZW5oYW5jZSBhbGlnbm1lbnQgd2l0aCBuYWl2ZSBwYXJlbnQgZmxleCBhc3N1bXB0aW9ucy5cbiAqXG4gKiBUcmFkZS1vZmY6XG4gKiBGYXIgbGVzcyBET00gbGVzcy4gSG93ZXZlciwgVUkgcmVuZGVyaW5nIGlzIG5vdCBhcyByZWxpYWJsZS5cbiAqL1xuXG4vKipcbiAqIEltcHJvdmVzIHN0YWJpbGl0eSBvZiB3aWR0aC9oZWlnaHQgcmVuZGVyaW5nLlxuICogaHR0cHM6Ly9naXRodWIuY29tL0l0c0pvblEvZzIvcHVsbC8xNDlcbiAqL1xuZXhwb3J0IGNvbnN0IEl0ZW1zQ29sdW1uID0gY3NzYFxuXHQ+ICoge1xuXHRcdG1pbi1oZWlnaHQ6IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtc1JvdyA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdH1cbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBGbGV4ID0gY3NzYFxuXHRkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGNvbnN0IEl0ZW0gPSBjc3NgXG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRtYXgtaGVpZ2h0OiAxMDAlO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG5cdG1pbi1oZWlnaHQ6IDA7XG5cdG1pbi13aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBibG9jayA9IGNzc2Bcblx0ZmxleDogMTtcbmA7XG5cbi8qKlxuICogV29ya2Fyb3VuZCB0byBvcHRpbWl6ZSBET00gcmVuZGVyaW5nLlxuICogV2UnbGwgZW5oYW5jZSBhbGlnbm1lbnQgd2l0aCBuYWl2ZSBwYXJlbnQgZmxleCBhc3N1bXB0aW9ucy5cbiAqXG4gKiBUcmFkZS1vZmY6XG4gKiBGYXIgbGVzcyBET00gbGVzcy4gSG93ZXZlciwgVUkgcmVuZGVyaW5nIGlzIG5vdCBhcyByZWxpYWJsZS5cbiAqL1xuXG4vKipcbiAqIEltcHJvdmVzIHN0YWJpbGl0eSBvZiB3aWR0aC9oZWlnaHQgcmVuZGVyaW5nLlxuICogaHR0cHM6Ly9naXRodWIuY29tL0l0c0pvblEvZzIvcHVsbC8xNDlcbiAqL1xuZXhwb3J0IGNvbnN0IEl0ZW1zQ29sdW1uID0gY3NzYFxuXHQ+ICoge1xuXHRcdG1pbi1oZWlnaHQ6IDA7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtc1JvdyA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4td2lkdGg6IDA7XG5cdH1cbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export const block = process.env.NODE_ENV === "production" ? {
@@ -28,7 +28,7 @@ export const block = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1ya6i3g-block",
   styles: "flex:1;label:block;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ3QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRmxleCA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gY3NzYFxuXHRkaXNwbGF5OiBibG9jaztcblx0bWF4LWhlaWdodDogMTAwJTtcblx0bWF4LXdpZHRoOiAxMDAlO1xuXHRtaW4taGVpZ2h0OiAwO1xuXHRtaW4td2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGZsZXg6IDE7XG5gO1xuXG4vKipcbiAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cbiAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG4gKlxuICogVHJhZGUtb2ZmOlxuICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG4gKi9cblxuLyoqXG4gKiBJbXByb3ZlcyBzdGFiaWxpdHkgb2Ygd2lkdGgvaGVpZ2h0IHJlbmRlcmluZy5cbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9JdHNKb25RL2cyL3B1bGwvMTQ5XG4gKi9cbmV4cG9ydCBjb25zdCBJdGVtc0NvbHVtbiA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbXNSb3cgPSBjc3NgXG5cdD4gKiB7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJ3QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRmxleCA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gY3NzYFxuXHRkaXNwbGF5OiBibG9jaztcblx0bWF4LWhlaWdodDogMTAwJTtcblx0bWF4LXdpZHRoOiAxMDAlO1xuXHRtaW4taGVpZ2h0OiAwO1xuXHRtaW4td2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGZsZXg6IDE7XG5gO1xuXG4vKipcbiAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cbiAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG4gKlxuICogVHJhZGUtb2ZmOlxuICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG4gKi9cblxuLyoqXG4gKiBJbXByb3ZlcyBzdGFiaWxpdHkgb2Ygd2lkdGgvaGVpZ2h0IHJlbmRlcmluZy5cbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9JdHNKb25RL2cyL3B1bGwvMTQ5XG4gKi9cbmV4cG9ydCBjb25zdCBJdGVtc0NvbHVtbiA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbXNSb3cgPSBjc3NgXG5cdD4gKiB7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 /**
@@ -50,7 +50,7 @@ export const ItemsColumn = process.env.NODE_ENV === "production" ? {
 } : {
   name: "9k4k7f-ItemsColumn",
   styles: ">*{min-height:0;};label:ItemsColumn;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM4QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRmxleCA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gY3NzYFxuXHRkaXNwbGF5OiBibG9jaztcblx0bWF4LWhlaWdodDogMTAwJTtcblx0bWF4LXdpZHRoOiAxMDAlO1xuXHRtaW4taGVpZ2h0OiAwO1xuXHRtaW4td2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGZsZXg6IDE7XG5gO1xuXG4vKipcbiAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cbiAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG4gKlxuICogVHJhZGUtb2ZmOlxuICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG4gKi9cblxuLyoqXG4gKiBJbXByb3ZlcyBzdGFiaWxpdHkgb2Ygd2lkdGgvaGVpZ2h0IHJlbmRlcmluZy5cbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9JdHNKb25RL2cyL3B1bGwvMTQ5XG4gKi9cbmV4cG9ydCBjb25zdCBJdGVtc0NvbHVtbiA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbXNSb3cgPSBjc3NgXG5cdD4gKiB7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM4QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRmxleCA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gY3NzYFxuXHRkaXNwbGF5OiBibG9jaztcblx0bWF4LWhlaWdodDogMTAwJTtcblx0bWF4LXdpZHRoOiAxMDAlO1xuXHRtaW4taGVpZ2h0OiAwO1xuXHRtaW4td2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGZsZXg6IDE7XG5gO1xuXG4vKipcbiAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cbiAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG4gKlxuICogVHJhZGUtb2ZmOlxuICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG4gKi9cblxuLyoqXG4gKiBJbXByb3ZlcyBzdGFiaWxpdHkgb2Ygd2lkdGgvaGVpZ2h0IHJlbmRlcmluZy5cbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9JdHNKb25RL2cyL3B1bGwvMTQ5XG4gKi9cbmV4cG9ydCBjb25zdCBJdGVtc0NvbHVtbiA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbXNSb3cgPSBjc3NgXG5cdD4gKiB7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export const ItemsRow = process.env.NODE_ENV === "production" ? {
@@ -59,7 +59,7 @@ export const ItemsRow = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1ozeagb-ItemsRow",
   styles: ">*{min-width:0;};label:ItemsRow;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUMyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRmxleCA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gY3NzYFxuXHRkaXNwbGF5OiBibG9jaztcblx0bWF4LWhlaWdodDogMTAwJTtcblx0bWF4LXdpZHRoOiAxMDAlO1xuXHRtaW4taGVpZ2h0OiAwO1xuXHRtaW4td2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGZsZXg6IDE7XG5gO1xuXG4vKipcbiAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cbiAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG4gKlxuICogVHJhZGUtb2ZmOlxuICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG4gKi9cblxuLyoqXG4gKiBJbXByb3ZlcyBzdGFiaWxpdHkgb2Ygd2lkdGgvaGVpZ2h0IHJlbmRlcmluZy5cbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9JdHNKb25RL2cyL3B1bGwvMTQ5XG4gKi9cbmV4cG9ydCBjb25zdCBJdGVtc0NvbHVtbiA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbXNSb3cgPSBjc3NgXG5cdD4gKiB7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZmxleC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUMyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL2ZsZXgvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgRmxleCA9IGNzc2Bcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gY3NzYFxuXHRkaXNwbGF5OiBibG9jaztcblx0bWF4LWhlaWdodDogMTAwJTtcblx0bWF4LXdpZHRoOiAxMDAlO1xuXHRtaW4taGVpZ2h0OiAwO1xuXHRtaW4td2lkdGg6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgYmxvY2sgPSBjc3NgXG5cdGZsZXg6IDE7XG5gO1xuXG4vKipcbiAqIFdvcmthcm91bmQgdG8gb3B0aW1pemUgRE9NIHJlbmRlcmluZy5cbiAqIFdlJ2xsIGVuaGFuY2UgYWxpZ25tZW50IHdpdGggbmFpdmUgcGFyZW50IGZsZXggYXNzdW1wdGlvbnMuXG4gKlxuICogVHJhZGUtb2ZmOlxuICogRmFyIGxlc3MgRE9NIGxlc3MuIEhvd2V2ZXIsIFVJIHJlbmRlcmluZyBpcyBub3QgYXMgcmVsaWFibGUuXG4gKi9cblxuLyoqXG4gKiBJbXByb3ZlcyBzdGFiaWxpdHkgb2Ygd2lkdGgvaGVpZ2h0IHJlbmRlcmluZy5cbiAqIGh0dHBzOi8vZ2l0aHViLmNvbS9JdHNKb25RL2cyL3B1bGwvMTQ5XG4gKi9cbmV4cG9ydCBjb25zdCBJdGVtc0NvbHVtbiA9IGNzc2Bcblx0PiAqIHtcblx0XHRtaW4taGVpZ2h0OiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgSXRlbXNSb3cgPSBjc3NgXG5cdD4gKiB7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 //# sourceMappingURL=styles.js.map

package/build-module/flex/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/flex/styles.js"],"names":["css","Flex","Item","block","ItemsColumn","ItemsRow"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAV;AAIP,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAV;AAQP,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAjB;AAMP,OAAO,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAd","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\nexport const Flex = css`\n\tdisplay: flex;\n`;\n\nexport const Item = css`\n\tdisplay: block;\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n`;\n\nexport const block = css`\n\tflex: 1;\n`;\n\n/**\n * Workaround to optimize DOM rendering.\n * We'll enhance alignment with naive parent flex assumptions.\n *\n * Trade-off:\n * Far less DOM less. However, UI rendering is not as reliable.\n */\n\n/**\n * Improves stability of width/height rendering.\n * https://github.com/ItsJonQ/g2/pull/149\n */\nexport const ItemsColumn = css`\n\t> * {\n\t\tmin-height: 0;\n\t}\n`;\n\nexport const ItemsRow = css`\n\t> * {\n\t\tmin-width: 0;\n\t}\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/flex/styles.ts"],"names":["css","Flex","Item","block","ItemsColumn","ItemsRow"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAV;AAIP,OAAO,MAAMC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAV;AAQP,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAX;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAjB;AAMP,OAAO,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAd","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\nexport const Flex = css`\n\tdisplay: flex;\n`;\n\nexport const Item = css`\n\tdisplay: block;\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tmin-height: 0;\n\tmin-width: 0;\n`;\n\nexport const block = css`\n\tflex: 1;\n`;\n\n/**\n * Workaround to optimize DOM rendering.\n * We'll enhance alignment with naive parent flex assumptions.\n *\n * Trade-off:\n * Far less DOM less. However, UI rendering is not as reliable.\n */\n\n/**\n * Improves stability of width/height rendering.\n * https://github.com/ItsJonQ/g2/pull/149\n */\nexport const ItemsColumn = css`\n\t> * {\n\t\tmin-height: 0;\n\t}\n`;\n\nexport const ItemsRow = css`\n\t> * {\n\t\tmin-width: 0;\n\t}\n`;\n"]}

package/build-module/focal-point-picker/grid.js

@@ -11,10 +11,6 @@ import { useState } from '@wordpress/element';
 
 import { GridView, GridLineX, GridLineY } from './styles/focal-point-picker-style';
 import { useUpdateEffect } from '../utils/hooks';
-const {
-  clearTimeout,
-  setTimeout
-} = typeof window !== 'undefined' ? window : {};
 export default function FocalPointPickerGrid(_ref) {
   let {
     bounds = {},
@@ -57,10 +53,10 @@ function useRevealAnimation(value) {
   const [isActive, setIsActive] = useState(false);
   useUpdateEffect(() => {
     setIsActive(true);
-    const timeout = setTimeout(() => {
+    const timeout = window.setTimeout(() => {
       setIsActive(false);
     }, 600);
-    return () => clearTimeout(timeout);
+    return () => window.clearTimeout(timeout);
   }, [value]);
   return {
     isActive

package/build-module/focal-point-picker/grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/focal-point-picker/grid.js"],"names":["useState","GridView","GridLineX","GridLineY","useUpdateEffect","clearTimeout","setTimeout","window","FocalPointPickerGrid","bounds","value","props","animationProps","useRevealAnimation","style","width","height","top","left","isActive","setIsActive","timeout"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,oBAAzB;AAEA;AACA;AACA;;AACA,SACCC,QADD,EAECC,SAFD,EAGCC,SAHD,QAIO,mCAJP;AAKA,SAASC,eAAT,QAAgC,gBAAhC;AAEA,MAAM;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA;AAAhB,IACL,OAAOC,MAAP,KAAkB,WAAlB,GAAgCA,MAAhC,GAAyC,EAD1C;AAGA,eAAe,SAASC,oBAAT,OAIX;AAAA,MAJ0C;AAC7CC,IAAAA,MAAM,GAAG,EADoC;AAE7CC,IAAAA,KAF6C;AAG7C,OAAGC;AAH0C,GAI1C;AACH,QAAMC,cAAc,GAAGC,kBAAkB,CAAEH,KAAF,CAAzC;AACA,QAAMI,KAAK,GAAG;AACbC,IAAAA,KAAK,EAAEN,MAAM,CAACM,KADD;AAEbC,IAAAA,MAAM,EAAEP,MAAM,CAACO;AAFF,GAAd;AAKA,SACC,cAAC,QAAD,eACML,KADN,EAEMC,cAFN;AAGC,IAAA,SAAS,EAAC,qCAHX;AAIC,IAAA,KAAK,EAAGE;AAJT,MAMC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEG,MAAAA,GAAG,EAAE;AAAP;AAAnB,IAND,EAOC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEA,MAAAA,GAAG,EAAE;AAAP;AAAnB,IAPD,EAQC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEC,MAAAA,IAAI,EAAE;AAAR;AAAnB,IARD,EASC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEA,MAAAA,IAAI,EAAE;AAAR;AAAnB,IATD,CADD;AAaA;AAED;AACA;AACA;AACA;AACA;;AACA,SAASL,kBAAT,CAA6BH,KAA7B,EAAqC;AACpC,QAAM,CAAES,QAAF,EAAYC,WAAZ,IAA4BpB,QAAQ,CAAE,KAAF,CAA1C;AAEAI,EAAAA,eAAe,CAAE,MAAM;AACtBgB,IAAAA,WAAW,CAAE,IAAF,CAAX;AACA,UAAMC,OAAO,GAAGf,UAAU,CAAE,MAAM;AACjCc,MAAAA,WAAW,CAAE,KAAF,CAAX;AACA,KAFyB,EAEvB,GAFuB,CAA1B;AAIA,WAAO,MAAMf,YAAY,CAAEgB,OAAF,CAAzB;AACA,GAPc,EAOZ,CAAEX,KAAF,CAPY,CAAf;AASA,SAAO;AACNS,IAAAA;AADM,GAAP;AAGA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tGridView,\n\tGridLineX,\n\tGridLineY,\n} from './styles/focal-point-picker-style';\nimport { useUpdateEffect } from '../utils/hooks';\n\nconst { clearTimeout, setTimeout } =\n\ttypeof window !== 'undefined' ? window : {};\n\nexport default function FocalPointPickerGrid( {\n\tbounds = {},\n\tvalue,\n\t...props\n} ) {\n\tconst animationProps = useRevealAnimation( value );\n\tconst style = {\n\t\twidth: bounds.width,\n\t\theight: bounds.height,\n\t};\n\n\treturn (\n\t\t<GridView\n\t\t\t{ ...props }\n\t\t\t{ ...animationProps }\n\t\t\tclassName=\"components-focal-point-picker__grid\"\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t<GridLineX style={ { top: '33%' } } />\n\t\t\t<GridLineX style={ { top: '66%' } } />\n\t\t\t<GridLineY style={ { left: '33%' } } />\n\t\t\t<GridLineY style={ { left: '66%' } } />\n\t\t</GridView>\n\t);\n}\n\n/**\n * Custom hook that renders the \"flash\" animation whenever the value changes.\n *\n * @param {string} value Value of (box) side.\n */\nfunction useRevealAnimation( value ) {\n\tconst [ isActive, setIsActive ] = useState( false );\n\n\tuseUpdateEffect( () => {\n\t\tsetIsActive( true );\n\t\tconst timeout = setTimeout( () => {\n\t\t\tsetIsActive( false );\n\t\t}, 600 );\n\n\t\treturn () => clearTimeout( timeout );\n\t}, [ value ] );\n\n\treturn {\n\t\tisActive,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/focal-point-picker/grid.js"],"names":["useState","GridView","GridLineX","GridLineY","useUpdateEffect","FocalPointPickerGrid","bounds","value","props","animationProps","useRevealAnimation","style","width","height","top","left","isActive","setIsActive","timeout","window","setTimeout","clearTimeout"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,oBAAzB;AAEA;AACA;AACA;;AACA,SACCC,QADD,EAECC,SAFD,EAGCC,SAHD,QAIO,mCAJP;AAKA,SAASC,eAAT,QAAgC,gBAAhC;AAEA,eAAe,SAASC,oBAAT,OAIX;AAAA,MAJ0C;AAC7CC,IAAAA,MAAM,GAAG,EADoC;AAE7CC,IAAAA,KAF6C;AAG7C,OAAGC;AAH0C,GAI1C;AACH,QAAMC,cAAc,GAAGC,kBAAkB,CAAEH,KAAF,CAAzC;AACA,QAAMI,KAAK,GAAG;AACbC,IAAAA,KAAK,EAAEN,MAAM,CAACM,KADD;AAEbC,IAAAA,MAAM,EAAEP,MAAM,CAACO;AAFF,GAAd;AAKA,SACC,cAAC,QAAD,eACML,KADN,EAEMC,cAFN;AAGC,IAAA,SAAS,EAAC,qCAHX;AAIC,IAAA,KAAK,EAAGE;AAJT,MAMC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEG,MAAAA,GAAG,EAAE;AAAP;AAAnB,IAND,EAOC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEA,MAAAA,GAAG,EAAE;AAAP;AAAnB,IAPD,EAQC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEC,MAAAA,IAAI,EAAE;AAAR;AAAnB,IARD,EASC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAG;AAAEA,MAAAA,IAAI,EAAE;AAAR;AAAnB,IATD,CADD;AAaA;AAED;AACA;AACA;AACA;AACA;;AACA,SAASL,kBAAT,CAA6BH,KAA7B,EAAqC;AACpC,QAAM,CAAES,QAAF,EAAYC,WAAZ,IAA4BjB,QAAQ,CAAE,KAAF,CAA1C;AAEAI,EAAAA,eAAe,CAAE,MAAM;AACtBa,IAAAA,WAAW,CAAE,IAAF,CAAX;AACA,UAAMC,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAmB,MAAM;AACxCH,MAAAA,WAAW,CAAE,KAAF,CAAX;AACA,KAFe,EAEb,GAFa,CAAhB;AAIA,WAAO,MAAME,MAAM,CAACE,YAAP,CAAqBH,OAArB,CAAb;AACA,GAPc,EAOZ,CAAEX,KAAF,CAPY,CAAf;AASA,SAAO;AACNS,IAAAA;AADM,GAAP;AAGA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tGridView,\n\tGridLineX,\n\tGridLineY,\n} from './styles/focal-point-picker-style';\nimport { useUpdateEffect } from '../utils/hooks';\n\nexport default function FocalPointPickerGrid( {\n\tbounds = {},\n\tvalue,\n\t...props\n} ) {\n\tconst animationProps = useRevealAnimation( value );\n\tconst style = {\n\t\twidth: bounds.width,\n\t\theight: bounds.height,\n\t};\n\n\treturn (\n\t\t<GridView\n\t\t\t{ ...props }\n\t\t\t{ ...animationProps }\n\t\t\tclassName=\"components-focal-point-picker__grid\"\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t<GridLineX style={ { top: '33%' } } />\n\t\t\t<GridLineX style={ { top: '66%' } } />\n\t\t\t<GridLineY style={ { left: '33%' } } />\n\t\t\t<GridLineY style={ { left: '66%' } } />\n\t\t</GridView>\n\t);\n}\n\n/**\n * Custom hook that renders the \"flash\" animation whenever the value changes.\n *\n * @param {string} value Value of (box) side.\n */\nfunction useRevealAnimation( value ) {\n\tconst [ isActive, setIsActive ] = useState( false );\n\n\tuseUpdateEffect( () => {\n\t\tsetIsActive( true );\n\t\tconst timeout = window.setTimeout( () => {\n\t\t\tsetIsActive( false );\n\t\t}, 600 );\n\n\t\treturn () => window.clearTimeout( timeout );\n\t}, [ value ] );\n\n\treturn {\n\t\tisActive,\n\t};\n}\n"]}

package/build-module/focal-point-picker/index.native.js

@@ -47,8 +47,8 @@ function FocalPointPicker(props) {
   const [displayPlaceholder, setDisplayPlaceholder] = useState(true);
   const [videoNaturalSize, setVideoNaturalSize] = useState(null);
   const [tooltipVisible, setTooltipVisible] = useState(false);
-  let locationPageOffsetX = useRef().current;
-  let locationPageOffsetY = useRef().current;
+  const locationPageOffsetX = useRef();
+  const locationPageOffsetY = useRef();
   const videoRef = useRef(null);
   useEffect(() => {
     requestFocalPointPickerTooltipShown(tooltipShown => {
@@ -72,7 +72,7 @@ function FocalPointPicker(props) {
         y: focalPoint.y * containerSize.height
       });
     }
-  }, [focalPoint, containerSize]); // Pan responder to manage drag handle interactivity.
+  }, [focalPoint, containerSize, pan]); // Pan responder to manage drag handle interactivity.
 
   const panResponder = useMemo(() => PanResponder.create({
     onStartShouldSetPanResponder: () => true,
@@ -87,8 +87,8 @@ function FocalPointPicker(props) {
         pageX,
         pageY
       } = event.nativeEvent;
-      locationPageOffsetX = pageX - x;
-      locationPageOffsetY = pageY - y;
+      locationPageOffsetX.current = pageX - x;
+      locationPageOffsetY.current = pageY - y;
       pan.setValue({
         x,
         y
@@ -117,8 +117,8 @@ function FocalPointPicker(props) {
       // results in inaccurate locationX and locationY coordinates to be
       // reported. https://github.com/facebook/react-native/issues/15290#issuecomment-435494944
 
-      const x = pageX - locationPageOffsetX;
-      const y = pageY - locationPageOffsetY;
+      const x = pageX - locationPageOffsetX.current;
+      const y = pageY - locationPageOffsetY.current;
       onChange({
         x: clamp(x / (containerSize === null || containerSize === void 0 ? void 0 : containerSize.width), 0, 1).toFixed(2),
         y: clamp(y / (containerSize === null || containerSize === void 0 ? void 0 : containerSize.height), 0, 1).toFixed(2)
@@ -128,7 +128,7 @@ function FocalPointPicker(props) {
 
       setSliderKey(prevState => prevState + 1);
     }
-  }), [containerSize]);
+  }), [containerSize, pan, onChange, shouldEnableBottomSheetScroll]);
   const mediaBackground = usePreferredColorSchemeStyle(styles.mediaBackground, styles.mediaBackgroundDark);
   const imagePreviewStyles = [displayPlaceholder && styles.mediaPlaceholder, styles.image];
   const videoPreviewStyles = [{