Socket
Socket
Sign inDemoInstall

@headlessui/react

Package Overview
Dependencies
Maintainers
2
Versions
717
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@headlessui/react - npm Package Compare versions

Comparing version 0.3.1-56fb7d4 to 0.3.1-7c43e53

dist/components/popover/popover.d.ts
dist/internal/dom-containers.d.ts
dist/internal/stack-context.d.ts
dist/utils/focus-management.d.ts

88

dist/components/dialog/dialog.d.ts

@@ -17,3 +17,3 @@ import React, { ElementType, Ref, MutableRefObject } from 'react';

}
declare type TitlePropsWeControl = 'id' | 'ref';
declare type TitlePropsWeControl = 'id';
declare function Title<TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(props: Props<TTag, TitleRenderPropArg, TitlePropsWeControl>): 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>)> | null;

@@ -26,7 +26,11 @@ declare let DEFAULT_DESCRIPTION_TAG: "p";

declare function Description<TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG>(props: Props<TTag, DescriptionRenderPropArg, DescriptionPropsWeControl>): 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>)> | null;
export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "id" | "as" | "refName">> & {
export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "id" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;

@@ -39,7 +43,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "id" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "id" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;

@@ -52,7 +60,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "role" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "role" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;

@@ -65,7 +77,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "role" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "role" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;

@@ -78,7 +94,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-modal" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-modal" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;

@@ -91,7 +111,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-modal" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-modal" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;

@@ -104,7 +128,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-describedby" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-describedby" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;

@@ -117,7 +145,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-describedby" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-describedby" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;

@@ -130,7 +162,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-labelledby" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-labelledby" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;

@@ -143,7 +179,11 @@ } & {

initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-labelledby" | "as" | "refName">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "aria-labelledby" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: DialogRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: DialogRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;

@@ -157,3 +197,7 @@ } & {

}), ref: Ref<HTMLDivElement>) => JSX.Element) & {
Overlay: <TTag_1 extends React.ElementType<any> = "div">(props: Props<TTag_1, OverlayRenderPropArg, OverlayPropsWeControl>, ref: Ref<HTMLDivElement>) => 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>)> | null;
displayName: string;
} & {
Overlay: (<TTag_1 extends React.ElementType<any> = "div">(props: Props<TTag_1, OverlayRenderPropArg, OverlayPropsWeControl>, ref: Ref<HTMLDivElement>) => 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>)> | null) & {
displayName: string;
};
Title: typeof Title;

@@ -160,0 +204,0 @@ Description: typeof Description;

27

dist/components/disclosure/disclosure.d.ts

@@ -1,4 +0,3 @@

import { ElementType, Ref } from 'react';
import React, { ElementType } from 'react';
import { Props } from '../../types';
import React from 'react';
declare let DEFAULT_DISCLOSURE_TAG: React.ExoticComponent<{

@@ -12,20 +11,32 @@ children?: React.ReactNode;

export declare namespace Disclosure {
var Button: <TTag extends ElementType<any> = "button">(props: Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl>, ref: Ref<HTMLButtonElement>) => 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>)> | null;
var Panel: <TTag extends ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
var Button: (<TTag extends React.ElementType<any> = "button">(props: Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl>, ref: React.Ref<HTMLButtonElement>) => 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>)> | null) & {
displayName: string;
};
var Panel: (<TTag extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: PanelRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: PanelRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: PanelRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: PanelRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}), ref: Ref<HTMLDivElement>) => 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>)> | null;
}), ref: React.Ref<HTMLDivElement>) => 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>)> | null) & {
displayName: string;
};
}

@@ -32,0 +43,0 @@ interface ButtonRenderPropArg {

2

dist/components/keyboard.d.ts

@@ -7,5 +7,3 @@ export declare enum Keys {

ArrowUp = "ArrowUp",
ArrowRight = "ArrowRight",
ArrowDown = "ArrowDown",
ArrowLeft = "ArrowLeft",
Home = "Home",

@@ -12,0 +10,0 @@ End = "End",

209

dist/components/listbox/listbox.d.ts

@@ -16,197 +16,274 @@ import React, { ElementType } from 'react';

export declare namespace Listbox {
var Button: <TTag extends React.ElementType<any> = "button">(props: Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl>, ref: React.Ref<HTMLButtonElement>) => 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>)> | null;
var Button: (<TTag extends React.ElementType<any> = "button">(props: Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl>, ref: React.Ref<HTMLButtonElement>) => 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>)> | null) & {
displayName: string;
};
var Label: <TTag extends React.ElementType<any> = "label">(props: Props<TTag, LabelRenderPropArg, LabelPropsWeControl>) => 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>)> | null;
var Options: <TTag extends React.ElementType<any> = "ul">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
var Options: (<TTag extends React.ElementType<any> = "ul">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-labelledby">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-labelledby">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-labelledby">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-labelledby">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onKeyDown">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onKeyDown">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onKeyDown">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onKeyDown">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-activedescendant">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-activedescendant">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-activedescendant">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-activedescendant">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "role">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "role">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "role">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "role">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "tabIndex">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "tabIndex">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "tabIndex">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "tabIndex">> & {
as?: TTag | undefined;
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 | ((bag: OptionsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}), ref: React.Ref<HTMLUListElement>) => 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>)> | null;
var Option: <TTag extends React.ElementType<any> = "li", TType = unknown>(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "value" | "children" | "as" | "refName">> & {
}), ref: React.Ref<HTMLUListElement>) => 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>)> | null) & {
displayName: string;
};
var Option: <TTag extends React.ElementType<any> = "li", TType = unknown>(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "value" | "children" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "role">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "role">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "tabIndex">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "tabIndex">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-disabled">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-disabled">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-selected">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-selected">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onPointerLeave">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onPointerLeave">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onMouseLeave">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onMouseLeave">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onPointerMove">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onPointerMove">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onMouseMove">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onMouseMove">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onFocus">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onFocus">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
disabled?: boolean | undefined;
value: TType;
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: OptionRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} : {}) & {
disabled?: boolean | undefined;
value: TType;
className?: string | ((bag: OptionRenderPropArg) => string) | undefined;
})) => 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>)> | null;

@@ -213,0 +290,0 @@ }

193

dist/components/menu/menu.d.ts

@@ -11,107 +11,163 @@ import React, { ElementType } from 'react';

export declare namespace Menu {
var Button: <TTag extends React.ElementType<any> = "button">(props: Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl>, ref: React.Ref<HTMLButtonElement>) => 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>)> | null;
var Items: <TTag extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
var Button: (<TTag extends React.ElementType<any> = "button">(props: Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl>, ref: React.Ref<HTMLButtonElement>) => 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>)> | null) & {
displayName: string;
};
var Items: (<TTag extends React.ElementType<any> = "div">(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onKeyDown">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onKeyDown">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onKeyDown">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onKeyDown">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-activedescendant">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-activedescendant">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-activedescendant">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-activedescendant">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-labelledby">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-labelledby">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-labelledby">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-labelledby">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "role">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "role">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "role">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "role">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "tabIndex">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "tabIndex">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
static?: undefined;
} & {
unmount?: boolean | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "tabIndex">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "tabIndex">> & {
as?: TTag | undefined;
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 | ((bag: ItemsRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemsRenderPropArg) => string) | undefined;
} : {}) & {
unmount?: undefined;
} & {
static?: boolean | undefined;
}), ref: React.Ref<HTMLDivElement>) => 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>)> | null;
}), ref: React.Ref<HTMLDivElement>) => 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>)> | null) & {
displayName: string;
};
var Item: <TTag extends React.ElementType<any> = React.ExoticComponent<{
children?: React.ReactNode;
}>>(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "id">> & {
}>>(props: (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "id">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -121,8 +177,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "role">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "role">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -132,8 +191,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "tabIndex">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "tabIndex">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -143,8 +205,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "aria-disabled">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "aria-disabled">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -154,8 +219,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onPointerLeave">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onPointerLeave">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -165,8 +233,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onPointerMove">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onPointerMove">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -176,8 +247,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onMouseLeave">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onMouseLeave">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -187,8 +261,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onMouseMove">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onMouseMove">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
} : {}) & {
disabled?: boolean | undefined;

@@ -198,18 +275,11 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "onFocus">> & {
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className" | "onFocus">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
disabled?: boolean | undefined;
onClick?: ((event: {
preventDefault: Function;
}) => void) | undefined;
} & (import("../../types").PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
}) | (Pick<import("../../types").PropsOf<TTag>, Exclude<keyof import("../../types").PropsOf<TTag>, "children" | "as" | "refName" | "className">> & {
as?: TTag | undefined;
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 | ((bag: ItemRenderPropArg) => 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>)>) | null | undefined;
refName?: string | undefined;
} & {
} : {}) & {
disabled?: boolean | undefined;

@@ -219,3 +289,2 @@ onClick?: ((event: {

}) => void) | undefined;
className?: string | ((bag: ItemRenderPropArg) => string) | undefined;
})) => 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>)> | null;

@@ -222,0 +291,0 @@ }

8

dist/components/portal/portal.d.ts

@@ -1,9 +0,9 @@

import { ElementType } from 'react';
import React, { ElementType } from 'react';
import { Props } from '../../types';
declare let DEFAULT_PORTAL_TAG: import("react").ExoticComponent<{
children?: import("react").ReactNode;
declare let DEFAULT_PORTAL_TAG: React.ExoticComponent<{
children?: React.ReactNode;
}>;
interface PortalRenderPropArg {
}
export declare function Portal<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(props: Props<TTag, PortalRenderPropArg>): import("react").ReactPortal | null;
export declare function Portal<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(props: Props<TTag, PortalRenderPropArg>): JSX.Element;
export {};

5

dist/components/switch/switch.d.ts

@@ -8,6 +8,5 @@ import React, { ElementType } from 'react';

declare type SwitchPropsWeControl = 'id' | 'role' | 'tabIndex' | 'aria-checked' | 'aria-labelledby' | 'aria-describedby' | 'onClick' | 'onKeyUp' | 'onKeyPress';
export declare function Switch<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG>(props: Props<TTag, SwitchRenderPropArg, SwitchPropsWeControl | 'checked' | 'onChange' | 'className'> & {
export declare function Switch<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG>(props: Props<TTag, SwitchRenderPropArg, SwitchPropsWeControl | 'checked' | 'onChange'> & {
checked: boolean;
onChange(checked: boolean): void;
className?: ((bag: SwitchRenderPropArg) => string) | string;
}): 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>)> | null;

@@ -17,3 +16,3 @@ export declare namespace Switch {

children?: React.ReactNode;
}>>(props: Props<TTag, any, unique symbol>) => JSX.Element;
}>>(props: Props<TTag, any, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">) => JSX.Element;
var Label: <TTag extends React.ElementType<any> = "label">(props: Props<TTag, LabelRenderPropArg, LabelPropsWeControl>) => 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>)> | null;

@@ -20,0 +19,0 @@ var Description: <TTag extends React.ElementType<any> = "label">(props: Props<TTag, DescriptionRenderPropArg, DescriptionPropsWeControl>) => 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>)> | null;

2

