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

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"}

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

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+import type { InterfaceSliderProps } from './types';
+export interface SliderRootProps extends InterfaceSliderProps {
+    readonly asChild?: boolean;
+}
+export declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=SliderRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRoot.d.ts","sourceRoot":"","sources":["../../../src/slider/SliderRoot.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,IAAI,EAIL,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAKpD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,kGAiPtB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderThumb.d.ts","sourceRoot":"","sources":["../../../src/slider/SliderThumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,IAAI,EAKL,MAAM,cAAc,CAAC;AAQtB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAIzD,MAAM,WAAW,gBAAiB,SAAQ,yBAAyB;CAAG;AAEtE,eAAO,MAAM,WAAW,mGAiPvB,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { RefObject } from 'react';
+import type { View } from 'react-native';
+import type { SliderOrientation } from './types';
+export interface SliderTrackLayout {
+    readonly width: number;
+    readonly height: number;
+    readonly x: number;
+    readonly y: number;
+}
+export interface SliderContextValue {
+    readonly value: number;
+    readonly min: number;
+    readonly max: number;
+    readonly step: number;
+    readonly percent: number;
+    readonly orientation: SliderOrientation;
+    readonly isDisabled: boolean;
+    readonly isDragging: boolean;
+    readonly isHovered: boolean;
+    readonly isFocused: boolean;
+    readonly trackLayout: SliderTrackLayout | null;
+    readonly thumbSize: number;
+    readonly setValue: (value: number, complete?: boolean) => void;
+    readonly setValueFromRatio: (ratio: number, complete?: boolean) => void;
+    readonly setTrackLayout: (layout: SliderTrackLayout) => void;
+    readonly setThumbSize: (size: number) => void;
+    readonly setIsDragging: (dragging: boolean) => void;
+    readonly setIsHovered: (hovered: boolean) => void;
+    readonly setIsFocused: (focused: boolean) => void;
+    readonly getValueLabel: () => string;
+    readonly thumbRef: RefObject<View | null>;
+}
+export declare const SliderProvider: import("react").FunctionComponent<{
+    children: import("react").ReactNode;
+    value: SliderContextValue;
+}>, useSliderContext: () => SliderContextValue;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/slider/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,WAAW,EAAE,iBAAiB,CAAC;IACxC,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC/C,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7D,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,aAAa,EAAE,MAAM,MAAM,CAAC;IACrC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;CAC3C;AAED,eAAO,MAAO,cAAc;;;IAAE,gBAAgB,0BACM,CAAC"}

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

