@wordpress/components 23.1.0 → 23.3.0

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

@@ -0,0 +1,128 @@
+/**
+ * External dependencies
+ */
+import type { MouseEventHandler, ReactNode } from 'react';
+declare type CommonNoticeActionProps = {
+    label: string;
+    className?: string;
+    noDefaultClasses?: boolean;
+    variant?: 'primary' | 'secondary' | 'link';
+};
+declare type NoticeActionWithURL = CommonNoticeActionProps & {
+    url: string;
+    onClick?: never;
+};
+declare type NoticeActionWithOnClick = CommonNoticeActionProps & {
+    url?: never;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+};
+export declare type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;
+export declare type NoticeChildren = string | JSX.Element;
+export declare type NoticeProps = {
+    /**
+     * A CSS `class` to give to the wrapper element.
+     */
+    className?: string;
+    /**
+     * The displayed message of a notice. Also used as the spoken message for
+     * assistive technology, unless `spokenMessage` is provided as an alternative message.
+     */
+    children: ReactNode;
+    /**
+     * Used to provide a custom spoken message in place of the `children` default.
+     *
+     * @default `children`
+     */
+    spokenMessage?: ReactNode;
+    /**
+     * Determines the color of the notice: `warning` (yellow),
+     * `success` (green), `error` (red), or `'info'`.
+     * By default `'info'` will be blue, but if there is a parent Theme component
+     * with an accent color prop, the notice will take on that color instead.
+     *
+     * @default 'info'
+     */
+    status?: 'warning' | 'success' | 'error' | 'info';
+    /**
+     * Function called when dismissing the notice
+     *
+     * @default noop
+     */
+    onRemove?: () => void;
+    /**
+     * A politeness level for the notice's spoken message. Should be provided as
+     * one of the valid options for an `aria-live` attribute value.
+     *
+     * A value of `'assertive'` is to be used for important, and usually
+     * time-sensitive, information. It will interrupt anything else the screen
+     * reader is announcing in that moment.
+     * A value of `'polite'` is to be used for advisory information. It should
+     * not interrupt what the screen reader is announcing in that moment
+     * (the "speech queue") or interrupt the current task.
+     *
+     * Note that this value should be considered a suggestion; assistive
+     * technologies may override it based on internal heuristics.
+     *
+     * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live
+     *
+     * @default 'assertive' for 'error' status, 'polite' for all other statuses
+     */
+    politeness?: 'polite' | 'assertive';
+    /**
+     * Whether the notice should be dismissible or not
+     *
+     * @default true
+     */
+    isDismissible?: boolean;
+    /**
+     * A deprecated alternative to `onRemove`. This prop is kept for
+     * compatibilty reasons but should be avoided.
+     *
+     * @default noop
+     */
+    onDismiss?: () => void;
+    /**
+     * An array of action objects. Each member object should contain:
+     *
+     * - `label`: `string` containing the text of the button/link
+     * - `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify
+     *    what the action does.
+     * - `className`: `string` (optional) to add custom classes to the button styles.
+     * - `noDefaultClasses`: `boolean` (optional) A value of `true` will remove all
+     *    default styling.
+     * - `variant`: `'primary' | 'secondary' | 'link'` (optional) You can denote a
+     *    primary button action for a notice by passing a value of `primary`.
+     *
+     * The default appearance of an action button is inferred based on whether
+     * `url` or `onClick` are provided, rendering the button as a link if
+     * appropriate. If both props are provided, `url` takes precedence, and the
+     * action button will render as an anchor tag.
+     *
+     * @default []
+     */
+    actions?: Array<NoticeAction>;
+    /**
+     * Determines whether or not the message should be parsed as custom HTML
+     * instead of a string.
+     */
+    __unstableHTML?: boolean;
+};
+export declare type NoticeListProps = {
+    /**
+     * Array of notices to render.
+     */
+    notices: Array<Omit<NoticeProps, 'children'> & {
+        id: string;
+        content: string;
+    }>;
+    /**
+     * Function called when a notice should be removed / dismissed.
+     */
+    onRemove?: (id: string) => void;
+    /**
+     * Children to be rendered inside the notice list.
+     */
+    children?: ReactNode;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notice/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,aAAK,uBAAuB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;CAC3C,CAAC;AAIF,aAAK,mBAAmB,GAAG,uBAAuB,GAAG;IACpD,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AACF,aAAK,uBAAuB,GAAG,uBAAuB,GAAG;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,iBAAiB,CAAE,iBAAiB,CAAE,CAAC;CAChD,CAAC;AAEF,oBAAY,YAAY,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAEzE,oBAAY,cAAc,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;AAElD,oBAAY,WAAW,GAAG;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,KAAK,CAAE,YAAY,CAAE,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,EAAE,KAAK,CACb,IAAI,CAAE,WAAW,EAAE,UAAU,CAAE,GAAG;QACjC,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,MAAM,CAAC;KAChB,CACD,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/build-types/number-control/styles/number-control-styles.d.ts

@@ -5,7 +5,7 @@ export declare const Input: import("@emotion/styled").StyledComponent<import("..
 } & {
     hideHTMLArrows: boolean;
 }, {}, {}>;
-export declare const SpinButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+export declare const SpinButton: import("@emotion/styled").StyledComponent<((import("../../button/types").ButtonProps & import("react").RefAttributes<any>) & {
     theme?: import("@emotion/react").Theme | undefined;
-} & Pick<NumberControlProps, "size">, {}, {}>;
+}) & Pick<NumberControlProps, "size">, {}, {}>;
 //# sourceMappingURL=number-control-styles.d.ts.map

