import { Select as Primitive } from "@base-ui/react/select";
import type { ReactNode } from "react";
import { type StateClassName } from "./class-name.ts";
export declare const SelectRoot: typeof Primitive.Root;
export declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
export declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
export declare const SelectIcon: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectIconProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
export declare const SelectPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectPositioner: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectPopup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectList: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectItem: import("react").NamedExoticComponent<Omit<import("@base-ui/react").SelectItemProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
export declare const SelectItemIndicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectItemIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
export declare const SelectItemText: import("react").NamedExoticComponent<Omit<import("@base-ui/react").SelectItemTextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectGroupLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
export declare const SelectSeparator: import("react").ForwardRefExoticComponent<import("@base-ui/react").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
export interface SelectOption<T extends string = string> {
    value: T;
    label: string;
    disabled?: boolean;
    icon?: ReactNode;
}
export type SelectProps<T extends string = string> = Omit<Primitive.Root.Props<T, false>, "children" | "items" | "defaultValue" | "multiple"> & {
    options?: readonly SelectOption<T>[];
    /** Shown while nothing is selected. No default because a default would be English. */
    placeholder?: ReactNode;
    /**
     * Shown instead of the list when `options` is empty. Required, because a popup that opens
     * on nothing is a dead end: this is the line that says why it is empty.
     */
    emptyLabel: ReactNode;
    /**
     * Label of an entry that puts the field back to nothing selected, for an optional question where
     * "I'd rather not say" has to stay reachable after the first answer. Rendered only once there is
     * a value to take back; picking it calls `onValueChange(null)`.
     */
    clearLabel?: string;
    /** Accessible name for the trigger, when no visible label points at it. */
    label?: string;
    /** Mark that says "this opens". */
    chevron?: ReactNode;
    /** Mark next to the selected option. */
    indicator?: ReactNode;
    /** Classes for the trigger button, which you see when the popup is closed. */
    className?: StateClassName<Primitive.Trigger.State>;
    popupClassName?: StateClassName<Primitive.Popup.State>;
    triggerProps?: Primitive.Trigger.Props;
    /**
     * Positioner props: `align`, `side`, `sideOffset`, `collisionPadding` and the stacking order. The
     * default `z-[60]` puts the list above the overlay layer (z-50: dialog, drawer); raise it with
     * `positionerProps={{ className: "z-[80]" }}` if the app stacks something higher than a dialog
     * above it.
     */
    positionerProps?: Primitive.Positioner.Props;
};
/**
 * A single-choice field. Trigger, portal, positioner, popup and list composed once; `name`,
 * `form`, `required`, `id`, `disabled` and every other root prop pass straight through to
 * Base UI's hidden input, so this submits inside a `<form>` like a native `<select>`.
 *
 * Controlled only, and that is the point of `value ?? null`: React and Base UI both read
 * `value={undefined}` as "uncontrolled", so a caller holding `T | undefined` in state would
 * silently hand the field back to the primitive the moment the value cleared, and every later
 * render would be ignored. `null` says "nothing selected" out loud. `defaultValue` is not accepted
 * here for the same reason. Use the parts for an uncontrolled select.
 */
export declare function Select<T extends string = string>({ value, options, placeholder, emptyLabel, clearLabel, label, chevron, indicator, className, popupClassName, triggerProps, positionerProps, ...rest }: SelectProps<T>): import("react").JSX.Element;
//# sourceMappingURL=select.d.ts.map