import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { Select as Select$1 } from '@base-ui/react/select';

/**
 * Root for the design-system select. Forwards to Base UI `Select.Root`.
 *
 * **Showing the selected label in the trigger:** pass `items` with either
 * `ReadonlyArray<{ value, label }>` or `Record<string, React.ReactNode>` (value → label).
 * Otherwise `SelectValue` falls back to the raw `value` string (e.g. lowercase ids).
 * @see https://base-ui.com/react/components/select
 */
declare const Select: typeof Select$1.Root;
declare function SelectGroup({ className, ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
declare function SelectValue({ className, ...props }: Select$1.Value.Props): react_jsx_runtime.JSX.Element;
declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
    /** `lg` matches `Input` / `InputContainer` size `lg` (36px min height). */
    size?: "sm" | "default" | "lg";
}): react_jsx_runtime.JSX.Element;
declare function SelectContent({ className, children, side, 
/** Gap between the trigger and the menu (Tailwind spacing token: 4px). */
sideOffset, align, alignOffset, 
/** When false, the list opens below/above the field with `sideOffset` instead of overlapping the trigger to align the active item. */
alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): react_jsx_runtime.JSX.Element;
declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element;
declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): react_jsx_runtime.JSX.Element;
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;

export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
