@base-ui-components/react/cjs/scroll-area/root/ScrollAreaRootContext.d.ts

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

import * as React from 'react';
export interface ScrollAreaRootContext {
    dir: string | undefined;
    cornerSize: {
        width: number;
        height: number;
    };
    setCornerSize: React.Dispatch<React.SetStateAction<{
        width: number;
        height: number;
    }>>;
    thumbSize: {
        width: number;
        height: number;
    };
    setThumbSize: React.Dispatch<React.SetStateAction<{
        width: number;
        height: number;
    }>>;
    touchModality: boolean;
    hovering: boolean;
    setHovering: React.Dispatch<React.SetStateAction<boolean>>;
    scrolling: boolean;
    setScrolling: React.Dispatch<React.SetStateAction<boolean>>;
    viewportRef: React.RefObject<HTMLDivElement | null>;
    scrollbarYRef: React.RefObject<HTMLDivElement | null>;
    thumbYRef: React.RefObject<HTMLDivElement | null>;
    scrollbarXRef: React.RefObject<HTMLDivElement | null>;
    thumbXRef: React.RefObject<HTMLDivElement | null>;
    cornerRef: React.RefObject<HTMLDivElement | null>;
    handlePointerDown: (event: React.PointerEvent) => void;
    handlePointerMove: (event: React.PointerEvent) => void;
    handlePointerUp: (event: React.PointerEvent) => void;
    handleScroll: () => void;
    rootId: string | undefined;
    hiddenState: {
        scrollbarYHidden: boolean;
        scrollbarXHidden: boolean;
        cornerHidden: boolean;
    };
    setHiddenState: React.Dispatch<React.SetStateAction<{
        scrollbarYHidden: boolean;
        scrollbarXHidden: boolean;
        cornerHidden: boolean;
    }>>;
}
export declare const ScrollAreaRootContext: React.Context<ScrollAreaRootContext | undefined>;
export declare function useScrollAreaRootContext(): ScrollAreaRootContext;