@@ -0,0 +1,8 @@
+export type { ISliderProps, ISliderRailProps, ISliderThumbProps, SliderAccessibilityValue, SliderOrientation, } from './types';
+export type { SliderContextValue, SliderTrackLayout } from './context';
+export { useSliderContext } from './context';
+export { SliderRoot, type SliderRootProps } from './SliderRoot';
+export { SliderRail, type SliderRailProps } from './SliderRail';
+export { SliderThumb, type SliderThumbProps } from './SliderThumb';
+export { getMarkerPositionStyle, getMarkerStepValues, percentToFillExtent, SLIDER_MARKER_SIZE, valueToPercent, } from './utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slider/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+import type { PressableProps, ViewProps } from 'react-native';
+export type SliderOrientation = 'horizontal' | 'vertical';
+export type SliderAccessibilityValue = NonNullable<ViewProps['accessibilityValue']>;
+export interface InterfaceSliderProps extends Omit<ViewProps, 'children' | 'accessibilityValue'> {
+    readonly value?: number;
+    readonly defaultValue?: number;
+    readonly onChange?: (value: number) => void;
+    readonly onChangeComplete?: (value: number) => void;
+    readonly min?: number;
+    readonly max?: number;
+    readonly step?: number;
+    readonly isDisabled?: boolean;
+    readonly orientation?: SliderOrientation;
+    /**
+     * Screen reader label when there is no visible label.
+     */
+    readonly accessibilityLabel?: string;
+    /**
+     * Screen reader value for the slider. Merged with derived `min`, `max`, `now`, and formatted
+     * `text` when fields are omitted. `text` overrides the numeric announcement when set.
+     */
+    readonly accessibilityValue?: SliderAccessibilityValue;
+    readonly children?: ReactNode;
+}
+export type ISliderProps = InterfaceSliderProps;
+export interface InterfaceSliderRailProps extends ViewProps {
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+}
+export type ISliderRailProps = InterfaceSliderRailProps;
+export interface InterfaceSliderThumbProps extends PressableProps {
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+}
+export type ISliderThumbProps = InterfaceSliderThumbProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAEpF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,oBAAoB,CAAC;IAC9F,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,wBAAwB,CAAC;IACvD,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC;AAEhD,MAAM,WAAW,wBAAyB,SAAQ,SAAS;IACzD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AAExD,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC/D,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,iBAAiB,GAAG,yBAAyB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { SliderTrackLayout } from './context';
+import type { SliderOrientation } from './types';
+export declare function getPointerCoords(nativeEvent: {
+    pageX?: number;
+    pageY?: number;
+    clientX?: number;
+    clientY?: number;
+}): {
+    x: number;
+    y: number;
+};
+export declare function getRatioFromPagePoint(pageX: number, pageY: number, trackLayout: SliderTrackLayout | null, orientation: SliderOrientation, thumbSize: number): number;
+export declare function useWebSliderDrag({ isDisabled, setIsDragging, setValueFromRatio, trackLayout, orientation, thumbSize, }: {
+    isDisabled: boolean;
+    setIsDragging: (dragging: boolean) => void;
+    setValueFromRatio: (ratio: number, complete?: boolean) => void;
+    trackLayout: SliderTrackLayout | null;
+    orientation: SliderOrientation;
+    thumbSize: number;
+}): {
+    startDrag: (pageX: number, pageY: number, anchorRatio?: number, trackLayoutOverride?: SliderTrackLayout) => void;
+};
+//# sourceMappingURL=useSliderPointer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderPointer.d.ts","sourceRoot":"","sources":["../../../src/slider/useSliderPointer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAS3B;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,WAAW,EAAE,iBAAiB,GAAG,IAAI,EACrC,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAE,MAAM,GAChB,MAAM,CAUR;AAQD,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,SAAS,GACV,EAAE;IACD,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,iBAAiB,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;CACnB;uBAyBY,MAAM,SACN,MAAM,gBACC,MAAM,wBACE,iBAAiB;EAoE5C"}

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

@@ -0,0 +1,23 @@
+import type { ViewStyle } from 'react-native';
+import type { SliderTrackLayout } from './context';
+import type { SliderOrientation } from './types';
+export declare const SLIDER_MARKER_SIZE = 3;
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function getThumbTravel(trackSize: number, _thumbSize: number): number;
+/** Thumb leading-edge offset along the track axis (center-based). */
+export declare function percentToThumbOffset(percent: number, trackSize: number, thumbSize: number): number;
+/** Filled track extent to the thumb center. */
+export declare function percentToFillExtent(percent: number, trackSize: number, _thumbSize: number): number;
+/** Map a pointer coordinate on the track axis to a 0–1 ratio. */
+export declare function pointerCoordToRatio(pointerCoord: number, trackStart: number, trackSize: number, _thumbSize: number): number;
+/** Vertical slider: bottom = min (0), top = max (1). */
+export declare function pointerCoordToVerticalRatio(pointerCoord: number, trackStart: number, trackSize: number, _thumbSize: number): number;
+export declare function snapToStep(value: number, min: number, max: number, step: number): number;
+export declare function valueToPercent(value: number, min: number, max: number): number;
+export declare function percentToValue(percent: number, min: number, max: number, step: number): number;
+export declare function formatSliderValue(value: number): string;
+export declare function getMarkerStepValues(min: number, max: number, step: number): number[];
+/** Marker leading-edge offset (center-aligned to the thumb coordinate system). */
+export declare function percentToMarkerCenterOffset(percent: number, trackSize: number, markerSize?: number): number;
+export declare function getMarkerPositionStyle(percent: number, orientation: SliderOrientation, trackLayout: SliderTrackLayout | null, _thumbSize: number, markerSize?: number): ViewStyle;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/slider/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAQjD,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAE5E;AAED,qEAAqE;AACrE,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,GAChB,MAAM,CAGR;AAED,+CAA+C;AAC/C,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,GACjB,MAAM,CAGR;AAED,iEAAiE;AACjE,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,GACjB,MAAM,CAKR;AAED,wDAAwD;AACxD,wBAAgB,2BAA2B,CACzC,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,GACjB,MAAM,CAKR;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAMxF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAK9E;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAG9F;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEvD;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAcpF;AAaD,kFAAkF;AAClF,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,UAAU,SAAqB,GAC9B,MAAM,CAGR;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,iBAAiB,EAC9B,WAAW,EAAE,iBAAiB,GAAG,IAAI,EACrC,UAAU,EAAE,MAAM,EAClB,UAAU,SAAqB,GAC9B,SAAS,CA+CX"}

