@wordpress/components 19.16.0 → 19.17.0

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

@@ -0,0 +1,21 @@
+export default ConnectedFlyout;
+/**
+ * `Flyout` is a component to render a floating content modal.
+ * It is similar in purpose to a tooltip, but renders content of any sort,
+ * not only simple text.
+ *
+ * @example
+ * ```jsx
+ * import { Button, __experimentalFlyout as Flyout, __experimentalText as } from '@wordpress/components';
+ *
+ * function Example() {
+ * 	return (
+ * 		<Flyout trigger={ <Button>Show/Hide content</Button> }>
+ *			<Text>Code is Poetry</Text>
+ * 		</Flyout>
+ * 	);
+ * }
+ * ```
+ */
+declare const ConnectedFlyout: import("../../ui/context").WordPressComponent<"div", import("../types").Props, false>;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout/component.js"],"names":[],"mappings":";AA0FA;;;;;;;;;;;;;;;;;GAiBG;AACH,qHAA2D"}

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

@@ -0,0 +1,270 @@
+/**
+ * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>} props
+ */
+export function useFlyout(props: import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div', false>): {
+    elevation: number;
+    maxWidth: import("csstype").Property.MaxWidth<string | number>;
+    flyoutState: import("reakit").PopoverStateReturn;
+    label?: string | undefined;
+    onVisibleChange?: ((...args: any) => void) | undefined;
+    trigger: import("react").FunctionComponentElement<any>;
+    children: import("react").ReactNode;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
+    hidden?: boolean | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    className: string;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    lang?: string | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
+    'aria-activedescendant'?: string | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
+    'aria-autocomplete'?: "none" | "list" | "both" | "inline" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-colcount'?: number | undefined;
+    'aria-colindex'?: number | undefined;
+    'aria-colspan'?: number | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    'aria-errormessage'?: string | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-flowto'?: string | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    'aria-keyshortcuts'?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-level'?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+    'aria-orientation'?: "horizontal" | "vertical" | undefined;
+    'aria-owns'?: string | undefined;
+    'aria-placeholder'?: string | undefined;
+    'aria-posinset'?: number | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
+    'aria-roledescription'?: string | undefined;
+    'aria-rowcount'?: number | undefined;
+    'aria-rowindex'?: number | undefined;
+    'aria-rowspan'?: number | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-setsize'?: number | undefined;
+    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    css?: import("@emotion/core").InterpolationWithTheme<any>;
+};
+//# sourceMappingURL=hook.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout/hook.js"],"names":[],"mappings":"AAWA;;GAEG;AACH,iCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCpG"}

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

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

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

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

package/build-types/flyout/flyout-content/component.d.ts

@@ -0,0 +1,3 @@
+export default ConnectedFlyoutContent;
+declare const ConnectedFlyoutContent: import("../../ui/context").WordPressComponent<"div", import("../types").ContentProps, false>;
+//# sourceMappingURL=component.d.ts.map

package/build-types/flyout/flyout-content/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout-content/component.js"],"names":[],"mappings":";AAkDA,mIAAgF"}

package/build-types/flyout/flyout-content/index.d.ts

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

package/build-types/flyout/flyout-content/index.d.ts.map

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

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

@@ -0,0 +1,2 @@
+export { default as Flyout } from "./flyout";
+//# sourceMappingURL=index.d.ts.map

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

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

package/build-types/flyout/styles.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import { StyledComponent } from '@emotion/styled';
+import { Popover as ReakitPopover } from 'reakit';
+export declare const FlyoutContentView: StyledComponent<React.ComponentPropsWithoutRef<typeof ReakitPopover>>;
+export declare const CardView: StyledComponent<import("../surface/types").Props & {
+    size?: import("../card/types").SizeOptions | "extraSmall" | undefined;
+} & {
+    elevation?: number | undefined;
+    isBorderless?: boolean | undefined;
+    isRounded?: boolean | undefined;
+    isElevated?: boolean | 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;
+}, "as" | "elevation" | "size" | keyof import("../surface/types").Props | "isBorderless" | "isRounded" | "isElevated"> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/build-types/flyout/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/flyout/styles.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAe,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AASlD,eAAO,MAAM,iBAAiB,EAAE,eAAe,CAC9C,KAAK,CAAC,wBAAwB,CAAE,OAAO,aAAa,CAAE,CAmBtD,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;UAIpB,CAAC"}

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

