Socket
Socket
Sign inDemoInstall

@reach/listbox

Package Overview
Dependencies
8
Maintainers
4
Versions
34
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.10.5 to 0.11.0

84

dist/index.d.ts

@@ -22,3 +22,3 @@ /**

*
* @see Docs https://reacttraining.com/reach-ui/listbox
* @see Docs https://reach.tech/listbox
* @see Source https://github.com/reach/reach-ui/tree/main/packages/listbox

@@ -36,3 +36,3 @@ * @see WAI-ARIA https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput
* @see Docs https://reach.tech/listbox#listboxinput
*/

@@ -45,3 +45,3 @@ export declare const ListboxInput: React.ForwardRefExoticComponent<Pick<Pick<React.HTMLProps<HTMLDivElement>, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "ref" | "key"> & Pick<React.SelectHTMLAttributes<HTMLSelectElement>, "form" | "name" | "required"> & {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-children
* @see Docs https://reach.tech/listbox#listboxinput-children
*/

@@ -54,3 +54,3 @@ children: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal | ((props: ListboxContextValue & {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-defaultvalue
* @see Docs https://reach.tech/listbox#listboxinput-defaultvalue
*/

@@ -61,3 +61,3 @@ defaultValue?: string | undefined;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-disabled
* @see Docs https://reach.tech/listbox#listboxinput-disabled
*/

@@ -68,3 +68,3 @@ disabled?: boolean | undefined;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-onchange
* @see Docs https://reach.tech/listbox#listboxinput-onchange
* @param newValue

@@ -76,3 +76,3 @@ */

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-value
* @see Docs https://reach.tech/listbox#listboxinput-value
*/

@@ -84,3 +84,3 @@ value?: string | undefined;

/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-props
* @see Docs https://reach.tech/listbox#listboxinput-props
*/

@@ -93,3 +93,3 @@ export declare type ListboxInputProps = Omit<React.HTMLProps<HTMLDivElement>, "autoComplete" | "autoFocus" | "form" | "name" | "onChange" | "defaultValue"> & Pick<React.SelectHTMLAttributes<HTMLSelectElement>, "form" | "name" | "required"> & {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-children
* @see Docs https://reach.tech/listbox#listboxinput-children
*/

@@ -102,3 +102,3 @@ children: React.ReactNode | ((props: ListboxContextValue & {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-defaultvalue
* @see Docs https://reach.tech/listbox#listboxinput-defaultvalue
*/

@@ -109,3 +109,3 @@ defaultValue?: ListboxValue;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-disabled
* @see Docs https://reach.tech/listbox#listboxinput-disabled
*/

@@ -116,3 +116,3 @@ disabled?: boolean;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-onchange
* @see Docs https://reach.tech/listbox#listboxinput-onchange
* @param newValue

@@ -124,3 +124,3 @@ */

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput-value
* @see Docs https://reach.tech/listbox#listboxinput-value
*/

@@ -141,7 +141,7 @@ value?: ListboxValue;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-1
* @see Docs https://reach.tech/listbox#listbox-1
*/
export declare const Listbox: React.ForwardRefExoticComponent<Pick<ListboxProps, "form" | "name" | "onChange" | "defaultValue" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "key" | "arrow" | "button" | "portal"> & React.RefAttributes<HTMLDivElement>>;
/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-props
* @see Docs https://reach.tech/listbox#listbox-props
*/

@@ -153,3 +153,3 @@ export declare type ListboxProps = Omit<ListboxInputProps, "children"> & {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-arrow
* @see Docs https://reach.tech/listbox#listbox-arrow
*/

@@ -161,3 +161,3 @@ arrow?: React.ReactNode | boolean;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-button
* @see Docs https://reach.tech/listbox#listbox-button
*/

@@ -173,9 +173,9 @@ button?: React.ReactNode | ((props: {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-portal
* @see Docs https://reach.tech/listbox#listbox-portal
*/
portal?: boolean;
};
export declare const ListboxButton: import("@reach/utils").MemoExoticComponentWithAs<"span", ListboxButtonProps>;
export declare const ListboxButton: import("../../utils/src").MemoExoticComponentWithAs<"span", ListboxButtonProps>;
/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxbutton-props
* @see Docs https://reach.tech/listbox#listboxbutton-props
*/

@@ -187,3 +187,3 @@ export declare type ListboxButtonProps = {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxbutton-arrow
* @see Docs https://reach.tech/listbox#listboxbutton-arrow
*/

@@ -239,3 +239,3 @@ arrow?: React.ReactNode | boolean;

/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxarrow-props
* @see Docs https://reach.tech/listbox#listboxarrow-props
*/

@@ -254,3 +254,3 @@ export declare type ListboxArrowProps = React.HTMLProps<HTMLSpanElement> & {

/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxpopover-props
* @see Docs https://reach.tech/listbox#listboxpopover-props
*/

@@ -261,3 +261,3 @@ export declare type ListboxPopoverProps = React.HTMLProps<HTMLDivElement> & {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxpopover-children
* @see Docs https://reach.tech/listbox#listboxpopover-children
*/

@@ -269,3 +269,3 @@ children: React.ReactNode;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxpopover-portal
* @see Docs https://reach.tech/listbox#listboxpopover-portal
*/

@@ -276,3 +276,3 @@ portal?: boolean;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxpopover-position
* @see Docs https://reach.tech/listbox#listboxpopover-position
*/

@@ -287,7 +287,7 @@ position?: PopoverProps["position"];

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxlist
* @see Docs https://reach.tech/listbox#listboxlist
*/
export declare const ListboxList: import("@reach/utils").ForwardRefExoticComponentWithAs<"ul", ListboxListProps>;
export declare const ListboxList: import("../../utils/src").ForwardRefExoticComponentWithAs<"ul", ListboxListProps>;
/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxlist-props
* @see Docs https://reach.tech/listbox#listboxlist-props
*/

@@ -300,7 +300,7 @@ export declare type ListboxListProps = {};

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxoption
* @see Docs https://reach.tech/listbox#listboxoption
*/
export declare const ListboxOption: import("@reach/utils").ForwardRefExoticComponentWithAs<"li", ListboxOptionProps>;
export declare const ListboxOption: import("../../utils/src").ForwardRefExoticComponentWithAs<"li", ListboxOptionProps>;
/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxoption-props
* @see Docs https://reach.tech/listbox#listboxoption-props
*/

@@ -312,3 +312,3 @@ export declare type ListboxOptionProps = {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxoption-value
* @see Docs https://reach.tech/listbox#listboxoption-value
*/

@@ -323,3 +323,3 @@ value: ListboxValue;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxoption-label
* @see Docs https://reach.tech/listbox#listboxoption-label
*/

@@ -330,3 +330,3 @@ label?: string;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxoption-disabled
* @see Docs https://reach.tech/listbox#listboxoption-disabled
*/

@@ -340,7 +340,7 @@ disabled?: boolean;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgroup
* @see Docs https://reach.tech/listbox#listboxgroup
*/
export declare const ListboxGroup: React.ForwardRefExoticComponent<Pick<ListboxGroupProps, "autoComplete" | "autoFocus" | "form" | "name" | "onChange" | "defaultValue" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "key"> & React.RefAttributes<HTMLDivElement>>;
/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgroup-props
* @see Docs https://reach.tech/listbox#listboxgroup-props
*/

@@ -353,3 +353,3 @@ export declare type ListboxGroupProps = Omit<React.HTMLProps<HTMLDivElement>, "label"> & {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgroup-label
* @see Docs https://reach.tech/listbox#listboxgroup-label
*/

@@ -361,7 +361,7 @@ label?: React.ReactNode;

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgrouplabel
* @see Docs https://reach.tech/listbox#listboxgrouplabel
*/
export declare const ListboxGroupLabel: import("@reach/utils").ForwardRefExoticComponentWithAs<"span", ListboxGroupLabelProps>;
export declare const ListboxGroupLabel: import("../../utils/src").ForwardRefExoticComponentWithAs<"span", ListboxGroupLabelProps>;
/**
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgroup-props
* @see Docs https://reach.tech/listbox#listboxgroup-props
*/

@@ -372,3 +372,3 @@ export declare type ListboxGroupLabelProps = {};

*
* @see Docs https://reacttraining.com/reach-ui/listbox#uselistboxcontext
* @see Docs https://reach.tech/listbox#uselistboxcontext
*/

@@ -375,0 +375,0 @@ export declare function useListboxContext(): ListboxContextValue;

@@ -5,10 +5,6 @@ 'use strict';

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var React = require('react');
var React__default = _interopDefault(React);
var PropTypes = _interopDefault(require('prop-types'));
var PropTypes = require('prop-types');
var autoId = require('@reach/auto-id');
var Popover = require('@reach/popover');
var Popover__default = _interopDefault(Popover);
var descendants = require('@reach/descendants');

@@ -18,2 +14,8 @@ var utils = require('@reach/utils');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
function _extends() {

@@ -681,3 +683,3 @@ _extends = Object.assign || function (target) {

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput
* @see Docs https://reach.tech/listbox#listboxinput
*/

@@ -859,9 +861,9 @@

utils.useCheckStyles("listbox");
return React__default.createElement(descendants.DescendantProvider, {
return React__default['default'].createElement(descendants.DescendantProvider, {
context: ListboxDescendantContext,
items: options,
set: setOptions
}, React__default.createElement(ListboxContext.Provider, {
}, React__default['default'].createElement(ListboxContext.Provider, {
value: context
}, React__default.createElement("div", Object.assign({}, props, {
}, React__default['default'].createElement("div", Object.assign({}, props, {
ref: ref,

@@ -881,3 +883,3 @@ "data-reach-listbox-input": "",

expanded: isExpanded
}) : children), (form || name || required) && React__default.createElement("input", {
}) : children), (form || name || required) && React__default['default'].createElement("input", {
ref: hiddenInputRef,

@@ -899,10 +901,10 @@ "data-reach-listbox-hidden-input": "",

ListboxInput.propTypes = {
children: /*#__PURE__*/PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
defaultValue: PropTypes.string,
disabled: PropTypes.bool,
form: PropTypes.string,
name: PropTypes.string,
onChange: PropTypes.func,
required: PropTypes.bool,
value: PropTypes.string
children: /*#__PURE__*/PropTypes__default['default'].oneOfType([PropTypes__default['default'].node, PropTypes__default['default'].func]),
defaultValue: PropTypes__default['default'].string,
disabled: PropTypes__default['default'].bool,
form: PropTypes__default['default'].string,
name: PropTypes__default['default'].string,
onChange: PropTypes__default['default'].func,
required: PropTypes__default['default'].bool,
value: PropTypes__default['default'].string
};

@@ -923,3 +925,3 @@ } ////////////////////////////////////////////////////////////////////////////////

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-1
* @see Docs https://reach.tech/listbox#listbox-1
*/

@@ -937,3 +939,3 @@

return React__default.createElement(ListboxInput, Object.assign({}, props, {
return React__default['default'].createElement(ListboxInput, Object.assign({}, props, {
_componentName: "Listbox",

@@ -944,3 +946,3 @@ ref: forwardedRef

valueLabel = _ref3.valueLabel;
return React__default.createElement(React.Fragment, null, React__default.createElement(ListboxButton, {
return React__default['default'].createElement(React.Fragment, null, React__default['default'].createElement(ListboxButton, {
arrow: arrow,

@@ -951,5 +953,5 @@ children: button ? utils.isFunction(button) ? button({

}) : button : undefined
}), React__default.createElement(ListboxPopover, {
}), React__default['default'].createElement(ListboxPopover, {
portal: portal
}, React__default.createElement(ListboxList, null, children)));
}, React__default['default'].createElement(ListboxList, null, children)));
});

@@ -961,5 +963,5 @@ });

Listbox.propTypes = /*#__PURE__*/_extends({}, ListboxInput.propTypes, {
arrow: /*#__PURE__*/PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
button: /*#__PURE__*/PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
children: PropTypes.node
arrow: /*#__PURE__*/PropTypes__default['default'].oneOfType([PropTypes__default['default'].node, PropTypes__default['default'].bool]),
button: /*#__PURE__*/PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].node]),
children: PropTypes__default['default'].node
});

@@ -973,3 +975,3 @@ } ////////////////////////////////////////////////////////////////////////////////

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-button
* @see Docs https://reach.tech/listbox#listbox-button
*/

@@ -1045,3 +1047,3 @@

}, [children, listboxValueLabel, isExpanded, listboxValue]);
return React__default.createElement(Comp // Applicable to all host language elements regardless of whether a
return React__default['default'].createElement(Comp // Applicable to all host language elements regardless of whether a
// `role` is applied.

@@ -1068,3 +1070,3 @@ // https://www.w3.org/WAI/PF/aria/states_and_properties#global_states_header

onMouseUp: utils.wrapEvent(onMouseUp, handleMouseUp)
}), label, arrow && React__default.createElement(ListboxArrow, null, utils.isBoolean(arrow) ? null : arrow));
}), label, arrow && React__default['default'].createElement(ListboxArrow, null, utils.isBoolean(arrow) ? null : arrow));
});

@@ -1075,4 +1077,4 @@

ListboxButtonImpl.propTypes = {
arrow: /*#__PURE__*/PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
children: /*#__PURE__*/PropTypes.oneOfType([PropTypes.node, PropTypes.func])
arrow: /*#__PURE__*/PropTypes__default['default'].oneOfType([PropTypes__default['default'].node, PropTypes__default['default'].bool]),
children: /*#__PURE__*/PropTypes__default['default'].oneOfType([PropTypes__default['default'].node, PropTypes__default['default'].func])
};

@@ -1088,3 +1090,3 @@ }

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxarrow
* @see Docs https://reach.tech/listbox#listboxarrow
*/

@@ -1099,3 +1101,3 @@

return React__default.createElement("span", Object.assign({
return React__default['default'].createElement("span", Object.assign({
"aria-hidden": true

@@ -1116,3 +1118,3 @@ }, props, {

ListboxArrowImpl.propTypes = {
children: /*#__PURE__*/PropTypes.oneOfType([PropTypes.node, PropTypes.func])
children: /*#__PURE__*/PropTypes__default['default'].oneOfType([PropTypes__default['default'].node, PropTypes__default['default'].func])
};

@@ -1128,3 +1130,3 @@ }

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxpopover
* @see Docs https://reach.tech/listbox#listboxpopover
*/

@@ -1171,7 +1173,7 @@

return portal ? React__default.createElement(Popover__default, Object.assign({}, commonProps, {
return portal ? React__default['default'].createElement(Popover__default['default'], Object.assign({}, commonProps, {
targetRef: buttonRef,
position: position,
unstable_observableRefs: unstable_observableRefs
})) : React__default.createElement("div", Object.assign({}, commonProps));
})) : React__default['default'].createElement("div", Object.assign({}, commonProps));
});

@@ -1182,5 +1184,5 @@

ListboxPopoverImpl.propTypes = {
children: PropTypes.node.isRequired,
portal: PropTypes.bool,
position: PropTypes.func
children: PropTypes__default['default'].node.isRequired,
portal: PropTypes__default['default'].bool,
position: PropTypes__default['default'].func
};

@@ -1196,3 +1198,3 @@ }

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxlist
* @see Docs https://reach.tech/listbox#listboxlist
*/

@@ -1216,3 +1218,3 @@

var ref = utils.useForkedRef(forwardedRef, listRef);
return React__default.createElement(Comp // Tells assistive technologies which of the options, if any, is
return React__default['default'].createElement(Comp // Tells assistive technologies which of the options, if any, is
// visually indicated as having keyboard focus. DOM focus remains on the

@@ -1251,3 +1253,3 @@ // `ul` element and the idref specified for `aria-activedescendant`

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxoption
* @see Docs https://reach.tech/listbox#listboxoption
*/

@@ -1373,3 +1375,3 @@

return React__default.createElement(Comp // In a single-select listbox, the selected option has `aria-selected`
return React__default['default'].createElement(Comp // In a single-select listbox, the selected option has `aria-selected`
// set to `true`.

@@ -1403,5 +1405,5 @@ // https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox

ListboxOption.propTypes = {
disabled: PropTypes.bool,
label: PropTypes.string,
value: PropTypes.string.isRequired
disabled: PropTypes__default['default'].bool,
label: PropTypes__default['default'].string,
value: PropTypes__default['default'].string.isRequired
};

@@ -1415,3 +1417,3 @@ } ////////////////////////////////////////////////////////////////////////////////

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgroup
* @see Docs https://reach.tech/listbox#listboxgroup
*/

@@ -1429,7 +1431,7 @@

var labelId = utils.makeId("label", autoId.useId(props.id), listboxId);
return React__default.createElement(ListboxGroupContext.Provider, {
return React__default['default'].createElement(ListboxGroupContext.Provider, {
value: {
labelId: labelId
}
}, React__default.createElement("div", Object.assign({
}, React__default['default'].createElement("div", Object.assign({
"aria-labelledby": labelId,

@@ -1442,3 +1444,3 @@ // Identifies a group of related options

ref: forwardedRef
}), label && React__default.createElement(ListboxGroupLabel, null, label), children));
}), label && React__default['default'].createElement(ListboxGroupLabel, null, label), children));
});

@@ -1449,3 +1451,3 @@

ListboxGroup.propTypes = {
label: /*#__PURE__*/PropTypes.oneOfType([PropTypes.string, PropTypes.element])
label: /*#__PURE__*/PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element])
};

@@ -1457,3 +1459,3 @@ } ////////////////////////////////////////////////////////////////////////////////

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgrouplabel
* @see Docs https://reach.tech/listbox#listboxgrouplabel
*/

@@ -1470,3 +1472,3 @@

return React__default.createElement(Comp // See examples
return React__default['default'].createElement(Comp // See examples
// https://www.w3.org/TR/wai-aria-practices-1.2/examples/listbox/listbox-grouped.html

@@ -1492,3 +1494,3 @@ , Object.assign({

*
* @see Docs https://reacttraining.com/reach-ui/listbox#uselistboxcontext
* @see Docs https://reach.tech/listbox#uselistboxcontext
*/

@@ -1495,0 +1497,0 @@

@@ -1,2 +0,2 @@

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t);require("prop-types");var a,o,i,r=require("@reach/auto-id"),u=require("@reach/popover"),s=e(u),l=require("@reach/descendants"),d=require("@reach/utils"),c=require("@reach/machine");function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function v(e,t){if(null==e)return{};var n,a,o={},i=Object.keys(e);for(a=0;a<i.length;a++)t.indexOf(n=i[a])>=0||(o[n]=e[n]);return o}!function(e){e.Idle="IDLE",e.Open="OPEN",e.Navigating="NAVIGATING",e.Dragging="DRAGGING",e.Interacting="INTERACTING"}(o||(o={})),function(e){e.ButtonMouseDown="BUTTON_MOUSE_DOWN",e.ButtonMouseUp="BUTTON_MOUSE_UP",e.Blur="BLUR",e.ClearNavSelection="CLEAR_NAV_SELECTION",e.ClearTypeahead="CLEAR_TYPEAHEAD",e.GetDerivedData="GET_DERIVED_DATA",e.KeyDownEscape="KEY_DOWN_ESCAPE",e.KeyDownEnter="KEY_DOWN_ENTER",e.KeyDownSpace="KEY_DOWN_SPACE",e.KeyDownNavigate="KEY_DOWN_NAVIGATE",e.KeyDownSearch="KEY_DOWN_SEARCH",e.KeyDownTab="KEY_DOWN_TAB",e.KeyDownShiftTab="KEY_DOWN_SHIFT_TAB",e.OptionTouchStart="OPTION_TOUCH_START",e.OptionMouseMove="OPTION_MOUSE_MOVE",e.OptionMouseEnter="OPTION_MOUSE_ENTER",e.OutsideMouseDown="OUTSIDE_MOUSE_DOWN",e.OutsideMouseUp="OUTSIDE_MOUSE_UP",e.ValueChange="VALUE_CHANGE",e.OptionMouseDown="OPTION_MOUSE_DOWN",e.OptionMouseUp="OPTION_MOUSE_UP",e.PopoverPointerDown="POPOVER_POINTER_DOWN",e.PopoverPointerUp="POPOVER_POINTER_UP",e.UpdateAfterTypeahead="UPDATE_AFTER_TYPEAHEAD"}(i||(i={}));var p=c.assign({navigationValue:null}),f=c.assign({typeaheadQuery:null}),b=c.assign({value:function(e,t){return t.value}}),E=c.assign({navigationValue:function(e,t){return t.value}}),y=c.assign({navigationValue:function(e){var t,n,a=(t=e.value)?e.options.find((function(e){return e.value===t})):void 0;return a&&!a.disabled?e.value:(null===(n=e.options.find((function(e){return!e.disabled})))||void 0===n?void 0:n.value)||null}});function D(e,t){if(t.type===i.Blur){var n=t.refs,a=n.list,o=n.popover,r=t.relatedTarget,u=o&&d.getOwnerDocument(o)||document;return!(u.activeElement===a||!o||o.contains(r||u.activeElement))}return!1}function h(e,t){if(t.type===i.OutsideMouseDown||t.type===i.OutsideMouseUp){var n=t.refs,a=n.button,o=n.popover,r=t.relatedTarget;return!(r===a||!a||a.contains(r)||!o||o.contains(r))}return!1}function w(e,t){return!!e.options.find((function(t){return t.value===e.navigationValue}))}function O(e,t){var n=t.refs,a=n.popover,o=n.list,i=t.relatedTarget;return!(a&&i&&a.contains(i)&&i!==o)&&w(e)}function x(e,t){requestAnimationFrame((function(){t.refs.list&&t.refs.list.focus()}))}function I(e,t){t.refs.button&&t.refs.button.focus()}function M(e,t){return!t.disabled}function N(e,t){return t.type!==i.OptionTouchStart||!t||!t.disabled}function m(e,t){return!(t&&t.disabled||null==e.navigationValue)}function T(e,t){t.callback&&t.callback(t.value)}function R(e,t){if(t.type===i.KeyDownEnter){var n=t.refs.hiddenInput;if(n&&n.form){var a=n.form.querySelector("button,[type='submit']");a&&a.click()}}}var C=c.assign({typeaheadQuery:function(e,t){return(e.typeaheadQuery||"")+t.query}}),K=c.assign({value:function(e,t){if(t.type===i.UpdateAfterTypeahead&&t.query){var n=U(e.options,t.query);if(n&&!n.disabled)return t.callback&&t.callback(n.value),n.value}return e.value}}),_=c.assign({navigationValue:function(e,t){if(t.type===i.UpdateAfterTypeahead&&t.query){var n=U(e.options,t.query);if(n&&!n.disabled)return n.value}return e.navigationValue}}),S=((a={})[i.GetDerivedData]={actions:c.assign((function(e,t){return g({},e,t.data)}))},a[i.ValueChange]={actions:[b,T]},a);function U(e,t){return void 0===t&&(t=""),t&&e.find((function(e){return!e.disabled&&e.label&&e.label.toLowerCase().startsWith(t.toLowerCase())}))||null}var L=l.createDescendantContext("ListboxDescendantContext"),A=d.createNamedContext("ListboxContext",{}),P=d.createNamedContext("ListboxGroupContext",{}),B=t.forwardRef((function(e,a){var u=e["aria-labelledby"],s=e["aria-label"],U=e.children,P=e.defaultValue,B=e.disabled,V=void 0!==B&&B,k=e.form,q=e.name,W=e.onChange,j=e.required,G=e.value,F=e._componentName,Y=void 0===F?"ListboxInput":F,H=v(e,["aria-labelledby","aria-label","children","defaultValue","disabled","form","name","onChange","required","value","_componentName"]),Q=t.useRef(null!=G),z=l.useDescendantsInit(),J=z[0],X=z[1],$=d.useCallbackProp(W),ee=t.useRef(null),te=t.useRef(null),ne=t.useRef(null),ae=t.useRef(null),oe=t.useRef(null),ie=t.useRef(null),re=t.useRef(null),ue=c.useCreateMachine(function(e){var t,n,a,r,u,s;return{id:"listbox",initial:o.Idle,context:{value:e.value,options:[],navigationValue:null,typeaheadQuery:null},states:(s={},s[o.Idle]={on:g({},S,(t={},t[i.ButtonMouseDown]={target:o.Open,actions:[y],cond:M},t[i.KeyDownSpace]={target:o.Navigating,actions:[y,x],cond:M},t[i.KeyDownSearch]={target:o.Idle,actions:C,cond:M},t[i.UpdateAfterTypeahead]={target:o.Idle,actions:[K],cond:M},t[i.ClearTypeahead]={target:o.Idle,actions:f},t[i.KeyDownNavigate]={target:o.Navigating,actions:[y,f,x],cond:M},t[i.KeyDownEnter]={actions:[R],cond:M},t))},s[o.Interacting]={entry:[p],on:g({},S,(n={},n[i.ClearNavSelection]={actions:[p,x]},n[i.KeyDownEnter]={target:o.Idle,actions:[b,f,I,T],cond:m},n[i.KeyDownSpace]={target:o.Idle,actions:[b,f,I,T],cond:m},n[i.ButtonMouseDown]={target:o.Idle,actions:[I]},n[i.KeyDownEscape]={target:o.Idle,actions:[I]},n[i.OptionMouseDown]={target:o.Dragging},n[i.OutsideMouseDown]=[{target:o.Idle,cond:h,actions:f},{target:o.Dragging,actions:f,cond:w}],n[i.OutsideMouseUp]=[{target:o.Idle,cond:h,actions:f},{target:o.Navigating,cond:w},{target:o.Interacting,actions:f}],n[i.KeyDownEnter]=o.Interacting,n[i.Blur]=[{target:o.Idle,cond:D,actions:f},{target:o.Navigating,cond:O},{target:o.Interacting,actions:f}],n[i.OptionTouchStart]={target:o.Navigating,actions:[E,f],cond:N},n[i.OptionMouseEnter]={target:o.Navigating,actions:[E,f],cond:N},n[i.KeyDownNavigate]={target:o.Navigating,actions:[E,f,x]},n))},s[o.Open]={on:g({},S,(a={},a[i.ClearNavSelection]={actions:[p]},a[i.KeyDownEnter]={target:o.Idle,actions:[b,f,I,T],cond:m},a[i.KeyDownSpace]={target:o.Idle,actions:[b,f,I,T],cond:m},a[i.ButtonMouseDown]={target:o.Idle,actions:[I]},a[i.KeyDownEscape]={target:o.Idle,actions:[I]},a[i.OptionMouseDown]={target:o.Dragging},a[i.OutsideMouseDown]=[{target:o.Idle,cond:h,actions:f},{target:o.Dragging,cond:w},{target:o.Interacting,actions:f}],a[i.OutsideMouseUp]=[{target:o.Idle,cond:h,actions:f},{target:o.Navigating,cond:w},{target:o.Interacting,actions:f}],a[i.Blur]=[{target:o.Idle,cond:D,actions:f},{target:o.Navigating,cond:O},{target:o.Interacting,actions:f}],a[i.ButtonMouseUp]={target:o.Navigating,actions:[y,x]},a[i.OptionTouchStart]={target:o.Navigating,actions:[E,f],cond:N},a[i.KeyDownNavigate]={target:o.Navigating,actions:[E,f,x]},a[i.KeyDownSearch]={target:o.Navigating,actions:C},a[i.UpdateAfterTypeahead]={actions:[_]},a[i.ClearTypeahead]={actions:f},a[i.OptionMouseMove]=[{target:o.Dragging,actions:[E],cond:N},{target:o.Dragging}],a))},s[o.Dragging]={on:g({},S,(r={},r[i.ClearNavSelection]={actions:[p]},r[i.KeyDownEnter]={target:o.Idle,actions:[b,f,I,T],cond:m},r[i.KeyDownSpace]={target:o.Idle,actions:[b,f,I,T],cond:m},r[i.ButtonMouseDown]={target:o.Idle,actions:[I]},r[i.KeyDownEscape]={target:o.Idle,actions:[I]},r[i.OptionMouseDown]={target:o.Dragging},r[i.OutsideMouseDown]=[{target:o.Idle,cond:h,actions:f},{target:o.Navigating,cond:w},{target:o.Interacting,actions:f}],r[i.OutsideMouseUp]=[{target:o.Idle,cond:h,actions:f},{target:o.Navigating,cond:w,actions:x},{target:o.Interacting,actions:[f,x]}],r[i.Blur]=[{target:o.Idle,cond:D,actions:f},{target:o.Navigating,cond:O},{target:o.Interacting,actions:f}],r[i.ButtonMouseUp]={target:o.Navigating,actions:[y,x]},r[i.OptionTouchStart]={target:o.Navigating,actions:[E,f],cond:N},r[i.OptionMouseEnter]={target:o.Dragging,actions:[E,f],cond:N},r[i.KeyDownNavigate]={target:o.Navigating,actions:[E,f,x]},r[i.KeyDownSearch]={target:o.Navigating,actions:C},r[i.UpdateAfterTypeahead]={actions:[_]},r[i.ClearTypeahead]={actions:f},r[i.OptionMouseMove]=[{target:o.Navigating,actions:[E],cond:N},{target:o.Navigating}],r[i.OptionMouseUp]={target:o.Idle,actions:[b,f,I,T],cond:m},r))},s[o.Navigating]={on:g({},S,(u={},u[i.ClearNavSelection]={actions:[p,x]},u[i.KeyDownEnter]={target:o.Idle,actions:[b,f,I,T],cond:m},u[i.KeyDownSpace]={target:o.Idle,actions:[b,f,I,T],cond:m},u[i.ButtonMouseDown]={target:o.Idle,actions:[I]},u[i.KeyDownEscape]={target:o.Idle,actions:[I]},u[i.OptionMouseDown]={target:o.Dragging},u[i.OutsideMouseDown]=[{target:o.Idle,cond:h,actions:f},{target:o.Navigating,cond:w},{target:o.Interacting,actions:f}],u[i.OutsideMouseUp]=[{target:o.Idle,cond:h,actions:f},{target:o.Navigating,cond:w},{target:o.Interacting,actions:f}],u[i.Blur]=[{target:o.Idle,cond:D,actions:f},{target:o.Navigating,cond:O},{target:o.Interacting,actions:f}],u[i.ButtonMouseUp]={target:o.Navigating,actions:[y,x]},u[i.OptionTouchStart]={target:o.Navigating,actions:[E,f],cond:N},u[i.OptionMouseEnter]={target:o.Navigating,actions:[E,f],cond:N},u[i.KeyDownNavigate]={target:o.Navigating,actions:[E,f,x]},u[i.KeyDownSearch]={target:o.Navigating,actions:C},u[i.UpdateAfterTypeahead]={actions:[_]},u[i.ClearTypeahead]={actions:f},u[i.OptionMouseMove]=[{target:o.Navigating,actions:[E],cond:N},{target:o.Navigating}],u))},s)}}({value:(Q.current?G:P)||null})),se=c.useMachine(ue,{button:ee,hiddenInput:te,highlightedOption:ne,input:ae,list:oe,popover:ie,selectedOption:re},!1),le=se[0],de=se[1],ce=r.useId(H.id),ge=H.id||d.makeId("listbox-input",ce),ve=d.useForkedRef(ae,a),pe=t.useMemo((function(){var e=J.find((function(e){return e.value===le.context.value}));return e?e.label:null}),[J,le.context.value]),fe=function(e){return[o.Navigating,o.Open,o.Dragging,o.Interacting].includes(e)}(le.value),be=t.useMemo((function(){return{ariaLabel:s,ariaLabelledBy:u,disabled:V,isExpanded:fe,listboxId:ge,listboxValueLabel:pe,onValueChange:$,buttonRef:ee,listRef:oe,popoverRef:ie,selectedOptionRef:re,highlightedOptionRef:ne,send:de,state:le.value,stateData:le.context}}),[s,u,le.value,le.context,V,ge,fe,$,de,pe]),Ee=t.useRef(!1);if(!Q.current&&null==P&&!Ee.current&&J.length){Ee.current=!0;var ye=J.find((function(e){return!e.disabled}));ye&&ye.value&&de({type:i.ValueChange,value:ye.value})}return d.useControlledSwitchWarning(G,"value",Y),function(e,n,a){t.useRef(null!=e).current&&e!==n&&a()}(G,le.context.value,(function(){de({type:i.ValueChange,value:G})})),d.useIsomorphicLayoutEffect((function(){de({type:i.GetDerivedData,data:{options:J}})}),[J,de]),t.useEffect((function(){function e(e){var t=e.target,n=e.relatedTarget;Z(t,ie.current)||de({type:i.OutsideMouseDown,relatedTarget:n||t})}return fe&&window.addEventListener("mousedown",e),function(){window.removeEventListener("mousedown",e)}}),[de,fe]),t.useEffect((function(){function e(e){var t=e.target,n=e.relatedTarget;Z(t,ie.current)||de({type:i.OutsideMouseUp,relatedTarget:n||t})}return fe&&window.addEventListener("mouseup",e),function(){window.removeEventListener("mouseup",e)}}),[de,fe]),d.useCheckStyles("listbox"),n.createElement(l.DescendantProvider,{context:L,items:J,set:X},n.createElement(A.Provider,{value:be},n.createElement("div",Object.assign({},H,{ref:ve,"data-reach-listbox-input":"","data-state":fe?"expanded":"closed","data-value":le.context.value,id:ge}),d.isFunction(U)?U({id:ge,isExpanded:fe,value:le.context.value,selectedOptionRef:re,highlightedOptionRef:ne,valueLabel:pe,expanded:fe}):U),(k||q||j)&&n.createElement("input",{ref:te,"data-reach-listbox-hidden-input":"",disabled:V,form:k,name:q,readOnly:!0,required:j,tabIndex:-1,type:"hidden",value:le.context.value||""})))})),V=t.forwardRef((function(e,a){var o=e.arrow,i=void 0===o?"▼":o,r=e.button,u=e.children,s=e.portal,l=void 0===s||s,c=v(e,["arrow","button","children","portal"]);return n.createElement(B,Object.assign({},c,{_componentName:"Listbox",ref:a}),(function(e){var a=e.value,o=e.valueLabel;return n.createElement(t.Fragment,null,n.createElement(q,{arrow:i,children:r?d.isFunction(r)?r({value:a,label:o}):r:void 0}),n.createElement(F,{portal:l},n.createElement(Y,null,u)))}))})),k=d.forwardRefWithAs((function(e,a){var o=e["aria-label"],r=e.arrow,u=void 0!==r&&r,s=e.as,l=void 0===s?"span":s,c=e.children,g=e.onKeyDown,p=e.onMouseDown,f=e.onMouseUp,b=v(e,["aria-label","arrow","as","children","onKeyDown","onMouseDown","onMouseUp"]),E=t.useContext(A),y=E.ariaLabelledBy,D=E.disabled,h=E.isExpanded,w=E.listboxId,O=E.send,x=E.listboxValueLabel,I=E.stateData.value,M=d.useForkedRef(E.buttonRef,a),N=J(),m=d.makeId("button",w),T=t.useMemo((function(){return c?d.isFunction(c)?c({isExpanded:h,label:x,value:I,expanded:h}):c:x}),[c,x,h,I]);return n.createElement(l,Object.assign({"aria-disabled":D||void 0,"aria-expanded":h||void 0,"aria-haspopup":"listbox","aria-labelledby":o?void 0:[y,m].filter(Boolean).join(" "),"aria-label":o,role:"button",tabIndex:D?-1:0},b,{ref:M,"data-reach-listbox-button":"",id:m,onKeyDown:d.wrapEvent(g,N),onMouseDown:d.wrapEvent(p,(function(e){d.isRightClick(e.nativeEvent)||(e.preventDefault(),e.stopPropagation(),O({type:i.ButtonMouseDown,disabled:D}))})),onMouseUp:d.wrapEvent(f,(function(e){d.isRightClick(e.nativeEvent)||(e.preventDefault(),e.stopPropagation(),O({type:i.ButtonMouseUp}))}))}),T,u&&n.createElement(j,null,d.isBoolean(u)?null:u))})),q=d.memoWithAs(k),W=t.forwardRef((function(e,a){var o=e.children,i=v(e,["children"]),r=t.useContext(A).isExpanded;return n.createElement("span",Object.assign({"aria-hidden":!0},i,{ref:a,"data-reach-listbox-arrow":"","data-expanded":r?"":void 0}),d.isFunction(o)?o({isExpanded:r,expanded:r}):o||"▼")})),j=t.memo(W),G=t.forwardRef((function(e,a){var o=e.position,r=void 0===o?u.positionMatchWidth:o,l=e.onBlur,c=e.onKeyDown,p=e.portal,f=void 0===p||p,b=e.unstable_observableRefs,E=v(e,["position","onBlur","onKeyDown","portal","unstable_observableRefs"]),y=t.useContext(A),D=y.buttonRef,h=y.send,w=y.isExpanded,O=d.useForkedRef(y.popoverRef,a),x=J(),I=g({hidden:!w,tabIndex:-1},E,{ref:O,"data-reach-listbox-popover":"",onBlur:d.wrapEvent(l,(function(e){var t=e.nativeEvent;requestAnimationFrame((function(){h({type:i.Blur,relatedTarget:t.relatedTarget||t.target})}))})),onKeyDown:d.wrapEvent(c,x)});return f?n.createElement(s,Object.assign({},I,{targetRef:D,position:r,unstable_observableRefs:b})):n.createElement("div",Object.assign({},I))})),F=t.memo(G),Y=d.forwardRefWithAs((function(e,a){var o=e.as,i=void 0===o?"ul":o,r=v(e,["as"]),u=t.useContext(A),s=u.ariaLabel,l=u.ariaLabelledBy,c=u.isExpanded,g=u.listboxId,p=u.stateData,f=p.value,b=p.navigationValue,E=d.useForkedRef(a,u.listRef);return n.createElement(i,Object.assign({"aria-activedescendant":X(c?b:f),"aria-labelledby":s?void 0:l,"aria-label":s,role:"listbox",tabIndex:-1},r,{ref:E,"data-reach-listbox-list":"",id:d.makeId("listbox",g)}))})),H=d.forwardRefWithAs((function(e,a){var r=e.as,u=void 0===r?"li":r,s=e.children,c=e.disabled,g=e.onMouseDown,p=e.onMouseEnter,f=e.onMouseLeave,b=e.onMouseMove,E=e.onMouseUp,y=e.onTouchStart,D=e.value,h=e.label,w=v(e,["as","children","disabled","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseUp","onTouchStart","value","label"]),O=t.useContext(A),x=O.highlightedOptionRef,I=O.isExpanded,M=O.onValueChange,N=O.selectedOptionRef,m=O.send,T=O.state,R=O.stateData,C=R.value,K=R.navigationValue,_=t.useState(h),S=_[1],U=h||_[0]||"",P=t.useRef(null);l.useDescendant({element:P.current,value:D,label:U,disabled:!!c},L);var B=t.useCallback((function(e){!h&&e&&S((function(t){return e.textContent&&t!==e.textContent?e.textContent:t||""}))}),[h]),V=!!K&&K===D,k=C===D,q=d.useForkedRef(B,a,P,k?N:null,V?x:null);return n.createElement(u,Object.assign({"aria-selected":(I?V:k)||void 0,"aria-disabled":c||void 0,role:"option"},w,{ref:q,id:X(D),"data-reach-listbox-option":"","data-current":k?"":void 0,"data-label":U,"data-value":D,onMouseDown:d.wrapEvent(g,(function(e){d.isRightClick(e.nativeEvent)||(e.preventDefault(),m({type:i.OptionMouseDown}))})),onMouseEnter:d.wrapEvent(p,(function(){m({type:i.OptionMouseEnter,value:D,disabled:!!c})})),onMouseLeave:d.wrapEvent(f,(function(){m({type:i.ClearNavSelection})})),onMouseMove:d.wrapEvent(b,(function(){T!==o.Open&&K===D||m({type:i.OptionMouseMove,value:D,disabled:!!c})})),onMouseUp:d.wrapEvent(E,(function(e){d.isRightClick(e.nativeEvent)||m({type:i.OptionMouseUp,value:D,callback:M,disabled:!!c})})),onTouchStart:d.wrapEvent(y,(function(){m({type:i.OptionTouchStart,value:D,disabled:!!c})}))}),s)})),Q=t.forwardRef((function(e,a){var o=e.label,i=e.children,u=v(e,["label","children"]),s=t.useContext(A).listboxId,l=d.makeId("label",r.useId(u.id),s);return n.createElement(P.Provider,{value:{labelId:l}},n.createElement("div",Object.assign({"aria-labelledby":l,role:"group"},u,{"data-reach-listbox-group":"",ref:a}),o&&n.createElement(z,null,o),i))})),z=d.forwardRefWithAs((function(e,a){var o=e.as,i=void 0===o?"span":o,r=v(e,["as"]),u=t.useContext(P);return n.createElement(i,Object.assign({role:"presentation"},r,{ref:a,"data-reach-listbox-group-label":"",id:u.labelId}))}));function J(){var e=t.useContext(A),n=e.disabled,a=e.onValueChange,o=e.stateData,r=o.navigationValue,u=o.typeaheadQuery,s=e.send,c=l.useDescendants(L);t.useEffect((function(){u&&s({type:i.UpdateAfterTypeahead,query:u,callback:a});var e=window.setTimeout((function(){null!=u&&s({type:i.ClearTypeahead})}),1e3);return function(){window.clearTimeout(e)}}),[a,s,u]);var g=c.findIndex((function(e){return e.value===r}));return d.wrapEvent((function(e){var t=e.key,o=d.isString(t)&&1===t.length,u=c.find((function(e){return e.value===r}));switch(t){case"Enter":return void s({type:i.KeyDownEnter,value:r,callback:a,disabled:!(!(null==u?void 0:u.disabled)&&!n)});case" ":return e.preventDefault(),void s({type:i.KeyDownSpace,value:r,callback:a,disabled:!(!(null==u?void 0:u.disabled)&&!n)});case"Escape":return void s({type:i.KeyDownEscape});case"Tab":return void s({type:e.shiftKey?i.KeyDownShiftTab:i.KeyDownTab});default:return void(o&&s({type:i.KeyDownSearch,query:t,disabled:n}))}}),l.useDescendantKeyDown(L,{currentIndex:g,orientation:"vertical",key:"index",rotate:!0,filter:function(e){return!e.disabled},callback:function(e){s({type:i.KeyDownNavigate,value:c[e].value,disabled:n})}}))}function X(e){var n=t.useContext(A);return e?d.makeId("option-"+e,n.listboxId):void 0}function Z(e,t){return!(e!==t&&!(null==t?void 0:t.contains(e)))}exports.Listbox=V,exports.ListboxArrow=j,exports.ListboxButton=q,exports.ListboxGroup=Q,exports.ListboxGroupLabel=z,exports.ListboxInput=B,exports.ListboxList=Y,exports.ListboxOption=H,exports.ListboxPopover=F,exports.useListboxContext=function(){var e=t.useContext(A),n=e.highlightedOptionRef,a=e.listboxId,o=e.listboxValueLabel,i=e.isExpanded,r=e.selectedOptionRef,u=e.stateData.value;return t.useMemo((function(){return{id:a,isExpanded:i,selectedOptionRef:r,highlightedOptionRef:n,value:u,valueLabel:o}}),[a,i,u,o,r,n])};
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");require("prop-types");var t=require("@reach/auto-id"),n=require("@reach/popover"),a=require("@reach/descendants"),o=require("@reach/utils"),i=require("@reach/machine");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u,l,s,d=r(e),c=r(n);function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function v(e,t){if(null==e)return{};var n,a,o={},i=Object.keys(e);for(a=0;a<i.length;a++)t.indexOf(n=i[a])>=0||(o[n]=e[n]);return o}!function(e){e.Idle="IDLE",e.Open="OPEN",e.Navigating="NAVIGATING",e.Dragging="DRAGGING",e.Interacting="INTERACTING"}(l||(l={})),function(e){e.ButtonMouseDown="BUTTON_MOUSE_DOWN",e.ButtonMouseUp="BUTTON_MOUSE_UP",e.Blur="BLUR",e.ClearNavSelection="CLEAR_NAV_SELECTION",e.ClearTypeahead="CLEAR_TYPEAHEAD",e.GetDerivedData="GET_DERIVED_DATA",e.KeyDownEscape="KEY_DOWN_ESCAPE",e.KeyDownEnter="KEY_DOWN_ENTER",e.KeyDownSpace="KEY_DOWN_SPACE",e.KeyDownNavigate="KEY_DOWN_NAVIGATE",e.KeyDownSearch="KEY_DOWN_SEARCH",e.KeyDownTab="KEY_DOWN_TAB",e.KeyDownShiftTab="KEY_DOWN_SHIFT_TAB",e.OptionTouchStart="OPTION_TOUCH_START",e.OptionMouseMove="OPTION_MOUSE_MOVE",e.OptionMouseEnter="OPTION_MOUSE_ENTER",e.OutsideMouseDown="OUTSIDE_MOUSE_DOWN",e.OutsideMouseUp="OUTSIDE_MOUSE_UP",e.ValueChange="VALUE_CHANGE",e.OptionMouseDown="OPTION_MOUSE_DOWN",e.OptionMouseUp="OPTION_MOUSE_UP",e.PopoverPointerDown="POPOVER_POINTER_DOWN",e.PopoverPointerUp="POPOVER_POINTER_UP",e.UpdateAfterTypeahead="UPDATE_AFTER_TYPEAHEAD"}(s||(s={}));var p=i.assign({navigationValue:null}),f=i.assign({typeaheadQuery:null}),b=i.assign({value:function(e,t){return t.value}}),E=i.assign({navigationValue:function(e,t){return t.value}}),y=i.assign({navigationValue:function(e){var t,n,a=(t=e.value)?e.options.find((function(e){return e.value===t})):void 0;return a&&!a.disabled?e.value:(null===(n=e.options.find((function(e){return!e.disabled})))||void 0===n?void 0:n.value)||null}});function D(e,t){if(t.type===s.Blur){var n=t.refs,a=n.list,i=n.popover,r=t.relatedTarget,u=i&&o.getOwnerDocument(i)||document;return!(u.activeElement===a||!i||i.contains(r||u.activeElement))}return!1}function h(e,t){if(t.type===s.OutsideMouseDown||t.type===s.OutsideMouseUp){var n=t.refs,a=n.button,o=n.popover,i=t.relatedTarget;return!(i===a||!a||a.contains(i)||!o||o.contains(i))}return!1}function w(e,t){return!!e.options.find((function(t){return t.value===e.navigationValue}))}function O(e,t){var n=t.refs,a=n.popover,o=n.list,i=t.relatedTarget;return!(a&&i&&a.contains(i)&&i!==o)&&w(e)}function x(e,t){requestAnimationFrame((function(){t.refs.list&&t.refs.list.focus()}))}function I(e,t){t.refs.button&&t.refs.button.focus()}function M(e,t){return!t.disabled}function N(e,t){return t.type!==s.OptionTouchStart||!t||!t.disabled}function m(e,t){return!(t&&t.disabled||null==e.navigationValue)}function T(e,t){t.callback&&t.callback(t.value)}function R(e,t){if(t.type===s.KeyDownEnter){var n=t.refs.hiddenInput;if(n&&n.form){var a=n.form.querySelector("button,[type='submit']");a&&a.click()}}}var C=i.assign({typeaheadQuery:function(e,t){return(e.typeaheadQuery||"")+t.query}}),K=i.assign({value:function(e,t){if(t.type===s.UpdateAfterTypeahead&&t.query){var n=U(e.options,t.query);if(n&&!n.disabled)return t.callback&&t.callback(n.value),n.value}return e.value}}),_=i.assign({navigationValue:function(e,t){if(t.type===s.UpdateAfterTypeahead&&t.query){var n=U(e.options,t.query);if(n&&!n.disabled)return n.value}return e.navigationValue}}),S=((u={})[s.GetDerivedData]={actions:i.assign((function(e,t){return g({},e,t.data)}))},u[s.ValueChange]={actions:[b,T]},u);function U(e,t){return void 0===t&&(t=""),t&&e.find((function(e){return!e.disabled&&e.label&&e.label.toLowerCase().startsWith(t.toLowerCase())}))||null}var L=a.createDescendantContext("ListboxDescendantContext"),A=o.createNamedContext("ListboxContext",{}),P=o.createNamedContext("ListboxGroupContext",{}),B=e.forwardRef((function(n,r){var u=n["aria-labelledby"],c=n["aria-label"],U=n.children,P=n.defaultValue,B=n.disabled,V=void 0!==B&&B,k=n.form,q=n.name,W=n.onChange,j=n.required,G=n.value,F=n._componentName,Y=void 0===F?"ListboxInput":F,H=v(n,["aria-labelledby","aria-label","children","defaultValue","disabled","form","name","onChange","required","value","_componentName"]),Q=e.useRef(null!=G),z=a.useDescendantsInit(),J=z[0],X=z[1],$=o.useCallbackProp(W),ee=e.useRef(null),te=e.useRef(null),ne=e.useRef(null),ae=e.useRef(null),oe=e.useRef(null),ie=e.useRef(null),re=e.useRef(null),ue=i.useCreateMachine(function(e){var t,n,a,o,i,r;return{id:"listbox",initial:l.Idle,context:{value:e.value,options:[],navigationValue:null,typeaheadQuery:null},states:(r={},r[l.Idle]={on:g({},S,(t={},t[s.ButtonMouseDown]={target:l.Open,actions:[y],cond:M},t[s.KeyDownSpace]={target:l.Navigating,actions:[y,x],cond:M},t[s.KeyDownSearch]={target:l.Idle,actions:C,cond:M},t[s.UpdateAfterTypeahead]={target:l.Idle,actions:[K],cond:M},t[s.ClearTypeahead]={target:l.Idle,actions:f},t[s.KeyDownNavigate]={target:l.Navigating,actions:[y,f,x],cond:M},t[s.KeyDownEnter]={actions:[R],cond:M},t))},r[l.Interacting]={entry:[p],on:g({},S,(n={},n[s.ClearNavSelection]={actions:[p,x]},n[s.KeyDownEnter]={target:l.Idle,actions:[b,f,I,T],cond:m},n[s.KeyDownSpace]={target:l.Idle,actions:[b,f,I,T],cond:m},n[s.ButtonMouseDown]={target:l.Idle,actions:[I]},n[s.KeyDownEscape]={target:l.Idle,actions:[I]},n[s.OptionMouseDown]={target:l.Dragging},n[s.OutsideMouseDown]=[{target:l.Idle,cond:h,actions:f},{target:l.Dragging,actions:f,cond:w}],n[s.OutsideMouseUp]=[{target:l.Idle,cond:h,actions:f},{target:l.Navigating,cond:w},{target:l.Interacting,actions:f}],n[s.KeyDownEnter]=l.Interacting,n[s.Blur]=[{target:l.Idle,cond:D,actions:f},{target:l.Navigating,cond:O},{target:l.Interacting,actions:f}],n[s.OptionTouchStart]={target:l.Navigating,actions:[E,f],cond:N},n[s.OptionMouseEnter]={target:l.Navigating,actions:[E,f],cond:N},n[s.KeyDownNavigate]={target:l.Navigating,actions:[E,f,x]},n))},r[l.Open]={on:g({},S,(a={},a[s.ClearNavSelection]={actions:[p]},a[s.KeyDownEnter]={target:l.Idle,actions:[b,f,I,T],cond:m},a[s.KeyDownSpace]={target:l.Idle,actions:[b,f,I,T],cond:m},a[s.ButtonMouseDown]={target:l.Idle,actions:[I]},a[s.KeyDownEscape]={target:l.Idle,actions:[I]},a[s.OptionMouseDown]={target:l.Dragging},a[s.OutsideMouseDown]=[{target:l.Idle,cond:h,actions:f},{target:l.Dragging,cond:w},{target:l.Interacting,actions:f}],a[s.OutsideMouseUp]=[{target:l.Idle,cond:h,actions:f},{target:l.Navigating,cond:w},{target:l.Interacting,actions:f}],a[s.Blur]=[{target:l.Idle,cond:D,actions:f},{target:l.Navigating,cond:O},{target:l.Interacting,actions:f}],a[s.ButtonMouseUp]={target:l.Navigating,actions:[y,x]},a[s.OptionTouchStart]={target:l.Navigating,actions:[E,f],cond:N},a[s.KeyDownNavigate]={target:l.Navigating,actions:[E,f,x]},a[s.KeyDownSearch]={target:l.Navigating,actions:C},a[s.UpdateAfterTypeahead]={actions:[_]},a[s.ClearTypeahead]={actions:f},a[s.OptionMouseMove]=[{target:l.Dragging,actions:[E],cond:N},{target:l.Dragging}],a))},r[l.Dragging]={on:g({},S,(o={},o[s.ClearNavSelection]={actions:[p]},o[s.KeyDownEnter]={target:l.Idle,actions:[b,f,I,T],cond:m},o[s.KeyDownSpace]={target:l.Idle,actions:[b,f,I,T],cond:m},o[s.ButtonMouseDown]={target:l.Idle,actions:[I]},o[s.KeyDownEscape]={target:l.Idle,actions:[I]},o[s.OptionMouseDown]={target:l.Dragging},o[s.OutsideMouseDown]=[{target:l.Idle,cond:h,actions:f},{target:l.Navigating,cond:w},{target:l.Interacting,actions:f}],o[s.OutsideMouseUp]=[{target:l.Idle,cond:h,actions:f},{target:l.Navigating,cond:w,actions:x},{target:l.Interacting,actions:[f,x]}],o[s.Blur]=[{target:l.Idle,cond:D,actions:f},{target:l.Navigating,cond:O},{target:l.Interacting,actions:f}],o[s.ButtonMouseUp]={target:l.Navigating,actions:[y,x]},o[s.OptionTouchStart]={target:l.Navigating,actions:[E,f],cond:N},o[s.OptionMouseEnter]={target:l.Dragging,actions:[E,f],cond:N},o[s.KeyDownNavigate]={target:l.Navigating,actions:[E,f,x]},o[s.KeyDownSearch]={target:l.Navigating,actions:C},o[s.UpdateAfterTypeahead]={actions:[_]},o[s.ClearTypeahead]={actions:f},o[s.OptionMouseMove]=[{target:l.Navigating,actions:[E],cond:N},{target:l.Navigating}],o[s.OptionMouseUp]={target:l.Idle,actions:[b,f,I,T],cond:m},o))},r[l.Navigating]={on:g({},S,(i={},i[s.ClearNavSelection]={actions:[p,x]},i[s.KeyDownEnter]={target:l.Idle,actions:[b,f,I,T],cond:m},i[s.KeyDownSpace]={target:l.Idle,actions:[b,f,I,T],cond:m},i[s.ButtonMouseDown]={target:l.Idle,actions:[I]},i[s.KeyDownEscape]={target:l.Idle,actions:[I]},i[s.OptionMouseDown]={target:l.Dragging},i[s.OutsideMouseDown]=[{target:l.Idle,cond:h,actions:f},{target:l.Navigating,cond:w},{target:l.Interacting,actions:f}],i[s.OutsideMouseUp]=[{target:l.Idle,cond:h,actions:f},{target:l.Navigating,cond:w},{target:l.Interacting,actions:f}],i[s.Blur]=[{target:l.Idle,cond:D,actions:f},{target:l.Navigating,cond:O},{target:l.Interacting,actions:f}],i[s.ButtonMouseUp]={target:l.Navigating,actions:[y,x]},i[s.OptionTouchStart]={target:l.Navigating,actions:[E,f],cond:N},i[s.OptionMouseEnter]={target:l.Navigating,actions:[E,f],cond:N},i[s.KeyDownNavigate]={target:l.Navigating,actions:[E,f,x]},i[s.KeyDownSearch]={target:l.Navigating,actions:C},i[s.UpdateAfterTypeahead]={actions:[_]},i[s.ClearTypeahead]={actions:f},i[s.OptionMouseMove]=[{target:l.Navigating,actions:[E],cond:N},{target:l.Navigating}],i))},r)}}({value:(Q.current?G:P)||null})),le=i.useMachine(ue,{button:ee,hiddenInput:te,highlightedOption:ne,input:ae,list:oe,popover:ie,selectedOption:re},!1),se=le[0],de=le[1],ce=t.useId(H.id),ge=H.id||o.makeId("listbox-input",ce),ve=o.useForkedRef(ae,r),pe=e.useMemo((function(){var e=J.find((function(e){return e.value===se.context.value}));return e?e.label:null}),[J,se.context.value]),fe=function(e){return[l.Navigating,l.Open,l.Dragging,l.Interacting].includes(e)}(se.value),be=e.useMemo((function(){return{ariaLabel:c,ariaLabelledBy:u,disabled:V,isExpanded:fe,listboxId:ge,listboxValueLabel:pe,onValueChange:$,buttonRef:ee,listRef:oe,popoverRef:ie,selectedOptionRef:re,highlightedOptionRef:ne,send:de,state:se.value,stateData:se.context}}),[c,u,se.value,se.context,V,ge,fe,$,de,pe]),Ee=e.useRef(!1);if(!Q.current&&null==P&&!Ee.current&&J.length){Ee.current=!0;var ye=J.find((function(e){return!e.disabled}));ye&&ye.value&&de({type:s.ValueChange,value:ye.value})}return o.useControlledSwitchWarning(G,"value",Y),function(t,n,a){e.useRef(null!=t).current&&t!==n&&a()}(G,se.context.value,(function(){de({type:s.ValueChange,value:G})})),o.useIsomorphicLayoutEffect((function(){de({type:s.GetDerivedData,data:{options:J}})}),[J,de]),e.useEffect((function(){function e(e){var t=e.target,n=e.relatedTarget;Z(t,ie.current)||de({type:s.OutsideMouseDown,relatedTarget:n||t})}return fe&&window.addEventListener("mousedown",e),function(){window.removeEventListener("mousedown",e)}}),[de,fe]),e.useEffect((function(){function e(e){var t=e.target,n=e.relatedTarget;Z(t,ie.current)||de({type:s.OutsideMouseUp,relatedTarget:n||t})}return fe&&window.addEventListener("mouseup",e),function(){window.removeEventListener("mouseup",e)}}),[de,fe]),o.useCheckStyles("listbox"),d.default.createElement(a.DescendantProvider,{context:L,items:J,set:X},d.default.createElement(A.Provider,{value:be},d.default.createElement("div",Object.assign({},H,{ref:ve,"data-reach-listbox-input":"","data-state":fe?"expanded":"closed","data-value":se.context.value,id:ge}),o.isFunction(U)?U({id:ge,isExpanded:fe,value:se.context.value,selectedOptionRef:re,highlightedOptionRef:ne,valueLabel:pe,expanded:fe}):U),(k||q||j)&&d.default.createElement("input",{ref:te,"data-reach-listbox-hidden-input":"",disabled:V,form:k,name:q,readOnly:!0,required:j,tabIndex:-1,type:"hidden",value:se.context.value||""})))})),V=e.forwardRef((function(t,n){var a=t.arrow,i=void 0===a?"▼":a,r=t.button,u=t.children,l=t.portal,s=void 0===l||l,c=v(t,["arrow","button","children","portal"]);return d.default.createElement(B,Object.assign({},c,{_componentName:"Listbox",ref:n}),(function(t){var n=t.value,a=t.valueLabel;return d.default.createElement(e.Fragment,null,d.default.createElement(q,{arrow:i,children:r?o.isFunction(r)?r({value:n,label:a}):r:void 0}),d.default.createElement(F,{portal:s},d.default.createElement(Y,null,u)))}))})),k=o.forwardRefWithAs((function(t,n){var a=t["aria-label"],i=t.arrow,r=void 0!==i&&i,u=t.as,l=void 0===u?"span":u,c=t.children,g=t.onKeyDown,p=t.onMouseDown,f=t.onMouseUp,b=v(t,["aria-label","arrow","as","children","onKeyDown","onMouseDown","onMouseUp"]),E=e.useContext(A),y=E.ariaLabelledBy,D=E.disabled,h=E.isExpanded,w=E.listboxId,O=E.send,x=E.listboxValueLabel,I=E.stateData.value,M=o.useForkedRef(E.buttonRef,n),N=J(),m=o.makeId("button",w),T=e.useMemo((function(){return c?o.isFunction(c)?c({isExpanded:h,label:x,value:I,expanded:h}):c:x}),[c,x,h,I]);return d.default.createElement(l,Object.assign({"aria-disabled":D||void 0,"aria-expanded":h||void 0,"aria-haspopup":"listbox","aria-labelledby":a?void 0:[y,m].filter(Boolean).join(" "),"aria-label":a,role:"button",tabIndex:D?-1:0},b,{ref:M,"data-reach-listbox-button":"",id:m,onKeyDown:o.wrapEvent(g,N),onMouseDown:o.wrapEvent(p,(function(e){o.isRightClick(e.nativeEvent)||(e.preventDefault(),e.stopPropagation(),O({type:s.ButtonMouseDown,disabled:D}))})),onMouseUp:o.wrapEvent(f,(function(e){o.isRightClick(e.nativeEvent)||(e.preventDefault(),e.stopPropagation(),O({type:s.ButtonMouseUp}))}))}),T,r&&d.default.createElement(j,null,o.isBoolean(r)?null:r))})),q=o.memoWithAs(k),W=e.forwardRef((function(t,n){var a=t.children,i=v(t,["children"]),r=e.useContext(A).isExpanded;return d.default.createElement("span",Object.assign({"aria-hidden":!0},i,{ref:n,"data-reach-listbox-arrow":"","data-expanded":r?"":void 0}),o.isFunction(a)?a({isExpanded:r,expanded:r}):a||"▼")})),j=e.memo(W),G=e.forwardRef((function(t,a){var i=t.position,r=void 0===i?n.positionMatchWidth:i,u=t.onBlur,l=t.onKeyDown,p=t.portal,f=void 0===p||p,b=t.unstable_observableRefs,E=v(t,["position","onBlur","onKeyDown","portal","unstable_observableRefs"]),y=e.useContext(A),D=y.buttonRef,h=y.send,w=y.isExpanded,O=o.useForkedRef(y.popoverRef,a),x=J(),I=g({hidden:!w,tabIndex:-1},E,{ref:O,"data-reach-listbox-popover":"",onBlur:o.wrapEvent(u,(function(e){var t=e.nativeEvent;requestAnimationFrame((function(){h({type:s.Blur,relatedTarget:t.relatedTarget||t.target})}))})),onKeyDown:o.wrapEvent(l,x)});return f?d.default.createElement(c.default,Object.assign({},I,{targetRef:D,position:r,unstable_observableRefs:b})):d.default.createElement("div",Object.assign({},I))})),F=e.memo(G),Y=o.forwardRefWithAs((function(t,n){var a=t.as,i=void 0===a?"ul":a,r=v(t,["as"]),u=e.useContext(A),l=u.ariaLabel,s=u.ariaLabelledBy,c=u.isExpanded,g=u.listboxId,p=u.stateData,f=p.value,b=p.navigationValue,E=o.useForkedRef(n,u.listRef);return d.default.createElement(i,Object.assign({"aria-activedescendant":X(c?b:f),"aria-labelledby":l?void 0:s,"aria-label":l,role:"listbox",tabIndex:-1},r,{ref:E,"data-reach-listbox-list":"",id:o.makeId("listbox",g)}))})),H=o.forwardRefWithAs((function(t,n){var i=t.as,r=void 0===i?"li":i,u=t.children,c=t.disabled,g=t.onMouseDown,p=t.onMouseEnter,f=t.onMouseLeave,b=t.onMouseMove,E=t.onMouseUp,y=t.onTouchStart,D=t.value,h=t.label,w=v(t,["as","children","disabled","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseUp","onTouchStart","value","label"]),O=e.useContext(A),x=O.highlightedOptionRef,I=O.isExpanded,M=O.onValueChange,N=O.selectedOptionRef,m=O.send,T=O.state,R=O.stateData,C=R.value,K=R.navigationValue,_=e.useState(h),S=_[1],U=h||_[0]||"",P=e.useRef(null);a.useDescendant({element:P.current,value:D,label:U,disabled:!!c},L);var B=e.useCallback((function(e){!h&&e&&S((function(t){return e.textContent&&t!==e.textContent?e.textContent:t||""}))}),[h]),V=!!K&&K===D,k=C===D,q=o.useForkedRef(B,n,P,k?N:null,V?x:null);return d.default.createElement(r,Object.assign({"aria-selected":(I?V:k)||void 0,"aria-disabled":c||void 0,role:"option"},w,{ref:q,id:X(D),"data-reach-listbox-option":"","data-current":k?"":void 0,"data-label":U,"data-value":D,onMouseDown:o.wrapEvent(g,(function(e){o.isRightClick(e.nativeEvent)||(e.preventDefault(),m({type:s.OptionMouseDown}))})),onMouseEnter:o.wrapEvent(p,(function(){m({type:s.OptionMouseEnter,value:D,disabled:!!c})})),onMouseLeave:o.wrapEvent(f,(function(){m({type:s.ClearNavSelection})})),onMouseMove:o.wrapEvent(b,(function(){T!==l.Open&&K===D||m({type:s.OptionMouseMove,value:D,disabled:!!c})})),onMouseUp:o.wrapEvent(E,(function(e){o.isRightClick(e.nativeEvent)||m({type:s.OptionMouseUp,value:D,callback:M,disabled:!!c})})),onTouchStart:o.wrapEvent(y,(function(){m({type:s.OptionTouchStart,value:D,disabled:!!c})}))}),u)})),Q=e.forwardRef((function(n,a){var i=n.label,r=n.children,u=v(n,["label","children"]),l=e.useContext(A).listboxId,s=o.makeId("label",t.useId(u.id),l);return d.default.createElement(P.Provider,{value:{labelId:s}},d.default.createElement("div",Object.assign({"aria-labelledby":s,role:"group"},u,{"data-reach-listbox-group":"",ref:a}),i&&d.default.createElement(z,null,i),r))})),z=o.forwardRefWithAs((function(t,n){var a=t.as,o=void 0===a?"span":a,i=v(t,["as"]),r=e.useContext(P);return d.default.createElement(o,Object.assign({role:"presentation"},i,{ref:n,"data-reach-listbox-group-label":"",id:r.labelId}))}));function J(){var t=e.useContext(A),n=t.disabled,i=t.onValueChange,r=t.stateData,u=r.navigationValue,l=r.typeaheadQuery,d=t.send,c=a.useDescendants(L);e.useEffect((function(){l&&d({type:s.UpdateAfterTypeahead,query:l,callback:i});var e=window.setTimeout((function(){null!=l&&d({type:s.ClearTypeahead})}),1e3);return function(){window.clearTimeout(e)}}),[i,d,l]);var g=c.findIndex((function(e){return e.value===u}));return o.wrapEvent((function(e){var t=e.key,a=o.isString(t)&&1===t.length,r=c.find((function(e){return e.value===u}));switch(t){case"Enter":return void d({type:s.KeyDownEnter,value:u,callback:i,disabled:!(!(null==r?void 0:r.disabled)&&!n)});case" ":return e.preventDefault(),void d({type:s.KeyDownSpace,value:u,callback:i,disabled:!(!(null==r?void 0:r.disabled)&&!n)});case"Escape":return void d({type:s.KeyDownEscape});case"Tab":return void d({type:e.shiftKey?s.KeyDownShiftTab:s.KeyDownTab});default:return void(a&&d({type:s.KeyDownSearch,query:t,disabled:n}))}}),a.useDescendantKeyDown(L,{currentIndex:g,orientation:"vertical",key:"index",rotate:!0,filter:function(e){return!e.disabled},callback:function(e){d({type:s.KeyDownNavigate,value:c[e].value,disabled:n})}}))}function X(t){var n=e.useContext(A);return t?o.makeId("option-"+t,n.listboxId):void 0}function Z(e,t){return!(e!==t&&!(null==t?void 0:t.contains(e)))}exports.Listbox=V,exports.ListboxArrow=j,exports.ListboxButton=q,exports.ListboxGroup=Q,exports.ListboxGroupLabel=z,exports.ListboxInput=B,exports.ListboxList=Y,exports.ListboxOption=H,exports.ListboxPopover=F,exports.useListboxContext=function(){var t=e.useContext(A),n=t.highlightedOptionRef,a=t.listboxId,o=t.listboxValueLabel,i=t.isExpanded,r=t.selectedOptionRef,u=t.stateData.value;return e.useMemo((function(){return{id:a,isExpanded:i,selectedOptionRef:r,highlightedOptionRef:n,value:u,valueLabel:o}}),[a,i,u,o,r,n])};
//# sourceMappingURL=listbox.cjs.production.min.js.map

@@ -671,3 +671,3 @@ import React, { forwardRef, useRef, useMemo, useEffect, Fragment, memo, useContext, useState, useCallback } from 'react';

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxinput
* @see Docs https://reach.tech/listbox#listboxinput
*/

@@ -910,3 +910,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-1
* @see Docs https://reach.tech/listbox#listbox-1
*/

@@ -956,3 +956,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listbox-button
* @see Docs https://reach.tech/listbox#listbox-button
*/

@@ -1068,3 +1068,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxarrow
* @see Docs https://reach.tech/listbox#listboxarrow
*/

@@ -1106,3 +1106,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxpopover
* @see Docs https://reach.tech/listbox#listboxpopover
*/

@@ -1172,3 +1172,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxlist
* @see Docs https://reach.tech/listbox#listboxlist
*/

@@ -1226,3 +1226,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxoption
* @see Docs https://reach.tech/listbox#listboxoption
*/

@@ -1388,3 +1388,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgroup
* @see Docs https://reach.tech/listbox#listboxgroup
*/

@@ -1427,3 +1427,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#listboxgrouplabel
* @see Docs https://reach.tech/listbox#listboxgrouplabel
*/

@@ -1461,3 +1461,3 @@

*
* @see Docs https://reacttraining.com/reach-ui/listbox#uselistboxcontext
* @see Docs https://reach.tech/listbox#uselistboxcontext
*/

@@ -1464,0 +1464,0 @@

{
"name": "@reach/listbox",
"version": "0.10.5",
"version": "0.11.0",
"description": "Accessible React listbox input.",

@@ -13,10 +13,10 @@ "author": "React Training <hello@reacttraining.com>",

"scripts": {
"build": "ts-node ../../scripts/build"
"build": "ts-node --transpile-only ../../scripts/build-package $npm_package_name"
},
"dependencies": {
"@reach/auto-id": "0.10.5",
"@reach/descendants": "0.10.5",
"@reach/machine": "0.10.5",
"@reach/popover": "0.10.5",
"@reach/utils": "0.10.5",
"@reach/auto-id": "0.11.0",
"@reach/descendants": "0.11.0",
"@reach/machine": "0.11.0",
"@reach/popover": "0.11.0",
"@reach/utils": "0.11.0",
"prop-types": "^15.7.2"

@@ -36,3 +36,3 @@ },

],
"gitHead": "86a046f54d53b6420e392b3fa56dd991d9d4e458"
"gitHead": "7eaa66982cd17fb012c13c97e6a1770f75b6ce00"
}

@@ -5,3 +5,3 @@ # @reach/listbox

[Docs](https://reacttraining.com/reach-ui/listbox) | [Source](https://github.com/reach/reach-ui/tree/main/packages/listbox) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)
[Docs](https://reach.tech/listbox) | [Source](https://github.com/reach/reach-ui/tree/main/packages/listbox) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)

@@ -8,0 +8,0 @@ An accessible listbox for custom select inputs.

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc