@wordpress/components 23.5.0 → 23.7.0

package/build-types/gradient-picker/index.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import type { GradientPickerComponentProps } from './types';
+/**
+ *  GradientPicker is a React component that renders a color gradient picker to
+ * define a multi step gradient. There's either a _linear_ or a _radial_ type
+ * available.
+ *
+ * ```jsx
+ *import { GradientPicker } from '@wordpress/components';
+ *import { useState } from '@wordpress/element';
+ *
+ *const myGradientPicker = () => {
+ *	const [ gradient, setGradient ] = useState( null );
+ *
+ *	return (
+ *		<GradientPicker
+ *			__nextHasNoMargin
+ *			value={ gradient }
+ *			onChange={ ( currentGradient ) => setGradient( currentGradient ) }
+ *			gradients={ [
+ *				{
+ *					name: 'JShine',
+ *					gradient:
+ *						'linear-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)',
+ *					slug: 'jshine',
+ *				},
+ *				{
+ *					name: 'Moonlit Asteroid',
+ *					gradient:
+ *						'linear-gradient(135deg,#0F2027 0%, #203A43 0%, #2c5364 100%)',
+ *					slug: 'moonlit-asteroid',
+ *				},
+ *				{
+ *					name: 'Rastafarie',
+ *					gradient:
+ *						'linear-gradient(135deg,#1E9600 0%, #FFF200 0%, #FF0000 100%)',
+ *					slug: 'rastafari',
+ *				},
+ *			] }
+ *		/>
+ *	);
+ *};
+ *```
+ *
+ */
+export declare function GradientPicker({ 
+/** Start opting into the new margin-free styles that will become the default in a future version. */
+__nextHasNoMargin, className, gradients, onChange, value, clearable, disableCustomGradients, __experimentalIsRenderedInSidebar, headingLevel, }: GradientPickerComponentProps): JSX.Element;
+export default GradientPicker;
+//# sourceMappingURL=index.d.ts.map

package/build-types/gradient-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gradient-picker/index.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EACX,4BAA4B,EAI5B,MAAM,SAAS,CAAC;AAsGjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,cAAc,CAAE;AAC/B,qGAAqG;AACrG,iBAAyB,EACzB,SAAS,EACT,SAAc,EACd,QAAQ,EACR,KAAK,EACL,SAAgB,EAChB,sBAA8B,EAC9B,iCAAiC,EACjC,YAAgB,GAChB,EAAE,4BAA4B,eA0D9B;AAED,eAAe,cAAc,CAAC"}

package/build-types/gradient-picker/stories/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import GradientPicker from '..';
+declare const meta: ComponentMeta<typeof GradientPicker>;
+export default meta;
+export declare const Default: ComponentStory<typeof GradientPicker>;
+export declare const WithNoExistingGradients: ComponentStory<typeof GradientPicker>;
+export declare const MultipleOrigins: ComponentStory<typeof GradientPicker>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/gradient-picker/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/gradient-picker/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMtE;;GAEG;AACH,OAAO,cAAc,MAAM,IAAI,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAW/C,CAAC;AACF,eAAe,IAAI,CAAC;AA2DpB,eAAO,MAAM,OAAO,uCAAsB,CAAC;AAM3C,eAAO,MAAM,uBAAuB,uCAAsB,CAAC;AAM3D,eAAO,MAAM,eAAe,uCAAsB,CAAC"}

