/** * Select * ============================================================ * A versatile select component for choosing one or more options from a list. * Features full keyboard accessibility and WCAG 2.1 AA compliance. * * @example * ```tsx * * * Option 1 * Option 2 * Option 3 * * * ``` * * @see https://nimbus-documentation.vercel.app/components/inputs/select */ export declare const Select: { /** * # Select.Root * * The root component that provides context and state management for the select. * This component must wrap all select parts (Options, Option, etc.) and provides * the select state, variant styling context, and selection management. * * @example * ```tsx * * * Apple * Orange * * * ``` */ Root: { ({ ref: forwardedRef, children, leadingElement, isLoading, isDisabled, isClearable, ...props }: import('./select.types').SelectProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Select.Options * * The trigger button and dropdown container for select options. * Displays the selected value and opens the options list when activated. * * This component handles the visual presentation of the select, including * the trigger button, selected value display, dropdown icon, and the * popover containing options. * * @example * ```tsx * * * Apple * Banana * * * ``` */ Options: { (props: import('./select.types').SelectOptionsProps & { ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Select.Option * * An individual selectable option within the select dropdown. * Represents a single choice that can be selected by the user. * * Options automatically handle selection state, keyboard navigation, * and visual feedback for hover and selection states. * * @example * ```tsx * * * 🔴 Red * * * 🔵 Blue * * * ``` */ Option: { (props: import('./select.types').SelectOptionProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; /** * # Select.OptionGroup * * A container for grouping related options with an optional label. * Provides visual separation and semantic grouping of options. * * Option groups help organize large lists of options into logical * categories with proper accessibility support. * * @example * ```tsx * * * Apple * Banana * * * Carrot * Broccoli * * * ``` */ OptionGroup: { (props: import('./select.types').SelectOptionGroupProps & { ref?: React.Ref; }): import("react/jsx-runtime").JSX.Element; displayName: string; }; };