@wordpress/components 19.11.0 → 19.12.0

package/build-types/date-time/date/styles.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export declare const Day: import("@emotion/styled").StyledComponent<Omit<import("../../flex/types").FlexProps, "align" | "gap"> & {
+    alignment?: "top" | "bottom" | "left" | "right" | "center" | "end" | (string & {}) | "baseline" | "inherit" | "initial" | "start" | "-moz-initial" | "revert" | "unset" | "normal" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "edge" | undefined;
+    spacing?: import("csstype").Property.Width<string | number> | undefined;
+} & {
+    alignment?: "top" | "bottom" | "left" | "right" | "center" | "end" | (string & {}) | "baseline" | "inherit" | "initial" | "start" | "-moz-initial" | "revert" | "unset" | "normal" | "stretch" | "flex-end" | "flex-start" | "self-end" | "self-start" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "edge" | undefined;
+    spacing?: import("csstype").Property.Width<string | number> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "as" | "direction" | "spacing" | "justify" | "wrap" | "expanded" | "isReversed" | "alignment"> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    hasEvents: boolean;
+}, {}, {}>;
+export declare const NavPrevButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const NavNextButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/date-time/date/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/styles.ts"],"names":[],"mappings":";AAgBA,eAAO,MAAM,GAAG;;;;;;;;;;;;;eAAkC,OAAO;UAuBxD,CAAC;AAOF,eAAO,MAAM,aAAa;;UAGzB,CAAC;AAEF,eAAO,MAAM,aAAa;;UAGzB,CAAC"}

package/build-types/date-time/date/test/index.d.ts

@@ -0,0 +1,2 @@
+import 'react-dates/initialize';
+//# sourceMappingURL=index.d.ts.map

package/build-types/date-time/date/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-time/date/test/index.tsx"],"names":[],"mappings":"AAMA,OAAO,wBAAwB,CAAC"}

package/build-types/date-time/date/test/utils.d.ts

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

package/build-types/date-time/date/test/utils.d.ts.map

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

package/build-types/date-time/date/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,4EAKzB,CAAC"}

package/build-types/date-time/date-time/index.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { default as DatePicker } from '../date';
+import { default as TimePicker } from '../time';
+export { DatePicker, TimePicker };
+/**
+ * DateTimePicker is a React component that renders a calendar and clock for
+ * date and time selection. The calendar and clock components can be accessed
+ * individually using the `DatePicker` and `TimePicker` components respectively.
+ *
+ * ```jsx
+ * import { DateTimePicker } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyDateTimePicker = () => {
+ *   const [ date, setDate ] = useState( new Date() );
+ *
+ *   return (
+ *     <DateTimePicker
+ *       currentDate={ date }
+ *       onChange={ ( newDate ) => setDate( newDate ) }
+ *       is12Hour
+ *     />
+ *   );
+ * };
+ * ```
+ */
+export declare const DateTimePicker: import("react").ForwardRefExoticComponent<Omit<import("../types").DatePickerProps, "onChange"> & Omit<import("../types").TimePickerProps, "onChange" | "currentTime"> & {
+    onChange?: ((date: string | null) => void) | undefined;
+    __nextRemoveHelpButton?: boolean | undefined;
+    __nextRemoveResetButton?: boolean | undefined;
+} & import("react").RefAttributes<any>>;
+export default DateTimePicker;
+//# sourceMappingURL=index.d.ts.map

package/build-types/date-time/date-time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAOhD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAuKlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc;;;;uCAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}

package/build-types/date-time/date-time/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const CalendarHelp: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/date-time/date-time/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/date-time/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;yGAExB,CAAC"}

package/build-types/date-time/index.d.ts

@@ -1,35 +1,9 @@
-/// <reference types="react" />
 /**
- * External dependencies
+ * Internal dependencies
  */
-import 'react-dates/initialize';
 import { default as DatePicker } from './date';
 import { default as TimePicker } from './time';
+import { default as DateTimePicker } from './date-time';
 export { DatePicker, TimePicker };
-/**
- * DateTimePicker is a React component that renders a calendar and clock for
- * date and time selection. The calendar and clock components can be accessed
- * individually using the `DatePicker` and `TimePicker` components respectively.
- *
- * ```jsx
- * import { DateTimePicker } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyDateTimePicker = () => {
- *   const [ date, setDate ] = useState( new Date() );
- *
- *   return (
- *     <DateTimePicker
- *       currentDate={ date }
- *       onChange={ ( newDate ) => setDate( newDate ) }
- *       is12Hour
- *     />
- *   );
- * };
- * ```
- */
-export declare const DateTimePicker: import("react").ForwardRefExoticComponent<Omit<import("./types").DatePickerProps, "onChange"> & Omit<import("./types").TimePickerProps, "onChange" | "currentTime"> & {
-    onChange?: ((date: string | null) => void) | undefined;
-} & import("react").RefAttributes<any>>;
 export default DateTimePicker;
 //# sourceMappingURL=index.d.ts.map

