/** * Root layout for the Slider control. * * Single fixed size for v1 — no `sm`/`md` axis (see * `docs/slider-handoff-requirements.md` §4). State styling * (hover / focus / dragging / invalid) is driven by Ark `data-*` attributes on * the individual parts and lands in Phase 2; only the root-level disabled * treatment (the whole control at 50% opacity, per requirements §5) lives here. */ export declare const sliderVariants: (props?: ({} & import("class-variance-authority/types").ClassProp) | undefined) => string; /** * Pointer-interaction area that holds the track + thumb(s). * * NOTE: this codebase's Tailwind spacing scale is 1 unit = 1px (e.g. `h-36` * is 36px), so geometry numbers here are pixel values, not the stock Tailwind * 0.25rem step. */ export declare const sliderControlClassNames: string; /** * Unfilled rail (4px). Tokenised to `states/primary-pressed` (requirements §4 + * decision #6). Corners use Figma's literal 1px (no `radius-1` token exists) — * deliberately near-square, NOT a pill (matches the `slider` component). */ export declare const sliderTrackClassNames: string; /** Filled progress from the origin to the thumb. */ export declare const sliderRangeClassNames: string; /** * Tick overlay. Ark positions each `Marker` absolutely at its value's percent * (inline style), so the group is just a non-interactive layer spanning the * control; individual markers opt back into pointer events for click-to-jump. */ export declare const sliderMarkerGroupClassNames: string; /** * A single tick: a short mark just below the track + an optional label under it. * Ark applies `position:absolute`, the percent offset, AND horizontal centring * via the CSS `translate` property — so we must NOT add a transform-translate * here (it would double-shift). Tokens: mark `states/primary-pressed`, label * `text/secondary` (requirements §4). */ export declare const sliderMarkerClassNames: string; /** * Draggable handle — the real interactive node (`role="slider"`, focusable). * Consumer `data-*` / `aria-*` / `ref` / event props land here (see * `docs/metrics/contract.md`), never on the Ark Root wrapper. */ export declare const sliderThumbClassNames: string; /** * Each inline value Input: a fixed 48px-wide box (Figma `_text-box`), centred * tabular digits, `shrink-0` so it holds its width beside the growing track. * `px-8` trims the DS Input's default `px-12` so a 3-digit value fits the 48px. */ export declare const sliderInputBoxClassNames: string;