@wordpress/components 19.0.1 → 19.0.5

package/build/ui/__storybook-utils/page.js

@@ -18,10 +18,11 @@ var _divider = require("../../divider");
 /**
  * Internal dependencies
  */
-function Page({
-  title = 'Component',
-  children
-}) {
+function Page(_ref) {
+  let {
+    title = 'Component',
+    children
+  } = _ref;
   return (0, _element.createElement)("div", {
     style: {
       paddingTop: 24,

package/build/ui/__storybook-utils/page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/page.js"],"names":["Page","title","children","paddingTop","paddingBottom","maxWidth","marginLeft","marginRight"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMA,SAASA,IAAT,CAAe;AAAEC,EAAAA,KAAK,GAAG,WAAV;AAAuBC,EAAAA;AAAvB,CAAf,EAAmD;AAClD,SACC;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,UAAU,EAAE,EADL;AAEPC,MAAAA,aAAa,EAAE,MAFR;AAGPC,MAAAA,QAAQ,EAAE,QAHH;AAIPC,MAAAA,UAAU,EAAE,MAJL;AAKPC,MAAAA,WAAW,EAAE;AALN;AADT,KASC,4BAAC,cAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,4BAAC,gBAAD;AAAS,IAAA,IAAI,EAAG;AAAhB,KAAsBN,KAAtB,CADD,EAEC,4BAAC,gBAAD,OAFD,EAGC,4BAAC,UAAD,QAAQC,QAAR,CAHD,CATD,CADD;AAiBA;;eAEcF,I","sourcesContent":["/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { View } from '../../view';\nimport { Heading } from '../../heading';\nimport { Divider } from '../../divider';\n\nfunction Page( { title = 'Component', children } ) {\n\treturn (\n\t\t<div\n\t\t\tstyle={ {\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: '20vh',\n\t\t\t\tmaxWidth: '1280px',\n\t\t\t\tmarginLeft: 'auto',\n\t\t\t\tmarginRight: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t<Heading size={ 1 }>{ title }</Heading>\n\t\t\t\t<Divider />\n\t\t\t\t<View>{ children }</View>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default Page;\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/__storybook-utils/page.js"],"names":["Page","title","children","paddingTop","paddingBottom","maxWidth","marginLeft","marginRight"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMA,SAASA,IAAT,OAAmD;AAAA,MAApC;AAAEC,IAAAA,KAAK,GAAG,WAAV;AAAuBC,IAAAA;AAAvB,GAAoC;AAClD,SACC;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,UAAU,EAAE,EADL;AAEPC,MAAAA,aAAa,EAAE,MAFR;AAGPC,MAAAA,QAAQ,EAAE,QAHH;AAIPC,MAAAA,UAAU,EAAE,MAJL;AAKPC,MAAAA,WAAW,EAAE;AALN;AADT,KASC,4BAAC,cAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACC,4BAAC,gBAAD;AAAS,IAAA,IAAI,EAAG;AAAhB,KAAsBN,KAAtB,CADD,EAEC,4BAAC,gBAAD,OAFD,EAGC,4BAAC,UAAD,QAAQC,QAAR,CAHD,CATD,CADD;AAiBA;;eAEcF,I","sourcesContent":["/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { View } from '../../view';\nimport { Heading } from '../../heading';\nimport { Divider } from '../../divider';\n\nfunction Page( { title = 'Component', children } ) {\n\treturn (\n\t\t<div\n\t\t\tstyle={ {\n\t\t\t\tpaddingTop: 24,\n\t\t\t\tpaddingBottom: '20vh',\n\t\t\t\tmaxWidth: '1280px',\n\t\t\t\tmarginLeft: 'auto',\n\t\t\t\tmarginRight: 'auto',\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing={ 6 }>\n\t\t\t\t<Heading size={ 1 }>{ title }</Heading>\n\t\t\t\t<Divider />\n\t\t\t\t<View>{ children }</View>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport default Page;\n"]}

package/build/ui/context/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CONNECT_STATIC_NAMESPACE = exports.CONTEXT_COMPONENT_NAMESPACE = exports.CONNECTED_NAMESPACE = exports.COMPONENT_NAMESPACE = exports.REACT_TYPEOF_KEY = void 0;
+exports.REACT_TYPEOF_KEY = exports.CONTEXT_COMPONENT_NAMESPACE = exports.CONNECT_STATIC_NAMESPACE = exports.CONNECTED_NAMESPACE = exports.COMPONENT_NAMESPACE = void 0;
 const REACT_TYPEOF_KEY = '$$typeof';
 exports.REACT_TYPEOF_KEY = REACT_TYPEOF_KEY;
 const COMPONENT_NAMESPACE = 'data-wp-component';

package/build/ui/context/context-connect.js

@@ -48,7 +48,9 @@ var _getStyledClassNameFromKey = require("./get-styled-class-name-from-key");
  * @param {boolean}                                                         [options.memo=false]
  * @return {import('./wordpress-component').WordPressComponentFromProps<P>} The connected WordPressComponent
  */
-function contextConnect(Component, namespace, options = {}) {
+function contextConnect(Component, namespace) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
   /* eslint-enable jsdoc/valid-types */
   const {
     memo: memoProp = false

package/build/ui/context/context-connect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/context/context-connect.js"],"names":["contextConnect","Component","namespace","options","memo","memoProp","WrappedComponent","mergedNamespace","CONNECT_STATIC_NAMESPACE","Array","isArray","displayName","selector","getConnectNamespace","namespaces","type","hasConnectNamespace","match","includes","some","result"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,CAAyBC,SAAzB,EAAoCC,SAApC,EAA+CC,OAAO,GAAG,EAAzD,EAA8D;AACpE;AACA,QAAM;AAAEC,IAAAA,IAAI,EAAEC,QAAQ,GAAG;AAAnB,MAA6BF,OAAnC;AAEA,MAAIG,gBAAgB,GAAG,yBAAYL,SAAZ,CAAvB;;AACA,MAAKI,QAAL,EAAgB;AACf;AACAC,IAAAA,gBAAgB,GAAG,mBAAMA,gBAAN,CAAnB;AACA;;AAED,MAAK,OAAOJ,SAAP,KAAqB,WAA1B,EAAwC;AACvC,mHAAM,4CAAN;AACA,GAZmE,CAcpE;;;AACA,MAAIK,eAAe,GAAGD,gBAAgB,CAAEE,mCAAF,CAAhB,IAAgD,CACrEN,SADqE,CAAtE;AAIA;AACD;AACA;;AACC,MAAKO,KAAK,CAACC,OAAN,CAAeR,SAAf,CAAL,EAAkC;AACjCK,IAAAA,eAAe,GAAG,CAAE,GAAGA,eAAL,EAAsB,GAAGL,SAAzB,CAAlB;AACA;;AACD,MAAK,OAAOA,SAAP,KAAqB,QAA1B,EAAqC;AACpCK,IAAAA,eAAe,GAAG,CAAE,GAAGA,eAAL,EAAsBL,SAAtB,CAAlB;AACA;;AAEDI,EAAAA,gBAAgB,CAACK,WAAjB,GAA+BT,SAA/B,CA7BoE,CA+BpE;;AACAI,EAAAA,gBAAgB,CAAEE,mCAAF,CAAhB,GAA+C,kBAAMD,eAAN,CAA/C,CAhCoE,CAkCpE;;AACAD,EAAAA,gBAAgB,CAACM,QAAjB,GAA6B,IAAI,0DAA2BV,SAA3B,CAAwC,EAAzE,CAnCoE,CAqCpE;;AACA,SAAOI,gBAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASO,mBAAT,CAA8BZ,SAA9B,EAA0C;AAChD,MAAK,CAAEA,SAAP,EAAmB,OAAO,EAAP;AAEnB,MAAIa,UAAU,GAAG,EAAjB,CAHgD,CAKhD;;AACA,MAAKb,SAAS,CAAEO,mCAAF,CAAd,EAA6C;AAC5C;AACAM,IAAAA,UAAU,GAAGb,SAAS,CAAEO,mCAAF,CAAtB;AACA,GAT+C,CAWhD;;;AACA,MAAKP,SAAS,CAACc,IAAV,IAAkBd,SAAS,CAACc,IAAV,CAAgBP,mCAAhB,CAAvB,EAAoE;AACnE;AACAM,IAAAA,UAAU,GAAGb,SAAS,CAACc,IAAV,CAAgBP,mCAAhB,CAAb;AACA;;AAED,SAAOM,UAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASE,mBAAT,CAA8Bf,SAA9B,EAAyCgB,KAAzC,EAAiD;AACvD,MAAK,CAAEhB,SAAP,EAAmB,OAAO,KAAP;;AAEnB,MAAK,OAAOgB,KAAP,KAAiB,QAAtB,EAAiC;AAChC,WAAOJ,mBAAmB,CAAEZ,SAAF,CAAnB,CAAiCiB,QAAjC,CAA2CD,KAA3C,CAAP;AACA;;AACD,MAAKR,KAAK,CAACC,OAAN,CAAeO,KAAf,CAAL,EAA8B;AAC7B,WAAOA,KAAK,CAACE,IAAN,CAAcC,MAAF,IAClBP,mBAAmB,CAAEZ,SAAF,CAAnB,CAAiCiB,QAAjC,CAA2CE,MAA3C,CADM,CAAP;AAGA;;AAED,SAAO,KAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { uniq } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, memo } from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { CONNECT_STATIC_NAMESPACE } from './constants';\nimport { getStyledClassNameFromKey } from './get-styled-class-name-from-key';\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * Forwards ref (React.ForwardRef) and \"Connects\" (or registers) a component\n * within the Context system under a specified namespace.\n *\n * This is an (experimental) evolution of the initial connect() HOC.\n * The hope is that we can improve render performance by removing functional\n * component wrappers.\n *\n * @template {import('./wordpress-component').WordPressComponentProps<{}, any, any>} P\n * @param {(props: P, ref: import('react').Ref<any>) => JSX.Element | null} Component            The component to register into the Context system.\n * @param {string}                                                          namespace            The namespace to register the component under.\n * @param {Object}                                                          options\n * @param {boolean}                                                         [options.memo=false]\n * @return {import('./wordpress-component').WordPressComponentFromProps<P>} The connected WordPressComponent\n */\nexport function contextConnect( Component, namespace, options = {} ) {\n\t/* eslint-enable jsdoc/valid-types */\n\tconst { memo: memoProp = false } = options;\n\n\tlet WrappedComponent = forwardRef( Component );\n\tif ( memoProp ) {\n\t\t// @ts-ignore\n\t\tWrappedComponent = memo( WrappedComponent );\n\t}\n\n\tif ( typeof namespace === 'undefined' ) {\n\t\twarn( 'contextConnect: Please provide a namespace' );\n\t}\n\n\t// @ts-ignore internal property\n\tlet mergedNamespace = WrappedComponent[ CONNECT_STATIC_NAMESPACE ] || [\n\t\tnamespace,\n\t];\n\n\t/**\n\t * Consolidate (merge) namespaces before attaching it to the WrappedComponent.\n\t */\n\tif ( Array.isArray( namespace ) ) {\n\t\tmergedNamespace = [ ...mergedNamespace, ...namespace ];\n\t}\n\tif ( typeof namespace === 'string' ) {\n\t\tmergedNamespace = [ ...mergedNamespace, namespace ];\n\t}\n\n\tWrappedComponent.displayName = namespace;\n\n\t// @ts-ignore internal property\n\tWrappedComponent[ CONNECT_STATIC_NAMESPACE ] = uniq( mergedNamespace );\n\n\t// @ts-ignore WordPressComponent property\n\tWrappedComponent.selector = `.${ getStyledClassNameFromKey( namespace ) }`;\n\n\t// @ts-ignore\n\treturn WrappedComponent;\n}\n\n/**\n * Attempts to retrieve the connected namespace from a component.\n *\n * @param {import('react').ReactChild | undefined | {}} Component The component to retrieve a namespace from.\n * @return {Array<string>} The connected namespaces.\n */\nexport function getConnectNamespace( Component ) {\n\tif ( ! Component ) return [];\n\n\tlet namespaces = [];\n\n\t// @ts-ignore internal property\n\tif ( Component[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore internal property\n\t\tnamespaces = Component[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\t// @ts-ignore\n\tif ( Component.type && Component.type[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore\n\t\tnamespaces = Component.type[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\treturn namespaces;\n}\n\n/**\n * Checks to see if a component is connected within the Context system.\n *\n * @param {import('react').ReactNode} Component The component to retrieve a namespace from.\n * @param {Array<string>|string}      match     The namespace to check.\n * @return {boolean} The result.\n */\nexport function hasConnectNamespace( Component, match ) {\n\tif ( ! Component ) return false;\n\n\tif ( typeof match === 'string' ) {\n\t\treturn getConnectNamespace( Component ).includes( match );\n\t}\n\tif ( Array.isArray( match ) ) {\n\t\treturn match.some( ( result ) =>\n\t\t\tgetConnectNamespace( Component ).includes( result )\n\t\t);\n\t}\n\n\treturn false;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/context/context-connect.js"],"names":["contextConnect","Component","namespace","options","memo","memoProp","WrappedComponent","mergedNamespace","CONNECT_STATIC_NAMESPACE","Array","isArray","displayName","selector","getConnectNamespace","namespaces","type","hasConnectNamespace","match","includes","some","result"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAT,CAAyBC,SAAzB,EAAoCC,SAApC,EAA8D;AAAA,MAAfC,OAAe,uEAAL,EAAK;;AACpE;AACA,QAAM;AAAEC,IAAAA,IAAI,EAAEC,QAAQ,GAAG;AAAnB,MAA6BF,OAAnC;AAEA,MAAIG,gBAAgB,GAAG,yBAAYL,SAAZ,CAAvB;;AACA,MAAKI,QAAL,EAAgB;AACf;AACAC,IAAAA,gBAAgB,GAAG,mBAAMA,gBAAN,CAAnB;AACA;;AAED,MAAK,OAAOJ,SAAP,KAAqB,WAA1B,EAAwC;AACvC,mHAAM,4CAAN;AACA,GAZmE,CAcpE;;;AACA,MAAIK,eAAe,GAAGD,gBAAgB,CAAEE,mCAAF,CAAhB,IAAgD,CACrEN,SADqE,CAAtE;AAIA;AACD;AACA;;AACC,MAAKO,KAAK,CAACC,OAAN,CAAeR,SAAf,CAAL,EAAkC;AACjCK,IAAAA,eAAe,GAAG,CAAE,GAAGA,eAAL,EAAsB,GAAGL,SAAzB,CAAlB;AACA;;AACD,MAAK,OAAOA,SAAP,KAAqB,QAA1B,EAAqC;AACpCK,IAAAA,eAAe,GAAG,CAAE,GAAGA,eAAL,EAAsBL,SAAtB,CAAlB;AACA;;AAEDI,EAAAA,gBAAgB,CAACK,WAAjB,GAA+BT,SAA/B,CA7BoE,CA+BpE;;AACAI,EAAAA,gBAAgB,CAAEE,mCAAF,CAAhB,GAA+C,kBAAMD,eAAN,CAA/C,CAhCoE,CAkCpE;;AACAD,EAAAA,gBAAgB,CAACM,QAAjB,GAA6B,IAAI,0DAA2BV,SAA3B,CAAwC,EAAzE,CAnCoE,CAqCpE;;AACA,SAAOI,gBAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASO,mBAAT,CAA8BZ,SAA9B,EAA0C;AAChD,MAAK,CAAEA,SAAP,EAAmB,OAAO,EAAP;AAEnB,MAAIa,UAAU,GAAG,EAAjB,CAHgD,CAKhD;;AACA,MAAKb,SAAS,CAAEO,mCAAF,CAAd,EAA6C;AAC5C;AACAM,IAAAA,UAAU,GAAGb,SAAS,CAAEO,mCAAF,CAAtB;AACA,GAT+C,CAWhD;;;AACA,MAAKP,SAAS,CAACc,IAAV,IAAkBd,SAAS,CAACc,IAAV,CAAgBP,mCAAhB,CAAvB,EAAoE;AACnE;AACAM,IAAAA,UAAU,GAAGb,SAAS,CAACc,IAAV,CAAgBP,mCAAhB,CAAb;AACA;;AAED,SAAOM,UAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASE,mBAAT,CAA8Bf,SAA9B,EAAyCgB,KAAzC,EAAiD;AACvD,MAAK,CAAEhB,SAAP,EAAmB,OAAO,KAAP;;AAEnB,MAAK,OAAOgB,KAAP,KAAiB,QAAtB,EAAiC;AAChC,WAAOJ,mBAAmB,CAAEZ,SAAF,CAAnB,CAAiCiB,QAAjC,CAA2CD,KAA3C,CAAP;AACA;;AACD,MAAKR,KAAK,CAACC,OAAN,CAAeO,KAAf,CAAL,EAA8B;AAC7B,WAAOA,KAAK,CAACE,IAAN,CAAcC,MAAF,IAClBP,mBAAmB,CAAEZ,SAAF,CAAnB,CAAiCiB,QAAjC,CAA2CE,MAA3C,CADM,CAAP;AAGA;;AAED,SAAO,KAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { uniq } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, memo } from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport { CONNECT_STATIC_NAMESPACE } from './constants';\nimport { getStyledClassNameFromKey } from './get-styled-class-name-from-key';\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * Forwards ref (React.ForwardRef) and \"Connects\" (or registers) a component\n * within the Context system under a specified namespace.\n *\n * This is an (experimental) evolution of the initial connect() HOC.\n * The hope is that we can improve render performance by removing functional\n * component wrappers.\n *\n * @template {import('./wordpress-component').WordPressComponentProps<{}, any, any>} P\n * @param {(props: P, ref: import('react').Ref<any>) => JSX.Element | null} Component            The component to register into the Context system.\n * @param {string}                                                          namespace            The namespace to register the component under.\n * @param {Object}                                                          options\n * @param {boolean}                                                         [options.memo=false]\n * @return {import('./wordpress-component').WordPressComponentFromProps<P>} The connected WordPressComponent\n */\nexport function contextConnect( Component, namespace, options = {} ) {\n\t/* eslint-enable jsdoc/valid-types */\n\tconst { memo: memoProp = false } = options;\n\n\tlet WrappedComponent = forwardRef( Component );\n\tif ( memoProp ) {\n\t\t// @ts-ignore\n\t\tWrappedComponent = memo( WrappedComponent );\n\t}\n\n\tif ( typeof namespace === 'undefined' ) {\n\t\twarn( 'contextConnect: Please provide a namespace' );\n\t}\n\n\t// @ts-ignore internal property\n\tlet mergedNamespace = WrappedComponent[ CONNECT_STATIC_NAMESPACE ] || [\n\t\tnamespace,\n\t];\n\n\t/**\n\t * Consolidate (merge) namespaces before attaching it to the WrappedComponent.\n\t */\n\tif ( Array.isArray( namespace ) ) {\n\t\tmergedNamespace = [ ...mergedNamespace, ...namespace ];\n\t}\n\tif ( typeof namespace === 'string' ) {\n\t\tmergedNamespace = [ ...mergedNamespace, namespace ];\n\t}\n\n\tWrappedComponent.displayName = namespace;\n\n\t// @ts-ignore internal property\n\tWrappedComponent[ CONNECT_STATIC_NAMESPACE ] = uniq( mergedNamespace );\n\n\t// @ts-ignore WordPressComponent property\n\tWrappedComponent.selector = `.${ getStyledClassNameFromKey( namespace ) }`;\n\n\t// @ts-ignore\n\treturn WrappedComponent;\n}\n\n/**\n * Attempts to retrieve the connected namespace from a component.\n *\n * @param {import('react').ReactChild | undefined | {}} Component The component to retrieve a namespace from.\n * @return {Array<string>} The connected namespaces.\n */\nexport function getConnectNamespace( Component ) {\n\tif ( ! Component ) return [];\n\n\tlet namespaces = [];\n\n\t// @ts-ignore internal property\n\tif ( Component[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore internal property\n\t\tnamespaces = Component[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\t// @ts-ignore\n\tif ( Component.type && Component.type[ CONNECT_STATIC_NAMESPACE ] ) {\n\t\t// @ts-ignore\n\t\tnamespaces = Component.type[ CONNECT_STATIC_NAMESPACE ];\n\t}\n\n\treturn namespaces;\n}\n\n/**\n * Checks to see if a component is connected within the Context system.\n *\n * @param {import('react').ReactNode} Component The component to retrieve a namespace from.\n * @param {Array<string>|string}      match     The namespace to check.\n * @return {boolean} The result.\n */\nexport function hasConnectNamespace( Component, match ) {\n\tif ( ! Component ) return false;\n\n\tif ( typeof match === 'string' ) {\n\t\treturn getConnectNamespace( Component ).includes( match );\n\t}\n\tif ( Array.isArray( match ) ) {\n\t\treturn match.some( ( result ) =>\n\t\t\tgetConnectNamespace( Component ).includes( result )\n\t\t);\n\t}\n\n\treturn false;\n}\n"]}

package/build/ui/context/context-system-provider.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ContextSystemProvider = exports.useComponentsContext = exports.ComponentsContext = void 0;
+exports.useComponentsContext = exports.ContextSystemProvider = exports.ComponentsContext = void 0;
 
 var _element = require("@wordpress/element");
 
@@ -58,9 +58,10 @@ function useUpdateEffect(effect, deps) {
  */
 
 
-function useContextSystemBridge({
-  value
-}) {
+function useContextSystemBridge(_ref) {
+  let {
+    value
+  } = _ref;
   const parentContext = useComponentsContext();
   const valueRef = (0, _element.useRef)(value);
   useUpdateEffect(() => {
@@ -106,10 +107,11 @@ function useContextSystemBridge({
  */
 
 
-const BaseContextSystemProvider = ({
-  children,
-  value
-}) => {
+const BaseContextSystemProvider = _ref2 => {
+  let {
+    children,
+    value
+  } = _ref2;
   const contextValue = useContextSystemBridge({
     value
   });

package/build/ui/context/context-system-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/context/context-system-provider.js"],"names":["ComponentsContext","useComponentsContext","useUpdateEffect","effect","deps","mounted","current","undefined","useContextSystemBridge","value","parentContext","valueRef","JSON","stringify","config","BaseContextSystemProvider","children","contextValue","ContextSystemProvider"],"mappings":";;;;;;;;;AAQA;;AALA;;AAaA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;AAWO,MAAMA,iBAAiB,GAAG;AAChC;AAAqC,EADL,CAA1B;;;AAGA,MAAMC,oBAAoB,GAAG,MAAM,yBAAYD,iBAAZ,CAAnC;AAEP;AACA;AACA;AACA;AACA;AACA;;;;;AACA,SAASE,eAAT,CAA0BC,MAA1B,EAAkCC,IAAlC,EAAyC;AACxC,QAAMC,OAAO,GAAG,qBAAQ,KAAR,CAAhB;AACA,0BAAW,MAAM;AAChB,QAAKA,OAAO,CAACC,OAAb,EAAuB;AACtB,aAAOH,MAAM,EAAb;AACA;;AACDE,IAAAA,OAAO,CAACC,OAAR,GAAkB,IAAlB;AACA,WAAOC,SAAP;AACA,GAND,EAMGH,IANH;AAOA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASI,sBAAT,CAAiC;AAAEC,EAAAA;AAAF,CAAjC,EAA6C;AAC5C,QAAMC,aAAa,GAAGT,oBAAoB,EAA1C;AAEA,QAAMU,QAAQ,GAAG,qBAAQF,KAAR,CAAjB;AAEAP,EAAAA,eAAe,CAAE,MAAM;AACtB,SACC;AACA,yBAASS,QAAQ,CAACL,OAAlB,EAA2BG,KAA3B,KACA;AACAE,IAAAA,QAAQ,CAACL,OAAT,KAAqBG,KAJtB,EAKE;AACD,qHAAO,gCAAgCG,IAAI,CAACC,SAAL,CAAgBJ,KAAhB,CAAyB,EAAhE;AACA;AACD,GATc,EASZ,CAAEA,KAAF,CATY,CAAf,CAL4C,CAgB5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,QAAMK,MAAM,GAAG,sBAAS,MAAM;AAC7B,WAAO,mBAAO,uBAAWJ,aAAX,CAAP,EAAmCD,KAAnC,CAAP;AACA,GAFc,EAEZ,CAAEC,aAAF,EAAiBD,KAAjB,CAFY,CAAf;AAIA,SAAOK,MAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,yBAAyB,GAAG,CAAE;AAAEC,EAAAA,QAAF;AAAYP,EAAAA;AAAZ,CAAF,KAA2B;AAC5D,QAAMQ,YAAY,GAAGT,sBAAsB,CAAE;AAAEC,IAAAA;AAAF,GAAF,CAA3C;AAEA,SACC,4BAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAGQ;AAApC,KACGD,QADH,CADD;AAKA,CARD;;AAUO,MAAME,qBAAqB,GAAG,mBAAMH,yBAAN,CAA9B","sourcesContent":["/**\n * External dependencies\n */\nimport { isEqual, merge, cloneDeep } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseRef,\n\tuseEffect,\n\tuseMemo,\n\tmemo,\n} from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\nexport const ComponentsContext = createContext(\n\t/** @type {Record<string, any>} */ ( {} )\n);\nexport const useComponentsContext = () => useContext( ComponentsContext );\n\n/**\n * Runs an effect only on update (i.e., ignores the first render)\n *\n * @param {import('react').EffectCallback} effect\n * @param {import('react').DependencyList} deps\n */\nfunction useUpdateEffect( effect, deps ) {\n\tconst mounted = useRef( false );\n\tuseEffect( () => {\n\t\tif ( mounted.current ) {\n\t\t\treturn effect();\n\t\t}\n\t\tmounted.current = true;\n\t\treturn undefined;\n\t}, deps );\n}\n\n/**\n * Consolidates incoming ContextSystem values with a (potential) parent ContextSystem value.\n *\n * Note: This function will warn if it detects an un-memoized `value`\n *\n * @param {Object}              props\n * @param {Record<string, any>} props.value\n * @return {Record<string, any>} The consolidated value.\n */\nfunction useContextSystemBridge( { value } ) {\n\tconst parentContext = useComponentsContext();\n\n\tconst valueRef = useRef( value );\n\n\tuseUpdateEffect( () => {\n\t\tif (\n\t\t\t// objects are equivalent\n\t\t\tisEqual( valueRef.current, value ) &&\n\t\t\t// but not the same reference\n\t\t\tvalueRef.current !== value\n\t\t) {\n\t\t\twarn( `Please memoize your context: ${ JSON.stringify( value ) }` );\n\t\t}\n\t}, [ value ] );\n\n\t// `parentContext` will always be memoized (i.e., the result of this hook itself)\n\t// or the default value from when the `ComponentsContext` was originally\n\t// initialized (which will never change, it's a static variable)\n\t// so this memoization will prevent `merge` and `cloneDeep` from rerunning unless\n\t// the references to `value` change OR the `parentContext` has an actual material change\n\t// (because again, it's guaranteed to be memoized or a static reference to the empty object\n\t// so we know that the only changes for `parentContext` are material ones... i.e., why we\n\t// don't have to warn in the `useUpdateEffect` hook above for `parentContext` and we only\n\t// need to bother with the `value`). The `useUpdateEffect` above will ensure that we are\n\t// correctly warning when the `value` isn't being properly memoized. All of that to say\n\t// that this should be super safe to assume that `useMemo` will only run on actual\n\t// changes to the two dependencies, therefore saving us calls to `merge` and `cloneDeep`!\n\tconst config = useMemo( () => {\n\t\treturn merge( cloneDeep( parentContext ), value );\n\t}, [ parentContext, value ] );\n\n\treturn config;\n}\n\n/**\n * A Provider component that can modify props for connected components within\n * the Context system.\n *\n * @example\n * ```jsx\n * <ContextSystemProvider value={{ Button: { size: 'small' }}}>\n *   <Button>...</Button>\n * </ContextSystemProvider>\n * ```\n *\n * @template {Record<string, any>} T\n * @param {Object}                    options\n * @param {import('react').ReactNode} options.children Children to render.\n * @param {T}                         options.value    Props to render into connected components.\n * @return {JSX.Element} A Provider wrapped component.\n */\nconst BaseContextSystemProvider = ( { children, value } ) => {\n\tconst contextValue = useContextSystemBridge( { value } );\n\n\treturn (\n\t\t<ComponentsContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ComponentsContext.Provider>\n\t);\n};\n\nexport const ContextSystemProvider = memo( BaseContextSystemProvider );\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/context/context-system-provider.js"],"names":["ComponentsContext","useComponentsContext","useUpdateEffect","effect","deps","mounted","current","undefined","useContextSystemBridge","value","parentContext","valueRef","JSON","stringify","config","BaseContextSystemProvider","children","contextValue","ContextSystemProvider"],"mappings":";;;;;;;;;AAQA;;AALA;;AAaA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;AAWO,MAAMA,iBAAiB,GAAG;AAChC;AAAqC,EADL,CAA1B;;;AAGA,MAAMC,oBAAoB,GAAG,MAAM,yBAAYD,iBAAZ,CAAnC;AAEP;AACA;AACA;AACA;AACA;AACA;;;;;AACA,SAASE,eAAT,CAA0BC,MAA1B,EAAkCC,IAAlC,EAAyC;AACxC,QAAMC,OAAO,GAAG,qBAAQ,KAAR,CAAhB;AACA,0BAAW,MAAM;AAChB,QAAKA,OAAO,CAACC,OAAb,EAAuB;AACtB,aAAOH,MAAM,EAAb;AACA;;AACDE,IAAAA,OAAO,CAACC,OAAR,GAAkB,IAAlB;AACA,WAAOC,SAAP;AACA,GAND,EAMGH,IANH;AAOA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASI,sBAAT,OAA6C;AAAA,MAAZ;AAAEC,IAAAA;AAAF,GAAY;AAC5C,QAAMC,aAAa,GAAGT,oBAAoB,EAA1C;AAEA,QAAMU,QAAQ,GAAG,qBAAQF,KAAR,CAAjB;AAEAP,EAAAA,eAAe,CAAE,MAAM;AACtB,SACC;AACA,yBAASS,QAAQ,CAACL,OAAlB,EAA2BG,KAA3B,KACA;AACAE,IAAAA,QAAQ,CAACL,OAAT,KAAqBG,KAJtB,EAKE;AACD,qHAAO,gCAAgCG,IAAI,CAACC,SAAL,CAAgBJ,KAAhB,CAAyB,EAAhE;AACA;AACD,GATc,EASZ,CAAEA,KAAF,CATY,CAAf,CAL4C,CAgB5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,QAAMK,MAAM,GAAG,sBAAS,MAAM;AAC7B,WAAO,mBAAO,uBAAWJ,aAAX,CAAP,EAAmCD,KAAnC,CAAP;AACA,GAFc,EAEZ,CAAEC,aAAF,EAAiBD,KAAjB,CAFY,CAAf;AAIA,SAAOK,MAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,yBAAyB,GAAG,SAA2B;AAAA,MAAzB;AAAEC,IAAAA,QAAF;AAAYP,IAAAA;AAAZ,GAAyB;AAC5D,QAAMQ,YAAY,GAAGT,sBAAsB,CAAE;AAAEC,IAAAA;AAAF,GAAF,CAA3C;AAEA,SACC,4BAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAGQ;AAApC,KACGD,QADH,CADD;AAKA,CARD;;AAUO,MAAME,qBAAqB,GAAG,mBAAMH,yBAAN,CAA9B","sourcesContent":["/**\n * External dependencies\n */\nimport { isEqual, merge, cloneDeep } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseRef,\n\tuseEffect,\n\tuseMemo,\n\tmemo,\n} from '@wordpress/element';\nimport warn from '@wordpress/warning';\n\nexport const ComponentsContext = createContext(\n\t/** @type {Record<string, any>} */ ( {} )\n);\nexport const useComponentsContext = () => useContext( ComponentsContext );\n\n/**\n * Runs an effect only on update (i.e., ignores the first render)\n *\n * @param {import('react').EffectCallback} effect\n * @param {import('react').DependencyList} deps\n */\nfunction useUpdateEffect( effect, deps ) {\n\tconst mounted = useRef( false );\n\tuseEffect( () => {\n\t\tif ( mounted.current ) {\n\t\t\treturn effect();\n\t\t}\n\t\tmounted.current = true;\n\t\treturn undefined;\n\t}, deps );\n}\n\n/**\n * Consolidates incoming ContextSystem values with a (potential) parent ContextSystem value.\n *\n * Note: This function will warn if it detects an un-memoized `value`\n *\n * @param {Object}              props\n * @param {Record<string, any>} props.value\n * @return {Record<string, any>} The consolidated value.\n */\nfunction useContextSystemBridge( { value } ) {\n\tconst parentContext = useComponentsContext();\n\n\tconst valueRef = useRef( value );\n\n\tuseUpdateEffect( () => {\n\t\tif (\n\t\t\t// objects are equivalent\n\t\t\tisEqual( valueRef.current, value ) &&\n\t\t\t// but not the same reference\n\t\t\tvalueRef.current !== value\n\t\t) {\n\t\t\twarn( `Please memoize your context: ${ JSON.stringify( value ) }` );\n\t\t}\n\t}, [ value ] );\n\n\t// `parentContext` will always be memoized (i.e., the result of this hook itself)\n\t// or the default value from when the `ComponentsContext` was originally\n\t// initialized (which will never change, it's a static variable)\n\t// so this memoization will prevent `merge` and `cloneDeep` from rerunning unless\n\t// the references to `value` change OR the `parentContext` has an actual material change\n\t// (because again, it's guaranteed to be memoized or a static reference to the empty object\n\t// so we know that the only changes for `parentContext` are material ones... i.e., why we\n\t// don't have to warn in the `useUpdateEffect` hook above for `parentContext` and we only\n\t// need to bother with the `value`). The `useUpdateEffect` above will ensure that we are\n\t// correctly warning when the `value` isn't being properly memoized. All of that to say\n\t// that this should be super safe to assume that `useMemo` will only run on actual\n\t// changes to the two dependencies, therefore saving us calls to `merge` and `cloneDeep`!\n\tconst config = useMemo( () => {\n\t\treturn merge( cloneDeep( parentContext ), value );\n\t}, [ parentContext, value ] );\n\n\treturn config;\n}\n\n/**\n * A Provider component that can modify props for connected components within\n * the Context system.\n *\n * @example\n * ```jsx\n * <ContextSystemProvider value={{ Button: { size: 'small' }}}>\n *   <Button>...</Button>\n * </ContextSystemProvider>\n * ```\n *\n * @template {Record<string, any>} T\n * @param {Object}                    options\n * @param {import('react').ReactNode} options.children Children to render.\n * @param {T}                         options.value    Props to render into connected components.\n * @return {JSX.Element} A Provider wrapped component.\n */\nconst BaseContextSystemProvider = ( { children, value } ) => {\n\tconst contextValue = useContextSystemBridge( { value } );\n\n\treturn (\n\t\t<ComponentsContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ComponentsContext.Provider>\n\t);\n};\n\nexport const ContextSystemProvider = memo( BaseContextSystemProvider );\n"]}

package/build/ui/context/index.js

@@ -17,16 +17,16 @@ Object.defineProperty(exports, "ContextSystemProvider", {
     return _contextSystemProvider.ContextSystemProvider;
   }
 });
-Object.defineProperty(exports, "useComponentsContext", {
+Object.defineProperty(exports, "contextConnect", {
   enumerable: true,
   get: function () {
-    return _contextSystemProvider.useComponentsContext;
+    return _contextConnect.contextConnect;
   }
 });
-Object.defineProperty(exports, "contextConnect", {
+Object.defineProperty(exports, "getConnectNamespace", {
   enumerable: true,
   get: function () {
-    return _contextConnect.contextConnect;
+    return _contextConnect.getConnectNamespace;
   }
 });
 Object.defineProperty(exports, "hasConnectNamespace", {
@@ -35,10 +35,10 @@ Object.defineProperty(exports, "hasConnectNamespace", {
     return _contextConnect.hasConnectNamespace;
   }
 });
-Object.defineProperty(exports, "getConnectNamespace", {
+Object.defineProperty(exports, "useComponentsContext", {
   enumerable: true,
   get: function () {
-    return _contextConnect.getConnectNamespace;
+    return _contextSystemProvider.useComponentsContext;
   }
 });
 Object.defineProperty(exports, "useContextSystem", {

package/build/ui/context/utils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getNamespace = getNamespace;
 exports.getConnectedNamespace = getConnectedNamespace;
+exports.getNamespace = getNamespace;
 
 var _constants = require("./constants");
 

package/build/ui/context/wordpress-component.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=wordpress-component.js.map

package/build/ui/control-group/hook.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,6 +17,10 @@ var styles = _interopRequireWildcard(require("./styles"));
 
 var _useCx = require("../../utils/hooks/use-cx");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * Internal dependencies
  */

package/build/ui/control-group/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/control-group/hook.js"],"names":["useControlGroup","props","children","className","direction","templateColumns","otherProps","validChildren","isVertical","isGrid","cx","classes","styles","itemFocus","itemGrid","clonedChildren","map","child","index","isFirst","isLast","length","isOnly","isMiddle","_key","key","first","firstRow","last","lastRow","contextStyles","middle","contextProps"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAPA;AACA;AACA;;AAOA;AACA;AACA;AACO,SAASA,eAAT,CAA0BC,KAA1B,EAAkC;AACxC,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,SAAS,GAAG,KAHP;AAILC,IAAAA,eAJK;AAKL,OAAGC;AALE,MAMF,+BAAkBL,KAAlB,EAAyB,cAAzB,CANJ;AAQA,QAAMM,aAAa,GAAG,wCAAkBL,QAAlB,CAAtB;AACA,QAAMM,UAAU,GAAGJ,SAAS,KAAK,QAAjC;AACA,QAAMK,MAAM,GAAG,CAAC,CAAEJ,eAAlB;AAEA,QAAMK,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAGD,EAAE,CACjBE,MAAM,CAACC,SADU,EAEjBJ,MAAM,IAAIG,MAAM,CAACE,QAFA,EAGjBX,SAHiB,CAAlB;AAMA,QAAMY,cAAc,GACnBR,aAAa,IACbA,aAAa,CAACS,GAAd,CAAmB,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACtC,UAAMC,OAAO,GAAGD,KAAK,KAAK,CAA1B;AACA,UAAME,MAAM,GAAGF,KAAK,GAAG,CAAR,KAAcX,aAAa,CAACc,MAA3C;AACA,UAAMC,MAAM,GAAGH,OAAO,IAAIC,MAA1B;AACA,UAAMG,QAAQ,GAAG,CAAEJ,OAAF,IAAa,CAAEC,MAAhC,CAJsC,CAMtC;;AACA,UAAMI,IAAI,GAAG,CAAAP,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEQ,GAAP,KAAcP,KAA3B;AAEA;;;AACA,QAAIQ,KAAJ;;AACA,QAAKP,OAAL,EAAe;AACd,UAAKX,UAAL,EAAkB;AACjBkB,QAAAA,KAAK,GAAGd,MAAM,CAACe,QAAf;AACA,OAFD,MAEO;AACND,QAAAA,KAAK,GAAGd,MAAM,CAACc,KAAf;AACA;AACD;AAED;;;AACA,QAAIE,IAAJ;;AACA,QAAKR,MAAL,EAAc;AACb,UAAKZ,UAAL,EAAkB;AACjBoB,QAAAA,IAAI,GAAGhB,MAAM,CAACiB,OAAd;AACA,OAFD,MAEO;AACND,QAAAA,IAAI,GAAGhB,MAAM,CAACgB,IAAd;AACA;AACD;;AAED,UAAME,aAAa,GAAGpB,EAAE,CAAEgB,KAAF,EAASH,QAAQ,IAAIX,MAAM,CAACmB,MAA5B,EAAoCH,IAApC,CAAxB;AAEA,UAAMI,YAAY,GAAG;AACpBb,MAAAA,OADoB;AAEpBC,MAAAA,MAFoB;AAGpBG,MAAAA,QAHoB;AAIpBD,MAAAA,MAJoB;AAKpBd,MAAAA,UALoB;AAMpBI,MAAAA,MAAM,EAAEkB;AANY,KAArB;AASA,WACC,4BAAC,6BAAD,CAAqB,QAArB;AACC,MAAA,GAAG,EAAGN,IADP;AAEC,MAAA,KAAK,EAAGQ;AAFT,OAIGf,KAJH,CADD;AAQA,GAhDD,CAFD;AAoDA,SAAO,EACN,GAAGX,UADG;AAENJ,IAAAA,QAAQ,EAAEa,cAFJ;AAGNZ,IAAAA,SAAS,EAAEQ,OAHL;AAINP,IAAAA,SAJM;AAKNC,IAAAA;AALM,GAAP;AAOA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { getValidChildren } from '../utils/get-valid-children';\nimport { useContextSystem } from '../context';\nimport { ControlGroupContext } from './context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useControlGroup( props ) {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tdirection = 'row',\n\t\ttemplateColumns,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ControlGroup' );\n\n\tconst validChildren = getValidChildren( children );\n\tconst isVertical = direction === 'column';\n\tconst isGrid = !! templateColumns;\n\n\tconst cx = useCx();\n\n\tconst classes = cx(\n\t\tstyles.itemFocus,\n\t\tisGrid && styles.itemGrid,\n\t\tclassName\n\t);\n\n\tconst clonedChildren =\n\t\tvalidChildren &&\n\t\tvalidChildren.map( ( child, index ) => {\n\t\t\tconst isFirst = index === 0;\n\t\t\tconst isLast = index + 1 === validChildren.length;\n\t\t\tconst isOnly = isFirst && isLast;\n\t\t\tconst isMiddle = ! isFirst && ! isLast;\n\n\t\t\t// @ts-ignore\n\t\t\tconst _key = child?.key || index;\n\n\t\t\t/** @type {import('@emotion/react').SerializedStyles | undefined} */\n\t\t\tlet first;\n\t\t\tif ( isFirst ) {\n\t\t\t\tif ( isVertical ) {\n\t\t\t\t\tfirst = styles.firstRow;\n\t\t\t\t} else {\n\t\t\t\t\tfirst = styles.first;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/** @type {import('@emotion/react').SerializedStyles | undefined} */\n\t\t\tlet last;\n\t\t\tif ( isLast ) {\n\t\t\t\tif ( isVertical ) {\n\t\t\t\t\tlast = styles.lastRow;\n\t\t\t\t} else {\n\t\t\t\t\tlast = styles.last;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst contextStyles = cx( first, isMiddle && styles.middle, last );\n\n\t\t\tconst contextProps = {\n\t\t\t\tisFirst,\n\t\t\t\tisLast,\n\t\t\t\tisMiddle,\n\t\t\t\tisOnly,\n\t\t\t\tisVertical,\n\t\t\t\tstyles: contextStyles,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<ControlGroupContext.Provider\n\t\t\t\t\tkey={ _key }\n\t\t\t\t\tvalue={ contextProps }\n\t\t\t\t>\n\t\t\t\t\t{ child }\n\t\t\t\t</ControlGroupContext.Provider>\n\t\t\t);\n\t\t} );\n\n\treturn {\n\t\t...otherProps,\n\t\tchildren: clonedChildren,\n\t\tclassName: classes,\n\t\tdirection,\n\t\ttemplateColumns,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/control-group/hook.js"],"names":["useControlGroup","props","children","className","direction","templateColumns","otherProps","validChildren","isVertical","isGrid","cx","classes","styles","itemFocus","itemGrid","clonedChildren","map","child","index","isFirst","isLast","length","isOnly","isMiddle","_key","key","first","firstRow","last","lastRow","contextStyles","middle","contextProps"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;;;;;AAPA;AACA;AACA;;AAOA;AACA;AACA;AACO,SAASA,eAAT,CAA0BC,KAA1B,EAAkC;AACxC,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,SAAS,GAAG,KAHP;AAILC,IAAAA,eAJK;AAKL,OAAGC;AALE,MAMF,+BAAkBL,KAAlB,EAAyB,cAAzB,CANJ;AAQA,QAAMM,aAAa,GAAG,wCAAkBL,QAAlB,CAAtB;AACA,QAAMM,UAAU,GAAGJ,SAAS,KAAK,QAAjC;AACA,QAAMK,MAAM,GAAG,CAAC,CAAEJ,eAAlB;AAEA,QAAMK,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAGD,EAAE,CACjBE,MAAM,CAACC,SADU,EAEjBJ,MAAM,IAAIG,MAAM,CAACE,QAFA,EAGjBX,SAHiB,CAAlB;AAMA,QAAMY,cAAc,GACnBR,aAAa,IACbA,aAAa,CAACS,GAAd,CAAmB,CAAEC,KAAF,EAASC,KAAT,KAAoB;AACtC,UAAMC,OAAO,GAAGD,KAAK,KAAK,CAA1B;AACA,UAAME,MAAM,GAAGF,KAAK,GAAG,CAAR,KAAcX,aAAa,CAACc,MAA3C;AACA,UAAMC,MAAM,GAAGH,OAAO,IAAIC,MAA1B;AACA,UAAMG,QAAQ,GAAG,CAAEJ,OAAF,IAAa,CAAEC,MAAhC,CAJsC,CAMtC;;AACA,UAAMI,IAAI,GAAG,CAAAP,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEQ,GAAP,KAAcP,KAA3B;AAEA;;;AACA,QAAIQ,KAAJ;;AACA,QAAKP,OAAL,EAAe;AACd,UAAKX,UAAL,EAAkB;AACjBkB,QAAAA,KAAK,GAAGd,MAAM,CAACe,QAAf;AACA,OAFD,MAEO;AACND,QAAAA,KAAK,GAAGd,MAAM,CAACc,KAAf;AACA;AACD;AAED;;;AACA,QAAIE,IAAJ;;AACA,QAAKR,MAAL,EAAc;AACb,UAAKZ,UAAL,EAAkB;AACjBoB,QAAAA,IAAI,GAAGhB,MAAM,CAACiB,OAAd;AACA,OAFD,MAEO;AACND,QAAAA,IAAI,GAAGhB,MAAM,CAACgB,IAAd;AACA;AACD;;AAED,UAAME,aAAa,GAAGpB,EAAE,CAAEgB,KAAF,EAASH,QAAQ,IAAIX,MAAM,CAACmB,MAA5B,EAAoCH,IAApC,CAAxB;AAEA,UAAMI,YAAY,GAAG;AACpBb,MAAAA,OADoB;AAEpBC,MAAAA,MAFoB;AAGpBG,MAAAA,QAHoB;AAIpBD,MAAAA,MAJoB;AAKpBd,MAAAA,UALoB;AAMpBI,MAAAA,MAAM,EAAEkB;AANY,KAArB;AASA,WACC,4BAAC,6BAAD,CAAqB,QAArB;AACC,MAAA,GAAG,EAAGN,IADP;AAEC,MAAA,KAAK,EAAGQ;AAFT,OAIGf,KAJH,CADD;AAQA,GAhDD,CAFD;AAoDA,SAAO,EACN,GAAGX,UADG;AAENJ,IAAAA,QAAQ,EAAEa,cAFJ;AAGNZ,IAAAA,SAAS,EAAEQ,OAHL;AAINP,IAAAA,SAJM;AAKNC,IAAAA;AALM,GAAP;AAOA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { getValidChildren } from '../utils/get-valid-children';\nimport { useContextSystem } from '../context';\nimport { ControlGroupContext } from './context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useControlGroup( props ) {\n\tconst {\n\t\tchildren,\n\t\tclassName,\n\t\tdirection = 'row',\n\t\ttemplateColumns,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ControlGroup' );\n\n\tconst validChildren = getValidChildren( children );\n\tconst isVertical = direction === 'column';\n\tconst isGrid = !! templateColumns;\n\n\tconst cx = useCx();\n\n\tconst classes = cx(\n\t\tstyles.itemFocus,\n\t\tisGrid && styles.itemGrid,\n\t\tclassName\n\t);\n\n\tconst clonedChildren =\n\t\tvalidChildren &&\n\t\tvalidChildren.map( ( child, index ) => {\n\t\t\tconst isFirst = index === 0;\n\t\t\tconst isLast = index + 1 === validChildren.length;\n\t\t\tconst isOnly = isFirst && isLast;\n\t\t\tconst isMiddle = ! isFirst && ! isLast;\n\n\t\t\t// @ts-ignore\n\t\t\tconst _key = child?.key || index;\n\n\t\t\t/** @type {import('@emotion/react').SerializedStyles | undefined} */\n\t\t\tlet first;\n\t\t\tif ( isFirst ) {\n\t\t\t\tif ( isVertical ) {\n\t\t\t\t\tfirst = styles.firstRow;\n\t\t\t\t} else {\n\t\t\t\t\tfirst = styles.first;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/** @type {import('@emotion/react').SerializedStyles | undefined} */\n\t\t\tlet last;\n\t\t\tif ( isLast ) {\n\t\t\t\tif ( isVertical ) {\n\t\t\t\t\tlast = styles.lastRow;\n\t\t\t\t} else {\n\t\t\t\t\tlast = styles.last;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst contextStyles = cx( first, isMiddle && styles.middle, last );\n\n\t\t\tconst contextProps = {\n\t\t\t\tisFirst,\n\t\t\t\tisLast,\n\t\t\t\tisMiddle,\n\t\t\t\tisOnly,\n\t\t\t\tisVertical,\n\t\t\t\tstyles: contextStyles,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<ControlGroupContext.Provider\n\t\t\t\t\tkey={ _key }\n\t\t\t\t\tvalue={ contextProps }\n\t\t\t\t>\n\t\t\t\t\t{ child }\n\t\t\t\t</ControlGroupContext.Provider>\n\t\t\t);\n\t\t} );\n\n\treturn {\n\t\t...otherProps,\n\t\tchildren: clonedChildren,\n\t\tclassName: classes,\n\t\tdirection,\n\t\ttemplateColumns,\n\t};\n}\n"]}

package/build/ui/control-group/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.itemGrid = exports.itemFocus = exports.lastRow = exports.firstRow = exports.last = exports.middle = exports.first = void 0;
+exports.middle = exports.lastRow = exports.last = exports.itemGrid = exports.itemFocus = exports.firstRow = exports.first = void 0;
 
 var _react = require("@emotion/react");
 

package/build/ui/control-group/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/ui/control-label/hook.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,6 +15,10 @@ var styles = _interopRequireWildcard(require("./styles"));
 
 var _useCx = require("../../utils/hooks/use-cx");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * Internal dependencies
  */

package/build/ui/control-label/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/control-label/hook.js"],"names":["useControlLabel","props","htmlFor","htmlForProp","isBlock","size","truncate","otherProps","className","textProps","cx","classes","styles","ControlLabel","block","inline"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAPA;AACA;AACA;;AAOA;AACA;AACA;AACO,SAASA,eAAT,CAA0BC,KAA1B,EAAkC;AACxC,QAAM;AACLC,IAAAA,OAAO,EAAEC,WADJ;AAELC,IAAAA,OAAO,GAAG,KAFL;AAGLC,IAAAA,IAAI,GAAG,QAHF;AAILC,IAAAA,QAAQ,GAAG,IAJN;AAKL,OAAGC;AALE,MAMF,+BAAkBN,KAAlB,EAAyB,cAAzB,CANJ;AAQA,QAAM;AAAEO,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA8B,mBAAS,EAC5C,GAAGF,UADyC;AAE5CH,IAAAA,OAF4C;AAG5CE,IAAAA;AAH4C,GAAT,CAApC;AAMA,QAAMI,EAAE,GAAG,mBAAX;AAEA,QAAMR,OAAO,GAAG,sCAAuBC,WAAvB,CAAhB;AACA,QAAMQ,OAAO,GAAGD,EAAE,CACjBE,MAAM,CAACC,YADU,EAEjBD,MAAM;AAAE;AAA8CP,EAAAA,IAAhD,CAFW,EAGjBG,SAHiB,EAIjBJ,OAAO,GAAGQ,MAAM,CAACE,KAAV,GAAkBF,MAAM,CAACG,MAJf,CAAlB;AAOA,SAAO,EACN,GAAGN,SADG;AAEND,IAAAA,SAAS,EAAEG,OAFL;AAGNT,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../context';\nimport { useFormGroupContextId } from '../form-group';\nimport { useText } from '../../text';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').Props, 'label', false>} props\n */\nexport function useControlLabel( props ) {\n\tconst {\n\t\thtmlFor: htmlForProp,\n\t\tisBlock = false,\n\t\tsize = 'medium',\n\t\ttruncate = true,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ControlLabel' );\n\n\tconst { className, ...textProps } = useText( {\n\t\t...otherProps,\n\t\tisBlock,\n\t\ttruncate,\n\t} );\n\n\tconst cx = useCx();\n\n\tconst htmlFor = useFormGroupContextId( htmlForProp );\n\tconst classes = cx(\n\t\tstyles.ControlLabel,\n\t\tstyles[ /** @type {'small' | 'medium' | 'large'} */ ( size ) ],\n\t\tclassName,\n\t\tisBlock ? styles.block : styles.inline\n\t);\n\n\treturn {\n\t\t...textProps,\n\t\tclassName: classes,\n\t\thtmlFor,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/control-label/hook.js"],"names":["useControlLabel","props","htmlFor","htmlForProp","isBlock","size","truncate","otherProps","className","textProps","cx","classes","styles","ControlLabel","block","inline"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;;;;;AAPA;AACA;AACA;;AAOA;AACA;AACA;AACO,SAASA,eAAT,CAA0BC,KAA1B,EAAkC;AACxC,QAAM;AACLC,IAAAA,OAAO,EAAEC,WADJ;AAELC,IAAAA,OAAO,GAAG,KAFL;AAGLC,IAAAA,IAAI,GAAG,QAHF;AAILC,IAAAA,QAAQ,GAAG,IAJN;AAKL,OAAGC;AALE,MAMF,+BAAkBN,KAAlB,EAAyB,cAAzB,CANJ;AAQA,QAAM;AAAEO,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA8B,mBAAS,EAC5C,GAAGF,UADyC;AAE5CH,IAAAA,OAF4C;AAG5CE,IAAAA;AAH4C,GAAT,CAApC;AAMA,QAAMI,EAAE,GAAG,mBAAX;AAEA,QAAMR,OAAO,GAAG,sCAAuBC,WAAvB,CAAhB;AACA,QAAMQ,OAAO,GAAGD,EAAE,CACjBE,MAAM,CAACC,YADU,EAEjBD,MAAM;AAAE;AAA8CP,EAAAA,IAAhD,CAFW,EAGjBG,SAHiB,EAIjBJ,OAAO,GAAGQ,MAAM,CAACE,KAAV,GAAkBF,MAAM,CAACG,MAJf,CAAlB;AAOA,SAAO,EACN,GAAGN,SADG;AAEND,IAAAA,SAAS,EAAEG,OAFL;AAGNT,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../context';\nimport { useFormGroupContextId } from '../form-group';\nimport { useText } from '../../text';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').Props, 'label', false>} props\n */\nexport function useControlLabel( props ) {\n\tconst {\n\t\thtmlFor: htmlForProp,\n\t\tisBlock = false,\n\t\tsize = 'medium',\n\t\ttruncate = true,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ControlLabel' );\n\n\tconst { className, ...textProps } = useText( {\n\t\t...otherProps,\n\t\tisBlock,\n\t\ttruncate,\n\t} );\n\n\tconst cx = useCx();\n\n\tconst htmlFor = useFormGroupContextId( htmlForProp );\n\tconst classes = cx(\n\t\tstyles.ControlLabel,\n\t\tstyles[ /** @type {'small' | 'medium' | 'large'} */ ( size ) ],\n\t\tclassName,\n\t\tisBlock ? styles.block : styles.inline\n\t);\n\n\treturn {\n\t\t...textProps,\n\t\tclassName: classes,\n\t\thtmlFor,\n\t};\n}\n"]}

package/build/ui/control-label/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.block = exports.inline = exports.small = exports.medium = exports.large = exports.ControlLabel = void 0;
+exports.small = exports.medium = exports.large = exports.inline = exports.block = exports.ControlLabel = void 0;
 
 var _react = require("@emotion/react");
 

package/build/ui/control-label/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/ui/form-group/form-group-content.js

@@ -30,18 +30,19 @@ var _formGroupLabel = _interopRequireDefault(require("./form-group-label"));
 /**
  * @param {import('../context').WordPressComponentProps<import('./types').FormGroupContentProps, 'label', false>} props
  */
-function FormGroupContent({
-  alignLabel,
-  children,
-  help,
-  horizontal = false,
-  id,
-  label,
-  labelHidden,
-  spacing = 2,
-  truncate,
-  ...props
-}) {
+function FormGroupContent(_ref) {
+  let {
+    alignLabel,
+    children,
+    help,
+    horizontal = false,
+    id,
+    label,
+    labelHidden,
+    spacing = 2,
+    truncate,
+    ...props
+  } = _ref;
   const contextProps = (0, _element.useMemo)(() => ({
     id,
     horizontal

package/build/ui/form-group/form-group-content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-content.js"],"names":["FormGroupContent","alignLabel","children","help","horizontal","id","label","labelHidden","spacing","truncate","props","contextProps","content"],"mappings":";;;;;;;;;AAGA;;;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA,SAASA,gBAAT,CAA2B;AAC1BC,EAAAA,UAD0B;AAE1BC,EAAAA,QAF0B;AAG1BC,EAAAA,IAH0B;AAI1BC,EAAAA,UAAU,GAAG,KAJa;AAK1BC,EAAAA,EAL0B;AAM1BC,EAAAA,KAN0B;AAO1BC,EAAAA,WAP0B;AAQ1BC,EAAAA,OAAO,GAAG,CARgB;AAS1BC,EAAAA,QAT0B;AAU1B,KAAGC;AAVuB,CAA3B,EAWI;AACH,QAAMC,YAAY,GAAG,sBAAS,OAAQ;AAAEN,IAAAA,EAAF;AAAMD,IAAAA;AAAN,GAAR,CAAT,EAAuC,CAC3DC,EAD2D,EAE3DD,UAF2D,CAAvC,CAArB;AAKA,QAAMQ,OAAO,GAAGT,IAAI,GACnB,4BAAC,cAAD;AAAQ,IAAA,QAAQ,EAAG,KAAnB;AAA2B,IAAA,OAAO,EAAGK;AAArC,KACGN,QADH,EAEC,4BAAC,sBAAD,QAAiBC,IAAjB,CAFD,CADmB,GAMnBD,QAND;AASA,SACC,4BAAC,kCAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAGS;AAAnC,KACC,4BAAC,uBAAD;AACC,IAAA,KAAK,EAAGV,UADT;AAEC,IAAA,EAAE,EAAGI,EAFN;AAGC,IAAA,WAAW,EAAGE,WAHf;AAIC,IAAA,QAAQ,EAAGE;AAJZ,KAKMC,KALN,GAOGJ,KAPH,CADD,EAUGM,OAVH,CADD;AAcA;;eAEc,mBAAMZ,gBAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { FormGroupContext } from './form-group-context';\nimport FormGroupHelp from './form-group-help';\nimport FormGroupLabel from './form-group-label';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupContentProps, 'label', false>} props\n */\nfunction FormGroupContent( {\n\talignLabel,\n\tchildren,\n\thelp,\n\thorizontal = false,\n\tid,\n\tlabel,\n\tlabelHidden,\n\tspacing = 2,\n\ttruncate,\n\t...props\n} ) {\n\tconst contextProps = useMemo( () => ( { id, horizontal } ), [\n\t\tid,\n\t\thorizontal,\n\t] );\n\n\tconst content = help ? (\n\t\t<VStack expanded={ false } spacing={ spacing }>\n\t\t\t{ children }\n\t\t\t<FormGroupHelp>{ help }</FormGroupHelp>\n\t\t</VStack>\n\t) : (\n\t\tchildren\n\t);\n\n\treturn (\n\t\t<FormGroupContext.Provider value={ contextProps }>\n\t\t\t<FormGroupLabel\n\t\t\t\talign={ alignLabel }\n\t\t\t\tid={ id }\n\t\t\t\tlabelHidden={ labelHidden }\n\t\t\t\ttruncate={ truncate }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</FormGroupLabel>\n\t\t\t{ content }\n\t\t</FormGroupContext.Provider>\n\t);\n}\n\nexport default memo( FormGroupContent );\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-content.js"],"names":["FormGroupContent","alignLabel","children","help","horizontal","id","label","labelHidden","spacing","truncate","props","contextProps","content"],"mappings":";;;;;;;;;AAGA;;;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AACA,SAASA,gBAAT,OAWI;AAAA,MAXuB;AAC1BC,IAAAA,UAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA,IAH0B;AAI1BC,IAAAA,UAAU,GAAG,KAJa;AAK1BC,IAAAA,EAL0B;AAM1BC,IAAAA,KAN0B;AAO1BC,IAAAA,WAP0B;AAQ1BC,IAAAA,OAAO,GAAG,CARgB;AAS1BC,IAAAA,QAT0B;AAU1B,OAAGC;AAVuB,GAWvB;AACH,QAAMC,YAAY,GAAG,sBAAS,OAAQ;AAAEN,IAAAA,EAAF;AAAMD,IAAAA;AAAN,GAAR,CAAT,EAAuC,CAC3DC,EAD2D,EAE3DD,UAF2D,CAAvC,CAArB;AAKA,QAAMQ,OAAO,GAAGT,IAAI,GACnB,4BAAC,cAAD;AAAQ,IAAA,QAAQ,EAAG,KAAnB;AAA2B,IAAA,OAAO,EAAGK;AAArC,KACGN,QADH,EAEC,4BAAC,sBAAD,QAAiBC,IAAjB,CAFD,CADmB,GAMnBD,QAND;AASA,SACC,4BAAC,kCAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAGS;AAAnC,KACC,4BAAC,uBAAD;AACC,IAAA,KAAK,EAAGV,UADT;AAEC,IAAA,EAAE,EAAGI,EAFN;AAGC,IAAA,WAAW,EAAGE,WAHf;AAIC,IAAA,QAAQ,EAAGE;AAJZ,KAKMC,KALN,GAOGJ,KAPH,CADD,EAUGM,OAVH,CADD;AAcA;;eAEc,mBAAMZ,gBAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\nimport { FormGroupContext } from './form-group-context';\nimport FormGroupHelp from './form-group-help';\nimport FormGroupLabel from './form-group-label';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupContentProps, 'label', false>} props\n */\nfunction FormGroupContent( {\n\talignLabel,\n\tchildren,\n\thelp,\n\thorizontal = false,\n\tid,\n\tlabel,\n\tlabelHidden,\n\tspacing = 2,\n\ttruncate,\n\t...props\n} ) {\n\tconst contextProps = useMemo( () => ( { id, horizontal } ), [\n\t\tid,\n\t\thorizontal,\n\t] );\n\n\tconst content = help ? (\n\t\t<VStack expanded={ false } spacing={ spacing }>\n\t\t\t{ children }\n\t\t\t<FormGroupHelp>{ help }</FormGroupHelp>\n\t\t</VStack>\n\t) : (\n\t\tchildren\n\t);\n\n\treturn (\n\t\t<FormGroupContext.Provider value={ contextProps }>\n\t\t\t<FormGroupLabel\n\t\t\t\talign={ alignLabel }\n\t\t\t\tid={ id }\n\t\t\t\tlabelHidden={ labelHidden }\n\t\t\t\ttruncate={ truncate }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</FormGroupLabel>\n\t\t\t{ content }\n\t\t</FormGroupContext.Provider>\n\t);\n}\n\nexport default memo( FormGroupContent );\n"]}

package/build/ui/form-group/form-group-help.js

@@ -31,9 +31,10 @@ const contextValue = {
  * @param {Props} props
  */
 
-function FormGroupHelp({
-  children
-}) {
+function FormGroupHelp(_ref) {
+  let {
+    children
+  } = _ref;
   if (!children) return null;
   return (0, _element.createElement)(_context.ContextSystemProvider, {
     value: contextValue

package/build/ui/form-group/form-group-help.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-help.js"],"names":["contextValue","Text","variant","FormGroupHelp","children"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,YAAY,GAAG;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AAAR,CAArB;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AACA,SAASC,aAAT,CAAwB;AAAEC,EAAAA;AAAF,CAAxB,EAAuC;AACtC,MAAK,CAAEA,QAAP,EAAkB,OAAO,IAAP;AAElB,SACC,4BAAC,8BAAD;AAAuB,IAAA,KAAK,EAAGJ;AAA/B,KACGI,QADH,CADD;AAKA;;eAEc,mBAAMD,aAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ContextSystemProvider } from '../context';\n\nconst contextValue = { Text: { variant: 'muted' } };\n\n/**\n * @typedef Props\n * @property {import('react').ReactNode} [children] The content to display within `FormGroupHelp`.\n */\n\n/**\n *\n * @param {Props} props\n */\nfunction FormGroupHelp( { children } ) {\n\tif ( ! children ) return null;\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ContextSystemProvider>\n\t);\n}\n\nexport default memo( FormGroupHelp );\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-help.js"],"names":["contextValue","Text","variant","FormGroupHelp","children"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,YAAY,GAAG;AAAEC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AAAR,CAArB;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AACA,SAASC,aAAT,OAAuC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACtC,MAAK,CAAEA,QAAP,EAAkB,OAAO,IAAP;AAElB,SACC,4BAAC,8BAAD;AAAuB,IAAA,KAAK,EAAGJ;AAA/B,KACGI,QADH,CADD;AAKA;;eAEc,mBAAMD,aAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ContextSystemProvider } from '../context';\n\nconst contextValue = { Text: { variant: 'muted' } };\n\n/**\n * @typedef Props\n * @property {import('react').ReactNode} [children] The content to display within `FormGroupHelp`.\n */\n\n/**\n *\n * @param {Props} props\n */\nfunction FormGroupHelp( { children } ) {\n\tif ( ! children ) return null;\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextValue }>\n\t\t\t{ children }\n\t\t</ContextSystemProvider>\n\t);\n}\n\nexport default memo( FormGroupHelp );\n"]}

package/build/ui/form-group/form-group-label.js

@@ -23,12 +23,13 @@ var _visuallyHidden = require("../../visually-hidden");
  * @param {import('../context').WordPressComponentProps<import('./types').FormGroupLabelProps, 'label', false>} props
  * @return {JSX.Element | null} The form group's label.
  */
-function FormGroupLabel({
-  children,
-  id,
-  labelHidden = false,
-  ...props
-}) {
+function FormGroupLabel(_ref) {
+  let {
+    children,
+    id,
+    labelHidden = false,
+    ...props
+  } = _ref;
   if (!children) return null;
 
   if (labelHidden) {

package/build/ui/form-group/form-group-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-label.js"],"names":["FormGroupLabel","children","id","labelHidden","props","toString"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAT,CAAyB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,EAAZ;AAAgBC,EAAAA,WAAW,GAAG,KAA9B;AAAqC,KAAGC;AAAxC,CAAzB,EAA2E;AAC1E,MAAK,CAAEH,QAAP,EAAkB,OAAO,IAAP;;AAElB,MAAKE,WAAL,EAAmB;AAClB,WACC,4BAAC,8BAAD;AAAgB,MAAA,EAAE,EAAC,OAAnB;AAA2B,MAAA,OAAO,EAAGD,EAAH,aAAGA,EAAH,uBAAGA,EAAE,CAAEG,QAAJ;AAArC,OACGJ,QADH,CADD;AAKA;;AAED,SAAO,4BAAC,0BAAD,EAAmBG,KAAnB,EAA6BH,QAA7B,CAAP;AACA;;eAEc,mBAAMD,cAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlLabel } from '../control-label';\nimport { VisuallyHidden } from '../../visually-hidden';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupLabelProps, 'label', false>} props\n * @return {JSX.Element | null} The form group's label.\n */\nfunction FormGroupLabel( { children, id, labelHidden = false, ...props } ) {\n\tif ( ! children ) return null;\n\n\tif ( labelHidden ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ id?.toString() }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn <ControlLabel { ...props }>{ children }</ControlLabel>;\n}\n\nexport default memo( FormGroupLabel );\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/form-group/form-group-label.js"],"names":["FormGroupLabel","children","id","labelHidden","props","toString"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA,SAASA,cAAT,OAA2E;AAAA,MAAlD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,EAAZ;AAAgBC,IAAAA,WAAW,GAAG,KAA9B;AAAqC,OAAGC;AAAxC,GAAkD;AAC1E,MAAK,CAAEH,QAAP,EAAkB,OAAO,IAAP;;AAElB,MAAKE,WAAL,EAAmB;AAClB,WACC,4BAAC,8BAAD;AAAgB,MAAA,EAAE,EAAC,OAAnB;AAA2B,MAAA,OAAO,EAAGD,EAAH,aAAGA,EAAH,uBAAGA,EAAE,CAAEG,QAAJ;AAArC,OACGJ,QADH,CADD;AAKA;;AAED,SAAO,4BAAC,0BAAD,EAAmBG,KAAnB,EAA6BH,QAA7B,CAAP;AACA;;eAEc,mBAAMD,cAAN,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ControlLabel } from '../control-label';\nimport { VisuallyHidden } from '../../visually-hidden';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupLabelProps, 'label', false>} props\n * @return {JSX.Element | null} The form group's label.\n */\nfunction FormGroupLabel( { children, id, labelHidden = false, ...props } ) {\n\tif ( ! children ) return null;\n\n\tif ( labelHidden ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ id?.toString() }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn <ControlLabel { ...props }>{ children }</ControlLabel>;\n}\n\nexport default memo( FormGroupLabel );\n"]}

package/build/ui/form-group/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/ui/form-group/use-form-group.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,6 +13,10 @@ var styles = _interopRequireWildcard(require("./form-group-styles"));
 
 var _useCx = require("../../utils/hooks/use-cx");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * WordPress dependencies
  */

package/build/ui/form-group/use-form-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/form-group/use-form-group.js"],"names":["useFormGroup","props","alignLabel","children","className","help","horizontal","id","idProp","label","labelHidden","truncate","otherProps","cx","classes","styles","FormGroup","contentProps"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AACO,SAASA,YAAT,CAAuBC,KAAvB,EAA+B;AACrC,QAAM;AACLC,IAAAA,UAAU,GAAG,MADR;AAELC,IAAAA,QAFK;AAGLC,IAAAA,SAHK;AAILC,IAAAA,IAJK;AAKLC,IAAAA,UAAU,GAAG,KALR;AAMLC,IAAAA,EAAE,EAAEC,MANC;AAOLC,IAAAA,KAPK;AAQLC,IAAAA,WAAW,GAAG,KART;AASLC,IAAAA,QAAQ,GAAG,KATN;AAUL,OAAGC;AAVE,MAWF,+BAAkBX,KAAlB,EAAyB,WAAzB,CAXJ;AAaA,QAAMM,EAAE,GAAG,4BAAeP,YAAf,EAA6B,YAA7B,EAA2CQ,MAA3C,CAAX;AAEA,QAAMK,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAGD,EAAE,CAAEE,MAAM,CAACC,SAAT,EAAoBZ,SAApB,CAAlB;AAEA,QAAMa,YAAY,GAAG;AACpBf,IAAAA,UADoB;AAEpBC,IAAAA,QAFoB;AAGpBE,IAAAA,IAHoB;AAIpBE,IAAAA,EAJoB;AAKpBD,IAAAA,UALoB;AAMpBG,IAAAA,KANoB;AAOpBC,IAAAA,WAPoB;AAQpBC,IAAAA;AARoB,GAArB;AAWA,SAAO,EACN,GAAGC,UADG;AAENR,IAAAA,SAAS,EAAEU,OAFL;AAGNG,IAAAA,YAHM;AAINX,IAAAA;AAJM,GAAP;AAMA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../context';\nimport * as styles from './form-group-styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupProps, 'div'>} props\n */\nexport function useFormGroup( props ) {\n\tconst {\n\t\talignLabel = 'left',\n\t\tchildren,\n\t\tclassName,\n\t\thelp,\n\t\thorizontal = false,\n\t\tid: idProp,\n\t\tlabel,\n\t\tlabelHidden = false,\n\t\ttruncate = false,\n\t\t...otherProps\n\t} = useContextSystem( props, 'FormGroup' );\n\n\tconst id = useInstanceId( useFormGroup, 'form-group', idProp );\n\n\tconst cx = useCx();\n\n\tconst classes = cx( styles.FormGroup, className );\n\n\tconst contentProps = {\n\t\talignLabel,\n\t\tchildren,\n\t\thelp,\n\t\tid,\n\t\thorizontal,\n\t\tlabel,\n\t\tlabelHidden,\n\t\ttruncate,\n\t};\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tcontentProps,\n\t\thorizontal,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/form-group/use-form-group.js"],"names":["useFormGroup","props","alignLabel","children","className","help","horizontal","id","idProp","label","labelHidden","truncate","otherProps","cx","classes","styles","FormGroup","contentProps"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AACA;;;;;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AACO,SAASA,YAAT,CAAuBC,KAAvB,EAA+B;AACrC,QAAM;AACLC,IAAAA,UAAU,GAAG,MADR;AAELC,IAAAA,QAFK;AAGLC,IAAAA,SAHK;AAILC,IAAAA,IAJK;AAKLC,IAAAA,UAAU,GAAG,KALR;AAMLC,IAAAA,EAAE,EAAEC,MANC;AAOLC,IAAAA,KAPK;AAQLC,IAAAA,WAAW,GAAG,KART;AASLC,IAAAA,QAAQ,GAAG,KATN;AAUL,OAAGC;AAVE,MAWF,+BAAkBX,KAAlB,EAAyB,WAAzB,CAXJ;AAaA,QAAMM,EAAE,GAAG,4BAAeP,YAAf,EAA6B,YAA7B,EAA2CQ,MAA3C,CAAX;AAEA,QAAMK,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAGD,EAAE,CAAEE,MAAM,CAACC,SAAT,EAAoBZ,SAApB,CAAlB;AAEA,QAAMa,YAAY,GAAG;AACpBf,IAAAA,UADoB;AAEpBC,IAAAA,QAFoB;AAGpBE,IAAAA,IAHoB;AAIpBE,IAAAA,EAJoB;AAKpBD,IAAAA,UALoB;AAMpBG,IAAAA,KANoB;AAOpBC,IAAAA,WAPoB;AAQpBC,IAAAA;AARoB,GAArB;AAWA,SAAO,EACN,GAAGC,UADG;AAENR,IAAAA,SAAS,EAAEU,OAFL;AAGNG,IAAAA,YAHM;AAINX,IAAAA;AAJM,GAAP;AAMA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../context';\nimport * as styles from './form-group-styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../context').WordPressComponentProps<import('./types').FormGroupProps, 'div'>} props\n */\nexport function useFormGroup( props ) {\n\tconst {\n\t\talignLabel = 'left',\n\t\tchildren,\n\t\tclassName,\n\t\thelp,\n\t\thorizontal = false,\n\t\tid: idProp,\n\t\tlabel,\n\t\tlabelHidden = false,\n\t\ttruncate = false,\n\t\t...otherProps\n\t} = useContextSystem( props, 'FormGroup' );\n\n\tconst id = useInstanceId( useFormGroup, 'form-group', idProp );\n\n\tconst cx = useCx();\n\n\tconst classes = cx( styles.FormGroup, className );\n\n\tconst contentProps = {\n\t\talignLabel,\n\t\tchildren,\n\t\thelp,\n\t\tid,\n\t\thorizontal,\n\t\tlabel,\n\t\tlabelHidden,\n\t\ttruncate,\n\t};\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tcontentProps,\n\t\thorizontal,\n\t};\n}\n"]}

package/build/ui/spinner/styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BarsView = exports.BarsWrapperView = exports.ContainerView = void 0;
+exports.ContainerView = exports.BarsWrapperView = exports.BarsView = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 

package/build/ui/tooltip/content.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -25,6 +23,10 @@ var styles = _interopRequireWildcard(require("./styles"));
 
 var _useCx = require("../../utils/hooks/use-cx");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * External dependencies
  */

package/build/ui/tooltip/content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/tooltip/content.js"],"names":["TooltipPopoverView","styles","TooltipContent","props","forwardedRef","children","className","otherProps","tooltip","cx","classes","View"],"mappings":";;;;;;;;;;;;;;;AAIA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAbA;AACA;AACA;AACA;;AAGA;AACA;AACA;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAyBC,MAA/B;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,cAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA+C;AAC9C,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuB,OAAGC;AAA1B,MAAyC,+BAC9CJ,KAD8C,EAE9C,gBAF8C,CAA/C;AAIA,QAAM;AAAEK,IAAAA;AAAF,MAAc,kCAApB;AACA,QAAMC,EAAE,GAAG,mBAAX;AACA,QAAMC,OAAO,GAAGD,EAAE,CAAER,MAAM,CAACC,cAAT,EAAyBI,SAAzB,CAAlB;AAEA,SACC,4BAAC,eAAD;AACC,IAAA,EAAE,EAAGK;AADN,KAEMJ,UAFN,EAGMC,OAHN;AAIC,IAAA,SAAS,EAAGE,OAJb;AAKC,IAAA,GAAG,EAAGN;AALP,MAOC,4BAAC,kBAAD,QAAsBC,QAAtB,CAPD,CADD;AAWA;;eAEc,6BAAgBH,cAAhB,EAAgC,gBAAhC,C","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { Tooltip as ReakitTooltip } from 'reakit';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, useContextSystem } from '../context';\nimport { View } from '../../view';\nimport { useTooltipContext } from './context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\nconst { TooltipPopoverView } = styles;\n\n/**\n *\n * @param {import('../context').WordPressComponentProps<import('./types').ContentProps, 'div'>} props\n * @param {import('react').Ref<any>}                                                            forwardedRef\n */\nfunction TooltipContent( props, forwardedRef ) {\n\tconst { children, className, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'TooltipContent'\n\t);\n\tconst { tooltip } = useTooltipContext();\n\tconst cx = useCx();\n\tconst classes = cx( styles.TooltipContent, className );\n\n\treturn (\n\t\t<ReakitTooltip\n\t\t\tas={ View }\n\t\t\t{ ...otherProps }\n\t\t\t{ ...tooltip }\n\t\t\tclassName={ classes }\n\t\t\tref={ forwardedRef }\n\t\t>\n\t\t\t<TooltipPopoverView>{ children }</TooltipPopoverView>\n\t\t</ReakitTooltip>\n\t);\n}\n\nexport default contextConnect( TooltipContent, 'TooltipContent' );\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/tooltip/content.js"],"names":["TooltipPopoverView","styles","TooltipContent","props","forwardedRef","children","className","otherProps","tooltip","cx","classes","View"],"mappings":";;;;;;;;;;;;;AAIA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;;;AAbA;AACA;AACA;AACA;;AAGA;AACA;AACA;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAyBC,MAA/B;AAEA;AACA;AACA;AACA;AACA;;AACA,SAASC,cAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA+C;AAC9C,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuB,OAAGC;AAA1B,MAAyC,+BAC9CJ,KAD8C,EAE9C,gBAF8C,CAA/C;AAIA,QAAM;AAAEK,IAAAA;AAAF,MAAc,kCAApB;AACA,QAAMC,EAAE,GAAG,mBAAX;AACA,QAAMC,OAAO,GAAGD,EAAE,CAAER,MAAM,CAACC,cAAT,EAAyBI,SAAzB,CAAlB;AAEA,SACC,4BAAC,eAAD;AACC,IAAA,EAAE,EAAGK;AADN,KAEMJ,UAFN,EAGMC,OAHN;AAIC,IAAA,SAAS,EAAGE,OAJb;AAKC,IAAA,GAAG,EAAGN;AALP,MAOC,4BAAC,kBAAD,QAAsBC,QAAtB,CAPD,CADD;AAWA;;eAEc,6BAAgBH,cAAhB,EAAgC,gBAAhC,C","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport { Tooltip as ReakitTooltip } from 'reakit';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, useContextSystem } from '../context';\nimport { View } from '../../view';\nimport { useTooltipContext } from './context';\nimport * as styles from './styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\nconst { TooltipPopoverView } = styles;\n\n/**\n *\n * @param {import('../context').WordPressComponentProps<import('./types').ContentProps, 'div'>} props\n * @param {import('react').Ref<any>}                                                            forwardedRef\n */\nfunction TooltipContent( props, forwardedRef ) {\n\tconst { children, className, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'TooltipContent'\n\t);\n\tconst { tooltip } = useTooltipContext();\n\tconst cx = useCx();\n\tconst classes = cx( styles.TooltipContent, className );\n\n\treturn (\n\t\t<ReakitTooltip\n\t\t\tas={ View }\n\t\t\t{ ...otherProps }\n\t\t\t{ ...tooltip }\n\t\t\tclassName={ classes }\n\t\t\tref={ forwardedRef }\n\t\t>\n\t\t\t<TooltipPopoverView>{ children }</TooltipPopoverView>\n\t\t</ReakitTooltip>\n\t);\n}\n\nexport default contextConnect( TooltipContent, 'TooltipContent' );\n"]}

package/build/ui/tooltip/styles.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TooltipShortcut = exports.noOutline = exports.TooltipPopoverView = exports.TooltipContent = void 0;
+exports.noOutline = exports.TooltipShortcut = exports.TooltipPopoverView = exports.TooltipContent = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
@@ -23,6 +21,10 @@ var _space = require("../utils/space");
 
 var _colorsValues = require("../../utils/colors-values");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 const TooltipContent = /*#__PURE__*/(0, _react.css)("z-index:", ZIndex.Tooltip, ";box-sizing:border-box;opacity:0;outline:none;transform-origin:top center;transition:opacity ", _configValues.default.transitionDurationFastest, " ease;&[data-enter]{opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TooltipContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvdG9vbHRpcC9zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdWkvdG9vbHRpcC9zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IFNob3J0Y3V0IH0gZnJvbSAnLi4vc2hvcnRjdXQnO1xuaW1wb3J0ICogYXMgWkluZGV4IGZyb20gJy4uLy4uL3V0aWxzL3otaW5kZXgnO1xuaW1wb3J0IENPTkZJRyBmcm9tICcuLi8uLi91dGlscy9jb25maWctdmFsdWVzJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JzLXZhbHVlcyc7XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwQ29udGVudCA9IGNzc2Bcblx0ei1pbmRleDogJHsgWkluZGV4LlRvb2x0aXAgfTtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0b3BhY2l0eTogMDtcblx0b3V0bGluZTogbm9uZTtcblx0dHJhbnNmb3JtLW9yaWdpbjogdG9wIGNlbnRlcjtcblx0dHJhbnNpdGlvbjogb3BhY2l0eSAkeyBDT05GSUcudHJhbnNpdGlvbkR1cmF0aW9uRmFzdGVzdCB9IGVhc2U7XG5cblx0JltkYXRhLWVudGVyXSB7XG5cdFx0b3BhY2l0eTogMTtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBQb3BvdmVyVmlldyA9IHN0eWxlZC5kaXZgXG5cdGJhY2tncm91bmQ6IHJnYmEoIDAsIDAsIDAsIDAuOCApO1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdGJveC1zaGFkb3c6IDAgMCAwIDFweCByZ2JhKCAyNTUsIDI1NSwgMjU1LCAwLjA0ICk7XG5cdGNvbG9yOiAkeyBDT0xPUlMud2hpdGUgfTtcblx0cGFkZGluZzogNHB4IDhweDtcbmA7XG5cbmV4cG9ydCBjb25zdCBub091dGxpbmUgPSBjc3NgXG5cdG91dGxpbmU6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcFNob3J0Y3V0ID0gc3R5bGVkKCBTaG9ydGN1dCApYFxuXHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdG1hcmdpbi1sZWZ0OiAkeyBzcGFjZSggMSApIH07XG5gO1xuIl19 */");

package/build/ui/tooltip/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/ui/tooltip/styles.js"],"names":["TooltipContent","css","ZIndex","Tooltip","CONFIG","transitionDurationFastest","TooltipPopoverView","COLORS","white","noOutline","TooltipShortcut","Shortcut"],"mappings":";;;;;;;;;;;;;AAGA;;AAMA;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,cAAc,oBAAGC,UAAH,cACdC,MAAM,CAACC,OADO,mGAMHC,sBAAOC,yBANJ,80DAApB;;AAaA,MAAMC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,gHAIpBC,qBAAOC,KAJa,6vDAAxB;;AAQA,MAAMC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAf;;AAIA,MAAMC,eAAe,GAAG,iCAAQC,kBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,sCAEX,kBAAO,CAAP,CAFW,6uDAArB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { Shortcut } from '../shortcut';\nimport * as ZIndex from '../../utils/z-index';\nimport CONFIG from '../../utils/config-values';\nimport { space } from '../utils/space';\nimport { COLORS } from '../../utils/colors-values';\n\nexport const TooltipContent = css`\n\tz-index: ${ ZIndex.Tooltip };\n\tbox-sizing: border-box;\n\topacity: 0;\n\toutline: none;\n\ttransform-origin: top center;\n\ttransition: opacity ${ CONFIG.transitionDurationFastest } ease;\n\n\t&[data-enter] {\n\t\topacity: 1;\n\t}\n`;\n\nexport const TooltipPopoverView = styled.div`\n\tbackground: rgba( 0, 0, 0, 0.8 );\n\tborder-radius: 2px;\n\tbox-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.04 );\n\tcolor: ${ COLORS.white };\n\tpadding: 4px 8px;\n`;\n\nexport const noOutline = css`\n\toutline: none;\n`;\n\nexport const TooltipShortcut = styled( Shortcut )`\n\tdisplay: inline-block;\n\tmargin-left: ${ space( 1 ) };\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/ui/tooltip/styles.js"],"names":["TooltipContent","css","ZIndex","Tooltip","CONFIG","transitionDurationFastest","TooltipPopoverView","COLORS","white","noOutline","TooltipShortcut","Shortcut"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,oBAAGC,UAAH,cACdC,MAAM,CAACC,OADO,mGAMHC,sBAAOC,yBANJ,80DAApB;;AAaA,MAAMC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,gHAIpBC,qBAAOC,KAJa,6vDAAxB;;AAQA,MAAMC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAf;;AAIA,MAAMC,eAAe,GAAG,iCAAQC,kBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,sCAEX,kBAAO,CAAP,CAFW,6uDAArB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { Shortcut } from '../shortcut';\nimport * as ZIndex from '../../utils/z-index';\nimport CONFIG from '../../utils/config-values';\nimport { space } from '../utils/space';\nimport { COLORS } from '../../utils/colors-values';\n\nexport const TooltipContent = css`\n\tz-index: ${ ZIndex.Tooltip };\n\tbox-sizing: border-box;\n\topacity: 0;\n\toutline: none;\n\ttransform-origin: top center;\n\ttransition: opacity ${ CONFIG.transitionDurationFastest } ease;\n\n\t&[data-enter] {\n\t\topacity: 1;\n\t}\n`;\n\nexport const TooltipPopoverView = styled.div`\n\tbackground: rgba( 0, 0, 0, 0.8 );\n\tborder-radius: 2px;\n\tbox-shadow: 0 0 0 1px rgba( 255, 255, 255, 0.04 );\n\tcolor: ${ COLORS.white };\n\tpadding: 4px 8px;\n`;\n\nexport const noOutline = css`\n\toutline: none;\n`;\n\nexport const TooltipShortcut = styled( Shortcut )`\n\tdisplay: inline-block;\n\tmargin-left: ${ space( 1 ) };\n`;\n"]}

package/build/ui/tooltip/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/ui/utils/font-size.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.PRESET_FONT_SIZES = exports.HEADING_FONT_SIZES = exports.BASE_FONT_SIZE = void 0;
 exports.getFontSize = getFontSize;
 exports.getHeadingFontSize = getHeadingFontSize;
-exports.HEADING_FONT_SIZES = exports.PRESET_FONT_SIZES = exports.BASE_FONT_SIZE = void 0;
 
 var _configValues = _interopRequireDefault(require("../../utils/config-values"));
 
@@ -33,7 +33,9 @@ exports.PRESET_FONT_SIZES = PRESET_FONT_SIZES;
 const HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap(n => [n, n.toString()]);
 exports.HEADING_FONT_SIZES = HEADING_FONT_SIZES;
 
-function getFontSize(size = BASE_FONT_SIZE) {
+function getFontSize() {
+  let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : BASE_FONT_SIZE;
+
   if (size in PRESET_FONT_SIZES) {
     return getFontSize(PRESET_FONT_SIZES[size]);
   }
@@ -48,7 +50,9 @@ function getFontSize(size = BASE_FONT_SIZE) {
   return `calc(${ratio} * ${_configValues.default.fontSize})`;
 }
 
-function getHeadingFontSize(size = 3) {
+function getHeadingFontSize() {
+  let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 3;
+
   if (!HEADING_FONT_SIZES.includes(size)) {
     return getFontSize(size);
   }