fix(react): preserve slider keyboard state

packages/react/src/ui/hooks/use-slider.ts

@@ -134,6 +134,11 @@ export function useSlider<State extends SliderState = SliderState>(
     (element = rootElementRef.current) => {
       if (!element) return;
 
+      const { dragging, pointing } = slider.input.current;
+      // Keyboard values come from the controlled state. Applying them here would
+      // briefly write the previous value before the caller handles the key.
+      if (!dragging && !pointing) return;
+
       const next = optionsRef.current.computeState(slider.input.current);
 
       applyStyles(element, optionsRef.current.getCSSVars(slider.adjustForAlignment(next)));

packages/react/src/ui/slider/tests/slider-preview.test.tsx

@@ -33,6 +33,7 @@ const { mockSliderApi } = vi.hoisted(() => ({
     },
     thumbProps: {
       onKeyDownCapture: vi.fn(),
+      onKeyUpCapture: vi.fn(),
       onFocus: vi.fn(),
       onBlur: vi.fn(),
     },

packages/react/src/ui/slider/tests/slider-thumbnail.test.tsx

@@ -24,6 +24,7 @@ const { mockSliderApi, mockThumbnailApi } = vi.hoisted(() => ({
     },
     thumbProps: {
       onKeyDownCapture: vi.fn(),
+      onKeyUpCapture: vi.fn(),
       onFocus: vi.fn(),
       onBlur: vi.fn(),
     },

packages/react/src/ui/slider/tests/slider.test.tsx

@@ -53,6 +53,7 @@ const { mockSliderApi, sliderOptionsRef } = vi.hoisted(() => {
         },
         thumbProps: {
           onKeyDownCapture: (event: { preventDefault(): void }) => event.preventDefault(),
+          onKeyUpCapture: vi.fn(),
           onFocus: vi.fn(),
           onBlur: vi.fn(),
         },

packages/react/src/ui/time-slider/tests/time-slider.test.tsx

@@ -52,6 +52,7 @@ const {
         },
         thumbProps: {
           onKeyDownCapture: vi.fn(),
+          onKeyUpCapture: vi.fn(),
           onFocus: vi.fn(),
           onBlur: vi.fn(),
         },

packages/react/src/ui/volume-slider/tests/volume-slider.test.tsx

@@ -39,6 +39,7 @@ const { mockSliderApi, mockVolumeState, mutableVolume } = vi.hoisted(() => {
       },
       thumbProps: {
         onKeyDownCapture: vi.fn(),
+        onKeyUpCapture: vi.fn(),
         onFocus: vi.fn(),
         onBlur: vi.fn(),
       },