UNPKG

5.71 kBTypeScriptView Raw
1import type { Assign, CollectionItem } from "@ark-ui/react";
2import { Select as ArkSelect } from "@ark-ui/react/select";
3import type { JSX } from "react";
4import { type HTMLChakraProps, type SlotRecipeProps, type UnstyledProp } from "../../styled-system";
5declare const useSelectStyles: () => Record<string, import("../..").SystemStyleObject>;
6export { useSelectStyles };
7export interface SelectRootProviderBaseProps<T extends CollectionItem = any> extends Assign<ArkSelect.RootProviderBaseProps<T>, SlotRecipeProps<"select">>, UnstyledProp {
8}
9export interface SelectRootProviderProps<T extends CollectionItem = any> extends HTMLChakraProps<"div", SelectRootProviderBaseProps<T>> {
10}
11interface SelectRootProviderComponent {
12 <T extends CollectionItem>(props: SelectRootProviderProps<T>): JSX.Element;
13}
14export declare const SelectRootProvider: SelectRootProviderComponent;
15export interface SelectRootBaseProps<T extends CollectionItem = any> extends Assign<ArkSelect.RootBaseProps<T>, SlotRecipeProps<"select">>, UnstyledProp {
16}
17export interface SelectRootProps<T extends CollectionItem = any> extends HTMLChakraProps<"div", SelectRootBaseProps<T>> {
18}
19export interface SelectRootComponent {
20 <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>): JSX.Element;
21}
22export declare const SelectRoot: SelectRootComponent;
23export declare const SelectPropsProvider: React.Provider<SelectRootBaseProps>;
24export interface SelectTriggerProps extends HTMLChakraProps<"button", ArkSelect.TriggerBaseProps> {
25}
26export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
27export interface SelectPositionerProps extends HTMLChakraProps<"div", ArkSelect.PositionerBaseProps> {
28}
29export declare const SelectPositioner: import("react").ForwardRefExoticComponent<SelectPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
30export interface SelectContentProps extends HTMLChakraProps<"div", ArkSelect.ContentBaseProps> {
31}
32export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
33export interface SelectValueTextProps extends HTMLChakraProps<"span", ArkSelect.ValueTextBaseProps> {
34}
35export declare const SelectValueText: import("react").ForwardRefExoticComponent<SelectValueTextProps & import("react").RefAttributes<HTMLSpanElement>>;
36export interface SelectClearTriggerProps extends HTMLChakraProps<"button", ArkSelect.ClearTriggerBaseProps> {
37}
38export declare const SelectClearTrigger: import("react").ForwardRefExoticComponent<SelectClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
39export interface SelectItemGroupProps extends HTMLChakraProps<"div", ArkSelect.ItemGroupBaseProps> {
40}
41export declare const SelectItemGroup: import("react").ForwardRefExoticComponent<SelectItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
42export interface SelectItemGroupLabelProps extends HTMLChakraProps<"div", ArkSelect.ItemGroupLabelBaseProps> {
43}
44export declare const SelectItemGroupLabel: import("react").ForwardRefExoticComponent<SelectItemGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
45export interface SelectItemProps extends HTMLChakraProps<"div", ArkSelect.ItemBaseProps> {
46}
47export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
48export interface SelectItemTextProps extends HTMLChakraProps<"div", ArkSelect.ItemTextBaseProps> {
49}
50export declare const SelectItemText: import("react").ForwardRefExoticComponent<SelectItemTextProps & import("react").RefAttributes<HTMLDivElement>>;
51export interface SelectItemIndicatorProps extends HTMLChakraProps<"div", ArkSelect.ItemIndicatorBaseProps> {
52}
53export declare const SelectItemIndicator: import("react").ForwardRefExoticComponent<SelectItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
54export interface SelectIndicatorGroupProps extends HTMLChakraProps<"div"> {
55}
56export declare const SelectIndicatorGroup: import("react").ForwardRefExoticComponent<SelectIndicatorGroupProps & import("react").RefAttributes<HTMLDivElement>>;
57export interface SelectIndicatorProps extends HTMLChakraProps<"div", ArkSelect.ItemIndicatorBaseProps> {
58}
59export declare const SelectIndicator: import("react").ForwardRefExoticComponent<SelectItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
60export interface SelectControlProps extends HTMLChakraProps<"div", ArkSelect.ControlBaseProps> {
61}
62export declare const SelectControl: import("react").ForwardRefExoticComponent<SelectControlProps & import("react").RefAttributes<HTMLDivElement>>;
63export interface SelectLabelProps extends HTMLChakraProps<"label", ArkSelect.LabelBaseProps> {
64}
65export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
66export declare const SelectContext: <T extends unknown>(props: ArkSelect.ContextProps<T>) => import("react").ReactNode;
67export declare const SelectHiddenSelect: import("react").ForwardRefExoticComponent<ArkSelect.HiddenSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
68export declare const SelectItemContext: (props: ArkSelect.ItemContextProps) => import("react").ReactNode;
69export interface SelectHighlightChangeDetails<T extends CollectionItem = any> extends ArkSelect.HighlightChangeDetails<T> {
70}
71export interface SelectValueChangeDetails<T extends CollectionItem = any> extends ArkSelect.ValueChangeDetails<T> {
72}
73export interface SelectOpenChangeDetails extends ArkSelect.OpenChangeDetails {
74}