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

package/lib/module/slider/SliderThumb.js

@@ -0,0 +1,224 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef } from 'react';
+import { PanResponder, Platform, Pressable, View } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { assignRef } from '../utils/assignRef';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useSliderContext } from './context';
+import { getPointerCoords, useWebSliderDrag } from './useSliderPointer';
+import { clamp, getThumbTravel, percentToThumbOffset } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SliderThumb = /*#__PURE__*/forwardRef(({
+  asChild,
+  style,
+  onLayout,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  onPressIn,
+  onPressOut,
+  children,
+  ...props
+}, ref) => {
+  const {
+    percent,
+    orientation,
+    isDisabled,
+    isDragging,
+    trackLayout,
+    thumbSize,
+    setValueFromRatio,
+    setIsDragging,
+    setIsHovered,
+    setIsFocused,
+    setThumbSize,
+    thumbRef
+  } = useSliderContext();
+  const percentRef = useRef(percent);
+  percentRef.current = percent;
+  const dragStartRatio = useRef(0);
+  const lastRatioRef = useRef(percent / 100);
+
+  // The native PanResponder is created once (stable across renders) so an
+  // in-flight gesture is never handed a fresh internal `gestureState`
+  // mid-drag. In controlled mode `setValueFromRatio`/`trackLayout` change
+  // identity on every value update, so the handlers read the current values
+  // through refs instead of closing over them (which would force the
+  // `useMemo` to re-create the responder on every move and reset `dx`).
+  const orientationRef = useRef(orientation);
+  orientationRef.current = orientation;
+  const trackLayoutRef = useRef(trackLayout);
+  trackLayoutRef.current = trackLayout;
+  const thumbSizeRef = useRef(thumbSize);
+  thumbSizeRef.current = thumbSize;
+  const isDisabledRef = useRef(isDisabled);
+  isDisabledRef.current = isDisabled;
+  const setValueFromRatioRef = useRef(setValueFromRatio);
+  setValueFromRatioRef.current = setValueFromRatio;
+  const setIsDraggingRef = useRef(setIsDragging);
+  setIsDraggingRef.current = setIsDragging;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps: pressableProps,
+    isPressed
+  } = usePress({
+    isDisabled
+  });
+  const {
+    startDrag
+  } = useWebSliderDrag({
+    isDisabled,
+    setIsDragging,
+    setValueFromRatio,
+    trackLayout,
+    orientation,
+    thumbSize
+  });
+  const panResponder = useMemo(() => PanResponder.create({
+    onStartShouldSetPanResponder: () => !isDisabledRef.current,
+    onMoveShouldSetPanResponder: () => !isDisabledRef.current,
+    onPanResponderGrant: () => {
+      if (isDisabledRef.current) {
+        return;
+      }
+      setIsDraggingRef.current(true);
+      dragStartRatio.current = percentRef.current / 100;
+      lastRatioRef.current = dragStartRatio.current;
+    },
+    onPanResponderMove: (_event, gestureState) => {
+      const layout = trackLayoutRef.current;
+      if (!layout) {
+        return;
+      }
+      const isHorizontal = orientationRef.current === 'horizontal';
+      const trackSize = isHorizontal ? layout.width : layout.height;
+      const travel = getThumbTravel(trackSize, thumbSizeRef.current);
+      if (travel <= 0) {
+        return;
+      }
+      const delta = isHorizontal ? gestureState.dx : -gestureState.dy;
+      const nextRatio = clamp(dragStartRatio.current + delta / travel, 0, 1);
+      lastRatioRef.current = nextRatio;
+      setValueFromRatioRef.current(nextRatio);
+    },
+    onPanResponderRelease: () => {
+      setIsDraggingRef.current(false);
+      setValueFromRatioRef.current(lastRatioRef.current, true);
+    },
+    onPanResponderTerminate: () => {
+      setIsDraggingRef.current(false);
+      setValueFromRatioRef.current(lastRatioRef.current, true);
+    }
+  }), []);
+  const thumbStyle = useMemo(() => {
+    const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
+    const offset = percentToThumbOffset(percent, trackSize, thumbSize);
+    if (orientation === 'vertical') {
+      return {
+        position: 'absolute',
+        left: '50%',
+        bottom: offset,
+        marginLeft: -thumbSize / 2,
+        zIndex: 2
+      };
+    }
+    return {
+      position: 'absolute',
+      top: '50%',
+      left: offset,
+      transform: [{
+        translateY: -thumbSize / 2
+      }],
+      zIndex: 2
+    };
+  }, [orientation, percent, thumbSize, trackLayout]);
+  const handleLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    const measured = orientation === 'horizontal' ? width : height;
+    if (measured > 0) {
+      setThumbSize(measured);
+    }
+    if (onLayout) {
+      onLayout(event);
+    }
+  }, [onLayout, orientation, setThumbSize]);
+  const handlePointerDown = useCallback(event => {
+    if (Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const {
+      x,
+      y
+    } = getPointerCoords(event.nativeEvent);
+    startDrag(x, y, percentRef.current / 100);
+  }, [isDisabled, startDrag]);
+  const isWeb = Platform.OS === 'web';
+
+  // Native drag is driven by PanResponder. Its `panHandlers` set the same
+  // responder props (`onResponderGrant/Move/Release`, etc.) that RN's
+  // `Pressable`/`Pressability` also set internally — and `Pressable` spreads
+  // its own handlers last, silently clobbering ours. So on native the thumb
+  // must be a plain `View` that carries `panHandlers` directly. Web keeps
+  // `Pressable` for its pointer-event, hover, and focus-ring behavior.
+  const Comp = asChild ? Slot : isWeb ? Pressable : View;
+  const setThumbRef = useCallback(node => {
+    thumbRef.current = node;
+    assignRef(ref, node);
+  }, [ref, thumbRef]);
+  const webInteractionProps = {
+    onPointerDown: handlePointerDown,
+    onHoverIn: composeEventHandlers(onHoverIn, composeEventHandlers(hoverProps.onHoverIn, () => setIsHovered(true))),
+    onHoverOut: composeEventHandlers(onHoverOut, composeEventHandlers(hoverProps.onHoverOut, () => setIsHovered(false))),
+    onPressIn: composeEventHandlers(onPressIn, pressableProps.onPressIn),
+    onPressOut: composeEventHandlers(onPressOut, pressableProps.onPressOut),
+    disabled: isDisabled,
+    tabIndex: -1
+  };
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: setThumbRef,
+    ...props,
+    ...(isWeb ? webInteractionProps : panResponder.panHandlers),
+    onLayout: handleLayout,
+    onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), composeEventHandlers(focusRingProps.onFocus, () => setIsFocused(true))),
+    onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), composeEventHandlers(focusRingProps.onBlur, () => setIsFocused(false))),
+    style: [thumbStyle, style],
+    accessibilityRole: "none",
+    importantForAccessibility: "no",
+    ...dataAttributes({
+      slot: 'slider-thumb',
+      hover: isHovered,
+      focus: isFocused,
+      focusVisible: isFocusVisible,
+      // On native there is no `Pressable`, so `usePress` never fires; the
+      // drag state stands in for "active" so the thumb still scales while
+      // the user is dragging (see `data-[active=true]:scale-105`).
+      active: isPressed || isDragging,
+      dragging: isDragging,
+      disabled: isDisabled
+    }),
+    children: children
+  });
+});
+SliderThumb.displayName = 'SliderThumb';
+//# sourceMappingURL=SliderThumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","PanResponder","Platform","Pressable","View","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","assignRef","dataAttributes","useSliderContext","getPointerCoords","useWebSliderDrag","clamp","getThumbTravel","percentToThumbOffset","jsx","_jsx","SliderThumb","asChild","style","onLayout","onHoverIn","onHoverOut","onFocus","onBlur","onPressIn","onPressOut","children","props","ref","percent","orientation","isDisabled","isDragging","trackLayout","thumbSize","setValueFromRatio","setIsDragging","setIsHovered","setIsFocused","setThumbSize","thumbRef","percentRef","current","dragStartRatio","lastRatioRef","orientationRef","trackLayoutRef","thumbSizeRef","isDisabledRef","setValueFromRatioRef","setIsDraggingRef","hoverProps","isHovered","focusProps","isFocused","isFocusVisible","focusRingProps","pressProps","pressableProps","isPressed","startDrag","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","onPanResponderMove","_event","gestureState","layout","isHorizontal","trackSize","width","height","travel","delta","dx","dy","nextRatio","onPanResponderRelease","onPanResponderTerminate","thumbStyle","offset","position","left","bottom","marginLeft","zIndex","top","transform","translateY","handleLayout","event","nativeEvent","measured","handlePointerDown","OS","preventDefault","stopPropagation","x","y","isWeb","Comp","setThumbRef","node","webInteractionProps","onPointerDown","disabled","tabIndex","panHandlers","accessibilityRole","importantForAccessibility","slot","hover","focus","focusVisible","active","dragging","displayName"],"sourceRoot":"../../../src","sources":["slider/SliderThumb.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/slider/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [SliderProvider, useSliderContext] = createContext('SliderContext');
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","SliderProvider","useSliderContext"],"sourceRoot":"../../../src","sources":["slider/context.tsx"],"mappings":";;AAEA,SAASA,aAAa,QAAQ,eAAe;AAkC7C,OAAO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7CF,aAAa,CAAqB,eAAe,CAAC","ignoreList":[]}

