import { H as SliderThumbProps } from './text-field-4OlT9o8s.mjs'; export { C as Checkbox, a as CheckboxProps, b as CheckboxState, c as Chip, d as ChipProps, R as RadioButton, e as RadioButtonColors, f as RadioButtonProps, g as RadioGroup, h as RadioGroupProps, i as RangeSlider, j as RangeSliderProps, S as Select, k as SelectContentRenderState, l as SelectOption, m as SelectOptionRenderState, n as SelectProps, o as Slider, p as SliderColors, q as SliderOrientation, r as SliderProps, s as SliderTokens, t as SliderTrackSize, u as SliderVariant, v as Switch, w as SwitchColors, x as SwitchProps, y as SwitchTokens, T as TextField, z as TextFieldHandle, A as TextFieldInputType, B as TextFieldProps, D as TextFieldTrailingIconMode, E as TextFieldVariant, F as TriStateCheckbox, G as TriStateCheckboxProps } from './text-field-4OlT9o8s.mjs'; import * as React from 'react'; import 'class-variance-authority/types'; import 'class-variance-authority'; import './menu-types-rZNQFO7Y.mjs'; import './md3-BQhRygSi.mjs'; /** * @file slider-thumb.tsx * MD3 Expressive Slider — Animated pill-shaped thumb (handle). * * Design decisions: * 1. POINTER EVENTS (not Framer Motion drag): We use React pointer events * + useMotionValue for real-time position tracking without re-render lag. * Framer Motion's `drag` prop adds momentum/inertia that conflicts with MD3 * precise positioning; direct pointer handling gives us full control. * 2. SQUEEZE ANIMATION: `whileTap` shrinks width from 4px → 2px via spring. * 3. INVERTED Y-AXIS: Vertical slider maps bottom=min, top=max by inverting * the pointer delta direction. * 4. VALUE INDICATOR: AnimatePresence pill tooltip with teardrop origin point. * 5. ACCESSIBILITY: role=slider, full ARIA attributes, keyboard nav. * 6. prefers-reduced-motion: Disables all animations for accessibility. * * @see docs/m3/sliders/Slider.kt#SliderDefaults.Thumb */ /** * MD3 Expressive Slider Thumb (handle). * * - Pill shape: 4px wide × 44px tall by default. * - Squeezes to 2px wide on press/drag (Framer Motion spring). * - Floats above track via absolute positioning at `percent` along the track. * - Handles pointer drag via React PointerEvents + useMotionValue. * - Full keyboard navigation per WAI-ARIA Slider pattern. * - Value indicator tooltip with AnimatePresence. * * @internal — consumed by `` and `` */ declare const SliderThumb: React.NamedExoticComponent; export { SliderThumb };