import * as react_jsx_runtime from 'react/jsx-runtime'; import * as React from 'react'; export { HORIZONTAL_SCROLL_STEP_PX, HorizontalScrollAffordances, HorizontalScrollControls, HorizontalScrollControlsLayout, HorizontalScrollControlsProps, HorizontalScrollViewport, horizontalScrollViewportClassName, useHorizontalScrollAffordances, useHorizontalScrollAlignEnd, useHorizontalScrollItemIntoView } from './horizontal-scroll-controls.js'; import './scroll-region.js'; interface HorizontalScrollRegionProps { children: React.ReactNode; /** Prefix for prev/next `aria-label`s (e.g. "Views"). */ ariaLabel?: string; className?: string; scrollClassName?: string; /** Scroll to the trailing edge when content overflows (breadcrumb trails). */ alignEnd?: boolean; /** * `toolbar` — fixed 32px row (tabs, breadcrumbs). * `content` — grows with tall children (KPI scroll strip). */ fit?: "toolbar" | "content"; /** * `split` — prev before content, next after. * `group-end` / `group-start` — shared {@link HorizontalScrollControls} after / before content. */ controlsLayout?: "split" | "group-end" | "group-start"; /** * Observe the scroll viewport from outside. Lets a caller measure the row and * shed content *before* falling back to scrolling, e.g. tabs collapsing their * inactive labels to icons. */ viewportRef?: React.Ref; /** * Set `false` when the caller offers its own way to reach clipped content, so * the arrows stop competing for the width that reduced the row in the first * place. Tabs do this once they have an overflow menu. */ controls?: boolean; } /** * Horizontal scroll container with {@link HorizontalScrollControls} when content overflows. * Use for view-tab toolbars, breadcrumb trails, tab lists, and other clipped rows. */ declare function HorizontalScrollRegion({ children, ariaLabel, className, scrollClassName, alignEnd, fit, controlsLayout, viewportRef, controls, }: HorizontalScrollRegionProps): react_jsx_runtime.JSX.Element; export { HorizontalScrollRegion, type HorizontalScrollRegionProps };