@wordpress/components
Version:
UI components for WordPress.
55 lines • 4.05 kB
TypeScript
/**
* External dependencies
*/
import * as Ariakit from '@ariakit/react';
import type { CustomSelectButtonSize } from './types';
export declare const Select: import("@emotion/styled").StyledComponent<Ariakit.SelectOptions<"button"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
}, keyof Ariakit.SelectOptions<T>> & {
[index: `data-${string}`]: unknown;
} & {
theme?: import("@emotion/react").Theme;
} & {
size: NonNullable<CustomSelectButtonSize["size"]>;
hasCustomRenderProp: boolean;
}, {}, {}>;
export declare const SelectPopover: import("@emotion/styled").StyledComponent<Ariakit.SelectPopoverOptions<"div"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, keyof Ariakit.SelectPopoverOptions<T>> & {
[index: `data-${string}`]: unknown;
} & {
theme?: import("@emotion/react").Theme;
}, {}, {}>;
export declare const SelectItem: import("@emotion/styled").StyledComponent<Ariakit.SelectItemOptions<"div"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, keyof Ariakit.SelectItemOptions<T>> & {
[index: `data-${string}`]: unknown;
} & {
theme?: import("@emotion/react").Theme;
} & {
size: NonNullable<CustomSelectButtonSize["size"]>;
}, {}, {}>;
export declare const SelectedExperimentalHintWrapper: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: React.ElementType;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const SelectedExperimentalHintItem: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: React.ElementType;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const WithHintItemWrapper: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: React.ElementType;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const WithHintItemHint: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme;
as?: React.ElementType;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const SelectedItemCheck: import("@emotion/styled").StyledComponent<Ariakit.SelectItemCheckOptions<"span"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
}, keyof Ariakit.SelectItemCheckOptions<T>> & {
[index: `data-${string}`]: unknown;
} & {
theme?: import("@emotion/react").Theme;
}, {}, {}>;
//# sourceMappingURL=styles.d.ts.map