/**
 * Present when the corresponding select is open.
 */
export declare const popupOpen = "data-popup-open";
/**
 * Present when the trigger is pressed.
 */
export declare const pressed = "data-pressed";
/**
 * Present when the select is disabled.
 */
export declare const disabled = "data-disabled";
/**
 * Present when the select is readonly.
 */
export declare const readonly = "data-readonly";
/**
 * Indicates which side the corresponding popup is positioned relative to its anchor.
 * @type {'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start' | null}
 */
export declare const popupSide = "data-popup-side";
/**
 * Present when the select is required.
 */
export declare const required = "data-required";
/**
 * Present when the select is in a valid state (when wrapped in Field.Root).
 */
export declare const valid = "data-valid";
/**
 * Present when the select is in an invalid state (when wrapped in Field.Root).
 */
export declare const invalid = "data-invalid";
/**
 * Present when the select has been touched (when wrapped in Field.Root).
 */
export declare const touched = "data-touched";
/**
 * Present when the select's value has changed (when wrapped in Field.Root).
 */
export declare const dirty = "data-dirty";
/**
 * Present when the select has a value (when wrapped in Field.Root).
 */
export declare const filled = "data-filled";
/**
 * Present when the select trigger is focused (when wrapped in Field.Root).
 */
export declare const focused = "data-focused";
/**
 * Present when the select doesn't have a value.
 */
export declare const placeholder = "data-placeholder";