package/lib/module/slider/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { useSliderContext } from './context';
+export { SliderRoot } from './SliderRoot';
+export { SliderRail } from './SliderRail';
+export { SliderThumb } from './SliderThumb';
+export { getMarkerPositionStyle, getMarkerStepValues, percentToFillExtent, SLIDER_MARKER_SIZE, valueToPercent } from './utils';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSliderContext","SliderRoot","SliderRail","SliderThumb","getMarkerPositionStyle","getMarkerStepValues","percentToFillExtent","SLIDER_MARKER_SIZE","valueToPercent"],"sourceRoot":"../../../src","sources":["slider/index.ts"],"mappings":";;AAQA,SAASA,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,UAAU,QAA8B,cAAc;AAC/D,SAASC,UAAU,QAA8B,cAAc;AAC/D,SAASC,WAAW,QAA+B,eAAe;AAClE,SACEC,sBAAsB,EACtBC,mBAAmB,EACnBC,mBAAmB,EACnBC,kBAAkB,EAClBC,cAAc,QACT,SAAS","ignoreList":[]}

package/lib/module/slider/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["slider/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/slider/useSliderPointer.js

@@ -0,0 +1,110 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { Platform } from 'react-native';
+import { clamp, getThumbTravel, pointerCoordToRatio, pointerCoordToVerticalRatio } from './utils';
+export function getPointerCoords(nativeEvent) {
+  if (Platform.OS === 'web' && nativeEvent.clientX != null && nativeEvent.clientY != null) {
+    return {
+      x: nativeEvent.clientX,
+      y: nativeEvent.clientY
+    };
+  }
+  return {
+    x: nativeEvent.pageX ?? 0,
+    y: nativeEvent.pageY ?? 0
+  };
+}
+export function getRatioFromPagePoint(pageX, pageY, trackLayout, orientation, thumbSize) {
+  if (!trackLayout) {
+    return 0;
+  }
+  if (orientation === 'horizontal') {
+    return pointerCoordToRatio(pageX, trackLayout.x, trackLayout.width, thumbSize);
+  }
+  return pointerCoordToVerticalRatio(pageY, trackLayout.y, trackLayout.height, thumbSize);
+}
+export function useWebSliderDrag({
+  isDisabled,
+  setIsDragging,
+  setValueFromRatio,
+  trackLayout,
+  orientation,
+  thumbSize
+}) {
+  const draggingRef = useRef(false);
+  const lastRatioRef = useRef(0);
+  const dragContextRef = useRef(null);
+  const cleanupRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      cleanupRef.current?.();
+      cleanupRef.current = null;
+    };
+  }, []);
+  const endDrag = useCallback(() => {
+    if (!draggingRef.current) {
+      return;
+    }
+    draggingRef.current = false;
+    dragContextRef.current = null;
+    setIsDragging(false);
+    setValueFromRatio(lastRatioRef.current, true);
+  }, [setIsDragging, setValueFromRatio]);
+  const startDrag = useCallback((pageX, pageY, anchorRatio, trackLayoutOverride) => {
+    if (isDisabled || Platform.OS !== 'web' || typeof window === 'undefined') {
+      return;
+    }
+    const layout = trackLayoutOverride ?? trackLayout;
+    if (!layout) {
+      return;
+    }
+    const trackSize = orientation === 'horizontal' ? layout.width : layout.height;
+    const travel = getThumbTravel(trackSize, thumbSize);
+    if (travel <= 0) {
+      return;
+    }
+    const startPointer = orientation === 'horizontal' ? pageX : pageY;
+    const startRatio = anchorRatio != null ? clamp(anchorRatio, 0, 1) : getRatioFromPagePoint(pageX, pageY, layout, orientation, thumbSize);
+    lastRatioRef.current = startRatio;
+    draggingRef.current = true;
+    dragContextRef.current = {
+      startPointer,
+      startRatio,
+      travel
+    };
+    setIsDragging(true);
+    setValueFromRatio(startRatio);
+    const onMove = event => {
+      if (!draggingRef.current || !dragContextRef.current) {
+        return;
+      }
+      event.preventDefault();
+      const pointer = orientation === 'horizontal' ? event.clientX : event.clientY;
+      const delta = pointer - dragContextRef.current.startPointer;
+      const deltaAlongTrack = orientation === 'horizontal' ? delta : -delta;
+      const nextRatio = clamp(dragContextRef.current.startRatio + deltaAlongTrack / dragContextRef.current.travel, 0, 1);
+      lastRatioRef.current = nextRatio;
+      setValueFromRatio(nextRatio);
+    };
+    const onUp = () => {
+      cleanupRef.current = null;
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+      endDrag();
+    };
+    window.addEventListener('pointermove', onMove);
+    window.addEventListener('pointerup', onUp);
+    window.addEventListener('pointercancel', onUp);
+    cleanupRef.current = () => {
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+    };
+  }, [endDrag, isDisabled, orientation, setIsDragging, setValueFromRatio, thumbSize, trackLayout]);
+  return {
+    startDrag
+  };
+}
+//# sourceMappingURL=useSliderPointer.js.map

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

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

