@cdx-ui/primitives 0.0.1-beta.114 → 0.0.1-beta.116

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","getPointerCoords","nativeEvent","Platform","OS","clientX","clientY","x","y","pageX","pageY","getRatioFromPagePoint","trackLayout","orientation","thumbSize","pointerCoordToRatio","width","pointerCoordToVerticalRatio","height","useWebSliderDrag","isDisabled","setIsDragging","setValueFromRatio","draggingRef","useRef","lastRatioRef","dragContextRef","cleanupRef","useEffect","current","endDrag","useCallback","startDrag","anchorRatio","trackLayoutOverride","window","layout","trackSize","travel","getThumbTravel","startPointer","startRatio","clamp","onMove","event","preventDefault","pointer","delta","deltaAlongTrack","nextRatio","onUp","removeEventListener","addEventListener"],"sourceRoot":"../../../src","sources":["slider/useSliderPointer.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/slider/utils.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SLIDER_MARKER_SIZE = void 0;
+exports.clamp = clamp;
+exports.formatSliderValue = formatSliderValue;
+exports.getMarkerPositionStyle = getMarkerPositionStyle;
+exports.getMarkerStepValues = getMarkerStepValues;
+exports.getThumbTravel = getThumbTravel;
+exports.percentToFillExtent = percentToFillExtent;
+exports.percentToMarkerCenterOffset = percentToMarkerCenterOffset;
+exports.percentToThumbOffset = percentToThumbOffset;
+exports.percentToValue = percentToValue;
+exports.pointerCoordToRatio = pointerCoordToRatio;
+exports.pointerCoordToVerticalRatio = pointerCoordToVerticalRatio;
+exports.snapToStep = snapToStep;
+exports.valueToPercent = valueToPercent;
+function toPercentDimension(percent) {
+  return `${String(percent)}%`;
+}
+const SLIDER_MARKER_SIZE = exports.SLIDER_MARKER_SIZE = 3;
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function getThumbTravel(trackSize, _thumbSize) {
+  return Math.max(trackSize, 0);
+}
+
+/** Thumb leading-edge offset along the track axis (center-based). */
+function percentToThumbOffset(percent, trackSize, thumbSize) {
+  if (trackSize <= 0) return 0;
+  return clamp(percent, 0, 100) / 100 * trackSize - thumbSize / 2;
+}
+
+/** Filled track extent to the thumb center. */
+function percentToFillExtent(percent, trackSize, _thumbSize) {
+  if (trackSize <= 0) return 0;
+  return clamp(percent, 0, 100) / 100 * trackSize;
+}
+
+/** Map a pointer coordinate on the track axis to a 0–1 ratio. */
+function pointerCoordToRatio(pointerCoord, trackStart, trackSize, _thumbSize) {
+  if (trackSize <= 0) {
+    return 0;
+  }
+  return clamp((pointerCoord - trackStart) / trackSize, 0, 1);
+}
+
+/** Vertical slider: bottom = min (0), top = max (1). */
+function pointerCoordToVerticalRatio(pointerCoord, trackStart, trackSize, _thumbSize) {
+  if (trackSize <= 0) {
+    return 0;
+  }
+  return clamp((trackStart + trackSize - pointerCoord) / trackSize, 0, 1);
+}
+function snapToStep(value, min, max, step) {
+  if (step <= 0) {
+    return clamp(value, min, max);
+  }
+  const stepped = min + Math.round((value - min) / step) * step;
+  return clamp(stepped, min, max);
+}
+function valueToPercent(value, min, max) {
+  if (max <= min) {
+    return 0;
+  }
+  return (clamp(value, min, max) - min) / (max - min) * 100;
+}
+function percentToValue(percent, min, max, step) {
+  const ratio = clamp(percent, 0, 100) / 100;
+  return snapToStep(min + ratio * (max - min), min, max, step);
+}
+function formatSliderValue(value) {
+  return Number.isInteger(value) ? String(value) : value.toFixed(1);
+}
+function getMarkerStepValues(min, max, step) {
+  if (step <= 0 || max <= min) {
+    return [];
+  }
+  const decimals = getDecimalPlaces(step);
+  const stepCount = Math.floor((max - min) / step);
+  const values = Array.from({
+    length: stepCount + 1
+  }, (_, index) => roundTo(min + index * step, decimals));
+  if (values[values.length - 1] < max) {
+    values.push(max);
+  }
+  return values;
+}
+function getDecimalPlaces(n) {
+  const str = String(n);
+  const dotIndex = str.indexOf('.');
+  return dotIndex === -1 ? 0 : str.length - dotIndex - 1;
+}
+function roundTo(value, decimals) {
+  const factor = 10 ** decimals;
+  return Math.round(value * factor) / factor;
+}
+
+/** Marker leading-edge offset (center-aligned to the thumb coordinate system). */
+function percentToMarkerCenterOffset(percent, trackSize, markerSize = SLIDER_MARKER_SIZE) {
+  if (trackSize <= 0) return 0;
+  return clamp(percent, 0, 100) / 100 * trackSize - markerSize / 2;
+}
+function getMarkerPositionStyle(percent, orientation, trackLayout, _thumbSize, markerSize = SLIDER_MARKER_SIZE) {
+  const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
+  if (trackSize > 0) {
+    const offset = percentToMarkerCenterOffset(percent, trackSize, markerSize);
+    if (orientation === 'vertical') {
+      return {
+        position: 'absolute',
+        left: '50%',
+        bottom: offset,
+        width: markerSize,
+        height: markerSize,
+        marginLeft: -markerSize / 2
+      };
+    }
+    return {
+      position: 'absolute',
+      top: '50%',
+      left: offset,
+      width: markerSize,
+      height: markerSize,
+      marginTop: -markerSize / 2
+    };
+  }
+  if (orientation === 'vertical') {
+    return {
+      position: 'absolute',
+      left: '50%',
+      bottom: toPercentDimension(percent),
+      width: markerSize,
+      height: markerSize,
+      marginLeft: -markerSize / 2,
+      transform: [{
+        translateY: markerSize / 2
+      }]
+    };
+  }
+  return {
+    position: 'absolute',
+    top: '50%',
+    left: toPercentDimension(percent),
+    width: markerSize,
+    height: markerSize,
+    marginTop: -markerSize / 2,
+    transform: [{
+      translateX: -markerSize / 2
+    }]
+  };
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["toPercentDimension","percent","String","SLIDER_MARKER_SIZE","exports","clamp","value","min","max","Math","getThumbTravel","trackSize","_thumbSize","percentToThumbOffset","thumbSize","percentToFillExtent","pointerCoordToRatio","pointerCoord","trackStart","pointerCoordToVerticalRatio","snapToStep","step","stepped","round","valueToPercent","percentToValue","ratio","formatSliderValue","Number","isInteger","toFixed","getMarkerStepValues","decimals","getDecimalPlaces","stepCount","floor","values","Array","from","length","_","index","roundTo","push","n","str","dotIndex","indexOf","factor","percentToMarkerCenterOffset","markerSize","getMarkerPositionStyle","orientation","trackLayout","width","height","offset","position","left","bottom","marginLeft","top","marginTop","transform","translateY","translateX"],"sourceRoot":"../../../src","sources":["slider/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils/assignRef.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assignRef = assignRef;
+function assignRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+//# sourceMappingURL=assignRef.js.map

package/lib/commonjs/utils/assignRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assignRef","ref","value","current"],"sourceRoot":"../../../src","sources":["utils/assignRef.ts"],"mappings":";;;;;;AAEO,SAASA,SAASA,CAAIC,GAAoB,EAAEC,KAAe,EAAE;EAClE,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;IACV;EACF;EACA,IAAID,GAAG,EAAE;IACPA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF","ignoreList":[]}

package/lib/commonjs/utils/createPortal.js

@@ -12,8 +12,10 @@ var _reactNative = require("react-native");
  * `react-dom`, which would cause a build error on native platforms.
  */
 const createPortalFn = exports.createPortalFn = (() => {
-  if (_reactNative.Platform.OS !== 'web') return undefined;
   try {
+    if (_reactNative.Platform.OS !== 'web') {
+      return undefined;
+    }
     // eslint-disable-next-line @typescript-eslint/no-require-imports
     return require('react-dom').createPortal;
   } catch {

package/lib/commonjs/utils/createPortal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","createPortalFn","exports","Platform","OS","undefined","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAA0C,GAAAC,OAAA,CAAAD,cAAA,GAAG,CAAC,MAAM;EAC/D,IAAIE,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAOC,SAAS;EAC3C,IAAI;IACF;IACA,OAAQL,OAAO,CAAC,WAAW,CAAC,CAAsCM,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOD,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","createPortalFn","exports","Platform","OS","undefined","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAA0C,GAAAC,OAAA,CAAAD,cAAA,GAAG,CAAC,MAAM;EAC/D,IAAI;IACF,IAAIE,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzB,OAAOC,SAAS;IAClB;IACA;IACA,OAAQL,OAAO,CAAC,WAAW,CAAC,CAAsCM,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOD,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -13,6 +13,7 @@ export * from './otp-input';
 export * from './link';
 export * from './list-item';
 export { OverlayInsetsProvider } from './overlay';
+export { useAnchorPosition } from './overlay';
 export * from './select';
 export * from './switch';
 export * from './tile';
@@ -20,8 +21,11 @@ export * from './toast';
 export * from './portal';
 export * from './progress-bar';
 export * from './radio';
+export * from './slider';
 export { FormControlContext, useFormControlContext } from '@cdx-ui/utils';
 export { dataAttributes, mergeDataAttributes } from './utils/dataAttributes';
 export { domDataAttributes, mergeDomDataAttributes } from './utils/domDataAttributes';
+export { assignRef } from './utils/assignRef';
+export { createPortalFn } from './utils/createPortal';
 export { Slot } from './slot';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayInsetsProvider","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AAEvB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}
+{"version":3,"names":["OverlayInsetsProvider","useAnchorPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,SAASC,iBAAiB,QAA2B,WAAW;AAChE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}

package/lib/module/overlay/useAnchorPosition.js

@@ -12,29 +12,60 @@ function measureWeb(element) {
     height: rect.height
   };
 }
-
+function setLayoutIfChanged(setLayout, next) {
+  setLayout(prev => {
+    if (prev?.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height) {
+      return prev;
+    }
+    return next;
+  });
+}
 /**
  * Measures an anchor element's position and size, re-measuring on scroll/resize
  * (web) so a positioned overlay can track its anchor across layout changes.
  *
  * Returns `null` until the first measurement completes.
  */
-export function useAnchorPosition(anchorRef, open) {
+export function useAnchorPosition(anchorRef, open, options) {
+  const {
+    remeasureKey,
+    trackWhileOpen = false
+  } = options ?? {};
   const [layout, setLayout] = useState(null);
+  const measureAnchor = () => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    if (Platform.OS === 'web') {
+      setLayoutIfChanged(setLayout, measureWeb(anchor));
+      return;
+    }
+    anchor.measureInWindow((x, y, width, height) => {
+      setLayoutIfChanged(setLayout, {
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  };
   useIsomorphicLayoutEffect(() => {
     if (!open) {
       setLayout(null);
       return;
     }
-    const anchor = anchorRef.current;
-    if (!anchor) return;
     let cancelled = false;
     if (Platform.OS === 'web') {
-      setLayout(measureWeb(anchor));
+      measureAnchor();
     } else {
+      const anchor = anchorRef.current;
+      if (!anchor) {
+        return;
+      }
       anchor.measureInWindow((x, y, width, height) => {
         if (!cancelled) {
-          setLayout({
+          setLayoutIfChanged(setLayout, {
             x,
             y,
             width,
@@ -46,19 +77,37 @@ export function useAnchorPosition(anchorRef, open) {
     return () => {
       cancelled = true;
     };
-  }, [open, anchorRef]);
+  }, [open, anchorRef, remeasureKey]);
   useEffect(() => {
-    if (!open || Platform.OS !== 'web') return;
+    if (!open || !trackWhileOpen) {
+      return;
+    }
+    let frameId = 0;
+    const tick = () => {
+      measureAnchor();
+      frameId = requestAnimationFrame(tick);
+    };
+    frameId = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(frameId);
+    };
+  }, [open, anchorRef, remeasureKey, trackWhileOpen]);
+  useEffect(() => {
+    if (!open || Platform.OS !== 'web' || trackWhileOpen) {
+      return;
+    }
     const anchor = anchorRef.current;
-    if (!anchor) return;
-    const update = () => setLayout(measureWeb(anchor));
+    if (!anchor) {
+      return;
+    }
+    const update = () => setLayoutIfChanged(setLayout, measureWeb(anchor));
     window.addEventListener('scroll', update, true);
     window.addEventListener('resize', update);
     return () => {
       window.removeEventListener('scroll', update, true);
       window.removeEventListener('resize', update);
     };
-  }, [open, anchorRef]);
+  }, [open, anchorRef, remeasureKey, trackWhileOpen]);
   return layout;
 }
 //# sourceMappingURL=useAnchorPosition.js.map

package/lib/module/overlay/useAnchorPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","useAnchorPosition","anchorRef","open","layout","setLayout","anchor","current","cancelled","measureInWindow","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":";;AACA,SAASA,SAAS,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,yBAAyB,GAAGD,QAAQ,CAACE,EAAE,KAAK,KAAK,GAAGJ,eAAe,GAAGD,SAAS;AASrF,SAASM,UAAUA,CAACC,OAAY,EAAgB;EAC9C,MAAMC,IAAI,GAAID,OAAO,CAA4BE,qBAAqB,CAAC,CAAC;EACxE,OAAO;IAAEC,CAAC,EAAEF,IAAI,CAACG,IAAI;IAAEC,CAAC,EAAEJ,IAAI,CAACK,GAAG;IAAEC,KAAK,EAAEN,IAAI,CAACM,KAAK;IAAEC,MAAM,EAAEP,IAAI,CAACO;EAAO,CAAC;AAC9E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAACC,SAAyB,EAAEC,IAAa,EAAuB;EAC/F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAsB,IAAI,CAAC;EAE/DE,yBAAyB,CAAC,MAAM;IAC9B,IAAI,CAACc,IAAI,EAAE;MACTE,SAAS,CAAC,IAAI,CAAC;MACf;IACF;IAEA,MAAMC,MAAM,GAAGJ,SAAS,CAACK,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,IAAIE,SAAS,GAAG,KAAK;IAErB,IAAIpB,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;MACzBe,SAAS,CAACd,UAAU,CAACe,MAAM,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLA,MAAM,CAACG,eAAe,CAAC,CAACd,CAAS,EAAEE,CAAS,EAAEE,KAAa,EAAEC,MAAc,KAAK;QAC9E,IAAI,CAACQ,SAAS,EAAE;UACdH,SAAS,CAAC;YAAEV,CAAC;YAAEE,CAAC;YAAEE,KAAK;YAAEC;UAAO,CAAC,CAAC;QACpC;MACF,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACXQ,SAAS,GAAG,IAAI;IAClB,CAAC;EACH,CAAC,EAAE,CAACL,IAAI,EAAED,SAAS,CAAC,CAAC;EAErBjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACkB,IAAI,IAAIf,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;IAEpC,MAAMgB,MAAM,GAAGJ,SAAS,CAACK,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,MAAMI,MAAM,GAAGA,CAAA,KAAML,SAAS,CAACd,UAAU,CAACe,MAAM,CAAC,CAAC;IAElDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,EAAE,IAAI,CAAC;IAC/CC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,CAAC;IAEzC,OAAO,MAAM;MACXC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,EAAE,IAAI,CAAC;MAClDC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACP,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["useEffect","useLayoutEffect","useState","Platform","useIsomorphicLayoutEffect","OS","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","measureAnchor","anchor","current","measureInWindow","cancelled","frameId","tick","requestAnimationFrame","cancelAnimationFrame","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/slider/SliderRail.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import { forwardRef, useCallback, useRef } from 'react';
+import { Platform, Pressable, StyleSheet, View } from 'react-native';
+import { Slot } from '../slot';
+import { assignRef } from '../utils/assignRef';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useSliderContext } from './context';
+import { getPointerCoords, getRatioFromPagePoint, useWebSliderDrag } from './useSliderPointer';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliderRail = /*#__PURE__*/forwardRef(({
+  asChild,
+  style,
+  onLayout,
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation,
+    isDisabled,
+    isDragging,
+    trackLayout,
+    thumbSize,
+    setValueFromRatio,
+    setTrackLayout,
+    setIsDragging
+  } = useSliderContext();
+  const railRef = useRef(null);
+  const measureRail = useCallback(() => {
+    const node = railRef.current;
+    if (!node?.measureInWindow) {
+      return;
+    }
+    node.measureInWindow((x, y, width, height) => {
+      setTrackLayout({
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  }, [setTrackLayout]);
+  const handleLayout = useCallback(event => {
+    measureRail();
+    onLayout?.(event);
+  }, [measureRail, onLayout]);
+  const {
+    startDrag
+  } = useWebSliderDrag({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout,
+    orientation,
+    thumbSize
+  });
+  const updateFromEvent = useCallback(event => {
+    if (isDisabled) {
+      return;
+    }
+    const {
+      x,
+      y
+    } = getPointerCoords(event.nativeEvent);
+    setValueFromRatio(getRatioFromPagePoint(x, y, trackLayout, orientation, thumbSize), true);
+  }, [isDisabled, orientation, setValueFromRatio, thumbSize, trackLayout]);
+  const handlePress = useCallback(event => {
+    updateFromEvent(event);
+  }, [updateFromEvent]);
+  const handlePointerDown = useCallback(event => {
+    if (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
+    } = getPointerCoords(event.nativeEvent);
+    startDrag(x, y, undefined, freshLayout);
+  }, [isDisabled, setTrackLayout, startDrag]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "none",
+    accessible: false,
+    disabled: isDisabled,
+    onPress: Platform.OS === 'web' ? undefined : handlePress,
+    onPointerDown: Platform.OS === 'web' ? handlePointerDown : undefined,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    "aria-hidden": true,
+    tabIndex: -1,
+    style: styles.railHitArea,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: node => {
+        railRef.current = node;
+        assignRef(ref, node);
+      },
+      ...props,
+      onLayout: handleLayout,
+      style: style,
+      ...dataAttributes({
+        slot: 'slider-rail',
+        dragging: isDragging
+      }),
+      children: children
+    })
+  });
+});
+SliderRail.displayName = 'SliderRail';
+const styles = StyleSheet.create({
+  railHitArea: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=SliderRail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useRef","Platform","Pressable","StyleSheet","View","Slot","assignRef","dataAttributes","useSliderContext","getPointerCoords","getRatioFromPagePoint","useWebSliderDrag","jsx","_jsx","SliderRail","asChild","style","onLayout","children","props","ref","orientation","isDisabled","isDragging","trackLayout","thumbSize","setValueFromRatio","setTrackLayout","setIsDragging","railRef","measureRail","node","current","measureInWindow","x","y","width","height","handleLayout","event","startDrag","updateFromEvent","nativeEvent","handlePress","handlePointerDown","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","undefined","Comp","accessibilityRole","accessible","disabled","onPress","onPointerDown","accessibilityElementsHidden","importantForAccessibility","tabIndex","styles","railHitArea","slot","dragging","displayName","create","absoluteFillObject","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["slider/SliderRail.tsx"],"mappings":"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","ignoreList":[]}