import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
import * as React from 'react';
type Orientation = 'vertical' | 'horizontal' | 'both';
export type MaskSides = {
    top?: boolean;
    bottom?: boolean;
    left?: boolean;
    right?: boolean;
    /** Shorthand: sets both `left` and `right`. Per-side keys override. */
    x?: boolean;
    /** Shorthand: sets both `top` and `bottom`. Per-side keys override. */
    y?: boolean;
};
/**
 * - `true` / omitted: fade the edges that match `orientation`.
 * - `false`: no fade.
 * - object: per-side override on top of the orientation default.
 */
export type ScrollAreaMask = boolean | MaskSides;
export type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
    viewPortClassName?: string;
    maxHeight?: string;
    autoScroll?: boolean;
    orientation?: Orientation;
    /** Fade content at the edges where it's clipped by overflow. Defaults to the axes matching `orientation`. */
    mask?: ScrollAreaMask;
    /** @deprecated Use `mask` instead. Retained for backward compatibility. */
    showMask?: boolean;
};
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
    viewPortClassName?: string;
    maxHeight?: string;
    autoScroll?: boolean;
    orientation?: Orientation;
    /** Fade content at the edges where it's clipped by overflow. Defaults to the axes matching `orientation`. */
    mask?: ScrollAreaMask;
    /** @deprecated Use `mask` instead. Retained for backward compatibility. */
    showMask?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
declare const ScrollBar: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
export { ScrollArea, ScrollBar };