package/build-types/gradient-picker/types.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { HeadingSize } from '../heading/types';
+export type GradientObject = {
+    gradient: string;
+    name: string;
+    slug: string;
+};
+export type OriginObject = {
+    name: string;
+    gradients: GradientObject[];
+};
+export type GradientsProp = GradientObject[] | OriginObject[];
+type GradientPickerBaseProps = {
+    /**
+     * The class name added to the wrapper.
+     */
+    className?: string;
+    /**
+     * The function called when a new gradient has been defined. It is passed to
+     * the `currentGradient` as an argument.
+     */
+    onChange: (currentGradient: string | undefined) => void;
+    /**
+     * The current value of the gradient. Pass a css gradient string (See default value for example).
+     * Optionally pass in a `null` value to specify no gradient is currently selected.
+     *
+     * @default 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)'
+     */
+    value?: GradientObject['gradient'] | null;
+    /**
+     * Whether the palette should have a clearing button or not.
+     *
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * The heading level. Only applies in cases where gradients are provided
+     * from multiple origins (ie. when the array passed as the `gradients` prop
+     * contains two or more items).
+     *
+     * @default 2
+     */
+    headingLevel?: HeadingSize;
+};
+export type GradientPickerComponentProps = GradientPickerBaseProps & {
+    /**
+     * An array of objects as predefined gradients displayed above the gradient
+     * selector. Alternatively, if there are multiple sets (or 'origins') of
+     * gradients, you can pass an array of objects each with a `name` and a
+     * `gradients` array which will in turn contain the predefined gradient objects.
+     *
+     * @default []
+     */
+    gradients?: GradientsProp;
+    /**
+     * Start opting in to the new margin-free styles that will become the default
+     * in a future version, currently scheduled to be WordPress 6.4. (The prop
+     * can be safely removed once this happens.)
+     *
+     * @default false
+     */
+    __nextHasNoMargin?: boolean;
+    /**
+     * If true, the gradient picker will not be displayed and only defined
+     * gradients from `gradients` will be shown.
+     *
+     * @default false
+     */
+    disableCustomGradients?: boolean;
+    /**
+     * Whether this is rendered in the sidebar.
+     *
+     * @default false
+     */
+    __experimentalIsRenderedInSidebar?: boolean;
+};
+export type PickerProps<TOriginType extends GradientObject | OriginObject> = GradientPickerBaseProps & {
+    clearGradient: () => void;
+    onChange: (currentGradient: string | undefined, index: number) => void;
+    actions?: React.ReactNode;
+    gradients: TOriginType[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/gradient-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/gradient-picker/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,cAAc,EAAE,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG,cAAc,EAAE,GAAG,YAAY,EAAE,CAAC;AAE9D,KAAK,uBAAuB,GAAG;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,CAAE,eAAe,EAAE,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IAC1D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,cAAc,CAAE,UAAU,CAAE,GAAG,IAAI,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,uBAAuB,GAAG;IACpE;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,WAAW,CAAE,WAAW,SAAS,cAAc,GAAG,YAAY,IACzE,uBAAuB,GAAG;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CACT,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,KAAK,EAAE,MAAM,KACT,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC"}

package/build-types/grid/types.d.ts

@@ -6,8 +6,8 @@ import type { CSSProperties, ReactNode } from 'react';
  * Internal dependencies
  */
 import type { ResponsiveCSSValue } from '../ui/utils/types';
-declare type GridAlignment = 'bottom' | 'bottomLeft' | 'bottomRight' | 'center' | 'spaced' | 'left' | 'right' | 'stretch' | 'top' | 'topLeft' | 'topRight';
-export declare type GridProps = {
+type GridAlignment = 'bottom' | 'bottomLeft' | 'bottomRight' | 'center' | 'spaced' | 'left' | 'right' | 'stretch' | 'top' | 'topLeft' | 'topRight';
+export type GridProps = {
     /**
      * Adjusts the block alignment of children.
      */

package/build-types/grid/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/grid/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,aAAK,aAAa,GACf,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,GACT,UAAU,CAAC;AAEd,oBAAY,SAAS,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAE,eAAe,CAAE,CAAC;IAC7C;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,aAAa,CAAE,qBAAqB,CAAE,CAAC;IACzD;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACnD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/grid/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5D,KAAK,aAAa,GACf,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,GACT,UAAU,CAAC;AAEd,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAE,eAAe,CAAE,CAAC;IAC7C;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,aAAa,CAAE,qBAAqB,CAAE,CAAC;IACzD;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAE,kBAAkB,CAAE,CAAC;CACnD,CAAC"}

package/build-types/guide/icons.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const PageControlIcon: ({ isSelected }: {
+    isSelected: boolean;
+}) => JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/build-types/guide/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/guide/icons.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe;gBAAmC,OAAO;iBASrE,CAAC"}

package/build-types/guide/index.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import type { GuideProps } from './types';
+/**
+ * `Guide` is a React component that renders a _user guide_ in a modal. The guide consists of several pages which the user can step through one by one. The guide is finished when the modal is closed or when the user clicks _Finish_ on the last page of the guide.
+ *
+ * ```jsx
+ * function MyTutorial() {
+ * 	const [ isOpen, setIsOpen ] = useState( true );
+ *
+ * 	if ( ! isOpen ) {
+ * 		return null;
+ * 	}
+ *
+ * 	return (
+ * 		<Guide
+ * 			onFinish={ () => setIsOpen( false ) }
+ * 			pages={ [
+ * 				{
+ * 					content: <p>Welcome to the ACME Store!</p>,
+ * 				},
+ * 				{
+ * 					image: <img src="https://acmestore.com/add-to-cart.png" />,
+ * 					content: (
+ * 						<p>
+ * 							Click <i>Add to Cart</i> to buy a product.
+ * 						</p>
+ * 					),
+ * 				},
+ * 			] }
+ * 		/>
+ * 	);
+ * }
+ * ```
+ */
+declare function Guide({ children, className, contentLabel, finishButtonText, onFinish, pages, }: GuideProps): JSX.Element | null;
+export default Guide;
+//# sourceMappingURL=index.d.ts.map

package/build-types/guide/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/guide/index.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAE,EACf,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAiC,EACjC,QAAQ,EACR,KAAU,GACV,EAAE,UAAU,sBA+GZ;AAED,eAAe,KAAK,CAAC"}

package/build-types/guide/page-control.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { PageControlProps } from './types';
+export default function PageControl({ currentPage, numberOfPages, setCurrentPage, }: PageControlProps): JSX.Element;
+//# sourceMappingURL=page-control.d.ts.map

package/build-types/guide/page-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-control.d.ts","sourceRoot":"","sources":["../../src/guide/page-control.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,EACpC,WAAW,EACX,aAAa,EACb,cAAc,GACd,EAAE,gBAAgB,eA+BlB"}

package/build-types/guide/page.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { WordPressComponentProps } from '../ui/context';
+export default function GuidePage(props: WordPressComponentProps<{}, 'div', false>): JSX.Element;
+//# sourceMappingURL=page.d.ts.map

package/build-types/guide/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../src/guide/page.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,SAAS,CAChC,KAAK,EAAE,uBAAuB,CAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAE,eAUlD"}

package/build-types/guide/stories/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import Guide from '..';
+declare const meta: ComponentMeta<typeof Guide>;
+export default meta;
+export declare const Default: ComponentStory<typeof Guide>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/guide/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/guide/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWtE,OAAO,KAAK,MAAM,IAAI,CAAC;AAEvB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,KAAK,CAQtC,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,8BAAsB,CAAC"}

package/build-types/guide/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/guide/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/guide/test/index.tsx"],"names":[],"mappings":""}

package/build-types/guide/types.d.ts

@@ -0,0 +1,65 @@
+/**
+ * External dependencies
+ */
+import type { ReactNode } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { ModalProps } from '../modal/types';
+export type Page = {
+    /**
+     * Content of the page.
+     */
+    content: ReactNode;
+    /**
+     * Image displayed above the page content.
+     */
+    image?: ReactNode;
+};
+export type GuideProps = {
+    /**
+     * Deprecated. Use `pages` prop instead.
+     *
+     * @deprecated since 5.5
+     */
+    children?: ReactNode;
+    /**
+     * A custom class to add to the modal.
+     */
+    className?: string;
+    /**
+     * Used as the modal's accessibility label.
+     */
+    contentLabel: ModalProps['contentLabel'];
+    /**
+     * Use this to customize the label of the _Finish_ button shown at the end of the guide.
+     *
+     * @default 'Finish'
+     */
+    finishButtonText?: string;
+    /**
+     * A function which is called when the guide is finished.
+     */
+    onFinish: ModalProps['onRequestClose'];
+    /**
+     * A list of objects describing each page in the guide. Each object **must** contain a `'content'` property and may optionally contain a `'image'` property.
+     *
+     * @default []
+     */
+    pages?: Page[];
+};
+export type PageControlProps = {
+    /**
+     * Current page index.
+     */
+    currentPage: number;
+    /**
+     * Total number of pages.
+     */
+    numberOfPages: number;
+    /**
+     * Called when user clicks on a `PageControlIcon` button.
+     */
+    setCurrentPage: (page: number) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/guide/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/guide/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,IAAI,GAAG;IAClB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,EAAE,UAAU,CAAE,cAAc,CAAE,CAAC;IAC3C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAE,gBAAgB,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACzC,CAAC"}

package/build-types/h-stack/types.d.ts

@@ -6,13 +6,13 @@ import type { CSSProperties } from 'react';
  * Internal dependencies
  */
 import type { FlexProps } from '../flex/types';
-export declare type HStackAlignment = 'bottom' | 'bottomLeft' | 'bottomRight' | 'center' | 'edge' | 'left' | 'right' | 'stretch' | 'top' | 'topLeft' | 'topRight';
-export declare type AlignmentProps = {
+export type HStackAlignment = 'bottom' | 'bottomLeft' | 'bottomRight' | 'center' | 'edge' | 'left' | 'right' | 'stretch' | 'top' | 'topLeft' | 'topRight';
+export type AlignmentProps = {
     justify?: CSSProperties['justifyContent'];
     align?: CSSProperties['alignItems'];
 };
-export declare type Alignments = Record<HStackAlignment, AlignmentProps>;
-export declare type Props = Omit<FlexProps, 'align' | 'gap'> & {
+export type Alignments = Record<HStackAlignment, AlignmentProps>;
+export type Props = Omit<FlexProps, 'align' | 'gap'> & {
     /**
      * Determines how the child elements are aligned.
      *
@@ -25,8 +25,8 @@ export declare type Props = Omit<FlexProps, 'align' | 'gap'> & {
      * * `bottom`: Aligns content to the bottom.
      * * `bottomLeft`: Aligns content to the bottom/left.
      * * `bottomRight`: Aligns content to the bottom/right.
-     * * `edge`: Aligns content to the edges of the container.
-     * * `stretch`: Stretches content to the edges of the container.
+     * * `edge`: Justifies content to be evenly spread out up to the main axis edges of the container.
+     * * `stretch`: Stretches content to the cross axis edges of the container.
      *
      * @default 'edge'
      */

package/build-types/h-stack/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/h-stack/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,oBAAY,eAAe,GACxB,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,GACT,UAAU,CAAC;AAEd,oBAAY,cAAc,GAAG;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;CACtC,CAAC;AAEF,oBAAY,UAAU,GAAG,MAAM,CAAE,eAAe,EAAE,cAAc,CAAE,CAAC;AAEnE,oBAAY,KAAK,GAAG,IAAI,CAAE,SAAS,EAAE,OAAO,GAAG,KAAK,CAAE,GAAG;IACxD;;;;;;;;;;;;;;;;OAgBG;IACH,SAAS,CAAC,EAAE,eAAe,GAAG,aAAa,CAAE,YAAY,CAAE,CAAC;IAC5D;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;CACnC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/h-stack/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,eAAe,GACxB,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,MAAM,GACN,MAAM,GACN,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,GACT,UAAU,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAE,eAAe,EAAE,cAAc,CAAE,CAAC;AAEnE,MAAM,MAAM,KAAK,GAAG,IAAI,CAAE,SAAS,EAAE,OAAO,GAAG,KAAK,CAAE,GAAG;IACxD;;;;;;;;;;;;;;;;OAgBG;IACH,SAAS,CAAC,EAAE,eAAe,GAAG,aAAa,CAAE,YAAY,CAAE,CAAC;IAC5D;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;CACnC,CAAC"}

package/build-types/heading/hook.d.ts

@@ -6,7 +6,7 @@ import { WordPressComponentProps } from '../ui/context';
 import type { HeadingProps } from './types';
 export declare function useHeading(props: WordPressComponentProps<HeadingProps, 'h1'>): {
     as: keyof JSX.IntrinsicElements;
-    role?: string | (string & {}) | undefined;
+    role?: string | undefined;
     'aria-level'?: number | undefined;
     children: import("react").ReactNode;
     className: string;

package/build-types/heading/types.d.ts

@@ -2,8 +2,8 @@
  * Internal dependencies
  */
 import type { Props as TextProps } from '../text/types';
-export declare type HeadingSize = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6';
-export declare type HeadingProps = Omit<TextProps, 'size'> & {
+export type HeadingSize = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6';
+export type HeadingProps = Omit<TextProps, 'size'> & {
     /**
      * Passing any of the heading levels to `level` will both render the correct
      * typographic text size as well as the semantic element corresponding to

package/build-types/heading/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/heading/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,oBAAY,WAAW,GACpB,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAEP,oBAAY,YAAY,GAAG,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE,GAAG;IACtD;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/heading/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,MAAM,WAAW,GACpB,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,CAAC,GACD,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAEP,MAAM,MAAM,YAAY,GAAG,IAAI,CAAE,SAAS,EAAE,MAAM,CAAE,GAAG;IACtD;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC"}

package/build-types/higher-order/navigate-regions/index.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import type { WPKeycodeModifier } from '@wordpress/keycodes';
+type Shortcuts = {
+    previous: readonly {
+        modifier: WPKeycodeModifier;
+        character: string;
+    }[];
+    next: readonly {
+        modifier: WPKeycodeModifier;
+        character: string;
+    }[];
+};
+export declare function useNavigateRegions(shortcuts?: Shortcuts): {
+    ref: (instance: Node | HTMLDivElement | null) => void;
+    className: string;
+    onKeyDown(event: React.KeyboardEvent<HTMLDivElement>): void;
+};
+/**
+ * `navigateRegions` is a React [higher-order component](https://facebook.github.io/react/docs/higher-order-components.html)
+ * adding keyboard navigation to switch between the different DOM elements marked as "regions" (role="region").
+ * These regions should be focusable (By adding a tabIndex attribute for example). For better accessibility,
+ * these elements must be properly labelled to briefly describe the purpose of the content in the region.
+ * For more details, see "Landmark Roles" in the [WAI-ARIA specification](https://www.w3.org/TR/wai-aria/)
+ * and "Landmark Regions" in the [ARIA Authoring Practices Guide](https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/).
+ *
+ * ```jsx
+ * import { navigateRegions } from '@wordpress/components';
+ *
+ * const MyComponentWithNavigateRegions = navigateRegions( () => (
+ * 	<div>
+ * 		<div role="region" tabIndex="-1" aria-label="Header">
+ * 			Header
+ * 		</div>
+ * 		<div role="region" tabIndex="-1" aria-label="Content">
+ * 			Content
+ * 		</div>
+ * 		<div role="region" tabIndex="-1" aria-label="Sidebar">
+ * 			Sidebar
+ * 		</div>
+ * 	</div>
+ * ) );
+ * ```
+ */
+declare const _default: (Inner: import("react").ComponentType<any>) => ({ shortcuts, ...props }: any) => JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/build-types/higher-order/navigate-regions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/navigate-regions/index.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AA6B7D,KAAK,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS;QAAE,QAAQ,EAAE,iBAAiB,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACxE,IAAI,EAAE,SAAS;QAAE,QAAQ,EAAE,iBAAiB,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACpE,CAAC;AAEF,wBAAgB,kBAAkB,CAAE,SAAS,GAAE,SAA4B;;;qBAmDvD,mBAAmB,CAAE,cAAc,CAAE;EAgBxD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;AACH,wBASE"}

package/build-types/higher-order/with-fallback-styles/index.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+type Props = {
+    node?: HTMLElement;
+    [key: string]: any;
+};
+type State = {
+    fallbackStyles?: {
+        [key: string]: any;
+    };
+    grabStylesCompleted: boolean;
+};
+declare const _default: (mapNodeToProps: (node: HTMLElement, props: Props) => {
+    [key: string]: any;
+}) => (Inner: import("react").ComponentType<any>) => {
+    new (props: Props): {
+        nodeRef?: HTMLElement | undefined;
+        bindRef(node: HTMLDivElement): void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        grabFallbackStyles(): void;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends keyof State>(state: State | ((prevState: Readonly<State>, props: Readonly<Props>) => State | Pick<State, K> | null) | Pick<State, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Props>;
+        state: Readonly<State>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props>, nextState: Readonly<State>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props>, prevState: Readonly<State>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<State>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props>, nextState: Readonly<State>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/build-types/higher-order/with-fallback-styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-fallback-styles/index.tsx"],"names":[],"mappings":";AAWA,KAAK,KAAK,GAAG;IACZ,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACZ,cAAc,CAAC,EAAE;QAAE,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAA;KAAE,CAAC;IAC1C,mBAAmB,EAAE,OAAO,CAAC;CAC7B,CAAC;gDAIM,WAAW,SACV,KAAK;;;gBAOS,KAAK;;sBAWV,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;AArBhC,wBAwE2B"}

package/build-types/higher-order/with-filters/index.d.ts

@@ -0,0 +1,89 @@
+/// <reference types="react" />
+/**
+ * Creates a higher-order component which adds filtering capability to the
+ * wrapped component. Filters get applied when the original component is about
+ * to be mounted. When a filter is added or removed that matches the hook name,
+ * the wrapped component re-renders.
+ *
+ * @param hookName Hook name exposed to be used by filters.
+ *
+ * @return Higher-order component factory.
+ *
+ * ```jsx
+ * import { withFilters } from '@wordpress/components';
+ * import { addFilter } from '@wordpress/hooks';
+ *
+ * const MyComponent = ( { title } ) => <h1>{ title }</h1>;
+ *
+ * const ComponentToAppend = () => <div>Appended component</div>;
+ *
+ * function withComponentAppended( FilteredComponent ) {
+ * 	return ( props ) => (
+ * 		<>
+ * 			<FilteredComponent { ...props } />
+ * 			<ComponentToAppend />
+ * 		</>
+ * 	);
+ * }
+ *
+ * addFilter(
+ * 	'MyHookName',
+ * 	'my-plugin/with-component-appended',
+ * 	withComponentAppended
+ * );
+ *
+ * const MyComponentWithFilters = withFilters( 'MyHookName' )( MyComponent );
+ * ```
+ */
+export default function withFilters(hookName: string): (Inner: import("react").ComponentType<any>) => {
+    new (props: {
+        [key: string]: any;
+    }): {
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    instances: {
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        render(): JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    }[];
+    contextType?: import("react").Context<any> | undefined;
+};
+//# sourceMappingURL=index.d.ts.map

package/build-types/higher-order/with-filters/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-filters/index.tsx"],"names":[],"mappings":";AASA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,QAAQ,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkGpD"}

package/build-types/higher-order/with-filters/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/higher-order/with-filters/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/higher-order/with-filters/test/index.tsx"],"names":[],"mappings":""}

package/build-types/higher-order/with-focus-outside/index.d.ts

@@ -1,3 +1,3 @@
-declare var _default: (Inner: import("react").ComponentType<any>) => (props: any) => JSX.Element;
+declare const _default: (Inner: import("react").ComponentType<any>) => (props: any) => JSX.Element;
 export default _default;
 //# sourceMappingURL=index.d.ts.map