@bug-on/m3-expressive 1.0.0

package/dist/forms.d.ts

@@ -0,0 +1,40 @@
+import { B as SliderThumbProps } from './text-field-eAIpz9z1.js';
+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 Slider, k as SliderColors, l as SliderOrientation, m as SliderProps, n as SliderTokens, o as SliderTrackSize, p as SliderVariant, q as Switch, r as SwitchColors, s as SwitchProps, t as SwitchTokens, T as TextField, u as TextFieldHandle, v as TextFieldInputType, w as TextFieldProps, x as TextFieldTrailingIconMode, y as TextFieldVariant, z as TriStateCheckbox, A as TriStateCheckboxProps } from './text-field-eAIpz9z1.js';
+import * as React from 'react';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+/**
+ * @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 `<Slider>` and `<RangeSlider>`
+ */
+declare const SliderThumb: React.NamedExoticComponent<SliderThumbProps>;
+
+export { SliderThumb };