@metamask/design-system-react-native 0.37.0 → 0.38.0

package/dist/components/KeyValueSelect/KeyValueSelect.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueSelect.types.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueSelect/KeyValueSelect.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  KeyValueSelectPropsShared,\n  KeyValueSelectSelectButtonPropsShared,\n} from '@metamask/design-system-shared';\nimport type { PressableProps } from 'react-native';\n\nimport type { ButtonIconProps } from '../ButtonIcon/ButtonIcon.types';\nimport type { IconProps } from '../Icon/Icon.types';\nimport type { KeyValueRowProps } from '../KeyValueRow/KeyValueRow.types';\nimport type { TextProps } from '../Text/Text.types';\n\n/**\n * SelectButton-only props for KeyValueSelect (RN).\n * Size is always Md and variant is always Secondary.\n */\nexport type KeyValueSelectSelectButtonProps =\n  KeyValueSelectSelectButtonPropsShared & {\n    /**\n     * Optional props passed to the SelectButton trailing arrow Icon when a trailing\n     * arrow is shown (excluding `name`, which is derived from the resolved direction).\n     */\n    endArrowDirectionIconProps?: Partial<Omit<IconProps, 'name'>>;\n  };\n\n/**\n * KeyValueRow shell / ViewProps escape hatch.\n * Owned KeyValueSelect content props are omitted so the public API stays the source of truth.\n */\nexport type KeyValueSelectKeyValueRowProps = Omit<\n  KeyValueRowProps,\n  | 'keyLabel'\n  | 'keyStartAccessory'\n  | 'keyEndAccessory'\n  | 'keyTextProps'\n  | 'keyEndButtonIconProps'\n  | 'value'\n  | 'valueStartAccessory'\n  | 'valueEndAccessory'\n  | 'valueTextProps'\n  | 'valueEndButtonIconProps'\n  | 'variant'\n>;\n\n/**\n * KeyValueSelect component props.\n *\n * Pressable KeyValueRow with a SelectButton value. Value-side KeyValueRow props\n * map onto SelectButton; SelectButton-only options use `selectButtonProps`.\n * Use `keyValueRowProps` for inner KeyValueRow shell props (e.g. `testID`, `twClassName`).\n */\nexport type KeyValueSelectProps = Omit<\n  KeyValueSelectPropsShared,\n  'selectButtonProps'\n> &\n  Omit<PressableProps, 'children' | 'disabled'> & {\n    /** Optional props for the key Text when key is a string. */\n    keyTextProps?: Partial<Omit<TextProps, 'children'>>;\n    /** When set, renders a ButtonIcon as the key endAccessory (takes precedence over keyEndAccessory). */\n    keyEndButtonIconProps?: Partial<ButtonIconProps>;\n    /** Optional props for the SelectButton label Text. Mapped from KeyValueRow `valueTextProps`. */\n    valueTextProps?: Partial<Omit<TextProps, 'children'>>;\n    /** SelectButton-only props (placeholder and caret controls). */\n    selectButtonProps: KeyValueSelectSelectButtonProps;\n    /**\n     * Optional props forwarded to the inner KeyValueRow (e.g. `testID`, `twClassName`, `style`,\n     * accessibility props). Owned content props are set by KeyValueSelect and are not available here.\n     */\n    keyValueRowProps?: KeyValueSelectKeyValueRowProps;\n    /** Optional Tailwind class names applied to the outer Pressable. */\n    twClassName?: string;\n  };\n"]}

package/dist/components/KeyValueSelect/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyValueSelect = exports.KeyValueSelectVariant = void 0;
+var design_system_shared_1 = require("@metamask/design-system-shared");
+Object.defineProperty(exports, "KeyValueSelectVariant", { enumerable: true, get: function () { return design_system_shared_1.KeyValueSelectVariant; } });
+var KeyValueSelect_1 = require("./KeyValueSelect.cjs");
+Object.defineProperty(exports, "KeyValueSelect", { enumerable: true, get: function () { return KeyValueSelect_1.KeyValueSelect; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/KeyValueSelect/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/KeyValueSelect/index.ts"],"names":[],"mappings":";;;AAAA,uEAAuE;AAA9D,6HAAA,qBAAqB,OAAA;AAC9B,uDAAkD;AAAzC,gHAAA,cAAc,OAAA","sourcesContent":["export { KeyValueSelectVariant } from '@metamask/design-system-shared';\nexport { KeyValueSelect } from './KeyValueSelect';\nexport type {\n  KeyValueSelectKeyValueRowProps,\n  KeyValueSelectProps,\n  KeyValueSelectSelectButtonProps,\n} from './KeyValueSelect.types';\n"]}

package/dist/components/KeyValueSelect/index.d.cts

@@ -0,0 +1,4 @@
+export { KeyValueSelectVariant } from "@metamask/design-system-shared";
+export { KeyValueSelect } from "./KeyValueSelect.cjs";
+export type { KeyValueSelectKeyValueRowProps, KeyValueSelectProps, KeyValueSelectSelectButtonProps, } from "./KeyValueSelect.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/KeyValueSelect/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/KeyValueSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,uCAAuC;AACvE,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EACV,8BAA8B,EAC9B,mBAAmB,EACnB,+BAA+B,GAChC,mCAA+B"}

package/dist/components/KeyValueSelect/index.d.mts

@@ -0,0 +1,4 @@
+export { KeyValueSelectVariant } from "@metamask/design-system-shared";
+export { KeyValueSelect } from "./KeyValueSelect.mjs";
+export type { KeyValueSelectKeyValueRowProps, KeyValueSelectProps, KeyValueSelectSelectButtonProps, } from "./KeyValueSelect.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/KeyValueSelect/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/KeyValueSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,uCAAuC;AACvE,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,YAAY,EACV,8BAA8B,EAC9B,mBAAmB,EACnB,+BAA+B,GAChC,mCAA+B"}

package/dist/components/KeyValueSelect/index.mjs

@@ -0,0 +1,3 @@
+export { KeyValueSelectVariant } from "@metamask/design-system-shared";
+export { KeyValueSelect } from "./KeyValueSelect.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/KeyValueSelect/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/KeyValueSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,uCAAuC;AACvE,OAAO,EAAE,cAAc,EAAE,6BAAyB","sourcesContent":["export { KeyValueSelectVariant } from '@metamask/design-system-shared';\nexport { KeyValueSelect } from './KeyValueSelect';\nexport type {\n  KeyValueSelectKeyValueRowProps,\n  KeyValueSelectProps,\n  KeyValueSelectSelectButtonProps,\n} from './KeyValueSelect.types';\n"]}

package/dist/components/Slider/useSliderGesture.cjs

@@ -6,6 +6,13 @@ const react_native_gesture_handler_1 = require("react-native-gesture-handler");
 const react_native_reanimated_1 = require("react-native-reanimated");
 const Slider_constants_1 = require("./Slider.constants.cjs");
 const Slider_utilities_1 = require("./Slider.utilities.cjs");
