/** CSS custom property for scroll-edge fade depth (dimension token or length). */ export declare const SCROLL_EDGE_FADE_SIZE_VAR = "--ds-scroll-edge-fade-size"; export declare const SCROLL_EDGE_FADE_DEFAULT_SIZE = "var(--dimension-size-600)"; export type ScrollEdgeFadeEdge = 'top' | 'bottom' | 'left' | 'right'; export type ScrollEdgeFadeSizeToken = 'size-000' | 'size-050' | 'size-075' | 'size-100' | 'size-150' | 'size-200' | 'size-250' | 'size-300' | 'size-400' | 'size-500' | 'size-600' | 'size-800'; export type ScrollEdgeFadeSize = ScrollEdgeFadeSizeToken | (string & {}); export interface ScrollEdgeFadeOptions { /** One or more edges to fade. */ edges: ScrollEdgeFadeEdge | ScrollEdgeFadeEdge[]; /** * Reveal and hide configured fades from the container's own scroll position. * Uses CSS scroll-driven animations with a static-fade fallback; no listener required. */ scrollAware?: boolean; /** * When true, removes the complete mask. Pass a map to remove only configured * edges that are flush when scroll state already lives in JavaScript. */ atEnd?: boolean | Partial>; /** Force the mask off regardless of scroll position (`ds-fade` `visible={false}`). */ hidden?: boolean; } /** Resolve a dimension size token name or raw CSS length for `--ds-scroll-edge-fade-size`. */ export declare function resolveScrollEdgeFadeSize(size?: ScrollEdgeFadeSize, height?: string): string; /** Inline style map setting fade depth on a scroll container. */ export declare function scrollEdgeFadeSizeStyle(size?: ScrollEdgeFadeSize, height?: string): Record; /** * Alpha mask for a scroll container edge — content fades to transparent so * textured backgrounds (shell gradients, images) show through. */ export declare function scrollEdgeFadeMaskImage(edge: ScrollEdgeFadeEdge): string; /** Inline style map for a masked scroll region (single edge). */ export declare function scrollEdgeFadeMaskStyle(edge: ScrollEdgeFadeEdge, size?: ScrollEdgeFadeSize, height?: string): Record; /** Class map for `scroll-edge-fade` modifiers — pair with `scroll-edge-fade.css`. */ export declare function scrollEdgeFadeClassMap(opts: ScrollEdgeFadeOptions): Record; /** Whether a scroll container is flush with the given edge (within `threshold` px). */ export declare function isScrollAtEdge(el: HTMLElement, edge: ScrollEdgeFadeEdge, threshold?: number): boolean; //# sourceMappingURL=scroll-edge-fade.d.ts.map