@wix/site-ui 1.29.0 → 1.31.0

package/dist/Select/index.d.ts

@@ -1,79 +1,1534 @@
+import type { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
+import { Padding } from '@floating-ui/react-dom';
 import * as React_2 from 'react';
-import { Select as Select_2 } from '@base-ui/react/select';
-import { SelectArrowProps } from '@base-ui/react/select';
-import { SelectBackdropProps } from '@base-ui/react/select';
-import { SelectGroupLabelProps } from '@base-ui/react/select';
-import { SelectGroupProps } from '@base-ui/react/select';
-import { SelectIconProps } from '@base-ui/react/select';
-import { SelectItemIndicatorProps } from '@base-ui/react/select';
-import { SelectItemProps } from '@base-ui/react/select';
-import { SelectItemTextProps } from '@base-ui/react/select';
-import { SelectLabelProps } from '@base-ui/react/select';
-import { SelectListProps } from '@base-ui/react/select';
-import { SelectPopupProps } from '@base-ui/react/select';
-import { SelectPortalProps } from '@base-ui/react/select';
-import { SelectPositionerProps } from '@base-ui/react/select';
-import { SelectScrollDownArrowProps } from '@base-ui/react/select';
-import { SelectScrollUpArrowProps } from '@base-ui/react/select';
-import { SelectTriggerProps } from '@base-ui/react/select';
-import { SelectValueProps } from '@base-ui/react/select';
-import { SeparatorProps } from '@base-ui/react';
+import { Rect } from '@floating-ui/utils';
+import { SelectArrowProps as SelectArrowProps_2 } from '@base-ui/react/select';
+import { SelectBackdropProps as SelectBackdropProps_2 } from '@base-ui/react/select';
+import { SelectGroupLabelProps as SelectGroupLabelProps_2 } from '@base-ui/react/select';
+import { SelectGroupProps as SelectGroupProps_2 } from '@base-ui/react/select';
+import { SelectIconProps as SelectIconProps_2 } from '@base-ui/react/select';
+import { SelectItemIndicatorProps as SelectItemIndicatorProps_2 } from '@base-ui/react/select';
+import { SelectItemProps as SelectItemProps_2 } from '@base-ui/react/select';
+import { SelectItemTextProps as SelectItemTextProps_2 } from '@base-ui/react/select';
+import { SelectLabelProps as SelectLabelProps_2 } from '@base-ui/react/select';
+import { SelectListProps as SelectListProps_2 } from '@base-ui/react/select';
+import { SelectPopupProps as SelectPopupProps_2 } from '@base-ui/react/select';
+import { SelectPortalProps as SelectPortalProps_2 } from '@base-ui/react/select';
+import { SelectPositionerProps as SelectPositionerProps_2 } from '@base-ui/react/select';
+import { SelectScrollDownArrowProps as SelectScrollDownArrowProps_2 } from '@base-ui/react/select';
+import { SelectScrollUpArrowProps as SelectScrollUpArrowProps_2 } from '@base-ui/react/select';
+import { SelectTriggerProps as SelectTriggerProps_2 } from '@base-ui/react/select';
+import { SelectValueProps as SelectValueProps_2 } from '@base-ui/react/select';
+import { SeparatorProps as SeparatorProps_2 } from '@base-ui/react';
+import { VirtualElement } from '@floating-ui/react-dom';
+
+declare type Align = 'start' | 'center' | 'end';
+
+declare type BaseUIChangeEventDetail<Reason extends string, CustomProperties extends object> = {
+    /**
+     * The reason for the event.
+     */
+    reason: Reason;
+    /**
+     * The native event associated with the custom event.
+     */
+    event: ReasonToEvent<Reason>;
+    /**
+     * Cancels Base UI from handling the event.
+     */
+    cancel: () => void;
+    /**
+     * Allows the event to propagate in cases where Base UI will stop the propagation.
+     */
+    allowPropagation: () => void;
+    /**
+     * Indicates whether the event has been canceled.
+     */
+    isCanceled: boolean;
+    /**
+     * Indicates whether the event is allowed to propagate.
+     */
+    isPropagationAllowed: boolean;
+    /**
+     * The element that triggered the event, if applicable.
+     */
+    trigger: Element | undefined;
+} & CustomProperties;
+
+/**
+ * Details of custom change events emitted by Base UI components.
+ */
+declare type BaseUIChangeEventDetails<Reason extends string, CustomProperties extends object = {}> = Reason extends string ? BaseUIChangeEventDetail<Reason, CustomProperties> & {} : never;
+
+/**
+ * Props shared by all Base UI components.
+ * Contains `className` (string or callback taking the component's state as an argument) and `render` (function to customize rendering).
+ */
+declare type BaseUIComponentProps<ElementType extends React_2.ElementType, State, RenderFunctionProps = HTMLProps> = Omit<WithBaseUIEvent<React_2.ComponentPropsWithRef<ElementType>>, 'className' | 'color' | 'defaultValue' | 'defaultChecked' | 'style'> & {
+    /**
+     * CSS class applied to the element, or a function that
+     * returns a class based on the component's state.
+     */
+    className?: string | ((state: State) => string | undefined) | undefined;
+    /**
+     * Allows you to replace the component's HTML element
+     * with a different tag, or compose it with another component.
+     *
+     * Accepts a `ReactElement` or a function that returns the element to render.
+     */
+    render?: React_2.ReactElement | ComponentRenderFn<RenderFunctionProps, State> | undefined;
+    /**
+     * Style applied to the element, or a function that
+     * returns a style object based on the component's state.
+     */
+    style?: React_2.CSSProperties | ((state: State) => React_2.CSSProperties | undefined) | undefined;
+};
+
+declare type BaseUIEvent<E extends React_2.SyntheticEvent<Element, Event>> = E & {
+    preventBaseUIHandler: () => void;
+    readonly baseUIHandlerPrevented?: boolean | undefined;
+};
+
+/**
+ * Details of custom generic events emitted by Base UI components.
+ */
+declare type BaseUIGenericEventDetail<Reason extends string, CustomProperties extends object> = {
+    /**
+     * The reason for the event.
+     */
+    reason: Reason;
+    /**
+     * The native event associated with the custom event.
+     */
+    event: ReasonToEvent<Reason>;
+} & CustomProperties;
+
+declare type BaseUIGenericEventDetails<Reason extends string, CustomProperties extends object = {}> = Reason extends string ? BaseUIGenericEventDetail<Reason, CustomProperties> & {} : never;
+
+declare type Boundary = 'clipping-ancestors' | Element | Element[] | Rect;
+
+declare const cancelOpen: "cancel-open";
+
+declare const chipRemovePress: "chip-remove-press";
+
+declare const clearPress: "clear-press";
+
+declare const closePress: "close-press";
+
+declare const closeWatcher: "close-watcher";
+
+declare type CollisionAvoidance = SideFlipMode | SideShiftMode;
+
+/**
+ * Shape of the render prop: a function that takes props to be spread on the element and component's state and returns a React element.
+ *
+ * @template Props Props to be spread on the rendered element.
+ * @template State Component's internal state.
+ */
+declare type ComponentRenderFn<Props, State> = (props: Props, state: State) => React_2.ReactElement<unknown>;
+
+declare const decrementPress: "decrement-press";
+
+declare const disabled: "disabled";
+
+declare const drag: "drag";
+
+declare type Errors = Record<string, string | string[]>;
+
+declare const escapeKey: "escape-key";
+
+/**
+ * Groups all parts of the field.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Field](https://base-ui.com/react/components/field)
+ */
+declare const FieldRoot: React_2.ForwardRefExoticComponent<Omit<FieldRootProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+declare namespace FieldRoot {
+    type State = FieldRootState;
+    type Props = FieldRootProps;
+    type Actions = FieldRootActions;
+}
+
+declare interface FieldRootActions {
+    validate: () => void;
+}
+
+declare interface FieldRootProps extends BaseUIComponentProps<'div', FieldRootState> {
+    /**
+     * Whether the component should ignore user interaction.
+     * Takes precedence over the `disabled` prop on the `<Field.Control>` component.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Identifies the field when a form is submitted.
+     * Takes precedence over the `name` prop on the `<Field.Control>` component.
+     */
+    name?: string | undefined;
+    /**
+     * A function for custom validation. Return a string or an array of strings with
+     * the error message(s) if the value is invalid, or `null` if the value is valid.
+     * Asynchronous functions are supported, but they do not prevent form submission
+     * when using `validationMode="onSubmit"`.
+     */
+    validate?: ((value: unknown, formValues: Form.Values) => string | string[] | null | Promise<string | string[] | null>) | undefined;
+    /**
+     * Determines when the field should be validated.
+     * This takes precedence over the `validationMode` prop on `<Form>`.
+     *
+     * - `onSubmit`: triggers validation when the form is submitted, and re-validates on change after submission.
+     * - `onBlur`: triggers validation when the control loses focus.
+     * - `onChange`: triggers validation on every change to the control value.
+     *
+     * @default 'onSubmit'
+     */
+    validationMode?: Form.ValidationMode | undefined;
+    /**
+     * How long to wait between `validate` callbacks if
+     * `validationMode="onChange"` is used. Specified in milliseconds.
+     * @default 0
+     */
+    validationDebounceTime?: number | undefined;
+    /**
+     * Whether the field is invalid.
+     * Useful when the field state is controlled by an external library.
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Whether the field's value has been changed from its initial value.
+     * Useful when the field state is controlled by an external library.
+     */
+    dirty?: boolean | undefined;
+    /**
+     * Whether the field has been touched.
+     * Useful when the field state is controlled by an external library.
+     */
+    touched?: boolean | undefined;
+    /**
+     * A ref to imperative actions.
+     * - `validate`: Validates the field when called.
+     */
+    actionsRef?: React_2.RefObject<FieldRoot.Actions | null> | undefined;
+}
+
+declare interface FieldRootState {
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the field has been touched.
+     */
+    touched: boolean;
+    /**
+     * Whether the field value has changed from its initial value.
+     */
+    dirty: boolean;
+    /**
+     * Whether the field is valid.
+     */
+    valid: boolean | null;
+    /**
+     * Whether the field has a value.
+     */
+    filled: boolean;
+    /**
+     * Whether the field is focused.
+     */
+    focused: boolean;
+}
+
+declare interface FieldValidityData {
+    state: {
+        badInput: boolean;
+        customError: boolean;
+        patternMismatch: boolean;
+        rangeOverflow: boolean;
+        rangeUnderflow: boolean;
+        stepMismatch: boolean;
+        tooLong: boolean;
+        tooShort: boolean;
+        typeMismatch: boolean;
+        valueMissing: boolean;
+        valid: boolean | null;
+    };
+    error: string;
+    errors: string[];
+    value: unknown;
+    initialValue: unknown;
+}
+
+/**
+ * Portals the floating element into a given container element — by default,
+ * outside of the app root and into the body.
+ * This is necessary to ensure the floating element can appear outside any
+ * potential parent containers that cause clipping (such as `overflow: hidden`),
+ * while retaining its location in the React tree.
+ * @see https://floating-ui.com/docs/FloatingPortal
+ * @internal
+ */
+declare const FloatingPortal: React_2.ForwardRefExoticComponent<Omit<FloatingPortal.Props<any> & {
+    renderGuards?: boolean | undefined;
+}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+declare namespace FloatingPortal {
+    type State = FloatingPortalState;
+    interface Props<TState> extends BaseUIComponentProps<'div', TState> {
+        /**
+         * A parent element to render the portal element into.
+         */
+        container?: UseFloatingPortalNodeProps['container'] | undefined;
+    }
+}
+
+declare interface FloatingPortalState {}
+
+declare const focusOut: "focus-out";
+
+/**
+ * A native form element with consolidated error handling.
+ * Renders a `<form>` element.
+ *
+ * Documentation: [Base UI Form](https://base-ui.com/react/components/form)
+ */
+declare const Form: {
+    <FormValues extends Record<string, any> = Record<string, any>>(props: Form.Props<FormValues> & {
+        ref?: React_2.Ref<HTMLFormElement> | undefined;
+    }): React_2.JSX.Element;
+};
+
+declare namespace Form {
+    type Props<FormValues extends Record<string, any> = Record<string, any>> = FormProps<FormValues>;
+    type State = FormState;
+    type Actions = FormActions;
+    type ValidationMode = FormValidationMode;
+    type SubmitEventReason = FormSubmitEventReason;
+    type SubmitEventDetails = FormSubmitEventDetails;
+    type Values<FormValues extends Record<string, any> = Record<string, any>> = FormValues;
+}
+
+declare interface FormActions {
+    validate: (fieldName?: string | undefined) => void;
+}
+
+declare interface FormContext {
+    errors: Errors;
+    clearErrors: (name: string | undefined) => void;
+    formRef: React_2.RefObject<{
+        fields: Map<string, {
+            name: string | undefined;
+            /**
+             * After this returns, the field registry entry reflects the latest synchronous
+             * validity verdict. Async validators do not block submit.
+             */
+            validate: () => void;
+            validityData: FieldValidityData;
+            controlRef: React_2.RefObject<HTMLElement | null>;
+            getValue: () => unknown;
+        }>;
+    }>;
+    validationMode: Form.ValidationMode;
+    submitAttemptedRef: React_2.RefObject<boolean>;
+}
+
+declare const FormContext: React_2.Context<FormContext>;
+
+declare interface FormProps<FormValues extends Record<string, any> = Record<string, any>> extends BaseUIComponentProps<'form', FormState> {
+    /**
+     * Determines when the form should be validated.
+     * The `validationMode` prop on `<Field.Root>` takes precedence over this.
+     *
+     * - `onSubmit` (default): validates the field when the form is submitted, afterwards fields will re-validate on change.
+     * - `onBlur`: validates a field when it loses focus.
+     * - `onChange`: validates the field on every change to its value.
+     *
+     * @default 'onSubmit'
+     */
+    validationMode?: FormValidationMode | undefined;
+    /**
+     * Validation errors returned externally, typically after submission by a server or a form action.
+     * This should be an object where keys correspond to the `name` attribute on `<Field.Root>`,
+     * and values correspond to error(s) related to that field.
+     */
+    errors?: FormContext['errors'] | undefined;
+    /**
+     * Event handler called when the form is submitted.
+     * `preventDefault()` is called on the native submit event when used.
+     */
+    onFormSubmit?: ((formValues: FormValues, eventDetails: Form.SubmitEventDetails) => void) | undefined;
+    /**
+     * A ref to imperative actions.
+     * - `validate`: Validates all fields when called. Optionally pass a field name to validate a single field.
+     * @example
+     * ```tsx
+     * // validate all fields
+     * actionsRef.current.validate();
+     *
+     * // validate one field
+     * actionsRef.current.validate('email');
+     * ```
+     */
+    actionsRef?: React_2.RefObject<Form.Actions | null> | undefined;
+}
+
+declare interface FormState {}
+
+declare type FormSubmitEventDetails = BaseUIGenericEventDetails<Form.SubmitEventReason>;
+
+declare type FormSubmitEventReason = typeof REASONS.none;
+
+declare type FormValidationMode = 'onSubmit' | 'onBlur' | 'onChange';
+
+declare interface Group<Item = any> {
+    [key: string]: unknown;
+    items: ReadonlyArray<Item>;
+}
+
+declare type HTMLProps<T = any> = React_2.HTMLAttributes<T> & {
+    ref?: React_2.Ref<T> | undefined;
+};
+
+declare const imperativeAction: "imperative-action";
+
+declare const incrementPress: "increment-press";
+
+declare const initial: "initial";
+
+declare const inputBlur: "input-blur";
+
+declare const inputChange: "input-change";
+
+declare const inputClear: "input-clear";
+
+declare const inputPaste: "input-paste";
+
+declare const inputPress: "input-press";
+
+declare const itemPress: "item-press";
+
+declare const keyboard: "keyboard";
+
+declare const linkPress: "link-press";
+
+declare const listNavigation: "list-navigation";
+
+declare const missing: "missing";
+
+declare interface NativeButtonProps {
+    /**
+     * Whether the component renders a native `<button>` element when replacing it
+     * via the `render` prop.
+     * Set to `false` if the rendered element is not a button (for example, `<div>`).
+     * @default true
+     */
+    nativeButton?: boolean | undefined;
+}
+
+declare const none: "none";
+
+declare interface NonNativeButtonProps {
+    /**
+     * Whether the component renders a native `<button>` element when replacing it
+     * via the `render` prop.
+     * Set to `true` if the rendered element is a native button.
+     * @default false
+     */
+    nativeButton?: boolean | undefined;
+}
+
+declare type OffsetFunction = (data: {
+    side: Side;
+    align: Align;
+    anchor: {
+        width: number;
+        height: number;
+    };
+    positioner: {
+        width: number;
+        height: number;
+    };
+}) => number;
+
+declare type Orientation = 'horizontal' | 'vertical';
+
+declare const outsidePress: "outside-press";
+
+declare const pointer: "pointer";
+
+declare namespace REASONS {
+    export {
+        none,
+        triggerPress,
+        triggerHover,
+        triggerFocus,
+        outsidePress,
+        itemPress,
+        closePress,
+        linkPress,
+        clearPress,
+        chipRemovePress,
+        trackPress,
+        incrementPress,
+        decrementPress,
+        inputChange,
+        inputClear,
+        inputBlur,
+        inputPaste,
+        inputPress,
+        focusOut,
+        escapeKey,
+        closeWatcher,
+        listNavigation,
+        keyboard,
+        pointer,
+        drag,
+        wheel,
+        scrub,
+        cancelOpen,
+        siblingOpen,
+        disabled,
+        missing,
+        initial,
+        imperativeAction,
+        swipe,
+        windowResize
+    }
+}
+
+/**
+ * Maps a change `reason` string to the corresponding native event type.
+ */
+declare type ReasonToEvent<Reason extends string> = Reason extends keyof ReasonToEventMap ? ReasonToEventMap[Reason] : Event;
+
+declare interface ReasonToEventMap {
+    [REASONS.none]: Event;
+    [REASONS.triggerPress]: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+    [REASONS.triggerHover]: MouseEvent;
+    [REASONS.triggerFocus]: FocusEvent;
+    [REASONS.outsidePress]: MouseEvent | PointerEvent | TouchEvent;
+    [REASONS.itemPress]: MouseEvent | KeyboardEvent | PointerEvent;
+    [REASONS.closePress]: MouseEvent | KeyboardEvent | PointerEvent;
+    [REASONS.linkPress]: MouseEvent | PointerEvent;
+    [REASONS.clearPress]: PointerEvent | MouseEvent | KeyboardEvent;
+    [REASONS.chipRemovePress]: PointerEvent | MouseEvent | KeyboardEvent;
+    [REASONS.trackPress]: PointerEvent | MouseEvent | TouchEvent;
+    [REASONS.incrementPress]: PointerEvent | MouseEvent | TouchEvent;
+    [REASONS.decrementPress]: PointerEvent | MouseEvent | TouchEvent;
+    [REASONS.inputChange]: InputEvent | Event;
+    [REASONS.inputClear]: InputEvent | FocusEvent | Event;
+    [REASONS.inputBlur]: FocusEvent;
+    [REASONS.inputPaste]: ClipboardEvent;
+    [REASONS.inputPress]: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent;
+    [REASONS.focusOut]: FocusEvent | KeyboardEvent;
+    [REASONS.escapeKey]: KeyboardEvent;
+    [REASONS.closeWatcher]: Event;
+    [REASONS.listNavigation]: KeyboardEvent;
+    [REASONS.keyboard]: KeyboardEvent;
+    [REASONS.pointer]: PointerEvent;
+    [REASONS.drag]: PointerEvent | TouchEvent;
+    [REASONS.swipe]: PointerEvent | TouchEvent;
+    [REASONS.wheel]: WheelEvent;
+    [REASONS.scrub]: PointerEvent;
+    [REASONS.cancelOpen]: MouseEvent;
+    [REASONS.siblingOpen]: Event;
+    [REASONS.disabled]: Event;
+    [REASONS.missing]: Event;
+    [REASONS.initial]: Event;
+    [REASONS.imperativeAction]: Event;
+    [REASONS.windowResize]: UIEvent;
+}
+
+declare const scrub: "scrub";
 
 export declare const Select: {
-    Label: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectLabelProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    Label: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectLabelProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Trigger: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectTriggerProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref">, "className"> & {
+    Trigger: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectTriggerProps_2, "ref"> & React_2.RefAttributes<HTMLButtonElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLButtonElement>>;
-    Value: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectValueProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
+    Value: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectValueProps_2, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
-    Icon: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectIconProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
+    Icon: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectIconProps_2, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
-    Backdrop: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectBackdropProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    Backdrop: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectBackdropProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Positioner: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectPositionerProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    Positioner: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectPositionerProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Popup: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectPopupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    Popup: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectPopupProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    List: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectListProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    List: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectListProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Item: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectItemProps, "ref"> & React_2.RefAttributes<HTMLElement>, "ref">, "className"> & {
+    Item: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectItemProps_2, "ref"> & React_2.RefAttributes<HTMLElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLElement>>;
-    ItemIndicator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectItemIndicatorProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
+    ItemIndicator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectItemIndicatorProps_2, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
-    ItemText: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectItemTextProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    ItemText: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectItemTextProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Arrow: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectArrowProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    Arrow: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectArrowProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    ScrollDownArrow: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectScrollDownArrowProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    ScrollDownArrow: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectScrollDownArrowProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    ScrollUpArrow: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectScrollUpArrowProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    ScrollUpArrow: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectScrollUpArrowProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    Group: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectGroupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    Group: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectGroupProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
-    GroupLabel: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectGroupLabelProps, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    GroupLabel: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<SelectGroupLabelProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLDivElement>>;
     Root: typeof Select_2.Root;
-    Portal: React_2.ForwardRefExoticComponent<Omit<SelectPortalProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-    Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+    Portal: React_2.ForwardRefExoticComponent<Omit<SelectPortalProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+    Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorProps_2, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 };
 
+export declare namespace Select_2 {
+    export {
+        SelectRoot as Root,
+        SelectLabel as Label,
+        SelectTrigger as Trigger,
+        SelectValue as Value,
+        SelectIcon as Icon,
+        SelectPortal as Portal,
+        SelectBackdrop as Backdrop,
+        SelectPositioner as Positioner,
+        SelectPopup as Popup,
+        SelectList as List,
+        SelectItem as Item,
+        SelectItemIndicator as ItemIndicator,
+        SelectItemText as ItemText,
+        SelectArrow as Arrow,
+        SelectScrollDownArrow as ScrollDownArrow,
+        SelectScrollUpArrow as ScrollUpArrow,
+        SelectGroup as Group,
+        SelectGroupLabel as GroupLabel,
+        Separator
+    }
+}
+
+/**
+ * Displays an element positioned against the select popup anchor.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectArrow: React_2.ForwardRefExoticComponent<Omit<SelectArrowProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectArrow {
+    export type State = SelectArrowState;
+    export type Props = SelectArrowProps;
+}
+
+export declare interface SelectArrowProps extends BaseUIComponentProps<'div', SelectArrowState> {}
+
+export declare interface SelectArrowState {
+    /**
+     * Whether the select popup is currently open.
+     */
+    open: boolean;
+    /**
+     * The side of the anchor the component is placed on.
+     */
+    side: Side | 'none';
+    /**
+     * The alignment of the component relative to the anchor.
+     */
+    align: Align;
+    /**
+     * Whether the arrow cannot be centered on the anchor.
+     */
+    uncentered: boolean;
+}
+
+/**
+ * An overlay displayed beneath the menu popup.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectBackdrop: React_2.ForwardRefExoticComponent<Omit<SelectBackdropProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectBackdrop {
+    export type State = SelectBackdropState;
+    export type Props = SelectBackdropProps;
+}
+
+export declare interface SelectBackdropProps extends BaseUIComponentProps<'div', SelectBackdropState> {}
+
+export declare interface SelectBackdropState {
+    /**
+     * Whether the component is open.
+     */
+    open: boolean;
+    /**
+     * The transition status of the component.
+     */
+    transitionStatus: TransitionStatus;
+}
+
+/**
+ * Groups related select items with the corresponding label.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectGroup: React_2.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectGroup {
+    export type State = SelectGroupState;
+    export type Props = SelectGroupProps;
+}
+
+/**
+ * An accessible label that is automatically associated with its parent group.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectGroupLabel: React_2.ForwardRefExoticComponent<Omit<SelectGroupLabelProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectGroupLabel {
+    export type State = SelectGroupLabelState;
+    export type Props = SelectGroupLabelProps;
+}
+
+export declare interface SelectGroupLabelProps extends BaseUIComponentProps<'div', SelectGroupLabelState> {}
+
+export declare interface SelectGroupLabelState {}
+
+export declare interface SelectGroupProps extends BaseUIComponentProps<'div', SelectGroupState> {}
+
+export declare interface SelectGroupState {}
+
+/**
+ * An icon that indicates that the trigger button opens a select popup.
+ * Renders a `<span>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectIcon: React_2.ForwardRefExoticComponent<Omit<SelectIconProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare namespace SelectIcon {
+    export type State = SelectIconState;
+    export type Props = SelectIconProps;
+}
+
+export declare interface SelectIconProps extends BaseUIComponentProps<'span', SelectIconState> {}
+
+export declare interface SelectIconState {
+    /**
+     * Whether the select popup is currently open.
+     */
+    open: boolean;
+}
+
+/**
+ * An individual option in the select popup.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectItem: React_2.NamedExoticComponent<Omit<SelectItemProps, "ref"> & React_2.RefAttributes<HTMLElement>>;
+
+export declare namespace SelectItem {
+    export type State = SelectItemState;
+    export type Props = SelectItemProps;
+}
+
+/**
+ * Indicates whether the select item is selected.
+ * Renders a `<span>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectItemIndicator: React_2.ForwardRefExoticComponent<Omit<SelectItemIndicatorProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare namespace SelectItemIndicator {
+    export type State = SelectItemIndicatorState;
+    export type Props = SelectItemIndicatorProps;
+}
+
+export declare interface SelectItemIndicatorProps extends BaseUIComponentProps<'span', SelectItemIndicatorState> {
+    children?: React_2.ReactNode;
+    /**
+     * Whether to keep the HTML element in the DOM when the item is not selected.
+     */
+    keepMounted?: boolean | undefined;
+}
+
+export declare interface SelectItemIndicatorState {
+    /**
+     * Whether the item is selected.
+     */
+    selected: boolean;
+    /**
+     * The transition status of the component.
+     */
+    transitionStatus: TransitionStatus;
+}
+
+export declare interface SelectItemProps extends NonNativeButtonProps, Omit<BaseUIComponentProps<'div', SelectItemState>, 'id'> {
+    children?: React_2.ReactNode;
+    /**
+     * A unique value that identifies this select item.
+     * @default null
+     */
+    value?: any;
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Specifies the text label to use when the item is matched during keyboard text navigation.
+     *
+     * Defaults to the item text content if not provided.
+     */
+    label?: string | undefined;
+}
+
+export declare interface SelectItemState {
+    /**
+     * Whether the item should ignore user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the item is selected.
+     */
+    selected: boolean;
+    /**
+     * Whether the item is highlighted.
+     */
+    highlighted: boolean;
+}
+
+/**
+ * A text label of the select item.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectItemText: React_2.NamedExoticComponent<Omit<SelectItemTextProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectItemText {
+    export type State = SelectItemTextState;
+    export type Props = SelectItemTextProps;
+}
+
+export declare interface SelectItemTextProps extends BaseUIComponentProps<'div', SelectItemTextState> {}
+
+export declare interface SelectItemTextState {}
+
+/**
+ * An accessible label that is automatically associated with the select trigger.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectLabel: React_2.ForwardRefExoticComponent<Omit<SelectLabelProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectLabel {
+    export type State = SelectLabelState;
+    export type Props = SelectLabelProps;
+}
+
+export declare interface SelectLabelProps extends Omit<BaseUIComponentProps<'div', SelectLabel.State>, 'id'> {}
+
+export declare type SelectLabelState = FieldRoot.State;
+
+/**
+ * A container for the select items.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectList: React_2.ForwardRefExoticComponent<Omit<SelectListProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectList {
+    export type Props = SelectListProps;
+    export type State = SelectListState;
+}
+
+export declare interface SelectListProps extends BaseUIComponentProps<'div', SelectListState> {}
+
+export declare interface SelectListState {}
+
+/**
+ * A container for the select list.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectPopup: React_2.ForwardRefExoticComponent<Omit<SelectPopupProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectPopup {
+    export type Props = SelectPopupProps;
+    export type State = SelectPopupState;
+}
+
+export declare interface SelectPopupProps extends BaseUIComponentProps<'div', SelectPopupState> {
+    children?: React_2.ReactNode;
+    /**
+     * Determines the element to focus when the select popup is closed.
+     *
+     * - `false`: Do not move focus.
+     * - `true`: Move focus based on the default behavior (trigger or previously focused element).
+     * - `RefObject`: Move focus to the ref element.
+     * - `function`: Called with the interaction type (`mouse`, `touch`, `pen`, or `keyboard`).
+     *   Return an element to focus, `true` to use the default behavior, or `false`/`undefined` to do nothing.
+     */
+    finalFocus?: boolean | React_2.RefObject<HTMLElement | null> | ((closeType: InteractionType) => boolean | HTMLElement | null | void) | undefined;
+}
+
+export declare interface SelectPopupState {
+    /**
+     * The side of the anchor the component is placed on.
+     */
+    side: Side | 'none';
+    /**
+     * The alignment of the component relative to the anchor.
+     */
+    align: Align;
+    /**
+     * Whether the component is open.
+     */
+    open: boolean;
+    /**
+     * The transition status of the component.
+     */
+    transitionStatus: TransitionStatus;
+}
+
+/**
+ * A portal element that moves the popup to a different part of the DOM.
+ * By default, the portal element is appended to `<body>`.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectPortal: React_2.ForwardRefExoticComponent<Omit<SelectPortalProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectPortal {
+    export type State = SelectPortalState;
+    export type Props = SelectPortalProps;
+}
+
+export declare interface SelectPortalProps extends FloatingPortal.Props<SelectPortalState> {}
+
+export declare interface SelectPortalState {}
+
+/**
+ * Positions the select popup.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectPositioner: React_2.ForwardRefExoticComponent<Omit<SelectPositionerProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectPositioner {
+    export type State = SelectPositionerState;
+    export type Props = SelectPositionerProps;
+}
+
+export declare interface SelectPositionerProps extends UseAnchorPositioningSharedParameters, BaseUIComponentProps<'div', SelectPositionerState> {
+    /**
+     * Whether the positioner overlaps the trigger so the selected item's text is aligned with the trigger's value text. This only applies to mouse input and is automatically disabled if there is not enough space.
+     * @default true
+     */
+    alignItemWithTrigger?: boolean | undefined;
+}
+
+export declare interface SelectPositionerState {
+    /**
+     * Whether the component is open.
+     */
+    open: boolean;
+    /**
+     * The side of the anchor the component is placed on.
+     */
+    side: Side | 'none';
+    /**
+     * The alignment of the component relative to the anchor.
+     */
+    align: Align;
+    /**
+     * Whether the anchor element is hidden.
+     */
+    anchorHidden: boolean;
+}
+
+/**
+ * Groups all parts of the select.
+ * Doesn't render its own HTML element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRoot.Props<Value, Multiple>): React_2.JSX.Element;
+
+export declare namespace SelectRoot {
+    export type Props<Value, Multiple extends boolean | undefined = false> = SelectRootProps<Value, Multiple>;
+    export type State = SelectRootState;
+    export type Actions = SelectRootActions;
+    export type ChangeEventReason = SelectRootChangeEventReason;
+    export type ChangeEventDetails = SelectRootChangeEventDetails;
+}
+
+export declare interface SelectRootActions {
+    unmount: () => void;
+}
+
+export declare type SelectRootChangeEventDetails = BaseUIChangeEventDetails<SelectRootChangeEventReason>;
+
+export declare type SelectRootChangeEventReason = typeof REASONS.triggerPress | typeof REASONS.outsidePress | typeof REASONS.escapeKey | typeof REASONS.windowResize | typeof REASONS.itemPress | typeof REASONS.focusOut | typeof REASONS.listNavigation | typeof REASONS.cancelOpen | typeof REASONS.none;
+
+export declare interface SelectRootProps<Value, Multiple extends boolean | undefined = false> {
+    children?: React_2.ReactNode;
+    /**
+     * A ref to access the hidden input element.
+     */
+    inputRef?: React_2.Ref<HTMLInputElement> | undefined;
+    /**
+     * Identifies the field when a form is submitted.
+     */
+    name?: string | undefined;
+    /**
+     * Identifies the form that owns the hidden input.
+     * Useful when the select is rendered outside the form.
+     */
+    form?: string | undefined;
+    /**
+     * Provides a hint to the browser for autofill.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete
+     */
+    autoComplete?: string | undefined;
+    /**
+     * The id of the Select.
+     */
+    id?: string | undefined;
+    /**
+     * Whether the user must choose a value before submitting a form.
+     * @default false
+     */
+    required?: boolean | undefined;
+    /**
+     * Whether the user should be unable to choose a different option from the select popup.
+     * @default false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Whether multiple items can be selected.
+     * @default false
+     */
+    multiple?: Multiple | undefined;
+    /**
+     * Whether moving the pointer over items should highlight them.
+     * Disabling this prop allows CSS `:hover` to be differentiated from the `:focus` (`data-highlighted`) state.
+     * @default true
+     */
+    highlightItemOnHover?: boolean | undefined;
+    /**
+     * Whether the select popup is initially open.
+     *
+     * To render a controlled select popup, use the `open` prop instead.
+     * @default false
+     */
+    defaultOpen?: boolean | undefined;
+    /**
+     * Event handler called when the select popup is opened or closed.
+     */
+    onOpenChange?: ((open: boolean, eventDetails: SelectRootChangeEventDetails) => void) | undefined;
+    /**
+     * Event handler called after any animations complete when the select popup is opened or closed.
+     */
+    onOpenChangeComplete?: ((open: boolean) => void) | undefined;
+    /**
+     * Whether the select popup is currently open.
+     */
+    open?: boolean | undefined;
+    /**
+     * Determines if the select enters a modal state when open.
+     * - `true`: user interaction is limited to the select: document page scroll is locked and pointer interactions on outside elements are disabled.
+     * - `false`: user interaction with the rest of the document is allowed.
+     * @default true
+     */
+    modal?: boolean | undefined;
+    /**
+     * A ref to imperative actions.
+     * - `unmount`: When specified, the select will not be unmounted when closed.
+     * Instead, the `unmount` function must be called to unmount the select manually.
+     * Useful when the select's animation is controlled by an external library.
+     */
+    actionsRef?: React_2.RefObject<SelectRootActions | null> | undefined;
+    /**
+     * Data structure of the items rendered in the select popup.
+     * When specified, `<Select.Value>` renders the label of the selected item instead of the raw value.
+     * @example
+     * ```tsx
+     * const items = {
+     *   sans: 'Sans-serif',
+     *   serif: 'Serif',
+     *   mono: 'Monospace',
+     *   cursive: 'Cursive',
+     * };
+     * <Select.Root items={items} />
+     * ```
+     */
+    items?: Record<string, React_2.ReactNode> | ReadonlyArray<{
+        label: React_2.ReactNode;
+        value: any;
+    }> | ReadonlyArray<Group<any>> | undefined;
+    /**
+     * When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a string representation for display in the trigger.
+     * If the shape of the object is `{ value, label }`, the label will be used automatically without needing to specify this prop.
+     */
+    itemToStringLabel?: ((itemValue: Value) => string) | undefined;
+    /**
+     * When the item values are objects (`<Select.Item value={object}>`), this function converts the object value to a string representation for form submission.
+     * If the shape of the object is `{ value, label }`, the value will be used automatically without needing to specify this prop.
+     */
+    itemToStringValue?: ((itemValue: Value) => string) | undefined;
+    /**
+     * Custom comparison logic used to determine if a select item value matches the current selected value. Useful when item values are objects without matching referentially.
+     * Defaults to `Object.is` comparison.
+     */
+    isItemEqualToValue?: ((itemValue: Value, value: Value) => boolean) | undefined;
+    /**
+     * The uncontrolled value of the select when it's initially rendered.
+     *
+     * To render a controlled select, use the `value` prop instead.
+     */
+    defaultValue?: SelectValueType<Value, Multiple> | null | undefined;
+    /**
+     * The value of the select. Use when controlled.
+     */
+    value?: SelectValueType<Value, Multiple> | null | undefined;
+    /**
+     * Event handler called when the value of the select changes.
+     */
+    onValueChange?: ((value: SelectValueType<Value, Multiple> | (Multiple extends true ? never : null), eventDetails: SelectRootChangeEventDetails) => void) | undefined;
+}
+
+export declare interface SelectRootState {}
+
+/**
+ * An element that scrolls the select popup down when hovered. Does not render when using touch input.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectScrollDownArrow: React_2.ForwardRefExoticComponent<Omit<SelectScrollDownArrowProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectScrollDownArrow {
+    export type State = SelectScrollDownArrowState;
+    export type Props = SelectScrollDownArrowProps;
+}
+
+export declare interface SelectScrollDownArrowProps extends BaseUIComponentProps<'div', SelectScrollDownArrowState> {
+    /**
+     * Whether to keep the HTML element in the DOM while the select popup is not scrollable.
+     * @default false
+     */
+    keepMounted?: boolean | undefined;
+}
+
+export declare interface SelectScrollDownArrowState {}
+
+/**
+ * An element that scrolls the select popup up when hovered. Does not render when using touch input.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectScrollUpArrow: React_2.ForwardRefExoticComponent<Omit<SelectScrollUpArrowProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare namespace SelectScrollUpArrow {
+    export type State = SelectScrollUpArrowState;
+    export type Props = SelectScrollUpArrowProps;
+}
+
+export declare interface SelectScrollUpArrowProps extends BaseUIComponentProps<'div', SelectScrollUpArrowState> {
+    /**
+     * Whether to keep the HTML element in the DOM while the select popup is not scrollable.
+     * @default false
+     */
+    keepMounted?: boolean | undefined;
+}
+
+export declare interface SelectScrollUpArrowState {}
+
+/**
+ * A button that opens the select popup.
+ * Renders a `<button>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare namespace SelectTrigger {
+    export type State = SelectTriggerState;
+    export type Props = SelectTriggerProps;
+}
+
+export declare interface SelectTriggerProps extends NativeButtonProps, BaseUIComponentProps<'button', SelectTriggerState> {
+    children?: React_2.ReactNode;
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled?: boolean | undefined;
+}
+
+export declare interface SelectTriggerState extends FieldRootState {
+    /**
+     * Whether the select popup is currently open.
+     */
+    open: boolean;
+    /**
+     * Whether the select popup is readonly.
+     */
+    readOnly: boolean;
+    /**
+     * Indicates which side the corresponding popup is positioned relative to its anchor.
+     */
+    popupSide: Side | null;
+    /**
+     * The value of the currently selected item.
+     */
+    value: any;
+    /**
+     * Whether the select doesn't have a value.
+     */
+    placeholder: boolean;
+}
+
+/**
+ * A text label of the currently selected item.
+ * Renders a `<span>` element.
+ *
+ * Documentation: [Base UI Select](https://base-ui.com/react/components/select)
+ */
+export declare const SelectValue: React_2.ForwardRefExoticComponent<Omit<SelectValueProps, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+
+export declare namespace SelectValue {
+    export type State = SelectValueState;
+    export type Props = SelectValueProps;
+}
+
+export declare interface SelectValueProps extends Omit<BaseUIComponentProps<'span', SelectValueState>, 'children'> {
+    /**
+     * Accepts a function that returns a `ReactNode` to format the selected value.
+     * @example
+     * ```tsx
+     * <Select.Value>
+     *   {(value: string | null) => value ? labels[value] : 'No value'}
+     * </Select.Value>
+     * ```
+     */
+    children?: React_2.ReactNode | ((value: any) => React_2.ReactNode);
+    /**
+     * The placeholder value to display when no value is selected.
+     * This is overridden by `children` if specified, or by a null item's label in `items`.
+     */
+    placeholder?: React_2.ReactNode;
+}
+
+export declare interface SelectValueState {
+    /**
+     * The value of the currently selected item.
+     */
+    value: any;
+    /**
+     * Whether the placeholder is being displayed.
+     */
+    placeholder: boolean;
+}
+
+declare type SelectValueType<Value, Multiple extends boolean | undefined> = Multiple extends true ? Value[] : Value;
+
+/**
+ * A separator element accessible to screen readers.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Separator](https://base-ui.com/react/components/separator)
+ */
+declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+declare namespace Separator {
+    type Props = SeparatorProps;
+    type State = SeparatorState;
+}
+
+declare interface SeparatorProps extends BaseUIComponentProps<'div', SeparatorState> {
+    /**
+     * The orientation of the separator.
+     * @default 'horizontal'
+     */
+    orientation?: Orientation | undefined;
+}
+
+declare interface SeparatorState {
+    /**
+     * The orientation of the separator.
+     */
+    orientation: Orientation;
+}
+
+declare const siblingOpen: "sibling-open";
+
+declare type Side = 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';
+
+declare interface SideFlipMode {
+    /**
+     * How to avoid collisions on the side axis.
+     * - `'flip'`: If there is not enough space, place the popup on the opposite side.
+     * - `'none'`: Keep the preferred side even if it overflows.
+     */
+    side?: 'flip' | 'none' | undefined;
+    /**
+     * How to avoid collisions on the align axis.
+     * - `'flip'`: If there is not enough space, swap `'start'` and `'end'` alignment.
+     * - `'shift'`: Keep the alignment and shift the popup to fit within the boundary.
+     * - `'none'`: Keep the preferred alignment even if it overflows.
+     */
+    align?: 'flip' | 'shift' | 'none' | undefined;
+    /**
+     * If both sides on the preferred axis do not fit, determines whether to fallback
+     * to a side on the perpendicular axis and which logical side to prefer.
+     * - `'start'`: Prefer the logical start side on the perpendicular axis.
+     * - `'end'`: Prefer the logical end side on the perpendicular axis.
+     * - `'none'`: Do not fallback to the perpendicular axis.
+     */
+    fallbackAxisSide?: 'start' | 'end' | 'none' | undefined;
+}
+
+declare interface SideShiftMode {
+    /**
+     * How to avoid collisions on the side axis.
+     * - `'shift'`: Keep the preferred side and shift the popup to fit within the boundary.
+     * - `'none'`: Keep the preferred side even if it overflows.
+     */
+    side?: 'shift' | 'none' | undefined;
+    /**
+     * How to avoid collisions on the align axis.
+     * - `'shift'`: Keep the alignment and shift the popup to fit within the boundary.
+     * - `'none'`: Keep the preferred alignment even if it overflows.
+     */
+    align?: 'shift' | 'none' | undefined;
+    /**
+     * If both sides on the preferred axis do not fit, determines whether to fallback
+     * to a side on the perpendicular axis and which logical side to prefer.
+     * - `'start'`: Prefer the logical start side on the perpendicular axis.
+     * - `'end'`: Prefer the logical end side on the perpendicular axis.
+     * - `'none'`: Do not fallback to the perpendicular axis.
+     */
+    fallbackAxisSide?: 'start' | 'end' | 'none' | undefined;
+}
+
+declare const swipe: "swipe";
+
+declare const trackPress: "track-press";
+
+declare type TransitionStatus = 'starting' | 'ending' | 'idle' | undefined;
+
+declare const triggerFocus: "trigger-focus";
+
+declare const triggerHover: "trigger-hover";
+
+declare const triggerPress: "trigger-press";
+
+declare interface UseAnchorPositioningSharedParameters {
+    /**
+     * An element to position the popup against.
+     * By default, the popup will be positioned against the trigger.
+     */
+    anchor?: Element | null | VirtualElement | React_2.RefObject<Element | null> | (() => Element | VirtualElement | null) | undefined;
+    /**
+     * Determines which CSS `position` property to use.
+     * @default 'absolute'
+     */
+    positionMethod?: 'absolute' | 'fixed' | undefined;
+    /**
+     * Which side of the anchor element to align the popup against.
+     * May automatically change to avoid collisions.
+     * @default 'bottom'
+     */
+    side?: Side | undefined;
+    /**
+     * Distance between the anchor and the popup in pixels.
+     * Also accepts a function that returns the distance to read the dimensions of the anchor
+     * and positioner elements, along with its side and alignment.
+     *
+     * The function takes a `data` object parameter with the following properties:
+     * - `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.
+     * - `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.
+     * - `data.side`: which side of the anchor element the positioner is aligned against.
+     * - `data.align`: how the positioner is aligned relative to the specified side.
+     *
+     * @example
+     * ```jsx
+     * <Positioner
+     *   sideOffset={({ side, align, anchor, positioner }) => {
+     *     return side === 'top' || side === 'bottom'
+     *       ? anchor.height
+     *       : anchor.width;
+     *   }}
+     * />
+     * ```
+     *
+     * @default 0
+     */
+    sideOffset?: number | OffsetFunction | undefined;
+    /**
+     * How to align the popup relative to the specified side.
+     * @default 'center'
+     */
+    align?: Align | undefined;
+    /**
+     * Additional offset along the alignment axis in pixels.
+     * Also accepts a function that returns the offset to read the dimensions of the anchor
+     * and positioner elements, along with its side and alignment.
+     *
+     * The function takes a `data` object parameter with the following properties:
+     * - `data.anchor`: the dimensions of the anchor element with properties `width` and `height`.
+     * - `data.positioner`: the dimensions of the positioner element with properties `width` and `height`.
+     * - `data.side`: which side of the anchor element the positioner is aligned against.
+     * - `data.align`: how the positioner is aligned relative to the specified side.
+     *
+     * @example
+     * ```jsx
+     * <Positioner
+     *   alignOffset={({ side, align, anchor, positioner }) => {
+     *     return side === 'top' || side === 'bottom'
+     *       ? anchor.width
+     *       : anchor.height;
+     *   }}
+     * />
+     * ```
+     *
+     * @default 0
+     */
+    alignOffset?: number | OffsetFunction | undefined;
+    /**
+     * An element or a rectangle that delimits the area that the popup is confined to.
+     * @default 'clipping-ancestors'
+     */
+    collisionBoundary?: Boundary | undefined;
+    /**
+     * Additional space to maintain from the edge of the collision boundary.
+     * @default 5
+     */
+    collisionPadding?: Padding | undefined;
+    /**
+     * Whether to maintain the popup in the viewport after
+     * the anchor element was scrolled out of view.
+     * @default false
+     */
+    sticky?: boolean | undefined;
+    /**
+     * Minimum distance to maintain between the arrow and the edges of the popup.
+     *
+     * Use it to prevent the arrow element from hanging out of the rounded corners of a popup.
+     * @default 5
+     */
+    arrowPadding?: number | undefined;
+    /**
+     * Whether to disable the popup from tracking any layout shift of its positioning anchor.
+     * @default false
+     */
+    disableAnchorTracking?: boolean | undefined;
+    /**
+     * Determines how to handle collisions when positioning the popup.
+     *
+     * `side` controls overflow on the preferred placement axis (`top`/`bottom` or `left`/`right`):
+     * - `'flip'`: keep the requested side when it fits; otherwise try the opposite side
+     *   (`top` and `bottom`, or `left` and `right`).
+     * - `'shift'`: never change side; keep the requested side and move the popup within
+     *   the clipping boundary so it stays visible.
+     * - `'none'`: do not correct side-axis overflow.
+     *
+     * `align` controls overflow on the alignment axis (`start`/`center`/`end`):
+     * - `'flip'`: keep side, but swap `start` and `end` when the requested alignment overflows.
+     * - `'shift'`: keep side and requested alignment, then nudge the popup along the
+     *   alignment axis to fit.
+     * - `'none'`: do not correct alignment-axis overflow.
+     *
+     * `fallbackAxisSide` controls fallback behavior on the perpendicular axis when the
+     * preferred axis cannot fit:
+     * - `'start'`: allow perpendicular fallback and try the logical start side first
+     *   (`top` before `bottom`, or `left` before `right` in LTR).
+     * - `'end'`: allow perpendicular fallback and try the logical end side first
+     *   (`bottom` before `top`, or `right` before `left` in LTR).
+     * - `'none'`: do not fallback to the perpendicular axis.
+     *
+     * When `side` is `'shift'`, explicitly setting `align` only supports `'shift'` or `'none'`.
+     * If `align` is omitted, it defaults to `'flip'`.
+     *
+     * @example
+     * ```jsx
+     * <Positioner
+     *   collisionAvoidance={{
+     *     side: 'shift',
+     *     align: 'shift',
+     *     fallbackAxisSide: 'none',
+     *   }}
+     * />
+     * ```
+     *
+     */
+    collisionAvoidance?: CollisionAvoidance | undefined;
+}
+
+declare interface UseFloatingPortalNodeProps {
+    ref?: React_2.Ref<HTMLDivElement> | undefined;
+    container?: HTMLElement | ShadowRoot | null | React_2.RefObject<HTMLElement | ShadowRoot | null> | undefined;
+    componentProps?: UseRenderElementComponentProps<any> | undefined;
+    elementProps?: React_2.HTMLAttributes<HTMLDivElement> | undefined;
+}
+
+declare interface UseRenderElementComponentProps<State> {
+    /**
+     * The class name to apply to the rendered element.
+     * Can be a string or a function that accepts the state and returns a string.
+     */
+    className?: string | ((state: State) => string | undefined) | undefined;
+    /**
+     * The render prop or React element to override the default element.
+     */
+    render?: undefined | React_2.ReactElement | ComponentRenderFn<React_2.HTMLAttributes<any>, State>;
+    /**
+     * The style to apply to the rendered element.
+     * Can be a style object or a function that accepts the state and returns a style object.
+     */
+    style?: React_2.CSSProperties | ((state: State) => React_2.CSSProperties | undefined) | undefined;
+}
+
+declare const wheel: "wheel";
+
+declare const windowResize: "window-resize";
+
+/**
+ * Adds a `preventBaseUIHandler` method to all event handlers.
+ */
+declare type WithBaseUIEvent<T> = { [K in keyof T]: WithPreventBaseUIHandler<T[K]> };
 
-export * from "@base-ui/react/select";
+declare type WithPreventBaseUIHandler<T> = T extends ((event: infer E) => any) ? E extends React_2.SyntheticEvent<Element, Event> ? (event: BaseUIEvent<E>) => ReturnType<T> : T : T extends undefined ? undefined : T;
 
 export { }