@wordpress/components 23.2.0 → 23.3.0

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

@@ -9,18 +9,18 @@ import type { DropdownProps } from './types';
  * const MyDropdown = () => (
  *   <Dropdown
  *     className="my-container-class-name"
- *     contentClassName="my-popover-content-classname"
- *     position="bottom right"
+ *     contentClassName="my-dropdown-content-classname"
+ *     popoverProps={ { placement: 'bottom-start' } }
  *     renderToggle={ ( { isOpen, onToggle } ) => (
  *       <Button
  *         variant="primary"
  *         onClick={ onToggle }
  *         aria-expanded={ isOpen }
  *       >
- *         Toggle Popover!
+ *         Toggle Dropdown!
  *       </Button>
  *     ) }
- *     renderContent={ () => <div>This is the content of the popover.</div> }
+ *     renderContent={ () => <div>This is the content of the dropdown.</div> }
  *   />
  * );
  * ```

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA0I7C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ,+FAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAoJ7C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ,+FAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAI1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAmBzC,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,QAAQ,CAAwB,CAAC;AAW9E;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,QAAQ,CAE5D,CAAC;AAUF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,cAAc,CAAE,OAAO,QAAQ,CAE1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dropdown/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAI1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAoBzC,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,QAAQ,CAAwB,CAAC;AAU9E;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,QAAQ,CAE5D,CAAC;AAUF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,cAAc,CAAE,OAAO,QAAQ,CAE1D,CAAC"}

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

@@ -74,16 +74,6 @@ export declare type DropdownProps = {
      * e.g.: the ability to have the popover without an arrow.
      */
     popoverProps?: Omit<ComponentPropsWithoutRef<typeof Popover>, 'children'>;
-    /**
-     * The direction in which the popover should open
-     * relative to its parent node.
-     * Specify a y- and an x-axis as a space-separated string.
-     * Supports "top", "bottom" y-axis,
-     * and "left", "center", "right" x-axis.
-     *
-     * @default 'top center'
-     */
-    position?: PopoverProps['position'];
     /**
      * A callback invoked to render the content of the dropdown menu.
      * Its first argument is the same as the renderToggle prop.
@@ -105,6 +95,15 @@ export declare type DropdownProps = {
      * The style of the global container.
      */
     style?: CSSProperties;
+    /**
+     * Legacy way to specify the popover's position with respect to its anchor.
+     * For details about the possible values, see the `Popover` component's docs.
+     * _Note: this prop is deprecated. Use the `popoverProps.placement` prop
+     * instead._
+     *
+     * @deprecated
+     */
+    position?: PopoverProps['position'];
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,aAAK,aAAa,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,oBAAY,2BAA2B,GAAG;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,IAAI,CAClB,wBAAwB,CAAE,OAAO,OAAO,CAAE,EAC1C,UAAU,CACV,CAAC;IACF;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IACtC;;;OAGG;IACH,aAAa,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACrD;;;;;;;;;;OAUG;IACH,YAAY,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,aAAK,aAAa,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,oBAAY,2BAA2B,GAAG;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,IAAI,CAClB,wBAAwB,CAAE,OAAO,OAAO,CAAE,EAC1C,UAAU,CACV,CAAC;IACF;;;OAGG;IACH,aAAa,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACrD;;;;;;;;;;OAUG;IACH,YAAY,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;CACtC,CAAC"}

package/build-types/font-size-picker/styles.d.ts

@@ -19,9 +19,9 @@ export declare const Controls: import("@emotion/styled").StyledComponent<{
 } & {
     __nextHasNoMarginBottom: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ResetButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+export declare const ResetButton: import("@emotion/styled").StyledComponent<((import("../button/types").ButtonProps & import("react").RefAttributes<any>) & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
+}) & {
     size: FontSizePickerProps['size'];
 }, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -4,7 +4,6 @@
  *
  * `HStack` can render anything inside.
  *
- * @example
  * ```jsx
  * import {
  * 	__experimentalHStack as HStack,

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/h-stack/component.tsx"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;;;6CAAgD,CAAC;AAEpE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/h-stack/component.tsx"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,MAAM;;;6CAAgD,CAAC;AAEpE,eAAe,MAAM,CAAC"}

package/build-types/input-control/input-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAiN/C,QAAA,MAAM,kBAAkB,uVAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmN/C,QAAA,MAAM,kBAAkB,uVAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}