@@ -0,0 +1,80 @@
+/**
+ * External dependencies
+ */
+import type { PopoverStateReturn } from 'reakit';
+import type { CSSProperties, FunctionComponentElement } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { PopperProps } from '../utils/types';
+export declare type Context = {
+    flyoutState?: PopoverStateReturn;
+    label?: string;
+};
+export declare type Props = PopperProps & {
+    state?: PopoverStateReturn;
+    label?: string;
+    /**
+     * Determines if `Flyout` has animations.
+     *
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * The duration of `Flyout` animations.
+     *
+     * @default 160
+     */
+    animationDuration?: boolean;
+    /**
+     * ID that will serve as a base for all the items IDs.
+     *
+     * @see https://reakit.io/docs/popover/#usepopoverstate
+     */
+    baseId?: string;
+    /**
+     * Renders `Elevation` styles for the `Flyout`.
+     *
+     * @default 5
+     */
+    elevation?: number;
+    /**
+     * Max-width for the `Flyout` element.
+     *
+     * @default 360
+     */
+    maxWidth?: CSSProperties['maxWidth'];
+    /**
+     * Callback for when the `visible` state changes.
+     */
+    onVisibleChange?: (...args: any) => void;
+    /**
+     * Element that triggers the `visible` state of `Flyout` when clicked.
+     *
+     * @example
+     * ```jsx
+     * <Flyout trigger={<Button>Greet</Button>}>
+     *  <Text>Hi! I'm Olaf!</Text>
+     * </Flyout>
+     * ```
+     */
+    trigger: FunctionComponentElement<any>;
+    /**
+     * Whether `Flyout` is visible.
+     *
+     * @default false
+     *
+     * @see https://reakit.io/docs/popover/#usepopoverstate
+     */
+    visible?: boolean;
+    /**
+     * The children elements.
+     */
+    children: React.ReactNode;
+};
+export declare type ContentProps = {
+    elevation: number;
+    maxWidth: CSSProperties['maxWidth'];
+    children: React.ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/flyout/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAErE;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,oBAAY,OAAO,GAAG;IACrB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG,WAAW,GAAG;IACjC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAE,UAAU,CAAE,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAE,GAAG,IAAI,EAAE,GAAG,KAAM,IAAI,CAAC;IAC3C;;;;;;;;;OASG;IACH,OAAO,EAAE,wBAAwB,CAAE,GAAG,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,oBAAY,YAAY,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAE,UAAU,CAAE,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC"}

package/build-types/flyout/utils.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+ * @param { { onResize?: () => any } } onResize
+ */
+export function useFlyoutResizeUpdater({ onResize }: {
+    onResize?: () => any;
+}): JSX.Element;
+//# sourceMappingURL=utils.d.ts.map

package/build-types/flyout/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/flyout/utils.js"],"names":[],"mappings":"AAUA;;;GAGG;AACH,qDAFY;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAA;CAAE,eAUnC"}

package/build-types/form-token-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAkCA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAK9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eAupBzD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form-token-field/index.tsx"],"names":[],"mappings":";AAkCA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,SAAS,CAAC;AAM9D;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,mBAAmB,eAypBzD;AAED,eAAe,cAAc,CAAC"}

package/build-types/form-token-field/stories/index.d.ts

@@ -10,4 +10,10 @@ declare const meta: ComponentMeta<typeof FormTokenField>;
 export default meta;
 export declare const Default: ComponentStory<typeof FormTokenField>;
 export declare const Async: ComponentStory<typeof FormTokenField>;
+/**
+ * The rendered output of each suggestion can be customized by passing a
+ * render function to the `__experimentalRenderItem` prop. (This is still an experimental feature
+ * and is subject to change.)
+ */
+export declare const WithCustomRenderItem: ComponentStory<typeof FormTokenField>;
 //# sourceMappingURL=index.d.ts.map

package/build-types/form-token-field/stories/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form-token-field/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,cAAc,MAAM,KAAK,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAiB/C,CAAC;AACF,eAAe,IAAI,CAAC;AA2BpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAChC,CAAC;AAM5B,eAAO,MAAM,KAAK,EAAE,cAAc,CAAE,OAAO,cAAc,CA+BxD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form-token-field/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,cAAc,MAAM,KAAK,CAAC;AAEjC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,cAAc,CAiB/C,CAAC;AACF,eAAe,IAAI,CAAC;AA2BpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,cAAc,CAChC,CAAC;AAM5B,eAAO,MAAM,KAAK,EAAE,cAAc,CAAE,OAAO,cAAc,CA+BxD,CAAC;AAMF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAE,OAAO,cAAc,CAC7C,CAAC"}

package/build-types/form-token-field/suggestions-list.d.ts

@@ -5,6 +5,6 @@
 import type { SuggestionsListProps } from './types';
 export declare function SuggestionsList<T extends string | {
     value: string;
-}>({ selectedIndex, scrollIntoView, match, onHover, onSelect, suggestions, displayTransform, instanceId, }: SuggestionsListProps<T>): JSX.Element;
+}>({ selectedIndex, scrollIntoView, match, onHover, onSelect, suggestions, displayTransform, instanceId, __experimentalRenderItem, }: SuggestionsListProps<T>): JSX.Element;
 export default SuggestionsList;
 //# sourceMappingURL=suggestions-list.d.ts.map