+/**
+ * Cap on remembered local updates used to spot late `value` echoes.
+ * Pan `onUpdate` records every intermediate position, so a fast drag can
+ * produce many entries; 256 is large enough for a long scrub without
+ * growing unbounded.
+ */
+const RECENT_COMMIT_HISTORY_LIMIT = 256;
 /**
  * Owns Slider gesture handling, animated thumb/fill position, and range-label taps.
  *
@@ -13,7 +20,17 @@ const Slider_utilities_1 = require("./Slider.utilities.cjs");
  *   touch X → clamp to track width → trackPercent → domain value → callbacks
  *
  * Flow when `value` prop changes (JS thread → UI thread via useAnimatedReaction):
- *   domain value → trackPercent → translateX (skipped while dragging)
+ *   domain value → trackPercent → translateX (skipped while dragging).
+ *
+ * Stale controlled self-echoes (gesture → onValueChange → parent state → value
+ * prop) are suppressed with a monotonically increasing commit generation — the
+ * same sequence principle as React Native TextInput's `mostRecentEventCount`,
+ * kept local so the public API stays a plain `value` number. Direct commits
+ * record `{ value, generation }`; incoming props that match a recent emit are
+ * acknowledged and must not rewind thumb position or the haptic baseline
+ * (including late echoes that arrive after a newer commit was already acked).
+ * Props that do not match any recent emit are treated as external updates and
+ * applied immediately.
  *
  * `mapValueToTrackPercent` / `mapTrackPercentToValue` must be worklets when provided.
  *
@@ -29,8 +46,73 @@ function useSliderGesture(params) {
     const thumbScale = (0, react_native_reanimated_1.useSharedValue)(1);
     const isDragging = (0, react_native_reanimated_1.useSharedValue)(false);
     const propValue = (0, react_native_reanimated_1.useSharedValue)(value);
+    // True while commitGeneration > ackedGeneration — UI thread skips prop→thumb.
+    const hasInflightCommits = (0, react_native_reanimated_1.useSharedValue)(false);
     const previousTrackPercentRef = (0, react_1.useRef)((0, Slider_utilities_1.getTrackPercentFromValue)(value, minimumValue, maximumValue, mapValueToTrackPercent));
     const isDraggingRef = (0, react_1.useRef)(false);
+    const commitGenerationRef = (0, react_1.useRef)(0);
+    const ackedGenerationRef = (0, react_1.useRef)(0);
+    const lastEmittedValueRef = (0, react_1.useRef)(null);
+    const lastEmittedGenerationRef = (0, react_1.useRef)(0);
+    const recentCommitsRef = (0, react_1.useRef)([]);
+    // --- Commit generation tracking (sequence ack, not a time heuristic) ---
+    const recordDirectCommit = (0, react_1.useCallback)((domainValue) => {
+        commitGenerationRef.current += 1;
+        const generation = commitGenerationRef.current;
+        lastEmittedValueRef.current = domainValue;
+        lastEmittedGenerationRef.current = generation;
+        recentCommitsRef.current.push({ value: domainValue, generation });
+        if (recentCommitsRef.current.length > RECENT_COMMIT_HISTORY_LIMIT) {
+            recentCommitsRef.current.shift();
+        }
+        hasInflightCommits.value = true;
+    }, [hasInflightCommits]);
+    /**
+     * Reconciles an incoming controlled `value` against recent local commits.
+     *
+     * @param incoming - Next `value` prop.
+     * @returns Whether to sync `propValue` / haptic baseline from the prop.
+     */
+    const reconcilePropValue = (0, react_1.useCallback)((incoming) => {
+        const recent = recentCommitsRef.current;
+        let match;
+        for (let index = recent.length - 1; index >= 0; index -= 1) {
+            if (recent[index].value === incoming) {
+                match = recent[index];
+                break;
+            }
+        }
+        if (match) {
+            // Late echo of an already-acked commit — do not write propValue or the
+            // reaction will snap the thumb backward after a fast pan.
+            if (match.generation <= ackedGenerationRef.current) {
+                return { syncPropValue: false, syncBaseline: false };
+            }
+            // If the value we get back is the latest one we sent up through
+            // onValueChange, we treat the parent as fully caught up and stop
+            // waiting on any older updates still in flight (those often get
+            // batched away during a fast pan anyway). If it's an older value
+            // instead, we only count that one as handled and keep waiting for
+            // the newer ones.
+            if (incoming === lastEmittedValueRef.current) {
+                ackedGenerationRef.current = lastEmittedGenerationRef.current;
+            }
+            else {
+                ackedGenerationRef.current = match.generation;
+            }
+            hasInflightCommits.value =
+                ackedGenerationRef.current < commitGenerationRef.current;
+            // Sync propValue only when catching up to the latest emit (correct
+            // position). Intermediate echoes must not overwrite propValue.
+            const isLatestAck = ackedGenerationRef.current === lastEmittedGenerationRef.current;
+            return { syncPropValue: isLatestAck, syncBaseline: false };
+        }
+        // Not a recent local emit — external update or parent transform.
+        ackedGenerationRef.current = commitGenerationRef.current;
+        lastEmittedValueRef.current = null;
+        hasInflightCommits.value = false;
+        return { syncPropValue: true, syncBaseline: true };
+    }, [hasInflightCommits]);
     // --- Position sync (domain value → thumb pixels) ---
     const syncPositionFromValue = (0, react_1.useCallback)((nextValue, width = sliderWidth.value) => {
         const trackPercent = (0, Slider_utilities_1.getTrackPercentFromValue)(nextValue, minimumValue, maximumValue, mapValueToTrackPercent);
@@ -44,15 +126,40 @@ function useSliderGesture(params) {
     ]);
     const handleLayout = (0, react_1.useCallback)((event) => {
         const { width } = event.nativeEvent.layout;
+        const previousWidth = sliderWidth.value;
         sliderWidth.value = width;
-        syncPositionFromValue(value, width);
-    }, [sliderWidth, syncPositionFromValue, value]);
+        // After the first layout, never re-apply the raw `value` prop. A layout
+        // pass can land while props still hold a lagged stale controlled echo
+        // that useEffect intentionally kept out of `propValue`; syncing from
+        // that echo would snap the thumb backward. Remap the current thumb
+        // across the (possibly new) width instead.
+        if (previousWidth > 0) {
+            translateX.value = (0, Slider_utilities_1.trackPercentToPosition)((0, Slider_utilities_1.positionToTrackPercent)(translateX.value, previousWidth), width);
+            return;
+        }
+        // First layout: `propValue` is initialized from `value` and only updated
+        // when reconcilePropValue allows it.
+        syncPositionFromValue(propValue.value, width);
+    }, [propValue, sliderWidth, syncPositionFromValue, translateX]);
     (0, react_1.useEffect)(() => {
-        propValue.value = value;
-        if (!isDraggingRef.current) {
-            previousTrackPercentRef.current = (0, Slider_utilities_1.getTrackPercentFromValue)(value, minimumValue, maximumValue, mapValueToTrackPercent);
+        const { syncPropValue, syncBaseline } = reconcilePropValue(value);
+        // Never push stale echoes into propValue — the animated reaction would
+        // otherwise move the thumb even when syncBaseline is false.
+        if (syncPropValue) {
+            propValue.value = value;
+        }
+        if (isDraggingRef.current || !syncBaseline) {
+            return;
         }
-    }, [mapValueToTrackPercent, maximumValue, minimumValue, propValue, value]);
+        previousTrackPercentRef.current = (0, Slider_utilities_1.getTrackPercentFromValue)(value, minimumValue, maximumValue, mapValueToTrackPercent);
+    }, [
+        mapValueToTrackPercent,
+        maximumValue,
+        minimumValue,
+        propValue,
+        reconcilePropValue,
+        value,
+    ]);
     (0, react_native_reanimated_1.useAnimatedReaction)(() => propValue.value, (currentValue, previousValue) => {
         if (isDragging.value) {
             return;
@@ -60,13 +167,22 @@ function useSliderGesture(params) {
         if (previousValue !== null && currentValue === previousValue) {
             return;
         }
+        // Skip while newer local commits are unacked. Stale echoes are kept out
+        // of propValue on the JS thread; this is a second guard for races.
+        if (hasInflightCommits.value) {
+            return;
+        }
         const trackPercent = (0, Slider_utilities_1.resolveValueToTrackPercent)(currentValue, minimumValue, maximumValue, mapValueToTrackPercent);
         translateX.value = (0, Slider_utilities_1.trackPercentToPosition)(trackPercent, sliderWidth.value);
     }, [mapValueToTrackPercent, maximumValue, minimumValue]);
     // --- JS-thread bridges (stable refs for runOnJS from worklets) ---
+    // Called from pan onUpdate as well as tap/end — each move is recorded on
+    // purpose so a lagged older `value` after a fast drag can still be ignored
+    // (see RECENT_COMMIT_HISTORY_LIMIT).
     const emitValueChange = (0, react_1.useCallback)((nextValue) => {
+        recordDirectCommit(nextValue);
         onValueChange(nextValue);
-    }, [onValueChange]);
+    }, [onValueChange, recordDirectCommit]);
     const emitDragEnd = (0, react_1.useCallback)((nextValue) => {
         onDragEnd?.(nextValue);
     }, [onDragEnd]);