package/build-types/date-time/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-time/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AAGH,OAAO,wBAAwB,CAAC;AAchC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAoJlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc;;uCAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/date-time/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAClC,eAAe,cAAc,CAAC"}

package/build-types/date-time/stories/{index.d.ts → date-time.d.ts}

@@ -5,10 +5,10 @@ import type { ComponentMeta, ComponentStory } from '@storybook/react';
 /**
  * Internal dependencies
  */
-import DateTimePicker from '..';
+import DateTimePicker from '../date-time';
 declare const meta: ComponentMeta<typeof DateTimePicker>;
 export default meta;
 export declare const Default: ComponentStory<typeof DateTimePicker>;
 export declare const WithEvents: ComponentStory<typeof DateTimePicker>;
 export declare const WithInvalidDates: ComponentStory<typeof DateTimePicker>;
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=date-time.d.ts.map

package/build-types/date-time/stories/date-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../../../src/date-time/stories/date-time.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,cAAc,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAW/C,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAE1D,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAAc,CACtC,OAAO,cAAc,CACC,CAAC;AAWxB,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAC5C,OAAO,cAAc,CACC,CAAC"}

package/build-types/date-time/{time.d.ts → time/index.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { TimePickerProps } from './types';
+import type { TimePickerProps } from '../types';
 /**
  * TimePicker is a React component that renders a clock for time selection.
  *
@@ -22,4 +22,4 @@ import type { TimePickerProps } from './types';
  */
 export declare function TimePicker({ is12Hour, currentTime, onChange, }: TimePickerProps): JSX.Element;
 export default TimePicker;
-//# sourceMappingURL=time.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/build-types/date-time/time/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAwDhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,WAAW,EACX,QAAQ,GACR,EAAE,eAAe,eAgQjB;AAED,eAAe,UAAU,CAAC"}

package/build-types/date-time/time/styles.d.ts

@@ -0,0 +1,111 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Fieldset: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
+export declare const Legend: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
+export declare const TimeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HoursInput: import("@emotion/styled").StyledComponent<Pick<{
+    [x: string]: any;
+    __unstableStateReducer: any;
+    className: any;
+    dragDirection?: string | undefined;
+    hideHTMLArrows?: boolean | undefined;
+    isDragEnabled?: boolean | undefined;
+    isShiftStepEnabled?: boolean | undefined;
+    label: any;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    shiftStep?: number | undefined;
+    step?: number | undefined;
+    type?: string | undefined;
+    value: any;
+}, string | number> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const TimeSeparator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const MinutesInput: import("@emotion/styled").StyledComponent<Pick<{
+    [x: string]: any;
+    __unstableStateReducer: any;
+    className: any;
+    dragDirection?: string | undefined;
+    hideHTMLArrows?: boolean | undefined;
+    isDragEnabled?: boolean | undefined;
+    isShiftStepEnabled?: boolean | undefined;
+    label: any;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    shiftStep?: number | undefined;
+    step?: number | undefined;
+    type?: string | undefined;
+    value: any;
+}, string | number> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const MonthSelectWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MonthSelect: import("@emotion/styled").StyledComponent<Pick<import("../../select-control/types").SelectControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>> & {
+    ref?: ((instance: HTMLSelectElement | null) => void) | import("react").RefObject<HTMLSelectElement> | null | undefined;
+}, "as" | keyof import("../../select-control/types").SelectControlProps>, "form" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "name" | "role" | "tabIndex" | "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" | "onFocusCapture" | "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" | "css" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "autoComplete" | "required" | keyof import("../../select-control/types").SelectControlProps> & import("react").RefAttributes<HTMLSelectElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const DayInput: import("@emotion/styled").StyledComponent<Pick<{
+    [x: string]: any;
+    __unstableStateReducer: any;
+    className: any;
+    dragDirection?: string | undefined;
+    hideHTMLArrows?: boolean | undefined;
+    isDragEnabled?: boolean | undefined;
+    isShiftStepEnabled?: boolean | undefined;
+    label: any;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    shiftStep?: number | undefined;
+    step?: number | undefined;
+    type?: string | undefined;
+    value: any;
+}, string | number> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const YearInput: import("@emotion/styled").StyledComponent<Pick<{
+    [x: string]: any;
+    __unstableStateReducer: any;
+    className: any;
+    dragDirection?: string | undefined;
+    hideHTMLArrows?: boolean | undefined;
+    isDragEnabled?: boolean | undefined;
+    isShiftStepEnabled?: boolean | undefined;
+    label: any;
+    max?: number | undefined;
+    min?: number | undefined;
+    required?: boolean | undefined;
+    shiftStep?: number | undefined;
+    step?: number | undefined;
+    type?: string | undefined;
+    value: any;
+}, string | number> & import("react").RefAttributes<any> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const TimeZone: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/date-time/time/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/styles.ts"],"names":[],"mappings":";AAmBA,eAAO,MAAM,OAAO;;;yGAAe,CAAC;AAEpC,eAAO,MAAM,QAAQ;;;2HAQpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAGlB,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAGvB,CAAC;AAUF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;UActB,CAAC;AAEF,eAAO,MAAM,aAAa;;;2GAOzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;UAcxB,CAAC;AAIF,eAAO,MAAM,kBAAkB;;;yGAE9B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;UAIpB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;UAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGAEpB,CAAC"}

package/build-types/date-time/time/test/index.d.ts

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

package/build-types/date-time/time/test/index.d.ts.map

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

package/build-types/date-time/time/timezone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezone.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/timezone.tsx"],"names":[],"mappings":";AAYA;;;GAGG;AACH,QAAA,MAAM,QAAQ,0BA8Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build-types/date-time/types.d.ts

@@ -2,21 +2,6 @@
  * External dependencies
  */
 import type { Moment } from 'moment';
-import type { ReactNode } from 'react';
-export declare type UpdateOnBlurAsIntegerFieldProps = {
-    /**
-     * The value of the integer field.
-     */
-    value: number | string;
-    /**
-     * Called when the field is changed.
-     */
-    onUpdate: (value: number) => void;
-    /**
-     * Children to render inside the field.
-     */
-    children?: ReactNode;
-};
 export declare type TimePickerProps = {
     /**
      * The initial current time the time picker should render.
@@ -87,5 +72,19 @@ export declare type DateTimePickerProps = Omit<DatePickerProps, 'onChange'> & Om
      * passed the date and time as an argument.
      */
     onChange?: (date: string | null) => void;
+    /**
+     * Start opting in to not displaying a Help button which will become the
+     * default in a future version.
+     *
+     * @default false
+     */
+    __nextRemoveHelpButton?: boolean;
+    /**
+     * Start opting in to not displaying a Reset button which will become
+     * the default in a future version.
+     *
+     * @default false
+     */
+    __nextRemoveResetButton?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/build-types/date-time/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,+BAA+B,GAAG;IAC7C;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAChC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,oBAAY,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CAAE,eAAe,EAAE,aAAa,GAAG,UAAU,CAAE,GAAG;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;CAC3C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/date-time/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAErC,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;CACpC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAChC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAE5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAEpC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IAE1C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IAE5C;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC3B,CAAC;AAEF,oBAAY,mBAAmB,GAAG,IAAI,CAAE,eAAe,EAAE,UAAU,CAAE,GACpE,IAAI,CAAE,eAAe,EAAE,aAAa,GAAG,UAAU,CAAE,GAAG;IACrD;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,GAAG,IAAI,KAAM,IAAI,CAAC;IAE3C;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.js"],"names":[],"mappings":"AA6BA,0DA8FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.js"],"names":[],"mappings":"AA6BA,0DAkGC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-control/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AASjD,wBAAgB,uBAAuB,CACtC,EACC,sBAAsB,EAAE,YAAiC,EACzD,oBAAoB,EACpB,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,EAAE,EAAE,MAAM,EACV,oBAA4B,EAC5B,KAAK,EACL,aAAqB,EACrB,QAAe,EACf,UAAiB,EACjB,SAAgB,EAChB,MAAM,EACN,IAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACR,EAAE,iBAAiB,EACpB,GAAG,EAAE,YAAY,CAAE,gBAAgB,CAAE,eAyCrC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,stKAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/input-control/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAUjD,wBAAgB,uBAAuB,CACtC,EACC,sBAAsB,EAAE,YAAiC,EACzD,oBAAoB,EACpB,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,EAAE,EAAE,MAAM,EACV,oBAA4B,EAC5B,KAAK,EACL,aAAqB,EACrB,QAAe,EACf,UAAiB,EACjB,SAAgB,EAChB,MAAM,EACN,IAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACR,EAAE,iBAAiB,EACpB,GAAG,EAAE,YAAY,CAAE,gBAAgB,CAAE,eA8CrC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,stKAAwC,CAAC;AAElE,eAAe,YAAY,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":";AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkO/C,QAAA,MAAM,kBAAkB;;45JAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+M/C,QAAA,MAAM,kBAAkB;;45JAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}

package/build-types/input-control/reducer/reducer.d.ts

@@ -7,6 +7,7 @@ import type { SyntheticEvent } from 'react';
  */
 import { InputState, StateReducer } from './state';
 import * as actions from './actions';
+import type { InputChangeCallback } from '../types';
 /**
  * A custom hook that connects and external stateReducer with an internal
  * reducer. This hook manages the internal state of InputControl.
@@ -17,11 +18,12 @@ import * as actions from './actions';
  * This technique uses the "stateReducer" design pattern:
  * https://kentcdodds.com/blog/the-state-reducer-pattern/
  *
- * @param  stateReducer An external state reducer.
- * @param  initialState The initial state for the reducer.
+ * @param  stateReducer    An external state reducer.
+ * @param  initialState    The initial state for the reducer.
+ * @param  onChangeHandler A handler for the onChange event.
  * @return State, dispatch, and a collection of actions.
  */
-export declare function useInputControlStateReducer(stateReducer?: StateReducer, initialState?: Partial<InputState>): {
+export declare function useInputControlStateReducer(stateReducer: StateReducer | undefined, initialState: Partial<InputState> | undefined, onChangeHandler: InputChangeCallback): {
     readonly change: (nextValue: actions.ChangeEventAction['payload']['value'], event: actions.ChangeEventAction['payload']['event']) => void;
     readonly commit: (nextValue: actions.ChangeEventAction['payload']['value'], event: actions.ChangeEventAction['payload']['event']) => void;
     readonly dispatch: import("react").Dispatch<actions.InputAction>;

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

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/reducer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C;;GAEG;AACH,OAAO,EACN,UAAU,EACV,YAAY,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAwGrC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,2BAA2B,CAC1C,YAAY,GAAE,YAAkC,EAChD,YAAY,GAAE,OAAO,CAAE,UAAU,CAA6B;iCAQlD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAD7C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;6BAiC/C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCASlB,OAAO,SAAS,cAAc;gCAxBlD,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;8BAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;gCAnB1C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;EAqEzD"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/reducer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAA6B,MAAM,OAAO,CAAC;AAOvE;;GAEG;AACH,OAAO,EACN,UAAU,EACV,YAAY,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAsGpD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,2BAA2B,CAC1C,YAAY,0BAAoC,EAChD,YAAY,iCAAkD,EAC9D,eAAe,EAAE,mBAAmB;iCAQxB,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAD7C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;6BAe/C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCASlB,OAAO,SAAS,cAAc;gCAflD,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;8BAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;gCAV1C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;EAkFzD"}

package/build-types/input-control/reducer/state.d.ts

@@ -1,13 +1,13 @@
 /**
  * External dependencies
  */
-import type { Reducer } from 'react';
+import type { Reducer, SyntheticEvent } from 'react';
 /**
  * Internal dependencies
  */
 import type { InputAction } from './actions';
 export interface InputState {
-    _event: Event | {};
+    _event?: SyntheticEvent;
     error: unknown;
     initialValue?: string;
     isDirty: boolean;

package/build-types/input-control/reducer/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/state.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAErC;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,UAAU;IAC1B,MAAM,EAAE,KAAK,GAAG,EAAE,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,YAAY,GAAG,OAAO,CAAE,UAAU,EAAE,WAAW,CAAE,CAAC;AAE9D,eAAO,MAAM,mBAAmB,EAAE,YAA6C,CAAC;AAEhF,eAAO,MAAM,wBAAwB,EAAE,UAStC,CAAC"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/state.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAErD;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,YAAY,GAAG,OAAO,CAAE,UAAU,EAAE,WAAW,CAAE,CAAC;AAE9D,eAAO,MAAM,mBAAmB,EAAE,YAA6C,CAAC;AAEhF,eAAO,MAAM,wBAAwB,EAAE,UAQtC,CAAC"}

package/build-types/input-control/utils.d.ts

@@ -1,3 +1,11 @@
+/**
+ * External dependencies
+ */
+import type { FocusEventHandler } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { InputChangeCallback } from './types';
 /**
  * Gets a CSS cursor value based on a drag direction.
  *
@@ -14,4 +22,13 @@ export declare function getDragCursor(dragDirection: string): string;
  * @return {string} The CSS cursor value.
  */
 export declare function useDragCursor(isDragging: boolean, dragDirection: string): string;
+export declare function useDraft(props: {
+    value: string | undefined;
+    onBlur?: FocusEventHandler;
+    onChange: InputChangeCallback;
+}): {
+    value: string | undefined;
+    onBlur: FocusEventHandler<Element>;
+    onChange: InputChangeCallback<import("react").ChangeEvent<HTMLInputElement> | import("react").PointerEvent<HTMLInputElement>, {}>;
+};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/input-control/utils.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,aAAa,CAAE,aAAa,EAAE,MAAM,GAAI,MAAM,CAgB7D;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC5B,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,MAAM,GACnB,MAAM,CAaR"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/input-control/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAY/C;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAE,aAAa,EAAE,MAAM,GAAI,MAAM,CAgB7D;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC5B,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,MAAM,GACnB,MAAM,CAaR;AAED,wBAAgB,QAAQ,CAAE,KAAK,EAAE;IAChC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,mBAAmB,CAAC;CAC9B;;;;EAiCA"}

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

@@ -21,5 +21,6 @@ declare const PopoverContainer: import("react").ForwardRefExoticComponent<Pick<{
     __unstableSlotName?: string | undefined;
     __unstableObserveElement: any;
     __unstableForcePosition: any;
+    __unstableShift?: boolean | undefined;
 }, string | number> & import("react").RefAttributes<any>>;
 //# 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.js"],"names":[],"mappings":";AA4YA;;;;;;;;;;;;;;;;;;;;;;0DAA+C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/popover/index.js"],"names":[],"mappings":";AA2ZA;;;;;;;;;;;;;;;;;;;;;;;0DAA+C"}

package/build-types/select-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA0HlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;mnJAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA+HlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;mnJAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

package/build-types/select-control/types.d.ts

@@ -7,7 +7,7 @@ import type { ChangeEvent, FocusEvent, ReactNode } from 'react';
  */
 import type { InputBaseProps } from '../input-control/types';
 import type { BaseControlProps } from '../base-control/types';
-export interface SelectControlProps extends Pick<InputBaseProps, 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'>, Pick<BaseControlProps, 'help'> {
+export interface SelectControlProps extends Pick<InputBaseProps, 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'>, Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> {
     /**
      * If this property is added, multiple values can be selected. The value passed should be an array.
      *

package/build-types/select-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,kBAChB,SAAQ,IAAI,CACV,cAAc,EACZ,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,EACD,IAAI,CAAE,gBAAgB,EAAE,MAAM,CAAE;IACjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,kBAChB,SAAQ,IAAI,CACV,cAAc,EACZ,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,EACD,IAAI,CAAE,gBAAgB,EAAE,MAAM,GAAG,yBAAyB,CAAE;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}

package/build-types/surface/component.d.ts

@@ -1,4 +1,4 @@
-export default ConnectedSurface;
+import type { SurfaceProps } from './types';
 /**
  * `Surface` is a core component that renders a primary background color.
  *
@@ -19,5 +19,6 @@ export default ConnectedSurface;
  * }
  * ```
  */
-declare const ConnectedSurface: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
+export declare const Surface: import("../ui/context").WordPressComponent<"div", SurfaceProps, true>;
+export default Surface;
 //# sourceMappingURL=component.d.ts.map

package/build-types/surface/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/surface/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iHAA8D"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/surface/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAY5C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,uEAAkD,CAAC;AAEvE,eAAe,OAAO,CAAC"}

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

@@ -1,7 +1,7 @@
-/**
- * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props
- */
-export function useSurface(props: import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>): {
+/// <reference types="react" />
+import type { SurfaceProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
+export declare function useSurface(props: WordPressComponentProps<SurfaceProps, 'div'>): {
     className: string;
     children: import("react").ReactNode;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/build-types/surface/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/surface/hook.js"],"names":[],"mappings":"AAYA;;GAEG;AACH,kCAFW,OAAO,eAAe,EAAE,uBAAuB,CAAC,OAAO,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDzF"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/surface/hook.ts"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,wBAAgB,UAAU,CACzB,KAAK,EAAE,uBAAuB,CAAE,YAAY,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CrD"}

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

@@ -1,3 +1,3 @@
-export { default as Surface } from "./component";
-export * from "./hook";
+export { default as Surface } from './component';
+export * from './hook';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/surface/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/surface/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,cAAc,QAAQ,CAAC"}

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

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

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

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