package/lib/typescript/utils/assignRef.d.ts

@@ -0,0 +1,3 @@
+import type { ForwardedRef } from 'react';
+export declare function assignRef<T>(ref: ForwardedRef<T>, value: T | null): void;
+//# sourceMappingURL=assignRef.d.ts.map

package/lib/typescript/utils/assignRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assignRef.d.ts","sourceRoot":"","sources":["../../../src/utils/assignRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,QAQjE"}

package/lib/typescript/utils/createPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPortal.d.ts","sourceRoot":"","sources":["../../../src/utils/createPortal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,KAAK,CAAC,WAAW,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,GAAG,SAQ1C,CAAC"}
+{"version":3,"file":"createPortal.d.ts","sourceRoot":"","sources":["../../../src/utils/createPortal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,cAAc,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,KAAK,KAAK,CAAC,WAAW,CAAC;AAE3F;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,GAAG,SAU1C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-beta.114",
+  "version": "0.0.1-beta.116",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -60,7 +60,7 @@
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/radio": "3.12.0",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-beta.114"
+    "@cdx-ui/utils": "0.0.1-beta.116"
   },
   "devDependencies": {
     "@types/react": "19.1.17",

package/src/index.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,6 +19,7 @@ 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';
@@ -26,4 +28,6 @@ export {
   mergeDomDataAttributes,
   type DomDataAttributeValue,
 } from './utils/domDataAttributes';
+export { assignRef } from './utils/assignRef';
+export { createPortalFn } from './utils/createPortal';
 export { Slot } from './slot';

package/src/overlay/useAnchorPosition.ts

@@ -16,32 +16,79 @@ function measureWeb(element: any): AnchorLayout {
   return { x: rect.left, y: rect.top, width: rect.width, height: rect.height };
 }
 
+function setLayoutIfChanged(
+  setLayout: React.Dispatch<React.SetStateAction<AnchorLayout | null>>,
+  next: AnchorLayout,
+) {
+  setLayout((prev) => {
+    if (
+      prev?.x === next.x &&
+      prev.y === next.y &&
+      prev.width === next.width &&
+      prev.height === next.height
+    ) {
+      return prev;
+    }
+    return next;
+  });
+}
+
+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 function useAnchorPosition(anchorRef: RefObject<any>, open: boolean): AnchorLayout | null {
+export function useAnchorPosition(
+  anchorRef: RefObject<any>,
+  open: boolean,
+  options?: UseAnchorPositionOptions,
+): AnchorLayout | null {
+  const { remeasureKey, trackWhileOpen = false } = options ?? {};
   const [layout, setLayout] = useState<AnchorLayout | null>(null);
 
+  const measureAnchor = () => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+
+    if (Platform.OS === 'web') {
+      setLayoutIfChanged(setLayout, measureWeb(anchor));
+      return;
+    }
+
+    anchor.measureInWindow((x: number, y: number, width: number, height: number) => {
+      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: number, y: number, width: number, height: number) => {
         if (!cancelled) {
-          setLayout({ x, y, width, height });
+          setLayoutIfChanged(setLayout, { x, y, width, height });
         }
       });
     }
@@ -49,15 +96,36 @@ export function useAnchorPosition(anchorRef: RefObject<any>, open: boolean): Anc
     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;
+    if (!anchor) {
+      return;
+    }
 
-    const update = () => setLayout(measureWeb(anchor));
+    const update = () => setLayoutIfChanged(setLayout, measureWeb(anchor));
 
     window.addEventListener('scroll', update, true);
     window.addEventListener('resize', update);
@@ -66,7 +134,7 @@ export function useAnchorPosition(anchorRef: RefObject<any>, open: boolean): Anc
       window.removeEventListener('scroll', update, true);
       window.removeEventListener('resize', update);
     };
-  }, [open, anchorRef]);
+  }, [open, anchorRef, remeasureKey, trackWhileOpen]);
 
   return layout;
 }