@@ -224,19 +340,19 @@ function useSliderGesture(params) {
             return;
         }
         const newValue = (0, Slider_utilities_1.getMarkValue)(mark, minimumValue, maximumValue);
-        onValueChange(newValue);
+        emitValueChange(newValue);
         const trackPercent = (0, Slider_utilities_1.getTrackPercentFromValue)(newValue, minimumValue, maximumValue, mapValueToTrackPercent);
         checkThresholdCrossing(trackPercent);
         onDragEnd?.(newValue);
         syncPositionFromValue(newValue);
     }, [
         checkThresholdCrossing,
+        emitValueChange,
         isDisabled,
         mapValueToTrackPercent,
         maximumValue,
         minimumValue,
         onDragEnd,
-        onValueChange,
         syncPositionFromValue,
         marks,
     ]);

package/dist/components/Slider/useSliderGesture.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderGesture.cjs","sourceRoot":"","sources":["../../../src/components/Slider/useSliderGesture.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Gesture } from 'react-native-gesture-handler';\nimport {\n  Easing,\n  runOnJS,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport {\n  THUMB_GRIP_ANIMATION_DURATION,\n  THUMB_GRIP_SCALE,\n} from './Slider.constants';\nimport type {\n  UseSliderGestureParams,\n  UseSliderGestureResult,\n} from './Slider.types';\nimport {\n  clampGesturePosition,\n  getMarkHapticThresholds,\n  getMarkValue,\n  getTrackPercentFromValue,\n  interpolateMarkColor,\n  positionToTrackPercent,\n  resolveTrackPercentToValue,\n  resolveValueToTrackPercent,\n  trackPercentToPosition,\n} from './Slider.utilities';\n\n/**\n * Owns Slider gesture handling, animated thumb/fill position, and range-label taps.\n *\n * Flow during drag (UI thread):\n *   touch X → clamp to track width → trackPercent → domain value → callbacks\n *\n * Flow when `value` prop changes (JS thread → UI thread via useAnimatedReaction):\n *   domain value → trackPercent → translateX (skipped while dragging)\n *\n * `mapValueToTrackPercent` / `mapTrackPercentToValue` must be worklets when provided.\n *\n * @param params - Gesture configuration and callbacks.\n * @returns Gesture state and handlers for Slider.\n */\nexport function useSliderGesture(\n  params: UseSliderGestureParams,\n): UseSliderGestureResult {\n  const {\n    value,\n    minimumValue = 0,\n    maximumValue = 100,\n    step = 1,\n    isDisabled = false,\n    onValueChange,\n    onDragEnd,\n    onGrip,\n    onMark,\n    marks,\n    fillColorStops,\n    thumbColorStops,\n    hasThemedColors,\n    mapValueToTrackPercent,\n    mapTrackPercentToValue,\n  } = params;\n\n  const hapticThresholds = useMemo(\n    () => getMarkHapticThresholds(marks),\n    [marks],\n  );\n\n  // --- Animated state ---\n\n  const sliderWidth = useSharedValue(0);\n  const translateX = useSharedValue(0);\n  const thumbScale = useSharedValue(1);\n  const isDragging = useSharedValue(false);\n  const propValue = useSharedValue(value);\n  const previousTrackPercentRef = useRef(\n    getTrackPercentFromValue(\n      value,\n      minimumValue,\n      maximumValue,\n      mapValueToTrackPercent,\n    ),\n  );\n  const isDraggingRef = useRef(false);\n\n  // --- Position sync (domain value → thumb pixels) ---\n\n  const syncPositionFromValue = useCallback(\n    (nextValue: number, width = sliderWidth.value) => {\n      const trackPercent = getTrackPercentFromValue(\n        nextValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      translateX.value = trackPercentToPosition(trackPercent, width);\n    },\n    [\n      mapValueToTrackPercent,\n      maximumValue,\n      minimumValue,\n      sliderWidth,\n      translateX,\n    ],\n  );\n\n  const handleLayout = useCallback(\n    (event: { nativeEvent: { layout: { width: number } } }) => {\n      const { width } = event.nativeEvent.layout;\n      sliderWidth.value = width;\n      syncPositionFromValue(value, width);\n    },\n    [sliderWidth, syncPositionFromValue, value],\n  );\n\n  useEffect(() => {\n    propValue.value = value;\n    if (!isDraggingRef.current) {\n      previousTrackPercentRef.current = getTrackPercentFromValue(\n        value,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n    }\n  }, [mapValueToTrackPercent, maximumValue, minimumValue, propValue, value]);\n\n  useAnimatedReaction(\n    () => propValue.value,\n    (currentValue, previousValue) => {\n      if (isDragging.value) {\n        return;\n      }\n\n      if (previousValue !== null && currentValue === previousValue) {\n        return;\n      }\n\n      const trackPercent = resolveValueToTrackPercent(\n        currentValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      translateX.value = trackPercentToPosition(\n        trackPercent,\n        sliderWidth.value,\n      );\n    },\n    [mapValueToTrackPercent, maximumValue, minimumValue],\n  );\n\n  // --- JS-thread bridges (stable refs for runOnJS from worklets) ---\n\n  const emitValueChange = useCallback(\n    (nextValue: number) => {\n      onValueChange(nextValue);\n    },\n    [onValueChange],\n  );\n\n  const emitDragEnd = useCallback(\n    (nextValue: number) => {\n      onDragEnd?.(nextValue);\n    },\n    [onDragEnd],\n  );\n\n  const triggerGrip = useCallback(() => {\n    if (!isDisabled) {\n      onGrip?.();\n    }\n  }, [isDisabled, onGrip]);\n\n  const setDragging = useCallback((dragging: boolean) => {\n    isDraggingRef.current = dragging;\n  }, []);\n\n  const checkThresholdCrossing = useCallback(\n    (newTrackPercent: number) => {\n      const prevTrackPercent = previousTrackPercentRef.current;\n\n      for (const threshold of hapticThresholds) {\n        if (\n          (prevTrackPercent < threshold && newTrackPercent >= threshold) ||\n          (prevTrackPercent > threshold && newTrackPercent <= threshold)\n        ) {\n          onMark?.();\n          break;\n        }\n      }\n\n      previousTrackPercentRef.current = newTrackPercent;\n    },\n    [hapticThresholds, onMark],\n  );\n\n  // --- Animated styles (thumb + fill width follow translateX) ---\n\n  const activeFillColor = useDerivedValue(() => {\n    if (!hasThemedColors) {\n      return undefined;\n    }\n\n    return interpolateMarkColor(\n      positionToTrackPercent(translateX.value, sliderWidth.value),\n      fillColorStops,\n    );\n  });\n\n  const activeThumbColor = useDerivedValue(() => {\n    if (!hasThemedColors) {\n      return undefined;\n    }\n\n    return interpolateMarkColor(\n      positionToTrackPercent(translateX.value, sliderWidth.value),\n      thumbColorStops,\n    );\n  });\n\n  const progressStyle = useAnimatedStyle(\n    () => ({\n      width: translateX.value,\n      ...(hasThemedColors && {\n        backgroundColor: activeFillColor.value,\n      }),\n    }),\n    [fillColorStops, hasThemedColors],\n  );\n\n  const thumbStyle = useAnimatedStyle(\n    () => ({\n      transform: [\n        { translateX: translateX.value },\n        { scale: thumbScale.value },\n      ],\n      ...(hasThemedColors && {\n        backgroundColor: activeThumbColor.value,\n      }),\n    }),\n    [hasThemedColors, thumbColorStops],\n  );\n\n  // --- Pan + tap gestures ---\n\n  const gesture = useMemo(() => {\n    // Gesture callbacks need explicit 'worklet' directives because this package\n    // ships pre-built dist compiled by ts-bridge. The consumer's Reanimated Babel\n    // plugin does not auto-detect the compiled namespaced Gesture form.\n\n    const gripEasing = Easing.bezier(0.3, 0.8, 0.3, 1);\n\n    const positionToDomainValue = (position: number) => {\n      'worklet';\n\n      const trackPercent = positionToTrackPercent(position, sliderWidth.value);\n      const domainValue = resolveTrackPercentToValue(\n        trackPercent,\n        minimumValue,\n        maximumValue,\n        step,\n        mapTrackPercentToValue,\n      );\n\n      return { trackPercent, domainValue };\n    };\n\n    const snapThumbToValue = (domainValue: number) => {\n      'worklet';\n\n      const snappedTrackPercent = resolveValueToTrackPercent(\n        domainValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      translateX.value = trackPercentToPosition(\n        snappedTrackPercent,\n        sliderWidth.value,\n      );\n    };\n\n    // Finalize a gesture: emit callbacks, then re-sync thumb to stepped value.\n    const commitAtPosition = (\n      position: number,\n      options: { checkThreshold: boolean; triggerGrip: boolean },\n    ) => {\n      'worklet';\n\n      translateX.value = position;\n      const { trackPercent, domainValue } = positionToDomainValue(position);\n\n      runOnJS(emitValueChange)(domainValue);\n      if (options.checkThreshold) {\n        runOnJS(checkThresholdCrossing)(trackPercent);\n      }\n      runOnJS(emitDragEnd)(domainValue);\n      if (options.triggerGrip) {\n        runOnJS(triggerGrip)();\n      }\n      snapThumbToValue(domainValue);\n    };\n\n    const panGesture = Gesture.Pan()\n      .enabled(!isDisabled)\n      .onStart(() => {\n        'worklet';\n\n        isDragging.value = true;\n        thumbScale.value = withTiming(THUMB_GRIP_SCALE, {\n          duration: THUMB_GRIP_ANIMATION_DURATION,\n          easing: gripEasing,\n        });\n        runOnJS(setDragging)(true);\n        runOnJS(triggerGrip)();\n      })\n      .onUpdate((event) => {\n        'worklet';\n\n        const position = clampGesturePosition(event.x, sliderWidth.value);\n        translateX.value = position;\n        const { trackPercent, domainValue } = positionToDomainValue(position);\n\n        runOnJS(emitValueChange)(domainValue);\n        runOnJS(checkThresholdCrossing)(trackPercent);\n      })\n      .onEnd(() => {\n        'worklet';\n\n        // Thresholds already checked during onUpdate; grip fires again on release.\n        commitAtPosition(translateX.value, {\n          checkThreshold: false,\n          triggerGrip: true,\n        });\n      })\n      .onFinalize(() => {\n        'worklet';\n\n        isDragging.value = false;\n        thumbScale.value = withTiming(1, {\n          duration: THUMB_GRIP_ANIMATION_DURATION,\n          easing: gripEasing,\n        });\n        runOnJS(setDragging)(false);\n      });\n\n    const tapGesture = Gesture.Tap()\n      .enabled(!isDisabled)\n      .onEnd((event) => {\n        'worklet';\n\n        const position = clampGesturePosition(event.x, sliderWidth.value);\n        commitAtPosition(position, {\n          checkThreshold: true,\n          triggerGrip: false,\n        });\n      });\n\n    return Gesture.Simultaneous(tapGesture, panGesture);\n  }, [\n    checkThresholdCrossing,\n    emitDragEnd,\n    emitValueChange,\n    isDisabled,\n    isDragging,\n    mapTrackPercentToValue,\n    mapValueToTrackPercent,\n    maximumValue,\n    minimumValue,\n    setDragging,\n    sliderWidth,\n    step,\n    thumbScale,\n    translateX,\n    triggerGrip,\n  ]);\n\n  // --- Range label tap (JS thread) ---\n\n  const handlePressStep = useCallback(\n    (rangeStep: number) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const mark = marks.find((entry) => entry.step === rangeStep);\n      if (!mark) {\n        return;\n      }\n\n      const newValue = getMarkValue(mark, minimumValue, maximumValue);\n      onValueChange(newValue);\n      const trackPercent = getTrackPercentFromValue(\n        newValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      checkThresholdCrossing(trackPercent);\n      onDragEnd?.(newValue);\n      syncPositionFromValue(newValue);\n    },\n    [\n      checkThresholdCrossing,\n      isDisabled,\n      mapValueToTrackPercent,\n      maximumValue,\n      minimumValue,\n      onDragEnd,\n      onValueChange,\n      syncPositionFromValue,\n      marks,\n    ],\n  );\n\n  return {\n    handleLayout,\n    progressStyle,\n    thumbStyle,\n    gesture,\n    handlePressStep,\n  };\n}\n"]}
+{"version":3,"file":"useSliderGesture.cjs","sourceRoot":"","sources":["../../../src/components/Slider/useSliderGesture.ts"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Gesture } from 'react-native-gesture-handler';\nimport {\n  Easing,\n  runOnJS,\n  useAnimatedReaction,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport {\n  THUMB_GRIP_ANIMATION_DURATION,\n  THUMB_GRIP_SCALE,\n} from './Slider.constants';\nimport type {\n  UseSliderGestureParams,\n  UseSliderGestureResult,\n} from './Slider.types';\nimport {\n  clampGesturePosition,\n  getMarkHapticThresholds,\n  getMarkValue,\n  getTrackPercentFromValue,\n  interpolateMarkColor,\n  positionToTrackPercent,\n  resolveTrackPercentToValue,\n  resolveValueToTrackPercent,\n  trackPercentToPosition,\n} from './Slider.utilities';\n\n/**\n * Cap on remembered local updates used to spot late `value` echoes.\n * Pan `onUpdate` records every intermediate position, so a fast drag can\n * produce many entries; 256 is large enough for a long scrub without\n * growing unbounded.\n */\nconst RECENT_COMMIT_HISTORY_LIMIT = 256;\n\ntype CommitEntry = {\n  value: number;\n  generation: number;\n};\n\ntype PropReconciliation = {\n  /** Write `value` into `propValue` for the UI-thread reaction. */\n  syncPropValue: boolean;\n  /** Update haptic baseline from the prop (external updates only). */\n  syncBaseline: boolean;\n};\n\n/**\n * Owns Slider gesture handling, animated thumb/fill position, and range-label taps.\n *\n * Flow during drag (UI thread):\n *   touch X → clamp to track width → trackPercent → domain value → callbacks\n *\n * Flow when `value` prop changes (JS thread → UI thread via useAnimatedReaction):\n *   domain value → trackPercent → translateX (skipped while dragging).\n *\n * Stale controlled self-echoes (gesture → onValueChange → parent state → value\n * prop) are suppressed with a monotonically increasing commit generation — the\n * same sequence principle as React Native TextInput's `mostRecentEventCount`,\n * kept local so the public API stays a plain `value` number. Direct commits\n * record `{ value, generation }`; incoming props that match a recent emit are\n * acknowledged and must not rewind thumb position or the haptic baseline\n * (including late echoes that arrive after a newer commit was already acked).\n * Props that do not match any recent emit are treated as external updates and\n * applied immediately.\n *\n * `mapValueToTrackPercent` / `mapTrackPercentToValue` must be worklets when provided.\n *\n * @param params - Gesture configuration and callbacks.\n * @returns Gesture state and handlers for Slider.\n */\nexport function useSliderGesture(\n  params: UseSliderGestureParams,\n): UseSliderGestureResult {\n  const {\n    value,\n    minimumValue = 0,\n    maximumValue = 100,\n    step = 1,\n    isDisabled = false,\n    onValueChange,\n    onDragEnd,\n    onGrip,\n    onMark,\n    marks,\n    fillColorStops,\n    thumbColorStops,\n    hasThemedColors,\n    mapValueToTrackPercent,\n    mapTrackPercentToValue,\n  } = params;\n\n  const hapticThresholds = useMemo(\n    () => getMarkHapticThresholds(marks),\n    [marks],\n  );\n\n  // --- Animated state ---\n\n  const sliderWidth = useSharedValue(0);\n  const translateX = useSharedValue(0);\n  const thumbScale = useSharedValue(1);\n  const isDragging = useSharedValue(false);\n  const propValue = useSharedValue(value);\n  // True while commitGeneration > ackedGeneration — UI thread skips prop→thumb.\n  const hasInflightCommits = useSharedValue(false);\n  const previousTrackPercentRef = useRef(\n    getTrackPercentFromValue(\n      value,\n      minimumValue,\n      maximumValue,\n      mapValueToTrackPercent,\n    ),\n  );\n  const isDraggingRef = useRef(false);\n  const commitGenerationRef = useRef(0);\n  const ackedGenerationRef = useRef(0);\n  const lastEmittedValueRef = useRef<number | null>(null);\n  const lastEmittedGenerationRef = useRef(0);\n  const recentCommitsRef = useRef<CommitEntry[]>([]);\n\n  // --- Commit generation tracking (sequence ack, not a time heuristic) ---\n\n  const recordDirectCommit = useCallback(\n    (domainValue: number) => {\n      commitGenerationRef.current += 1;\n      const generation = commitGenerationRef.current;\n      lastEmittedValueRef.current = domainValue;\n      lastEmittedGenerationRef.current = generation;\n      recentCommitsRef.current.push({ value: domainValue, generation });\n      if (recentCommitsRef.current.length > RECENT_COMMIT_HISTORY_LIMIT) {\n        recentCommitsRef.current.shift();\n      }\n      hasInflightCommits.value = true;\n    },\n    [hasInflightCommits],\n  );\n\n  /**\n   * Reconciles an incoming controlled `value` against recent local commits.\n   *\n   * @param incoming - Next `value` prop.\n   * @returns Whether to sync `propValue` / haptic baseline from the prop.\n   */\n  const reconcilePropValue = useCallback(\n    (incoming: number): PropReconciliation => {\n      const recent = recentCommitsRef.current;\n      let match: CommitEntry | undefined;\n      for (let index = recent.length - 1; index >= 0; index -= 1) {\n        if (recent[index].value === incoming) {\n          match = recent[index];\n          break;\n        }\n      }\n\n      if (match) {\n        // Late echo of an already-acked commit — do not write propValue or the\n        // reaction will snap the thumb backward after a fast pan.\n        if (match.generation <= ackedGenerationRef.current) {\n          return { syncPropValue: false, syncBaseline: false };\n        }\n\n        // If the value we get back is the latest one we sent up through\n        // onValueChange, we treat the parent as fully caught up and stop\n        // waiting on any older updates still in flight (those often get\n        // batched away during a fast pan anyway). If it's an older value\n        // instead, we only count that one as handled and keep waiting for\n        // the newer ones.\n        if (incoming === lastEmittedValueRef.current) {\n          ackedGenerationRef.current = lastEmittedGenerationRef.current;\n        } else {\n          ackedGenerationRef.current = match.generation;\n        }\n\n        hasInflightCommits.value =\n          ackedGenerationRef.current < commitGenerationRef.current;\n\n        // Sync propValue only when catching up to the latest emit (correct\n        // position). Intermediate echoes must not overwrite propValue.\n        const isLatestAck =\n          ackedGenerationRef.current === lastEmittedGenerationRef.current;\n        return { syncPropValue: isLatestAck, syncBaseline: false };\n      }\n\n      // Not a recent local emit — external update or parent transform.\n      ackedGenerationRef.current = commitGenerationRef.current;\n      lastEmittedValueRef.current = null;\n      hasInflightCommits.value = false;\n      return { syncPropValue: true, syncBaseline: true };\n    },\n    [hasInflightCommits],\n  );\n\n  // --- Position sync (domain value → thumb pixels) ---\n\n  const syncPositionFromValue = useCallback(\n    (nextValue: number, width = sliderWidth.value) => {\n      const trackPercent = getTrackPercentFromValue(\n        nextValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      translateX.value = trackPercentToPosition(trackPercent, width);\n    },\n    [\n      mapValueToTrackPercent,\n      maximumValue,\n      minimumValue,\n      sliderWidth,\n      translateX,\n    ],\n  );\n\n  const handleLayout = useCallback(\n    (event: { nativeEvent: { layout: { width: number } } }) => {\n      const { width } = event.nativeEvent.layout;\n      const previousWidth = sliderWidth.value;\n      sliderWidth.value = width;\n\n      // After the first layout, never re-apply the raw `value` prop. A layout\n      // pass can land while props still hold a lagged stale controlled echo\n      // that useEffect intentionally kept out of `propValue`; syncing from\n      // that echo would snap the thumb backward. Remap the current thumb\n      // across the (possibly new) width instead.\n      if (previousWidth > 0) {\n        translateX.value = trackPercentToPosition(\n          positionToTrackPercent(translateX.value, previousWidth),\n          width,\n        );\n        return;\n      }\n\n      // First layout: `propValue` is initialized from `value` and only updated\n      // when reconcilePropValue allows it.\n      syncPositionFromValue(propValue.value, width);\n    },\n    [propValue, sliderWidth, syncPositionFromValue, translateX],\n  );\n\n  useEffect(() => {\n    const { syncPropValue, syncBaseline } = reconcilePropValue(value);\n\n    // Never push stale echoes into propValue — the animated reaction would\n    // otherwise move the thumb even when syncBaseline is false.\n    if (syncPropValue) {\n      propValue.value = value;\n    }\n\n    if (isDraggingRef.current || !syncBaseline) {\n      return;\n    }\n\n    previousTrackPercentRef.current = getTrackPercentFromValue(\n      value,\n      minimumValue,\n      maximumValue,\n      mapValueToTrackPercent,\n    );\n  }, [\n    mapValueToTrackPercent,\n    maximumValue,\n    minimumValue,\n    propValue,\n    reconcilePropValue,\n    value,\n  ]);\n\n  useAnimatedReaction(\n    () => propValue.value,\n    (currentValue, previousValue) => {\n      if (isDragging.value) {\n        return;\n      }\n\n      if (previousValue !== null && currentValue === previousValue) {\n        return;\n      }\n\n      // Skip while newer local commits are unacked. Stale echoes are kept out\n      // of propValue on the JS thread; this is a second guard for races.\n      if (hasInflightCommits.value) {\n        return;\n      }\n\n      const trackPercent = resolveValueToTrackPercent(\n        currentValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      translateX.value = trackPercentToPosition(\n        trackPercent,\n        sliderWidth.value,\n      );\n    },\n    [mapValueToTrackPercent, maximumValue, minimumValue],\n  );\n\n  // --- JS-thread bridges (stable refs for runOnJS from worklets) ---\n\n  // Called from pan onUpdate as well as tap/end — each move is recorded on\n  // purpose so a lagged older `value` after a fast drag can still be ignored\n  // (see RECENT_COMMIT_HISTORY_LIMIT).\n  const emitValueChange = useCallback(\n    (nextValue: number) => {\n      recordDirectCommit(nextValue);\n      onValueChange(nextValue);\n    },\n    [onValueChange, recordDirectCommit],\n  );\n\n  const emitDragEnd = useCallback(\n    (nextValue: number) => {\n      onDragEnd?.(nextValue);\n    },\n    [onDragEnd],\n  );\n\n  const triggerGrip = useCallback(() => {\n    if (!isDisabled) {\n      onGrip?.();\n    }\n  }, [isDisabled, onGrip]);\n\n  const setDragging = useCallback((dragging: boolean) => {\n    isDraggingRef.current = dragging;\n  }, []);\n\n  const checkThresholdCrossing = useCallback(\n    (newTrackPercent: number) => {\n      const prevTrackPercent = previousTrackPercentRef.current;\n\n      for (const threshold of hapticThresholds) {\n        if (\n          (prevTrackPercent < threshold && newTrackPercent >= threshold) ||\n          (prevTrackPercent > threshold && newTrackPercent <= threshold)\n        ) {\n          onMark?.();\n          break;\n        }\n      }\n\n      previousTrackPercentRef.current = newTrackPercent;\n    },\n    [hapticThresholds, onMark],\n  );\n\n  // --- Animated styles (thumb + fill width follow translateX) ---\n\n  const activeFillColor = useDerivedValue(() => {\n    if (!hasThemedColors) {\n      return undefined;\n    }\n\n    return interpolateMarkColor(\n      positionToTrackPercent(translateX.value, sliderWidth.value),\n      fillColorStops,\n    );\n  });\n\n  const activeThumbColor = useDerivedValue(() => {\n    if (!hasThemedColors) {\n      return undefined;\n    }\n\n    return interpolateMarkColor(\n      positionToTrackPercent(translateX.value, sliderWidth.value),\n      thumbColorStops,\n    );\n  });\n\n  const progressStyle = useAnimatedStyle(\n    () => ({\n      width: translateX.value,\n      ...(hasThemedColors && {\n        backgroundColor: activeFillColor.value,\n      }),\n    }),\n    [fillColorStops, hasThemedColors],\n  );\n\n  const thumbStyle = useAnimatedStyle(\n    () => ({\n      transform: [\n        { translateX: translateX.value },\n        { scale: thumbScale.value },\n      ],\n      ...(hasThemedColors && {\n        backgroundColor: activeThumbColor.value,\n      }),\n    }),\n    [hasThemedColors, thumbColorStops],\n  );\n\n  // --- Pan + tap gestures ---\n\n  const gesture = useMemo(() => {\n    // Gesture callbacks need explicit 'worklet' directives because this package\n    // ships pre-built dist compiled by ts-bridge. The consumer's Reanimated Babel\n    // plugin does not auto-detect the compiled namespaced Gesture form.\n\n    const gripEasing = Easing.bezier(0.3, 0.8, 0.3, 1);\n\n    const positionToDomainValue = (position: number) => {\n      'worklet';\n\n      const trackPercent = positionToTrackPercent(position, sliderWidth.value);\n      const domainValue = resolveTrackPercentToValue(\n        trackPercent,\n        minimumValue,\n        maximumValue,\n        step,\n        mapTrackPercentToValue,\n      );\n\n      return { trackPercent, domainValue };\n    };\n\n    const snapThumbToValue = (domainValue: number) => {\n      'worklet';\n\n      const snappedTrackPercent = resolveValueToTrackPercent(\n        domainValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      translateX.value = trackPercentToPosition(\n        snappedTrackPercent,\n        sliderWidth.value,\n      );\n    };\n\n    // Finalize a gesture: emit callbacks, then re-sync thumb to stepped value.\n    const commitAtPosition = (\n      position: number,\n      options: { checkThreshold: boolean; triggerGrip: boolean },\n    ) => {\n      'worklet';\n\n      translateX.value = position;\n      const { trackPercent, domainValue } = positionToDomainValue(position);\n\n      runOnJS(emitValueChange)(domainValue);\n      if (options.checkThreshold) {\n        runOnJS(checkThresholdCrossing)(trackPercent);\n      }\n      runOnJS(emitDragEnd)(domainValue);\n      if (options.triggerGrip) {\n        runOnJS(triggerGrip)();\n      }\n      snapThumbToValue(domainValue);\n    };\n\n    const panGesture = Gesture.Pan()\n      .enabled(!isDisabled)\n      .onStart(() => {\n        'worklet';\n\n        isDragging.value = true;\n        thumbScale.value = withTiming(THUMB_GRIP_SCALE, {\n          duration: THUMB_GRIP_ANIMATION_DURATION,\n          easing: gripEasing,\n        });\n        runOnJS(setDragging)(true);\n        runOnJS(triggerGrip)();\n      })\n      .onUpdate((event) => {\n        'worklet';\n\n        const position = clampGesturePosition(event.x, sliderWidth.value);\n        translateX.value = position;\n        const { trackPercent, domainValue } = positionToDomainValue(position);\n\n        runOnJS(emitValueChange)(domainValue);\n        runOnJS(checkThresholdCrossing)(trackPercent);\n      })\n      .onEnd(() => {\n        'worklet';\n\n        // Thresholds already checked during onUpdate; grip fires again on release.\n        commitAtPosition(translateX.value, {\n          checkThreshold: false,\n          triggerGrip: true,\n        });\n      })\n      .onFinalize(() => {\n        'worklet';\n\n        isDragging.value = false;\n        thumbScale.value = withTiming(1, {\n          duration: THUMB_GRIP_ANIMATION_DURATION,\n          easing: gripEasing,\n        });\n        runOnJS(setDragging)(false);\n      });\n\n    const tapGesture = Gesture.Tap()\n      .enabled(!isDisabled)\n      .onEnd((event) => {\n        'worklet';\n\n        const position = clampGesturePosition(event.x, sliderWidth.value);\n        commitAtPosition(position, {\n          checkThreshold: true,\n          triggerGrip: false,\n        });\n      });\n\n    return Gesture.Simultaneous(tapGesture, panGesture);\n  }, [\n    checkThresholdCrossing,\n    emitDragEnd,\n    emitValueChange,\n    isDisabled,\n    isDragging,\n    mapTrackPercentToValue,\n    mapValueToTrackPercent,\n    maximumValue,\n    minimumValue,\n    setDragging,\n    sliderWidth,\n    step,\n    thumbScale,\n    translateX,\n    triggerGrip,\n  ]);\n\n  // --- Range label tap (JS thread) ---\n\n  const handlePressStep = useCallback(\n    (rangeStep: number) => {\n      if (isDisabled) {\n        return;\n      }\n\n      const mark = marks.find((entry) => entry.step === rangeStep);\n      if (!mark) {\n        return;\n      }\n\n      const newValue = getMarkValue(mark, minimumValue, maximumValue);\n      emitValueChange(newValue);\n      const trackPercent = getTrackPercentFromValue(\n        newValue,\n        minimumValue,\n        maximumValue,\n        mapValueToTrackPercent,\n      );\n      checkThresholdCrossing(trackPercent);\n      onDragEnd?.(newValue);\n      syncPositionFromValue(newValue);\n    },\n    [\n      checkThresholdCrossing,\n      emitValueChange,\n      isDisabled,\n      mapValueToTrackPercent,\n      maximumValue,\n      minimumValue,\n      onDragEnd,\n      syncPositionFromValue,\n      marks,\n    ],\n  );\n\n  return {\n    handleLayout,\n    progressStyle,\n    thumbStyle,\n    gesture,\n    handlePressStep,\n  };\n}\n"]}

package/dist/components/Slider/useSliderGesture.d.cts

@@ -6,7 +6,17 @@ import type { UseSliderGestureParams, UseSliderGestureResult } from "./Slider.ty
  *   touch X → clamp to track width → trackPercent → domain value → callbacks
  *
  * Flow when `value` prop changes (JS thread → UI thread via useAnimatedReaction):
- *   domain value → trackPercent → translateX (skipped while dragging)
+ *   domain value → trackPercent → translateX (skipped while dragging).
+ *
+ * Stale controlled self-echoes (gesture → onValueChange → parent state → value
+ * prop) are suppressed with a monotonically increasing commit generation — the
+ * same sequence principle as React Native TextInput's `mostRecentEventCount`,
+ * kept local so the public API stays a plain `value` number. Direct commits
+ * record `{ value, generation }`; incoming props that match a recent emit are
+ * acknowledged and must not rewind thumb position or the haptic baseline
+ * (including late echoes that arrive after a newer commit was already acked).
+ * Props that do not match any recent emit are treated as external updates and
+ * applied immediately.
  *
  * `mapValueToTrackPercent` / `mapTrackPercentToValue` must be worklets when provided.
  *

package/dist/components/Slider/useSliderGesture.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderGesture.d.cts","sourceRoot":"","sources":["../../../src/components/Slider/useSliderGesture.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,2BAAuB;AAaxB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,sBAAsB,GAC7B,sBAAsB,CA2XxB"}
+{"version":3,"file":"useSliderGesture.d.cts","sourceRoot":"","sources":["../../../src/components/Slider/useSliderGesture.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,2BAAuB;AAiCxB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,sBAAsB,GAC7B,sBAAsB,CAqfxB"}

package/dist/components/Slider/useSliderGesture.d.mts

@@ -6,7 +6,17 @@ import type { UseSliderGestureParams, UseSliderGestureResult } from "./Slider.ty
  *   touch X → clamp to track width → trackPercent → domain value → callbacks
  *
  * Flow when `value` prop changes (JS thread → UI thread via useAnimatedReaction):
- *   domain value → trackPercent → translateX (skipped while dragging)
+ *   domain value → trackPercent → translateX (skipped while dragging).
+ *
+ * Stale controlled self-echoes (gesture → onValueChange → parent state → value
+ * prop) are suppressed with a monotonically increasing commit generation — the
+ * same sequence principle as React Native TextInput's `mostRecentEventCount`,
+ * kept local so the public API stays a plain `value` number. Direct commits
+ * record `{ value, generation }`; incoming props that match a recent emit are
+ * acknowledged and must not rewind thumb position or the haptic baseline
+ * (including late echoes that arrive after a newer commit was already acked).
+ * Props that do not match any recent emit are treated as external updates and
+ * applied immediately.
  *
  * `mapValueToTrackPercent` / `mapTrackPercentToValue` must be worklets when provided.
  *

package/dist/components/Slider/useSliderGesture.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderGesture.d.mts","sourceRoot":"","sources":["../../../src/components/Slider/useSliderGesture.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,2BAAuB;AAaxB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,sBAAsB,GAC7B,sBAAsB,CA2XxB"}
+{"version":3,"file":"useSliderGesture.d.mts","sourceRoot":"","sources":["../../../src/components/Slider/useSliderGesture.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,sBAAsB,EACtB,sBAAsB,EACvB,2BAAuB;AAiCxB;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,sBAAsB,GAC7B,sBAAsB,CAqfxB"}

package/dist/components/Slider/useSliderGesture.mjs

@@ -3,6 +3,13 @@ import { Gesture } from "react-native-gesture-handler";
 import { Easing, runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from "react-native-reanimated";
 import { THUMB_GRIP_ANIMATION_DURATION, THUMB_GRIP_SCALE } from "./Slider.constants.mjs";
 import { clampGesturePosition, getMarkHapticThresholds, getMarkValue, getTrackPercentFromValue, interpolateMarkColor, positionToTrackPercent, resolveTrackPercentToValue, resolveValueToTrackPercent, trackPercentToPosition } from "./Slider.utilities.mjs";
+/**
+ * Cap on remembered local updates used to spot late `value` echoes.
+ * Pan `onUpdate` records every intermediate position, so a fast drag can
+ * produce many entries; 256 is large enough for a long scrub without
+ * growing unbounded.
+ */
+const RECENT_COMMIT_HISTORY_LIMIT = 256;
 /**
  * Owns Slider gesture handling, animated thumb/fill position, and range-label taps.
  *
@@ -10,7 +17,17 @@ import { clampGesturePosition, getMarkHapticThresholds, getMarkValue, getTrackPe
  *   touch X → clamp to track width → trackPercent → domain value → callbacks
  *
  * Flow when `value` prop changes (JS thread → UI thread via useAnimatedReaction):
- *   domain value → trackPercent → translateX (skipped while dragging)
+ *   domain value → trackPercent → translateX (skipped while dragging).
+ *
+ * Stale controlled self-echoes (gesture → onValueChange → parent state → value
+ * prop) are suppressed with a monotonically increasing commit generation — the
+ * same sequence principle as React Native TextInput's `mostRecentEventCount`,
+ * kept local so the public API stays a plain `value` number. Direct commits
+ * record `{ value, generation }`; incoming props that match a recent emit are
+ * acknowledged and must not rewind thumb position or the haptic baseline
+ * (including late echoes that arrive after a newer commit was already acked).
+ * Props that do not match any recent emit are treated as external updates and
+ * applied immediately.
  *
  * `mapValueToTrackPercent` / `mapTrackPercentToValue` must be worklets when provided.
  *
@@ -26,8 +43,73 @@ export function useSliderGesture(params) {
     const thumbScale = useSharedValue(1);
     const isDragging = useSharedValue(false);
     const propValue = useSharedValue(value);
+    // True while commitGeneration > ackedGeneration — UI thread skips prop→thumb.
+    const hasInflightCommits = useSharedValue(false);
     const previousTrackPercentRef = useRef(getTrackPercentFromValue(value, minimumValue, maximumValue, mapValueToTrackPercent));
     const isDraggingRef = useRef(false);
+    const commitGenerationRef = useRef(0);
+    const ackedGenerationRef = useRef(0);
+    const lastEmittedValueRef = useRef(null);
+    const lastEmittedGenerationRef = useRef(0);
+    const recentCommitsRef = useRef([]);
+    // --- Commit generation tracking (sequence ack, not a time heuristic) ---
+    const recordDirectCommit = useCallback((domainValue) => {
+        commitGenerationRef.current += 1;
+        const generation = commitGenerationRef.current;
+        lastEmittedValueRef.current = domainValue;
+        lastEmittedGenerationRef.current = generation;
+        recentCommitsRef.current.push({ value: domainValue, generation });
+        if (recentCommitsRef.current.length > RECENT_COMMIT_HISTORY_LIMIT) {
+            recentCommitsRef.current.shift();
+        }
+        hasInflightCommits.value = true;
+    }, [hasInflightCommits]);
+    /**
+     * Reconciles an incoming controlled `value` against recent local commits.
+     *
+     * @param incoming - Next `value` prop.
+     * @returns Whether to sync `propValue` / haptic baseline from the prop.
+     */
+    const reconcilePropValue = useCallback((incoming) => {
+        const recent = recentCommitsRef.current;
+        let match;
+        for (let index = recent.length - 1; index >= 0; index -= 1) {
+            if (recent[index].value === incoming) {
+                match = recent[index];
+                break;
+            }
+        }
+        if (match) {
+            // Late echo of an already-acked commit — do not write propValue or the
+            // reaction will snap the thumb backward after a fast pan.
+            if (match.generation <= ackedGenerationRef.current) {
+                return { syncPropValue: false, syncBaseline: false };
+            }
+            // If the value we get back is the latest one we sent up through
+            // onValueChange, we treat the parent as fully caught up and stop
+            // waiting on any older updates still in flight (those often get
+            // batched away during a fast pan anyway). If it's an older value
+            // instead, we only count that one as handled and keep waiting for
+            // the newer ones.
+            if (incoming === lastEmittedValueRef.current) {
+                ackedGenerationRef.current = lastEmittedGenerationRef.current;
+            }
+            else {
+                ackedGenerationRef.current = match.generation;
+            }
+            hasInflightCommits.value =
+                ackedGenerationRef.current < commitGenerationRef.current;
+            // Sync propValue only when catching up to the latest emit (correct
+            // position). Intermediate echoes must not overwrite propValue.
+            const isLatestAck = ackedGenerationRef.current === lastEmittedGenerationRef.current;
+            return { syncPropValue: isLatestAck, syncBaseline: false };
+        }
+        // Not a recent local emit — external update or parent transform.
+        ackedGenerationRef.current = commitGenerationRef.current;
+        lastEmittedValueRef.current = null;
+        hasInflightCommits.value = false;
+        return { syncPropValue: true, syncBaseline: true };
+    }, [hasInflightCommits]);
     // --- Position sync (domain value → thumb pixels) ---
     const syncPositionFromValue = useCallback((nextValue, width = sliderWidth.value) => {
         const trackPercent = getTrackPercentFromValue(nextValue, minimumValue, maximumValue, mapValueToTrackPercent);
@@ -41,15 +123,40 @@ export function useSliderGesture(params) {
     ]);
     const handleLayout = useCallback((event) => {
         const { width } = event.nativeEvent.layout;
+        const previousWidth = sliderWidth.value;
         sliderWidth.value = width;
-        syncPositionFromValue(value, width);
-    }, [sliderWidth, syncPositionFromValue, value]);
+        // After the first layout, never re-apply the raw `value` prop. A layout
+        // pass can land while props still hold a lagged stale controlled echo
+        // that useEffect intentionally kept out of `propValue`; syncing from
+        // that echo would snap the thumb backward. Remap the current thumb
+        // across the (possibly new) width instead.
+        if (previousWidth > 0) {
+            translateX.value = trackPercentToPosition(positionToTrackPercent(translateX.value, previousWidth), width);
+            return;
+        }
+        // First layout: `propValue` is initialized from `value` and only updated
+        // when reconcilePropValue allows it.
+        syncPositionFromValue(propValue.value, width);
+    }, [propValue, sliderWidth, syncPositionFromValue, translateX]);
     useEffect(() => {
-        propValue.value = value;
-        if (!isDraggingRef.current) {
-            previousTrackPercentRef.current = getTrackPercentFromValue(value, minimumValue, maximumValue, mapValueToTrackPercent);
+        const { syncPropValue, syncBaseline } = reconcilePropValue(value);
+        // Never push stale echoes into propValue — the animated reaction would
+        // otherwise move the thumb even when syncBaseline is false.
+        if (syncPropValue) {
+            propValue.value = value;
+        }
+        if (isDraggingRef.current || !syncBaseline) {
+            return;
         }
-    }, [mapValueToTrackPercent, maximumValue, minimumValue, propValue, value]);
+        previousTrackPercentRef.current = getTrackPercentFromValue(value, minimumValue, maximumValue, mapValueToTrackPercent);
+    }, [
+        mapValueToTrackPercent,
+        maximumValue,
+        minimumValue,
+        propValue,
+        reconcilePropValue,
+        value,
+    ]);
     useAnimatedReaction(() => propValue.value, (currentValue, previousValue) => {
         if (isDragging.value) {
             return;
@@ -57,13 +164,22 @@ export function useSliderGesture(params) {
         if (previousValue !== null && currentValue === previousValue) {
             return;
         }
+        // Skip while newer local commits are unacked. Stale echoes are kept out
+        // of propValue on the JS thread; this is a second guard for races.
+        if (hasInflightCommits.value) {
+            return;
+        }
         const trackPercent = resolveValueToTrackPercent(currentValue, minimumValue, maximumValue, mapValueToTrackPercent);
         translateX.value = trackPercentToPosition(trackPercent, sliderWidth.value);
     }, [mapValueToTrackPercent, maximumValue, minimumValue]);
     // --- JS-thread bridges (stable refs for runOnJS from worklets) ---
+    // Called from pan onUpdate as well as tap/end — each move is recorded on
+    // purpose so a lagged older `value` after a fast drag can still be ignored
+    // (see RECENT_COMMIT_HISTORY_LIMIT).
     const emitValueChange = useCallback((nextValue) => {
+        recordDirectCommit(nextValue);
         onValueChange(nextValue);
-    }, [onValueChange]);
+    }, [onValueChange, recordDirectCommit]);
     const emitDragEnd = useCallback((nextValue) => {
         onDragEnd?.(nextValue);
     }, [onDragEnd]);
@@ -221,19 +337,19 @@ export function useSliderGesture(params) {
             return;
         }
         const newValue = getMarkValue(mark, minimumValue, maximumValue);
-        onValueChange(newValue);
+        emitValueChange(newValue);
         const trackPercent = getTrackPercentFromValue(newValue, minimumValue, maximumValue, mapValueToTrackPercent);
         checkThresholdCrossing(trackPercent);
         onDragEnd?.(newValue);
         syncPositionFromValue(newValue);
     }, [
         checkThresholdCrossing,
+        emitValueChange,
         isDisabled,
         mapValueToTrackPercent,
         maximumValue,
         minimumValue,
         onDragEnd,
-        onValueChange,
         syncPositionFromValue,
         marks,
     ]);