package/lib/module/slider/utils.js

@@ -0,0 +1,138 @@
+"use strict";
+
+function toPercentDimension(percent) {
+  return `${String(percent)}%`;
+}
+export const SLIDER_MARKER_SIZE = 3;
+export function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+export function getThumbTravel(trackSize, _thumbSize) {
+  return Math.max(trackSize, 0);
+}
+
+/** Thumb leading-edge offset along the track axis (center-based). */
+export 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. */
+export 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. */
+export 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). */
+export function pointerCoordToVerticalRatio(pointerCoord, trackStart, trackSize, _thumbSize) {
+  if (trackSize <= 0) {
+    return 0;
+  }
+  return clamp((trackStart + trackSize - pointerCoord) / trackSize, 0, 1);
+}
+export 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);
+}
+export function valueToPercent(value, min, max) {
+  if (max <= min) {
+    return 0;
+  }
+  return (clamp(value, min, max) - min) / (max - min) * 100;
+}
+export function percentToValue(percent, min, max, step) {
+  const ratio = clamp(percent, 0, 100) / 100;
+  return snapToStep(min + ratio * (max - min), min, max, step);
+}
+export function formatSliderValue(value) {
+  return Number.isInteger(value) ? String(value) : value.toFixed(1);
+}
+export 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). */
+export function percentToMarkerCenterOffset(percent, trackSize, markerSize = SLIDER_MARKER_SIZE) {
+  if (trackSize <= 0) return 0;
+  return clamp(percent, 0, 100) / 100 * trackSize - markerSize / 2;
+}
+export 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/module/slider/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toPercentDimension","percent","String","SLIDER_MARKER_SIZE","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/module/utils/assignRef.js