package/build-types/keyboard-shortcuts/index.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { KeyboardShortcutsProps } from './types';
+/**
+ * `KeyboardShortcuts` is a component which handles keyboard sequences during the lifetime of the rendering element.
+ *
+ * When passed children, it will capture key events which occur on or within the children. If no children are passed, events are captured on the document.
+ *
+ * It uses the [Mousetrap](https://craig.is/killing/mice) library to implement keyboard sequence bindings.
+ *
+ * ```jsx
+ * import { KeyboardShortcuts } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyKeyboardShortcuts = () => {
+ * 	const [ isAllSelected, setIsAllSelected ] = useState( false );
+ * 	const selectAll = () => {
+ * 		setIsAllSelected( true );
+ * 	};
+ *
+ * 	return (
+ * 		<div>
+ * 			<KeyboardShortcuts
+ * 				shortcuts={ {
+ * 					'mod+a': selectAll,
+ * 				} }
+ * 			/>
+ * 			[cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }
+ * 		</div>
+ * 	);
+ * };
+ * ```
+ */
+declare function KeyboardShortcuts({ children, shortcuts, bindGlobal, eventName, }: KeyboardShortcutsProps): JSX.Element;
+export default KeyboardShortcuts;
+//# sourceMappingURL=index.d.ts.map

package/build-types/keyboard-shortcuts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/keyboard-shortcuts/index.tsx"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,KAAK,EAAyB,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAkB7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,iBAAiB,CAAE,EAC3B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,GACT,EAAE,sBAAsB,eA4BxB;AAED,eAAe,iBAAiB,CAAC"}

package/build-types/keyboard-shortcuts/stories/index.d.ts

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

package/build-types/keyboard-shortcuts/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/keyboard-shortcuts/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,CAOlD,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,0CAAsB,CAAC"}

package/build-types/keyboard-shortcuts/test/index.d.ts

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

package/build-types/keyboard-shortcuts/test/index.d.ts.map

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

package/build-types/keyboard-shortcuts/types.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+/**
+ * WordPress dependencies
+ */
+import type { useKeyboardShortcut } from '@wordpress/compose';
+declare type WPKeyboardShortcutConfig = NonNullable<Parameters<typeof useKeyboardShortcut>[2]>;
+export declare type KeyboardShortcutProps = {
+    shortcut: string | string[];
+    /**
+     * @see {@link https://craig.is/killing/mice Mousetrap documentation}
+     */
+    callback: (event: Mousetrap.ExtendedKeyboardEvent, combo: string) => void;
+} & Pick<WPKeyboardShortcutConfig, 'bindGlobal' | 'eventName' | 'target'>;
+export declare type KeyboardShortcutsProps = {
+    /**
+     * Elements to render, upon whom key events are to be monitored.
+     */
+    children?: React.ReactNode;
+    /**
+     * An object of shortcut bindings, where each key is a keyboard combination,
+     * the value of which is the callback to be invoked when the key combination is pressed.
+     *
+     * The value of each shortcut should be a consistent function reference, not an anonymous function.
+     * Otherwise, the callback will not be correctly unbound when the component unmounts.
+     *
+     * The `KeyboardShortcuts` component will not update to reflect a changed `shortcuts` prop.
+     * If you need to change shortcuts, mount a separate `KeyboardShortcuts` element,
+     * which can be achieved by assigning a unique `key` prop.
+     *
+     * @see {@link https://craig.is/killing/mice Mousetrap documentation}
+     */
+    shortcuts: Record<string, KeyboardShortcutProps['callback']>;
+    /**
+     * By default, a callback will not be invoked if the key combination occurs in an editable field.
+     * Pass `bindGlobal` as `true` if the key events should be observed globally, including within editable fields.
+     *
+     * Tip: If you need some but not all keyboard events to be observed globally,
+     * simply render two distinct `KeyboardShortcuts` elements, one with and one without the `bindGlobal` prop.
+     */
+    bindGlobal?: KeyboardShortcutProps['bindGlobal'];
+    /**
+     * By default, a callback is invoked in response to the `keydown` event.
+     * To override this, pass `eventName` with the name of a specific keyboard event.
+     */
+    eventName?: KeyboardShortcutProps['eventName'];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/build-types/keyboard-shortcuts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/keyboard-shortcuts/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,aAAK,wBAAwB,GAAG,WAAW,CAC1C,UAAU,CAAE,OAAO,mBAAmB,CAAE,CAAE,CAAC,CAAE,CAC7C,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IACnC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,CAAC,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;CAC5E,GAAG,IAAI,CAAE,wBAAwB,EAAE,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAE,CAAC;AAE5E,oBAAY,sBAAsB,GAAG;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;;;;;;;OAYG;IACH,SAAS,EAAE,MAAM,CAAE,MAAM,EAAE,qBAAqB,CAAE,UAAU,CAAE,CAAE,CAAC;IACjE;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAE,YAAY,CAAE,CAAC;IACnD;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAE,WAAW,CAAE,CAAC;CACjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AAkCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA0L1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":";AAkCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAyL1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}

package/build-types/navigator/navigator-back-button/component.d.ts

@@ -34,7 +34,7 @@
  * ```
  */
 export declare const NavigatorBackButton: import("../../ui/context").WordPressComponent<"button", Omit<{
-    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
+    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
 }, "href"> & {
     children: import("react").ReactNode;
 } & import("react").RefAttributes<any>, true>;

package/build-types/navigator/navigator-back-button/hook.d.ts

@@ -5,7 +5,7 @@
 import { WordPressComponentProps } from '../../ui/context';
 import type { NavigatorBackButtonProps } from '../types';
 export declare function useNavigatorBackButton(props: WordPressComponentProps<NavigatorBackButtonProps, 'button'>): {
-    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
+    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
     children: import("react").ReactNode;
     defaultValue?: string | number | readonly string[] | undefined;
     onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
@@ -273,7 +273,7 @@ export declare function useNavigatorBackButton(props: WordPressComponentProps<Na
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    as: keyof JSX.IntrinsicElements | import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
+    as: keyof JSX.IntrinsicElements | import("react").ForwardRefExoticComponent<import("../../button/types").ButtonProps & import("react").RefAttributes<any>>;
     onClick: import("react").MouseEventHandler<HTMLButtonElement>;
 };
 //# sourceMappingURL=hook.d.ts.map

package/build-types/navigator/navigator-button/component.d.ts

@@ -33,7 +33,7 @@
  * ```
  */
 export declare const NavigatorButton: import("../../ui/context").WordPressComponent<"button", Omit<{
-    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
+    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
 }, "href"> & {
     children: import("react").ReactNode;
 } & {

package/build-types/navigator/navigator-button/hook.d.ts

@@ -5,7 +5,7 @@
 import { WordPressComponentProps } from '../../ui/context';
 import type { NavigatorButtonProps } from '../types';
 export declare function useNavigatorButton(props: WordPressComponentProps<NavigatorButtonProps, 'button'>): {
-    variant?: "link" | "secondary" | "tertiary" | "primary" | undefined;
+    variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
     children: import("react").ReactNode;
     defaultValue?: string | number | readonly string[] | undefined;
     onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
@@ -273,7 +273,7 @@ export declare function useNavigatorButton(props: WordPressComponentProps<Naviga
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    as: keyof JSX.IntrinsicElements | import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
+    as: keyof JSX.IntrinsicElements | import("react").ForwardRefExoticComponent<import("../../button/types").ButtonProps & import("react").RefAttributes<any>>;
     onClick: import("react").MouseEventHandler<HTMLButtonElement>;
 };
 //# sourceMappingURL=hook.d.ts.map

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { NoticeProps } from './types';
+/**
+ * `Notice` is a component used to communicate feedback to the user.
+ *
+ *```jsx
+ * import { Notice } from `@wordpress/components`;
+ *
+ * const MyNotice = () => (
+ *   <Notice status="error">An unknown error occurred.</Notice>
+ * );
+ * ```
+ */
+declare function Notice({ className, status, children, spokenMessage, onRemove, isDismissible, actions, politeness, __unstableHTML, onDismiss, }: NoticeProps): JSX.Element;
+export default Notice;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notice/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAC;AAqCzD;;;;;;;;;;GAUG;AACH,iBAAS,MAAM,CAAE,EAChB,SAAS,EACT,MAAe,EACf,QAAQ,EACR,aAAwB,EACxB,QAAe,EACf,aAAoB,EACpB,OAAY,EACZ,UAA2C,EAC3C,cAAc,EAId,SAAgB,GAChB,EAAE,WAAW,eAoFb;AAED,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import type { WordPressComponentProps } from '../ui/context';
+import type { NoticeListProps } from './types';
+/**
+ * `NoticeList` is a component used to render a collection of notices.
+ *
+ *```jsx
+ * import { Notice, NoticeList } from `@wordpress/components`;
+ *
+ * const MyNoticeList = () => {
+ *	const [ notices, setNotices ] = useState( [
+ *		{
+ *			id: 'second-notice',
+ *			content: 'second notice content',
+ *		},
+ *		{
+ *			id: 'fist-notice',
+ *			content: 'first notice content',
+ *		},
+ *	] );
+ *
+ *	const removeNotice = ( id ) => {
+ *		setNotices( notices.filter( ( notice ) => notice.id !== id ) );
+ *	};
+ *
+ *	return <NoticeList notices={ notices } onRemove={ removeNotice } />;
+ *};
+ *```
+ */
+declare function NoticeList({ notices, onRemove, className, children, }: WordPressComponentProps<NoticeListProps, 'div', false>): JSX.Element;
+export default NoticeList;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/notice/list.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,UAAU,CAAE,EACpB,OAAO,EACP,QAAe,EACf,SAAS,EACT,QAAQ,GACR,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,EAAE,KAAK,CAAE,eAwB1D;AAED,eAAe,UAAU,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/notice/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,MAAM,MAAM,IAAI,CAAC;AAExB,OAAO,UAAU,MAAM,SAAS,CAAC;AAGjC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,MAAM,CASvC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,+BAAsB,CAAC;AAK3C,eAAO,MAAM,uBAAuB,+BAAsB,CAAC;AAO3D,eAAO,MAAM,eAAe,+BAAsB,CAAC;AAiBnD,eAAO,MAAM,WAAW,+BAAsB,CAAC;AAqB/C,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAClD,OAAO,UAAU,CAgCjB,CAAC"}

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

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

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

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

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

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

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

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

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"}