@cdx-ui/primitives 0.0.1-beta.18 → 0.0.1-beta.181

package/lib/commonjs/select/useSelectTrigger.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectTrigger = useSelectTrigger;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _context = require("./context");
+const FIELD_STATES = {
+  'false:false': 'idle',
+  'false:true': 'invalid',
+  'true:false': 'focused',
+  'true:true': 'focused-invalid'
+};
+/**
+ * Shared logic for `Select.Trigger` across native and web. Each platform file is
+ * a thin host-element wrapper that spreads this hook's output. The hook composes
+ * interaction-state hooks, ARIA props, keyboard intent, press-to-toggle, the
+ * merged ref, and (where appropriate) the label-focus bridge.
+ *
+ * Native variant — Pressable is not natively labelable, so the label-focus
+ * bridge is always registered on `field.inputRef`.
+ */
+function useSelectTrigger(forwardedRef, options) {
+  /**
+   * `asChild` is part of the symmetric options shape for parity with the web variant,
+   * but the native hook always mounts the label-focus bridge (Pressable is never
+   * natively labelable) and Slot/Pressable share the same Pressable-shaped surface,
+   * so the option is intentionally unused here.
+   */
+  const {
+    isHovered: isHoveredProp,
+    isActive: isActiveProp,
+    isFocused: isFocusedProp,
+    isFocusVisible: isFocusVisibleProp,
+    isDisabled: isDisabledProp,
+    ariaDescribedBy: ariaDescribedByProp,
+    onPress: consumerOnPress,
+    onPressIn: consumerOnPressIn,
+    onPressOut: consumerOnPressOut,
+    onHoverIn: consumerOnHoverIn,
+    onHoverOut: consumerOnHoverOut,
+    onFocus: consumerOnFocus,
+    onBlur: consumerOnBlur,
+    onKeyDown: consumerOnKeyDown
+  } = options;
+  const {
+    open,
+    setOpen,
+    disabled: contextDisabled,
+    required: contextRequired,
+    invalid: contextInvalid,
+    readOnly: contextReadOnly,
+    triggerId,
+    contentId,
+    triggerRef,
+    activeValue,
+    accessibilityLabel,
+    ariaDescribedBy: ariaDescribedByFromField
+  } = (0, _context.useSelectContext)();
+  const field = (0, _utils.useFormControlContext)();
+  const disabled = contextDisabled || !!isDisabledProp;
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = (0, _interactions.usePress)({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)();
+  const [triggerFocused, setTriggerFocused] = (0, _react.useState)(false);
+  const handlePress = (0, _react.useCallback)(_e => {
+    if (!disabled) {
+      setOpen(!open);
+    }
+  }, [disabled, open, setOpen]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (disabled) {
+      return;
+    }
+    switch (e.key) {
+      case 'Enter':
+      case ' ':
+      case 'ArrowDown':
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setOpen(true);
+          break;
+        }
+    }
+  }, [disabled, setOpen]);
+
+  /** `useFocus()` on Pressable can stay true on native after blur; use explicit focus/blur handlers. */
+  const isLabelActive = Boolean((open || triggerFocused) && !disabled);
+  (0, _utils.useReportFormControlLabelFocus)(isLabelActive);
+  (0, _react.useLayoutEffect)(() => {
+    if (!open) {
+      setTriggerFocused(false);
+    }
+  }, [open]);
+  const interactionState = (0, _react.useMemo)(() => ({
+    hover: !!(isHoveredProp || isHovered),
+    focus: !!(isFocusedProp || isFocused || open),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!(isFocusVisibleProp || isFocusVisible)
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, open]);
+
+  /**
+   * Native: `Pressable` has no usable programmatic `.focus()` (unlike `TextInput`).
+   * `Form.Label` calls `focusInput()` → we register a bridge on `field.inputRef` that tries
+   * native focus, then opens the list (expected "tap label" behavior for a select).
+   */
+  const labelFocusGateRef = (0, _react.useRef)({
+    disabled: false,
+    readOnly: false
+  });
+  labelFocusGateRef.current = {
+    disabled: !!disabled,
+    readOnly: !!contextReadOnly
+  };
+  const labelFocusBridge = (0, _react.useMemo)(() => ({
+    focus() {
+      const {
+        disabled: isOff,
+        readOnly: isRO
+      } = labelFocusGateRef.current;
+      if (isOff || isRO) {
+        return;
+      }
+      const node = triggerRef.current;
+      if (node != null && typeof node.focus === 'function') {
+        node.focus();
+      }
+      setOpen(true);
+    }
+  }), [setOpen, triggerRef]);
+  (0, _react.useLayoutEffect)(() => {
+    if (!field.inputRef) {
+      return;
+    }
+    const r = field.inputRef;
+    r.current = labelFocusBridge;
+    return () => {
+      if (r.current === labelFocusBridge) {
+        r.current = null;
+      }
+    };
+  }, [field.inputRef, labelFocusBridge]);
+  const mergedRef = (0, _utils.mergeRefs)(forwardedRef, triggerRef);
+  const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
+  const ariaProps = {
+    role: 'combobox',
+    'aria-label': accessibilityLabel,
+    'aria-haspopup': 'listbox',
+    'aria-expanded': open,
+    'aria-controls': contentId,
+    'aria-activedescendant': open && activeValue ? `${contentId}-option-${activeValue}` : undefined,
+    'aria-required': contextRequired || undefined,
+    'aria-invalid': contextInvalid || undefined,
+    'aria-readonly': contextReadOnly || undefined,
+    'aria-describedby': ariaDescribedBy || undefined,
+    id: triggerId,
+    disabled
+  };
+  const fieldState = FIELD_STATES[`${interactionState.focus ? 'true' : 'false'}:${contextInvalid ? 'true' : 'false'}`];
+  const dataAttrValues = {
+    hover: interactionState.hover,
+    focus: interactionState.focus,
+    active: interactionState.active,
+    disabled: interactionState.disabled,
+    focusVisible: interactionState.focusVisible,
+    required: !!contextRequired,
+    invalid: !!contextInvalid,
+    readonly: !!contextReadOnly,
+    state: open ? 'open' : 'closed',
+    fieldState
+  };
+  const handlers = {
+    onPress: (0, _utils.composeEventHandlers)(consumerOnPress, handlePress),
+    onPressIn: (0, _utils.composeEventHandlers)(consumerOnPressIn, pressProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(consumerOnPressOut, pressProps.onPressOut),
+    onHoverIn: (0, _utils.composeEventHandlers)(consumerOnHoverIn, hoverProps.onHoverIn),
+    onHoverOut: (0, _utils.composeEventHandlers)(consumerOnHoverOut, hoverProps.onHoverOut),
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnFocus, focusProps.onFocus), focusRingProps.onFocus), () => setTriggerFocused(true)),
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnBlur, focusProps.onBlur), focusRingProps.onBlur), () => setTriggerFocused(false)),
+    onKeyDown: (0, _utils.composeEventHandlers)(consumerOnKeyDown, handleKeyDown)
+  };
+  return {
+    ariaProps,
+    dataAttrValues,
+    interactionState,
+    mergedRef,
+    handlers,
+    isLabelActive,
+    open,
+    labelFocusBridge
+  };
+}
+//# sourceMappingURL=useSelectTrigger.js.map

