@fidely-ui/react/dist/components/select/select.d.ts

Fidely UI is a modern, beautifully crafted React design system powered by Ark UI and Panda CSS, delivering accessible and themeable components for building exceptional web apps

import type { Assign, CollectionItem } from '@ark-ui/react';
import { Select as ArkSelect } from '@ark-ui/react/select';
import type { HTMLStyledProps } from '@fidely-ui/styled-system/jsx';
import { type SelectVariantProps } from '@fidely-ui/styled-system/recipes';
export interface SelectRootProviderProps<T extends CollectionItem = any> extends Assign<Assign<HTMLStyledProps<'div'>, ArkSelect.RootProviderBaseProps<T>>, SelectVariantProps> {
}
export declare const SelectRootProvider: import("react").ForwardRefExoticComponent<Omit<SelectRootProviderProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectRootProps<T extends CollectionItem = any> extends Assign<Assign<HTMLStyledProps<'div'>, ArkSelect.RootBaseProps<T>>, SelectVariantProps> {
}
export declare const SelectRoot: import("react").ForwardRefExoticComponent<Omit<SelectRootProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectControlProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ControlBaseProps> {
}
export declare const SelectControl: import("react").ForwardRefExoticComponent<Omit<SelectControlProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectContentProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ContentBaseProps> {
}
export declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectClearTriggerProps extends Assign<HTMLStyledProps<'button'>, ArkSelect.ClearTriggerBaseProps> {
}
export declare const SelectClearTrigger: import("react").ForwardRefExoticComponent<Omit<SelectClearTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export interface SelectTriggerProps extends Assign<HTMLStyledProps<'button'>, ArkSelect.TriggerBaseProps> {
}
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export interface SelectIndicatorProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.IndicatorBaseProps> {
}
export declare const SelectIndicator: import("react").ForwardRefExoticComponent<Omit<SelectIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectLabelProps extends Assign<HTMLStyledProps<'label'>, ArkSelect.LabelBaseProps> {
}
export declare const SelectLabel: import("react").ForwardRefExoticComponent<Omit<SelectLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
export interface SelectItemProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ItemBaseProps> {
}
export declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectItemTextProps extends Assign<HTMLStyledProps<'span'>, ArkSelect.ItemTextBaseProps> {
}
export declare const SelectItemText: import("react").ForwardRefExoticComponent<Omit<SelectItemTextProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
export interface SelectItemGroupProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ItemGroupBaseProps> {
}
export declare const SelectItemGroup: import("react").ForwardRefExoticComponent<Omit<SelectItemGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectItemGroupLabelProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ItemGroupLabelBaseProps> {
}
export declare const SelectItemGroupLabel: import("react").ForwardRefExoticComponent<Omit<SelectItemGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectItemIndicatorProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ItemIndicatorBaseProps> {
}
export declare const SelectItemIndicator: import("react").ForwardRefExoticComponent<Omit<SelectItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectListProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ListBaseProps> {
}
export declare const SelectList: import("react").ForwardRefExoticComponent<Omit<SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectPositionerProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.PositionerBaseProps> {
}
export declare const SelectPositioner: import("react").ForwardRefExoticComponent<Omit<SelectPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectValueTextProps extends Assign<HTMLStyledProps<'div'>, ArkSelect.ValueTextBaseProps> {
}
export declare const SelectValueText: import("react").ForwardRefExoticComponent<Omit<SelectValueTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectContext: <T extends unknown>(props: ArkSelect.ContextProps<T>) => import("react").ReactNode;
export declare const SelectItemContext: (props: ArkSelect.ItemContextProps) => import("react").ReactNode;
export declare const SelectHiddenSelect: import("react").ForwardRefExoticComponent<ArkSelect.HiddenSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
export interface SelectValueChangeDetails<T extends CollectionItem = any> extends ArkSelect.ValueChangeDetails<T> {
}
export interface SelectHighlightChangeDetails<T extends CollectionItem = any> extends ArkSelect.HighlightChangeDetails<T> {
}
export interface SelectOpenChangeDetails extends ArkSelect.OpenChangeDetails {
}