@@ -0,0 +1,12 @@
+"use strict";
+
+export function assignRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+//# sourceMappingURL=assignRef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["assignRef","ref","value","current"],"sourceRoot":"../../../src","sources":["utils/assignRef.ts"],"mappings":";;AAEA,OAAO,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/module/utils/createPortal.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","createPortalFn","OS","undefined","require","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAIvC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA0C,GAAG,CAAC,MAAM;EAC/D,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE,OAAOC,SAAS;EAC3C,IAAI;IACF;IACA,OAAQC,OAAO,CAAC,WAAW,CAAC,CAAsCC,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOF,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","createPortalFn","OS","undefined","require","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAIvC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA0C,GAAG,CAAC,MAAM;EAC/D,IAAI;IACF,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;MACzB,OAAOC,SAAS;IAClB;IACA;IACA,OAAQC,OAAO,CAAC,WAAW,CAAC,CAAsCC,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOF,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}

package/lib/typescript/index.d.ts

@@ -11,6 +11,7 @@ export * from './otp-input';
 export * from './link';
 export * from './list-item';
 export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
+export { useAnchorPosition, type AnchorLayout } from './overlay';
 export * from './select';
 export * from './switch';
 export * from './tile';
@@ -18,9 +19,12 @@ export * from './toast';
 export * from './portal';
 export * from './progress-bar';
 export * from './radio';