dist/headlessui.cjs.production.min.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,n,r,o=require("react"),i=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,u=require("react-dom");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return c(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function f(e,t){if(e in t){for(var n=t[e],r=arguments.length,o=new Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];return"function"==typeof n?n.apply(void 0,o):n}var u=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(t).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(u,f),u}function d(e,r,o,i,u){if(void 0===u&&(u=!0),u)return p(e,r,o);var c=null!=i?i:t.None;if(c&t.Static){var s=e.static,d=void 0!==s&&s,v=l(e,["static"]);if(d)return p(v,r,o)}if(c&t.RenderStrategy){var m,h=e.unmount,y=void 0===h||h,b=l(e,["unmount"]);return f(y?n.Unmount:n.Hidden,((m={})[n.Unmount]=function(){return null},m[n.Hidden]=function(){return p(a({},b,{hidden:!0,style:{display:"none"}}),r,o)},m))}return p(e,r,o)}function p(e,t,n){var r,i=m(e,["unmount","static"]),u=i.as,a=void 0===u?n:u,c=i.children,f=i.refName,d=void 0===f?"ref":f,v=l(i,["as","children","refName"]),h=void 0!==e.ref?((r={})[d]=e.ref,r):{},y="function"==typeof c?c(t):c;if(a===o.Fragment&&Object.keys(v).length>0){if(Array.isArray(y)&&y.length>1){var b=new Error("You should only render 1 child");throw Error.captureStackTrace&&Error.captureStackTrace(b,p),b}if(!o.isValidElement(y)){var g=new Error('You should render an element as a child. Did you forget the as="..." prop?');throw Error.captureStackTrace&&Error.captureStackTrace(g,p),g}return o.cloneElement(y,Object.assign({},function(e,t,n){for(var r,o=Object.assign({},e),i=function(){var n,i=r.value;void 0!==e[i]&&void 0!==t[i]&&Object.assign(o,((n={})[i]=function(n){n.defaultPrevented||e[i](n),n.defaultPrevented||t[i](n)},n))},u=s(["onClick"]);!(r=u()).done;)i();return o}(function(e){var t=Object.assign({},e);for(var n in t)void 0===t[n]&&delete t[n];return t}(m(v,["ref"])),y.props),h))}return o.createElement(a,Object.assign({},m(v,["ref"]),a!==o.Fragment&&h),y)}function v(e){return Object.assign(o.forwardRef(e),{name:e.name})}function m(e,t){void 0===t&&(t=[]);for(var n,r=Object.assign({},e),o=s(t);!(n=o()).done;){var i=n.value;i in r&&delete r[i]}return r}function h(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return o.useCallback((function(e){t.forEach((function(t){if(null!=t)return"function"==typeof t?t(e):void(t.current=e)}))}),[t])}function y(e){for(var t,n,r=e.parentElement,o=null;r&&!(r instanceof HTMLFieldSetElement);)r instanceof HTMLLegendElement&&(o=r),r=r.parentElement;var i=null!=(t=""===(null==(n=r)?void 0:n.getAttribute("disabled")))&&t;return(!i||!function(e){if(!e)return!1;for(var t=e.previousElementSibling;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(o))&&i}!function(e){e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static"}(t||(t={})),function(e){e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden"}(n||(n={})),function(e){e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.ArrowLeft="ArrowLeft",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab"}(r||(r={}));var b="undefined"!=typeof window?o.useLayoutEffect:o.useEffect,g={serverHandoffComplete:!1},S=0;function x(){return++S}function E(){var e=o.useState(g.serverHandoffComplete?x:null),t=e[0],n=e[1];return b((function(){null===t&&n(x())}),[t]),o.useEffect((function(){!1===g.serverHandoffComplete&&(g.serverHandoffComplete=!0)}),[]),null!=t?""+t:void 0}var w=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((function(e){return e+":not([tabindex='-1'])"})).join(",");function C(e){e&&e.focus({preventScroll:!0})}function I(e,t,n){void 0===t&&(t=!0),void 0===n&&(n={});var i=o.useRef("undefined"!=typeof window?document.activeElement:null),u=o.useRef(null),a=o.useRef(!1),l=o.useCallback((function(){return e.current?Array.from(e.current.querySelectorAll(w)):[]}),[e]);b((function(){var r,o,c,s;if(t){a.current=!0;var f,d=document.activeElement;if(null==(r=n.initialFocus)?void 0:r.current){if((null==(f=n.initialFocus)?void 0:f.current)===d)return}else if(null==(o=e.current)?void 0:o.contains(d))return;i.current=d;var p=l();if(p.length<=0)throw new Error("There are no focusable elements inside the <FocusTrap />");return function e(t){void 0!==t&&(C(t),document.activeElement!==t?e(p[p.indexOf(t)+1]):u.current=t)}(null!=(c=null==(s=n.initialFocus)?void 0:s.current)?c:p[0]),function(){a.current=!1,C(i.current),i.current=null,u.current=null}}}),[t,a,n.initialFocus]),b((function(){if(t)return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)};function e(e){if(e.key===r.Tab&&document.activeElement){e.preventDefault();var t=e.shiftKey?-1:1,n=l(),o=n.length,i=n.indexOf(document.activeElement);!function e(r){void 0===r&&(r=0);var a=(n.indexOf(document.activeElement)+o+t+r)%o,l=n[a];if(C(l),l!==document.activeElement){if(i===a)return;e(r+t)}else u.current=l}()}}}),[t,l]),b((function(){if(t&&e.current){var n=e.current;return window.addEventListener("focus",r,!0),function(){return window.removeEventListener("focus",r,!0)}}function r(e){var t=u.current;if(t&&a.current){var r=e.target;r&&r instanceof HTMLElement?n.contains(r)?(u.current=r,C(r)):(e.preventDefault(),e.stopPropagation(),C(t)):C(u.current)}}}),[t,a,e])}function O(e,t){return e(t={exports:{}},t.exports),t.exports}var k=O((function(e){var t=function(e){var t=Object.prototype,n=t.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",u=r.toStringTag||"@@toStringTag";function a(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{a({},"")}catch(e){a=function(e,t,n){return e[t]=n}}function l(e,t,n,r){var o=Object.create((t&&t.prototype instanceof f?t:f).prototype),i=new w(r||[]);return o._invoke=function(e,t,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return{value:void 0,done:!0}}for(n.method=o,n.arg=i;;){var u=n.delegate;if(u){var a=S(u,n);if(a){if(a===s)continue;return a}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var l=c(e,t,n);if("normal"===l.type){if(r=n.done?"completed":"suspendedYield",l.arg===s)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r="completed",n.method="throw",n.arg=l.arg)}}}(e,n,i),o}function c(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var s={};function f(){}function d(){}function p(){}var v={};v[o]=function(){return this};var m=Object.getPrototypeOf,h=m&&m(m(C([])));h&&h!==t&&n.call(h,o)&&(v=h);var y=p.prototype=f.prototype=Object.create(v);function b(e){["next","throw","return"].forEach((function(t){a(e,t,(function(e){return this._invoke(t,e)}))}))}function g(e,t){var r;this._invoke=function(o,i){function u(){return new t((function(r,u){!function r(o,i,u,a){var l=c(e[o],e,i);if("throw"!==l.type){var s=l.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?t.resolve(f.__await).then((function(e){r("next",e,u,a)}),(function(e){r("throw",e,u,a)})):t.resolve(f).then((function(e){s.value=e,u(s)}),(function(e){return r("throw",e,u,a)}))}a(l.arg)}(o,i,r,u)}))}return r=r?r.then(u,u):u()}}function S(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,S(e,t),"throw"===t.method))return s;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return s}var r=c(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,s;var o=r.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,s):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,s)}function x(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function w(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(x,this),this.reset(!0)}function C(e){if(e){var t=e[o];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,i=function t(){for(;++r<e.length;)if(n.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return i.next=i}}return{next:I}}function I(){return{value:void 0,done:!0}}return d.prototype=y.constructor=p,p.constructor=d,d.displayName=a(p,u,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===d||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,p):(e.__proto__=p,a(e,u,"GeneratorFunction")),e.prototype=Object.create(y),e},e.awrap=function(e){return{__await:e}},b(g.prototype),g.prototype[i]=function(){return this},e.AsyncIterator=g,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var u=new g(l(t,n,r,o),i);return e.isGeneratorFunction(n)?u:u.next().then((function(e){return e.done?e.value:u.next()}))},b(y),a(y,u,"Generator"),y[o]=function(){return this},y.toString=function(){return"[object Generator]"},e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=C,w.prototype={constructor:w,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(n,r){return u.type="throw",u.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var a=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(a&&l){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(a){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var u=i?i.completion:{};return u.type=e,u.arg=t,i?(this.method="next",this.next=i.finallyLoc,s):this.complete(u)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),s},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),E(n),s}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;E(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:C(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),s}},e}(e.exports);try{regeneratorRuntime=t}catch(e){Function("r","regeneratorRuntime = r")(t)}})),R=k.mark(L);function L(e){var t;return k.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e.parentElement){n.next=2;break}return n.abrupt("return");case 2:t=e.parentElement.firstChild;case 3:if(!t){n.next=10;break}if(!(t!==e&&t instanceof HTMLElement)){n.next=7;break}return n.next=7,t;case 7:t=t.nextSibling,n.next=3;break;case 10:case"end":return n.stop()}}),R)}var T,F,D,P=o.Fragment;function M(e){var t=o.useState((function(){if("undefined"==typeof window)return null;var e=document.getElementById("headlessui-portal-root");if(e)return e;var t=document.createElement("div");return t.setAttribute("id","headlessui-portal-root"),document.body.appendChild(t)}))[0],n=o.useState((function(){return"undefined"==typeof window?null:document.createElement("div")}))[0];return b((function(){if(t&&n)return t.appendChild(n),function(){t&&n&&(t.removeChild(n),t.childNodes.length<=0&&document.body.removeChild(t))}}),[t]),t&&n?u.createPortal(d(e,{},P),n):null}!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(F||(F={})),function(e){e[e.SetTitleElement=0]="SetTitleElement",e[e.SetDescriptionElement=1]="SetDescriptionElement"}(D||(D={}));var A=((T={})[D.SetTitleElement]=function(e,t){return e.titleElement===t.element?e:a({},e,{titleElement:t.element})},T[D.SetDescriptionElement]=function(e,t){return e.descriptionElement===t.element?e:a({},e,{descriptionElement:t.element})},T),N=o.createContext(null);function j(e){var t=o.useContext(N);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+_.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,j),n}return t}function G(e,t){return f(t.type,A,e,t)}N.displayName="DialogContext";var U,H,B,V=t.RenderStrategy|t.Static,_=Object.assign(v((function(e,t){var n,u,c=e.open,f=e.onClose,p=e.initialFocus,v=l(e,["open","onClose","initialFocus"]),m=o.useRef(null),y=h(m,t),g=e.hasOwnProperty("open"),S=e.hasOwnProperty("onClose");if(!g)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!S)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof c)throw new Error("You provided an `open` prop to the `Dialog`, but the value is not a boolean. Received: "+c);if("function"!=typeof f)throw new Error("You provided an `onClose` prop to the `Dialog`, but the value is not a function. Received: "+f);var x=c?F.Open:F.Closed,w=o.useReducer(G,{titleElement:null,descriptionElement:null}),C=w[0],O=w[1],k=o.useCallback((function(){return f(!1)}),[f]),R=o.useCallback((function(e){return O({type:D.SetTitleElement,element:e})}),[O]),T=o.useCallback((function(e){return O({type:D.SetDescriptionElement,element:e})}),[O]);o.useEffect((function(){function e(e){e.key===r.Escape&&x===F.Open&&k()}return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}}),[k,x]),o.useEffect((function(){if(x===F.Open){var e=document.documentElement.style.overflow,t=document.documentElement.style.paddingRight,n=window.innerWidth-document.documentElement.clientWidth;return document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=n+"px",function(){document.documentElement.style.overflow=e,document.documentElement.style.paddingRight=t}}}),[x]),o.useEffect((function(){if(x===F.Open&&m.current){var e=new IntersectionObserver((function(e){for(var t,n=s(e);!(t=n()).done;){var r=t.value;0===r.boundingClientRect.x&&0===r.boundingClientRect.y&&0===r.boundingClientRect.width&&0===r.boundingClientRect.height&&k()}}));return e.observe(m.current),function(){return e.disconnect()}}}),[x,m,k]);var P=!!e.static||x===F.Open;I(m,P,{initialFocus:p}),function(e,t){void 0===t&&(t=!0),b((function(){if(t&&e.current){for(var n,r=e.current,o=new Map,i=s(L(r));!(n=i()).done;){var u=n.value;o.set(u,{"aria-hidden":u.getAttribute("aria-hidden"),inert:u.inert})}document.querySelectorAll("body > *").forEach((function(e){e!==r&&e instanceof HTMLElement&&(e.contains(r)||o.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}))}));for(var a,l=s(o.keys());!(a=l()).done;){var c=a.value;c.setAttribute("aria-hidden","true"),c.inert=!0}return function(){for(var e,t=s(o.entries());!(e=t()).done;){var n=e.value,r=n[0],i=n[1];null!==r&&(null===i["aria-hidden"]?r.removeAttribute("aria-hidden"):r.setAttribute("aria-hidden",i["aria-hidden"]),r.inert=i.inert)}o.clear()}}}),[t])}(m,P);var A="headlessui-dialog-"+E(),j=o.useMemo((function(){return[{dialogState:x,close:k,setTitle:R,setDescription:T},C]}),[x,C,k,R,T]),U=o.useMemo((function(){return{open:x===F.Open}}),[x]),H={ref:y,id:A,role:"dialog","aria-modal":x===F.Open||void 0,"aria-labelledby":null==(n=C.titleElement)?void 0:n.id,"aria-describedby":null==(u=C.descriptionElement)?void 0:u.id};return i.createElement(M,null,i.createElement(N.Provider,{value:j},d(a({},v,H),U,"div",V,x===F.Open)))})),{Overlay:v((function e(t,n){var r=j([_.name,e.name].join("."))[0],i=r.dialogState,u=r.close,l=h(n),c="headlessui-dialog-overlay-"+E(),s=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();u()}),[u]),f=o.useMemo((function(){return{open:i===F.Open}}),[i]);return d(a({},t,{ref:l,id:c,"aria-hidden":!0,onClick:s}),f,"div")})),Title:function e(t){var n=j([_.name,e.name].join("."))[0],r=n.dialogState,i=n.setTitle,u="headlessui-dialog-title-"+E(),l=o.useMemo((function(){return{open:r===F.Open}}),[r]);return d(a({},t,{ref:i,id:u}),l,"h2")},Description:function e(t){var n=j([_.name,e.name].join("."))[0],r=n.dialogState,i=n.setDescription,u="headlessui-dialog-description-"+E(),l=o.useMemo((function(){return{open:r===F.Open}}),[r]);return d(a({},t,{ref:i,id:u}),l,"p")}});!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(H||(H={})),function(e){e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.SetButtonId=1]="SetButtonId",e[e.SetPanelId=2]="SetPanelId",e[e.LinkPanel=3]="LinkPanel",e[e.UnlinkPanel=4]="UnlinkPanel"}(B||(B={}));var Q=((U={})[B.ToggleDisclosure]=function(e){var t;return a({},e,{disclosureState:f(e.disclosureState,(t={},t[H.Open]=H.Closed,t[H.Closed]=H.Open,t))})},U[B.LinkPanel]=function(e){return!0===e.linkedPanel?e:a({},e,{linkedPanel:!0})},U[B.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:a({},e,{linkedPanel:!1})},U[B.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:a({},e,{buttonId:t.buttonId})},U[B.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:a({},e,{panelId:t.panelId})},U),K=o.createContext(null);function q(e){var t=o.useContext(K);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+J.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,q),n}return t}function W(e,t){return f(t.type,Q,e,t)}K.displayName="DisclosureContext";var Y=o.Fragment;function J(e){var t="headlessui-disclosure-button-"+E(),n="headlessui-disclosure-panel-"+E(),r=o.useReducer(W,{disclosureState:H.Closed,linkedPanel:!1,buttonId:t,panelId:n}),u=r[0].disclosureState,a=r[1];o.useEffect((function(){return a({type:B.SetButtonId,buttonId:t})}),[t,a]),o.useEffect((function(){return a({type:B.SetPanelId,panelId:n})}),[n,a]);var l=o.useMemo((function(){return{open:u===H.Open}}),[u]);return i.createElement(K.Provider,{value:r},d(e,l,Y))}var $,z,X,Z,ee=v((function e(t,n){var i=q([J.name,e.name].join(".")),u=i[0],l=i[1],c=h(n),s=o.useCallback((function(e){switch(e.key){case r.Space:case r.Enter:e.preventDefault(),l({type:B.ToggleDisclosure})}}),[l]),f=o.useCallback((function(e){y(e.currentTarget)||t.disabled||l({type:B.ToggleDisclosure})}),[l,t.disabled]),p=o.useMemo((function(){return{open:u.disclosureState===H.Open}}),[u]);return d(a({},t,{ref:c,id:u.buttonId,type:"button","aria-expanded":u.disclosureState===H.Open||void 0,"aria-controls":u.linkedPanel?u.panelId:void 0,onKeyDown:s,onClick:f}),p,"button")})),te=t.RenderStrategy|t.Static,ne=v((function e(t,n){var r=q([J.name,e.name].join(".")),i=r[0],u=r[1],l=h(n,(function(){i.linkedPanel||u({type:B.LinkPanel})}));o.useEffect((function(){return function(){return u({type:B.UnlinkPanel})}}),[u]),o.useEffect((function(){var e;i.disclosureState!==H.Closed||null!=(e=t.unmount)&&!e||u({type:B.UnlinkPanel})}),[i.disclosureState,t.unmount,u]);var c=o.useMemo((function(){return{open:i.disclosureState===H.Open}}),[i]);return d(a({},t,{ref:l,id:i.panelId}),c,"div",te,i.disclosureState===H.Open)}));J.Button=ee,J.Panel=ne,function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last"}(z||(z={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(X||(X={})),function(e){e[e.ToggleFlyout=0]="ToggleFlyout",e[e.CloseFlyout=1]="CloseFlyout",e[e.SetButtonId=2]="SetButtonId",e[e.SetPanelId=3]="SetPanelId",e[e.LinkPanel=4]="LinkPanel",e[e.UnlinkPanel=5]="UnlinkPanel"}(Z||(Z={}));var re=(($={})[Z.ToggleFlyout]=function(e){var t;return a({},e,{flyoutState:f(e.flyoutState,(t={},t[X.Open]=X.Closed,t[X.Closed]=X.Open,t))})},$[Z.CloseFlyout]=function(e){return e.flyoutState===X.Closed?e:a({},e,{flyoutState:X.Closed})},$[Z.LinkPanel]=function(e){return!0===e.linkedPanel?e:a({},e,{linkedPanel:!0})},$[Z.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:a({},e,{linkedPanel:!1})},$[Z.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:a({},e,{buttonId:t.buttonId})},$[Z.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:a({},e,{panelId:t.panelId})},$),oe=o.createContext(null);function ie(e){var t=o.useContext(oe);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+ce.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,ie),n}return t}oe.displayName="FlyoutContext";var ue=o.createContext(null);function ae(){return o.useContext(ue)}function le(e,t){return f(t.type,re,e,t)}function ce(e){var t="headlessui-flyout-button-"+E(),n="headlessui-flyout-panel-"+E(),r=o.useReducer(le,{flyoutState:X.Closed,linkedPanel:!1,buttonId:t,panelId:n}),u=r[0].flyoutState,a=r[1];o.useEffect((function(){return a({type:Z.SetButtonId,buttonId:t})}),[t,a]),o.useEffect((function(){return a({type:Z.SetPanelId,panelId:n})}),[n,a]);var l=o.useMemo((function(){return{buttonId:t,panelId:n,close:function(){return a({type:Z.CloseFlyout})}}}),[t,n,a]),c=ae(),s=null==c?void 0:c.registerFlyoutMenu,f=null==c?void 0:c.isFocusWithinFlyoutGroup;o.useEffect((function(){return null==s?void 0:s(l)}),[s,l]),o.useEffect((function(){if(u===X.Open&&f)return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)};function e(){(null==f?void 0:f())||a({type:Z.CloseFlyout})}}),[u,f,a]);var p=o.useMemo((function(){return{open:u===X.Open}}),[u]);return i.createElement(oe.Provider,{value:r},d(e,p,"div"))}ue.displayName="FlyoutGroupContext";var se,fe,de,pe,ve=v((function e(t,n){var i=ie([ce.name,e.name].join(".")),u=i[0],l=i[1],c=o.useRef(null),s=h(c,n),f=ae(),p=null!==f,v=null==f?void 0:f.closeOthers,m=null==f?void 0:f.focusButton,b=o.useCallback((function(e){switch(e.key){case r.Space:case r.Enter:e.preventDefault(),u.flyoutState===X.Closed&&(null==v||v(u.buttonId)),l({type:Z.ToggleFlyout});break;case r.Escape:if(u.flyoutState!==X.Open)return null==v?void 0:v(u.buttonId);if(!c.current)return;if(!c.current.contains(document.activeElement))return;e.preventDefault(),l({type:Z.CloseFlyout})}if(p)switch(e.key){case r.Home:return e.preventDefault(),null==m?void 0:m(z.First);case r.ArrowLeft:return e.preventDefault(),null==m?void 0:m(z.Previous);case r.End:return e.preventDefault(),null==m?void 0:m(z.Last);case r.ArrowRight:return e.preventDefault(),null==m?void 0:m(z.Next)}}),[l,u,c,v,m,p]),g=o.useCallback((function(e){y(e.currentTarget)||t.disabled||(u.flyoutState===X.Closed&&(null==v||v(u.buttonId)),l({type:Z.ToggleFlyout}))}),[l,u.flyoutState,u.buttonId,t.disabled,v]),S=o.useMemo((function(){return{open:u.flyoutState===X.Open}}),[u]);return d(a({},t,{ref:s,id:u.buttonId,type:"button","aria-expanded":u.flyoutState===X.Open||void 0,"aria-controls":u.linkedPanel?u.panelId:void 0,onKeyDown:b,onClick:g}),S,"button")})),me=t.RenderStrategy|t.Static,he=v((function e(t,n){var i=ie([ce.name,e.name].join(".")),u=i[0],l=i[1],c=o.useRef(null),s=h(c,n,(function(){u.linkedPanel||l({type:Z.LinkPanel})})),f=o.useCallback((function(e){var t;switch(e.key){case r.Escape:if(u.flyoutState!==X.Open)return;if(!c.current)return;if(!c.current.contains(document.activeElement))return;e.preventDefault(),l({type:Z.CloseFlyout}),null==(t=document.getElementById(u.buttonId))||t.focus({preventScroll:!0})}}),[u,c,l]);o.useEffect((function(){return function(){return l({type:Z.UnlinkPanel})}}),[l]),o.useEffect((function(){var e;u.flyoutState!==X.Closed||null!=(e=t.unmount)&&!e||l({type:Z.UnlinkPanel})}),[u.flyoutState,t.unmount,l]);var p=o.useMemo((function(){return{open:u.flyoutState===X.Open}}),[u]);return d(a({},t,{ref:s,id:u.panelId,onKeyDown:f}),p,"div",me,u.flyoutState===X.Open)}));function ye(){var e=[],t={requestAnimationFrame:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=requestAnimationFrame.apply(void 0,arguments);t.add((function(){return cancelAnimationFrame(e)}))})),nextFrame:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.requestAnimationFrame((function(){t.requestAnimationFrame.apply(t,n)}))},setTimeout:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=setTimeout.apply(void 0,arguments);t.add((function(){return clearTimeout(e)}))})),add:function(t){e.push(t)},dispose:function(){for(var t,n=s(e.splice(0));!(t=n()).done;)(0,t.value)()}};return t}function be(){var e=o.useState(ye)[0];return o.useEffect((function(){return function(){return e.dispose()}}),[e]),e}function ge(e,t){var n=o.useState(e),r=n[0],i=n[1],u=o.useRef(e);return b((function(){u.current=e}),[e]),b((function(){return i(u.current)}),[u,i].concat(t)),r}function Se(e,t){var n=t.resolveItems();if(n.length<=0)return null;var r=t.resolveActiveIndex(),o=null!=r?r:-1,i=function(){switch(e.focus){case se.First:return n.findIndex((function(e){return!t.resolveDisabled(e)}));case se.Previous:var r=n.slice().reverse().findIndex((function(e,n,r){return!(-1!==o&&r.length-n-1>=o||t.resolveDisabled(e))}));return-1===r?r:n.length-1-r;case se.Next:return n.findIndex((function(e,n){return!(n<=o||t.resolveDisabled(e))}));case se.Last:var i=n.slice().reverse().findIndex((function(e){return!t.resolveDisabled(e)}));return-1===i?i:n.length-1-i;case se.Specific:return n.findIndex((function(n){return t.resolveId(n)===e.id}));case se.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===i?r:i}function xe(e,t){if(void 0!==e)return"function"==typeof e?e(t):e}ce.Button=ve,ce.Panel=he,ce.Group=function(e){var t=o.useMemo((function(){return{}}),[]),n=e,r=o.useState([]),u=r[0],l=r[1],c=o.useCallback((function(e){l((function(t){var n=t.indexOf(e);if(-1!==n){var r=t.slice();return r.splice(n,1),r}return t}))}),[l]),p=o.useCallback((function(e){return l((function(t){return[].concat(t,[e])})),function(){return c(e)}}),[l,c]),v=o.useCallback((function(){var e=document.activeElement;return u.some((function(t){var n,r;return(null==(n=document.getElementById(t.buttonId))?void 0:n.contains(e))||(null==(r=document.getElementById(t.panelId))?void 0:r.contains(e))}))}),[u]),m=o.useCallback((function(e){for(var t,n=s(u);!(t=n()).done;){var r=t.value;r.buttonId!==e&&r.close()}}),[u]),h=o.useCallback((function(e){var t;if(document.activeElement){var n=u.reduce((function(e,t){var n=document.getElementById(t.buttonId);return n?(e[t.buttonId]=n,e):e}),{}),r=Array.from(document.querySelectorAll(w)).filter((function(e){return void 0!==n[e.id]})),o=r.indexOf(document.activeElement);if(-1!==o){var i=f(e,((t={})[z.First]=function(){return 0},t[z.Previous]=function(){return Math.max(0,o-1)},t[z.Next]=function(){return Math.min(r.length-1,o+1)},t[z.Last]=function(){return r.length-1},t));r[i].focus({preventScroll:!0})}}}),[u]),y=o.useMemo((function(){return{registerFlyoutMenu:p,unregisterFlyoutMenu:c,isFocusWithinFlyoutGroup:v,closeOthers:m,focusButton:h}}),[p,c,v,m,h]);return i.createElement(ue.Provider,{value:y},d(a({},n,{}),t,"div"))},function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}(se||(se={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(de||(de={})),function(e){e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.SetDisabled=2]="SetDisabled",e[e.GoToOption=3]="GoToOption",e[e.Search=4]="Search",e[e.ClearSearch=5]="ClearSearch",e[e.RegisterOption=6]="RegisterOption",e[e.UnregisterOption=7]="UnregisterOption"}(pe||(pe={}));var Ee=((fe={})[pe.CloseListbox]=function(e){return e.disabled||e.listboxState===de.Closed?e:a({},e,{activeOptionIndex:null,listboxState:de.Closed})},fe[pe.OpenListbox]=function(e){return e.disabled||e.listboxState===de.Open?e:a({},e,{listboxState:de.Open})},fe[pe.SetDisabled]=function(e,t){return e.disabled===t.disabled?e:a({},e,{disabled:t.disabled})},fe[pe.GoToOption]=function(e,t){if(e.disabled)return e;if(e.listboxState===de.Closed)return e;var n=Se(t,{resolveItems:function(){return e.options},resolveActiveIndex:function(){return e.activeOptionIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeOptionIndex===n?e:a({},e,{searchQuery:"",activeOptionIndex:n})},fe[pe.Search]=function(e,t){if(e.disabled)return e;if(e.listboxState===de.Closed)return e;var n=e.searchQuery+t.value,r=e.options.findIndex((function(e){var t;return!e.dataRef.current.disabled&&(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))}));return a({},e,-1===r||r===e.activeOptionIndex?{searchQuery:n}:{searchQuery:n,activeOptionIndex:r})},fe[pe.ClearSearch]=function(e){return e.disabled||e.listboxState===de.Closed||""===e.searchQuery?e:a({},e,{searchQuery:""})},fe[pe.RegisterOption]=function(e,t){return a({},e,{options:[].concat(e.options,[{id:t.id,dataRef:t.dataRef}])})},fe[pe.UnregisterOption]=function(e,t){var n=e.options.slice(),r=null!==e.activeOptionIndex?n[e.activeOptionIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),a({},e,{options:n,activeOptionIndex:o===e.activeOptionIndex||null===r?null:n.indexOf(r)})},fe),we=o.createContext(null);function Ce(e){var t=o.useContext(we);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+ke.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ce),n}return t}function Ie(e,t){return f(t.type,Ee,e,t)}we.displayName="ListboxContext";var Oe=o.Fragment;function ke(e){var t=e.value,n=e.onChange,r=e.disabled,u=void 0!==r&&r,a=l(e,["value","onChange","disabled"]),c=be(),s=o.useReducer(Ie,{listboxState:de.Closed,propsRef:{current:{value:t,onChange:n}},labelRef:o.createRef(),buttonRef:o.createRef(),optionsRef:o.createRef(),disabled:u,options:[],searchQuery:"",activeOptionIndex:null}),f=s[0],p=f.listboxState,v=f.propsRef,m=f.optionsRef,h=f.buttonRef,y=s[1];b((function(){v.current.value=t}),[t,v]),b((function(){v.current.onChange=n}),[n,v]),b((function(){return y({type:pe.SetDisabled,disabled:u})}),[u]),o.useEffect((function(){function e(e){var t,n,r,o=e.target,i=document.activeElement;p===de.Open&&((null==(t=h.current)?void 0:t.contains(o))||((null==(n=m.current)?void 0:n.contains(o))||y({type:pe.CloseListbox}),i!==document.body&&(null==i?void 0:i.contains(o))||e.defaultPrevented||null==(r=h.current)||r.focus({preventScroll:!0})))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[p,m,h,c,y]);var g=o.useMemo((function(){return{open:p===de.Open,disabled:u}}),[p,u]);return i.createElement(we.Provider,{value:s},d(a,g,Oe))}var Re,Le,Te,Fe=v((function e(t,n){var i,u=Ce([ke.name,e.name].join(".")),l=u[0],c=u[1],s=h(l.buttonRef,n),f="headlessui-listbox-button-"+E(),p=be(),v=o.useCallback((function(e){switch(e.key){case r.Space:case r.Enter:case r.ArrowDown:e.preventDefault(),c({type:pe.OpenListbox}),p.nextFrame((function(){var e;null==(e=l.optionsRef.current)||e.focus({preventScroll:!0}),l.propsRef.current.value||c({type:pe.GoToOption,focus:se.First})}));break;case r.ArrowUp:e.preventDefault(),c({type:pe.OpenListbox}),p.nextFrame((function(){var e;null==(e=l.optionsRef.current)||e.focus({preventScroll:!0}),l.propsRef.current.value||c({type:pe.GoToOption,focus:se.Last})}))}}),[c,l,p]),m=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();l.listboxState===de.Open?(c({type:pe.CloseListbox}),p.nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),c({type:pe.OpenListbox}),p.nextFrame((function(){var e;return null==(e=l.optionsRef.current)?void 0:e.focus({preventScroll:!0})})))}),[c,p,l]),b=ge((function(){if(l.labelRef.current)return[l.labelRef.current.id,f].join(" ")}),[l.labelRef.current,f]),g=o.useMemo((function(){return{open:l.listboxState===de.Open,disabled:l.disabled}}),[l]);return d(a({},t,{ref:s,id:f,type:"button","aria-haspopup":!0,"aria-controls":null==(i=l.optionsRef.current)?void 0:i.id,"aria-expanded":l.listboxState===de.Open||void 0,"aria-labelledby":b,disabled:l.disabled,onKeyDown:v,onClick:m}),g,"button")})),De=t.RenderStrategy|t.Static,Pe=v((function e(t,n){var i,u=Ce([ke.name,e.name].join(".")),l=u[0],c=u[1],s=h(l.optionsRef,n),f="headlessui-listbox-options-"+E(),p=be(),v=be(),m=o.useCallback((function(e){switch(v.dispose(),e.key){case r.Space:if(""!==l.searchQuery)return e.preventDefault(),c({type:pe.Search,value:e.key});case r.Enter:e.preventDefault(),c({type:pe.CloseListbox}),null!==l.activeOptionIndex&&l.propsRef.current.onChange(l.options[l.activeOptionIndex].dataRef.current.value),ye().nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case r.ArrowDown:return e.preventDefault(),c({type:pe.GoToOption,focus:se.Next});case r.ArrowUp:return e.preventDefault(),c({type:pe.GoToOption,focus:se.Previous});case r.Home:case r.PageUp:return e.preventDefault(),c({type:pe.GoToOption,focus:se.First});case r.End:case r.PageDown:return e.preventDefault(),c({type:pe.GoToOption,focus:se.Last});case r.Escape:return e.preventDefault(),c({type:pe.CloseListbox}),p.nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));case r.Tab:return e.preventDefault();default:1===e.key.length&&(c({type:pe.Search,value:e.key}),v.setTimeout((function(){return c({type:pe.ClearSearch})}),350))}}),[p,c,v,l]),y=ge((function(){var e,t,n;return null!=(e=null==(t=l.labelRef.current)?void 0:t.id)?e:null==(n=l.buttonRef.current)?void 0:n.id}),[l.labelRef.current,l.buttonRef.current]),b=o.useMemo((function(){return{open:l.listboxState===de.Open}}),[l]);return d(a({},t,{"aria-activedescendant":null===l.activeOptionIndex||null==(i=l.options[l.activeOptionIndex])?void 0:i.id,"aria-labelledby":y,id:f,onKeyDown:m,role:"listbox",tabIndex:0,ref:s}),b,"ul",De,l.listboxState===de.Open)}));ke.Button=Fe,ke.Label=function e(t){var n=Ce([ke.name,e.name].join("."))[0],r="headlessui-listbox-label-"+E(),i=o.useCallback((function(){var e;return null==(e=n.buttonRef.current)?void 0:e.focus({preventScroll:!0})}),[n.buttonRef]),u=o.useMemo((function(){return{open:n.listboxState===de.Open,disabled:n.disabled}}),[n]);return d(a({},t,{ref:n.labelRef,id:r,onClick:i}),u,"label")},ke.Options=Pe,ke.Option=function e(t){var n=t.disabled,r=void 0!==n&&n,i=t.value,u=t.className,c=l(t,["disabled","value","className"]),s=Ce([ke.name,e.name].join(".")),f=s[0],p=s[1],v="headlessui-listbox-option-"+E(),m=null!==f.activeOptionIndex&&f.options[f.activeOptionIndex].id===v,h=f.propsRef.current.value===i,y=o.useRef({disabled:r,value:i});b((function(){y.current.disabled=r}),[y,r]),b((function(){y.current.value=i}),[y,i]),b((function(){var e,t;y.current.textValue=null==(e=document.getElementById(v))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[y,v]);var g=o.useCallback((function(){return f.propsRef.current.onChange(i)}),[f.propsRef,i]);b((function(){return p({type:pe.RegisterOption,id:v,dataRef:y}),function(){return p({type:pe.UnregisterOption,id:v})}}),[y,v]),b((function(){var e;f.listboxState===de.Open&&h&&(p({type:pe.GoToOption,focus:se.Specific,id:v}),null==(e=document.getElementById(v))||null==e.focus||e.focus())}),[f.listboxState]),b((function(){if(f.listboxState===de.Open&&m){var e=ye();return e.nextFrame((function(){var e;return null==(e=document.getElementById(v))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[v,m,f.listboxState]);var S=o.useCallback((function(e){if(r)return e.preventDefault();g(),p({type:pe.CloseListbox}),ye().nextFrame((function(){var e;return null==(e=f.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))}),[p,f.buttonRef,r,g]),x=o.useCallback((function(){if(r)return p({type:pe.GoToOption,focus:se.Nothing});p({type:pe.GoToOption,focus:se.Specific,id:v})}),[r,v,p]),w=o.useCallback((function(){r||m||p({type:pe.GoToOption,focus:se.Specific,id:v})}),[r,m,v,p]),C=o.useCallback((function(){r||m&&p({type:pe.GoToOption,focus:se.Nothing})}),[r,m,p]),I=o.useMemo((function(){return{active:m,selected:h,disabled:r}}),[m,h,r]);return d(a({},c,{id:v,role:"option",tabIndex:-1,className:xe(u,I),"aria-disabled":!0===r||void 0,"aria-selected":!0===h||void 0,onClick:S,onFocus:x,onPointerMove:w,onMouseMove:w,onPointerLeave:C,onMouseLeave:C}),I,"li")},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Le||(Le={})),function(e){e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem"}(Te||(Te={}));var Me=((Re={})[Te.CloseMenu]=function(e){return a({},e,{activeItemIndex:null,menuState:Le.Closed})},Re[Te.OpenMenu]=function(e){return a({},e,{menuState:Le.Open})},Re[Te.GoToItem]=function(e,t){var n=Se(t,{resolveItems:function(){return e.items},resolveActiveIndex:function(){return e.activeItemIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeItemIndex===n?e:a({},e,{searchQuery:"",activeItemIndex:n})},Re[Te.Search]=function(e,t){var n=e.searchQuery+t.value,r=e.items.findIndex((function(e){var t;return(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))&&!e.dataRef.current.disabled}));return a({},e,-1===r||r===e.activeItemIndex?{searchQuery:n}:{searchQuery:n,activeItemIndex:r})},Re[Te.ClearSearch]=function(e){return a({},e,{searchQuery:""})},Re[Te.RegisterItem]=function(e,t){return a({},e,{items:[].concat(e.items,[{id:t.id,dataRef:t.dataRef}])})},Re[Te.UnregisterItem]=function(e,t){var n=e.items.slice(),r=null!==e.activeItemIndex?n[e.activeItemIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),a({},e,{items:n,activeItemIndex:o===e.activeItemIndex||null===r?null:n.indexOf(r)})},Re),Ae=o.createContext(null);function Ne(e){var t=o.useContext(Ae);if(null===t){var n=new Error("<"+e+" /> is missing a parent <"+Ue.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ne),n}return t}function je(e,t){return f(t.type,Me,e,t)}Ae.displayName="MenuContext";var Ge=o.Fragment;function Ue(e){var t=o.useReducer(je,{menuState:Le.Closed,buttonRef:o.createRef(),itemsRef:o.createRef(),items:[],searchQuery:"",activeItemIndex:null}),n=t[0],r=n.menuState,u=n.itemsRef,a=n.buttonRef,l=t[1];o.useEffect((function(){function e(e){var t,n,o,i=e.target,c=document.activeElement;r===Le.Open&&((null==(t=a.current)?void 0:t.contains(i))||((null==(n=u.current)?void 0:n.contains(i))||l({type:Te.CloseMenu}),c!==document.body&&(null==c?void 0:c.contains(i))||e.defaultPrevented||null==(o=a.current)||o.focus({preventScroll:!0})))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[r,u,a,l]);var c=o.useMemo((function(){return{open:r===Le.Open}}),[r]);return i.createElement(Ae.Provider,{value:t},d(e,c,Ge))}var He=v((function e(t,n){var i,u=Ne([Ue.name,e.name].join(".")),l=u[0],c=u[1],s=h(l.buttonRef,n),f="headlessui-menu-button-"+E(),p=be(),v=o.useCallback((function(e){switch(e.key){case r.Space:case r.Enter:case r.ArrowDown:e.preventDefault(),c({type:Te.OpenMenu}),p.nextFrame((function(){var e;null==(e=l.itemsRef.current)||e.focus({preventScroll:!0}),c({type:Te.GoToItem,focus:se.First})}));break;case r.ArrowUp:e.preventDefault(),c({type:Te.OpenMenu}),p.nextFrame((function(){var e;null==(e=l.itemsRef.current)||e.focus({preventScroll:!0}),c({type:Te.GoToItem,focus:se.Last})}))}}),[c,l,p]),m=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();t.disabled||(l.menuState===Le.Open?(c({type:Te.CloseMenu}),p.nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),c({type:Te.OpenMenu}),p.nextFrame((function(){var e;return null==(e=l.itemsRef.current)?void 0:e.focus({preventScroll:!0})}))))}),[c,p,l,t.disabled]),b=o.useMemo((function(){return{open:l.menuState===Le.Open}}),[l]);return d(a({},t,{ref:s,id:f,type:"button","aria-haspopup":!0,"aria-controls":null==(i=l.itemsRef.current)?void 0:i.id,"aria-expanded":l.menuState===Le.Open||void 0,onKeyDown:v,onClick:m}),b,"button")})),Be=t.RenderStrategy|t.Static,Ve=v((function e(t,n){var i,u,l=Ne([Ue.name,e.name].join(".")),c=l[0],s=l[1],f=h(c.itemsRef,n),p="headlessui-menu-items-"+E(),v=be();b((function(){var e=c.itemsRef.current;if(e&&c.menuState===Le.Open)for(var t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT}});t.nextNode();)t.currentNode.setAttribute("role","none")}));var m=o.useCallback((function(e){switch(v.dispose(),e.key){case r.Space:if(""!==c.searchQuery)return e.preventDefault(),s({type:Te.Search,value:e.key});case r.Enter:var t;e.preventDefault(),s({type:Te.CloseMenu}),null!==c.activeItemIndex&&(null==(t=document.getElementById(c.items[c.activeItemIndex].id))||t.click()),ye().nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case r.ArrowDown:return e.preventDefault(),s({type:Te.GoToItem,focus:se.Next});case r.ArrowUp:return e.preventDefault(),s({type:Te.GoToItem,focus:se.Previous});case r.Home:case r.PageUp:return e.preventDefault(),s({type:Te.GoToItem,focus:se.First});case r.End:case r.PageDown:return e.preventDefault(),s({type:Te.GoToItem,focus:se.Last});case r.Escape:e.preventDefault(),s({type:Te.CloseMenu}),ye().nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case r.Tab:return e.preventDefault();default:1===e.key.length&&(s({type:Te.Search,value:e.key}),v.setTimeout((function(){return s({type:Te.ClearSearch})}),350))}}),[s,v,c]),y=o.useMemo((function(){return{open:c.menuState===Le.Open}}),[c]);return d(a({},t,{"aria-activedescendant":null===c.activeItemIndex||null==(i=c.items[c.activeItemIndex])?void 0:i.id,"aria-labelledby":null==(u=c.buttonRef.current)?void 0:u.id,id:p,onKeyDown:m,role:"menu",tabIndex:0,ref:f}),y,"div",Be,c.menuState===Le.Open)})),_e=o.Fragment;Ue.Button=He,Ue.Items=Ve,Ue.Item=function e(t){var n=t.disabled,r=void 0!==n&&n,i=t.className,u=t.onClick,c=l(t,["disabled","className","onClick"]),s=Ne([Ue.name,e.name].join(".")),f=s[0],p=s[1],v="headlessui-menu-item-"+E(),m=null!==f.activeItemIndex&&f.items[f.activeItemIndex].id===v;b((function(){if(f.menuState===Le.Open&&m){var e=ye();return e.nextFrame((function(){var e;return null==(e=document.getElementById(v))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[v,m,f.menuState]);var h=o.useRef({disabled:r});b((function(){h.current.disabled=r}),[h,r]),b((function(){var e,t;h.current.textValue=null==(e=document.getElementById(v))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[h,v]),b((function(){return p({type:Te.RegisterItem,id:v,dataRef:h}),function(){return p({type:Te.UnregisterItem,id:v})}}),[h,v]);var y=o.useCallback((function(e){return r?e.preventDefault():(p({type:Te.CloseMenu}),ye().nextFrame((function(){var e;return null==(e=f.buttonRef.current)?void 0:e.focus({preventScroll:!0})})),u?u(e):void 0)}),[p,f.buttonRef,r,u]),g=o.useCallback((function(){if(r)return p({type:Te.GoToItem,focus:se.Nothing});p({type:Te.GoToItem,focus:se.Specific,id:v})}),[r,v,p]),S=o.useCallback((function(){r||m||p({type:Te.GoToItem,focus:se.Specific,id:v})}),[r,m,v,p]),x=o.useCallback((function(){r||m&&p({type:Te.GoToItem,focus:se.Nothing})}),[r,m,p]),w=o.useMemo((function(){return{active:m,disabled:r}}),[m,r]);return d(a({},c,{id:v,role:"menuitem",tabIndex:-1,className:xe(i,w),"aria-disabled":!0===r||void 0,onClick:y,onFocus:g,onPointerMove:S,onMouseMove:S,onPointerLeave:x,onMouseLeave:x}),w,_e)};var Qe=o.createContext(null);function Ke(e){var t=o.useContext(Qe);if(null===t){var n=new Error("<"+e+" /> is missing a parent <Switch.Group /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(n,Ke),n}return t}Qe.displayName="GroupContext";var qe,We=o.Fragment;function Ye(e){var t,n,i=e.checked,u=e.onChange,c=e.className,s=l(e,["checked","onChange","className"]),f="headlessui-switch-"+E(),p=o.useContext(Qe),v=o.useCallback((function(){return u(!i)}),[u,i]),m=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();e.preventDefault(),v()}),[v]),h=o.useCallback((function(e){e.key!==r.Tab&&e.preventDefault(),e.key===r.Space&&v()}),[v]),b=o.useCallback((function(e){return e.preventDefault()}),[]),g=o.useMemo((function(){return{checked:i}}),[i]),S={id:f,ref:null===p?void 0:p.setSwitch,role:"switch",tabIndex:0,className:xe(c,g),"aria-checked":i,"aria-labelledby":null==p||null==(t=p.label)?void 0:t.id,"aria-describedby":null==p||null==(n=p.description)?void 0:n.id,onClick:m,onKeyUp:h,onKeyPress:b};return"button"===s.as&&Object.assign(S,{type:"button"}),d(a({},s,S),g,"button")}function Je(){var e=o.useRef(!0);return o.useEffect((function(){e.current=!1}),[]),e.current}function $e(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).add.apply(t,r)}function ze(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).remove.apply(t,r)}function Xe(e,t,n,r,o){var i=ye(),u=void 0!==o?function(e){var t={called:!1};return function(){if(!t.called)return t.called=!0,e.apply(void 0,arguments)}}(o):function(){};return $e.apply(void 0,[e].concat(t,n)),i.nextFrame((function(){ze.apply(void 0,[e].concat(n)),$e.apply(void 0,[e].concat(r)),i.add(function(e,t){var n=ye();if(!e)return n.dispose;var r=getComputedStyle(e),o=[r.transitionDuration,r.transitionDelay].map((function(e){var t=e.split(",").filter(Boolean).map((function(e){return e.includes("ms")?parseFloat(e):1e3*parseFloat(e)})).sort((function(e,t){return t-e}))[0];return void 0===t?0:t})),i=o[0];return 0!==i?n.setTimeout((function(){t(qe.Finished)}),i+o[1]):t(qe.Finished),n.add((function(){return t(qe.Cancelled)})),n.dispose}(e,(function(n){return ze.apply(void 0,[e].concat(r,t)),u(n)})))})),i.add((function(){return ze.apply(void 0,[e].concat(t,n,r))})),i.add((function(){return u(qe.Cancelled)})),i.dispose}function Ze(e){return void 0===e&&(e=""),o.useMemo((function(){return e.split(" ").filter((function(e){return e.trim().length>1}))}),[e])}Ye.Group=function(e){var t=o.useState(null),n=t[0],r=t[1],u=o.useState(null),a=u[0],l=u[1],c=o.useState(null),s=c[0],f=c[1],p=o.useMemo((function(){return{switch:n,setSwitch:r,label:a,setLabel:l,description:s,setDescription:f}}),[n,r,a,l,s,f]);return i.createElement(Qe.Provider,{value:p},d(e,{},We))},Ye.Label=function e(t){var n=Ke([Ye.name,e.name].join(".")),r="headlessui-switch-label-"+E(),i=o.useCallback((function(){n.switch&&(n.switch.click(),n.switch.focus({preventScroll:!0}))}),[n.switch]);return d(a({},t,{ref:n.setLabel,id:r,onClick:i}),{},"label")},Ye.Description=function e(t){var n=Ke([Ye.name,e.name].join(".")),r="headlessui-switch-description-"+E();return d(a({},t,{ref:n.setDescription,id:r}),{},"p")},function(e){e.Finished="finished",e.Cancelled="cancelled"}(qe||(qe={}));var et,tt=o.createContext(null);tt.displayName="TransitionContext",function(e){e.Visible="visible",e.Hidden="hidden"}(et||(et={}));var nt=o.createContext(null);function rt(e){return"children"in e?rt(e.children):e.current.filter((function(e){return e.state===et.Visible})).length>0}function ot(e){var t=o.useRef(e),r=o.useRef([]),i=function(){var e=o.useRef(!0);return o.useEffect((function(){return function(){e.current=!1}}),[]),e}();o.useEffect((function(){t.current=e}),[e]);var u=o.useCallback((function(e,o){var u;void 0===o&&(o=n.Hidden);var a=r.current.findIndex((function(t){return t.id===e}));-1!==a&&(f(o,((u={})[n.Unmount]=function(){r.current.splice(a,1)},u[n.Hidden]=function(){r.current[a].state=et.Hidden},u)),!rt(r)&&i.current&&(null==t.current||t.current()))}),[t,i,r]),a=o.useCallback((function(e){var t=r.current.find((function(t){return t.id===e}));return t?t.state!==et.Visible&&(t.state=et.Visible):r.current.push({id:e,state:et.Visible}),function(){return u(e,n.Unmount)}}),[r,u]);return o.useMemo((function(){return{children:r,register:a,unregister:u}}),[a,u,r])}function it(){}nt.displayName="NestingContext";var ut=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function at(e){for(var t,n={},r=s(ut);!(t=r()).done;){var o,i=t.value;n[i]=null!=(o=e[i])?o:it}return n}var lt=t.RenderStrategy;function ct(e){var t=e.beforeEnter,r=e.afterEnter,u=e.beforeLeave,c=e.afterLeave,s=e.enter,p=e.enterFrom,v=e.enterTo,m=e.leave,h=e.leaveFrom,y=e.leaveTo,g=l(e,["beforeEnter","afterEnter","beforeLeave","afterLeave","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo"]),S=o.useRef(null),x=o.useState(et.Visible),w=x[0],C=x[1],I=g.unmount?n.Unmount:n.Hidden,O=function(){var e=o.useContext(tt);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),k=O.show,R=O.appear,L=function(){var e=o.useContext(nt);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),T=L.register,F=L.unregister,D=Je(),P=E(),M=o.useRef(!1),A=ot((function(){M.current||(C(et.Hidden),F(P),V.current.afterLeave())}));b((function(){if(P)return T(P)}),[T,P]),b((function(){var e;I===n.Hidden&&P&&(k&&w!==et.Visible?C(et.Visible):f(w,((e={})[et.Hidden]=function(){return F(P)},e[et.Visible]=function(){return T(P)},e)))}),[w,P,T,F,k,I]);var N=Ze(s),j=Ze(p),G=Ze(v),U=Ze(m),H=Ze(h),B=Ze(y),V=function(e){var t=o.useRef(at(e));return o.useEffect((function(){t.current=at(e)}),[e]),t}({beforeEnter:t,afterEnter:r,beforeLeave:u,afterLeave:c});o.useEffect((function(){if(w===et.Visible&&null===S.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[S,w]);var _=D&&!R;return b((function(){var e=S.current;if(e&&!_)return M.current=!0,k&&V.current.beforeEnter(),k||V.current.beforeLeave(),k?Xe(e,N,j,G,(function(e){M.current=!1,e===qe.Finished&&V.current.afterEnter()})):Xe(e,U,H,B,(function(e){M.current=!1,e===qe.Finished&&(rt(A)||(C(et.Hidden),F(P),V.current.afterLeave()))}))}),[V,P,M,F,A,S,_,k,N,j,G,U,H,B]),i.createElement(nt.Provider,{value:A},d(a({},g,{ref:S}),{},"div",lt,w===et.Visible))}function st(e){var t=e.show,n=e.appear,r=void 0!==n&&n,u=e.unmount,c=l(e,["show","appear","unmount"]);if(![!0,!1].includes(t))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");var s=o.useState(t?et.Visible:et.Hidden),f=s[0],p=s[1],v=ot((function(){p(et.Hidden)})),m=Je(),h=o.useMemo((function(){return{show:t,appear:r||!m}}),[t,r,m]);o.useEffect((function(){t?p(et.Visible):rt(v)||p(et.Hidden)}),[t,v]);var y={unmount:u};return i.createElement(nt.Provider,{value:v},i.createElement(tt.Provider,{value:h},d(a({},y,{as:o.Fragment,children:i.createElement(ct,Object.assign({},y,c))}),{},o.Fragment,lt,f===et.Visible)))}st.Child=ct,exports.Dialog=_,exports.Disclosure=J,exports.Flyout=ce,exports.FocusTrap=function(e){var t=o.useRef(null),n=e.initialFocus,r=l(e,["initialFocus"]);return I(t,!0,{initialFocus:n}),d(a({},r,{ref:t}),{},"div")},exports.Listbox=ke,exports.Menu=Ue,exports.Portal=M,exports.Switch=Ye,exports.Transition=st;
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n,t,r,o=require("react"),u=(e=o)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-dom");function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function c(e,n){if(null==e)return{};var t,r,o={},u=Object.keys(e);for(r=0;r<u.length;r++)n.indexOf(t=u[r])>=0||(o[t]=e[t]);return o}function l(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e,n){var t;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return l(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?l(e,void 0):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(t=e[Symbol.iterator]()).next.bind(t)}function d(e,n){if(e in n){for(var t=n[e],r=arguments.length,o=new Array(r>2?r-2:0),u=2;u<r;u++)o[u-2]=arguments[u];return"function"==typeof t?t.apply(void 0,o):t}var i=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(n).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(i,d),i}function f(e,r,o,u,i){if(void 0===i&&(i=!0),i)return p(e,r,o);var l=null!=u?u:n.None;if(l&n.Static){var s=e.static,f=void 0!==s&&s,v=c(e,["static"]);if(f)return p(v,r,o)}if(l&n.RenderStrategy){var m,b=e.unmount,y=void 0===b||b,h=c(e,["unmount"]);return d(y?t.Unmount:t.Hidden,((m={})[t.Unmount]=function(){return null},m[t.Hidden]=function(){return p(a({},h,{hidden:!0,style:{display:"none"}}),r,o)},m))}return p(e,r,o)}function p(e,n,t){var r,u=m(e,["unmount","static"]),i=u.as,a=void 0===i?t:i,l=u.children,d=u.refName,f=void 0===d?"ref":d,v=c(u,["as","children","refName"]),b=void 0!==e.ref?((r={})[f]=e.ref,r):{},y="function"==typeof l?l(n):l;if(v.className&&"function"==typeof v.className&&(v.className=v.className(n)),a===o.Fragment&&Object.keys(v).length>0){if(Array.isArray(y)&&y.length>1){var h=new Error("You should only render 1 child");throw Error.captureStackTrace&&Error.captureStackTrace(h,p),h}if(!o.isValidElement(y)){var S=new Error('You should render an element as a child. Did you forget the as="..." prop?');throw Error.captureStackTrace&&Error.captureStackTrace(S,p),S}return o.cloneElement(y,Object.assign({},function(e,n,t){for(var r,o=Object.assign({},e),u=function(){var t,u=r.value;void 0!==e[u]&&void 0!==n[u]&&Object.assign(o,((t={})[u]=function(t){t.defaultPrevented||e[u](t),t.defaultPrevented||n[u](t)},t))},i=s(["onClick"]);!(r=i()).done;)u();return o}(function(e){var n=Object.assign({},e);for(var t in n)void 0===n[t]&&delete n[t];return n}(m(v,["ref"])),y.props),b))}return o.createElement(a,Object.assign({},m(v,["ref"]),a!==o.Fragment&&b),y)}function v(e){var n;return Object.assign(o.forwardRef(e),{displayName:null!=(n=e.displayName)?n:e.name})}function m(e,n){void 0===n&&(n=[]);for(var t,r=Object.assign({},e),o=s(n);!(t=o()).done;){var u=t.value;u in r&&delete r[u]}return r}function b(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];var r=o.useRef(n);return o.useEffect((function(){r.current=n}),[n]),o.useCallback((function(e){for(var n,t=s(r.current);!(n=t()).done;){var o=n.value;null!=o&&("function"==typeof o?o(e):o.current=e)}}),[r])}function y(e){for(var n,t,r=e.parentElement,o=null;r&&!(r instanceof HTMLFieldSetElement);)r instanceof HTMLLegendElement&&(o=r),r=r.parentElement;var u=null!=(n=""===(null==(t=r)?void 0:t.getAttribute("disabled")))&&n;return(!u||!function(e){if(!e)return!1;for(var n=e.previousElementSibling;null!==n;){if(n instanceof HTMLLegendElement)return!1;n=n.previousElementSibling}return!0}(o))&&u}!function(e){e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static"}(n||(n={})),function(e){e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden"}(t||(t={})),function(e){e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.ArrowUp="ArrowUp",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab"}(r||(r={}));var h="undefined"!=typeof window?o.useLayoutEffect:o.useEffect,S={serverHandoffComplete:!1},g=0;function E(){return++g}function w(){var e=o.useState(S.serverHandoffComplete?E:null),n=e[0],t=e[1];return h((function(){null===n&&t(E())}),[n]),o.useEffect((function(){!1===S.serverHandoffComplete&&(S.serverHandoffComplete=!0)}),[]),null!=n?""+n:void 0}var x,C,I,O,k=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((function(e){return e+":not([tabindex='-1'])"})).join(",");function P(e){return void 0===e&&(e=document.body),null==e?[]:Array.from(e.querySelectorAll(k))}function R(e,n){var t;return void 0===n&&(n=O.Strict),e!==document.body&&d(n,((t={})[O.Strict]=function(){return e.matches(k)},t[O.Loose]=function(){for(var n=e;null!==n;){if(n.matches(k))return!0;n=n.parentElement}return!1},t))}function T(e){null==e||e.focus({preventScroll:!0})}function D(e,n){var t=Array.isArray(e)?e:P(e),r=document.activeElement,o=function(){if(n&(x.First|x.Next))return I.Next;if(n&(x.Previous|x.Last))return I.Previous;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),u=function(){if(n&x.First)return 0;if(n&x.Previous)return Math.max(0,t.indexOf(r))-1;if(n&x.Next)return Math.max(0,t.indexOf(r))+1;if(n&x.Last)return t.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),i=n&x.NoScroll?{preventScroll:!0}:{},a=0,c=t.length,l=void 0;do{var s;if(a>=c||a+c<=0)return C.Error;var d=u+a;if(n&x.WrapAround)d=(d+c)%c;else{if(d<0)return C.Underflow;if(d>=c)return C.Overflow}null==(s=l=t[d])||s.focus(i),a+=o}while(l!==document.activeElement);return C.Success}function L(e,n){for(var t,r=s(e);!(t=r()).done;)if(t.value.contains(n))return!0;return!1}function F(e,n,t){void 0===n&&(n=!0),void 0===t&&(t={});var u=o.useRef("undefined"!=typeof window?document.activeElement:null),i=o.useRef(null),a=o.useRef(!1);h((function(){var r,o;if(n&&1===e.current.size){a.current=!0;var c,l=document.activeElement;if(null==(r=t.initialFocus)?void 0:r.current){if((null==(c=t.initialFocus)?void 0:c.current)===l)return}else if(L(e.current,l))return;if(u.current=l,null==(o=t.initialFocus)?void 0:o.current)T(t.initialFocus.current);else{for(var d,f=!1,p=s(e.current);!(d=p()).done;)if(D(d.value,x.First)===C.Success){f=!0;break}if(!f)throw new Error("There are no focusable elements inside the <FocusTrap />")}return i.current=document.activeElement,function(){a.current=!1,T(u.current),u.current=null,i.current=null}}}),[n,e,a,t.initialFocus]),h((function(){if(n)return window.addEventListener("keydown",t),function(){return window.removeEventListener("keydown",t)};function t(n){if(n.key===r.Tab&&document.activeElement&&1===e.current.size){n.preventDefault();for(var t,o=s(e.current);!(t=o()).done;)if(D(t.value,(n.shiftKey?x.Previous:x.Next)|x.WrapAround)===C.Success){i.current=document.activeElement;break}}}}),[n,e]),h((function(){if(n&&1===e.current.size)return window.addEventListener("focus",t,!0),function(){return window.removeEventListener("focus",t,!0)};function t(n){var t=i.current;if(t&&a.current){var r=n.target;r&&r instanceof HTMLElement?L(e.current,r)?(i.current=r,T(r)):(n.preventDefault(),n.stopPropagation(),T(t)):T(i.current)}}}),[n,a,e])}!function(e){e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll"}(x||(x={})),function(e){e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow"}(C||(C={})),function(e){e[e.Previous=-1]="Previous",e[e.Next=1]="Next"}(I||(I={})),function(e){e[e.Strict=0]="Strict",e[e.Loose=1]="Loose"}(O||(O={}));var M=new Set,A=new Map;function N(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function j(e){var n=A.get(e);n&&(null===n["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",n["aria-hidden"]),e.inert=n.inert)}var U,G=o.createContext((function(){}));function H(){return o.useContext(G)}function B(e){var n=e.children,t=e.onUpdate,r=H(),i=o.useCallback((function(){for(var e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];null==t||t.apply(void 0,n),r.apply(void 0,n)}),[r,t]);return u.createElement(G.Provider,{value:i},n)}G.displayName="StackContext",function(e){e[e.AddElement=0]="AddElement",e[e.RemoveElement=1]="RemoveElement"}(U||(U={}));var V,Q,K,W=o.Fragment;function q(e){var n=o.useState((function(){if("undefined"==typeof window)return null;var e=document.getElementById("headlessui-portal-root");if(e)return e;var n=document.createElement("div");return n.setAttribute("id","headlessui-portal-root"),document.body.appendChild(n)}))[0],t=o.useState((function(){return"undefined"==typeof window?null:document.createElement("div")}))[0];return function(e){var n=H();h((function(){if(e)return n(U.AddElement,e),function(){return n(U.RemoveElement,e)}}),[e])}(t),h((function(){if(n&&t)return console.log({target:n,element:t}),n.appendChild(t),function(){n&&t&&(console.log({target:n,element:t}),n.removeChild(t),n.childNodes.length<=0&&document.body.removeChild(n))}}),[n,t]),u.createElement(B,null,n&&t?i.createPortal(f(e,{},W),t):null)}!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Q||(Q={})),function(e){e[e.SetTitleId=0]="SetTitleId",e[e.SetDescriptionId=1]="SetDescriptionId"}(K||(K={}));var z=((V={})[K.SetTitleId]=function(e,n){return e.titleId===n.id?e:a({},e,{titleId:n.id})},V[K.SetDescriptionId]=function(e,n){return e.descriptionId===n.id?e:a({},e,{descriptionId:n.id})},V),Y=o.createContext(null);function _(e){var n=o.useContext(Y);if(null===n){var t=new Error("<"+e+" /> is missing a parent <"+ne.displayName+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(t,_),t}return n}function J(e,n){return d(n.type,z,e,n)}Y.displayName="DialogContext";var $,X,Z,ee=n.RenderStrategy|n.Static,ne=Object.assign(v((function(e,n){var t=e.open,i=e.onClose,l=e.initialFocus,p=c(e,["open","onClose","initialFocus"]),v=o.useRef(new Set),m=o.useRef(null),y=b(m,n),S=e.hasOwnProperty("open"),g=e.hasOwnProperty("onClose");if(!S&&!g)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!S)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!g)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof t)throw new Error("You provided an `open` prop to the `Dialog`, but the value is not a boolean. Received: "+t);if("function"!=typeof i)throw new Error("You provided an `onClose` prop to the `Dialog`, but the value is not a function. Received: "+i);var E=t?Q.Open:Q.Closed,x=o.useReducer(J,{titleId:null,descriptionId:null}),C=x[0],I=x[1],O=o.useCallback((function(){return i(!1)}),[i]),k=o.useCallback((function(e){return I({type:K.SetTitleId,id:e})}),[I]),P=o.useCallback((function(e){return I({type:K.SetDescriptionId,id:e})}),[I]);o.useEffect((function(){function e(e){E===Q.Open&&1===v.current.size&&(L(v.current,e.target)||O())}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[E,v,O]),o.useEffect((function(){function e(e){e.key===r.Escape&&E===Q.Open&&(v.current.size>1||O())}return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}}),[O,E]),o.useEffect((function(){if(E===Q.Open){var e=document.documentElement.style.overflow,n=document.documentElement.style.paddingRight,t=window.innerWidth-document.documentElement.clientWidth;return document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=t+"px",function(){document.documentElement.style.overflow=e,document.documentElement.style.paddingRight=n}}}),[E]),o.useEffect((function(){if(E===Q.Open&&m.current){var e=new IntersectionObserver((function(e){for(var n,t=s(e);!(n=t()).done;){var r=n.value;0===r.boundingClientRect.x&&0===r.boundingClientRect.y&&0===r.boundingClientRect.width&&0===r.boundingClientRect.height&&O()}}));return e.observe(m.current),function(){return e.disconnect()}}}),[E,m,O]);var R=!!e.static||E===Q.Open;F(v,R,{initialFocus:l}),function(e,n){void 0===n&&(n=!0),h((function(){if(n&&e.current){var t=e.current;M.add(t);for(var r,o=s(A.keys());!(r=o()).done;){var u=r.value;u.contains(t)&&(j(u),A.delete(u))}return document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement){for(var n,t=s(M);!(n=t()).done;)if(e.contains(n.value))return;1===M.size&&(A.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),N(e))}})),function(){if(M.delete(t),M.size>0)document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement&&!A.has(e)){for(var n,t=s(M);!(n=t()).done;)if(e.contains(n.value))return;A.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),N(e)}}));else for(var e,n=s(A.keys());!(e=n()).done;){var r=e.value;j(r),A.delete(r)}}}}),[n])}(m,R);var T="headlessui-dialog-"+w(),D=o.useMemo((function(){return[{dialogState:E,close:O,setTitleId:k,setDescriptionId:P},C]}),[E,C,O,k,P]),G=o.useMemo((function(){return{open:E===Q.Open}}),[E]);return u.createElement(B,{onUpdate:function(e,n){var t;return d(e,((t={})[U.AddElement]=function(){v.current.add(n)},t[U.RemoveElement]=function(){v.current.delete(n)},t))}},u.createElement(q,null,u.createElement(Y.Provider,{value:D},f(a({},p,{ref:y,id:T,role:"dialog","aria-modal":E===Q.Open||void 0,"aria-labelledby":C.titleId,"aria-describedby":C.descriptionId}),G,"div",ee,E===Q.Open))))})),{Overlay:v((function e(n,t){var r=_([ne.displayName,e.name].join("."))[0],u=r.dialogState,i=r.close,c=b(t),l="headlessui-dialog-overlay-"+w(),s=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();i()}),[i]),d=o.useMemo((function(){return{open:u===Q.Open}}),[u]);return f(a({},n,{ref:c,id:l,"aria-hidden":!0,onClick:s}),d,"div")})),Title:function e(n){var t=_([ne.displayName,e.name].join("."))[0],r=t.dialogState,u=t.setTitleId,i="headlessui-dialog-title-"+w();o.useEffect((function(){return u(i),function(){return u(null)}}),[i,u]);var c=o.useMemo((function(){return{open:r===Q.Open}}),[r]);return f(a({},n,{id:i}),c,"h2")},Description:function e(n){var t=_([ne.displayName,e.name].join("."))[0],r=t.dialogState,u=t.setDescriptionId,i="headlessui-dialog-description-"+w();o.useEffect((function(){return u(i),function(){return u(null)}}),[i,u]);var c=o.useMemo((function(){return{open:r===Q.Open}}),[r]);return f(a({},n,{id:i}),c,"p")}});!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(X||(X={})),function(e){e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.SetButtonId=1]="SetButtonId",e[e.SetPanelId=2]="SetPanelId",e[e.LinkPanel=3]="LinkPanel",e[e.UnlinkPanel=4]="UnlinkPanel"}(Z||(Z={}));var te=(($={})[Z.ToggleDisclosure]=function(e){var n;return a({},e,{disclosureState:d(e.disclosureState,(n={},n[X.Open]=X.Closed,n[X.Closed]=X.Open,n))})},$[Z.LinkPanel]=function(e){return!0===e.linkedPanel?e:a({},e,{linkedPanel:!0})},$[Z.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:a({},e,{linkedPanel:!1})},$[Z.SetButtonId]=function(e,n){return e.buttonId===n.buttonId?e:a({},e,{buttonId:n.buttonId})},$[Z.SetPanelId]=function(e,n){return e.panelId===n.panelId?e:a({},e,{panelId:n.panelId})},$),re=o.createContext(null);function oe(e){var n=o.useContext(re);if(null===n){var t=new Error("<"+e+" /> is missing a parent <"+ae.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(t,oe),t}return n}function ue(e,n){return d(n.type,te,e,n)}re.displayName="DisclosureContext";var ie=o.Fragment;function ae(e){var n="headlessui-disclosure-button-"+w(),t="headlessui-disclosure-panel-"+w(),r=o.useReducer(ue,{disclosureState:X.Closed,linkedPanel:!1,buttonId:n,panelId:t}),i=r[0].disclosureState,a=r[1];o.useEffect((function(){return a({type:Z.SetButtonId,buttonId:n})}),[n,a]),o.useEffect((function(){return a({type:Z.SetPanelId,panelId:t})}),[t,a]);var c=o.useMemo((function(){return{open:i===X.Open}}),[i]);return u.createElement(re.Provider,{value:r},f(e,c,ie))}var ce,le,se,de,fe=v((function e(n,t){var u=oe([ae.name,e.name].join(".")),i=u[0],c=u[1],l=b(t),s=o.useCallback((function(e){switch(e.key){case r.Space:case r.Enter:e.preventDefault(),c({type:Z.ToggleDisclosure})}}),[c]),d=o.useCallback((function(e){y(e.currentTarget)||n.disabled||c({type:Z.ToggleDisclosure})}),[c,n.disabled]),p=o.useMemo((function(){return{open:i.disclosureState===X.Open}}),[i]);return f(a({},n,{ref:l,id:i.buttonId,type:"button","aria-expanded":i.disclosureState===X.Open||void 0,"aria-controls":i.linkedPanel?i.panelId:void 0,onKeyDown:s,onClick:d}),p,"button")})),pe=n.RenderStrategy|n.Static,ve=v((function e(n,t){var r=oe([ae.name,e.name].join(".")),u=r[0],i=r[1],c=b(t,(function(){u.linkedPanel||i({type:Z.LinkPanel})}));o.useEffect((function(){return function(){return i({type:Z.UnlinkPanel})}}),[i]),o.useEffect((function(){var e;u.disclosureState!==X.Closed||null!=(e=n.unmount)&&!e||i({type:Z.UnlinkPanel})}),[u.disclosureState,n.unmount,i]);var l=o.useMemo((function(){return{open:u.disclosureState===X.Open}}),[u]);return f(a({},n,{ref:c,id:u.panelId}),l,"div",pe,u.disclosureState===X.Open)}));function me(){var e=[],n={requestAnimationFrame:function(e){function n(){return e.apply(this,arguments)}return n.toString=function(){return e.toString()},n}((function(){var e=requestAnimationFrame.apply(void 0,arguments);n.add((function(){return cancelAnimationFrame(e)}))})),nextFrame:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.requestAnimationFrame((function(){n.requestAnimationFrame.apply(n,t)}))},setTimeout:function(e){function n(){return e.apply(this,arguments)}return n.toString=function(){return e.toString()},n}((function(){var e=setTimeout.apply(void 0,arguments);n.add((function(){return clearTimeout(e)}))})),add:function(n){e.push(n)},dispose:function(){for(var n,t=s(e.splice(0));!(n=t()).done;)(0,n.value)()}};return n}function be(){var e=o.useState(me)[0];return o.useEffect((function(){return function(){return e.dispose()}}),[e]),e}function ye(e,n){var t=o.useState(e),r=t[0],u=t[1],i=o.useRef(e);return h((function(){i.current=e}),[e]),h((function(){return u(i.current)}),[i,u].concat(n)),r}function he(e,n){var t=n.resolveItems();if(t.length<=0)return null;var r=n.resolveActiveIndex(),o=null!=r?r:-1,u=function(){switch(e.focus){case ce.First:return t.findIndex((function(e){return!n.resolveDisabled(e)}));case ce.Previous:var r=t.slice().reverse().findIndex((function(e,t,r){return!(-1!==o&&r.length-t-1>=o||n.resolveDisabled(e))}));return-1===r?r:t.length-1-r;case ce.Next:return t.findIndex((function(e,t){return!(t<=o||n.resolveDisabled(e))}));case ce.Last:var u=t.slice().reverse().findIndex((function(e){return!n.resolveDisabled(e)}));return-1===u?u:t.length-1-u;case ce.Specific:return t.findIndex((function(t){return n.resolveId(t)===e.id}));case ce.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===u?r:u}ae.Button=fe,ae.Panel=ve,function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}(ce||(ce={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(se||(se={})),function(e){e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.SetDisabled=2]="SetDisabled",e[e.GoToOption=3]="GoToOption",e[e.Search=4]="Search",e[e.ClearSearch=5]="ClearSearch",e[e.RegisterOption=6]="RegisterOption",e[e.UnregisterOption=7]="UnregisterOption"}(de||(de={}));var Se=((le={})[de.CloseListbox]=function(e){return e.disabled||e.listboxState===se.Closed?e:a({},e,{activeOptionIndex:null,listboxState:se.Closed})},le[de.OpenListbox]=function(e){return e.disabled||e.listboxState===se.Open?e:a({},e,{listboxState:se.Open})},le[de.SetDisabled]=function(e,n){return e.disabled===n.disabled?e:a({},e,{disabled:n.disabled})},le[de.GoToOption]=function(e,n){if(e.disabled)return e;if(e.listboxState===se.Closed)return e;var t=he(n,{resolveItems:function(){return e.options},resolveActiveIndex:function(){return e.activeOptionIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeOptionIndex===t?e:a({},e,{searchQuery:"",activeOptionIndex:t})},le[de.Search]=function(e,n){if(e.disabled)return e;if(e.listboxState===se.Closed)return e;var t=e.searchQuery+n.value,r=e.options.findIndex((function(e){var n;return!e.dataRef.current.disabled&&(null==(n=e.dataRef.current.textValue)?void 0:n.startsWith(t))}));return a({},e,-1===r||r===e.activeOptionIndex?{searchQuery:t}:{searchQuery:t,activeOptionIndex:r})},le[de.ClearSearch]=function(e){return e.disabled||e.listboxState===se.Closed||""===e.searchQuery?e:a({},e,{searchQuery:""})},le[de.RegisterOption]=function(e,n){return a({},e,{options:[].concat(e.options,[{id:n.id,dataRef:n.dataRef}])})},le[de.UnregisterOption]=function(e,n){var t=e.options.slice(),r=null!==e.activeOptionIndex?t[e.activeOptionIndex]:null,o=t.findIndex((function(e){return e.id===n.id}));return-1!==o&&t.splice(o,1),a({},e,{options:t,activeOptionIndex:o===e.activeOptionIndex||null===r?null:t.indexOf(r)})},le),ge=o.createContext(null);function Ee(e){var n=o.useContext(ge);if(null===n){var t=new Error("<"+e+" /> is missing a parent <"+Ce.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(t,Ee),t}return n}function we(e,n){return d(n.type,Se,e,n)}ge.displayName="ListboxContext";var xe=o.Fragment;function Ce(e){var n=e.value,t=e.onChange,r=e.disabled,i=void 0!==r&&r,a=c(e,["value","onChange","disabled"]),l=o.useReducer(we,{listboxState:se.Closed,propsRef:{current:{value:n,onChange:t}},labelRef:o.createRef(),buttonRef:o.createRef(),optionsRef:o.createRef(),disabled:i,options:[],searchQuery:"",activeOptionIndex:null}),s=l[0],d=s.listboxState,p=s.propsRef,v=s.optionsRef,m=s.buttonRef,b=l[1];h((function(){p.current.value=n}),[n,p]),h((function(){p.current.onChange=t}),[t,p]),h((function(){return b({type:de.SetDisabled,disabled:i})}),[i]),o.useEffect((function(){function e(e){var n,t,r,o=e.target;d===se.Open&&((null==(n=m.current)?void 0:n.contains(o))||(null==(t=v.current)?void 0:t.contains(o))||(b({type:de.CloseListbox}),R(o,O.Loose)||(e.preventDefault(),null==(r=m.current)||r.focus())))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[d,m,v,b]);var y=o.useMemo((function(){return{open:d===se.Open,disabled:i}}),[d,i]);return u.createElement(ge.Provider,{value:l},f(a,y,xe))}var Ie,Oe,ke,Pe=v((function e(n,t){var u,i=Ee([Ce.name,e.name].join(".")),c=i[0],l=i[1],s=b(c.buttonRef,t),d="headlessui-listbox-button-"+w(),p=be(),v=o.useCallback((function(e){switch(e.key){case r.Space:case r.Enter:case r.ArrowDown:e.preventDefault(),l({type:de.OpenListbox}),p.nextFrame((function(){c.propsRef.current.value||l({type:de.GoToOption,focus:ce.First})}));break;case r.ArrowUp:e.preventDefault(),l({type:de.OpenListbox}),p.nextFrame((function(){c.propsRef.current.value||l({type:de.GoToOption,focus:ce.Last})}))}}),[l,c,p]),m=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();c.listboxState===se.Open?(l({type:de.CloseListbox}),p.nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),l({type:de.OpenListbox}))}),[l,p,c]),h=ye((function(){if(c.labelRef.current)return[c.labelRef.current.id,d].join(" ")}),[c.labelRef.current,d]),S=o.useMemo((function(){return{open:c.listboxState===se.Open,disabled:c.disabled}}),[c]);return f(a({},n,{ref:s,id:d,type:"button","aria-haspopup":!0,"aria-controls":null==(u=c.optionsRef.current)?void 0:u.id,"aria-expanded":c.listboxState===se.Open||void 0,"aria-labelledby":h,disabled:c.disabled,onKeyDown:v,onClick:m}),S,"button")})),Re=n.RenderStrategy|n.Static,Te=v((function e(n,t){var u,i=Ee([Ce.name,e.name].join(".")),c=i[0],l=i[1],s=b(c.optionsRef,t),d="headlessui-listbox-options-"+w(),p=be(),v=be();h((function(){var e=c.optionsRef.current;e&&c.listboxState===se.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[c.listboxState,c.optionsRef]);var m=o.useCallback((function(e){switch(v.dispose(),e.key){case r.Space:if(""!==c.searchQuery)return e.preventDefault(),e.stopPropagation(),l({type:de.Search,value:e.key});case r.Enter:e.preventDefault(),e.stopPropagation(),l({type:de.CloseListbox}),null!==c.activeOptionIndex&&c.propsRef.current.onChange(c.options[c.activeOptionIndex].dataRef.current.value),me().nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case r.ArrowDown:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.Next});case r.ArrowUp:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.Previous});case r.Home:case r.PageUp:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.First});case r.End:case r.PageDown:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.Last});case r.Escape:return e.preventDefault(),e.stopPropagation(),l({type:de.CloseListbox}),p.nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));case r.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(l({type:de.Search,value:e.key}),v.setTimeout((function(){return l({type:de.ClearSearch})}),350))}}),[p,l,v,c]),y=ye((function(){var e,n,t;return null!=(e=null==(n=c.labelRef.current)?void 0:n.id)?e:null==(t=c.buttonRef.current)?void 0:t.id}),[c.labelRef.current,c.buttonRef.current]),S=o.useMemo((function(){return{open:c.listboxState===se.Open}}),[c]);return f(a({},n,{"aria-activedescendant":null===c.activeOptionIndex||null==(u=c.options[c.activeOptionIndex])?void 0:u.id,"aria-labelledby":y,id:d,onKeyDown:m,role:"listbox",tabIndex:0,ref:s}),S,"ul",Re,c.listboxState===se.Open)}));Ce.Button=Pe,Ce.Label=function e(n){var t=Ee([Ce.name,e.name].join("."))[0],r="headlessui-listbox-label-"+w(),u=o.useCallback((function(){var e;return null==(e=t.buttonRef.current)?void 0:e.focus({preventScroll:!0})}),[t.buttonRef]),i=o.useMemo((function(){return{open:t.listboxState===se.Open,disabled:t.disabled}}),[t]);return f(a({},n,{ref:t.labelRef,id:r,onClick:u}),i,"label")},Ce.Options=Te,Ce.Option=function e(n){var t=n.disabled,r=void 0!==t&&t,u=n.value,i=c(n,["disabled","value"]),l=Ee([Ce.name,e.name].join(".")),s=l[0],d=l[1],p="headlessui-listbox-option-"+w(),v=null!==s.activeOptionIndex&&s.options[s.activeOptionIndex].id===p,m=s.propsRef.current.value===u,b=o.useRef({disabled:r,value:u});h((function(){b.current.disabled=r}),[b,r]),h((function(){b.current.value=u}),[b,u]),h((function(){var e,n;b.current.textValue=null==(e=document.getElementById(p))||null==(n=e.textContent)?void 0:n.toLowerCase()}),[b,p]);var y=o.useCallback((function(){return s.propsRef.current.onChange(u)}),[s.propsRef,u]);h((function(){return d({type:de.RegisterOption,id:p,dataRef:b}),function(){return d({type:de.UnregisterOption,id:p})}}),[b,p]),h((function(){var e;s.listboxState===se.Open&&m&&(d({type:de.GoToOption,focus:ce.Specific,id:p}),null==(e=document.getElementById(p))||null==e.focus||e.focus())}),[s.listboxState]),h((function(){if(s.listboxState===se.Open&&v){var e=me();return e.nextFrame((function(){var e;return null==(e=document.getElementById(p))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[p,v,s.listboxState]);var S=o.useCallback((function(e){if(r)return e.preventDefault();y(),d({type:de.CloseListbox}),me().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))}),[d,s.buttonRef,r,y]),g=o.useCallback((function(){if(r)return d({type:de.GoToOption,focus:ce.Nothing});d({type:de.GoToOption,focus:ce.Specific,id:p})}),[r,p,d]),E=o.useCallback((function(){r||v||d({type:de.GoToOption,focus:ce.Specific,id:p})}),[r,v,p,d]),x=o.useCallback((function(){r||v&&d({type:de.GoToOption,focus:ce.Nothing})}),[r,v,d]),C=o.useMemo((function(){return{active:v,selected:m,disabled:r}}),[v,m,r]);return f(a({},i,{id:p,role:"option",tabIndex:-1,"aria-disabled":!0===r||void 0,"aria-selected":!0===m||void 0,onClick:S,onFocus:g,onPointerMove:E,onMouseMove:E,onPointerLeave:x,onMouseLeave:x}),C,"li")},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Oe||(Oe={})),function(e){e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem"}(ke||(ke={}));var De=((Ie={})[ke.CloseMenu]=function(e){return e.menuState===Oe.Closed?e:a({},e,{activeItemIndex:null,menuState:Oe.Closed})},Ie[ke.OpenMenu]=function(e){return e.menuState===Oe.Open?e:a({},e,{menuState:Oe.Open})},Ie[ke.GoToItem]=function(e,n){var t=he(n,{resolveItems:function(){return e.items},resolveActiveIndex:function(){return e.activeItemIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeItemIndex===t?e:a({},e,{searchQuery:"",activeItemIndex:t})},Ie[ke.Search]=function(e,n){var t=e.searchQuery+n.value,r=e.items.findIndex((function(e){var n;return(null==(n=e.dataRef.current.textValue)?void 0:n.startsWith(t))&&!e.dataRef.current.disabled}));return a({},e,-1===r||r===e.activeItemIndex?{searchQuery:t}:{searchQuery:t,activeItemIndex:r})},Ie[ke.ClearSearch]=function(e){return""===e.searchQuery?e:a({},e,{searchQuery:""})},Ie[ke.RegisterItem]=function(e,n){return a({},e,{items:[].concat(e.items,[{id:n.id,dataRef:n.dataRef}])})},Ie[ke.UnregisterItem]=function(e,n){var t=e.items.slice(),r=null!==e.activeItemIndex?t[e.activeItemIndex]:null,o=t.findIndex((function(e){return e.id===n.id}));return-1!==o&&t.splice(o,1),a({},e,{items:t,activeItemIndex:o===e.activeItemIndex||null===r?null:t.indexOf(r)})},Ie),Le=o.createContext(null);function Fe(e){var n=o.useContext(Le);if(null===n){var t=new Error("<"+e+" /> is missing a parent <"+Ne.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(t,Fe),t}return n}function Me(e,n){return d(n.type,De,e,n)}Le.displayName="MenuContext";var Ae=o.Fragment;function Ne(e){var n=o.useReducer(Me,{menuState:Oe.Closed,buttonRef:o.createRef(),itemsRef:o.createRef(),items:[],searchQuery:"",activeItemIndex:null}),t=n[0],r=t.menuState,i=t.itemsRef,a=t.buttonRef,c=n[1];o.useEffect((function(){function e(e){var n,t,o,u=e.target;r===Oe.Open&&((null==(n=a.current)?void 0:n.contains(u))||(null==(t=i.current)?void 0:t.contains(u))||(c({type:ke.CloseMenu}),R(u,O.Loose)||(e.preventDefault(),null==(o=a.current)||o.focus())))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[r,a,i,c]);var l=o.useMemo((function(){return{open:r===Oe.Open}}),[r]);return u.createElement(Le.Provider,{value:n},f(e,l,Ae))}var je,Ue,Ge,He=v((function e(n,t){var u,i=Fe([Ne.name,e.name].join(".")),c=i[0],l=i[1],s=b(c.buttonRef,t),d="headlessui-menu-button-"+w(),p=be(),v=o.useCallback((function(e){switch(e.key){case r.Space:case r.Enter:case r.ArrowDown:e.preventDefault(),e.stopPropagation(),l({type:ke.OpenMenu}),p.nextFrame((function(){return l({type:ke.GoToItem,focus:ce.First})}));break;case r.ArrowUp:e.preventDefault(),e.stopPropagation(),l({type:ke.OpenMenu}),p.nextFrame((function(){return l({type:ke.GoToItem,focus:ce.Last})}))}}),[l,p]),m=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();n.disabled||(c.menuState===Oe.Open?(l({type:ke.CloseMenu}),p.nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),e.stopPropagation(),l({type:ke.OpenMenu})))}),[l,p,c,n.disabled]),h=o.useMemo((function(){return{open:c.menuState===Oe.Open}}),[c]);return f(a({},n,{ref:s,id:d,type:"button","aria-haspopup":!0,"aria-controls":null==(u=c.itemsRef.current)?void 0:u.id,"aria-expanded":c.menuState===Oe.Open||void 0,onKeyDown:v,onClick:m}),h,"button")})),Be=n.RenderStrategy|n.Static,Ve=v((function e(n,t){var u,i,c=Fe([Ne.name,e.name].join(".")),l=c[0],s=c[1],d=b(l.itemsRef,t),p="headlessui-menu-items-"+w(),v=be();o.useEffect((function(){var e=l.itemsRef.current;e&&l.menuState===Oe.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[l.menuState,l.itemsRef]),h((function(){var e=l.itemsRef.current;if(e&&l.menuState===Oe.Open)for(var n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT}});n.nextNode();)n.currentNode.setAttribute("role","none")}),[l.menuState,l.itemsRef]);var m=o.useCallback((function(e){switch(v.dispose(),e.key){case r.Space:if(""!==l.searchQuery)return e.preventDefault(),e.stopPropagation(),s({type:ke.Search,value:e.key});case r.Enter:var n;e.preventDefault(),e.stopPropagation(),s({type:ke.CloseMenu}),null!==l.activeItemIndex&&(null==(n=document.getElementById(l.items[l.activeItemIndex].id))||n.click()),me().nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case r.ArrowDown:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.Next});case r.ArrowUp:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.Previous});case r.Home:case r.PageUp:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.First});case r.End:case r.PageDown:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.Last});case r.Escape:e.preventDefault(),e.stopPropagation(),s({type:ke.CloseMenu}),me().nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case r.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(s({type:ke.Search,value:e.key}),v.setTimeout((function(){return s({type:ke.ClearSearch})}),350))}}),[s,v,l]),y=o.useMemo((function(){return{open:l.menuState===Oe.Open}}),[l]);return f(a({},n,{"aria-activedescendant":null===l.activeItemIndex||null==(u=l.items[l.activeItemIndex])?void 0:u.id,"aria-labelledby":null==(i=l.buttonRef.current)?void 0:i.id,id:p,onKeyDown:m,role:"menu",tabIndex:0,ref:d}),y,"div",Be,l.menuState===Oe.Open)})),Qe=o.Fragment;Ne.Button=He,Ne.Items=Ve,Ne.Item=function e(n){var t=n.disabled,r=void 0!==t&&t,u=n.onClick,i=c(n,["disabled","onClick"]),l=Fe([Ne.name,e.name].join(".")),s=l[0],d=l[1],p="headlessui-menu-item-"+w(),v=null!==s.activeItemIndex&&s.items[s.activeItemIndex].id===p;h((function(){if(s.menuState===Oe.Open&&v){var e=me();return e.nextFrame((function(){var e;return null==(e=document.getElementById(p))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[p,v,s.menuState]);var m=o.useRef({disabled:r});h((function(){m.current.disabled=r}),[m,r]),h((function(){var e,n;m.current.textValue=null==(e=document.getElementById(p))||null==(n=e.textContent)?void 0:n.toLowerCase()}),[m,p]),h((function(){return d({type:ke.RegisterItem,id:p,dataRef:m}),function(){return d({type:ke.UnregisterItem,id:p})}}),[m,p]);var b=o.useCallback((function(e){return r?e.preventDefault():(d({type:ke.CloseMenu}),me().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})})),u?u(e):void 0)}),[d,s.buttonRef,r,u]),y=o.useCallback((function(){if(r)return d({type:ke.GoToItem,focus:ce.Nothing});d({type:ke.GoToItem,focus:ce.Specific,id:p})}),[r,p,d]),S=o.useCallback((function(){r||v||d({type:ke.GoToItem,focus:ce.Specific,id:p})}),[r,v,p,d]),g=o.useCallback((function(){r||v&&d({type:ke.GoToItem,focus:ce.Nothing})}),[r,v,d]),E=o.useMemo((function(){return{active:v,disabled:r}}),[v,r]);return f(a({},i,{id:p,role:"menuitem",tabIndex:-1,"aria-disabled":!0===r||void 0,onClick:b,onFocus:y,onPointerMove:S,onMouseMove:S,onPointerLeave:g,onMouseLeave:g}),E,Qe)},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Ue||(Ue={})),function(e){e[e.TogglePopover=0]="TogglePopover",e[e.ClosePopover=1]="ClosePopover",e[e.SetButton=2]="SetButton",e[e.SetButtonId=3]="SetButtonId",e[e.SetPanel=4]="SetPanel",e[e.SetPanelId=5]="SetPanelId"}(Ge||(Ge={}));var Ke=((je={})[Ge.TogglePopover]=function(e){var n;return a({},e,{popoverState:d(e.popoverState,(n={},n[Ue.Open]=Ue.Closed,n[Ue.Closed]=Ue.Open,n))})},je[Ge.ClosePopover]=function(e){return e.popoverState===Ue.Closed?e:a({},e,{popoverState:Ue.Closed})},je[Ge.SetButton]=function(e,n){return e.button===n.button?e:a({},e,{button:n.button})},je[Ge.SetButtonId]=function(e,n){return e.buttonId===n.buttonId?e:a({},e,{buttonId:n.buttonId})},je[Ge.SetPanel]=function(e,n){return e.panel===n.panel?e:a({},e,{panel:n.panel})},je[Ge.SetPanelId]=function(e,n){return e.panelId===n.panelId?e:a({},e,{panelId:n.panelId})},je),We=o.createContext(null);function qe(e){var n=o.useContext(We);if(null===n){var t=new Error("<"+e+" /> is missing a parent <"+$e.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(t,qe),t}return n}We.displayName="PopoverContext";var ze=o.createContext(null);function Ye(){return o.useContext(ze)}ze.displayName="PopoverGroupContext";var _e=o.createContext(null);function Je(e,n){return d(n.type,Ke,e,n)}function $e(e){var n="headlessui-popover-button-"+w(),t="headlessui-popover-panel-"+w(),r=o.useReducer(Je,{popoverState:Ue.Closed,linkedPanel:!1,button:null,buttonId:n,panel:null,panelId:t}),i=r[0],a=i.popoverState,c=i.button,l=i.panel,s=r[1];o.useEffect((function(){return s({type:Ge.SetButtonId,buttonId:n})}),[n,s]),o.useEffect((function(){return s({type:Ge.SetPanelId,panelId:t})}),[t,s]);var d=o.useMemo((function(){return{buttonId:n,panelId:t,close:function(){return s({type:Ge.ClosePopover})}}}),[n,t,s]),p=Ye(),v=null==p?void 0:p.registerPopover,m=o.useCallback((function(){var e;return null!=(e=null==p?void 0:p.isFocusWithinPopoverGroup())?e:(null==c?void 0:c.contains(document.activeElement))||(null==l?void 0:l.contains(document.activeElement))}),[p,c,l]);o.useEffect((function(){return null==v?void 0:v(d)}),[v,d]),o.useEffect((function(){if(a===Ue.Open)return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)};function e(){m()||c&&l&&s({type:Ge.ClosePopover})}}),[a,m,p,c,l,s]),o.useEffect((function(){function e(e){var n=e.target;a===Ue.Open&&((null==c?void 0:c.contains(n))||(null==l?void 0:l.contains(n))||(s({type:Ge.ClosePopover}),R(n,O.Loose)||(e.preventDefault(),null==c||c.focus())))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[a,c,l,s]);var b=o.useMemo((function(){return{open:a===Ue.Open}}),[a]);return u.createElement(We.Provider,{value:r},f(e,b,"div"))}_e.displayName="PopoverPanelContext";var Xe=v((function e(n,t){var u=qe([$e.name,e.name].join(".")),i=u[0],c=u[1],l=o.useRef(null),s=Ye(),d=null==s?void 0:s.closeOthers,p=o.useContext(_e),v=null!==p&&p===i.panelId,m=b(l,t,v?null:function(e){return c({type:Ge.SetButton,button:e})}),h=o.useRef(null),S=o.useRef("undefined"==typeof window?null:document.activeElement);o.useEffect((function(){function e(){S.current=h.current,h.current=document.activeElement}return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)}}),[S,h]);var g=o.useCallback((function(e){var n;if(v){if(i.popoverState===Ue.Closed)return;switch(e.key){case r.Space:case r.Enter:e.preventDefault(),e.stopPropagation(),c({type:Ge.ClosePopover}),null==(n=i.button)||n.focus()}}else switch(e.key){case r.Space:case r.Enter:e.preventDefault(),e.stopPropagation(),i.popoverState===Ue.Closed&&(null==d||d(i.buttonId)),c({type:Ge.TogglePopover});break;case r.Escape:if(i.popoverState!==Ue.Open)return null==d?void 0:d(i.buttonId);if(!l.current)return;if(!l.current.contains(document.activeElement))return;c({type:Ge.ClosePopover});break;case r.Tab:if(i.popoverState!==Ue.Open)return;if(!i.panel)return;if(!i.button)return;if(e.shiftKey){var t;if(!S.current)return;if(null==(t=i.button)?void 0:t.contains(S.current))return;if(i.panel.contains(S.current))return;var o=P(),u=o.indexOf(S.current);if(o.indexOf(i.button)>u)return;e.preventDefault(),e.stopPropagation(),D(i.panel,x.Last)}else e.preventDefault(),e.stopPropagation(),D(i.panel,x.First)}}),[c,i.popoverState,i.buttonId,i.button,i.panel,l,d,v]),E=o.useCallback((function(e){var n;if(!v&&i.popoverState===Ue.Open&&i.panel&&i.button)switch(e.key){case r.Tab:if(!S.current)return;if(null==(n=i.button)?void 0:n.contains(S.current))return;if(i.panel.contains(S.current))return;var t=P(),o=t.indexOf(S.current);if(t.indexOf(i.button)>o)return;e.preventDefault(),e.stopPropagation(),D(i.panel,x.Last)}}),[i.popoverState,i.panel,i.button,v]),w=o.useCallback((function(e){var t;y(e.currentTarget)||n.disabled||(v?(c({type:Ge.ClosePopover}),null==(t=i.button)||t.focus()):(i.popoverState===Ue.Closed&&(null==d||d(i.buttonId)),c({type:Ge.TogglePopover})))}),[c,i.button,i.popoverState,i.buttonId,n.disabled,d,v]),C=o.useMemo((function(){return{open:i.popoverState===Ue.Open}}),[i]);return f(a({},n,v?{type:"button",onKeyDown:g,onClick:w}:{ref:m,id:i.buttonId,type:"button","aria-expanded":i.popoverState===Ue.Open||void 0,"aria-controls":i.panel?i.panelId:void 0,onKeyDown:g,onKeyUp:E,onClick:w}),C,"button")})),Ze=v((function e(n,t){var r=qe([$e.name,e.name].join(".")),u=r[0].popoverState,i=r[1],c=b(t),l="headlessui-popover-overlay-"+w(),s=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();i({type:Ge.ClosePopover})}),[i]),d=o.useMemo((function(){return{open:u===Ue.Open}}),[u]);return f(a({},n,{ref:c,id:l,"aria-hidden":!0,onClick:s}),d,"div")})),en=n.RenderStrategy|n.Static,nn=v((function e(n,t){var i=n.focus,l=void 0!==i&&i,s=c(n,["focus"]),d=qe([$e.name,e.name].join(".")),p=d[0],v=d[1],m=o.useRef(null),y=b(m,t,(function(e){v({type:Ge.SetPanel,panel:e})})),h=o.useCallback((function(e){var n;switch(e.key){case r.Escape:if(p.popoverState!==Ue.Open)return;if(!m.current)return;if(!m.current.contains(document.activeElement))return;e.preventDefault(),v({type:Ge.ClosePopover}),null==(n=p.button)||n.focus()}}),[p,m,v]);o.useEffect((function(){return function(){return v({type:Ge.SetPanel,panel:null})}}),[v]),o.useEffect((function(){var e;p.popoverState!==Ue.Closed||null!=(e=n.unmount)&&!e||v({type:Ge.SetPanel,panel:null})}),[p.popoverState,n.unmount,v]),o.useEffect((function(){if(l&&p.popoverState===Ue.Open&&m.current){var e=document.activeElement;m.current.contains(e)||D(m.current,x.First)}}),[l,m,p.popoverState]),o.useEffect((function(){if(p.popoverState===Ue.Open&&m.current)return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)};function e(e){if(e.key===r.Tab&&document.activeElement&&m.current&&m.current.contains(document.activeElement)){e.preventDefault();var n,t=D(m.current,e.shiftKey?x.Previous:x.Next);if(t===C.Underflow)return null==(n=p.button)?void 0:n.focus();if(t===C.Overflow){if(!p.button)return;var o=P(),u=o.indexOf(p.button);D(o.splice(u+1).filter((function(e){var n;return!(null==(n=m.current)?void 0:n.contains(e))})),x.First)===C.Error&&D(document.body,x.First)}}}}),[l,m,p.popoverState,p.button]),o.useEffect((function(){if(l&&p.popoverState===Ue.Open&&m.current)return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)};function e(){var e;(null==(e=m.current)?void 0:e.contains(document.activeElement))||v({type:Ge.ClosePopover})}}),[l,p.popoverState,v]);var S=o.useMemo((function(){return{open:p.popoverState===Ue.Open}}),[p]);return u.createElement(_e.Provider,{value:p.panelId},f(a({},s,{ref:y,id:p.panelId,onKeyDown:h}),S,"div",en,p.popoverState===Ue.Open))}));$e.Button=Xe,$e.Overlay=Ze,$e.Panel=nn,$e.Group=function(e){var n=o.useRef(null),t=o.useState([]),r=t[0],i=t[1],c=o.useCallback((function(e){i((function(n){var t=n.indexOf(e);if(-1!==t){var r=n.slice();return r.splice(t,1),r}return n}))}),[i]),l=o.useCallback((function(e){return i((function(n){return[].concat(n,[e])})),function(){return c(e)}}),[i,c]),d=o.useCallback((function(){var e,t=document.activeElement;return!!(null==(e=n.current)?void 0:e.contains(t))||r.some((function(e){var n,r;return(null==(n=document.getElementById(e.buttonId))?void 0:n.contains(t))||(null==(r=document.getElementById(e.panelId))?void 0:r.contains(t))}))}),[n,r]),p=o.useCallback((function(e){for(var n,t=s(r);!(n=t()).done;){var o=n.value;o.buttonId!==e&&o.close()}}),[r]),v=o.useMemo((function(){return{registerPopover:l,unregisterPopover:c,isFocusWithinPopoverGroup:d,closeOthers:p}}),[l,c,d,p]),m=o.useMemo((function(){return{}}),[]);return u.createElement(ze.Provider,{value:v},f(a({},e,{ref:n}),m,"div"))};var tn=o.createContext(null);function rn(e){var n=o.useContext(tn);if(null===n){var t=new Error("<"+e+" /> is missing a parent <Switch.Group /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(t,rn),t}return n}tn.displayName="GroupContext";var on,un=o.Fragment;function an(e){var n,t,u=e.checked,i=e.onChange,l=c(e,["checked","onChange"]),s="headlessui-switch-"+w(),d=o.useContext(tn),p=o.useCallback((function(){return i(!u)}),[i,u]),v=o.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();e.preventDefault(),p()}),[p]),m=o.useCallback((function(e){e.key!==r.Tab&&e.preventDefault(),e.key===r.Space&&p()}),[p]),b=o.useCallback((function(e){return e.preventDefault()}),[]),h=o.useMemo((function(){return{checked:u}}),[u]),S={id:s,ref:null===d?void 0:d.setSwitch,role:"switch",tabIndex:0,"aria-checked":u,"aria-labelledby":null==d||null==(n=d.label)?void 0:n.id,"aria-describedby":null==d||null==(t=d.description)?void 0:t.id,onClick:v,onKeyUp:m,onKeyPress:b};return"button"===l.as&&Object.assign(S,{type:"button"}),f(a({},l,S),h,"button")}function cn(){var e=o.useRef(!0);return o.useEffect((function(){e.current=!1}),[]),e.current}function ln(e){for(var n,t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];e&&r.length>0&&(n=e.classList).add.apply(n,r)}function sn(e){for(var n,t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];e&&r.length>0&&(n=e.classList).remove.apply(n,r)}function dn(e,n,t,r,o){var u=me(),i=void 0!==o?function(e){var n={called:!1};return function(){if(!n.called)return n.called=!0,e.apply(void 0,arguments)}}(o):function(){};return ln.apply(void 0,[e].concat(n,t)),u.nextFrame((function(){sn.apply(void 0,[e].concat(t)),ln.apply(void 0,[e].concat(r)),u.add(function(e,n){var t=me();if(!e)return t.dispose;var r=getComputedStyle(e),o=[r.transitionDuration,r.transitionDelay].map((function(e){var n=e.split(",").filter(Boolean).map((function(e){return e.includes("ms")?parseFloat(e):1e3*parseFloat(e)})).sort((function(e,n){return n-e}))[0];return void 0===n?0:n})),u=o[0];return 0!==u?t.setTimeout((function(){n(on.Finished)}),u+o[1]):n(on.Finished),t.add((function(){return n(on.Cancelled)})),t.dispose}(e,(function(t){return sn.apply(void 0,[e].concat(r,n)),i(t)})))})),u.add((function(){return sn.apply(void 0,[e].concat(n,t,r))})),u.add((function(){return i(on.Cancelled)})),u.dispose}function fn(e){return void 0===e&&(e=""),o.useMemo((function(){return e.split(" ").filter((function(e){return e.trim().length>1}))}),[e])}an.Group=function(e){var n=o.useState(null),t=n[0],r=n[1],i=o.useState(null),a=i[0],c=i[1],l=o.useState(null),s=l[0],d=l[1],p=o.useMemo((function(){return{switch:t,setSwitch:r,label:a,setLabel:c,description:s,setDescription:d}}),[t,r,a,c,s,d]);return u.createElement(tn.Provider,{value:p},f(e,{},un))},an.Label=function e(n){var t=rn([an.name,e.name].join(".")),r="headlessui-switch-label-"+w(),u=o.useCallback((function(){t.switch&&(t.switch.click(),t.switch.focus({preventScroll:!0}))}),[t.switch]);return f(a({},n,{ref:t.setLabel,id:r,onClick:u}),{},"label")},an.Description=function e(n){var t=rn([an.name,e.name].join(".")),r="headlessui-switch-description-"+w();return f(a({},n,{ref:t.setDescription,id:r}),{},"p")},function(e){e.Finished="finished",e.Cancelled="cancelled"}(on||(on={}));var pn,vn=o.createContext(null);vn.displayName="TransitionContext",function(e){e.Visible="visible",e.Hidden="hidden"}(pn||(pn={}));var mn=o.createContext(null);function bn(e){return"children"in e?bn(e.children):e.current.filter((function(e){return e.state===pn.Visible})).length>0}function yn(e){var n=o.useRef(e),r=o.useRef([]),u=function(){var e=o.useRef(!0);return o.useEffect((function(){return function(){e.current=!1}}),[]),e}();o.useEffect((function(){n.current=e}),[e]);var i=o.useCallback((function(e,o){var i;void 0===o&&(o=t.Hidden);var a=r.current.findIndex((function(n){return n.id===e}));-1!==a&&(d(o,((i={})[t.Unmount]=function(){r.current.splice(a,1)},i[t.Hidden]=function(){r.current[a].state=pn.Hidden},i)),!bn(r)&&u.current&&(null==n.current||n.current()))}),[n,u,r]),a=o.useCallback((function(e){var n=r.current.find((function(n){return n.id===e}));return n?n.state!==pn.Visible&&(n.state=pn.Visible):r.current.push({id:e,state:pn.Visible}),function(){return i(e,t.Unmount)}}),[r,i]);return o.useMemo((function(){return{children:r,register:a,unregister:i}}),[a,i,r])}function hn(){}mn.displayName="NestingContext";var Sn=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function gn(e){for(var n,t={},r=s(Sn);!(n=r()).done;){var o,u=n.value;t[u]=null!=(o=e[u])?o:hn}return t}var En=n.RenderStrategy;function wn(e){var n=e.beforeEnter,r=e.afterEnter,i=e.beforeLeave,l=e.afterLeave,s=e.enter,p=e.enterFrom,v=e.enterTo,m=e.leave,b=e.leaveFrom,y=e.leaveTo,S=c(e,["beforeEnter","afterEnter","beforeLeave","afterLeave","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo"]),g=o.useRef(null),E=o.useState(pn.Visible),x=E[0],C=E[1],I=S.unmount?t.Unmount:t.Hidden,O=function(){var e=o.useContext(vn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),k=O.show,P=O.appear,R=function(){var e=o.useContext(mn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),T=R.register,D=R.unregister,L=cn(),F=w(),M=o.useRef(!1),A=yn((function(){M.current||(C(pn.Hidden),D(F),V.current.afterLeave())}));h((function(){if(F)return T(F)}),[T,F]),h((function(){var e;I===t.Hidden&&F&&(k&&x!==pn.Visible?C(pn.Visible):d(x,((e={})[pn.Hidden]=function(){return D(F)},e[pn.Visible]=function(){return T(F)},e)))}),[x,F,T,D,k,I]);var N=fn(s),j=fn(p),U=fn(v),G=fn(m),H=fn(b),B=fn(y),V=function(e){var n=o.useRef(gn(e));return o.useEffect((function(){n.current=gn(e)}),[e]),n}({beforeEnter:n,afterEnter:r,beforeLeave:i,afterLeave:l});o.useEffect((function(){if(x===pn.Visible&&null===g.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[g,x]);var Q=L&&!P;return h((function(){var e=g.current;if(e&&!Q)return M.current=!0,k&&V.current.beforeEnter(),k||V.current.beforeLeave(),k?dn(e,N,j,U,(function(e){M.current=!1,e===on.Finished&&V.current.afterEnter()})):dn(e,G,H,B,(function(e){M.current=!1,e===on.Finished&&(bn(A)||(C(pn.Hidden),D(F),V.current.afterLeave()))}))}),[V,F,M,D,A,g,Q,k,N,j,U,G,H,B]),u.createElement(mn.Provider,{value:A},f(a({},S,{ref:g}),{},"div",En,x===pn.Visible))}function xn(e){var n=e.show,t=e.appear,r=void 0!==t&&t,i=e.unmount,l=c(e,["show","appear","unmount"]);if(![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");var s=o.useState(n?pn.Visible:pn.Hidden),d=s[0],p=s[1],v=yn((function(){p(pn.Hidden)})),m=cn(),b=o.useMemo((function(){return{show:n,appear:r||!m}}),[n,r,m]);o.useEffect((function(){n?p(pn.Visible):bn(v)||p(pn.Hidden)}),[n,v]);var y={unmount:i};return u.createElement(mn.Provider,{value:v},u.createElement(vn.Provider,{value:b},f(a({},y,{as:o.Fragment,children:u.createElement(wn,Object.assign({},y,l))}),{},o.Fragment,En,d===pn.Visible)))}xn.Child=wn,exports.Dialog=ne,exports.Disclosure=ae,exports.FocusTrap=function(e){var n=o.useRef(new Set),t=e.initialFocus,r=c(e,["initialFocus"]);return F(n,!0,{initialFocus:t}),f(a({},r,{ref:function(e){e&&n.current.add(e)}}),{},"div")},exports.Listbox=Ce,exports.Menu=Ne,exports.Popover=$e,exports.Portal=q,exports.Switch=an,exports.Transition=xn;
//# sourceMappingURL=headlessui.cjs.production.min.js.map

2

dist/headlessui.umd.production.min.js

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

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],t):t((e=e||self).headlessui={},e.React,e.reactDom)}(this,(function(e,t,n){"use strict";var r,o,i,u="default"in t?t.default:t;function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){var n;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return c(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(n=e[Symbol.iterator]()).next.bind(n)}function f(e,t){if(e in t){for(var n=t[e],r=arguments.length,o=new Array(r>2?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];return"function"==typeof n?n.apply(void 0,o):n}var u=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(t).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(u,f),u}function d(e,t,n,i,u){if(void 0===u&&(u=!0),u)return p(e,t,n);var c=null!=i?i:r.None;if(c&r.Static){var s=e.static,d=void 0!==s&&s,v=l(e,["static"]);if(d)return p(v,t,n)}if(c&r.RenderStrategy){var m,h=e.unmount,y=void 0===h||h,b=l(e,["unmount"]);return f(y?o.Unmount:o.Hidden,((m={})[o.Unmount]=function(){return null},m[o.Hidden]=function(){return p(a({},b,{hidden:!0,style:{display:"none"}}),t,n)},m))}return p(e,t,n)}function p(e,n,r){var o,i=m(e,["unmount","static"]),u=i.as,a=void 0===u?r:u,c=i.children,f=i.refName,d=void 0===f?"ref":f,v=l(i,["as","children","refName"]),h=void 0!==e.ref?((o={})[d]=e.ref,o):{},y="function"==typeof c?c(n):c;if(a===t.Fragment&&Object.keys(v).length>0){if(Array.isArray(y)&&y.length>1){var b=new Error("You should only render 1 child");throw Error.captureStackTrace&&Error.captureStackTrace(b,p),b}if(!t.isValidElement(y)){var g=new Error('You should render an element as a child. Did you forget the as="..." prop?');throw Error.captureStackTrace&&Error.captureStackTrace(g,p),g}return t.cloneElement(y,Object.assign({},function(e,t,n){for(var r,o=Object.assign({},e),i=function(){var n,i=r.value;void 0!==e[i]&&void 0!==t[i]&&Object.assign(o,((n={})[i]=function(n){n.defaultPrevented||e[i](n),n.defaultPrevented||t[i](n)},n))},u=s(["onClick"]);!(r=u()).done;)i();return o}(function(e){var t=Object.assign({},e);for(var n in t)void 0===t[n]&&delete t[n];return t}(m(v,["ref"])),y.props),h))}return t.createElement(a,Object.assign({},m(v,["ref"]),a!==t.Fragment&&h),y)}function v(e){return Object.assign(t.forwardRef(e),{name:e.name})}function m(e,t){void 0===t&&(t=[]);for(var n,r=Object.assign({},e),o=s(t);!(n=o()).done;){var i=n.value;i in r&&delete r[i]}return r}function h(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.useCallback((function(e){n.forEach((function(t){if(null!=t)return"function"==typeof t?t(e):void(t.current=e)}))}),[n])}function y(e){for(var t,n,r=e.parentElement,o=null;r&&!(r instanceof HTMLFieldSetElement);)r instanceof HTMLLegendElement&&(o=r),r=r.parentElement;var i=null!=(t=""===(null==(n=r)?void 0:n.getAttribute("disabled")))&&t;return(!i||!function(e){if(!e)return!1;for(var t=e.previousElementSibling;null!==t;){if(t instanceof HTMLLegendElement)return!1;t=t.previousElementSibling}return!0}(o))&&i}!function(e){e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static"}(r||(r={})),function(e){e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden"}(o||(o={})),function(e){e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.ArrowLeft="ArrowLeft",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab"}(i||(i={}));var b="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,g={serverHandoffComplete:!1},S=0;function E(){return++S}function x(){var e=t.useState(g.serverHandoffComplete?E:null),n=e[0],r=e[1];return b((function(){null===n&&r(E())}),[n]),t.useEffect((function(){!1===g.serverHandoffComplete&&(g.serverHandoffComplete=!0)}),[]),null!=n?""+n:void 0}var w=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((function(e){return e+":not([tabindex='-1'])"})).join(",");function C(e){e&&e.focus({preventScroll:!0})}function I(e,n,r){void 0===n&&(n=!0),void 0===r&&(r={});var o=t.useRef("undefined"!=typeof window?document.activeElement:null),u=t.useRef(null),a=t.useRef(!1),l=t.useCallback((function(){return e.current?Array.from(e.current.querySelectorAll(w)):[]}),[e]);b((function(){var t,i,c,s;if(n){a.current=!0;var f,d=document.activeElement;if(null==(t=r.initialFocus)?void 0:t.current){if((null==(f=r.initialFocus)?void 0:f.current)===d)return}else if(null==(i=e.current)?void 0:i.contains(d))return;o.current=d;var p=l();if(p.length<=0)throw new Error("There are no focusable elements inside the <FocusTrap />");return function e(t){void 0!==t&&(C(t),document.activeElement!==t?e(p[p.indexOf(t)+1]):u.current=t)}(null!=(c=null==(s=r.initialFocus)?void 0:s.current)?c:p[0]),function(){a.current=!1,C(o.current),o.current=null,u.current=null}}}),[n,a,r.initialFocus]),b((function(){if(n)return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)};function e(e){if(e.key===i.Tab&&document.activeElement){e.preventDefault();var t=e.shiftKey?-1:1,n=l(),r=n.length,o=n.indexOf(document.activeElement);!function e(i){void 0===i&&(i=0);var a=(n.indexOf(document.activeElement)+r+t+i)%r,l=n[a];if(C(l),l!==document.activeElement){if(o===a)return;e(i+t)}else u.current=l}()}}}),[n,l]),b((function(){if(n&&e.current){var t=e.current;return window.addEventListener("focus",r,!0),function(){return window.removeEventListener("focus",r,!0)}}function r(e){var n=u.current;if(n&&a.current){var r=e.target;r&&r instanceof HTMLElement?t.contains(r)?(u.current=r,C(r)):(e.preventDefault(),e.stopPropagation(),C(n)):C(u.current)}}}),[n,a,e])}function O(e,t){return e(t={exports:{}},t.exports),t.exports}var k=O((function(e){var t=function(e){var t=Object.prototype,n=t.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",i=r.asyncIterator||"@@asyncIterator",u=r.toStringTag||"@@toStringTag";function a(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{a({},"")}catch(e){a=function(e,t,n){return e[t]=n}}function l(e,t,n,r){var o=Object.create((t&&t.prototype instanceof f?t:f).prototype),i=new w(r||[]);return o._invoke=function(e,t,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return{value:void 0,done:!0}}for(n.method=o,n.arg=i;;){var u=n.delegate;if(u){var a=S(u,n);if(a){if(a===s)continue;return a}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var l=c(e,t,n);if("normal"===l.type){if(r=n.done?"completed":"suspendedYield",l.arg===s)continue;return{value:l.arg,done:n.done}}"throw"===l.type&&(r="completed",n.method="throw",n.arg=l.arg)}}}(e,n,i),o}function c(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var s={};function f(){}function d(){}function p(){}var v={};v[o]=function(){return this};var m=Object.getPrototypeOf,h=m&&m(m(C([])));h&&h!==t&&n.call(h,o)&&(v=h);var y=p.prototype=f.prototype=Object.create(v);function b(e){["next","throw","return"].forEach((function(t){a(e,t,(function(e){return this._invoke(t,e)}))}))}function g(e,t){var r;this._invoke=function(o,i){function u(){return new t((function(r,u){!function r(o,i,u,a){var l=c(e[o],e,i);if("throw"!==l.type){var s=l.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?t.resolve(f.__await).then((function(e){r("next",e,u,a)}),(function(e){r("throw",e,u,a)})):t.resolve(f).then((function(e){s.value=e,u(s)}),(function(e){return r("throw",e,u,a)}))}a(l.arg)}(o,i,r,u)}))}return r=r?r.then(u,u):u()}}function S(e,t){var n=e.iterator[t.method];if(void 0===n){if(t.delegate=null,"throw"===t.method){if(e.iterator.return&&(t.method="return",t.arg=void 0,S(e,t),"throw"===t.method))return s;t.method="throw",t.arg=new TypeError("The iterator does not provide a 'throw' method")}return s}var r=c(n,e.iterator,t.arg);if("throw"===r.type)return t.method="throw",t.arg=r.arg,t.delegate=null,s;var o=r.arg;return o?o.done?(t[e.resultName]=o.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,s):o:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,s)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function x(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function w(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function C(e){if(e){var t=e[o];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,i=function t(){for(;++r<e.length;)if(n.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return i.next=i}}return{next:I}}function I(){return{value:void 0,done:!0}}return d.prototype=y.constructor=p,p.constructor=d,d.displayName=a(p,u,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===d||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,p):(e.__proto__=p,a(e,u,"GeneratorFunction")),e.prototype=Object.create(y),e},e.awrap=function(e){return{__await:e}},b(g.prototype),g.prototype[i]=function(){return this},e.AsyncIterator=g,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var u=new g(l(t,n,r,o),i);return e.isGeneratorFunction(n)?u:u.next().then((function(e){return e.done?e.value:u.next()}))},b(y),a(y,u,"Generator"),y[o]=function(){return this},y.toString=function(){return"[object Generator]"},e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=C,w.prototype={constructor:w,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(x),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(n,r){return u.type="throw",u.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var a=n.call(i,"catchLoc"),l=n.call(i,"finallyLoc");if(a&&l){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(a){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var u=i?i.completion:{};return u.type=e,u.arg=t,i?(this.method="next",this.next=i.finallyLoc,s):this.complete(u)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),s},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),x(n),s}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:C(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),s}},e}(e.exports);try{regeneratorRuntime=t}catch(e){Function("r","regeneratorRuntime = r")(t)}})),R=k.mark(L);function L(e){var t;return k.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e.parentElement){n.next=2;break}return n.abrupt("return");case 2:t=e.parentElement.firstChild;case 3:if(!t){n.next=10;break}if(!(t!==e&&t instanceof HTMLElement)){n.next=7;break}return n.next=7,t;case 7:t=t.nextSibling,n.next=3;break;case 10:case"end":return n.stop()}}),R)}var T,F,D,P=t.Fragment;function M(e){var r=t.useState((function(){if("undefined"==typeof window)return null;var e=document.getElementById("headlessui-portal-root");if(e)return e;var t=document.createElement("div");return t.setAttribute("id","headlessui-portal-root"),document.body.appendChild(t)}))[0],o=t.useState((function(){return"undefined"==typeof window?null:document.createElement("div")}))[0];return b((function(){if(r&&o)return r.appendChild(o),function(){r&&o&&(r.removeChild(o),r.childNodes.length<=0&&document.body.removeChild(r))}}),[r]),r&&o?n.createPortal(d(e,{},P),o):null}!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(F||(F={})),function(e){e[e.SetTitleElement=0]="SetTitleElement",e[e.SetDescriptionElement=1]="SetDescriptionElement"}(D||(D={}));var A=((T={})[D.SetTitleElement]=function(e,t){return e.titleElement===t.element?e:a({},e,{titleElement:t.element})},T[D.SetDescriptionElement]=function(e,t){return e.descriptionElement===t.element?e:a({},e,{descriptionElement:t.element})},T),N=t.createContext(null);function j(e){var n=t.useContext(N);if(null===n){var r=new Error("<"+e+" /> is missing a parent <"+_.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,j),r}return n}function G(e,t){return f(t.type,A,e,t)}N.displayName="DialogContext";var U,H,B,V=r.RenderStrategy|r.Static,_=Object.assign(v((function(e,n){var r,o,c=e.open,f=e.onClose,p=e.initialFocus,v=l(e,["open","onClose","initialFocus"]),m=t.useRef(null),y=h(m,n),g=e.hasOwnProperty("open"),S=e.hasOwnProperty("onClose");if(!g)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!S)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof c)throw new Error("You provided an `open` prop to the `Dialog`, but the value is not a boolean. Received: "+c);if("function"!=typeof f)throw new Error("You provided an `onClose` prop to the `Dialog`, but the value is not a function. Received: "+f);var E=c?F.Open:F.Closed,w=t.useReducer(G,{titleElement:null,descriptionElement:null}),C=w[0],O=w[1],k=t.useCallback((function(){return f(!1)}),[f]),R=t.useCallback((function(e){return O({type:D.SetTitleElement,element:e})}),[O]),T=t.useCallback((function(e){return O({type:D.SetDescriptionElement,element:e})}),[O]);t.useEffect((function(){function e(e){e.key===i.Escape&&E===F.Open&&k()}return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}}),[k,E]),t.useEffect((function(){if(E===F.Open){var e=document.documentElement.style.overflow,t=document.documentElement.style.paddingRight,n=window.innerWidth-document.documentElement.clientWidth;return document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=n+"px",function(){document.documentElement.style.overflow=e,document.documentElement.style.paddingRight=t}}}),[E]),t.useEffect((function(){if(E===F.Open&&m.current){var e=new IntersectionObserver((function(e){for(var t,n=s(e);!(t=n()).done;){var r=t.value;0===r.boundingClientRect.x&&0===r.boundingClientRect.y&&0===r.boundingClientRect.width&&0===r.boundingClientRect.height&&k()}}));return e.observe(m.current),function(){return e.disconnect()}}}),[E,m,k]);var P=!!e.static||E===F.Open;I(m,P,{initialFocus:p}),function(e,t){void 0===t&&(t=!0),b((function(){if(t&&e.current){for(var n,r=e.current,o=new Map,i=s(L(r));!(n=i()).done;){var u=n.value;o.set(u,{"aria-hidden":u.getAttribute("aria-hidden"),inert:u.inert})}document.querySelectorAll("body > *").forEach((function(e){e!==r&&e instanceof HTMLElement&&(e.contains(r)||o.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}))}));for(var a,l=s(o.keys());!(a=l()).done;){var c=a.value;c.setAttribute("aria-hidden","true"),c.inert=!0}return function(){for(var e,t=s(o.entries());!(e=t()).done;){var n=e.value,r=n[0],i=n[1];null!==r&&(null===i["aria-hidden"]?r.removeAttribute("aria-hidden"):r.setAttribute("aria-hidden",i["aria-hidden"]),r.inert=i.inert)}o.clear()}}}),[t])}(m,P);var A="headlessui-dialog-"+x(),j=t.useMemo((function(){return[{dialogState:E,close:k,setTitle:R,setDescription:T},C]}),[E,C,k,R,T]),U=t.useMemo((function(){return{open:E===F.Open}}),[E]),H={ref:y,id:A,role:"dialog","aria-modal":E===F.Open||void 0,"aria-labelledby":null==(r=C.titleElement)?void 0:r.id,"aria-describedby":null==(o=C.descriptionElement)?void 0:o.id};return u.createElement(M,null,u.createElement(N.Provider,{value:j},d(a({},v,H),U,"div",V,E===F.Open)))})),{Overlay:v((function e(n,r){var o=j([_.name,e.name].join("."))[0],i=o.dialogState,u=o.close,l=h(r),c="headlessui-dialog-overlay-"+x(),s=t.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();u()}),[u]),f=t.useMemo((function(){return{open:i===F.Open}}),[i]);return d(a({},n,{ref:l,id:c,"aria-hidden":!0,onClick:s}),f,"div")})),Title:function e(n){var r=j([_.name,e.name].join("."))[0],o=r.dialogState,i=r.setTitle,u="headlessui-dialog-title-"+x(),l=t.useMemo((function(){return{open:o===F.Open}}),[o]);return d(a({},n,{ref:i,id:u}),l,"h2")},Description:function e(n){var r=j([_.name,e.name].join("."))[0],o=r.dialogState,i=r.setDescription,u="headlessui-dialog-description-"+x(),l=t.useMemo((function(){return{open:o===F.Open}}),[o]);return d(a({},n,{ref:i,id:u}),l,"p")}});!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(H||(H={})),function(e){e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.SetButtonId=1]="SetButtonId",e[e.SetPanelId=2]="SetPanelId",e[e.LinkPanel=3]="LinkPanel",e[e.UnlinkPanel=4]="UnlinkPanel"}(B||(B={}));var Q=((U={})[B.ToggleDisclosure]=function(e){var t;return a({},e,{disclosureState:f(e.disclosureState,(t={},t[H.Open]=H.Closed,t[H.Closed]=H.Open,t))})},U[B.LinkPanel]=function(e){return!0===e.linkedPanel?e:a({},e,{linkedPanel:!0})},U[B.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:a({},e,{linkedPanel:!1})},U[B.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:a({},e,{buttonId:t.buttonId})},U[B.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:a({},e,{panelId:t.panelId})},U),K=t.createContext(null);function q(e){var n=t.useContext(K);if(null===n){var r=new Error("<"+e+" /> is missing a parent <"+J.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,q),r}return n}function W(e,t){return f(t.type,Q,e,t)}K.displayName="DisclosureContext";var Y=t.Fragment;function J(e){var n="headlessui-disclosure-button-"+x(),r="headlessui-disclosure-panel-"+x(),o=t.useReducer(W,{disclosureState:H.Closed,linkedPanel:!1,buttonId:n,panelId:r}),i=o[0].disclosureState,a=o[1];t.useEffect((function(){return a({type:B.SetButtonId,buttonId:n})}),[n,a]),t.useEffect((function(){return a({type:B.SetPanelId,panelId:r})}),[r,a]);var l=t.useMemo((function(){return{open:i===H.Open}}),[i]);return u.createElement(K.Provider,{value:o},d(e,l,Y))}var $,z,X,Z,ee=v((function e(n,r){var o=q([J.name,e.name].join(".")),u=o[0],l=o[1],c=h(r),s=t.useCallback((function(e){switch(e.key){case i.Space:case i.Enter:e.preventDefault(),l({type:B.ToggleDisclosure})}}),[l]),f=t.useCallback((function(e){y(e.currentTarget)||n.disabled||l({type:B.ToggleDisclosure})}),[l,n.disabled]),p=t.useMemo((function(){return{open:u.disclosureState===H.Open}}),[u]);return d(a({},n,{ref:c,id:u.buttonId,type:"button","aria-expanded":u.disclosureState===H.Open||void 0,"aria-controls":u.linkedPanel?u.panelId:void 0,onKeyDown:s,onClick:f}),p,"button")})),te=r.RenderStrategy|r.Static,ne=v((function e(n,r){var o=q([J.name,e.name].join(".")),i=o[0],u=o[1],l=h(r,(function(){i.linkedPanel||u({type:B.LinkPanel})}));t.useEffect((function(){return function(){return u({type:B.UnlinkPanel})}}),[u]),t.useEffect((function(){var e;i.disclosureState!==H.Closed||null!=(e=n.unmount)&&!e||u({type:B.UnlinkPanel})}),[i.disclosureState,n.unmount,u]);var c=t.useMemo((function(){return{open:i.disclosureState===H.Open}}),[i]);return d(a({},n,{ref:l,id:i.panelId}),c,"div",te,i.disclosureState===H.Open)}));J.Button=ee,J.Panel=ne,function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last"}(z||(z={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(X||(X={})),function(e){e[e.ToggleFlyout=0]="ToggleFlyout",e[e.CloseFlyout=1]="CloseFlyout",e[e.SetButtonId=2]="SetButtonId",e[e.SetPanelId=3]="SetPanelId",e[e.LinkPanel=4]="LinkPanel",e[e.UnlinkPanel=5]="UnlinkPanel"}(Z||(Z={}));var re=(($={})[Z.ToggleFlyout]=function(e){var t;return a({},e,{flyoutState:f(e.flyoutState,(t={},t[X.Open]=X.Closed,t[X.Closed]=X.Open,t))})},$[Z.CloseFlyout]=function(e){return e.flyoutState===X.Closed?e:a({},e,{flyoutState:X.Closed})},$[Z.LinkPanel]=function(e){return!0===e.linkedPanel?e:a({},e,{linkedPanel:!0})},$[Z.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:a({},e,{linkedPanel:!1})},$[Z.SetButtonId]=function(e,t){return e.buttonId===t.buttonId?e:a({},e,{buttonId:t.buttonId})},$[Z.SetPanelId]=function(e,t){return e.panelId===t.panelId?e:a({},e,{panelId:t.panelId})},$),oe=t.createContext(null);function ie(e){var n=t.useContext(oe);if(null===n){var r=new Error("<"+e+" /> is missing a parent <"+ce.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,ie),r}return n}oe.displayName="FlyoutContext";var ue=t.createContext(null);function ae(){return t.useContext(ue)}function le(e,t){return f(t.type,re,e,t)}function ce(e){var n="headlessui-flyout-button-"+x(),r="headlessui-flyout-panel-"+x(),o=t.useReducer(le,{flyoutState:X.Closed,linkedPanel:!1,buttonId:n,panelId:r}),i=o[0].flyoutState,a=o[1];t.useEffect((function(){return a({type:Z.SetButtonId,buttonId:n})}),[n,a]),t.useEffect((function(){return a({type:Z.SetPanelId,panelId:r})}),[r,a]);var l=t.useMemo((function(){return{buttonId:n,panelId:r,close:function(){return a({type:Z.CloseFlyout})}}}),[n,r,a]),c=ae(),s=null==c?void 0:c.registerFlyoutMenu,f=null==c?void 0:c.isFocusWithinFlyoutGroup;t.useEffect((function(){return null==s?void 0:s(l)}),[s,l]),t.useEffect((function(){if(i===X.Open&&f)return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)};function e(){(null==f?void 0:f())||a({type:Z.CloseFlyout})}}),[i,f,a]);var p=t.useMemo((function(){return{open:i===X.Open}}),[i]);return u.createElement(oe.Provider,{value:o},d(e,p,"div"))}ue.displayName="FlyoutGroupContext";var se,fe,de,pe,ve=v((function e(n,r){var o=ie([ce.name,e.name].join(".")),u=o[0],l=o[1],c=t.useRef(null),s=h(c,r),f=ae(),p=null!==f,v=null==f?void 0:f.closeOthers,m=null==f?void 0:f.focusButton,b=t.useCallback((function(e){switch(e.key){case i.Space:case i.Enter:e.preventDefault(),u.flyoutState===X.Closed&&(null==v||v(u.buttonId)),l({type:Z.ToggleFlyout});break;case i.Escape:if(u.flyoutState!==X.Open)return null==v?void 0:v(u.buttonId);if(!c.current)return;if(!c.current.contains(document.activeElement))return;e.preventDefault(),l({type:Z.CloseFlyout})}if(p)switch(e.key){case i.Home:return e.preventDefault(),null==m?void 0:m(z.First);case i.ArrowLeft:return e.preventDefault(),null==m?void 0:m(z.Previous);case i.End:return e.preventDefault(),null==m?void 0:m(z.Last);case i.ArrowRight:return e.preventDefault(),null==m?void 0:m(z.Next)}}),[l,u,c,v,m,p]),g=t.useCallback((function(e){y(e.currentTarget)||n.disabled||(u.flyoutState===X.Closed&&(null==v||v(u.buttonId)),l({type:Z.ToggleFlyout}))}),[l,u.flyoutState,u.buttonId,n.disabled,v]),S=t.useMemo((function(){return{open:u.flyoutState===X.Open}}),[u]);return d(a({},n,{ref:s,id:u.buttonId,type:"button","aria-expanded":u.flyoutState===X.Open||void 0,"aria-controls":u.linkedPanel?u.panelId:void 0,onKeyDown:b,onClick:g}),S,"button")})),me=r.RenderStrategy|r.Static,he=v((function e(n,r){var o=ie([ce.name,e.name].join(".")),u=o[0],l=o[1],c=t.useRef(null),s=h(c,r,(function(){u.linkedPanel||l({type:Z.LinkPanel})})),f=t.useCallback((function(e){var t;switch(e.key){case i.Escape:if(u.flyoutState!==X.Open)return;if(!c.current)return;if(!c.current.contains(document.activeElement))return;e.preventDefault(),l({type:Z.CloseFlyout}),null==(t=document.getElementById(u.buttonId))||t.focus({preventScroll:!0})}}),[u,c,l]);t.useEffect((function(){return function(){return l({type:Z.UnlinkPanel})}}),[l]),t.useEffect((function(){var e;u.flyoutState!==X.Closed||null!=(e=n.unmount)&&!e||l({type:Z.UnlinkPanel})}),[u.flyoutState,n.unmount,l]);var p=t.useMemo((function(){return{open:u.flyoutState===X.Open}}),[u]);return d(a({},n,{ref:s,id:u.panelId,onKeyDown:f}),p,"div",me,u.flyoutState===X.Open)}));function ye(){var e=[],t={requestAnimationFrame:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=requestAnimationFrame.apply(void 0,arguments);t.add((function(){return cancelAnimationFrame(e)}))})),nextFrame:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.requestAnimationFrame((function(){t.requestAnimationFrame.apply(t,n)}))},setTimeout:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){var e=setTimeout.apply(void 0,arguments);t.add((function(){return clearTimeout(e)}))})),add:function(t){e.push(t)},dispose:function(){for(var t,n=s(e.splice(0));!(t=n()).done;)(0,t.value)()}};return t}function be(){var e=t.useState(ye)[0];return t.useEffect((function(){return function(){return e.dispose()}}),[e]),e}function ge(e,n){var r=t.useState(e),o=r[0],i=r[1],u=t.useRef(e);return b((function(){u.current=e}),[e]),b((function(){return i(u.current)}),[u,i].concat(n)),o}function Se(e,t){var n=t.resolveItems();if(n.length<=0)return null;var r=t.resolveActiveIndex(),o=null!=r?r:-1,i=function(){switch(e.focus){case se.First:return n.findIndex((function(e){return!t.resolveDisabled(e)}));case se.Previous:var r=n.slice().reverse().findIndex((function(e,n,r){return!(-1!==o&&r.length-n-1>=o||t.resolveDisabled(e))}));return-1===r?r:n.length-1-r;case se.Next:return n.findIndex((function(e,n){return!(n<=o||t.resolveDisabled(e))}));case se.Last:var i=n.slice().reverse().findIndex((function(e){return!t.resolveDisabled(e)}));return-1===i?i:n.length-1-i;case se.Specific:return n.findIndex((function(n){return t.resolveId(n)===e.id}));case se.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===i?r:i}function Ee(e,t){if(void 0!==e)return"function"==typeof e?e(t):e}ce.Button=ve,ce.Panel=he,ce.Group=function(e){var n=t.useMemo((function(){return{}}),[]),r=e,o=t.useState([]),i=o[0],l=o[1],c=t.useCallback((function(e){l((function(t){var n=t.indexOf(e);if(-1!==n){var r=t.slice();return r.splice(n,1),r}return t}))}),[l]),p=t.useCallback((function(e){return l((function(t){return[].concat(t,[e])})),function(){return c(e)}}),[l,c]),v=t.useCallback((function(){var e=document.activeElement;return i.some((function(t){var n,r;return(null==(n=document.getElementById(t.buttonId))?void 0:n.contains(e))||(null==(r=document.getElementById(t.panelId))?void 0:r.contains(e))}))}),[i]),m=t.useCallback((function(e){for(var t,n=s(i);!(t=n()).done;){var r=t.value;r.buttonId!==e&&r.close()}}),[i]),h=t.useCallback((function(e){var t;if(document.activeElement){var n=i.reduce((function(e,t){var n=document.getElementById(t.buttonId);return n?(e[t.buttonId]=n,e):e}),{}),r=Array.from(document.querySelectorAll(w)).filter((function(e){return void 0!==n[e.id]})),o=r.indexOf(document.activeElement);if(-1!==o){var u=f(e,((t={})[z.First]=function(){return 0},t[z.Previous]=function(){return Math.max(0,o-1)},t[z.Next]=function(){return Math.min(r.length-1,o+1)},t[z.Last]=function(){return r.length-1},t));r[u].focus({preventScroll:!0})}}}),[i]),y=t.useMemo((function(){return{registerFlyoutMenu:p,unregisterFlyoutMenu:c,isFocusWithinFlyoutGroup:v,closeOthers:m,focusButton:h}}),[p,c,v,m,h]);return u.createElement(ue.Provider,{value:y},d(a({},r,{}),n,"div"))},function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}(se||(se={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(de||(de={})),function(e){e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.SetDisabled=2]="SetDisabled",e[e.GoToOption=3]="GoToOption",e[e.Search=4]="Search",e[e.ClearSearch=5]="ClearSearch",e[e.RegisterOption=6]="RegisterOption",e[e.UnregisterOption=7]="UnregisterOption"}(pe||(pe={}));var xe=((fe={})[pe.CloseListbox]=function(e){return e.disabled||e.listboxState===de.Closed?e:a({},e,{activeOptionIndex:null,listboxState:de.Closed})},fe[pe.OpenListbox]=function(e){return e.disabled||e.listboxState===de.Open?e:a({},e,{listboxState:de.Open})},fe[pe.SetDisabled]=function(e,t){return e.disabled===t.disabled?e:a({},e,{disabled:t.disabled})},fe[pe.GoToOption]=function(e,t){if(e.disabled)return e;if(e.listboxState===de.Closed)return e;var n=Se(t,{resolveItems:function(){return e.options},resolveActiveIndex:function(){return e.activeOptionIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeOptionIndex===n?e:a({},e,{searchQuery:"",activeOptionIndex:n})},fe[pe.Search]=function(e,t){if(e.disabled)return e;if(e.listboxState===de.Closed)return e;var n=e.searchQuery+t.value,r=e.options.findIndex((function(e){var t;return!e.dataRef.current.disabled&&(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))}));return a({},e,-1===r||r===e.activeOptionIndex?{searchQuery:n}:{searchQuery:n,activeOptionIndex:r})},fe[pe.ClearSearch]=function(e){return e.disabled||e.listboxState===de.Closed||""===e.searchQuery?e:a({},e,{searchQuery:""})},fe[pe.RegisterOption]=function(e,t){return a({},e,{options:[].concat(e.options,[{id:t.id,dataRef:t.dataRef}])})},fe[pe.UnregisterOption]=function(e,t){var n=e.options.slice(),r=null!==e.activeOptionIndex?n[e.activeOptionIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),a({},e,{options:n,activeOptionIndex:o===e.activeOptionIndex||null===r?null:n.indexOf(r)})},fe),we=t.createContext(null);function Ce(e){var n=t.useContext(we);if(null===n){var r=new Error("<"+e+" /> is missing a parent <"+ke.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,Ce),r}return n}function Ie(e,t){return f(t.type,xe,e,t)}we.displayName="ListboxContext";var Oe=t.Fragment;function ke(e){var n=e.value,r=e.onChange,o=e.disabled,i=void 0!==o&&o,a=l(e,["value","onChange","disabled"]),c=be(),s=t.useReducer(Ie,{listboxState:de.Closed,propsRef:{current:{value:n,onChange:r}},labelRef:t.createRef(),buttonRef:t.createRef(),optionsRef:t.createRef(),disabled:i,options:[],searchQuery:"",activeOptionIndex:null}),f=s[0],p=f.listboxState,v=f.propsRef,m=f.optionsRef,h=f.buttonRef,y=s[1];b((function(){v.current.value=n}),[n,v]),b((function(){v.current.onChange=r}),[r,v]),b((function(){return y({type:pe.SetDisabled,disabled:i})}),[i]),t.useEffect((function(){function e(e){var t,n,r,o=e.target,i=document.activeElement;p===de.Open&&((null==(t=h.current)?void 0:t.contains(o))||((null==(n=m.current)?void 0:n.contains(o))||y({type:pe.CloseListbox}),i!==document.body&&(null==i?void 0:i.contains(o))||e.defaultPrevented||null==(r=h.current)||r.focus({preventScroll:!0})))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[p,m,h,c,y]);var g=t.useMemo((function(){return{open:p===de.Open,disabled:i}}),[p,i]);return u.createElement(we.Provider,{value:s},d(a,g,Oe))}var Re,Le,Te,Fe=v((function e(n,r){var o,u=Ce([ke.name,e.name].join(".")),l=u[0],c=u[1],s=h(l.buttonRef,r),f="headlessui-listbox-button-"+x(),p=be(),v=t.useCallback((function(e){switch(e.key){case i.Space:case i.Enter:case i.ArrowDown:e.preventDefault(),c({type:pe.OpenListbox}),p.nextFrame((function(){var e;null==(e=l.optionsRef.current)||e.focus({preventScroll:!0}),l.propsRef.current.value||c({type:pe.GoToOption,focus:se.First})}));break;case i.ArrowUp:e.preventDefault(),c({type:pe.OpenListbox}),p.nextFrame((function(){var e;null==(e=l.optionsRef.current)||e.focus({preventScroll:!0}),l.propsRef.current.value||c({type:pe.GoToOption,focus:se.Last})}))}}),[c,l,p]),m=t.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();l.listboxState===de.Open?(c({type:pe.CloseListbox}),p.nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),c({type:pe.OpenListbox}),p.nextFrame((function(){var e;return null==(e=l.optionsRef.current)?void 0:e.focus({preventScroll:!0})})))}),[c,p,l]),b=ge((function(){if(l.labelRef.current)return[l.labelRef.current.id,f].join(" ")}),[l.labelRef.current,f]),g=t.useMemo((function(){return{open:l.listboxState===de.Open,disabled:l.disabled}}),[l]);return d(a({},n,{ref:s,id:f,type:"button","aria-haspopup":!0,"aria-controls":null==(o=l.optionsRef.current)?void 0:o.id,"aria-expanded":l.listboxState===de.Open||void 0,"aria-labelledby":b,disabled:l.disabled,onKeyDown:v,onClick:m}),g,"button")})),De=r.RenderStrategy|r.Static,Pe=v((function e(n,r){var o,u=Ce([ke.name,e.name].join(".")),l=u[0],c=u[1],s=h(l.optionsRef,r),f="headlessui-listbox-options-"+x(),p=be(),v=be(),m=t.useCallback((function(e){switch(v.dispose(),e.key){case i.Space:if(""!==l.searchQuery)return e.preventDefault(),c({type:pe.Search,value:e.key});case i.Enter:e.preventDefault(),c({type:pe.CloseListbox}),null!==l.activeOptionIndex&&l.propsRef.current.onChange(l.options[l.activeOptionIndex].dataRef.current.value),ye().nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case i.ArrowDown:return e.preventDefault(),c({type:pe.GoToOption,focus:se.Next});case i.ArrowUp:return e.preventDefault(),c({type:pe.GoToOption,focus:se.Previous});case i.Home:case i.PageUp:return e.preventDefault(),c({type:pe.GoToOption,focus:se.First});case i.End:case i.PageDown:return e.preventDefault(),c({type:pe.GoToOption,focus:se.Last});case i.Escape:return e.preventDefault(),c({type:pe.CloseListbox}),p.nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));case i.Tab:return e.preventDefault();default:1===e.key.length&&(c({type:pe.Search,value:e.key}),v.setTimeout((function(){return c({type:pe.ClearSearch})}),350))}}),[p,c,v,l]),y=ge((function(){var e,t,n;return null!=(e=null==(t=l.labelRef.current)?void 0:t.id)?e:null==(n=l.buttonRef.current)?void 0:n.id}),[l.labelRef.current,l.buttonRef.current]),b=t.useMemo((function(){return{open:l.listboxState===de.Open}}),[l]);return d(a({},n,{"aria-activedescendant":null===l.activeOptionIndex||null==(o=l.options[l.activeOptionIndex])?void 0:o.id,"aria-labelledby":y,id:f,onKeyDown:m,role:"listbox",tabIndex:0,ref:s}),b,"ul",De,l.listboxState===de.Open)}));ke.Button=Fe,ke.Label=function e(n){var r=Ce([ke.name,e.name].join("."))[0],o="headlessui-listbox-label-"+x(),i=t.useCallback((function(){var e;return null==(e=r.buttonRef.current)?void 0:e.focus({preventScroll:!0})}),[r.buttonRef]),u=t.useMemo((function(){return{open:r.listboxState===de.Open,disabled:r.disabled}}),[r]);return d(a({},n,{ref:r.labelRef,id:o,onClick:i}),u,"label")},ke.Options=Pe,ke.Option=function e(n){var r=n.disabled,o=void 0!==r&&r,i=n.value,u=n.className,c=l(n,["disabled","value","className"]),s=Ce([ke.name,e.name].join(".")),f=s[0],p=s[1],v="headlessui-listbox-option-"+x(),m=null!==f.activeOptionIndex&&f.options[f.activeOptionIndex].id===v,h=f.propsRef.current.value===i,y=t.useRef({disabled:o,value:i});b((function(){y.current.disabled=o}),[y,o]),b((function(){y.current.value=i}),[y,i]),b((function(){var e,t;y.current.textValue=null==(e=document.getElementById(v))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[y,v]);var g=t.useCallback((function(){return f.propsRef.current.onChange(i)}),[f.propsRef,i]);b((function(){return p({type:pe.RegisterOption,id:v,dataRef:y}),function(){return p({type:pe.UnregisterOption,id:v})}}),[y,v]),b((function(){var e;f.listboxState===de.Open&&h&&(p({type:pe.GoToOption,focus:se.Specific,id:v}),null==(e=document.getElementById(v))||null==e.focus||e.focus())}),[f.listboxState]),b((function(){if(f.listboxState===de.Open&&m){var e=ye();return e.nextFrame((function(){var e;return null==(e=document.getElementById(v))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[v,m,f.listboxState]);var S=t.useCallback((function(e){if(o)return e.preventDefault();g(),p({type:pe.CloseListbox}),ye().nextFrame((function(){var e;return null==(e=f.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))}),[p,f.buttonRef,o,g]),E=t.useCallback((function(){if(o)return p({type:pe.GoToOption,focus:se.Nothing});p({type:pe.GoToOption,focus:se.Specific,id:v})}),[o,v,p]),w=t.useCallback((function(){o||m||p({type:pe.GoToOption,focus:se.Specific,id:v})}),[o,m,v,p]),C=t.useCallback((function(){o||m&&p({type:pe.GoToOption,focus:se.Nothing})}),[o,m,p]),I=t.useMemo((function(){return{active:m,selected:h,disabled:o}}),[m,h,o]);return d(a({},c,{id:v,role:"option",tabIndex:-1,className:Ee(u,I),"aria-disabled":!0===o||void 0,"aria-selected":!0===h||void 0,onClick:S,onFocus:E,onPointerMove:w,onMouseMove:w,onPointerLeave:C,onMouseLeave:C}),I,"li")},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Le||(Le={})),function(e){e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem"}(Te||(Te={}));var Me=((Re={})[Te.CloseMenu]=function(e){return a({},e,{activeItemIndex:null,menuState:Le.Closed})},Re[Te.OpenMenu]=function(e){return a({},e,{menuState:Le.Open})},Re[Te.GoToItem]=function(e,t){var n=Se(t,{resolveItems:function(){return e.items},resolveActiveIndex:function(){return e.activeItemIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeItemIndex===n?e:a({},e,{searchQuery:"",activeItemIndex:n})},Re[Te.Search]=function(e,t){var n=e.searchQuery+t.value,r=e.items.findIndex((function(e){var t;return(null==(t=e.dataRef.current.textValue)?void 0:t.startsWith(n))&&!e.dataRef.current.disabled}));return a({},e,-1===r||r===e.activeItemIndex?{searchQuery:n}:{searchQuery:n,activeItemIndex:r})},Re[Te.ClearSearch]=function(e){return a({},e,{searchQuery:""})},Re[Te.RegisterItem]=function(e,t){return a({},e,{items:[].concat(e.items,[{id:t.id,dataRef:t.dataRef}])})},Re[Te.UnregisterItem]=function(e,t){var n=e.items.slice(),r=null!==e.activeItemIndex?n[e.activeItemIndex]:null,o=n.findIndex((function(e){return e.id===t.id}));return-1!==o&&n.splice(o,1),a({},e,{items:n,activeItemIndex:o===e.activeItemIndex||null===r?null:n.indexOf(r)})},Re),Ae=t.createContext(null);function Ne(e){var n=t.useContext(Ae);if(null===n){var r=new Error("<"+e+" /> is missing a parent <"+Ue.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,Ne),r}return n}function je(e,t){return f(t.type,Me,e,t)}Ae.displayName="MenuContext";var Ge=t.Fragment;function Ue(e){var n=t.useReducer(je,{menuState:Le.Closed,buttonRef:t.createRef(),itemsRef:t.createRef(),items:[],searchQuery:"",activeItemIndex:null}),r=n[0],o=r.menuState,i=r.itemsRef,a=r.buttonRef,l=n[1];t.useEffect((function(){function e(e){var t,n,r,u=e.target,c=document.activeElement;o===Le.Open&&((null==(t=a.current)?void 0:t.contains(u))||((null==(n=i.current)?void 0:n.contains(u))||l({type:Te.CloseMenu}),c!==document.body&&(null==c?void 0:c.contains(u))||e.defaultPrevented||null==(r=a.current)||r.focus({preventScroll:!0})))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[o,i,a,l]);var c=t.useMemo((function(){return{open:o===Le.Open}}),[o]);return u.createElement(Ae.Provider,{value:n},d(e,c,Ge))}var He=v((function e(n,r){var o,u=Ne([Ue.name,e.name].join(".")),l=u[0],c=u[1],s=h(l.buttonRef,r),f="headlessui-menu-button-"+x(),p=be(),v=t.useCallback((function(e){switch(e.key){case i.Space:case i.Enter:case i.ArrowDown:e.preventDefault(),c({type:Te.OpenMenu}),p.nextFrame((function(){var e;null==(e=l.itemsRef.current)||e.focus({preventScroll:!0}),c({type:Te.GoToItem,focus:se.First})}));break;case i.ArrowUp:e.preventDefault(),c({type:Te.OpenMenu}),p.nextFrame((function(){var e;null==(e=l.itemsRef.current)||e.focus({preventScroll:!0}),c({type:Te.GoToItem,focus:se.Last})}))}}),[c,l,p]),m=t.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();n.disabled||(l.menuState===Le.Open?(c({type:Te.CloseMenu}),p.nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),c({type:Te.OpenMenu}),p.nextFrame((function(){var e;return null==(e=l.itemsRef.current)?void 0:e.focus({preventScroll:!0})}))))}),[c,p,l,n.disabled]),b=t.useMemo((function(){return{open:l.menuState===Le.Open}}),[l]);return d(a({},n,{ref:s,id:f,type:"button","aria-haspopup":!0,"aria-controls":null==(o=l.itemsRef.current)?void 0:o.id,"aria-expanded":l.menuState===Le.Open||void 0,onKeyDown:v,onClick:m}),b,"button")})),Be=r.RenderStrategy|r.Static,Ve=v((function e(n,r){var o,u,l=Ne([Ue.name,e.name].join(".")),c=l[0],s=l[1],f=h(c.itemsRef,r),p="headlessui-menu-items-"+x(),v=be();b((function(){var e=c.itemsRef.current;if(e&&c.menuState===Le.Open)for(var t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT}});t.nextNode();)t.currentNode.setAttribute("role","none")}));var m=t.useCallback((function(e){switch(v.dispose(),e.key){case i.Space:if(""!==c.searchQuery)return e.preventDefault(),s({type:Te.Search,value:e.key});case i.Enter:var t;e.preventDefault(),s({type:Te.CloseMenu}),null!==c.activeItemIndex&&(null==(t=document.getElementById(c.items[c.activeItemIndex].id))||t.click()),ye().nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case i.ArrowDown:return e.preventDefault(),s({type:Te.GoToItem,focus:se.Next});case i.ArrowUp:return e.preventDefault(),s({type:Te.GoToItem,focus:se.Previous});case i.Home:case i.PageUp:return e.preventDefault(),s({type:Te.GoToItem,focus:se.First});case i.End:case i.PageDown:return e.preventDefault(),s({type:Te.GoToItem,focus:se.Last});case i.Escape:e.preventDefault(),s({type:Te.CloseMenu}),ye().nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case i.Tab:return e.preventDefault();default:1===e.key.length&&(s({type:Te.Search,value:e.key}),v.setTimeout((function(){return s({type:Te.ClearSearch})}),350))}}),[s,v,c]),y=t.useMemo((function(){return{open:c.menuState===Le.Open}}),[c]);return d(a({},n,{"aria-activedescendant":null===c.activeItemIndex||null==(o=c.items[c.activeItemIndex])?void 0:o.id,"aria-labelledby":null==(u=c.buttonRef.current)?void 0:u.id,id:p,onKeyDown:m,role:"menu",tabIndex:0,ref:f}),y,"div",Be,c.menuState===Le.Open)})),_e=t.Fragment;Ue.Button=He,Ue.Items=Ve,Ue.Item=function e(n){var r=n.disabled,o=void 0!==r&&r,i=n.className,u=n.onClick,c=l(n,["disabled","className","onClick"]),s=Ne([Ue.name,e.name].join(".")),f=s[0],p=s[1],v="headlessui-menu-item-"+x(),m=null!==f.activeItemIndex&&f.items[f.activeItemIndex].id===v;b((function(){if(f.menuState===Le.Open&&m){var e=ye();return e.nextFrame((function(){var e;return null==(e=document.getElementById(v))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[v,m,f.menuState]);var h=t.useRef({disabled:o});b((function(){h.current.disabled=o}),[h,o]),b((function(){var e,t;h.current.textValue=null==(e=document.getElementById(v))||null==(t=e.textContent)?void 0:t.toLowerCase()}),[h,v]),b((function(){return p({type:Te.RegisterItem,id:v,dataRef:h}),function(){return p({type:Te.UnregisterItem,id:v})}}),[h,v]);var y=t.useCallback((function(e){return o?e.preventDefault():(p({type:Te.CloseMenu}),ye().nextFrame((function(){var e;return null==(e=f.buttonRef.current)?void 0:e.focus({preventScroll:!0})})),u?u(e):void 0)}),[p,f.buttonRef,o,u]),g=t.useCallback((function(){if(o)return p({type:Te.GoToItem,focus:se.Nothing});p({type:Te.GoToItem,focus:se.Specific,id:v})}),[o,v,p]),S=t.useCallback((function(){o||m||p({type:Te.GoToItem,focus:se.Specific,id:v})}),[o,m,v,p]),E=t.useCallback((function(){o||m&&p({type:Te.GoToItem,focus:se.Nothing})}),[o,m,p]),w=t.useMemo((function(){return{active:m,disabled:o}}),[m,o]);return d(a({},c,{id:v,role:"menuitem",tabIndex:-1,className:Ee(i,w),"aria-disabled":!0===o||void 0,onClick:y,onFocus:g,onPointerMove:S,onMouseMove:S,onPointerLeave:E,onMouseLeave:E}),w,_e)};var Qe=t.createContext(null);function Ke(e){var n=t.useContext(Qe);if(null===n){var r=new Error("<"+e+" /> is missing a parent <Switch.Group /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,Ke),r}return n}Qe.displayName="GroupContext";var qe,We=t.Fragment;function Ye(e){var n,r,o=e.checked,u=e.onChange,c=e.className,s=l(e,["checked","onChange","className"]),f="headlessui-switch-"+x(),p=t.useContext(Qe),v=t.useCallback((function(){return u(!o)}),[u,o]),m=t.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();e.preventDefault(),v()}),[v]),h=t.useCallback((function(e){e.key!==i.Tab&&e.preventDefault(),e.key===i.Space&&v()}),[v]),b=t.useCallback((function(e){return e.preventDefault()}),[]),g=t.useMemo((function(){return{checked:o}}),[o]),S={id:f,ref:null===p?void 0:p.setSwitch,role:"switch",tabIndex:0,className:Ee(c,g),"aria-checked":o,"aria-labelledby":null==p||null==(n=p.label)?void 0:n.id,"aria-describedby":null==p||null==(r=p.description)?void 0:r.id,onClick:m,onKeyUp:h,onKeyPress:b};return"button"===s.as&&Object.assign(S,{type:"button"}),d(a({},s,S),g,"button")}function Je(){var e=t.useRef(!0);return t.useEffect((function(){e.current=!1}),[]),e.current}function $e(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).add.apply(t,r)}function ze(e){for(var t,n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];e&&r.length>0&&(t=e.classList).remove.apply(t,r)}function Xe(e,t,n,r,o){var i=ye(),u=void 0!==o?function(e){var t={called:!1};return function(){if(!t.called)return t.called=!0,e.apply(void 0,arguments)}}(o):function(){};return $e.apply(void 0,[e].concat(t,n)),i.nextFrame((function(){ze.apply(void 0,[e].concat(n)),$e.apply(void 0,[e].concat(r)),i.add(function(e,t){var n=ye();if(!e)return n.dispose;var r=getComputedStyle(e),o=[r.transitionDuration,r.transitionDelay].map((function(e){var t=e.split(",").filter(Boolean).map((function(e){return e.includes("ms")?parseFloat(e):1e3*parseFloat(e)})).sort((function(e,t){return t-e}))[0];return void 0===t?0:t})),i=o[0];return 0!==i?n.setTimeout((function(){t(qe.Finished)}),i+o[1]):t(qe.Finished),n.add((function(){return t(qe.Cancelled)})),n.dispose}(e,(function(n){return ze.apply(void 0,[e].concat(r,t)),u(n)})))})),i.add((function(){return ze.apply(void 0,[e].concat(t,n,r))})),i.add((function(){return u(qe.Cancelled)})),i.dispose}function Ze(e){return void 0===e&&(e=""),t.useMemo((function(){return e.split(" ").filter((function(e){return e.trim().length>1}))}),[e])}Ye.Group=function(e){var n=t.useState(null),r=n[0],o=n[1],i=t.useState(null),a=i[0],l=i[1],c=t.useState(null),s=c[0],f=c[1],p=t.useMemo((function(){return{switch:r,setSwitch:o,label:a,setLabel:l,description:s,setDescription:f}}),[r,o,a,l,s,f]);return u.createElement(Qe.Provider,{value:p},d(e,{},We))},Ye.Label=function e(n){var r=Ke([Ye.name,e.name].join(".")),o="headlessui-switch-label-"+x(),i=t.useCallback((function(){r.switch&&(r.switch.click(),r.switch.focus({preventScroll:!0}))}),[r.switch]);return d(a({},n,{ref:r.setLabel,id:o,onClick:i}),{},"label")},Ye.Description=function e(t){var n=Ke([Ye.name,e.name].join(".")),r="headlessui-switch-description-"+x();return d(a({},t,{ref:n.setDescription,id:r}),{},"p")},function(e){e.Finished="finished",e.Cancelled="cancelled"}(qe||(qe={}));var et,tt=t.createContext(null);tt.displayName="TransitionContext",function(e){e.Visible="visible",e.Hidden="hidden"}(et||(et={}));var nt=t.createContext(null);function rt(e){return"children"in e?rt(e.children):e.current.filter((function(e){return e.state===et.Visible})).length>0}function ot(e){var n=t.useRef(e),r=t.useRef([]),i=function(){var e=t.useRef(!0);return t.useEffect((function(){return function(){e.current=!1}}),[]),e}();t.useEffect((function(){n.current=e}),[e]);var u=t.useCallback((function(e,t){var u;void 0===t&&(t=o.Hidden);var a=r.current.findIndex((function(t){return t.id===e}));-1!==a&&(f(t,((u={})[o.Unmount]=function(){r.current.splice(a,1)},u[o.Hidden]=function(){r.current[a].state=et.Hidden},u)),!rt(r)&&i.current&&(null==n.current||n.current()))}),[n,i,r]),a=t.useCallback((function(e){var t=r.current.find((function(t){return t.id===e}));return t?t.state!==et.Visible&&(t.state=et.Visible):r.current.push({id:e,state:et.Visible}),function(){return u(e,o.Unmount)}}),[r,u]);return t.useMemo((function(){return{children:r,register:a,unregister:u}}),[a,u,r])}function it(){}nt.displayName="NestingContext";var ut=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function at(e){for(var t,n={},r=s(ut);!(t=r()).done;){var o,i=t.value;n[i]=null!=(o=e[i])?o:it}return n}var lt=r.RenderStrategy;function ct(e){var n=e.beforeEnter,r=e.afterEnter,i=e.beforeLeave,c=e.afterLeave,s=e.enter,p=e.enterFrom,v=e.enterTo,m=e.leave,h=e.leaveFrom,y=e.leaveTo,g=l(e,["beforeEnter","afterEnter","beforeLeave","afterLeave","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo"]),S=t.useRef(null),E=t.useState(et.Visible),w=E[0],C=E[1],I=g.unmount?o.Unmount:o.Hidden,O=function(){var e=t.useContext(tt);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),k=O.show,R=O.appear,L=function(){var e=t.useContext(nt);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),T=L.register,F=L.unregister,D=Je(),P=x(),M=t.useRef(!1),A=ot((function(){M.current||(C(et.Hidden),F(P),V.current.afterLeave())}));b((function(){if(P)return T(P)}),[T,P]),b((function(){var e;I===o.Hidden&&P&&(k&&w!==et.Visible?C(et.Visible):f(w,((e={})[et.Hidden]=function(){return F(P)},e[et.Visible]=function(){return T(P)},e)))}),[w,P,T,F,k,I]);var N=Ze(s),j=Ze(p),G=Ze(v),U=Ze(m),H=Ze(h),B=Ze(y),V=function(e){var n=t.useRef(at(e));return t.useEffect((function(){n.current=at(e)}),[e]),n}({beforeEnter:n,afterEnter:r,beforeLeave:i,afterLeave:c});t.useEffect((function(){if(w===et.Visible&&null===S.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[S,w]);var _=D&&!R;return b((function(){var e=S.current;if(e&&!_)return M.current=!0,k&&V.current.beforeEnter(),k||V.current.beforeLeave(),k?Xe(e,N,j,G,(function(e){M.current=!1,e===qe.Finished&&V.current.afterEnter()})):Xe(e,U,H,B,(function(e){M.current=!1,e===qe.Finished&&(rt(A)||(C(et.Hidden),F(P),V.current.afterLeave()))}))}),[V,P,M,F,A,S,_,k,N,j,G,U,H,B]),u.createElement(nt.Provider,{value:A},d(a({},g,{ref:S}),{},"div",lt,w===et.Visible))}function st(e){var n=e.show,r=e.appear,o=void 0!==r&&r,i=e.unmount,c=l(e,["show","appear","unmount"]);if(![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");var s=t.useState(n?et.Visible:et.Hidden),f=s[0],p=s[1],v=ot((function(){p(et.Hidden)})),m=Je(),h=t.useMemo((function(){return{show:n,appear:o||!m}}),[n,o,m]);t.useEffect((function(){n?p(et.Visible):rt(v)||p(et.Hidden)}),[n,v]);var y={unmount:i};return u.createElement(nt.Provider,{value:v},u.createElement(tt.Provider,{value:h},d(a({},y,{as:t.Fragment,children:u.createElement(ct,Object.assign({},y,c))}),{},t.Fragment,lt,f===et.Visible)))}st.Child=ct,e.Dialog=_,e.Disclosure=J,e.Flyout=ce,e.FocusTrap=function(e){var n=t.useRef(null),r=e.initialFocus,o=l(e,["initialFocus"]);return I(n,!0,{initialFocus:r}),d(a({},o,{ref:n}),{},"div")},e.Listbox=ke,e.Menu=Ue,e.Portal=M,e.Switch=Ye,e.Transition=st,Object.defineProperty(e,"__esModule",{value:!0})}));
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","react-dom"],n):n((e=e||self).headlessui={},e.React,e.reactDom)}(this,(function(e,n,t){"use strict";var r,o,u,i="default"in n?n.default:n;function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function c(e,n){if(null==e)return{};var t,r,o={},u=Object.keys(e);for(r=0;r<u.length;r++)n.indexOf(t=u[r])>=0||(o[t]=e[t]);return o}function l(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e,n){var t;if("undefined"==typeof Symbol||null==e[Symbol.iterator]){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return l(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?l(e,void 0):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(t=e[Symbol.iterator]()).next.bind(t)}function d(e,n){if(e in n){for(var t=n[e],r=arguments.length,o=new Array(r>2?r-2:0),u=2;u<r;u++)o[u-2]=arguments[u];return"function"==typeof t?t.apply(void 0,o):t}var i=new Error('Tried to handle "'+e+'" but there is no handler defined. Only defined handlers are: '+Object.keys(n).map((function(e){return'"'+e+'"'})).join(", ")+".");throw Error.captureStackTrace&&Error.captureStackTrace(i,d),i}function f(e,n,t,u,i){if(void 0===i&&(i=!0),i)return p(e,n,t);var l=null!=u?u:r.None;if(l&r.Static){var s=e.static,f=void 0!==s&&s,v=c(e,["static"]);if(f)return p(v,n,t)}if(l&r.RenderStrategy){var m,b=e.unmount,y=void 0===b||b,h=c(e,["unmount"]);return d(y?o.Unmount:o.Hidden,((m={})[o.Unmount]=function(){return null},m[o.Hidden]=function(){return p(a({},h,{hidden:!0,style:{display:"none"}}),n,t)},m))}return p(e,n,t)}function p(e,t,r){var o,u=m(e,["unmount","static"]),i=u.as,a=void 0===i?r:i,l=u.children,d=u.refName,f=void 0===d?"ref":d,v=c(u,["as","children","refName"]),b=void 0!==e.ref?((o={})[f]=e.ref,o):{},y="function"==typeof l?l(t):l;if(v.className&&"function"==typeof v.className&&(v.className=v.className(t)),a===n.Fragment&&Object.keys(v).length>0){if(Array.isArray(y)&&y.length>1){var h=new Error("You should only render 1 child");throw Error.captureStackTrace&&Error.captureStackTrace(h,p),h}if(!n.isValidElement(y)){var S=new Error('You should render an element as a child. Did you forget the as="..." prop?');throw Error.captureStackTrace&&Error.captureStackTrace(S,p),S}return n.cloneElement(y,Object.assign({},function(e,n,t){for(var r,o=Object.assign({},e),u=function(){var t,u=r.value;void 0!==e[u]&&void 0!==n[u]&&Object.assign(o,((t={})[u]=function(t){t.defaultPrevented||e[u](t),t.defaultPrevented||n[u](t)},t))},i=s(["onClick"]);!(r=i()).done;)u();return o}(function(e){var n=Object.assign({},e);for(var t in n)void 0===n[t]&&delete n[t];return n}(m(v,["ref"])),y.props),b))}return n.createElement(a,Object.assign({},m(v,["ref"]),a!==n.Fragment&&b),y)}function v(e){var t;return Object.assign(n.forwardRef(e),{displayName:null!=(t=e.displayName)?t:e.name})}function m(e,n){void 0===n&&(n=[]);for(var t,r=Object.assign({},e),o=s(n);!(t=o()).done;){var u=t.value;u in r&&delete r[u]}return r}function b(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var o=n.useRef(t);return n.useEffect((function(){o.current=t}),[t]),n.useCallback((function(e){for(var n,t=s(o.current);!(n=t()).done;){var r=n.value;null!=r&&("function"==typeof r?r(e):r.current=e)}}),[o])}function y(e){for(var n,t,r=e.parentElement,o=null;r&&!(r instanceof HTMLFieldSetElement);)r instanceof HTMLLegendElement&&(o=r),r=r.parentElement;var u=null!=(n=""===(null==(t=r)?void 0:t.getAttribute("disabled")))&&n;return(!u||!function(e){if(!e)return!1;for(var n=e.previousElementSibling;null!==n;){if(n instanceof HTMLLegendElement)return!1;n=n.previousElementSibling}return!0}(o))&&u}!function(e){e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static"}(r||(r={})),function(e){e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden"}(o||(o={})),function(e){e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.ArrowUp="ArrowUp",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab"}(u||(u={}));var h="undefined"!=typeof window?n.useLayoutEffect:n.useEffect,S={serverHandoffComplete:!1},g=0;function E(){return++g}function w(){var e=n.useState(S.serverHandoffComplete?E:null),t=e[0],r=e[1];return h((function(){null===t&&r(E())}),[t]),n.useEffect((function(){!1===S.serverHandoffComplete&&(S.serverHandoffComplete=!0)}),[]),null!=t?""+t:void 0}var C,I,x,O,k=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map((function(e){return e+":not([tabindex='-1'])"})).join(",");function P(e){return void 0===e&&(e=document.body),null==e?[]:Array.from(e.querySelectorAll(k))}function R(e,n){var t;return void 0===n&&(n=O.Strict),e!==document.body&&d(n,((t={})[O.Strict]=function(){return e.matches(k)},t[O.Loose]=function(){for(var n=e;null!==n;){if(n.matches(k))return!0;n=n.parentElement}return!1},t))}function T(e){null==e||e.focus({preventScroll:!0})}function D(e,n){var t=Array.isArray(e)?e:P(e),r=document.activeElement,o=function(){if(n&(C.First|C.Next))return x.Next;if(n&(C.Previous|C.Last))return x.Previous;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),u=function(){if(n&C.First)return 0;if(n&C.Previous)return Math.max(0,t.indexOf(r))-1;if(n&C.Next)return Math.max(0,t.indexOf(r))+1;if(n&C.Last)return t.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")}(),i=n&C.NoScroll?{preventScroll:!0}:{},a=0,c=t.length,l=void 0;do{var s;if(a>=c||a+c<=0)return I.Error;var d=u+a;if(n&C.WrapAround)d=(d+c)%c;else{if(d<0)return I.Underflow;if(d>=c)return I.Overflow}null==(s=l=t[d])||s.focus(i),a+=o}while(l!==document.activeElement);return I.Success}function L(e,n){for(var t,r=s(e);!(t=r()).done;)if(t.value.contains(n))return!0;return!1}function F(e,t,r){void 0===t&&(t=!0),void 0===r&&(r={});var o=n.useRef("undefined"!=typeof window?document.activeElement:null),i=n.useRef(null),a=n.useRef(!1);h((function(){var n,u;if(t&&1===e.current.size){a.current=!0;var c,l=document.activeElement;if(null==(n=r.initialFocus)?void 0:n.current){if((null==(c=r.initialFocus)?void 0:c.current)===l)return}else if(L(e.current,l))return;if(o.current=l,null==(u=r.initialFocus)?void 0:u.current)T(r.initialFocus.current);else{for(var d,f=!1,p=s(e.current);!(d=p()).done;)if(D(d.value,C.First)===I.Success){f=!0;break}if(!f)throw new Error("There are no focusable elements inside the <FocusTrap />")}return i.current=document.activeElement,function(){a.current=!1,T(o.current),o.current=null,i.current=null}}}),[t,e,a,r.initialFocus]),h((function(){if(t)return window.addEventListener("keydown",n),function(){return window.removeEventListener("keydown",n)};function n(n){if(n.key===u.Tab&&document.activeElement&&1===e.current.size){n.preventDefault();for(var t,r=s(e.current);!(t=r()).done;)if(D(t.value,(n.shiftKey?C.Previous:C.Next)|C.WrapAround)===I.Success){i.current=document.activeElement;break}}}}),[t,e]),h((function(){if(t&&1===e.current.size)return window.addEventListener("focus",n,!0),function(){return window.removeEventListener("focus",n,!0)};function n(n){var t=i.current;if(t&&a.current){var r=n.target;r&&r instanceof HTMLElement?L(e.current,r)?(i.current=r,T(r)):(n.preventDefault(),n.stopPropagation(),T(t)):T(i.current)}}}),[t,a,e])}!function(e){e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll"}(C||(C={})),function(e){e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow"}(I||(I={})),function(e){e[e.Previous=-1]="Previous",e[e.Next=1]="Next"}(x||(x={})),function(e){e[e.Strict=0]="Strict",e[e.Loose=1]="Loose"}(O||(O={}));var M=new Set,A=new Map;function N(e){e.setAttribute("aria-hidden","true"),e.inert=!0}function j(e){var n=A.get(e);n&&(null===n["aria-hidden"]?e.removeAttribute("aria-hidden"):e.setAttribute("aria-hidden",n["aria-hidden"]),e.inert=n.inert)}var U,G=n.createContext((function(){}));function H(){return n.useContext(G)}function B(e){var t=e.children,r=e.onUpdate,o=H(),u=n.useCallback((function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];null==r||r.apply(void 0,n),o.apply(void 0,n)}),[o,r]);return i.createElement(G.Provider,{value:u},t)}G.displayName="StackContext",function(e){e[e.AddElement=0]="AddElement",e[e.RemoveElement=1]="RemoveElement"}(U||(U={}));var V,Q,K,W=n.Fragment;function q(e){var r=n.useState((function(){if("undefined"==typeof window)return null;var e=document.getElementById("headlessui-portal-root");if(e)return e;var n=document.createElement("div");return n.setAttribute("id","headlessui-portal-root"),document.body.appendChild(n)}))[0],o=n.useState((function(){return"undefined"==typeof window?null:document.createElement("div")}))[0];return function(e){var n=H();h((function(){if(e)return n(U.AddElement,e),function(){return n(U.RemoveElement,e)}}),[e])}(o),h((function(){if(r&&o)return console.log({target:r,element:o}),r.appendChild(o),function(){r&&o&&(console.log({target:r,element:o}),r.removeChild(o),r.childNodes.length<=0&&document.body.removeChild(r))}}),[r,o]),i.createElement(B,null,r&&o?t.createPortal(f(e,{},W),o):null)}!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Q||(Q={})),function(e){e[e.SetTitleId=0]="SetTitleId",e[e.SetDescriptionId=1]="SetDescriptionId"}(K||(K={}));var z=((V={})[K.SetTitleId]=function(e,n){return e.titleId===n.id?e:a({},e,{titleId:n.id})},V[K.SetDescriptionId]=function(e,n){return e.descriptionId===n.id?e:a({},e,{descriptionId:n.id})},V),Y=n.createContext(null);function _(e){var t=n.useContext(Y);if(null===t){var r=new Error("<"+e+" /> is missing a parent <"+ne.displayName+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,_),r}return t}function J(e,n){return d(n.type,z,e,n)}Y.displayName="DialogContext";var $,X,Z,ee=r.RenderStrategy|r.Static,ne=Object.assign(v((function(e,t){var r=e.open,o=e.onClose,l=e.initialFocus,p=c(e,["open","onClose","initialFocus"]),v=n.useRef(new Set),m=n.useRef(null),y=b(m,t),S=e.hasOwnProperty("open"),g=e.hasOwnProperty("onClose");if(!S&&!g)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!S)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!g)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if("boolean"!=typeof r)throw new Error("You provided an `open` prop to the `Dialog`, but the value is not a boolean. Received: "+r);if("function"!=typeof o)throw new Error("You provided an `onClose` prop to the `Dialog`, but the value is not a function. Received: "+o);var E=r?Q.Open:Q.Closed,C=n.useReducer(J,{titleId:null,descriptionId:null}),I=C[0],x=C[1],O=n.useCallback((function(){return o(!1)}),[o]),k=n.useCallback((function(e){return x({type:K.SetTitleId,id:e})}),[x]),P=n.useCallback((function(e){return x({type:K.SetDescriptionId,id:e})}),[x]);n.useEffect((function(){function e(e){E===Q.Open&&1===v.current.size&&(L(v.current,e.target)||O())}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[E,v,O]),n.useEffect((function(){function e(e){e.key===u.Escape&&E===Q.Open&&(v.current.size>1||O())}return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)}}),[O,E]),n.useEffect((function(){if(E===Q.Open){var e=document.documentElement.style.overflow,n=document.documentElement.style.paddingRight,t=window.innerWidth-document.documentElement.clientWidth;return document.documentElement.style.overflow="hidden",document.documentElement.style.paddingRight=t+"px",function(){document.documentElement.style.overflow=e,document.documentElement.style.paddingRight=n}}}),[E]),n.useEffect((function(){if(E===Q.Open&&m.current){var e=new IntersectionObserver((function(e){for(var n,t=s(e);!(n=t()).done;){var r=n.value;0===r.boundingClientRect.x&&0===r.boundingClientRect.y&&0===r.boundingClientRect.width&&0===r.boundingClientRect.height&&O()}}));return e.observe(m.current),function(){return e.disconnect()}}}),[E,m,O]);var R=!!e.static||E===Q.Open;F(v,R,{initialFocus:l}),function(e,n){void 0===n&&(n=!0),h((function(){if(n&&e.current){var t=e.current;M.add(t);for(var r,o=s(A.keys());!(r=o()).done;){var u=r.value;u.contains(t)&&(j(u),A.delete(u))}return document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement){for(var n,t=s(M);!(n=t()).done;)if(e.contains(n.value))return;1===M.size&&(A.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),N(e))}})),function(){if(M.delete(t),M.size>0)document.querySelectorAll("body > *").forEach((function(e){if(e instanceof HTMLElement&&!A.has(e)){for(var n,t=s(M);!(n=t()).done;)if(e.contains(n.value))return;A.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),N(e)}}));else for(var e,n=s(A.keys());!(e=n()).done;){var r=e.value;j(r),A.delete(r)}}}}),[n])}(m,R);var T="headlessui-dialog-"+w(),D=n.useMemo((function(){return[{dialogState:E,close:O,setTitleId:k,setDescriptionId:P},I]}),[E,I,O,k,P]),G=n.useMemo((function(){return{open:E===Q.Open}}),[E]);return i.createElement(B,{onUpdate:function(e,n){var t;return d(e,((t={})[U.AddElement]=function(){v.current.add(n)},t[U.RemoveElement]=function(){v.current.delete(n)},t))}},i.createElement(q,null,i.createElement(Y.Provider,{value:D},f(a({},p,{ref:y,id:T,role:"dialog","aria-modal":E===Q.Open||void 0,"aria-labelledby":I.titleId,"aria-describedby":I.descriptionId}),G,"div",ee,E===Q.Open))))})),{Overlay:v((function e(t,r){var o=_([ne.displayName,e.name].join("."))[0],u=o.dialogState,i=o.close,c=b(r),l="headlessui-dialog-overlay-"+w(),s=n.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();i()}),[i]),d=n.useMemo((function(){return{open:u===Q.Open}}),[u]);return f(a({},t,{ref:c,id:l,"aria-hidden":!0,onClick:s}),d,"div")})),Title:function e(t){var r=_([ne.displayName,e.name].join("."))[0],o=r.dialogState,u=r.setTitleId,i="headlessui-dialog-title-"+w();n.useEffect((function(){return u(i),function(){return u(null)}}),[i,u]);var c=n.useMemo((function(){return{open:o===Q.Open}}),[o]);return f(a({},t,{id:i}),c,"h2")},Description:function e(t){var r=_([ne.displayName,e.name].join("."))[0],o=r.dialogState,u=r.setDescriptionId,i="headlessui-dialog-description-"+w();n.useEffect((function(){return u(i),function(){return u(null)}}),[i,u]);var c=n.useMemo((function(){return{open:o===Q.Open}}),[o]);return f(a({},t,{id:i}),c,"p")}});!function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(X||(X={})),function(e){e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.SetButtonId=1]="SetButtonId",e[e.SetPanelId=2]="SetPanelId",e[e.LinkPanel=3]="LinkPanel",e[e.UnlinkPanel=4]="UnlinkPanel"}(Z||(Z={}));var te=(($={})[Z.ToggleDisclosure]=function(e){var n;return a({},e,{disclosureState:d(e.disclosureState,(n={},n[X.Open]=X.Closed,n[X.Closed]=X.Open,n))})},$[Z.LinkPanel]=function(e){return!0===e.linkedPanel?e:a({},e,{linkedPanel:!0})},$[Z.UnlinkPanel]=function(e){return!1===e.linkedPanel?e:a({},e,{linkedPanel:!1})},$[Z.SetButtonId]=function(e,n){return e.buttonId===n.buttonId?e:a({},e,{buttonId:n.buttonId})},$[Z.SetPanelId]=function(e,n){return e.panelId===n.panelId?e:a({},e,{panelId:n.panelId})},$),re=n.createContext(null);function oe(e){var t=n.useContext(re);if(null===t){var r=new Error("<"+e+" /> is missing a parent <"+ae.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,oe),r}return t}function ue(e,n){return d(n.type,te,e,n)}re.displayName="DisclosureContext";var ie=n.Fragment;function ae(e){var t="headlessui-disclosure-button-"+w(),r="headlessui-disclosure-panel-"+w(),o=n.useReducer(ue,{disclosureState:X.Closed,linkedPanel:!1,buttonId:t,panelId:r}),u=o[0].disclosureState,a=o[1];n.useEffect((function(){return a({type:Z.SetButtonId,buttonId:t})}),[t,a]),n.useEffect((function(){return a({type:Z.SetPanelId,panelId:r})}),[r,a]);var c=n.useMemo((function(){return{open:u===X.Open}}),[u]);return i.createElement(re.Provider,{value:o},f(e,c,ie))}var ce,le,se,de,fe=v((function e(t,r){var o=oe([ae.name,e.name].join(".")),i=o[0],c=o[1],l=b(r),s=n.useCallback((function(e){switch(e.key){case u.Space:case u.Enter:e.preventDefault(),c({type:Z.ToggleDisclosure})}}),[c]),d=n.useCallback((function(e){y(e.currentTarget)||t.disabled||c({type:Z.ToggleDisclosure})}),[c,t.disabled]),p=n.useMemo((function(){return{open:i.disclosureState===X.Open}}),[i]);return f(a({},t,{ref:l,id:i.buttonId,type:"button","aria-expanded":i.disclosureState===X.Open||void 0,"aria-controls":i.linkedPanel?i.panelId:void 0,onKeyDown:s,onClick:d}),p,"button")})),pe=r.RenderStrategy|r.Static,ve=v((function e(t,r){var o=oe([ae.name,e.name].join(".")),u=o[0],i=o[1],c=b(r,(function(){u.linkedPanel||i({type:Z.LinkPanel})}));n.useEffect((function(){return function(){return i({type:Z.UnlinkPanel})}}),[i]),n.useEffect((function(){var e;u.disclosureState!==X.Closed||null!=(e=t.unmount)&&!e||i({type:Z.UnlinkPanel})}),[u.disclosureState,t.unmount,i]);var l=n.useMemo((function(){return{open:u.disclosureState===X.Open}}),[u]);return f(a({},t,{ref:c,id:u.panelId}),l,"div",pe,u.disclosureState===X.Open)}));function me(){var e=[],n={requestAnimationFrame:function(e){function n(){return e.apply(this,arguments)}return n.toString=function(){return e.toString()},n}((function(){var e=requestAnimationFrame.apply(void 0,arguments);n.add((function(){return cancelAnimationFrame(e)}))})),nextFrame:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.requestAnimationFrame((function(){n.requestAnimationFrame.apply(n,t)}))},setTimeout:function(e){function n(){return e.apply(this,arguments)}return n.toString=function(){return e.toString()},n}((function(){var e=setTimeout.apply(void 0,arguments);n.add((function(){return clearTimeout(e)}))})),add:function(n){e.push(n)},dispose:function(){for(var n,t=s(e.splice(0));!(n=t()).done;)(0,n.value)()}};return n}function be(){var e=n.useState(me)[0];return n.useEffect((function(){return function(){return e.dispose()}}),[e]),e}function ye(e,t){var r=n.useState(e),o=r[0],u=r[1],i=n.useRef(e);return h((function(){i.current=e}),[e]),h((function(){return u(i.current)}),[i,u].concat(t)),o}function he(e,n){var t=n.resolveItems();if(t.length<=0)return null;var r=n.resolveActiveIndex(),o=null!=r?r:-1,u=function(){switch(e.focus){case ce.First:return t.findIndex((function(e){return!n.resolveDisabled(e)}));case ce.Previous:var r=t.slice().reverse().findIndex((function(e,t,r){return!(-1!==o&&r.length-t-1>=o||n.resolveDisabled(e))}));return-1===r?r:t.length-1-r;case ce.Next:return t.findIndex((function(e,t){return!(t<=o||n.resolveDisabled(e))}));case ce.Last:var u=t.slice().reverse().findIndex((function(e){return!n.resolveDisabled(e)}));return-1===u?u:t.length-1-u;case ce.Specific:return t.findIndex((function(t){return n.resolveId(t)===e.id}));case ce.Nothing:return null;default:!function(e){throw new Error("Unexpected object: "+e)}(e)}}();return-1===u?r:u}ae.Button=fe,ae.Panel=ve,function(e){e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing"}(ce||(ce={})),function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(se||(se={})),function(e){e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.SetDisabled=2]="SetDisabled",e[e.GoToOption=3]="GoToOption",e[e.Search=4]="Search",e[e.ClearSearch=5]="ClearSearch",e[e.RegisterOption=6]="RegisterOption",e[e.UnregisterOption=7]="UnregisterOption"}(de||(de={}));var Se=((le={})[de.CloseListbox]=function(e){return e.disabled||e.listboxState===se.Closed?e:a({},e,{activeOptionIndex:null,listboxState:se.Closed})},le[de.OpenListbox]=function(e){return e.disabled||e.listboxState===se.Open?e:a({},e,{listboxState:se.Open})},le[de.SetDisabled]=function(e,n){return e.disabled===n.disabled?e:a({},e,{disabled:n.disabled})},le[de.GoToOption]=function(e,n){if(e.disabled)return e;if(e.listboxState===se.Closed)return e;var t=he(n,{resolveItems:function(){return e.options},resolveActiveIndex:function(){return e.activeOptionIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeOptionIndex===t?e:a({},e,{searchQuery:"",activeOptionIndex:t})},le[de.Search]=function(e,n){if(e.disabled)return e;if(e.listboxState===se.Closed)return e;var t=e.searchQuery+n.value,r=e.options.findIndex((function(e){var n;return!e.dataRef.current.disabled&&(null==(n=e.dataRef.current.textValue)?void 0:n.startsWith(t))}));return a({},e,-1===r||r===e.activeOptionIndex?{searchQuery:t}:{searchQuery:t,activeOptionIndex:r})},le[de.ClearSearch]=function(e){return e.disabled||e.listboxState===se.Closed||""===e.searchQuery?e:a({},e,{searchQuery:""})},le[de.RegisterOption]=function(e,n){return a({},e,{options:[].concat(e.options,[{id:n.id,dataRef:n.dataRef}])})},le[de.UnregisterOption]=function(e,n){var t=e.options.slice(),r=null!==e.activeOptionIndex?t[e.activeOptionIndex]:null,o=t.findIndex((function(e){return e.id===n.id}));return-1!==o&&t.splice(o,1),a({},e,{options:t,activeOptionIndex:o===e.activeOptionIndex||null===r?null:t.indexOf(r)})},le),ge=n.createContext(null);function Ee(e){var t=n.useContext(ge);if(null===t){var r=new Error("<"+e+" /> is missing a parent <"+Ie.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,Ee),r}return t}function we(e,n){return d(n.type,Se,e,n)}ge.displayName="ListboxContext";var Ce=n.Fragment;function Ie(e){var t=e.value,r=e.onChange,o=e.disabled,u=void 0!==o&&o,a=c(e,["value","onChange","disabled"]),l=n.useReducer(we,{listboxState:se.Closed,propsRef:{current:{value:t,onChange:r}},labelRef:n.createRef(),buttonRef:n.createRef(),optionsRef:n.createRef(),disabled:u,options:[],searchQuery:"",activeOptionIndex:null}),s=l[0],d=s.listboxState,p=s.propsRef,v=s.optionsRef,m=s.buttonRef,b=l[1];h((function(){p.current.value=t}),[t,p]),h((function(){p.current.onChange=r}),[r,p]),h((function(){return b({type:de.SetDisabled,disabled:u})}),[u]),n.useEffect((function(){function e(e){var n,t,r,o=e.target;d===se.Open&&((null==(n=m.current)?void 0:n.contains(o))||(null==(t=v.current)?void 0:t.contains(o))||(b({type:de.CloseListbox}),R(o,O.Loose)||(e.preventDefault(),null==(r=m.current)||r.focus())))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[d,m,v,b]);var y=n.useMemo((function(){return{open:d===se.Open,disabled:u}}),[d,u]);return i.createElement(ge.Provider,{value:l},f(a,y,Ce))}var xe,Oe,ke,Pe=v((function e(t,r){var o,i=Ee([Ie.name,e.name].join(".")),c=i[0],l=i[1],s=b(c.buttonRef,r),d="headlessui-listbox-button-"+w(),p=be(),v=n.useCallback((function(e){switch(e.key){case u.Space:case u.Enter:case u.ArrowDown:e.preventDefault(),l({type:de.OpenListbox}),p.nextFrame((function(){c.propsRef.current.value||l({type:de.GoToOption,focus:ce.First})}));break;case u.ArrowUp:e.preventDefault(),l({type:de.OpenListbox}),p.nextFrame((function(){c.propsRef.current.value||l({type:de.GoToOption,focus:ce.Last})}))}}),[l,c,p]),m=n.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();c.listboxState===se.Open?(l({type:de.CloseListbox}),p.nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),l({type:de.OpenListbox}))}),[l,p,c]),h=ye((function(){if(c.labelRef.current)return[c.labelRef.current.id,d].join(" ")}),[c.labelRef.current,d]),S=n.useMemo((function(){return{open:c.listboxState===se.Open,disabled:c.disabled}}),[c]);return f(a({},t,{ref:s,id:d,type:"button","aria-haspopup":!0,"aria-controls":null==(o=c.optionsRef.current)?void 0:o.id,"aria-expanded":c.listboxState===se.Open||void 0,"aria-labelledby":h,disabled:c.disabled,onKeyDown:v,onClick:m}),S,"button")})),Re=r.RenderStrategy|r.Static,Te=v((function e(t,r){var o,i=Ee([Ie.name,e.name].join(".")),c=i[0],l=i[1],s=b(c.optionsRef,r),d="headlessui-listbox-options-"+w(),p=be(),v=be();h((function(){var e=c.optionsRef.current;e&&c.listboxState===se.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[c.listboxState,c.optionsRef]);var m=n.useCallback((function(e){switch(v.dispose(),e.key){case u.Space:if(""!==c.searchQuery)return e.preventDefault(),e.stopPropagation(),l({type:de.Search,value:e.key});case u.Enter:e.preventDefault(),e.stopPropagation(),l({type:de.CloseListbox}),null!==c.activeOptionIndex&&c.propsRef.current.onChange(c.options[c.activeOptionIndex].dataRef.current.value),me().nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case u.ArrowDown:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.Next});case u.ArrowUp:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.Previous});case u.Home:case u.PageUp:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.First});case u.End:case u.PageDown:return e.preventDefault(),e.stopPropagation(),l({type:de.GoToOption,focus:ce.Last});case u.Escape:return e.preventDefault(),e.stopPropagation(),l({type:de.CloseListbox}),p.nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));case u.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(l({type:de.Search,value:e.key}),v.setTimeout((function(){return l({type:de.ClearSearch})}),350))}}),[p,l,v,c]),y=ye((function(){var e,n,t;return null!=(e=null==(n=c.labelRef.current)?void 0:n.id)?e:null==(t=c.buttonRef.current)?void 0:t.id}),[c.labelRef.current,c.buttonRef.current]),S=n.useMemo((function(){return{open:c.listboxState===se.Open}}),[c]);return f(a({},t,{"aria-activedescendant":null===c.activeOptionIndex||null==(o=c.options[c.activeOptionIndex])?void 0:o.id,"aria-labelledby":y,id:d,onKeyDown:m,role:"listbox",tabIndex:0,ref:s}),S,"ul",Re,c.listboxState===se.Open)}));Ie.Button=Pe,Ie.Label=function e(t){var r=Ee([Ie.name,e.name].join("."))[0],o="headlessui-listbox-label-"+w(),u=n.useCallback((function(){var e;return null==(e=r.buttonRef.current)?void 0:e.focus({preventScroll:!0})}),[r.buttonRef]),i=n.useMemo((function(){return{open:r.listboxState===se.Open,disabled:r.disabled}}),[r]);return f(a({},t,{ref:r.labelRef,id:o,onClick:u}),i,"label")},Ie.Options=Te,Ie.Option=function e(t){var r=t.disabled,o=void 0!==r&&r,u=t.value,i=c(t,["disabled","value"]),l=Ee([Ie.name,e.name].join(".")),s=l[0],d=l[1],p="headlessui-listbox-option-"+w(),v=null!==s.activeOptionIndex&&s.options[s.activeOptionIndex].id===p,m=s.propsRef.current.value===u,b=n.useRef({disabled:o,value:u});h((function(){b.current.disabled=o}),[b,o]),h((function(){b.current.value=u}),[b,u]),h((function(){var e,n;b.current.textValue=null==(e=document.getElementById(p))||null==(n=e.textContent)?void 0:n.toLowerCase()}),[b,p]);var y=n.useCallback((function(){return s.propsRef.current.onChange(u)}),[s.propsRef,u]);h((function(){return d({type:de.RegisterOption,id:p,dataRef:b}),function(){return d({type:de.UnregisterOption,id:p})}}),[b,p]),h((function(){var e;s.listboxState===se.Open&&m&&(d({type:de.GoToOption,focus:ce.Specific,id:p}),null==(e=document.getElementById(p))||null==e.focus||e.focus())}),[s.listboxState]),h((function(){if(s.listboxState===se.Open&&v){var e=me();return e.nextFrame((function(){var e;return null==(e=document.getElementById(p))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[p,v,s.listboxState]);var S=n.useCallback((function(e){if(o)return e.preventDefault();y(),d({type:de.CloseListbox}),me().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))}),[d,s.buttonRef,o,y]),g=n.useCallback((function(){if(o)return d({type:de.GoToOption,focus:ce.Nothing});d({type:de.GoToOption,focus:ce.Specific,id:p})}),[o,p,d]),E=n.useCallback((function(){o||v||d({type:de.GoToOption,focus:ce.Specific,id:p})}),[o,v,p,d]),C=n.useCallback((function(){o||v&&d({type:de.GoToOption,focus:ce.Nothing})}),[o,v,d]),I=n.useMemo((function(){return{active:v,selected:m,disabled:o}}),[v,m,o]);return f(a({},i,{id:p,role:"option",tabIndex:-1,"aria-disabled":!0===o||void 0,"aria-selected":!0===m||void 0,onClick:S,onFocus:g,onPointerMove:E,onMouseMove:E,onPointerLeave:C,onMouseLeave:C}),I,"li")},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Oe||(Oe={})),function(e){e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem"}(ke||(ke={}));var De=((xe={})[ke.CloseMenu]=function(e){return e.menuState===Oe.Closed?e:a({},e,{activeItemIndex:null,menuState:Oe.Closed})},xe[ke.OpenMenu]=function(e){return e.menuState===Oe.Open?e:a({},e,{menuState:Oe.Open})},xe[ke.GoToItem]=function(e,n){var t=he(n,{resolveItems:function(){return e.items},resolveActiveIndex:function(){return e.activeItemIndex},resolveId:function(e){return e.id},resolveDisabled:function(e){return e.dataRef.current.disabled}});return""===e.searchQuery&&e.activeItemIndex===t?e:a({},e,{searchQuery:"",activeItemIndex:t})},xe[ke.Search]=function(e,n){var t=e.searchQuery+n.value,r=e.items.findIndex((function(e){var n;return(null==(n=e.dataRef.current.textValue)?void 0:n.startsWith(t))&&!e.dataRef.current.disabled}));return a({},e,-1===r||r===e.activeItemIndex?{searchQuery:t}:{searchQuery:t,activeItemIndex:r})},xe[ke.ClearSearch]=function(e){return""===e.searchQuery?e:a({},e,{searchQuery:""})},xe[ke.RegisterItem]=function(e,n){return a({},e,{items:[].concat(e.items,[{id:n.id,dataRef:n.dataRef}])})},xe[ke.UnregisterItem]=function(e,n){var t=e.items.slice(),r=null!==e.activeItemIndex?t[e.activeItemIndex]:null,o=t.findIndex((function(e){return e.id===n.id}));return-1!==o&&t.splice(o,1),a({},e,{items:t,activeItemIndex:o===e.activeItemIndex||null===r?null:t.indexOf(r)})},xe),Le=n.createContext(null);function Fe(e){var t=n.useContext(Le);if(null===t){var r=new Error("<"+e+" /> is missing a parent <"+Ne.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,Fe),r}return t}function Me(e,n){return d(n.type,De,e,n)}Le.displayName="MenuContext";var Ae=n.Fragment;function Ne(e){var t=n.useReducer(Me,{menuState:Oe.Closed,buttonRef:n.createRef(),itemsRef:n.createRef(),items:[],searchQuery:"",activeItemIndex:null}),r=t[0],o=r.menuState,u=r.itemsRef,a=r.buttonRef,c=t[1];n.useEffect((function(){function e(e){var n,t,r,i=e.target;o===Oe.Open&&((null==(n=a.current)?void 0:n.contains(i))||(null==(t=u.current)?void 0:t.contains(i))||(c({type:ke.CloseMenu}),R(i,O.Loose)||(e.preventDefault(),null==(r=a.current)||r.focus())))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[o,a,u,c]);var l=n.useMemo((function(){return{open:o===Oe.Open}}),[o]);return i.createElement(Le.Provider,{value:t},f(e,l,Ae))}var je,Ue,Ge,He=v((function e(t,r){var o,i=Fe([Ne.name,e.name].join(".")),c=i[0],l=i[1],s=b(c.buttonRef,r),d="headlessui-menu-button-"+w(),p=be(),v=n.useCallback((function(e){switch(e.key){case u.Space:case u.Enter:case u.ArrowDown:e.preventDefault(),e.stopPropagation(),l({type:ke.OpenMenu}),p.nextFrame((function(){return l({type:ke.GoToItem,focus:ce.First})}));break;case u.ArrowUp:e.preventDefault(),e.stopPropagation(),l({type:ke.OpenMenu}),p.nextFrame((function(){return l({type:ke.GoToItem,focus:ce.Last})}))}}),[l,p]),m=n.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();t.disabled||(c.menuState===Oe.Open?(l({type:ke.CloseMenu}),p.nextFrame((function(){var e;return null==(e=c.buttonRef.current)?void 0:e.focus({preventScroll:!0})}))):(e.preventDefault(),e.stopPropagation(),l({type:ke.OpenMenu})))}),[l,p,c,t.disabled]),h=n.useMemo((function(){return{open:c.menuState===Oe.Open}}),[c]);return f(a({},t,{ref:s,id:d,type:"button","aria-haspopup":!0,"aria-controls":null==(o=c.itemsRef.current)?void 0:o.id,"aria-expanded":c.menuState===Oe.Open||void 0,onKeyDown:v,onClick:m}),h,"button")})),Be=r.RenderStrategy|r.Static,Ve=v((function e(t,r){var o,i,c=Fe([Ne.name,e.name].join(".")),l=c[0],s=c[1],d=b(l.itemsRef,r),p="headlessui-menu-items-"+w(),v=be();n.useEffect((function(){var e=l.itemsRef.current;e&&l.menuState===Oe.Open&&e!==document.activeElement&&e.focus({preventScroll:!0})}),[l.menuState,l.itemsRef]),h((function(){var e=l.itemsRef.current;if(e&&l.menuState===Oe.Open)for(var n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:function(e){return"menuitem"===e.getAttribute("role")?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT}});n.nextNode();)n.currentNode.setAttribute("role","none")}),[l.menuState,l.itemsRef]);var m=n.useCallback((function(e){switch(v.dispose(),e.key){case u.Space:if(""!==l.searchQuery)return e.preventDefault(),e.stopPropagation(),s({type:ke.Search,value:e.key});case u.Enter:var n;e.preventDefault(),e.stopPropagation(),s({type:ke.CloseMenu}),null!==l.activeItemIndex&&(null==(n=document.getElementById(l.items[l.activeItemIndex].id))||n.click()),me().nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case u.ArrowDown:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.Next});case u.ArrowUp:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.Previous});case u.Home:case u.PageUp:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.First});case u.End:case u.PageDown:return e.preventDefault(),e.stopPropagation(),s({type:ke.GoToItem,focus:ce.Last});case u.Escape:e.preventDefault(),e.stopPropagation(),s({type:ke.CloseMenu}),me().nextFrame((function(){var e;return null==(e=l.buttonRef.current)?void 0:e.focus({preventScroll:!0})}));break;case u.Tab:e.preventDefault(),e.stopPropagation();break;default:1===e.key.length&&(s({type:ke.Search,value:e.key}),v.setTimeout((function(){return s({type:ke.ClearSearch})}),350))}}),[s,v,l]),y=n.useMemo((function(){return{open:l.menuState===Oe.Open}}),[l]);return f(a({},t,{"aria-activedescendant":null===l.activeItemIndex||null==(o=l.items[l.activeItemIndex])?void 0:o.id,"aria-labelledby":null==(i=l.buttonRef.current)?void 0:i.id,id:p,onKeyDown:m,role:"menu",tabIndex:0,ref:d}),y,"div",Be,l.menuState===Oe.Open)})),Qe=n.Fragment;Ne.Button=He,Ne.Items=Ve,Ne.Item=function e(t){var r=t.disabled,o=void 0!==r&&r,u=t.onClick,i=c(t,["disabled","onClick"]),l=Fe([Ne.name,e.name].join(".")),s=l[0],d=l[1],p="headlessui-menu-item-"+w(),v=null!==s.activeItemIndex&&s.items[s.activeItemIndex].id===p;h((function(){if(s.menuState===Oe.Open&&v){var e=me();return e.nextFrame((function(){var e;return null==(e=document.getElementById(p))||null==e.scrollIntoView?void 0:e.scrollIntoView({block:"nearest"})})),e.dispose}}),[p,v,s.menuState]);var m=n.useRef({disabled:o});h((function(){m.current.disabled=o}),[m,o]),h((function(){var e,n;m.current.textValue=null==(e=document.getElementById(p))||null==(n=e.textContent)?void 0:n.toLowerCase()}),[m,p]),h((function(){return d({type:ke.RegisterItem,id:p,dataRef:m}),function(){return d({type:ke.UnregisterItem,id:p})}}),[m,p]);var b=n.useCallback((function(e){return o?e.preventDefault():(d({type:ke.CloseMenu}),me().nextFrame((function(){var e;return null==(e=s.buttonRef.current)?void 0:e.focus({preventScroll:!0})})),u?u(e):void 0)}),[d,s.buttonRef,o,u]),y=n.useCallback((function(){if(o)return d({type:ke.GoToItem,focus:ce.Nothing});d({type:ke.GoToItem,focus:ce.Specific,id:p})}),[o,p,d]),S=n.useCallback((function(){o||v||d({type:ke.GoToItem,focus:ce.Specific,id:p})}),[o,v,p,d]),g=n.useCallback((function(){o||v&&d({type:ke.GoToItem,focus:ce.Nothing})}),[o,v,d]),E=n.useMemo((function(){return{active:v,disabled:o}}),[v,o]);return f(a({},i,{id:p,role:"menuitem",tabIndex:-1,"aria-disabled":!0===o||void 0,onClick:b,onFocus:y,onPointerMove:S,onMouseMove:S,onPointerLeave:g,onMouseLeave:g}),E,Qe)},function(e){e[e.Open=0]="Open",e[e.Closed=1]="Closed"}(Ue||(Ue={})),function(e){e[e.TogglePopover=0]="TogglePopover",e[e.ClosePopover=1]="ClosePopover",e[e.SetButton=2]="SetButton",e[e.SetButtonId=3]="SetButtonId",e[e.SetPanel=4]="SetPanel",e[e.SetPanelId=5]="SetPanelId"}(Ge||(Ge={}));var Ke=((je={})[Ge.TogglePopover]=function(e){var n;return a({},e,{popoverState:d(e.popoverState,(n={},n[Ue.Open]=Ue.Closed,n[Ue.Closed]=Ue.Open,n))})},je[Ge.ClosePopover]=function(e){return e.popoverState===Ue.Closed?e:a({},e,{popoverState:Ue.Closed})},je[Ge.SetButton]=function(e,n){return e.button===n.button?e:a({},e,{button:n.button})},je[Ge.SetButtonId]=function(e,n){return e.buttonId===n.buttonId?e:a({},e,{buttonId:n.buttonId})},je[Ge.SetPanel]=function(e,n){return e.panel===n.panel?e:a({},e,{panel:n.panel})},je[Ge.SetPanelId]=function(e,n){return e.panelId===n.panelId?e:a({},e,{panelId:n.panelId})},je),We=n.createContext(null);function qe(e){var t=n.useContext(We);if(null===t){var r=new Error("<"+e+" /> is missing a parent <"+$e.name+" /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,qe),r}return t}We.displayName="PopoverContext";var ze=n.createContext(null);function Ye(){return n.useContext(ze)}ze.displayName="PopoverGroupContext";var _e=n.createContext(null);function Je(e,n){return d(n.type,Ke,e,n)}function $e(e){var t="headlessui-popover-button-"+w(),r="headlessui-popover-panel-"+w(),o=n.useReducer(Je,{popoverState:Ue.Closed,linkedPanel:!1,button:null,buttonId:t,panel:null,panelId:r}),u=o[0],a=u.popoverState,c=u.button,l=u.panel,s=o[1];n.useEffect((function(){return s({type:Ge.SetButtonId,buttonId:t})}),[t,s]),n.useEffect((function(){return s({type:Ge.SetPanelId,panelId:r})}),[r,s]);var d=n.useMemo((function(){return{buttonId:t,panelId:r,close:function(){return s({type:Ge.ClosePopover})}}}),[t,r,s]),p=Ye(),v=null==p?void 0:p.registerPopover,m=n.useCallback((function(){var e;return null!=(e=null==p?void 0:p.isFocusWithinPopoverGroup())?e:(null==c?void 0:c.contains(document.activeElement))||(null==l?void 0:l.contains(document.activeElement))}),[p,c,l]);n.useEffect((function(){return null==v?void 0:v(d)}),[v,d]),n.useEffect((function(){if(a===Ue.Open)return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)};function e(){m()||c&&l&&s({type:Ge.ClosePopover})}}),[a,m,p,c,l,s]),n.useEffect((function(){function e(e){var n=e.target;a===Ue.Open&&((null==c?void 0:c.contains(n))||(null==l?void 0:l.contains(n))||(s({type:Ge.ClosePopover}),R(n,O.Loose)||(e.preventDefault(),null==c||c.focus())))}return window.addEventListener("mousedown",e),function(){return window.removeEventListener("mousedown",e)}}),[a,c,l,s]);var b=n.useMemo((function(){return{open:a===Ue.Open}}),[a]);return i.createElement(We.Provider,{value:o},f(e,b,"div"))}_e.displayName="PopoverPanelContext";var Xe=v((function e(t,r){var o=qe([$e.name,e.name].join(".")),i=o[0],c=o[1],l=n.useRef(null),s=Ye(),d=null==s?void 0:s.closeOthers,p=n.useContext(_e),v=null!==p&&p===i.panelId,m=b(l,r,v?null:function(e){return c({type:Ge.SetButton,button:e})}),h=n.useRef(null),S=n.useRef("undefined"==typeof window?null:document.activeElement);n.useEffect((function(){function e(){S.current=h.current,h.current=document.activeElement}return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)}}),[S,h]);var g=n.useCallback((function(e){var n;if(v){if(i.popoverState===Ue.Closed)return;switch(e.key){case u.Space:case u.Enter:e.preventDefault(),e.stopPropagation(),c({type:Ge.ClosePopover}),null==(n=i.button)||n.focus()}}else switch(e.key){case u.Space:case u.Enter:e.preventDefault(),e.stopPropagation(),i.popoverState===Ue.Closed&&(null==d||d(i.buttonId)),c({type:Ge.TogglePopover});break;case u.Escape:if(i.popoverState!==Ue.Open)return null==d?void 0:d(i.buttonId);if(!l.current)return;if(!l.current.contains(document.activeElement))return;c({type:Ge.ClosePopover});break;case u.Tab:if(i.popoverState!==Ue.Open)return;if(!i.panel)return;if(!i.button)return;if(e.shiftKey){var t;if(!S.current)return;if(null==(t=i.button)?void 0:t.contains(S.current))return;if(i.panel.contains(S.current))return;var r=P(),o=r.indexOf(S.current);if(r.indexOf(i.button)>o)return;e.preventDefault(),e.stopPropagation(),D(i.panel,C.Last)}else e.preventDefault(),e.stopPropagation(),D(i.panel,C.First)}}),[c,i.popoverState,i.buttonId,i.button,i.panel,l,d,v]),E=n.useCallback((function(e){var n;if(!v&&i.popoverState===Ue.Open&&i.panel&&i.button)switch(e.key){case u.Tab:if(!S.current)return;if(null==(n=i.button)?void 0:n.contains(S.current))return;if(i.panel.contains(S.current))return;var t=P(),r=t.indexOf(S.current);if(t.indexOf(i.button)>r)return;e.preventDefault(),e.stopPropagation(),D(i.panel,C.Last)}}),[i.popoverState,i.panel,i.button,v]),w=n.useCallback((function(e){var n;y(e.currentTarget)||t.disabled||(v?(c({type:Ge.ClosePopover}),null==(n=i.button)||n.focus()):(i.popoverState===Ue.Closed&&(null==d||d(i.buttonId)),c({type:Ge.TogglePopover})))}),[c,i.button,i.popoverState,i.buttonId,t.disabled,d,v]),I=n.useMemo((function(){return{open:i.popoverState===Ue.Open}}),[i]);return f(a({},t,v?{type:"button",onKeyDown:g,onClick:w}:{ref:m,id:i.buttonId,type:"button","aria-expanded":i.popoverState===Ue.Open||void 0,"aria-controls":i.panel?i.panelId:void 0,onKeyDown:g,onKeyUp:E,onClick:w}),I,"button")})),Ze=v((function e(t,r){var o=qe([$e.name,e.name].join(".")),u=o[0].popoverState,i=o[1],c=b(r),l="headlessui-popover-overlay-"+w(),s=n.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();i({type:Ge.ClosePopover})}),[i]),d=n.useMemo((function(){return{open:u===Ue.Open}}),[u]);return f(a({},t,{ref:c,id:l,"aria-hidden":!0,onClick:s}),d,"div")})),en=r.RenderStrategy|r.Static,nn=v((function e(t,r){var o=t.focus,l=void 0!==o&&o,s=c(t,["focus"]),d=qe([$e.name,e.name].join(".")),p=d[0],v=d[1],m=n.useRef(null),y=b(m,r,(function(e){v({type:Ge.SetPanel,panel:e})})),h=n.useCallback((function(e){var n;switch(e.key){case u.Escape:if(p.popoverState!==Ue.Open)return;if(!m.current)return;if(!m.current.contains(document.activeElement))return;e.preventDefault(),v({type:Ge.ClosePopover}),null==(n=p.button)||n.focus()}}),[p,m,v]);n.useEffect((function(){return function(){return v({type:Ge.SetPanel,panel:null})}}),[v]),n.useEffect((function(){var e;p.popoverState!==Ue.Closed||null!=(e=t.unmount)&&!e||v({type:Ge.SetPanel,panel:null})}),[p.popoverState,t.unmount,v]),n.useEffect((function(){if(l&&p.popoverState===Ue.Open&&m.current){var e=document.activeElement;m.current.contains(e)||D(m.current,C.First)}}),[l,m,p.popoverState]),n.useEffect((function(){if(p.popoverState===Ue.Open&&m.current)return window.addEventListener("keydown",e),function(){return window.removeEventListener("keydown",e)};function e(e){if(e.key===u.Tab&&document.activeElement&&m.current&&m.current.contains(document.activeElement)){e.preventDefault();var n,t=D(m.current,e.shiftKey?C.Previous:C.Next);if(t===I.Underflow)return null==(n=p.button)?void 0:n.focus();if(t===I.Overflow){if(!p.button)return;var r=P(),o=r.indexOf(p.button);D(r.splice(o+1).filter((function(e){var n;return!(null==(n=m.current)?void 0:n.contains(e))})),C.First)===I.Error&&D(document.body,C.First)}}}}),[l,m,p.popoverState,p.button]),n.useEffect((function(){if(l&&p.popoverState===Ue.Open&&m.current)return window.addEventListener("focus",e,!0),function(){return window.removeEventListener("focus",e,!0)};function e(){var e;(null==(e=m.current)?void 0:e.contains(document.activeElement))||v({type:Ge.ClosePopover})}}),[l,p.popoverState,v]);var S=n.useMemo((function(){return{open:p.popoverState===Ue.Open}}),[p]);return i.createElement(_e.Provider,{value:p.panelId},f(a({},s,{ref:y,id:p.panelId,onKeyDown:h}),S,"div",en,p.popoverState===Ue.Open))}));$e.Button=Xe,$e.Overlay=Ze,$e.Panel=nn,$e.Group=function(e){var t=n.useRef(null),r=n.useState([]),o=r[0],u=r[1],c=n.useCallback((function(e){u((function(n){var t=n.indexOf(e);if(-1!==t){var r=n.slice();return r.splice(t,1),r}return n}))}),[u]),l=n.useCallback((function(e){return u((function(n){return[].concat(n,[e])})),function(){return c(e)}}),[u,c]),d=n.useCallback((function(){var e,n=document.activeElement;return!!(null==(e=t.current)?void 0:e.contains(n))||o.some((function(e){var t,r;return(null==(t=document.getElementById(e.buttonId))?void 0:t.contains(n))||(null==(r=document.getElementById(e.panelId))?void 0:r.contains(n))}))}),[t,o]),p=n.useCallback((function(e){for(var n,t=s(o);!(n=t()).done;){var r=n.value;r.buttonId!==e&&r.close()}}),[o]),v=n.useMemo((function(){return{registerPopover:l,unregisterPopover:c,isFocusWithinPopoverGroup:d,closeOthers:p}}),[l,c,d,p]),m=n.useMemo((function(){return{}}),[]);return i.createElement(ze.Provider,{value:v},f(a({},e,{ref:t}),m,"div"))};var tn=n.createContext(null);function rn(e){var t=n.useContext(tn);if(null===t){var r=new Error("<"+e+" /> is missing a parent <Switch.Group /> component.");throw Error.captureStackTrace&&Error.captureStackTrace(r,rn),r}return t}tn.displayName="GroupContext";var on,un=n.Fragment;function an(e){var t,r,o=e.checked,i=e.onChange,l=c(e,["checked","onChange"]),s="headlessui-switch-"+w(),d=n.useContext(tn),p=n.useCallback((function(){return i(!o)}),[i,o]),v=n.useCallback((function(e){if(y(e.currentTarget))return e.preventDefault();e.preventDefault(),p()}),[p]),m=n.useCallback((function(e){e.key!==u.Tab&&e.preventDefault(),e.key===u.Space&&p()}),[p]),b=n.useCallback((function(e){return e.preventDefault()}),[]),h=n.useMemo((function(){return{checked:o}}),[o]),S={id:s,ref:null===d?void 0:d.setSwitch,role:"switch",tabIndex:0,"aria-checked":o,"aria-labelledby":null==d||null==(t=d.label)?void 0:t.id,"aria-describedby":null==d||null==(r=d.description)?void 0:r.id,onClick:v,onKeyUp:m,onKeyPress:b};return"button"===l.as&&Object.assign(S,{type:"button"}),f(a({},l,S),h,"button")}function cn(){var e=n.useRef(!0);return n.useEffect((function(){e.current=!1}),[]),e.current}function ln(e){for(var n,t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];e&&r.length>0&&(n=e.classList).add.apply(n,r)}function sn(e){for(var n,t=arguments.length,r=new Array(t>1?t-1:0),o=1;o<t;o++)r[o-1]=arguments[o];e&&r.length>0&&(n=e.classList).remove.apply(n,r)}function dn(e,n,t,r,o){var u=me(),i=void 0!==o?function(e){var n={called:!1};return function(){if(!n.called)return n.called=!0,e.apply(void 0,arguments)}}(o):function(){};return ln.apply(void 0,[e].concat(n,t)),u.nextFrame((function(){sn.apply(void 0,[e].concat(t)),ln.apply(void 0,[e].concat(r)),u.add(function(e,n){var t=me();if(!e)return t.dispose;var r=getComputedStyle(e),o=[r.transitionDuration,r.transitionDelay].map((function(e){var n=e.split(",").filter(Boolean).map((function(e){return e.includes("ms")?parseFloat(e):1e3*parseFloat(e)})).sort((function(e,n){return n-e}))[0];return void 0===n?0:n})),u=o[0];return 0!==u?t.setTimeout((function(){n(on.Finished)}),u+o[1]):n(on.Finished),t.add((function(){return n(on.Cancelled)})),t.dispose}(e,(function(t){return sn.apply(void 0,[e].concat(r,n)),i(t)})))})),u.add((function(){return sn.apply(void 0,[e].concat(n,t,r))})),u.add((function(){return i(on.Cancelled)})),u.dispose}function fn(e){return void 0===e&&(e=""),n.useMemo((function(){return e.split(" ").filter((function(e){return e.trim().length>1}))}),[e])}an.Group=function(e){var t=n.useState(null),r=t[0],o=t[1],u=n.useState(null),a=u[0],c=u[1],l=n.useState(null),s=l[0],d=l[1],p=n.useMemo((function(){return{switch:r,setSwitch:o,label:a,setLabel:c,description:s,setDescription:d}}),[r,o,a,c,s,d]);return i.createElement(tn.Provider,{value:p},f(e,{},un))},an.Label=function e(t){var r=rn([an.name,e.name].join(".")),o="headlessui-switch-label-"+w(),u=n.useCallback((function(){r.switch&&(r.switch.click(),r.switch.focus({preventScroll:!0}))}),[r.switch]);return f(a({},t,{ref:r.setLabel,id:o,onClick:u}),{},"label")},an.Description=function e(n){var t=rn([an.name,e.name].join(".")),r="headlessui-switch-description-"+w();return f(a({},n,{ref:t.setDescription,id:r}),{},"p")},function(e){e.Finished="finished",e.Cancelled="cancelled"}(on||(on={}));var pn,vn=n.createContext(null);vn.displayName="TransitionContext",function(e){e.Visible="visible",e.Hidden="hidden"}(pn||(pn={}));var mn=n.createContext(null);function bn(e){return"children"in e?bn(e.children):e.current.filter((function(e){return e.state===pn.Visible})).length>0}function yn(e){var t=n.useRef(e),r=n.useRef([]),u=function(){var e=n.useRef(!0);return n.useEffect((function(){return function(){e.current=!1}}),[]),e}();n.useEffect((function(){t.current=e}),[e]);var i=n.useCallback((function(e,n){var i;void 0===n&&(n=o.Hidden);var a=r.current.findIndex((function(n){return n.id===e}));-1!==a&&(d(n,((i={})[o.Unmount]=function(){r.current.splice(a,1)},i[o.Hidden]=function(){r.current[a].state=pn.Hidden},i)),!bn(r)&&u.current&&(null==t.current||t.current()))}),[t,u,r]),a=n.useCallback((function(e){var n=r.current.find((function(n){return n.id===e}));return n?n.state!==pn.Visible&&(n.state=pn.Visible):r.current.push({id:e,state:pn.Visible}),function(){return i(e,o.Unmount)}}),[r,i]);return n.useMemo((function(){return{children:r,register:a,unregister:i}}),[a,i,r])}function hn(){}mn.displayName="NestingContext";var Sn=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function gn(e){for(var n,t={},r=s(Sn);!(n=r()).done;){var o,u=n.value;t[u]=null!=(o=e[u])?o:hn}return t}var En=r.RenderStrategy;function wn(e){var t=e.beforeEnter,r=e.afterEnter,u=e.beforeLeave,l=e.afterLeave,s=e.enter,p=e.enterFrom,v=e.enterTo,m=e.leave,b=e.leaveFrom,y=e.leaveTo,S=c(e,["beforeEnter","afterEnter","beforeLeave","afterLeave","enter","enterFrom","enterTo","leave","leaveFrom","leaveTo"]),g=n.useRef(null),E=n.useState(pn.Visible),C=E[0],I=E[1],x=S.unmount?o.Unmount:o.Hidden,O=function(){var e=n.useContext(vn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),k=O.show,P=O.appear,R=function(){var e=n.useContext(mn);if(null===e)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition />.");return e}(),T=R.register,D=R.unregister,L=cn(),F=w(),M=n.useRef(!1),A=yn((function(){M.current||(I(pn.Hidden),D(F),V.current.afterLeave())}));h((function(){if(F)return T(F)}),[T,F]),h((function(){var e;x===o.Hidden&&F&&(k&&C!==pn.Visible?I(pn.Visible):d(C,((e={})[pn.Hidden]=function(){return D(F)},e[pn.Visible]=function(){return T(F)},e)))}),[C,F,T,D,k,x]);var N=fn(s),j=fn(p),U=fn(v),G=fn(m),H=fn(b),B=fn(y),V=function(e){var t=n.useRef(gn(e));return n.useEffect((function(){t.current=gn(e)}),[e]),t}({beforeEnter:t,afterEnter:r,beforeLeave:u,afterLeave:l});n.useEffect((function(){if(C===pn.Visible&&null===g.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[g,C]);var Q=L&&!P;return h((function(){var e=g.current;if(e&&!Q)return M.current=!0,k&&V.current.beforeEnter(),k||V.current.beforeLeave(),k?dn(e,N,j,U,(function(e){M.current=!1,e===on.Finished&&V.current.afterEnter()})):dn(e,G,H,B,(function(e){M.current=!1,e===on.Finished&&(bn(A)||(I(pn.Hidden),D(F),V.current.afterLeave()))}))}),[V,F,M,D,A,g,Q,k,N,j,U,G,H,B]),i.createElement(mn.Provider,{value:A},f(a({},S,{ref:g}),{},"div",En,C===pn.Visible))}function Cn(e){var t=e.show,r=e.appear,o=void 0!==r&&r,u=e.unmount,l=c(e,["show","appear","unmount"]);if(![!0,!1].includes(t))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");var s=n.useState(t?pn.Visible:pn.Hidden),d=s[0],p=s[1],v=yn((function(){p(pn.Hidden)})),m=cn(),b=n.useMemo((function(){return{show:t,appear:o||!m}}),[t,o,m]);n.useEffect((function(){t?p(pn.Visible):bn(v)||p(pn.Hidden)}),[t,v]);var y={unmount:u};return i.createElement(mn.Provider,{value:v},i.createElement(vn.Provider,{value:b},f(a({},y,{as:n.Fragment,children:i.createElement(wn,Object.assign({},y,l))}),{},n.Fragment,En,d===pn.Visible)))}Cn.Child=wn,e.Dialog=ne,e.Disclosure=ae,e.FocusTrap=function(e){var t=n.useRef(new Set),r=e.initialFocus,o=c(e,["initialFocus"]);return F(t,!0,{initialFocus:r}),f(a({},o,{ref:function(e){e&&t.current.add(e)}}),{},"div")},e.Listbox=Ie,e.Menu=Ne,e.Popover=$e,e.Portal=q,e.Switch=an,e.Transition=Cn,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=headlessui.umd.production.min.js.map

3

dist/hooks/use-focus-trap.d.ts
import { MutableRefObject } from 'react';
export declare let focusableSelector: string;
export declare function useFocusTrap<TElement extends HTMLElement>(container: MutableRefObject<TElement | null>, enabled?: boolean, options?: {
export declare function useFocusTrap(containers: MutableRefObject<Set<HTMLElement>>, enabled?: boolean, options?: {
initialFocus?: MutableRefObject<HTMLElement | null>;
}): void;

2

dist/index.d.ts
export * from './components/dialog/dialog';
export * from './components/disclosure/disclosure';
export * from './components/flyout/flyout';
export * from './components/focus-trap/focus-trap';
export * from './components/listbox/listbox';
export * from './components/menu/menu';
export * from './components/popover/popover';
export * from './components/portal/portal';
export * from './components/switch/switch';
export * from './components/transitions/transition';

21

dist/test-utils/accessibility-assertions.d.ts

@@ -104,21 +104,22 @@ export declare function getMenuButton(): HTMLElement | null;

}, panel?: HTMLElement | null): void;
export declare function getFlyoutButton(): HTMLElement | null;
export declare function getFlyoutPanel(): HTMLElement | null;
export declare enum FlyoutState {
/** The flyout is visible to the user. */
export declare function getPopoverButton(): HTMLElement | null;
export declare function getPopoverPanel(): HTMLElement | null;
export declare function getPopoverOverlay(): HTMLElement | null;
export declare enum PopoverState {
/** The popover is visible to the user. */
Visible = 0,
/** The flyout is **not** visible to the user. It's still in the DOM, but it is hidden. */
/** The popover is **not** visible to the user. It's still in the DOM, but it is hidden. */
InvisibleHidden = 1,
/** The flyout is **not** visible to the user. It's not in the DOM, it is unmounted. */
/** The popover is **not** visible to the user. It's not in the DOM, it is unmounted. */
InvisibleUnmounted = 2
}
export declare function assertFlyoutButton(options: {
export declare function assertPopoverButton(options: {
attributes?: Record<string, string | null>;
textContent?: string;
state: FlyoutState;
state: PopoverState;
}, button?: HTMLElement | null): void;
export declare function assertFlyoutPanel(options: {
export declare function assertPopoverPanel(options: {
attributes?: Record<string, string | null>;
textContent?: string;
state: FlyoutState;
state: PopoverState;
}, panel?: HTMLElement | null): void;

@@ -125,0 +126,0 @@ export declare function assertLabelValue(element: HTMLElement | null, value: string): void;

12

dist/types.d.ts
import { ReactNode, ReactElement } from 'react';
declare const __: unique symbol;
declare let __: "1D45E01E-AF44-47C4-988A-19A94EBAF55C";
export declare type __ = typeof __;

@@ -8,3 +8,5 @@ export declare type Expand<T> = T extends infer O ? {

export declare type PropsOf<TTag = any> = TTag extends React.ElementType ? React.ComponentProps<TTag> : never;
export declare type Props<TTag, TSlot = any, TOmitableProps extends keyof any = __> = (TOmitableProps extends __ ? Omit<PropsOf<TTag>, 'as' | 'children' | 'refName'> : Omit<PropsOf<TTag>, TOmitableProps | 'as' | 'children' | 'refName'>) & {
declare type PropsWeControl = 'as' | 'children' | 'refName' | 'className';
declare type CleanProps<TTag, TOmitableProps extends keyof any = __> = TOmitableProps extends __ ? Omit<PropsOf<TTag>, PropsWeControl> : Omit<PropsOf<TTag>, TOmitableProps | PropsWeControl>;
declare type OurProps<TTag, TSlot = any> = {
as?: TTag;

@@ -14,2 +16,8 @@ children?: ReactNode | ((bag: TSlot) => ReactElement);

};
declare type ClassNameOverride<TTag, TSlot = any> = PropsOf<TTag> extends {
className?: any;
} ? {
className?: string | ((bag: TSlot) => string);
} : {};
export declare type Props<TTag, TSlot = any, TOmitableProps extends keyof any = __> = CleanProps<TTag, TOmitableProps> & OurProps<TTag, TSlot> & ClassNameOverride<TTag, TSlot>;
declare type Without<T, U> = {

@@ -16,0 +24,0 @@ [P in Exclude<keyof T, keyof U>]?: never;

5

dist/utils/render.d.ts

@@ -39,3 +39,6 @@ import { ElementType, ReactElement } from 'react';

name: string;
}>(component: T): T;
displayName?: string;
}>(component: T): T & {
displayName: string;
};
export {};

2

package.json
{
"name": "@headlessui/react",
"version": "0.3.1-56fb7d4",
"version": "0.3.1-7c43e53",
"main": "dist/index.js",

@@ -5,0 +5,0 @@ "typings": "dist/index.d.ts",

dist/components/flyout/flyout.d.ts
dist/utils/resolve-prop-value.d.ts
dist/headlessui.cjs.development.js

Sorry, the diff of this file is too big to display

dist/headlessui.cjs.development.js.map

Sorry, the diff of this file is not supported yet

dist/headlessui.cjs.production.min.js.map

Sorry, the diff of this file is not supported yet

dist/headlessui.esm.js

Sorry, the diff of this file is too big to display

dist/headlessui.esm.js.map

Sorry, the diff of this file is not supported yet

dist/headlessui.umd.development.js

Sorry, the diff of this file is too big to display

dist/headlessui.umd.development.js.map

Sorry, the diff of this file is not supported yet

dist/headlessui.umd.production.min.js.map

Sorry, the diff of this file is not supported yet

README.md

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc