@wordpress/components 22.1.0 → 23.0.0

package/build-types/number-control/stories/index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import NumberControl from '..';
+declare const meta: ComponentMeta<typeof NumberControl>;
+export default meta;
+export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("../../input-control/types").InputControlProps, "value" | "type" | "step" | "max" | "min" | "required" | "isDragEnabled"> & {
+    hideHTMLArrows?: boolean | undefined;
+    spinControls?: "none" | "custom" | "native" | undefined;
+    isDragEnabled?: boolean | undefined;
+    isShiftStepEnabled?: boolean | undefined;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    shiftStep?: number | undefined;
+    step?: string | number | undefined;
+    type?: import("react").HTMLInputTypeAttribute | undefined;
+    value?: string | number | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "defaultValue" | "onChange" | "value" | "name" | "color" | "height" | "translate" | "width" | "hidden" | "size" | "style" | "help" | "multiple" | "disabled" | "key" | "children" | "form" | "label" | "slot" | "title" | "pattern" | "as" | "type" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "max" | "min" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "hideLabelFromVision" | "suffix" | "__next36pxDefaultSize" | "__unstableInputWidth" | "labelPosition" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "src" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer" | "hideHTMLArrows" | "spinControls" | "isShiftStepEnabled" | "shiftStep"> & import("react").RefAttributes<any>>>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/number-control/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/number-control/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;AAE/B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAe9C,CAAC;AAEF,eAAe,IAAI,CAAC;AA4BpB,eAAO,MAAM,OAAO;;;;;;;;;;;;o6KAAsB,CAAC"}

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

@@ -1,11 +1,11 @@
-export const Input: import("@emotion/styled").StyledComponent<import("../../input-control/types").InputControlProps & import("react").RefAttributes<HTMLInputElement> & {
+/// <reference types="react" />
+import type { NumberControlProps } from '../types';
+export declare const Input: import("@emotion/styled").StyledComponent<import("../../input-control/types").InputControlProps & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
-    hideHTMLArrows: any;
+    hideHTMLArrows: boolean;
 }, {}, {}>;
-export const SpinButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+export declare const SpinButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
-    size: any;
-}, {}, {}>;
+} & 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.js"],"names":[],"mappings":"AAiCA;;;;WAEE;AAcF;;;;WAKE"}
+{"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"}

package/build-types/number-control/test/index.d.ts

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

package/build-types/number-control/test/index.d.ts.map

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

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

@@ -24,6 +24,6 @@ import type { PopoverProps } from './types';
  * ```
  *
  */
-export declare const Popover: import("react").ForwardRefExoticComponent<Omit<WordPressComponentProps<PopoverProps, "div", false>, "initial" | "transition" | "inherit" | "layout" | "style" | "drag" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "transformTemplate" | "transformValues" | "exit" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationComplete" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom"> & import("react").RefAttributes<any>>;
+export declare const Popover: import("react").ForwardRefExoticComponent<Omit<WordPressComponentProps<PopoverProps, "div", false>, "initial" | "transition" | "inherit" | "layout" | "style" | "drag" | "exit" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "custom"> & import("react").RefAttributes<any>>;
 export default Popover;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":";AA2DA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EACX,YAAY,EAIZ,MAAM,SAAS,CAAC;AAwejB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,qhCAAmC,CAAC;AAsBxD,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.tsx"],"names":[],"mappings":";AA2DA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EACX,YAAY,EAIZ,MAAM,SAAS,CAAC;AAgfjB;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,kiCAAmC,CAAC;AAsBxD,eAAe,OAAO,CAAC"}

package/build-types/popover/stories/e2e/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../../../ui/context").WordPressComponentProps<import("../../types").PopoverProps, "div", false>, "initial" | "transition" | "inherit" | "layout" | "style" | "drag" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "transformTemplate" | "transformValues" | "exit" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onLayoutAnimationComplete" | "onUpdate" | "onAnimationComplete" | "onUnmount" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "layoutDependency" | "layoutScroll" | "custom"> & import("react").RefAttributes<any>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("../../../ui/context").WordPressComponentProps<import("../../types").PopoverProps, "div", false>, "initial" | "transition" | "inherit" | "layout" | "style" | "drag" | "exit" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "transformTemplate" | "transformValues" | "variants" | "onBeforeLayoutMeasure" | "onLayoutMeasure" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "whileFocus" | "whileInView" | "onViewportEnter" | "onViewportLeave" | "viewport" | "whileDrag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "dragControls" | "dragSnapToOrigin" | "dragListener" | "onMeasureDragConstraints" | "_dragX" | "_dragY" | "onDirectionLock" | "onDragTransitionEnd" | "layoutId" | "onLayoutAnimationStart" | "onLayoutAnimationComplete" | "layoutDependency" | "layoutScroll" | "custom"> & import("react").RefAttributes<any>>;
 };
 export default _default;
 export declare const Default: () => JSX.Element;

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>>, "type" | "children" | "onChange" | "color" | "help" | "icon" | "disabled" | "label" | "as" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "step" | "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" | "__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>>;
 export default RangeControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -64,7 +64,7 @@ export declare const Tooltip: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & TooltipProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const InputNumber: import("@emotion/styled").StyledComponent<Omit<import("../../input-control/types").InputControlProps, "type" | "value" | "step" | "max" | "min" | "required" | "isDragEnabled"> & {
+export declare const InputNumber: import("@emotion/styled").StyledComponent<Omit<import("../../input-control/types").InputControlProps, "value" | "type" | "step" | "max" | "min" | "required" | "isDragEnabled"> & {
     hideHTMLArrows?: boolean | undefined;
     spinControls?: "none" | "custom" | "native" | undefined;
     isDragEnabled?: boolean | undefined;
@@ -76,7 +76,7 @@ export declare const InputNumber: import("@emotion/styled").StyledComponent<Omit
     step?: string | number | undefined;
     type?: import("react").HTMLInputTypeAttribute | undefined;
     value?: string | number | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "type" | "children" | "defaultValue" | "onChange" | "value" | "name" | "color" | "height" | "translate" | "width" | "hidden" | "size" | "style" | "multiple" | "disabled" | "key" | "form" | "label" | "slot" | "title" | "pattern" | "as" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "hideLabelFromVision" | "step" | "max" | "min" | "crossOrigin" | "suffix" | "__next36pxDefaultSize" | "__unstableInputWidth" | "labelPosition" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "readOnly" | "required" | "src" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer" | "hideHTMLArrows" | "spinControls" | "isShiftStepEnabled" | "shiftStep"> & import("react").RefAttributes<any> & {
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "defaultValue" | "onChange" | "value" | "name" | "color" | "height" | "translate" | "width" | "hidden" | "size" | "style" | "help" | "multiple" | "disabled" | "key" | "children" | "form" | "label" | "slot" | "title" | "pattern" | "as" | "type" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "max" | "min" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "hideLabelFromVision" | "suffix" | "__next36pxDefaultSize" | "__unstableInputWidth" | "labelPosition" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "src" | "dragDirection" | "dragThreshold" | "isDragEnabled" | "isPressEnterToChange" | "onValidate" | "__unstableStateReducer" | "hideHTMLArrows" | "spinControls" | "isShiftStepEnabled" | "shiftStep"> & import("react").RefAttributes<any> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ActionRightWrapper: import("@emotion/styled").StyledComponent<{

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

@@ -1,22 +1,18 @@
 import type { Ref } from 'react';
-import { Axis, Position } from './utils';
-declare const ForwardedComponent: import("react").ForwardRefExoticComponent<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?: Axis | undefined;
-    className?: string | undefined;
-    fadeTimeout?: number | undefined;
-    isVisible?: boolean | undefined;
-    labelRef?: Ref<HTMLDivElement> | undefined;
-    onResize?: ((data: {
-        width: number | null;
-        height: number | null;
-    }) => void) | undefined;
-    position?: 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>>;
+import { useResizeLabel, Axis, Position } from './utils';
+import { Root } from './styles/resize-tooltip.styles';
+declare type ResizeTooltipProps = React.ComponentProps<typeof Root> & {
+    'aria-hidden'?: boolean;
+    axis?: Axis;
+    className?: string;
+    fadeTimeout?: number;
+    isVisible?: boolean;
+    labelRef?: Ref<HTMLDivElement>;
+    onResize?: Parameters<typeof useResizeLabel>[0]['onResize'];
+    position?: Position;
+    showPx?: boolean;
+    zIndex?: number;
+};
+declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick<ResizeTooltipProps, "position" | "zIndex" | "key" | "as" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme" | "axis" | "isVisible" | "fadeTimeout" | "onResize" | "showPx" | "labelRef"> & import("react").RefAttributes<HTMLDivElement>>;
 export default ForwardedComponent;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAgB,MAAM,OAAO,CAAC;AAW/C,OAAO,EAAkB,IAAI,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAC;AA2DpE,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;sOAA8B,CAAC;AAEvD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAgB,MAAM,OAAO,CAAC;AAW/C,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAEtD,aAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAE,OAAO,IAAI,CAAE,GAAG;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAE,cAAc,CAAE,CAAC;IACjC,QAAQ,CAAC,EAAE,UAAU,CAAE,OAAO,cAAc,CAAE,CAAE,CAAC,CAAE,CAAE,UAAU,CAAE,CAAC;IAClE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6CF,QAAA,MAAM,kBAAkB,wSAA8B,CAAC;AAEvD,eAAe,kBAAkB,CAAC"}

package/build-types/resizable-box/resize-tooltip/label.d.ts

@@ -3,10 +3,11 @@
  * Internal dependencies
  */
 import { Position } from './utils';
-declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    label?: string | undefined;
+declare type LabelProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    label?: string;
     position: Position;
     zIndex: number;
-}, "position" | "zIndex" | "key" | "label" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
+};
+declare const ForwardedComponent: import("react").ForwardRefExoticComponent<Pick<LabelProps, "position" | "zIndex" | "key" | "label" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>>;
 export default ForwardedComponent;
 //# sourceMappingURL=label.d.ts.map

package/build-types/resizable-box/resize-tooltip/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/label.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAC;AA+E9C,QAAA,MAAM,kBAAkB;;cAhEb,QAAQ;YACV,MAAM;mJA+D+B,CAAC;AAE/C,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/resizable-box/resize-tooltip/label.tsx"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAa,MAAM,SAAS,CAAC;AAU9C,aAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CACxC,KAAK,CAAC,cAAc,CAAE,cAAc,CAAE,EACtC,cAAc,CACd,GAAG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AA8DF,QAAA,MAAM,kBAAkB,6MAAsB,CAAC;AAE/C,eAAe,kBAAkB,CAAC"}

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

@@ -16,6 +16,7 @@ export declare function useScrollable(props: WordPressComponentProps<ScrollableP
     key?: import("react").Key | null | undefined;
     slot?: string | undefined;
     title?: string | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
@@ -24,7 +25,6 @@ export declare function useScrollable(props: WordPressComponentProps<ScrollableP
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    id?: string | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
@@ -61,7 +61,7 @@ export declare function useScrollable(props: WordPressComponentProps<ScrollableP
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;

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

@@ -24,6 +24,6 @@ export declare const SearchControl: import("react").ForwardRefExoticComponent<Pi
     onClose?: (() => void) | undefined;
     placeholder?: string | undefined;
     value?: string | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "onChange" | "value" | "help" | "label" | "as" | "placeholder" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "onClose"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "help" | "children" | "label" | "as" | "placeholder" | "onClose" | "__nextHasNoMarginBottom" | "hideLabelFromVision"> & import("react").RefAttributes<HTMLInputElement>>;
 export default SearchControl;
 //# sourceMappingURL=index.d.ts.map

package/build-types/search-control/stories/index.d.ts

@@ -22,7 +22,7 @@ export declare const Default: ComponentStory<import("react").ForwardRefExoticCom
      * rather than just clearing the input value.
      */
     value?: string | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "onChange" | "value" | "help" | "label" | "as" | "placeholder" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "onClose"> & import("react").RefAttributes<HTMLInputElement>>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "help" | "children" | "label" | "as" | "placeholder" | "onClose" | "__nextHasNoMarginBottom" | "hideLabelFromVision"> & import("react").RefAttributes<HTMLInputElement>>>;
 /**
  * When an `onClose` callback is provided, the search control will render a close button
  * that will trigger the given callback.
@@ -43,5 +43,5 @@ export declare const WithOnClose: ComponentStory<import("react").ForwardRefExoti
      * rather than just clearing the input value.
      */
     value?: string | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "children" | "onChange" | "value" | "help" | "label" | "as" | "placeholder" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "onClose"> & import("react").RefAttributes<HTMLInputElement>>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "help" | "children" | "label" | "as" | "placeholder" | "onClose" | "__nextHasNoMarginBottom" | "hideLabelFromVision"> & import("react").RefAttributes<HTMLInputElement>>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { SnackbarProps } from './types';
+/**
+ * A Snackbar displays a succinct message that is cleared out after a small delay.
+ *
+ * It can also offer the user options, like viewing a published post.
+ * But these options should also be available elsewhere in the UI.
+ *
+ * ```jsx
+ * const MySnackbarNotice = () => (
+ *   <Snackbar>Post published successfully.</Snackbar>
+ * );
+ * ```
+ */
+export declare const Snackbar: import("react").ForwardRefExoticComponent<SnackbarProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof SnackbarProps> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & import("react").RefAttributes<any>>;
+export default Snackbar;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbar/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAqJ3D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ;;uCAAoC,CAAC;AAE1D,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { SnackbarListProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
+/**
+ * Renders a list of notices.
+ *
+ * ```jsx
+ * const MySnackbarListNotice = () => (
+ *   <SnackbarList
+ *     notices={ notices }
+ *     onRemove={ removeNotice }
+ *   />
+ * );
+ * ```
+ */
+export declare function SnackbarList({ notices, className, children, onRemove, }: WordPressComponentProps<SnackbarListProps, 'div'>): JSX.Element;
+export default SnackbarList;
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/snackbar/list.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAU,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAsB7D;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAE,EAC7B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,GACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,KAAK,CAAE,eAsCrD;AAED,eAAe,YAAY,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/snackbar/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;AAE1B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,QAAQ,CAuBzC,CAAC;AACF,eAAe,IAAI,CAAC;AASpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,QAAQ,CAEpD,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,cAAc,CAAE,OAAO,QAAQ,CAC9B,CAAC;AAW5B,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAE,OAAO,QAAQ,CAErD,CAAC;AAUF,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAE,OAAO,QAAQ,CACtC,CAAC;AAO5B,eAAO,MAAM,4BAA4B,EAAE,cAAc,CAAE,OAAO,QAAQ,CAC/C,CAAC"}

package/build-types/snackbar/stories/list.d.ts

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

package/build-types/snackbar/stories/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/snackbar/stories/list.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,YAAY,MAAM,SAAS,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,YAAY,CAgB7C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,YAAY,CAsBxD,CAAC"}

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

@@ -0,0 +1,111 @@
+/**
+ * External dependencies
+ */
+import type { MutableRefObject, ReactNode, SyntheticEvent } from 'react';
+export declare type NoticeActionWithURL = {
+    label: string;
+    url: string;
+    onClick?: (event: SyntheticEvent) => void;
+};
+declare type NoticeActionWithOnClick = {
+    label: string;
+    url?: string;
+    onClick: (event: SyntheticEvent) => void;
+};
+export declare type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;
+export declare type Notice = {
+    id: string;
+    spokenMessage: string;
+    actions: NoticeAction[];
+    icon?: ReactNode;
+    onDismiss?: () => void;
+    content: string;
+    isDismissible: boolean;
+    explicitDismiss: boolean;
+};
+export declare type SnackbarProps = {
+    /**
+     * The displayed message of a notice.
+     *
+     * Also used as the spoken message for assistive technology,
+     * unless `spokenMessage` is provided as an alternative message.
+     */
+    children: string;
+    /**
+     * Used to provide a custom spoken message.
+     *
+     * @default children
+     */
+    spokenMessage?: Notice['spokenMessage'];
+    /**
+     * A politeness level for the notice's spoken message. Should be provided as
+     * one of the valid options for an `aria-live` attribute value. Note that this
+     * value should be considered a suggestion; assistive technologies may
+     * override it based on internal heuristics.
+     *
+     * 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.
+     *
+     * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live
+     *
+     * @default 'polite'
+     */
+    politeness?: 'polite' | 'assertive';
+    /**
+     * An array of action objects.
+     *
+     * Each member object should contain
+     * a `label` and either a `url` link string or `onClick` callback function.
+     *
+     * @default []
+     */
+    actions?: Notice['actions'];
+    /**
+     * Called to remove the snackbar from the UI.
+     */
+    onRemove?: () => void;
+    /**
+     * The icon to render in the snackbar.
+     *
+     * @default null
+     */
+    icon?: Notice['icon'];
+    /**
+     * Whether to require user action to dismiss the snackbar.
+     * By default, this is dismissed on a timeout, without user interaction.
+     *
+     * @default false
+     */
+    explicitDismiss?: Notice['explicitDismiss'];
+    /**
+     * A callback executed when the snackbar is dismissed.
+     *
+     * It is distinct from onRemove, which _looks_ like a callback but is
+     * actually the function to call to remove the snackbar from the UI.
+     */
+    onDismiss?: Notice['onDismiss'];
+    /**
+     * A ref to the list that contains the snackbar.
+     */
+    listRef?: MutableRefObject<HTMLDivElement | null>;
+};
+export declare type SnackbarListProps = {
+    /**
+     * Array of notices to render.
+     */
+    notices: Notice[];
+    /**
+     * Children to be rendered inside the notice list.
+     */
+    children?: ReactNode;
+    /**
+     * Function called when a notice should be removed / dismissed.
+     */
+    onRemove?: (id: Notice['id']) => void;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/snackbar/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzE,oBAAY,mBAAmB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,cAAc,KAAM,IAAI,CAAC;CAC5C,CAAC;AAEF,aAAK,uBAAuB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAE,KAAK,EAAE,cAAc,KAAM,IAAI,CAAC;CAC3C,CAAC;AAGF,oBAAY,YAAY,GAAG,mBAAmB,GAAG,uBAAuB,CAAC;AAEzE,oBAAY,MAAM,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;;;;OAKG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAE,eAAe,CAAE,CAAC;IAC1C;;;;;;;;;;;;;;;;OAgBG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACpC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAE,SAAS,CAAE,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAE,MAAM,CAAE,CAAC;IACxB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAE,iBAAiB,CAAE,CAAC;IAC9C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAE,WAAW,CAAE,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAE,cAAc,GAAG,IAAI,CAAE,CAAC;CACpD,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,EAAE,EAAE,MAAM,CAAE,IAAI,CAAE,KAAM,IAAI,CAAC;CAC1C,CAAC"}

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

@@ -16,6 +16,7 @@ export declare function useSpacer(props: WordPressComponentProps<SpacerProps, 'd
     key?: import("react").Key | null | undefined;
     slot?: string | undefined;
     title?: string | undefined;
+    id?: string | undefined;
     defaultChecked?: boolean | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
@@ -24,7 +25,6 @@ export declare function useSpacer(props: WordPressComponentProps<SpacerProps, 'd
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
-    id?: string | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
@@ -61,7 +61,7 @@ export declare function useSpacer(props: WordPressComponentProps<SpacerProps, 'd
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "date" | "step" | "location" | undefined;
+    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;