package/lib/commonjs/select/useSelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_focus","_interactions","_context","FIELD_STATES","useSelectTrigger","forwardedRef","options","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedBy","ariaDescribedByProp","onPress","consumerOnPress","onPressIn","consumerOnPressIn","onPressOut","consumerOnPressOut","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedByFromField","useSelectContext","field","useFormControlContext","focusProps","focusRingProps","useFocusRing","pressProps","isPressed","usePress","useFocus","hoverProps","useHover","triggerFocused","setTriggerFocused","useState","handlePress","useCallback","_e","handleKeyDown","e","key","preventDefault","isLabelActive","Boolean","useReportFormControlLabelFocus","useLayoutEffect","interactionState","useMemo","hover","focus","active","focusVisible","labelFocusGateRef","useRef","current","labelFocusBridge","isOff","isRO","node","inputRef","r","mergedRef","mergeRefs","filter","join","ariaProps","role","undefined","id","fieldState","dataAttrValues","readonly","state","handlers","composeEventHandlers"],"sourceRoot":"../../../src","sources":["select/useSelectTrigger.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/select/useSelectTrigger.web.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectTrigger = useSelectTrigger;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _context = require("./context");
+const FIELD_STATES = {
+  'false:false': 'idle',
+  'false:true': 'invalid',
+  'true:false': 'focused',
+  'true:true': 'focused-invalid'
+};
+
+/**
+ * Web variant — drops `useHover` and `useFocusRing` per the trigger-prune todo:
+ * neither emitted attribute has a consumer in `selectTriggerVariants`, and the
+ * web `useHover` re-renders on every pointer enter/leave. Hover is expressed via
+ * CSS `:hover` chains in CVA, not a JS tracker.
+ *
+ * The label-focus bridge is only registered when the host loses native
+ * label association — i.e. when `asChild` substitutes the rendered `<button>`
+ * with a non-labelable element. Otherwise `<label htmlFor>` handles the focus
+ * relationship natively.
+ */
+function useSelectTrigger(forwardedRef, options) {
+  const {
+    asChild,
+    isHovered: isHoveredProp,
+    isActive: isActiveProp,
+    isFocused: isFocusedProp,
+    isFocusVisible: isFocusVisibleProp,
+    isDisabled: isDisabledProp,
+    ariaDescribedBy: ariaDescribedByProp,
+    onPress: consumerOnPress,
+    onPressIn: consumerOnPressIn,
+    onPressOut: consumerOnPressOut,
+    onHoverIn: consumerOnHoverIn,
+    onHoverOut: consumerOnHoverOut,
+    onFocus: consumerOnFocus,
+    onBlur: consumerOnBlur,
+    onKeyDown: consumerOnKeyDown
+  } = options;
+  const {
+    open,
+    setOpen,
+    disabled: contextDisabled,
+    required: contextRequired,
+    invalid: contextInvalid,
+    readOnly: contextReadOnly,
+    triggerId,
+    contentId,
+    triggerRef,
+    activeValue,
+    accessibilityLabel,
+    ariaDescribedBy: ariaDescribedByFromField
+  } = (0, _context.useSelectContext)();
+  const field = (0, _utils.useFormControlContext)();
+  const disabled = contextDisabled || !!isDisabledProp;
+  const {
+    pressProps,
+    isPressed: isActive
+  } = (0, _interactions.usePress)({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const [triggerFocused, setTriggerFocused] = (0, _react.useState)(false);
+  const handlePress = (0, _react.useCallback)(_e => {
+    if (!disabled) {
+      setOpen(!open);
+    }
+  }, [disabled, open, setOpen]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (disabled) {
+      return;
+    }
+    switch (e.key) {
+      case 'Enter':
+      case ' ':
+      case 'ArrowDown':
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          setOpen(true);
+          break;
+        }
+    }
+  }, [disabled, setOpen]);
+  const isLabelActive = Boolean((isFocusedProp || isFocused || triggerFocused || open) && !disabled);
+  (0, _utils.useReportFormControlLabelFocus)(isLabelActive);
+  (0, _react.useLayoutEffect)(() => {
+    if (!open) {
+      setTriggerFocused(false);
+    }
+  }, [open]);
+  const interactionState = (0, _react.useMemo)(() => ({
+    hover: !!isHoveredProp,
+    focus: !!(isFocusedProp || isFocused || open),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!isFocusVisibleProp
+  }), [isHoveredProp, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, open]);
+
+  /**
+   * `<button>` is HTML-labelable so `<label htmlFor>` works natively — no JS bridge needed.
+   * When `asChild` substitutes the host with a non-labelable element (e.g. `<div role="button">`),
+   * the bridge fills the gap so `Form.Label` can still focus the trigger via `field.inputRef`.
+   */
+  const labelFocusGateRef = (0, _react.useRef)({
+    disabled: false,
+    readOnly: false
+  });
+  labelFocusGateRef.current = {
+    disabled: !!disabled,
+    readOnly: !!contextReadOnly
+  };
+  const labelFocusBridge = (0, _react.useMemo)(() => ({
+    focus() {
+      const {
+        disabled: isOff,
+        readOnly: isRO
+      } = labelFocusGateRef.current;
+      if (isOff || isRO) {
+        return;
+      }
+      const node = triggerRef.current;
+      if (node != null && typeof node.focus === 'function') {
+        node.focus();
+      }
+      setOpen(true);
+    }
+  }), [setOpen, triggerRef]);
+  const shouldMountLabelFocusBridge = !!asChild;
+  (0, _react.useLayoutEffect)(() => {
+    if (!shouldMountLabelFocusBridge || !field.inputRef) {
+      return;
+    }
+    const r = field.inputRef;
+    r.current = labelFocusBridge;
+    return () => {
+      if (r.current === labelFocusBridge) {
+        r.current = null;
+      }
+    };
+  }, [shouldMountLabelFocusBridge, field.inputRef, labelFocusBridge]);
+  const mergedRef = (0, _utils.mergeRefs)(forwardedRef, triggerRef);
+  const ariaDescribedBy = [ariaDescribedByFromField, ariaDescribedByProp].filter(Boolean).join(' ');
+  const ariaProps = {
+    role: 'combobox',
+    'aria-label': accessibilityLabel,
+    'aria-haspopup': 'listbox',
+    'aria-expanded': open,
+    'aria-controls': contentId,
+    'aria-activedescendant': open && activeValue ? `${contentId}-option-${activeValue}` : undefined,
+    'aria-required': contextRequired || undefined,
+    'aria-invalid': contextInvalid || undefined,
+    'aria-readonly': contextReadOnly || undefined,
+    'aria-describedby': ariaDescribedBy || undefined,
+    id: triggerId,
+    disabled
+  };
+  const fieldState = FIELD_STATES[`${interactionState.focus ? 'true' : 'false'}:${contextInvalid ? 'true' : 'false'}`];
+  const dataAttrValues = {
+    focus: interactionState.focus,
+    active: interactionState.active,
+    disabled: interactionState.disabled,
+    required: !!contextRequired,
+    invalid: !!contextInvalid,
+    readonly: !!contextReadOnly,
+    state: open ? 'open' : 'closed',
+    fieldState
+  };
+  const handlers = {
+    onPress: (0, _utils.composeEventHandlers)(consumerOnPress, handlePress),
+    onPressIn: (0, _utils.composeEventHandlers)(consumerOnPressIn, pressProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(consumerOnPressOut, pressProps.onPressOut),
+    onHoverIn: consumerOnHoverIn ?? (() => undefined),
+    onHoverOut: consumerOnHoverOut ?? (() => undefined),
+    onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnFocus, focusProps.onFocus), () => setTriggerFocused(true)),
+    onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(consumerOnBlur, focusProps.onBlur), () => setTriggerFocused(false)),
+    onKeyDown: (0, _utils.composeEventHandlers)(consumerOnKeyDown, handleKeyDown)
+  };
+  return {
+    ariaProps,
+    dataAttrValues,
+    interactionState,
+    mergedRef,
+    handlers,
+    isLabelActive,
+    open,
+    labelFocusBridge
+  };
+}
+//# sourceMappingURL=useSelectTrigger.web.js.map