package/build-types/number-control/styles/number-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-control-styles.d.ts","sourceRoot":"","sources":["../../../src/number-control/styles/number-control-styles.ts"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAoBnD,eAAO,MAAM,KAAK;;;oBAlB8C,OAAO;UAoBtE,CAAC;AAgBF,eAAO,MAAM,UAAU;;6CAKtB,CAAC"}
+{"version":3,"file":"number-control-styles.d.ts","sourceRoot":"","sources":["../../../src/number-control/styles/number-control-styles.ts"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAoBnD,eAAO,MAAM,KAAK;;;oBAlB8C,OAAO;UAoBtE,CAAC;AAgBF,eAAO,MAAM,UAAU;;8CAKtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/placeholder/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,WAAW,MAAM,KAAK,CAAC;AAK9B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAiB5C,CAAC;AACF,eAAe,IAAI,CAAC;AAmBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CAEvD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/placeholder/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,WAAW,MAAM,KAAK,CAAC;AAK9B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAiB5C,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CAEvD,CAAC"}

package/build-types/query-controls/author-select.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { AuthorSelectProps } from './types';
+export default function AuthorSelect({ label, noOptionLabel, authorList, selectedAuthorId, onChange: onChangeProp, }: AuthorSelectProps): JSX.Element | null;
+//# sourceMappingURL=author-select.d.ts.map

package/build-types/query-controls/author-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"author-select.d.ts","sourceRoot":"","sources":["../../src/query-controls/author-select.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,KAAK,EACL,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,QAAQ,EAAE,YAAY,GACtB,EAAE,iBAAiB,sBAsBnB"}

package/build-types/query-controls/category-select.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { CategorySelectProps } from './types';
+export default function CategorySelect({ label, noOptionLabel, categoriesList, selectedCategoryId, onChange: onChangeProp, ...props }: CategorySelectProps): JSX.Element;
+//# sourceMappingURL=category-select.d.ts.map

package/build-types/query-controls/category-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-select.d.ts","sourceRoot":"","sources":["../../src/query-controls/category-select.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAE,EACvC,KAAK,EACL,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACR,EAAE,mBAAmB,eAyBrB"}

package/build-types/query-controls/index.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { QueryControlsProps } from './types';
+/**
+ * Controls to query for posts.
+ *
+ * ```jsx
+ * const MyQueryControls = () => (
+ *   <QueryControls
+ *     { ...{ maxItems, minItems, numberOfItems, order, orderBy } }
+ *     onOrderByChange={ ( newOrderBy ) => {
+ *       updateQuery( { orderBy: newOrderBy } )
+ *     }
+ *     onOrderChange={ ( newOrder ) => {
+ *       updateQuery( { order: newOrder } )
+ *     }
+ *     categoriesList={ categories }
+ *     selectedCategoryId={ category }
+ *     onCategoryChange={ ( newCategory ) => {
+ *       updateQuery( { category: newCategory } )
+ *     }
+ *     onNumberOfItemsChange={ ( newNumberOfItems ) => {
+ *       updateQuery( { numberOfItems: newNumberOfItems } )
+ *     } }
+ *   />
+ * );
+ * ```
+ */
+export declare function QueryControls({ authorList, selectedAuthorId, numberOfItems, order, orderBy, maxItems, minItems, onAuthorChange, onNumberOfItemsChange, onOrderChange, onOrderByChange, ...props }: QueryControlsProps): JSX.Element;
+export default QueryControls;
+//# sourceMappingURL=index.d.ts.map

package/build-types/query-controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/query-controls/index.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EACX,kBAAkB,EAGlB,MAAM,SAAS,CAAC;AAkBjB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,aAAa,CAAE,EAC9B,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,KAAK,EACL,OAAO,EACP,QAA4B,EAC5B,QAA4B,EAC5B,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,eAAe,EAGf,GAAG,KAAK,EACR,EAAE,kBAAkB,eAkHpB;AAED,eAAe,aAAa,CAAC"}

package/build-types/query-controls/stories/index.d.ts

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

package/build-types/query-controls/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/query-controls/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,aAAa,MAAM,IAAI,CAAC;AAO/B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAgB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,aAAa,CAuEzD,CAAC;AA8EF,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAE,OAAO,aAAa,CACrC,CAAC"}

package/build-types/query-controls/terms.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Internal dependencies
+ */
+import type { Author, Category, TermWithParentAndChildren } from './types';
+/**
+ * Returns terms in a tree form.
+ *
+ * @param  flatTerms Array of terms in flat format.
+ *
+ * @return Terms in tree format.
+ */
+export declare function buildTermsTree(flatTerms: readonly (Author | Category)[]): TermWithParentAndChildren[];
+//# sourceMappingURL=terms.d.ts.map

package/build-types/query-controls/terms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../src/query-controls/terms.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EACX,MAAM,EACN,QAAQ,EACR,yBAAyB,EAEzB,MAAM,SAAS,CAAC;AAEjB;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAE,SAAS,EAAE,SAAS,CAAE,MAAM,GAAG,QAAQ,CAAE,EAAE,+BAkC1E"}

package/build-types/query-controls/test/terms.d.ts

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

package/build-types/query-controls/test/terms.d.ts.map

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

package/build-types/query-controls/types.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Internal dependencies
+ */
+import type { FormTokenFieldProps } from '../form-token-field/types';
+import type { TreeSelectProps } from '../tree-select/types';
+export declare type Author = {
+    id: number;
+    name: string;
+};
+export declare type Category = {
+    id: number;
+    name: string;
+    parent: number;
+};
+export declare type TermWithParentAndChildren = {
+    id: string;
+    name: string;
+    parent: number | null;
+    children: TermWithParentAndChildren[];
+};
+export declare type TermsByParent = Record<string, TermWithParentAndChildren[]>;
+export declare type CategorySelectProps = Pick<TreeSelectProps, 'label' | 'noOptionLabel'> & {
+    categoriesList: Category[];
+    onChange: (newCategory: string) => void;
+    selectedCategoryId?: Category['id'];
+};
+export declare type AuthorSelectProps = Pick<TreeSelectProps, 'label' | 'noOptionLabel'> & {
+    authorList?: Author[];
+    onChange: (newAuthor: string) => void;
+    selectedAuthorId?: Author['id'];
+};
+declare type Order = 'asc' | 'desc';
+declare type OrderBy = 'date' | 'title';
+declare type BaseQueryControlsProps = {
+    /**
+     * An array of the authors to select from.
+     */
+    authorList?: AuthorSelectProps['authorList'];
+    /**
+     * The maximum number of items.
+     *
+     * @default 100
+     */
+    maxItems?: number;
+    /**
+     * The minimum number of items.
+     *
+     * @default 1
+     */
+    minItems?: number;
+    /**
+     * The selected number of items to retrieve via the query.
+     */
+    numberOfItems?: number;
+    /**
+     * A function that receives the new author value.
+     * If not specified, the author controls are not rendered.
+     */
+    onAuthorChange?: AuthorSelectProps['onChange'];
+    /**
+     * A function that receives the new number of items.
+     * If not specified, then the number of items
+     * range control is not rendered.
+     */
+    onNumberOfItemsChange?: (newNumber?: number) => void;
+    /**
+     * A function that receives the new order value.
+     * If this prop or the `onOrderByChange` prop are not specified,
+     * then the order controls are not rendered.
+     */
+    onOrderChange?: (newOrder: Order) => void;
+    /**
+     * A function that receives the new orderby value.
+     * If this prop or the `onOrderChange` prop are not specified,
+     * then the order controls are not rendered.
+     */
+    onOrderByChange?: (newOrderBy: OrderBy) => void;
+    /**
+     * The order in which to retrieve posts.
+     */
+    order?: Order;
+    /**
+     * The meta key by which to order posts.
+     */
+    orderBy?: OrderBy;
+    /**
+     * The selected author ID.
+     */
+    selectedAuthorId?: AuthorSelectProps['selectedAuthorId'];
+};
+export declare type QueryControlsWithSingleCategorySelectionProps = BaseQueryControlsProps & {
+    /**
+     * An array of categories. When passed in conjunction with the
+     * `onCategoryChange` prop, it causes the component to render UI that allows
+     * selecting one category at a time.
+     */
+    categoriesList?: CategorySelectProps['categoriesList'];
+    /**
+     * The selected category for the `categoriesList` prop.
+     */
+    selectedCategoryId?: CategorySelectProps['selectedCategoryId'];
+    /**
+     * A function that receives the new category value. If not specified, the
+     * category controls are not rendered.
+     * The function's signature changes depending on whether multiple category
+     * selection is enabled or not.
+     */
+    onCategoryChange?: CategorySelectProps['onChange'];
+};
+export declare type QueryControlsWithMultipleCategorySelectionProps = BaseQueryControlsProps & {
+    /**
+     * An object of categories with the category name as the key. When passed in
+     * conjunction with the `onCategoryChange` prop, it causes the component to
+     * render UI that enables multiple selection.
+     */
+    categorySuggestions?: Record<Category['name'], Category>;
+    /**
+     * The selected categories for the `categorySuggestions` prop.
+     */
+    selectedCategories?: Category[];
+    /**
+     * A function that receives the new category value. If not specified, the
+     * category controls are not rendered.
+     * The function's signature changes depending on whether multiple category
+     * selection is enabled or not.
+     */
+    onCategoryChange?: FormTokenFieldProps['onChange'];
+};
+export declare type QueryControlsProps = QueryControlsWithSingleCategorySelectionProps | QueryControlsWithMultipleCategorySelectionProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/query-controls/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/query-controls/types.ts"],"names":[],"mappings":"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"}

package/build-types/range-control/index.d.ts

@@ -52,6 +52,6 @@ export declare const RangeControl: import("react").ForwardRefExoticComponent<Pic
     trackColor?: import("csstype").Property.Color | undefined;
     type?: "stepper" | undefined;
     withInputField?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "isShiftStepEnabled" | "shiftStep" | "showTooltip" | "marks" | "railColor" | "trackColor" | keyof import("./types").NumericProps | "renderTooltipContent" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "resetFallbackValue" | "separatorType" | "withInputField"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "showTooltip" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "isShiftStepEnabled" | "shiftStep" | "marks" | "railColor" | "trackColor" | keyof import("./types").NumericProps | "renderTooltipContent" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "resetFallbackValue" | "separatorType" | "withInputField"> & import("react").RefAttributes<HTMLInputElement>>;
 export default RangeControl;
 //# sourceMappingURL=index.d.ts.map

package/build-types/resizable-box/index.d.ts

@@ -1,12 +1,11 @@
 import { Resizable } from 're-resizable';
 import type { ResizableProps } from 're-resizable';
 import type { ReactNode } from 'react';
-declare const _default: import("react").ForwardRefExoticComponent<ResizableProps & {
-    className: string;
+export declare const ResizableBox: import("react").ForwardRefExoticComponent<ResizableProps & {
     children: ReactNode;
-    showHandle: boolean;
-    __experimentalShowTooltip: boolean;
-    __experimentalTooltipProps: Pick<{
+    showHandle?: boolean | undefined;
+    __experimentalShowTooltip?: boolean | undefined;
+    __experimentalTooltipProps?: (Pick<{
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any> | undefined;
     } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
@@ -23,7 +22,7 @@ declare const _default: import("react").ForwardRefExoticComponent<ResizableProps
         position?: import("./resize-tooltip/utils").Position | undefined;
         showPx?: boolean | undefined;
         zIndex?: number | undefined;
-    }, "position" | "zIndex" | "key" | "as" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme" | "axis" | "isVisible" | "fadeTimeout" | "onResize" | "showPx" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>;
+    }, "position" | "zIndex" | "key" | "as" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme" | "axis" | "isVisible" | "fadeTimeout" | "onResize" | "showPx" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>) | undefined;
 } & import("react").RefAttributes<Resizable>>;
-export default _default;
+export default ResizableBox;
 //# sourceMappingURL=index.d.ts.map

package/build-types/resizable-box/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/resizable-box/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAmHrD,wBAA0C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/resizable-box/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAkHrD,eAAO,MAAM,YAAY;cAnCd,SAAS;;;;;;;;;;;;;;;;;;;;;6CAmC6C,CAAC;AAElE,eAAe,YAAY,CAAC"}

package/build-types/resizable-box/stories/index.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import ResizableBox from '..';
+declare const meta: ComponentMeta<typeof ResizableBox>;
+export default meta;
+export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("re-resizable").ResizableProps & {
+    children: import("react").ReactNode;
+    showHandle?: boolean | undefined;
+    __experimentalShowTooltip?: boolean | undefined;
+    __experimentalTooltipProps?: (Pick<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        'aria-hidden'?: boolean | undefined;
+        axis?: import("../resize-tooltip/utils").Axis | undefined;
+        className?: string | undefined;
+        fadeTimeout?: number | undefined;
+        isVisible?: boolean | undefined;
+        labelRef?: import("react").Ref<HTMLDivElement> | undefined;
+        onResize?: ((data: {
+            width: number | null;
+            height: number | null;
+        }) => void) | undefined;
+        position?: import("../resize-tooltip/utils").Position | undefined;
+        showPx?: boolean | undefined;
+        zIndex?: number | undefined;
+    }, "position" | "zIndex" | "key" | "as" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme" | "axis" | "isVisible" | "fadeTimeout" | "onResize" | "showPx" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>) | undefined;
+} & import("react").RefAttributes<import("re-resizable").Resizable>>>;
+/**
+ * The `enable` prop can be used to disable resizing in specific directions.
+ */
+export declare const DisabledDirections: ComponentStory<import("react").ForwardRefExoticComponent<import("re-resizable").ResizableProps & {
+    children: import("react").ReactNode;
+    showHandle?: boolean | undefined;
+    __experimentalShowTooltip?: boolean | undefined;
+    __experimentalTooltipProps?: (Pick<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any> | undefined;
+    } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        'aria-hidden'?: boolean | undefined;
+        axis?: import("../resize-tooltip/utils").Axis | undefined;
+        className?: string | undefined;
+        fadeTimeout?: number | undefined;
+        isVisible?: boolean | undefined;
+        labelRef?: import("react").Ref<HTMLDivElement> | undefined;
+        onResize?: ((data: {
+            width: number | null;
+            height: number | null;
+        }) => void) | undefined;
+        position?: import("../resize-tooltip/utils").Position | undefined;
+        showPx?: boolean | undefined;
+        zIndex?: number | undefined;
+    }, "position" | "zIndex" | "key" | "as" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme" | "axis" | "isVisible" | "fadeTimeout" | "onResize" | "showPx" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>) | undefined;
+} & import("react").RefAttributes<import("re-resizable").Resizable>>>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/resizable-box/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAO9B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,YAAY,CAY7C,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;qEAAsB,CAAC;AAkB3C;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;qEAAsB,CAAC"}

package/build-types/responsive-wrapper/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { ResponsiveWrapperProps } from './types';
+/**
+ * A wrapper component that maintains its aspect ratio when resized.
+ *
+ * ```jsx
+ * import { ResponsiveWrapper } from '@wordpress/components';
+ *
+ * const MyResponsiveWrapper = () => (
+ * 	<ResponsiveWrapper naturalWidth={ 2000 } naturalHeight={ 680 }>
+ * 		<img
+ * 			src="https://s.w.org/style/images/about/WordPress-logotype-standard.png"
+ * 			alt="WordPress"
+ * 		/>
+ * 	</ResponsiveWrapper>
+ * );
+ * ```
+ */
+declare function ResponsiveWrapper({ naturalWidth, naturalHeight, children, isInline, }: ResponsiveWrapperProps): JSX.Element | null;
+export default ResponsiveWrapper;
+//# sourceMappingURL=index.d.ts.map

package/build-types/responsive-wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/responsive-wrapper/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,iBAAiB,CAAE,EAC3B,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAgB,GAChB,EAAE,sBAAsB,sBAyBxB;AAED,eAAe,iBAAiB,CAAC"}

package/build-types/responsive-wrapper/stories/index.d.ts

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

package/build-types/responsive-wrapper/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/responsive-wrapper/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,iBAAiB,MAAM,IAAI,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,iBAAiB,CAUlD,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,0CAAsB,CAAC"}

package/build-types/responsive-wrapper/types.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export declare type ResponsiveWrapperProps = {
+    /**
+     * The intrinsic width of the element to wrap. Will be used to determine the aspect ratio.
+     */
+    naturalWidth: number;
+    /**
+     * The intrinsic height of the element to wrap. Will be used to determine the aspect ratio.
+     */
+    naturalHeight: number;
+    /**
+     * The element to wrap.
+     */
+    children: React.ReactElement;
+    /**
+     * If true, the wrapper will be `span` instead of `div`.
+     *
+     * @default false
+     */
+    isInline?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/responsive-wrapper/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/responsive-wrapper/types.ts"],"names":[],"mappings":";AAAA,oBAAY,sBAAsB,GAAG;IACpC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { SandBoxProps } from './types';
+/**
+ * This component provides an isolated environment for arbitrary HTML via iframes.
+ *
+ * ```jsx
+ * import { SandBox } from '@wordpress/components';
+ *
+ * const MySandBox = () => (
+ * 	<SandBox html="<p>Content</p>" title="SandBox" type="embed" />
+ * );
+ * ```
+ */
+declare function SandBox({ html, title, type, styles, scripts, onFocus, }: SandBoxProps): JSX.Element;
+export default SandBox;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sandbox/index.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAoG5C;;;;;;;;;;GAUG;AACH,iBAAS,OAAO,CAAE,EACjB,IAAS,EACT,KAAU,EACV,IAAI,EACJ,MAAW,EACX,OAAY,EACZ,OAAO,GACP,EAAE,YAAY,eA4Jd;AAED,eAAe,OAAO,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sandbox/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,OAAO,MAAM,IAAI,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAWxC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,gCAAsB,CAAC"}

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

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

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

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