@wordpress/components 16.0.1-next.5df0cd52b7.0 → 19.0.1

package/build/h-stack/component.js

@@ -1,11 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _utils = require("../ui/utils");
+var _element = require("@wordpress/element");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _context = require("../ui/context");
+
+var _view = require("../view");
 
 var _hook = require("./hook");
 
@@ -13,6 +21,16 @@ var _hook = require("./hook");
  * Internal dependencies
  */
 
+/**
+ * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props
+ * @param {import('react').Ref<any>}                                                        forwardedRef
+ */
+function HStack(props, forwardedRef) {
+  const hStackProps = (0, _hook.useHStack)(props);
+  return (0, _element.createElement)(_view.View, (0, _extends2.default)({}, hStackProps, {
+    ref: forwardedRef
+  }));
+}
 /**
  * `HStack` (Horizontal Stack) arranges child elements in a horizontal line.
  *
@@ -36,11 +54,9 @@ var _hook = require("./hook");
  * }
  * ```
  */
-const HStack = (0, _utils.createComponent)({
-  as: 'div',
-  useHook: _hook.useHStack,
-  name: 'HStack'
-});
-var _default = HStack;
+
+
+const ConnectedHStack = (0, _context.contextConnect)(HStack, 'HStack');
+var _default = ConnectedHStack;
 exports.default = _default;
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/h-stack/component.js"],"names":["HStack","as","useHook","useHStack","name"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,MAAM,GAAG,4BAAiB;AAC/BC,EAAAA,EAAE,EAAE,KAD2B;AAE/BC,EAAAA,OAAO,EAAEC,eAFsB;AAG/BC,EAAAA,IAAI,EAAE;AAHyB,CAAjB,CAAf;eAMeJ,M","sourcesContent":["/**\n * Internal dependencies\n */\nimport { createComponent } from '../ui/utils';\nimport { useHStack } from './hook';\n\n/**\n * `HStack` (Horizontal Stack) arranges child elements in a horizontal line.\n *\n * `HStack` can render anything inside.\n *\n * @example\n * ```jsx\n * import {\n * \t__experimentalHStack as HStack,\n * \t__experimentalText as Text,\n * } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<HStack>\n * \t\t\t<Text>Code</Text>\n * \t\t\t<Text>is</Text>\n * \t\t\t<Text>Poetry</Text>\n * \t\t</HStack>\n * \t);\n * }\n * ```\n */\nconst HStack = createComponent( {\n\tas: 'div',\n\tuseHook: useHStack,\n\tname: 'HStack',\n} );\n\nexport default HStack;\n"]}
+{"version":3,"sources":["@wordpress/components/src/h-stack/component.js"],"names":["HStack","props","forwardedRef","hStackProps","ConnectedHStack"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA,SAASA,MAAT,CAAiBC,KAAjB,EAAwBC,YAAxB,EAAuC;AACtC,QAAMC,WAAW,GAAG,qBAAWF,KAAX,CAApB;AAEA,SAAO,4BAAC,UAAD,6BAAWE,WAAX;AAAyB,IAAA,GAAG,EAAGD;AAA/B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,eAAe,GAAG,6BAAgBJ,MAAhB,EAAwB,QAAxB,CAAxB;eAEeI,e","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../ui/context';\nimport { View } from '../view';\nimport { useHStack } from './hook';\n\n/**\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props\n * @param {import('react').Ref<any>}                                                        forwardedRef\n */\nfunction HStack( props, forwardedRef ) {\n\tconst hStackProps = useHStack( props );\n\n\treturn <View { ...hStackProps } ref={ forwardedRef } />;\n}\n\n/**\n * `HStack` (Horizontal Stack) arranges child elements in a horizontal line.\n *\n * `HStack` can render anything inside.\n *\n * @example\n * ```jsx\n * import {\n * \t__experimentalHStack as HStack,\n * \t__experimentalText as Text,\n * } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<HStack>\n * \t\t\t<Text>Code</Text>\n * \t\t\t<Text>is</Text>\n * \t\t\t<Text>Poetry</Text>\n * \t\t</HStack>\n * \t);\n * }\n * ```\n */\nconst ConnectedHStack = contextConnect( HStack, 'HStack' );\n\nexport default ConnectedHStack;\n"]}

package/build/h-stack/hook.js

@@ -25,7 +25,7 @@ var _getValidChildren = require("../ui/utils/get-valid-children");
 
 /**
  *
- * @param {import('../ui/context').PolymorphicComponentProps<import('./types').Props, 'div'>} props
+ * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props
  */
 function useHStack(props) {
   const {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/h-stack/hook.js"],"names":["useHStack","props","alignment","children","direction","spacing","otherProps","align","validChildren","clonedChildren","map","child","index","_key","key","_isSpacer","propsForFlex","justify","gap","flexProps"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACO,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAM;AACLC,IAAAA,SAAS,GAAG,MADP;AAELC,IAAAA,QAFK;AAGLC,IAAAA,SAHK;AAILC,IAAAA,OAAO,GAAG,CAJL;AAKL,OAAGC;AALE,MAMF,+BAAkBL,KAAlB,EAAyB,QAAzB,CANJ;AAQA,QAAMM,KAAK,GAAG,8BAAmBL,SAAnB,EAA8BE,SAA9B,CAAd;AAEA,QAAMI,aAAa,GAAG,wCAAkBL,QAAlB,CAAtB;AACA,QAAMM,cAAc,GAAGD,aAAa,CAACE,GAAd,EACtB;AACA;AAAE;AAA4CC,EAAAA,KAA9C,EAAqDC,KAArD,KAAgE;AAC/D,UAAMC,IAAI,GAAGF,KAAK,CAACG,GAAN,IAAc,UAAUF,KAAO,EAA5C;;AACA,UAAMG,SAAS,GAAG,kCAAqBJ,KAArB,EAA4B,CAAE,QAAF,CAA5B,CAAlB;;AAEA,QAAKI,SAAL,EAAiB;AAChB,aAAO,4BAAC,cAAD;AAAU,QAAA,OAAO,MAAjB;AAAkB,QAAA,GAAG,EAAGF;AAAxB,SAAoCF,KAAK,CAACV,KAA1C,EAAP;AACA;;AAED,WAAOU,KAAP;AACA,GAXqB,CAAvB;AAcA,QAAMK,YAAY,GAAG;AACpBb,IAAAA,QAAQ,EAAEM,cADU;AAEpBL,IAAAA,SAFoB;AAGpBa,IAAAA,OAAO,EAAE,QAHW;AAIpB,OAAGV,KAJiB;AAKpB,OAAGD,UALiB;AAMpBY,IAAAA,GAAG,EAAEb;AANe,GAArB;AASA,QAAMc,SAAS,GAAG,mBAASH,YAAT,CAAlB;AAEA,SAAOG,SAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { hasConnectNamespace, useContextSystem } from '../ui/context';\nimport { FlexItem, useFlex } from '../flex';\nimport { getAlignmentProps } from './utils';\nimport { getValidChildren } from '../ui/utils/get-valid-children';\n\n/**\n *\n * @param {import('../ui/context').PolymorphicComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useHStack( props ) {\n\tconst {\n\t\talignment = 'edge',\n\t\tchildren,\n\t\tdirection,\n\t\tspacing = 2,\n\t\t...otherProps\n\t} = useContextSystem( props, 'HStack' );\n\n\tconst align = getAlignmentProps( alignment, direction );\n\n\tconst validChildren = getValidChildren( children );\n\tconst clonedChildren = validChildren.map(\n\t\t// @ts-ignore\n\t\t( /** @type {import('react').ReactElement} */ child, index ) => {\n\t\t\tconst _key = child.key || `hstack-${ index }`;\n\t\t\tconst _isSpacer = hasConnectNamespace( child, [ 'Spacer' ] );\n\n\t\t\tif ( _isSpacer ) {\n\t\t\t\treturn <FlexItem isBlock key={ _key } { ...child.props } />;\n\t\t\t}\n\n\t\t\treturn child;\n\t\t}\n\t);\n\n\tconst propsForFlex = {\n\t\tchildren: clonedChildren,\n\t\tdirection,\n\t\tjustify: 'center',\n\t\t...align,\n\t\t...otherProps,\n\t\tgap: spacing,\n\t};\n\n\tconst flexProps = useFlex( propsForFlex );\n\n\treturn flexProps;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/h-stack/hook.js"],"names":["useHStack","props","alignment","children","direction","spacing","otherProps","align","validChildren","clonedChildren","map","child","index","_key","key","_isSpacer","propsForFlex","justify","gap","flexProps"],"mappings":";;;;;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACO,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAM;AACLC,IAAAA,SAAS,GAAG,MADP;AAELC,IAAAA,QAFK;AAGLC,IAAAA,SAHK;AAILC,IAAAA,OAAO,GAAG,CAJL;AAKL,OAAGC;AALE,MAMF,+BAAkBL,KAAlB,EAAyB,QAAzB,CANJ;AAQA,QAAMM,KAAK,GAAG,8BAAmBL,SAAnB,EAA8BE,SAA9B,CAAd;AAEA,QAAMI,aAAa,GAAG,wCAAkBL,QAAlB,CAAtB;AACA,QAAMM,cAAc,GAAGD,aAAa,CAACE,GAAd,EACtB;AACA;AAAE;AAA4CC,EAAAA,KAA9C,EAAqDC,KAArD,KAAgE;AAC/D,UAAMC,IAAI,GAAGF,KAAK,CAACG,GAAN,IAAc,UAAUF,KAAO,EAA5C;;AACA,UAAMG,SAAS,GAAG,kCAAqBJ,KAArB,EAA4B,CAAE,QAAF,CAA5B,CAAlB;;AAEA,QAAKI,SAAL,EAAiB;AAChB,aAAO,4BAAC,cAAD;AAAU,QAAA,OAAO,MAAjB;AAAkB,QAAA,GAAG,EAAGF;AAAxB,SAAoCF,KAAK,CAACV,KAA1C,EAAP;AACA;;AAED,WAAOU,KAAP;AACA,GAXqB,CAAvB;AAcA,QAAMK,YAAY,GAAG;AACpBb,IAAAA,QAAQ,EAAEM,cADU;AAEpBL,IAAAA,SAFoB;AAGpBa,IAAAA,OAAO,EAAE,QAHW;AAIpB,OAAGV,KAJiB;AAKpB,OAAGD,UALiB;AAMpBY,IAAAA,GAAG,EAAEb;AANe,GAArB;AASA,QAAMc,SAAS,GAAG,mBAASH,YAAT,CAAlB;AAEA,SAAOG,SAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { hasConnectNamespace, useContextSystem } from '../ui/context';\nimport { FlexItem, useFlex } from '../flex';\nimport { getAlignmentProps } from './utils';\nimport { getValidChildren } from '../ui/utils/get-valid-children';\n\n/**\n *\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props\n */\nexport function useHStack( props ) {\n\tconst {\n\t\talignment = 'edge',\n\t\tchildren,\n\t\tdirection,\n\t\tspacing = 2,\n\t\t...otherProps\n\t} = useContextSystem( props, 'HStack' );\n\n\tconst align = getAlignmentProps( alignment, direction );\n\n\tconst validChildren = getValidChildren( children );\n\tconst clonedChildren = validChildren.map(\n\t\t// @ts-ignore\n\t\t( /** @type {import('react').ReactElement} */ child, index ) => {\n\t\t\tconst _key = child.key || `hstack-${ index }`;\n\t\t\tconst _isSpacer = hasConnectNamespace( child, [ 'Spacer' ] );\n\n\t\t\tif ( _isSpacer ) {\n\t\t\t\treturn <FlexItem isBlock key={ _key } { ...child.props } />;\n\t\t\t}\n\n\t\t\treturn child;\n\t\t}\n\t);\n\n\tconst propsForFlex = {\n\t\tchildren: clonedChildren,\n\t\tdirection,\n\t\tjustify: 'center',\n\t\t...align,\n\t\t...otherProps,\n\t\tgap: spacing,\n\t};\n\n\tconst flexProps = useFlex( propsForFlex );\n\n\treturn flexProps;\n}\n"]}

package/build/heading/component.js

@@ -1,35 +1,51 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _utils = require("../ui/utils");
+var _element = require("@wordpress/element");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _context = require("../ui/context");
+
+var _view = require("../view");
 
 var _hook = require("./hook");
 
 /**
- * Internal dependencies
+ * External dependencies
  */
+// eslint-disable-next-line no-restricted-imports
 
+/**
+ * Internal dependencies
+ */
+function Heading(props, forwardedRef) {
+  const headerProps = (0, _hook.useHeading)(props);
+  return (0, _element.createElement)(_view.View, (0, _extends2.default)({}, headerProps, {
+    ref: forwardedRef
+  }));
+}
 /**
  * `Heading` renders headings and titles using the library's typography system.
  *
  * @example
  * ```jsx
- * import { Heading } from `@wordpress/components/ui`
+ * import { Heading } from `@wordpress/components`
  *
  * function Example() {
  *   return <Heading>Code is Poetry</Heading>;
  * }
  * ```
  */
-const Heading = (0, _utils.createComponent)({
-  as: 'h1',
-  useHook: _hook.useHeading,
-  name: 'Heading'
-});
-var _default = Heading;
+
+
+const ConnectedHeading = (0, _context.contextConnect)(Heading, 'Heading');
+var _default = ConnectedHeading;
 exports.default = _default;
 //# sourceMappingURL=component.js.map

package/build/heading/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/heading/component.ts"],"names":["Heading","as","useHook","useHeading","name"],"mappings":";;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,OAAO,GAAG,4BAAiB;AAChCC,EAAAA,EAAE,EAAE,IAD4B;AAEhCC,EAAAA,OAAO,EAAEC,gBAFuB;AAGhCC,EAAAA,IAAI,EAAE;AAH0B,CAAjB,CAAhB;eAMeJ,O","sourcesContent":["/**\n * Internal dependencies\n */\nimport { createComponent } from '../ui/utils';\nimport { useHeading } from './hook';\n\n/**\n * `Heading` renders headings and titles using the library's typography system.\n *\n * @example\n * ```jsx\n * import { Heading } from `@wordpress/components/ui`\n *\n * function Example() {\n *   return <Heading>Code is Poetry</Heading>;\n * }\n * ```\n */\nconst Heading = createComponent( {\n\tas: 'h1',\n\tuseHook: useHeading,\n\tname: 'Heading',\n} );\n\nexport default Heading;\n"]}
+{"version":3,"sources":["@wordpress/components/src/heading/component.tsx"],"names":["Heading","props","forwardedRef","headerProps","ConnectedHeading"],"mappings":";;;;;;;;;;;;;AASA;;AACA;;AACA;;AAXA;AACA;AACA;AACA;;AAGA;AACA;AACA;AAKA,SAASA,OAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,WAAW,GAAG,sBAAYF,KAAZ,CAApB;AAEA,SAAO,4BAAC,UAAD,6BAAWE,WAAX;AAAyB,IAAA,GAAG,EAAGD;AAA/B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,gBAAgB,GAAG,6BAAgBJ,OAAhB,EAAyB,SAAzB,CAAzB;eAEeI,gB","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { Ref } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../ui/context';\nimport { View } from '../view';\nimport { useHeading, HeadingProps } from './hook';\n\nfunction Heading(\n\tprops: WordPressComponentProps< HeadingProps, 'h1' >,\n\tforwardedRef: Ref< any >\n) {\n\tconst headerProps = useHeading( props );\n\n\treturn <View { ...headerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Heading` renders headings and titles using the library's typography system.\n *\n * @example\n * ```jsx\n * import { Heading } from `@wordpress/components`\n *\n * function Example() {\n *   return <Heading>Code is Poetry</Heading>;\n * }\n * ```\n */\nconst ConnectedHeading = contextConnect( Heading, 'Heading' );\n\nexport default ConnectedHeading;\n"]}

