/**
 * Accessible single-select combobox composed from Root / Trigger / Value /
 * Content / Item / Label / Separator / Group parts.
 *
 * Focus remains on the trigger while the open listbox exposes its active
 * option through `aria-activedescendant`. Keyboard navigation, typeahead,
 * pointer highlighting, controlled state, and DOM order all share one item
 * registry.
 *
 * Each Select root must contain exactly one Trigger and one Content. Item
 * values and DOM ids must be unique within that Content; use Group to organize
 * sections. When options are generated entirely inside an opaque custom
 * component, pass explicit children to SelectValue so its closed/SSR label
 * does not depend on mounting the portalled Content. Disabling either Root or
 * Trigger suppresses the whole popup and requests closure; a controlled owner
 * that ignores the request remains suppressed until it re-enables the Select.
 *
 * @module react/components/ui/select
 */
import * as React from "react";
import { type VariantProps } from "./cva.js";
declare const selectTriggerVariants: (props?: ({
    size?: "md" | "lg" | "sm" | "xs" | null | undefined;
} & {
    class?: import("../../../utils/clsx.js").ClassValue;
    className?: import("../../../utils/clsx.js").ClassValue;
}) | undefined) => string;
/** Props accepted by `<Select>`. */
export interface SelectProps {
    children: React.ReactNode;
    value?: string;
    defaultValue?: string;
    onValueChange?: (value: string) => void;
    open?: boolean;
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
    /** Disable the trigger, options, and popup as one interaction boundary. */
    disabled?: boolean;
}
/**
 * Select root — owns the selected value, disclosure state, and option registry.
 *
 * Compose one {@link SelectTrigger} and one {@link SelectContent} per root.
 */
export declare function Select({ children, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, }: SelectProps): React.ReactElement;
/** Props accepted by `<SelectTrigger>`. */
export interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof selectTriggerVariants> {
}
/** Trigger — keeps focus while controlling and navigating the listbox. */
export declare const SelectTrigger: any;
/** Props accepted by `<SelectValue>`. */
export interface SelectValueProps extends React.HTMLAttributes<HTMLSpanElement> {
    placeholder?: React.ReactNode;
}
/**
 * Displays custom children, the selected label, or a placeholder.
 *
 * Explicit children are the deterministic label contract when SelectItems are
 * generated inside a custom component that the root cannot statically inspect.
 */
export declare function SelectValue({ placeholder, children, className, ...valueProps }: SelectValueProps): React.ReactElement;
/** Listbox surface — rendered below the trigger while open. */
export declare function SelectContent({ className, children, id: suppliedId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...contentProps }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement | null;
/** Props accepted by `<SelectItem>`. */
export interface SelectItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
    value: string;
    disabled?: boolean;
    /** Text used for typeahead and the default selected-value display. */
    textValue?: string;
    /** Explicit rich content to display inside SelectValue for this option. */
    displayValue?: React.ReactNode;
}
/** A selectable option nested within the root's single SelectContent. */
export declare const SelectItem: any;
/** Non-interactive label; labels its nearest SelectGroup when present. */
export declare function SelectLabel({ className, id: suppliedId, ...labelProps }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
/** Divider between option groups. */
export declare function SelectSeparator({ className }: {
    className?: string;
}): React.ReactElement;
/**
 * Groups related options. Add one SelectLabel or an explicit accessible name.
 */
export declare function SelectGroup({ children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...groupProps }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
export { selectTriggerVariants };
//# sourceMappingURL=select.d.ts.map