+export * from './slider';
 export type { InteractionState } from './types';
 export { FormControlContext, useFormControlContext } from '@cdx-ui/utils';
 export { dataAttributes, mergeDataAttributes } from './utils/dataAttributes';
 export { domDataAttributes, mergeDomDataAttributes, type DomDataAttributeValue, } from './utils/domDataAttributes';
+export { assignRef } from './utils/assignRef';
+export { createPortalFn } from './utils/createPortal';
 export { Slot } from './slot';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACjE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,KAAK,qBAAqB,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/lib/typescript/overlay/useAnchorPosition.d.ts

@@ -5,11 +5,17 @@ export interface AnchorLayout {
     width: number;
     height: number;
 }
+export interface UseAnchorPositionOptions {
+    /** Re-run layout measurement when this value changes (e.g. slider value percent). */
+    remeasureKey?: unknown;
+    /** Poll anchor position each animation frame while open (for anchors that move). */
+    trackWhileOpen?: boolean;
+}
 /**
  * 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 declare function useAnchorPosition(anchorRef: RefObject<any>, open: boolean): AnchorLayout | null;
+export declare function useAnchorPosition(anchorRef: RefObject<any>, open: boolean, options?: UseAnchorPositionOptions): AnchorLayout | null;
 //# sourceMappingURL=useAnchorPosition.d.ts.map

package/lib/typescript/overlay/useAnchorPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAnchorPosition.d.ts","sourceRoot":"","sources":["../../../src/overlay/useAnchorPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,YAAY,GAAG,IAAI,CA+C/F"}
+{"version":3,"file":"useAnchorPosition.d.ts","sourceRoot":"","sources":["../../../src/overlay/useAnchorPosition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAwBD,MAAM,WAAW,wBAAwB;IACvC,qFAAqF;IACrF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oFAAoF;IACpF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,IAAI,EAAE,OAAO,EACb,OAAO,CAAC,EAAE,wBAAwB,GACjC,YAAY,GAAG,IAAI,CAuFrB"}

package/lib/typescript/slider/SliderRail.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+import type { InterfaceSliderRailProps } from './types';
+export interface SliderRailProps extends InterfaceSliderRailProps {
+}
+export declare const SliderRail: import("react").ForwardRefExoticComponent<SliderRailProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=SliderRail.d.ts.map

package/lib/typescript/slider/SliderRail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRail.d.ts","sourceRoot":"","sources":["../../../src/slider/SliderRail.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,IAAI,EAIL,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,wBAAwB;CAAG;AAEpE,eAAO,MAAM,UAAU,kGAiHtB,CAAC"}