package/build/heading/hook.js

@@ -28,7 +28,7 @@ function useHeading(props) {
   if (typeof as === 'string' && as[0] !== 'h') {
     // if not a semantic `h` element, add a11y props:
     a11yProps.role = 'heading';
-    a11yProps['aria-level'] = level;
+    a11yProps['aria-level'] = typeof level === 'string' ? parseInt(level) : level;
   }
 
   const textProps = (0, _text.useText)({

package/build/heading/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/heading/hook.ts"],"names":["useHeading","props","as","asProp","level","otherProps","a11yProps","role","textProps","color","COLORS","darkGray","heading","size","isBlock","weight","CONFIG","fontWeightHeading"],"mappings":";;;;;;;AAGA;;AAIA;;AACA;;AACA;;AATA;AACA;AACA;AAkDO,SAASA,UAAT,CACNC,KADM,EAEL;AACD,QAAM;AAAEC,IAAAA,EAAE,EAAEC,MAAN;AAAcC,IAAAA,KAAK,GAAG,CAAtB;AAAyB,OAAGC;AAA5B,MAA2C,+BAChDJ,KADgD,EAEhD,SAFgD,CAAjD;AAKA,QAAMC,EAAE,GAAGC,MAAM,IAAK,IAAIC,KAAO,EAAjC;AAEA,QAAME,SAGL,GAAG,EAHJ;;AAIA,MAAK,OAAOJ,EAAP,KAAc,QAAd,IAA0BA,EAAE,CAAE,CAAF,CAAF,KAAY,GAA3C,EAAiD;AAChD;AACAI,IAAAA,SAAS,CAACC,IAAV,GAAiB,SAAjB;AACAD,IAAAA,SAAS,CAAE,YAAF,CAAT,GAA4BF,KAA5B;AACA;;AAED,QAAMI,SAAS,GAAG,mBAAS;AAC1BC,IAAAA,KAAK,EAAEC,cAAOC,QAAP,CAAgBC,OADG;AAE1BC,IAAAA,IAAI,EAAE,kCAAoBT,KAApB,CAFoB;AAG1BU,IAAAA,OAAO,EAAE,IAHiB;AAI1BC,IAAAA,MAAM,EAAEC,cAAOC,iBAJW;AAK1B,OAAGZ;AALuB,GAAT,CAAlB;AAQA,SAAO,EAAE,GAAGG,SAAL;AAAgB,OAAGF,SAAnB;AAA8BJ,IAAAA;AAA9B,GAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\n// eslint-disable-next-line no-duplicate-imports\nimport type { PolymorphicComponentProps } from '../ui/context';\nimport type { Props as TextProps } from '../text/types';\nimport { useText } from '../text';\nimport { getHeadingFontSize } from '../ui/utils/font-size';\nimport { CONFIG, COLORS } from '../utils';\n\nexport type HeadingSize =\n\t| 1\n\t| 2\n\t| 3\n\t| 4\n\t| 5\n\t| 6\n\t| '1'\n\t| '2'\n\t| '3'\n\t| '4'\n\t| '5'\n\t| '6';\n\nexport interface HeadingProps extends Omit< TextProps, 'size' > {\n\t/**\n\t * `Heading` will typically render the sizes `1`, `2`, `3`, `4`, `5`, or `6`, which map to `h1`-`h6`.\n\t *\n\t * @default 3\n\t *\n\t * @example\n\t * ```jsx\n\t * import { __experimentalHeading as Heading } from `@wordpress/components`\n\t *\n\t * function Example() {\n\t *   return (\n\t *     <div>\n\t *       <Heading level=\"1\">Code is Poetry</Heading>\n\t *       <Heading level=\"2\">Code is Poetry</Heading>\n\t *       <Heading level=\"3\">Code is Poetry</Heading>\n\t *       <Heading level=\"4\">Code is Poetry</Heading>\n\t *       <Heading level=\"5\">Code is Poetry</Heading>\n\t *       <Heading level=\"6\">Code is Poetry</Heading>\n\t *     </div>\n\t *   );\n\t * }\n\t * ```\n\t */\n\tlevel: HeadingSize;\n}\n\nexport function useHeading(\n\tprops: PolymorphicComponentProps< HeadingProps, 'h1' >\n) {\n\tconst { as: asProp, level = 2, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'Heading'\n\t);\n\n\tconst as = asProp || `h${ level }`;\n\n\tconst a11yProps: {\n\t\trole?: string;\n\t\t'aria-level'?: string | number;\n\t} = {};\n\tif ( typeof as === 'string' && as[ 0 ] !== 'h' ) {\n\t\t// if not a semantic `h` element, add a11y props:\n\t\ta11yProps.role = 'heading';\n\t\ta11yProps[ 'aria-level' ] = level;\n\t}\n\n\tconst textProps = useText( {\n\t\tcolor: COLORS.darkGray.heading,\n\t\tsize: getHeadingFontSize( level ),\n\t\tisBlock: true,\n\t\tweight: CONFIG.fontWeightHeading as import('react').CSSProperties[ 'fontWeight' ],\n\t\t...otherProps,\n\t} );\n\n\treturn { ...textProps, ...a11yProps, as };\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/heading/hook.ts"],"names":["useHeading","props","as","asProp","level","otherProps","a11yProps","role","parseInt","textProps","color","COLORS","darkGray","heading","size","isBlock","weight","CONFIG","fontWeightHeading"],"mappings":";;;;;;;AAGA;;AAEA;;AACA;;AACA;;AAPA;AACA;AACA;AAgDO,SAASA,UAAT,CACNC,KADM,EAEL;AACD,QAAM;AAAEC,IAAAA,EAAE,EAAEC,MAAN;AAAcC,IAAAA,KAAK,GAAG,CAAtB;AAAyB,OAAGC;AAA5B,MAA2C,+BAChDJ,KADgD,EAEhD,SAFgD,CAAjD;AAKA,QAAMC,EAAE,GAAKC,MAAM,IAAK,IAAIC,KAAO,EAAnC;AAEA,QAAME,SAGL,GAAG,EAHJ;;AAIA,MAAK,OAAOJ,EAAP,KAAc,QAAd,IAA0BA,EAAE,CAAE,CAAF,CAAF,KAAY,GAA3C,EAAiD;AAChD;AACAI,IAAAA,SAAS,CAACC,IAAV,GAAiB,SAAjB;AACAD,IAAAA,SAAS,CAAE,YAAF,CAAT,GACC,OAAOF,KAAP,KAAiB,QAAjB,GAA4BI,QAAQ,CAAEJ,KAAF,CAApC,GAAgDA,KADjD;AAEA;;AAED,QAAMK,SAAS,GAAG,mBAAS;AAC1BC,IAAAA,KAAK,EAAEC,cAAOC,QAAP,CAAgBC,OADG;AAE1BC,IAAAA,IAAI,EAAE,kCAAoBV,KAApB,CAFoB;AAG1BW,IAAAA,OAAO,EAAE,IAHiB;AAI1BC,IAAAA,MAAM,EAAEC,cAAOC,iBAJW;AAK1B,OAAGb;AALuB,GAAT,CAAlB;AAQA,SAAO,EAAE,GAAGI,SAAL;AAAgB,OAAGH,SAAnB;AAA8BJ,IAAAA;AAA9B,GAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../ui/context';\nimport type { Props as TextProps } from '../text/types';\nimport { useText } from '../text';\nimport { getHeadingFontSize } from '../ui/utils/font-size';\nimport { CONFIG, COLORS } from '../utils';\n\nexport type HeadingSize =\n\t| 1\n\t| 2\n\t| 3\n\t| 4\n\t| 5\n\t| 6\n\t| '1'\n\t| '2'\n\t| '3'\n\t| '4'\n\t| '5'\n\t| '6';\n\nexport interface HeadingProps extends Omit< TextProps, 'size' > {\n\t/**\n\t * `Heading` will typically render the sizes `1`, `2`, `3`, `4`, `5`, or `6`, which map to `h1`-`h6`.\n\t *\n\t * @default 2\n\t *\n\t * @example\n\t * ```jsx\n\t * import { __experimentalHeading as Heading } from `@wordpress/components`\n\t *\n\t * function Example() {\n\t *   return (\n\t *     <div>\n\t *       <Heading level=\"1\">Code is Poetry</Heading>\n\t *       <Heading level=\"2\">Code is Poetry</Heading>\n\t *       <Heading level=\"3\">Code is Poetry</Heading>\n\t *       <Heading level=\"4\">Code is Poetry</Heading>\n\t *       <Heading level=\"5\">Code is Poetry</Heading>\n\t *       <Heading level=\"6\">Code is Poetry</Heading>\n\t *     </div>\n\t *   );\n\t * }\n\t * ```\n\t */\n\tlevel: HeadingSize;\n}\n\nexport function useHeading(\n\tprops: WordPressComponentProps< HeadingProps, 'h1' >\n) {\n\tconst { as: asProp, level = 2, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'Heading'\n\t);\n\n\tconst as = ( asProp || `h${ level }` ) as keyof JSX.IntrinsicElements;\n\n\tconst a11yProps: {\n\t\trole?: string;\n\t\t'aria-level'?: number;\n\t} = {};\n\tif ( typeof as === 'string' && as[ 0 ] !== 'h' ) {\n\t\t// if not a semantic `h` element, add a11y props:\n\t\ta11yProps.role = 'heading';\n\t\ta11yProps[ 'aria-level' ] =\n\t\t\ttypeof level === 'string' ? parseInt( level ) : level;\n\t}\n\n\tconst textProps = useText( {\n\t\tcolor: COLORS.darkGray.heading,\n\t\tsize: getHeadingFontSize( level ),\n\t\tisBlock: true,\n\t\tweight: CONFIG.fontWeightHeading as import('react').CSSProperties[ 'fontWeight' ],\n\t\t...otherProps,\n\t} );\n\n\treturn { ...textProps, ...a11yProps, as };\n}\n"]}

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

@@ -16,11 +16,24 @@ var _keycodes = require("@wordpress/keycodes");
  * WordPress dependencies
  */
 const defaultShortcuts = {
-  previous: ['ctrl+shift+`', _keycodes.rawShortcut.access('p')],
-  next: ['ctrl+`', _keycodes.rawShortcut.access('n')]
+  previous: [{
+    modifier: 'ctrlShift',
+    character: '`'
+  }, {
+    modifier: 'access',
+    character: 'p'
+  }],
+  next: [{
+    modifier: 'ctrl',
+    character: '`'
+  }, {
+    modifier: 'access',
+    character: 'n'
+  }]
 };
 
-function useNavigateRegions(ref, shortcuts = defaultShortcuts) {
+function useNavigateRegions(shortcuts = defaultShortcuts) {
+  const ref = (0, _element.useRef)();
   const [isFocusingRegions, setIsFocusingRegions] = (0, _element.useState)(false);
 
   function focusRegion(offset) {
@@ -44,45 +57,45 @@ function useNavigateRegions(ref, shortcuts = defaultShortcuts) {
     setIsFocusingRegions(true);
   }
 
-  const focusPrevious = (0, _element.useCallback)(() => focusRegion(-1), []);
-  const focusNext = (0, _element.useCallback)(() => focusRegion(1), []);
-  (0, _compose.useKeyboardShortcut)(shortcuts.previous, focusPrevious, {
-    bindGlobal: true
-  });
-  (0, _compose.useKeyboardShortcut)(shortcuts.next, focusNext, {
-    bindGlobal: true
-  });
-  (0, _element.useEffect)(() => {
+  const clickRef = (0, _compose.useRefEffect)(element => {
     function onClick() {
       setIsFocusingRegions(false);
     }
 
-    ref.current.addEventListener('click', onClick);
+    element.addEventListener('click', onClick);
     return () => {
-      var _ref$current;
-
-      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.removeEventListener('click', onClick);
+      element.removeEventListener('click', onClick);
     };
   }, [setIsFocusingRegions]);
+  return {
+    ref: (0, _compose.useMergeRefs)([ref, clickRef]),
+    className: isFocusingRegions ? 'is-focusing-regions' : '',
+
+    onKeyDown(event) {
+      if (shortcuts.previous.some(({
+        modifier,
+        character
+      }) => {
+        return _keycodes.isKeyboardEvent[modifier](event, character);
+      })) {
+        focusRegion(-1);
+      } else if (shortcuts.next.some(({
+        modifier,
+        character
+      }) => {
+        return _keycodes.isKeyboardEvent[modifier](event, character);
+      })) {
+        focusRegion(1);
+      }
+    }
 
-  if (!isFocusingRegions) {
-    return;
-  }
-
-  return 'is-focusing-regions';
+  };
 }
 
 var _default = (0, _compose.createHigherOrderComponent)(Component => ({
   shortcuts,
   ...props
-}) => {
-  const ref = (0, _element.useRef)();
-  const className = useNavigateRegions(ref, shortcuts);
-  return (0, _element.createElement)("div", {
-    ref: ref,
-    className: className
-  }, (0, _element.createElement)(Component, props));
-}, 'navigateRegions');
+}) => (0, _element.createElement)("div", useNavigateRegions(shortcuts), (0, _element.createElement)(Component, props)), 'navigateRegions');
 
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/higher-order/navigate-regions/index.js"],"names":["defaultShortcuts","previous","rawShortcut","access","next","useNavigateRegions","ref","shortcuts","isFocusingRegions","setIsFocusingRegions","focusRegion","offset","regions","Array","from","current","querySelectorAll","length","nextRegion","selectedIndex","indexOf","ownerDocument","activeElement","nextIndex","focus","focusPrevious","focusNext","bindGlobal","onClick","addEventListener","removeEventListener","Component","props","className"],"mappings":";;;;;;;;AAGA;;AACA;;AAIA;;AARA;AACA;AACA;AAQA,MAAMA,gBAAgB,GAAG;AACxBC,EAAAA,QAAQ,EAAE,CAAE,cAAF,EAAkBC,sBAAYC,MAAZ,CAAoB,GAApB,CAAlB,CADc;AAExBC,EAAAA,IAAI,EAAE,CAAE,QAAF,EAAYF,sBAAYC,MAAZ,CAAoB,GAApB,CAAZ;AAFkB,CAAzB;;AAKO,SAASE,kBAAT,CAA6BC,GAA7B,EAAkCC,SAAS,GAAGP,gBAA9C,EAAiE;AACvE,QAAM,CAAEQ,iBAAF,EAAqBC,oBAArB,IAA8C,uBAAU,KAAV,CAApD;;AAEA,WAASC,WAAT,CAAsBC,MAAtB,EAA+B;AAC9B,UAAMC,OAAO,GAAGC,KAAK,CAACC,IAAN,CACfR,GAAG,CAACS,OAAJ,CAAYC,gBAAZ,CAA8B,iBAA9B,CADe,CAAhB;;AAGA,QAAK,CAAEJ,OAAO,CAACK,MAAf,EAAwB;AACvB;AACA;;AACD,QAAIC,UAAU,GAAGN,OAAO,CAAE,CAAF,CAAxB;AACA,UAAMO,aAAa,GAAGP,OAAO,CAACQ,OAAR,CACrBd,GAAG,CAACS,OAAJ,CAAYM,aAAZ,CAA0BC,aADL,CAAtB;;AAGA,QAAKH,aAAa,KAAK,CAAC,CAAxB,EAA4B;AAC3B,UAAII,SAAS,GAAGJ,aAAa,GAAGR,MAAhC;AACAY,MAAAA,SAAS,GAAGA,SAAS,KAAK,CAAC,CAAf,GAAmBX,OAAO,CAACK,MAAR,GAAiB,CAApC,GAAwCM,SAApD;AACAA,MAAAA,SAAS,GAAGA,SAAS,KAAKX,OAAO,CAACK,MAAtB,GAA+B,CAA/B,GAAmCM,SAA/C;AACAL,MAAAA,UAAU,GAAGN,OAAO,CAAEW,SAAF,CAApB;AACA;;AAEDL,IAAAA,UAAU,CAACM,KAAX;AACAf,IAAAA,oBAAoB,CAAE,IAAF,CAApB;AACA;;AACD,QAAMgB,aAAa,GAAG,0BAAa,MAAMf,WAAW,CAAE,CAAC,CAAH,CAA9B,EAAsC,EAAtC,CAAtB;AACA,QAAMgB,SAAS,GAAG,0BAAa,MAAMhB,WAAW,CAAE,CAAF,CAA9B,EAAqC,EAArC,CAAlB;AAEA,oCAAqBH,SAAS,CAACN,QAA/B,EAAyCwB,aAAzC,EAAwD;AACvDE,IAAAA,UAAU,EAAE;AAD2C,GAAxD;AAGA,oCAAqBpB,SAAS,CAACH,IAA/B,EAAqCsB,SAArC,EAAgD;AAAEC,IAAAA,UAAU,EAAE;AAAd,GAAhD;AAEA,0BAAW,MAAM;AAChB,aAASC,OAAT,GAAmB;AAClBnB,MAAAA,oBAAoB,CAAE,KAAF,CAApB;AACA;;AAEDH,IAAAA,GAAG,CAACS,OAAJ,CAAYc,gBAAZ,CAA8B,OAA9B,EAAuCD,OAAvC;AAEA,WAAO,MAAM;AAAA;;AACZ,sBAAAtB,GAAG,CAACS,OAAJ,8DAAae,mBAAb,CAAkC,OAAlC,EAA2CF,OAA3C;AACA,KAFD;AAGA,GAVD,EAUG,CAAEnB,oBAAF,CAVH;;AAYA,MAAK,CAAED,iBAAP,EAA2B;AAC1B;AACA;;AAED,SAAO,qBAAP;AACA;;eAEc,yCACZuB,SAAF,IAAiB,CAAE;AAAExB,EAAAA,SAAF;AAAa,KAAGyB;AAAhB,CAAF,KAA+B;AAC/C,QAAM1B,GAAG,GAAG,sBAAZ;AACA,QAAM2B,SAAS,GAAG5B,kBAAkB,CAAEC,GAAF,EAAOC,SAAP,CAApC;AACA,SACC;AAAK,IAAA,GAAG,EAAGD,GAAX;AAAiB,IAAA,SAAS,EAAG2B;AAA7B,KACC,4BAAC,SAAD,EAAgBD,KAAhB,CADD,CADD;AAKA,CATa,EAUd,iBAVc,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useState, useRef, useEffect } from '@wordpress/element';\nimport {\n\tcreateHigherOrderComponent,\n\tuseKeyboardShortcut,\n} from '@wordpress/compose';\nimport { rawShortcut } from '@wordpress/keycodes';\n\nconst defaultShortcuts = {\n\tprevious: [ 'ctrl+shift+`', rawShortcut.access( 'p' ) ],\n\tnext: [ 'ctrl+`', rawShortcut.access( 'n' ) ],\n};\n\nexport function useNavigateRegions( ref, shortcuts = defaultShortcuts ) {\n\tconst [ isFocusingRegions, setIsFocusingRegions ] = useState( false );\n\n\tfunction focusRegion( offset ) {\n\t\tconst regions = Array.from(\n\t\t\tref.current.querySelectorAll( '[role=\"region\"]' )\n\t\t);\n\t\tif ( ! regions.length ) {\n\t\t\treturn;\n\t\t}\n\t\tlet nextRegion = regions[ 0 ];\n\t\tconst selectedIndex = regions.indexOf(\n\t\t\tref.current.ownerDocument.activeElement\n\t\t);\n\t\tif ( selectedIndex !== -1 ) {\n\t\t\tlet nextIndex = selectedIndex + offset;\n\t\t\tnextIndex = nextIndex === -1 ? regions.length - 1 : nextIndex;\n\t\t\tnextIndex = nextIndex === regions.length ? 0 : nextIndex;\n\t\t\tnextRegion = regions[ nextIndex ];\n\t\t}\n\n\t\tnextRegion.focus();\n\t\tsetIsFocusingRegions( true );\n\t}\n\tconst focusPrevious = useCallback( () => focusRegion( -1 ), [] );\n\tconst focusNext = useCallback( () => focusRegion( 1 ), [] );\n\n\tuseKeyboardShortcut( shortcuts.previous, focusPrevious, {\n\t\tbindGlobal: true,\n\t} );\n\tuseKeyboardShortcut( shortcuts.next, focusNext, { bindGlobal: true } );\n\n\tuseEffect( () => {\n\t\tfunction onClick() {\n\t\t\tsetIsFocusingRegions( false );\n\t\t}\n\n\t\tref.current.addEventListener( 'click', onClick );\n\n\t\treturn () => {\n\t\t\tref.current?.removeEventListener( 'click', onClick );\n\t\t};\n\t}, [ setIsFocusingRegions ] );\n\n\tif ( ! isFocusingRegions ) {\n\t\treturn;\n\t}\n\n\treturn 'is-focusing-regions';\n}\n\nexport default createHigherOrderComponent(\n\t( Component ) => ( { shortcuts, ...props } ) => {\n\t\tconst ref = useRef();\n\t\tconst className = useNavigateRegions( ref, shortcuts );\n\t\treturn (\n\t\t\t<div ref={ ref } className={ className }>\n\t\t\t\t<Component { ...props } />\n\t\t\t</div>\n\t\t);\n\t},\n\t'navigateRegions'\n);\n"]}
+{"version":3,"sources":["@wordpress/components/src/higher-order/navigate-regions/index.js"],"names":["defaultShortcuts","previous","modifier","character","next","useNavigateRegions","shortcuts","ref","isFocusingRegions","setIsFocusingRegions","focusRegion","offset","regions","Array","from","current","querySelectorAll","length","nextRegion","selectedIndex","indexOf","ownerDocument","activeElement","nextIndex","focus","clickRef","element","onClick","addEventListener","removeEventListener","className","onKeyDown","event","some","isKeyboardEvent","Component","props"],"mappings":";;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;AASA,MAAMA,gBAAgB,GAAG;AACxBC,EAAAA,QAAQ,EAAE,CACT;AACCC,IAAAA,QAAQ,EAAE,WADX;AAECC,IAAAA,SAAS,EAAE;AAFZ,GADS,EAKT;AACCD,IAAAA,QAAQ,EAAE,QADX;AAECC,IAAAA,SAAS,EAAE;AAFZ,GALS,CADc;AAWxBC,EAAAA,IAAI,EAAE,CACL;AACCF,IAAAA,QAAQ,EAAE,MADX;AAECC,IAAAA,SAAS,EAAE;AAFZ,GADK,EAKL;AACCD,IAAAA,QAAQ,EAAE,QADX;AAECC,IAAAA,SAAS,EAAE;AAFZ,GALK;AAXkB,CAAzB;;AAuBO,SAASE,kBAAT,CAA6BC,SAAS,GAAGN,gBAAzC,EAA4D;AAClE,QAAMO,GAAG,GAAG,sBAAZ;AACA,QAAM,CAAEC,iBAAF,EAAqBC,oBAArB,IAA8C,uBAAU,KAAV,CAApD;;AAEA,WAASC,WAAT,CAAsBC,MAAtB,EAA+B;AAC9B,UAAMC,OAAO,GAAGC,KAAK,CAACC,IAAN,CACfP,GAAG,CAACQ,OAAJ,CAAYC,gBAAZ,CAA8B,iBAA9B,CADe,CAAhB;;AAGA,QAAK,CAAEJ,OAAO,CAACK,MAAf,EAAwB;AACvB;AACA;;AACD,QAAIC,UAAU,GAAGN,OAAO,CAAE,CAAF,CAAxB;AACA,UAAMO,aAAa,GAAGP,OAAO,CAACQ,OAAR,CACrBb,GAAG,CAACQ,OAAJ,CAAYM,aAAZ,CAA0BC,aADL,CAAtB;;AAGA,QAAKH,aAAa,KAAK,CAAC,CAAxB,EAA4B;AAC3B,UAAII,SAAS,GAAGJ,aAAa,GAAGR,MAAhC;AACAY,MAAAA,SAAS,GAAGA,SAAS,KAAK,CAAC,CAAf,GAAmBX,OAAO,CAACK,MAAR,GAAiB,CAApC,GAAwCM,SAApD;AACAA,MAAAA,SAAS,GAAGA,SAAS,KAAKX,OAAO,CAACK,MAAtB,GAA+B,CAA/B,GAAmCM,SAA/C;AACAL,MAAAA,UAAU,GAAGN,OAAO,CAAEW,SAAF,CAApB;AACA;;AAEDL,IAAAA,UAAU,CAACM,KAAX;AACAf,IAAAA,oBAAoB,CAAE,IAAF,CAApB;AACA;;AAED,QAAMgB,QAAQ,GAAG,2BACdC,OAAF,IAAe;AACd,aAASC,OAAT,GAAmB;AAClBlB,MAAAA,oBAAoB,CAAE,KAAF,CAApB;AACA;;AAEDiB,IAAAA,OAAO,CAACE,gBAAR,CAA0B,OAA1B,EAAmCD,OAAnC;AAEA,WAAO,MAAM;AACZD,MAAAA,OAAO,CAACG,mBAAR,CAA6B,OAA7B,EAAsCF,OAAtC;AACA,KAFD;AAGA,GAXe,EAYhB,CAAElB,oBAAF,CAZgB,CAAjB;AAeA,SAAO;AACNF,IAAAA,GAAG,EAAE,2BAAc,CAAEA,GAAF,EAAOkB,QAAP,CAAd,CADC;AAENK,IAAAA,SAAS,EAAEtB,iBAAiB,GAAG,qBAAH,GAA2B,EAFjD;;AAGNuB,IAAAA,SAAS,CAAEC,KAAF,EAAU;AAClB,UACC1B,SAAS,CAACL,QAAV,CAAmBgC,IAAnB,CAAyB,CAAE;AAAE/B,QAAAA,QAAF;AAAYC,QAAAA;AAAZ,OAAF,KAA+B;AACvD,eAAO+B,0BAAiBhC,QAAjB,EAA6B8B,KAA7B,EAAoC7B,SAApC,CAAP;AACA,OAFD,CADD,EAIE;AACDO,QAAAA,WAAW,CAAE,CAAC,CAAH,CAAX;AACA,OAND,MAMO,IACNJ,SAAS,CAACF,IAAV,CAAe6B,IAAf,CAAqB,CAAE;AAAE/B,QAAAA,QAAF;AAAYC,QAAAA;AAAZ,OAAF,KAA+B;AACnD,eAAO+B,0BAAiBhC,QAAjB,EAA6B8B,KAA7B,EAAoC7B,SAApC,CAAP;AACA,OAFD,CADM,EAIL;AACDO,QAAAA,WAAW,CAAE,CAAF,CAAX;AACA;AACD;;AAjBK,GAAP;AAmBA;;eAEc,yCACZyB,SAAF,IAAiB,CAAE;AAAE7B,EAAAA,SAAF;AAAa,KAAG8B;AAAhB,CAAF,KAChB,mCAAU/B,kBAAkB,CAAEC,SAAF,CAA5B,EACC,4BAAC,SAAD,EAAgB8B,KAAhB,CADD,CAFa,EAMd,iBANc,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tcreateHigherOrderComponent,\n\tuseRefEffect,\n\tuseMergeRefs,\n} from '@wordpress/compose';\nimport { isKeyboardEvent } from '@wordpress/keycodes';\n\nconst defaultShortcuts = {\n\tprevious: [\n\t\t{\n\t\t\tmodifier: 'ctrlShift',\n\t\t\tcharacter: '`',\n\t\t},\n\t\t{\n\t\t\tmodifier: 'access',\n\t\t\tcharacter: 'p',\n\t\t},\n\t],\n\tnext: [\n\t\t{\n\t\t\tmodifier: 'ctrl',\n\t\t\tcharacter: '`',\n\t\t},\n\t\t{\n\t\t\tmodifier: 'access',\n\t\t\tcharacter: 'n',\n\t\t},\n\t],\n};\n\nexport function useNavigateRegions( shortcuts = defaultShortcuts ) {\n\tconst ref = useRef();\n\tconst [ isFocusingRegions, setIsFocusingRegions ] = useState( false );\n\n\tfunction focusRegion( offset ) {\n\t\tconst regions = Array.from(\n\t\t\tref.current.querySelectorAll( '[role=\"region\"]' )\n\t\t);\n\t\tif ( ! regions.length ) {\n\t\t\treturn;\n\t\t}\n\t\tlet nextRegion = regions[ 0 ];\n\t\tconst selectedIndex = regions.indexOf(\n\t\t\tref.current.ownerDocument.activeElement\n\t\t);\n\t\tif ( selectedIndex !== -1 ) {\n\t\t\tlet nextIndex = selectedIndex + offset;\n\t\t\tnextIndex = nextIndex === -1 ? regions.length - 1 : nextIndex;\n\t\t\tnextIndex = nextIndex === regions.length ? 0 : nextIndex;\n\t\t\tnextRegion = regions[ nextIndex ];\n\t\t}\n\n\t\tnextRegion.focus();\n\t\tsetIsFocusingRegions( true );\n\t}\n\n\tconst clickRef = useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onClick() {\n\t\t\t\tsetIsFocusingRegions( false );\n\t\t\t}\n\n\t\t\telement.addEventListener( 'click', onClick );\n\n\t\t\treturn () => {\n\t\t\t\telement.removeEventListener( 'click', onClick );\n\t\t\t};\n\t\t},\n\t\t[ setIsFocusingRegions ]\n\t);\n\n\treturn {\n\t\tref: useMergeRefs( [ ref, clickRef ] ),\n\t\tclassName: isFocusingRegions ? 'is-focusing-regions' : '',\n\t\tonKeyDown( event ) {\n\t\t\tif (\n\t\t\t\tshortcuts.previous.some( ( { modifier, character } ) => {\n\t\t\t\t\treturn isKeyboardEvent[ modifier ]( event, character );\n\t\t\t\t} )\n\t\t\t) {\n\t\t\t\tfocusRegion( -1 );\n\t\t\t} else if (\n\t\t\t\tshortcuts.next.some( ( { modifier, character } ) => {\n\t\t\t\t\treturn isKeyboardEvent[ modifier ]( event, character );\n\t\t\t\t} )\n\t\t\t) {\n\t\t\t\tfocusRegion( 1 );\n\t\t\t}\n\t\t},\n\t};\n}\n\nexport default createHigherOrderComponent(\n\t( Component ) => ( { shortcuts, ...props } ) => (\n\t\t<div { ...useNavigateRegions( shortcuts ) }>\n\t\t\t<Component { ...props } />\n\t\t</div>\n\t),\n\t'navigateRegions'\n);\n"]}

package/build/index.js

@@ -190,7 +190,7 @@ Object.defineProperty(exports, "ColorPalette", {
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
   get: function () {
-    return _colorPicker.default;
+    return _colorPicker.ColorPicker;
   }
 });
 Object.defineProperty(exports, "ComboboxControl", {
@@ -541,6 +541,24 @@ Object.defineProperty(exports, "__experimentalNavigationMenu", {
     return _menu.default;
   }
 });
+Object.defineProperty(exports, "__experimentalNavigatorProvider", {
+  enumerable: true,
+  get: function () {
+    return _navigator.NavigatorProvider;
+  }
+});
+Object.defineProperty(exports, "__experimentalNavigatorScreen", {
+  enumerable: true,
+  get: function () {
+    return _navigator.NavigatorScreen;
+  }
+});
+Object.defineProperty(exports, "__experimentalUseNavigator", {
+  enumerable: true,
+  get: function () {
+    return _navigator.useNavigator;
+  }
+});
 Object.defineProperty(exports, "Notice", {
   enumerable: true,
   get: function () {
@@ -649,18 +667,6 @@ Object.defineProperty(exports, "SearchControl", {
     return _searchControl.default;
   }
 });
-Object.defineProperty(exports, "__experimentalSegmentedControl", {
-  enumerable: true,
-  get: function () {
-    return _segmentedControl.SegmentedControl;
-  }
-});
-Object.defineProperty(exports, "__experimentalSegmentedControlOption", {
-  enumerable: true,
-  get: function () {
-    return _segmentedControl.SegmentedControlOption;
-  }
-});
 Object.defineProperty(exports, "SelectControl", {
   enumerable: true,
   get: function () {
@@ -745,6 +751,18 @@ Object.defineProperty(exports, "ToggleControl", {
     return _toggleControl.default;
   }
 });
+Object.defineProperty(exports, "__experimentalToggleGroupControl", {
+  enumerable: true,
+  get: function () {
+    return _toggleGroupControl.ToggleGroupControl;
+  }
+});
+Object.defineProperty(exports, "__experimentalToggleGroupControlOption", {
+  enumerable: true,
+  get: function () {
+    return _toggleGroupControl.ToggleGroupControlOption;
+  }
+});
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
   get: function () {
@@ -793,6 +811,12 @@ Object.defineProperty(exports, "__experimentalToolsPanelItem", {
     return _toolsPanel.ToolsPanelItem;
   }
 });
+Object.defineProperty(exports, "__experimentalToolsPanelContext", {
+  enumerable: true,
+  get: function () {
+    return _toolsPanel.ToolsPanelContext;
+  }
+});
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
@@ -853,6 +877,12 @@ Object.defineProperty(exports, "__experimentalParseUnit", {
     return _unitControl.parseUnit;
   }
 });
+Object.defineProperty(exports, "__experimentalView", {
+  enumerable: true,
+  get: function () {
+    return _view.View;
+  }
+});
 Object.defineProperty(exports, "VisuallyHidden", {
   enumerable: true,
   get: function () {
@@ -1006,7 +1036,7 @@ var _colorIndicator = _interopRequireDefault(require("./color-indicator"));
 
 var _colorPalette = _interopRequireDefault(require("./color-palette"));
 
-var _colorPicker = _interopRequireDefault(require("./color-picker"));
+var _colorPicker = require("./color-picker");
 
 var _comboboxControl = _interopRequireDefault(require("./combobox-control"));
 
@@ -1104,6 +1134,8 @@ var _item = _interopRequireDefault(require("./navigation/item"));
 
 var _menu = _interopRequireDefault(require("./navigation/menu"));
 
+var _navigator = require("./navigator");
+
 var _notice = _interopRequireDefault(require("./notice"));
 
 var _numberControl = _interopRequireDefault(require("./number-control"));
@@ -1140,8 +1172,6 @@ var _sandbox = _interopRequireDefault(require("./sandbox"));
 
 var _searchControl = _interopRequireDefault(require("./search-control"));
 
-var _segmentedControl = require("./segmented-control");
-
 var _selectControl = _interopRequireDefault(require("./select-control"));
 
 var _snackbar = _interopRequireDefault(require("./snackbar"));
@@ -1170,6 +1200,8 @@ var _tip = _interopRequireDefault(require("./tip"));
 
 var _toggleControl = _interopRequireDefault(require("./toggle-control"));
 
+var _toggleGroupControl = require("./toggle-group-control");
+
 var _toolbar = _interopRequireDefault(require("./toolbar"));
 
 var _toolbarButton = _interopRequireDefault(require("./toolbar-button"));
@@ -1194,6 +1226,8 @@ var _truncate = require("./truncate");
 
 var _unitControl = _interopRequireWildcard(require("./unit-control"));
 
+var _view = require("./view");
+
 var _visuallyHidden = require("./visually-hidden");
 
 var _vStack = require("./v-stack");

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAYA;;AACA;;AAIA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAMA;;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;;AACA;;AAIA;;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;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AAMA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAOA;;AACA;;AAGA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AACA","sourcesContent":["// Primitives\nexport {\n\tSVG,\n\tPath,\n\tCircle,\n\tPolygon,\n\tRect,\n\tG,\n\tHorizontalRule,\n\tBlockQuotation,\n} from '@wordpress/primitives';\n\n// Components\nexport { default as __experimentalAlignmentMatrixControl } from './alignment-matrix-control';\nexport {\n\tdefault as Animate,\n\tgetAnimateClassName as __unstableGetAnimateClassName,\n} from './animate';\nexport { __unstableMotion } from './animation';\nexport { default as AnglePickerControl } from './angle-picker-control';\nexport {\n\tdefault as Autocomplete,\n\tuseAutocompleteProps as __unstableUseAutocompleteProps,\n} from './autocomplete';\nexport { default as BaseControl } from './base-control';\nexport { default as __experimentalBoxControl } from './box-control';\nexport { default as Button } from './button';\nexport { default as ButtonGroup } from './button-group';\nexport {\n\tCard,\n\tCardBody,\n\tCardDivider,\n\tCardFooter,\n\tCardHeader,\n\tCardMedia,\n} from './card';\nexport { default as CheckboxControl } from './checkbox-control';\nexport { default as ClipboardButton } from './clipboard-button';\nexport { default as __experimentalColorEdit } from './color-edit';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { default as ColorPicker } from './color-picker';\nexport { default as ComboboxControl } from './combobox-control';\nexport {\n\tComposite as __unstableComposite,\n\tCompositeGroup as __unstableCompositeGroup,\n\tCompositeItem as __unstableCompositeItem,\n\tuseCompositeState as __unstableUseCompositeState,\n} from './composite';\nexport { default as CustomSelectControl } from './custom-select-control';\nexport { default as Dashicon } from './dashicon';\nexport { default as DateTimePicker, DatePicker, TimePicker } from './date-time';\nexport { default as __experimentalDimensionControl } from './dimension-control';\nexport { default as Disabled } from './disabled';\nexport { DisclosureContent as __unstableDisclosureContent } from './disclosure';\nexport { Divider as __experimentalDivider } from './divider';\nexport { default as Draggable } from './draggable';\nexport { default as DropZone } from './drop-zone';\nexport { default as DropZoneProvider } from './drop-zone/provider';\nexport { default as Dropdown } from './dropdown';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { DuotoneSwatch, DuotonePicker } from './duotone-picker';\nexport { Elevation as __experimentalElevation } from './elevation';\nexport { default as ExternalLink } from './external-link';\nexport { Flex, FlexBlock, FlexItem } from './flex';\nexport { Flyout as __experimentalFlyout } from './flyout';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport { default as FocusableIframe } from './focusable-iframe';\nexport { default as FontSizePicker } from './font-size-picker';\nexport { default as FormFileUpload } from './form-file-upload';\nexport { default as FormToggle } from './form-toggle';\nexport { default as FormTokenField } from './form-token-field';\nexport { default as GradientPicker } from './gradient-picker';\nexport { default as CustomGradientPicker } from './custom-gradient-picker';\nexport { Grid as __experimentalGrid } from './grid';\nexport { default as Guide } from './guide';\nexport { default as GuidePage } from './guide/page';\nexport { Heading as __experimentalHeading } from './heading';\nexport { HStack as __experimentalHStack } from './h-stack';\nexport { default as Icon } from './icon';\nexport { default as IconButton } from './button/deprecated';\nexport {\n\tItemGroup as __experimentalItemGroup,\n\tItem as __experimentalItem,\n} from './item-group';\nexport { default as __experimentalInputControl } from './input-control';\nexport { default as KeyboardShortcuts } from './keyboard-shortcuts';\nexport { default as MenuGroup } from './menu-group';\nexport { default as MenuItem } from './menu-item';\nexport { default as MenuItemsChoice } from './menu-items-choice';\nexport { default as Modal } from './modal';\nexport { default as ScrollLock } from './scroll-lock';\nexport { NavigableMenu, TabbableContainer } from './navigable-container';\nexport { default as __experimentalNavigation } from './navigation';\nexport { default as __experimentalNavigationBackButton } from './navigation/back-button';\nexport { default as __experimentalNavigationGroup } from './navigation/group';\nexport { default as __experimentalNavigationItem } from './navigation/item';\nexport { default as __experimentalNavigationMenu } from './navigation/menu';\nexport { default as Notice } from './notice';\nexport { default as __experimentalNumberControl } from './number-control';\nexport { default as NoticeList } from './notice/list';\nexport { default as Panel } from './panel';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelHeader } from './panel/header';\nexport { default as PanelRow } from './panel/row';\nexport { default as Placeholder } from './placeholder';\nexport { default as Popover } from './popover';\nexport { default as QueryControls } from './query-controls';\nexport { default as __experimentalRadio } from './radio';\nexport { default as __experimentalRadioGroup } from './radio-group';\nexport { default as RadioControl } from './radio-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as ResponsiveWrapper } from './responsive-wrapper';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport {\n\tSegmentedControl as __experimentalSegmentedControl,\n\tSegmentedControlOption as __experimentalSegmentedControlOption,\n} from './segmented-control';\nexport { default as SelectControl } from './select-control';\nexport { default as Snackbar } from './snackbar';\nexport { default as SnackbarList } from './snackbar/list';\nexport { Spacer as __experimentalSpacer } from './spacer';\nexport { Scrollable as __experimentalScrollable } from './scrollable';\nexport { default as Spinner } from './spinner';\nexport { Surface as __experimentalSurface } from './surface';\nexport { default as TabPanel } from './tab-panel';\nexport { Text as __experimentalText } from './text';\nexport { default as TextControl } from './text-control';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as TextHighlight } from './text-highlight';\nexport { default as Tip } from './tip';\nexport { default as ToggleControl } from './toggle-control';\nexport { default as Toolbar } from './toolbar';\nexport { default as ToolbarButton } from './toolbar-button';\nexport { default as ToolbarDropdownMenu } from './toolbar-dropdown-menu';\nexport { default as __experimentalToolbarContext } from './toolbar-context';\nexport { default as ToolbarGroup } from './toolbar-group';\nexport { default as ToolbarItem } from './toolbar-item';\nexport {\n\tToolsPanel as __experimentalToolsPanel,\n\tToolsPanelItem as __experimentalToolsPanelItem,\n} from './tools-panel';\nexport { default as Tooltip } from './tooltip';\nexport {\n\tdefault as __experimentalTreeGrid,\n\tTreeGridRow as __experimentalTreeGridRow,\n\tTreeGridCell as __experimentalTreeGridCell,\n\tTreeGridItem as __experimentalTreeGridItem,\n} from './tree-grid';\nexport { default as TreeSelect } from './tree-select';\nexport { Truncate as __experimentalTruncate } from './truncate';\nexport {\n\tdefault as __experimentalUnitControl,\n\tuseCustomUnits as __experimentalUseCustomUnits,\n\tparseUnit as __experimentalParseUnit,\n} from './unit-control';\nexport { VisuallyHidden } from './visually-hidden';\nexport { VStack as __experimentalVStack } from './v-stack';\nexport { default as IsolatedEventContainer } from './isolated-event-container';\nexport {\n\tcreateSlotFill,\n\tSlot,\n\tFill,\n\tProvider as SlotFillProvider,\n\tuseSlot as __experimentalUseSlot,\n} from './slot-fill';\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { ZStack as __experimentalZStack } from './z-stack';\n\n// Higher-Order Components\nexport {\n\tdefault as navigateRegions,\n\tuseNavigateRegions as __unstableUseNavigateRegions,\n} from './higher-order/navigate-regions';\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport {\n\tdefault as withFocusReturn,\n\tProvider as FocusReturnProvider,\n} from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\n"]}
+{"version":3,"sources":["@wordpress/components/src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AAYA;;AACA;;AAIA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAMA;;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;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;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;;AACA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAMA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;AAGA;;AAIA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AACA","sourcesContent":["// Primitives\nexport {\n\tSVG,\n\tPath,\n\tCircle,\n\tPolygon,\n\tRect,\n\tG,\n\tHorizontalRule,\n\tBlockQuotation,\n} from '@wordpress/primitives';\n\n// Components\nexport { default as __experimentalAlignmentMatrixControl } from './alignment-matrix-control';\nexport {\n\tdefault as Animate,\n\tgetAnimateClassName as __unstableGetAnimateClassName,\n} from './animate';\nexport { __unstableMotion } from './animation';\nexport { default as AnglePickerControl } from './angle-picker-control';\nexport {\n\tdefault as Autocomplete,\n\tuseAutocompleteProps as __unstableUseAutocompleteProps,\n} from './autocomplete';\nexport { default as BaseControl } from './base-control';\nexport { default as __experimentalBoxControl } from './box-control';\nexport { default as Button } from './button';\nexport { default as ButtonGroup } from './button-group';\nexport {\n\tCard,\n\tCardBody,\n\tCardDivider,\n\tCardFooter,\n\tCardHeader,\n\tCardMedia,\n} from './card';\nexport { default as CheckboxControl } from './checkbox-control';\nexport { default as ClipboardButton } from './clipboard-button';\nexport { default as __experimentalColorEdit } from './color-edit';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as ComboboxControl } from './combobox-control';\nexport {\n\tComposite as __unstableComposite,\n\tCompositeGroup as __unstableCompositeGroup,\n\tCompositeItem as __unstableCompositeItem,\n\tuseCompositeState as __unstableUseCompositeState,\n} from './composite';\nexport { default as CustomSelectControl } from './custom-select-control';\nexport { default as Dashicon } from './dashicon';\nexport { default as DateTimePicker, DatePicker, TimePicker } from './date-time';\nexport { default as __experimentalDimensionControl } from './dimension-control';\nexport { default as Disabled } from './disabled';\nexport { DisclosureContent as __unstableDisclosureContent } from './disclosure';\nexport { Divider as __experimentalDivider } from './divider';\nexport { default as Draggable } from './draggable';\nexport { default as DropZone } from './drop-zone';\nexport { default as DropZoneProvider } from './drop-zone/provider';\nexport { default as Dropdown } from './dropdown';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { DuotoneSwatch, DuotonePicker } from './duotone-picker';\nexport { Elevation as __experimentalElevation } from './elevation';\nexport { default as ExternalLink } from './external-link';\nexport { Flex, FlexBlock, FlexItem } from './flex';\nexport { Flyout as __experimentalFlyout } from './flyout';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport { default as FocusableIframe } from './focusable-iframe';\nexport { default as FontSizePicker } from './font-size-picker';\nexport { default as FormFileUpload } from './form-file-upload';\nexport { default as FormToggle } from './form-toggle';\nexport { default as FormTokenField } from './form-token-field';\nexport { default as GradientPicker } from './gradient-picker';\nexport { default as CustomGradientPicker } from './custom-gradient-picker';\nexport { Grid as __experimentalGrid } from './grid';\nexport { default as Guide } from './guide';\nexport { default as GuidePage } from './guide/page';\nexport { Heading as __experimentalHeading } from './heading';\nexport { HStack as __experimentalHStack } from './h-stack';\nexport { default as Icon } from './icon';\nexport { default as IconButton } from './button/deprecated';\nexport {\n\tItemGroup as __experimentalItemGroup,\n\tItem as __experimentalItem,\n} from './item-group';\nexport { default as __experimentalInputControl } from './input-control';\nexport { default as KeyboardShortcuts } from './keyboard-shortcuts';\nexport { default as MenuGroup } from './menu-group';\nexport { default as MenuItem } from './menu-item';\nexport { default as MenuItemsChoice } from './menu-items-choice';\nexport { default as Modal } from './modal';\nexport { default as ScrollLock } from './scroll-lock';\nexport { NavigableMenu, TabbableContainer } from './navigable-container';\nexport { default as __experimentalNavigation } from './navigation';\nexport { default as __experimentalNavigationBackButton } from './navigation/back-button';\nexport { default as __experimentalNavigationGroup } from './navigation/group';\nexport { default as __experimentalNavigationItem } from './navigation/item';\nexport { default as __experimentalNavigationMenu } from './navigation/menu';\nexport {\n\tNavigatorProvider as __experimentalNavigatorProvider,\n\tNavigatorScreen as __experimentalNavigatorScreen,\n\tuseNavigator as __experimentalUseNavigator,\n} from './navigator';\nexport { default as Notice } from './notice';\nexport { default as __experimentalNumberControl } from './number-control';\nexport { default as NoticeList } from './notice/list';\nexport { default as Panel } from './panel';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelHeader } from './panel/header';\nexport { default as PanelRow } from './panel/row';\nexport { default as Placeholder } from './placeholder';\nexport { default as Popover } from './popover';\nexport { default as QueryControls } from './query-controls';\nexport { default as __experimentalRadio } from './radio';\nexport { default as __experimentalRadioGroup } from './radio-group';\nexport { default as RadioControl } from './radio-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as ResponsiveWrapper } from './responsive-wrapper';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as Snackbar } from './snackbar';\nexport { default as SnackbarList } from './snackbar/list';\nexport { Spacer as __experimentalSpacer } from './spacer';\nexport { Scrollable as __experimentalScrollable } from './scrollable';\nexport { default as Spinner } from './spinner';\nexport { Surface as __experimentalSurface } from './surface';\nexport { default as TabPanel } from './tab-panel';\nexport { Text as __experimentalText } from './text';\nexport { default as TextControl } from './text-control';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as TextHighlight } from './text-highlight';\nexport { default as Tip } from './tip';\nexport { default as ToggleControl } from './toggle-control';\nexport {\n\tToggleGroupControl as __experimentalToggleGroupControl,\n\tToggleGroupControlOption as __experimentalToggleGroupControlOption,\n} from './toggle-group-control';\nexport { default as Toolbar } from './toolbar';\nexport { default as ToolbarButton } from './toolbar-button';\nexport { default as ToolbarDropdownMenu } from './toolbar-dropdown-menu';\nexport { default as __experimentalToolbarContext } from './toolbar-context';\nexport { default as ToolbarGroup } from './toolbar-group';\nexport { default as ToolbarItem } from './toolbar-item';\nexport {\n\tToolsPanel as __experimentalToolsPanel,\n\tToolsPanelItem as __experimentalToolsPanelItem,\n\tToolsPanelContext as __experimentalToolsPanelContext,\n} from './tools-panel';\nexport { default as Tooltip } from './tooltip';\nexport {\n\tdefault as __experimentalTreeGrid,\n\tTreeGridRow as __experimentalTreeGridRow,\n\tTreeGridCell as __experimentalTreeGridCell,\n\tTreeGridItem as __experimentalTreeGridItem,\n} from './tree-grid';\nexport { default as TreeSelect } from './tree-select';\nexport { Truncate as __experimentalTruncate } from './truncate';\nexport {\n\tdefault as __experimentalUnitControl,\n\tuseCustomUnits as __experimentalUseCustomUnits,\n\tparseUnit as __experimentalParseUnit,\n} from './unit-control';\nexport { View as __experimentalView } from './view';\nexport { VisuallyHidden } from './visually-hidden';\nexport { VStack as __experimentalVStack } from './v-stack';\nexport { default as IsolatedEventContainer } from './isolated-event-container';\nexport {\n\tcreateSlotFill,\n\tSlot,\n\tFill,\n\tProvider as SlotFillProvider,\n\tuseSlot as __experimentalUseSlot,\n} from './slot-fill';\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { ZStack as __experimentalZStack } from './z-stack';\n\n// Higher-Order Components\nexport {\n\tdefault as navigateRegions,\n\tuseNavigateRegions as __unstableUseNavigateRegions,\n} from './higher-order/navigate-regions';\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport {\n\tdefault as withFocusReturn,\n\tProvider as FocusReturnProvider,\n} from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\n"]}

package/build/index.native.js

@@ -65,6 +65,7 @@ var _exportNames = {
   withConstrainedTabbing: true,
   withFallbackStyles: true,
   withFilters: true,
+  FontSizePicker: true,
   withFocusOutside: true,
   withFocusReturn: true,
   withNotices: true,
@@ -95,6 +96,7 @@ var _exportNames = {
   LinkSettings: true,
   LinkSettingsScreen: true,
   LinkSettingsNavigation: true,
+  ImageLinkDestinationsScreen: true,
   Image: true,
   IMAGE_DEFAULT_FOCAL_POINT: true,
   ImageEditingButton: true,
@@ -180,7 +182,7 @@ Object.defineProperty(exports, "ColorPalette", {
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
   get: function () {
-    return _colorPicker.default;
+    return _colorPicker.ColorPicker;
   }
 });
 Object.defineProperty(exports, "Dashicon", {
@@ -459,6 +461,12 @@ Object.defineProperty(exports, "withFilters", {
     return _withFilters.default;
   }
 });
+Object.defineProperty(exports, "FontSizePicker", {
+  enumerable: true,
+  get: function () {
+    return _fontSizePicker.default;
+  }
+});
 Object.defineProperty(exports, "withFocusOutside", {
   enumerable: true,
   get: function () {
@@ -639,6 +647,12 @@ Object.defineProperty(exports, "LinkSettingsNavigation", {
     return _linkSettingsNavigation.default;
   }
 });
+Object.defineProperty(exports, "ImageLinkDestinationsScreen", {
+  enumerable: true,
+  get: function () {
+    return _imageLinkDestinationsScreen.default;
+  }
+});
 Object.defineProperty(exports, "Image", {
   enumerable: true,
   get: function () {
@@ -772,7 +786,7 @@ var _colorIndicator = _interopRequireDefault(require("./color-indicator"));
 
 var _colorPalette = _interopRequireDefault(require("./color-palette"));
 
-var _colorPicker = _interopRequireDefault(require("./color-picker"));
+var _colorPicker = require("./color-picker");
 
 var _dashicon = _interopRequireDefault(require("./dashicon"));
 
@@ -868,6 +882,8 @@ var _withFallbackStyles = _interopRequireDefault(require("./higher-order/with-fa
 
 var _withFilters = _interopRequireDefault(require("./higher-order/with-filters"));
 
+var _fontSizePicker = _interopRequireDefault(require("./font-size-picker"));
+
 var _withFocusOutside = _interopRequireDefault(require("./higher-order/with-focus-outside"));
 
 var _withFocusReturn = _interopRequireDefault(require("./higher-order/with-focus-return"));
@@ -920,6 +936,8 @@ var _linkSettingsScreen = _interopRequireDefault(require("./mobile/link-settings
 
 var _linkSettingsNavigation = _interopRequireDefault(require("./mobile/link-settings/link-settings-navigation"));
 
+var _imageLinkDestinationsScreen = _interopRequireDefault(require("./mobile/link-settings/image-link-destinations-screen"));
+
 var _image = _interopRequireWildcard(require("./mobile/image"));
 
 var _imageEditingButton = _interopRequireDefault(require("./mobile/image/image-editing-button"));