package/build-types/form-token-field/suggestions-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";AAcA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAAE,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAI,EACxE,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,GACV,EAAE,oBAAoB,CAAE,CAAC,CAAE,eA6H3B;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"suggestions-list.d.ts","sourceRoot":"","sources":["../../src/form-token-field/suggestions-list.tsx"],"names":[],"mappings":";AAcA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOpD,wBAAgB,eAAe,CAAE,CAAC,SAAS,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,EAAI,EACxE,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,QAAQ,EACR,WAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,GACxB,EAAE,oBAAoB,CAAE,CAAC,CAAE,eAqI3B;AAED,eAAe,eAAe,CAAC"}

package/build-types/form-token-field/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { ComponentPropsWithRef, MouseEventHandler } from 'react';
+import type { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
 declare type Messages = {
     /**
      * The user added a new token.
@@ -147,10 +147,19 @@ export interface FormTokenFieldProps extends Pick<ComponentPropsWithRef<'input'>
      * @default false
      */
     __next36pxDefaultSize?: boolean;
+    /**
+     * Custom renderer for suggestions.
+     */
+    __experimentalRenderItem?: (args: {
+        item: string;
+    }) => ReactNode;
 }
-export interface SuggestionsListProps<T = string | {
+/**
+ * `T` can be either a `string` or an object which must have a `value` prop as a string.
+ */
+export interface SuggestionsListProps<T = string | (Record<string, unknown> & {
     value: string;
-}> {
+})> {
     selectedIndex: number;
     scrollIntoView: boolean;
     match: T;
@@ -159,6 +168,9 @@ export interface SuggestionsListProps<T = string | {
     suggestions: T[];
     displayTransform: (value: T) => string;
     instanceId: string | number;
+    __experimentalRenderItem?: (args: {
+        item: T;
+    }) => ReactNode;
 }
 export interface TokenProps extends TokenItem {
     displayTransform: (value: string) => string;

package/build-types/form-token-field/types.d.ts.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"input-base.d.ts","sourceRoot":"","sources":["../../src/input-control/input-base.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAqB1C,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,SAAS,CAAC;AA8B7D,wBAAgB,SAAS,CACxB,EACC,qBAAqB,EACrB,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,aAAa,EACb,EAAE,EAAE,MAAM,EACV,SAAiB,EACjB,KAAK,EACL,MAAM,EACN,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACR,EAAE,cAAc,EACjB,GAAG,EAAE,YAAY,CAAE,cAAc,CAAE,eA6DnC;;AAED,wBAAuC"}
+{"version":3,"file":"input-base.d.ts","sourceRoot":"","sources":["../../src/input-control/input-base.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAqB1C,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,SAAS,CAAC;AA8B7D,wBAAgB,SAAS,CACxB,EACC,qBAAqB,EACrB,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,mBAA2B,EAC3B,aAAa,EACb,EAAE,EAAE,MAAM,EACV,SAAiB,EACjB,KAAK,EACL,MAAM,EACN,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACR,EAAE,cAAc,EACjB,GAAG,EAAE,YAAY,CAAE,cAAc,CAAE,eA4DnC;;AAED,wBAAuC"}

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

@@ -8,6 +8,7 @@ import type { SyntheticEvent } from 'react';
 import type { DragProps } from '../types';
 export declare const CHANGE = "CHANGE";
 export declare const COMMIT = "COMMIT";
+export declare const CONTROL = "CONTROL";
 export declare const DRAG_END = "DRAG_END";
 export declare const DRAG_START = "DRAG_START";
 export declare const DRAG = "DRAG";
@@ -19,7 +20,7 @@ export declare const RESET = "RESET";
 interface EventPayload {
     event?: SyntheticEvent;
 }
-interface Action<Type, ExtraPayload = {}> {
+export interface Action<Type = string, ExtraPayload = {}> {
     type: Type;
     payload: EventPayload & ExtraPayload;
 }
@@ -28,6 +29,7 @@ interface ValuePayload {
 }
 export declare type ChangeAction = Action<typeof CHANGE, ValuePayload>;
 export declare type CommitAction = Action<typeof COMMIT, ValuePayload>;
+export declare type ControlAction = Action<typeof CONTROL, ValuePayload>;
 export declare type PressUpAction = Action<typeof PRESS_UP>;
 export declare type PressDownAction = Action<typeof PRESS_DOWN>;
 export declare type PressEnterAction = Action<typeof PRESS_ENTER>;

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

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,KAAK,UAAU,CAAC;AAE7B,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,UAAU,MAAM,CAAE,IAAI,EAAE,YAAY,GAAG,EAAE;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,YAAY,GAAG,YAAY,CAAC;CACrC;AAED,UAAU,YAAY;IACrB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,CAAE,CAAC;AACtD,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,CAAE,CAAC;AAC1D,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,WAAW,CAAE,CAAC;AAC5D,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE,SAAS,CAAE,CAAC;AACrE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,EAAE,SAAS,CAAE,CAAC;AACjE,oBAAY,UAAU,GAAG,MAAM,CAAE,OAAO,IAAI,EAAE,SAAS,CAAE,CAAC;AAC1D,oBAAY,WAAW,GAAG,MAAM,CAAE,OAAO,KAAK,EAAE,OAAO,CAAE,YAAY,CAAE,CAAE,CAAC;AAC1E,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CAAE,CAAC;AAE/E,oBAAY,iBAAiB,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1E,oBAAY,eAAe,GAAG,eAAe,GAAG,aAAa,GAAG,UAAU,CAAC;AAE3E,oBAAY,cAAc,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEhF,oBAAY,WAAW,GACpB,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,KAAK,UAAU,CAAC;AAE7B,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,MAAM,CAAE,IAAI,GAAG,MAAM,EAAE,YAAY,GAAG,EAAE;IACxD,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,YAAY,GAAG,YAAY,CAAC;CACrC;AAED,UAAU,YAAY;IACrB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,OAAO,EAAE,YAAY,CAAE,CAAC;AACnE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,CAAE,CAAC;AACtD,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,CAAE,CAAC;AAC1D,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,WAAW,CAAE,CAAC;AAC5D,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE,SAAS,CAAE,CAAC;AACrE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,EAAE,SAAS,CAAE,CAAC;AACjE,oBAAY,UAAU,GAAG,MAAM,CAAE,OAAO,IAAI,EAAE,SAAS,CAAE,CAAC;AAC1D,oBAAY,WAAW,GAAG,MAAM,CAAE,OAAO,KAAK,EAAE,OAAO,CAAE,YAAY,CAAE,CAAE,CAAC;AAC1E,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CAAE,CAAC;AAE/E,oBAAY,iBAAiB,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1E,oBAAY,eAAe,GAAG,eAAe,GAAG,aAAa,GAAG,UAAU,CAAC;AAE3E,oBAAY,cAAc,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEhF,oBAAY,WAAW,GACpB,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,CAAC"}

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

@@ -23,10 +23,10 @@ import type { InputChangeCallback } from '../types';
  * @param  onChangeHandler A handler for the onChange event.
  * @return State, dispatch, and a collection of actions.
  */
-export declare function useInputControlStateReducer(stateReducer: StateReducer | undefined, initialState: Partial<InputState> | undefined, onChangeHandler: InputChangeCallback): {
+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>;
+    readonly dispatch: import("react").Dispatch<actions.ControlAction | actions.InputAction>;
     readonly drag: (payload: actions.DragEventAction['payload']) => void;
     readonly dragEnd: (payload: actions.DragEventAction['payload']) => void;
     readonly dragStart: (payload: actions.DragEventAction['payload']) => void;

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,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;iCAUvB,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;;6BAgB9C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCAQpB,OAAO,SAAS,cAAc;gCAdhD,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;gCAX3C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;EAkF1D"}
+{"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;AAgHpD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,2BAA2B,CAC1C,YAAY,8BAAoC,EAChD,YAAY,iCAAkD,EAC9D,eAAe,EAAE,mBAAmB;iCAUvB,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;;6BAgB9C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCAQpB,OAAO,SAAS,cAAc;gCAdhD,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;gCAX3C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;EAyF1D"}