package/lib/commonjs/select/useSelectTrigger.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_focus","_interactions","_context","FIELD_STATES","useSelectTrigger","forwardedRef","options","asChild","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedBy","ariaDescribedByProp","onPress","consumerOnPress","onPressIn","consumerOnPressIn","onPressOut","consumerOnPressOut","onHoverIn","consumerOnHoverIn","onHoverOut","consumerOnHoverOut","onFocus","consumerOnFocus","onBlur","consumerOnBlur","onKeyDown","consumerOnKeyDown","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedByFromField","useSelectContext","field","useFormControlContext","pressProps","isPressed","usePress","focusProps","useFocus","triggerFocused","setTriggerFocused","useState","handlePress","useCallback","_e","handleKeyDown","e","key","preventDefault","isLabelActive","Boolean","useReportFormControlLabelFocus","useLayoutEffect","interactionState","useMemo","hover","focus","active","focusVisible","labelFocusGateRef","useRef","current","labelFocusBridge","isOff","isRO","node","shouldMountLabelFocusBridge","inputRef","r","mergedRef","mergeRefs","filter","join","ariaProps","role","undefined","id","fieldState","dataAttrValues","readonly","state","handlers","composeEventHandlers"],"sourceRoot":"../../../src","sources":["select/useSelectTrigger.web.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/slider/SliderRail.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderRail = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _slot = require("../slot");
+var _assignRef = require("../utils/assignRef");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useSliderPointer = require("./useSliderPointer");
+var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const SliderRail = exports.SliderRail = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  style,
+  onLayout,
+  children,
+  ...props
+}, ref) => {
+  const {
+    values,
+    min,
+    max,
+    step,
+    orientation,
+    isDisabled,
+    isDragging,
+    trackLayout,
+    thumbSize,
+    setNearestThumbValueFromRatio,
+    setThumbValueFromRatio,
+    setDraggingIndex,
+    setTrackLayout
+  } = (0, _context.useSliderContext)();
+  const railRef = (0, _react.useRef)(null);
+  const draggingThumbIndexRef = (0, _react.useRef)(null);
+  const measureRail = (0, _react.useCallback)(() => {
+    const node = railRef.current;
+    if (!node?.measureInWindow) {
+      return;
+    }
+    node.measureInWindow((x, y, width, height) => {
+      setTrackLayout({
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  }, [setTrackLayout]);
+  const handleLayout = (0, _react.useCallback)(event => {
+    measureRail();
+    onLayout?.(event);
+  }, [measureRail, onLayout]);
+  const setRatioForRailDrag = (0, _react.useCallback)((ratio, complete) => {
+    const thumbIndex = draggingThumbIndexRef.current;
+    if (thumbIndex == null) {
+      setNearestThumbValueFromRatio(ratio, complete);
+      return;
+    }
+    setThumbValueFromRatio(thumbIndex, ratio, complete);
+    if (complete) {
+      draggingThumbIndexRef.current = null;
+    }
+  }, [setNearestThumbValueFromRatio, setThumbValueFromRatio]);
+  const setDraggingForRail = (0, _react.useCallback)(dragging => {
+    setDraggingIndex(dragging ? draggingThumbIndexRef.current : null);
+  }, [setDraggingIndex]);
+  const {
+    startDrag
+  } = (0, _useSliderPointer.useWebSliderDrag)({
+    isDisabled,
+    setIsDragging: setDraggingForRail,
+    setValueFromRatio: setRatioForRailDrag,
+    trackLayout,
+    orientation,
+    thumbSize
+  });
+  const updateFromEvent = (0, _react.useCallback)(event => {
+    if (isDisabled) {
+      return;
+    }
+    const {
+      x,
+      y
+    } = (0, _useSliderPointer.getPointerCoords)(event.nativeEvent);
+    setNearestThumbValueFromRatio((0, _useSliderPointer.getRatioFromPagePoint)(x, y, trackLayout, orientation, thumbSize), true);
+  }, [isDisabled, orientation, setNearestThumbValueFromRatio, thumbSize, trackLayout]);
+  const handlePress = (0, _react.useCallback)(event => {
+    updateFromEvent(event);
+  }, [updateFromEvent]);
+  const handlePointerDown = (0, _react.useCallback)(event => {
+    if (_reactNative.Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    const node = railRef.current;
+    if (!node) return;
+    const rect = node.getBoundingClientRect();
+    const freshLayout = {
+      x: rect.left,
+      y: rect.top,
+      width: rect.width,
+      height: rect.height
+    };
+    setTrackLayout(freshLayout);
+    const {
+      x,
+      y
+    } = (0, _useSliderPointer.getPointerCoords)(event.nativeEvent);
+    const ratio = (0, _useSliderPointer.getRatioFromPagePoint)(x, y, freshLayout, orientation, thumbSize);
+    const target = min + (0, _utils.clamp)(ratio, 0, 1) * (max - min);
+    const nearestIndex = (0, _utils.getClosestValueIndex)(values, target);
+    draggingThumbIndexRef.current = nearestIndex;
+    setDraggingIndex(nearestIndex);
+    startDrag(x, y, ratio, freshLayout);
+  }, [isDisabled, max, min, orientation, setDraggingIndex, setTrackLayout, startDrag, step, thumbSize, values]);
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    accessibilityRole: "none",
+    accessible: false,
+    disabled: isDisabled,
+    onPress: _reactNative.Platform.OS === 'web' ? undefined : handlePress,
+    onPointerDown: _reactNative.Platform.OS === 'web' ? handlePointerDown : undefined,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    "aria-hidden": true,
+    tabIndex: -1,
+    style: styles.railHitArea,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: node => {
+        railRef.current = node;
+        (0, _assignRef.assignRef)(ref, node);
+      },
+      ...props,
+      onLayout: handleLayout,
+      style: style,
+      ...(0, _dataAttributes.dataAttributes)({
+        slot: 'slider-rail',
+        dragging: isDragging
+      }),
+      children: children
+    })
+  });
+});
+SliderRail.displayName = 'SliderRail';
+const styles = _reactNative.StyleSheet.create({
+  railHitArea: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=SliderRail.js.map

package/lib/commonjs/slider/SliderRail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_slot","_assignRef","_dataAttributes","_context","_useSliderPointer","_utils","_jsxRuntime","SliderRail","exports","forwardRef","asChild","style","onLayout","children","props","ref","values","min","max","step","orientation","isDisabled","isDragging","trackLayout","thumbSize","setNearestThumbValueFromRatio","setThumbValueFromRatio","setDraggingIndex","setTrackLayout","useSliderContext","railRef","useRef","draggingThumbIndexRef","measureRail","useCallback","node","current","measureInWindow","x","y","width","height","handleLayout","event","setRatioForRailDrag","ratio","complete","thumbIndex","setDraggingForRail","dragging","startDrag","useWebSliderDrag","setIsDragging","setValueFromRatio","updateFromEvent","getPointerCoords","nativeEvent","getRatioFromPagePoint","handlePress","handlePointerDown","Platform","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","target","clamp","nearestIndex","getClosestValueIndex","Comp","Slot","View","jsx","Pressable","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","accessibilityElementsHidden","importantForAccessibility","tabIndex","styles","railHitArea","assignRef","dataAttributes","slot","displayName","StyleSheet","create","absoluteFillObject","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["slider/SliderRail.tsx"],"mappings":"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","ignoreList":[]}