import type { JSX, ValidComponent } from "@solidjs/web";
import type { BaseUIComponentProps } from "../../internals/types.js";
import { type SelectAlign, type SelectSide } from "./select-positioner-context.js";
export interface SelectPositionerState {
    open: boolean;
    side: SelectSide;
    align: SelectAlign;
    anchorHidden: boolean;
}
export interface SelectPositionerProps extends BaseUIComponentProps<"div", SelectPositionerState> {
    as?: ValidComponent;
    /** Which side of the trigger to place the popup on. @default "bottom" */
    side?: Exclude<SelectSide, "none"> | undefined;
    /** Alignment along the chosen side. @default "start" */
    align?: SelectAlign | undefined;
    /** Px gap between the trigger and the popup. @default 0 */
    sideOffset?: number | undefined;
    /** Px shift along the side. @default 0 */
    alignOffset?: number | undefined;
    /** Padding between the arrow and the positioner edges. @default 5 */
    arrowPadding?: number | undefined;
    /** Padding between the positioner and collision boundary. @default 5 */
    collisionPadding?: number | undefined;
    /** CSS positioning strategy. @default "absolute" */
    positionMethod?: "absolute" | "fixed" | undefined;
    /**
     * When true (default), the popup overlaps the trigger so the selected
     * item's text aligns with the trigger value. Uses fixed positioning
     * and viewport coordinates instead of floating-ui transform placement.
     * @default true
     */
    alignItemWithTrigger?: boolean | undefined;
}
export declare function SelectPositioner(props: SelectPositionerProps): JSX.Element;
//# sourceMappingURL=select-positioner.d.ts.map